:root {
    --colorGreen: #5da432;
    --colorTransparentGreen: #5ea43236;
    --colorBlue: #203993;
    --colorBlack: #222;
}

/*Header*/
.link-phone-header {
    background-color: var(--colorGreen);
    color: white;

    &:is(:hover, :focus) {
        background-color: var(--colorYellow);
        color: var(--colorBlack);
    }
}

a:is(:hover, :focus) {
    color:var(--colorYellow);
}

/*Buttons*/
.button.blue {
    &:is(:hover, :focus) {
        background-color: var(--colorGreen);
        color: white;
    }
}

.header-internal{
    background: linear-gradient(rgba(17, 37, 103, .5), rgba(17, 37, 103, .5)),
        url(../../images/themes/cup/bg-inner-top.webp) center center no-repeat;
     background-size: cover !important;   
}

/*Home*/

.section-hero {
    background: linear-gradient(rgba(17, 37, 103, .8), rgba(17, 17, 17, 1)), url(../../images/bg-hero.webp) top center no-repeat;
}

.feature-icon {
    background: var(--colorYellow);


}

.balls-title {
    filter:
        sepia(1) saturate(700%) hue-rotate(45deg) brightness(0.75) !important;
}

.content-col-map,
.banner-financing {
    &:is(:hover, :focus) {
        .button {
            background-color: var(--colorGreen);
            color: white;
        }
    }
}

.section-map {
    background-image: linear-gradient(rgba(17, 37, 103, .3) 5%,
            rgba(17, 37, 103, 0)), url(../../images/bg-map.jpg);
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
}

.banner-online-store {
    background: linear-gradient(rgba(17, 37, 103, .2), rgba(17, 37, 103, .2)),
        url(../../images/banner-loja-online.webp) center center no-repeat;
}

.banner-financing {
    background: linear-gradient(rgba(17, 37, 103, .2), rgba(17, 37, 103, .2)),
        url(../../images/banner-financiamento.webp) center center no-repeat;
}

#instafeed a:before {
    background: var(--colorBlue);
}

input#amount {
    color: white;
    background-color: var(--colorBlue);
}

.link-nav.w--current,
.link-nav.link-footer:is(:hover, :focus) {
    color: var(--colorYellow);
}

.section-instagram{
    background: linear-gradient(rgba(0, 0, 0, .75), rgba(0, 0, 0, 0)),
        url("../../images/themes/cup/black-brick-wall-textured-background_1.jpg") center center no-repeat;
        background-size: cover !important
        ;
    }

.content-facebook-box{
    background: linear-gradient(rgba(0, 0, 0, .4), rgba(0, 0, 0, .4)), url(../../images/themes/cup/cover-facebook.jpg) no-repeat center center;
    -webkit-background-size: cover;
}

.content-item-vehicle, .feature, .items-vehicle-single-description{
    border-color: var(--colorTransparentGreen);
}

/*Footer*/
.content-whatsapp-box {
    background: linear-gradient(90deg, rgba(0, 0, 0, .4), rgba(0, 0, 0, .4)),
     url(../../images/themes/cup/whatsapp-cta-bg.webp);
}


/*Empresa*/
.title-item-accordion i {
    background: var(--colorGreen);
}

.footer-tab:is(:hover, :focus, .w--current) {
    background: var(--colorBlue);
    color: white;
}

i.check-blue {
    color: var(--colorGreen);
}

.form-vehicle, .form-contact{
    border-color: var(--colorTransparentGreen);
}

/*Single Veículo*/
.button.submit {
    background: var(--colorYellow);

    &:is(:hover, :focus) {
        background: var(--colorGreen);
        color: white;
    }
}


@media (max-width: 991px) {
    .navmenu {
        background-color: #132355;
    }
}