/*
	Theme Name: Brannen Banks
	Theme URI: https://bran-cf-pages-failover.pages.dev/
	Description: Custom theme built by Workhorse Marketing for Brannen Banks
	Author: Workhorse Marketing
	Author URI: https://www.workhorsemkt.com/
	Text Domain: whmbp-theme
	License:
	License URI:
	Version: 1.0
*/
article,aside,details,figcaption,figure,footer,header,hgroup,nav,section{display:block}audio,canvas,video{display:inline-block}audio:not([controls]){display:none}[hidden]{display:none}html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}button,html,input,select,textarea{font-family:sans-serif;color:#222;outline-width:0}body{margin:0;font-size:1em;line-height:1.4}::-moz-selection{background:#999;color:#fff;text-shadow:none}::selection{background:#999;color:#fff;text-shadow:none}a{color:inherit}a:visited{color:inherit}a:hover{color:#06e}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}blockquote{margin:1em 40px}dfn{font-style:italic}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}ins{background:#ff9;color:#000;text-decoration:none}mark{background:#ff0;color:#000;font-style:italic;font-weight:700}code,kbd,pre,samp{font-family:monospace,serif;font-size:1em}pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word}q{quotes:none}q:after,q:before{content:"";content:none}small{font-size:85%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}ol,ul{margin:1em 0;padding:0 0 0 40px}dd{margin:0 0 0 40px}nav ol,nav ul{list-style:none;list-style-image:none;margin:0;padding:0}img{border:0;-ms-interpolation-mode:bicubic;vertical-align:middle}svg:not(:root){overflow:hidden}figure{margin:0}form{margin:0}fieldset{border:0;margin:0;padding:0}label{cursor:pointer}legend{border:0;padding:0;white-space:normal}button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline}button,input{line-height:normal}button,input[type=button],input[type=reset],input[type=submit]{cursor:pointer;-webkit-appearance:button}button[disabled],input[disabled]{cursor:default}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top;resize:vertical}input:invalid,textarea:invalid{background-color:#f0dddd}table{border-collapse:collapse;border-spacing:0}td{vertical-align:top}.chromeframe{margin:.2em 0;background:#ccc;color:#000;padding:.2em 0}.ir{display:block;border:0;text-indent:-999em;overflow:hidden;background-color:transparent;background-repeat:no-repeat;text-align:left;direction:ltr}.ir br{display:none}.visuallyhidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.visuallyhidden.focusable:active,.visuallyhidden.focusable:focus{clip:auto;height:auto;margin:0;overflow:visible;position:static;width:auto}.invisible{visibility:hidden}.clearfix:after,.clearfix:before{content:"";display:table}.clearfix:after{clear:both}.alignnone{margin:5px 20px 20px 0}.aligncenter:not(picture).aligncenter source,.aligncenter img ,div.aligncenter{display:block;margin:5px auto 5px auto}.alignright{float:right;margin:5px 0 20px 20px}.alignleft{float:left;margin:5px 20px 20px 0}a img.alignright{float:right;margin:5px 0 20px 20px}a img.alignnone{margin:5px 20px 20px 0}a img.alignleft{float:left;margin:5px 20px 20px 0}a img.aligncenter{display:block;margin-left:auto;margin-right:auto}.wp-caption{background:#fff;border:1px solid #f0f0f0;max-width:96%;padding:5px 3px 10px;text-align:center}.wp-caption.alignnone{margin:5px 20px 20px 0}.wp-caption.alignleft{margin:5px 20px 20px 0}.wp-caption.alignright{margin:5px 0 20px 20px}.wp-caption img{border:0 none;height:auto;margin:0;max-width:98.5%;padding:0;width:auto}.wp-caption p.wp-caption-text{font-size:11px;line-height:17px;margin:0;padding:0 4px 5px}.screen-reader-text,.screen-reader-text a{border:0;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute!important;width:1px;word-wrap:normal!important}.screen-reader-text a:focus,.screen-reader-text:focus{background-color:#eee;clip:auto!important;clip-path:none;color:#444;display:block;font-size:1em;height:auto;left:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}a:focus{outline:none !important;}@media print{*{background:0 0!important;color:#000!important;box-shadow:none!important;text-shadow:none!important;filter:none!important;-ms-filter:none!important}a,a:visited{text-decoration:underline}a[href]:after{content:" (" attr(href) ")"}abbr[title]:after{content:" (" attr(title) ")"}.ir a:after,a[href^="#"]:after,a[href^="javascript:"]:after{content:""}blockquote,pre{border:1px solid #999;page-break-inside:avoid}thead{display:table-header-group}img,tr{page-break-inside:avoid}img{max-width:100%!important}@page{margin:.5cm}h2,h3,p{orphans:3;widows:3}h2,h3{page-break-after:avoid}}img{max-width:100%;height:auto}.alert{background:red;color:#fff}abbr,address,article,aside,audio,b,blockquote,body,body div,caption,cite,code,dd,del,dfn,dl,dt,em,fieldset,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,p,pre,q,samp,section,small,span,strong,sub,sup,table,tbody,td,tfoot,th,thead,time,tr,ul,var,video{margin:0;padding:0;border:0;outline:0;vertical-align:baseline;background:0 0}.whmbp_pagination ul li{display:inline-block;border:1px solid;margin:0 2px;padding:5px 10px}nav.whmbp_pagination{padding-top:15px;padding-bottom:15px} .sticky { color:red; }
.using-tabs :focus {outline:1px dotted #ccc !important;}
.extra-padding {padding-left: 4%; padding-right: 4%;}
.extra-padding-small {padding-left: 2%; padding-right: 2%;} 
.inner {margin-left: auto; margin-right: auto;}
.inner-real-small {max-width: 700px;}
.inner-smaller {max-width: 1082px;}
.inner-small {max-width: 1220px;}
.inner-medium {max-width: 1340px;}
.inner-large {max-width: 1540px;}
.zero-font {font-size: 0px; line-height: 0px;}
.ib {display: inline-block; vertical-align: top;}
.center {text-align: center;}
.bg1 {background-color: #003057}
.bg2 {background-color: #F5A12F}
.vp-tiny {padding-top: 20px; padding-bottom: 22px;}
.vp-small {padding-top: 62px; padding-bottom: 65px;}
.vp-medium {padding-top: 82px; padding-bottom: 85px;}
.vp-medium-smaller-bottom {padding-top: 82px; padding-bottom: 75px;}
.vp-large {padding-top: 90px; padding-bottom: 105px;}
.vp-large-smaller-top {padding-top: 40px; padding-bottom: 105px;}
.no-top {padding-top:0px;}
.no-bottom {padding-bottom: 30px;}
.inch-up {padding-top: 0px; margin-top: -40px;}
/* .inch-up-large {padding-top:0px; margin-top:-100px;} */
.hs1 {font-family: 'Roboto Slab', serif; font-size: 45px; line-height: 1.3em; font-weight: 400; }
.hs2 {font-size: 24px; line-height: 1.3em; font-weight: 400; }
.hs3 {font-family: 'Roboto Slab', serif; font-size: 31px; line-height: 1.3em; font-weight: 400; color: #fff;}
.hs4 {font-family: 'Roboto Slab', serif; font-size: 34px; line-height: 1.3em; font-weight: 400;}
.slab {font-family: 'Roboto Slab', serif; }
.hs-underline {border-bottom: 1px solid #707070; padding-bottom: 20px;}
.mb5 {margin-bottom: 5px;}
.mb15 {margin-bottom: 15px;}
.mb25 {margin-bottom: 25px;}
.mb35 {margin-bottom: 35px;}
.mb45 {margin-bottom: 45px;}
body {font-family: 'Roboto', sans-serif; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color:#1A1A1A;}
body, .return-font {font-size: 18px; line-height: 1.4em;}
ul, ol, li {margin: 0px; padding: 0px;}
#header {border-bottom: 1px solid #dfdfdf; padding-top: 12px; position: fixed; background-color: #fff; width: 100%; z-index: 1000;}
#logo img {width: 280px; height: 60px; object-fit: contain; object-position: left; display: block;}
#access a {color: #1A1A1A; text-decoration: none; position: relative;}
.fill-space, .cover:not(picture), .cover-overlay, .cover-holder iframe, picture.cover source, picture.cover img  {width: 100%;height: 100%;position: absolute;top: 0px;left: 0px;right: 0px;bottom: 0px;}
.cover-holder {position: relative;background-image: none !important;}
.cover-holder-inner-table {position: relative;width: 100%;height: 100%;}
.cover:not(picture), picture.cover source, picture.cover img  {object-fit: cover;background-position: center;background-size: cover;color: transparent; z-index: 0; object-position: center;}
.cover-overlay {z-index: 1; background-color: rgba(255,255,255,.4);}
a.btn, #access ul>li.menu-button a, .gform_wrapper .gform_footer input[type=submit] {background-color:#F5A12F; color:#fff; padding: 22px 28px; -webkit-border-radius: 10px; border-radius: 10px; font-size: 16px; line-height: 1em; text-decoration: none; display: inline-block; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; } 
a.btn:hover, #access ul>li.menu-button a:hover, .gform_wrapper .gform_footer input[type=submit]:hover, a.btn:focus, #access ul>li.menu-button a:focus, .gform_wrapper .gform_footer input[type=submit]:focus  {background-color: #BE7E28;}
.big-font, .big-font p {font-size: 24px; line-height: 1.4em;}
.smaller-font, .smaller-font p {font-size: 16px; line-height: 1.3em;}
.larger-line-height {line-height: 2em;}
.drop-shadow {-webkit-box-shadow: 0 3px 6px 0 rgba(0,0,0,.16); box-shadow: 0 3px 6px 0 rgba(0,0,0,.16);}
.delay {opacity: 0;}
.important-notice {background-color: #26572B; color:#fff; position: fixed; top: 122px; left:100%; width: 100%; }
.important-notice__grid {display: grid; grid-template-columns: 100px 1fr; grid-template-rows: 1fr; gap: 20px; align-items: center; }
.important-notice__icon {width: 100px; height: 100px; }
.important-notice__icon img { width: 100%; height: 100%; object-fit: contain; object-position: center; display: block; }
.important-notice__headline {margin-bottom: 5px;}
.important-notice__content a { color: #fff; text-decoration: underline; white-space: nowrap; }
.important-notice__content a:hover { color: #F5A12F; }
.user-content a {color:#003057;}
.user-content ul {padding-left: 22px;}
.user-content p, .user-content ul, .user-content ol {margin-bottom: 1em;}
.user-content h2,.user-content h3, .user-content h4 {margin-bottom: .6em;}
.user-content blockquote {font-size: 2.5em; line-height: 1.3em; font-style: italic; text-align: center; padding-top: 25px;}
.seperator {border-bottom: 1px solid #707070;}
@media(min-width:1140px){
	#access {width: calc(100% - 304px); text-align: right; vertical-align: bottom;}
	#access div>ul>li {display: inline-block; position: relative;}
	#access div>ul>li>a {padding: 20px 19px 34px 19px; display: block; font-size: 18px;}
	#access div>ul>li:not(.menu-button):last-child>a {padding-right: 0px;}
	#access div>ul>li.menu-search>a {font-size: 0px; line-height: 0px; }
	#access div>ul>li.menu-button {margin-left: 20px;}
	#access div>ul>li.hide-desktop {display: none;}
	#mobile-holder {display: none;}
	#content {padding-top: 122px; display: block; }
	#access div>ul>li ul {position: absolute; top: 100%; left: 50%; -ms-transform: translateX(-50%); transform: translateX(-50%); margin:0px; text-align: left; min-width: 100%; display: none; background-color: #e7e7e5;}
	#access div>ul>li:hover>ul, #access div>ul>li.menu-item-has-children[aria-expanded="true"] ul {display: block;}
	#access div>ul>li ul li {position: relative; font-size: .95em;}
	#access div>ul>li ul li a {padding: 8px 19px; white-space: nowrap; display: block;}
	#search-form {width:0%; overflow:hidden;}
	#access div>ul>li>ul>li>ul{display: none;}
	#access div>ul>li>ul>li:hover>ul{display:block;margin-left:100%;top:0;}
}
@media(max-width:1580px){
	#access div>ul>li>a {padding-left: 12px; padding-right: 12px;}
}
@media(max-width:1420px){
	#access div>ul>li>a {padding-left: 8px; padding-right: 8px; font-size: 16px;}
}
@media(max-width:1240px){
	#logo img {max-width: 250px; height: 50px; margin-top: 5px; }
	#access {width: calc(100% - 254px);	}
	#access div>ul>li>a {padding-left: 6px; padding-right: 6px; font-size: 15px;}
}
@media(max-width:1140px){
	#logo img {max-width: 175px; height: 40px;}
}
@media(max-width:1140px){
	#mobile-holder { position: absolute; bottom: 10px; right: 0; z-index: 1001;}
	#content {padding-top: 100px; }
	.important-notice {top: 100px;}
}
.hamburger { display: inline-block; cursor: pointer; transition-property: opacity, filter; transition-duration: 0.15s; transition-timing-function: linear; font: inherit; color: inherit; text-transform: none; background-color: transparent; border: 0; margin: 0; padding: 0; overflow: visible; }
.hamburger-box { width: 35px; height: 24px; display: inline-block; position: relative; }
.hamburger-inner { display: block; top: 50%; margin-top: -2px; }
.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {   width: 35px;   height: 4px;   background-color: #333;   border-radius: 4px;   position: absolute;   transition-property: transform;   transition-duration: 0.15s;   transition-timing-function: ease; }
.hamburger-inner::before, .hamburger-inner::after {   content: "";   display: block; }
.hamburger-inner::before {   top: -10px; }
.hamburger-inner::after {   bottom: -10px; }
.hamburger--collapse .hamburger-inner { top: auto; bottom: 0; transition-duration: 0.13s; transition-delay: 0.13s; transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
.hamburger--collapse .hamburger-inner::after {   top: -20px;   transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear; }
.hamburger--collapse .hamburger-inner::before {   transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); }
.open-mobile .hamburger--collapse .hamburger-inner { transform: translate3d(0, -10px, 0) rotate(-45deg); transition-delay: 0.22s; transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
.open-mobile  .hamburger--collapse .hamburger-inner::after {   top: 0;   opacity: 0;   transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.22s linear; }
.open-mobile  .hamburger--collapse .hamburger-inner::before {   top: 0;   transform: rotate(-90deg);   transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1); }
.left-col {margin-right:5%;}
.left-col, .right-col {display: inline-block; vertical-align: top; width:46%; text-align: center;}
@media (max-width: 1000px){
	body, .return-font {font-size: 17px;}
	.hs1 {font-size: 38px; }
	.hs3 {font-size: 27px; }
	.hs4 {font-size: 30px;}
	.mb15, .mb15-mob {margin-bottom:12px;}
	.mb25 {margin-bottom: 22px;}
	.mb35 {margin-bottom: 30px;}
	.mb45 {margin-bottom: 40px;}
	a.btn, #access ul>li.menu-button a, .gform_wrapper .gform_footer input[type=submit] {padding: 20px 26px; -webkit-border-radius: 8px; border-radius: 8px; font-size: 15px;}
	.vp-small {padding-top: 42px; padding-bottom: 45px;}
	.vp-medium {padding-top: 62px; padding-bottom: 65px;}
	.vp-large {padding-top: 70px; padding-bottom: 85px;}
	.vp-large-smaller-top {padding-top: 35px; padding-bottom: 85px;}
	.vp-medium-smaller-bottom {padding-top: 67px;padding-bottom: 60px;}
	.big-font {font-size: 22px;}
	.smaller-font, .smaller-font p {font-size: 15px;}
	.important-notice {top: auto; position:relative; left: auto;}
}
@media (max-width: 500px){
	body, .return-font {font-size: 16px;}
	.hs1 {font-size: 32px; }
	.hs3 {font-size: 24px; }
	.hs4 {font-size: 25px;}
	.mb15, .mb15-mob {margin-bottom:10px;}
	.mb25 {margin-bottom: 15px;}
	.mb35 {margin-bottom: 24px;}
	.mb45 {margin-bottom: 33px;}
	a.btn, #access ul>li.menu-button a, .gform_wrapper .gform_footer input[type=submit] {padding: 18px 24px; -webkit-border-radius: 6px; border-radius: 6px; font-size: 14px;}
	.vp-small {padding-top: 32px; padding-bottom: 35px;}
	.vp-medium {padding-top: 42px; padding-bottom: 45px;}
	.vp-large {padding-top: 40px; padding-bottom: 40px;}
	.vp-large-smaller-top {padding-top: 30px; padding-bottom: 55px;}
	.big-font {font-size: 20px;}
	.smaller-font, .smaller-font p {font-size: 14px; }
	.cover-overlay {background-color: rgba(255,255,255,.7);}
	.vp-medium-smaller-bottom {padding-top: 47px;padding-bottom: 40px;}
	.left-col, .right-col { width:100%; margin-right: 0%;}
}
.bx-wrapper ul li {-webkit-perspective: 1000; -webkit-backface-visibility: hidden;}
@media (min-width: 1140px){
	.btn.mobile-banking{
		display: none;
	}
}
.btn.mobile-banking{
	padding: 10px 18px;
	font-weight: bold; 
	margin-right: 50px; 
	float: right; 
	margin-top: 5px;
}
@media (max-width: 480px){
	#logo img{
		max-width: 140px;
		height: 30px;
	}
	.btn.mobile-banking{
		padding-left: 10px;
		padding-right: 10px;
		margin-top: 0;
	}
	#mobile-holder {
		bottom: 6px;
	}
}
.full-width-cta-centered-inner{
	padding-left: 20px !important;
	padding-right: 20px !important;
}
#search-form button{
	background: transparent !important;
}
.privacy-menu li a:hover{
	text-decoration: underline;
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active){
.page-id-87 picture.cover img{
height: auto !important;
margin: auto !important;
}
.page-id-87 section.full-width-header.cover-holder{
	padding-bottom: 0 !important;
	display: block;
	min-height: 24vw;
	overflow: hidden;
}
#access-footer{
	/*width: calc(100% - 350px) !important;*/
}
.footer-logos{
	text-align: right;
}
}
@media (max-width: 1140px){
	#access div>ul>li.menu-item-has-children>ul>li.menu-item-has-children > a{
		width: calc(100% - 80px);
		border-bottom: none;
	}
	#access div>ul>li.menu-item-has-children>ul>li.menu-item-has-children>ul>li>a{
		border-top: 1px solid #dfdfdf;
	}
	#access div>ul>li.menu-item-has-children>ul>li.menu-item-has-children{
		border-bottom: 1px solid #dfdfdf;
	}
	#access div>ul>li.menu-item-has-children>ul>li.menu-item-has-children.open{
		border-bottom: none;
	}

}

/* FDIC */


#header .fdic-container {
	display: flex;
	align-items: center;
	margin-bottom: 12px;
}

#header .fdic-container .fdic-logo {
	display: flex;
	color: #003256;
	width: 38px;
	height: 17px;
}

#header .fdic-container .fdic-text {
	display: flex;
	font-size: 14px !important;
	line-height: 14px !important;
	margin-left: 10px;
	font-style: italic;
}

.header-inner {
	position: relative;
}