/* general */
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display&display=swap');
#main article .entry-content {
    padding-top: 50px;
    padding-bottom: 30px;
}
#main article .entry-content h1 {
    font-family: "Playfair Display";
    font-weight: bold;
    font-size: 80px;
    line-height: 120px;
}
#main article .entry-content h2 {
    font-family: "Playfair Display";
    font-weight: bold;
    font-size: 64px;
    line-height: 96px;
}
#main article .entry-content h3 {
    /* font-family: "Playfair Display"; */
    font-weight: bold;
    font-size: 36px;
    line-height: 54px;
    text-transform: none;
}
#main article .entry-content h4 {
    font-weight: bold;
    font-size: 36px;
    line-height: 54px;
}
#main article .entry-content h5 {
    font-weight: bold;
    font-size: 21px;
    line-height: 30px;
}
#main article .entry-content h6 {
    font-weight: bold;
    font-size: 18px;
    line-height: 27px;
}
#main article .entry-content p {
    font-size: 16px;
    line-height: 24px;
}
#main article .entry-content a {
    font-size: 16px;
    line-height: 24px;
}

.section-header-bold .textwidget h1, 
.section-header-bold .textwidget h2, 
.section-header-bold .textwidget h3, 
.section-header-bold .textwidget h4, 
.section-header-bold .textwidget h5, 
.section-header-bold .textwidget h6 {
    margin: 0px;
    font-size: 21px;
    font-weight: bold;
    line-height: 30px;
}
.section-header-bold .textwidget p {
    margin: 0px;
    font-size: 21px;
    font-weight: bold;
    line-height: 30px;
}
.theory-components {
    /* margin-bottom: 90px; */
    margin-bottom: 30px;
}
.theory-components .textwidget h1, 
.theory-components .textwidget h2, 
.theory-components .textwidget h3, 
.theory-components .textwidget h4, 
.theory-components .textwidget h5, 
.theory-components .textwidget h6 {
    margin: 0px;
    font-size: 16px;
    font-weight: bold;
    line-height: 24px;
}
.theory-components .textwidget p {
    margin: 0px;
    font-size: 16px;
    font-weight: lighter;
    line-height: 24px;
    max-width: 340px;
    margin-left: auto;
    margin-right: auto;
}
.theory-components .textwidget p img {
    /* margin-bottom: 50px; */
    margin-bottom: 20px;
    max-width: 100px;
    width: 100%;
}

/* section margin top from 10 to 100 px */
.section-margin-top-10 {
    margin-top: 10px;
}
.section-margin-top-20 {
    margin-top: 20px;
}
.section-margin-top-30 {
    margin-top: 30px;
}
.section-margin-top-40 {
    margin-top: 40px;
}
.section-margin-top-50 {
    margin-top: 50px;
}
.section-margin-top-60 {
    margin-top: 60px;
}
.section-margin-top-70 {
    margin-top: 70px;
}
.section-margin-top-80 {
    margin-top: 80px;
}
.section-margin-top-90 {
    margin-top: 90px;
}
.section-margin-top-100 {
    margin-top: 100px;
}

/* section margin bottom from 10 to 100 px */
.section-margin-bottom-10 {
    margin-bottom: 10px;
}
.section-margin-bottom-20 {
    margin-bottom: 20px;
}
.section-margin-bottom-30 {
    margin-bottom: 30px;
}
.section-margin-bottom-40 {
    margin-bottom: 40px;
}
.section-margin-bottom-50 {
    margin-bottom: 50px;
}
.section-margin-bottom-60 {
    margin-bottom: 60px;
}
.section-margin-bottom-70 {
    margin-bottom: 70px;
}
.section-margin-bottom-80 {
    margin-bottom: 80px;
}
.section-margin-bottom-90 {
    margin-bottom: 90px;
}
.section-margin-bottom-100 {
    margin-bottom: 100px;
}

/* background grey color */
.background-grey {
    background-color: #f2f2f2;
}
.page-who:nth-child(even) {
    background-color: #f2f2f2 !important;
}

#site-wrapper {
    padding-top: 85px;
}
#site-wrapper #masthead #site-header-main #branding a#logo > img {
    max-height: 80%;
}
#site-wrapper #breadcrumbs-container {
    border-bottom-color: #ffffff;
    background-color: #ffffff;
}
body:not(.home) #masthead #header-image-main .header-image-overlay {
    position: absolute;
    bottom: 0;
    left: 0;
    height: 50%;
    width: 100%;
    background-image: linear-gradient(to top, rgba(0, 0, 0, .7), transparent);
}
#masthead #header-image-main .container {
    position: absolute;
    display: block;
    height: 100%;
    bottom: 0;
    max-width: 1320px;
    left: 50%;
    transform: translateX(-50%);
}
body:not(.home) #masthead #header-image-main .header-wrapper {
    position: absolute;
    bottom: 20px;
    /* left: 30px; */
    color: #ffffff;
}
body.home #masthead #header-image-main {
    max-height: 640px;
}
body.home #masthead #header-image-main #header-image-main-inside {
    background-image: url("./images/backdrop_photo.jpg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
body:not(.home) #masthead #header-image-main #header-image-main-inside {
    min-height: 300px;
}
/* body:not(.home) #masthead #header-image-main #header-image-main-inside .header-image {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: auto;
    max-width: 200%;
    max-height: 300px;
    min-width: none;©
    min-height: none;
} */
#masthead #header-image-main #header-image-main-inside .wp-custom-header {
    background-color: #18696b;
}
#masthead #header-image-main .header-title {
    font-family: "Playfair Display";
    font-size: 80px;
    font-weight: bold;
    line-height: 120px;
    position: initial;
    margin-bottom: 8px;
}
#masthead #header-image-main .header-subheading {
    font-size: 21px;
    font-weight: lighter;
    line-height: 30px;
}
#masthead #header-image-main .strapline .large-strapline {
    font-family: "Playfair Display";
    font-size: 64px;
    font-weight: bold;
    line-height: 96px;
}
#content #main .entry-content .so-widget-ink-blog .iw-so-blog-container .iw-so-article-title {
    font-size: 21px;
    font-family: 'Open Sans';
    line-height: 30px;
    color: #488083;
}

@media (max-width: 899px) {
    #masthead #header-image-main #header-image-main-inside .wp-custom-header {
        opacity: 0.7;
    }    
}
@media (max-width: 780px) {
    .mobile-2-reordering .panel-grid-cell:first-of-type {
        order: 2;
    }
    .mobile-2-reordering .panel-grid-cell:nth-of-type(2) {
        order: 1;
    }
    
    .section-header-bold .textwidget h1, 
    .section-header-bold .textwidget h2, 
    .section-header-bold .textwidget h3, 
    .section-header-bold .textwidget h4, 
    .section-header-bold .textwidget h5, 
    .section-header-bold .textwidget h6 {
        font-size: 17px;
        line-height: 23px;
    }
    .section-header-bold .textwidget p {
        font-size: 17px;
        line-height: 23px;
    }
    .theory-components {
        margin-bottom: 10px;
        padding: 0px 25px;
    }
    .theory-components .textwidget h1, 
    .theory-components .textwidget h2, 
    .theory-components .textwidget h3, 
    .theory-components .textwidget h4, 
    .theory-components .textwidget h5, 
    .theory-components .textwidget h6 {
        font-size: 14px;
        line-height: 19px;
    }
    .theory-components .textwidget p {
        font-size: 14px;
        line-height: 19px;
    }
    .theory-components .textwidget p img {
        margin-bottom: 10px;
        max-width: 50%;
    }

    #masthead #header-image-main #header-image-main-inside {
        height: 250px;
        min-height: unset !important;
    }
    body:not(.post-news) #masthead #header-image-main #header-image-main-inside img.header-image {
        width: auto;
        height: 250px;
        margin: 0px;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }
    #masthead #header-image-main .header-wrapper {
        left: 30px;
    }
    #masthead #header-image-main .header-title {
        font-size: 24px;
        line-height: 36px;
        margin-bottom: 4px;
    }
    #masthead #header-image-main .header-subheading {
        font-size: 13px;
        line-height: 21px;
    }
    #masthead #header-image-main .strapline .large-strapline {
        font-size: 24px;
        line-height: 36px;
    }    
    #masthead #header-image-main .strapline .small-strapline {
        font-size: 13px;
        line-height: 21px;
    }    
}
@media (max-width: 1000px) {
    #masthead #header-image-main .header-wrapper {
        left: 30px;
    }
}
@media (min-width: 1001px) {
    #site-wrapper {
        padding-top: 95px;
    }
    #site-wrapper #masthead #site-header-main {
        height: 95px;
    }
    #site-wrapper #masthead #site-header-main #branding {
        height: 95px;
    }
    .menu-search-animated, #sheader, .identity, #nav-toggle {
        height: 95px;
        line-height: 95px;
    }
    #site-wrapper #masthead #site-header-main #access div > ul > li > a {
        line-height: 95px;
    }    
}
@media (max-width: 1152px) {
    :not(.home) #masthead .header-image {
        margin-top: 0px !important;
    }
    body.post-news #masthead #header-image-main #header-image-main-inside img.header-image {
        margin-left: 0px;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

}
/* end general */

/* what we do common element */
.what-we-do-header {
    padding: 0px 15px;
}
.what-we-do-header .textwidget h1, 
.what-we-do-header .textwidget h2, 
.what-we-do-header .textwidget h3, 
.what-we-do-header .textwidget h4, 
.what-we-do-header .textwidget h5, 
.what-we-do-header .textwidget h6, 
.what-we-do-header .textwidget p {
    margin: 0px;
    font-size: 36px !important;
    font-weight: bold !important;
    line-height: 54px !important;
    margin-top: 30px;
    text-transform: none;
    font-family: "Open Sans" !important;
}
.what-we-do-sub-header {
    padding: 0px 15px;
    margin-top: 80px;
}
.what-we-do-sub-header .textwidget h1, 
.what-we-do-sub-header .textwidget h2, 
.what-we-do-sub-header .textwidget h3, 
.what-we-do-sub-header .textwidget h4, 
.what-we-do-sub-header .textwidget h5, 
.what-we-do-sub-header .textwidget h6 {
    margin: 0px;
    /* margin-bottom: 20px; */
    font-size: 21px;
    font-weight: lighter !important;
    line-height: 30px;
    text-transform: none;
}
.what-we-do-content-section {
    padding: 0px 15px;
    margin-bottom: 30px;
}
.what-we-do-content-section .textwidget h1, 
.what-we-do-content-section .textwidget h2, 
.what-we-do-content-section .textwidget h3, 
.what-we-do-content-section .textwidget h4, 
.what-we-do-content-section .textwidget h5, 
.what-we-do-content-section .textwidget h6 {
    margin: 0px;
    margin-bottom: 20px;
    font-size: 21px;
    font-weight: lighter !important;
    line-height: 30px;
    text-transform: capitalize;
}
.what-we-do-content-section .textwidget p {
    font-size: 16px;
    font-weight: lighter;
    line-height: 24px;
    margin: 0px;
}
.what-we-do-content-section .textwidget p a {
    font-weight: bold;
}
@media (max-width: 780px) {
    .what-we-do-header {
        padding: 0px 25px;
    }
    .what-we-do-header .textwidget h1, 
    .what-we-do-header .textwidget h2, 
    .what-we-do-header .textwidget h3, 
    .what-we-do-header .textwidget h4, 
    .what-we-do-header .textwidget h5, 
    .what-we-do-header .textwidget h6, 
    .what-we-do-header .textwidget p {
        font-size: 17px;
        line-height: 23px;
    }
    .what-we-do-sub-header {
        padding: 0px 25px;
        margin-bottom: 10px;
    }
    .what-we-do-sub-header .textwidget h1, 
    .what-we-do-sub-header .textwidget h2, 
    .what-we-do-sub-header .textwidget h3, 
    .what-we-do-sub-header .textwidget h4, 
    .what-we-do-sub-header .textwidget h5, 
    .what-we-do-sub-header .textwidget h6 {
        font-size: 14px;
        line-height: 19px;
        margin-bottom: 0px;
    }
    .what-we-do-content-section {
        padding: 25px;
        margin-bottom: 0px;
    }
    .what-we-do-content-section .textwidget h1, 
    .what-we-do-content-section .textwidget h2, 
    .what-we-do-content-section .textwidget h3, 
    .what-we-do-content-section .textwidget h4, 
    .what-we-do-content-section .textwidget h5, 
    .what-we-do-content-section .textwidget h6 {
        font-size: 14px;
        line-height: 19px;
        margin-bottom: 10px;
    }
    .what-we-do-content-section .textwidget p {
        font-size: 14px;
        line-height: 19px;
    }

    /* mobile panel style */
    .panel-has-style>.mobile-component-panel-style.panel-row-style {
        font-size: 0px;
        display: block;
        padding: 0px 25px;
        max-width: 540px;
        margin: 0px auto;
    }
    .mobile-component-panel-style.panel-row-style .so-panel.widget {
        display: inline-block;
        vertical-align: top;
        width: 100%;
    }
    .mobile-component-panel-style .theory-components .textwidget p img {
        width: 50px;
    }
    /* end mobile panel style */
}
/* end what we do common element */

/* current thoughts */
.current-thoughts-content-section {
    padding: 0px 15px;
    margin-bottom: 30px;
}
.current-thoughts-content-section .textwidget h1, 
.current-thoughts-content-section .textwidget h2, 
.current-thoughts-content-section .textwidget h3, 
.current-thoughts-content-section .textwidget h4, 
.current-thoughts-content-section .textwidget h5, 
.current-thoughts-content-section .textwidget h6 {
    margin: 0px;
    margin-bottom: 20px;
    font-size: 20px;
    font-weight: lighter;
    line-height: unset;
}
.current-thoughts-content-section .textwidget p {
    font-size: 20px;
    font-weight: lighter;
    line-height: unset;
    margin: 0px;
}
.current-thoughts-content-section .textwidget p a {
    font-weight: bold;
}
@media (max-width: 780px) {
    .current-thoughts-content-section {
        padding: 25px;
        margin-bottom: 0px;
    }
    .current-thoughts-content-section .textwidget h1, 
    .current-thoughts-content-section .textwidget h2, 
    .current-thoughts-content-section .textwidget h3, 
    .current-thoughts-content-section .textwidget h4, 
    .current-thoughts-content-section .textwidget h5, 
    .current-thoughts-content-section .textwidget h6 {
        font-size: 18px;
        line-height: unset;
        margin-bottom: 10px;
    }
    .current-thoughts-content-section .textwidget p {
        font-size: 18px;
        line-height: unset;
    }

}
/* end current thoughts */

/* hksel page */
.hksel-components-more.what-we-do-content-section {
    text-align: center;
    margin-bottom: 60px;
}
.hksel-components-more.what-we-do-content-section .textwidget p {
    /* margin-bottom: 50px; */
}
.hksel-theory-header.what-we-do-sub-header .textwidget h4 {
    /* margin-bottom: 60px; */
}

.hksel-mobile-component .panel-grid-cell .widget.widget_sow-editor {
    min-height: 250px;
}
@media (max-width: 900px) {
    .hksel-mobile-component .panel-grid-cell .widget.widget_sow-editor {
        min-height: 300px;
    }
}

@media (max-width: 780px) {
    .hksel-mobile-component .panel-grid-cell .widget.widget_sow-editor {
        min-height: unset;
    }
    .panel-grid.panel-has-style>.hksel-components-mobile-section.panel-row-style {
        padding: 0px 25px;
        /* max-width: 375px; */
        max-width: 540px;
        margin-left: auto;
        margin-right: auto;
        font-size: 0;
        display: block;
    }
    .hksel-components-mobile-section .panel-grid-cell {
        width: 50% !important;
        display: inline-block;
        vertical-align: top;
    }
    .hksel-components-mobile-section .theory-components {
        padding: 0px 25px;
    }
    .hksel-components-mobile-section .theory-components p img {
        max-width: 50px;
    }
    .hksel-components-more.what-we-do-content-section .textwidget p {
        margin-bottom: 10px;
    }
    .hksel-theory-header.what-we-do-sub-header .textwidget h4 {
        margin-bottom: 10px;
    }

    /* mobile panel style */
    .mobile-component-panel-style.hksel-mobile-component.panel-row-style .so-panel.widget {
        display: inline-block;
        vertical-align: top;
        width: 50%;
    }
    /* end mobile panel style */
}

/* end hksel page */

/* China ecde page */
.china-ecde-theory-row {
    /* margin-top: 90px; */
}
@media (max-width: 1200px) {
    /* Only for Chine ecde page */
    body.page-china-early-childhood-development-and-education #masthead #header-image-main #header-image-main-inside img.header-image {
        /* left: 0%;
        transform: translate(0%, -50%); */
        margin-left: 0px;
    }
    /* end Only for Chine ecde page */
}
@media (max-width: 780px) {
    /* Only for Chine ecde page */
    body.page-china-early-childhood-development-and-education #masthead #header-image-main #header-image-main-inside img.header-image {
        left: 0%;
        transform: translate(0%, -50%);
    }
    /* end Only for Chine ecde page */

    .china-ecde-theory-row {
        margin-top: 0px;
    }
}

/* end China ecde page */

/* strategy page */
.strategy-content {
    margin-bottom: 60px;
}
.strategy-section-title {
    margin-bottom: 60px;
}

@media (max-width: 780px) {
    .strategy-content {
        margin-bottom: 0px;
    }
    .strategy-section-title {
        margin-bottom: 10px;
    }
    .strategy-theory-row {
        margin-top: 0px;
    }
}
/* end strategy page */

/* partner page */
.partner-components {
    width: 100%;
    font-size: 0px;
    margin-bottom: 60px;
    text-align: center;
}
.partner {
    width: calc( 100% / 3);
    display: inline-block;
    vertical-align: middle;
    padding: 15px;
}
.program-partner.partner-components .partner {
    width: 20%;
    display: inline-block;
    vertical-align: middle;
    padding: 15px;
}

@media (max-width: 780px) {
    .partner {
        width: 100%;
    }
    .partner-components .partner .partner-image-area img {
        max-width: 170px;
    }
    .program-partner.partner-components .partner {
        width: calc( 100% / 3);
    }
    .program-partner.partner-components .partner .partner-image-area img {
        max-width: 100%;
    }
}
/* end partner page */

/* program section */
.mobile-program-expansion-button-row {
    display: none !important;
}
.mobile-program-expansion-button {
    padding: 15px 26px;
}
.mobile-program-expansion-button .textwidget h1, 
.mobile-program-expansion-button .textwidget h2, 
.mobile-program-expansion-button .textwidget h3, 
.mobile-program-expansion-button .textwidget h4, 
.mobile-program-expansion-button .textwidget h5, 
.mobile-program-expansion-button .textwidget h6, 
.mobile-program-expansion-button .textwidget p {
    font-size: 17px;
    font-weight: bold;
    line-height: 23px;
    color: #488083;
    margin: 0px;
}
.mobile-program-expansion-button .textwidget *::after {
    content: "";
    display: inline-block;
    width: 10px;
    height: 10px;
    border-top: 3px solid #488083;
    border-right: 3px solid #488083;
    transform: rotate(45deg);
    margin-left: 10px;
}
.mobile-program-expansion-button.mobile-expanded .textwidget *::after {
    transform: rotate(135deg);
}
.program-row {
    background-color: #f2f2f2;
    /* margin-top: 70px; */
}
.widget .hksel-program-section .widget-title {
    display: none;
}
.widget .china-program-section .widget-title {
    display: none;
}
.program-section {
    padding: 80px 40px;
    font-size: 0px;
}
.program-section.mobile-collapsed {
    height: 100%;
}
.program-section.mobile-expanded {
    height: 100%;
}
.program-section .program-section-header {
    font-size: 21px;
    font-weight: bold;
    line-height: 30px;
    text-align: center;
    margin-top: 0px;
    margin-bottom: 80px;
    text-transform: none;
    font-family: "Open Sans" !important;
}
.program-section .program-list {
    list-style: none;
    display: flex;
    align-items: stretch;
    flex-wrap: wrap;
    justify-content: center;
}
.program-section .program {
    display: inline-block;
    vertical-align: top;
    width: 50%;
    margin-bottom: 60px;
}
.program-section .program .container {
    display: block;
    width: 100%;
    max-width: 390px;
    margin-left: auto;
    margin-right: auto;
    /* padding-left: 15px;
    padding-right: 15px; */
    background-color: #ffffff;
    height: 100%;
}
.program-section .container .program-top {
    /* margin-bottom: 20px; */
}
.program-section .container .program-top .program-image-area {
    text-align: center;
    /* width: 280px; */
    width: 100%;
    height: 260px;
    overflow: hidden;
    /* margin-left: auto;
    margin-right: auto; */
    margin-bottom: 30px;
    /* border-radius: 50%; */
    position: relative;
    background-color: #fff;
}
.program-section .container .program-top .program-image-area img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
}
.program-section .container .program-top .program-header-area {
    font-size: 16px;
    font-weight: bold;
    line-height: 24px;
    margin: 0px;
    margin-bottom: 8px;
    color: #488083;
    text-align: center;
}
.program-section .container .program-content-area {
    font-size: 16px;
    font-weight: lighter;
    line-height: 24px;
    text-align: center;
    padding: 0px 20px 30px;
}
.program-section .container .program-content-area *:last-child {
    margin-bottom: 0px;
}

@media (max-width: 780px) {
    .mobile-program-expansion-button-row {
        display: block !important;
    }
    .program-section.mobile-collapsed {
        height: 0;
        overflow: hidden;
        padding: 0px;
    }
    .program-section.mobile-expanded {
        height: 100%;
    }
    .program-section {
        padding-top: 0px;
    }
    .program-section .program-section-header {
        /* display: none; */
        margin-bottom: 30px;
    }
    .program-section .program {
        display: block;
        width: 100%;
        margin-bottom: 30px;
    }
    .program-section .container .program-top {
        margin-bottom: 10px;
    }
    .program-section .program .container .program-top .program-image-area {
        /* width: 125px; */
        height: 200px;
    }
    .program-section .container .program-top .program-header-area {
        font-size: 17px;
        line-height: 23px;
    }
    .program-section .container .program-content-area {
        font-size: 14px;
        line-height: 19px;
    }
}
/* end program section */

/* modal css */
body.js-is-active {
    height: 100%;
    overflow: hidden;
    margin: 0;
    padding: 0;
}
#modal .modal-wrap {
    position: fixed;
    z-index: 10;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.7);
    text-align: center;
    z-index: 1000;
}
#modal .modal-wrap::before {
    content: '';
    height: 100%;
    display: inline-block;
    vertical-align: middle;
}
#modal .modal-wrap .modal-inner {
    position: relative;
    display: inline-block;
    max-width: 800px;
    width: 80%;
    height: 400px;
    padding: 30px;
    background-color: rgba(255,255,255,1);
    box-shadow: 8px 8px 20px rgba(0,0,0,.2);
    border-radius: 28px;
    vertical-align: middle;
    text-align: left;
    box-sizing: border-box;

    height: 80vh;
}
#modal .modal-wrap .modal-inner .modal-head {
    position: relative;
    height: 40px;
}
#modal .modal-wrap .modal-inner .modal-head .btn-close {
    position: absolute;
    top: 0;
    right: 0;
    padding: 0;
    background-color: unset;
    color: #333;
    font-size: 0px;
    width: 30px;
    height: 30px;
    cursor: pointer;
    font-size: 50px;
    line-height: 40px;
    /* margin-right: -60px; */
}
#modal .modal-wrap .modal-inner .modal-head .btn-close span {
    display: block;
    width: 100%;
    height: 5px;
    background-color: #333;
    border-radius: 5px;
}
#modal .modal-wrap .modal-inner .modal-head .btn-close span:first-of-type {
    transform: rotate(-45deg) translate(-2px, 2px);
}
#modal .modal-wrap .modal-inner .modal-head .btn-close span:last-of-type {
    transform: rotate(45deg) translate(-1px, -2px);
}
#modal .modal-wrap .modal-inner .modal-body {
    overflow: auto;
    /* height: calc(400px - 40px - 80px); */
    height: 90%;
    padding: 0px 60px;
}
#modal .modal-wrap .modal-inner .modal-body h1, 
#modal .modal-wrap .modal-inner .modal-body h2, 
#modal .modal-wrap .modal-inner .modal-body h3, 
#modal .modal-wrap .modal-inner .modal-body h4, 
#modal .modal-wrap .modal-inner .modal-body h5, 
#modal .modal-wrap .modal-inner .modal-body h6 {
    font-size: 21px;
    font-weight: lighter;
    line-height: 36px;
    color: #488083;
    margin: 20px 0px;
}
#modal .modal-wrap .modal-inner .modal-body p {
    font-size: 16px;
    font-weight: lighter;
    line-height: 21px;
    margin-bottom: 16px;
}
#modal .modal-wrap .modal-inner .modal-body p img {
    max-width: 230px;
}
#modal .modal-wrap .modal-inner .modal-body .widget_sow-video {
    margin-top: 50px;
}
#modal .modal-wrap .modal-inner .modal-body .program-popup-video {
    margin-bottom: 70px;
}
#modal .modal-wrap .modal-inner .modal-body .program-popup-video .sow-video-wrapper {
    position: relative;
    padding-bottom: 56.25%;
    /* 16:9 */
    padding-top: 25px;
    height: 0;
}
#modal .modal-wrap .modal-inner .modal-body .program-popup-video .sow-video-wrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
#modal .modal-wrap .modal-inner .modal-body .program-popup-slider .so-widget-sow-slider {
    width: 100%;
}
#modal .modal-wrap .modal-inner .modal-body .program-popup-slider .so-widget-sow-slider .sow-slider-base .sow-slider-pagination {
    padding-right: 0px;
    text-align: center;
}
/* #modal .modal-wrap .modal-inner .modal-head .btn-close::before {
    content: "\00D7";
    width: 40px;
    height: 40px;
    display: block;
    font-size: 50px;
    line-height: 40px;
} */

.size-normal {
    width: 80vw;
    height: 80vh;
}
.size-normal .modal-body {
    height: calc(80vh - 40px - 80px);
}
.size-vertical {
    width: 40vw;
    height: 80vh;
}
.size-vertical .modal-body {
    height: calc(80vh - 40px - 80px);
    height: 90%;
}
.size-horizontal {
    width: 90vw;
    height: 50vh;
}
.size-horizontal .modal-body {
    height: calc(50vh - 40px - 80px);
}

.js-modal {
    display: none;
}
.js-modal-open:hover {
    cursor: pointer;
}
.js-modal.js-is-active {
    display: block;
}

@media (max-width: 780px) {
    #modal .modal-wrap .modal-inner {
        width: 90%;
        height: 90vh;
        padding: 20px;
    }
    #modal .modal-wrap .modal-inner .modal-head {
        height: 30px;
    }
    #modal .modal-wrap .modal-inner .modal-head .btn-close {
        width: 15px;
        height: 15px;
    }
    #modal .modal-wrap .modal-inner .modal-head .btn-close span {
        height: 3px;
        border-radius: 0px;
    }
    #modal .modal-wrap .modal-inner .modal-head .btn-close span:first-of-type {
        transform: rotate(-45deg) translate(0px, 1px);
    }
    #modal .modal-wrap .modal-inner .modal-body {
        padding: 0px;
    }
    #modal .modal-wrap .modal-inner .modal-body .textwidget p img {
        max-width: 120px;
    }
    #modal .modal-wrap .modal-inner .modal-body .textwidget h1, 
    #modal .modal-wrap .modal-inner .modal-body .textwidget h2, 
    #modal .modal-wrap .modal-inner .modal-body .textwidget h3, 
    #modal .modal-wrap .modal-inner .modal-body .textwidget h4, 
    #modal .modal-wrap .modal-inner .modal-body .textwidget h5, 
    #modal .modal-wrap .modal-inner .modal-body .textwidget h6 {
        font-size: 17px;
        font-weight: lighter;
        line-height: 23px;
    }
    #modal .modal-wrap .modal-inner .modal-body .textwidget p {
        font-size: 14px;
        font-weight: lighter;
        line-height: 19px;
    }
    #modal .modal-wrap .modal-inner .modal-body .widget_sow-video {
        margin-top: 40px;
    }
    #modal .modal-wrap .modal-inner .modal-body .program-popup-video {
        margin-bottom: 20px;
    }
}
/* end modal css */

/* other program page */
.other-program {
    font-size: 0px;
    margin-bottom: 50px;
    background-color: #fff;

}
.other-program .other-program-img {
    width: 40%;
    display: inline-block;
    vertical-align: middle;
}
.other-program .other-program-img .other-program-image-area {
    /* max-width: 280px;
    max-height: 280px; */
    /* padding-top: 100%; */
    /* border-radius: 50%;
    background-color: #fff; */
    position: relative;
    /* overflow: hidden; */
    height: 100%;
}
.other-program .other-program-img .other-program-image-area img {
    width: 100%;
    position: relative;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding: 30px;
}
.other-program .other-program-content-area {
    width: 60%;
    display: inline-block;
    vertical-align: middle;
    /* padding-left: 80px; */
    padding: 40px;
}
.other-program .other-program-content-area .textwidget h1, 
.other-program .other-program-content-area .textwidget h2, 
.other-program .other-program-content-area .textwidget h3, 
.other-program .other-program-content-area .textwidget h4, 
.other-program .other-program-content-area .textwidget h5, 
.other-program .other-program-content-area .textwidget h6 {
    font-size: 26px !important;
    font-weight: lighter !important;
    line-height: 36px !important;
    margin-bottom: 20px;
    color: #488083;
    text-transform: none;
    margin: 0;
    margin-bottom: 15px;
}
.other-program .other-program-content-area .textwidget p {
    font-size: 26px;
    font-weight: lighter;
    line-height: 36px;
    margin-bottom: 30px;
}

@media (max-width: 1320px) {
    .other-program .other-program-img {
        width: 40%;
    }
    .other-program .other-program-img .other-program-image-area img {
        position: initial;
        transform: initial;
        padding: 20px;
    }
}
@media (max-width: 780px) {
    .other-program {
        margin-bottom: 25px;
    }
    .other-program .other-program-img {
        /* width: 35%; */
        width: 100%;
        display: block;
        margin-left: auto;
        margin-right: auto;
    }
    .other-program .other-program-img .other-program-image-area img {
        /* padding: 20%; */
        position: initial;
        transform: initial;
        padding: 20px;
    }
    .other-program .other-program-content-area {
        width: 100%;
        display: block;
        padding-left: 0px;
        padding: 0px 25px;
    }
    .other-program .other-program-content-area .textwidget h1, 
    .other-program .other-program-content-area .textwidget h2, 
    .other-program .other-program-content-area .textwidget h3, 
    .other-program .other-program-content-area .textwidget h4, 
    .other-program .other-program-content-area .textwidget h5, 
    .other-program .other-program-content-area .textwidget h6 {
        font-size: 17px;
        line-height: 23px;
        margin-top: 15px;
        margin-bottom: 15px;
    }
    .other-program .other-program-content-area .textwidget p {
        font-size: 14px;
        line-height: 19px;
    }
}
/* end other program page */

/* homepage video banner */
@media (max-width: 1152px) {
    .home header #header-image-main #header-image-main-inside .wp-custom-header {
        height: unset;
        padding-bottom: 56.25%;
        /* 16:9 */
        padding-top: 25px;
    }
}
/* end homepage video banner */

/* Header CSS */
.cryout #nav-toggle {
    color: #707070;
}
@media (max-width: 1000px) {
    .menu-main-search a {
        color: #ffffff;
    }
    .cryout #nav-toggle {
        display: block;
    }
    #masthead.cryout #access {
        display: none;
    }
}
/* End Header CSS */

/* Footer CSS */
#content #colophon {
    border-top: 0px;
    background-image: unset;
}
#colophon #colophon-inside {
    padding-top: 60px;
}
#colophon #colophon-inside .widget_sow-editor .footer-widget-inside {
    min-width: 300px;
    text-align: left;
    margin: 0px;
}
#colophon #colophon-inside #media_image-3 .footer-widget-inside img {
    bottom: unset;
    top: 0%;
}
footer#footer {
    background-image: unset;
    padding-top: 40px;
}
footer#footer #footer-inside {
    padding-bottom: 60px;
}
footer#footer #footer-inside #footer-separator {
    display: none;
}
@media (max-width: 780px) {
    #colophon #colophon-inside {
        padding-top: 20px;
    }
    #colophon #colophon-inside .widget-container.widget_media_image {
        margin-bottom: 0px !important;
        padding-bottom: 0px !important;
    }
    #colophon #colophon-inside .widget-container.widget_media_image .footer-widget-inside {
        margin-left: auto;
        margin-right: 0px;
    }
    #colophon #colophon-inside .widget-container.widget_media_image .footer-widget-inside img {
        width: 150px;
    }
    footer#footer {
        padding-top: 0px;
    }
    footer#footer #footer-inside #site-copyright {
        text-align: right;
    }
}
/* End Footer CSS */

/* Home css */
.home .entry-content .panel-layout .panel-grid.panel-no-style {
    align-items: center !important;
    background-color: #ffffff;
    margin-top: 60px;
}
.home .entry-content .panel-layout .panel-grid .homepage-what-we-are, 
.home .entry-content .panel-layout .panel-grid .homepage-who-we-are {
    background-color: #ffffff;
    align-items: center !important;
    margin-top: 60px;
}
.home .entry-content .panel-grid .panel-grid-cell .widget_sow-editor .content-grid {
    padding: 40px 64px;
}
.home .entry-content .panel-grid .panel-grid-cell .widget_sow-editor .so-widget-sow-editor .siteorigin-widget-tinymce h1, 
.home .entry-content .panel-grid .panel-grid-cell .widget_sow-editor .so-widget-sow-editor .siteorigin-widget-tinymce h2, 
.home .entry-content .panel-grid .panel-grid-cell .widget_sow-editor .so-widget-sow-editor .siteorigin-widget-tinymce h3 {
    margin: 0px;
    font-family: 'Playfair Display', serif;
    text-transform: initial;
}
.home .entry-content .panel-grid .panel-grid-cell .widget_sow-editor .so-widget-sow-editor .siteorigin-widget-tinymce h1::after, 
.home .entry-content .panel-grid .panel-grid-cell .widget_sow-editor .so-widget-sow-editor .siteorigin-widget-tinymce h2::after, 
.home .entry-content .panel-grid .panel-grid-cell .widget_sow-editor .so-widget-sow-editor .siteorigin-widget-tinymce h3::after {
    display: block;
    content: "";
    border-top: 1px solid #707070;
    width: 80px;
    margin-top: 16px;
    margin-bottom: 24px;
}
.home .entry-content .panel-grid .panel-grid-cell .widget_sow-editor .so-widget-sow-editor .siteorigin-widget-tinymce p:last-of-type {
    margin: 0px;
}
.home .entry-content .panel-grid .panel-grid-cell .widget_sow-editor .so-widget-sow-editor .siteorigin-widget-tinymce p a {
    padding: 15px 30px;
    color: #ffffff;
    background-color: #318284;
    font-weight: bold;
    margin-top: 36px;
    display: inline-block;
}
.home .entry-content .panel-grid .panel-grid-cell .widget_sow-image .so-widget-sow-image .sow-image-container {
    width: 100%;
}
.home .entry-content .panel-grid .homepage-news-section {
    align-items: center !important;
    /* padding: 0px 30px; */
    flex-direction: inherit !important;
}
.home .entry-content .panel-grid .homepage-news-section .panel-grid-cell {
    margin: 0px !important;
}
.home .entry-content .panel-grid .homepage-news-section .panel-grid-cell .widget_sow-editor .so-widget-sow-editor .siteorigin-widget-tinymce h1, 
.home .entry-content .panel-grid .homepage-news-section .panel-grid-cell .widget_sow-editor .so-widget-sow-editor .siteorigin-widget-tinymce h2, 
.home .entry-content .panel-grid .homepage-news-section .panel-grid-cell .widget_sow-editor .so-widget-sow-editor .siteorigin-widget-tinymce h3 {
    padding-left: 64px;
}
.home .entry-content .panel-grid .homepage-news-section .panel-grid-cell .widget_sow-editor .so-widget-sow-editor .siteorigin-widget-tinymce h3::after {
    margin-bottom: 0px;
}
.home .entry-content .panel-grid .panel-grid-cell .widget_sow-editor .homepage-news-section-view-all .so-widget-sow-editor .siteorigin-widget-tinymce p a {
    margin-top: 0px;
    padding: 0;
    color: #318284;
    background-color: transparent;
    /* line-height: 89px !important; */
    text-transform: uppercase;
    vertical-align: baseline;
}
.home .entry-content .panel-grid .panel-grid-cell .widget_sow-editor .homepage-news-section-view-all .so-widget-sow-editor .siteorigin-widget-tinymce p a::after {
    content: url("./images/arrow-right.svg");
    color: #318284;
    font-size: 22px;
    display: inline-block;
    vertical-align: baseline;
    margin-left: 8px;
}
.home .entry-content .panel-layout .panel-grid .homepage-news-section-view-all-mobile {
    display: none;
    margin-bottom: 54px;
}
.home .entry-content .panel-layout .panel-grid .homepage-news-section-view-all-mobile .so-widget-sow-editor .siteorigin-widget-tinymce p a {
    margin-top: 10px;
}
.home .entry-content .panel-grid .homepage-news-section .panel-grid-cell .widget_ink-blog .so-widget-ink-blog #my-ajax-blog-widget {
    padding-bottom: 50px;
    position: relative;
    overflow: hidden;
}
.home .entry-content .panel-grid .homepage-news-section .panel-grid-cell .widget_ink-blog .so-widget-ink-blog #my-ajax-blog-widget .iw-so-blog-container .iw-so-article .iw-so-article-thumb a {
    display: block;
    height: 250px;
    position: relative;
}
.home .entry-content .panel-grid .homepage-news-section .panel-grid-cell .widget_ink-blog .so-widget-ink-blog #my-ajax-blog-widget .iw-so-blog-container .iw-so-article .iw-so-article-thumb a img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.home .entry-content .panel-grid .homepage-news-section .panel-grid-cell .widget_ink-blog .so-widget-ink-blog #my-ajax-blog-widget .iw-so-blog-container .iw-so-article .iw-so-article-content {
    padding: 32px;
}
.home .entry-content .panel-grid .homepage-news-section .panel-grid-cell .widget_ink-blog .so-widget-ink-blog h3 {
    font-size: 16px;
    font-weight: bold !important;
    line-height: 24px;
}
/* .home .entry-content div[id^="pg-"].panel-grid.panel-has-style {
    margin-bottom: 0px !important;
} */

.swiper-container {
    overflow: hidden;
    position: relative;
}
.swiper-pagination {
    text-align: left !important;
    /* padding: 0px 30px; */
    /* display: none; */
}
.swiper-pagination .swiper-pagination-bullet {
    width: 45px;
    height: 3px;
    border-radius: 0px;
    margin: 0px;
    margin-right: 10px;
}
.swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: #156A6E;
}

@media (max-width: 780px) {
    .home .entry-content .panel-layout .panel-grid .panel-grid-cell {
        margin-bottom: 0px !important;
    }
    .home .entry-content .panel-grid .panel-grid-cell .widget_sow-editor .so-widget-sow-editor .siteorigin-widget-tinymce h1, 
    .home .entry-content .panel-grid .panel-grid-cell .widget_sow-editor .so-widget-sow-editor .siteorigin-widget-tinymce h2, 
    .home .entry-content .panel-grid .panel-grid-cell .widget_sow-editor .so-widget-sow-editor .siteorigin-widget-tinymce h3 {
        font-size: 21px;
        line-height: 30px;
    }
    .home .entry-content .panel-layout .panel-grid .homepage-what-we-are .panel-grid-cell .widget_sow-image .so-widget-sow-image img {
        display: none;
    }
    .home .entry-content .panel-layout .panel-grid .homepage-what-we-are .panel-grid-cell .widget_sow-editor .content-grid, 
    .home .entry-content .panel-layout .panel-grid .homepage-who-we-are .panel-grid-cell .widget_sow-editor .content-grid {
        padding: 40px 30px;
    }
    body:not(.page-news) .homepage-news-section .iw-so-blog .iw-so-blog-container .iw-so-article.iw-so-blog-four-column, 
    body:not(.page-news) .iw-so-blog .iw-so-blog-container .iw-so-article.iw-so-blog-three-column, 
    body:not(.page-news) .iw-so-blog .iw-so-blog-container .iw-so-article.iw-so-blog-two-column {
        float: initial;
    }
    .swiper-slide {
        width: 80% !important;
        display: initial !important;
        margin-bottom: 0 !important;
    }
    .home .entry-content .panel-grid .panel-grid-cell .widget_sow-editor .homepage-news-section-view-all .so-widget-sow-editor .siteorigin-widget-tinymce p a {
        visibility: hidden;
    }
    .home .entry-content .panel-grid .homepage-news-section .panel-grid-cell .widget_sow-editor .so-widget-sow-editor .siteorigin-widget-tinymce h1, 
    .home .entry-content .panel-grid .homepage-news-section .panel-grid-cell .widget_sow-editor .so-widget-sow-editor .siteorigin-widget-tinymce h2, 
    .home .entry-content .panel-grid .homepage-news-section .panel-grid-cell .widget_sow-editor .so-widget-sow-editor .siteorigin-widget-tinymce h3 {
        padding-left: 0px;
    }
    .home .entry-content .panel-layout .panel-grid .homepage-news-section-view-all-mobile {
        display: block;
    }
}

/* @media (max-width: 1000px) {
    .swiper-pagination {
        display: block;
    }    
} */
@media (max-width: 1320px) {
    .home .entry-content .panel-grid .homepage-news-section {
        padding: 0px 30px;
    }
}
/* End Home css */

/* Landing Page Post Loop */
.post-blocks {
    /* display: grid;
    overflow: hidden;
    grid-template-columns: repeat(3, 1fr);
    grid-auto-rows: 1fr;
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto; */
    /* font-size: 0px;
    text-align: center; */
    margin: 0px !important;
    padding: 0;
    /* list-style: none; */
    display: flex;
    /* align-items: stretch;
    flex-wrap: wrap;
    justify-content: center;
    gap: 30px; */
    width: fit-content !important;
    margin-left: auto !important;
    margin-right: auto !important;
}
.post-blocks .post-block {
    /* display: inline-flex; */
    /* width: 100%; */
    width: calc( ( 100% - 60px ) / 3 );
    background-color: #F2F2F2;
    /* margin-right: 30px; */
}
.post-blocks .post-block:last-of-type {
    margin-right: 0px !important;
}
.post-blocks .post-block .post-block-image {
    width: 100%;
    height: 200px;
    overflow: hidden;
    position: relative;
    background-color: #ffffff;
}
.post-blocks .post-block .post-block-image img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
}
.post-blocks .post-block .post-content-area {
    text-align: center;
    padding: 32px 20px;
    height: 120px;
    overflow: hidden;
}
.post-blocks .post-block .post-content-area .post-content-title {
    font-size: 16px;
    font-weight: bold;
    line-height: 24px;
    color: #488083;
    margin: 0px;
    margin-bottom: 8px;
}
.post-blocks .post-block .post-content-area p {
    font-size: 16px;
    font-weight: lighter;
    line-height: 24px;
}
.post-blocks .post-block .post-content-area .so-widget-sow-editor h1, 
.post-blocks .post-block .post-content-area .so-widget-sow-editor h2, 
.post-blocks .post-block .post-content-area .so-widget-sow-editor h3, 
.post-blocks .post-block .post-content-area .so-widget-sow-editor h4, 
.post-blocks .post-block .post-content-area .so-widget-sow-editor h5, 
.post-blocks .post-block .post-content-area .so-widget-sow-editor h6 {
    margin: 0px;
    margin-bottom: 8px;
    font-size: 16px !important;
    font-weight: bold !important;
    line-height: 24px !important;
    text-align: center !important;
}
.swiper-container {
    overflow: hidden;
    position: relative;
}
/* End Landing Page Post Loop */

/* Landing Page Post Other Program Loop */
.other-programs-post-blocks.post-blocks .post-block .post-content-area .so-widget-sow-editor h1, 
.other-programs-post-blocks.post-blocks .post-block .post-content-area .so-widget-sow-editor h2, 
.other-programs-post-blocks.post-blocks .post-block .post-content-area .so-widget-sow-editor h3, 
.other-programs-post-blocks.post-blocks .post-block .post-content-area .so-widget-sow-editor h4, 
.other-programs-post-blocks.post-blocks .post-block .post-content-area .so-widget-sow-editor h5, 
.other-programs-post-blocks.post-blocks .post-block .post-content-area .so-widget-sow-editor h6 {
    margin: 0px;
    margin-bottom: 8px;
    font-size: 16px;
    font-weight: bold;
    line-height: 24px;
    text-align: center !important;
    color: #488083;
}
/* End Landing Page Post Other Program Loop */

/* What we do landing */
.landing-intro {
    background-color: #ffffff;
    padding: 56px 0px;
    margin: 0px;
    margin-top: -50px;
}
.landing-intro .so-widget-sow-editor h1, 
.landing-intro .so-widget-sow-editor h2, 
.landing-intro .so-widget-sow-editor h3, 
.landing-intro .so-widget-sow-editor h4, 
.landing-intro .so-widget-sow-editor h5, 
.landing-intro .so-widget-sow-editor h6 {
    margin: 0px;
    font-family: 'Playfair Display', serif;
    font-size: 36px;
    font-weight: bold;
    line-height: 54px;
    text-transform: initial;
}
.landing-intro .so-widget-sow-editor h1::after, 
.landing-intro .so-widget-sow-editor h2::after, 
.landing-intro .so-widget-sow-editor h3::after, 
.landing-intro .so-widget-sow-editor h4::after, 
.landing-intro .so-widget-sow-editor h5::after, 
.landing-intro .so-widget-sow-editor h6::after {
    display: block;
    content: "";
    border-top: 1px solid #707070;
    width: 80px;
    margin-top: 10px;
    margin-bottom: 24px;
}
.landing-intro .so-widget-sow-editor p {
    font-size: 18px;
    font-weight: lighter;
    line-height: 24px;
}
.landing-intro .so-widget-sow-editor p a {
    padding: 20px 40px;
    color: #ffffff;
    background-color: #318284;
    font-weight: bold;
    margin-top: 36px;
    display: inline-block;
}
.landing-programs {
    background-color: #ffffff;
    padding: 64px 90px;
    margin-top: 56px;
}
.landing-programs:last-of-type {
    margin-bottom: 56px;
}
.landing-programs .panel-grid-cell .widget_sow-editor {
    margin-bottom: 0px !important;
}
.landing-programs .panel-grid-cell .widget_sow-editor .so-widget-sow-editor .siteorigin-widget-tinymce h3 {
    margin: 0px;
    font-family: 'Open Sans' !important;
    font-size: 36px;
    line-height: 54px;
    color: #488083;
    margin-bottom: 8px;
    text-transform: initial;
}
.landing-programs .panel-grid-cell .widget_sow-editor .so-widget-sow-editor .siteorigin-widget-tinymce h5 {
    margin: 0px;
    font-size: 21px;
    line-height: 30px;
    color: #488083;
    margin-bottom: 24px;
    font-weight: lighter !important;
    text-transform: initial
}
.landing-programs .panel-grid-cell .widget_sow-editor .so-widget-sow-editor .siteorigin-widget-tinymce p {
    margin: 0px;
    font-size: 16px;
    line-height: 24px;
    max-width: 560px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 24px;
}
.landing-programs .panel-grid-cell .widget_sow-editor .so-widget-sow-editor .siteorigin-widget-tinymce a {
    display: inline-block;
    margin: 0px;
    font-size: 18px;
    line-height: 27px;
    padding: 20px 40px;
    background-color: #318284;
    color: #ffffff;
}
.landing-programs .panel-grid-cell .widget_siteorigin-panels-postloop {
    padding-bottom: 50px !important;
    margin-bottom: 30px !important;
}
.landing-programs .panel-grid-cell .widget_siteorigin-panels-postloop .widget-title {
    margin: 0px;
    font-family: 'Open Sans' !important;
    font-size: 21px !important;
    font-weight: bold !important;
    line-height: 30px !important;
    color: #488083;
    margin-bottom: 24px;
    font-weight: lighter;
    text-transform: initial;
    margin-top: 40px;
}

@media (max-width: 780px) {
    .landing-intro .panel-grid-cell {
        margin-bottom: 0px !important;
    }
    .landing-intro .so-widget-sow-editor h1, 
    .landing-intro .so-widget-sow-editor h2, 
    .landing-intro .so-widget-sow-editor h3, 
    .landing-intro .so-widget-sow-editor h4, 
    .landing-intro .so-widget-sow-editor h5, 
    .landing-intro .so-widget-sow-editor h6 {
        font-size: 21px;
        line-height: 30px;
    }
    .landing-intro .so-widget-sow-editor p {
        font-size: 13px;
        line-height: 21px;
    }    
    .landing-programs .panel-grid-cell .widget_sow-editor .so-widget-sow-editor .siteorigin-widget-tinymce h3 {
        font-size: 21px;
        line-height: 30px;
        margin-bottom: 4px;
    }
    .landing-programs .panel-grid-cell .widget_sow-editor .so-widget-sow-editor .siteorigin-widget-tinymce h5 {
        font-size: 13px;
        line-height: 21px;
        margin-bottom: 16px;
    }
    .landing-programs .panel-grid-cell .widget_sow-editor .so-widget-sow-editor .siteorigin-widget-tinymce p {
        font-size: 13px;
        line-height: 21px;
    }
    .landing-programs .panel-grid-cell .widget_sow-editor .so-widget-sow-editor .siteorigin-widget-tinymce a {
        font-size: 13px;
        line-height: 21px;
    }
    .landing-programs .panel-grid-cell .widget_siteorigin-panels-postloop .widget-title {
        margin-top: 0px;
        font-size: 16px;
        line-height: 24px;
    }    
}
@media (max-width: 1000px) {
    .landing-intro {
        padding: 40px 30px !important;
    }
    .landing-programs {
        padding: 40px 30px;
        margin-top: 20px;
    }
    .landing-programs:last-of-type {
        margin-bottom: 20px;
    }
    .post-blocks {
        width: 100% !important;
        margin: 0 !important;
    }
}
/* End What we do landing */

/* Who we are landing */
.landing-sections {
    background-color: #ffffff;
    margin-top: 56px;
    align-items: center !important;
}
.landing-sections:last-of-type {
    margin-bottom: 56px;
}
.landing-sections .panel-grid-cell .widget_sow-editor {
    margin-bottom: 0px !important;
}
.landing-sections .panel-grid-cell .widget_sow-editor .so-widget-sow-editor {
    padding: 40px 64px;
}
.landing-sections .panel-grid-cell .widget_sow-editor .panel-widget-style .so-widget-sow-editor {
    padding: 0px;
}
.landing-sections .panel-grid-cell .widget_sow-editor .so-widget-sow-editor .siteorigin-widget-tinymce h3 {
    margin: 0px;
    font-family: 'Open Sans' !important;
    font-size: 36px;
    line-height: 54px;
    color: #488083;
    margin-bottom: 8px;
    text-transform: initial;
}
.landing-sections .panel-grid-cell .widget_sow-editor .so-widget-sow-editor .siteorigin-widget-tinymce h5 {
    margin: 0px;
    font-size: 21px;
    font-weight: lighter;
    font-style: italic;
    line-height: 30px;
    color: #488083;
    margin-bottom: 24px;
    text-transform: initial;
}
.landing-sections .panel-grid-cell .widget_sow-editor .so-widget-sow-editor .siteorigin-widget-tinymce p {
    margin: 0px;
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 24px;
}
.landing-sections .panel-grid-cell .widget_sow-editor .so-widget-sow-editor .siteorigin-widget-tinymce *:last-child {
    margin-bottom: 0px;
}
.landing-sections .panel-grid-cell .widget_sow-editor .so-widget-sow-editor .siteorigin-widget-tinymce a {
    display: inline-block;
    margin: 0px;
    font-size: 18px;
    line-height: 27px;
    padding: 20px 40px;
    background-color: #318284;
    color: #ffffff;
}
.landing-sections .panel-grid-cell .widget_sow-image .so-widget-sow-image img {
    width: 100%;
}
.landing-image-button {
    position: relative;
    padding-top: 100%;
    overflow: hidden;
}
.landing-image-button img {
    /* width: 100%; */
    max-width: unset;
    height: 100%;
    width: auto;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.landing-image-button p {
    position: absolute;
    top: 0%;
    left: 0%;
    height: 100%;
    width: 100%;
    background-color: rgba(0,0,0,.4);
    margin-bottom: 0px !important;
}
.landing-image-button p a {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #ffffff;
    font-size: 36px !important;
    /* line-height: 54px; */
    line-height: calc((1320px - 90px) / 3) !important;
    width: 100%;
    text-align: center;
}
.landing-image-button p a strong {
    display: block;
    line-height: 54px;
}
@media (max-width: 780px) {
    .landing-sections {
        margin-top: 20px;
    }
    .landing-sections:last-of-type {
        margin-bottom: 20px;
    }
    .landing-sections .panel-grid-cell {
        margin-bottom: 0px !important;
    }  
    .landing-sections .panel-grid-cell .widget_sow-editor .so-widget-sow-editor {
        padding: 40px 30px;
    }    
    .who-we-are-image-button {
        padding: 20px;
    }
    .who-we-are-image-button .panel-grid-cell {
        width: 50% !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }
    .landing-image-button p a {
        font-size: 21px !important;
    }
    .landing-image-button p a strong {
        line-height: 30px;
    }
    .reverse-order .panel-grid-cell:nth-of-type(2) {
        order: -1;
    }
    .landing-sections.founder-row .panel-grid-cell .widget_sow-image .so-widget-sow-image img {
        padding: 40px 0px 0px;
        width: 50%;
        margin-left: auto;
        margin-right: auto;
    }
    .landing-sections .panel-grid-cell .widget_sow-image .so-widget-sow-image img {
        padding: 0px;
        margin-left: auto;
        margin-right: auto;
    }
    .landing-sections .panel-grid-cell .widget_sow-editor .so-widget-sow-editor .siteorigin-widget-tinymce h3 {
        text-align: center !important;
        font-size: 21px;
        line-height: 30px;
    }
    .landing-sections .panel-grid-cell .widget_sow-editor .so-widget-sow-editor .siteorigin-widget-tinymce h5 {
        font-size: 13px;
        line-height: 21px;
        margin-bottom: 16px;
    }
    .landing-sections .panel-grid-cell .widget_sow-editor .so-widget-sow-editor .siteorigin-widget-tinymce p {
        margin: 0px;
        font-size: 13px;
        line-height: 21px;
        margin-bottom: 24px;
    }    
    .landing-sections .panel-grid-cell .widget_sow-editor .so-widget-sow-editor .siteorigin-widget-tinymce p:last-of-type {
        text-align: center !important;
    }
    .landing-sections .panel-grid-cell .widget_sow-editor .so-widget-sow-editor .siteorigin-widget-tinymce a {
        font-size: 13px;
        line-height: 21px;
    }    
}
/*  end Who we are landing */

/* Timeline */
.svt-cd-timeline {
    margin-left: 80px;
    width: calc( 100% - 80px - 30px);
}
.svt-cd-timeline-content:hover .svt-cd-timeline-content-body {
    display: none !important;
}
.svt-cd-timeline-content.clicked-timeline-event .svt-cd-timeline-content-body {
    display: block !important;
    order: 2;
}
.svt-cd-timeline-content .svt-cd-timeline-content-btm-more {
    order: 1;
    text-align: center;margin-top: 0px;

}
.svt-cd-timeline-content .svt-cd-timeline-content-btm-more .svt-cd-read-more {
    float: initial !important;
    padding: 0;
    background: transparent;
    color: #707070;
    cursor: unset;
    text-transform: initial;
    font-weight: normal;
}
.svt-cd-timeline-content .svt-cd-timeline-content-btm-more .svt-cd-read-more::after {
    content: "";
    display: block;
    width: 16px;
    height: 16px;
    margin-top: 5px;
    margin-left: auto;
    margin-right: auto;
    background-image: url("./images/green-arrow.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    transform: rotate(180deg);
}
.svt-cd-timeline-content.clicked-timeline-event .svt-cd-timeline-content-btm-more .svt-cd-read-more::after {
    transform: rotate(0deg);
}
.svt-cd-timeline-content {
    padding: 0px !important;
    display: flex;
    flex-direction: column;
}
#main article .entry-content .svt-cd-timeline-content .svt-cd-timeline-content-body {
    padding: 0px 32px;
    margin-top: 0px;
}
#main article .entry-content .svt-cd-timeline-content h2.svt-cd-timeline-content-title {
    color: #488083;
    font-family: 'Open Sans';
    font-size: 16px;
    font-weight: bold;
    line-height: 24px;
    margin: 24px 15px 10px;
}
@media (max-width: 1169px) {
    .svt-cd-timeline-content .svt-cd-date {
        position: absolute;
        top: 0px;
        left: -105px;
        text-align: right;
    }
}
/* End Timeline */

/* News page */
#content #main .entry-content .news-page-news-section .so-widget-ink-blog h3 {
    font-size: 16px;
    font-weight: bold !important;
    line-height: 24px;
}
/* End News page */