/* ==========================================================
   CAA Mega Menu skin — desktop rules scoped to min-width:769px,
   mobile off-canvas drawer deliberately styled at max-width:768px
   (Max Mega Menu's own breakpoint), rather than one shared set of
   rules leaking across both.
   Loaded via the enqueue-caa-css.php WPCode PHP snippet.
   ========================================================== */

:root{
  --caa-navy:  #004281;
  --caa-red:   #9E1C20;
  --caa-cloud: #F4F7FA;
  --caa-steel: #63758A;
  --caa-sky:   #EAF4FC;
}

/* ============================================================
   DESKTOP (horizontal bar + dropdowns/grid)
   ============================================================ */
@media only screen and (min-width: 769px){

  /* Top-level links — MMM's own theme already handles color/background
     correctly (navy text at rest, navy bg + white text on hover/active),
     so only font and spacing need setting here. */
  #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link{
    font-family:'Montserrat',sans-serif !important;
    font-weight:700 !important;
    font-size:16px !important;
    padding: 0 14px !important;
  }
  
#mega-menu-primary li {
    margin-right:7px !important;
}

  /* Outer dropdown panel — scoped to ONLY the immediate panel of a
     top-level item, not every nested .mega-sub-menu, to avoid padding
     compounding at each nesting level. */
  #mega-menu-primary > li.mega-menu-item > ul.mega-sub-menu{
    background: var(--caa-cloud) !important;
    box-shadow:0 24px 48px -12px rgba(11,30,44,0.35) !important;
    border-radius:2px !important;
    padding:15.5px 0 !important;
  }

  /* Flyout dropdowns (About Us, etc.) — neutralize MMM's hardcoded
     translucent link background + oversized line-height. Container
     keeps its cloud background from the rule above. */
  #mega-menu-primary > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link{
    background: transparent !important;
    background-color: transparent !important;
    line-height: 1.5 !important;
    padding: 9px 20px !important;
    border-left: 3px solid transparent !important;
    font-family:'Montserrat',sans-serif !important;
    font-weight: 500 !important;
    font-size:15.5px !important;
    color: var(--caa-steel) !important;
    transition: border-color .15s ease, color .15s ease, font-weight .15s ease !important;
  }
  #mega-menu-primary > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link:hover,
  #mega-menu-primary > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link:focus{
    background: transparent !important;
    border-left-color: var(--caa-red) !important;
    color: var(--caa-navy) !important;
    font-weight: 600 !important;
  }

  /* Grid Layout column (Members) — first-level items get heading
     treatment (bold navy). */
  .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link{
    font-family:'Montserrat',sans-serif !important;
    font-weight:700 !important;
    font-size:15.5px !important;
    color: var(--caa-navy) !important;
    border-left: 3px solid transparent !important;
    padding-left: 17px !important;
    transition: border-color .15s ease, color .15s ease !important;
  }
  .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link:hover{
    color: var(--caa-red) !important;
    border-left-color: var(--caa-red) !important;
  }

  /* Nested (grandchild) items — e.g. Rental Cars under Member Discounts —
     regular weight, steel color (fine here: light cloud background). */
  .mega-menu-column .mega-sub-menu .mega-sub-menu > li.mega-menu-item > a.mega-menu-link{
    font-family:'Montserrat',sans-serif !important;
    font-weight:500 !important;
    font-size:15.5px !important;
    color: var(--caa-steel) !important;
    border-left: 3px solid transparent !important;
    padding-top:1px !important;
    padding-bottom:1px !important;
    padding-left: 17px !important;
    transition: border-color .15s ease, color .15s ease, font-weight .15s ease !important;
  }
  .mega-menu-column .mega-sub-menu .mega-sub-menu > li.mega-menu-item > a.mega-menu-link:hover{
    color: var(--caa-navy) !important;
    border-left-color: var(--caa-red) !important;
    font-weight: 600 !important;
  }

  .mega-menu-item-has-children > a.mega-menu-link > span.mega-indicator:after{
    color: var(--caa-red) !important;
  }

  /* "Find a Fuel Stop" column: vertical-center it in its grid column.
     Requires adding "caa-feature-col" as a CSS Class on that column
     in the Mega Menu grid editor. */
  .caa-feature-col{
    display:flex;
    align-items:left !important;
  }
}

/* ============================================================
   MOBILE (off-canvas drawer, <=768px — Max Mega Menu's own
   breakpoint). Drawer uses the light "cloud" palette (matching
   desktop panels) rather than solid navy, and slides in from the
   right instead of MMM's default left.
   ============================================================ */
@media only screen and (max-width: 768px){
  #mega-menu-wrap-primary .mega-menu-toggle{
    background: var(--caa-navy) !important;
/*    justify-content: flex-end !important; */
  }
  
  #mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-blocks-center{
    justify-content: flex-end !important;
  }
  
#mobile-header.toggled .main-nav > ul, #mobile-header .menu-toggle, #mobile-header .mobile-bar-items {
    position:absolute;
}

#mega-menu-wrap-primary {
    margin-right:20px !important;
}
  
  .mega-toggle-animated-slider .mega-toggle-animated-box,
  .mega-toggle-animated-slider .mega-toggle-animated-box::before,
  .mega-toggle-animated-slider .mega-toggle-animated-box::after{
/*    background-color:#fff !important;*/
  }
  .mega-toggle-animated-slider[aria-expanded="true"] .mega-toggle-animated-box,
  .mega-toggle-animated-slider[aria-expanded="true"] .mega-toggle-animated-box::before,
  .mega-toggle-animated-slider[aria-expanded="true"] .mega-toggle-animated-box::after{
    background-color: var(--caa-red) !important;
  }

  /* Drawer panel: cloud background instead of navy, slides in from
     the right instead of the left. */
  #mega-menu-wrap-primary .mega-menu-toggle + #mega-menu-primary{
    background-color: var(--caa-cloud) !important;
    left: auto !important;
    right: -300px !important;
  }
  #mega-menu-wrap-primary .mega-menu-toggle.mega-menu-open + #mega-menu-primary{
    left: auto !important;
    right: 0 !important;
  }

  /* Close button follows the drawer to the right edge too. */
  #mega-menu-wrap-primary .mega-menu-toggle ~ button.mega-close{
    background: var(--caa-navy) !important;
    left: auto !important;
    right: 0 !important;
  }
  #mega-menu-wrap-primary .mega-menu-toggle.mega-menu-open ~ button.mega-close{
    left: auto !important;
    right: calc(min(100vw - 40px, 300px)) !important;
  }

  /* Top-level drawer items — navy text on the light cloud drawer. */
  #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link{
    font-family:'Montserrat',sans-serif !important;
    font-weight:700 !important;
    font-size:16px !important;
    line-height:48px !important;
    height:48px !important;
    padding:0 18px !important;
    color: var(--caa-navy) !important;
    border-left:3px solid transparent !important;
    transition: background-color .12s ease, border-color .12s ease !important;
  }

  /* Tap feedback (:active) — brief highlight on the actual touch,
     since there's no hover state to rely on. Navy-tinted since the
     drawer background is now light. */
  #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link:active{
    background-color: var(--caa-navy) !important;
  }

  /* Currently-open submenu — red left-border indicator, bold (700)
     text so it's clear at a glance which section is expanded. */
  #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-toggle-on > a.mega-menu-link{
    background: var(--caa-navy) !important;
    border-left-color: var(--caa-red) !important;
    font-weight: 700 !important;
    color:#fff !important;
  }
  
#mega-menu-wrap-primary #mega-menu-primary li.mega-toggle-on > a.mega-menu-link{
    background: #004281 !important;
    color: #fff !important;
}

#mega-menu-wrap-primary #mega-menu-primary li.mega-toggle-on > a.mega-menu-link *{
    color:#fff !important;
}
  
#mega-menu-primary li.mega-current-menu-item > a.mega-menu-link,
#mega-menu-primary li.mega-current-menu-ancestor > a.mega-menu-link,
#mega-menu-primary li.mega-toggle-on > a.mega-menu-link{
    background: var(--caa-navy) !important;
    color:#fff !important;
}

  /* Flyout dropdown children in the drawer (About Us, etc.) —
     steel/navy text on the light cloud drawer, matching desktop. */
  #mega-menu-primary > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link{
    background: transparent !important;
    background-color: transparent !important;
    line-height:1.5 !important;
    padding:7px 20px 7px 28px !important;
    min-height:44px !important;
    font-family:'Montserrat',sans-serif !important;
    font-weight:500 !important;
    font-size:15.5px !important;
    color: var(--caa-steel) !important;
    border-left:3px solid transparent !important;
  }
  #mega-menu-primary > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link:active{
    background: rgba(0,66,129,0.08) !important;
    border-left-color: var(--caa-red) !important;
    font-weight: 700 !important;
    color: #ffffff !important;
  }

  /* Grid Layout (Members) — headings bold navy, children steel,
     both on the light cloud drawer. */
  .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link{
    font-family:'Montserrat',sans-serif !important;
    font-weight:700 !important;
    font-size:16px !important;
    color: var(--caa-navy) !important;
    padding:7px 20px !important;
    min-height:44px !important;
    border-left:3px solid transparent !important;
  }
  .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link:active{
    background: rgba(0,66,129,0.08) !important;
    border-left-color: var(--caa-red) !important;
  }
  
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-toggle-on > a.mega-menu-link,
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link,
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-current-menu-ancestor > a.mega-menu-link{
    color:#fff !important;
    background:#004281 !important;
}
  
  .mega-menu-column .mega-sub-menu .mega-sub-menu > li.mega-menu-item > a.mega-menu-link{
    font-family:'Montserrat',sans-serif !important;
    font-weight:500 !important;
    font-size:15.5px !important;
    color: var(--caa-steel) !important;
    padding:7px 20px 7px 30px !important;
    min-height:44px !important;
    border-left:3px solid transparent !important;
  }
  .mega-menu-column .mega-sub-menu .mega-sub-menu > li.mega-menu-item > a.mega-menu-link:active{
    background: rgba(0,66,129,0.08) !important;
    border-left-color: var(--caa-red) !important;
    font-weight: 700 !important;
    color: #ffffff !important;
  }

  /* "Find a Fuel Stop" card: stacks full-width below the links in the
     drawer. Its own navy background still works fine as a contrast
     card against the now-light drawer — no change needed there
     beyond the existing top margin. */
  .caa-feature{
    margin-top:16px;
  }
.main-navigation, .main-navigation ul ul {
    background:#fff !important;}
.entry-content {
    margin-top:0 !important;}
}

/*---------- */
.caa-feature{
  background: var(--caa-navy);
  border-left:3px solid var(--caa-red);
  border-radius:2px;
  padding:20px 20px 18px;
}
.caa-feature h4{
  font-family:'Montserrat',sans-serif;
  font-weight:700;
  font-size:16px;
  color:#fff;
  margin:0 0 8px;
}
.caa-feature p{
  font-family:'Montserrat',sans-serif;
  font-size:13.5px;
  line-height:1.5;
  color:rgba(255,255,255,0.65);
  margin:0 0 14px;
}
.caa-feature a{
  font-size:13px;
  font-weight:600;
  color:#fff;
  text-decoration:none;
  border-bottom:1px solid var(--caa-red);
  padding-bottom:2px;
  transition:color .2s ease, border-color .2s ease;
}
.caa-feature a:hover{
  color: var(--caa-sky);
  border-color: var(--caa-sky);
}
#mega-menu-primary li#mega-menu-item-5672 a.mega-menu-link {
  color: #9E1C20 !important;
    font-weight:600 !important;
}
#mega-menu-primary li#mega-menu-item-5672 a.mega-menu-link:hover {
    font-weight:700 !important;
}
@media (min-width: 1025px) {
  #mega-menu-primary li.mega-menu-flyout ul.mega-sub-menu {
    width: 300px !important;
  }
}
/* ============================================
   CWD Tutorial Template Styles
   Video / Text Instructions / Screenshots
   Append to caa-mega-menu.css (or its own
   enqueued file) — do not add to Customizer
   Additional CSS.
   ============================================ */

/* --- Shared section spacing & backgrounds --- */
.cwd-tutorial-video,
.cwd-tutorial-instructions,
.cwd-tutorial-screenshots {
  padding: 40px 0;
}

.cwd-tutorial-video {
  background-color: #ffffff;
}

.cwd-tutorial-instructions {
  background-color: #EAF4FC;
}

.cwd-tutorial-screenshots {
  background-color: #ffffff;
}

/* --- Section headings --- */
.cwd-tutorial-video h2,
.cwd-tutorial-instructions h2,
.cwd-tutorial-screenshots h2 {
  font-family: 'Montserrat', sans-serif;
  font-weight: 800;
  color: #004281;
  margin-bottom: 20px;
  text-align: center;
}

/* ============================================
   Video section
   ============================================ */
.cwd-tutorial-video .fl-video {
  max-width: 1100px !important;
  margin: 0 auto !important;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 4px 16px rgba(0, 66, 129, 0.18);
}

/* ============================================
   Text Instructions section
   ============================================ */
.cwd-tutorial-instructions .fl-rich-text {
  max-width: 800px;
  margin: 0 auto;
}

.cwd-tutorial-instructions ol {
  counter-reset: cwd-step;
  list-style: none;
  padding-left: 0;
  margin: 0;
}

.cwd-tutorial-instructions ol li {
  counter-increment: cwd-step;
  position: relative;
  padding-left: 48px;
  margin-bottom: 16px;
  font-family: 'Montserrat', sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 1.5;
  color: #333333;
}

.cwd-tutorial-instructions ol li:last-child {
  margin-bottom: 0;
}

.cwd-tutorial-instructions ol li::before {
  content: counter(cwd-step);
  position: absolute;
  left: 0;
  top: 0;
  width: 32px;
  height: 32px;
  background-color: #9E1C20;
  color: #ffffff;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: 'Montserrat', sans-serif;
  font-weight: 700;
  font-size: 14px;
  line-height: 1;
}

/* ============================================
   Screenshots section
   ============================================ */
.cwd-tutorial-screenshots .fl-module-gallery {
  max-width: 1100px !important;
  margin: 0 auto !important;
}

.cwd-tutorial-screenshots .fl-photo-content {
  border: 2px solid #ffffff;
  border-radius: 6px;
  overflow: hidden;
  box-shadow: 0 2px 8px rgba(0, 66, 129, 0.18);
  transition: box-shadow 0.2s ease, transform 0.2s ease;
}

.cwd-tutorial-screenshots .fl-photo-content img {
  transition: transform 0.3s ease;
}

.cwd-tutorial-screenshots .fl-photo-content:hover {
  box-shadow: 0 6px 16px rgba(0, 66, 129, 0.28);
  transform: translateY(-2px);
}

.cwd-tutorial-screenshots .fl-photo-content:hover img {
  transform: scale(1.08);
}

/* ============================================
   Mobile
   ============================================ */
@media (max-width: 768px) {
  .cwd-tutorial-video,
  .cwd-tutorial-instructions,
  .cwd-tutorial-screenshots {
    padding: 24px 16px;
  }

  .cwd-tutorial-video h2,
  .cwd-tutorial-instructions h2,
  .cwd-tutorial-screenshots h2 {
    font-size: 22px;
  }

  .cwd-tutorial-instructions ol li {
    padding-left: 40px;
    font-size: 15px;
  }

  .cwd-tutorial-instructions ol li::before {
    width: 28px;
    height: 28px;
    font-size: 13px;
  }
}
/* Partner card container */
.partner-card {
  background: #fff;
  border-left: 1px solid rgba(0, 0, 0, 0.1);
  border-right: 1px solid rgba(0, 0, 0, 0.1);
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 4px;
  overflow: hidden;
  box-shadow: 0 10px 22px rgba(0, 0, 0, 0.08);
}

/* Navy header band */
.partner-card .partner-card-header {
  display: block;
  width: 100%;
  margin: 0 !important;
  background: #004281;
  color: #fff;
  padding: 18px 22px;
  border-radius: 4px 4px 0 0;
}

.partner-card .partner-card-header h3 {
  margin: 0;
  text-align:center;
}

/* Logo grid spacing inside the card */
.partner-card .partner-logo-grid {
  padding: 18px 22px 22px;
}

/* Logo grid layout */
.partner-logo-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
  gap: 30px;
  align-items: center;
  justify-items: center;
  padding: 20px 0;
}

@media (min-width: 1024px) {
  .partner-logo-grid {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important;
    gap: 40px;
  }
}

.partner-logo-ghost {
  visibility: hidden;
  min-height: 60px;
}

.partner-logo-grid img {
  max-width: 150px;
  width: 100%;
  height: auto;
  object-fit: contain;
/*  filter: grayscale(100%)
  opacity: 0.8; */
  transition: all 0.25s ease;
}

.partner-logo-grid img:hover {
  filter: grayscale(0%);
  opacity: 1;
  transform: scale(1.06);
}

/* Mobile slider */
@media (max-width: 640px) {
  .partner-logo-mobile-slider {
    display: flex;
    overflow-x: auto;
    gap: 20px;
    padding: 10px 5px;
    scroll-snap-type: x mandatory;
  }

  .partner-logo-mobile-slider a {
    flex: 0 0 auto;
    scroll-snap-align: center;
    text-align: center;
  }

  .partner-logo-mobile-slider img {
    max-width: 120px;
  }

  .partner-logo-grid {
    display: flex !important;
  }
}

li.mega-indent > ul.mega-sub-menu > li > a.mega-menu-link {
    margin-left: 24px !important;
}

/* ==========================================================
   MERGED FROM CUSTOMIZER ADDITIONAL CSS
   Merged from a fresh export of the "Additional CSS" box.
   Once this is confirmed live and working, clear the
   Additional CSS box in Customizer so this file is the
   single source of truth (matches the existing cache-buster
   enqueue pattern above).
   ========================================================== */

/**** Top Bar Section ***
/* Member Hub — oauth + SAML */
#btn_header_mem_hub, .membhub {
	display: inline-block !important;
	font-weight: 600;
	background: #cceffc !important;
	border: 1px solid rgba(255,255,255,.35);
	color: #004281 !important;
	padding: 6px 14px !important;
	text-decoration: none;
	line-height: 1;
	vertical-align: middle;
	border-radius: 4px;
	margin: 0px 0px 0px 6px !important;
	transition: background-color .2s ease, border-color .2s ease;
}
#btn_header_mem_hub:hover,
.membhub:hover,
#btn_header_mem_hub:focus-visible,
.membhub:focus-visible{
	background: rgba(255,255,255,.12) !important;
	border-color: #fff;
}
#btn_header_mem_hub:focus-visible,
.membhub:focus-visible{
	outline: 2px solid var(--caa-sky);
	outline-offset: 2px;
}
.membhub {
	border:none !important
}
.membhub a{
	text-decoration:none;
	color:#004281;
}
.membhub a:hover {
	color:#fff;
}

/* Dashboard oauth + SAML — primary (red) */
#btn_header_dashboard, .dash {
	display: inline-block !important;
	font-weight: 600;
	background: var(--caa-red) !important;
	border: 1px solid var(--caa-red);
	color: #fff !important;
	padding: 6px 14px !important;
	text-decoration: none;
	line-height: 1;
	vertical-align: middle;
	border-radius: 4px;
	margin: 0 2px 0 4px !important;
	transition: background-color .2s ease, border-color .2s ease;
}
#btn_header_dashboard:hover,
#btn_header_dashboard:focus-visible,
.dash:hover,.dash:focus-visible{
	background: var(--caa-navy) !important;
	border-color: var(--caa-navy);
}
#btn_header_dashboard:focus-visible,
.dash:focus-visible{
	outline: 2px solid var(--caa-sky);
	outline-offset: 2px;
}
.dash a, .dash:hover {
	color:#fff !important;
	text-decoration:none;
}

/* Sign out — OAuth
#signin_out {
	display: inline-block !important;
	background: transparent !important;
	border: 1px solid rgba(255,255,255,.35);
	padding: 6px 14px !important;
	text-decoration: none;
	line-height: 1;
	vertical-align: middle;
	border-radius: 4px;
	margin: 0 4px 0 0;
	transition: background-color .2s ease, border-color .2s ease;
}
.dash a, .dash a:hover {
	text-decoration:none;
	color:#fff;
}
#signin_out a {
	display: inline-block;
	font-weight: 600;
	color: #fff !important;
	text-decoration: none;
	line-height: 1;
}
#signin_out:hover,
#signin_out:focus-within {
	background: rgba(255,255,255,.12) !important;
	border-color: #fff;
}
#signin_out a:focus-visible {
	outline: 2px solid var(--caa-sky);
	outline-offset: 2px;
} */

/* OAuth visitor
.oauthloginbutton {
	display: inline-block !important;
	background: transparent !important;
	border: 1px solid rgba(255,255,255,.35) !important;
	border-radius: 4px !important;
	color: #fff !important;
	width: auto !important;
	padding: 9px 14px !important;
	font-weight: 600 !important;
	line-height: 1 !important;
	text-decoration: none !important;
	transition: background-color .2s ease, border-color .2s ease;
}

a.oauthloginbutton.btn.btn-social.btn-primary {
	display: inline-block !important;
	background: transparent !important;
	border: 1px solid rgba(255,255,255,.35) !important;
	border-radius: 4px !important;
	color: #fff !important;
	width: auto !important;
	padding: 9px 14px !important;
	font-weight: 600 !important;
	line-height: 1 !important;
	text-decoration: none !important;
	transition: background-color .2s ease, border-color .2s ease;
}

a.oauthloginbutton.btn.btn-social.btn-primary:hover,
a.oauthloginbutton.btn.btn-social.btn-primary:focus-visible {
	background: rgba(255,255,255,.12) !important;
	border-color: #fff !important;
}

a.oauthloginbutton.btn.btn-social.btn-primary:focus-visible {
	outline: 2px solid var(--caa-sky);
	outline-offset: 2px;
}
.oauthloginbutton .custom_logo {
	display: none !important;
} */

/* Right-edge fix, still needed now that nav_menu-3 is removed */
.top-bar-align-right .widget:first-child:last-child {
	margin-right: 0;
}

/* Align default page titles with Beaver Builder 1100px rows */

.entry-header,
.entry-title {
  max-width: 1100px;
  margin-left: auto;
  padding-left:0 !important;
  margin-right: auto;
	padding-right:0 !important;
}

/* Remove theme padding that causes horizontal drift */
.entry-header {
  padding-left: 0;
  padding-right: 0;
}

header .inside-header.grid-container {
padding:20px 0
}
header .menu-item .search-form {
width:100%;
}
.mega-menu input[type="search"],
.mega-menu input[type="text"].search-field {
    max-width: 183px !important;
    width: 100%;}

html {
  scroll-padding-top: 110px; /* adjust for sticky header height */
}

/* optional: respect OS “reduce motion” */
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
}

@media screen and (max-width: 1250px) {
header .inside-header.grid-container {
padding:20px;
}
header .inside-navigation.grid-container li {
margin-right:5px !important;
}
}
@media (min-width:769px) {
.inside-top-bar.grid-container {
		display:block;
		text-align:right;
		padding-right:0;
		height:38px !important;
	}
	}
.fl-row-content.fl-row-fixed-width.fl-node-content {
    display:block;
    overflow:visible !important;
    margin:0 !important;
    padding:0 !important;
    margin-left:auto !important;
    margin-right:auto !important
    } 
.hadmin {
	display:none !important;
	}

/* === TOP BAR HEIGHT FIX (GeneratePress) === */
/* Goal: remove extra top-bar/widget padding so the bar height matches the menu links */

.top-bar {
  padding: 0 !important;          /* removes extra blue above/below */
}

.top-bar .inside-top-bar {
  padding-top: 6px !important;
  padding-bottom: 6px !important;
}

/* This widget has 'inner-padding' which adds vertical space */
.top-bar #nav_menu-2.widget.inner-padding {
  padding: 0 !important;
  margin: 0 !important;
}

/* Remove any default widget title spacing (even if hidden) */
.top-bar #nav_menu-2 .widget-title {
  display: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Normalize the menu list so it doesn't add height */
.top-bar #menu-top-bar-menu {
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
  display: flex !important;
  align-items: stretch !important;
}

.top-bar #menu-top-bar-menu > li {
  margin: 0 !important;
  padding: 0 !important;
  display: flex !important;
}

.top-bar #menu-top-bar-menu > li > a {
  display: flex !important;
  align-items: center !important;
  margin: 0 !important;
}

.top-bar-align-right .widget:first-child {
    margin-right: 20px;
}
	
.mega-sub-menu .mega-menu-item a  {
		text-align:left !important;
	}
/* === Final nudge: let the bar grow to match link height === */
.top-bar {
  height: auto !important;
  min-height: 0 !important;
  line-height: normal !important;
  overflow: visible !important;
}

/* Ensure the inside wrapper isn't capped */
.top-bar .inside-top-bar {
  height: auto !important;
  min-height: 0 !important;
}

.fancybox .iframe {display:none}
.mobile {
		display:none;}
	
.fl-builder-content.fl-builder-content-1088 {
	margin-bottom:0;}

.menu-item-search {
    display: inline-block;
    margin-left: 10px;
}
.menu-item-search form {
    display: inline-flex;
    align-items: center;
}
.menu-item-search input[type="search"] {
    padding: 5px;
    font-size: 14px;
		max-width:150px;
		border-top-left-radius: 5px;
		border-bottom-left-radius: 5px;
}
	
button, html input[type="button"], input[type="reset"], input[type="submit"], a.button, a.wp-block-button__link:not(.has-background) {
padding:4px 10px;
margin-left:-3px;
border-top-right-radius:5px;
border-bottom-right-radius:5px;
	}

body:not(.home) h1.entry-title,
h1.page-title {
padding:20px 20px 0;
}
	
h2.entry-title a {
		color:#005088;
	}
	
blockquote {
	font-family: 'Playfair Display';font-size: 22px; 
	}
	
.search img {
	max-width:300px;
	float:left;
	margin-right:7px;
	margin-bottom:0px
	}
	
.widget .search-field {
    min-width: 900px;
}
	
body.home .inside-article {
	border-radius:0;
	border-bottom:none;
	}
	
.secondary-navigation {
		margin-top:40px;
    position:relative;
    bottom:81px;
		z-index:999;}
	
.secondary-navigation .main-nav>ul {
		display:inherit;}
	
li#menu-item-156 {
    white-space: nowrap;
    text-align: center;
    display: inline-block;
    float:right !important;
    margin-left: 20px;
    z-index: 9;}
	
li#menu-item-338 {
    display: inline-block;
    float:right !important;
    margin-left: 15px;}
	
li.nav-button.left a {
		background:#00ADEF !important;}
	
li.menu-item.welcome-username {
display: inline-block;
	float: left !important;
	margin-top:5px;}
    
.welcome-username span {
white-space: nowrap;}
	
li.nav-button a:hover {
		background:#2287C9 !important;}
	
.secondary-navigation li.nav-button a {
background-color: #005088;
  border:none;
  color: #ffffff !important;     
	line-height: 35px !important;
	border-radius:1em;}
	
.sticky-enabled .main-navigation.is_stuck ul {
	position:relative;
	top:0px !important;}
	
.sticky-enabled .main-navigation.is_stuck ul li.hide {
display:block;
background-color: #005088;
  border:none;
	line-height: 35px !important;
	border-radius:1em;}

.sticky-enabled .main-navigation.is_stuck ul li.hide a {
	color:#ffffff;
	line-height:35px !important;}

div#mega-menu-wrap-additional-menu {
    padding-top:20px;
}
	
#mega-menu-wrap-additional-menu #mega-menu-additional-menu > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link {
background:#00ADEF;
    border-radius:1em;
}
#main.site-main {
		margin-bottom:0px;}
	
/* Footer Widgets */
.footer-widgets .footer-widget-1 {
clear: none !important;
float: left;
min-width: 25%;}

.footer-widgets .footer-widget-2 {
clear: none !important;
float: left;
min-width: 50%;}

.footer-widgets .footer-widget-2 h2.widget-title {
		color:#005088;
		margin-bottom:10px;} 

.footer-widgets .footer-widget-3 {
clear: none !important;
float: left;
min-width: 25%;
font-size:15px;}

.footer-widget-3 p {
		margin-bottom:5px;
	}
.caaf1 b {
	background:#fff;
	border-radius:7px;
	color:#9E1C20 !important;
	padding:0.01em .3em;
}

/*ACF Power Automate */
.bb-acf-file-download-btn{
  display:inline-block;
  padding:12px 16px;
  border-radius:6px;
  text-decoration:none;
  font-weight:600;
  border:1px solid rgba(0,0,0,.15);
}
.bb-acf-file-download-updated{
  margin-top:8px;
  font-size:13px;
  opacity:.8;
}
.bb-acf-file-download-error{
  padding:12px;
  border:1px solid rgba(0,0,0,.15);
}
.caa-hello-text {
	color: #fff;
}
.caa-btn-group {
	display: inline-flex;
	align-items: center;
}

.fade-slider-wrapper {
  width: auto !important;
  height: auto !important;
  margin: 5px 0px 10px 20px !important;
  aspect-ratio: 1 / 1 !important; /* keeps it square, matching the original 320×320 */
  border: 1px solid #d0d5db !important;
  border-radius: 4px;
}

@media (max-width: 768px) {
  .fade-slider-wrapper {
    margin: 10px 0px 20px !important; /* top 10px, left/right 0, bottom 20px — no left margin on mobile */
  }
}

/* Deprecated SAML Top Bar Widget */
.inside-top-bar aside#nav_menu-3 li.login a,
.inside-top-bar a[title="logout"], .inside-top-bar #miniorange-saml-sp-sso-login-form  {
	display: inline-block !important;
	background: rgba(255,255,255,0.1) !important;
	border:1px solid rgba(255,255,255,.4) !important;
	border-radius: 4px !important;
	color: #fff !important;
	width: auto !important;
	padding: 6px 14px !important;
	font-weight: 600 !important;
	line-height: 1 !important;
	text-decoration: none !important;
	transition: background-color .2s ease, border-color .2s ease;}
.inside-top-bar aside#nav_menu-3 li.login a:hover,
.inside-top-bar a[title="logout"]:hover,
.inside-top-bar a[title="logout"]:focus-visible,
.inside-top-bar aside#nav_menu-3 li.login a:focus-visible,
.inside-top-bar #miniorange-saml-sp-sso-login-form:hover,
.inside-top-bar #miniorange-saml-sp-sso-login-form:focus{
	background: rgba(255,255,255,0.25) !important;
}
.inside-top-bar aside#nav_menu-3 li.login a, .inside-top-bar #miniorange-saml-sp-sso-login-form a {
	text-decoration:none;
}
.inside-top-bar aside#nav_menu-3 li.login a, .inside-top-bar #miniorange-saml-sp-sso-login-form a:hover {
	color:#fff !important;
}
.inside-top-bar aside#nav_menu-3 li.login {
	margin-left:2px !important;
}
.inside-top-bar aside#nav_menu-3 li.login a:focus-visible,
.inside-top-bar a[title="logout"]:focus-visible {
	outline: 2px solid var(--caa-sky);
	outline-offset: 2px;
}
/* .inside-top-bar #miniorange-saml-sp-sso-login-form:focus-visible{
	outline: 2px solid var(--caa-sky);
	outline-offset: 2px;
} */

@media (max-width:768px) {
.mobile-header-navigation .site-logo.mobile-header-logo img,
.navigation-branding img, .site-logo.mobile-header-logo {
	display:block;
	height:77px;}
.fl-menu {
	display:block;
    z-index:99999;
    position:absolute;}
	
.fl-builder-content.fl-builder-content-1088 {
	margin-top:49px;
	margin-left:31px;
	margin-bottom:-57px;
	padding:0 !important;}
	
li.nav-button.left a {
	background:#00ADEF !important;
	color:#ffffff !important;}
.menu.fl-menu-horizontal a {
	padding:5px 13px !important;
	border-radius:1em;
	margin-right:5px;}
li.nav-button.right a {
		background:#777 !important;
	color:#ffffff !important;}
	
.widget .search-field {
    min-width: 275px;}
.inside-navigation.grid-container {min-width:250px;}
h1.entry-title {
font-size:28.8px;
font-size:1.8rem;}
	
body:not(.home) h1.entry-title,
	h1.page-title {
	margin-top:35px;}
	

body:not(.home)	.fl-module-content.fl-node-content {
		margin-left:0;}
.footer-widget-1 img {
text-align:center;
margin:0 auto;
display:block;}
ul#menu-caa-level-2 {
    background:aliceblue;
    padding:20px 10px 10px;}
ul#menu-caa-level-2 li a {
    line-height:1.25;
    margin-bottom:7px;}
ul#menu-caa-level-2 ul {
	margin-bottom:10px;
	padding:7px 0 0;}
ul#menu-caa-level-2 ul li a {
	line-height:1.3;
	padding:0 20px;}
	
ul#menu-caa-level-2 ul li a:hover {color:#ffffff;}
.li {
	display:block;
	margin:0 auto !important;}
input.search-field {
display:inline;
float:left !important;
    position:absolute;
    top:0;
    left:0 !important;
}
button.search-submit {
    float:right !important;
    display:inline-flex !important;
    margin-left:125px;
}
.top-bar .inside-top-bar {
		padding-top: 10px !important;
		padding-bottom: 10px !important;}
	/*aside#mo_oauth_widget-3 {
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		width: 100%;
	} */
	.caa-hello-text {
		font-size: 13px;
		margin-bottom: 8px;
	}
	.caa-btn-group {
		display: flex;
		width: 100%;
	}
	.caa-btn-group > * {
		flex: 1 1 0;
		text-align: center;
		margin: 0 4px !important;
	}
.fl-col-group-nested:has(.caaf1) {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

.fl-col-group-nested:has(.caaf1) > .fl-col {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0px !important;
  padding: 0 !important;
  float: none !important;
  order: initial !important;
  grid-column: auto !important;
}

.fl-col-group-nested:has(.caaf1) > .fl-col:last-child {
  margin-bottom: 0 !important;
}
.fl-col-group-nested:has(.caaf1) > .fl-col > .fl-col-content {
  margin: 0 !important;
  padding: 0 !important;
}
.fl-col-group-nested:has(.caaf1) .fl-rich-text p {
  margin: 0 !important;
}
	
/* Hide duplicate "Start Free Trial" CTA under How to Join CAA — home page only */
body.home .fl-button-wrap.fl-button-width-full.cta {
  display: none !important;
}
body.home .fl-row.followup .fl-row-content.fl-row-fixed-width.fl-node-content {
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
.linkedinclass h3 {
		display:block;
		margin-bottom:-15px !important;
	}
/* "Test drive... / FREE for 90 days!" intro pair — home page only */
  body.home .testdrive,
  body.home .ninety {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
	body.home .bw-slider {
		border:1px solid rgba(0,0,0,0.05);}
/* Exclusive Access / Real Savings, Fast / Zero Risk — home page only */
  body.home .offers {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
/* Hide GeneratePress mobile menu only */
    /* Kill GeneratePress mobile toggle */
    #mobile-header button.menu-toggle,
    #mobile-header button[aria-controls="mobile-menu"],
    #mobile-header .gp-icon.icon-menu-bars {
        display: none !important;
        visibility: hidden !important;
        position: absolute !important;
        width: 0 !important;
        height: 0 !important;
        overflow: hidden !important;}
/* Footer */
	.footersig p {
		margin-top:10px;
	}
	.footersig a {
		display:inline-block !important;
	position:relative;
	left:-4px;}
}