/*
Theme Name: 0268 First Shore Federal
Theme URI: http://csibankanytime.com/
Author: CSI ( Abbi, Luke )
Description: Design Pro 3 CSI Banking Theme
Version: 2.5.1
Text Domain: design-pro-3
*/

/* ROOT
-------------------------------------------------------------------------------------- */
:root {

  --primary: #141B4D; /*   var(--primary);   */
  --secondary: #C9BCAB;/*   var(--secondary);   */
  --accent: #F8E08E; /*   var(--accent);   */
  --font-color: #393A3C; /*   var(--font-color);   */
  --primary-font: "Open Sans", sans-serif; /*   var(--primary-font);   */
  --secondary-font: "adobe-garamond-pro", serif; /*   var(--secondary-font);   */
  --font-extra-condensed: "acumin-pro-extra-condensed", sans-serif;
}


/* TYPOGRAPHY
-------------------------------------------------------------------------------------- */
body,
html {
  overflow-x: hidden;
  text-rendering: optimizeLegibility;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-family: var(--secondary-font);
}

body{
 
}

h1, h2, h3, h4, h5, h6 {
  font-family:  var(--secondary-font);
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  color: var(--primary);
}

h1, h2, h3, h4 {
  font-weight: 700;
  line-height: 1.5;
}

p,
ul,
dl,
ol {
  color: black;
  font-family: var(--primary-font);
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  line-height: 1.5;
}

h1{
  font-size: 44px;
}
h2{
  font-size: 32px;
}
h3{
  font-size: 32px;
  font-family: var(--primary-font);
}
h4{
  font-size: 28px;
}
h5{
  font-size: 28px;
  font-family: var(--primary-font);
}
h6{
  font-size: 24px;
}

/* BUTTONS AND LINKS
Before Changing any Hover/Focus behavior, ensure the new behavior still complies with
ADA requirements (at least 3.0 contrast change or underline change)
-------------------------------------------------------------------------------------- */
a {
  color: var(--primary);
  text-decoration: underline;
}
a:hover, a:focus {
  color: var(--primary);
  text-decoration: none;
}

.csi-ib-container .csi-helper-btn{
  border-radius: 4px;
  background: #FFF;
  color: var(--accent);
  font-family: var(--secondary-font);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.csi-btn{
  font-style: normal !important;
  text-decoration: none;
  border: 6px solid transparent;
  border-radius: 5px;
  background: var(--gold, linear-gradient(135deg, #E2C76D 15.43%, #F8E08E 38.47%, #FFF3CC 53.36%, #F8E08E 69.97%, #E2C76D 86.26%));
  color: var(--primary);
}

.carousel-text .csi-btn{
  border-radius: 4px;
  background: var(--accent);
  border-color: var(--accent);
  text-decoration: none;
}

/* GENERAL STYLES
-------------------------------------------------------------------------------------- */
.csi-header {
  position: fixed;
  top: 0;
  width: 100%;
  background: #112246;
}
.csi-logo {
  max-width: 100%;
}
.csi-hero .csi-ib-container{
  background: var(--accent);
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
  border-radius: 0px;
}

.csi-ib h5{
 /* text-shadow: 0px 4px 6px #272727;*/
  font-family:  var(--secondary-font);
  font-size: 20px;
  font-weight: 600;
}


.csi-ibButton .btn-primary{
  border-radius: 4px;
  background: var(--accent);
  color: white;
  font-size: 16px;
  border: 4px solid transparent;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
  font-family: var(--primary-font);
}

.csi-ib{
  border-left: 0px;
  border-radius: 0px;
  border: 1px solid #707070;
  top: calc(50% + 20px);
  margin-left: calc(100% - 750px);
  width: 550px;
  display: none!important;
}

.csi-ibContainer{
  margin-top: 0px;
}

.csi-body-5 .csi-bodyBox p{
  text-shadow: 0px 4px 6px rgba(39, 39, 39, 0.80);
  font-size: 20px;
  font-weight: 400;
}

.csi-body-5 .csi-bodyBox h2{
  text-shadow: 0px 4px 6px rgba(39, 39, 39, 0.80);
}

.csi-body-7 .card-icon{
  filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
  padding: 5px;
  background: white;
  border-radius: 8px;
}

.csi-body-7 .card-icon .card-icon{
  filter: none;
}

.csi-insidepages a{
  font-style: italic;
}

.footer-section ul{
  color: transparent;
  display: flex;
  justify-content: space-around;
}

.footer-section a{
  text-decoration: none;
}

.footer-section a:hover, .footer-section a:focus{
  text-decoration: underline;
}

.footer-section{
  margin-top: 20px;
}

.csi-body-2 .csi-bodyBox{
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
}

.upper-login{
  display: flex;
}

.dropdown-toggle:focus, .dropdown-toggle:hover{
  text-decoration: underline;
}
.csi-ibButton .btn-primary:hover, .csi-ibButton .btn-primary:focus{
  color: var(--accent);
  border-radius: 5px;
  border: 4px solid var(--accent);
  background: white;
}

.btn{
  font-weight: 700;
  font-family: var(--primary-font);
  font-size: 18px;
}

.csi-ib-container h5{
  color: #FFF;
  text-align: center;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}

.csi-ib .csi-helper-btn{
  background: var(--font-color);
  font-family: var(--primary-font);
  border-color: var(--font-color);
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
}

.carousel-caption p{

}

.carousel-text h2{
  color: #FFF;
  font-size: 44px;
  font-weight: 700;
}
.carousel-caption h2 {
  font-size: 44px;
  font-weight: 700;

  font-family:  var(--secondary-font);
}

.carousel-caption{
  bottom: auto;
  top: 45%;
  left: 5%;
  right: 5%;
}

.navbar-brand{
  margin-right: 0rem;
}

.carousel-text p{
  color: #FFF;
  font-family: var(--secondary-font);
  font-size: 1.5rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.csi-body-1 .csi-bodyBox {
  background: #91BF93;
  padding: 4rem 5rem;
}

.csi-body-1 .csi-bodyBox h3{
  font-size: 24px;
  font-family: var(--secondary-font);
}

.csi-body-1 .csi-bodyBox p{
font-size: 18px;
}

footer{
  background: #112246;
  padding-top: 25px;
  padding-bottom: 1px;
  background-clip: content-box, padding-box;
}

footer p, footer a{
  color: white;
}

.copyright{
  margin-top: 20px;
}

.csi-logo img{
  height: auto;
  width: 350px;
  max-width: 100%;
  padding: 0px !important;
  border-bottom-left-radius: 16px;
  border-bottom-right-radius: 16px;
  filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.5));
}

.form-control{
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
  font-family: var(--primary-font);
}

#McMUserNameDiv{
  width: 82%;
}

.input-group-prepend{
  padding: 14px;
  padding-top: 10px;
  padding-bottom: 10px;
  background-color: #D6E4ED;
  border-top-left-radius: 2px;
  border-bottom-left-radius: 2px;
  border-right: #94450B 3px solid;
  margin-left: 5px;
}




.home-page h3{
  color: var(--primary);
}

.csi-body-12 h4{
  color: var(--primary);
}
.csi-body-12 p, .csi-body-3 p{
  color: #343434;
}

/* accordion fix */

.icon-open-close:before {
  transform: rotate(45deg);
}

.icon-open-close:after {
  transform: rotate(-45deg);
}

.icon-open-close:before, .icon-open-close:after {
  position: absolute;
  left: 10px;
  top: 5px;
  content: " ";
  height: 12px;
  width: 2px;
  background-color: white;
}

.csi-articleContent a{
  font-weight: 600;
  word-break: break-word;
}

.icon-open-close {
  background: var(--accent);
  position: relative;
  margin-top: 0rem;
  width: 24px;
  min-width: 24px;
  height: 24px;
  min-height: 24px;
  transform: rotate(45deg);
  transition: all 0.2s ease;
  border-radius: 100%;
  right: 3px;
  top: 30%;
  left: auto;
  border: 2px solid white;
}

.csi-ib i{
  display: flex;
  align-items: center;
  padding-inline: 1rem;
  background: #E9ECEF;
  border-radius: 0.25rem 0 0 0.25rem;
  color: #495057;
  font-size: .725rem;
}

.inside-panel-group a[aria-expanded=true] .icon-open-close::after {
  display: none;
}
/* end fix */

.inside-panel-group .panel .inside-panel-collapse .panel-body{
  border-right: 1px solid white;
  border-bottom: 1px solid white;
  border-left: 1px solid white;
  border-radius: 0 0 9px 9px;
  padding: 0.5rem 3.75rem 0rem 3.5rem;
}

.lock-sect-user{
  display: flex;
}

.panel-body .col-md-12{
  margin-left: 25px;
}

.panel-group {
  background: var(--primary);
}

.accordion{
  margin-bottom: 50px;
}

.dropdown-toggle::after{
  border-top: 0.4em solid;
  border-right: .4em solid transparent;
  border-left: .4em solid transparent;
}

.inside-panel-group .panel a[aria-expanded=true] .inside-header-content{
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
  border-bottom: 0px;
}

.csi-productAccordion .panel-title{
  display: flex;
  justify-content: center;
}

.csi-productAccordion .col-xl-7{
  border-right: 3px solid white;
  border-left: 3px solid white;
}

.inside-panel-group .panel > a{ 
  text-decoration: none;
}

.inside-panel-group .panel > a:hover h5, .inside-panel-group .panel > a:focus h5{
  text-decoration: underline;
}
.inside-panel-group .panel > a h5, .inside-panel-group .panel > a h5{
  margin: 0px;
  color: var(--accent);
  font-family: var(--primary-font);
  font-size: 24px;
}
.csi-defaultAccordion a h5{
  margin: 0px;
  color: var(--accent);
  font-family: var(--primary-font);
  font-size: 24px;
}

.panel-group .icon-open-close:before, .panel-group .icon-open-close:after, .inside-panel-group .icon-open-close:before, .inside-panel-group .icon-open-close:after{
  background: white !important;
}

.panel-group a[aria-expanded=true] .icon-open-close:after{
    display: none;
}

#csiMenuWrapper .primary-menu li.current-menu-item > a, #csiMenuWrapper .primary-menu li.current-menu-item > .link-icon-wrapper > a, #csiMenuWrapper-secondary .primary-menu li.current-menu-item > a, #csiMenuWrapper-secondary .primary-menu li.current-menu-item > .link-icon-wrapper > a{
  text-decoration: none;
}
#csiMenuWrapper .primary-menu li.current-menu-item > a:hover, #csiMenuWrapper .primary-menu li.current-menu-item > .link-icon-wrapper > a:hover, #csiMenuWrapper .primary-menu li.current-menu-item > a:focus, #csiMenuWrapper .primary-menu li.current-menu-item > .link-icon-wrapper > a:focus, #csiMenuWrapper-secondary .primary-menu li.current-menu-item > a:hover, #csiMenuWrapper-secondary .primary-menu li.current-menu-item > .link-icon-wrapper > a:hover, #csiMenuWrapper-secondary .primary-menu li.current-menu-item > a:focus, #csiMenuWrapper-secondary .primary-menu li.current-menu-item > .link-icon-wrapper > a:focus{
  text-decoration: underline;
}

#csiMenuWrapper .primary-menu a, #csiMenuWrapper-secondary .primary-menu a{
  font-family: var(--primary-font);
  font-size: 18px;
  font-weight: 600;
}

#navbar a.btn-primary{
  color:var(--primary)!important;
  padding: 10px;
  border: 0px;
  padding-top: 5px;
  padding-bottom: 5px;
}

#navbar a.btn-primary:hover, #navbar a.btn-primary:focus{
  color:white!important;
  text-decoration: none;
}

#csiMenuWrapper .csi-Menu-inner, #csiMenuWrapper-secondary .csi-Menu-inner{
  flex-direction: row;
  justify-content: flex-end;
}

.primary-menu a:hover .fa-lock, .primary-menu a:focus .fa-lock{
  color:white;
}

.csi-defaultAccordion .panel-body{
  border-right: 0px solid #707070;
  border-bottom: 0px solid #707070;
  border-left: 0px solid #707070;
  border-radius: 0 0 9px 9px;
}

.csi-banner-10:before{
  background: transparent;
}

.accordion .csi-defaultAccordion .panel-heading{
  background: transparent;
  padding: 35px 50px 35px;
  border: 0px solid #707070;
  border-radius: 9px;
  display: flex;
  justify-content: space-between;
}

.csi-defaultAccordion .icon-open-close{
  background: var(--primary);
  position: relative;
  margin-top: 1.8rem;
  width: 24px;
  min-width: 24px;
  height: 24px;
  min-height: 24px;
  transform: rotate(45deg);
  transition: all 0.2s ease;
  border-radius: 100%;
  right: 3%;
  top: 30%;
  left: auto;
  border: 2px solid var(--accent);
}  

.panel .panel-body .inside-panel-group .panel .icon-open-close{
  margin-top: 0rem;
}

.accordion .csi-defaultAccordion a[aria-expanded=true] .panel-heading{
  border-radius: 9px 9px 0px 0px;
  border-bottom: 0px;
}
.csi-defaultAccordion.panel-group a[data-toggle="collapse"], .inside-panel-group a[data-toggle="collapse"]{
  padding:0px;
}

.csi-defaultAccordion{
  border-radius: 11px;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.35);
}

.inside-panel-group{
  background: var(--accent);
  border-radius: 9px;
  margin-bottom: 50px;
  background: white;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.35);
  border-radius: 0px;
}

.csi-defaultAccordion a[aria-expanded=true] .icon-open-close{
  transform: rotate(45deg);
}

.tab-content {
  margin-bottom: 10px;
  color: rgb(5, 5, 5);
  border: 0px solid #D3E2E3;
  border-radius: 2px;
}
.nav-tabs .nav-link{
  color: var(--primary);
  font-style: normal;
  border-top-left-radius: .5rem;
  border-top-right-radius: .5rem;
}
.tab-pane{
  border-right: 0px solid #dee2e6;
  border-bottom: 0px solid #dee2e6;
  border-left: 0px solid #dee2e6;
}

.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
  background: var(--primary);
  color: var(--accent);
  border:transparent;
  font-family: var(--secondary-font);
}

.tabs .nav-tabs .nav-item{
  margin-bottom: -2px;
  margin-right: 50px;
}
.inside-header-content{
  padding: 35px 25px 35px 25px;
  border-radius: 0px;
  border: 1px solid white;
  text-decoration: none;
}

.inside-header-content .head{
  margin-left:15px;
}

.csi-defaultAccordion a{
  border: 0px solid white;
} 

.csi-insidepages .card-deck .card{
  max-width: 500px;
  background: var(--primary);;
}

.csi-insidepages .card-deck .flip-card{
  max-width: 500px;
  background: var(--primary);
}

.csi-insidepages .card-deck .flip-card h4, .csi-insidepages .card-deck .flip-card p{
  color:white;
}

.csi-insidepages .card-deck .flip-card h4{
  position: absolute;
  top: 50%;
  left: 0px;
  bottom: 0px;
  right: 0px;
  text-shadow: 0px 4px 6px #272727;
}

.csi-insidepages .flip-card .card-icon:after {
  content: " ";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: 1;
  background: rgba(0, 0, 0, 0.6);
  border-radius: 9px;
}

.csi-insidepages .card-icon img{
  border: 0px solid #D59B49;
  border-radius: 50%;
  margin-top: 50px;
}

.csi-insidepages .flip-card .card-icon img{
  border:0px;
  border-radius: 9px;
  margin-top: 0px!important;
  margin-bottom: 0px!important;
}

.csi_cards .flip-card .card-icon{
  width: 100%;
}

.csi-body-8 .card-body{
  padding: 0px;
}

.nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover {
  border-color: #D3E2E3;
  text-decoration: underline;
}

.nav-tabs {
  border-bottom: 4px solid  var(--primary);
}
.inside-header-content:hover, .inside-header-content:focus{
  border: 1px solid white;
}

.fa, .fab, .fad, .fal, .far, .fas{
  line-height: 1.5;
}
hr{
  border-top: 3px solid  var(--primary);
  margin-left: 30%;
  margin-right: 30%;
}

ul li span {
  margin-left: 10px;
}

.btn-primary:hover, .btn-primary:focus{
  color: white;
  border-radius: 5px;
  border: 6px solid var(--Linear, #E2C76D);
  background: var(--primary);
}

.csi-productAccordion h1, .csi-productAccordion h2, .csi-productAccordion h3, .csi-productAccordion h4, .csi-productAccordion h5, .csi-productAccordion h6{
  color:white;
}

.productAccordionImage{
  border: 0px solid #D59B49;
  border-radius: 0%;
  background: white;
}

.csi-productAccordion{
  border-radius: 0px;
}

.csi-productAccordion .csi-btn2{
  background: var(--accent);
  color: white;
  border: 4px solid transparent;
  border-radius: 5px;
  max-width: 200px;
  padding: 15px 0px;
  margin-left: auto;
}

.csi-productAccordion .csi-btn2:hover, .csi-productAccordion .csi-btn2:focus{
  border-color: var(--accent);
  background: transparent;
  color: var(--accent);
}

.accordion .csi-learnMoreBtn{
  max-width: 300px;
  margin: auto;
  font-size: 24px;
  margin-top: 0px;
  border-top-left-radius: 0px;
  background: var(--accent);
  color: #fff;
  border: 6px solid var(--accent);
  border-top-right-radius: 0px;
  margin-bottom: 20px;
  font-family: var(--primary-font);
}

.accordion .csi-learnMoreBtn:hover, .accordion .csi-learnMoreBtn:focus{
  text-decoration: underline;
}

.accordion a[aria-expanded="true"] svg{
  transform: rotate(180deg);
}

.accordion svg{
  margin-left: 5px;
}

.csi-productAccordion .col-xl-3{
  align-content: center;
}

.csi-productAccordion .col-xl-2{
  display: flex;
  align-items: center;
}

.csi-productAccordion .csi-learnMoreBtn{
  margin-bottom: 1.5rem;
}
 
.csi-productAccordion{
  margin: 0px;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.35);
}

.card{
  border:0px solid var(--accent);
  border-radius: 22px;
}

.card-body h3{
  font-size: 24px;
  color: var(--primary);
  font-family: var(--secondary-font);
}

.csi-insidepages .card-body h3{
  font-size: 32px;
  font-family: var(--secondary-font);
  font-weight: 600;
  color: var(--accent);
  margin-bottom: 1rem;
}

.csi-insidepages .card-body{
  padding-top: 0px;
}

.csi-insidepages .csi_cards .card-body{
  margin-top: 1rem;
}

.csi-insidepages .csi_cards .flip-card .card-body{
  padding-right: 1rem;
  padding-top: 1rem;
  padding-bottom: 28px;
  margin: 0px;
  padding-left: 1rem;
}

.csi-insidepages .csi_cards .flip-card .link-back{
  bottom: 0px;
  position: absolute;
}

.csi-insidepages .csi_cards .card-icon{
  padding-top: 0px;
  padding-right: 0px;
  padding-left: 0px;
}

.csi_cards .card-icon{
  padding-top: 30px;
  padding-right: 0px;
  padding-left: 0px;
}
.card-icon img{
  min-width: 100%;
}

.csi-body-6 .card-icon{
  width: 125px;
}

.csi-insidepages  .card-link{
  margin: 2.5rem;
  margin-top: 3rem;
}

.csi-insidepages .card-body{
  color:var(--primary)
}

.card-linkName{
  font-size: 14px;
  padding: 12px 25px;
  border-radius: 8px;
}

.card .card-text{
  font-size: 18px;
}

.csi-insidepages .card .card-text{
  font-size: 20px;
  color: white;
  padding-left: 2rem;
  padding-right: 2rem;
}

.table-bordered td, .table-bordered th{
  font-size: 20px;
  border:0px solid transparent;
  border-bottom: 4px solid var(--accent);
}

.table{
  background: white;
}

thead{
  background: var(--primary);
}

.table-striped tbody tr:nth-of-type(odd){
  background: transparent;
}

.table-bordered{
  border:0px solid transparent;
}

th{
  color:white;
}

th, td{
  text-align: center;
}

.table-responsive{
  border-radius: 8px;
}

footer a:hover, footer a:focus{
  color:white;
}
footer .app-logos .col-12 {
  gap: 1rem;
}

.csi-defaultAccordion .panel-body a:not(.inside-panel-group .panel > a){
  padding: .375rem .0rem;
  color: #141B4D;
}

.csi-defaultAccordion .panel-body a:not(.inside-panel-group .panel > a):hover, .csi-defaultAccordion .panel-body a:not(.inside-panel-group .panel > a):focus{
  text-decoration: none;
}

.csi-defaultAccordion .default-section > a{ 
  display:flex;
  justify-content: space-between;
}

.lead, .lead p{
  font-size: 20px;
}

.mute, .mute p{
  font-size: 15px;
}

.csi-maxWidth-1440{
  max-width: 1840px;
}

.csi-body-3 .row{
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
}

.csi-body-3 .offset-lg-1{
  margin-left: 0px !important;
}

.csi-body-12 .side-links .col-3{
  display: flex;
  align-items: center;
  justify-content: center;
}

.btn-secondary:not(:disabled):not(.disabled).active, .btn-secondary:not(:disabled):not(.disabled):active, .show>.btn-secondary.dropdown-toggle{
  background-color:  var(--font-color);
  border-color:  var(--font-color);
}

div#calcLoad .demo-icon.icon-csi-printer, .tab-headings, .demo-icon, .calc-icon-page, .fa-money, .card-header h2, .highlight, .entry-section, .calc-top-title-text h2{
  color:  var(--font-color);
}

.calc-body a.calc-links:hover h4, .calc-body a.calc-links:focus h4, .calc-body a.calc-links:hover .demo-icon, .calc-body a.calc-links:focus .demo-icon{
  color:  var(--font-color);
}

.calc-body .calc-links h4{
  color:  var(--font-color);
}

.location-finder #findMeButton{
  color:  var(--font-color);
}

.table-hover>tbody>tr:hover, .table-striped>tbody>tr:nth-of-type(odd):hover{
  background: transparent;
}

.text-muted {
  color: var(--primary) !important;
}

.csi-defaultAccordion .icon-open-close:before, .csi-defaultAccordion .icon-open-close:after{
  left: 9px;
  top: 4px;
  height: 12px;
  width: 2px;
}

.dropdown-item{
  color: var(--font-color);
}

.dropdown-item:focus, .dropdown-item:hover{
  color: var(--font-color);
}
.csi-body-3 .col-lg-4 {
  max-width: 41.66%;
  flex: 0 0 41.66%;
}
.csi-body-3 .csi-bodyBox {
  padding: 2rem 0;
}
.csi-body-3 {
  margin-top: 2rem;
}
footer svg:nth-child(2) {
  max-height: 50px;
}
footer svg {
  fill: white;
  display: unset;
}

footer a:hover, footer a:focus{
  text-decoration: underline;
}

footer a{
  text-decoration: none;
}

footer p, footer ul, footer dl, footer ol{
  font-size: 18px;
}

.temp-btn {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle{
  background-color: var(--accent);
  border-color: var(--accent);
}

.csi-carousel{
  height: 100%;
  margin-top: 100px;
}

#main-content{
  margin-top: 0px;
}

.card{
  background: transparent;
}

.csi-body-8 .card-icon{
  width: 120px;
}

.standard-section ul li::marker, .staggered-section ul li::marker{
  content: '';
  /*content: url(https://spur-bank.csidesignpro.com/wp-content/themes/0053_spur_bank/images/bullet.svg);*/
}

.standard-section ul li::before, .staggered-section ul li::before{
  background:  var(--primary);
  border-radius: 50%;
  padding: 5px;
  margin-inline-end: 15px;
  border: 0px;
  width: 5px;
  height: 5px;
  display: inline-flex;
  margin-bottom: auto;
  margin-top: 12px;
  content: '';
  margin-left: -40px;
}

.standard-section ul li::before, .staggered-section ul li::before{

}

.calc-body .nav li:hover {
  background-color: transparent;
}

.calc-body .nav p.p-titles{
  background: #141B4D;
  color: white;
}

.standard-section .calc-body .nav>li>a:focus, .nav>li>a:hover{
    text-decoration: underline;
    color: white;
}

.calc-body .nav a{
  border: 1px solid #141B4D;
  border-bottom: 0px;
}

.standard-section .blue ul li::before, .staggered-section .blue ul li::before{
  background:  var(--accent);
}

.standard-section ul li, .staggered-section ul li, .standard-section ol li, .staggered-section ol li{
  display: flex;
  line-height: 1.6;
  margin-top: 4px;
  margin-bottom: 4px;
  flex-wrap: nowrap;
}

.standard-section ol li, .staggered-section ol li{
  display: list-item;
}

ol{
  margin-left: -20px;
}

.standard-section ol li::marker, .staggered-section ol li::marker{
  margin-left: -20px;
}

.carousel-inner{
  /*background-image: linear-gradient(to bottom, rgba(240, 255, 40, 1) 0%, rgba(240, 255, 40, 1) 100%), linear-gradient(to bottom, rgb(213 155 73) 0%, rgb(213 155 73) 100%);
  background-clip: content-box, padding-box;*/
}

/* FLIP CARDS
-------------------------------------------------------------------------------------- */

body:not(.home) .flip-card {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

body:not(.home) .flip-card-inner {
  position: relative;
  background: rgba(87, 87, 87, 0.71);
  width: 100%;
  height: 100%;
  text-align: center;
  transition: transform 0.6s;
  transform-style: preserve-3d;
  border-radius: 0px;
}

body:not(.home) .flip-card-front h6 {
  color: #fff;
  font-size: 28px;
  text-shadow: 0px 4px 6px #272727;
  margin-bottom: 50px;
}

body:not(.home) .flip-card-back {
  transform: rotateY(180deg);
  background-color: #fff;
  justify-content: center;
  flex-direction: column;
}

body:not(.home) .flip-card-back h3, body:not(.home) .flip-card-back p {
  color: #575757;
}

body:not(.home) .flip-card-back h6 {
  font-size: 1.125rem;
  color: var(--primary);
}

body:not(.home) .flip-card{
  border: 0px;
  border-radius: 9px;
  background: white;
}

body:not(.home) .flip-cards .row {
  margin: 40px auto;
  justify-content: center;
}

body:not(.home) .flip-card-back .csi-btn.inverted {
  padding: .75rem;
}

body:not(.home) .flip-card-back a.csi-btn.inverted {
  text-decoration: none;
}


body:not(.home) .flip-card-front, body:not(.home) .flip-card-back {
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  border: 12px solid var(--primary-color);
  border-radius: 0px;
  font-weight: 600;
}

body:not(.home) .flip-card-front, .flip-card-back {
  display: flex;
  flex-direction: column-reverse;
  align-items: center;
  padding: 0 1rem;
}

body:not(.home) .flip-card:hover .flip-card-inner, .flip-card:focus .flip-card-inner, .flip-card:focus-within .flip-card-inner {
  transform: rotateY(180deg);
}

body:not(.home) .flip-card-back .csi-btn:hover, body:not(.home) .flip-card-back .csi-btn:focus{
  background-color: white;
  border: 4px solid var(--accent);
  border-radius: 8px;
}

.flip-card-back .csi-btn{
  border-radius: 8px;
}

body:not(.home) .flip-card-back img {
  margin-bottom: 3rem;
}

body:not(.home) .flip-card-back .csi-btn.inverted {
  margin-top: 2rem;
}

body:not(.home) .flip-card-front {
  background-color: rgba(0, 0, 0, 0.32);
  padding-top: 50px;
  border-radius: 0px;
}

/*-------------------------------------------------------End Flip Cards ----------------------*/

.circle-img img{
  margin-left: 2vw;
}

.circle-img{
  border: 15px solid #D59B49;
  border-radius: 50%;
  background: #D59B49;
}

.carousel-fade .carousel-item-next.carousel-item-left, .carousel-fade .carousel-item-prev.carousel-item-right, .carousel-fade .carousel-item.active{
  height: 300px;
}

.home .carousel-fade .carousel-item.active{
  height: 740px;
}

body:not(.home) .csi-ib{
  display: none;
}

body:not(.home) .csi-carousel .carousel-item .carousel-caption .csi-container1400 .row .col-lg-6{
  text-align: center;
}

body:not(.home) .csi-carousel .carousel-item .carousel-caption .csi-container1400 .row{
  justify-content: center;
}

.csi-body-1 .csi-bodyBox{
  background: rgba(18, 34, 71, 0.25);
}

.csi-alert{
  background: var(--primary);
  position: fixed;
  z-index: 19;
}

.csi-alert p, .csi-alert h1, .csi-alert h2, .csi-alert h3, .csi-alert h4, .csi-alert h5, .csi-alert h6, .csi-alert a{
  color:white;
}

img.aligncenter{
  margin: 0 auto 1em auto;
}

.smaller-area{
  margin-right: 0rem;
  margin-left: 0rem;
}

.mobile-login{
  display: none;
  border-radius: 2.5px;
  border: 2px solid transparent;
}

.blue{
  color:white!important;
  background: var(--primary);
  padding:10px;

}

.blue a{
  color:var(--accent)!important;
}

.btn-blue{
  text-decoration: none;
  border: 6px solid var(--primary);
  border-radius: 5px;
  background: var(--primary);
  color: white;
}

.btn-blue:hover, .btn-blue:focus{
  color: var(--primary);
  border-radius: 5px;
  border: 6px solid var(--primary);
  background: transparent;
}

.btn-blue:not(:disabled):not(.disabled):active, .show>.btn-blue.dropdown-toggle{
  background-color:var(--primary);
  border-color: var(--primary);
}


/*-------Menu -------------------------------------------*/
#csiMenuWrapper .primary-menu li.menu-item-has-children:hover > ul, #csiMenuWrapper .primary-menu li.menu-item-has-children:focus > ul, #csiMenuWrapper .primary-menu li.menu-item-has-children.focus > ul, #csiMenuWrapper-secondary .primary-menu li.menu-item-has-children:hover > ul, #csiMenuWrapper-secondary .primary-menu li.menu-item-has-children:focus > ul, #csiMenuWrapper-secondary .primary-menu li.menu-item-has-children.focus > ul{
  background: var(--accent);
  color:black;
  border-radius: 15px;
}

#csiMenuWrapper .primary-menu > li > .icon, #csiMenuWrapper-secondary .primary-menu > li > .icon{
  display: none;
}

#csiMenuWrapper .primary-menu .menu-item:hover a, #csiMenuWrapper .primary-menu .menu-item:focus a,  #csiMenuWrapper .primary-menu .menu-item.focus a{
  color: var(--primary)!important;
}

#csiMenuWrapper .primary-menu .menu-item .sub-menu a{
  text-align: left;
  color:black!important;
}

#csiMenuWrapper .primary-menu > li:hover, #csiMenuWrapper .primary-menu > li:focus, #csiMenuWrapper .primary-menu > li.focus{
  background: var(--accent);
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
}

#csiMenuWrapper .primary-menu ul ul, #csiMenuWrapper-secondary .primary-menu ul ul{
  top:0px;
}

#csiMenuWrapper .primary-menu > li{
  margin: 0px;
  padding-left: 20px;
  padding-right: 20px;
  text-align: center;
  width: 100%;
}

#csiMenuWrapper .primary-menu > li.menu-item-has-children > a{
  padding-right: 5px;
}

#csiMenuWrapper .primary-menu ul{
  position: relative;
}

#csiMenuWrapper .primary-menu ul li.menu-item-has-children:hover > ul, #csiMenuWrapper .primary-menu ul li.menu-item-has-children:focus > ul{ 
  right: 0px;
}

#csiMenuWrapper-secondary .primary-menu ul{
  box-shadow: none;
  position: static;
}

#csiMenuWrapper .primary-menu .icon, #csiMenuWrapper-secondary .primary-menu .icon{
  display: none;
}

#csiMenuWrapper .primary-menu ul, #csiMenuWrapper-secondary .primary-menu ul{
  box-shadow: none;
  transform: none;
  background: transparent;
}

.primary-menu .menu-item .sub-menu{
  position:absolute!important;
}

.primary-menu .menu-item .sub-menu .sub-menu{
  position:relative!important;
}

#csiMenuWrapper .primary-menu .menu-item:hover ul, #csiMenuWrapper .primary-menu .menu-item:hover ul ul, #csiMenuWrapper .primary-menu .menu-item:focus ul, #csiMenuWrapper .primary-menu .menu-item:focus ul ul{
  right:0px;
}

#csiMenuWrapper .primary-menu .menu-item:hover .sub-menu, #csiMenuWrapper .primary-menu .menu-item:focus .sub-menu, #csiMenuWrapper .primary-menu .menu-item a.focus .sub-menu, #csiMenuWrapper .primary-menu .menu-item a .sub-menu.focused, #csiMenuWrapper .primary-menu .menu-item.focus .sub-menu{
  transform: translateX(0px);
  left: 0px;
  border-top-left-radius: 0px;
  opacity: 1;
  min-width: 260px;
}

#csiMenuWrapper .primary-menu .menu-item:hover .sub-menu .sub-menu, #csiMenuWrapper .primary-menu .menu-item:focus .sub-menu .sub-menu, #csiMenuWrapper .primary-menu .menu-item.focus .sub-menu .sub-menu{
  transform: none;
  margin-top: 0px;
}

#csiMenuWrapper .primary-menu ul a, #csiMenuWrapper-secondary .primary-menu ul a{
  padding: 0.35rem 1.5rem;
}

.primary-menu .sub-menu .sub-menu a{
  font-weight: 400!important;
  margin-left: 20px;
}


.csi-Menu-navigation-wrapper .primary-menu-wrapper .menu-item:not(.menu-item-has-children){
  border-bottom-right-radius: 15px;
  border-bottom-left-radius: 15px;
}

/*------------------ end menu section ---------------------*/

.upper-header{
  margin-top: 25px;
  display: flex;
  justify-content: flex-end;
}

.social-media-icon{
  width: 36px;
  height: auto;
  margin-top: 0px;
  margin-right: 10px;
}

.icon-text{
  padding-right: 10px;
  text-decoration: none;
  font-size: 18px;
  font-weight: 700;
  font-family: var(--primary-font);
}

.icon-text:hover, .icon-text:focus{
  text-decoration: underline;
}

.fa-magnifying-glass:before, .fa-search:before{
  color: white;
  background: var(--primary);
  border-radius: 50%;
  padding: 6px;
}

.fa-search{
  position: absolute;
  margin-left: 8px;
  margin-top: 8px;
}

.search-field{
  border: 4px solid var(--primary);
  border-radius: 19px;
  padding-left: 40px;
  height: 40px;
  width: 300px;
}

.search .csi-header{
  background:   var(--primary);
  border-radius: 0px;
}

.search #main-content{
  margin-top: 220px;
}

.lower-header{
  display: none;
}

.locations-img{
  border-radius: 16px;
  border: 4px solid var(--accent);
  min-width: 150px;
  max-width: 250px;
  margin-left: 10px;
  margin-right: 10px;
}

.location-card{
  background:  var(--primary);
  padding: 15px;
  border-radius: 14px;
  display: flex;
  flex-direction: column;
  background: none;
  margin-top: 20px;
  -webkit-transition: 0.3s ease-in;
}

.location-card p{
  color:white;
  font-size: 18px;
  font-weight: 700;
  margin-top: 5px;
}

.location-card a.location-link{
  color: var(--accent);
  text-decoration: none;
  font-style: normal;
}

.location-card a.location-link:hover, .location-card a.location-link:focus{
  text-decoration: underline;
}

p.location-name{
  color:  var(--primary);
  text-align: center;
  font-family: var(--primary-font);
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  line-height: 22px;
  margin-left: 10px;
  margin-right: 10px;
}

.location-hours{
  margin-top: 32px;
  margin-left: 10px;
  margin-right: 10px;
}

.location-address, .location-phone{
  margin-left: 10px;
  margin-right: 10px;
  margin-right: auto;
  padding-left: 25px;
}

.location-address{
  margin-top: 30px;
}

.location-link{
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  text-align: center;
  font-family: var(--primary-font);
}

.location-address,.location-phone, .location-link, .location-hours, .location-section2{
  display: none;
}

.location-card:hover > .location-link, .location-card:hover .location-hours, .location-card:hover, .location-card:hover .location-section2,
.location-card:focus > .location-link, .location-card:focus .location-hours, .location-card:focus, .location-card:focus .location-section2{
  display: block;
  background: var(--primary);
}

.location-card:hover .location-phone, .location-card:focus .location-phone, .location-card:hover .location-address, .location-card:focus .location-address{
  display: flex;
  align-items: flex-start;
}

.location-card:hover .location-name, .location-card:focus .location-name{
  color: var(--accent);
}

.location-section1{
  display: flex;
  flex-direction: column;
  align-items: center;
}

.location-section2{
  padding-left: 45px;
}

.locations-map{
  border-radius: 16px;
  border: 4px solid var(--accent);
}

.location-single-left{
  background: var(--primary);
  padding: 25px;
  padding-top: 40px;
  border-radius: 29px;
  margin-top: 20px;
}

.location-single-left a, .location-single-left p{
  color:white;
}

.location-single-name{
  text-align: center;
}

.location-single-address, .location-single-phone{
  display: flex;
  align-items: flex-start;
  margin-top: 40px;
}

.location-page .locations-img{
  margin-left: 0px;
  margin-right: 0px;
  max-width: 100%;
  display: flex;
  margin: auto;
}

.locations-single-row{
  justify-content: space-around;
}

.location-single-left-lower{
  padding-left: 70px;
  padding-right: 70px;
}

.location-single-hours{
  margin-top: 40px;
}

.page-id-100398 .simple-sitemap ul.children{
  margin-top: 40px;
  margin-left: -75px;
}

.csi-logo svg{
  fill: white;
}

.desktop-login .fa-solid{
  padding-right: 8px;
}

#csiMenuWrapper .primary-menu .desktop-login{
  display: flex;
  align-items: center;
}

.panel-body{
  background: white;
}

.fdic-wrapper .fdic-notice{
	display: flex;
    flex-direction: row;
    width: 100%;
    margin: 0;
    overflow: hidden;
    box-sizing: border-box;
    text-align: left;
    font-family: 'Source Sans Pro', Arial, Helvetica, sans-serif;
    font-style: italic;
    font-size: .8rem;
    font-weight: 400;
    color: #fff;
    padding-block: .25rem;
}
.fdic-wrapper .fdic-notice svg {
    width: auto;
    height: 15.74px;
    margin-right: .75em;
    display: block;
}
.csi-logo a {
  text-decoration: none;
}
.csi-header.sticky-header {
    position: fixed;
    top: 0;
    width: 100%;
}
#csiMenuWrapper .toggle-inner .toggle-text, #csiMenuWrapper-secondary .toggle-inner .toggle-text {
  color: white;
}
#csiMenuWrapper .nav-toggle .toggle-icon, #csiMenuWrapper .nav-toggle svg, #csiMenuWrapper-secondary .nav-toggle .toggle-icon, #csiMenuWrapper-secondary .nav-toggle svg {
  fill: white;
}
#csiMenuWrapper .menu-modal-inner, #csiMenuWrapper-secondary .menu-modal-inner {
  background: #112246;
}

.location-content{
  /*margin-top: -250px;*/
}

.location-content .standard-section{
  /*margin-left: -70px;
  margin-right: 80px;*/
}

.check-locations{
  justify-content: flex-end;
}

.location-right{
  height: min-content;
}