/*  reset light  */
*{box-sizing: border-box; margin:0; padding:0; }
body {overscroll-behavior:none; font-family: 'Open Sans', sans-serif; font-weight: 300; background-color: #ffffff;}
body,html {padding: 0; margin: 0; font-size: 16px; visibility:visible;}
a{text-decoration: none; color:#212121; cursor: pointer;}
/*   iOS control  */
input, textarea {-webkit-appearance: none;}
/*   spacers  */
.pt-0{padding-top:0px!important;}
.pt-8b{padding-top:8px!important;}
.pt-16{padding-top:16px!important;}
.pt-32{padding-top:32px!important;}
.pt-64{padding-top:64px!important;}
.pt-80{padding-top:80px!important;}
.pt-96{padding-top:96px!important;}
.pt-120{padding-top:120px!important;}
.pt-240{padding-top:240px!important;}

.pb-0{padding-bottom:0px!important;}
.pb-8b{padding-bottom:8px!important;}
.pb-16{padding-bottom:16px!important;}
.pb-32{padding-bottom:32px!important;}
.pb-64{padding-bottom:64px!important;}
.pb-80{padding-bottom:80px!important;}
.pb-96{padding-bottom:96px!important;}
.pb-120{padding-bottom:120px!important;}
.pb-240{padding-bottom:240px!important;}

.pl-16{padding-left:16px;}
.pr-16{padding-right:16px;}

/* minimize padding on smaller screens */
@media screen and (max-width: 500px) {
   .pb-32{padding-bottom:24px!important;}
   .pb-64{padding-bottom:40px!important;}
}


/* --- flex --- */
.flex {display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex;}
.flexCenter {-webkit-align-content: center; -webkit-justify-content: center; align-content: center; justify-content: center;} /* remove for equal height cols */
.flexCenterItems{align-items: center;}
.flexFlexEnd{justify-content: flex-end;}
.flexTopItems{align-items: flex-start;}
.rowWrap {flex-flow: row wrap;-webkit-flex-flow: row wrap;}
.flexColumnStack{flex-direction: column;}
.flexVerticalCenter{display: flex;flex-direction: column;justify-content: center;}
.centerOrigin{transform-origin: center center;}
.colReverse{flex-direction: column-reverse;}
.rowReverse{flex-direction: row-reverse;}
.flexEvenSpace{justify-content:space-between;}

/* ------ callout ------- */
.callout-mod-container{padding:0px;}
.callout-mod{background-image: linear-gradient(45deg, #114b88, #087a57); max-width:1280px; width:100%; height:auto; padding:64px; border-radius:6px; box-shadow: 0px 3px 14px 0px rgba(0, 0, 0, 0.3); align-items:center;}
.callout-mod-col-left{width:75%; padding-right:32px; background:transparent;}
.callout-mod-col-right{width:25%; display:flex; justify-content: flex-end; align-items: center;}
.callout-mod-col-right img{width:100%; max-width:198px; height:auto; background: transparent; border-radius:4px;}

.callout-mod h2{font-family: 'Open Sans', sans-serif; font-weight: 700; text-align: left; color: #ffffff; font-size: 40px; line-height: 46px; padding-bottom: 16px; letter-spacing: .02em;}
.callout-mod p{font-family: 'Open Sans', sans-serif; color:#ffffff; font-weight: 400; font-size:14px; line-height:20px; padding-right:16px;}

.callout-mod .ghostButton a{display: block; width: fit-content; height: auto; white-space: nowrap; padding: 16px 48px;font-size: 16px;line-height: 16px;
    background: transparent;color: #ffffff;font-family: 'Open Sans', sans-serif; text-align: center; font-weight: 600;cursor: pointer; border: 1px solid #aaf2ee; outline: none; border-radius: 999px;}

@media only screen and (max-width : 1280px) {
	.img1180 img, .img1180 picture{max-width:1100px;}
}

@media only screen and (max-width : 900px) {
	.callout-mod h2{font-size: 24px; line-height: 32px; letter-spacing: .0em;}
  .callout-mod{padding:32px;}
}

@media only screen and (max-width : 768px) {
	.callout-mod{padding:32px;}
  .callout-mod-col-left{padding-right:16px; width:66%;}
  .callout-mod-col-right{width:34%;}
  .callout-mod .ghostButton a{padding: 12px 24px; font-size: 14px;line-height: 14px;}
}
@media only screen and (max-width : 680px) {
	.callout-mod-col-right{display:none;}
  .callout-mod-col-left{width:100%; padding-right:0px;}
  .callout-mod.ghostButton a{text-wrap:unset; width:100%;}
  .txtBalance {text-wrap:unset;}
  .callout-mod p{font-size:14px; line-height:20px; padding-right: 0; text-wrap: auto;}
}
@media only screen and (max-width : 350px) {
	.callout-mod{padding:24px;}
  .callout-mod .ghostButton a{padding: 12px 20px; font-size: 13px; line-height: 13px;}
}

/* ------ buttons ------ */
.button-ghost{display: block; width: fit-content; height: auto; white-space: nowrap; padding: 16px 56px; font-size: 16px; line-height: 16px; background: transparent;color: #ffffff;font-family: 'Open Sans', sans-serif; text-align: center; font-weight: 600; cursor: pointer; border: 1px solid #a1edff; outline: none; border-radius: 999px;}
.button-standard{display: block; width: fit-content; height: auto; white-space: nowrap; padding: 16px 56px; font-size: 16px; line-height: 16px; background: #a1edff;color: #193344;font-family: 'Open Sans', sans-serif; text-align: center; font-weight: 600; cursor: pointer; border: 1px solid #a1edff; outline: none; border-radius: 999px;}
.button-standard-a{display:inline-block;}
.display-block{display:block;}

.button-medium{padding: 14px 32px; font-size: 14px; line-height: 14px;}

.button-fixed-width{width:220px;}

@media only screen and (max-width : 500px) {
	.button-full-width-500 {width:100%; max-width:100%;}
}
button-full-width-500

/* ------ COLUMNS ------- */
.cols-wrap {width: 100%; max-width: 1180px; margin:0 auto; flex-direction: row; flex-wrap: wrap; justify-content: space-between; padding: 0px 40px; gap:4px;}

.gap-8{gap:8px;}
.gap-16{gap:16px;}
.gap-32{gap:32px;}

.cols-3-container {width: calc(33% - 4px); }
.cols-4-container {width: calc(25% - 8px); }

.cols-img img {width: 100%; height: auto; border-radius: 4px;}
.cols-details {text-align: left; font-family: 'Open Sans', sans-serif; color: #313131; font-weight:400; font-size:14px; line-height:20px; padding-top:12px; padding-bottom:24px;}
.cols-title {font-size: 18px; line-height: 24px; font-weight: 700; color: #212121; padding-bottom: 8px;}
.cols-desc {padding-bottom: 20px; padding-right:4px;}

@media only screen and (max-width : 1240px) {

  .cols-3-container {width: calc(33% - 2px); }
  .cols-title {font-size: 16px; line-height: 20px; padding-bottom: 4px;}
}

@media only screen and (max-width : 960px) {

  .cols-3-container {width: calc(33% - 2px); }
  .cols-title {font-size: 16px; line-height: 20px; padding-bottom: 4px;}
}
@media only screen and (max-width : 680px) {
  .cols-wrap {gap:0px 4px; flex-direction: column;}
  .cols-no-wrap{flex-direction:row;}
  .cols-3-container {width: 100%;}
}
@media screen and (max-width: 500px) {
    .cols-wrap {padding-right: 16px; padding-left: 16px;}
}

.sectionWrapper{width: 100%; height: auto; margin:0 auto; padding: 0 40px;}
.max-width-1180{max-width: 1180px;}
.txtBalance{text-wrap:balance;}

@media screen and (max-width: 500px) {
    .sectionWrapper {padding-right: 16px; padding-left: 16px;}
    .txtBalance{text-wrap:none;}

    .col-wrap-500{flex-direction: column; flex-wrap:wrap;}
}


/* PODCAST STYLES 2026 */
.podcast-icon{display:block;}

@media only screen and (max-width: 600px) {
   .podcast-icons{justify-content: space-between;}
}

.brand-mark, .brand-header{width:100%; max-width:328px; margin: 24px auto 88px auto;}
.brand-mark img, .brand-header img{width:100%; height:auto; display: block; aspect-ratio: auto;}

.main-wrapper{width:100%; margin:0 auto; padding:24px 16px; background-color:#dcdfe4;}
.inner-wrapper{max-width:1440px; margin:0 auto; background-color:#f4f5f6; padding:32px; border-radius:24px;}
.section-wrapper-base{width: 100%; height: auto; margin:0 auto; padding: 0; background-color:transparent;}

/* section margins */
.section-wrapper-mt{margin-top:32px;}
.section-wrapper-mt-plus{margin-top:64px;}
.section-wrapper-mt-lrg{margin-top:128px;}

.full-width-breakout-inner-wrapper {margin-left: -32px; margin-right: -32px; padding: 64px 32px;}

.max-width-64{max-width: 64px;}
.max-width-96{max-width: 96px;}
.max-width-280{max-width: 280px;}
.max-width-500{max-width: 500px;}
.max-width-600{max-width: 600px;}
.max-width-720{max-width: 720px;}
.max-width-768{max-width: 768px;}
.max-width-1200{max-width: 1200px;}
.max-width-1440{max-width: 1440px;}
.center{margin:0 auto;}

.footer-container{margin-bottom:-32px; padding:120px; border-radius: 0 0 24px 24px;}
.header-container{margin-top:-32px; margin-bottom:80px; padding:32px; border-radius: 24px 24px 0 0; box-shadow: 0 8px 12px rgba(10, 80, 130, 0.2);}

@media only screen and (max-width: 1440px) {
   .footer-container{padding:64px;}
}
@media only screen and (max-width: 768px) {
   .footer-container{padding:32px;}
   .section-wrapper-mt{margin-top:24px;}
.section-wrapper-mt-plus{margin-top:40px;}
.section-wrapper-mt-lrg{margin-top:64px;}
}


/* -- typography -- */
p {font-family: 'Open Sans', sans-serif; font-weight: normal; text-align: left; -webkit-font-smoothing: antialiased;}
.typog-standard, .typog-standard p {text-align: left; font-family: 'Open Sans', sans-serif; font-weight: 400; color: #212121; font-size: 16px; line-height: 22px;}

.typog-par-lrg{font-size:18px; line-height: 24px;}
.typog-par-sm{font-size:13px; line-height: 18px;}

.typog-eyebrow{padding-bottom:4px; font-size: 13px; line-height: 16px; letter-spacing: 0.5px;}

.typog-hdr {padding-bottom: 16px;}
.typog-hdr h2 {font-size: 32px; line-height: 37px; color: #212121; text-align: left; font-family: 'Open Sans', sans-serif; font-weight: 800; letter-spacing: -.01em;}
.typog-hdr h3 {font-size: 24px; line-height: 28px; color: #212121; text-align: left; font-family: 'Open Sans', sans-serif; font-weight: 700; letter-spacing: 0em;}
.typog-hdr h4 {font-size: 20px; line-height: 24px; color: #212121; text-align: left; font-family: 'Open Sans', sans-serif; font-weight: 600; letter-spacing: 0em;}

.typog-weight-800{font-weight: 700 !important;}
.typog-weight-700{font-weight: 700 !important;}
.typog-weight-600{font-weight: 600 !important;}
.typog-weight-500{font-weight: 500 !important;}

.typog-cap{text-transform: uppercase;}
.typog-center{margin:0 auto !important; text-align:center !important;}

.txtBalance {text-wrap: balance;}
.typog-limit-two-lines {display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;display: block; display: -webkit-box; word-break: break-word; }

/* -- IMAGES AND VID -- */
.img-standard{width:100%; height:auto;}
.img-standard img{width:100%; height:auto; border-radius:8px;}

.video-standard {width:100%; height:auto; display:block; padding:0; margin:0;}
.video-standard img, .video-standard video{width:100%; height:auto; border-radius:16px; display:block;}
.video-shadow img, .video-shadow video{box-shadow: 0 12px 8px rgba(0, 0, 0, 0.04);}
/* show video end frame with JS after video ends */
.video-container {position: relative; width: 100%;}
#endPoster {position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: center; display: block; display: none;} 

/* -- COLOR -- */
.color-white{color:#ffffff;}
.color-blue-med{color:#117099;}
.color-blue-lgt-satur{color:#85d3e5;}
.color-blue-lgt{color:#b6d1dd;}
.color-brand-yellow{color:#dcff7b;}
.color-yellow{color:#ffc355;}
.opacity-33{opacity:0.33;}
.color-accessible-grey{color:#767676;}
.brand-gradient-blue {background: linear-gradient(45deg,#0D437f, #007452);}
.brand-blue-background{background-color:#104768;}

/* -------- Footer -------- */
.nav-ftr{list-style: none;}
.nav-ftr a{text-decoration: none; letter-spacing:0.02em;}
.nav-ftr li{display:inline-block;}
.nav-ftr-divider {display:inline-block; padding:0 6px; font-size:12px; line-height:0; vertical-align:1px;}
.nav-ftr-divider::before {content:"|"; color:#45a36d;}

@media only screen and (max-width: 860px) {
  .nav-ftr-divider{display:none;}
  .nav-ftr li{display:block; padding-bottom:8px;}
}

/* ---- MQs ---- */
@media only screen and (max-width: 680px) {
   .main-wrapper{padding:16px 12px;}

   .typog-hdr h2, h2 {font-size: 24px; line-height: 28px; }
   .typog-hdr h3, h3 {font-size: 18px; line-height: 22px; }
   .typog-standard, .typog-standard p {font-size: 14px;}

   .txtBalance {text-wrap:unset;}
}

@media (max-width: 600px) {
  .typog-limit-two-lines {-webkit-line-clamp: 3;}
}

@media only screen and (max-width: 500px) {
  .typog-eyebrow{font-size: 12px; line-height: 14px;-webkit-text-size-adjust: none; }

}
@media only screen and (max-width: 420px) {
   .main-wrapper{padding:0;}
   .inner-wrapper{border-radius: 0px; padding:16px;}
   .full-width-breakout-inner-wrapper {margin-left: -16px; margin-right: -16px; padding: 32px 16px 32px 16px;}
   
   .brand-mark {margin: 20px auto 56px auto;}
   
  .typog-hdr h2, h2 {font-size: 22px; line-height: 26px; }
  .typog-hdr h3, h3 {font-size: 15px; line-height: 19px; }
  .typog-par-lrg{font-size:16px; line-height: 22px;}

  .video-standard img, .video-standard video{border-radius:8px;}
}
@media only screen and (max-width: 400px) {
  .typog-par-lrg{font-size:14px; line-height: 18px;}
}

@media only screen and (max-width: 420px) {
   .footer-container{border-radius:0px;  margin-bottom: -16px;}
   .header-container{border-radius:0px; margin-top:-16px; margin-bottom:56px;}
}