/*------ body text ------- 

font-family: "Noto Serif", serif;
font-family: 'Rubik', sans-serif;
font-family: "Source Sans 3", sans-serif; FDIC logo only

primary color: md blue: #0068a6
secondary colour: dk blue #1C3C59
third colour: beige: #d2b479
-- dk beige ok w/white: #8d6e30

*/
body { color: #2b2b2b; background-color: #ffffff; font-family: "Noto Serif", serif!important; 
 font-style: normal; font-weight: 400; height: 100%; } 
/* the following allows all the text to shrink with viewport */
html {
  font-size: 15px;
}
@media screen and (min-width: 1106px) {
  html {
    font-size: calc(15px + (19 - 15) * (100vw - 1106px)/(1422 - 1106));
  }
}
@media screen and (min-width: 1422px) {
  html {
    font-size: 19px;
  }
}

body { color: #333 !important; } 
/************ typography ***************/
h1, .h1 { color: #1C3C59; } 
h1 span {font-size: .6em!important;display: block;}
/*homepage only since no rotator for h1*/
h1.intro {color: #1C3C59; font-size:1.75em!important;text-align: center;}
h2, .h2 { color: #1C3C59; font-size:1.75em!important;} 
/*#contentTwo h2, #contentTwo .h2{color: #0068a6;}*/
h3, .h3 { color: #0068a6; font-size:1.5em!important;} 
/*#contentTwo h3, #contentTwo .h3 {color: #1C3C59;}*/
h3 span {font-size: .6em!important;display: block;}
h4, .h4 { color: #1C3C59; font-size:1.25em!important;} 
h4 span {font-size: .6em!important;display: block;}
h5, .h5 { color: #0068a6;font-size:1.10em!important;margin-bottom:2px!important; } 
h5 a {color: #0068a6!important;} 
h5 a:hover, h5 a:active{text-decoration: none!important;}
h6, .h6 { color: #2b2b2b; font-weight: bold; font-family: 'Rubik', sans-serif; } 
h1, h2, h3, h4, h5 { font-family: 'Rubik', sans-serif; } 
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-weight: inherit; } 
.h2, .h5, .h6 {display:inline;font-family: 'Rubik', sans-serif;font-weight:bold;}
h4 + h5, p + h5, ul + h4 {margin-top: 1em!important;}

blockquote { margin: 1em auto .5em auto!important; border-left:0px!important;padding:20px!important;line-height: 1.25;font-size: 1.35em; color: #fff;font-family: "Noto Serif", serif;font-style: normal!important; text-align: center;} 
blockquote p{margin-top:2em;}
blockquote cite {color:#d2b479;font-family: 'Rubik', sans-serif;font-style: normal!important;font-size: .9em!important;margin-top:30px;font-weight: 400;}
blockquote cite:before {content: ""!important;}

.mainColor {color: #0068a6!important;} 
.secondColor {color: #1C3C59!important;} 
small {font-size:.7em!important;}
.bigRate {font-size:350%!important;color:#8d6e30;}
.bigNumber {font-size:250%!important;color:#8d6e30;}
.nonBold {font-weight: normal !important; } 
.nonRounded {border-radius: 0!important;}
p.disclosure, span.disclosure, div.disclosure {font-size: 0.7em !important;line-height:1.2; } 
p.spacer{margin:1rem 0;}
.intro {font-size: 1.2em!important;line-height: 1.45!important; margin-bottom:0!important;}
.lead {font-size: 1.1em!important;line-height: 1.25!important;font-weight: 400!important; }
.lead + ul {margin-bottom:1em!important;}
.standOut {font-size: 1.25em!important;line-height: 1.5!important; }
.bottomLine {border-bottom:1px solid #1C3C59;}
.quote {color: #1C3C59;font-size:130%!important;line-height: 1.25!important;}
.alert.alert-info{color:#1C3C59!important; background-color:#fff!important; border-color:#1C3C59!important;border-radius: 0!important;text-align: center;}

/******************* Links *********************/
a, a:link, a:visited, a:focus {color: #1C3C59; text-decoration: underline; background-color: transparent; } 
a:hover, a:active, #content a:hover, #content a:active {color: #8d6e30; text-decoration: none; } 
a[href^="tel:"] {white-space: nowrap; } 
@media (min-width:768px) { 
  a.dHide, a.dHide:link, a.dHide:visited, a.dHide:hover, a.dHide:active {text-decoration: none !important; color: inherit !important; } 
  a.dHideFooter, a.dHideFooter:link, a.dHideFooter:visited, a.dHideFooter:hover, a.dHideFooter:active {text-decoration: none !important; color: white !important; }
}

img.shadowed {-webkit-box-shadow: #000 0px 0px 10px; -moz-box-shadow: #000 0px 0px 10px; box-shadow: #000 0px 0px 10px;} 
img.rounded{border-radius: .5rem!important;}
img.img-fluid {width:100%!important;height:auto!important;}
img.rtShadow {width:100%;height:auto;/*box-shadow: 20px 20px #919894;margin-bottom:20px;*/}/*
#contentTwo img.rtShadow {box-shadow: 20px 20px rgba(145, 152, 148, 1);}
img.rtShadow.community {width:95%;box-shadow: 10px 10px #919894;}*/


hr { border: 0 !important; height: 1px !important; background-color:#deddd8;margin: 40px 0 !important; } 

/* anchors */
:target { display: block; position: relative; top: -230px;  visibility: hidden;}

/******************** lists ***********************/
ul.faBullet { padding-left: 20px; list-style-type: none; text-indent: -5px; } 
.faBullet li { margin-bottom: 5px; margin-left: 0 !important;list-style: none!important; } 

.faBullet li::before { color: #d2b479; } 
#contentTwo .faBullet li::before { color: #0068a6; } 

.faBullet li::before { content: "\f0da"; font-family: "Font Awesome 5 Pro"; font-weight: 900; margin: 0 5px 0 -15px; font-style: normal; font-variant: normal; text-rendering: auto; -webkit-font-smoothing: antialiased;}
.faBullet li ul { margin-top: 10px !important; } 
.faBullet li li { list-style-type: square; } 
.faBullet li li::before { content: none; } 

ul.cfBullet {list-style: none!important;}
ul.cfBullet li {list-style-type:none!important;margin-left:0!important;margin-bottom:3px;}
ul.cfBullet li::before { content: url(/portals/cfbank/skins/cfbank/img/cfbullet.png); display: inline-block; width: 20px; height: 21px; margin-right: 10px;}

.innerpage ul li, .innerpage ol li { margin-left: 20px; } 
.innerpage ul li {list-style: disc;}

ul.spacedOut li, ol.spacedOut li { margin-bottom: 20px; } 

ol.terms {list-style-type: upper-roman;}

ol.circles {  list-style: none; counter-reset: steps;margin-top:1em;}
ol.circles li { counter-increment: steps;margin-bottom:15px;margin-left:20px!important;}
ol.circles li::before { content: counter(steps); margin-right: 0.5rem; background: #8d6e30; color: white; width: 2em; height: 2em; border-radius: 50%; display: inline-grid; place-items: center; line-height: 1.2em;margin-left:-2.5rem;font-family: 'Rubik', sans-serif;font-weight: normal;}
ol.circles ol li::before { background: #8d6e30;}

ol.large {  margin: initial;  padding: 0 0 0 40px;  margin-left: 0;margin-bottom:1em;}
ol.large li::marker { font-family: arial; color: #d2b479; font: bold; font-size: 2em; position: absolute;}
ol.large li { display: list-item; position: relative}
/* safari wasn't seeing the spacing, this targets safari desktop and mobile */
@supports (background: -webkit-named-image(i)) {
  ol.large li { padding: 20px 0; }
}

/******************* Misc Font Awesome Styling **********************/
.fa-credit-card, .fa-lock-alt, .far.fa-check, .fa-phone, .fa-envelope-open-text, .fa-map-marker-alt, .fas.fa-fax, .fa-calendar-alt { color: #1C3C59; } 
#dnn_TopPane .fa-phone, #dnn_TopPane .fa-map-marker-alt, #dnn_TopPane .fa-envelope { color: #0068a6;}
.fa-file-pdf {color:#ac0000;}

/* --- Alert -- */
.AlertFull { background: #d2b479; } 

/************************* Header ************************/

#header .row {margin-right:0!important;}

.menuRow {position: relative;}
#dnn_littlefdicPane {position:absolute;left:85px;top:12px;width:250px;}
@media (min-width: 576px){
    #dnn_littlefdicPane {width:425px;top:20px}
}

.fdic {font-size:12px!important; font-family: "Source Sans 3", sans-serif;font-style: italic;color:#000!important;}

.topLinks{font-size:.8em!important;font-family: 'Rubik', sans-serif;}
.topLinks p {margin-bottom: 0 !important; text-transform: uppercase; font-weight: 600;}
.topLinks a{font-size:.9em!important;}
.topLinks a, .topLinks a:link, .topLinks a:visited, .topLinks a:focus { color: #000!important; text-decoration: none!important; background-color: transparent;text-transform: uppercase;  } 
.topLinks a:hover, .topLinks a:active { color: #000!important; text-decoration: underline !important; }
a.goldLink, a.goldLink:link, a.goldLink:visited { color: #946e01 !important;}
a.goldLink:hover, a.goldLink:active { color: #946e01 !important;}

#header, .sticky-top { background-color: #fff; -webkit-box-shadow: 0px 4px 10px 0px rgba(102,102,102,0.44);-moz-box-shadow: 0px 4px 10px 0px rgba(102,102,102,0.44);box-shadow: 0px 4px 10px 0px rgba(102,102,102,0.44); } 


#dnn_dnnLOGO_hypLogo { display: block; padding:5px 0 0 0;} 
#dnn_dnnLOGO_imgLogo {  width:150px; height:auto;}
@media (min-width: 576px){
    #dnn_dnnLOGO_imgLogo {  width:175px;}
}
@media (min-width: 992px){
 #dnn_dnnLOGO_imgLogo { margin-right: 0 !important; width:auto; height:90px;} 
 }

/******************** login ***********************/

.navbar-toggler {/* border-color: #0068a6 !important;*/background-color:#d2b479!important; border-radius: 0!important;}
.navbar-toggler-icon { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(19, 104, 167, 0.9)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E")!important;}


.loginButtonIB { background-color: #B9571A; text-align: center; line-height: 1; font-size: .9em; font-weight: normal; position: relative; margin-top: 2% !important; color: #fff; border: 2px solid #B9571A; padding: 10px 15px; margin-bottom: 10px; font-family: 'Rubik', sans-serif; border-radius: 1em !important; width:160px;} 
@media (min-width: 576px){
    .loginButtonIB {width:200px;} 
}

button.loginButton:focus { outline: 1px solid #c99700 !important; } 
#login { position: relative; z-index: 99999; font-family: 'Rubik', sans-serif!important;} 
@media only screen and (max-width: 1198px){
.logoPane, #dnn_headerPane, .loginPane { text-align: center; } 
}
#login p { cursor: pointer; margin: 0; text-align: center; } 
#login p.close { } 
#login-form { display: none; position: relative; z-index: 999; height: 0; } 
@media screen and (max-device-width:420px){
#login { float: none; } 
}
@media screen and (max-device-width:992px){
#login { margin-top:10px;margin-bottom:-5px;} 
}

.OLBwrapper { background-color: #E5E3DF!important;  left: 0; right: 0; margin-left: auto; margin-right: auto; width: 340px; border-radius: 0!important;margin-top:-5px !important; } 
.dropdown-menu .OLBwrapper  {background-color: #E5E3DF; padding: 0 0 .5rem 0!important;}

.boxPadding {padding: 1em !important;}

.panel-container { margin-bottom: 10px; } 
.btn-block { display: block; width: 100%; padding-left: 0; padding-right: 0 } 
.btn-block + .btn-block { margin-top: 5px } 
input[type=submit].btn-block, input[type=reset].btn-block, input[type=button].btn-block { width: 100% } 
button.tab { font-size: 17px; color: white; border: none; padding: 7px 21px; /*margin: .5rem .25rem; */}
button[aria-selected="true"] {  background-color: #1368a7;  border: 1px solid #173c59;}
button[aria-selected="false"] { background-color: #173c59;  border: 1px solid #173c59;}
button:focus { outline: 1px dotted #666;}
#login { box-shadow: 0 !important; } 
#login label { display: inherit; } 
#login .tabs {background-color:#E5E3DF; } 
#login [role="tablist"] { margin: -5px 0 2px 0; overflow: visible; } 
#login [role="tabpanel"] { position: relative; z-index: 2; padding: 0.5em 1.25em; background: #E5E3DF; } 
#login [role="tabpanel"]:focus { outline: 0; } 
#login [role="tabpanel"]:focus::after { position: absolute; bottom: 0; right: -1px; left: -1px; border-radius: 0 0 0.2em 0.2em; content: ''; } 
#login [role="tabpanel"] p { margin: 0; } 

#login #username, #login #username2, #login #_textBoxCompanyId {border:1px solid black; border-radius:0!important;padding:5px;margin-bottom:20px;display:block!important;height:40px!important;}
#login ::placeholder { font-size: .8em;}
#login .submit {font-size:.9em!important;}

.loginLinks { text-align: center;margin-top:1em;} 
a.loginLink:link,  a.loginLink:visited { color: #173c59!important; text-decoration: none!important; font-size: 16px!important;font-weight: 400!important;} 
a.loginLink:hover, a.loginLink:active { color: #173c59!important; text-decoration: underline!important; font-size: 16px!important;font-weight: 400!important;} 

#login h4 {font-size:1.15em!important; color:#1368a7!important;}
#login #other p {text-align: left;font-size: .8em; padding-bottom:3px; }
#login #other a, #login #other a:link, #login #other a:visited {color: #173c59!important; text-decoration: underline!important; font-size: 16px!important;font-weight: 400!important;}
#login #other a:hover, #login #other a:active {color:#173c59!important;  text-decoration: none!important; font-size: 16px!important;font-weight: 400!important;}

#login .fas .fa-lock {font-weight: 700; font-size:.9em;}


/************ Banners ************/



/*-- affects home and inner, uses ghost container -- */
/*overall wrapper*/
#LoginSlideshow{background:#fff;}
#LoginSlideshowInner{background:#173c59;}
#LoginSlideshow p{margin-bottom:0!important;padding:0!important;}
#BannerOverlayParent {position: relative;}       
#BannerOverlayParentHome {position: relative;overflow:hidden;}     

/*background image pane*/
.BannerOverlayImg {  position: relative;background-size: cover; background-repeat: repeat; background-origin: content-box; width: 100%; height: auto;  z-index: 50;} 
#dnn_BannerPane {margin:0!important;padding:0!important;max-height: 500px;}
#dnn_BannerPane img { height: auto !important; width: 100% !important;}
#dnn_BannerPane.InnerBannerOverlayImg img { opacity: 0.7;}


.inner{position: relative;margin-top:-15px;}
@media (min-width: 768px){
  #dnn_BannerPane {background:transparent;}
  .inner{position: absolute;left: -15px; top: 50%; transform: translate(0, -50%); z-index: 100;width:100%;margin-top:0;}  
  .innerHome{position: absolute;right:-15px;top: 50%; transform: translate(0, -50%); z-index: 100;width:100%;margin-top:0;}  
}


/*text styling*/
/*homepage*/
#dnn_BannerOverlayPaneHome  { color: #1C3C59; font-family: 'Rubik', sans-serif;line-height:1.2!important;text-align: center;} 
#dnn_BannerOverlayPaneHome hr {width:60%;background-color:#0068a6;margin:10px auto !important;}
#dnn_BannerOverlayPaneHome p {font-size:.9em;}
#dnn_BannerOverlayPaneHome .bannerBigger {font-size:1.5em;}
#dnn_BannerOverlayPaneHome .bannerBiggest {font-size:3em;color:#0068a6;margin-top:-1px!important;}
#dnn_BannerOverlayPaneHome .btn {font-size:.8em!important;margin:0!important;}

@media(min-width:768px){
#dnn_BannerOverlayPaneHome hr {margin:5px auto !important;}
#dnn_BannerOverlayPaneHome p {font-size:.9em;}
#dnn_BannerOverlayPaneHome .bannerBigger {font-size:1em;}
#dnn_BannerOverlayPaneHome .bannerBiggest {font-size:1.75em;}   
#dnn_BannerOverlayPaneHome .btn {font-size:.7em!important;padding:.15rem .5rem!important;}   
}
@media(min-width:880px){
#dnn_BannerOverlayPaneHome hr {margin:7px auto !important;}
#dnn_BannerOverlayPaneHome p {font-size:.9em;}
#dnn_BannerOverlayPaneHome .bannerBigger {font-size:1.15em;}
#dnn_BannerOverlayPaneHome .bannerBiggest {font-size:2em;}   
 #dnn_BannerOverlayPaneHome .btn {font-size:.75em!important;padding:.2rem .5rem!important;}   
}
@media(min-width:992px){
#dnn_BannerOverlayPaneHome hr {margin:10px auto !important;}
#dnn_BannerOverlayPaneHome p {font-size:.8em;}
#dnn_BannerOverlayPaneHome .bannerBigger {font-size:1.25em;}
#dnn_BannerOverlayPaneHome .bannerBiggest {font-size:2.55em;} 
#dnn_BannerOverlayPaneHome .btn {font-size:.8em!important;}
}
@media(min-width:1100px){
#dnn_BannerOverlayPaneHome hr {margin:10px auto !important;}
#dnn_BannerOverlayPaneHome p {font-size:.9em;}
#dnn_BannerOverlayPaneHome .bannerBigger {font-size:1.35em;}
#dnn_BannerOverlayPaneHome .bannerBiggest {font-size:2.55em;} 
#dnn_BannerOverlayPaneHome .btn {font-size:.9em!important;}
}
@media(min-width:1220px){
#dnn_BannerOverlayPaneHome hr {margin:10px auto !important;}
#dnn_BannerOverlayPaneHome p {font-size:.9em;}
#dnn_BannerOverlayPaneHome .bannerBigger {font-size:1.45em;}
#dnn_BannerOverlayPaneHome .bannerBiggest {font-size:2.75em;} 
#dnn_BannerOverlayPaneHome .btn {font-size:.9em!important;}
}
@media(min-width:1500px){
#dnn_BannerOverlayPaneHome hr {margin:15px auto !important;}
#dnn_BannerOverlayPaneHome p {font-size:.9em;}
#dnn_BannerOverlayPaneHome .bannerBigger {font-size:1.5em;}
#dnn_BannerOverlayPaneHome .bannerBiggest {font-size:2.75em;} 
#dnn_BannerOverlayPaneHome .btn {font-size:.9em!important;}
}
@media(min-width:1600px){
#dnn_BannerOverlayPaneHome .bannerBiggest {font-size:3em;} 
}


/*inner pages*/
#dnn_BannerOverlayPaneInner .ghostContent h1 { color: #fff; line-height: 1!important;margin-bottom:0!important;font-size: 1.75em!important;}
#dnn_BannerOverlayPaneInner .ghostContent p { color: #fff;font-family: "Noto Serif", serif;margin-top:10px;}

@media (min-width: 768px){   
  #dnn_BannerOverlayPaneInner .ghostContent h1 { color: #1C3C59; font-size: 2.2em!important;} 
  #dnn_BannerOverlayPaneInner .ghostContent p { color: #000;margin-top:10px;}   
}



/*Sections*/

/*ContentPane only used on homepage*/
#content { background: #fff; position: relative; } 
#content ul li, #content ol li { margin-left: 30px; } 
#content h2 {margin-top:2.5rem;margin-bottom:1rem!important;}
#content p {line-height: 1.5;}

#content ul li.skltbs-tab-item {margin-left:0;}

/*blue section in contentpane*/
.mottoRow {background: #1C3C59; color:#fff;/*padding:1em 0 0;*/}
.mottoRow a{color:#fff!important;}

/***************  ContentPaneOne ************************/
#contentOne { background: #fff; }
#contentOne a, #contentOne a:link, #contentOne a:visited, #contentOne a:focus { }
#contentOne a:hover, #contentOne a:active { }

/******************** contentTwo **********************/
#contentTwo.homepage {background-color:#e6e5e2; padding-bottom:200px;}
#contentTwo {background:#e6e5e2 url("img/beigeBG.jpg")repeat;}

/******************** content parallax on homepage **********************/
#contentPX {background-color: #01273A;background-attachment: fixed; background-position: center; background-repeat: no-repeat; background-size: cover;}
#contentPX.homepage { background-image: url("/Portals/CFBank/Skins/CFBank/img/CFBankBG.jpg");} 
#contentPX.homepage {color:#fff!important;}
#contentPX.homepage a, #contentPX.homepage a:link, #contentPX.homepage a:visited, #contentPX.homepage a:focus {color:#fff; }
#contentPX.homepage a:hover, #contentPX.homepage a:active { color:#fff;text-decoration: none!important;}

.homepage .PWcard { background: #fff;border:1px solid #919894;margin-top:-200px;}
.homepage .PWcard p {color:#000!important;}
.innerpage .hpOnly, .innerpage .hpOnly .p-3 {display:none;padding:0!important;} /*dont show this on inner pages*/

#contentPX.innerpage { background-image: url("/Portals/CFBank/Skins/CFBank/img/CFBankBG2.jpg");} 
#contentPX.innerpage h2 { color: #fff;text-shadow: 1px 1px 1px rgba(0, 0, 0, 1); }
#contentPX.innerpage h3 { color: #fff;text-shadow: 1px 1px 1px rgba(0, 0, 0, 1); margin-bottom:.75em;font-size: 1.75em!important;}
#contentPX.innerpage p { font-size: 1.15em;  color: #fff;text-shadow: 1px 1px 1px rgba(0, 0, 0, 1); line-height: 1.5!important;}
#contentPX.innerpage p .btn {text-shadow: none!important;}
#contentPX.innerpage .bigNumber {font-size:175%!important;}
#contentPX.innerpage a, #contentPX.innerpage a:link, #contentPX.innerpage a:visited, #contentPX.innerpage a:focus {color: #fff; text-decoration: underline; background-color: transparent; } 
#contentPX.innerpage a:hover, #contentPX.innerpage a:active {color: #fff; text-decoration: none; } 

/******************* footer Container ******************/
#FooterContainer { background-color: #01273a;color: #fff;font-family: 'Rubik', sans-serif; } 
#FooterContainer p { color: #fff; font-size: 0.9em; } 
#FooterContainer hr {border: 0 !important;height: 1px !important;background-color: #fff !important;margin: 10px 0 !important;}
#FooterContainer a:link, #FooterContainer a:visited { color: #fff !important; text-decoration: none; } 
#FooterContainer a:hover, #FooterContainer a:active { color: #E8E8E8 !important; text-decoration: underline!important; } 
#FooterContainer a.footerReverse, #FooterContainer a.footerReverse:link, #FooterContainer a.footerReverse:visited {color: #d2b479 !important; text-decoration: none;}
#FooterContainer a.footerReverse:hover, #FooterContainer a.footerReverse:active {text-decoration: underline;}
#FooterContainer h5 { color: #d2b479 !important; font-size: 1em !important; text-transform: uppercase;} 
#FooterContainer h6 { color: #fff !important; font-size: .9em !important; text-transform: uppercase;} 
#dnn_FooterLeft ul, #dnn_FooterLeftMiddle ul, #dnn_FooterRightMiddle ul, #dnn_FooterRight ul { margin-left: 0; font-size: 0.85em; margin-top:.5em;} 
#dnn_FooterLeft ul li, #dnn_FooterLeftMiddle ul li, #dnn_FooterRightMiddle ul li, #dnn_FooterRight ul li { list-style-type: none; line-height: 1.85; margin-left: 0 !important; } 
#dnn_FooterBottomMiddle .fa-map-marker-alt {color:#fff;}

#dnn_FooterBottomLeft {font-size: .8em !important;}
#dnn_FooterBottomRight {font-size: .7em !important;}
a.copyLink, a.copyLink:link, a.copyLink:visited {color: #fff !important; text-decoration: underline!important;}
a.copyLink:hover, a.copyLink:active {text-decoration: none!important;}


/* --- forms --- */
.contact-form input[type="text"], .contact-form input[type="number"], .contact-form input[type="email"], .contact-form input[type="tel"], .contact-form select,  .contact-form input[type="date"], .contact-form input[type="phone"] { border: 1px solid #767575 !important; background: #fafafa; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; padding: 5px; width: 100%;height:40px!important; } 
.contact-form textarea {border: 1px solid #767575 !important; background: #fafafa; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; padding: 5px; width: 100%;}
.contact-form label {margin-bottom:0!important;font-weight: 500;font-family: 'Rubik', sans-serif;}
.asterisk {font-weight: bold;color: #c51230;}


/*-----------------------tables-----------------------*/

/* --- account tables --- */
.acctTable {font-family: "Noto Serif", serif;color: #000;background: #fff; margin-top:1em;} 
.acctTable .btn {font-family: 'Rubik', sans-serif;margin:0!important;}
.acctTable td { border-left: 2px solid #ddd;font-weight: 400;text-align: center;} 
.acctTable p { margin-bottom: 0 !important; line-height: 1.25em; } 
.acctTable.table td, .acctTable.table th { border-top: 0; line-height:1.15;} 
.acctTable th[scope="col"] { font-family: 'Rubik', sans-serif;font-size: 1.15em !important; background-color:#fff;border-bottom:5px solid #1C3C59;vertical-align: bottom;color:#0068a6;line-height: 1.25;border-left: 2px solid #ddd;text-align: center;} 
.acctTable th[scope="row"] {color: #000!important;  } 
.acctTable th.noStyle, .acctTable td.noStyle {background:#e6e5e2 url("img/beigeBG.jpg")repeat!important;border-left: none!important;}
.acctTable small {font-size:.75em;}
.acctTable a, .acctTable a:link, .acctTable a:visited, .acctTable a:focus { color: #000; text-decoration: underline; background-color: transparent; } 
.acctTable a:hover, .acctTable a:active { color: #000; text-decoration: none !important; } 
.acctTable .fa-check {color:#b79758;}.acctTable .fa-check {color:#b79758;font-size:1.5em!important;}

/* --- rate tables --- */
.rateTable {font-family: "Noto Serif", serif; color: #000; } 
.rateTable td { text-align: center;} 
.rateTable.table td, .rateTable.table th { line-height:1.15;} 
.rateTable th[scope="col"] { font-family: 'Rubik', sans-serif; background-color:#1C3C59!important;vertical-align: bottom;color:#fff;text-align: center;padding:10px 0;border-top:none!important;font-weight: normal!important;} 
.rateTable th[scope="row"] {color: #000!important; font-weight: normal!important; } 
.rateTable th.rateSubHead { font-family: 'Rubik', sans-serif; background-color: #0068a6;text-align: center!important;font-weight: bold;color:#fff!important;border-bottom:none!important;font-size:1.5em!important;}
.rateTable small {font-size:.75em;} 
.rateTable .rateSubSubHead { background-color: #e6e5e2;text-align: left!important;font-weight: bold; }
.rateTable td.disclosure {text-align:left;font-size: 0.7em !important;line-height:1.15;}
.rateTable td.disclosure p {margin-bottom:0!important; padding-left:5px;}

/* --- in card thing on personal savings page --- */
table.rateButtonTable  {margin-bottom:.5em;}
.rateButtonTable th[scope="col"] {font-size: .9em;padding:0 .5em;}
.rateButtonTable td {padding: 0 .5em;}

/* --- contact page table --- */
.contactTable{ font-size: .85em !important;}
.contactTable th[scope="row"] { color: #fff; text-align: center; background-color:#1C3C59;  font-family: 'Rubik', sans-serif;font-weight: 400!important;font-size: 1.25em;} 
.contactTable.table td {}
.contactTable .subhead {font-weight: bold;background-color:#d3d3d3; font-family: 'Rubik', sans-serif;}


/* --- Accordion --- */
h2 + .ZelleJQAccordion {margin-top: 1em;}
.ZelleJQAccordion { margin-top: 25px; border-bottom: 1px solid #d5d5d5; } 
.ZelleJQAccordion .ui-accordion-header { margin: 0 !important; font-size: 1.25rem !important; color: #000 !important; padding: 1em 30px 1em 1.5em !important; width: 100%; font-weight: normal; border-top: 1px solid #d5d5d5; font-family: 'Rubik', sans-serif; cursor: pointer; } 
.ZelleJQAccordion .ui-accordion-content { color: #2b2b2b; font-family: "Noto Serif", serif; font-style: normal; font-weight: 400; width: 100%; padding: 0 25px 25px 50px; } 
.ZelleJQAccordion .ui-accordion-content ul li { margin-left: 10px !important; } 
.ZelleJQAccordion .ui-accordion-content p:last-of-type { margin-bottom: 0 !important; } 
.ZelleJQAccordion .ui-accordion-header .ui-accordion-header-icon { position: absolute; left: 10px; } 
@media (min-width: 576px){
 .ZelleJQAccordion .ui-accordion-header .ui-accordion-header-icon {display: inherit; } 
 }
.defaultIcon { background-image: url(/Portals/CFBank/Skins/CFBank/img/arrowRight2.png) !important; width: 25px !important; height: 25px !important; } 
.selectedIcon { background-image: url(/Portals/CFBank/Skins/CFBank/img/arrowDown2.png) !important; width: 25px !important; height: 25px !important; } 


h2 + .JQAccordion {margin-top: 1em;}
.JQAccordion { margin-top: 25px; border-bottom: 1px solid #d5d5d5; } 
.JQAccordion .ui-accordion-header { margin: 0 !important; font-size: 1.15rem !important; color: #000 !important; padding: .5em 30px .5em 1.5em !important; width: 100%; font-weight: normal; border-top: 1px solid #d5d5d5; font-family: 'Rubik', sans-serif; cursor: pointer; } 
.JQAccordion .ui-accordion-content { color: #2b2b2b; font-family: "Noto Serif", serif; font-style: normal; font-weight: 400; width: 100%; padding: 0 25px 25px 50px; } 
.JQAccordion .ui-accordion-content ul li { margin-left: 10px !important; } 
.JQAccordion .ui-accordion-content p:last-of-type { margin-bottom: 0 !important; } 
.JQAccordion .ui-accordion-header .ui-accordion-header-icon { position: absolute; left: 10px; } 
@media (min-width: 576px){
 .JQAccordion .ui-accordion-header .ui-accordion-header-icon {display: inherit; } 
 }
.defaultIcon { background-image: url(/Portals/CFBank/Skins/CFBank/img/arrowRight20.png) !important; width: 20px !important; height: 20px !important; } 
.selectedIcon { background-image: url(/Portals/CFBank/Skins/CFBank/img/arrowDown20.png) !important; width: 20px !important; height: 20px !important; }





/* -------------------- BS button overrides ---------------------- */
.btn { border-radius: 0 !important; padding:.25rem .5rem!important; margin: 10px 5px 10px 0; font-family: 'Rubik', sans-serif; border:2px solid transparent!important;text-transform: uppercase;} 
.btn-sm { /*font-size:.875rem!important; padding:.25rem .5rem!important;*/} 
.btn-lg {/*padding:.5rem 1rem!important;*/}
/*---- Primary ---- */
.btn-primary { color: #fff !important; background-color: #0068a6 !important; border-color: #0068a6 !important; text-decoration: none !important; } 
.btn-primary a:link, .btn-primary a:visited, p.btn-primary a:link, p.btn-primary a:visited { color: #fff !important; text-decoration: none !important; } 
.btn-primary:hover { background-color: #1C3C59 !important; border-color: #1C3C59 !important; /*text-decoration: underline !important;*/ } 
.btn-primary a:active, p.btn-primary a:hover, p.btn-primary a:active { color: #fff !important; /*text-decoration: underline !important;*/ } 
.btn-primary:focus, .btn-primary.focus { -webkit-box-shadow: none !important; box-shadow: none !important;}
/* -- outlined button -- */
.btn-outline-primary { color: #0068a6 !important; border-color: #0068a6 !important; } 
.btn-outline-primary:hover { background-color: #0068a6 !important; color: #fff !important; } 
.btn-outline-primary:not(:disabled):not(.disabled).active, .btn-outline-primary:not(:disabled):not(.disabled):active, .show > .btn-outline-primary.dropdown-toggle { background-color: #0068a6 !important; color: #fff !important; } 
.btn-outline-primary:not(:disabled):not(.disabled).active:focus, .btn-outline-primary:not(:disabled):not(.disabled):active:focus, .show > .btn-outline-primary.dropdown-toggle:focus { -webkit-box-shadow: none !important; box-shadow: none !important; } 
/*---- Secondary ---- */
.btn-secondary { color: #fff !important; background-color: #1C3C59 !important; border-color: #1C3C59 !important; text-decoration: none !important; } 
.btn-secondary a:link, .btn-secondary a:visited, p.btn-secondary a:link, p.btn-secondary a:visited { color: #fff !important; text-decoration: none !important; } 
.btn-secondary:hover { background-color: #0068a6 !important; border-color: #0068a6 !important; /*text-decoration: underline !important;*/ } 
.btn-secondary a:active, p.btn-secondary a:hover, p.btn-secondary a:active { color: #fff !important; /*text-decoration: underline !important;*/ } 
.btn-secondary:focus, .btn-secondary.focus { -webkit-box-shadow: none !important; box-shadow: none !important; } 
/* -- outlined button -- */
.btn-outline-secondary { color: #1C3C59 !important; border-color: #1C3C59 !important; } 
.btn-outline-secondary:hover { background-color: #1C3C59 !important; color: #fff !important; } 
.btn-outline-secondary:not(:disabled):not(.disabled).active, .btn-outline-secondary:not(:disabled):not(.disabled):active, .show > .btn-outline-secondary.dropdown-toggle { background-color: #ffbf2e !important; color: #fff !important; } 
.btn-outline-secondary:not(:disabled):not(.disabled).active:focus, .btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .show > .btn-outline-secondary.dropdown-toggle:focus { -webkit-box-shadow: none !important; box-shadow: none !important; } 
/*---- Info ---- */
.btn-info { color: #000 !important; background-color: #d2b479 !important; border-color: #d2b479 !important; text-decoration: none !important; } 
.btn-info a:link, .btn-info a:visited, p.btn-info a:link, p.btn-info a:visited { color: #000 !important; text-decoration: none !important; } 
.btn-info:hover { color: #fff !important;background-color: #8d6e30 !important; border-color: #8d6e30 !important; /*text-decoration: underline !important;*/ } 
.btn-info a:active, p.btn-info a:hover, p.btn-info a:active { color: #fff !important; /*text-decoration: underline !important;*/ } 
.btn-info:focus, .btn-info.focus { -webkit-box-shadow: none !important; box-shadow: none !important; } 
/* -- outlined button -- */
.btn-outline-info { color: #fff !important; border-color: #d2b479 !important;  background-color: #1C3C59 !important;text-decoration: none !important; } 
.btn-outline-info a:link, .btn-outline-info a:visited, p.btn-outline-info a:link, p.btn-outline-info a:visited { color: #fff !important; text-decoration: none !important; } 
.btn-outline-info:hover { background-color: #d2b479 !important; color: #1C3C59 !important; } 
.btn-outline-info a:active, p.btn-outline-info a:hover, p.btn-outline-info a:active { color: #1C3C59 !important; /*text-decoration: underline !important;*/ } 
.btn-outline-info:not(:disabled):not(.disabled).active, .btn-outline-info:not(:disabled):not(.disabled):active, .show > .btn-outline-info.dropdown-toggle { background-color: #1C3C59 !important; color: #4b6d89 !important; } 
.btn-outline-info:not(:disabled):not(.disabled).active:focus, .btn-outline-info:not(:disabled):not(.disabled):active:focus, .show > .btn-outline-info.dropdown-toggle:focus { -webkit-box-shadow: none !important; box-shadow: none !important; } 
/*---- Light ---- */
.btn-light { color: #000 !important; background-color: #ebebeb !important; border-color: #ebebeb !important; text-decoration: none !important; } 
.btn-light a:link, .btn-light a:visited, p.btn-light a:link, p.btn-light a:visited { color: #000 !important; text-decoration: none !important; } 
.btn-light:hover { background-color: #d2d2d2 !important; border-color: #d2d2d2 !important; /*text-decoration: underline !important;*/ } 
.btn-light a:active, p.btn-light a:hover, p.btn-light a:active { color: #000 !important; /*text-decoration: underline !important;*/ } 
.btn-light:focus, .btn-light.focus { -webkit-box-shadow: none !important; box-shadow: none !important; } 
/* -- outlined button -- */
.btn-outline-light { color: #000 !important; border-color: #ebebeb !important; } 
.btn-outline-light:hover { background-color: #ebebeb !important; color: #000 !important; } 
.btn-outline-light:not(:disabled):not(.disabled).active, .btn-outline-light:not(:disabled):not(.disabled):active, .show > .btn-outline-light.dropdown-toggle { background-color: #ebebeb !important; color: #000 !important; } 
.btn-outline-light:not(:disabled):not(.disabled).active:focus, .btn-outline-light:not(:disabled):not(.disabled):active:focus, .show > .btn-outline-light.dropdown-toggle:focus { -webkit-box-shadow: none !important; box-shadow: none !important; } 
/*---- Dark ---- */
.btn-dark { color: #fff !important; background-color: #525252 !important; border-color: #525252 !important; text-decoration: none !important; } 
.btn-dark a:link, .btn-dark a:visited, p.btn-dark a:link, p.btn-dark a:visited { color: #fff !important; text-decoration: none !important; } 
.btn-dark:hover { background-color: #393939 !important; border-color: #393939 !important; /*text-decoration: underline !important;*/ } 
.btn-dark a:active, p.btn-dark a:hover, p.btn-dark a:active { color: #fff !important; /*text-decoration: underline !important;*/ } 
.btn-dark:focus, .btn-dark.focus { -webkit-box-shadow: none !important; box-shadow: none !important; } 
/* -- outlined button -- */
.btn-outline-dark { color: #525252 !important; border-color: #525252 !important; } 
.btn-outline-dark:hover { background-color: #525252 !important; color: #fff !important; } 
.btn-outline-dark:not(:disabled):not(.disabled).active, .btn-outline-dark:not(:disabled):not(.disabled):active, .show > .btn-outline-dark.dropdown-toggle { background-color: #525252 !important; color: #fff !important; } 
.btn-outline-dark:not(:disabled):not(.disabled).active:focus, .btn-outline-dark:not(:disabled):not(.disabled):active:focus, .show > .btn-outline-dark.dropdown-toggle:focus { -webkit-box-shadow: none !important; box-shadow: none !important; } 

/*---- warning ---- */
.btn-warning { color: #000!important; background-color: #d2b479 !important; border-color: #d2b479 !important; text-decoration: none !important; } 
.btn-warning a:link, .btn-warning a:visited, p.btn-warning a:link, p.btn-warning a:visited { color: #000 !important; text-decoration: none !important; } 
.btn-warning:hover { background-color: #fff !important; border-color: #fff !important; text-decoration: none !important; } 
.btn-warning a:active, p.btn-warning a:hover, p.btn-warning a:active { color: #000 !important; /*text-decoration: underline !important;*/ } 
.btn-warning:focus, .btn-warning.focus { -webkit-box-shadow: none !important; box-shadow: none !important; } 


/* -- outlined button -- */
.btn-outline-warning { color: #d2b479 !important; border-color: #d2b479 !important; } 
.btn-outline-warning:hover { background-color: #d2b479 !important; color: #000 !important; } 
.btn-outline-warning:not(:disabled):not(.disabled).active, .btn-outline-warning:not(:disabled):not(.disabled):active, .show > .btn-outline-warning.dropdown-toggle { background-color: #d2b479 !important; color: #000 !important; } 
.btn-outline-warning:not(:disabled):not(.disabled).active:focus, .btn-outline-warning:not(:disabled):not(.disabled):active:focus, .show > .btn-outline-warning.dropdown-toggle:focus { -webkit-box-shadow: none !important; box-shadow: none !important; } 


/* is btn-group missing from bootstrap.min.css? */
.btn-group > .btn:not(:first-child), .btn-group > .btn-group:not(:first-child) { margin-left: -1px; } 
.btn-group > .btn:not(:last-child):not(.dropdown-toggle), .btn-group > .btn-group:not(:last-child) > .btn { border-top-right-radius: 0; border-bottom-right-radius: 0; } 
.btn-group > .btn:not(:first-child), .btn-group > .btn-group:not(:first-child) > .btn { border-top-left-radius: 0; border-bottom-left-radius: 0; } 

/* ------- privacy policy ------- */
.privacyTable { border-collapse: collapse; width: 100%; } 
.privacyTable td { border: 1px solid #666; vertical-align: top; } 
.privacyTable td.spacer { padding: 5px; } 
.privacyTable td ul { margin-top: 15px; margin-bottom: 10px; } 
.privacyTable th { border: 1px solid #666; vertical-align: top; font-weight: bold; text-align: left; } 
.privacyTable th.privacyDark { padding: 10px; background: #666; font-weight: bold; color: white; font-size: 1.2em; border: 1px solid #666; text-align: left; } 
th.privacyCenter { text-align: center !important; font-size: 1em; } 
ul.infoTypes { -webkit-columns: 2;columns: 2; -moz-columns: 2;}

/******* Back To Top ***********/
#toTopBtn { position: fixed; bottom: 25px; right: 39px; z-index: 98; padding: 13px 18px; background-color: #b79758 !important;} 
.go-top.hidden-xs.hidden-sm.fas.fa-angle-double-up { color: #ffffff; } 
.js .cd-top--fade-out { opacity: 0.5; } 
.js .cd-top--is-visible { visibility: visible; opacity: 1; } 
.js .cd-top { visibility: hidden; opacity: 0; transition: opacity 0.3s, visibility 0.3s, background-color 0.3s; } 
.cd-top { position: fixed; bottom: 20px; bottom: var(--cd-back-to-top-margin); right: 20px; right: var(--cd-back-to-top-margin); display: inline-block; height: 40px; height: var(--cd-back-to-top-size); width: 40px; width: var(--cd-back-to-top-size); box-shadow: 0 0 10px rgba(0, 0, 0, 0.05) !important; } 


/******************** utility ***********************/
/*************** DNN9 tweaks ***************************/
.dnnModuleManager.dnnSortable { z-index: 9; /* 9 may be sufficient but allow draggable modules to be grabbed and moved */}
.dnnEditState .onlyPopUps { display: none; } 
.eipbackimg.containerTitle { margin-right: 30px; } /* to adjust inline Save/Cancel icons to be visible */
/* need for Add Module to be grabbable - 1000 is default, and .floating may be what's needed for line 169 */
.dnnModuleManager .DnnModule.floating, .dnnModuleSorting .DnnModule.floating { z-index: 2000 !important; } 
/****** RTE Background Fix ***** this is necessary to see the module tools in Edit Mode */
.redactor-box textarea { background: #fff !important; color: #333 !important; } 
/****** RTE Background Fix ***** this is necessary to see the module tools in Edit Mode */
/* for login buttons*/
.dnnPrimaryAction, a.dnnPrimaryAction, a.dnnPrimaryAction:link { color: white !important; } 
a.dnnSecondaryAction:link, a.dnnSecondaryAction:visited { color: black; } 
li.dnnModuleItem > .title { /* using wrong font size from OLB */
 font-size: 12px; } 
/* asset folders get all squashed */
.assets-body .header-container .three-columns { width: 33% !important; } 
/* white links overrides Publish/Discard/Cancel button text in popup */
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited, a.ui-button, a:link.ui-button, a:visited.ui-button, .ui-button { color: #454545 !important; } 
/* stops bootstrap modal from shifting body content on open */
.modal { overflow-y: auto !important; } 
.modal-open .modal, .modal-open { overflow: auto !important; } 
.modal-open[style] { padding-right: 0px !important; } 
ul.dnnActions li {list-style-type: none; list-style: none!important;} /*dnn reset pw button*/

/* -- on phones this was covering half the screen -- */
@media (max-width: 1190px){
 .sticky-top { position: relative !important; } 
 }
@media (max-width: 1190px) { .sticky-top { position: relative !important; }}
/* -- gets header out of the way when editing -- */
body#Body.has-persona-bar .sticky-top { position: unset !important; } 
body.personabar-visible .sticky-top { position: unset !important; } 

/*for blog module*/
.fa-paper-plane-o::before {content: "\f1d8";}

 /* ------- for A11y ------- */
a#skip { position: absolute !important; clip: rect(1px 1px 1px 1px); clip: rect(1px, 1px, 1px, 1px); overflow: hidden; height: 1px; } 
a#skip:focus, a#skip:active { position: static !important; clip: auto; overflow: visible; height: auto; } 
.visually-hidden { position: absolute !important; clip: rect(1px 1px 1px 1px);  clip: rect(1px, 1px, 1px, 1px); padding: 0 !important; border: 0 !important; height: 1px !important; width: 1px !important; overflow: hidden; }    
    
/* ------- super basic for sitemap ------- */

.dpl_default ul { margin-left: 20px; margin-top: 10px; list-style-type:inherit;font-size:16px;} 
.dpl_default ul ul { margin-top: 0;  } 
.dpl_default ul li { margin-left: 0 !important; border-bottom: none !important;padding:2px 4px!important; } 
.dpl_default li ul { margin-top: 10px !important; } 
.dpl_default li li { } 
.dpl_default ul li {list-style-type: disc!important;}
.dpl_default ul li a {} 
.dpl_default ul li a:hover, .dpl_default ul li a:active { text-decoration: underline; } 
.dpl_default .selected { background-color: transparent !important;} 

::-moz-selection {color: #fff;background: #5c5d62;}
::selection {color: #fff;background: #5c5d62;}




.wsc-divider.wsc-divider-center,.wsc-divider.wsc-divider-center.wsc-divider-short { text-align: center;}
.wsc-divider { position: relative; overflow: hidden; margin: 35px 0; color: #ddd; width: 100%;}
.wsc-divider.wsc-divider-center.wsc-divider-short:before, .wsc-divider.wsc-divider-center:before, .wsc-divider:after { content: '';  position: absolute;  width: 100%; top: 18px;  left: 30px;  height: 0;  border-top: 1px solid #ddd;}
.wsc-divider.wsc-divider-center.wsc-divider-short.wsc-divider-thick:before,.wsc-divider.wsc-divider-center.wsc-divider-thick:before,.wsc-divider.wsc-divider-thick:after {  border-top-width: 3px}
.wsc-divider.wsc-divider-short:after {  width: 30%}
.wsc-divider img { position: relative; width: 25px; height: 25px; text-align: center;}
.wsc-divider.wsc-divider-center:before { left: -50% !important; right: 0; margin-left: -20px;}
.wsc-divider.wsc-divider-center:after { left: 50% !important; right: 0; margin-left: 20px;}
.wsc-divider.wsc-divider-center.wsc-divider-short:before {  left: auto !important; right: 50%; margin-right: 20px; width: 15%;}
.wsc-divider.wsc-divider-center.wsc-divider-short:after { left: 50% !important; right: auto !important; margin-left: 20px; width: 15%;}