/*
Theme Name: Capella Child
description: George Brothers Paving Company - Capella
Template: capella-parent
Version: 1.0.0
Text Domain: capella-child
Author: BCW
*/

#header {
    background-color: var(--color-4);
}

.fixed-sidebar {
    box-shadow: 2px 0 10px 1px #000;
}

.fixed-sidebar .logo-container {
    max-width: 300px;
}

a{
    color: var(--color-2);
}

.social-icons .fa-stack-2x {
    color: var(--color-1);
}

.social-icons a:hover .fa-stack-2x,
.social-icons a:focus .fa-stack-2x {
  color: var(--color-2);
  transition: all ease .5s;
}

.social-icons a:hover .fa-stack-1x,
.social-icons a:focus .fa-stack-1x {
  color: var(--color-4);
  transition: all ease .5s;
}

.social-icons .fa-inverse {color:#000;}

.fixed-sidebar .social a:focus .fa-stack .fa-stack-1x, .fixed-sidebar .social a:hover .fa-stack .fa-stack-1x, .fixed-sidebar #menu-main-menu li.active a, .fixed-sidebar #menu-main-menu li a:hover, .fixed-sidebar #menu-main-menu li a:focus, .fixed-sidebar #menu-main-menu li a:active, .fixed-sidebar #menu-main-menu li:hover a, .fixed-sidebar #menu-main-menu li:focus a, #menu-main-menu li:hover a, .dropdown-menu li a:focus, .dropdown-menu li a:hover {
    color: var(--color-1);
}

footer .sitemap a:hover, footer .copyright a:hover, nav.pagination a:hover, .sitemap-page a:hover {
    color: #fff;
}

.testimonials-inner .fas.fa-star {
    color: var(--color-4);
}

.dropdown-menu {
    color: var(--color-2);
    right: 0;
    transform: translateX(100%);
}

.dropdown-menu {
    background-color: var(--color-4);
    color: var(--color-2);
}

.dropdown-menu .active a {
    background-color: var(--color-4);
    color: var(--color-1);
}

.dropdown-menu .active a:focus {
    color: var(--color-2);
}

.dropdown-menu .active a:focus,
.dropdown-menu .active a:hover {
    background-color: var(--color-4);
    color: var(--color-1);
}

.dropdown-menu li:nth-of-type(even) {
    border-top: none;
}
ul.dropdown-menu {
    border-top: none;
}

.dropdown-menu li a:focus, .fixed-sidebar #menu-main-menu li.active .dropdown-menu li a {
    color: var(--color-2);
}

.fixed-sidebar #menu-main-menu li.active .dropdown-menu li a:hover {
    color: var(--color-1);
}

.dropdown-menu li a:hover {
    color: var(--color-1);
}

.feature-item img, .feature-item a:hover img {
	filter: blur(0) grayscale(0);
	transition: all linear .5s
}

#banner:before, .contact-sections-inner:before {
    background-color: var(--color-2);
}

.contact-sections-inner {
    text-shadow: none;
}

.contact-sections-inner h2, .contact-sections-inner .form-description {
    color: var(--color-4);
}

a.btn, input#gform_submit_button_1 {
    background-color: var(--color-1);
    color: var(--color-4);
    border: 0;
    border-radius: 60px;
    font-size: 18px;
    padding: 12px 30px;
}

a.btn:hover, input#gform_submit_button_1:hover {
    background-color: var(--color-4);
    color: var(--color-1);
}

input:not([type=submit]) {
    color: var(--color-2) !important;
}

::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color: var(--color-2) !important;
}

:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: var(--color-2) !important;
    opacity: 1;
}

::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: var(--color-2) !important;
    opacity: 1;
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: var(--color-2) !important;
}

::-ms-input-placeholder { /* Microsoft Edge */
    color: var(--color-2) !important;
}

::placeholder { /* Most modern browsers support this now. */
    color: var(--color-2) !important;
}

body.page-template-page-service-menu .content-block:nth-child(odd), body.page-template-page-service-menu .content-block:first-of-type, .feature-item h2, body.page-template-page-service-menu .content-block:nth-child(even) {
    background-color: var(--color-1) !important;
    color: var(--color-2) !important;
}

body.page-template-page-service-menu .content-block a.btn {
    background-color: var(--color-2);
    color: var(--color-4);
}

body.page-template-page-service-menu .content-block a.btn:hover {
    background-color: var(--color-4);
    color: var(--color-1);
}

body.page-template-page-contact #contact-block-2 .social-icons .fa-stack-2x {
    color: var(--color-1);
}

body.page-template-page-contact #contact-block-2 .social-icons .fa-stack-1x {
    color: var(--color-1);
}

body.page-template-page-contact #contact-block-2 .social-icons a:hover .fa-stack-2x, body.page-template-page-contact #contact-block-2 .social-icons a:focus .fa-stack-2x {
    color: var(--color-1);
}

body.page-template-page-contact #contact-block-2 .social-icons a:hover .fa-stack-1x, body.page-template-page-contact #contact-block-2 .social-icons a:focus .fa-stack-1x {
    color: var(--color-2);
}

body.page-template-page-contact #contact-block-1 a, body.page-template-page-contact #contact-block-2 a {
    color: var(--color-1);
}

body.page-template-page-contact #contact-block-1 a:hover, body.page-template-page-contact #contact-block-2 a:hover {
    color: var(--color-4);
}

.social-icons a:hover .fa-stack-2x,
.social-icons a:focus .fa-stack-2x {
    color: var(--color-1);
    transition: all ease .5s;
}

textarea#input_1_6 {
    height: 5rem;
}

#toplinks {display: flex;
    justify-content: center;
    flex-direction: column;
    flex-wrap: wrap;
    font-family: 'Unica One', cursive;
    align-items: center;}
#toplinks a {margin:5px 0; display: block; text-transform: uppercase; font-size: 20px; color:var(--color-2);}
#toplinks a:hover {color: var(--color-1);}

.fixed-sidebar #menu-main-menu > li > a {color:var(--color-2); border-color: var(--color-3);}
.fixed-sidebar #menu-main-menu > li > a:hover {color: var(--color-1);}

@media screen and (max-width:991px) {
    .main-nav .nav-list .menu-item a, .nav-toggler, .nav-toggler .fa-angle-down, .navigation a {
        color: var(--color-2);
    }
}