/* @import url('http://example.com/example_style.css'); */

/***********************************************/
/* CSS @imports must be at the top of the file */
/* Add them above this section                 */
/***********************************************/

/*****************************************/
/* Start your style declarations here    */
/*****************************************/



/*General Module Formatting */


body {
  background-color: #e6d9c6;  
}

.pagi-num {
  background: none !important;
}

.pagi-num.active {
  background-color: #425563 !important;
}

.cl-body {
  padding-top: 40px !important;
}

.contact-buckets .cta-primary {
  display:block !important;
}


.rate-table p {
  margin-bottom: 0px;
  line-height: 18px;
  color:#000;
}

.rate-table-top {
  text-align:center;
}

/* Add 1px border around Rate Table Top */

.rate-table-top .row {

    border-left: solid 1px #e5d8c6 !important;
    border-right: solid 1px #e5d8c6 !important;
}

/* Add 1px border around Rate Table Bottom */

.rate-table-bottom .row {
    border-left: solid 1px #e5d8c6 !important;
    border-right: solid 1px #e5d8c6 !important;
}



.about-merc {
  margin:60px;
  border-radius:15px;
}

.hhs-side-menu__mobile {
    padding: 1em 2.25em 0 2em;
    margin-top: 50px;
}


.hs-menu-wrapper.hs-menu-flow-vertical>ul li.hs-menu-depth-1>a {
    width: auto;
    padding-bottom: 15px !important;
    margin-bottom: 20px;
    border-bottom: solid 1px #7e8891;
}

.hs-menu-wrapper.hs-menu-flow-vertical>ul li.hs-menu-depth-2>a {
    width: auto;
    padding-bottom: 20px !important;
    margin-bottom: 15px !important;
    border-bottom: solid 1px #7e8891 !important;
}

.hs-menu-wrapper.hs-menu-flow-vertical>ul li.hs-menu-depth-3>a {
    width: auto;
    padding-bottom: 0px !important;
    margin-bottom: 10px !important;
    border-bottom: solid 0px #7e8891 !important;
}

.merc-expandable-columns .hhs-rich-text-in {
    clear: both;
    background-color: #fff;
    border-radius: 15px;
    padding:30px;
    height:100%;
}

.merc-expandable-columns .hhs-rich-text-in.empty {
  display: none;
}

.image-text-opt2 img {
  border-radius:15px;
  }

.merc-expandable-columns .cta-primary {
  display:block;
}

.large-interior-header h1 {
  color:#fff !important;
}

.simple-interior-header {
  padding-top: 120px;
  padding-bottom: 60px;
}

.simple-interior-header h1 {
  font-size:40px;
}

.simple-interior-header p {
  color:#fff;
}

.mega-menu h5 {
    padding-left:0px;
    padding-bottom:10px;
    font-size:24px !important;
}

.interior-hero p,
{
  padding-bottom:20px;
}

.modal h4 {
  padding-bottom:10px;
}

.modal p {
    color: #515151;
    font-size: 15px;
}


.online-applications-anchors .cta-primary {
  display:block;
  text-align:center;
}

.online-applications-anchors .c-col {
  margin-bottom:0px !important;
}


ul {
   padding-inline-start: 20px;
}

.faq-content img {
   border-radius: 18px;
}

.fine-print p {
  font-size:14px;
}

/* Product Details */

.product-details-title {
   text-align:center; 
}

 .product-details-title img {
  height: 150px !important;
  width:auto !important;
}

.product-details-overview {
   text-align:center; 
}


.product-details-full-description a {
  text-decoration:underline;
}

/* Add underlines to mega menu on hover */

.hhs-top-bar .hs-menu-wrapper.hs-menu-flow-horizontal>ul li .mega-menu a:hover {
 text-decoration:underline !important; 
}


/* Tabbed Module */

.tab-to-dropdown
{
 margin-right: -5px; 
}


.merc-tabs {
 
}

.merc-tabs ul {
  list-style-type:none; 
}

.merc-tabs ul li a {
  font-size: 20px;
  font-weight: bold;
  display: block;
  padding:20px;
  color:#fff;
  background-color:#425563;
  border-radius:15px;
  text-align: center;
}

.merc-tabs ul li a:hover {
    background-color:#576b7b;
}

#hs_cos_wrapper_widget_1738765352875 .hhs-tab-wrapper button.is-active {
    border-top: 3px solid rgba(255, 122, 89, 1.0);
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.hhs-tab-wrapper li {
    border-right: 5px solid rgba(0, 0, 0, .0) !important;
    border-left: 0px solid rgba(0, 0, 0, .0) !important;
    flex: 1 1 0%;
}

.hhs-tab-wrapper button {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}


#hs_cos_wrapper_widget_1738765352875 .hhs-tab-wrapper button.is-active {
    border-top: 3px solid rgba(0, 52, 127, 1.0) !important;
}


.product-details-overview .cta-primary {
  padding: 20px 40px;
  margin:10px 0px 20px 10px;
  font-size:20px;
}

/* FAQs */

.faq .hhs-accordion-1 a.accordion-title {
    padding: 28px 28px 25px 0 !important;
}

.faq .hhs-accordion-content p {
  color:#000
  }

.faq .hhs-accordion-content a,
.hsa-forms a {
  color:#000;
  text-decoration:underline;
  }


/* Simple Table */

.simple-table table td, table th {
    padding: 1.2em !important;
}

@media(max-width: 575px) {
  .merc-tabs .tab-to-dropdown {
    display: none !important;
  }
  
  .merc-tabs .panel {
    display: block !important;
    box-shadow: none !important;
  }
  
/*   .merc-tabs .panel img {
    float: none !important;
  }
  
   .merc-tabs .panel h3 br {
     display: none;
  } */
}


/*This handles basic formatting of magic module buckets */

.product-listing-columns {
  text-align:center !important;
}

.product-listing-columns img {
  height:100px !important;
  width:auto !important;
}

.product-listing-columns .cta-primary,
.product-listing-columns .cta-secondary,
.product-listing-columns .cta-tertiary,
.product-listing-columns .cta-four,
.product-listing-columns .cta-five,
{
  margin-top: 30px;
  display:block !important;
}


/*Location Listing */
.location-block .cl-item-header .cl-options {
  display: none;
}


/*Speedbump Modal*/
.custom-modal {
  position: fixed;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.8);
  height: 100%;
  width: 100%;
  z-index: 1000000;
  overflow-y: scroll;
  padding: 25px;
  text-align: center;
}

.custom-modal > div {
  display: flex;
  height: 100%;
  align-items: center;
}

.custom-modal .modal-content {
  position: relative;
  width: 100%;
  background-color: white;
  border-radius: 15px;
  padding: 40px;
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
  vertical-align: middle;
  display: inline-block;
  text-align: left;
}

.custom-modal .modal-content h4 {
  margin-bottom: 20px;
}

.custom-modal .modal-content p {
  font-size: 16px;
  margin-bottom: 35px;
}

.custom-modal .modal-content .consent-button {
  cursor: pointer;
}

.custom-modal .modal-content .close-modal {
  cursor: pointer;
  background-color: #e6d9c6!important;
  color: black;
}

.custom-modal .modal-content .close-modal:hover,
.custom-modal .modal-content .close-modal:focus {
  color: black !important;
}


.custom-modal.appointment-modal .modal-content .close-modal {
  position: absolute;
  top: 0;
  right: 0;
  background-color: #425563 !important;
  color: white;
  border-radius: 50px;
  font-weight: 700;
  top: -11px !important;
  right: -8px !important;
  width: 36px;
  height: 36px;
  line-height: 31px;
  border: none;
  text-align: center;
}


.custom-modal.appointment-modal .modal-content .close-modal:hover,
.custom-modal.appointment-modal .modal-content .close-modal:focus {
 color: white !important; 
}





body.modal-open {
  overflow: hidden;
}


/*ONLINE BANKING WIDGET*/
.ob-login-box {
  background-color: #425563;
  border-radius: 30px;
  padding-top: 75px;
  padding-bottom: 75px;
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}
.ob-login-box > div {
  max-width: 82%;
  margin-left: auto;
  margin-right: auto;
}


.ob-login-box h2 {
  color: white;
  font-size: 42px;
  text-align: center;
  margin-bottom: 45px;
}


.ob-login-box #Q2OnlineLogin {
  max-width: 498px;
  margin-left: auto;
  margin-right: auto;
  height: 74px;
  display: flex;
}


.ob-login-box #Q2OnlineLogin #user_id {
  border-radius: 10px  0 0 10px ;
  border: none;
  font-size: 20px;
  padding-left: 20px !important;
  flex: 1;
}


.ob-login-box #Q2OnlineLogin button {
  width: 174px;
  background-color: #BA9765;
  color: #000 !important;
  border-radius: 0 10px 10px 0;
  border: none;
  font-size: 20px;
  font-weight: 700;
  cursor: pointer;
}


.ob-login-box .ob-forgot-password {
  max-width: 498px;
  margin-left: auto;
  margin-right: auto;
  text-align: left;
  padding-top: 15px;
  padding-left: 13px;
  
}

.ob-login-box .ob-forgot-password a {
  color: rgba(255,255,255,0.6);
  font-size: 18px;
  text-decoration: underline;
}

.ob-login-box .ob-additional-buttons {
  max-width: 288px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 40px;
}


.ob-login-box .ob-additional-buttons a {
  display: block;
  background-color: #000000;
  border-radius: 5px;
  margin-bottom: 10px;
  color: white;
  text-align: center;
  font-weight: 700;
  padding-top: 15px;
  padding-bottom: 15px;
  text-decoration: none;
  padding-left: 15px;
  padding-right: 15px;
  text-transform: none;
}


.ob-login-box .ob-additional-buttons a:hover,
.ob-login-box .ob-additional-buttons a:focus {
  background-color: #333;
}


@media(max-width: 1200px) {
  .ob-login-box h2 {
    font-size: 35px;
  }
  
  .ob-login-box #Q2OnlineLogin button {
    width: 110px; 
  }
}


@media(max-width: 450px) {
  .ob-login-box h2 {
    font-size: 26px;
  }
  
  .ob-login-box .ob-forgot-password a {
    font-size: 14px;
  }
  
  .ob-login-box #Q2OnlineLogin button {
    font-size: 17px;
    width: 80px;
  }
  
  .ob-login-box #Q2OnlineLogin #user_id {
    font-size: 17px;
  }
  
  .ob-login-box #Q2OnlineLogin {
    height: 65px;
  }
  
  .ob-login-box .ob-additional-buttons a {
    font-size: 13px;
  }
}


/*Home Page Tweaks*/
.home-banner h1 {
  line-height: 1;
  margin-bottom: 30px;
}

.home-banner h3 {
  font-size: 32px;
  line-height: 1.2;
  
}

@media(min-width: 1275px) {
 .home-banner h1 {
   font-size: 100px;
   
  }
  
  .home-banner h3 {
    max-width: 600px;
  }
}


@media(max-width: 1274px) {
 .home-banner h3 {
   font-size: 28px;
  }
}

@media(max-width: 1075px) {
  .home-banner h1 {
   font-size: 70px;
  }
  
}

@media(max-width: 992px) {
  .home-banner .c-col {
    width: 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
}



/*Full Width CTAs in Mobile Interior Hero and Tabbed Mobile Interface*/

@media(max-width: 575px) {
  .interior-hero .cta-primary,
  .interior-hero .cta-secondary,
  .interior-hero .cta-tertiary,
  .interior-hero .cta-four,
  .interior-hero .cta-five,
  {
  margin-top: 10px;
  display:block !important;
  text-align:center !important;
  }
  
  
.image-text-opt2 .cta-primary {
  display:block !important;
  text-align:center !important;
  }
  
  
  .merc-tabs ul {
   padding-inline-start: 0px !important;
  }

  .merc-tabs ul li a {
  font-size: 16px;
  font-weight: bold;
  display: block;
  padding-top: 20px;
  padding-bottom: 20px;
  padding-left: 0px;
  padding-right:0px;
  color:#fff;
  background-color:#425563;
  border-radius:10px;
  text-align: center;
}
  
  .social-menu {
   display:none; 
  }
  
  .product-details-overview .cta-primary {
   display:block;
    font-size:16px !important;
    padding: 18px !important;
    text-align: center !important;
    margin: 0px 0px 10px 0px !important;
  }
  
  .product-details-overview ul li {
    font-size:16px;    
  }
  
 .about-merc {
  margin:25px;
  border-radius:15px;
}
 
  .hhs-panel-wrapper {
   background-color: rgba(255, 255, 255, 0.0) !important;
   text-align: center !important;
   border-radius: 15px;
  }

  .panel {
   background-color: rgba(255, 255, 255, 1.0) !important;
   margin-bottom: 20px;
   border-radius: 15px;
  }
 
  .product-details-overview .cta-primary {
   padding: 30px 20px;
   margin:10px 0px 10px 0px;
   font-size:20px;
   display:block;
}
  
   .breadcrumb li {
   margin-bottom:0px;  
  }
  
  .breadcrumb li a,
   .breadcrumb li span, {
   font-size:14px;  
  }
  
   .hs-breadcrumb-menu-item {
    float: left;
    padding: 0px 0px 0px 10px !important;
}
  
  .simple-interior-header {
  padding-top: 100px;
  padding-bottom: 40px;
}

 .simple-interior-header h1 {
  font-size:26px;
}
  

}
  
}
  



/*Online Banking Header Dropdown */
.online-banking-menu {
  max-width: 280px;
}

.online-banking-menu .hhs-head-cta-1 {
  display: none;
}

.ob-header-btn {
    background-color: rgba(181, 152, 108, 1.0);
    border: 0px none #000000;
    border-radius: 50px;
    color: #000000;
    font-size: 16px;
    font-family: Figtree, sans-serif;
    font-style: normal;
    font-weight: 600;
    text-decoration: none;
    padding-top: 16px;
    padding-right: 24px;
    padding-bottom: 16px;
    padding-left: 24px;
    width: 100%;
  cursor: pointer;
}

.ob-login-box-header {
 position: relative; 
}

.ob-header-dd {
  position: absolute;
  display: none;
}


.ob-header-dd {
  background-color: #425563;
  border-radius: 30px;
  padding-top: 40px;
  padding-bottom: 40px;
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
  width: 325px;
  right: 0;
  top: 100%;
}
.ob-header-dd > div {
  max-width: 82%;
  margin-left: auto;
  margin-right: auto;
}


.ob-header-dd .ob-header-title {
  color: #fff;
  font-size: 24px;
  margin-bottom: 20px;
  text-align: center;
  font-weight: 700;
}


.ob-header-dd #Q2OnlineLogin {
  max-width: 498px;
  margin-left: auto;
  margin-right: auto;
  height: 45px;
  display: flex;
}


.ob-header-dd #Q2OnlineLogin #user_id {
  border-radius: 10px  0 0 10px ;
  border: none;
  font-size: 14px;
  padding-left: 13px !important;
  flex: 1;
}


.ob-header-dd #Q2OnlineLogin button {
  background-color: #ba9765;
  border: none;
  border-radius: 0 10px 10px 0;
  color: #000;
  cursor: pointer;
  font-size: 14px;
  font-weight: 700;
  width: 78px;
}


.ob-header-dd .ob-forgot-password {
  max-width: 498px;
  margin-left: auto;
  margin-right: auto;
  text-align: left;
  padding-top: 6px;
  padding-left: 13px;
  
}

.ob-header-dd .ob-forgot-password a {
  color: rgba(255,255,255,0.6);
  font-size: 14px;
  text-decoration: underline;
}

.ob-header-dd .ob-additional-buttons {
  max-width: 288px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 30px;
}


.ob-header-dd .ob-additional-buttons a {
  display: block;
  background-color: #000000;
  border-radius: 5px;
  margin-bottom: 10px;
  color: white;
  text-align: center;
  font-weight: 700;
  padding-top: 15px;
  padding-bottom: 15px;
  text-decoration: none;
  padding-left: 15px;
  padding-right: 15px;
  text-transform: none;
  font-size: 14px;
}


.ob-header-dd .ob-additional-buttons a:hover,
.ob-header-dd .ob-additional-buttons a:focus {
  background-color: #333;
}



/*Utility Nav */
.utility-nav ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.utility-nav ul li {
  display: inline-block;
  margin: 0;
  padding-left: 10px;
  padding-right: 10px;
  border-right: 1px solid white;
  line-height: 1;
}

.utility-nav ul li:last-of-type {
  border: none;
}

.utility-nav ul li a {
  color: white;
  font-size: 13px;
}

.utility-nav ul li a:hover,
.utility-nav ul li a:focus {
  text-decoration: underline;
}



/*Embed Responsively */
.embed-container { 
  position: relative; 
  padding-bottom: 56.25%; 
  height: 0; 
  overflow: hidden; 
  max-width: 100%; 
} 

.embed-container iframe, 
.embed-container object, 
.embed-container embed { 
  position: absolute; 
  top: 0; 
  left: 0; 
  width: 100%; 
  height: 100%; 
}


/*Mega Menu Columns */
.mega-menu .col-3.col-fifth {
  -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
}

.hhs-top-bar .hs-menu-wrapper.hs-menu-flow-horizontal>ul li {
  margin-left: 0 !important;
}



/*Locator Tweaks*/
 .cl-options-wrapper .option:not(.Image) input:checked+label:before {
 background: #bb9765 !important;  
}


/*Sticky Header with Banner Fixes */
body.hs-web-interactives-top-banner-open header.hhs-top-bar.sticky-menu.active {
  top: 47px;
}

body.hs-web-interactives-top-banner-open .mega-menu {
  top: 180px;
}
  
#hs_cos_wrapper_blog_social_sharing,
.social-sharing-wrapper,
#hs_cos_wrapper_blog_comments {
  display: none !important;
}

.page-banner .dnd_area-module-3-hidden {
  display: block !important;
}


.hhs-header-logo {
padding-top: 0 !important;
}