/*
Theme Name: CB&S Bank Theme
Theme URI: https://themeisle.com/themes/neve/
Template: neve
Author: ThemeIsle
Author URI: https://themeisle.com
Description: This child theme is based on the Neve Theme and is created specifically for CB&S Bank.
Tags: blog,custom-logo,e-commerce,rtl-language-support,grid-layout,one-column,two-columns,custom-background,custom-colors,custom-header,custom-menu,featured-image-header,featured-images,flexible-header,full-width-template,sticky-post,theme-options,threaded-comments,translation-ready,accessibility-ready,wide-blocks,block-styles,footer-widgets,portfolio,left-sidebar,right-sidebar
Version: 3.8.16.1738183062
Updated: 2025-01-29 20:37:42

*/
.clear-left {clear:left;}
p, ul.wp-block-list, ol.wp-block-list, .col-lg-8 figure.wp-block-image {margin-bottom:20px;}
.entry-content a:not([class]), .nv-comment-content a:not([class]), .nv-template .neve-main a:not([class]), .widget_text a:not([class]) {text-decoration:none;}
.neve-main .col-12 a:not(.btn):not(.wp-block-button__link) {text-decoration:underline;}
.has-text-align-center {text-align:center;}
.is-layout-grid {display:grid;}
.nv-page-title-wrap, .calculator .nv-page-title {margin-top:10px !important;}
.has-small-font-size .wp-block-button__link {font-size:1.1rem !important;}
.nv-cv-d {content-visibility:unset !important;}
.neve-main .col-lg-8 a:not(.btn):not(.wp-block-button__link), .neve-main article a:not(.btn):not(.wp-block-button__link), .neve-main .person-card a:not(.btn):not(.wp-block-button__link), .neve-main .col-12 a:not(.btn):not(.wp-block-button__link) {font-weight:700; color:var(--nv-secondary-accent);}
.neve-main .col-lg-8 a:not(.btn):not(.wp-block-button__link):hover, .neve-main article a:not(.btn):not(.wp-block-button__link):hover, .neve-main .person-card a:not(.btn):not(.wp-block-button__link):hover, .neve-main .col-12 a:not(.btn):not(.wp-block-button__link):hover {color:var(--custom-4);}
.text-red {color: #ef3124;}

/* Header & Nav */
#secondary-menu-desktop-top .menu-item, #secondary-menu-mobile-top .menu-item {display:flex;}
#secondary-menu-desktop-top .menu-item:after, #secondary-menu-mobile-top .menu-item:after {content:''; width:1.5px; height:70%; background-color:#8CA4CB; display:block; position: absolute;
  right: 0;
  top: 50%; transform: translateY(-50%);}
#secondary-menu-desktop-top .menu-item:last-child:after, #secondary-menu-mobile-top .menu-item:last-child:after {width:0; height:0; display:none;}
#secondary-menu-desktop-top li > .wrap, #secondary-menu-mobile-top li > .wrap {padding:0 15px;}
@media (min-width:960px){
.header-bottom-inner .left, .header-bottom-inner .right {width:0; display:none !important;}
.header-bottom-inner .center {width:100%;}
.header-bottom-inner .row--wrapper, .header-bottom-inner .center {display:block !important;}
.header-bottom-inner #nv-primary-navigation-bottom {width:100%; justify-content:space-between;}
#nv-primary-navigation-bottom .menu-item:last-child .sub-menu {right:0 !important; left:auto !important;}

.header-bottom-inner .builder-item {margin:0 !important;}

.nv-menu-animation-slide-down:not(.menu-mobile) > .menu-item > .sub-menu, .nv-menu-animation-slide-down:not(.menu-mobile) > .menu-item > .sub-menu .sub-menu {transform:translateY(0.75em) !important;}
    .header-top-inner .hfg-slot.right {align-items:flex-end; flex-direction:column;}
    .header-top-inner .desktop-left {padding-right:0; margin-bottom:0 !important;}
    .header-top-inner .desktop-right {margin-top:0 !important;}
    
}
@media (max-width:960px){
    .header-top-inner .right {display:block;}
    .header-top-inner .hfg-slot.left {display:none;}
    .header-top-inner .row--wrapper {grid-template-columns:100% !important;}
    #secondary-menu-mobile-top li > .wrap {padding: 0 5px !important;}
    .header-top-inner .right .builder-item--contact .component-wrap, .header-top-inner .right .nav-ul {justify-content:flex-end;}
    #nv-primary-navigation-sidebar > .menu-item {border-top:1px solid var(--nv-c-1);}
    
}
#nv-primary-navigation-sidebar .sub-menu {background:transparent !important;}
#nv-primary-navigation-sidebar .sub-menu a {padding-top:5px; padding-bottom:5px;}
#nv-primary-navigation-sidebar .sub-menu li:last-child {margin-bottom:20px;}

.is-menu-sidebar.menu_sidebar_dropdown .header-menu-sidebar-inner {max-height:fit-content !important; padding:0 !important;}

.fdic-notice {
        padding: .7em !important;
        justify-content: center;
        background-color: #eeeeee;
        display:flex;
        width: 100%;
        margin: 0 !important;
        line-height: 1.25;
        font-size: 12.8px;
    }
@media (max-width:991px){
    
    .fdic-notice{justify-content:flex-start;}
    
}
.hfg_header.site-header {box-shadow:0 0 0 transparent !important;}

.fdic-notice img {height:18px;}

/* Footer */

/*.wp-block-social-link-anchor {
    display: flex;
    font-size: 1.714285em;
    height: 1.875em;
    width: 1.875em;
    background-color: #bfc9bf;
    justify-content: center;
    align-items: center;
    transition: all 0.25sease;
    border-radius: 1px;
}
.wp-block-social-link-anchor svg {fill: var(--custom-2);}*/

@media (max-width:960px){
    .stack-md {flex-direction:column; justify-content:flex-start; align-items:flex-start;}
    .stack-md p {padding:0 !important;}
    #block-20 {order:1; margin-bottom:0;}
    #block-21 {order:0; margin-bottom:6px;}
    .builder-item--footer-four-widgets .widget-area {display:flex; flex-direction:column;}
    .footer-bottom-links {flex-direction:column-reverse !important; align-items: flex-start !important;}
}
/* Homepage Slider */
.carousel-control-next, .carousel-control-prev {width:50px; height: 50px;
    top: 50%;
    transform: translateY(-50%);}
.carousel-item {height:640px;}
.carousel-item img {object-fit:cover; height:100%;}
.carousel-item .darken {content:''; width:100%; height:100%; background-color:rgba(0,0,0,0.5); display:block; position:absolute; top:0; left:0;}
.carousel-caption {left:10%; right:10%; bottom:2rem; padding-bottom:2rem;}
.carousel-caption h2 {font-size:58px; font-weight:700; text-shadow:0px 0px 5px rgba(0,0,0,0.5); margin-bottom:15px; line-height:1.1;}
.carousel-caption .btn {padding:9px 24px; font-size:24px; font-weight:700; text-transform:uppercase; line-height:1.25;}
.carousel-caption p {font-size: 2.5em; color: #fff; line-height: 1.173913em; text-shadow:0px 0px 5px rgba(0,0,0,0.5);}
.carousel-indicators [data-bs-target] {width:15px; height:15px;}

@media (max-width:1200px) {
    .carousel-caption p {font-size: 2em;}
}
/* Chat & OLB */
.chat-btn {    padding: 12px 24px;
    font-size: 1.3em;
    background-color:var(--nv-primary-accent) !important;
    position: absolute;
    left: 0;
    z-index: 10; top: 10.833333%; line-height:1.2 !important;}
.chat-btn:hover{background-color: var(--primarybtnbg) !important; opacity:1;}

.login-olb {
    position: absolute;
    top: 0;
    max-width: 1250px;
    width: 100%;
    z-index: 10;
    left: 50%;
    transform: translateX(-50%);
}
#login { height: auto !important; background-color: #aacdde;
    border-bottom: solid 6px #0054a4;
    padding: 0.8% 1.6%;
    width: 335px;
    box-sizing: border-box;
    margin: 0 0 0 auto;
    transition: all 0.5s ease;
    overflow: hidden;}
#login form {display:flex; flex-wrap:wrap;}
#login h2 {color: #fff;
    font-weight: 600;
    margin: 0; font-size: 20px;}
#login select {
    background-color: #fff;
    border: none;
    box-sizing: border-box;
    padding: 8px 16px;
    flex-grow: 1;
    width: 70%;
    margin-top: 8px;
    font-size:16px;
    line-height:1.15;
}
#login.personal input[name=username], #login.personal input[name=password], #login.personal #oblinks1 {
    display: block;
}
#login.personal #AccessIDVisible, #login.personal #oblinks2 {
    display: none;
}

#login input {
    background-color: #fff;
    border: none;
    box-sizing: border-box;
    padding: 8px 16px;
    flex-grow: 1;
    width: 70%;
    margin-top: 8px;
    font-size:16px;
    line-height:1.15;
}
#login input[type=submit] {
    width: 25%;
    font-size: 20px;
    color: #fff;
    background-color: #ee2e24;
    text-align: center;
    box-sizing: border-box;
    border: none;
    padding: 5px;
    transition: all 0.25s ease;
    display: block;
    margin-right: 0;
    flex-grow: 0;
    margin-left: 8px;
}
#login ul {
    display: flex;
    padding: 0;
    margin: 0;
}
#login ul li {
    padding: 0 0.75em 0 0;
    font-size: 0.75em;
    line-height: 1em;
}
#login ul li + li {
    padding-left: 0.75em;
    border-left: solid 1px #0054a4;
}
.hide {display:none;}
#oblinks1 {margin-top:10px; margin-bottom:10px;}
@media (max-width:992px){
    .carousel-item {height:720px;}

}

@media (max-width:768px){
    .login-olb {position:relative; left:0; transform:translateX(0);}
    #login {width:100%;}
    .chat-btn {top:100%; z-index:100;}
    .carousel-control-next, .carousel-control-prev {top: calc(50% + 203px);
    transform: translateY(calc(-50% - 101px));}
    .carousel-caption h2 {font-size:50px;}
    .carousel-inner {margin-bottom:40px;}
}

/* Card Template */

.card {border-radius:0 !important; border:0 solid transparent;}
.card h3 {margin-bottom:0; margin-top:10px; color: var(--nv-secondary-accent); text-decoration:none; font-weight:700;}
a:hover .card h3 {color: var(--nv-primary-accent);} 
.bg-card {background-color: var(--nv-light-bg);}
.bg-gray {background-color: #f6f6f7;}
.icon-link a{color:var(--nv-c-1); line-height:1.1;}
.hero, .hero img {height:31.25vw; width:100%;}
.hero img {object-fit:cover; object-position:center right;}
#breadcrumbs.small {font-size:0.675em;}
.has-small-font-size {font-size:0.8rem; line-height:1.3;}
@media (min-width: 992px) {
    .neve-main>.bs-container>.row {flex-wrap:wrap !important; }
    .border-lg-start {border-left:1px solid #ccc;}
}
@media (max-width:991px){
    .border-lg-start {border-top:1px solid #ccc;}
    .hero, .hero img {height:40vw; width:100%;}

}
a .account .text-blue {color:var(--nv-primary-accent);}
a .account .text-red {color: var(--nv-c-2); text-transform:uppercase; font-size:14px !important; font-weight:800;}
a:hover .account .text-red {color:var(--nv-secondary-accent);}
a .account h3 {margin-top:1em; font-weight:800;}
.account.card p {font-size:17px; line-height:1.2; margin-top:0.8em;}
.bg-md-gray {background: var(--custom-2); }
.sidebar-header {padding:1rem; text-align:center; font-size:24px;}
.sidebar-header h2 {margin-bottom:0; font-size:24px;}
.d-grid a.btn {padding:9px 24px; font-weight:800; line-height:1.1; font-size:24px;}
.btn-secondary {background: var(--secondarybtnbg) !important;}
.btn-secondary:hover {background: var(--secondarybtnhoverbg) !important;}

/* Account Page */
.ratio img {object-fit:cover;}
ul.wp-block-list {list-style:disc; padding-left:17px;}
ol.wp-block-list {padding-left:17px;}
.wp-block-list li {margin-top:1em;}
.wp-block-list li > ul {list-style:square;}
.icon-link img {width:43px; height:43px; object-fit:contain; flex-basis:43px;}
.icon-link {margin-bottom:25px;}
.icon-link strong {flex-basis:calc(100% - 43px)}
.btn-sm {font-size:17px !important; padding: 0.3em 0.8em !important; letter-spacing:0.0425em !important; font-weight:800 !important;}
.button_group .btn-sm {text-transform:uppercase !important;}
.button_group .btn-sm + .btn-sm {margin-top:10px;}
.card-content .icon {max-height:70px;}
@media (max-width:991px){
    .sidebar.d-grid {grid-template-columns:1fr 1fr;}
}
@media (max-width:576px){
    .sidebar.d-grid {grid-template-columns:1fr;}
}

/* Alerts */
.alert p, .alert {margin-bottom:0;}
.alert-icon {fill:rgba(255,255,255,0.6); height:30px; width:30px;}
.alert-dismissible .btn-close {top:-1px;}
.alert-dismissible .btn-close:hover {background:transparent !important;}
.alert a {font-weight:800;}

/* Tables */

.is-style-regular table th, .is-style-regular table td {border-bottom:3px solid #f6f6f7 !important; border-right:3px solid #f6f6f7 !important;}
.is-style-regular table th:first-child, .is-style-regular table td:first-child {border-left:3px solid #f6f6f7 !important;}
.is-style-regular table tr:first-child th {border-top:3px solid #f6f6f7 !important;}
.is-style-regular table th:not(:first-child), .is-style-regular table td:not(:first-child){border-left:0 solid transparent !important;}

/* Investments */

.investments .fdic-bar {display:none;}
.investments .hero, .investments .hero img {width:100%; height:auto;}
.investments footer p, .investments footer a, .investments footer div  {margin-bottom:15px; font-size:0.8rem; line-height:1.3;}
.investments footer p:last-child {margin-bottom:0;}

/* Personal Financial insights */
.post-block {height:300px; border:2px solid var(--nv-primary-accent); margin: 12.5px 0; background: var(--nv-primary-accent); position:relative;}
.post-block:hover img {opacity:0.25;}
.background-image {
    object-fit: cover;
    object-position: top;
    height: 100%;
    width:100%;
    position:absolute; top:0; left:0;
    opacity:0.9;
}
.post-block h2 {line-height:1.2; margin-bottom:15px;}
.post-block .flex-column {position:relative; z-index:200; padding:25px;}
.post-block .extra-bold {font-weight:800;}
.post-block .text-shadow {text-shadow:0px 1px 5px rgba(0,0,0,0.6); }
.post-block a {font-size:16px; paddingx:5px 20px; text-transform:uppercase; font-weight:700;}
.single-post .entry-header {margin-top:10px; margin-bottom:40px;}
.single-post .nv-thumb-wrap{
        float: left;
    margin-right: 40px;
    margin-bottom: 30px;
}
.single-post ol, .single-post ul {margin-left:40px;}

/* Person Cards */
.person-card {margin-bottom:25px;}
.person-card.bg-light {background-color:var(--nv-light-bg) !important;}
.person-card img, .person-card h3, .person-card p {margin-bottom:15px;}
.person-card p {font-size:17px;}


label:hover {color: #ef3124 !important;}
.select2-selection__rendered {padding:9px !important; line-height:1.3em !important;}
.forminator-row {align-items:flex-end;}

.card-content .btn {line-height:1.1 !important;}
.cbs-compare-accounts legend {margin-bottom:15px;}

.cbs-compare-accounts th a {color:#fff !important;}