/*
 Theme Name:   Divi Child Plus
 Theme URI:    /divi-child-plus/
 Description:  A modified child theme of Divi
 Author:       Web Wizards
 Author URI:   https://webwizards.ca/
 Template:     Divi
 Version:      1.0.0
 Tags:         responsive-layout, accessibility-ready
 Text Domain:  divi-child-plus
*/

/*@import "modified.css";*/

/* ===== Universal Changes ===== */

.et_pb_text ol {
    padding-left: 1em;
    list-style-position: outside;
}

#page-container {
    overflow: hidden;
}

/* updated select field */
.search-form select {
    box-sizing: border-box;
    border-radius: 0 !important;
    
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    
    background-color: #fff;
    background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23007CB2%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E');
    background-repeat: no-repeat, repeat;
    background-position: right .7em top 50%, 0 0;
    background-size: .65em auto, 100%;
}
    .search-form select::-ms-expand {
        display: none;
    }

    .search-form select:hover {
        border-color: #888;
    }

    .search-form select:focus {
        border-color: #aaa;
        box-shadow: 0 0 1px 3px rgba(59, 153, 252, .7);
        box-shadow: 0 0 0 3px -moz-mac-focusring;
        color: #222; 
        outline: none;
    }
        .search-form select option {
            font-weight: normal;
        }

/* ====================================== */
/* =============== Header =============== */
/* ====================================== */
#jhcwc-header {
    position: relative;
}

/* ===== Desktop nav-item Changes ===== */
#jhcwc-header .et_pb_menu_0_tb_header.et_pb_menu ul li a {
    line-height: unset;
}

/* first level nav-items tab */
#jhcwc-header #menu-main-menu > li > .sub-menu {
    right: 0;
    left: unset;
}
    #jhcwc-header #menu-main-menu > li > .sub-menu:before {
        background: #fff;
        border-top: 3px solid #173967;
        border-left: 3px solid #173967;
        border-radius: 3px;
        content: '';
        position: absolute;
        top: -11px;
        right: 5px;

        display: block;
        height: 15px;
        width: 15px;
        transform: rotate(45deg); 
    }

/* second level nav-items */
#jhcwc-header .sub-menu {
    padding: 0;
}
    #jhcwc-header .sub-menu li {
        padding: 0;
        width: 100%;
    }
        #jhcwc-header .sub-menu li a {
            padding: 15px;
            width: 100%;
        }

    /* second level nav-itens with children */
    #jhcwc-header .sub-menu li.menu-item-has-children a {
        padding-right: 35px;
    }
        #jhcwc-header .sub-menu li.menu-item-has-children a:after {
            right: 10px;
        }

    /* align third level nav-items top of parent */
    #jhcwc-header .sub-menu .sub-menu {
        top: -3px;
    }

/* --- dropdown arrow direction pointing class --- */
li li.menu-item-has-children > a:first-child:after {
    transition: 0.25s ease-in-out;
}
    /* pointing right */
    li li.menu-item-has-children:hover > a:first-child:after {
        transform: rotate(-90deg);
    }
    /* pointing left */
    .et-reverse-direction-nav li.menu-item-has-children:hover > a:first-child:after {
        transform: rotate(90deg);
    }

/* --- end of 'Desktop nav-item Changes' */

#jhcwc-header .jhcwc-header-navigation .jhcwc-header-archive,
#jhcwc-header .jhcwc-header-navigation .jhcwc-header-search,
#jhcwc-header .jhcwc-header-navigation .jhcwc-header-donate {
    display: none;
}

@media (min-width: 1281px), (max-width: 980px) and (min-width: 768px) {
    /* hides row */
    #jhcwc-header .jhcwc-header-search-section {
        display: none;
    }
    
    /* positioning of the hamburger menu */
    #jhcwc-header .et_mobile_nav_menu {
        margin-top: 100px;
    }
    
    /* positioning of searches in the header */
    #jhcwc-header .jhcwc-header-navigation {
        position: relative;
    }
        #jhcwc-header .jhcwc-header-navigation .jhcwc-header-archive {
            display: block;
            position: absolute !important;
            top: 45px;
            right: 0;
        }
    
        #jhcwc-header .jhcwc-header-navigation .jhcwc-header-donate {
            display: block;
            position: absolute !important;
            top: 45px;
            right: 240px;
        }
}

@media (max-width: 1280px) and (min-width: 981px) {
    #jhcwc-header .jhcwc-header-search-section-column {
        display: flex;
        align-items: center;
        justify-content: center;
    }

        /* archive search button adjustments */
        #jhcwc-header .jhcwc-header-search-section .et_pb_button_module_wrapper {
            margin: 0 15px;
            width: 33%;
        }
            #jhcwc-header .jhcwc-header-search-section .jhcwc-header-archive,
            #jhcwc-header .jhcwc-header-search-section .jhcwc-header-donate {
                text-align: center;
                width: 100%;
            }
}

@media (max-width: 767px) {
    /* change order of header on mobile */
    #jhcwc-header {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    }
        #jhcwc-header .jhcwc-header-navigation {
            -webkit-box-ordinal-group: 2;
                -ms-flex-order: 1;
                    order: 1;
            margin-bottom: 30px;
        }
    
        #jhcwc-header .jhcwc-header-search-section {
            -webkit-box-ordinal-group: 3;
                -ms-flex-order: 2;
                    order: 2;
        }
    
    /* changes size of logo on mobile */
    #jhcwc-header .et_pb_menu__logo img {
        max-height: 100px;
    }

    /* changes archive search button to full-width on mobile */
    #jhcwc-header .jhcwc-header-search-section .jhcwc-header-archive,
    #jhcwc-header .jhcwc-header-search-section .jhcwc-header-donate {
        text-align: center;
        width: 100%;
    }
}

@media (min-width: 768px) {
    #jhcwc-header .et_pb_button_module_wrapper {
        margin-bottom: 0 !important;
    }
}

/* aligns navigation to the bottom left of the header */
#jhcwc-header .et_pb_menu__wrap {
    justify-content: flex-end;
}
@media (min-width: 1280px) {
    /* aligns menu items to the bottom of the header */
    #jhcwc-header nav>ul>li {
        align-items: flex-end;
        
        padding-right: 12.5px;
        padding-left: 0;
    }
    
/*
    #jhcwc-header nav>ul>li:last-of-type {
        padding: 0;
    }
*/
}
@media (max-width: 1280px) {
    #jhcwc-header #menu-main-menu {
        justify-content: flex-end;
    }
}

/*  === Header Search === */
@media (min-width: 981px) {
    #jhcwc-header .et_pb_menu__wrap {
        flex-wrap: nowrap;
    }
}

@media (min-width: 1281px), (max-width: 980px) and (min-width: 768px) {
    #jhcwc-header .et_pb_menu__search-button {
        margin-top: 100px;
    }
    
    #jhcwc-header .et_pb_menu__search {
        margin-top: 100px;
        z-index: 1;
    }
}

/* === x.1 - Mobile Navigation Tweaks === */
@media screen and (max-width: 980px) {
    .et_header_style_centered #jhcwc-header .mobile_nav {
        background-color: transparent;
    }

    .et-fixed-header#jhcwc-header {
        background-color: transparent !important;
    }
}

/* change background of mobile menu */
.et_mobile_menu {
/*    background-color: #fff !important;*/
    padding: 0;
}
    .et_mobile_menu li a {
        border: 0;
    }

/* remove large indent */
#jhcwc-header .et_mobile_menu li li {
    padding-left: 0;
}

/* create new spacing for navigation items */
#jhcwc-header .et_mobile_menu li a,
#jhcwc-header .et_mobile_menu li li a,
#jhcwc-header .et_mobile_menu li li li a {
    padding: 15px;
}

/* remove transition on mobile navigation items */
#jhcwc-header .et_mobile_menu li a {
    transition: none;
}

/* indednt each sub-items */
#jhcwc-header .et_mobile_menu li ul {
    padding-left: 15px;
}

/* underline under menu items */
#jhcwc-header .et_mobile_menu .sub-menu-toggle.popped ~ a {
    border-bottom: 1px solid #eee;
}

#jhcwc-header .et_mobile_menu li {
    border-bottom: 1px solid #eee;
}
    #jhcwc-header .et_mobile_menu li:last-child {
        border-bottom: none;
    }

/* --- x.1.1 - Hamburger Icon Content --- */
.mobile_menu_bar:before {
/*
    color: #000 !important;
*/
}
    /* hides the hamburger icon when toggled open */
    .mobile_nav.opened .mobile_menu_bar:before {
        content: "\4d";
        z-index: 99999;
    }

/* adds the 'x' icon to close menu */
#et_mobile_nav_menu .mobile_nav.opened .mobile_menu_bar::before {
    content: '\4d';
}

/* --- x.1.2 - Sub-Items Changes --- */
#jhcwc-header .et_mobile_menu .menu-item-has-children {
    position: relative;
}

/* toggle dropdown button */
#jhcwc-header .et_mobile_menu .sub-menu-toggle {
    position: absolute;
    background-color: rgba(0, 0, 0, 0.05);
    z-index: 1;
    width: 36px;
    height: 36px;
    line-height: 36px;
    border-radius: 50%;
    top: 10px;
    right: 15px;
    cursor: pointer;
    text-align: center;
}
    #jhcwc-header .et_mobile_menu .sub-menu-toggle.popped {
        background-color: rgba(0, 0, 0, 0.1);
    }
        #jhcwc-header .et_mobile_menu .sub-menu-toggle.popped::before {
            content: '\32';
        }

    #jhcwc-header .et_mobile_menu .sub-menu-toggle::before {
        font-family: "ETmodules" !important;
        font-weight: normal;
        font-style: normal;
        font-variant: normal;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        line-height: 36px;
        font-size: 30px;
        text-transform: none;
        speak: none;
        content: '\33';
        /* minor alignment */
        display: block;
        position: relative;
        left: -1px;
    }

/* sub-options toggled closed */
#jhcwc-header .et_mobile_menu .sub-menu-toggle ~ ul.sub-menu {
    display: none !important;
}

/* sub-options toggle opened */
#jhcwc-header .et_mobile_menu .sub-menu-toggle.popped ~ ul.sub-menu {
    display: block !important;
}

#jhcwc-header .et_mobile_menu .menu-item-has-children > a {
    background-color: transparent;
/*    font-weight: inherit;*/
}

@media (max-width: 980px) and (min-width: 768px) {
    #jhcwc-header .et_mobile_menu {
        top: 190px;
    }
}

/* moves postion of the toggle dropdown; */
@media (max-width: 767px) {
    #jhcwc-header .et_mobile_menu {
        top: 130px;
    }
}

/* ==================================== */
/* =============== Body =============== */
/* ==================================== */

.publication-book span,
.publication-book span img {
    width: 100%;
}

/* homepage slider */
.jhcwc-smart-slider-title {
    color: #c3b42f;
    font-family: 'Lato', Helvetica, Arial, Lucida, sans-serif !important;
    font-weight: 700;
}

.jhcwc-smart-slider-title-alt {
    font-family: 'Crimson Text', Georgia, "Times New Roman", serif;
}

@media (max-width: 1350px) {
    .jhcwc-smart-slider-title,
    .jhcwc-smart-slider-title-alt {
        font-size: 36px !important;
    }
    
    .jhcwc-smart-slider-text p {
        font-size: 36px !important;
        line-height: 36px !important;   
    }
}

@media (max-width: 550px) {
    .jhcwc-smart-slider-title,
    .jhcwc-smart-slider-title-alt {
        font-size: 24px !important;
    }
    
    .jhcwc-smart-slider-text p {
        font-size: 24px !important;
        line-height: 24px !important;   
    }
}

/* pillar items content */
.jhcwc-pillars {
}
    /* styling for the title boxes */
    .jhcwc-pillars .jhcwc-pillars-title {
        display: flex;
    }
        /* sharp corner for white background */
        .jhcwc-pillars .jhcwc-pillars-title:before {
            content: '';
            position: absolute;
            border-top: 25px solid #fff;
            border-right: 25px solid transparent;
            height: 0;
            width: 0;
            z-index: 25;
        }

        .jhcwc-pillars .jhcwc-pillars-title .et_pb_text {
            display: flex;
            align-items: center;
            justify-content: center;
            
            width: 100%;
        }
            .jhcwc-pillars .jhcwc-pillars-title .et_pb_text h2 {
                padding: 15px;
            }

/* samll pillar items content */
.mini-pillars-right,
.mini-pillars-left {
    position: relative;
}
    .mini-pillars-right:before,
    .mini-pillars-left:before {
        content: '';
        position: absolute;
        top: 0;
        height: 0;
        width: 0;
    }
        .mini-pillars-right:before {
            border-top: 25px solid #fff;
            border-left: 25px solid transparent;
            right: 0;
        }

        .mini-pillars-left:before {
            border-top: 25px solid #fff;
            border-right: 25px solid transparent;
            left: 0;
        }

/* double columns for body */
@media (min-width: 981px) {
    .body-multi-column {
        column-count: 2;
    }
} 


.cta-box {
    position: relative;
}
    .cta-box .et_pb_text_inner {
        position: absolute;
        bottom: 30px;
    }

/* ========================================= */
/* ============== Exhibitions ============== */
/* ========================================= */

/* ===== Exhibition Menu ===== */
#exhibition-menu {
}
    #exhibition-menu ul {
        margin: 0;
    }
        #exhibition-menu ul li {
            border-top: 1px solid #000;
            padding: 0;
            margin: 0;
            width: 100%;
        }
            #exhibition-menu ul li:last-of-type {
                border-bottom: 1px solid #000;
            }

            #exhibition-menu ul li a {
                padding: 20px 0;
                width: 100%;
            }
                /* hover */
                #exhibition-menu ul li a:hover,
                #exhibition-menu ul li a:focus {
                    background: #dd7b28 !important;
                    color: #fff !important;
                    padding: 20px;
                    opacity: 1;
                    width: 100%;
                }

            /* active */
            #exhibition-menu ul li.current-menu-item a {
                background: #173967;
                color: #fff !important;
                padding: 20px;
            }

@media (min-width: 981px) {
    #exhibition-menu .et_pb_menu__logo-wrap {
        display: none !important;
    }
    
    #exhibition-menu .et_pb_menu__wrap,
    #exhibition-menu .et_pb_menu__menu,
    #exhibition-menu nav.et-menu-nav {
        display: block;
    }

}

/* ===== Exhibition Gallery ===== */
#exhibition-gallery .bwg-masonry-thumbnails .bwg-item > a {
    margin: 0 !important;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.5) !important;
}
    /* button overwrite */
    #exhibition-gallery .tablenav-pages_0 {
        height: unset !important;
        margin: 5px 0 !important;
    }
        #exhibition-gallery .tablenav-pages_0 .bwg_load_btn {
            background: #dd7b28 !important;
            border: none !important;
            color: #fff !important;
            display: inline-block !important;
            font-family: 'Lato', Helvetica, Arial, Lucida, sans-serif !important;
            font-size: 18px !important;
            padding: 5px 30px !important;
        }


#exhibition-gallery .bwg-container-0.bwg-masonry-thumbnails .bwg-item0 {
    background: #000 !important;
    opacity: 1 !important;
}

#exhibition-gallery img.bwg_masonry_thumb_0:hover {
    opacity: 1 !important;
}

/* --- Universal Gallery CSS Overwrite --- */
/* forces background to dark theme */
.spider_popup_wrap,
.spider_popup_wrap .bwg-loading,
#bwg_container1_0 #bwg_container2_0 #spider_popup_overlay_0 {
    background: #000 !important;
}

/* forces navigation icons to dark theme */
.spider_popup_wrap #spider_popup_left-ico,
.spider_popup_wrap #spider_popup_right-ico,
.spider_popup_wrap .spider_popup_close_fullscreen {
    background: #000 !important;
    color: #fff !important;
}

/* gallery controls */
.spider_popup_wrap .bwg_toggle_container {
    background-color: #dd7b28;
}
    .spider_popup_wrap .bwg_toggle_container .bwg_toggle_btn {
        color: #fff !important;
    }
.spider_popup_wrap .bwg_ctrl_btn_container {
    background: #003767;
}
    .spider_popup_wrap .bwg_ctrl_btn_container .bwg_ctrl_btn {
        color: #fff !important;
    }

/* re-aligns text box to the bottom of the page */
.spider_popup_wrap .bwg_image_info_spun {
    text-align: left;
    vertical-align: bottom;
}
.spider_popup_wrap .bwg_image_info {
    background: rgba(0, 0, 0, 0.70) !important;
    bottom: 40px;
}

/* changes description text to dark theme */
.spider_popup_wrap .bwg_image_info_spun .bwg_image_title,
.spider_popup_wrap .bwg_image_info_spun .bwg_image_description {
    color: #fff !important;
}

/* other gallery tweaks */

i.bwg-icon-times-sm.bwg_close_btn {
    font-size: 24px;
}
    .bwg_image_container {
        top: unset !important;
        bottom: 60px !important;
    }

    .bwg_filmstrip_container {
        top: unset !important;
        bottom: 0 !important;
    }

/* ======================================== */
/* =============== Programs =============== */
/* ======================================== */

/* ====== Programs Listing ===== */
.programs-listing {
    
}
    .programs-listing p {
        padding-bottom: 0;
    }

    .programs-listing .ect-grid-event-area {
        box-shadow: none !important;
        word-break: break-word;
    }
        /* listing program item - date */
        .programs-listing .ect-grid-event-area .ect-grid-date {
            padding: 20px;
            margin: 0;
            width: 100%;
        }

        /* listing program item - featured image */
        .programs-listing .ect-grid-event-area .ect-grid-image {
            padding: 0;
            height: auto;
        }
            /* set thumbnail image to full height; */
            .programs-listing .ect-grid-event-area .ect-grid-image,
            .programs-listing .ect-grid-event-area .ect-grid-image a,
            .programs-listing .ect-grid-event-area .ect-grid-image a img {
                height: auto;
                overflow: unset !important;
            }

        /* listing program item - event name */
        .programs-listing .ect-grid-event-area .ect-grid-title {
            padding: 0;
        }
            .programs-listing .ect-grid-event-area .ect-grid-title h4 {
                margin: 10px 0;
            }

        /* listing program item - location */
        .programs-listing .ect-grid-event-area .ect-grid-venue {
            padding: 0;
        }

        /* listing program item - border line */
        .programs-listing .ect-grid-event-area .ect-grid-border {
            display: none;
        }

        /* listing program item - price */
        .programs-listing .ect-grid-event-area .ect-grid-cost {
            margin-bottom: 10px;
            width: 100%;
        }

        /* listing program item - button */
        .programs-listing .ect-grid-event-area .ect-grid-readmore {
            padding: 0;
            width: 100%;
        }
            .programs-listing .ect-grid-event-area .ect-grid-readmore a {
                border: 2px solid #dd7b28;
                color: #dd7b28 !important;
                font-weight: 600;
                text-transform: uppercase;
            }

/* matches heights of all grid elements */
@media (min-width: 992px) {
    .programs-listing .ect-grid-event-area {

        display: flex;
        flex-direction: column;
    }
    
    .programs-listing .ect-grid-event-area .ect-grid-readmore {
        display: flex;
        align-items: flex-end;
        height: 100%;
    }
}

.program-overview .ev_dt_wrap,
.program-overview .ev_time_wrap,
.program-overview .ev_address,
.program-overview .ev_cost,
.program-overview .ev_url {
    color: #000;
    font-size: 18px;
    line-height: 32px;
    
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}

.program-overview .ev_dt_wrap::before,
.program-overview .ev_time_wrap::before,
.program-overview .ev_address::before,
.program-overview .ev_cost::before,
.program-overview .ev_url::before {
    color: #173967;
    font-family: "Font Awesome 5 Pro";
    font-size: 30px;
    font-weight: 400;
    
    display: inline-block;
    margin-right: 10px;
    text-align: center;
    width: 35px;
    
}

/* date */
.program-overview .ev_dt_wrap::before {
    content: "\f783";
}
/* time */
.program-overview .ev_time_wrap::before {
    content: "\f017";
}
/* address */
.program-overview .ev_address::before {
    content: "\f3c5";
}
/* cost */
.program-overview .ev_cost::before {
    content: "\f2e8";
}
/* link */
.program-overview .ev_url::before {
    content: "\f145";
}


.program-body .tribe-events-back,
.program-body .tribe-events-single-event-title,
.program-body .tribe-events-schedule,
.program-body .tribe-events-event-image {
    display: none !important;
}


/* ====================================== */
/* =============== Footer =============== */
/* ====================================== */

/* ===== Footer Donation ===== */
.footer-donation .footer-donation-button {
    text-align: center;
}

@media (min-width: 768px) {
    .footer-donation {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
}

@media (max-width: 767px) {
    .footer-donation .footer-donation-text {
        margin: 0 0 15px 0 !important;
    }

    .footer-donation .footer-donation-button {
        width: 100%;
    }
}
/* --- end of 'Footer Donation' */

/* ===== Footer Middle ===== */
/* --- Footer Contact --- */
.footer-contact {
}
    .footer-contact .footer-contact-info {
        color: #fff !important;
        display: flex;
        align-items: center;
        margin-bottom: 5px;
    }
        .footer-contact .footer-contact-info i {
            margin-right: 10px;
            text-align: center;
            width: 20px;
        }

/* --- Footer Quick Links --- */

/* --- Footer Constant Contact --- */
#footer-constant-contact {
}
    #footer-constant-contact p {
        padding: 0;
    }

    #footer-constant-contact .ctct-form-defaults {
        padding: 0;
    }

    #footer-constant-contact .ctct-form-field {
        margin: 0 0 15px 0;
    }

    #footer-constant-contact  .ctct-form-label {
        font-size: 14px;
        margin: 0 0 5px 0;
    }

    #footer-constant-contact .ctct-form-element {
        border-radius: 0;
    }

    #footer-constant-contact .ctct-form-button {
        border-radius: 0;
        padding: 15px;
        width: 75%;
    }

    #footer-constant-contact #gdpr_text {
        display: none;
    }

/* --- Footer Social Media --- */
.footer-social-media a {
    margin-right: 5px;
}
    .footer-social-media a:last-of-type {
        margin-right: 0;
    }

/* --- end of 'Footer Middle' */

/* ===== Footer Bottom ===== */
#footer-bottom-section {
    padding: 0 !important;
}
    #footer-bottom-section .footer-bottom {
        display: flex;
        align-items: center;
        padding: 15px 0 !important;
    }

@media (max-width: 980px) {
    #footer-bottom-section {
        padding: 30px 0 !important;
    }
}
/* --- end of 'Footer Bottom' */