/*
Theme Name: Divi Child
Theme URI: http://www.elegantthemes.com/gallery/divi/
Template: Divi
Author: Elegant Themes
Author URI: http://www.elegantthemes.com
Description: Smart. Flexible. Beautiful. Divi is the most powerful theme in our collection.
Version: 5.9.0
*/



/* ---- home page banner ----- */
.o-banner {
    &.o-bannerHome-new {
        .home-page-banner-slider-obj {
            .et_pb_slides {
                .et_pb_slide {
                    padding-left: 0 !important;
                    .et_pb_container {
                        .et_pb_slider_container_inner {
                            position: relative;
                            /*display: flex;
                            justify-content: space-between;
                            align-items: stretch;
                            vertical-align: inherit;*/
                            .et_pb_slide_image {
                                width: 60%;
                                z-index: 1;
                                /*margin-top: 0 !important;*/
                                &:before,
                                &:after {
                                    content: '';
                                    position: absolute;
                                    background-color: rgba(255,255,255,0.8);
                                    right: -20px;
                                    top: -20px;
                                }
                                &:before {
                                    width: 60px;
                                    height: 2px;
                                }
                                &:after {
                                    width: 2px;
                                    height: 60px;
                                }
                                img {
                                    display: block;
                                    width: 100%;
                                    /*max-height: inherit !important;*/
                                }
                            }
                            .et_pb_slide_description {
                                position: absolute;
                                right: 0;
                                top: 50%;
                                transform: translateY(-50%) !important;
                                bottom: inherit;
                                /*border: 1px solid #fff;*/
                                width: 35%;
                                padding: 3%;
                                background-color: rgba(255,255,255,0.2);
                                backdrop-filter: blur(15px) saturate(1);
                                box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
                                &:before {
                                    position: absolute;
                                    content: "";
                                    left: -80px;
                                    top: 50%;
                                    transform: translateY(-50%);
                                    width: 100px;
                                    height: 10px;
                                    z-index: 0;
                                    background-color: rgba(255,255,255,0.8);
                                    box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
                                }
                            }
                        }
                    }
                }
            }
            &.slider-obj-new-sgstd-b-clnt {
                .et_pb_slides {
                    .et_pb_slide {
                        padding-left: inherit !important;
                        padding-right: 0 !important;
                        @media only screen and (max-width: 980px) {
                            height: auto;
                        }
                        .et_pb_container {
                            height: auto !important;
                            .et_pb_slider_container_inner {
                                display: flex;
                                justify-content: space-between;
                                align-items: stretch;
                                flex-direction: row-reverse;
                                @media only screen and (max-width: 980px) {
                                    flex-direction: column;
                                }
                                .et_pb_slide_image {
                                    position: relative;
                                    margin-top: 0 !important;
                                    bottom: inherit;
                                    top: inherit;
                                    margin-right: 0;
                                    z-index: 0;
                                    width: 66%;
                                    @media only screen and (max-width: 980px) {
                                        width: 100% !important;
                                        padding: 12px 10px 0;
                                    }
                                    &:before,
                                    &:after {
                                        top: 0;
                                        bottom: 0;
                                        right: 0;
                                        left: 65px;
                                        content: '';
                                        position: absolute;
                                        z-index: 1;
                                        width: auto;
                                        height: auto;
                                        transform: skew(-15deg);
                                        @media only screen and (max-width: 980px) {
                                            display: none;
                                        }
                                    }
                                    &:before {
                                        width: 60px;
                                        background-color: rgba(23, 44, 83, 0.85);
                                    }
                                    &:after {
                                        width: 120px;
                                        background-color: rgba(41, 69, 113, 0.55);
                                    }
                                    img {
                                        max-height: inherit !important;
                                        height: 500px;
                                        object-position: 50% 50%;
                                        @media only screen and (max-width: 980px) {
                                            height: auto;
                                            border-radius: 10px 10px 25px 25px;
                                        }
                                    }
                                }
                                .et_pb_slide_description {
                                    position: relative;
                                    top: inherit;
                                    right: inherit;
                                    bottom: inherit;
                                    transform: translateY(0) !important;
                                    background-color: transparent;
                                    width: 25%;
                                    padding: 0 0 0 3%;
                                    box-shadow: none;
                                    height: stretch;
                                    height: -webkit-fill-available;
                                    display: flex;
                                    justify-content: center;
                                    row-gap: 15px;
                                    @media only screen and (max-width: 980px) {
                                        padding: 30px;
                                        /*min-height: 300px;*/
                                        text-align: center;
                                        align-items: center;
                                        width: auto !important;
                                        backdrop-filter: none;
                                    }
                                    &:before {
                                        display: none;
                                    }
                                    &:after {
                                        width: 135px;
                                        content: '';
                                        position: absolute;
                                        right: -133px;
                                        top: 0;
                                        bottom: 0;
                                        transform: skew(-15deg);
                                        background-color: #091738;
                                        @media only screen and (min-width: 1600px) {
                                            width: 160px;
                                            right: -158px;
                                        }
                                        @media only screen and (min-width: 1800px) {
                                            width: 162px;
                                            right: -160px;
                                        }
                                        @media only screen and (max-width: 980px) {
                                            display: none;
                                        }
                                    }
                                    .et_pb_slide_title {
                                        @media only screen and (max-width: 980px) {
                                            text-align: center;
                                        }
                                    }
                                    .et_pb_slide_content {
                                        margin-bottom: 12px;
                                        padding-bottom: 20px;
                                        position: relative;
                                        @media only screen and (max-width: 980px) {
                                            text-align: center;
                                        }
                                        @media only screen and (max-width: 479px) {
                                            display: block !important;
                                        }
                                        &:after {
                                            position: absolute;
                                            content: '';
                                            height: 2px;
                                            width: 45px;
                                            left: 0;
                                            bottom: 0;
                                            background-color: var(--gcid-link-color);
                                            @media only screen and (max-width: 980px) {
                                                left: 50%;
                                                transform: translateX(-50%);
                                            }
                                        }
                                    }
                                }
                            }
                        }
                    }
                }
                &.et_pb_slider {
                    .et-pb-slider-arrows {
                        .et-pb-arrow-prev,
                        .et-pb-arrow-next {
                            font-size: 26px;
                            padding: 5px;
                            border: 1px solid #fff;
                        }
                        .et-pb-arrow-prev {
                            left: -45px;
                        }
                        .et-pb-arrow-next {
                            right: -45px;
                        }
                        @media only screen and (max-width: 767px) {
                            .et-pb-arrow-prev {
                                left: 30px !important;
                            }
                            .et-pb-arrow-next {
                                right: 30px !important;
                            }
                        }
                    }
                    &:hover {
                        .et-pb-arrow-prev {
                            left: 32px;
                        }
                        .et-pb-arrow-next {
                            right: 32px;
                        }
                    }
                    .et-pb-controllers {
                        @media only screen and (max-width: 980px) {
                            bottom: 5px;
                        }
                    }
                }
            }
            &.home-pg-bnr-sldr-obj-chng-b-clnt {
                .et_pb_slides {
                    .et_pb_slide {
                        padding-left: 0 !important;
                        .et_pb_container {
                            .et_pb_slider_container_inner {
                                .et_pb_slide_description {
                                    width: 34%;
                                    padding: 0 0 0 8%;
                                    @media only screen and (max-width: 980px) {
                                        padding: 30px;
                                    }
                                    .et_pb_slide_title,
                                    .et_pb_slide_content,
                                    .et_pb_button_wrapper {
                                        z-index: 2;
                                        position: relative;
                                    }
                                    &:after {
                                        width: 800px;
                                        left: 0;
                                        right: 0;
                                        z-index: 1;
                                        transform: none;
                                        /*background-color: red;
                                        border-bottom-right-radius: 85%;*/
                                        background: url('/wp-content/uploads/curve-bg-banner.webp') 100% 0 no-repeat;
                                        background-size: cover;
                                        @media only screen and (min-width: 1600px) {
                                            width: 850px;
                                        }
                                        @media only screen and (min-width: 1800px) {
                                            width: 900px;
                                        }
                                    }
                                }
                                .et_pb_slide_image {
                                    img {
                                        &.fst_slide_img {
                                            object-position: 50% 0;
                                        }
                                    }
                                    &:before {
                                        display: none;
                                        /*mask:
    radial-gradient(110.57px at calc(100% + 98px) 50%,#0000 calc(99% - 2px),#000 calc(101% - 2px) 99%,#0000 101%) calc(50% - 25.5px + .5px) calc(50% - 98px)/ 51px 196px  repeat-y,
    radial-gradient(110.57px at -98px 50%,#0000 calc(99% - 2px),#000 calc(101% - 2px) 99%,#0000 101%) calc(50% + 25.5px) 50%/51px 196px  repeat-y;*/
                                    }
                                    &:after {
                                        display: none;
                                    }
                                }
                            }
                        }
                    }
                }
            }
        }
    }
}


.o-blurb--spcl {
    transition: all 500ms ease-in-out;
    .et_pb_module_header {
        position: relative;
        &:after {
            content: '';
            height: 1px;
            background-color: #fff;
            width: 65px;
            left: 50%;
            bottom: -7px;
            transform: translateX(-50%);
            position: absolute;
        }
    }
    &:hover {
        box-shadow: 0 0 8px rgba(0,0,0,0.3);
    }
}