/* GENERAL */

.contrast .wp-block-cover > img {
    display: none;
}

/* FORM */

.contrast form input::-webkit-input-placeholder,
.contrast form textarea::-webkit-input-placeholder {
    color: black;
}

.contrast form input:-moz-placeholder,
.contrast form textarea:-moz-placeholder {
    color: black;
}

.contrast form input::-moz-placeholder,
.contrast form textarea::-moz-placeholder {
    color: black;
}

.contrast form input:-ms-input-placeholder,
.contrast form textarea:-ms-input-placeholder {
    color: black;
}

.contrast form[name=contact] label,
.contrast form[name=contact] input[type=text],
.contrast form[name=contact] input[type=email] {
    color: black !important;
}

/* SEARCH */

.contrast header nav.utility .search input[type=submit] {
    filter: grayscale() brightness(0);
}

.contrast .results p {
    font-weight: 700;
}

/* CHECKBOX */

.contrast .checkbox:before {
    background-color: var(--gray-2);
}

/* MENU */

.contrast header nav.menu > ul > li > ul > li,
.contrast header nav.utility .acessibility > ul > li,
.contrast header nav.utility .search > ul > li {
    background-color: black;
}

/* QUOTES - shortcode */

.contrast .quotes .item {
    background-color: black;
    color: white;
}

.contrast .quotes .item:after {
    content: url(../images/quote-after-contrast.webp);
}

.contrast .quotes .author {
    border-color: white;
}

.contrast .quotes .author strong {
    color: white;
}

/* OUR ENGAGEMENT */

.contrast .our-engagement {
    background-color: black;
}

.contrast .our-engagement .wp-block-columns {
    background-image: none;
    margin-top: 0;
}

.contrast .our-engagement .wp-block-column {
    background-image: url(../images/bg-engagement-item-contrast.webp);
}

.contrast.single-service .our-engagement .wp-block-column,
.contrast.home .our-engagement .wp-block-column {
    background-image: url(../images/bg-engagement-item-left-contrast.webp);
}

/* SERVICES */

.contrast .services > div > .wp-block-group {
    background-image: none;;
    background-color: black;
}

.contrast .services > div .has-media-on-the-right figure:before {
    border-top-color: black;
}

.contrast .services > div .wp-block-media-text figure:before {
    border-left-color: black;
}

.contrast .services > div .wp-block-media-text:last-child figure:before {
    border-left-color: white;
}

/* FILTERS */

.contrast nav.filters {
    border-bottom: 1px solid black;
}

.contrast nav.filters > ul > li {
    background-color: black;
}

.contrast nav.filters > ul > li:before {
    border-bottom: 40px solid black;
}

/* FILTERS - submenu */

.contrast nav.filters > ul > li > ul {
    background-color: black;
}

.contrast nav.filters > ul > li > ul > li > ul > li {
    color: white;
}

.contrast nav.filters > ul > li > ul > li > ul > li.active {
    color: var(--cyan);
}

.contrast nav.filters > ul > li > ul > li > ul > li:before {
    background-color: white;
}

.contrast nav.filters > ul > li > ul > li > ul > li.active:before {
    background-color: var(--cyan);
}

/* BANNER */

.contrast .banner {
    background: black !important;
}

/* MAP */

.contrast .map .title {
    background-color: black;
}

.contrast .map .title:before {
    filter: grayscale() brightness(0);
}

.contrast .map .box {
    background-color: black;
}

.contrast .map > img {
    filter: grayscale() brightness(.8);
}

/* COPY - icon */

.contrast .copy:before,
.contrast .copy:after {
    background-color: black;
}

/* FOOTER */

.contrast footer {
    background-color: black;
}

.contrast footer .has-blue-background-color {
    background-color: black;
}

.contrast footer .wrapper > .wp-block-columns:nth-child(1) .wp-block-column:nth-child(2) figure:before {
    border-left-color: black;
}

.contrast footer nav.menu {
    background-color: var(--gray-2);
}

.contrast footer nav.menu:before,
.contrast footer nav.menu:after {
    border-top: 30px solid var(--gray-2);
    border-bottom: none;
    
}

.contrast footer .social a:before,
.contrast footer .social a:after {
    border-top: 30px solid var(--gray-2);
}

.contrast footer .social a:after {
    border-top: none;
    border-bottom: 30px solid var(--gray-2);
}


@media (max-width: 1264px) {

    .contrast header nav.menu {
        background-color: black;
    }

    .contrast header nav.menu > ul > li > ul,
    .contrast header nav.utility .acessibility > ul,
    .contrast header nav.utility .search > ul {
        background-color: black;
    }

    .contrast header .utility {
        background-color: black;
    }

    .contrast header nav.utility .button {
        color: black;
    }

}