@charset "UTF-8";
/* CSS Document */

/* ======= Site Style ======= */

.bg1,.bg2,.bg3,.bg4,.bg5,.bg6,.bg7 {
    border-top: solid 15px #FFF;
}

.bg1 {
    background-color: #FFF4EC; /* pale orange */
}

.bg2 { 
    background-color: #EDEEF7; /* pale purple */
}

.bg3 {
    background-color: #F5F6F6; /* pale green */
}

.bg4 {
    background-color: #FAEDF4; /* pale pink */
}

.bg5 {
    background-color: #FFF;
}

.bg6 {
    background-color: #FFF0C3; /* bright yellow */
}

.bg7 {
    background-color: #FFFBF0; /* pale yellow */    
}

.bg0 .spot:before {
    background-color: rgba(204, 83, 158, 0.591);
}

.bg1 .spot:before {
    background-color: #FDDCC6;
}

.bg2 .spot:before {
    background-color: rgba(182, 189, 224, 0.407);
}

.bg3 .spot:before {
    background-color: #E6ECEB;
}

.bg5 .spot:before, 
.spot:before { /* Fallback */
    background-color: #F3F6F5;
}

.bg4 .spot:before {
    background-color: #F6E2EE;
}

.bg7 .spot:before {
    background-color: #FFF0C3;
}

.hero .col_animate {
/*    padding: 30px 0 !important;*/
}

.spot,
.spot + p {
    position: relative;
    z-index: 10;
}

.spot:before {
    content: '';
    width: 150px;
    height: 150px;
/*    background-color: red;*/
    border-radius: 1000px;
    display: block;
    position: absolute;
    z-index: -1;
/*    top: -20px;*/
    top: 50%;
    transform: translate(0,-50%);
}

.hero.top .spot:before {
    width: 300px;
    height: 300px;
}

.hero.top .spot.smspot:before {
    width: 150px;
    height: 150px;
}

.spot.position1:before {
    left: -90px;
}

.spot.position2:before {
    left: 50%;
    transform: translate(-50%,-50%);
}

.leadin {
    font-size: 1.2em;
    font-weight: bold;
    font-family: 'Source Serif 4',Arial,Helvetica,serif;
    margin-bottom: 8px;
    position: relative;
    z-index: 20 !important;
    line-height: 1;
}

.row-stats > div {
    border-left: solid 2px #BBC1E2;
    padding: 0 1.5em;
}

.row-stats > div:first-child {
/*    border-left: none;*/
}

.row-stats h2,
.row-stats h3 {
    font-family: 'Source Serif 4',Arial,Helvetica,serif;
    font-size: 3em;
    color: #CC539E;
    margin-bottom: 5px;
}

.row-stats.style2 h2,
.row-stats.style2 h3 {
    font-size: 2.85em;
}

.row-stats p {
    line-height: 1.2;
}

.row_readings > div {
    padding: 0 30px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.row_readings h2 {
    font-size: 1.5em;
}

.row_readings .btn {
    font-size: 0.9em;
    margin: 0 auto;
}

.block_references {
    border-top: 2px solid #eee;
    padding: 30px 0;
}

.block_references li {
    font-size: 0.8em;
}

.block_testimonial {
    background-color: #FFF0C3;
    padding-top: 30px;
    padding-bottom: 30px;
}

.block_testimonial .content {
    background-color: #FFF;
    border-radius: 10000px 0 0 10000px;
    padding: 60px 60px 60px 100px;
}


/* ======= Fancy Box ======= */

/* remove white bg for floating videos */
.fancybox-content {
    background-color: transparent !important;
    max-width: 1400px !important;
}

.fancybox-toolbar {
    top: 12px !important;
    right: 12px !important;
}

.fancybox-button {
    background: #CC539E !important;
    color: #FFF !important;
    height: 60px !important;
    width: 60px !important;
}

/* ======= Page Content ======= */

.chartkey {
    margin: 45px 0 0;    
}

.chartkey > div .wp-block-group {
    position: relative;
    padding-top: 38px;
}

.chartkey > div h3 {
    color: #CC539E;

}

.chartkey > div p.key {
/*    margin-bottom: 0;*/
    line-height: 1;
}

.chartkey > div p.key:before {
    content: '';
    width: 30px;
    height: 30px;
/*    background-color: red;*/
    border-radius: 1000px;    
    position: absolute;
    left: 50%;
    transform: translate(-50%,0);
    top: 0px;
}

.chartkey > div:first-child p.key:before {
    background-color: #FCC5A1;
}

.chartkey > div:nth-child(2) p.key:before {
    background-color: #B6BDE0;
}

.chartkey > div:last-child p.key:before {
    background-color: #EABDD7;
}

/* ======= Accordions ======== */

.acc_wrapper {
/*    transition: all 0.5s;*/
/*    padding: 20px 20px 20px;*/
    margin: 15px 0;
}

.acc_wrapper:has(.on) {
/*    margin-bottom: 12px;    */
}

.open_button {
    transition: all 0.2s;
    cursor: pointer;
    color: #7C869F;
    position: relative;
    padding-left: 30px;
    left: 0;
}

.open_button:hover {
    color: #CC539E;
    left: -10px;
}

.open_button:before {
    content: '+';
    margin-right: 12px;
    position: absolute;
    left: 0;
}

.open_button.on {
    color: #CC539E;
/*    background-color: gold;*/
}

.open_button.on:before {
    content: '–';
    margin-right: 9px;
}

.inside_content {
    padding-left: 30px;
}

.inside_content a:before {
    content: '';
    
/*    background-repeat: no-repeat;*/
/*    position: absolute;*/
    background-size: auto 100%;
/*    right: 0;*/
}

/* ======= 404 ======= */

.fourohfour .search_bar {
    max-width: 500px;
}

.fourohfour .search_bar input {
    height: 40px;
    margin-bottom: 35px;
}

.fourohfour .search_bar button {
    background-color: transparent;
    padding: 6px 10px 0 0;
}


/* ======= Selectric ======= */

.selectric .label {
    font-size: 20px !important;
}

/* ======= Search  ========= */

.search .result_block {
    border-top: solid #ccc 1px;
    padding: 20px 0;
}

.search h2 {
    color: #F45B57;
}

.search h3 {
    font-size: 0.85em;
    text-transform: uppercase;
}

.search a {
    color: #00ACE8;
    text-decoration: underline;
}

/* ======= Team ======= */

.leadership_block h2 {
    margin-top: 40px;
}

.team_block > div {
/*    background-color: ghostwhite;*/
    padding: 5px;
}

.mac_block > div {
    padding: 30px 10px 0;
}

.team_block figure { 
    padding: 30px 30px 0;
}

.team_block img {    
}

.team_block h3,
.team_block p {
    text-align: center;
}

.team_block h3 {
    font-size: 1.1em !important;
}

.team_block p {
    font-size: 0.8em;
    line-height: 1;
}

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

footer {
    background-color: #F0F2F9;
/*    color: #FFF !important;*/
    padding: 30px;
    font-size: 0.8em;
}

.footer_nav .row > div {
    margin-bottom: 40px;
}

.footer_nav a {
/*    font-size: 0.8em;*/
}

.footer_nav ul li:first-child a,
.footer_nav ul li.toplvl a,
.footer_nav p.header {
/*    background-color: yellowgreen;*/
/*    color: #CC539E !important;*/
    color: #B9408B !important; /* High Contrast */
    font-family: 'Source Serif 4',Arial,Helvetica,serif;
    font-size: 1.2em;
    line-height: 1.1;
}

.footer_nav li {
    margin: 0.25em 0;
}

.footer_nav li:before {
    content: none;
}

.footer_nav p.header {
    margin-bottom: 20px;
}

.accreds .row > div {
/*    width: fit-content;*/
}

.accreds img {
    height: auto;
    width: 60%;
}

.copyright a {
    color: #27355F !important;
}

/* ======= Responsive Styles ========= */

@media(min-width:768px) {

    .form-field {
        padding-right: 45px;
    }

}

@media(min-width: 1400px) {
    .accreds img {
        height: auto;
        width: 100%;
    }
}