/*
* Skeleton V1.1
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 8/17/2011
*/

/* Table of Content
==================================================
	#Reset & Basics
	#Basic Styles
	#Site Styles
	#Typography
	#Links
	#Lists
	#Images
	#Buttons
	#Tabs
	#Forms
    #Menu + Logo
	#Misc 
    #Sidebar
    #Footer
*/

/* #Reset & Basics (Inspired by E. Meyers)
================================================== */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
strong {
	font-weight: 900;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block;
}

body {
    line-height: 1;
}

ol, ul {
    list-style: none;
}

blockquote, q {
    quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

/* #Basic Styles
================================================== */
body {
    background: #fff;
    font-family: 'Roboto', sans-serif;
    color: #444;
}

#wpadminbar {
    position: fixed !important;
}

/* #Typography
================================================== */
h1, h2, h3, h4, h5, h6 {
    color: #221e1f;
    font-family: 'Roboto', sans-serif;
    font-weight: normal;
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
    font-weight: inherit;
}

h1 {
    font-family: 'Roboto Slab', serif;
    font-size: 35px;
    line-height: 50px;
    padding-bottom: 25px;
}

h2 {
font-size: 26px;
    font-family: 'Roboto Slab', serif;
  color: #126b6b;
	padding-bottom: 20px;
}

h3 {
    font-size: 24px;
    line-height: 34px;
    font-family: 'Roboto', sans-serif;
}

h4 {
    font-size: 21px;
    line-height: 30px;
}

h5 {
    font-size: 17px;
    line-height: 24px;
}

h6 {
	display: flex;
}

h6 a {
    padding: 10px 15px;
    text-decoration: none;
    color: #FFF !important;
    font-size: 17px;
    text-transform: uppercase;
    font-weight: 700;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    margin: 5px 5px 40px 5px;
    letter-spacing: 2px;
    transition: .25s;
	background-color: #3eabab;
}

.subheader {
    color: #777;
}

p {
    margin: 0 0 20px 0;
    line-height: 25px;
	font-family: 'Roboto', sans-serif;
	font-weight: 400;
}

p img {
    margin: 0;
}

p.lead {
    font-size: 21px;
    line-height: 27px;
    color: #777;
}

em {
    font-style: italic;
}

strong, b {
    font-weight: bold;
}

small {
    font-size: 80%;
}

/*	Blockquotes  */
blockquote, blockquote p {
    font-size: 17px;
    line-height: 24px;
    color: #777;
    font-style: italic;
}

blockquote {
    margin: 0 0 20px;
    padding: 9px 20px 0 19px;
    border-left: 1px solid #ddd;
}

blockquote cite {
    display: block;
    font-size: 12px;
    color: #555;
}

blockquote cite:before {
    content: "\2014 \0020";
}

blockquote cite a, blockquote cite a:visited, blockquote cite a:visited {
    color: #555;
}

hr {
    border: solid #ddd;
    border-width: 1px 0 0;
    clear: both;
    margin: 10px 0 30px;
    height: 0;
}

/* #Links
================================================== */
a, a:visited {
    color: #126b6b;
    outline: 0;
	font-family: 'Roboto', sans-serif;
}

a:hover, a:focus {
    color: #000;
}

p a, p a:visited {
    line-height: inherit;
}

/* #Lists
================================================== */
ul, ol {
    margin-bottom: 20px;
}

ul {
    list-style: disc outside;
    margin-left: 30px;
}

ol {
    list-style: decimal;
}

ol, ul.square, ul.circle, ul.disc {
    margin-left: 30px;
}

ul.square {
    list-style: square outside;
}

ul.circle {
    list-style: circle outside;
}

ul.disc {
    list-style: disc outside;
}

ul ul, ul ol,
ol ol, ol ul {
    margin: 4px 0 5px 30px;
    font-size: 90%;
}

ul ul li, ul ol li,
ol ol li, ol ul li {
    margin-bottom: 6px;
}

li {
    line-height: 20px;
    margin-bottom: 12px;
}

ul.large li {
    line-height: 21px;
}

li p {
    line-height: 21px;
}

/* #Images
================================================== */

img.scale-with-grid {
    max-width: 100%;
    height: auto;
}

.alignleft {
    float: left;
    margin: 0 20px 10px 0;
}

.alignright {
    float: right;
    margin: 0 0 10px 20px;
}

.aligncenter {
    clear: both;
    display: block;
    margin: 0 auto;
}

.attachment-featured-image {
    margin: 0 auto;
    padding: 0 0 25px 0;
}

@media screen and (min-width: 768px) {
    .attachment-featured-image {
        float: right;
        padding: 0 0 25px 25px;
    }
}

/* #Forms
================================================== */

form {
    margin-bottom: 20px;
}

fieldset {
    margin-bottom: 20px;
}

input[type="text"],
input[type="password"],
input[type="email"],
textarea,
select {
    border: 1px solid #ccc;
    padding: 6px 4px;
    outline: none;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    font: 13px "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #777;
    margin: 0;
    width: 210px;
    max-width: 100%;
    display: block;
    background: #fff;
}

select {
    padding: 0 !important;
}

input[type="text"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
textarea:focus {
    border: 1px solid #aaa;
    color: #444;
    -moz-box-shadow: 0 0 3px rgba(0, 0, 0, .2);
    -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, .2);
    box-shadow: 0 0 3px rgba(0, 0, 0, .2);
}

textarea {
    min-height: 60px;
}

label,
legend {
    padding: 0 0 10px 0;
    display: block;
    font-weight: bold;
    font-size: 13px;
}

select {
    height: 25px;
    width: 220px;
}

input[type="checkbox"] {
    display: inline;
}

label span,
legend span {
    font-weight: normal;
    font-size: 13px;
    color: #444;
}

/* Comments
================================================== */
.comments-holder li {
    margin: 50px 20px 20px 20px;
    list-style: none;
}

.comments-holder li {
    border-bottom: 1px solid;
}

.comments-holder ul {
    list-style: none;
}

.comments-holder li {
    border: none;
}

.comment-author.vcard {
    float: left;
    margin: 0 20px 10px 0;
    overflow: hidden;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border: 2px solid auto;
}

.comment-author.vcard img {
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
}

.reply-holder {
    margin: 50px 20px 20px 20px;
}

.reply-holder .comment-form label {
    float: left;
    clear: both;
    width: 100%;
}

.reply-holder .comment-form textarea {
    max-width: 100%;
    width: 100%;
}

.reply-holder .comment-form .comment {
    padding: 10px;
    width: 100%;
}

/* #Header
================================================== */
.header {
}

.logo {
    padding: 20px 0 !important;
}

.logo a {
    text-decoration: none;
}
.buttons {
    padding-top: 60px
}
.buttons a {
    display: block;
    padding: 0 35px;
    text-decoration: none;
    color: #FFF;
    font-size: 15px;
    line-height: 44px;
    text-transform: uppercase;
    font-weight: 700;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border: 0px solid #800000;
    margin: 5px;
    letter-spacing: 2px;
    transition: .25s;
 }
 .personal-login {
     background: #126b6b;
     float: right;
 }
.business-login {
    background: #114c4a;
    float: right;
}
.open-acct {
    background: #3eabab;
    float: right;
}
/*
#searchform {
    float: right;
    clear: both;
    width: 100%;
    max-width: 458px;
}
#searchform > div {
    display: flex;
}
#searchform #s {
    max-height: 30px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    margin: 5px;
    width: calc(100% - 135px);
}
#searchsubmit {
    background: #e6dada;
    color: #000 !important;
    letter-spacing: 1px;
    font-style: italic;
    font-size: 14px  !important;
    font-family: 'Roboto', sans-serif;
    display: block;
    padding: 0 35px;
    text-decoration: none;
    line-height: 44px;
    text-transform: uppercase;
    font-weight: 700;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border: none;
    margin: 5px;
    letter-spacing: 1px;
    transition: .25s;
}
#searchsubmit:hover {
    background: #dbcfcf;
}
    */
/*
.search-btn {
    background: #e6dada;
    clear: both;
    float: right;
    color: #000 !important;
    letter-spacing: 1px;
    font-style: italic;
    font-size: 14px  !important;
}
.search-btn:hover {
    background: #dbcfcf;
}
*/
.personal-login:hover {
    background: #221e1f;
}
.business-login:hover {
    background: #221e1f;
}

/* #Primary Nsavigation
================================================== */
.menu-wrapper {
    background: #e7e7e7;
}
.menu-holder {
    z-index: 2000;
    min-height: 25px;
}

#access {
    font-family: 'Roboto', sans-serif;
    padding: 0;
    z-index: 2000;
    text-align: left;
}
#access li {
    margin: 0;
    padding: 0;
}

#access ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

#access .menu-header,
div.menu {
    font-size: 13px;
}

#access .menu-header ul,
div.menu ul {
    list-style: none;
    margin: 0;
}

#access .menu-header li,
div.menu li {
    margin: 0 0;
}

#access a {
    position: relative;
    color: #138890;
    font-size: 16px;
    display: block;
    line-height: 30px;
    padding: 10px 10px;
    text-decoration: none;
    text-transform: uppercase;
    margin: 0 15px 0 0;
    font-weight: 700;
	font-family: 'Roboto', Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	font-style: normal !important;
	letter-spacing: 1px;

}
.menu-megamenu-container {
    float: left;
}
#menu-megamenu li {
    display: inline-block;
    margin: 1px 0 2px 0;
    padding: 0;
}
#menu-megamenu > li.menu-item-has-children > a:after {
    content: "";
    background: url(../images/Footer_Icons_chevron.png);
    display: inline-block;
    width: 16px;
    height: 16px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    transform: rotate(90deg);
    filter: brightness(0) saturate(100%) invert(34%) sepia(55%) saturate(608%) hue-rotate(135deg) brightness(97%) contrast(96%);
    margin: 2px 0 0 8px;
}
#menu-megamenu > li.menu-item-has-children:hover > a:after {
    filter: brightness(0) invert(1);
}

<!--[if IE 8]>
#menu-megamenu li {
    float: left;
}

#access ul ul {
    box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.2);
    display: none;
    position: absolute;
    width: 100%;
    height: 300px;
    z-index: 2000;
    margin: 0 0;
    padding: 0 0;
    text-align: left;
    left: 0;
    right: 0;
    background-color: #fff;
}

#access ul ul li {
    width: 30.75%;
    margin: 0 1%;
    padding: 0;
}

#access ul ul ul {
    position: relative;
    height: auto;
    box-shadow: none;
}
#access ul ul ul li {
    width: 100%;
    margin: 0 0;
    border: none;
}
#access ul ul a {
    line-height: 1em;
    padding: 10px;
    height: auto;
    font-size: 14px;
}

#access li:not(.heading):hover > a {
    background-color: #138890;
    color: #fff;
}

/*#access ul ul :hover > a {
    background-color: #135f5d;
}*/

#access ul li:hover > ul,
#access ul li:hover > ul ul {
    display: table;
    
}
#access ul > li > ul:first-of-type {
    border: 2px solid #138890;
}
#access ul > li > ul:first-of-type ul {
    border: none !important;
}
#access ul > li > ul {
    padding: 15px;
}
#access ul > li > ul > li > a {
    font-size: 16px;
    border-bottom: 1px solid #138890;
}
#access ul > li > ul > li > ul > li a {
    font-size: 14px;
    border-bottom: none;
}

/*#access ul li.current_page_item > a,
#access ul li.current-menu-ancestor > a,
#access ul li.current-menu-item > a,
#access ul li.current-menu-parent > a {
    color: #333;
}*/
* html #access ul li.current_page_item a,
* html #access ul li.current-menu-ancestor a,
* html #access ul li.current-menu-item a,
* html #access ul li.current-menu-parent a,
* html #access ul li a:hover {
    color: #FFF;
}

@media screen and (min-width: 960px) {
    /* locations dropdown */
    #access #menu-megamenu > li > .sub-menu > li > .sub-menu {
        padding: 15px 0;
    }
    #access #menu-megamenu > li:nth-child(1) > ul > li {
        width: 23%;
    }
    #access #menu-megamenu > li:nth-child(3) > ul > li:nth-child(1) {
        width: 50%;
    }
    #access #menu-megamenu > li:nth-child(3) > ul > li:nth-child(1) > ul {
        columns: 2;
        display: inline-block;
    }
    #access #menu-megamenu > li:nth-child(3) > ul > li:nth-child(2) {
        width: 45%;
        position: absolute;
        top: 15px;
    }
    #access #menu-megamenu > li:nth-child(3) > ul > li:nth-child(3) {
        width: 45%;
        position: absolute;
        top: 45px;
    }
    #access #menu-megamenu > li:nth-child(3) > ul > li:nth-child(4) {
        width: 45%;
        position: absolute;
        top: 75px;
    }
    #access #menu-megamenu > li:nth-child(3) > ul > li:nth-child(2) > a,
    #access #menu-megamenu > li:nth-child(3) > ul > li:nth-child(3) > a,
    #access #menu-megamenu > li:nth-child(3) > ul > li:nth-child(4) > a {
        border-bottom: none;
    }

    /* about dropdown */
    #access #menu-megamenu > li:nth-child(4) {
        position: relative;
    }
    #access #menu-megamenu > li:nth-child(4) > ul {
        width: 200px;
        height: auto;
    }
    #access #menu-megamenu > li:nth-child(4) > ul > li {
        display: block;
        float: right;
        clear: both;
        width: 100%;
    }
    
    #access #menu-megamenu > li:nth-child(4) > ul > li > a {
        border-bottom: none;
    }

}

/* home page callout section */
.front-page-callouts {
    background: url(../images/parallax-bg.jpg);
    min-height: 500px;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.front-page-callouts .container {
    padding-top: 50px;
    padding-bottom: 50px;
}
.front-page-callouts .callout-box {
    background: #fff;
    width: 100%;
    max-width: 350px;
    margin: 0 auto 30px;
}
.front-page-callouts .callout-box .callout-copy {
    padding: 15px;
    display: inline-block;
}
.front-page-callouts .callout-box .callout-heading {
    font-size: 26px;
    line-height: 27px;
    font-family: 'Roboto Slab', serif;
    color: #006d68;
}
.front-page-callouts .callout-box ul {
    list-style: none; /* Remove default bullets */
  }
  
.front-page-callouts .callout-box ul li::before {
    content: "\25AA";  /* Add content: \2022 is the CSS Code/unicode for a bullet */
    color: #006d68; /* Change the color */
    font-weight: bold; /* If you want it to be bold */
    display: inline-block; /* Needed to add space between the bullet and the text */
    width: 1em; /* Also needed for space (tweak if needed) */
    margin-left: -1em; /* Also needed for space (tweak if needed) */
    position: relative;
    top: 2px;
    font-size: 24px;
}
.mgb {
    margin-bottom: 50px;
}
.front-page-callouts .callout-box .wp-block-button__link,
.mortgage-loans-wrapper .mortgage-buttons .wp-block-button__link,
.cmg-buttons .wp-block-button__link {
    background: #92c13b;
    float: left;
    display: block;
    padding: 0 35px;
    text-decoration: none;
    color: #FFF;
    font-size: 15px;
    line-height: 44px;
    text-transform: uppercase;
    font-weight: 700;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border: 0px solid #800000;
    margin: 5px;
    letter-spacing: 2px;
    transition: .25s;
}
.front-page-callouts .callout-box .wp-block-button__link:hover,
.mortgage-loans-wrapper .mortgage-buttons .wp-block-button__link:hover,
.cmg-buttons .wp-block-button__link:hover {
    background: #83ad35;
}
.mortgage-loans-wrapper .wp-block-buttons {
    gap: 1em 4em;
}

@media screen and (min-width: 768px) {
    .front-page-callouts .container {
        column-count: 2;
        column-gap: 20px;
    }
}

@media screen and (min-width: 960px) {
    .front-page-callouts .container {
        column-count: 3;
    }
    .front-page-callouts .callout-box {
        min-height: 525px;
    }
}


/* #Topnav
================================================== */
.mobile-social {
    display: none;
}
.top-nav-wrapper {
    background: #114c4a;
}

.menu-topnav-container {

}

ul#menu-topnav {
    float: right;
    padding: 0;
    margin: 0;
}

ul#menu-topnav li {
    display: inline-block;
    padding: 0 10px;
    margin: 0;
}

ul#menu-topnav li:first-child {
    border-left: none;
}

ul#menu-topnav li a {
    font-size: 16px;
    color: #FFF;
    text-decoration: none;
    cursor: pointer;
    padding: 9px 3px;
    display: block;
    text-transform: uppercase;
}

ul#menu-topnav li ul li a {
    color: #fff;
}

ul#menu-topnav li a:hover {
    background-color: #666;
    color: #fff;
}

ul#menu-topnav ul.sub-menu {
    box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.2);
    display: none;
    position: absolute;
    width: 170px;
    z-index: 99999;
    margin: 0 0;
    padding: 0 0;
    text-align: left;
    background: #777;
}

ul#menu-topnav ul.sub-menu li {
    min-width: 170px;
    margin: 0 0;
    border-bottom: #666 solid 1px;
    border-left: #666 solid 1px !important;
    border-right: #999 solid 1px !important;
    padding: 0;
    background: #777;
}

ul#menu-topnav ul.sub-menu li:first-child {
    border-top: #666 solid 1px !important;
}

ul#menu-topnav ul ul {
    left: 100%;
    top: 0;
}

ul#menu-topnav ul a {
    font-style: italic;
    font-weight: 700;
    line-height: 1em;
    padding: 10px;
    width: 150px;
    height: auto;
    font-size: 12px;
    display: block;
}

ul#menu-topnav ul :hover > a {
    color: #FFF;
    background-color: #666;
}

ul#menu-topnav li:hover > ul {
    display: block;
}

ul#menu-topnav li:hover > a {
    color: #FFF;
    background-color: #666;
}
.slicknav_menu {
    display: none;
}

.the-selectors {
    margin: 10px auto;
    width: 70%;
}
/* #Mobile Menu
================================================== */
.mobile-menu {
    display: none;
}
.slicknav_menu {
    display: none;
    /*position: absolute;*/
    top:0;
    width: 100%;
    z-index: 9999;
    padding: 0 !important;
    background: #126B6C !important;
    -webkit-box-shadow: 0px 0px 10px -1px rgba(84,84,84,1);
    -moz-box-shadow: 0px 0px 10px -1px rgba(84,84,84,1);
    box-shadow: 0px 0px 10px -1px rgba(84,84,84,1);
}
.slicknav_nav {
    padding: 15px 0 0 0 !important;
    background: #126B6C !important;
}
.slicknav_menu .slicknav_icon {
    width: 1.8em !important;
}
.slicknav_nav a {
    display: block;
    padding: 10px 10px!important;
    font-size: 20px;
}
.slicknav_nav li a a {
    padding: 0 !important;
}
.slicknav_nav .slicknav_row:hover, .slicknav_nav a:hover {
    background: #127e7f !important;
    background: #127e7f !important;
    color: #FFF !important;
}
.slicknav_btn {
    background: #126B6C !important;
    margin: 0 !important;
    padding: 0px 10px 33px 10px !important;
}
.slicknav_menu .slicknav_icon-bar {
    width: 2em !important;
    margin: 10px 0 !important;
}
.slicknav_nav li {
    margin-bottom: 0;
    border-bottom: 1px #FFF solid;
}
/* Vid stuffs
================================================== */
.vid-holder iframe, .video-wrapper iframe, .vid-holder object, .vid-holder embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.video-thumb-holder {
    position: relative;
}

.video-thumb {
    position: absolute;
    display: block;
}

.vidsrunner-thumbs img {
    width: 20%;
    padding: 2.5%;
    float: left;
}
/* #Misc
================================================== */
.icons-wrapper{
    padding: 100px 0!important;
    text-align: center;
}
.icons-wrapper .copy {
    width: 25%;
    float: left;
    text-align: left;
    padding-top: 2%;
}
.icons-wrapper .copy h1 {
    line-height: 42px;
    padding-bottom: 10px;
}
.icons {
    list-style: none;
    width: 75%;
    float: left;
    margin-left: 0;
 }
.icons figure {
    width: 175px;
    height: 175px;
    margin: 0 auto;
    background: #005151;
    border-radius: 50%;
}
.icons figure img {
    width: 175px;
    height: 175px;
    object-fit: cover;
    opacity: .5;
    transition: .25s;
}
.icons li {
    width: 30%;
    display: inline-block;
    vertical-align: top;
    text-align: center;
 }
.icons span {
    display: block;
    padding-top: 20px;
    width: 90%;
    margin: 0 auto;
    text-decoration: none;
    font-size: 25px;
    line-height: 27px;
    font-family: 'Roboto Slab', serif;
}
.icons a {
    display: block;
    text-decoration: none;
    color: #126b6b;
    text-decoration: none;
}
.icons a:hover {
    color: #000;
    text-decoration: none;
}
.icons a:hover figure img {
    opacity: 1;
    transition: .25s;
}
.icons a figure:before {
    content: "";
    display: block;
    width: 175px;
    height: 175px;
    position: absolute;
    opacity: 1;
    transition: .25s;
    z-index: 999;
}
.icons a:hover figure:before {
    opacity: 0;
    transition: .25s;
}
.icons > li:nth-child(1) a figure:before {
    background: url(../images/cardvalet-icon.png)scroll no-repeat center center;
}
.icons > li:nth-child(2) a figure:before {
    background: url(../images/mobile-check-deposit-icon.png)scroll no-repeat center center;
}
.icons > li:nth-child(3) a figure:before {
    background: url(../images/atm-access-icon.png)scroll no-repeat center center;
}
.call-out{
    width: 50%;
    float: left;
}
.right-cal {
    background: #114c4a;
    text-align: left;
}
.left-call {
    background: #126b6b;
    text-align: right;
}
/* #Misc
================================================== */
#content {
    padding: 35px 0 0 0;
}
.entry-content {
    padding: 20px 0;
}
.main article {
    padding: 0 0;
}
@media screen and (min-width: 992px) {
    .main article {
        padding: 0 15px;
    }
}
.main a {
    color: #126b6b;
    outline: 0;
	font-family: 'Roboto', sans-serif;
	font-style: italic;
}
.title {
    padding-bottom: 15px;
}

.full-width {
    padding-left: 10px;
}

/* #Locations
	================================================== */
.locations {
    padding: 0;
}
.location-header {
    color: #126b6b;
    font-family: 'Roboto Slab', serif;
    padding-bottom: 50px;
    font-weight: 700;
}
a.location-atm-link {
    color: #126b6b;
    font-style: italic;
    padding-bottom: 25px;
    display: block;
}
.locations h5 {
    font-size: 36px;
    font-weight: 700;
    color: #3eaaaa;
    padding-bottom: 35px;
}

.gsb-location {
    padding-bottom: 45px;
    margin-bottom: 45px;
    border-bottom: 5px solid #126b6b;
}

.gsb-location .info {
    box-sizing: border-box;
    padding-left: 45px;
}
a.view-hours {
    color: #126b6b;
    font-style: italic;
    font-weight: 700;
}
.gsb-location h2 {
    font-size: 22px;
    line-height: 28px;
    font-weight: 700;
    padding: 25px 0;
}

.gsb-location h2 a {
    color: #333;
    text-decoration: none;
}

.gsb-location p {
    margin: 0;
    font-weight: 700;
}

.location-address p, .location-address a {
    font-family: 'Roboto', serif;
    font-size: 18px;
    line-height: 28px;
    margin: 0;
    color: #146a6b;
    letter-spacing: 1px;
}

.location-address .address {
    font-family: 'Roboto Slab', serif;
    font-size: 22px;
    color: #116b6c;
    font-weight: 700;
}

.location-address .map-link {
    font-size: 18px;
    line-height: 30px;
    font-weight: 700;
    color: #fff;
    background: #3eaaaa;
    padding:5px 15px;
    margin: 15px 0;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    text-transform: uppercase;
    text-decoration: none;
    display: inline-block;
}

.phone a, .fax {
    text-decoration: none;
}

.location-address h5 {
    margin-top: 30px;
    font-weight: 700;
    color: #146a6b;
}


.location-content {
    background: #f8f6f3;
    padding: 40px 30px;
}

.location-content h5,
.location-content p {
    font-size: 18px;
    line-height: 28px;
    padding: 0;
    margin: 0;
}

.location-inquiries-wrapper {
    text-align: center;
    padding: 65px 0 130px !important;
}

.location-inquiries p {
    font-size: 36px;
    line-height: 42px;
    font-weight: 700;
    color: #3eaaaa;
}

.location-inquiries a {
    font-size: 18px;
    line-height: 30px;
    font-weight: 600;
    color: #fff;
    background: #3eaaaa;
    padding: 15px 75px;
    margin: 15px 0;
    text-transform: uppercase;
    text-decoration: none;
    display: inline-block;
}
.checkbox_loc {
	padding:20px 0 20px 0;
}

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

.team-header {
    text-transform: uppercase;
}

.team-object {
    float: left;
    width: 20%;
    min-height: 425px;
    text-align: center;
    box-sizing: border-box;
    padding: 15px;
}


.team-object img {
    width: 100%;
}

.team-object h2 {
    font-size: 14px;
    line-height: 28px;
    background: #126b6b;
}

.team-object a {
    color: #FFF;
    text-transform: uppercase;
    text-decoration: none;
}

.team-object p {
    font-size: 12px;
    line-height: 20px;
    color: #114c4a;
    font-family: 'Roboto Slab', serif;
}

.staff-phone-header {
    font-size: 14px;
    line-height: 28px;
    text-align: center;
    color: #FFF;
    background: #126b6b;
    margin-bottom: 5px;
}

.staff-phone {
    margin-bottom: 0 !important;
}

.staff-details a {

}

.staff-content {
    box-sizing: border-box;
    padding-left: 25px;
}

/* #alert
================================================== */
.alert-wrapper {
    background: #000;
    color: #FFF;
    font-weight: 700;
    font-size: 12px;
    line-height:16px;
    border-bottom: #FFF 3px solid;
}
.alert-holder {
    width:70% !important;
    margin: 0 auto !important;
    padding: 10px 0 !important;
}
.alert-icon {
    float: left;
    padding: 10px;
}
.alert-title h2 {
    color: #C64936;
    font-size: 18px;
    font-weight:700;
    padding:10px 0 5px 0;
    line-height:  22px;
}
.alert-wrapper a {
    color: #C64936;
}
.alert-body {
    width:80% !important;
}

/* #Sidebar
================================================== */
.two-thirds.no-side {
    padding-left: 15% !important;
}
.sidebar {
    font: 14px/1.5em "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;

}

.sidebar li {
    list-style: none;
}

.sidebar label {
    display: none;
}
.blog-object {
    float: left;
    width: 88%;
    padding: 40px 75px 25px !important;
    border-top: solid #146a6b 5px;
}
.blog-pic {
    float: left;
    width: 38.5%;
    margin-right: 1.5%;;
    padding-bottom: 20px;
}
.blog-thumb {
    padding-bottom: 25px;
}
.blog-content {
    float: left;
}
.blog-content.floater {
    width: 60%;
}
h2.blog-title a {
    color: #146a6b;
    font-weight: 400;
    font-size: 24px;
    display: block;
    text-decoration: none;
    line-height: 24px;
}
.blog-entry-meta {
    font-weight: 700;
    color: #146a6b;
    text-transform: uppercase;
    padding-bottom: 10px;
}
.more a{
    color: #146a6b;
    font-weight: 700;
    text-transform: uppercase;
    text-decoration: none;
}
#categories-2 h3, #archives-2 h3{
    background: #509fa0;
    color: #FFF;
    text-align: center;
    padding: 20px 0;
    font-family: 'Work Sans', sans-serif;
    text-transform: uppercase;
    font-size: 16px;
    margin: 20px 0;
}
#archives-2 h3{
    background: #146a6b;
}
#categories-2 select, #archives-2 select {
    width: 100%;
    max-width: 1440px;
}

#safety_message {
  background-color: #e7e7e7;
  color: #686868;
  padding-top: 25px;
  text-align: center;
}
#safety_message .container {
    width: 100%;
}
#safety_message p {
  font-size:14px;
  line-height: 1.4;
  padding: 0 15px;
}
#safety_message p:nth-child(1) {
    font-weight: 700;
    margin-bottom: 10px;
}

#safety_message a, #safety_message a:visited {
  color: #686868;
}

/*#meteor-slideshow {
    height: 500px !important;
    overflow: hidden;
}*/
.home .slideshow-holder .meteor-slides .meteor-nav a {
    width: 60px;
    height: 60px;
}
.home .slideshow-holder .meteor-nav .prev a {
    background: url(../images/prev.png);
    left: 2%;
}
.home .slideshow-holder .meteor-nav .next a {
    background: url(../images/next.png);
    right: 2%;
}
.home .slideshow-holder #meteor-buttons {
    position: absolute;
    bottom: -40px;
    width: 130px;
    left: 0;
    right: 0;
    margin: 0 auto;
    display: flex;
    height: 25px;
    justify-content: center;
}
.home .slideshow-holder #meteor-buttons a {
    text-indent: -99999px;
    z-index: 1009;
    width: 11px;
    height: 11px;
    background-color: #e7e7e7;
    border-radius: 50px;
    margin: 5px;
}
.home .slideshow-holder #meteor-buttons a.activeSlide {
    background-color: #777676;
}

/* #Footer
================================================== */
.footer-copy-wrapper {
    background: #000;
}
.footer-nav-wrapper {
    background: #2a343d;
    padding: 50px 0!important;
}
.footer-nav-wrapper p {
    color: #fff;
}
.footer-nav-wrapper ul {
    padding: 20px;
    margin: 0;
}
.footer-nav-wrapper ul li{
    padding: 0;
    margin: 0;
}
#menu-footer-menu  {
    padding: 0;
    margin: 0;
    padding-left: 40px;
    margin-bottom: 20px;
    column-count: 3;
}
#menu-footer-menu li {
    list-style: none;
    padding-left: 25px;
    position: relative;
}
#menu-footer-menu li:before {
	content: "";
    display: inline-block;
    width: 25px;
    height: 16px;
    margin-bottom: -2px;
    background: url(../images/Footer_Icons_chevron.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    left: 0;
    top: 7px
}
#menu-footer-menu li a {
    font-size: 14px;
    text-transform: uppercase;
    line-height: 1.1;
    color: #8bd2d7;
    text-decoration: none;
    font-weight: 700;
	font-style: normal !important;
    padding: 8px 0;
    display: inline-block;
}
#menu-footer-menu ul {
}
#menu-footer-menu li:first-child {
    border-left: none;
}
#menu-footer-menu li a:hover {
	color: #138890;
}
.fdic img {
  padding: 0 10px;
}
.fdic svg { box-sizing: unset; }
#topbar a.personal-login,
#topbar a.business-login {
    background-color: #138890; border-radius: 50px; font-size: 1rem; text-transform: none; line-height: 36px; letter-spacing: 0; padding: 0 20px;
}
#topbar a.personal-login:hover,
#topbar a.business-login:hover {
    background-color: #107379;
    color: #fff;
    text-decoration: none;
}
.site-header .buttons {
    padding-top: 20px;
}
.site-header .buttons .open-acct {
    background: #92c13b;
}
.site-header .buttons .open-acct:after,
.mortgage-loans-wrapper .mortgage-buttons .wp-block-button__link.has-arrow:after {
    content: "";
    display: inline-block;
    width: 25px;
    height: 16px;
    margin-bottom: -2px;
    background: url(../images/Footer_Icons_chevron.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    
    filter: brightness(0) invert(1);
}
.site-header .buttons .open-acct:hover {
    background: #83ad35;
    color: #FFF;
    text-decoration: none;
}
.footer-address {
    font-family: 'Roboto Slab',Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
    font-size: 13px;
    padding: 25px 0;
    text-align: center;
	color: #FFF;
}
.footer-vitals-wrapper {
	padding-top: 25px !important;
	padding-bottom: 25px !important;
}
.partners {
    padding: 25px 0;
}
.footer-copyright {
    background: #c9c9c9;
}
.partners {
    text-align: center;
    padding: 25px 0;
}
img.fdic-img {
    margin: 20px 0 20px 25px;
    display: block;
    clear: both;
    filter: brightness(0) invert(1);
}
.apps {
    text-align: center;
}
.apps a {
    display: block;
}

.apps p,
.socials p {
    display: inline-block;
    font-size: 14px;
    width: 100%;
    margin: 0 0 10px;
}
.apps a img,
.socials a img {
    height: 32px !important;
    margin-right: 10px;
}

.socials p {
    text-transform: uppercase;
}
.apps a.facebook-link,
.apps a.instagram-link {
    text-decoration: none;
    color: #221e1f;
    font-weight: 700;
    font-family: 'Roboto Slab', serif;
    display: inline-block;
    vertical-align: middle;
    float: none;
}
.apps a.facebook-link img {
    display: block;
    margin: 5px auto;
}

@media screen and (min-width: 992px) {
    .apps {
        text-align: left;
    }
    .apps a {
        float: left;
    }
    .socials a.instagram-link {
        margin-top: -1px;
    }
}

/* Vex Overrides
========================== */
.vex.vex-theme-default {
    padding-top: 15% !important;
    padding-bottom: 15% !important;
}

.vex-content h1 {
    color: #126b6b !important;
}

.vex.vex-theme-default .vex-dialog-button.vex-dialog-button-primary {
    background: #126b6b !important;
}

#post-116 .entry-content a, .bcm_embed_view {
    width: 50%;
    float: left;
    padding: 0 15px;
    box-sizing: border-box;
}

/* Mortgage Loans Section on Homepage */
.mortgage-loans-wrapper {
  background: #fff;
  text-align: center;
  padding: 40px 0 !important;
}

.mortgage-loans-wrapper h2 {
  font-family: 'Roboto Slab', serif;
  font-size: 35px;
  line-height: 50px;
  color: #221e1f;
}

.mortgage-loans-wrapper p {
  font-family: 'Roboto', sans-serif;
  font-size: 22px;
  line-height: 27px;
}

.mortgage-loans-wrapper img {
  border: solid 1px #FFF;
  border-radius: 50%;
}
.mortgage-loans-wrapper ul {
    display: flex;
    flex-wrap: wrap;
    text-align: center;
    margin: 0;
}
.mortgage-loans-wrapper ul li {
  list-style: none;
  flex: 20%;
  box-sizing: border-box;
}

.mtg-name {
  display: block;
  font-size: 25px;
  line-height: 27px;
  text-decoration: none;
  padding: 20px 0;
  font-family: 'Roboto Slab', serif;
}
.mortgage-loans-wrapper .staff-email,
.mortgage-loans-wrapper .mtg-apply {
 font-style: italic;
}

.mortgage-loans-wrapper p.mtg-title {
  font-size: 15px;
  width: 65%;
  margin: 0 auto;
}

.team-member-details {
  min-height: 375px;
}


.search #content .cmg-search {
    margin-bottom: 40px;
}

/* Visually-hidden label for a11y */
.cmg-sr-only {
  position: absolute !important;
  width: 1px; height: 1px;
  padding: 0; margin: -1px;
  overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0;
}

/* Wrapper as a pill */
.cmg-search {
  display: flex;
  align-items: center;
  gap: 0;
  max-width: 400px;
  width: 100%;  
  border: 2px solid #cdd3da;
  border-radius: 8px;
  background: #fff;
  overflow: hidden;
  margin: 5px 0;
  
}
#access .cmg-search { width: calc(100% - 950px); float: right; }

/* Field */
.cmg-search__field {
  flex: 1;
  border: 0;
  padding: .50rem .95rem;
  font-size: 1rem;
  line-height: 1;
  color: #1a1f26;
  background: transparent;
  min-width: 0; /* prevents overflow on tiny screens */
}

.cmg-search__field::placeholder { color: #7a8696; }

/* Button with inline SVG */
.cmg-search__btn {
  display: grid;
  place-items: center;
  width: 2.75rem;
  border: 0;
  cursor: pointer;
  background: #fff;
  color: #fff;
}

.cmg-search__btn:hover,
.cmg-search__btn:focus-visible {
  background: #fff;
}

/* Icon sizing can be adjusted with font-size if preferred */
.cmg-search__btn svg { width: 1.15rem; height: 1.15rem; }

/* Focus rings for keyboard users */
.cmg-search:focus-within {
  border-color: #0b4ea2;
  box-shadow: 0 0 0 3px color-mix(in oklab, #0b4ea2, transparent 75%);
}

.cmg-search__field:focus { outline: none; }
.cmg-search__btn:focus { outline: none; }

/* Optional: full-width on small screens */
@media (max-width: 640px) {
  .cmg-search { max-width: 100%; }
}