@charset "utf-8";
/* CSS Document */

/* Overrides for Bootstrap 5.3 */
/* Force navbar items horizontal on desktop */
@media (min-width: 992px) {
  nav.navbar .navbar-nav {
    flex-direction: row !important;
    justify-content: center;
  }

  nav.navbar .navbar-nav .nav-item {
    flex: 0 0 auto;
    width: auto !important;
  }
}

@media (min-width: 992px) {
  nav.navbar .navbar-nav .nav-item + .nav-item {
    margin-left: 1.5rem;
  }
}

.header-main {
  background: #ffffff;
  margin-bottom: 20px;
  box-shadow: 0 2px 8px rgba(0,0,0,0.15);
}


/* Ensure the toggler icon is visible on white */
.navbar.yamm.sticky-nav {
  background-color: #ffffff;
}

/* If needed, treat it as "light" so BS5 uses dark icon */
.navbar.yamm.sticky-nav {
  --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(0,0,0,0.8)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

/* On desktop, treat the navbar container as a vertical flex column */
@media (min-width: 992px) {
  nav.navbar .container {
    display: flex;
    flex-direction: column;
    align-items: center;   /* center logo row AND nav row */
  }
}

/* Desktop (lg+) top-level nav link styling */
@media (min-width: 992px) {
  nav.navbar .navbar-nav > li > a.nav-link {
    color: #0c2340 !important;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
  }
  
  /* Optional: hover color (old BS3 likely darkened it) */
  nav.navbar .navbar-nav > li > a.nav-link:hover,
  nav.navbar .navbar-nav > li > a.nav-link:focus {
    color: #0a1d34 !important; /* slightly darker */
  }
}
/* Remove BS5 dropdown arrows from main nav */
nav.navbar .navbar-nav > li > a.dropdown-toggle::after {
  display: none !important;
}


/* Smoother, slightly longer fade between slides */
.carousel-fade .carousel-item {
  transition: opacity 0.9s ease-in-out;
}

/* Make the hit area a bit wider */
#homeCarousel .carousel-control-prev,
#homeCarousel .carousel-control-next {
  width: 4rem; /* default is ~15% of carousel; this is smaller & neater */
}

/* Style the arrow icons so they stand out on light & dark slides */
#homeCarousel .carousel-control-prev-icon,
#homeCarousel .carousel-control-next-icon {
  width: 2.7rem;
  height: 2.7rem;
  border-radius: 50%;
  background-color: rgba(0, 0, 0, 0.4);   /* dark translucent circle */
  background-size: 50% 50%;               /* slightly smaller arrow inside */
}

/* Hover/focus: slightly stronger for desktop */
#homeCarousel .carousel-control-prev:hover .carousel-control-prev-icon,
#homeCarousel .carousel-control-next:hover .carousel-control-next-icon,
#homeCarousel .carousel-control-prev:focus .carousel-control-prev-icon,
#homeCarousel .carousel-control-next:focus .carousel-control-next-icon {
  background-color: rgba(0, 0, 0, 0.6);
}

/* Slightly slower, smoother fade without changing layout logic */
.carousel-fade .carousel-item {
  transition: opacity 1.1s ease-in-out;
}

.container-slider {
  padding-left: 0;
  padding-right: 0;
}

.container-slider img {
  width: 100%;
  height: auto;
  display: block;
}

.home-icons-section .container {
  border-top: 10px solid #0c2340;
}

.home-main {
  border-top: 3px solid #0c2340;
  padding-top: 10px;
}
.header-main .row {
  margin-left: 0;
  margin-right: 0;
}
/* Alert banner text */
.alert-text {
  font-size: 1.65em;
  font-weight: normal;
  color: #0c2340;
}

@media (max-width: 767px) {
  .alert-text {
    font-size: 1.1em;
  }
}

/* Navbar layout fix on desktop */
@media (min-width: 992px) {
  nav.navbar .navbar-collapse {
    display: flex !important;
    justify-content: center !important;
  }

  nav.navbar .navbar-nav {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    width: auto !important;
    margin: 0 auto !important;
    padding-left: 0;
  }

  nav.navbar .navbar-nav > li {
    float: none !important;
    width: auto !important;
    flex: 0 0 auto !important;
  }

  nav.navbar .navbar-nav > li + li {
    margin-left: 1.5rem;
  }
}

.embed-container {
  position: relative;
  padding-bottom: 56.25%; /* 16:9 */
  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%;
}


/* Slightly raise the custom checkmark bullets without changing layout */
.checkmark li:before {
  position: relative;
  top: -2px; /* tweak: -1px, -2px, or -3px if needed */
}

.checkmark li > ul > li:before {
  position: relative;
  top: -2px;
}

/* Comparison tables */
table.compareaccounts {
  font-size: 0.9rem;
}

/* Header row styling */
table.compareaccounts .table-header {
  background-color: #0c2340;
  color: #ffffff;
  text-align: center;
  vertical-align: middle;
  padding: 12px 8px;
  text-transform: uppercase;
}

/* Body cell vertical alignment */
table.compareaccounts td {
  vertical-align: top;
}

/* Optional: narrower padding for dense text */
table.compareaccounts td,
table.compareaccounts th {
  padding: 10px;
}

/* Align the Ionicons checkmarks nicely in table cells */
.checking-checkmark {
  font-family: "Ionicons";
  font-size: 22px;
  color: #0c2340;
  position: relative;
  top: -2px; /* nudge up to align better with text */
}

/* Fix BS3 carryover indentation in panel-press titles */
.panel-press-title a {
    margin: 0 !important;
    padding: 10px 15px; /* keep the padding */
}

/* Match old BS3 panel body indentation */
.panel-press-body {
    padding-left: 25px;  /* adjust if needed */
}


/* Flat accordion, no card-like border */
.accordion-press .accordion-item {
  border: 0;
  border-radius: 0;
  margin-bottom: 0; /* adjust if you want spacing between items */
}

/* Reuse the old "panel-press-heading" style on the BS5 header */
.accordion-press .accordion-header.panel-press-heading {
  padding: 10px; /* shorthand for all four sides */
  border-bottom: 1px solid #f4d168; /* same yellow line */
  margin: 0;
}

/* Make the button transparent so the header's padding/border show through */
.accordion-press .accordion-button {
  background: transparent;
  border: 0;
  box-shadow: none;
  padding: 0;          /* header provides the padding now */
  font-weight: 700;
}

/* Keep background consistent when expanded vs collapsed */
.accordion-press .accordion-button:not(.collapsed),
.accordion-press .accordion-button.collapsed {
  background: transparent;
}

/* Replace BS5 chevron with + / − like before */
.accordion-press .accordion-button::after {
  background-image: none;
  content: "+";
  font-weight: 700;
  font-size: 1.25rem;
  margin-left: auto;
  transform: none;
}

/* Expanded state shows minus */
.accordion-press .accordion-button:not(.collapsed)::after {
  content: "−";
}

/* Optional: kill the focus glow */
.accordion-press .accordion-button:focus {
  box-shadow: none;
}
/* Reduce spacing between accordion items */
.accordion-press .accordion-item {
    margin-bottom: 0; /* BS5 adds margin by default */
}

/* Pull accordion body up to meet the header (replicates BS3 negative margin effect) */
.accordion-press .accordion-collapse {
    margin-top: -1px; /* removes the visible gap */
}

/* Reduce interior padding so body sits tighter like BS3 */
.accordion-press .accordion-body {
    padding: 10px 15px;
}

/* Tighter button area (header height) */
.accordion-press .accordion-header.panel-press-heading {
    padding: 8px 10px;  /* was 10px — this tightens it nicely */
}
/* Extremely tight "panel-press" spacing for BS5 accordion */
.accordion.accordion-press .accordion-item {
    margin: 0 !important;         /* no gap between items */
    border-bottom: 1px solid #f4d168; /* keep the yellow line between items if desired */
}

/* Header: smaller band, less vertical space */
.accordion.accordion-press .accordion-header.panel-press-heading {
    padding: 4px 8px !important;  /* tighten this down – adjust as needed */
    margin: 0 !important;
    border: 0;                    /* border handled on item, not header */
}

/* Button inside header – make it compact */
.accordion.accordion-press .accordion-button {
    padding: 0 !important;        /* header supplies padding */
    background: transparent !important;
    box-shadow: none !important;
    border: 0 !important;
    font-weight: 700;
}

/* + / − replacement for chevron */
.accordion.accordion-press .accordion-button::after {
    background-image: none !important;
    content: "+" !important;
    font-size: 1.1rem;
    font-weight: 700;
    margin-left: auto;
}

.accordion.accordion-press .accordion-button:not(.collapsed)::after {
    content: "−" !important;
}

/* Body: pull content up and reduce padding */
.accordion.accordion-press .accordion-collapse {
    margin-top: 0 !important;     /* kill any gap under header */
}

.accordion.accordion-press .accordion-body {
    padding: 6px 10px !important; /* tighter than BS default */
}

/* Kill extra margins from the first/last child in the body */
.accordion.accordion-press .accordion-body > :first-child {
    margin-top: 0 !important;
}

/* Community photo slider – slightly smaller images */
.community-photo-slider .slides img {
  max-width: 75%;          /* dial this up/down (e.g. 70–80%) to taste */
  margin: 0 auto 1rem;     /* keep them centered with a bit of space below */
  height: auto;
}

/* On small screens, let them breathe a bit more */
@media (max-width: 576px) {
  .community-photo-slider .slides img {
    max-width: 100%;       /* use full width on tiny screens */
    margin-bottom: 0.75rem;
  }
}
/* Community photo slider – move dots below the image instead of overlapping */
.community-photo-slider .flex-control-nav {
  position: static;      /* let them sit in normal flow */
  margin-top: 0.75rem;   /* space between image and dots */
}

/* If you want a little extra breathing room under the whole slider */
.community-photo-slider {
  padding-bottom: 1rem;
}


.accordion.accordion-press .accordion-body > :last-child {
    margin-bottom: 0 !important;
}