/*
Theme Name: Legends Bank Theme
Theme URI: legendsbank.com
Description: This is a custom theme designed and developed by Thrive Creative Group, LLC for Legends Bank, WordPress - v 4.7.2
Author: Thrive Creative Group, LLC
Author URI: thinkthrive.com
Version: 1.0
*/
.page-tree ul.children li a { background: #dadbdc; padding: 10px 15px !important;}


#maintenance_socialcontainer{width:850px; margin:10px auto; }
#maintenance_button_container{width:460px; margin:10px auto;}
.maint_button{float:left; margin-right:20px;}
@media screen and (max-width: 902px) {
			#maintenance_header{width:450px;}
			#maintenance_socialcontainer{width:450px; margin:10px auto;}
			#cde_fb{margin-left:90px;}
			#maintenance_button_container{width:100%; text-align:center;}
	        .maint_button{float:none; margin:0px;}
        }




@import url('https://fonts.googleapis.com/css?family=Roboto:400,400i,500,700&display=swap');
@media screen {
* { margin: 0; padding: 0; }
body { background: white; font: 16px/1.6em 'Roboto', sans-serif; color: #58595b; width: 100%;height: 100%; font-display: auto;}
.screen-reader-text { position: absolute; left: -9999px; top: -9999px; }
.clear { clear: both; }
.page-wrap { width: 1140px; margin: 0 auto; position: relative }
h1, h2, h3 { font-weight: 700; margin: 40px 0 20px; /*clear: both*/}
h1 {font-size: 1.875em}
h2 {font-size: 1.563em}
h3 {font-size: 1.250em}
p { margin: 0 0 10px 0; }
a {color: #e92134; }
a:hover {color: #003399}
a img {border: none}
blockquote {border-left: 5px solid #003399; margin: 20px; padding: 0 0 0 20px}
blockquote p { }
/*input { -webkit-appearance:none;}*/
ul, ol { margin: 0 0 10px 0; }
.entry ol {margin: 0 0 20px 15px}
.entry ul {list-style: none; margin: 0 0 20px 0}
.entry ul li::before {content: "•"; color: #e92134; margin-right: 10px}
.entry ul ul {
  margin-left: 1em;
}
.page-id-4756 .one_half {width: 40%; padding: 0 5%}
.entry a.fancy, .homepage-entry a {text-decoration: none; border-top: 2px solid #e92134; border-bottom: 2px solid #e92134;  padding: 5px 20px; font-size: 1.250em; display: block; margin: 30px auto 10px; max-width: 40%; text-align: center }
.entry a.fancy {border-left: 2px solid #e92134; border-right: 2px solid #e92134; max-width: 60% }
.entry .huge_it_google_map_container a {padding: 0; margin: 0; max-width: 100%}
.entry a.none, .entry a h1, .entry h1 a, .entry a h2, .entry h2 a, .entry a h3, .entry h3 a, .entry h4 a, .entry a h4, .error404 .entry a {border-top: none; border-bottom: none;  padding: inherit; display: block; margin: inherit; max-width: 100%; width: auto; }
.entry a.no-break {display: inline}
.error404 .entry a {}
.error404 .entry ul {font-weight: 700}
.error404 .entry ul ul {list-style-type: disc; margin: 0 0 20px 20px; font-size: 1em; font-weight: 400}
.error404 .entry ul li:before {display: none}
.error404 .entry ul ul ul{margin: 0 0 20px 20px; list-style-type: circle}
hr { background: #003399; border: 1px solid #003399; height: 3px; clear: both; margin: 20px 0}
.alignright {float:right; }
.alignleft {float:left; }
.aligncenter {display: block; margin-left: auto; margin-right: auto}
img {max-width: 100%; height: auto}
img.size-auto,img.size-full,img.size-large,img.size-medium,.attachment img, aside img, .wp-caption {	max-width: 100%; /* When images are too wide for containing element, force them to fit. */	height: auto; /* Override height to match resized width for correct aspect ratio. */}
img.aligncenter,.wp-caption.aligncenter {	margin: 0 auto 1.5em auto;	max-width: 100%;	height: auto;}
a img {	border: none;}
p img {	margin-bottom: 1em; }
img.alignleft,.wp-caption.alignleft {	margin-right: 1.5em;	margin-bottom: 1.5em;	margin-top: 5px;}
img.alignright,.wp-caption.alignright {	margin-left: 1.5em;	margin-bottom: 1.5em;	margin-top: 5px;}
img.aligncenter,.wp-caption.aligncenter {	margin: 0 auto 1.5em auto;	height: auto;}
.wp-caption {	padding: 10px;	text-align: center;	border: 1px #ccc solid;}
.wp-caption img {	margin: 0;}
.wp-caption .wp-caption-text {	margin: .5em;	font-size: 80%;}
header {border-top: 15px solid #003399; position: relative}
nav ul {margin: 0}
h1#logo {width: 330px; height: 100px; background: url('images/legends-bank-logo.svg'); text-indent: -99999px; float: left; display: block; margin: 30px 0 15px}
.login-links p.text-above-login {float: right; margin: 15px 20px 5px 0; color: #58595b}
.login-links p.text-above-chat {float: right; margin: 15px 40px 5px 0; color: #58595b}
.login-links p.text-below-login {display: block; clear: right; font-size: .75em; line-height: 1.4em; float: right; text-align: center; font-style: italic; color: #919191 }
.login-links p.text-below-login a:hover {color: #003399}
.login-links ul.mini-nav {list-style: none; float: right; clear: right}
.login-links ul.mini-nav li {float: left;}
.login-links ul.mini-nav li.line-right {border-right: 1px solid #003399; padding-right: 15px; margin-right: 15px; margin-top: 15px;}
.login-links ul.mini-nav li:nth-child(2) {margin-top: 15px; margin-right: 20px}
.login-links ul.mini-nav li a {color: #003399; text-decoration: none}
.login-links ul.mini-nav li a:hover {color: #e92134}
.login-links ul.mini-nav li.link-button {margin-left: 12px}
.login-links ul.mini-nav li.link-button a {display: block; color: #fff; font-size: 1.125em; background: #003399 url('images/button-overlay.svg') right center no-repeat; padding: 12px 15px; width: 115px }
.login-links ul.mini-nav li.link-button a:hover { background-color: #e92134; transition: 1s ease}

.login-links ul.mini-nav li.chat-button a {display: block; color: #043aa2; font-size: 1.125em; background: #ffffff url('images/lb_live_chat_icon_blue.svg') 92% center no-repeat; background-size: auto 70%; padding: 10px 20px 10px 10px; width: 115px; border: 2px solid #4fa9df; }
.login-links ul.mini-nav li.chat-button a:hover {background: #F1F3F4 url('images/lb_live_chat_icon_blue.svg') 92% center no-repeat;  background-size: auto 70%; transition: 1s ease;}


header span.tel {color: #58595b;text-decoration: none; text-transform: uppercase; font-weight: 500; font-size: 1.25em; height: 25px; display: block; float: right; margin: 18px 15px 0 0 ; }
header span.tel a {text-decoration: none; color: #58595b}
header span.tel:after {content: " "; float: right; display: block; border-right: 3px solid #58595b;  padding: 0 16px 0 0; height: 20px; margin: 5px 38px 0 0}
header nav {background: #F1F3F4; border-top: #0fa0db solid 5px;}
header nav .desktop-only ul {list-style: none}
header nav .desktop-only ul li {float: left; position: relative}
header nav .desktop-only ul:hover li {color: #1ba2db !important}
header nav .desktop-only ul li a:hover, header nav ul li:hover {color: #1ba2db}
header nav .desktop-only ul li a {color: #424546; background: #F1F3F4; list-style: none; text-decoration: none; text-transform: uppercase; padding: 18px 50px 18px 0; list-style: none; font-weight: 500; font-size: 1.25em; display: block }
header nav .desktop-only ul li ul {display: none; list-style: none; position: absolute; background: #1ba2db; width: 250px; left: 0;top: 60px; z-index: 999}
header nav .desktop-only ul li:hover ul {display: block; }
header nav .desktop-only ul li ul li a {display: block; background: #1ba2db; padding: 5px 10px; width: 230px; color: #fff; border-top: 1px solid #fff; text-transform: none; font-weight: 500; font-size: 1em}
header nav .desktop-only ul li ul li a:hover {color: #003399; transition: 1s ease}
header .left-header {width: 50%; float: left;}
header .right-header {width: 50%; float: right;}
header .header-fdic {max-width: 600px; float: left; clear: left; margin: 0 0 40px 0}
.search-form {position: absolute;right: 0; bottom: 13px;}
.search-field {background-color: transparent; display: block; width: 10px; background: url(images/search-icon.svg); -webkit-appearance: none; background-position: 5px center;background-repeat: no-repeat;background-size: 24px 24px;border: none;cursor: pointer;height: 37px;margin: 7px 0 0 10px;padding: 0 0 0 34px;position: relative;-webkit-transition: width 400ms ease, background 400ms ease;transition:         width 400ms ease, background 400ms ease;}
.search-field:focus {background-color: #fff;border: 2px solid #003399 ;cursor: text;outline: 0;width: 230px;}
.search-form .search-submit { display:none;}
.metaslider {overflow: hidden}
.flex-control-nav {bottom: 30px !important; z-index: 999999}
.flex-control-paging li a.flex-active {background: none !important; border: 2px solid #fff !important}
.flex-control-paging li a {background: #fff !important; box-shadow: none !important; border: 2px solid #fff !important}
.flex-control-paging li a:hover {opacity: 0.8}
.flex-direction-nav a {background: url('images/bg_direction_nav-updated.png') no-repeat !important}
.flex-direction-nav .flex-next {background-position: 100% 0 !important; right: 50px !important}
.flex-direction-nav .flex-prev {left: 50px !important}
nav.homepage-nav {background: #003399}
nav.homepage-nav ul {list-style: none}
nav.homepage-nav ul li {float: left; width: 16.6667%; }
nav.homepage-nav ul li a {text-decoration: none; display: block; color: #fff; font-size: 1.125em; line-height: 1.125em; background: #003399 url('images/button-overlay.svg') right center no-repeat; padding: 20px 100px 20px 15px }
nav.homepage-nav ul li a:hover { background-color: #1ba2db; transition: 1s ease}
.metaslider .flexslider {margin: 0 0 0 0 !important}
.text-block {padding-bottom: 45px}
.text-block h2 {color: #58595b; font-size: 2em; margin: 55px auto 35px; padding: 0; text-align: center}
.text-block h2:after {content: " "; background: #003399; width: 40px; height: 3px; margin: 10px auto 0; display: block }
.text-block p {text-align: center; font-size:1.125em; width: 70%; margin: 10px auto}
a.striped {text-decoration: none; font-weight: 500; max-width: 170px; padding: 10px 0; text-align: center; margin: 20px auto 0; display: block; font-size: 1.250em; color: #003399; border-top: 3px solid #e92134; border-bottom: 3px solid #e92134}
a.striped:hover {color: #e92134; transition: 1s ease}
.light-blue {background: #003399; color: #fff; padding: 45px 0}
.light-blue .one-half {width: 47%; float: left}
.light-blue h3 {float: left; clear: left; font-size: 2em; font-weight: 500; line-height: 1.35em}
.light-blue h3:after {content: " "; display: block; height: 3px; width: 40px; clear: both; background: #1ba2db; margin: 22px 0 35px}
.light-blue p {font-size: 1.125em; display: block; clear: left;}
.light-blue .one-third {width: 15.5%; float: right; margin-left: 1.66667%}
.light-blue .striped {color: #fff; border-color: #fff}
.light-blue h4 {font-size: 1.250em}
.homepage-post {float: left; width: 30%; padding:30px 0;}
.homepage-post:nth-child(1) {margin-right: 5%}
.homepage-post:nth-child(3) {float: right}
.homepage-post h5 {margin: 30px 0 0 0; padding: 0}
.homepage-post h5 a {font-size: 1.250em; color: #58595b; text-decoration: none; font-weight: 500;}
.homepage-post h5 a:hover {color: #003399}
.homepage-post h5:after {content: " "; display: block; background: #003399; width: 40px; height: 3px; margin: 22px 0 30px}
.homepage-post img:hover {-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */filter: grayscale(100%); transition: 1s ease}
a.moretag {text-decoration: none; font-weight: 500; color: #003399}
a.moretag:hover {color: #e92134}
footer {background: #F1F3F4; color: #474747; padding: 40px 0 20px; margin: 20px 0 0; border-bottom: 15px solid #003399}
footer a { color: #474747}
footer nav {float: left; width: 75%}
footer nav ul {list-style: none; display: block; margin: 0 0 0 0; }
footer nav ul li {padding-right: 20px; margin: 0 0 5px 0}
footer nav ul li.menu-item-has-children {float: left; display: block; }
/*footer nav ul li.menu-item-492 {margin-top: -20px !important; position: relative}
*/

footer nav ul li a  { color: #003399; text-transform: uppercase; text-decoration: none; font-weight: 500; padding-bottom: 5px; margin: 0 0 0 0;}
footer nav ul li ul li a {text-transform: none; color: #474747; font-weight: 400; padding-bottom: 0}
/*footer nav ul li.menu-item-492 {margin-top: -75px; display: block }
*/footer img {width: 215px; height: 63px}
footer img.logo {float: right}
footer p.clear-right {clear: right; line-height: 1em; float: right; text-align: right; margin-right: 5px}
footer p.clear-right span {color: #003399; }
footer ul.social-media {list-style: none; float: right; display: block; margin-top: 15px; }
footer ul.social-media li {float: left; margin-left: 20px; }
footer ul.social-media li a {display: block; text-indent: -99990px; width: 40px; height: 40px}
footer ul.social-media li a.twitter {background: url('images/twitter.svg'); }
footer ul.social-media li a.facebook {background: url('images/facebook.svg'); }
footer ul.social-media li a.instagram {background: url('images/instagram.svg'); }
footer ul.social-media li a.gplus {background: url('images/gplus.svg'); }
footer ul.social-media li a:hover {   opacity: 0.75; transition: 1s ease}
footer span.blue {color: #003399}
footer p.links {text-align: center}
footer p.links a {color: #003399}
footer p.links a:hover {color: #003399}
span.footer-tel {clear: right; text-decoration: none; color: #919191; font-weight: 500; font-size: 1.25em; float: right; display: block; margin: 18px 17px 0 0}
span.footer-tel { text-decoration: none; color: #919191; }
footer hr {clear: both; margin: 50px 0 20px; display: block}
footer p.sub-text {text-align: center; display: block; clear: both}
footer p.sub-text img {display: inline; width: 23px; height: 18px; margin: 17px 5px 0}
.red-bar {background: #e92134; color: #fff; margin: 0 0 20px}
h2.page-title {font-size: 1.875em; text-transform: uppercase; padding: 30px 0 35px; margin: 0; line-height: 1.4em; width: 40%; float: left}
.breadcrumb-container {float: right; color: #fff !important; max-width: 60%; padding: 45px 0 0 0}
.breadcrumb-container li .separator {color: #fff !important}
.breadcrumb-container li a:hover {color: #003399 !important}
.entry {float: right; width: 65%; padding-bottom: 30px}
.full-page {float: none; width: 100%; padding-bottom: 0; margin: 0 auto}
aside {float: left; width: 30%}
.bluebox { padding: 1em; border: 2px solid #000080; }
.page-tree {}
.page-tree ul {list-style: none; border-bottom: 2px solid #003399; padding-bottom: 30px; margin: 0 0 40px 0}
.page-tree ul li {margin: 0 0 5px 0; position: relative}
.page-tree ul li a {display: block; text-decoration: none; background: #eceeef; color: #58595b; padding: 30px 25px; }
.page-tree ul li a:after, .page-tree ul li.page_item_has_children a:after {font-family: arial; content: "»"; display: block; position: absolute; top: 30px; right: 10%;  color: #003399; }
.page-tree ul li:hover a:after {color: #fff !important; transition: 1s ease}
.page-tree ul li.page_item_has_children:hover a:after {color: #fff !important; top: 30px; visibility: visible; opacity: 1; transition: .5s ease;-webkit-transform: rotate(90deg);-moz-transform: rotate(90deg);-o-transform: rotate(90deg);-ms-transform: rotate(90deg);transform: rotate(90deg);}
.page-tree ul li a:hover {background: #003399; transition: 1s ease; color: #fff}
.page-tree ul.children {/*display: none; */ opacity: 0;visibility: hidden; background: #dadbdc; margin: 0; -webkit-transition: opacity 300ms, visibility 300ms;transition: opacity 300ms, visibility 300ms; height: 0px}
.page-tree ul.children li a { background: #dadbdc; padding: 10px 15px}
/*Added for temporary Financial pages*/
.page-tree ul.children li.page-item-4756 ul.children {display: none}
.page-tree ul li.page_item_has_children:hover ul.children {/*display: block;*/visibility: visible; opacity: 1; height: auto}
.page-tree ul li.page_item_has_children ul.children li a:after {}
.page-tree ul.children li a:hover {background: #003399; transition: 1s ease}
.page-tree ul li.page_item_has_children  ul.children li a:after {top: 10px; color: #003399 !important; -webkit-transform: rotate(0deg)  !important;-moz-transform: rotate(0deg)  !important;-o-transform: rotate(0deg) !important;-ms-transform: rotate(0deg) !important;transform: rotate(0deg)  !important;}
.page-tree ul li.page_item_has_children:hover a {background: #003399 !important; color: #fff; }
.page-tree ul li.page_item_has_children:hover ul li a { background: #dadbdc !important; color: #58595b; }
.page-tree ul li.page_item_has_children:hover li a:hover {background: #eceeef !important; color: #e92134}
.page-tree ul li.page_item_has_children ul li:hover a:after {color: #e92134 !important }
.page-tree ul li.current_page_item a {background: #003399 !important; color: #fff}
.page-tree ul li.current_page_item ul.children li a { background: #dadbdc !important; color: #58595b;}
.page-tree ul li.current_page_item ul.children, aside li.current_page_ancestor ul {visibility: visible; opacity: 1; height: auto}
.page-tree li.current_page_ancestor a {background: #003399;color: #fff}
.page-tree li.current_page_ancestor a:after {color: #fff !important}
.page-tree ul li.current_page_item a:after {color: #fff}
.page-tree ul li.page-item-858 ul.children, .page-tree ul li ul.children li.page-item-4908, .page-tree ul li ul.children li.page-item-5187, .page-tree ul li ul.children li.page-item-4915, .page-tree ul li ul.children li.page-item-4937, .page-tree ul li ul.children li.page-item-6743 {display: none !important}
.page-tree ul li.page-item-114 ul.children li.page-item-8111 {display: none !important; visibility: none;}
.page-tree ul li.page-item-114.current_page_item ul.children {display: none !important; visibility: none;}
.page-tree ul li.current_page_item ul.children li.page-item-8111 {display: none !important; visibility: none;}
.page-tree ul li.current_page_ancestor ul.children li.page-item-8111 {display: none !important; visibility: none !important;}
.page-tree ul li.current_page_ancestor ul li a {background: #dadbdc; color: #58595b}
.page-tree ul li.current_page_ancestor ul li.current_page_item a, aside ul li.current_page_ancestor ul li.current_page_item a:hover, aside ul li.current_page_ancestor ul li.current_page_item  {background: #b5b5b5 !important; color: #fff !important}
.page-tree ul li.current_page_ancestor ul li.current_page_item:hover a:after {color: #003399 !important}
.page-tree ul li.current_page_item ul li a:hover {color: #fff}
.page-tree ul li.current_page_ancestor ul.children {display: block; opacity: 1; height: auto; visibility: visible}
.page-tree ul li ul {padding-bottom: 0; border-bottom: none; }
.page-tree ul li.page-item-858 ul.children {display: none !important; visibility: hidden !important; height: 0px !important;}
.page-tree ul li.page-item-858.current_page_ancestor ul.children {display: none !important;}
aside .quick-links {padding: 0 0 30px; margin: 0 0 40px 0}
aside .quick-links h4 {background: #919191; text-align: center; font-size: 1.5em; padding: 15px 0; color: #fff; margin: 0 0 10px}
aside .quick-links ul {list-style: none}
aside .quick-links ul li {float: left;display: block; width: 50%;}
aside .quick-links ul li a {color: #58595b; text-decoration: none; padding: 5px 0; display: block; float: left; width: auto}
aside .quick-links ul li a:after {font-family: arial; content: "»"; float: right; color: #58595b; padding-left: 10px }
aside .quick-links ul li a:hover {color: #e92134}
.size-single-page-thumbnail {margin-bottom: 20px}
.entry ul.blue {list-style: none; margin-top: 30px}
.entry ul.blue li {float: left; width: 30%; background: #003399; margin: 0 3% 15px 0 }
.entry ul.blue li:nth-child(-3n) {margin-right: 0}
.entry ul.blue li:before {display: none}
.entry ul.blue li a {border-top: none; border-bottom: none; min-height: 40px; text-decoration: none; color: #fff; font-size: 1.125em; line-height: 1.125em; background: #003399 url('images/button-overlay.svg') right center no-repeat; padding: 15px 0 15px 15px; width: 100%; max-width: 100%; min-width: 100%; text-align: left; display: block; margin: 0 }
.page-template-page-sba .entry ul.blue {
  width: 100%;
  clear: both;
}
.page-template-page-sba .entry ul.blue li {
  float: none;
  width: 175px;
  margin: 0 auto 25px auto;
}
.page-template-page-sba .entry ul.blue li a {
  display: block;
  width: auto;
  min-height: auto;
  padding: 25px 1em;
}
.entry ul.blue li a:hover { background-color: #1ba2db; transition: 1s ease}
.page-id-422 .entry a {border-top: none; border-bottom: none; padding: 0; margin: 0; float: left; max-width: 30%}
input.gform_button {background: #003399 url('images/button-overlay.svg') right center no-repeat; border:0px; color: #fff; font-weight: 700; padding: 15px 20px; min-width: 50%; display: block; }
.blue-button {margin: 0 auto; display: block; text-decoration: none; background: #003399 url('images/button-overlay.svg') right center no-repeat; border:0px; color: #fff; font-weight: 700; padding: 15px 20px; width: 50%; display: block; }
.blue-button:hover {color: #fff}
input.gform_button:hover {cursor: pointer}
h3.location-title:after {display: none}
h3.location-title {display: block; background: #e92134; color: #fff; font-size: 2.25em; font-weight: 700; text-align: center; padding: 5px 0; margin: 0 0 10px}
.location-wrap {padding-bottom: 30px}
.location-wrap img.attachment-single-location-thumbnail {margin:0 0 -8px; padding: 0; }
.location-wrap .box-one {width: 31%; float: left}
.location-wrap .box {float: right; width: 27%;  background: #efefef; padding: 2.5% 3%; min-height: 290px; margin-left: 1%}
.location-wrap a {font-size: 1em; padding: 0; margin: 0; text-align: left; border: none; max-width: 100%}
.location-wrap .box h3.hours {margin: 10px 0 10px}
.location-wrap .address {line-height: 1.25em; padding: 33px 0 20px;}
.location-wrap .address a:before {content: " "; display: block; float: left; background: url('images/location-marker.svg') center center no-repeat; width: 30px; height: 30px; margin: 0 10px 0 0}
.location-wrap h4 {font-weight: 400; clear: left; margin: 0 0 38px 0}
.location-wrap h4.phone:before {content: " "; display: block; float: left; background: url('images/phone-marker.svg') center center no-repeat; width: 30px; height: 30px; margin: 0 10px 0 0}
.location-wrap h4.fax:before {content: " "; display: block; float: left; background: url('images/fax-marker.svg') center center no-repeat; width: 30px; height: 30px; margin: 0 10px 0 0}
.location-wrap h4.telephone_banking:before {content: " "; display: block; float: left; background: url('images/phone-banking-marker.svg') center center no-repeat; width: 30px; height: 40px; margin: 5px 10px 0 0}
.location-wrap .box strong {display: block; clear: both}
.location-wrap h4:last-of-type {
  margin-bottom: 25px;
}
.location-wrap .cashless {
  font-size: 14px;
  line-height: 1.15;
}
.staff-info-box {width: 30%; height: auto; min-height: 425px; float: left; margin: 0 1.5% 20px}
/* .staff-info-box img { transition: 1s ease; } */
.staff-info-box h3 {margin: 0}
.staff-info-box h4 {font-weight: 400; margin: 0}
.staff-info-box h3:after {margin: 10px 0 10px}
.staff-info-box ul li a {text-decoration: none;border-top: none;border-bottom: none;padding:0;font-size: .8em;display: block;margin: 0 auto;max-width: 100%;text-align: left;}
.staff-info-box ul {list-style-type: none}
.staff-info-box ul li {margin: 0}

.page-template-page-bank-administration .entry,
.page-template-page-branch-managers .entry,
.page-template-page-executive .entry,
.page-template-page-lenders .entry {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  flex-wrap: wrap;
}

.page-template-page-bank-administration .staff-info-box,
.page-template-page-branch-managers .staff-info-box,
.page-template-page-executive .staff-info-box,
.page-template-page-lenders .staff-info-box {
  min-height: 0;
  width: 45%;
  margin: 0 0.75% 25px;
  float: none;
}

.page-template-page-bank-administration .staff-info-box .person-title,
.page-template-page-branch-managers .staff-info-box .person-title,
.page-template-page-executive .staff-info-box .person-title,
.page-template-page-lenders .staff-info-box .person-title {
  color: #58595b;
}

.page-template-page-bank-administration .staff-info-box:hover .person-title,
.page-template-page-branch-managers .staff-info-box:hover .person-title,
.page-template-page-executive .staff-info-box:hover .person-title,
.page-template-page-lenders .staff-info-box:hover .person-title,
.page-template-page-bank-administration .staff-info-box:hover .job-title,
.page-template-page-branch-managers .staff-info-box:hover .job-title,
.page-template-page-executive .staff-info-box:hover .job-title,
.page-template-page-lenders .staff-info-box:hover .job-title,
.page-template-page-bank-administration .staff-info-box:hover .branch,
.page-template-page-branch-managers .staff-info-box:hover .branch,
.page-template-page-executive .staff-info-box:hover .branch,
.page-template-page-lenders .staff-info-box:hover .branch,
.page-template-page-bank-administration .staff-info-box:hover .office-phone,
.page-template-page-branch-managers .staff-info-box:hover .office-phone,
.page-template-page-executive .staff-info-box:hover .office-phone,
.page-template-page-lenders .staff-info-box:hover .office-phone {
  color: #58595b;
}

.boxcount-4, .boxcount-7, .boxcount-10, .boxcount-13, .boxcount-16 {clear: left}
.page-template-page-business-lenders .entry .staff-info-box:nth-child(4), .page-template-page-mortgage-officers .entry .staff-info-box:nth-child(4), .page-template-page-consumer-lenders .entry .staff-info-box:nth-child(4) {clear: none}
.entry .staff-info-box ul li::before { display: none; }
.page-template-page-financial-advisors .entry .staff-info-box:first-child {margin-left: 18%}
section#pagination{position: relative; z-index: 9999; height: auto; float: left;  width: 100%; margin-bottom: 30px; padding-top: 30px}
section#pagination .pagination {clear:both; padding: 0 0 20px 0; position:relative; }
section#pagination .pagination span, .pagination a {font-size: 1em; background: #eaeae9; display:block; float:left; margin: 2px 2px 2px 0; padding:10px 15px; border-top: none; border-bottom: none; text-decoration:none; width:auto; color:#414042; }
section#pagination .pagination a:hover{color:#fff;background: #2da7df; transition: .5s ease}
section#pagination .pagination .current{padding:10px 15px;background: #cccccc; color:#fff;}
.post-navigation {border-top: 2px solid #e92134; border-bottom: 2px solid #e92134; margin-top: 40px}
.post-navigation a { max-width: 250px; border-top: none; border-bottom: none; margin-top: 10px; text-decoration: none;}
.post-next {float: right}
.post-back { float: left}
#blog-sidebar .widget {background: #eceeef; margin-bottom: 10px; padding: 15px 20px 25px}
#blog-sidebar .widget ul, #blog-sidebar .widget ol {margin: 0 0 0 15px; list-style-type: none}
#blog-sidebar .widget ul li, #blog-sidebar .widget ol li {margin: 10px 0}
#blog-sidebar .widget h2 {background: #58595b; color: #fff; margin: 0 0 20px 0; padding: 20px 15px 10px}
#blog-sidebar .widget a {text-decoration: none; color: #003399}
#blog-sidebar .widget a:hover {color: #e92134; transition: 1s ease}
.archive a.post-thumbnail {border-top: none; border-bottom: none; display: inline; float: left; margin:0; padding: 0}
.mobile-only {display: none}
table { width: 100%; border-collapse: collapse; }
.entry table a {max-width: 100% !important; padding: 5px 0; margin: 0 auto}
tr:nth-of-type(odd) { background: #eee; }
th { background: #eee;  font-weight: 700; color: #fff; text-align: center; text-transform: uppercase; line-height: 1.3em }
td, th { padding: 6px; border: 1px solid #003399 }
tr td {text-align: center}
tr td:first-child {text-align: left}
tr th:first-child {background: #fff; color: #0099CC; text-align: center}
.yellow {color: #FFCC99}
.green {color: #99CC99}
.dark-blue {color: #003399}
table.account-comparison th a {color: #fff; text-decoration: none}
input[type="password"] {padding: 6px 10px; border: 2px solid #ccc; margin: 0; background: #efefef}
input[type="submit"] {border: none; color: #fff; font-size: 1em; padding: 5px 10px; background: #e92134; margin: 2px 0 0 0; }
.alert {background: #1ba2db; color: #fff; padding: 10px;}
.alert h2 {margin: 10px 0 10px 0; padding: 0 0 0 0;}
.alert a {text-decoration: none}
.alert a h2 {color: #fff; text-decoration: none; margin: 0; padding: 0}
.alert a h2:hover {color: #003399}
.alert .excerpt a {color: #003399}
a.back-to-single {margin-right: 20px}
input[type="button"] {background: #003399;   -webkit-appearance: none; color: #fff; padding: 5px 20px; border: none; font-size: 1.25em; margin: 10px 0 15px 0; cursor: pointer; letter-spacing: 0.02em}
input[type="button"]:hover {background: #e92134; transition: 1s ease}
.search .entry-loop {border-bottom: 2px solid #ccc}

.hide-this-field {display: none !important}

#payhereTable tr th:first-child {color: #fff !important}

#payhereTable td, #payhereTable th {border: none !important}

aside li.page-item-1675, aside li.page-item-1667, aside li.page-item-1659 {display: none}

h3 a.button {display: block; color: #fff; font-size: 1.125em; background: #003399 url('images/button-overlay.svg') right center no-repeat; padding: 20px 15px; text-decoration: none; max-width: 85%; margin: 0 auto}
h3 a.button:hover { background-color: #e92134; transition: 1s ease}
h3.person-title {color: #003399}
.single-team h3.person-title {padding-bottom: 30px;}
.single-person-image {float: left; margin-right: 20px}
h4.single-person-branch a {display: inline !important}
.single-bio-content {padding-top: 20px}
aside.single-bios .page-tree ul.children {visibility: visible !important; display: block !important; opacity: 1 !important; height: auto !important}
.staff-info-box a {text-decoration: none; color: #58595b}
.staff-info-box img:hover {opacity: 0.8; transition: 1s ease}
.staff-info-box:hover h3, .staff-info-box:hover h4 {color: #e92134; transition: 1s ease}
.single-team .single-person-image {float: left; }

.page-id-1053 .entry img {margin-right: 2em}
.map-responsive{
    overflow:hidden;
    padding-bottom:60%;
    position:relative;
    height:0;
}
.map-responsive iframe{
    left:0;
    top:0;
    height:99%;
    width:99%;
    position:absolute;
}

.page-template-page-location-brentwood .box {width: 60%}
#slide-menu {display: none}

.gf-contact-ccc {
  color: #003399;
  font-weight: 700;
}

.page-id-6643 iframe {
  border: none;
}

.page-template-page-merchant-services .page-title-container {
  position: relative;
  z-index: 0;
  display: block;
  background-image: url(images/istockphoto-1146173067-1024x1024.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}
.page-template-page-merchant-services .post-password-form {max-width: 50%; margin: 0 auto;}
.page-template-page-merchant-services .find-out-more { text-align: center; color: #fff; background: #003399; padding: 10px 0; margin: 40px 0 0 0;}
.page-template-page-merchant-services .find-out-more h1 {padding: 0 0 20px 0;}
.page-template-page-merchant-services .find-out-more a {color: #fff; border-top: 2px solid #fff; border-bottom: 2px solid #fff; padding: 10px 0; text-decoration: none; font-weight: 700; display: block; max-width: 180px; margin: 0 auto; font-size: 23px; letter-spacing: 0.02em;}
.page-template-page-merchant-services .find-out-more a {float: right;}
.page-template-page-merchant-services .find-out-more .last_column a {float: left;}
.page-template-page-merchant-services .mission-statement hr.wp-block-separator {max-width: 150px; height: 5px; margin: 40px auto; }
.page-template-page-merchant-services .mission-statement h2.extra-padding {padding: 40px 0 20px 0;}
.page-template-page-merchant-services .mission-statement p.description {max-width: 50%; text-align: center; padding: 0 auto; margin: 0 auto 60px; display: block;}
/* .page-template-page-merchant-services .page-title-container .container-background {
  display: block;
  width: 100%;
  height: 100%;
} */
.page-template-page-merchant-services .post-password-form {max-width: 450px; margin: 0 auto; padding: 40px 0;}
.page-template-page-merchant-services .post-password-form p {text-align: center;}
.page-template-page-merchant-services .wp-block-button__link:hover {color: #fff; opacity: 0.8; transition: 1s ease;}
.page-template-page-merchant-services .page-title-container .container-background {
  position: absolute;
  z-index: 1;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  display: block;
  background-color: rgba(255, 255, 255, 0.7);
}

.page-template-page-merchant-services .page-title-container .page-wrap {
  position: relative;
  z-index: 2;
  min-height: 300px;
  /* display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center; */
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}

.page-template-page-merchant-services .page-title-container .page-title {
  text-align: center;
  font-size: 60px;
}

/* .page-template-page-merchant-services .page-title-container .page-title::before {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  display: block;
} */

.page-template-page-merchant-services .page-title-container .page-title .services {
  font-weight: 400;
  border-bottom: 2px solid #58595b;
}

.page-template-page-merchant-services .missionstatement-container {
  padding-top: 25px;
  padding-bottom: 50px;
}

.page-template-page-merchant-services .missionstatement-container .page-wrap {
  max-width: 800px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
}

.page-template-page-merchant-services .missionstatement-container .heading {
  position: relative;
}

.page-template-page-merchant-services .missionstatement-container .line {
  width: 150px;
  height: 6px;
  margin-top: 25px;
  margin-bottom: 50px;
  background-color: #003399;
}

.page-template-page-merchant-services .merchantservices-container {
  padding: 25px 0;
  background-color: #F1F3F4;
}

.page-template-page-merchant-services .merchantservices-container .heading {
  text-align: center;
}

.page-template-page-merchant-services  .merchantservices-container .columns-container {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
}

.page-template-page-merchant-services  .merchantservices-container .columns-container .icon-container {
  width: 100%;
/*  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center; */
}

.page-template-page-merchant-services  .merchantservices-container .columns-container img {
  max-width: 80px;
  height: auto;
  margin: 0 auto;
  text-align: center;
}

.page-template-page-merchant-services  .merchantservices-container .columns-container .column {
  width: 15%;
  padding: 2.5%;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
}

.page-template-page-merchant-services  .merchantservices-container .columns-container .column .heading {
  text-align: left;
}

.page-template-page-merchant-services .clover-container {
  position: relative;
  z-index: 0;
  min-height: 350px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background-color: #003399;
}

.page-template-page-merchant-services .clover-container .background {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  /* background-color: #000; */
}

.page-template-page-merchant-services .clover-container > .page-wrap {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
}

.page-template-page-merchant-services .clover-container .text-container {
  max-width: 45%;
  color: #F1F3F4;
}

.page-template-page-merchant-services .clover-container .text-container h4 {
  color: #F1F3F4;
}

.page-template-page-merchant-services .clovervideos-container {
  padding: 75px 0 50px;
}

.page-template-page-merchant-services .clovervideos-container .page-wrap {
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  align-items: center;
}

.page-template-page-merchant-services .clovervideos-container .page-wrap .column {
  width: 45%;
  text-align: center;
}

.page-template-page-merchant-services .maximize-container {
  position: relative;
  z-index: 0;
  min-height: 295px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background-color: #003399;
}

.page-template-page-merchant-services .maximize-container .background {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  /* background-color: #000; */
}

.page-template-page-merchant-services .maximize-container > .page-wrap {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
}

.page-template-page-merchant-services .maximize-container .text-container {
  max-width: 45%;
  color: #F1F3F4;
}

.page-template-page-merchant-services .maximize-container .text-container h4 {
  color: #F1F3F4;
}

.page-template-page-merchant-services .bg-white {
  background-color: #FFF;
}

.page-template-page-merchant-services .bg-white .columns-container img {
  max-width: 100px;
}

.page-id-7026 td.indented {
  padding-left: 2em;
}

} /* END screen media */

/*
--------------------------------------------------------------
Media Queries Aplenty
--------------------------------------------------------------
*/
@media only screen and (max-width : 1200px) {

.page-wrap {width: 95%;}
.mobile-only {display: block}
header nav {padding-bottom: 10px;}
.search-form {bottom:10px}
#menu {display: block}
#menu-link {display: block; font-size: 55px; font-weight: bold; float: left; width: 200px; text-decoration: none; line-height: 1em; margin: 0; padding: 0}
#menu-link:after {display: none}
.desktop-only {display: none}
#slide-menu {display: block; margin-right: -15px; background: #464748 url('images/legends-bank-logo-white.svg')no-repeat; background-position: right 115%;background-attachment: scroll; -webkit-background-size: 80% 80%; background-size: 80% 80%; color: #fff; z-index: 99999; overflow: scroll; padding: 50px 0 30px 0;}
#slide-menu .login-links ul.mini-nav li.link-button {float: none;}
#slide-menu span.tel a {color: #fff}
.panel { box-shadow: -1px 1px 5px 1px #636363; }
#slide-menu .menu-main-menu-container ul {width: 70%; padding: 20px 0 50px 0; margin: 0 auto; list-style-type: none}
#slide-menu .menu-main-menu-container ul li {width: 100%; position: relative}
#slide-menu .menu-main-menu-container ul li.menu-item-has-children a:after {font-family: arial; content: "»";display: block;position: absolute;top: 10px;right: 5%;color: #fff;}
#slide-menu .menu-main-menu-container ul li.menu-item-has-children:hover a:after {transition: .5s ease;-webkit-transform: rotate(90deg);-moz-transform: rotate(90deg);-o-transform: rotate(90deg);-ms-transform: rotate(90deg);transform: rotate(90deg);}
#slide-menu .menu-main-menu-container ul li a {letter-spacing: .05em; font-weight: 500; font-size: 1.25em; color: #fff; padding: 5px 0; text-decoration: none; display: block; border-bottom: 1px solid #fff}
#slide-menu .menu-main-menu-container ul li a:hover  {color:  #1ba2db}
#slide-menu .menu-main-menu-container ul li ul {padding: 0 0 0 0; /*display: none;*/ background: #1ba2db; /*opacity: 0;*/ width: auto}
#slide-menu .menu-main-menu-container ul li ul li a{font-size: 1em; font-weight: 400; padding: 5px 30px}
#slide-menu .menu-main-menu-container ul li ul li a:hover {background: #003399; color: #fff}
#slide-menu .menu-main-menu-container ul li.menu-item-has-children ul li a:after {display: none}
#slide-menu .menu-main-menu-container ul li.menu-item-has-children ul li > a {background: #003399; color: #fff}
#slide-menu .login-links {margin: 0 auto; width: 70%; position: relative}
#slide-menu .login-links ul.mini-nav {width: auto; float: none; display: block}
#slide-menu .login-links ul.mini-nav li.link-button {display: block; /*float: left;*/ width: 80%; margin: 10px auto 0 auto }
/*.login-links ul.mini-nav li {float: none;}
*//*#slide-menu .login-links ul.mini-nav li:last-child { margin: 10px 0 0 2%}
*/#slide-menu .login-links ul.mini-nav li a {color: #fff; display: block; margin: 0 auto 0;}
#slide-menu .login-links ul.mini-nav li.link-button a {width: auto}
#slide-menu  .login-links p.text-above-login { color: #ccc; letter-spacing: 0.02em; font-weight: 300; float: none; text-align: center; text-transform: uppercase; margin: 20px auto 0}
#slide-menu .login-links p.text-below-login {float: none; display: block; clear: both; padding-top: 10px; color: #fff}
#slide-menu span.tel {color: #fff}
#slide-menu .search-form{bottom: -10px;}
#slide-menu .search-field {color: #fff; background: #003399 url('images/white-search-icon.svg') 5px center no-repeat; background-size: 25px 25px; }
#slide-menu .search-field:focus {background-color: #1ba2db; color: #fff}
#slide-menu span.tel:after { border-right: 3px solid #fff}
/*#menu-main-menu-1 > .menu-item.menu-item-type-post_type.menu-item-object-page.menu-item-has-children.menu-item-468 > a {background: #003399; color: #fff}
*/
a.active { z-index: 99999999; position: fixed; top: 0; right: 0; text-align: right; padding: 0 10px !important; margin: 0 !important; color: #fff; background: #e92134; height: 70px; width: auto !important; box-shadow: -1px 1px 5px 1px #636363;}
a.active:before {content: "X"; text-align: center; padding: 10px; font-size: .75em; display: block; background: #e92134; position: absolute; left:0; top: 0; width: 60px; height: 60px; z-index: 999999; color: #fff}
.flex-control-nav {display: none}
nav.homepage-nav {padding-bottom: 40px; background: #003399 url('images/legends-bank-logo-white.svg') bottom right no-repeat;}
nav.homepage-nav ul:before {content: "What can we help with?"; display: block; float: left; color: #fff; font-weight: 700; font-size: 1.5em; text-align: center; padding: 20px 0 5px; float: none; clear: both}
nav.homepage-nav ul {width: 70%; margin: 0 auto; border-bottom: 2px solid #1ba2db}
nav.homepage-nav ul li {float: none; clear: both; width: auto; text-align: center; border-top: 2px solid #1ba2db}
nav.homepage-nav ul li a {background: none; padding: 10px 20px;}
nav.homepage-nav ul li a:hover { color: #fff}
.text-block h2 {margin: 35px auto 25px}
.text-block {padding-bottom: 35px}
.light-blue .one-half {width: 70%; float: none; clear: both; margin: 0 auto 20px; text-align: center}
.light-blue h3::after {margin: 22px auto 35px;}
.light-blue .one-third {float: left; width: 31%; margin-left: 0; text-align: center; margin-right: 3%}
.light-blue .one-third:nth-child(3n) {margin-right: 0; float: right}
h1, h2, h3 {margin: 20px 0 20px}
.homepage-post h5 {margin: 20px 0 0 0}
footer {padding: 30px 0 20px}
footer nav {width: 100%; float: none}
footer img.logo {float: left}
footer ul.social-media {float: left; clear: left}
footer ul.social-media li {margin-left: 0; margin-right: 20px}
footer hr {margin: 20px 0 10px}
footer nav {display: none}
aside .quick-links ul li {width: 100%; }
aside .quick-links ul li a {padding-left: 25px}
.page-tree ul li a {padding: 30px 35px 30px 25px}
.page-tree ul.children li a {padding: 10px 45px 10px 25px}
table, thead, tbody, th, td, tr { display: block; }
.account-comparison thead tr { position: absolute;top: -9999px;left: -9999px;}
.account-comparison thead a {color: #fff !important;}
.account-comparison tr { border: 1px solid #ccc; }
.account-comparison td { border: none;border-bottom: 1px solid #eee; position: relative;padding-left: 50% !important; }
.account-comparison td:before { position: absolute;top: 6px;left: 6px;width: 45%; padding-right: 10px; }
.personal-checking tr td:nth-of-type(1) {padding-left: 0; text-align: center; font-weight: 700; color: #fff; background: #0099CC}
.personal-checking tr td:nth-of-type(2):before { content: "Simply Checking"; }
.personal-checking tr td:nth-of-type(3):before { content: "Secure Checking"; }
.personal-checking tr td:nth-of-type(4):before { content: "Premium Interest";}
.money-market-accounts tr td:nth-of-type(1) {padding-left: 0; text-align: center; font-weight: 700; color: #fff; background: #0099CC}
.money-market-accounts tr td:nth-of-type(2):before { content: "Reserve"; }
.money-market-accounts tr td:nth-of-type(3):before { content: "Select Reserve"; }
.business-checking tr td:nth-of-type(1) {padding-left: 0; text-align: center; font-weight: 700; color: #fff; background: #0099CC}
.business-checking tr td:nth-of-type(2):before { content: "Small Business"; }
.business-checking tr td:nth-of-type(3):before { content: "Business"; }
.business-checking tr td:nth-of-type(4):before { content: "Business Interest";}
.savings-comparison tr td:nth-of-type(1) {padding-left: 0; text-align: center; font-weight: 700; color: #fff; background: #0099CC}
.savings-comparison tr td:nth-of-type(2):before { content: "Savings Account"; }
.savings-comparison tr td:nth-of-type(3):before { content: "Partner Account"; }
.savings-comparison tr td:nth-of-type(4):before { content: "Christmas Club";}
.savings-comparison tr td:nth-of-type(5):before { content: "Legends CD";}
.savings-comparison tr td:nth-of-type(6):before { content: "Individual Retirement"; line-height: 1em}
.savings-comparison tr td:nth-of-type(7):before { content: "Health Savings"; }
th.sorting, th.sorting_asc {width: auto !important}
table.dataTable.cell-border tbody td {border-left: 1px solid #ccc; text-align: center}
table.dataTable.cell-border tbody tr:first-child td {border-top: 1px solid #ccc !important}
table.dataTable.cell-border tbody tr td:first-child {font-weight: bold}
table.dataTable.cell-border tbody tr:nth-child(even) {background: #efefef}
.supsystic-tables-wrap .supsystic-table .htLeft {text-align: center !important}
table.dataTable thead .sorting_desc {width: 100% !important}
.entry ul.blue li a {font-size: 1em !important}
.page-id-1053 .entry img {margin-right: 1em}
#supsystic-table-2_4042 thead {display:none}

.page-template-page-merchant-services .clover-container .background {
  background-size: cover !important;
  opacity: 0.4;
}

.page-template-page-merchant-services .clover-container > .page-wrap {
  padding: 25px 0;
  align-items: center;
  position: relative;
  z-index: 2;
}

.page-template-page-merchant-services .maximize-container .background {
  background-size: cover !important;
  opacity: 0.4;
}

.page-template-page-merchant-services .maximize-container > .page-wrap {
  padding: 25px 0;
  align-items: center;
  position: relative;
  z-index: 2;
}
header .left-header {width: 40%;}
header .right-header {width: 60%;}
}
@media only screen and (max-width : 1050px ) {
	.login-links ul.mini-nav li.line-right, .login-links ul.mini-nav li.location {display: none}
	#payhereTable td {text-align: center !important}
	.page-id-1053 .entry img {max-width: 45%}
	.one_half.last_column {padding-left: 5%; width: 45%}
	header .left-header {width: 60%; float: left;}
	header .right-header {width: 40%; float: right;}
}
@media screen and (max-width: 950px) {
.homepage-post:nth-child(1) {margin-right: 0; margin-top: 30px}
.homepage-post {width: 100%; float: none; clear: both; border-top: 10px solid #eceeef; padding: 0 0 20px}
.homepage-post a.post-thumbnail {float: left}
.homepage-post h5 {margin: 20px 0 0 0}
.homepage-post h5, .homepage-entry {width: 50%; float: right}
.homepage-post h5::after {margin: 72px 0 10px;}
.light-blue .one-third {width: 100%; float: none; margin: 0 auto 20px}
a.striped {max-width: 80%}
.text-block p {width: 80%}
.entry ul.blue li {width: auto; float: none; margin: 0 0 15px 0; display: block}
.entry ul.blue li a {/*width: auto; max-width: auto; min-width: auto; min-height: auto*/}
.page-tree ul li:hover a:after {top: 5px; margin: 0; padding: 0}
aside .quick-links ul li a {padding-left: 10px}
.staff-info-box {width: 47%;}
.boxcount-4, .boxcount-7, .boxcount-10, .boxcount-13, .boxcount-16 {clear: none}
.boxcount-3, .boxcount-5, .boxcount-7, .boxcount-9, .boxcount-11, .boxcount-13, .boxcount-15, .boxcount-17, .boxcount-19  {clear: left}
h2.page-title {width: auto}
.breadcrumb-container {max-width: 100% !important; width: auto}
.breadcrumb-container {float: left; clear: left; padding: 0 0 10px 0}
h2.page-title {padding: 10px 0 10px}
.breadcrumb-container.theme1 a {padding: 5px 10px 5px 0 !important; }
.breadcrumb-container li .separator {margin-right: 10px !important}

.staff-info-box.boxcount-2, .staff-info-box.boxcount-1, .page-template-page-financial-advisors .entry .staff-info-box:first-child {margin: 0 auto 20px; float: none}
}
@media screen and (max-width: 825px) {
	header .left-header {width: 50%; float: left;}
	header .right-header {width: 50%; float: right;}
}
@media screen and (max-width: 800px) {
.homepage-post h5, .homepage-entry {float: none; margin: 0 auto; clear: both}
.homepage-post a.post-thumbnail {float: none; margin: 0 auto 20px; display: block; text-align: center}
.homepage-post h5::after { margin: 20px auto}
.homepage-post {width: auto; padding: 20px; border-top: none; border: 10px solid #eceeef; margin: 0 auto 20px; float: none; clear: both}
.homepage-post:nth-child(1) {margin-right: auto}
.homepage-post h5, .homepage-entry {width: auto}
.entry a, .homepage-entry a {max-width: 100%}
a.striped {max-width: 90%}
.homepage-post:nth-child(3) {float: none}
.light-blue .one-half {width: 100%}
#slide-menu span.tel {float: left; margin: 18px 15px 0 15%}
#slide-menu .search-form {right: 28%}
hr {height: 1px}
}

@media screen and (max-width: 768px) {
  .page-template-page-bank-administration .staff-info-box,
  .page-template-page-branch-managers .staff-info-box,
  .page-template-page-executive .staff-info-box,
  .page-template-page-lenders .staff-info-box {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }

  .page-template-page-merchant-services .clover-container .text-container,
  .page-template-page-merchant-services .maximize-container .text-container {
    max-width: 80%;
  }

  .page-template-page-merchant-services .clovervideos-container .page-wrap {
    flex-wrap: wrap;
    justify-content: center;
  }

  .page-template-page-merchant-services .clovervideos-container .page-wrap .column {
    width: 100%;
    margin-bottom: 50px;
  }

  .page-template-page-merchant-services .merchantservices-container .columns-container {
    /* flex-wrap: wrap; */
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }

  .page-template-page-merchant-services .merchantservices-container .columns-container .column {
    justify-content: center;
    align-items: center;
  }

  .page-template-page-merchant-services .merchantservices-container .columns-container .column,
  .page-template-page-merchant-services .merchantservices-container .columns-container .column .heading {
    text-align: center;
  }
  
  .page-template-page-merchant-services  .merchantservices-container .columns-container .column {
    width: 80%;
    padding: 2.5 20%;}
	
.page-template-page-merchant-services .mission-statement p.description {margin: 0 auto 30px;}
  
}

@media screen and (max-width: 700px) {
	header .left-header {width: 90%; float: left;}
	header .right-header {clear:both; width: 100%; float: none;}
h1#logo { width: 300px; height: 90px; margin: 10px 0 20px 0}
header .header-fdic {margin: 0 0 20px;}
header nav {border-top: none;}
.login-links p.text-above-login {/*float: none; margin: 0 auto 5px;padding-top: 0; text-align: center; display: block; clear: both*/ float: right; width: 50%; margin: 0 0 10px 0; text-align: center;}
.login-links p.text-above-chat {float: left; width: 50%; margin: 0 0 10px 0; text-align: center;}

.login-links ul.mini-nav {margin: 0 auto; float: none; clear: both; display: block; /*height: 60px*/ /*max-width: 80%;*/ }
 .login-links ul.mini-nav li.link-button {/*margin-left: 5%;*/margin: 0 0 0 0;}
.login-links ul.mini-nav li { margin: 0 auto 0; /*float: none;*/ width: 50%; float: left;}
/*.login-links ul.mini-nav li.link-button:last-child {margin-right: 0}
*//*.login-links ul.mini-nav li.link-button {margin-left: 0}
*/
.login-links ul.mini-nav li.link-button a { display: block; width: 80% !important; margin: 0 auto 0;}
.login-links ul.mini-nav li.chat-button a {width: 80%; margin: 0 auto 0;}

.login-links p.text-below-login {clear: both; float: none; margin: 10px auto 10px; display: block; text-align: center}
header nav {position: absolute; top: 0; right: 2.5%; width: 90px; background: none}
header nav .search-form{display: none}
header nav .page-wrap {width: 100%}
#menu-link {/*float: right;*/ width: 0px; padding: 10px 0 0 0; margin: 0 0 0 40px}
header span.tel {display: none}
header span.tel:after {display: none}
#slide-menu .search-form {position: relative; right: auto; bottom: auto; display: block}
#slide-menu .search-field {margin: 10px 0 0 0; width: 100%; color: #fff !important; background-color: #003399; border: 1px solid #fff }
#slide-menu .search-form label .search-field {color: #fff !important; }
#slide-menu input[type="search"]::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #fff;
}
#slide-menu input[type="search"]::-moz-placeholder { /* Firefox 19+ */
  color: #fff;
}
#slide-menu input[type="search"]:-ms-input-placeholder { /* IE 10+ */
  color: #fff;
}
#slide-menu input[type="search"]:-moz-placeholder { /* Firefox 18- */
  color: #fff;
}
a#link8b8b53a7e5b83d95644659e519c9434d79e37b3f img,
a#link01019d020e1ef0b44ede4dbaa3545c33f6b80a7a img {margin: 0 auto; text-align: center; float: none; display:block}
.one_half.last_column {padding-left: 0}

.entry {float: none; width: 95%; padding-bottom: 0; margin: 0 auto}
aside {float: none; width: 100%; margin-top: 50px}
aside .quick-links ul li a {text-align: center; border-bottom: 1px solid #ccc; display: block; width: 100%; padding-left: 0}
aside .quick-links h4 {margin: 20px 0 0 }
.page-tree {padding-bottom: 0; border-bottom: 0}
footer img.logo {margin: 0 auto; float: none; display: block; }
footer p.clear-right {clear: both; float: none; margin: 0 auto; display: block; text-align: center}
span.footer-tel {clear: none; text-align: center; float: none; margin: 25px auto 10px}
footer ul.social-media {float: none; clear: none; margin: 30px auto; display: block; width: 220px}
footer ul.social-media li:last-child {margin-right: 0;} 
.full-page  {width: 95%; margin: 0 auto}
}
@media screen and (max-width: 600px) {
#slide-menu {padding-top: 75px}
#slide-menu .login-links p.text-above-login {display: none}
#slide-menu .login-links ul.mini-nav {display: none}
#slide-menu .login-links p.text-below-login {display: none}
#slide-menu .search-form {margin-top: 20px}
#slide-menu .menu-main-menu-container ul li ul li a {padding: 5px 10px}
.location-wrap .box-one, .location-wrap .box {width: 100%; float: none; clear: both}
.location-wrap .box {width: auto}
.alignright, .alignleft, .aligncenter {clear: both; float: none; margin: 10px auto 10px !important; display: block; text-align: center}
.one_half.last_column {/*padding-left: auto;*/ width: 100%}
h1, h2, h3 {line-height: 1.1em;}
}
@media screen and (max-width: 550px) {
#slide-menu {   -webkit-background-position: right bottom;}

.single-person-image {float: none !important; clear: both !important; margin: 0 auto 20px !important; }
.single-person-image img {float: none; margin: 0 auto; display: block}
.page-id-1053 .entry img {max-width: 100%; margin: 0 auto 1em; text-align: center; display: block; float: none}
}
@media screen and (max-width: 450px) {
h1#logo {width: 150px; height: 45px}
/*.login-links p.text-above-login {text-align: left; padding-top: 13px; text-align: center;}
*/header span.tel {margin: 5px 0 0 0; text-align: right; padding: 0 }
span.phone-hide {display: none}
.breadcrumb-container {display: none}
h2.page-title {padding: 10px 20px; text-align: center}
.staff-info-box {margin: 0 auto; float: none; display: block; width: 80%; clear: both; min-height: auto}

.page-template-page-merchant-services .page-title-container .page-wrap {
  min-height: 250px;
}

.page-template-page-merchant-services .page-title-container .page-title {
  font-size: 45px;
}

}
@media print {
.do-not-print { display: none; }
#comments { page-break-before: always; }
body { width: 100% !important; margin: 0 !important; padding: 0 !important; line-height: 1.4; word-spacing: 1.1pt; letter-spacing: 0.2pt; font-family: Garamond,"Times New Roman", serif; color: #000; background: none; font-size: 12pt; }
h1,h2,h3,h4,h5,h6 { font-family: Helvetica, Arial, sans-serif; }
h1 { font-size: 19pt; }
h2 { font-size:17pt; }
h3 { font-size:15pt; }
h4,h5,h6 { font-size:12pt; }
code { font: 10pt Courier, monospace; }
blockquote { margin: 1.3em; padding: 1em; }
img { display: block; margin: 1em 0; }
a img { border: none; }
table { margin: 1px; text-align:left; }
th { border-bottom: 1px solid #333;  font-weight: bold; }
td { border-bottom: 1px solid #333; }
th, td { padding: 4px 10px 4px 0; }
caption { background: #fff; margin-bottom: 2em; text-align: left; }
thead { display: table-header-group; }
tr { page-break-inside: avoid; }
a { text-decoration: none; color: black; }
} /* END print media */