/** prmary default settings **/
body{margin:0; padding:0; min-height:100vh; display:flex; flex-direction:column; font-size:clamp(1.125rem, 1.0815rem + 0.2174cqi, 1.25rem);}
main{flex-grow:1; margin-top:10px;}

a{color:#F79824; transition:all .15s ease-in-out;}
a:hover{color:#FACC1E;}

p{hyphenate-limit-chars:7; hyphens:auto;  text-wrap:pretty;}
p {font-family: 'Benton Gothic Thin NF', sans-serif;font-weight: 100;font-size: 1.125rem; /* exactly 18px if 1rem = 16px */hyphens: auto;hyphenate-limit-chars: 7;text-wrap: pretty;}

#primaryCarousel .carousel-item {height: clamp(320px, 42vw, 680px);position: relative;}
#primaryCarousel .carousel-item > img {width: 100%;height: 100%;object-fit: cover;          /* still fills, can crop */object-position: center 90%;/* bias downward to preserve lower text */}
/* Remove conflicting limits */
#primaryCarousel .carousel-item,
#primaryCarousel .carousel-item > img { max-height: none !important; }

@media (max-width: 991px) {
  #primaryCarousel .carousel-item { height: clamp(240px, 52vw, 520px); }
  #primaryCarousel .carousel-item > img { height: 100%; }
}

h1{font-size:clamp(1.7565rem, 1.324rem + 2.1626cqi, 3rem);}
h2{font-size:clamp(1.6068rem, 1.2898rem + 1.585cqi, 2.5182rem);}
h3{font-size:clamp(1.4698rem, 1.2458rem + 1.1198cqi, 2.1137rem);}
h4{font-size:clamp(1.3445rem, 1.195rem + 0.7473cqi, 1.7742rem);}
h5{font-size:clamp(1.2299rem, 1.1396rem + 0.451cqi, 1.4892rem);}

/** basic setup footer stays at bottom **/
body{margin:0; padding:0; min-height:100vh; display:flex; flex-direction:column;}
main{flex-grow:1;}

/** basic setup footer stays at bottom **/
body{margin:0; padding:0; min-height:100vh; display:flex; flex-direction:column; font-family:'Benton Gothic Thin NF', sans-serif; font-weight:200; color:#4A5153 !important;}
main{flex-grow:1;}
.anchor-tag{top:-99px;}

h6{font-size:1.15rem;}
hr{opacity:1;}
p, li{font-size:1.25rem; line-height:1.8rem;}

h4 small{font-size:1.3rem; line-height:2rem;}
p small{font-size:1.15rem; line-height:1.9rem;}


p{hyphenate-limit-chars:7; hyphens:auto;  text-wrap:pretty;}

/** bootstrap extensions **/
.fs-sm{font-size:clamp(1.0291rem, 1.0221rem + 0.035cqi, 1.0492rem);}

.fw-regular{font-weight:500!important;}
.fw-medium{font-weight:600!important;}
.fw-bold{font-weight:800!important;}


main p a.underlined{color:#478CFF; text-decoration:none; border-bottom:2px solid #C4E7FF!important; transition:color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out;}
main p a.underlined:hover{color:#4F86C6; text-decoration:none; border-bottom:2px solid #478CFF;}

main p a{color:#F79824; text-decoration:none; transition:color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out;}
main p a:hover{color:#4F86C6; text-decoration:none;}

#crmWebToEntityForm {display: none !important;}

.primary-text {--bs-text-opacity: 1;color:#5283C5 !important;}
.contact-us-button {background-color: #5283C5 !important;color: #ffffff !important;border: 4px solid #5283C5 !important;border-radius: 4px !important;font-size: 1.2rem !important;padding: 10px 20px !important;text-transform: uppercase !important;font-weight: bold !important;text-decoration: none !important;display: inline-block !important;line-height: 30px !important;margin-left: 15px !important;transition: all 0.3s ease-in-out !important;}
.default-transition{transition:all .15s ease-in-out!important;}
.hover-brighten:hover{filter: brightness(1.2);}
.hover-underline{text-decoration:underline; text-decoration-color:transparent;}
.hover-underline:hover{text-decoration:underline!important;}
.hover-dark-blue:hover{color:#011b8f!important;}
.hover-orange:hover{color:#F87400!important;}
.img-contain{aspect-ratio:1; object-fit:cover; object-position:center center;}
.img-cover{object-fit:cover;}
.text-wrap-balance{text-wrap:balance;}
.border-black{border-color:#000000!important;}
.bg-orange-transparent{background:rgba(230, 108, 0, .85);}
.border-top-yellow{border-top-color:#ffff00!important; border-top-width:5px; border-top-style:solid;}

.text-pri-1{color:#3c3c3c;}
.text-pri-2{color:#cc6500;}
.text-pri-2-hover:hover{color:#ffffff!important;}
.text-pri-3{color:#ffff00;}
.bg-pri-1{background-color:#FFD800;}
.bg-pri-2{background-color:#f87400;}
.bg-pri-3{background-color:#4674B2;}
.border-pri-1{border-color:#003871;}
.border-pri-2{border-color:#ACDEFF;}
.border-pri-3{border-color:#147F75;}

.text-sec-1{color:#011b8f;}
.text-sec-2{color:#C4E7FF;}
.text-sec-3{color:#AA0000;}
.bg-sec-1{background-color:#464646;}
.bg-sec-2{background-color:#151515;}
.bg-sec-3{background-color:#AA0000;}
.border-sec-1{border-color:#478CFF;}
.border-sec-2{border-color:#C4E7FF;}
.border-sec-3{border-color:#AA0000;}

.text-nd-1{color:#072B53;}
.text-nd-2{color:#385575;}
.text-nd-3{color:#6A7F97;}
.bg-nd-1{background-color:#072B53;}
.bg-nd-2{background-color:#385575;}
.bg-nd-3{background-color:#6A7F97;}
.border-nd-1{border-color:#072B53;}
.border-nd-2{border-color:#385575;}
.border-nd-3{border-color:#6A7F97;}

.text-nl-1{color:#F8FAFC;}
.text-nl-2{color:#EBEEF1;}
.text-nl-3{color:#D9DFE5;}
.bg-nl-1{background-color:#ffff00;}
.bg-nl-2{background-color:#bf5a00;}
.bg-nl-3{background-color:#D9DFE5;}
.border-nl-1{border-color:#F8FAFC;}
.border-nl-2{border-color:#EBEEF1;}
.border-nl-3{border-color:#D9DFE5;}


.fw-regular{font-weight:400;}
.fw-medium{font-weight:500;}
.fw-bold{font-weight:700;}
.fw-heavy{font-weight:800;}
.fw-black{font-weight:900;}

.text-danger{color:#B22017;}
.bg-danger{background-color:#B22017;}
.border-dander{border-color:#B22017;}

.form-control.invalid{border-color:#B22017;}

.text-success{color:#147F75;}
.border-success{border-color:#147F75;}

.text-nl-4{color:#003871;}
.text-nl-5{color:#A5B2C0;}
.text-nl-6{color:#F6F7FF;}
.bg-nl-4{background-color:#F6F7FF;}
.border-nl-4{border-color:#D9DFE5}
.text-light-green{color:#16B8B2;}
.text-light-green-hover:hover{color:#16B8B2!important;}
.text-light-blue-hover:hover{color:#C4E7FF!important;}

.border-lower-right-pri-3{box-shadow:10px 10px 0px 0px #4B85D0;}
.border-lower-left-pri-3{box-shadow:-10px 10px 0px 0px #4B85D0;}

.pri-box-shadow{box-shadow:0px 3px 50px #072B531A;}
.pri-box-shadow-link{box-shadow:0px 3px 50px #072B531A; transition:all .15s ease-in-out;}
.pri-box-shadow-link:hover{box-shadow:0px 3px 50px #072B533A;}
.pri-box-shadow-link-small{box-shadow:0px 3px 20px #072B531A; transition:all .15s ease-in-out;}
.pri-box-shadow-link-small:hover{box-shadow:0px 3px 20px #072B533A;}
.sec-box-shadow-link{box-shadow:0px 3px 50px #072B531A; transition:all .15s ease-in-out;}
.sec-box-shadow-link:hover{box-shadow:0px 3px 50px #072B533A;}
.ter-box-shadow{box-shadow:0px 3px 50px #03162280;}

.bg-nl-1-bg-pri-1{background:#ffff00; background:linear-gradient(90deg, #ffff00 50%, #ffd800 50%);}
.bg-nl-2-bg-pri-2{background:#bf5a00; background:linear-gradient(90deg, #bf5a00 50%, #f87400 50%);}

.line-behind-pri-2{display:table; white-space:nowrap; overflow:hidden;}
.line-behind-pri-2:before, .line-behind-pri-2:after{border-top:2px solid #ACDEFF; content:''; display:table-cell; position:relative; top:2.3rem; width:100px;}
.line-behind-pri-2:before{right:20px;}
.line-behind-pri-2:after{left:20px;}

.logo{min-height: 100px; max-height: 300px;}
.offcanvas-logo{min-height: 100px;}

/*** Flags ***/

.language-switcher {
  gap: 0.5rem;
}

.lang-link {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  padding: 0.5rem 0.25rem;    /* space for fingers without looking like a button */
  min-width: 44px;
  min-height: 44px;           /* WCAG touch target */
  text-decoration: none;
  color: inherit;             /* follow your navbar text color */
  background: transparent;    /* explicitly no pill/background */
  border: none;               /* explicitly no border */
}

.lang-link img {
  width: 24px;
  height: 16px;
  flex: 0 0 auto;
}

.lang-link .lang-code {
  font-weight: 600;
  font-size: 1rem;            /* bigger text without screaming */
  letter-spacing: .02em;
}

.lang-link:hover,
.lang-link:focus-visible {
  text-decoration: underline; /* subtle affordance only on hover/focus */
}

/* Offcanvas and small screens: bump size very slightly for thumbs */
@media (max-width: 991.98px) {
  .lang-link {
    padding: 0.6rem 0.3rem;
  }
  .lang-link .lang-code {
    font-size: 1.05rem;
  }
  .lang-link img {
    width: 28px;
    height: 18px;
  }
}


/*** hp-cta ***/
.hp-cta {
  display: block;
  padding: 0.25rem 0;
  color: inherit;
}

.hp-cta:focus-visible,
.hp-cta:hover {
  text-decoration: none;
}

.icon-container-homepage {
  display: grid;
  place-items: center;
  min-height: 72px;
}

@media (max-width: 991.98px) {
  .hp-cta { padding: 0.5rem 0; }
  .homepage-link-text { font-size: 1.05rem; }
}


/* General Styles */
.banner { background-size: cover; background-position: center; }
.section-title { color: #e66c00; font-weight: bold; }
.card { padding: 1rem; background: #f0f0f0; border-radius: 8px; margin-bottom: 1.5rem; }


/*** Learn more home section ***/
.learn-more-section { background-color: #F79824; padding: 5rem 0; }
.learn-more-card { width: 100%; max-width: 300px; background: #f0f0f0; border-radius: 10px; margin-bottom: 1.5rem; overflow: hidden; }
.learn-more-card-img { width: 100%; height: 200px; object-fit: cover; border-top-left-radius: 10px; border-top-right-radius: 10px; }
.learn-more-card-body { padding: 1rem; text-align: center; }
.learn-more-card-title { font-weight: bold; }
.learn-more-card-text { font-size: 1rem; color: #555; }
.learn-more-btn { display: inline-block; padding: 0.75rem 1.5rem; background-color: #4F86C6; color: #fff; text-decoration: none; border-radius: 5px; font-weight: bold; transition: all 0.3s ease-in-out; }
.learn-more-btn:hover { background-color: #0056b3; }

/*** Banner from render pages ***/
.banner-item .container-fluid { height: 28vh; }
.banner-item .position-relative {display: flex;height: 300px;justify-content: center;align-items: center;background-size: 200%;background-position: center center;position: relative;padding: 0;}
.page-title {font-size: 2.5rem;color: #fff;font-weight: bold;text-shadow: 2px 2px 8px rgba(0, 0, 0, 0.7);z-index: 1;margin: 0;}
.banner {background-size: cover;background-position: center;text-align: center;padding: 60px 20px;color: white;}
.banner h1 {font-size: 48px;font-weight: bold;}
.solid {border-top: 4px solid #F87400;}

/*** Banner ***/
.page-title {font-size: 3.5rem; color: #fff; font-weight: bold; text-shadow: 2px 2px 8px rgba(0, 0, 0, 0.7); z-index: 1; margin: 0; text-transform: uppercase; text-align: center; padding: 0 1rem;}
.banner {position: relative; width: 100%; height: 23vh; background: none; background-repeat: no-repeat; background-position: center center; background-size: cover; display: flex; align-items: center; justify-content: center;}

@media screen and (max-width: 768px) {.banner {height: 20vh;} .page-title {font-size: 3rem;}}
@media screen and (max-width: 576px) {.banner {height: 15vh;} .page-title {font-size: 2.5rem;}}


/* Typography */
.middle-text { font-size: 26px; font-weight: bold; }
.last-text { font-size: 20px; font-weight: bold; }
.title-section h3 { color: white; font-weight: bold; margin-bottom: 0; }
.title-section h4 { color: yellow; margin-top: 0.5rem; }
.content-section p { color: #fff; margin-top: 1rem; }

/* Checklist Styles */
.checklist-container { display: flex; flex-direction: column; gap: 1.5rem; padding-top: 2rem; }
.checklist-item { display: flex; align-items: flex-start; }
.check-icon { width: 54px; height: 54px; margin-right: 10px; }
.checklist-item h4 { text-transform: uppercase; font-weight: bolder; }
.checklist-text { margin-top: 0.3rem; }

/* Icons and Buttons */
.icon-text { display: flex; align-items: center; }
.icon-text i { margin-right: 0.5rem; }
.cta-button { background-color: yellow; padding: 0.5rem 1rem; font-weight: bold; color: black; border-radius: 4px; }

/* Sections and Layout */
.section { display: flex; align-items: center; margin-bottom: 2rem; }
.image-content img { width: 474px; height: 552px; object-fit: cover; margin-right: 1rem; }
.image-content-reduced-height img { max-height: 300px;width: auto; height: auto; }
.text-content { flex: 1; }

/*** Youtube homepage ***/
.ratio iframe {border-radius: 20px;box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);}

/*** Icons ***/
.icon-container-homepage {width: 200px;height: 200px; border: 18px solid #5283C5;border-radius: 50%;display: block !important;align-items: center; justify-content: center; margin: 0 auto;}
.icon-container-homepage svg {width: 40px;height: 40px;fill: none;stroke: #5283C5;}
a.text-decoration-none:hover {text-decoration: underline;}
.icon-container-homepage:hover {transform: scale(1.05); transition: transform 0.2s ease-in-out;}
[class*=" icon-"], [class^=icon-] { font-family: icomoon!important; font-style: normal; font-weight: 400; text-transform: none; min-width: 1em; display: flex !important; text-align: center; font-size: 1rem; vertical-align: middle; top: -1px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }


/** footer author **/
.footer-author{background:#0C0C0C}
.footer-author .credit{padding:10px 0; color:#FFF; font-size:.8em; margin:0; text-align:right; margin-right:25px;}
.footer-author .credit img{width:180px; filter:grayscale(1); transition:.5s ease-in-out;}
.footer-author .credit img:hover, .footer-author .credit img:active{filter:grayscale(0);}

/** Carousel **/

#primaryCarousel .carousel-item, #primaryCarousel .carousel-item > img { max-height: 1000px; }
#primaryCarousel .carousel-item img { object-fit: cover; object-position: center center; width: 100%; height: auto; }
#primaryCarousel .carousel-item .carousel-caption { background: rgb(255,255,255); right: 0; bottom: 0; left: 0; }
#primaryCarousel .carousel-item .carousel-caption .save-today-container img { position: absolute; top: -80px; right: 0px; width: 330px; }
.carousel-description p { font-size: 1.6em; line-height: 1.8rem; }
/*** Carousel Indicators ***/
.carousel-control-next-icon, .carousel-control-prev-icon {display: inline-block;width: 10rem !important;height: 10rem !important;background-repeat: no-repeat;background-position: 50%;background-size: 100% 100%;}
.carousel-indicators button { width: 15px !important; height: 15px !important; border-radius: 50% !important; background-color: #5283C5 !important; }

/*** Homepage links ***/
.homepage-link-text { font-size: 1.5rem; font-weight: bold; color: black; }
/*** Search ***/
.squared-input { width: 300px !important; height: 60px !important; border: 4px solid #5283C5 !important; border-radius: 5px !important; background-color: #ffffff !important; font-size: 1.2rem !important; padding: 10px 15px !important; outline: none !important; color: #000 !important; }
.squared-input::placeholder { color: #aaa; opacity: 1; }
.squared-input:focus { border-color: #5283C5; box-shadow: 0 0 10px rgba(82, 131, 197, 0.5); }
.squared-button { height: 50px; border: 4px solid #5283C5; border-radius: 10px; background-color: #5283C5; color: #ffffff; padding: 0 20px; font-size: 1.2rem; cursor: pointer; transition: all 0.3s ease-in-out; }

/*** Contact us ***/
.contact-us-button { background-color: #5283C5 !important; color: #ffffff !important; border: 4px solid #5283C5 !important; border-radius: 4px !important; font-size: 1.2rem !important; padding: 10px 20px !important; text-transform: uppercase !important; font-weight: bold !important; text-decoration: none !important; display: inline-block !important; line-height: 30px !important; margin-left: 15px !important; transition: all 0.3s ease-in-out !important; }

/*** About us ***/
.about-container {background-color: #f9f9f9;padding: 60px 20px;text-align: center;}
.about-container h1 {font-size: 36px;color: #4F86C6;margin-bottom: 20px;}
.about-content {max-width: 800px;margin: 0 auto;font-size: 18px;color: #333;line-height: 1.8;}
.about-section {padding: 40px 20px;text-align: center;}
.about-section h2 {font-size: 30px;color: #4F86C6;margin-bottom: 15px;}
.section-image img {max-width: 100%;height: auto;border-radius: 10px;margin: 20px 0;box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);}
.about-section-resources{color: #fff}

/** bootstrap extensions **/
.fs-sm{font-size:clamp(1.0291rem, 1.0221rem + 0.035cqi, 1.0492rem);}

.fw-regular{font-weight:500!important;}
.fw-medium{font-weight:600!important;}
.fw-bold{font-weight:800!important;}

.cursor-pointer{cursor:pointer;}
.page-anchor{position:absolute; top:-126px;}
.default-transition{transition:all .15s ease-in-out!important;}

.bg-blue{background:#0000ff;}

.hover-bg-blue:hover{background:#0000ff;}

.text-blue{color:#0000ff;}

.hover-text-blue{color:#0000ff;}

/*** Our Story ***/
  .stat-card {
    background-color: #F09423;  
    color: #FFFFFF;
    border: none;
    border-radius: .75rem;
  }
  .impact-card {
    background-color: #4F86C6; 
    color: #FFFFFF;
    border: none;
    border-radius: .75rem;
  }
  .feature-card {
    background-color: #5284C4; 
    color: #FFFFFF;
    border: none;
    border-radius: .75rem;
  }
  .stat-card .card-body,
  .impact-card .card-body,
  .feature-card .card-body {
    padding: 1rem;
    font-weight: 500;
  }
  .feature-card h4,
  .feature-card p,
  .feature-card li {
    color: #FFFFFF;
  }

/*** Board of directors ***/
  .main-contact address {
    font-size: 1.1rem;
    color: #4F86C6;
  }
  .board-member-card {
    border: 2px solid #5284C4;
    border-radius: .5rem;
    background-color: #FFFFFF;
  }
  .board-member-card .card-title {
    color: #5284C4;
    font-weight: 600;
  }
  .board-member-card .card-text {
    color: #4F86C6;
  }
  .board-member-card .card-text a {
    color: #EF5E26;
    text-decoration: none;
  }
  /* hover lift & shadow */
  .board-member-card {
    transition: transform 0.3s ease, box-shadow 0.3s ease;
  }
  .board-member-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 12px 24px rgba(0,0,0,0.15);
  }

  /* animated underline */
  .board-member-card .card-title {
    position: relative;
    display: inline-block;
  }
  .board-member-card .card-title::after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: -4px;
    height: 3px;
    width: 0;
    background: #EF5E26;
    transition: width 0.3s ease, left 0.3s ease;
  }
  .board-member-card:hover .card-title::after {
    width: 100%;
    left: 0;
  }

/*** Our Programs ***/
  .program-detail {
    background-color: #FFFFFF;
  }
  .program-detail h1 {
    color: #4F86C6;
    position: relative;
  }
  .program-detail h1::after {
    content: "";
    display: block;
    width: 60px;
    height: 4px;
    background: #F09423;
    margin: 8px auto 0;
    border-radius: 2px;
  }
  .program-detail h2,
  .program-detail h3,
  .program-detail h4 {
    color: #5284C4;
  }
  .program-detail .lead {
    color: #333333;
  }
  .program-detail .card {
    border: none;
  }
  .program-detail .card:hover {
    box-shadow: 0 4px 20px rgba(0,0,0,0.08);
  }
  .program-detail .list-group-item {
    background: #F9FAFB;
    border: none;
    border-left: 4px solid #5284C4;
    margin-bottom: 0.5rem;
    border-radius: 0.25rem;
  }
  .program-detail .list-group-numbered .list-group-item {
    border-left-color: #EF5E26;
  }
  .program-detail .btn-enroll {
    background-color: #F09423;
    color: #FFFFFF;
    font-weight: 600;
  }
  .program-detail .btn-enroll:hover {
    background-color: #EF5E26;
  }

  .orange-bttn {
    background-color: #F09423;
    color: #FFFFFF;
    font-weight: 600;
    border: 4px solid #F09423 !important;
    border-radius: 4px !important;
    font-size: 1.2rem !important;
    padding: 10px 20px !important;
    text-transform: uppercase !important;
    text-decoration: none !important;
    display: inline-block !important;
    line-height: 30px !important;
    margin-left: 15px !important;
    transition: all 0.3s ease-in-out !important;
  }
  .orange-bttn:hover {
    background-color: #d87f11;
  }
  .blue-bttn {
    background-color: #4F86C6;
    color: #FFFFFF;
    font-weight: 600;
    border: 4px solid #5283C5 !important;
    border-radius: 4px !important;
    font-size: 1.2rem !important;
    padding: 10px 20px !important;
    text-transform: uppercase !important;
    text-decoration: none !important;
    display: inline-block !important;
    line-height: 30px !important;
    margin-left: 15px !important;
    transition: all 0.3s ease-in-out !important;
  }
  .blue-bttn:hover {
    background-color: #4F86C6;
  }


/** element settings **/
.logo{min-height: 100px;}
.offcanvas-logo{min-height: 100px;}


/** footer author **/
.footer-author{background:#0C0C0C}
.footer-author .credit{padding:10px 0; color:#FFF; font-size:.8em; margin:0; text-align:right; margin-right:25px;}
.footer-author .credit img{width:180px; filter:grayscale(1); transition:.5s ease-in-out;}
.footer-author .credit img:hover, .footer-author .credit img:active{filter:grayscale(0);}

@media(max-width:576px){

}

@media(min-width:576px){
	
}

@media(max-width:768px){

}

@media(max-width:992px){
    .mobile-menu-expand{position:absolute; top:5px; height:40px; border-left:1px solid rgba(255, 255, 255, .2); transition:background .15s ease-in-out; cursor:pointer;}
    .mobile-menu-expand:hover, .mobile-menu-expand:active{background:rgba(255, 255, 255, .2);}
    header .navbar .navbar-nav{padding-top:15px; padding-bottom:15px; border-top:1px solid rgba(255, 255, 255, .2); border-bottom:1px solid rgba(255, 255, 255, .2);}
    header .navbar .navbar-nav .nav-link{padding-top:.75rem; padding-bottom:.75rem;}
    header .navbar .navbar-nav > li > .mobile-menu-expand{right:-10px; width:50px;}
    header .navbar .navbar-nav > li > .dropdown-toggle::after{position:absolute; right:11px; top:23px;}
    header .navbar .navbar-nav > li > ul > li > .mobile-menu-expand{right:0px; width:50px;}
    header .navbar .navbar-nav > li > ul > li > .dropdown-toggle::after{position:absolute; right:10px; top:20px; width:20px; height:17px;}
    header .navbar .navbar-nav .dropdown-toggle:hover::after{color:#ffffff!important;}
    header .navbar .navbar-nav .dropdown-menu{margin-top:10px; margin-bottom:15px;}
}


@media(min-width:992px){

}

@media(min-width:1200px){
	
}

/****  Need to have this organized for the futuer  ****/



@media(max-width:576px){

}

@media(min-width:576px){
	
}

@media(max-width:768px){

}

/*** Caroulse responsive media ***/
@media (max-width: 991px) {
/*    #primaryCarousel .carousel-item, #primaryCarousel .carousel-item > img { min-height: 100vh; }*/
	#primaryCarousel .carousel-item, #primaryCarousel .carousel-item > img { min-height: 42vh !important; max-height: 220px !important;  }
    #primaryCarousel .carousel-item img { height: 100vh; object-fit: cover; }
    #primaryCarousel .carousel-item .carousel-caption .save-today-container img { position: absolute; top: calc(100% - 125px); right: calc(50% - 75px); width: 150px; }
    #primaryCarousel .carousel-item .carousel-caption h1 { font-size: 2rem; }
    #primaryCarousel .carousel-item .carousel-caption h4 { font-size: 1.4rem; }
    #primaryCarousel .carousel-item .carousel-caption .fs-4 { font-size: 1.2rem !important; }
    #primaryCarousel .carousel-caption { padding: 1rem; }
}

@media (max-width: 768px) {
/*    #primaryCarousel .carousel-item, #primaryCarousel .carousel-item > img { min-height: 100vh; }*/
    #primaryCarousel .carousel-item, #primaryCarousel .carousel-item > img { min-height: 32vh !important; max-height: 220px !important;  }
    #primaryCarousel .carousel-item .carousel-caption { padding: 0.5rem; font-size: 1rem; }
    #primaryCarousel .carousel-item .carousel-caption h1 { font-size: 1.8rem; }
    #primaryCarousel .carousel-item .carousel-caption h4 { font-size: 1.2rem; }
    #primaryCarousel .carousel-item .carousel-caption .save-today-container img { width: 120px; right: calc(50% - 60px); }
}

@media (max-width: 576px) {
/*    #primaryCarousel .carousel-item, #primaryCarousel .carousel-item > img { min-height: 100vh; }*/
    #primaryCarousel .carousel-item, #primaryCarousel .carousel-item > img { min-height: 18vh !important; max-height: 120px !important; }
    #primaryCarousel .carousel-item .carousel-caption { padding: 0.3rem; font-size: 0.9rem; }
    #primaryCarousel .carousel-item .carousel-caption h1 { font-size: 1.5rem; }
    #primaryCarousel .carousel-item .carousel-caption h4 { font-size: 1rem; }
    #primaryCarousel .carousel-item .carousel-caption .save-today-container img { width: 100px; right: calc(50% - 50px); }
	.carousel-indicators {position: absolute;right: 0;bottom: 0;left: 0;z-index: 2;display: flex;justify-content: center;padding: 0;margin-right: 15%; transform: translateY(55%); margin-bottom: 0rem !important; margin-left: 15%; list-style: none;}
}


@media(max-width:991px){
    .upper-header-containers > *{width:50%;}
    header h3{font-size:1.8rem;}
    header h5{font-size:1.1rem;}
    .text-pri-2{color:#ffffff!important;}
    .text-pri-2-hover:hover{color:#ffffff!important;}
    .navbar-nav:first-of-type{border-bottom:1px solid rgba(255, 255, 255, 0.27);}
    .mobile-menu-expand{position:absolute; top:15px; height:40px;  transition:background .15s ease-in-out; cursor:pointer;}
    header .navbar .navbar-nav{padding-top:15px; padding-bottom:15px;}
    header .navbar .navbar-nav .nav-link{padding-top:1rem; padding-bottom:1rem;}
    header .navbar .navbar-nav .nav-link.show{background:#ffffff; color:#3c3c3c;}
    header .navbar .navbar-nav > li > .mobile-menu-expand{right:87px; width:40px;}
    header .navbar .navbar-nav > li > .dropdown-toggle::after{position:absolute; padding-left:8px; top:15px;}
    header .navbar .navbar-nav > li > .dropdown-toggle.show::after{font-family:"Font Awesome 6 Pro"; padding-left:8px; content:"\f078"; margin-left:.8em;}
    header .navbar .navbar-nav > li > ul > li > .mobile-menu-expand{right:0px; width:50px;}
    header .navbar .navbar-nav > li > ul > li > .dropdown-toggle::after{position:absolute; right:10px; top:20px; width:20px; height:17px;}
    header .navbar .navbar-nav .dropdown-toggle:hover::after{color:#3c3c3c!important;}
    header .navbar .navbar-nav .dropdown-menu{text-align:center;}
    .dropdown-menu > li a{padding-top:1rem; padding-bottom:1rem; background:#ffffff; color:#3c3c3c;}
    .navbar-toggler{font-size:1.8rem;}
    .navbar-toggler-icon{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='%233c3c3c' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");}
    .navbar-toggler .menu-display{font-size:.6rem;}
    .p-45{padding:2.25rem!important;}
    .logo{width:156px;}
    .offcanvas-logo{width:240px;}
    .footer-logo{width:182px;}
    .text-nav{color:#ffffff; font-weight:400!important; font-size:24px;}
    .text-nav:hover, .text-nav:active, .text-nav:focus{color:#ffff00;}
    .dropdown .text-nav:hover, .dropdown .text-nav:active, .dropdown .text-nav:focus{color:#f87400;}
    .dropdown-item:hover {background:#ffffff;}
    
    header .navbar .navbar-nav .nav-item{text-align:center;}
    .border-lower-right-pri-3{box-shadow:10px 10px 0px 0px #147F75;}
    .border-lower-left-pri-3{box-shadow:-10px 10px 0px 0px #147F75;}
    .fixed-top-secondary{position:fixed; top:72px; right:0; left:0; z-index:5;}
    .text-nav.current-page{color:#ffff00;}
}

@media(max-width:992px){
    .mobile-menu-expand{position:absolute; top:5px; height:40px; border-left:1px solid rgba(255, 255, 255, .2); transition:background .15s ease-in-out; cursor:pointer;}
    .mobile-menu-expand:hover, .mobile-menu-expand:active{background:rgba(255, 255, 255, .2);}
    header .navbar .navbar-nav{padding-top:15px; padding-bottom:15px; border-top:1px solid rgba(255, 255, 255, .2); border-bottom:1px solid rgba(255, 255, 255, .2);}
    header .navbar .navbar-nav .nav-link{padding-top:.75rem; padding-bottom:.75rem;}
    header .navbar .navbar-nav > li > .mobile-menu-expand{right:-10px; width:50px;}
    header .navbar .navbar-nav > li > .dropdown-toggle::after{position:absolute; right:11px; top:23px;}
    header .navbar .navbar-nav > li > ul > li > .mobile-menu-expand{right:0px; width:50px;}
    header .navbar .navbar-nav > li > ul > li > .dropdown-toggle::after{position:absolute; right:10px; top:20px; width:20px; height:17px;}
    header .navbar .navbar-nav .dropdown-toggle:hover::after{color:#ffffff!important;}
    header .navbar .navbar-nav .dropdown-menu{margin-top:10px; margin-bottom:15px;}
}

@media(min-width:992px) {
	.dropdown-menu { box-shadow: 0px 3px 30px #0000003A !important; left: 50% !important; transform: translateX(-50%); padding-top: 4px !important; min-width: 200px !important; }
	.dropdown-menu::before { content: ''; display: block; width: 100%; height: 4px; background-color: #5283C5; position: absolute; top: 0; left: 0; z-index: 1; }
	.dropdown-menu > li:not(:last-child) a { border-bottom: 1px solid rgba(255, 255, 255, .27); }
	.dropdown-menu > li a { text-align: center !important; padding-left: 21px; padding-top: .7rem; padding-bottom: .7rem; transition: all .15s ease-in-out; color: #000;  }
	.dropdown-menu > li:hover a { color: #fff !important; background: #F79824; }
}


@media(min-width:992px){
	.modal-header{align-items:flex-start;}
    .nav-item > .text-nav{color:#3c3c3c; padding-top:1rem; padding-bottom:1rem; font-size:1.1rem; line-height:1; letter-spacing:0.01em; position:relative;}
    .navbar-nav:first-of-type > .nav-item > .text-nav{color:#cc6500;}
    .navbar-nav:first-of-type > .nav-item > .text-nav.current-page{color:#011b8f;}
    .navbar-nav:first-of-type > .nav-item:hover > .text-nav{color:#011b8f;}
    .navbar-nav:first-of-type > .nav-item:not(:last-child) > .text-nav::after{content:''; height:20px; right:0px; position:absolute; z-index:2; top:20px; background:#F79824; width:2px;}
    .navbar-nav:last-of-type > .nav-item:hover > .text-nav{color:#ffffff; background:#F79824;}
    .navbar-nav:last-of-type > .nav-item > .text-nav.current-page{color:#ffffff; background:#F79824;}
    .navbar-nav:last-of-type > .nav-item.dropdown  > .text-nav.current-page{color:#ffffff; background:#F79824; }
    .dropdown-menu > li a:hover{filter:brightness(1.05);}
    .nav-item.dropdown > .text-nav{padding-bottom:calc(1rem - 1px)!important;}
    .dropdown-menu{box-shadow:0px 3px 30px #0000003A;}
    .dropdown-menu > li:not(:last-child) a{border-bottom:1px solid rgba(255, 255, 255, .27);}
    .dropdown-menu > li a{text-align:center; padding-left:21px; padding-top:.7rem; padding-bottom:.7rem; transition:all .15s ease-in-out; color:#000;  text-transform:unset;}
    .dropdown-menu > li:hover a{color:#fff; background:#F79824;}
    .our-focus h2{line-height:3.25rem;}
    .carousel-indicators {position: absolute;right: 0;bottom: 0;left: 0;z-index: 2;display: flex;justify-content: center;padding: 0;margin-right: 15%; margin-bottom: 0rem !important; margin-left: 15%; list-style: none;}
    .fixed-top-secondary{position:fixed; top:99px; right:0; left:0; z-index:5;}
}

@media(min-width:1200px){
    .nav-item > .text-nav{font-size:1.3rem;}
}

@media(min-width:1400px){
    .nav-item > .text-nav{font-size:1.5rem;}
}

/* ========== NAV: Heavier weight + custom caret ========== */
/* Optional: hide any Bootstrap default caret if present */
header .navbar .navbar-nav .dropdown-toggle::after { display: none !important; }
header .navbar .navbar-nav .text-nav {font-weight: 600 !important;}

/* Hide Bootstrap's default caret if any element still has .dropdown-toggle */
header .navbar .navbar-nav .dropdown-toggle::after { display: none !important; }

/* Add a custom down-arrow to top-level items that have dropdowns */
header .navbar .nav-item.dropdown > .text-nav {position: relative;padding-right: 1.4rem; }

/* Bigger caret */
header .navbar .nav-item.dropdown > .text-nav::after {content: "";display: inline-block;width: 2.50rem; height: 2.50rem; margin-left: 0.5rem;vertical-align: middle;background-repeat: no-repeat;background-size: 100% 100%;transition: transform 200ms ease-in-out;background-image: url("data:image/svg+xml;utf8,\
<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='%235284C4'>\
<path d='M5.23 7.21a.75.75 0 0 1 1.06.02L10 10.137l3.71-2.907a.75.75 0 1 1 .94 1.17l-4.2 3.29a.75.75 0 0 1-.94 0l-4.2-3.29a.75.75 0 0 1 .02-1.06z'/>\
</svg>");
}

/* Rotate when open — cover all states you use */
header .navbar .nav-item > .text-nav[aria-expanded="true"]::after,
header .navbar .nav-item > .text-nav.show::after,
header .navbar .nav-item.show > .text-nav::after,
header .navbar .nav-item.is-open > .text-nav::after {transform: rotate(180deg);}

/* Mobile caret placement */
@media (max-width: 991.98px) {
  header .navbar .nav-item.dropdown > .text-nav { padding-right: 2.25rem; }
  header .navbar .nav-item.dropdown > .text-nav::after {
    position: absolute; right: .75rem; top: 50%; transform: translateY(-50%);
  }
}

/* Hover affordance on desktop */
@media (min-width: 992px) {
  header .navbar .nav-item:hover > .text-nav::after {
    transform: translateY(1px);
  }
}

/* Mobile: place caret to the far right inside the tappable row */
@media (max-width: 991.98px) {
  header .navbar .nav-item.dropdown > .text-nav {
    padding-right: 2.1rem; /* more room for touch target */
  }
  header .navbar .nav-item.dropdown > .text-nav::after {
    position: absolute;
    right: 0.75rem;
    top: 50%;
    transform: translateY(-50%);
  }
}
/* ---- PATCH 1: stop the vertical divider from hijacking ::after on dropdowns ---- */
.navbar-nav:first-of-type > .nav-item.dropdown > .text-nav::after {
  content: none !important;
}

/* ---- PATCH 2: caret styling (size + color) with a rotation variable ---- */
header .navbar .nav-item.dropdown > .text-nav {
  position: relative;
  padding-right: 1.75rem; 
  --caret-rot: 0deg;
}
/* ---- PATCH 3: set rotation when open (cover all states your JS/Bootstrap use) ---- */
header .navbar .nav-item > .text-nav[aria-expanded="true"],
header .navbar .nav-item > .text-nav.show,
header .navbar .nav-item.show > .text-nav,
header .navbar .nav-item.is-open > .text-nav {
  --caret-rot: 180deg;
}

/* ---- PATCH 4: desktop hover shouldn't wipe rotation; compose it ---- */
@media (min-width: 992px) {
  header .navbar .nav-item:hover > .text-nav::after {
    transform: translateY(1px) rotate(var(--caret-rot, 0deg)) !important;
  }
}

/* ---- PATCH 5: mobile placement with rotation composed ---- */
@media (max-width: 991.98px) {
  header .navbar .nav-item.dropdown > .text-nav { padding-right: 2.25rem; }
  header .navbar .nav-item.dropdown > .text-nav::after {
    position: absolute;
    right: .75rem;
    top: 50%;
    transform: translateY(-50%) rotate(var(--caret-rot, 0deg)) !important;
  }
}
/*** our story css ***/
.card.hover-lift{transition:transform .2s ease, box-shadow .25s ease;}
.card.hover-lift:hover{transform:translateY(-4px); box-shadow:0 12px 24px rgba(0,0,0,.12);}
.reveal-img{opacity:0; transform:translateY(12px); transition:opacity .4s ease, transform .4s ease;}
.reveal-img[data-aos]{opacity:1; transform:none;}


/* LEARN-MORE cards: force readable typography on light bg */
.learn-more-card{background:#fff !important;color:#111 !important;border:none;border-radius:12px;box-shadow:0 4px 12px rgba(0,0,0,.12);}
.learn-more-card .learn-more-card-title{color:#5284C4 !important;font-weight:600 !important;}
.learn-more-card .learn-more-card-text,
.learn-more-card p,
.learn-more-card li,
.learn-more-card .card-body{color:#111 !important;}
.learn-more-card a:not(.learn-more-btn){color:#5284C4 !important;text-decoration:underline;text-underline-offset:2px;}
.learn-more-card a:not(.learn-more-btn):hover{filter:brightness(1.1);}
.learn-more-card .learn-more-btn{background:#F09423 !important;color:#fff !important;border-radius:6px;padding:.5rem 1rem;font-weight:600;transition:background .3s ease,transform .2s ease;}
.learn-more-card .learn-more-btn:hover{background:#d97524 !important;transform:scale(1.05);}

/* GLOBAL card readability reset for light cards */
.feature-card,.impact-card,.stat-card,.learn-more-card{background:#fff !important;color:#111 !important;border:none;border-radius:12px;box-shadow:0 4px 12px rgba(0,0,0,.12);}

/* Headings pop in brand blue */
.feature-card h1,.feature-card h2,.feature-card h3,.feature-card h4,.feature-card h5,.feature-card h6,
.impact-card h1,.impact-card h2,.impact-card h3,.impact-card h4,.impact-card h5,.impact-card h6,
.stat-card h1,.stat-card h2,.stat-card h3,.stat-card h4,.stat-card h5,.stat-card h6,
.learn-more-card .learn-more-card-title{color:#5284C4 !important;font-weight:600 !important;}

/* Body text back to dark */
.feature-card p,.feature-card li,.feature-card .card-body,
.impact-card p,.impact-card li,.impact-card .card-body,
.stat-card p,.stat-card li,.stat-card .card-body,
.learn-more-card .learn-more-card-text,.learn-more-card p,.learn-more-card li,.learn-more-card .card-body{color:#111 !important;}

/* Links in cards (except CTA buttons) */
.feature-card a:not(.learn-more-btn):not(.orange-bttn):not(.blue-bttn),
.impact-card a:not(.learn-more-btn):not(.orange-bttn):not(.blue-bttn),
.stat-card a:not(.learn-more-btn):not(.orange-bttn):not(.blue-bttn),
.learn-more-card a:not(.learn-more-btn){color:#5284C4 !important;text-decoration:underline;text-underline-offset:2px;}
.feature-card a:hover,.impact-card a:hover,.stat-card a:hover,.learn-more-card a:hover{filter:brightness(1.1);}

/* Consistent CTA buttons */
.learn-more-btn,.orange-bttn,.blue-bttn{background:#F09423 !important;color:#fff !important;border-radius:6px;padding:.5rem 1rem;font-weight:600;transition:background .3s ease,transform .2s ease;}
.learn-more-btn:hover,.orange-bttn:hover,.blue-bttn:hover{background:#d97524 !important;transform:scale(1.05);}


/* --- OUR STORY quick harmonization patch (place at the very end) --- */

.reveal-img{opacity:0; transform:translateY(12px); transition:opacity .4s ease, transform .4s ease;}
.reveal-img.aos-animate{opacity:1; transform:none;}
@supports not (selector(.aos-animate)) {.reveal-img{opacity:1; transform:none;}}
#history > h3,
#did-you-know > h3,
#support > h3 { color:#4F86C6 !important; }
.blue-bttn{background-color:#4F86C6 !important; border-color:#5283C5 !important; color:#fff !important;}
.blue-bttn:hover{filter:brightness(1.02);}

/* Board list: open layout, no boxes */
.board-list .board-line{
  margin: 0;
  padding: .85rem 1rem;
  border-radius: 8px;
  background: transparent;
  color: #385575;
}
.board-list .board-name{ color:#4F86C6; font-weight:700; }
.board-list .board-company{ color:#072B53; font-weight:600; }
.board-list .board-title{ color:#EF5E26; font-weight:600; }

/* kill any leftover card styles if present on this page */
.board-member-card,
.board-member-card .card-body{background: transparent !important;border: none !important;box-shadow: none !important;padding: 0 !important;}
.board-entry {text-align: center;margin-bottom: 1.5rem;}
.board-name {font-weight: 700;font-size: 1.2rem;color: #4F86C6;margin-bottom: 0.25rem;}
.board-company {font-weight: 500;color: #072B53;margin-bottom: 0.15rem;}
.board-title {font-style: italic;color: #EF5E26;font-weight: 500;}


/* Site Footer */
.site-footer__band{
  background-color:#4F86C6;
  color:#fff;
  padding:40px 0;
}

.site-footer__logo{
  width:150px;
  max-width:100%;
  height:auto;
}

.site-footer__address{
  line-height:1.7;
  font-style:normal; /* avoid italic address */
}

.site-footer__links a,
.site-footer__link{
  color:#fff;
  text-decoration:none;
  display:inline-block;
  line-height:1.9;
}

.site-footer__links a:hover,
.site-footer__link:hover{
  opacity:.85;
  text-decoration:underline;
  text-underline-offset:2px;
}

.site-footer__social{
  font-size:24px;
  line-height:1;
  color:#fff;
}

.site-footer__social:hover{ opacity:.85; }

.site-footer__hr{
  border-color:rgba(255,255,255,.25);
  margin-top:24px;
}

/* Tidy the grid on small screens so it centers nicely */
@media (max-width: 991.98px){
  .site-footer .row{
    text-align:center;
  }
  .site-footer__links{
    justify-content:center;
  }
}

/* Slight typographic tightening on very small devices */
@media (max-width: 575.98px){
  .site-footer__band{ padding:28px 0; }
  .site-footer__address{ line-height:1.6; }
  .site-footer__logo{ width:136px; }
}
#primaryCarousel .carousel-inner { background:#fff; }
#primaryCarousel .carousel-item { position:relative; display:grid; place-items:center; aspect-ratio:22/9; height:auto!important; }
#primaryCarousel .carousel-item > img { width:100%; height:100%; display:block; object-fit:contain!important; object-position:center center!important; background:transparent; }
#primaryCarousel .carousel-item, #primaryCarousel .carousel-item > img { max-height:none!important; min-height:0!important; }
@media (max-width:991.98px){ #primaryCarousel .carousel-item { aspect-ratio:16/9; } }
@media (max-width:576px){ #primaryCarousel .carousel-item { aspect-ratio:4/3; } }


/* Mobile Navigation Fixes - Mobile Only */
@media (max-width: 991.98px) {
  .offcanvas.offcanvas-end {background-color: #ffffff !important;}
  .offcanvas-body {background-color: #ffffff !important;padding: 1rem 0;}
  .offcanvas .navbar-nav .nav-link,.offcanvas .text-nav {color: #3c3c3c !important;}
  .offcanvas .navbar-nav .nav-link:hover,.offcanvas .text-nav:hover {color: #5283C5 !important;}
  .offcanvas-header {background-color: #f8f9fa;border-bottom: 2px solid #5283C5;padding: 1.25rem;}
  .dismiss-primary-nav {background-color: transparent !important;opacity: 1 !important;filter: invert(1) grayscale(100%) brightness(40%);}
  .search-input {margin-bottom: 1.5rem;padding: 0 1rem;}
  .search-input .input-group {display: flex;flex-direction: column;gap: 1rem;align-items: stretch;max-width: 100%;}
  .search-input .squared-input {width: 100% !important;height: 48px !important;border: 3px solid #5283C5 !important;border-radius: 4px !important;background-color: #ffffff !important;font-size: 1rem !important;padding: 8px 12px !important;}
  .search-input .contact-us-button {width: 100% !important;margin-left: 0 !important;padding: 12px 20px !important;text-align: center;line-height: 1.5 !important;font-size: 1.1rem !important;border-radius: 4px !important;}
  .offcanvas .language-switcher {justify-content: center;padding: 1rem 0;border-top: 1px solid #e0e0e0;border-bottom: 1px solid #e0e0e0;margin: 1rem 0;}
  .offcanvas .lang-link {color: #3c3c3c !important;padding: 0.75rem 1rem;}
  .offcanvas .lang-link:hover {background-color: #f0f0f0;border-radius: 4px;}
  .offcanvas .navbar-nav {padding: 0 !important;}
  .offcanvas .nav-item {border-bottom: 1px solid #e0e0e0;}
  .offcanvas .nav-item:last-child {border-bottom: none;}
  .offcanvas .nav-link {padding: 1rem 1.5rem !important;font-size: 1.1rem;font-weight: 500;}
  .offcanvas .dropdown-menu {background-color: #f8f9fa !important;border: none;box-shadow: none;margin: 0 !important;padding: 0 !important;}
  .offcanvas .dropdown-menu .dropdown-item {color: #3c3c3c !important;padding: 0.75rem 2rem !important;border-bottom: 1px solid #e0e0e0;font-size: 0.95rem !important;font-weight: 400 !important;}
  .offcanvas .dropdown-menu .dropdown-item:hover {background-color: #5283C5 !important;color: #ffffff !important;}
}
@media (max-width: 576px) {
  .search-input .squared-input {font-size: 0.95rem !important;height: 44px !important;}
  .search-input .contact-us-button {font-size: 1rem !important;padding: 10px 16px !important;}
}