/*
Theme Name: Mischian
Description: A child theme of Divi with custom styling and functionality
Author: PD Design
Author URI: https://www.pddesign.com
Template: Divi
Version: 1.0.0
License: GPL v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: mischian
*/

/* ==========================================================================
   Child Theme Styles
   ========================================================================== */

/*move the image position to the top*/
.pa-testimonial-image-top .et_pb_testimonial_portrait {
    float: none;
    display: block;
    margin: 0 auto 20px;
}

/*remove the margin to the left of the text*/
.pa-testimonial-image-top .et_pb_testimonial_description {
    margin-left: 0px !important;
}

.et_pb_button {
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 20px !important;
    padding-right: 20px !important;
}

.et_pb_button:hover,
.et_pb_module .et_pb_button:hover {
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 20px !important;
    padding-right: 30px !important;
}

.connect {
    background-color: #00b2e2;
    padding: 10px !important;
    color: #ffffff !important;
    margin-left: 30px;
}

.connect a {
    color: #fff;
    padding-bottom: 3px;
}

.et_header_style_left #et-top-navigation nav>ul>li.connect>a {
    color: #fff;
    padding-bottom: 3px;
}


/* Gravity Forms Customization for the Join Form */
#join #input_1_1 {
    background-color: #00b2e2;
    color: #ffffff;
}

body #join .gform_wrapper ::placeholder,
body #join .gform_wrapper ::-webkit-input-placeholder,
body #join .gform_wrapper input[placeholder] {
    color: #ffffff;
    opacity: 1;
    border: none;
}

#join .gform_wrapper.gravity-theme .gform_footer,
.gform_wrapper.gravity-theme .gform_page_footer {
    padding: 0px;
}

#join #gform_submit_button_1 {
    color: #FFFFFF;
    background: #00b2e2;
    font-weight: bold;
    border: none;
    transition: 0.3s;
    text-align: right;
    padding-bottom: 8px;
    font-size: 16px;
}

#join .gform_wrapper #input_1_1 {
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Layer_1' xmlns='http://www.w3.org/2000/svg' version='1.1' viewBox='0 0 640 640'%3E%3Cdefs%3E%3Cstyle%3E .st0 %7B fill: %23fff; %7D %3C/style%3E%3C/defs%3E%3Cpath class='st0' d='M64,186.5v-2.5h0c1.2-31.1,26.9-56,58.4-56h395c31.5,0,57.1,24.9,58.4,56h0v264c0,35.3-28.7,64-64,64H128c-35.3,0-64-28.7-64-64V186.5ZM544,239.6l-176.7,129.5c-28.2,20.6-66.5,20.6-94.6,0L96,239.6v208.4c0,17.7,14.3,32,32,32h384c17.7,0,32-14.3,32-32v-208.4ZM544,186.5c0-14.6-11.9-26.5-26.5-26.5H122.5c-14.6,0-26.5,11.9-26.5,26.5s4,16.4,10.8,21.4l184.8,135.4c16.9,12.4,39.9,12.4,56.8,0l184.8-135.5c6.8-5,10.8-12.9,10.8-21.4h0Z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: 0px center;
    background-size: 24px 24px;
    padding-left: 36px;
    font-size: 16px;
}

/* Header Nav */
.menu-container {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.menu-container .menu-lets-connect-wrapper {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.menu-container .menu-lets-connect {
    border-width: 0px !important;
    border-radius: 0px;
    font-size: 13px;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    background-color: #00B2E2;
    color: #FFFFFF;
    padding: 10px 20px !important;
}

.et-menu > li {
    font-size: clamp(10px, 1vw, 14px) !important;
}

@media (max-width: 980px) {
    .et_pb_image_0_tb_header .et_pb_image_wrap img {
        width: auto;
        max-width: 200px;
    }

    .header-logo-column, .header-nav-column {
        margin-bottom: 0!important
    }
    
    .et_pb_menu--style-left_aligned.et_pb_text_align_center .et_pb_menu__wrap {
        justify-content: flex-end!important;
    }
}

/* Toggles */
.et_pb_toggle_title::before {
    font-size: 14px !important;
    font-weight: 300 !important;
    background-color: #f8f8f8 !important;
    color: #000 !important;
    padding: 10px !important;
    top: 0px;
}

.et_pb_toggle_open .et_pb_toggle_title::before {
    background-color: #00b2e2 !important;
    color: #fff !important;
}

.home-hero-video {
    position: relative;
}
/* Normalize Divi/MEJS background video sizing in the hero section */
.home-hero-video.et_pb_section.et_pb_section_video .et_pb_section_video_bg,
.home-hero-video .et_pb_section_video_bg .mejs-container,
.home-hero-video .et_pb_section_video_bg .mejs-inner,
.home-hero-video .et_pb_section_video_bg .mejs-mediaelement,
.home-hero-video .et_pb_section_video_bg mediaelementwrapper,
.home-hero-video .et_pb_section_video_bg video {
    position: absolute !important;
    inset: 0 !important; /* top/right/bottom/left: 0 */
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    left: 0 !important;
    top: 0 !important;
}

.home-hero-video .et_pb_section_video_bg {
    z-index: 0 !important; /* keep video behind content */
    overflow: hidden !important;
}

.home-hero-video .et_pb_section_video_bg video {
    object-fit: cover;
    object-position: center center;
    pointer-events: none; /* prevent accidental interactions */
}

/* Ensure content rows overlay the video */
.home-hero-video .et_pb_row {
    position: relative;
    z-index: 2;
}

/* enable for a static poster on phones
@media (max-width: 767px) {
    .home-hero-video .et_pb_section_video_bg {
        display: none !important;
    }
}
*/

.home-hero-video .button-row-keep-columns {
    display: flex;
    justify-content: center;
    gap: 20px;
}

.home-hero-video .button-row-keep-columns > div {
    flex: 1 1 auto;
    max-width: 300px;
    text-align: center;
    width: 50% !important;
}

.home-hero-video .button-row-keep-columns > div:first-child .et_pb_button_module_wrapper {
    text-align: right !important;
}

.home-hero-video .button-row-keep-columns > div:last-child .et_pb_button_module_wrapper {
    text-align: left !important;
}

.home-hero-video .hero-socials {
    display: flex;
    justify-content: center;
    gap: 12px;
    flex-flow: column;
}

/* .home-hero-video .hero-socials .hero-social {
    padding: 8px 0;
} */

@media (max-width: 980px) {
    .socials-row {
        display: flex;
        flex-flow: row nowrap;
        justify-content: space-between;
        align-items: flex-end;
    }

    .socials-row .et_pb_column {
        margin-bottom: 0 !important;
    }
}

@media (max-width: 767px) {
    .home-hero-video .button-row-keep-columns > div:first-child .et_pb_button_module_wrapper {
        border: 1px solid #00B2E2 !important;
    }

    .home-hero-video .button-row-keep-columns .et_pb_button {
        width: 100% !important;
        text-align: center !important;
        padding: 14px 0 !important;
    }    

    .home-hero-video .hero-socials {
        flex-flow: row nowrap;
    }

    .socials-row .video-button {
        margin-top: 0px !important;
    }
}