/*------CASE STUDY NAVIGATION------*/

#case-study-navigation .elementor-button {
    width: 160px;
    max-width: 100%;
}

/*------INTRO AND OUTCOME BLURBS------*/

.case-study-intro, .case-study-outcome {
    max-width: 550px;
    margin: auto;
}

.case-study-intro::after, .case-study-outcome::after {
    display: block;
    content: '';
    height: 4px;
    margin: auto;
    margin-top:20px;
    width: 150px;
    max-width: 30vw;
}

.case-study-intro::after {
    background-color: #A82337;
}

.outcome {
    max-width:1140px;
    margin:auto;
}

.case-study-outcome::after {
    background-color: #4d4d54;
}

.case-study-outcome.white-underline::after {
    background-color: #efefef;
}

.case-study-intro h3, .case-study-outcome h3 {
    margin-bottom: 10px;
}

/*-------VIDEO STYLES-------*/

.video {
    z-index:9;
}

.video.elementor-cta--skin-cover .elementor-cta__content {
    min-height: initial;
}

.video .elementor-cta__title {
    margin:auto;
}

.video i.eicon-play {
    font-size: 1.6em;
    vertical-align:sub;
}

/*-------TEMPLATE: VIDEO LEFT, TEXT RIGHT---------*/

section.videoleft-textright .elementor-widget-wrap {
    max-width: 540px;
    width:calc(90% - 30px);
    display:block;
}
section.videoleft-textright .videoleft .elementor-widget-wrap {
    margin-left:auto !important;
}
section.videoleft-textright .textright .elementor-widget-wrap {
    margin-right:auto !important;
}

/*-------TEMPLATE: TEXT LEFT, VIDEO RIGHT---------*/

section.textleft-videoright .elementor-container {
    max-width: 100% !important;
    width:100% !important;
}

section.textleft-videoright .elementor-widget-wrap {
    max-width: 540px;
    width:calc(90% - 30px);
    display:block;
}
section.textleft-videoright .textleft .elementor-widget-wrap {
    margin-left:auto !important;
}
section.textleft-videoright .videoright .elementor-widget-wrap {
    margin-right:auto !important;
}

/*-------TEMPLATE: IMAGE LEFT, TEXT RIGHT---------*/

section.leftimage-righttext .elementor-container {
    max-width: 100% !important;
}
section.leftimage-righttext .righttext .elementor-widget-wrap {
    max-width: 540px;
    width:calc(90% - 30px);
    display:block;
}
section.leftimage-righttext .righttext .elementor-widget-wrap {
    margin-right:auto !important;
}
section.leftimage-righttext .leftimage .elementor-widget-wrap {
    margin-right:auto !important;
}

/*-------TEMPLATE: TEXT LEFT, IMAGE RIGHT---------*/

section.lefttext-rightimage .elementor-container {
    max-width: 100% !important;
}

section.lefttext-rightimage .lefttext .elementor-widget-wrap {
    max-width: 540px;
    width:calc(90% - 30px);
    display:block;
}
section.lefttext-rightimage .lefttext .elementor-widget-wrap {
    margin-left:auto !important;
}
section.lefttext-rightimage .halfimage .elementor-widget-wrap {
    margin-right:auto !important;
}

/*-------TEMPLATE: DOUBLE TEXT---------*/

section.doubletext .elementor-container {
    max-width: 100% !important;
}
section.doubletext .lefttext {
    background:#A82337 !important;
}
section.doubletext.nobackground .lefttext {
    background:transparent !important;
}
section.doubletext .righttext {
    background:#dadada;
}
section.doubletext.nobackground .righttext {
    background:transparent;
}
section.doubletext .elementor-widget-wrap {
    max-width: 540px;
    width:calc(90% - 30px);
    display:block;
}
section.doubletext .lefttext .elementor-widget-wrap {
    margin-left:auto !important;
}
section.doubletext .righttext .elementor-widget-wrap {
    margin-right:auto !important;
}

section.doubletext .lefttext h5, section.doubletext .lefttext p {
    color:#f3f3f3;
}
section.doubletext.nobackground .lefttext h5, section.doubletext.nobackground .lefttext p {
    color:#4d4d54;
}

/*-------SWIPER STYLES--------*/

.swiper-container-horizontal>.swiper-pagination-bullets {
    bottom:-10px;
}

/*-------SECTION HEADINGS--------*/

.section-heading.center.white h3 {
    max-width:900px;
}

.section-heading.center.white h3::after {
    background:#efefef;
}

/*-----------------------------------------
MOBILES 767px (iPad) and all widths below this
-----------------------------------------*/
@media only screen and (max-width: 767px) {
    
    /*------VIDEO STYLES------*/

    .video {
        max-width: 500px;
        margin: auto;
    }

    .video .elementor-cta__content {
        padding:18vw 0px 18vw 0px !important;
    }

    /*-------TEMPLATE: VIDEO LEFT, TEXT RIGHT---------*/
    
    section.videoleft-textright .elementor-widget-wrap {
        max-width: 1140px;
        width: 90%;
        margin:auto !important;
    }

    /*-------TEMPLATE: TEXT LEFT, VIDEO RIGHT---------*/

    section.textleft-videoright .elementor-widget-wrap {
        max-width: 1140px;
        width: 90%;
        margin:auto !important;
    }

    /*-------TEMPLATE: IMAGE LEFT, TEXT RIGHT---------*/

    section.leftimage-righttext .righttext .elementor-widget-wrap {
        max-width: 1140px;
        width: 90%;
        margin:auto !important;
    }

    /*-------TEMPLATE: TEXT LEFT, IMAGE RIGHT---------*/

    section.lefttext-rightimage .lefttext .elementor-widget-wrap {
        max-width: 1140px;
        width: 90%;
        margin:auto !important;
    }

    /*-------TEMPLATE: DOUBLE TEXT---------*/

    section.doubletext .elementor-widget-wrap {
        max-width: 1140px;
        width: 90%;
        margin:auto !important;
    }
    
}

/*-----------------------------------------
MOBILES 512px (iPhone) and all widths below this
-----------------------------------------*/

@media only screen and (max-width: 512px) {
    
    /*-------VIDEO STYLES-------*/
    
    .video .elementor-cta__content {
        padding: 20vw 0px 20vw 0px !important;
    }
    
}