Goran Theme color customization CSS

custom.css

a {
    color: #3BA0B7;
}

mark, ins {
    background: transparent;
}

.site-header, .featured-page .more-link, .grid .more-link, button, input[type="button"], input[type="reset"], input[type="submit"]  {
background: #3BA0B7;
}

a.button, a.button-minimal{
border-color: #3BA0B7;
color: #3BA0B7;
}

a.button-minimal:hover, a.button-minimal:focus, a.button-minimal:active {
    background: #3BA0B7;
    border-color: #3BA0B7;
}

@media screen and (min-width: 1020px){

.hero-image .site-header {
    background: rgba(0, 0, 0, 0.225);
}

.main-navigation .menu-item .dropdown-toggle, .main-navigation .menu-item .dropdown-toggle:focus {
    background: transparent;
    border-color: #2A788A;
}

.main-navigation .menu-item .dropdown-toggle:hover, .hero-image .main-navigation .menu-item .dropdown-toggle:hover {
    background: #2A788A;
}

.menu-primary .sub-menu {
    border-color: #2A788A;
}

.main-navigation ul ul li {
    border-color: #2A788A;
}


.main-navigation ul ul a {
    background: #3BA0B7;
}

.main-navigation ul ul a:hover {
    background: #2A788A;
    color: #fff;
}

}

ul[id^="menu-social"] a:before {
	color: #fff;
}