/*
 Theme Name:     Sunset Health - Divi Child
 Theme URI:      https://www.elegantthemes.com/gallery/divi/
 Description:    Sunset Health - Divi Child Theme
 Author:         Noble Candy
 Author URI:     http://noblecandy.com/
 Template:       Divi
 Version:        0.0.3
*/


/* =Theme customization starts here
------------------------------------------------------- */

/* Body Overflow - For Responsive */
body,
html {
    overflow-x: hidden;
}

/* Heading Styles */
body h1,
body h2,
body h3,
body h4,
body h5,
body h6 {

}

/* Body Fonts */
p {

}

body .entry-content ul {
    padding-left: 40px;
}




/* Shawn's Mobile Header */
/* This needs to be added to Divi Theme Options for optimal display */

#main-header .et_mobile_menu .menu-item-has-children > a {
    background-color: transparent;
    position: relative;
}

#main-header .et_mobile_menu .menu-item-has-children > a:after {
    font-family: 'ETmodules';
    text-align: center;
    speak: none;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    position: absolute;
}

#main-header .et_mobile_menu .menu-item-has-children > a:after {
    font-size: 16px;
    content: '\4c';
    top: 13px;
    right: 10px;
}

#main-header .et_mobile_menu .menu-item-has-children.visible > a:after {
    content: '\4d';
}

#main-header .et_mobile_menu ul.sub-menu {
    display: none !important;
    visibility: hidden !important;
    transition: all 1.5s ease-in-out;
}

#main-header .et_mobile_menu .visible > ul.sub-menu {
    display: block !important;
    visibility: visible !important;
}



/* MOBILE MENU CSS: */
@media (max-width: 980px) {
    .et_header_style_split #et_mobile_nav_menu {
        display: block;
        float: none;
        position: relative;
        margin-top: -70px;
        padding-top: 0px;
    }

    #logo {
        margin-top: 10px;
    }

    .et_header_style_split #main-header {
        padding: 0px 0;
    }
}

.et_header_style_split #main-header .mobile_nav {
    display: block;
    padding: 9px 10px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background-color: rgba(0, 0, 0, .00);
}

#mobile_menu {
    background-color: #e47c38 !important;
}

.mobile_menu_bar:before {
    color: #e47c38 !important;
    top: 10px !important;
}

#mobile_menu {
    display: block !important;
    min-height: 100vh;
    top: 0;
    border-top: none;
    padding-top: 100px;
    z-index: 9998;
}

.mobile_nav.closed #mobile_menu {
    transform: rotateY(90deg);
    -webkit-transform: rotateY(90deg);
    transform-origin: right;
    -webkit-transform-origin: right;
    background: #fff;
    transition: .3s ease-in-out !important;
}

.mobile_nav.opened #mobile_menu {
    transform: rotateY(0deg);
    -webkit-transform: rotateY(0deg);
    transform-origin: right;
    -webkit-transform-origin: right;
    background: #fff;
    transition: .3s ease-in-out;
}

.mobile_nav.opened .mobile_menu_bar:before {
    content: "\4d";
    color: #fff !important;
}

.et_mobile_menu li a {
    color: #fff;
}

@media (max-width: 980px) {
    #et-top-navigation {
        font-weight: 400 !important;
        font-size: 25px !important;
    }

    #et-top-navigation a {
        font-weight: 400 !important;
        font-size: 18px !important;
    }

    .et_header_style_split .mobile_menu_bar, .et_header_style_left .mobile_menu_bar {
        z-index: 9999;
    }

    #main-header .container.clearfix.et_menu_container {
        width: 100%;
    }

    .logo_container {
        padding-left: 15px;
    }

    #et-top-navigation {
        padding-right: 15px;
    }
}

@media (min-width: 341px) {
    #mobile_menu {
        width: 340px;
        margin-left: calc(100% - 315px);
    }
}

@media (min-width: 640px) {
    #mobile_menu {
        margin-left: calc(100% - 300px);
    }
}

@media (min-width: 780px) {
    #mobile_menu {
        margin-left: calc(100% - 280px);
    }
}

/*@media (max-width: 340px) {
    #mobile_menu {
        width: 100%;
        margin-left: 0;
    }
}*/
/* END Mobile Menu */







/* Divi Top Header */
@media (min-width: 981px) {

    body.et_fullwidth_secondary_nav #top-header {
        background: transparent;
        position: absolute;
        top: 0;
        right: 0;
    }

    body.admin-bar.et_fullwidth_secondary_nav #top-header {
        top: 32px;
    }

    body.et_fullwidth_secondary_nav #top-header .container {
        padding: 10px 65px;
    }

    body #et-secondary-nav li {
        margin-right: 12px;
    }
}

body .mobile_menu_bar:before {
    font-size: 40px;
}


body #et-secondary-menu>ul>li a {
    align-items: center;
    display: flex;
    padding: 10px 0;
    position: relative;
}

body #top-header .locations a {
    padding-left: 28px;
}

body #top-header .locations a:before {
    content: url(/wp-content/themes/sunset-health/images/map.svg);
    display: block;
    height: 18px;
    left: 0;
    position: absolute;
    width: 22px;
}

body #top-header .phone a {
    padding-left: 20px;
}

body #top-header .phone a:before {
    content: url(/wp-content/themes/sunset-health/images/phone.svg);
    display: block;
    height: 17px;
    left: 0;
    position: absolute;
    width: 14px;
}

body #top-header .portal a {
    padding-left: 20px;
}

body #top-header .portal a:before {
    content: url(/wp-content/themes/sunset-health/images/portal.svg);
    display: block;
    height: 18px;
    left: 0;
    position: absolute;
    width: 15px;
}

body #top-header .language a {
    padding-left: 32px;
}

body #top-header .language a:before {
    content: url(/wp-content/themes/sunset-health/images/spanish.svg);
    display: block;
    height: 18px;
    left: 0;
    position: absolute;
    width: 23px;
}

body.translatepress-en_US #top-header .language.english {
    display: none;
}

body.translatepress-es_MX #top-header .language.spanish {
    display: none;
}


body.et_pb_svg_logo #logo {
    transition: none;
}


body .container.et_menu_container {
    max-width: 90%;
    width: 90%;
}



@media (min-width: 981px) {

    body.et_header_style_left .logo_container {
        padding: 0 0 0 50px !important;
        position: relative;
        transition: none;
    }

    body.et_pb_svg_logo #logo {
        height: 90px;
    }

    body.et_header_style_left #et-top-navigation {
        background: #e47c38;
        display: flex;
        float: none;
        justify-content: center;
        padding: 0 !important;
        width: 100%;
    }

    body.et_fullwidth_nav #main-header {
        box-shadow: none;
    }

    body.et_fullwidth_nav #main-header .container {
        padding: 0 !important;
        /*top: -20px;*/
    }


    body.et_header_style_left #et-top-navigation nav>ul>li>a {
        color: #ffffff;
        font-size: 15px;
        font-weight: 800;
        padding: 15px 5px;
    }

    body #top-menu .menu-item-has-children>a:first-child:after {
        top: 15px;
    }

    body #top-menu li.mega-menu>ul>li>a:first-child:hover {
        color: #fcb040;
        opacity: 1;
    }

}

/* Slider */
.et-pb-arrow-next,
.et-pb-arrow-prev {

}

.et-pb-arrow-prev:before {
    content: url(/wp-content/themes/sunset-health/images/slider-arrow.svg);
}

.et-pb-arrow-next {
    transform: rotate(180deg);
}

.et-pb-arrow-next:before {
    content: url(/wp-content/themes/sunset-health/images/slider-arrow.svg);
}



/* Blurbs */
body .et_pb_main_blurb_image img {
    max-height: 75px;
    width: auto;
}


/* Down Arrow */
body .down_arrow {
    margin-bottom: 60px;
}

body .down_arrow:after {
    content: url(/wp-content/themes/sunset-health/images/down-arrow.svg);
    display: block;
    height: 36px;
    left: 47%;
    position: absolute;
    top: 100%;
    width: 71px;
}


body .et_pb_image.cross_icon .et_pb_image_wrap:before {
    content: url(/wp-content/themes/sunset-health/images/cross.svg);
    display: block;
    height: 43px;
    position: absolute;
    right: 15px;
    width: 43px;
    z-index: 100;
}

body .et_pb_image.cross_icon .et_pb_image_wrap img {
    border-radius: 50%;
}


/* Mobile Header Collapsing
https://www.elegantthemes.com/blog/community/divi-mobile-menu-hack-collapsing-nested-sub-menu-items
*/
#main-header .et_mobile_menu .menu-item-has-children > a {
    background-color: transparent;
    position: relative;
}

#main-header .et_mobile_menu .menu-item-has-children > a:after {
    font-family: 'ETmodules';
    text-align: center;
    speak: none;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    position: absolute;
}

#main-header .et_mobile_menu .menu-item-has-children > a:after {
    font-size: 16px;
    content: '\4c';
    top: 10px;
    right: 10px;
}

#main-header .et_mobile_menu .menu-item-has-children.visible > a:after {
    content: '\4d';
}

#main-header .et_mobile_menu ul.sub-menu {
    display: none !important;
    visibility: hidden !important;
    transition: all 1.5s ease-in-out;
}

#main-header .et_mobile_menu .visible > ul.sub-menu {
    display: block !important;
    visibility: visible !important;
}


/* Locations */
a.map_link {
    color: #e47c38;
    display: inline-block;
    padding-left: 20px;
    position: relative;
}

a.map_link:before {
    content: "\f279";
    display: block;
    font-family: FontAwesome;
    font-size: 13px;
    left: 0;
    position: absolute;
}


/* Sticky Sidebar */
@media (min-width: 981px) {

    body .sticky_sidebar.sticky {
        height: 100%;
        position: fixed;
        right: 0;
        top: 0;
        z-index: 100;
    }

    body .et_pb_section.full_width {
        z-index: 101;
    }

    body #main-footer {
        position: relative;
        z-index: 101;
    }

}


/* Footer */
@media (min-width: 981px) {

    body #main-footer .container {
        min-width: 950px;
    }

    body.et_pb_gutters3 .footer-widget {
         margin-bottom: 0;
    }

}

body #footer-widgets {
    display: flex;
    justify-content: space-between;
}

body #footer-widgets .footer-widget:first-of-type {
    width: 30%;
}

body #footer-widgets .footer-widget {
    margin: 0;
    width: 22%;
}


body #footer-widgets .footer-widget .et_pb_widget ul {
    list-style: none;
    margin-left: 0;
    padding-left: 0;
}

body #footer-widgets .footer-widget li {
    margin: 0;
    padding: 0;
}

body #footer-widgets .footer-widget li a {
    display: block;
    padding: 1px 0;
    transition: all 0.35s ease;
}

body #footer-widgets .footer-widget li a:hover {
    color: #fcb040;
}

body .footer_social {
    display: flex;
    margin: 15px 0;
}

body .footer_social a:before {
    align-items: center;
    background: #fcb040;
    border-radius: 50%;
    color: #586471;
    display: flex;
    justify-content: center;
    font-family: FontAwesome;
    font-size: 18px;
    height: 35px;
    margin-right: 8px;
    width: 35px;
}


body .footer_social a.facebook:before {
    content: "\f09a";
}

body .footer_social a.instagram:before {
    content: "\f16d";
}


body #footer-bottom #footer-info {
    float: none;
    text-align: center;
}

body #footer-bottom {
    padding: 30px 0 20px 0;
}



/* Ninja Forms */
body .nf-form-fields-required {
    display: none;
}


body .nf-form-content button,
body .nf-form-content input[type=button],
body .nf-form-content input[type=submit] {
    background-color: #fcb040;
    border-radius: 3px;
    color: #fff;
    cursor: pointer;
    font-size: 18px;
    font-weight: 800;
    padding: .3em 1em;
    text-transform: uppercase;
    transition: all 0.65s ease;
}

body .nf-form-content button:hover,
body .nf-form-content input[type=button]:hover,
body .nf-form-content input[type=submit]:hover {
    background-color: #fcb040;
    color: #fff;
    opacity: 0.75;
}



/**************** Media Queries */
@media (max-width: 1200px) {

    body #top-menu li {
        padding-right: 10px;
    }

}

@media (max-width: 1100px) {

    body #top-menu li {
        padding-right: 5px;
    }

}

/* Tablet and DOWN */
@media (max-width: 980px) {

    body.et_pb_svg_logo #logo {
        height: 80%;
        max-height: 80%;
    }

    /* Hide secondary menu items from mobile menu */
    body #mobile_menu li:not([id]) {
        /*display:none !important;*/
    }

    /* Show secondary menu in mobile view */
    body #top-header,
    div#et-secondary-menu,
    ul#et-secondary-nav {
        display: block !important;
        float: none;
    }

    body #et-secondary-nav {
        display: flex !important;
        justify-content: center;
        flex-wrap: wrap;
    }

    body #top-header {
        background: #586471;
    }

    body #top-header a {
        color: #fff;
    }

    body #top-header .container {
        padding: 10px;
    }

    body .et_pb_slider .et_pb_slide .et_pb_slide_description .et_pb_slide_title {
        font-weight: 800 !important;
    }

    body #footer-widgets {
        flex-wrap: wrap;
        justify-content: center;
        padding: 50px 0 0 0;
    }

    body #footer-widgets .footer-widget {
        justify-content: center;
        display: flex;
        margin-bottom: 9.5% !important;
        margin-right: 0 !important;
        text-align: center;
        width: 80% !important;
    }

    body #footer-widgets .footer-widget .footer_social {
        justify-content: center;
    }

    body #footer-widgets .footer-widget:nth-last-child(-n+2) {
        margin-bottom: 9.5% !important;
    }

    body #footer-info span {
        display: block;
    }

    body #footer-info span.pipe {
        display: none;
    }

}

/* Mobile Down */
@media (max-width: 767px) {

    body #et-secondary-nav li {
        /*margin: 0 15px 0 0;*/
        /*width: 50%;*/
    }

    body #et-secondary-nav li.locations,
    body #et-secondary-nav li.portal {
        display: none;
    }

    body .et_pb_slider .et_pb_slide {
        height: 300px !important;
        margin-bottom: 200px;
    }

    body .et_pb_slider .et_pb_slide .et_pb_slide_description {
        align-items: center;
        display: flex;
        flex-wrap: wrap;
        height: 200px;
        justify-content: center;
        padding: 25px !important;
        position: absolute;
        top: 100%;
    }

    body .et_pb_slider .et_pb_slide .et_pb_slide_description .et_pb_slide_title {
        color: #586471 !important;
        font-size: 24px !important;
        font-weight: 700 !important;
        text-align: center;
        text-shadow: none;
        width: 100%;

    }

    body .et_pb_slider .et_pb_slide .et_pb_slide_description .et_pb_button {
        color: #000;
        margin: 0;
    }

    body.et_mobile_device .et-pb-arrow-prev,
    body .et_pb_slider:hover .et-pb-arrow-prev {
        left: 10px !important;
    }

    body.et_mobile_device .et-pb-arrow-next,
    body .et_pb_slider:hover .et-pb-arrow-next {
        right: 10px !important;
    }

    body .et-pb-arrow-prev,
    body .et-pb-arrow-next {
        top: 35%;
    }

}

/* Mobile Down */
@media screen and (max-width: 480px) {

}