@charset "UTF-8";


.customcolors{
    color:#5ac1a4;
    color:#ddf1ea;
    color:#4b3390;
    color:#4d4d4f;
}


*{box-sizing:border-box;}
html,body{
    margin:0;
    font-family: 'Roboto', sans-serif;
}
h1,h2,h3,h4,h5,h6{
    margin:0;
    line-height:1.3em;
    padding:0;
    font-weight:700;
    font-family: 'Montserrat', sans-serif;
}
a{
    text-decoration:none;
    color:inherit;
}
.flex{display:flex;}
.wrapper{
    max-width:1320px;
    width:100%;
    margin: 0 auto;
    padding: 0 20px;
}
hr{
    border:none;
    border-top: 1px solid #ddd;
    margin: 50px 0;
}

/* System Pages */
.system_page{
    padding: 0 50px;
    display: flex;
    justify-content: center;
    background: #94959a;
}
div.main-container-inner {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-top: 100px !important;
    padding-bottom: 100px !important;
}


#utilbar{
    line-height:20px;
    height:40px;
    background:#ddf1ea;
    justify-content: space-between;
}
#language_bar{
    background:#5ac1a4;
    color:#fff;
    position:relative;
    padding:0;
    transition:ease all 400ms;
}
#language_bar:hover{
    background:#3b9d82;
}
#language_bar:after{
    content:'';
    height:36px;
    background-color:#fff;
    border-radius:0 0 3px 3px;
    width:40px;
    display:block;
    position:absolute;
    top:0;
    left:10px;
    background-repeat: no-repeat;
    background-position:center;
    background-size:23px;
    background-image:url('../img/google-translate.png');
}
#language{
    border: none;
    background:#5ac1a4;
    color:#fff;
    text-transform:uppercase;
    font-weight:bold;
    padding: 10px 10px 10px 60px;
    font-size: 14px;
    height: 40px;
    appearance: none;
    border-radius: 0;
}
#language:hover{
    cursor:pointer;
}
#mobile_join,
#mobile_login{display:none;}




#util_links{
    display:flex;
    padding: 0 0;
    justify-content: space-between;
}
#util_links > a{
    padding: 10px 25px;
    margin: 0;
    color:#4d4d4f;
    transition:ease all 200ms;
}
#util_links > a:hover{
    color:#4c3391;
    background:#aed7c9;
}
#util_links span{
    color:#4d4d4f;
    padding: 10px 0;
    margin: 0 25px 0 0;
}
#util_links span strong{
    color:#4c3391;
}
#social{
    display:flex;
    padding: 0 0;
    margin: 0 0 0 25px;
}
#social a{
    display:block;
    padding: 10px;
    color:#4c3391;
    transition:ease all 200ms;
}
#social a:hover{
    background:#aed7c9;
}

#search{
    margin: 8px 45px 8px 0;
    height:24px;
    border-radius:40px;
    background:#fff;
    position:relative;
    padding: 0 25px 0 15px;
}
#search:after{
    position:absolute;
    right:8px;
    top:0;
    color:#5ac1a4;
    content:"\f002";
    font: var(--fa-font-solid);
    font-size:14px;
    line-height: 24px;
}
#search label{
    position:absolute;
    left:15px;
    top:0;
    font-size:14px;
    line-height: 24px;
}
#search input{
    width:100px;
    appearance:none;
    background:transparent;
    border:none;
    height:24px;
    line-height:24px;
    box-shadow:none;
    outline:none;
    padding:0;
}

/* Header */
header{
    position:relative;
    padding: 0 40px;
    display:flex;
    justify-content: space-between;
    align-items: center;
    z-index: 50;
}
#logo{
    text-indent:-9999px;
    height:120px;
    width: 300px;
    background-image:url('../img/coop-fed-logo-main.png');
    background-repeat:no-repeat;
    background-position:center;
    background-size:257px;
}
#mnavbutton{display:none;}
nav{
    display:flex;
    margin: 30px 0;
}
nav span{
    display:block;
    line-height:20px;
    padding: 20px;
    position:relative;
    cursor:pointer;
}
nav span.active{
    color:green;
}
nav span.active:after{
    content:'';
    height:2px;
    position: absolute;
    left:20px;
    right:20px;
    bottom: 10px;
    display:block;
    background:#b7d43c;
}
a.header_button,
span.header_button{
    display: block;
    margin: 30px 0;
    /* padding: 5px 50px; */
    padding: 5px 25px;
    text-transform:uppercase;
    background: #4b3390;
    border-radius: 5px;
    color: #fff;
    line-height: 30px;
    transform:all 300ms ease;
}
a.header_button:hover,
span.header_button:hover {
    background: #271559;
}
a.header_button.teal,
span.header_button.teal{
    background: #0e5156;
}
a.header_button.teal:hover,
span.header_button.teal:hover{
    background: #063639;
}
.login_buttons{
    display:flex;
    gap:20px;
}

#supernav{
    background:#fff;
    position:absolute;
    left:20%;
    right:20%;
    top:100%;
    display:none;
    overflow:hidden;
    border-radius: 0 0 8px 8px;
}
#supernav.active:after{
    content:'';
    width:100%;
    height:0px;
    display:block;
    -webkit-box-shadow:0 -7px 21px 3px #000;
    -moz-box-shadow:0 -7px 21px 3px #000;
    box-shadow:0 -7px 21px 3px #000;
    opacity:0.4;
    position:absolute;
    left:0;
    top:0;
}

#supernav.active{
    display:block;
}
.second_lvl{
    display:flex;
    background:#ddf1ea;
    position:relative;
    z-index: 4;
}

.second_lvl > [data-id]{
    padding: 30px;
    font-size:16px;
    color:#4d4d4f;
    font-weight:700;
    flex: 1 0 10%;
    text-align:center;
    position:relative;
    transition:ease all 200ms;
}
.second_lvl > [data-id]:hover{
    cursor:pointer;
    background:#c6e8dc;
}
.second_lvl > [data-id].active{
    background:#5ac1a4;
    color:#fff;
}
.second_lvl > [data-id].active:hover{
    background:#3b9d82;
}
.second_lvl > [data-id].active:after{
    transition:ease all 200ms;
    content:'';
    position:absolute;
    left:50%;
    display:block;
    bottom: -3px;
    transform:translate(-50%,0) rotate(45deg);
    width:40px;
    height:40px;
    background:#5ac1a4;
    z-index: -1;
}
.second_lvl > [data-id].active:hover:after{
    background:#3b9d82;
}



.third_lvl{
    display:none;
    padding: 30px;
    columns: 3;
    column-gap: 2rem;
}
.third_lvl.active{
    display: block;
}
.third_lvl .nav_item_wrap{
    position: relative;
    display: block;
    break-inside: avoid-column;
}
.third_lvl .nav_item_wrap .toggle{
    display:none;
}

.third_lvl .nav_item_wrap:first-child a{
    font-weight: bold;
    line-height: 19px;
    color: #4b3390;
}
.third_lvl .nav_item_wrap a{
    width:100%;
    display:block;
    color:#4d4d4f;
    padding: 6px 8px 6px 20px;
    
}
.third_lvl a:before{
    content:'\f105';
    font: var(--fa-font-solid);
    font-size:14px;
    line-height: 24px;
    color:#b7d43c;
    position:absolute;
    left:0;
    top:3px;
    transition:ease all 200ms;
}
.third_lvl a:hover:before{
    left:3px;
    color:#5ac1a4;
}

/* Rates Nav Hotfix */
@media(min-width:1051px){

    .third_lvl[data-id="3"]{
        columns:2;
        padding: 15px 30px;
    }
    .third_lvl[data-id="3"] .nav_item_wrap:first-child{
        display:none;
    }
    .third_lvl[data-id="3"] a{
        padding: 21px 8px 21px 20px;
        border: 1px solid #4b3390;
        border-radius: 4px;
        font-size: 1.2em;
        text-align: center;
        transition:ease all 200ms;
    }
    .third_lvl[data-id="3"] a:hover{
        background: #f1eefc;
        color:#4b3390;
    }
    .third_lvl[data-id="3"] a:before{display:none;}
}

/* Alert Bar */
.alertbar{
    padding: 20px 10%;
    color:#ffffff;
    text-align: center;
    font-size:18px;
}
.alertbar strong{
    font-weight:900;
    letter-spacing: 1px;
}
.alertbar.rasp{
    background:#cf3d58;
}
.alertbar.green{
    color:#2A3B12;
    background:#a4d061;
}





/* Hero */
#hero{
    position:relative;
}
#hero #bars{
    position:absolute;
    top: 22%;
    bottom: 22%;
    left:0;
    right:0;
    display:block;
    background:#5f42b0;
    opacity:1;
}
/* Logomark */
#hero .wrapper:before{
    content:'';
    display:block;
    top:-80px;
    bottom: -80px;
    left:0;
    position:absolute;
    width:350px;
    max-width:25%;
    background-image:url('../img/logomark_fade.png');
    background-position:center;
    background-size:contain;
    background-repeat:no-repeat;
}

/* 2nd Bar */
#hero #bars:after {
    content:'';
    position: absolute;
    top: 15px;
    bottom: 15px;
    left: 0;
    right: 0;
    display: block;
    background: #4b3390;
    opacity: 1;
}


#hero .wrapper{
    position: relative;
    z-index: 2;
}
#hero .hero_cols{
    display:flex;
    height:400px;
}
#hero .hero_cols .hero_col{
    flex: 0 0 50%;   
}
#hero .hero_cols .hero_col.image{
    background-size: contain;
    background-position: left bottom;
    background-repeat: no-repeat;
}
#hero .hero_cols .hero_col.text{
    align-self: center;
    justify-content: center;
    display: flex;
    padding: 0 0 0 15%;
}
.hero_col_text_inner{
    padding: 25px 20px 20px 
    20px;
    border-radius: 8px;
    border: 2px solid #5ac1a4;
    position:relative;
}
#hero .hero_cols .hero_col.text span.small{
    text-transform: uppercase;
    position:absolute;
    background:#4b3390;
    padding: 0 25px;
    top:-14px;
    left:50%;
    transform:translate(-50%,0);
    white-space: nowrap;
    color:#a4d061;
    font-weight:700;
    font-size:24px;
    letter-spacing: 1px;
}
#hero .hero_cols .hero_col.text span.big{
    display:block;
    font-weight:900;
    font-size:80px;
    color:#fff;
    line-height: 0.8em;
    text-transform:uppercase;
    letter-spacing: 2px;
}

@media(max-width:1000px){
    #hero .hero_cols .hero_col.text{
        padding: 0 0 0 5%;

    }
    #hero .wrapper:before {
        max-width:21%;
    }
    #hero .hero_cols .hero_col.text span.small {
        padding: 0 10px;
    }
    #hero .hero_cols .hero_col.text span.big {
        font-size: 60px;
    }
}
@media(max-width:850px){
    #hero .hero_cols {
        height: 300px;
    }
}
@media(max-width:750px){
    #hero .hero_cols {
        height: 220px;
        justify-content: center;
    }
    #hero .hero_cols .hero_col.text {
        padding: 0;
    }
    #hero .hero_cols .hero_col.image {
        display:none;
    }
    #hero #bars {
        top: 6%;
        bottom: 6%;
    }
    #hero .wrapper:before {
        max-width: 41%;
    }

}
@media(max-width:600px){
    .hero_col_text_inner{
        padding: 20px;
    }
    #hero .hero_cols .hero_col.text span.small {
        padding: 0 10px;
        font-size:20px;
        top: -12px;
    }
    #hero .hero_cols .hero_col.text span.big {
        font-size: 50px;
    }
}

/* HERO - Text/Link Slide Type */
#hero .bar{
    background:#4b3390;
    border-bottom:15px #5f42b0 solid;
    border-top:15px #5f42b0 solid;
    position:absolute;
    top:50%;
    width:100%;
    transform:translate(0,-50%);
}
#hero .item.text_type{
    height:400px;
}
#hero .hero_cols.text_type{
    height:auto;
}
#hero .hero_cols.text_type .hero_col.text{
    flex: 1 1 100%;
    padding: 30px 15%;
    text-align: center;
}
#hero .hero_cols.text_type .hero_col_text_inner{
    border:none;
    padding: 20px;
}
#hero .hero_cols.text_type .hero_col.text span.big{
    line-height:1.3em;
    text-transform:none;
    font-weight: 900;
    font-size: 34px;
    margin: 0 0 5px 0;
    letter-spacing: 1px;
    font-family: 'Montserrat', sans-serif;
}
#hero .hero_cols.text_type .hero_col.text span.small{
    text-transform: none;
    position: relative;
    background: #4b3390;
    padding: 0;
    top: initial;
    left: initial;
    transform: none;
    white-space: normal;
    color: #98d8c6;
    font-weight: 700;
    font-size: 22px;
    letter-spacing: 1px;
}
.slide_link_box{
    display:flex;
    justify-content: center;
    margin: 20px 0 0 0;
}
.slide_link{
    display: block;
    border-radius: 5px;
    flex: 0 1 auto;
    background: #311b6c;
    color: #fff;
    font-weight: 900;
    margin: 0 10px;
    font-size: 20px;
    padding: 12px 28px;
    transition: ease all 100ms;
}
@media(max-width:1000px){
    #hero .hero_cols.text_type .hero_col.text span.big{
        font-size:28px;
    }
    #hero .hero_cols.text_type .hero_col.text span.small{
        font-size:18px;
    }
    #hero .hero_cols.text_type .hero_col.text{
        padding: 30px 50px;
    }
}
@media(max-width:700px){
    #hero .hero_cols.text_type .hero_col_text_inner{
        padding:0;
    }
    #hero .hero_cols.text_type .hero_col.text span.big{
        font-size:25px;
    }
    .slide_link_box{
        flex-direction:column;
        row-gap: 12px;
    }
    .slide_link{
        font-size: 16px;
        padding: 8px 28px;
    }
    
}
@media(max-width:550px){
    #hero .hero_cols.text_type .hero_col.text span.small{
        font-size:14px;
    }
}






.hero_prev,
.hero_next{
    position:absolute;
    z-index: 10;
    left:0;
    top:50%;
    transform:translate(0,-50%);
    background-image:url('../img/slider_prev_arrow.png');
    background-size:29px 32px;
    width:60px;
    height:120px;
    background-position:center;
    background-repeat: no-repeat;
    background-color:rgba(0,0,0,0.3);
    border-radius:0 80px 80px 0;
    transition:ease all 100ms;
}
.hero_prev i,
.hero_next i{
    position:absolute;
    color:#fff;
    font-size:56px;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
}
.hero_next{
    left:initial;
    right:0;
    background-image:url('../img/slider_next_arrow.png');
    border-radius:60px 0 0 60px;
}
.hero_prev:hover,
.hero_next:hover{
    cursor:pointer;
    background-color:rgba(0,0,0,0.6);
}


/* Homepage Purple Slider */
#homepage_pill{
    padding: 50px 0;
}
#homepage_pill .wrapper{
    position:relative;
    padding: 0 150px;
}
#homepage_pill .item_inner{
    background:#4b3390;
    border-radius:8px;
    padding: 40px 100px 60px 100px;
    margin: 20px 0;
    text-align:center;
    color:#fff;
    position:relative;
}
#homepage_pill .item_inner:after,
#homepage_pill .item_inner:before{
    content:'';
    display:block;
    height:200px;
    width:120px;
    transform-origin: center;
    position:absolute;
    top:-20px;
    left:-20px;
    background-size:contain;
    background-repeat: no-repeat;
    transform:rotate(180deg);
    background-position: center;
    background-image:url('../img/welcome-leaves.png');
}

#homepage_pill .item_inner:after{
    left:initial;
    top:initial;
    bottom:-20px;
    right:-20px;
    transform:rotate(0deg);
}

#homepage_pill .item_inner h2{
    font-weight:900;
    font-size:34px;
    letter-spacing: 1px;
    margin: 0 0 5px 0;
}
#homepage_pill .item_inner p{
    font-size:20px;
    line-height:1.4em;
    padding: 0 10%;
    margin:10px 0;
}
#homepage_pill .item_inner .pill_buttons{
    position: absolute;
    bottom: -15px;
    left: 50%;
    transform: translate(-50%, 0);
    display: flex;
    width: 80%;
    justify-content: center;
}
#homepage_pill .item_inner a{
    display:block;
    border-radius:5px;
    flex: 0 1 auto;
    background:#5ac1a4;
    color:#fff;
    font-weight:900;
    margin: 0 10px;
    font-size:24px;
    padding: 12px 28px;

    transition:ease all 100ms;
}
#homepage_pill .item_inner a:hover{
    background:#3b9d82;
}
.hero_prev_pill,
.hero_next_pill{
    position:absolute;
    z-index: 10;
    left:20px;
    top:50%;
    transform:translate(0,-50%);
    background-image:url('../img/slider_prev_arrow.png');
    background-size:29px 32px;
    width:40px;
    height:40px;
    background-position:center;
    background-repeat: no-repeat;
    transition:ease all 100ms;
    color:#ddd;
}
.hero_prev_pill i,
.hero_next_pill i{
    position:absolute;
    font-size:56px;
    top:50%;
    color:inherit;
    left:50%;
    transform:translate(-50%,-50%);
}
.hero_next_pill{
    left:initial;
    right:20px;
    background-image:url('../img/slider_next_arrow.png');
}
.hero_prev_pill:hover,
.hero_next_pill:hover{
    cursor:pointer;
    color:#aaa;
}

/* Homepage Sliders Custom Next/Prev */
.np_controller{
    display:flex;
    margin: 20px 0 0 0;
    justify-content: center;
}
.np{
    display:flex;
    justify-content: space-between;
    position:relative;
    height:50px;
    width:200px;
    border-radius:50px;
    background:#d1eee5;
}
.news_np .np{
    background:rgba(255,255,255,0.2);
}
.np [class*="_next"],
.np [class*="_prev"]{
    width:50px;
    color:#fff;
    height:50px;
    position:relative;
    border-radius:50px;
    transition:ease all 100ms;
}
.np [class*="_prev"]{
    justify-self: flex-start;
}
.np [class*="_next"]{
    justify-self: flex-end;
}
.np [class*="_next"]:hover,
.np [class*="_prev"]:hover{
    cursor:pointer;
}
.np [class*="_next"].hidden_arrow,
.np [class*="_prev"].hidden_arrow{
    visibility: hidden;
    opacity:0;
    pointer-events: none;
}
.np [class*="_next"] i,
.np [class*="_prev"] i{
    font-size:30px;
    position:absolute;
    left:50%;
    top:50%;
    transform:translate(-50%,-50%);
}


/* Homepage Services Slider */
#homepage_services{
    background-image:url('../img/services-bg.png');
    background-size:cover;
    background-position:center;
    padding: 30px 0;
}
#homepage_services h2{
    text-align: center;
    color:#4d4d4f;
    font-size:34px;
    margin: 20px 0 30px 0;
    font-weight:900;
    letter-spacing: 1px;
}
.slider_wrap{
    position:relative;
}
#services_slider .item{
    background:#eee;
    border-radius:4px;
    position:relative;
    display:block;
    background-size:cover;
    background-position: center;
    padding: 120% 0 0 0;
    margin: 20px 0;
}
#services_slider .item:before{
    content:'';
    position:absolute;
    z-index: 2;
    height:200px;
    width:100%;
    display:block;
    bottom:0;
    left:0;
    border-radius: 0 0 4px 4px;
}
#services_slider .owl-item:nth-child(4n+1) .item:before{
    background: -moz-linear-gradient(top, rgba(90,193,164,0) 0%, rgba(90,193,164,1) 100%);
    background: -webkit-linear-gradient(top, rgba(90,193,164,0) 0%,rgba(90,193,164,1) 100%);
    background: linear-gradient(to bottom, rgba(90,193,164,0) 0%,rgba(90,193,164,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#005ac1a4', endColorstr='#5ac1a4',GradientType=0 );
}
#services_slider .owl-item:nth-child(4n+2) .item:before{
    background: -moz-linear-gradient(top, rgba(175,202,87,0) 0%, rgba(175,202,87,1) 100%);
    background: -webkit-linear-gradient(top, rgba(175,202,87,0) 0%,rgba(175,202,87,1) 100%);
    background: linear-gradient(to bottom, rgba(175,202,87,0) 0%,rgba(175,202,87,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00afca57', endColorstr='#afca57',GradientType=0 );
}
#services_slider .owl-item:nth-child(4n+3) .item:before{
    background: -moz-linear-gradient(top, rgba(69,53,140,0) 0%, rgba(69,53,140,1) 100%);
    background: -webkit-linear-gradient(top, rgba(69,53,140,0) 0%,rgba(69,53,140,1) 100%);
    background: linear-gradient(to bottom, rgba(69,53,140,0) 0%,rgba(69,53,140,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0045358c', endColorstr='#45358c',GradientType=0 );
}
#services_slider .owl-item:nth-child(4n+4) .item:before{
    background: -moz-linear-gradient(top, rgba(204,56,85,0) 0%, rgba(204,56,85,1) 100%);
    background: -webkit-linear-gradient(top, rgba(204,56,85,0) 0%,rgba(204,56,85,1) 100%);
    background: linear-gradient(to bottom, rgba(204,56,85,0) 0%,rgba(204,56,85,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00cc3855', endColorstr='#cc3855',GradientType=0 );
}
#services_slider .item:after{
    content:'';
    display:block;
    top: 10px;
    left: 10px;
    right: 10px;
    bottom: 10px;
    position: absolute;
    z-index: -1;
    box-shadow: 0 13px 13px #000;
    opacity: 0.3;
}
#services_slider .item h3{
    position:absolute;
    bottom: 0;
    left:0;
    width:100%;
    min-height:60px;
    padding: 20px 20px 30px 20px;
    text-align: center;
    color: #fff;
    font-size: 24px;
    z-index: 3;
}



/* Homepage Map Section */
#homepage_map_section{
    padding: 70px 0;
}
#map_outter{
    display:flex;
}
.map_locations{
    flex: 0 0 35%;
    padding: 0 50px 0 20px;
}
.map_locations h2{
    font-size:34px;
    line-height:1.1em;
    font-weight:900;
    border-bottom: 2px solid #eee;
    padding: 0 0 30px 60px;
    margin: 0 0 30px 0;
    color:#4b3390;
    position:relative;
}
.map_locations h2:after{
    content:"\f3c5";
    font: var(--fa-font-solid);
    font-size: 50px;
    line-height: 64px;
    position: absolute;
    top: 0;
    left: 0;
    color:#3b9d82;
}
.map_locations ul{
    position: relative;
    list-style:none;
    margin: 0;
    padding:0 0 0 0;
}
.map_locations ul li{
    margin: 10px 0;
    position: relative;
    padding: 13px 13px 13px 33px;
    color: #0e5156;
    font-size: 18px;
    /* font-style: italic; */
    box-shadow: 0px 3px 11px 0px #ddd;
    border-radius: 10px;
    cursor:pointer;
}
.map_locations ul li:hover{
    box-shadow: 0px 3px 11px 0px #aaa;
}

.map_locations ul li h3{
    display:block;
    font-weight:900;
    font-style:normal;
    margin:0;
    padding:0;
    font-size:16px;
    position: relative;
    display: flex;
    justify-content: space-between;
}
.map_locations ul li h3 span{
    font-weight:bold;
    color:#2b195e;
}
.map_locations ul li h3:before{
    content: "\f105";
    font: var(--fa-font-solid);
    font-size: 17px;
    line-height: 22px;
    position: absolute;
    left: -20px;
    top: 0;
    color: #3b9d82;
}

.hours_pop{
    display: block;
    overflow: hidden;
    height:0;
    transition:ease-out height 150ms;
}
.hours_pop_inner{
    display:block;
    padding: 15px 0 0 0;
}
.hours_pop_inner table{
    width:100%;
    font-size: 13px;
}
.hours_pop_inner table td{
    padding: 3px 0;
    border-bottom: 1px dashed #eee;
}
.hours_pop_inner table tr:last-child td{border:none;}
.hours_pop_inner table tr td:last-child{text-align: right;}

.map_loc_address{
    padding: 15px 0;
}
.map_loc_address .address_title{
    color: #4c3391;
    font-weight:700;
    font-size:14px;
    border-bottom: 1px dashed #eee;
    padding: 0 0 4px 0;
    margin: 0 0 4px 0;
}
.address_flex{
    display:flex;
    justify-content: space-between;
}
.map_loc_address .address_body{
    font-size:13px;
    flex: 1 1 auto;
    padding: 0 20px 0 0;
}
.google_map_link{
    position:relative;
    flex: 0 0 50px;
}
.google_map_link:after{
    content: '\f5a0';
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    color:#4c3391;
}


/* MAP */
#map{
    flex: 1 1 100%;
    height:550px;
}



/* Homepage News */
#homepage_news{
    padding: 30px 0;
    overflow:hidden;
    background-image: url('../img/news-bg.jpg');
    background-size:cover;
    background-position:center;
}
#homepage_news h2{
    text-align: center;
    color:#ffffff;
    font-size:34px;
    margin: 20px 0 30px 0;
    font-weight:900;
    letter-spacing: 1px;
}
#homepage_news .slider_wrap{
    padding: 0 50px;
}
#news_slider.owl-carousel .owl-stage{
    display:flex;
    margin: 0 0 0 2px;
}
#news_slider .owl-item{
    background:#edf8f4;
    border-radius: 4px;
    margin: 0 0 20px 0;
}

#news_slider .item{
    display:block;
}
#news_slider .home_news_image{
    height:200px;
    background-size:cover;
    background-position:center;
    border-bottom: 1px solid #c9f0e5;
    border-radius: 4px 4px 0 0;
}
#news_slider h3{
    font-weight:900;
    font-size:20px;
    letter-spacing: 1px;
    margin: 0 0 10px 0;
    padding: 27px 40px 0 40px;
    color:#0e5156;
}
#news_slider p{
    color:#0e5156;
    font-size:18px;
    line-height:1.4em;
    padding: 0 40px 45px 40px;
    margin:0;
}
#news_slider .item span{
    position:absolute;
    bottom:0;
    left:50%;
    display:block;
    border-radius:4px;
    background:#5ac1a4;
    transform:translate(-50%,50%);
    transition:ease all 100ms;
    padding: 9px 18px;
    color:#fff;
    font-weight:600;
}
#news_slider .owl-item span:hover{background:#3b9d82;}


/* Footer */
footer{
    background-color:#edf8f4;
    padding: 60px 0 30px 0;
}
footer .wrapper{
    padding: 0 80px;
}
footer h3{
    font-size: 28px;
    font-weight: bold;
    letter-spacing: 1.1px;
    text-align: center;
    color: #21409a;
    margin: 0 0 60px 0;
}
.footer_grid{
    justify-content: space-between;
    align-items: center;
}
.footer_logo_area{
    padding: 0 60px 0 0;
    flex: 1 1 20%;
    text-align: center;
}
.footer_middle{
    padding: 0 60px;
    flex-direction:column;
    flex: 1 0 auto;
    text-align: left;
    align-items: flex-start;
}
.footer_middle ul{
    list-style:none;
    margin:0;
    padding:0;
    font-size:22px;
}
.footer_middle ul li{
    color:#4d4d4f;
    margin: 15px 0;
}
.footer_middle ul li span{
    color:#4b3490;
    font-weight:900;
}
.footer_affiliation_logos{
    margin: 70px 0 0 0;
}
.footer_affiliation_logos img{
    max-height:50px;
    margin: 0 35px 0 0;
}

.footer_social{
    flex-direction:column;
    padding: 0 0 0 60px;
}
.footer_social a{
    font-size:34px;
    margin: 0 0 25px 0;
    color:#5ac1a4;
    transition:ease all 200ms;
}
.footer_social a:hover{
    color:#f7941d;
}
.footer_logo_area .footer_logo{
    display:block;
    height: 200px;
    width:100%;
    margin: 0 0 30px 0;
    background-size:contain;
    background-repeat:no-repeat;
    background-position:center;
    background-image:url('../img/logo-footer.png');
}
.footer_logo_area p{
    padding: 30px;
    font-style:italic;
    font-size:15px;
    color:#777;
    border-top: solid 1px #4d4d4f;
}


/* Popups */
.closepopup{
    position:absolute;
    height:40px;
    width:40px;
    background:#fff;
    border-radius:50%;
    display:flex;
    flex-direction: column;
    align-content:center;
    justify-content: center;
    font-size:20px;
    color:#000;
    right:-20px;
    top:-20px;
    cursor:pointer;
    text-align: center;
    border: 1px solid #ddd;
}
#overlay{
    position:fixed;
    height:140%;
    display:none;
    width:140%;
    top:-20%;
    left:-20%;
    background:rgba(0,0,0,0.7);
    z-index: 1000;
}
#overlay.active{display:block;}
/* language */
/* #language{
    width: 100%;
    background: #fff;
    border-radius: 5px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    display: block;
    padding: 10px;
    font-size: 18px;
    font-weight: 600;
    text-transform: uppercase;
    border: none;
} */
.popup_language .ccm-block-switch-language{
    width:100%;
}
.popup_language{
    display:none;
    flex-direction:column;
    align-items: center;
    background:#5ac1a4;
    position:fixed;
    width:300px;
    max-height:100%;
    max-width:100%;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    padding: 30px;
    z-index: 2000;
    border-radius:8px;
    text-align:center;
    color:#fff;
}
.popup_language.active{
    display: flex;
}
.popup_language h2{
    font-weight:900;
    font-size:24px;
    margin: 0 0 20px 0;
    line-height:1.2em;
    text-transform:uppercase;
}
.popup_language p{
    font-size:14px;
    padding: 0 20%;
}
.popup_language .lang_options{
    display:flex;
    flex-direction:column;
}
.popup_language .lang_options div{
    margin: 5px 0;
    padding: 8px 15px 8px 50px;
    border-radius:4px;
    background:#fff;
    text-transform:uppercase;
    line-height: 1.4em;
    font-size: 17px;
    color:#4c3391;
}
.popup_language button{
    appearance:none;
    display: block;
    margin: 10px 0 0 0;
    padding: 5px 30px;
    border:none;
    font-weight:700;
    background: #4b3390;
    border-radius: 5px;
    color: #fff;
    font-size:20px;
    line-height: 30px;
}

/* online banking */

/* temp - until core switch */
.temp_login_solution{
    display:flex;
    flex-flow:column nowrap;

}
.sol_button{
    flex: 1 1 30%;
    padding: 15px 20px 15px 80px;
    border-radius: 8px;
    font-size: 18px;
    font-weight: bold;
    margin: 0 0 10px 0;
    background: #358e75;
    border-bottom: 4px solid #226c57;
    position: relative;
    transition: all ease 200ms;
}
.sol_button i{
    position:absolute;
    left:20px;
    width:20px;
    top:50%;
    transform: translate(0,-50%);
    text-align: center;
    transition:all ease 200ms;
}
.sol_button:hover{
    border-bottom: 4px solid #134a3b;
    background: #2c8068;
}
.sol_button:hover i{
    color:#a4d061;
}
.sol_button:after{
    content:'';
    display:block;
    height:100%;
    width:1px;
    position:absolute;
    background:#2c8068;
    top:0;
    left:60px;
}
.sol_button.banking{
    font-size: 18px;
    padding: 35px 20px 35px 80px;
}
/* temp */

.popup_online_banking {
    display: none;
    align-items: center;
    position: fixed;
    max-height: 100%;
    max-width: 800px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 2000;
    color: #fff;
}
.popup_online_banking.active{
    display:block;
}
.popup_online_banking .inner{
    display:block;
    justify-content: stretch;
}
.ob_form{
    flex: 0 0 320px;
    border-radius: 8px;
    padding: 40px 40px 40px 40px;
    display:flex;
    position:relative;
    flex-direction:column;
    background: #5ac1a4;
}
.ob_form h2{
    font-size:22px;
}
.ob_form h2 i{color:#4b3390;margin: 0 8px 0 0;}

.ob_form form{
    display:block;
    width:100%;
    display:flex;
    margin: 10px 0;
    flex-direction: column;
}
.ob_form form input[type="text"],
.ob_form form input[type="password"]{
    font-size: 16px;
    line-height: 18px;
    margin: 5px 0;
    padding: 12px;
    border-radius:4px;
    background:#fff;
    appearance:none;
    border:none;
}
.ob_form form input[type="submit"]{
    margin: 5px 0;
    background: #4b3390;
    cursor:pointer;
    border-radius: 5px;
    border:none;
    appearance:none;
    color: #fff;
    padding: 12px;
    font-size: 16px;
    line-height: 18px;
    transition:ease 150ms all;
}
.ob_form form input[type="submit"]:hover{
    background:#2b195e;
}

.other_links{
    display:flex;
    flex-direction: column;
    margin: 10px 0 0 0;
}
.other_links a{
    font-size:18px;
    padding:5px 0;
    line-height:20px;
    transition: ease 400ms all;
}
.other_links a:hover{

}
.other_links a i{
    color: #4b3390;
    font-size:16px;
    line-height: 20px;
    margin: 0 0 0 5px;
    transition:ease 400ms all;
}
.other_links a:hover i{
    margin: 0 0 0 8px;
}

.help_links{
    position:absolute;
    bottom:0;
    left:0;
    border-radius:0 0 8px 8px;
    background:#fff;
    color:#4c3391;
    width:100%;
    height:60px;
    display:none;
    justify-content: center;
    align-items: center;
}
.help_links a{
    font-size:16px;
    padding: 2px 30px;
    line-height:20px;
    font-weight:700;
}
.help_links a:first-child{
    border-right:1px solid #ddd;
}
.help_links a i{
    color:#3b9d82;
}

.ob_info{
    flex: 1 1 400px;
    border-radius: 8px;
    background:#ddd;
    margin: 0 0 0 20px;
}



/* Interior */
#int_hero{
    background-color:#dedede;
    background-size:cover;
    background-position: center;
    height:280px;
}
#int_hero.section{
    height:400px;
}
#int_prefooter{
    border-top:3px solid #3b9d82;
    padding: 28px;
}
#footer_nav{
    display:flex;
    flex-flow: row wrap;
    justify-content: center;
    width:100%;
}
#footer_nav a{
    color:#4c3391;
    position:relative;
    display: block;
    padding: 8px 14px;
    margin: 5px;
    border-radius:50px;
    background:#fff;
    border: 1px solid #eee;
    line-height:0.8em;
    transition:ease all 200ms;
}
#footer_nav a:hover{
    background: #eee;
}

/* #int_page */
#int_page{
    background:#fff;
    position:relative;
}
#int_about .wrapper,
#int_page .wrapper{
    max-width:1200px;
}
#int_wrap{
    position: relative;
    display:flex;
    z-index: 1;
}
#int_page:after{
    content:'';
    display:block;
    position:absolute;
    right:50%;
    width:50%;
    top:0;
    height:100%;
    background:#ddf1ea;
}
#int_page.nogreen:after {display:none;}

#int_about{
    position: relative;
    background-color: #c6e8dc;
    background-image: url('../img/coop-about-bg.jpg');
    background-size: 100%;
    background-repeat: repeat-y;
}
#about_section{
    padding: 40px;
    color: #4d4d4f;
}
#about_section p{
    line-height:1.4em;
}
.content_blocks{
    display: grid;
    column-gap: 40px;
    row-gap: 60px;
    grid-template-columns: 1fr 1fr;
    margin: 60px 0;
}
.content_block h3{
    color:#4d4d4f;
    font-size:19px;
}
.content_block p{
    color:#4d4d4f;
}


#section{
    padding: 40px;
}
#about_section h2,
.page-type-internal-section-landing #section h1,
#section h2{
    color:#4d4d4f;
    text-align: center;
    margin: 10px 0 40px 0;
}
.page-type-news-list #section h1{
    font-size:30px;
    color: #4b3290;
    margin: 0 0 35px 0;
}
.page-type-internal-section-landing #section h1{
    font-size:30px;
    color: #4b3290;
}
#tiles{
    display: grid;
    column-gap:30px;
    row-gap:30px;
    grid-template-columns: 1fr 1fr 1fr;
    margin: 60px 0;
}
.tile{
    color:#4d4d4f;
    text-align: right;
    z-index: 1;
}
.tile_inner{
    position:relative;
    display: flex;
    justify-content: center;
    flex-direction: column;
    height:110px;
    border-radius:5px;
    padding: 0 30px 0 80px;
    border: 4px solid #b7d43c;
    background:#fff;
    transition:ease all 200ms;
}
.tile:hover .tile_inner{
    color:#111;
}
.tile_inner:after{
    content:'';
    opacity:0.2;
    box-shadow:0 10px 15px 10px #000;
    position:absolute;
    top:10px;
    left:10px;
    right:10px;
    bottom: 10px;
    z-index: -1;
    transition:ease all 200ms;
}
.tile:hover .tile_inner:after{
    opacity: 0.4;
}
.tile_inner i{
    color:#4d4d4f;
    position:absolute;
    top:50%;
    left:30px;
    width:20px;
    text-align: center;
    font-size:30px;
    transform:translate(0,-50%);
}
.tile:nth-child(6n+4) .tile_inner,
.tile:nth-child(6n+5) .tile_inner,
.tile:nth-child(6n+6) .tile_inner{
    border: 4px solid #b0e8d4;
}

#sidebar{
    padding: 40px 0;
    order:1;
    flex: 0 1 350px;
    background: #ddf1ea;
}
#sidebar h3{
    font-weight:900;
    color:#4d4d4f;
    font-size:28px;
    padding: 0 25px;
    margin: 0 0 15px 0;
}
#sidebar_nav{
    margin: 0 0 50px 0;
}
#sidebar_nav a{
    display:block;
    padding: 12px 25px;
    color:#4d4d4f;
    transition:ease all 200ms;
}
#sidebar_nav a:hover{
    background:#c1d9d0;
}
#sidebar_nav a.active{
    background:#4b3290;
    color:#fff;
    font-weight:bold;
}
#mobile_app{
    margin: 0 0 50px 0;
    padding:0 25px;
}
#mobile_app h3{
    font-size:16px;
    padding:0;
}
#mobile_app p{
    font-size:12px;
    color:#606060;
}
.app_button{
    border-radius:3px;
    background:#0e5156;
    border-bottom: 3px solid #063639;
    margin: 10px 0;
    font-size:14px;
    color:#fff;
    position:relative;
    line-height: 1.2em;
    display:block;
    transition:ease all 200ms;
    padding: 10px 20px 10px 50px;
}
.app_button:hover{
    background:#063639;
}
.app_button:before{
    content:'';
    display:block;
    height:100%;
    width:1px;
    background:#063639;
    position:absolute;
    left:41px;
    top:0;
}
.app_button:after{
    position:absolute;
    font-family:'Font Awesome 5 Brands';
    top:50%;
    left:10px;
    font-weight:900;
    text-align: center;
    width:20px;
    font-size:23px;
    display:block;
    transform:translate(0,-50%);
}
.app_button.ios:after{
    content:'\f36f';
}
.app_button.droid:after{
    content:'\f3ab';
}

/* PAGE */
#page {
    order: 2;
    flex: 1 1 100%;
    min-height: 400px;
    background: #fff;
    padding: 40px;
}
#int_about h1,
#page h1{
    color:#4b3290;
    font-size:40px;
    position:relative;
    margin: 0 0 70px 0;
}
#page h1:after{
    content:'';
    width:80px;
    height:1px;
    position:absolute;
    background:#3b9d82;
    bottom: -15px;
    left:0;
    display:block;
}
#int_about h2{
    color:#0e5156;
    margin: 15px 0 10px 0;
}
#int_about h4{
    margin: 5px 0;
}
#int_page h2,
.page-type-internal-section-landing #section h2,
#page h2{
    /* color:#4d4d4f;
    font-size:24px;
    margin: 30px 0 15px 0; */
    color: #0e5156;
    font-size: 30px;
    margin: 60px 0 15px 0;
    border-bottom: 1px dotted #aaa;
    padding: 0 0 5px 0;
}

#int_about h3{
    color:#4b3290;
    font-size:20px;
    margin: 15px 0 5px 0;
    font-weight:600;
}
#int_page h3,
.page-type-internal-section-landing #section h3,
#page h3{
    color:#4d4d4f;
    font-size:20px;
    margin: 15px 0 15px 0;
    font-weight:600;
}
#int_page h4,
.page-type-internal-section-landing #section h4,
#page h4{
    color:#4b3290;
    font-size:16px;
    margin: 15px 0 4px 0;
    font-weight:600;
}
#int_page li,
#int_page p,
#int_about li,
#int_about p,
.page-type-internal-section-landing #section li,
.page-type-internal-section-landing #section p,
#page li,
#page p{
    font-weight:300;
    line-height:1.3em;
    margin: 0 0 30px 0;
}
#int_page #section a,
#int_about a,
.page-type-internal-section-landing #section a,
#page a{
    line-height: 1.4em;
    color:#0e5156;
    font-weight:bold;
}
#int_page #section a:hover,
#int_about a:hover,
.page-type-internal-section-landing #section a:hover,
#page a:hover{
    text-decoration: underline;
}
#int_page ol,
#int_about ol,
.page-type-internal-section-landing #section ol,
#page ol{
    margin: 30px 0;
}
#int_page ul,
#int_about ul,
.page-type-internal-section-landing #section ul,
#page ul{
    list-style:none;
    margin: 30px 0;
}
.page-type-internal-section-landing #section ul ul,
.page-type-internal-section-landing #section ul ol,
.page-type-internal-section-landing #section ol ul,
.page-type-internal-section-landing #section ol ol,
#page ol ul,
#page ol ol,
#page ul ul,
#page ul ol{
    margin: 20px 0;
    padding: 0 0 0 25px;
}

#int_about li,
#int_page li,
.page-type-internal-section-landing #section li,
#page li{
    margin: 0 0 10px 0;
}
#int_about ul li,
#int_page ul li,
.page-type-internal-section-landing #section ul li,
#page ul li{
    position:relative;
}
.page-type-internal-section-landing #section ul li:before,
#int_about ul li:before,
#int_page ul li:before,
#page ul li:before{
    content:'\f105';
    left:-14px;
    position:absolute;
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
}

.page-type-internal-section-landing #section ul ul li:before,
#page ul ul li:before{
    content:'\f0da';
}


div.ccm-block-feature-item{
    margin-bottom:40px;
}
p + div.ccm-block-feature-item.post_para{
    margin-top:-30px;
}
.ccm-block-feature-item + .ccm-block-feature-item {
    margin-top: -50px;
}

.page-type-news-list #section a.feature_button,
.page-type-internal-section-landing #section a.feature_button,
#page a.feature_button{
    display:inline-block;
    border-radius: 3px;
    background: #4b3290;
    border-bottom: 3px solid #271559;
    margin: 10px 0;
    font-size: 14px;
    color: #fff !important;
    position: relative;
    transition: ease all 200ms;
    padding: 10px 25px 10px 50px;
    font-weight:normal;
    line-height: 1.2em;
    text-decoration: none;
}
.page-type-news-list #section a.feature_button:hover,
.page-type-internal-section-landing #section a.feature_button:hover,
#page a.feature_button:hover{
    background: #271559;
}
.page-type-news-list #section a.feature_button.noIcon,
.page-type-internal-section-landing #section a.feature_button.noIcon,
#page a.feature_button.noIcon{
    padding: 10px 25px;
}
.page-type-news-list #section a.feature_button.noIcon:before,
.page-type-internal-section-landing #section a.feature_button.noIcon:before,
#page a.feature_button.noIcon:before{display:none;}

.page-type-news-list #section a.feature_button:before,
.page-type-internal-section-landing #section a.feature_button:before,
#page a.feature_button:before {
    content: '';
    display: block;
    height: 100%;
    width: 1px;
    background: #271559;
    position: absolute;
    left: 41px;
    top: 0;
}
.page-type-news-list #section a.feature_button i,
.page-type-internal-section-landing #section a.feature_button i,
#page a.feature_button i{
    position: absolute;
    top: 50%;
    left: 10px;
    font-weight: 900;
    text-align: center;
    width: 20px;
    font-size: 19px;
    display: block;
    transform: translate(0, -50%);
}


/* ACCORDION */
.accordion.ccm-block-accordion{
    margin: 0 0 40px 0;
}
.accordion-collapse.collapse{
    display:none;
} 
.accordion-collapse.collapse.show{
    display:block;
} 
.accordion-button:not(.collapsed){
    background-color:#ddf1ea;
    color: #0e5156;
    font-weight:bold;
    outline-color: #0e5156;
}

/* Board Members */
.board{
    margin: 0 0 30px 0;
    padding: 30px 0 30px 180px;
    position: relative;
    border-top: 1px solid #eee;
}
.board img{
    width: 150px;
    height: auto;
    position: absolute;
    left: 0;
    top: 30px;
}
@media(max-width:600px){
    .board{
        padding: 30px 0;
        text-align: center;
    }
    .board strong{
        display: block;
    }
    .board img{
        top:0;
        position: relative;
        margin: 0 0 20px 0;
        border-radius: 50%;
    }
}

/* Community Impact Storys (testimonial block rework) */
.impact_story{
    margin: 40px 0;
    display:flex;
    padding: 30px 0 0 0;
}
.impact_story.bm_type{
    padding: 20px 0;
    border-bottom:1px solid #eee;
}
.impact_img{
    align-self: flex-start;
    flex: 0 0 200px;
    padding: 20px;
    border-radius:50%;
    position:relative;
    overflow: hidden;
    height:200px;
}
.impact_img img{
    position:absolute;
    top:50%;
    left:50%;
    width:200px;
    height:200px;
    transform:translate(-50%,-50%);
}
.impact_text{
    flex: 1 1 auto;
    padding: 0 0 40px 40px;
}
.impact_name{
    margin: 0 0 15px 0;
    font-weight:bold;
    color: #4b3290;
}
.impact_copy{
    font-weight: 300;
    line-height: 1.3em;
}


@media(max-width:700px){
    .impact_story{
        flex-direction: column;
    }
    .impact_img{
        flex: 0 0 150px;
        width:150px;
    }
    .impact_img img{
        width:150px;
        height:150px;
    }
    .impact_text{
        flex: 1 1 auto;
        padding: 20px 0 0 0;
    }
}


/* Services Main Pages */
#services_testimonials {
    padding: 30px 0;
    overflow: hidden;
    background-image: url('../img/news-bg.jpg');
    background-size: cover;
    background-position: center;
}
#services_testimonials .wrapper{
    max-width:880px;
}

#services_testimonials h2 {
    text-align: center;
    color: #ffffff;
    font-size: 34px;
    margin: 20px 0 30px 0;
    font-weight: 900;
    letter-spacing: 1px;
}

#services_testimonials .slider_wrap {
    padding: 0 50px;
}

#service_testimonial_slider .owl-item {
    background: #edf8f4;
    border-radius: 4px;
    margin: 0 0 20px 0;
}

#service_testimonial_slider .item {
    display: block;
}
#service_testimonial_slider .t_item_inner{
    padding: 0 0 0 150px;
}
#service_testimonial_slider .testimonial_image {
    height: 100%;
    width:150px;
    position:absolute;
    top:0;
    left:0;
    background-size: cover;
    background-position: center;
    border-radius: 4px 0 0 4px;
}

#service_testimonial_slider h3 {
    font-weight: 900;
    font-size: 20px;
    letter-spacing: 1px;
    margin: 10px 0 10px 0;
    padding: 27px 40px 0 40px;
    color: #4b3290;
}

#service_testimonial_slider p {
    color: #0e5156;
    font-size: 14px;
    line-height: 1.3em;
    padding: 0 40px 45px 40px;
    margin: 0;
}

#service_testimonial_slider .item span {
    position: absolute;
    bottom: 0;
    left: 50%;
    display: block;
    border-radius: 4px;
    background: #5ac1a4;
    transform: translate(-50%, 50%);
    transition: ease all 100ms;
    padding: 9px 18px;
    color: #fff;
    font-weight: 600;
}

#service_testimonial_slider .owl-item span:hover {
    background: #3b9d82;
}


/* SEARCH RESULTS */
#page .ccm-search-block-form{
    display:flex;
    justify-content: space-between;
    line-height:18px;
    font-size:18px;
}
#page .ccm-search-block-form input[type="text"]{
    flex: 1 1 auto;
    margin: 0 20px 0 0;
    line-height: inherit;
    border-radius:5px;
    font-size:inherit;
    padding: 15px;
    -webkit-appearance: none;
    min-width: 0;
    appearance: none;
    border:1px solid #ddd;
}
#page .ccm-search-block-form input[type="submit"]{
    line-height: inherit;
    border:none;
    -webkit-appearance:none;
    appearance:none;
    color:#fff;
    font-size: inherit;
    font-weight:bold;
    padding: 15px 30px;
    border-radius: 3px;
    cursor:pointer;
    background: #4b3290;
    border-bottom: 3px solid #1d0e46;
    transition: ease all 200ms;
}
#page .ccm-search-block-form input[type="submit"]:hover{
    background: #1d0e46;
}
#searchResults .searchResult {
    border-radius: 8px;
    padding: 0 20px;
    border: solid 5px #ddf1ea;
}
#searchResults .searchResult p{
    margin: 0 0 20px 0;
}
#searchResults .searchResult p br{
    display:none;
}
#searchResults .searchResult p a.pageLink span{
    background-color:transparent !important;
    color: #4b3290;
    font-weight:bold;
}
#page #searchResults a.pageLink{
    font-weight:normal;
    font-size:16px;
}

/* NEWS */

#int_news_holder{
    display:grid;
    grid-template-columns: repeat(2,1fr);
    column-gap:20px;
    row-gap:20px;
}
#int_news_holder .news_item{
    padding: 30px;
    border-radius:4px;
    background:#edf4f2;
}
#int_page #int_news_holder .news_item h2{
    color:#4b3390;
    margin: 0 0 5px 0;
    border:none;
    text-align: left;
    font-size: 20px;
}
#int_page #int_news_holder .news_item h3{
    color:#000;
    margin: 0 0 15px 0;
    font-size:15px;
}
#int_news_holder .news_item span{
    display:block;
    width:100%;
    padding: 12px;
    background: #cde6df;
    text-align: center;
    font-weight: bold;
}
.int_news_image{
    background-size:cover;
    background-position:center;
    border-radius:4px;
    margin: 0 0 25px 0;
    height:220px;
    border-bottom: 1px solid #f2f2f2;
}
.feat_news{
    font-size: 14px;
    font-weight: bold;
    letter-spacing: 1px;
    color: #4cbe98;
}


/* Homepage News Callout */
#home_super_news{
    color: #1e5445;
    background: #edf8f4;
    padding: 40px;
}
#home_super_news .wrapper{
    border-top: 1px solid #bde7d8;
    border-bottom: 1px solid #bde7d8;
    padding-top: 40px;
    padding-bottom: 40px;
}
.super_news{
    padding: 0 110px;
    display:flex;
    justify-content: flex-start;
}
.super_news_text h3{
    font-size:24px;
}
.super_news_text span{
    display: inline-block;
    padding: 10px 40px;
    background: #5AC1A4;
    border-radius: 6px;
    color: #fff;
    font-size: 18px;
    font-weight: 900;
    /* text-transform: uppercase; */
}
.super_news_image{
    flex:0 0 120px;
    display: flex;
    flex-direction: column;
    align-content: center;
    justify-content: center;
    margin: 0 50px 0 0;
}
.super_news svg{
    max-width: 100%
}
#logoMark__CompoundPathItem_{
    stroke: #5ac1a4;
    fill:none;
    stroke-width: 2;
}
#logoMark__PathItem_{
    stroke: #5ac1a4;
    fill: none;
    stroke-width: 2;
}


/* TABLES - ugh */
table.basic_table{
    width: 100%;
    overflow:hidden;
    text-align: left;
    margin: 0 0 40px 0;
    background: #f8f8f8;
    border-collapse:collapse;
    border-radius:8px 8px 0 0;
}
body table td.hidecell{
    display:none !important;
}
table.respond th{
    border-top:none !important;
}
table.basic_table.respond thead tr:first-child{
    background:#0e5156;
    color:#fff;
    font-weight:bold;
    border:none !important;
    /* font-size:18px; */
}
table.basic_table.respond tr:first-child{
    background:#f8f8f8;
    color:inherit;
    font-weight:normal;
    border:1px dotted #929292 !important;
    
}
table.basic_table tr:first-child{
    background:#0e5156;
    color:#fff;
    font-weight:bold;
    border:none !important;
    /* font-size:18px; */
}
table.basic_table.no_table_header tr:first-child{
    background: #f8f8f8;
    font-weight:normal;
    font-size:inherit;
    color:inherit;
    border-top: 1px solid #929292;
    border-bottom: 1px solid #929292;
    border-left: 1px solid #929292;
    border-right: 1px solid #929292;
}
table.basic_table tr{
    border-color:#929292 !important;
    border-bottom: 1px solid #929292;
    border-left: 1px solid #929292;
    border-right: 1px solid #929292;
}
table.basic_table.table_dotted.no_table_header tr:first-child{
    border-top: 1px dotted #929292;
}
table.basic_table.table_dotted.no_table_header tr:first-child,
table.basic_table.table_dotted tr{
    border-right: 1px dotted #929292;
    border-left: 1px dotted #929292;
    border-bottom: 1px dotted #929292;
}
table.basic_table td,
table.basic_table th{
    padding:10px;
}
table.basic_table th{
    border-right: 1px solid #1c787f;
}
table.basic_table.table_dotted th{
    border-right: 1px dotted #1c787f;
}
table.basic_table th:last-child{
    border-right:none !important;
}
table.basic_table.respond td,
table.basic_table td{
    border-right: 1px solid #929292 !important;
    border-bottom: 1px solid #929292 !important;
}
table.basic_table.table_dotted.respond td,
table.basic_table.table_dotted td{
    border-right: 1px dotted #929292 !important;
    border-bottom: 1px dotted #929292 !important;
}
table.basic_table td:last-child{
    border:none !important;
}
table.basic_table.respond td.has_right_border:last-child,
table.basic_table td.has_right_border:last-child{
    border-right: 1px solid #929292 !important;
    border-bottom: 1px solid #929292 !important;
}
table.basic_table.table_dotted.respond td.has_right_border:last-child,
table.basic_table.table_dotted td.has_right_border:last-child{
    border-right: 1px dotted #929292 !important;
    border-bottom: 1px dotted #929292 !important;
}

body table.respond caption{
    color: #4d4d4f;
    font-size: 20px;
    margin: 15px 0 15px 0;
    letter-spacing: 0px;
    font-weight: 600;
    font-family: 'Montserrat', sans-serif;
}

@media(max-width:800px){

    .rt-cell-1[rowspan]{
        background: #0e5156;
        color: #fff;
        font-weight: bold;
    }
    body table.respond tr.bba{
        display:none !important;
    }

}


/* Custom Accordion */
#custom_accordion{
    border: 1px solid #a8c4bb;
    overflow: hidden;
    border-radius:5px;
    margin: 20px 0 50px 0;
}
.ac_body{
    height:0;
    overflow:hidden;
    transition:ease all 550ms;
}
.ac_body_inner{
    padding:25px;
    border-top:1px solid #f1f1f1;
}


.ac_body_inner p:last-child,
.ac_body_inner ol:last-child,
.ac_body_inner ul:last-child{
    margin-bottom: 0 !important;
}
    
#int_page #section h2.accordion_header,
#int_page h2.accordion_header,
#page h2.accordion_header{
    margin:0;
    padding:0;
    border-top:1px solid #a8c4bb;
    border-bottom:none;
}
#int_page #section #custom_accordion .custom_accordion_item:first-child h2.accordion_header,
#int_page #custom_accordion .custom_accordion_item:first-child h2.accordion_header,
#page #custom_accordion .custom_accordion_item:first-child h2.accordion_header{
    border-top:none;
}
h2.accordion_header button{
    display: block;
    width: 100%;
    text-align: left;
    padding: 20px 25px;
    border: none;
    appearance: none;
    background: #ddf1ea;
    font-size: 16px;
    font-weight: bold;
    color: #0e5156;
    position:relative;
    transition:ease all 200ms;
}
h2.accordion_header button:hover{
    cursor:pointer;
    background: #ecfaf5;
}
h2.accordion_header button:after {
    content: '\f107';
    position: absolute;
    font-family: 'Font Awesome 5 Free';
    top: 50%;
    right: 30px;
    font-weight: 900;
    text-align: center;
    width: 20px;
    font-size: 23px;
    display: block;
    transform: translate(0,-50%);
}

h2.accordion_header button.active:after {
    content: '\f106';
}



/* SPANISH MODS */
/* ------------------------- */
/* ------------------------- */
html[lang="es"] a.header_button,
html[lang="es"] span.header_button {
    padding: 5px 15px;
}



/* ------------------------- */
/* ------------------------- */
/* SPANISH MODS */





@media(max-width:1300px){

    

    /* Header */
    #logo{
        background-size:contain;
        width:180px;
    }

    /* Nav */
    nav span{
        padding: 15px;
    }


}@media(max-width:1100px) {
    
    /* Util */
    #util_links>a{padding: 10px 15px;}
    #util_links{font-size: 14px;}
    #util_links span{margin: 0 15px 0 0;}
    #language_bar{
        /* padding: 10px 20px 10px 60px; */
        font-size: 14px;
    }
    /* #language_bar:after{left:10px;} */
    #social{margin:0;}
    
    /* Nav */
    nav{
        font-size:14px;
    }
    a.header_button,
    span.header_button{
        padding: 5px 15px;
    }
    

    /* Section main pages */
    #tiles {
        display: grid;
        column-gap: 30px;
        row-gap: 30px;
        grid-template-columns: 1fr 1fr;
        margin: 60px 0;
    }
    .tile:nth-child(6n+4) .tile_inner,
    .tile:nth-child(6n+5) .tile_inner,
    .tile:nth-child(6n+6) .tile_inner {
        border: 4px solid #b7d43c;
    }
    .tile:nth-child(4n+3) .tile_inner,
    .tile:nth-child(4n+4) .tile_inner {
        border: 4px solid #b0e8d4;
    }


}@media(max-width:1050px) {

    /* Mobile Nav Adjustments */
    /* #utilbar{display:none;} */
    a.header_button,
    span.header_button,
    #search,
    #util_links{display:none;}
    #language_bar{
        width:100%;
        display:flex;
    }
    #language_bar form{
        flex: 0 0 150px;
    }
    #language{
        width:100%;
    }

    #mobile_login{
        display:block;
        flex: 0 1 50%;
        position: relative;
    }
    #mobile_join{
        display:block;
        flex: 0 1 50%;
        position: relative;
        background: #0e5156;
    }
    #mobile_join:hover {
        background: #063639;
    }




    header{padding: 0 40px;}
    a.header_button,
    span.header_button{
        position:absolute;
        top:0;
        left:0;
        margin:0;
        font-weight:700;
        letter-spacing: 1px;
        border-radius:0;
        text-align: center;
        height:40px;
        padding: 5px 0;
        line-height:30px;
        font-size:16px;
        width:100%;
        color: #2B420B;
        background: #a4d061;
    }
    #mobile_join,
    a.header_button.teal{
        color:#fff;
    }
    a.header_button.teal:hover,
    span.header_button.teal:hover,
    a.header_button:hover,
    span.header_button:hover {
        background: transparent;
        cursor: pointer;
    }

    .login_buttons{
        display:none;
    }
    nav{display:none;}
    #mnavbutton{
        color:#4b3390;
        cursor:pointer;
        display:block;
        font-size:24px;
        line-height:24px;
    }
    #mnavbutton span{
        text-transform: uppercase;
        font-size:22px;
        letter-spacing: 1px;
        font-weight:700;
    }
    #mnavbutton i {
        display:inline-block;
        text-align: center;
        background:#dfdef0;
        padding: 5px 8px;
        border-radius:4px;
    }


    #supernav {
        background: #fff;
        position: absolute;
        left: 2%;
        right: 2%;
        top: 100%;
        display: none;
        overflow: hidden;
        border-radius: 0 0 8px 8px;
        padding: 10px 0 0 0;
        border: 1px solid #e5e4e6;
        border-top:none;
    }
    #supernav.active {
        display:block;
    }
    .third_lvl.active,
    .third_lvl{
        paddinG: 0 30px;
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        border-bottom: 1px dashed #ddd;
    }
    .third_lvl.active.m_active,
    .third_lvl.m_active{
        display: grid;
        padding:0 30px 20px 30px;
    }
    .third_lvl:last-child{
        border:none;
    }
    .third_lvl .nav_item_wrap{
        display:flex;
        justify-content: space-between;
    }
    .third_lvl .nav_item_wrap:first-child{
        grid-column: 1/-1;
        padding: 10px 0;
        display:flex;
    }
    .third_lvl.m_active .nav_item_wrap:first-child{
        border-bottom: 1px solid #eee;
        margin: 0 0 10px 0;
    }
    .third_lvl .nav_item_wrap a{
        display: none;
    }
    .third_lvl.m_active .nav_item_wrap a{
        padding: 6px 8px 6px 20px;
        display: block;
    }

    .third_lvl .nav_item_wrap:first-child a{
        display: block;
        flex: 1 1 auto;
        display:flex;
        flex-direction: column;
        align-content: center;
        justify-content: center;
        font-size:20px;
        font-weight:bold;
        padding: 10px 20px;
    }

    .third_lvl .nav_item_wrap:first-child a:before {
        top:50%;
        transform:translate(0,-50%);
    }

    .third_lvl .nav_item_wrap:first-child .toggle {
        display: block;
        flex: 0 0 50px;
        height:50px;
        text-align: right;
        position:relative;
        border-radius:50%;
        border: 1px dotted #5ac1a4;
        transition:ease all 200ms;
        cursor:pointer;
    }
    .third_lvl .nav_item_wrap:first-child .toggle:hover{
        border:1px solid #5ac1a4;
    }
    .third_lvl .nav_item_wrap:first-child .toggle:after{
        content:'\f107';
        font-family: 'Font Awesome 5 Free';
        font-weight:900;
        position:absolute;
        top:50%;
        left:50%;
        display:flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        text-align: center;
        transform:translate(-50%,-50%);
    }
    .third_lvl.m_active .nav_item_wrap:first-child .toggle:after {
        content:'\f106';
    }

 

    /* Homepage Map Section */
    #map{display:none;}
    .map_locations{
        padding:0;
        flex: 1 1 100%;
    }
    .map_locations ul{
        display: grid;
        column-gap: 70px;
        grid-template-columns: repeat(1, 1fr);
    }

    /* Homepage pill */
    #homepage_pill .item_inner a {
        font-size:16px;
    }


    /* Footer */
    footer{
        border-bottom: 15px solid #5ac1a4;
    }
    footer .wrapper{padding: 0 20px;}
    .footer_grid {
        flex-direction: column;
        margin: 0 0 80px 0;
        position:relative;
    }
    .footer_middle {
        order: 1;
        padding: 0;
    }
    .footer_middle ul{text-align: center;}
    .footer_social{
        order:2;
        padding:20px 0;
        flex-direction:row;
    }
    .footer_social a{margin: 0 10px;}
    .footer_logo_area {
        padding: 0;
        order: 3;
    }
    .footer_logo_area .footer_logo{
        height:130px;
        margin: 80px 0 0 0;
    }
    .footer_affiliation_logos img{margin: 0 15px;}
    .footer_affiliation_logos{
        justify-content: center;
        position: absolute;
        bottom: -80px;
        left: 0;
        margin: 0;
        width: 100%;
    }

    /* Super News Homepage */
    #home_super_news{
        padding: 20px;
    }
    #home_super_news .wrapper{
        padding-top:20px;
        padding-bottom: 20px;
    }
    .super_news_text p{
        font-size: 14px;
        line-height: 1.4em;
    }
    .super_news{
        padding: 0 40px;
    }
    .super_news_image{
        flex: 0 0 100px;
        margin: 0 40px 0 0;
    }

}
@media(max-width:900px) {

    /* Homepage Purple Pill Slider */
    #homepage_pill .wrapper{
        padding: 0 20px;
    }
    #homepage_pill .item_inner::after,
    #homepage_pill .item_inner::before{display:none;}
    #homepage_pill .item_inner{
        padding: 40px 20px 60px 20px;
    }
    /* #homepage_pill .item_inner a{width:80%;} */
    .hero_prev_pill,
    .hero_next_pill{
        display:none;
    }

    /* Popups */
    .ob_info{
        display:none;
    }

    /* Interior */
    #int_wrap{
        flex-direction:column;
    }
    #int_page .wrapper{
        padding:0;
    }
    #int_page::after{display:none;}
    #sidebar {
        padding: 40px 0;
        order: 2;
        flex: 0 1 350px;
        background: #ddf1ea;
    }
    #page {
        order: 1;
        flex: 1 1 100%;
        min-height: 400px;
        background: #fff;
        padding: 40px;
    }


}
@media(max-width:768px) {

    /* Homepage */
    #homepage_pill .item_inner a {
        font-size: 18px;
    }
    .map_locations ul{
        grid-template-columns: repeat(1, 2fr);
    }

    /* Mobile Nav */
    .third_lvl.active,
    .third_lvl{
        grid-template-columns: repeat(2, 1fr);
    }

    /* Section main pages */
    #tiles {
        column-gap: 20px;
        row-gap: 20px;
        grid-template-columns: 1fr;
        margin: 40px 0;
    }
    .tile:nth-child(4n+3) .tile_inner,
    .tile:nth-child(4n+4) .tile_inner {
        border: 4px solid #b7d43c;
    }
    .tile:nth-child(2n+2) .tile_inner {
        border: 4px solid #b0e8d4;
    }
    .tile_inner{
        height: auto;
        padding: 20px 20px 20px 80px;
    }
    .tile_inner h3{
        font-size:16px;
    }
    .tile_inner i{font-size:22px;}


    /* About */
    .content_blocks {
        column-gap: 20px;
        row-gap: 20px;
        grid-template-columns: 1fr;
        margin: 40px 0;
    }

    /* NEWS */
    #int_news_holder {
        grid-template-columns: repeat(1, 1fr);
    }

    /* Super News Homepage */
    .super_news{
        flex-direction: column;
        text-align: center;
    }
    .super_news_image{
        height:100px;
        margin: 0 0 20px 0;
    }


}
@media(max-width:600px) {

    /* Header */
    #logo{
        height:80px;
        width: 150px;
    }
    header{padding: 0 20px;}



    /* Mobile Nav */
    .third_lvl .nav_item_wrap:first-child .toggle {
        flex: 0 0 80px;
        height: 40px;
        border-radius: 10px;
    }
    .third_lvl .nav_item_wrap:first-child a{
        font-size: 17px;
        padding: 10px 20px 10px 20px;
    }






    /* Homepage Purple Pill Slider */
    #homepage_pill{padding: 10px 0;}
    #homepage_pill .item_inner {
        padding: 30px 20px 120px 20px;
        margin: 20px 0 50px 0;
    }
    #homepage_pill .item_inner .pill_buttons{
        flex-direction: column;
    }
    #homepage_pill .item_inner a{
        margin: 5px 0;
    }
    #homepage_pill .item_inner h2{font-size: 28px;line-height: 1.1em;}
    #homepage_pill .item_inner p{
        font-size:16px;
        line-height: 1.3em;
        margin: 10px 0 0 0;
        padding:0;
    }
   

    /* Homepage Services Slider */
    #homepage_services h2{
        font-size: 28px;
        margin: 10px 0 20px 0;
    }


    /* Homepage Map */
    .map_locations h2{
        font-size:28px;
    }

    /* Homepage News Slider */
    #services_testimonials .slider_wrap,
    #homepage_news .slider_wrap{padding: 0;}

    #services_testimonials h2,
    #homepage_news h2{
        font-size: 28px;
        margin: 10px 0 20px 0;
    }

    /* INTERIOR */
    #service_testimonial_slider .item{
        text-align: center;
    }
    #service_testimonial_slider .testimonial_image{
        display:inline-block;
        position:relative;
        border-radius: 50%;
        height:120px;
        width:120px;
        margin: 40px 0 0 0; 
    }
    #service_testimonial_slider h3{
        padding: 7px 40px 0 40px;
    }
    #service_testimonial_slider .t_item_inner{
        padding:0;
        text-align: center;
    }
    
    
    #int_hero{
        height:180px;
    }

    .ob_form{
        padding:20px;
    }

}
@media(max-width:500px){

    #int_about h1, #page h1{
        font-size: 34px;
    }

    .popup_online_banking{
        width:80%;
        max-width:80%;
    }
    .sol_button{
        font-size:16px;
    }

    /* Super News Homepage */
    #home_super_news{
        padding: 20px 0;
    }
    .super_news {
       padding: 0;
    }

    /* Mobile Nav */
    .third_lvl.active,
    .third_lvl {
        grid-template-columns: repeat(1, 1fr);
    }
}