/*
Theme Name: DiviChild
Theme URI: http://10am.ca/
Version: 1.0.1
Author: http://10am.ca
Author URI: http://10am.ca
Tags:

Template: Divi

*/

    
/* = customization starts here
-------------------------------------------------------------- */
.nobr { white-space: nowrap; }

/* Buttons side by side */
.inline-button .et_pb_button_module_wrapper {
    display: inline-block;
    padding-bottom: 20px;
    margin: 0 20px 0 0;
}

/* Tags side by side */
.inline-tags {
    display: inline-block;
    padding-bottom: 20px;
    margin: 0 20px 0 0;
}



/* = a11y additions
-------------------------------------------------------------- */

a.et_pb_button.keyboard-outline {
    outline-color: #9d2235;
    outline-offset: 2px;
}



/* = Divi single post ad
-------------------------------------------------------------- */

.et-single-post-ad {
    margin-top: 3rem;
}



/* = Top Menu
-------------------------------------------------------------- */

body .et_pb_menu .et-menu>li {
    padding-left: 0px;
    padding-right: 31px;
    padding-top: 5px;
}

body .et-menu .menu-item-has-children>a:first-child:after {
    display: none;
}
body .et-menu .menu-item-has-children>a:first-child {
    padding-right: 0;
}
body .et_pb_menu .et_pb_menu__menu>nav>ul>li>ul {
    left: -30px;
}
body .nav li li {
    padding: 0 10px;
}
body .et_pb_menu .et-menu-nav>ul ul {
    padding: 15px 0;
    width: 220px;
}
body .et_pb_menu_1_tb_header.et_pb_menu ul li.current-menu-item > a, body .et_pb_menu_1_tb_header.et_pb_menu .nav li ul.sub-menu li.current-menu-item a {
    color: #9d2235!important;
}
body .nav ul li a:hover {
    opacity: 1;
    background-color: rgba(0,0,0,0.07);
}
body .et_pb_button_0_tb_header_wrapper .et_pb_button_0_tb_header:hover, body .et_pb_button_0_tb_header_wrapper .et_pb_button_0_tb_header:hover:hover {
    padding-right: 20px!important;
    padding-left: 20px!important;
}
input.et_pb_menu__search-input {
    max-width:400px;
}
@media only screen and (max-width: 1079px) {
    body .et_pb_menu .et_pb_menu__menu>nav>ul>li {
        padding-right: 22px;
    }
}

@media only screen and (min-width: 981px) {
    header .et_pb_menu .et_pb_menu__menu>nav>ul>li.mobile-only {
        display: none;
    }
    html body:not(.et-tb) #main-content .container {
        padding-top: 40px;
    }
}

@media only screen and (max-width: 1399px) and (min-width: 981px) {
    header .et_pb_button_module_wrapper {
        right: -96px;
    }
    body #page-container header .et_pb_section .et_pb_button_0_tb_header {
        font-size: 12px;
        width: 86px;
        padding: 12px 0!important;
        line-height: 1em!important;
    }
}

body .et_pb_section_0 {
    padding-top: 30px;
}

@media only screen and (max-width: 767px) {
    body .et_pb_section_0 {
        padding-top: 15px;
    }
}



/* = Typography
-------------------------------------------------------------- */

html body {
    font-weight: 400;
}

body h1 a, body h2 a, body h3 a, body h4 a, body h5 a, body h6 a {
    color: #9D2235;
}

body h4 {
    padding-bottom: 1em;
}

sup {
    font-size: 66%;
}

body .entry-content ul {
    margin-left: 1em;
}

@media (max-width: 480px){
    #page-container h1 {
        font-size: 40px;
    }
}

@media (min-width: 981px) and (max-width: 1100px) {
    body #main-content h3 {
        font-size: 22px;
    }
}

.bullet-list ul, .checkmark-list ul, .number-list ol {
    display: inline-block;
    list-style: none;
    margin-left: 2.5em;
    padding-bottom: 0;
    counter-reset: my-list-counter;
}
.number-list ol {
    margin-left: 3.5em;
}
.number-list ol ul {
    padding-bottom: 0;
}
.bullet-list li, .checkmark-list li, .number-list ol > li {
    break-inside: avoid;
    font-size: 16px;
    line-height: 1.75;
    margin-bottom: .75em;
    position: relative;
    counter-increment: my-list-counter;
}
.bullet-list ul li::before, .checkmark-list ul li::before, .number-list ol li::before {
  display: inline-block;
}

.bullet-list ul li::before, .number-list ol li::before {
  width: 1em; 
  margin-left: -1em; 
  font-size:140%;
  top:2px;
  color: #5E8AB4; 
  font-weight: bold;
  position:relative;
}

.bullet-list ul li::before {
  content: "\2022";  
}

.number-list ol > li::before {
    content: counter(my-list-counter);
    top: 0px;
    line-height: 1.33em;
    margin-left: -2.75rem;
    position: absolute;
    border-radius: 50%;
    padding: 5px;
    height: 20px;
    width: 20px;
    background-color: #5E8AB4;
    text-align: center;
    color: white;
    font-size: 100%;
    letter-spacing: -0.01em;
}

.checkmark-list ul li::before {
    content: '';
    position: absolute;
    left: 0;
    top:  4px;
    width: 2em;
    height: 2em;
    margin-left: -1.75em; 
    background: url("data:image/svg+xml;utf8,<?xml version='1.0' encoding='utf-8'?><svg width='18' height='18' fill='%235E8AB4' viewBox='0 0 1792 1792' xmlns='http://www.w3.org/2000/svg'><path d='M1671 566q0 40-28 68l-724 724-136 136q-28 28-68 28t-68-28l-136-136-362-362q-28-28-28-68t28-68l136-136q28-28 68-28t68 33l294 295 656-657q28-28 68-28t68 28l136 136q28 28 28 68z'/></svg>") no-repeat;
}

.bullet-list ul ul, .checkmark-list ul ul, .number-list ol ol {
    margin-top: 0.75em;
}

.bullet-list li:last-child, .checkmark-list li:last-child {
    margin-bottom: 0.25em;
}

.two-column-list ul, .two-column-list ol {
    column-count: 2;
    column-gap: 8em;
}
.three-column-list ul, .three-column-list ol {
    column-count: 3;
    column-gap: 8em;
}
@media only screen and (max-width: 980px) {
    .two-column-list ul, .two-column-list ol, .three-column-list ul, .three-column-list ol {
        column-count: 2;
        column-gap: 5em;
    }
}
@media only screen and (max-width: 767px) {
    .two-column-list ul, .two-column-list ol, .three-column-list ul, .three-column-list ol {
        column-count: 1;
    }
    .bullet-list ul, .checkmark-list ul, .number-list ol {
        margin-left: 1.5em;
    }
}

/* = Common Elements
-------------------------------------------------------------- */

@media only screen and (max-width: 980px) {
    body .pricing.et_pb_row .et_pb_column.et_pb_column_1_4 {
        margin-bottom: 60px;
    }
}

a.et_pb_button {
    padding: 6px 20px 4px;
    line-height: 1.25em!important;
    border-radius: 30px;
    font-family: 'Poppins',Helvetica,Arial,Lucida,sans-serif!important;
    font-weight: 500!important;
}

body .et_pb_module .et_pb_button:hover {
    padding-right: 30px!important;
    padding-left: 17px!important;
    border-radius: 30px;
    padding-top: 6px;
    padding-bottom: 4px;
}

.et_pb_button[data-icon]:not([data-icon=""]):hover:after {
    opacity: 1;
    line-height: inherit;
    font-size: inherit!important;
    margin-left: 0.3em;
    left: auto;
    font-family: ETmodules!important;
    font-weight: 400!important;
}



/* = Search Results Page
-------------------------------------------------------------- */

.search .type-page p.post-meta {
    display: none;
}

body.search .et_pb_module .et_pb_post .post-content > a, html body .et_pb_posts .et_pb_post .post-content > a {
    color: #fff!important;
}

.search .type-page .post-content::before {
    content: "Page";
    display: block;
    text-transform: uppercase;
    font-size: 14px;
    letter-spacing: 0.01em;
    font-weight: 500;
    margin-bottom: .5em;
}



/* = Homepage
-------------------------------------------------------------- */

.homepage-community {
    display: grid;
    grid-auto-flow: row;
    grid-gap: 3px;
}

@media (min-width: 981px){
    .homepage-community {
        grid-template-rows: 50% 50%;
        grid-template-columns: 50% 50%;
    }
    .homepage-community-photo-mobile {
        display: none;
    }
    .homepage-community-single {
        position: relative;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        min-height: 330px;
    }
    .homepage-community-caption {
        position: absolute;
        bottom: 0;
        left: 0;
    }
}
@media (max-width: 980px){
    .homepage-community-single {
        background-image: none!important;
    }
    .homepage-community-photo-mobile {
        line-height: 0;
    }
}

.homepage-community-caption {
    background-color: rgba(0,0,0,0.66);
    color: #fff;
    padding: 7px 20px;
    line-height: 1.3em;
    width: 100%;
}

.homepage-community-title {
    font-weight: 700;
}

.homepage-community-description {
    font-size: 14px;
    line-height: 1.4em;
}

.homepage-community-credit {
    font-size: 12px;
    line-height: 1.4em;
    font-style: italic;
}


.homepage-research-container {
    min-height: 80vh;
    position: relative;
    width: 100%;
    overflow: hidden;
}

.homepage-research-graphic {
    position: absolute;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.homepage-research-text {
    position: absolute;
    z-index: 10;
    background-color: rgba(0,0,0,0.66);
    padding: 40px;
    color: #fff;
    max-width: 590px;
    left: 46%;
    bottom: 10%;
}

.homepage-research-text h2 {
    color: #fff;
    line-height: 1.07em;
    font-family: 'Poppins',Helvetica,Arial,Lucida,sans-serif;
    font-weight: 200;
    font-size: 43px;
    line-height: 1.07em;
}

.homepage-research-authors {line-height: 1.4;}

.homepage-research-tags span:last-child {
    display: none;
}

.homepage-research-tags {
    line-height: 1.44em;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 13.5px;
    letter-spacing: 0.02em;
    line-height: 1.44em;margin: 0.666em 0 1.666em;
}

.homepage-research-text a.et_pb_button {
    line-height: 1.25em!important;
}

@media (max-width: 640px) {
    .homepage-research-text {
        width: 100%;
        left: 0;
        bottom: 0;
        padding-top: 15px;
        padding-bottom: 25px;
        max-width: 100%;
        position: relative;
    }
    .homepage-research-graphic {
        position: relative;
        height: calc(100vw*0.66);
    }
    .homepage-research-text h2 {
        font-size: 30px;
        font-weight: 300;
    }
}



/* = Non-Divi Pages
-------------------------------------------------------------- */

#main-content>.container:before {background: none;}
  
#sidebar {display:none;}
  
@media (min-width: 981px){
    #left-area {
        width: 100%;
        padding: 23px 0px 0px !important;
        float: none !important;
    }
}

#main-content>.container {
    padding-bottom: 90px;
}

#main-content>.container h1 {
    font-size: 48px;
    padding-bottom: 0.5em;
    line-height: 1.1em;
}
#main-content>.container h1.main_title {
    margin-top: 0;
}
#main-content>.container h2 {
    font-size: 32px;
}
#main-content>.container h3 {
    font-size: 24px;
}
#main-content>.container h2, #main-content>.container h3, #main-content>.container h4 {
    margin: 1em 0 0.25em;
}
#main-content>.container .entry-content p, #main-content>.container .entry-content h1, #main-content>.container .entry-content h2, #main-content>.container .entry-content h3, #main-content>.container .entry-content h4, #main-content>.container .entry-content h5, #main-content>.container .entry-content h6, #main-content>.container .entry-content ul, #main-content>.container .entry-content ol {
    max-width: 750px;
}
@media (max-width: 767px){
    #main-content>.container h1 {
        font-size: 40px;
    }
}

#main-content>.container hr.wp-block-separator {
    border-top: 1px solid #9d2235;
    border-bottom: 0px;
    max-width: 800px;
    margin: 2rem auto 3rem 0;
}

#main-content>.container li {
    margin-bottom: 0.5em;
}





/* = PODS
-------------------------------------------------------------- */

/* People List */

.people-list {
    line-height: 1.25rem;
}

.people-list .person-info > div {
    margin-bottom: 0.5rem;
}

.people-list .person {
    padding-right: 5%;
    margin-bottom: 40px;
    width: 100%;
    float: left;
}

@media only screen and (min-width : 881px) {
    .people-list .person {
        width: 50%;
    }
    .people-list .person:nth-child(odd) {
        clear: both;
    }
}

.people-list::after {
    content: "";
    display: block;
    clear: both;
}

.people-list .person-info {
    float: left;
    width:  calc( 100% - 145px );
}

.person .person-image {
    width: 125px;
    float: left;
    margin-right: 20px;
}

.person-info h4 {
    padding-bottom: 0;
    margin-bottom: 0.5rem;
    line-height: 1.25rem;
}

.people-list .position {
    font-weight: 700;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

body .person-name h4 {
    padding-bottom: 0;
}

body .person-name {
    padding-bottom: 1em;
}

.bio-link, .bio-profile-divider, .profile-link {
    display: inline-block;
}

.bio-profile-divider::before {
    content: "•";
    margin: 0px 1px 0 5px;
    color: #666;
}


/* Awards People List */

.award-list {
    margin-bottom: 40px;
}

.award-listing {
    clear: both;
}

@media only screen and (min-width: 480px) {
    .award-listing .person .person-image {
        width: 225px;
        float: right;
        padding-left: 15px;
        max-width: 60%;
    }
}

.award-listing .person-name {
    margin-top: 0.75em;
}

@media only screen and (min-width: 981px) {
    .award-list {
        width: 45%;
        float: left;
        margin-right: 10%;
    }   
    .award-list:nth-child(even) {
        margin-right: 0;
    }
    .award-list:nth-child(even)::after {
        content: '';
        display: table;
        clear: both;
    }
}

@media only screen and (max-width: 980px) {
    .award-title {
        margin-top: 20px;
    }
}



/* = Events
-------------------------------------------------------------- */

.event-date, .event-location {font-weight: 700;display: inline-block;margin: 0.5rem 1.25rem 0 0;}

.css-events-list .event .et_pb_button_module_wrapper { margin-top: 1.25rem; }

.event h2 {font-size: 32px;line-height: 1.31em;}

.event {margin-bottom: 3.5rem;}

.event p {max-width: 750px;}

.em-events-list .event .et_pb_button_module_wrapper.et_pb_module {
    margin-top: 1rem;
}



/* = Member Profiles
-------------------------------------------------------------- */

.featured-member-profile {
    max-width: 330px;
    float: left;
    width: 100%;
}

@media only screen and (min-width : 981px) {
    .featured-member-profile {
        width: 33%;
    }
}

@media only screen and (min-width : 600px) and (max-width : 980px) {
    .featured-member-profile {
        width: 50%;
    }
    .featured-member-profile:last-child {
        display: none;
    }
}


.featured-member-profile img {width: 100%;height: 100%;object-fit: cover;}

.featured-member-profile .person-image {height: 330px;width: 100%;position: relative;outline:4px #fff solid; }

.featured-member-profile .person-info {position: absolute;bottom: 0;left: 0;width: 100%;text-align: center;height: 100%;}

.featured-member-profile .person-info h4 {color: #fff;position: absolute;width: 100%;bottom: 0;}

.featured-member-profile .person-info {background: rgb(0,0,0,0.33); background: linear-gradient(0deg, rgba(0,0,0,0.5) 5%, rgba(0,0,0,0) 25%);}

.featured-member-profile .person-info:hover h4 {text-decoration:underline;}

.member-profile h1 span {display: block;font-size: 50%;line-height: 1.25em;}

.member-profile .main-image {margin-bottom: 1.5rem;}

.member-profile {max-width: 750px;}

.page-template-page-template-member-profile .et_pb_button_module_wrapper {margin-top: 1.5rem;}

#main-content .entry-content ul.az-columns {padding: 0 23px 0 0;}

#main-content .entry-content div.letter-section div.back-to-top {text-align: left;margin-top: 1rem;}

#main-content .entry-content div.letter-section div.back-to-top a {opacity: 0.5;}

#main-content .entry-content div.letter-section div.back-to-top a:hover {opacity: 1;}

.main-image {width: 100%;max-width: 640px;max-height: 640px;height: 100vw;position: relative; }

.member-profile .main-image img {height: 100%;width: 100%;object-fit: cover; }

.member-profile .main-image > div {width: 100%; height: 100%; position: absolute;left: 0; top: 0;background: rgb(0,0,0,0.33); background: linear-gradient(0deg, rgba(0,0,0,0.6) 5%, rgba(0,0,0,0) 33%);}

.member-profile .main-image h1 {position: absolute;bottom: 0;color: #fff;padding: 6%;}

body #main-content .az-letters ul.az-links {padding: 0;justify-content: left;}

body #main-content .az-letters ul.az-links li {background: #9d2235;border: none;border-radius: 1.25rem;width: 2.25rem;height: 2.25rem;color: rgba(255,255,255,0.5);margin: 0 0.6rem 1.2rem;}

body #main-content .az-letters ul.az-links li a:hover { text-decoration: underline; }

body #main-content .az-letters ul.az-links li a {color: #fff;font-weight: 700;}




/* = Divi Elements Outside Divi
-------------------------------------------------------------- */

.outside_divi_button {padding-top: 6px!important;
    padding-right: 20px!important;
    padding-bottom: 4px!important;
    padding-left: 20px!important;
    transition: padding 300ms ease 0ms;
    border-radius: 30px;
    font-family: 'Poppins',Helvetica,Arial,Lucida,sans-serif!important;
    font-weight: 500!important;
    line-height: 1.25em!important;}

.outside_divi_button:hover {padding-right: 30px!important;padding-left: 17px!important;}

.outside_divi_button:hover::after {
    font-size: inherit;margin-left: 0.3em;
    line-height: inherit;
    font-size: inherit!important;
    left: auto;
    font-family: ETmodules!important;
    font-weight: 400!important;
}



/* = Posts / News
-------------------------------------------------------------- */

body .et_pb_blog_grid .et_pb_post {
    padding: 0 25px 0 0;
}

.et_pb_post a.more-link {
    color: #fff;
    background: #9d2235;
    margin-top: 15px;
    display: inline-block;
    padding-top: 6px!important;
    padding-right: 20px!important;
    padding-bottom: 4px!important;
    padding-left: 20px!important;
    transition: padding 300ms ease 0ms;
    border-radius: 30px;
    font-family: 'Poppins',Helvetica,Arial,Lucida,sans-serif!important;
    font-weight: 500!important;
    line-height: 1.25em!important;text-transform: capitalize;
}

.et_pb_post a.more-link:hover {
    background: #771630;
}

.post-meta > span, .et_pb_title_meta_container > span {
    color: #222;
}

body .et_pb_bg_layout_light .et_pb_post .post-meta > a {
    display: block;
    color: #9d2235!important;
    letter-spacing: 0.05em;
    font-weight: 500;
}

body .et_pb_module .et_pb_post .post-meta {
    font-weight: 500!important;
}

p.post-meta, p.et_pb_title_meta_container {color: #bbb;font-size: 14px!important;text-transform: uppercase;font-weight: 500;}

body #left-area .post-meta a, body #main-content .et_pb_title_meta_container a {color: #9d2235;display: inline-block;padding-left: 5px;}

body #left-area .post-meta a::before, body #main-content .et_pb_title_meta_container a::before {display: block;}

.et_pb_post .entry-content {padding-top: 0;}

body #left-area .post-meta span, body #main-content .et_pb_title_meta_container span {padding-right: 5px;}

.et_post_meta_wrapper > img {padding-bottom: 30px;max-height: 640px;width: auto;}

body .et_pb_module .et_pb_post .post-content a {color: #9d2235!important;}

.et_pb_posts article {border-bottom: 1px solid #9d2235;padding-bottom: 45px;}




/* = Chapter Locator
-------------------------------------------------------------- */

.wp-admin #wpsl-meta-nav li.wpsl-opening-hours-tab {
    display: none;
}

.wpsl-chair, .wpsl-phone, .wpsl-email, .wpsl-url {
    display: block;
    border-bottom: none!important;
}

#wpsl-wrap .wpsl-search.wpsl-clearfix.wpsl-checkboxes-enabled {padding: 0;background: rgba(255,255,255,0);margin-bottom: 2rem;}

#wpsl-wrap #wpsl-search-wrap .wpsl-input {display: inline-block;}

#wpsl-wrap #wpsl-search-wrap .wpsl-input label {width: initial;line-height: 42px;}

#wpsl-wrap #wpsl-search-wrap .wpsl-input input#wpsl-search-input {display: inline-block;}

#wpsl-wrap ul#wpsl-checkbox-filter {display: inline-block;width: initial;margin: 0 0 0 23px;min-width: 150px;}

#wpsl-wrap ul#wpsl-checkbox-filter li {width: initial;}

.chapter-list-chapter {margin-bottom: 2rem;}

.chapter-list-chapter h3.chapter-name {
    font-size: 18px;
    line-height: 1.333rem;
    margin-bottom: -0.2rem;
}

.chapter-list-chapter > div > span {font-size: 75%;text-transform: uppercase;letter-spacing: 0.05em;font-weight: 700;}

.chapter-list-chapter > div {line-height: 1.666em;}

body #wpsl-search-wrap form {display: flex;align-items: center;}

body #wpsl-search-wrap .wpsl-input {margin: 0;}

body #wpsl-search-btn.et_pb_button, .gform_legacy_markup_wrapper .gform_footer input.button, .chapter-list-chapter input.button, .gform_wrapper.gravity-theme .gform_footer input.button {
    font-size: 16px;
    background-color: #9d2235;
    border-width: 0px!important;
    border-radius: 20px;
    background-image: none;
    color: #fff;
    padding: 6px 20px 4px;
    line-height: 1.25em!important;
    font-family: 'Poppins',Helvetica,Arial,Lucida,sans-serif!important;
    font-weight: 500!important;
}
body #wpsl-search-btn.et_pb_button:hover, .gform_legacy_markup_wrapper .gform_footer input.button:hover, .chapter-list-chapter input.button:hover, .gform_wrapper.gravity-theme .gform_footer input.button:hover {
    color: #ffffff!important;
    background-color: #771630;
    padding: 6px 20px 4px!important;
}

.chapter-list-chapter input.button {
    zoom: 87%;
    margin-top: 0.25rem;
    margin-bottom: 0.5rem;
}

#wpsl-stores > ul > li { display: none; }
body #wpsl-stores > ul > li.wpsl-no-results-msg { display: list-item; }
body #wpsl-wrap #wpsl-result-list li.wpsl-no-results-msg { border-bottom: none; }
body #wpsl-stores { height: auto!important }

.map-marker-notice {margin-bottom: 1em;font-size: 85%;font-style: italic;font-weight: 700;line-height: 1.333em;}

ul#wpsl-checkbox-filter > li input::after {
    content: "";
    width: 15px;
    display: block;
    margin-left: 20px;
    background-size: contain;
    height: 1.25rem;
    bottom: 0.25rem;
    position: relative;
    background-repeat: no-repeat;
}
ul#wpsl-checkbox-filter > li:first-child input::after {
    background-image: url('/wp-content/uploads/2022/07/blue.png');
}
ul#wpsl-checkbox-filter > li:last-child input::after {
    background-image: url('/wp-content/uploads/2022/07/pink.png');
}

body ul#wpsl-checkbox-filter > li input {margin-right: 27px;}

@media only screen and (max-width : 730px) {
    body #wpsl-search-wrap form {
        flex-wrap: wrap;
    }
    #wpsl-wrap ul#wpsl-checkbox-filter {
        width: 100%;
        margin: 15px 0;
    }
    #wpsl-wrap ul#wpsl-checkbox-filter > li {
        width: 100%;
    }
}



/* = Forms
-------------------------------------------------------------- */

@media only screen and (max-width: 640px) {
    body .gform_wrapper.gravity-theme .gfield input.medium, body .gform_wrapper.gravity-theme .gfield select.medium {
        width: 100%;
    }
}

body #main-content .gform_wrapper ul.gform_fields {
    padding-left: 0;
}


/* = Modals
-------------------------------------------------------------- */
.micromodal {
  display: none;
}

.micromodal.is-open {
  display: block;
}

.micromodal__overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  background: rgba(0,0,0,0.65);
}

.micromodal__container {
  box-sizing: border-box;
  overflow-y: auto;
  max-width: 500px;
  max-height: 90vh;
  padding: 30px;
  background-color: #fff;
  border-radius: 4px;
}

.micromodal__header button {
    font-size: 1.5rem;
    font-weight: 600;
    padding-left: 1rem;
    padding-right: 1rem;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    background-color: #fff;
    color: rgba(0,0,0,0.4);
    border-style: none;
    cursor: pointer;
    position: absolute;
    top: 0px;
    right: 0px;
}
.micromodal__header button:hover {
    color: rgba(0,0,0,0.7);
}

h4.micromodal__title {
    padding-bottom: 0.25em;
}

.micromodal__content p {
    font-size: 0.875rem;
    line-height: 1.55rem;
}

.micromodal[aria-hidden="false"] .micromodal__overlay {
  animation: microModalFadeIn .2s cubic-bezier(0.0, 0.0, 0.2, 1);
}

.micromodal[aria-hidden="false"] .micromodal__container {
  animation: microModalSlideIn .2s cubic-bezier(0, 0, .2, 1);
}

.micromodal .micromodal__container,
.micromodal .micromodal__overlay {
  will-change: transform;
}

@keyframes microModalFadeIn {
    from { opacity: 0; }
      to { opacity: 1; }
}

@keyframes microModalSlideIn {
  from { transform: translateY(15%); }
    to { transform: translateY(0); }
}

@media only screen and (min-width : 320px) and (max-width : 540px) {
    
    .micromodal__container {
      width: 90% !important;
      min-width: 90% !important;
    }
    
    @supports (display: flex) {
    
        .micromodal__container {
            width: 90% !important;
            min-width: 90% !important;
        }
        
    }
  
}



/* = Blog
-------------------------------------------------------------- */

body .et_pb_bg_layout_light .et_pb_post .post-meta, body .et_pb_bg_layout_light .et_pb_post .post-meta a, body .et_pb_bg_layout_light .et_pb_post p {
    color: #222;
}

body .et_pb_post p.post-meta {
    margin: 0 0 1em;
}

body .wp-block-file .wp-block-file__button {
    background: #fff;
    font-size: 1em;
    color: #9d2235;
}