/*
Theme Name: Divi Child
Theme URL: https://bmoforwomen.mydev.ca
Description: Divi child theme
Author: BMO for Women
Author URL: https://www.bmoforwomen.com
Template: Divi
Version: 1.0.0
Text Domain: twentyseventeen-child
*/

body {
    font-weight: 300;
    /*max-width: 1200px;*/
    margin: 0 auto !important;
    float: none !important;
}

h1, h2, h3, h4, h5, a {
    font-weight: 500;
}

/*GLOBAL STYLES*/
sup {
    line-height: 1.5;
    font-size: 70%;
    vertical-align: top;
    bottom: unset;
}

.column-center {
    justify-content: center;
    display: flex;
    flex-direction: column;
}

.module-title {
    max-width: 800px;
    margin: 0 auto;
    text-align: center;
}

/*HOME*/


.header-content {
    max-width: 600px;
}

.header-content h1 {
    font-size: 75px;
}

.header_image {
    /*max-height: 280px;*/
    /*overflow: hidden;*/
}

.header_image img {
    width: 100%;
    box-shadow: 0 0.0625rem 0.1875rem rgba(0, 25, 40, .2);
    margin: 0 auto;
    border-radius: .25rem;
}

.blog-grid .et_pb_post {
    margin-bottom: 0 !important;
    display: flex;
    flex-direction: column;
}

.blog-grid h2 a {
    color: #0079c1;
    font-size: 18px;
    line-height: 1.2em;
}

.blog-grid h2 a:hover {
    text-decoration: underline;
}

.blog-grid .et_pb_image_container {
    order: 1;
    margin: -20px -20px -10px;
}

.blog-grid .entry-title {
    order: 3;
}

.blog-grid .post-meta {
    order: 2;
}

.blog-grid .post-content {
    order: 4;
}

.blog-grid .post-meta a {
    font-weight: 300;
    text-transform: uppercase;
    font-size: 13px;
}

.blog-grid .pagination {
    padding-top: 20px;
}

.remove-content .post-content {
    display: none;
}

.post-info {
    padding-top: 20px;
}

@media screen and (max-width: 680px) {
    .remove-content .post-content {
        display: block;
    }

    .flex-row-img-reverse {
        display: flex;
        flex-direction: column-reverse;
    }

    .feature-img {
        margin-bottom: 0;
    }
}

/* POST STYLES */
/*.single #main-header{background:#fff;}*/
/*.single #main-header a{color:#0079c1;}*/
/*.single #main-header a {*/
/*    color: #000000;*/
/*}*/

#home #menu-item-396 {
    color: white;
}

.single .rel-content {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
}

/*.single .rel-content > div {*/
/*    box-sizing: border-box;*/
/*    margin-bottom: 10px;*/
/*    width: calc(1 / 3 * 100% - (1 - 1 / 3) * 30px);*/
/*}*/

.single .post {
    padding-bottom: 0;
}

.single h1 {
    font-weight: 300;
}

.single h1.entry-title {
    font-size: 38px;
    padding-top: 50px;
}

.single .relatedposts {
    padding-bottom: 50px;
}

.single .relatedposts .relatedthumb img {
    width: 100%;
    border-radius: 5px;
}

.single .relatedposts .rel-title {
    padding: 50px 0;
    max-width: 850px;
    text-align: center;
    margin: 0 auto;
}

.single .document-container {
    background: #f2f2f2;
    padding: 30px;
    margin: 20px 0;
}

.single .document-container h2 {
    font-size: 19px;
    font-weight: 500;
}

.single .img-container {
    margin-top: 30px;
}

/*** Take out the divider line between content and sidebar ***/
#main-content .container:before {
    background: none;
}

/*** Hide Sidebar ***/
#sidebar {
    display: none;
}

/*** Expand the content area to fullwidth ***/
@media (min-width: 981px) {
    #left-area {
        width: 100% !important;
        padding: 23px 0px 0px !important;
        float: none !important;
    }
}

#footer-bottom {
    display: none;
}

#main-footer {
    background-color: #0079c1;
    position: absolute;
    width: 100%;
    left: 0px;
}

@media only screen and (min-width: 768px) {
    .blog-grid .et_pb_post {
        min-height: 350px;
        max-height: 350px;
    }

    .blog-grid.feature .et_pb_post {
        min-height: 715px;
        max-height: 715px;
    }
}


/*#top-header .container {*/
/*    padding-top: 1.3em;*/
/*    font-weight: 600;*/
/*    padding-bottom: 0.75em;*/
/*}*/

#et-info {
    width: 33.3%;
    float: left;
    text-align: right;
}

.cta {
    width: 33.3%;
    text-align: center;
    float: left;
    margin-top: -3px;
}

.cta a {
    background: #fff;
    color: #eb593c !important;
    padding: 5px 10px;
    display: inline-block;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    font-weight: 700 !important;
    transition: all 0.5s;
}

.cta a:hover {
    background: #555;
    color: #fff !important;
}

#et-secondary-menu {

    float: right;
    text-align: left;
}

#et_top_search {
    width: unset;
}

.search-txt {
    padding-left: 22px;
}

}


@media (max-width: 980px) {
    #et-info {
        width: 50%;
        float: left;
        text-align: right;
    }

    .cta {
        width: 50%;
        text-align: center;
        float: left;
        margin-top: -3px;
    }

    #et-info {
        padding-top: 0px;
        padding-bottom: 0.75em;
    }
}

@media (max-width: 740px) {
    .cta {
        display: none;
    }

    #et-info {
        width: 100%;
    }
}

.et-fixed-header#top-header {
    /*display: none;*/
}

.et-fixed-header#main-header {
    top: 0px !important;

    width: 100%;
    max-width: 1200px;
    padding-right: 30px;
    padding-left: 30px;
}

.et_menu_container {
    float: left;
    width: auto !important;
    padding-left: 10px;
    padding-right: 10px;
}

/*.et_fullwidth_nav .et-fixed-header#main-header .container {*/
/*    padding-left: 0;*/
/*    padding-right: 0;*/
/*}*/

/*.et_fullwidth_nav .et-fixed-header#main-header .logo_container {*/
/*    position: relative !important;*/
/*    text-align: center;*/
/*    padding-top: 15px;*/
/*}*/

/*.et_header_style_left .et-fixed-header #et-top-navigation {*/
/*    float: none;*/
/*    margin-left: -235px;*/
/*}*/

/*.et_fullwidth_nav .et-fixed-header#main-header #top-menu-nav {*/
/*    float: none;*/
/*}*/

/*.et_fullwidth_nav .et-fixed-header#main-header .nav {*/
/*    float: none !important;*/
/*    background: #fff !important;*/
/*    text-align: center;*/
/*    padding-top: 20px;*/
/*}*/

/*.et_fullwidth_nav .et-fixed-header#main-header .nav a {*/
/*    color: #0d78be !important;*/
/*}*/


/* SUB PAGE TAB LAYOUT */

.et_pb_tabs .et_pb_tabs_controls {
    background: none;
    border: none;
    width: fit-content;
    margin: 0 auto;
}

.et_pb_tabs_controls li {
    border-right: none;
}

.et_pb_tabs_controls li.et_pb_tab_active {
    border-bottom: 4px solid #0079c1;
    background: none;
}

/*.et_pb_tab_active a {*/
/*    !* color: #333!important; *!*/
/*    background-color: yellow;*/
/*}*/

/*.et_pb_tab_active a:focus {*/
/*    !* color: #333!important; *!*/
/*    !*background-color: green;*!*/
/*    border: none !important;*/
/*}*/

a:focus {
    outline: none;
    text-decoration: underline;
}

ul.et_pb_tabs_controls:after {
    top: -4px;
    border-top: 4px solid #d9d9d9;
}

.crosslink {
    display: block;
    width: 100%;
}

.crosslink-title {
    margin-top: 8px;
}

/*.logo_container {*/
/*    border-bottom-width: 1px;*/
/*    border-bottom-style: solid;*/
/*    border-bottom-color: rgba(255, 255, 255, .5);*/
/*}*/

.logo_container:after {
    content: ""; /* This is necessary for the pseudo element to work. */
    display: block; /* This will put the pseudo element on its own line. */
    width: 95%; /* Change this to whatever width you want. */
    /* border-bottom: 1px solid rgba(255, 255, 255, .5); /* This creates the border. Replace black with whatever color you want. */
}

.et-fixed-header .logo_container:after {
    border-bottom: none; /*removes bottom border on fixed nav */
}

.et_fixed_nav #et-top-navigation {
    transition: none;
}

.hide {
    display: none;
}

#light-slider {
    list-style: none !important;
}

#light-slider > li.clone.right {
    display: none;
}


/*#home, #top-menu, .fullwidth-menu, nav#top-menu-nav, nav.fullwidth-menu-nav {*/
/*     display: none;*/
/* }*/

.center {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 50%;
}


.crp_related {
    background-color: #0079bf;
    max-width: 240px;
    color: #FFFFFF;
    font-size: larger;
    padding: 10px;
    border-radius: 8px 0px 0px 8px;
    position: fixed;
    top: 50%;
    right: 0px;
}

.crp_related > h3 {
    color: #FFF;
    font-size: 20px;
    font-weight: unset;
}

.crp_related > img {
    position: sticky;
    float: right;
    height: 16px;
    cursor: pointer;
}

.crp_title {
    color: #FFF;
    font-size: 14px;

    display: inline-block;
    line-height: 18px;
    padding-top: 4px;
}

#et-main-area {
    max-width: 1200px;
    display: block;
    margin-left: auto;
    margin-right: auto;
}


.et_fixed_nav #et-top-navigation {
    padding-left: initial !important;
    margin-right: -60% !important;
}

#et-top-navigation {
    padding-left: initial !important;
    margin-right: -60% !important;
}

/*#main-header .et-fixed-header {*/
/*    top: 23px !important;*/
/*    font-family: "heebo", Arial, Sans-Serif !important;*/
/*    -webkit-font-smoothing: antialiased;*/
/*    color: #001928;*/
/*    font-size: 100%;*/
/*    box-sizing: border-box;*/
/*    display: block;*/
/*    transition: background-color 0.4s, color 0.4s, transform 0.4s, opacity 0.4s ease-in-out;*/
/*    z-index: 99999;*/
/*    width: 100%;*/
/*    font-weight: 500;*/
/*    line-height: 23px;*/
/*    background-color: white !important;*/
/*    box-shadow: none;*/
/*    position: fixed;*/
/*    top: 37px;*/
/*    padding-left: 0px !important;*/
/*    padding-right: 0px !important;*/
/*}*/

/*#main-header, #main-header .nav li ul, .et-search-form, #main-header .et_mobile_menu {*/
/*    background-color: white !important;*/
/*}*/

/*    .et_header_style_left .et-fixed-header #et-top-navigation nav > ul > li > a, .et_header_style_split .et-fixed-header #et-top-navigation nav > ul > li > a {*/
/*        padding-bottom: 20px !important;*/
/*    }*/

#top-header {
    position: fixed !important;
}


.home #main-header {
    background-color: rgba(255, 2555, 255, .35) !important;
!important;
    position: fixed !important;
    top: 37px !important;
}

#main-header {
    background-color: white !important;
    position: fixed !important;
    top: 37px !important;
}


/* TABLET and SMALLER */
@media screen and (max-width: 980px) {
    .et_pb_row, .et_pb_column .et_pb_row_inner {
        padding-top: 0px !important;
    }

    .et_pb_text_inner > p:first-of-type {
        display: none;
    }

    h1 {
        font-size: 22px !important;
    }

    et_pb_with_border et_pb_module et_pb_text et_pb_text_0 et_pb_bg_layout_light et_pb_text_align_left {
        background-color: #ffffff !important;
        border-radius: 5px 5px 5px 5px !important;
        overflow: hidden !important;
        padding-top: 20px !important;
        margin-right: 0% !important;
        margin-left: -20% !important;
        box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.3) !important;
    }

    .post-content > p {
        display: none;
    }

    .logo_container {
        width: 400px !important;
        margin-left: 80px;
    }

    #content-area {
        margin-top: -40px;
    }

    #mobile_menu {
        width: 240px;
        background-color: white !important;
    }

    span.mobile_menu_bar:before {
        color: #0079bf !important;
    }

}

/* MOBILE */
@media screen and (max-width: 680px) {

    .crp_related {
        display: none;
    }
}


/* FR content not provided so hide nav items for now */
#et-secondary-menu, .menu-item-wpml-ls-8-en {
    /*display: none;*/
}

.width-1200 {
    max-width: 1200px;
    margin: 0 auto !important;
}


#page-container > div.et_pb_section.et_pb_section_1.et_section_regular > div.et_pb_row.et_pb_row_1.flex-row-img-reverse.et_pb_equal_columns > div.et_pb_column.et_pb_column_1_2.et_pb_column_3.column-center.et_pb_css_mix_blend_mode_passthrough {
    position: relative !important;
    z-index: 8 !important;
}

#page-container > div.et_pb_section.et_pb_section_1.et_section_regular > div.et_pb_row.et_pb_row_1.flex-row-img-reverse.et_pb_equal_columns > div.et_pb_column.et_pb_column_1_2.et_pb_column_2.column-center.et_pb_css_mix_blend_mode_passthrough {
    position: relative !important;
    z-index: 9 !important;
}

embed, iframe, object, video {
    max-width: 100%;
    width: 100%;
}


/*@media only screen and (min-width: 981px) {*/
/*    div.et_pb_module.et_pb_text.et_pb_text_1.et_pb_bg_layout_light.et_pb_text_align_left {*/
/*        padding: 3% 0 0 0 !important;*/
/*    }*/
/*}*/

.menu-light > a {
    color: rgba(255, 255, 255, 0.75) !important;
}


@media (max-width: 980px) {
    .et_pb_section {
        padding: 0px 0 !important;
    }

    #page-container > div.et_pb_section.et_pb_section_0.et_pb_fullwidth_section.et_section_regular.et_pb_section_first > div {
        padding-top: 115px !important;
    }

    .et_pb_row, .et_pb_column .et_pb_row_inner {
        padding: 0px 0;
    }
}

@media only screen and (max-width: 1200px) {
    /*.et_pb_row {*/
    /*    padding: 0% 0 !important;*/
    /*}*/
    /*.et_pb_section {*/
    /*    padding: 0% 0 !important;*/
    /*}*/
    .et_pb_tab {
        padding: 24px 0px;
    }


    .podcast-page .et_pb_post {
        overflow: inherit !important;
    }

    .podcast-page .et_pb_image_container {
        position: relative;
        max-width: 200px;
        min-width: auto;
    }

    .podcast-page .entry-title {
        position: relative;
        margin-top: -120px;
        margin-left: 50%;
        line-height: 15px;
        width: 75%;
    }

    .podcast-page .entry-title > a {
        color: #0079c1 !important;
    }

    .podcast-page .post-meta {
        position: relative;
        margin-left: 50%;
        margin-top: -65px
    }

    .podcast-page .post-meta > a {
        font-size: small;
    }

    .podcast-page .post-content {
        margin-left: 50%;
        margin-top: 50px;
        width: 75%;
    }

    .podcast-page .et_pb_post {
        background-color: transparent !important;;
    }

    .post-content {
        display: none;
    }
}


@media only screen and (min-width: 1200px) {
    /*.et_pb_row {*/
    /*    padding: 0% 0 !important;*/
    /*}*/
    /*.et_pb_section {*/
    /*    padding: 0% 0 !important;*/
    /*}*/
    .et_pb_tab {
        padding: 24px 0px;
    }


    .podcast-page .et_pb_post {
        overflow: inherit !important;
    }

    .podcast-page .et_pb_image_container {
        position: relative;
        max-width: 250px;
        min-width: auto;
    }

    .podcast-page .entry-title {
        position: relative;
        margin-top: -160px;
        margin-left: 50%;
        line-height: 15px;
        width: 75%;
    }

    .podcast-page .entry-title > a {
        color: #0079c1 !important;
    }

    .podcast-page .post-meta {
        position: relative;
        margin-left: 50%;
        margin-top: -65px
    }

    .podcast-page .post-meta > a {
        font-size: small;
    }

    .podcast-page .post-content {
        margin-left: 50%;
        margin-top: 50px;
        width: 75%;
    }

    .podcast-page .et_pb_post {
        background-color: transparent !important;;
    }
}


@media only screen and (max-width: 980px) {
    /*#\#blog > div > div > div > div > div > div > article:nth-child(2){*/
    /*    width: 120px;*/
    /*    float: left;*/
    /*}*/
    /*#\#blog > div > div > div > div > div > div > article:nth-child(3){*/
    /*    width: 120px;*/
    /*    float: RIGHT;*/
    /*}*/
    /*#\#blog > div > div > div > div > div > div > article:nth-child(2) > h2,*/
    /*#\#blog > div > div > div > div > div > div > article:nth-child(3) > h2{*/
    /*    background-color: yellow;*/
    /*    width: 125px;*/
    /*    position: relative;*/
    /*    margin: auto;*/
    /*    left: -20px;*/
    /*    font-size: smaller;*/
    /*}*/


}


.category-podcasts, .category-videos, .category-podcasts-fr, .category-videos-fr  {
    display: grid;
}

.podcast-page article > a {
    width: 25%;
    left: 24%;
}

.podcast-page .entry-title {
    order: 2;
    /* margin-top: 0; */
    /*margin-top: -150px;*/
    padding-top: 0px;
    width: 40%;
    font-size: 15px;
    margin-top: -17.5%
}

.podcast-page .post-meta {
    /*margin-top: -175px;*/
    order: 1;
    padding: 0px;
    margin-top: -20%
}

.podcast-page .post-content {
    order: 3;
    margin-top: -13.5%;
    width: 40%;
}

@media only screen and (max-width: 980px) {
    .podcast-page .et_pb_post {
        background-color: white !important;
    }

    .podcast-page article {
        padding-bottom: 3%;
    }

    .podcast-page .pagination {
        margin: auto;
        width: 45%;
    }

    .podcast-page article > a {
        width: 100%;
        left: 0px;
    }

    .podcast-page .entry-title {
        margin: 0px;
        width: 98%;
        /*background-color: yellow;*/
        margin-left: 2%;
        margin-right: 2%;
    }

    .podcast-page .post-meta {
        margin: 0px;
        width: 98%;
        /*background-color: greenyellow;*/
        margin-top: -5%;
        margin-left: 2%;
        margin-right: 2%;
    }

    .podcast-page article:nth-child(2) {
        width: 45%;
        float: left;
    }

    .podcast-page article:nth-child(3) {
        width: 45%;
        float: right;
    }
}

#top-menu li:lang(fr) {
    padding-right: 10px;
    font-size: 10px;
}

#et-top-navigation:lang(fr) {
    margin-right: -38% !important;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    #et-top-navigation:lang(fr) {
        padding-left: 0px !important;
    }
}



#logo:lang(fr) {
    content:url(/wp-content/uploads/2019/08/bmoFW-blue-logo-original-fr.png) !important;
    margin-top: 5px;
}

.home #main-header > div > div.logo_container > a #logo:lang(fr) {
    content:url(/wp-content/uploads/2019/08/bmoFW-white-logo-fr.png) !important;
    margin-top: 5px;
}


.search-results {
    display: block !important;
    position: relative;
    top:100px;
}

#et-secondary-nav {
    display: none !important;
}