﻿#cssmenu {
    justify-content: flex-end
}

.wrap.imgCard:has(+ .wrap.tripleCards),
.wrap.heroCards:has(+ .wrap.tripleCards),
.wrap.imgCard {
    padding-top: 60px;
    padding-bottom: 0;
}

.wrap.heroCards .container,
.wrap.imgCard .container {
    top: 0;
    margin-bottom: 0
}

.cardHolder,
.imgCardHolder,
.block,
.scroller-container {
    margin-bottom: 60px;
}

.cardHolder {
    grid-gap: 20px;
}
    .cardHolder.triple .card img {
        aspect-ratio: 4 / 3;
    }
    .cardHolder.triple .card h2,
    .cardHolder.triple .card h3 {
        font-size: 1.3125em;
        background: none;
        padding-top: 1.5rem;
        padding-bottom: 1rem;
    }
    .cardHolder.triple .card p {
        padding-top: 0;
        align-self: flex-end;
        flex: 1;
        padding-bottom: 1.75rem;
    }
    .cardHolder.triple .card {
        transition: all 0.2s cubic-bezier(0.455, 0.030, 0.515, 0.955);
    }
    .cardHolder.triple .card h2,
    .cardHolder.triple .card h3,
    .cardHolder.triple .card p {
        background: none;
    }
    .cardHolder.triple .card:hover {
        background: var(--colDark)
    }

/*ul.ticklist:last-child {
    margin-bottom: -20px;
}*/
.wrap.tripleCards,
.wrap.heroCards,
.wrap.imgCard,
.wrap.bgWhite,
.wrap.bgPaleGrey,
.wrap.bgMidGrey,
.wrap.bgGreen,
.wrap.imgCard,
.wrap.tripleCards:has(+ .wrap.imgCard),
.wrap.tripleCards:has(+ .wrap.heroCards),
.wrap.heroCards:has(+ .wrap.imgCard),
.wrap.imgCard:has(+ .wrap.heroCards),
.wrap.heroCards:has(+ .wrap.heroCards),
.wrap.imgCard:has(+ .wrap.imgCard),
.wrap:has(+ .wrap) {
    padding-bottom: 0;
}

#marketingWrap .container {
    top: 0;
}

#marketingWrap .gradientOverlay {
    background-color: transparent;
    background-image: linear-gradient(125deg, rgba(31,37,41,1) 0%, rgba(31,37,41,0.55) 60%, rgba(31,37,41,0) 75%);
    z-index: 2;
}
#marketingWrap.reverse .gradientOverlay {
    background-color: transparent;
    background-image: linear-gradient(245deg, rgba(31,37,41,1) 0%, rgba(31,37,41,0.55) 60%, rgba(31,37,41,0) 75%);
    z-index: 2;
}

#marketingWrap .imageBg {
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-clip-path: none;
    clip-path: none;
    z-index: 2;
}

#marketingWrap.reverse .imageBg {
    left: 0;
    right: auto;
    top: 0;
    -webkit-clip-path: none;
    clip-path: none;
    z-index: 2;
}
form input.button,
form input[type=button],
form input[type=submit],
#marketingWrap .infoHolder {
    margin: 0;
}

#marketingWrap .infoHolder {
    margin: 0 10px;
    width: 50%;
}
.buttonBlock {
    margin-bottom: 1.5rem;
}
.buttonBlock a {
    margin-right: 10px;
    margin-bottom: 0 !important;
}
.buttonBlock a:last-child {
    margin-right: 0;
}
    .buttonBlock:last-child a {
        margin-bottom: 10px;
    }

@media only screen and (max-width: 1279px) {
    #marketingWrap section {
        min-height: 600px;
    }
}

@media only screen and (max-width: 767px) {
    #marketingWrap .imageBg,
    #marketingWrap.reverse .imageBg {
        filter: brightness(0.7);
    }
    #marketingWrap .gradientOverlay,
    #marketingWrap.reverse .gradientOverlay {
        background-color: rgba(31,37,41,0.6);
        background-image: none;
        z-index: 2;
    }
    #marketingWrap .infoHolder {
        width: 100%;
    }
    .grecaptcha-badge {
        bottom: 10px !important;
    }
}