.elementor-kit-6{--e-global-color-primary:#172F53;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#02BFFD;--e-global-color-8ca3df8:#ADADAD;--e-global-color-67a94f0:#E7E7E7;--e-global-color-47cd115:#172F53;--e-global-color-6215c8e:#F6F6F6;--e-global-typography-primary-font-family:"Noto Sans";--e-global-typography-primary-font-size:16px;--e-global-typography-primary-font-weight:300;--e-global-typography-primary-font-style:normal;--e-global-typography-primary-line-height:28px;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Noto Sans";--e-global-typography-text-font-size:16px;--e-global-typography-text-font-weight:300;--e-global-typography-text-font-style:normal;--e-global-typography-text-line-height:28px;--e-global-typography-accent-font-family:"Inter";--e-global-typography-accent-font-size:12px;--e-global-typography-accent-font-weight:700;--e-global-typography-accent-text-transform:uppercase;--e-global-typography-accent-word-spacing:2.4px;color:#000000;font-family:"Noto Sans", Sans-serif;font-size:14px;font-weight:300;font-style:normal;line-height:28px;}.elementor-kit-6 e-page-transition{background-color:#FFBC7D;}.elementor-kit-6 a{color:#117291;}.elementor-kit-6 a:hover{color:var( --e-global-color-accent );}.elementor-kit-6 h1{color:#000000;font-family:"Ivar Display", Sans-serif;font-size:86px;font-weight:normal;font-style:normal;line-height:84px;}.elementor-kit-6 h2{color:#000000;font-family:"Ivar Display", Sans-serif;font-size:60px;font-weight:normal;font-style:normal;line-height:78px;}.elementor-kit-6 h3{color:#000000;font-family:"Ivar Display", Sans-serif;font-size:46px;font-weight:400;font-style:normal;line-height:52px;}.elementor-kit-6 h4{color:#000000;font-family:"Ivar Display", Sans-serif;font-size:30px;}.elementor-kit-6 h5{font-family:"Ivar Display", Sans-serif;font-size:26px;font-weight:400;font-style:normal;line-height:30px;}.elementor-kit-6 h6{font-family:"Ivar Display", Sans-serif;font-size:20px;font-weight:normal;font-style:normal;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS */.italic {
  font-style: italic;
}

.hero-quote{
    font-family: Ivar Display;
    font-weight: 500;
    font-style: italic;
    font-size: 24px;
    line-height: 34px
    
}

/* =========================================================
   OFFCANVAS (EA) — Clean, premium vertical nav
   Assumes: EA Offcanvas + Nav Menu inside with classes:
   .offnav (wrapper container)  .offnav-menu (Nav Menu widget)
   Optional CTA has class .offnav-cta
   ========================================================= */

/* Drawer panel */
.eael-offcanvas-container {
  background:#FFFFFF;
  box-shadow: -24px 0 48px rgba(0,0,0,.14);
}
.eael-offcanvas-overlay {
  backdrop-filter: saturate(120%) blur(2px);
}

/* Close button */
.eael-offcanvas-close .eicon,
.eael-offcanvas-close svg * { color:#5A6472; fill:#5A6472; stroke:#5A6472; }
.eael-offcanvas-close:hover .eicon,
.eael-offcanvas-close:hover svg * { color:#122B4A; fill:#122B4A; stroke:#122B4A; }

/* Offcanvas content wrapper */
.offnav {
  padding: 28px 28px 32px 28px;
}

/* Vertical menu list */
.offnav .offnav-menu .elementor-nav-menu--main {
  display:flex; flex-direction:column; gap: 8px;
}

/* Each link row */
.offnav .offnav-menu a.elementor-item {
  display:flex; align-items:center; gap:10px;
  min-height: 44px;                 /* comfortable touch target */
  padding: 10px 12px;
  border-radius: 10px;
  color:#1C2430;
  text-decoration:none;
  transition: background-color .2s ease, color .2s ease;
}

/* Hover / focus */
.offnav .offnav-menu a.elementor-item:hover,
.offnav .offnav-menu a.elementor-item:focus {
  background: #F3F5F8;
  color:#122B4A;
  outline: none;
}

/* Active/current page indicator (left bar) */
.offnav .offnav-menu .elementor-item-active,
.offnav .offnav-menu .current-menu-item > a.elementor-item {
  position:relative; color:#122B4A; background:#EEF2F7;
}
.offnav .offnav-menu .elementor-item-active::before,
.offnav .offnav-menu .current-menu-item > a.elementor-item::before {
  content:""; position:absolute; left:0; top:8px; bottom:8px; width:3px; border-radius:2px; background:#122B4A;
}

/* Submenus (accordion style) */
.offnav .offnav-menu .sub-arrow { transition: transform .2s ease; }
.offnav .offnav-menu .elementor-item.has-submenu + .sub-arrow { margin-left:auto; }
.offnav .offnav-menu .elementor-nav-menu--dropdown {
  margin-left: 12px; border-left: 2px solid #E3E7ED; padding-left: 12px; gap:6px;
}
.offnav .offnav-menu .elementor-nav-menu--dropdown a.elementor-sub-item {
  min-height: 40px; padding:8px 10px; border-radius: 8px; color:#364152;
}
.offnav .offnav-menu .elementor-nav-menu--dropdown a.elementor-sub-item:hover {
  background:#F6F8FB; color:#122B4A;
}
/* rotate arrow when open (Elementor adds .elementor-item-active on parent) */
.offnav .offnav-menu .menu-item.elementor-item-active > .sub-arrow { transform: rotate(180deg); }

/* Section label (optional): add a Text Editor above menu with class .offnav-label */
.offnav .offnav-label {
  font-size:12px; letter-spacing:.08em; text-transform:uppercase;
  color:#7C8696; margin: 0 0 8px 2px;
}

/* CTA button at bottom (optional) */
.offnav .offnav-cta .elementor-button {
  width:100%;
  justify-content:center;
  color:#FFFFFF; background:#122B4A; border-radius: 999px; padding: 12px 18px;
  transition: background-color .2s ease;
}
.offnav .offnav-cta .elementor-button:hover { background:#0E2240; }

/* Small details */
.offnav .elementor-widget-divider { margin: 14px 0; }
.offnav ::-webkit-scrollbar { width: 8px; }
.offnav ::-webkit-scrollbar-thumb { background:#D9DEE5; border-radius: 8px; }

@media (max-width: 767px){
  .eael-offcanvas-container { width: 100% !important; }
  .offnav { padding: 22px 20px 28px; }
}

/* Universal mobile gutters for Elementor Flexbox Containers */
@media (max-width: 767px){
  /* Flexbox Containers */
  .e-con-boxed:not(.header-bar) > .e-con-inner{
    padding-left: 20px !important;
    padding-right: 20px !important;
    box-sizing: border-box;
  }

  /* Legacy Sections/Inner Sections (if any remain) */
  .elementor-section .elementor-container,
  .elementor-inner-section .elementor-container{
    padding-left: 20px !important;
    padding-right: 20px !important;
    box-sizing: border-box;
  }
  
   h1, .elementor-heading-title.elementor-size-xxl {
    font-size: 50px !important;
    line-height:54px !important;
  }
  h2, .elementor-heading-title.elementor-size-xl {
    font-size: 42px !important;
    line-height: 48px !important;
  }
  h3, .elementor-heading-title.elementor-size-large {
    /*font-size: 20px !important;
    line-height: 1.4em;*/
  }
  h4, .elementor-heading-title.elementor-size-medium {
    /*font-size: 18px !important;
    line-height: 1.4em;*/
  }
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Ivar Display';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://stjbankandtrust.com/wp-content/uploads/2025/09/IvarDisplay-Regular.woff2') format('woff2'),
		url('https://stjbankandtrust.com/wp-content/uploads/2025/09/IvarDisplay-Regular.woff') format('woff');
}
@font-face {
	font-family: 'Ivar Display';
	font-style: italic;
	font-weight: normal;
	font-display: auto;
	src: url('https://stjbankandtrust.com/wp-content/uploads/2025/09/IvarDisplay-Italic.woff2') format('woff2'),
		url('https://stjbankandtrust.com/wp-content/uploads/2025/09/IvarDisplay-Italic.woff') format('woff');
}
@font-face {
	font-family: 'Ivar Display';
	font-style: italic;
	font-weight: 600;
	font-display: auto;
	src: url('https://stjbankandtrust.com/wp-content/uploads/2025/09/IvarDisplay-MediumItalic.woff2') format('woff2'),
		url('https://stjbankandtrust.com/wp-content/uploads/2025/09/IvarDisplay-MediumItalic.woff') format('woff');
}
/* End Custom Fonts CSS */