.overlay-bg-white, .overlay-bg-none {
    opacity: 0.3;
    filter: grayscale(0.65);
}
.overlay-bg-primary, .overlay-bg-blue {
    opacity: 0.5;
    mix-blend-mode: overlay;
}
.overlay-bg-secondary, .overlay-bg-red {
    opacity: 0.2223;
    mix-blend-mode: overlay;
}

.slash .card .card-body::before {
    background-image: url(/wp-content/themes/latech-genesis/assets/svg/slash.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    bottom: 0;
    content: "";
    display: block;
    left: 0;
    opacity: .13;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 0;
}
.slash .card .card-title { 
    color: #CB333B;
}
.slash .card .card-body {
    color: #4d5f80;
}
.slash .card .card-body .btn { position: relative; }

/* Text Sizes */
.card.size-lg .card-title { font-size: 2.8rem; }
.card.size-lg .card-text { font-size: 1.3rem; }
.card.size-xl .card-title { font-size: 4rem; }
.card.size-xl .card-text { font-size: 1.6rem; }

/* Text Colors */
.cards-section .card.bg-tech-blue .card-body, 
.cards-section .card.bg-primary .card-body,
.cards-section .card.bg-tech-red .card-body, 
.cards-section .card.bg-secondary .card-body,
.cards-section .card.bg-dark-blue-neutral .card-body,
.cards-section .card.bg-bright-green .card-body,
.cards-section .card.bg-dark-green  .card-body,
.cards-section .card.bg-dark-red .card-body,
.cards-section .card.bg-bright-blue .card-body { 
    color: #fff; 
}

.cards-section .card.bg-tech-gray .card-body,
.cards-section .card.bg-dark-warm-neutral .card-body,
.cards-section .card.bg-medium-warm-neutral .card-body,
.cards-section .card.bg-light-warm-neutral .card-body,
.cards-section .card.bg-medium-blue-neutral .card-body,
.cards-section .card.bg-light-blue-neutral .card-body,
.cards-section .card.bg-lady-techster-blue .card-body,
.cards-section .card.bg-bright-green .card-body,
.cards-section .card.bg-bright-orange .card-body,
.cards-section .card.bg-dark-yellow .card-body {
    color: #000; 
}
@media (max-width: 768px) {
    .card-img-overlay {
        position: relative;
    }
    .overlay-bg-white, .overlay-bg-none,
    .overlay-bg-primary, .overlay-bg-blue,
    .overlay-bg-secondary, .overlay-bg-red {
        opacity: 1;
        filter: none;
    }
}

@media (max-width:991px) {
    .slider {
        width: 100%;
        text-align: center;
        overflow: hidden;
        position: relative;
    }
    .slides {
        display: flex;
        overflow-x: scroll;
        position: relative;
        scroll-behavior: smooth;
        scroll-snap-type: x mandatory;
        flex-flow: nowrap;
    }

    .slide {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-shrink: 0;
        width: 100%;
        margin-right: 0px;
        box-sizing: border-box;
        background: transparent;
        transform-origin: center center;
        transform: scale(1);
        scroll-snap-align: center;
        padding: 0px 25px;
    }

    .slide .slide__inner {
        margin: 0 15px;
        padding-bottom: 17px;
    }

    a.slide__prev,
    .slider::before {
        left: 0;
        background: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg viewBox='149.345 8.157 80 159.965' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M 229.339 24.958 L 173.339 104.936 L 149.345 88.135 L 205.346 8.157 L 229.339 24.958 Z M 173.345 71.343 L 229.345 151.321 L 205.352 168.122 L 149.351 88.144 L 173.345 71.343 Z' style='fill: rgb(203, 51, 59);'/%3E%3C/svg%3E")  no-repeat left center;
    }

    a.slide__next,
    .slider::after {
        right: 0;
        background: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg viewBox='149.345 8.157 80 159.965' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M 229.339 151.321 L 173.339 71.343 L 149.345 88.144 L 205.346 168.122 L 229.339 151.321 Z M 173.345 104.936 L 229.345 24.958 L 205.352 8.157 L 149.351 88.135 L 173.345 104.936 Z' style='fill: rgb(203, 51, 59);' transform='matrix(-1, 0, 0, -1, 378.690002, 176.278992)'/%3E%3C/svg%3E") no-repeat right center;
    }

    .slide a.slide__prev,
    .slide a.slide__next {
        background: none;
        border: none;
        padding: 20px;
    }

    .slider::before,
    .slider::after,
    .slide__prev,
    .slide__next {
        position: absolute;
        top: 47%;
        width: 20px;
        height: 50px;
        padding: 3px;
        box-sizing: border-box;
    }

    .slider::before,
    .slider::after {
        content: '';
        z-index: 1;
        /* background: none; */
        pointer-events: none;
    }

    .no-slides .slider::before,
    .no-slides .slider::after {
        display: none;
    }

    .slider__nav {
        box-sizing: border-box;
        position: absolute;
        bottom: 2px;
        left: 50%;
        width: 200px;
        margin-left: -100px;
        text-align: center;
    }

    .slider__navlink {
        display: inline-block;
        height: 15px;
        width: 15px;
        border-radius: 50%;
        background-color: black;
        margin: 0 10px 0 10px;
    }
}

/* Gutenberg layout */
.wp-block.wp-block-acf-latech-card-section {
    max-width: 1080px !important;
}
.wp-block .cards-section {
    margin-bottom: 20px;
}
.wp-block .cards-section h2 {
    max-width: 630px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0;
}
.wp-block .cards-section .card-deck {
    display: flex;
    padding: 20px;
}
.wp-block .cards-section .row {
    display: flex;
}
.wp-block .cards-section .card-deck .card {
    margin-left: auto;
    margin-right: auto;
    max-width: 100%;
}
.wp-block .card-deck .col-md-12 {
    width: 100%;
}
.wp-block .card-deck .col-md-8 {
    width: 66%;
    margin-right: 20px;
}
.wp-block .card-deck .col-md-6 {
    width: 50%;
    margin-right: 20px;
}
.wp-block .card-deck .col-md-4 {
    width: 33%;
    margin-right: 20px;
}