/*
 Theme Name:   Divi Child
 Template:     Divi
 Version:  1.5
*/

.et_pb_gallery_grid .et_pb_gallery_items { display: flex; justify-content: center; flex-wrap: wrap; }

body .et-pb-arrow-prev, 
body .et-pb-arrow-next { opacity: 1; color: #000; }
body .et-pb-arrow-prev { left: -10px; }
body .et-pb-arrow-next { right: -10px; }

body .hero-fh.et_pb_section { display: flex; justify-content: center; align-items: center; color: #000; }
body .hero-fh h1 { font-size: 56px; line-height: 60px; color: #000; letter-spacing: 1px; font-weight: 600; }
body .hero-fh p { font-size: 21px; line-height: 1.363157894736842em; font-weight: 400; }
body .hero-fh a { display: inline-block; width: auto; height: 39px; line-height: 36px; padding: 0 23px; white-space: nowrap; text-transform: uppercase; letter-spacing: 1px; border: 2px solid #303030; background-color: #303030; color: #fff; border-radius: 4px; font-size: 13px; font-weight: 700; vertical-align: middle; transition: all .3s; }
body .hero-fh a ~ a { margin-left: 10px; background-color: transparent; color: #303030; }

body .hero-fh a:hover { background-color: transparent; color: #303030; }
body .hero-fh a ~ a:hover { background-color: #303030; color: #fff; }

/* Single Post Byline */
body.blog #left-area .post-meta,
body.single #left-area .post-meta { display: none; }

body .container { max-width: 1526px; }

/*  Fix Cookies  */
html body[class] { margin-top: 0 !important; }

/*  Fix Overflow  */

body div.et_pb_section.et_section_regular:nth-child(2) .et_pb_row.et_pb_row_0:first-child {
    margin: 5px auto 0 !important;
}

body div.et_pb_section.et_section_regular:nth-child(2) .et_pb_row.et_pb_row_0:first-child .et-last-child .et_pb_bg_layout_light {
    margin-left: 0 !important; 
    width: 100%; 
    display: block; 
    text-align: center; 
    max-width: 100%; 
}
body div.et_pb_section.et_section_regular:nth-child(2) .et_pb_row.et_pb_row_0:first-child .et-last-child .et_pb_bg_layout_light .et_pb_text_inner {
    width: 100%; 
    display: block; 
    text-align: center; 
}

body .divider-span {
    display: block; 
    width: 100%; 
    height: 1px; 
    padding-bottom: 5px; 
    margin-bottom: 30px;
    border-bottom: 1px solid #666; 
}

#content-area #sidebar .widget_block:first-child {
    margin-bottom: 0;
}

/*  Nav  */
body.et-db #et-boc .et-l .et_pb_menu_1_tb_header.et_pb_menu .et-menu-nav .sub-menu li a {
    padding: 6px 14px !important;
}


body.single-crb_staff.et_pb_gutter.et_pb_gutters2.et_right_sidebar #main-content .container:before {
    display: none !important;
}


/* ------------------------------------------------------------ *\
    Fix Blog/Webinars
\* ------------------------------------------------------------ */

.et-l--post .et_pb_blog_grid {}
.et-l--post .et_pb_blog_grid .et_pb_salvattore_content[data-columns="1"] {}
.et-l--post .et_pb_blog_grid .et_pb_salvattore_content[data-columns="1"] > div { display: flex; align-items: stretch; flex-wrap: wrap; }
.et-l--post .et_pb_blog_grid .et_pb_salvattore_content[data-columns="1"] > div > .et_pb_post { flex-shrink: 0; width: 31.333%; margin-right: 3%; opacity: 1; }
.et-l--post .et_pb_blog_grid .et_pb_salvattore_content[data-columns="1"] > div > .et_pb_post:nth-child(3n) { margin-right: 0; }


/* NEW CSS */
.popup {
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.4);
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    text-align: center;
    z-index: 9999;
}
.popup .popup__content {
    width: 80%;
    max-width: 740px;
    height: auto;
    /* overflow: auto; */
    /* padding: 50px; */
    background: white;
    color: black;
    position: relative;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    box-sizing: border-box;
    display: flex;
    border-radius: 5px;
    max-height: 90%;
}
.popup .popup__content .close {
    position: absolute;
    right: -10px;
    top: -10px;
    width: 30px;
    height: 30px;
    background: #fff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.34);
}
.popup .popup__content .close span {
    cursor: pointer;
    position: absolute;
    width: 14px;
    height: 4px;
    background: #666;
}
.popup .popup__content .close span:nth-child(1) {
    transform: rotate(45deg);
}
.popup .popup__content .close span:nth-child(2) {
    transform: rotate(135deg);
}
button {
    background: #099ccc;
    color: white;
    margin: 30px;
    padding: 5px 30px;
    cursor: pointer;
    border: none;
}
.legal-consent-container {
    display: none;
}
.popup .popup__content .et_bloom_header_outer {
    width: 66%;
    display: flex;
    align-items: center;
    padding: 0 15px;
}
.popup .popup__content .close:before {
    display: none;
}
.popup .popup__content .et_bloom_form_text h3 {
    font-size: 16px;
    padding: 0;
    margin: 10px 0 0;
    font-family: 'Open Sans';
    line-height: 25px;
}
.popup .popup__content .et_bloom_form_text img {
    margin: 10px 0 0;
}
.popup .popup__content .et_bloom_form_text p {font-family: 'Open Sans';font-weight: 600;}
.popup .popup__content .et_bloom_form_content {
    width: 34%;
    /* display: flex; */
    /* flex-direction: column; */
    background-color: #4abfee !important;
    padding: 40px 30px;
}
.innerNewClass{
    display:flex;
    overflow: auto;
}
.page-id-5352 a#ATF_popupUS {
    display: none;
}
.csImg span.et_pb_image_wrap, .csImg span.et_pb_image_wrap img {
    width: 100% !important; 
}
@media screen and (max-width: 1140px) {
    .et-l--post .et_pb_blog_grid .et_pb_salvattore_content[data-columns="1"] > div { justify-content: space-between; }
    .et-l--post .et_pb_blog_grid .et_pb_salvattore_content[data-columns="1"] > div > .et_pb_post { width: 47%; }
}

@media screen and (max-width: 768px) {
    .et-l--post .et_pb_blog_grid .et_pb_salvattore_content[data-columns="1"] > div > .et_pb_post { width: 100%; }
    .popup .popup__content .et_bloom_header_outer, .popup .popup__content .et_bloom_form_content {
        width: 100% !important;
    }
    .innerNewClass{
        flex-direction: column;
    }
}

/* ------------------------------------------------------------ *\
    Section Blog
\* ------------------------------------------------------------ */

.section-blog {}
.section-blog .shell { max-width: 1526px; }

.section-blog ul { display: flex; align-items: stretch; flex-wrap: wrap; }
.section-blog ul li { flex-shrink: 0; width: 31.333%; margin-right: 3%; opacity: 1; margin-bottom: 38px; }
.section-blog ul li:nth-child(3n) { margin-right: 0; }

.section-blog li .et_pb_post { display: flex; flex-direction: column; border: 1px solid #D8D8D8; padding: 19px; background-color: #FFF; word-wrap: break-word; height: 100%; margin-bottom: 0; }
.section-blog li .et_pb_image_container { margin: -19px -19px 26px; }
.section-blog li .entry-featured-image-url { position: relative; width: 100%; height: 0; padding-bottom: 62.42%; overflow: hidden; }
.section-blog li .entry-featured-image-url img { position: absolute; top: 0; left: 0; right: 0; bottom: 0; object-fit: cover; width: 100%; height: 100%; }

.section-blog .et_pb_row ul li.article--crb_staff { width: 24%; margin-right: 1.33%; }
.section-blog .et_pb_row ul li.article--crb_staff:nth-child(3n) { margin-right: 1.33%; }
.section-blog .et_pb_row ul li.article--crb_staff:nth-child(4n) { margin-right: 0; }
.section-blog .et_pb_row ul li.article--crb_staff .entry-featured-image-url { margin-bottom: 0; padding-bottom: 90%; }

@media screen and (max-width: 1140px) {
    .section-blog ul { justify-content: space-between; }

    .section-blog .et_pb_row ul li.article--crb_staff,
    .section-blog ul li { width: 47%; }
}

@media screen and (max-width: 767px) {
    .section-blog .shell.et_pb_row { width: calc(100% - 30px); }

    .section-blog .et_pb_row ul li.article--crb_staff,
    .section-blog ul li { width: 100%; }
}

/* ------------------------------------------------------------ *\
    Section Intro
\* ------------------------------------------------------------ */

.section-intro { background-image: linear-gradient(90deg,#ffffff 0%,#0c71c3 100%); padding: 6vw 0; }
.section-intro .shell { max-width: 1526px; }
.section-intro h1 { font-family: 'Playfair Display',Georgia,"Times New Roman",serif; font-weight: 700; font-size: 70px; line-height: 1.5em; }

@media screen and (max-width: 1024px) {
    .section-intro h1 { font-size: 40px; }
}

/* ------------------------------------------------------------ *\
    Animations
\* ------------------------------------------------------------ */

.js-animation { opacity: 0; transform: scale(.5); transition: opacity .6s, transform .6s; }
.js-animation.animate { opacity: 1; transform: scale(1); }