/* Nav Dropdowns */

.navContent ul li ul a {
    white-space: normal !important;
    overflow: visible !important;
}

@media only screen and (min-width: 768px) {
    .navContent ul li ul {
        min-width: 250px !important;
        right: auto !important; 
    }
}

/* No Space Simple List */
@media only screen and (min-width: 600px) {
.block_c5217b8ab82a47938fd429a6bdea1e0b .cols3 .item,
.block_c5217b8ab82a47938fd429a6bdea1e0b .cols3 .socialStreamGroup {
    clear: none;
    width: 33.33%;
    margin: 0%;
}
}

body {
    overflow-x: hidden;
}

/* ==========================================
   GLOBAL BLOG RULES
   Current and future standard blog posts
   ========================================== */

.fullDetailsPost {
  --blog-image-width: 38%;
  --blog-image-max: 340px;
  --blog-image-gap: 24px;
}

/* Consistent spacing between sections */
.fullDetailsPost > .blockContainer {
  margin-top: 0 !important;
  margin-bottom: 32px !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

/* Consistent body text */
.fullDetailsPost .blockText,
.fullDetailsPost .blockText > .blockInnerContent {
  font-size: 18px !important;
  line-height: 1.7 !important;
  text-align: left !important;
}

/* Paragraph spacing */
.fullDetailsPost .blockText p {
  margin: 0 0 1em !important;
  padding: 0 !important;
}

/* Heading spacing */
.fullDetailsPost .blockText :is(h1, h2, h3, h4) {
  line-height: 1.3 !important;
  margin: 1.5em 0 0.65em !important;
  padding: 0 !important;
}

.fullDetailsPost .blockText > .contentTitle,
.fullDetailsPost .blockInnerContent > :is(h2, h3, h4):first-child {
  margin-top: 0 !important;
}

/* List spacing */
.fullDetailsPost .blockText :is(ul, ol) {
  margin: 0 0 1em !important;
  padding: 0 0 0 1.5em !important;
  list-style-position: outside !important;
}

.fullDetailsPost .blockText li {
  margin: 0 0 0.45em !important;
  padding: 0 !important;
}

.fullDetailsPost .blockText li > p {
  margin: 0 !important;
}

/* Remove extra space after the final paragraph or list */
.fullDetailsPost .blockInnerContent > :last-child {
  margin-bottom: 0 !important;
}

/* Contain each wrapped image within its own section */
.fullDetailsPost .blockContent.hasImg:is(
  .layoutC, .layoutD, .layoutE, .layoutF
) {
  display: flow-root !important;
}

/* Release text from its fixed column so it wraps */
.fullDetailsPost .blockContent.hasImg:is(
  .layoutC, .layoutD, .layoutE, .layoutF
) > .blockText {
  display: block !important;
  float: none !important;
  clear: none !important;
  width: auto !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
}

.fullDetailsPost .blockContent.hasImg:is(
  .layoutC, .layoutD, .layoutE, .layoutF
) > .blockText > .blockInnerContent {
  overflow: visible !important;
}

/* Consistent image container sizing */
.fullDetailsPost .blockContent.hasImg:is(
  .layoutC, .layoutD, .layoutE, .layoutF
) > .blockImg {
  box-sizing: border-box;
  width: var(--blog-image-width) !important;
  max-width: var(--blog-image-max) !important;
  padding: 0 !important;
}

/* Preserve left-image layouts */
.fullDetailsPost .blockContent.hasImg:is(
  .layoutC, .layoutE
) > .blockImg {
  float: left !important;
  margin: 0 var(--blog-image-gap) 18px 0 !important;
}

/* Preserve right-image layouts */
.fullDetailsPost .blockContent.hasImg:is(
  .layoutD, .layoutF
) > .blockImg {
  float: right !important;
  margin: 0 0 18px var(--blog-image-gap) !important;
}

/* Uniform landscape frames without stretching */
.fullDetailsPost .blockContent.hasImg:is(
  .layoutC, .layoutD, .layoutE, .layoutF
) > .blockImg img.contentImg {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
  aspect-ratio: 3 / 2 !important;
  object-fit: cover !important;
  object-position: center !important;
}

/* Mobile: stack images above text */
@media (max-width: 767px) {
  .fullDetailsPost .blockContent.hasImg:is(
    .layoutC, .layoutD, .layoutE, .layoutF
  ) > .blockImg {
    float: none !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 0 20px !important;
  }

  .fullDetailsPost > .blockContainer {
    margin-bottom: 24px !important;
  }
}
/* WIDER DESKTOP MARGINS / SHORTER TEXT LINES */
.fullDetailsPost {
  box-sizing: border-box;
  width: 100%;
  max-width: 960px;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 32px;
  padding-right: 32px;
}

/* LEFT-ALIGN BLOG IMAGES */
.fullDetailsPost .blockImg {
  text-align: left !important;
}

.fullDetailsPost .blockContent.hasImg:is(
  .layoutC, .layoutD, .layoutE, .layoutF
) > .blockImg {
  float: left !important;
  margin: 0 var(--blog-image-gap, 24px) 18px 0 !important;
}

/* CONSISTENT TABLE FORMATTING */
.fullDetailsPost .table-responsive {
  width: 100% !important;
  min-width: 0 !important;
}

.fullDetailsPost table {
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  table-layout: fixed;
  border-collapse: collapse;
  font-size: 16px !important;
  line-height: 1.6 !important;
}

.fullDetailsPost table :is(th, td) {
  box-sizing: border-box;
  padding: 12px 14px !important;
  text-align: left !important;
  vertical-align: top;
  white-space: normal !important;
  overflow-wrap: anywhere;
}

/* MOBILE */
@media (max-width: 767px) {
  .fullDetailsPost {
    padding-left: 16px;
    padding-right: 16px;
  }

  /* Keep mobile photos above their text */
  .fullDetailsPost .blockContent.hasImg:is(
    .layoutC, .layoutD, .layoutE, .layoutF
  ) > .blockImg {
    float: none !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 0 20px !important;
  }

  /* Convert supported tables into stacked cards */
  .fullDetailsPost table.bp-mobile-cards,
  .fullDetailsPost table.bp-mobile-cards tbody,
  .fullDetailsPost table.bp-mobile-cards tbody tr,
  .fullDetailsPost table.bp-mobile-cards tbody td {
    display: block;
    width: 100% !important;
    min-width: 0 !important;
  }

  .fullDetailsPost table.bp-mobile-cards {
    border: 0 !important;
  }

  /* Visually hide the header; labels repeat in each card */
  .fullDetailsPost table.bp-mobile-cards thead {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    overflow: hidden;
    clip-path: inset(50%);
  }

  .fullDetailsPost table.bp-mobile-cards tbody tr {
    box-sizing: border-box;
    margin-bottom: 18px;
    border: 1px solid #d7dce3;
    border-radius: 8px;
    background: #fff;
  }

  .fullDetailsPost table.bp-mobile-cards tbody td {
    border: 0 !important;
    border-bottom: 1px solid #e6e9ee !important;
    padding: 12px 16px !important;
  }

  .fullDetailsPost table.bp-mobile-cards tbody td:last-child {
    border-bottom: 0 !important;
  }

  .fullDetailsPost table.bp-mobile-cards tbody td::before {
    content: attr(data-label);
    display: block;
    margin-bottom: 5px;
    font-weight: 700;
    color: #00205b;
  }
}
/* Center blog images on desktop */
@media (min-width: 768px) {
  .fullDetailsPost .blockImg {
    text-align: center !important;
  }

  .fullDetailsPost .blockContent.hasImg:is(
    .layoutC, .layoutD, .layoutE, .layoutF
  ) > .blockImg {
    float: none !important;
    margin: 0 auto 24px !important;
  }

  .fullDetailsPost .blockImg img.contentImg {
    margin-left: auto !important;
    margin-right: auto !important;
  }
}
/* Larger centered images on desktop */
@media (min-width: 768px) {
  .fullDetailsPost .blockContent.hasImg:is(
    .layoutC, .layoutD, .layoutE, .layoutF
  ) > .blockImg {
    float: none !important;
    width: 70% !important;
    max-width: 640px !important;
    margin: 0 auto 28px !important;
  }
}
/* BLOG WIDTH: slightly narrower than the header */
.fullDetailsPost {
  box-sizing: border-box;
  width: 100% !important;
  max-width: 1320px !important;
  margin: 0 auto !important;
  padding: 0 24px !important;
}

/* Allow content blocks to use the wider blog area */
.fullDetailsPost > .blockContainer > .blockContent {
  box-sizing: border-box !important;
  width: 100% !important;
  max-width: none !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* Hide original photo placements after carousel creation */
.fullDetailsPost .bp-original-image {
  display: none !important;
}

/* Full-width text after removing individual photos */
.fullDetailsPost .bp-carousel-source {
  display: flow-root !important;
}

.fullDetailsPost .bp-carousel-source > .blockText {
  display: block !important;
  float: none !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* ONE CAROUSEL PER POST */
.fullDetailsPost .bp-carousel {
  width: 100%;
  max-width: 1000px;
  margin: 0 auto 36px;
}

.fullDetailsPost .bp-carousel-track {
  display: flex;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  scrollbar-width: none;
  border-radius: 8px;
  background: #f2f4f7;
}

.fullDetailsPost .bp-carousel-track::-webkit-scrollbar {
  display: none;
}

.fullDetailsPost .bp-carousel-slide {
  flex: 0 0 100%;
  min-width: 0;
  margin: 0;
  scroll-snap-align: start;
}

/* Show complete portrait and landscape photos */
.fullDetailsPost .bp-carousel-slide img {
  display: block !important;
  width: 100% !important;
  max-width: none !important;
  height: auto !important;
  aspect-ratio: 16 / 9 !important;
  object-fit: contain !important;
  margin: 0 !important;
}

.fullDetailsPost .bp-carousel-controls {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 18px;
  padding-top: 14px;
}

.fullDetailsPost .bp-carousel-controls button {
  width: auto;
  min-width: 48px;
  min-height: 44px;
  padding: 8px 16px;
  border: 0;
  border-radius: 5px;
  background: #00205b;
  color: #fff;
  font: inherit;
  cursor: pointer;
}

.fullDetailsPost .bp-carousel-controls button:disabled {
  opacity: 0.4;
  cursor: default;
}

.fullDetailsPost .bp-carousel-controls button:focus-visible,
.fullDetailsPost .bp-carousel-track:focus-visible {
  outline: 3px solid #bd8b21;
  outline-offset: 3px;
}

.fullDetailsPost .bp-carousel-count {
  font-size: 16px;
  color: #00205b;
}

@media (max-width: 767px) {
  .fullDetailsPost {
    padding: 0 16px !important;
  }

  .fullDetailsPost .bp-carousel {
    margin-bottom: 24px;
  }

  .fullDetailsPost .bp-carousel-slide img {
    aspect-ratio: 4 / 3 !important;
  }
}
/* Blog bold text: header navy */
.fullDetailsPost strong,
.fullDetailsPost b {
  color: #00205b !important;
}
/* Blog listing: left-align author names */
html#page_a01ff69a0f39457aa63ee1d509b4ba5d .primaryMeta,
html#page_a01ff69a0f39457aa63ee1d509b4ba5d .blogPostAuthor {
  text-align: left !important;
}
/* Blog tables: bold text matches header navy */
.fullDetailsPost table th,
.fullDetailsPost table strong,
.fullDetailsPost table b {
  color: #00205b !important;
  font-weight: 700 !important;
}
/* Remove the top section's dark background */
.fullDetailsPost .blockWrap_b35a2b3d988a4148a87700279876fecb {
  background: #fff !important;
}

/* Remove the black overlay */
.fullDetailsPost .blockWrap_b35a2b3d988a4148a87700279876fecb::before,
.fullDetailsPost .blockWrap_b35a2b3d988a4148a87700279876fecb > .plxBg-img::before {
  content: none !important;
  display: none !important;
}

/* Restore readable body text and author */
.fullDetailsPost .blockWrap_b35a2b3d988a4148a87700279876fecb
:is(.blockInnerContent, .blockInnerContent p, .primaryMeta, .blogPostAuthor) {
  color: #222222 !important;
}

/* Restore the navy title */
.fullDetailsPost .blockWrap_b35a2b3d988a4148a87700279876fecb
:is(.contentTitle, .contentTitle span) {
  color: #00205b !important;
}
/* Match the other section titles */
.fullDetailsPost .blockWrap_b35a2b3d988a4148a87700279876fecb
.contentTitle {
  font-size: 28px !important;
  line-height: 1.3 !important;
  text-align: left !important;
}

/* Left-align the title, byline, and introductory text */
.fullDetailsPost .blockWrap_b35a2b3d988a4148a87700279876fecb
:is(.blockText, .contentTitle span, .primaryMeta,
    .blogPostAuthor, .blockInnerContent,
    .maxWidth--content, .blockInnerContent p) {
  text-align: left !important;
}

/* Remove the introduction's narrower centered containers */
.fullDetailsPost .blockWrap_b35a2b3d988a4148a87700279876fecb
:is(.maxWidth--contentTitle, .maxWidth--content) {
  display: block;
  width: 100% !important;
  max-width: none !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}
/* All blog posts: consistent main title size */
.fullDetailsPost > .blockContainer[data-is-primary="true"]
.contentTitle {
  font-size: 28px !important;
  line-height: 1.3 !important;
  text-align: left !important;
}

/* Left-align main title, author, and introductory text */
.fullDetailsPost > .blockContainer[data-is-primary="true"]
:is(.blockText, .contentTitle span, .primaryMeta,
    .blogPostAuthor, .blockInnerContent,
    .maxWidth--content, .blockInnerContent p) {
  text-align: left !important;
}

/* Align introductory content with the rest of the article */
.fullDetailsPost > .blockContainer[data-is-primary="true"]
:is(.maxWidth--contentTitle, .maxWidth--content) {
  display: block;
  width: 100% !important;
  max-width: none !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}
/* White backgrounds throughout blog posts */
.fullDetailsPost,
.fullDetailsPost .blockContainer {
  background: #ffffff !important;
}

/* Remove backgrounds behind text */
.fullDetailsPost :is(
  .blockContent,
  .blockText,
  .blockInnerContent,
  .maxWidth--content,
  .maxWidth--contentTitle
) {
  background: transparent !important;
}

/* Remove content-block background overlays */
.fullDetailsPost .blockContainer::before,
.fullDetailsPost .blockContainer > .plxBg-img,
.fullDetailsPost .blockContainer > .plxBg-img::before {
  display: none !important;
}

/* Restore readable body text and author bylines */
.fullDetailsPost :is(
  .blockText,
  .blockInnerContent,
  .blockInnerContent p,
  .blockInnerContent li,
  .primaryMeta,
  .blogPostAuthor
) {
  color: #222222 !important;
}

/* Navy headings */
.fullDetailsPost :is(h1, h2, h3, h4, h5, h6),
.fullDetailsPost .contentTitle span {
  color: #00205b !important;
}
/* All blog content blocks: left-align text */
#blog .fullDetailsPost .blockContainer,
#blog .fullDetailsPost .blockContainer * {
  text-align: left !important;
}
/* Remove narrowed text containers across blog posts */
#blog .fullDetailsPost .blockContainer .blockText,
#blog .fullDetailsPost .blockContainer .blockInnerContent,
#blog .fullDetailsPost .blockContainer .maxWidth--content,
#blog .fullDetailsPost .blockContainer .maxWidth--contentTitle {
  box-sizing: border-box !important;
  width: 100% !important;
  max-width: none !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  text-indent: 0 !important;
  text-align: left !important;
}