/*!
Theme Name: noodle-corp
Description: Noodle Corp Microsite
Author: MLi
Template: Engage
*/
:root {
  /*===========*/
  /* VARIABLES */
  /*===========*/
  /*--------------*/
  /* Brand Colors */
  /*--------------*/
  --noodle-blue: #0b7ea2;
  --midnight-blue: #232c3b;
  --alice-blue: #e3e3e3;
  --fern-green: #52803c;
  --platinum-gray: #005f81;
  --blue-lagoon: #00435c;
  --sherpa-blue: #ebf8f8;
  --alloy-orange: #ca4e21;
  --burnt-sienna: #e4744a;
  --iris-blue: #0ea1cd;
  --noodle-gradient: linear-gradient(
    90deg,
    var(--noodle-blue),
    var(--fern-green)
  );
  --neutral-1: #f1f2f3;
  --neutral-2: #e0e2e6;
  --neutral-3: #d2d5da;
  --neutral-4: #c1c5cc;
  --neutral-5: #a0a5b1;
  --neutral-6: #7e8695;
  --neutral-7: #636a79;
  --neutral-8: #494f5a;
  --neutral-9: #32363e;
  --neutral-10: #1c1e22;
  --white: #fff;
  --black: #000;
  --error-1: #f3d1d1;
  --error-2: #eaadad;
  --error-3: #e08787;
  --error-4: #d76262;
  --error-5: #ce4040;
  --warning-1: #faedc4;
  --warning-2: #f6de95;
  --warning-3: #f2cf63;
  --warning-4: #eec134;
  --warning-5: #eab308;
  --success-1: #caf1d8;
  --success-2: #a0e6ba;
  --success-3: #74da9a;
  --success-4: #4acf7b;
  --success-5: #22c55e;
  /*------*/
  /* Font */
  /*------*/
  --playfair: "Playfair Display", "Times New Roman", Times, serif;
  --inter: Inter, Arial, Helvetica, sans-serif;
}

/*=======*/
/* RESET */
/*=======*/
/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}

body {
  line-height: 1.5;
}

ol,
ul {
  list-style: none;
}

blockquote,
q {
  quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: "";
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

strong {
  font-weight: 600;
}

/*======*/
/* BASE */
/*======*/
html {
  /* Temp: Remove when published */
  margin: 0 !important;
}

#wpadminbar {
  /* Temp: Remove when published */
  display: none !important;
}

body {
  font-family: var(--inter);
  font-size: 16px;
  color: var(--midnight-blue, #232c3b);
}

/*============*/
/* TYPOGRAPHY */
/*============*/
/*---------*/
/* Heading */
/*---------*/
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: var(--inter);
  text-wrap: balance;
  margin: 0 0 1.5rem;
  max-width: 100%;
}

h1 {
  font-size: clamp(2.125rem, 5vw, 4rem);
  font-style: normal;
  font-weight: 900;
  line-height: 105%;
}

h2 {
  font-size: clamp(1.875rem, 5vw, 2.5rem);
  font-weight: 900;
  line-height: 1.2;
}

* + :is(h1, h2, h3) {
  margin-top: 0 !important;
}

h2:only-child {
  margin-bottom: 0;
}

h3 {
  font-size: 1.25rem;
  font-weight: 800;
  line-height: 1.2;
  margin: 0 0 0.875rem;
}

h4 {
  font-size: clamp(1.25rem, 5vw, 1.5rem);
  font-weight: 700;
  line-height: 1.4;
}

h5 {
  font-size: clamp(1.125rem, 5vw, 1.5rem);
  font-weight: 700;
  line-height: 1.4;
}

h6 {
  font-size: clamp(1rem, 5vw, 1.25rem);
  font-weight: 700;
  line-height: 1.4;
}

/*------*/
/* Text */
/*------*/
.playfair {
  font-family: var(--playfair) !important;
}

.inter {
  font-family: var(--inter) !important;
}

.kicker {
  font-weight: 700;
  text-transform: uppercase;
  margin-bottom: 0.5rem;
  width: -moz-fit-content;
  width: fit-content;
}
.kicker.kicker--pill {
  display: inline-block;
  border-radius: 8px;
  padding: 8px 14px;
  color: #fff;
}

.subtext {
  font-size: 1.125rem !important;
  font-weight: 500 !important;
}

p {
  margin: 0 0 2rem;
  text-wrap: pretty;
}

.text-balance {
  text-wrap: balance !important;
}

.text-pretty {
  text-wrap: pretty !important;
}

a:is(:link, :visited):not(.btn) {
  text-underline-offset: 3px;
  color: inherit;
}

a:is(:hover, :focus):not(.btn) {
  transition: ease-in-out 175ms;
  color: var(--noodle-blue);
}

.text-light a:is(:hover, :focus):not(.btn) {
  color: #ebf8f8 !important;
}

a:has(img) {
  line-height: 0;
}

strong {
  font-weight: 700;
}

span[style="text-decoration: underline;"] {
  text-decoration: underline;
  text-underline-offset: 3px;
  text-decoration-thickness: 1px !important;
}

main ol,
main ul {
  padding-inline-start: 20px;
  margin-bottom: 2rem;
}
main ol {
  list-style: decimal;
}
main ul {
  list-style: disc;
}
main li {
  margin-bottom: 0.5rem;
}
main a:is(:link, :visited):not(.btn) {
  color: #005f81;
  font-weight: 700;
}
main .has-theme-light-color,
main .text-light,
main .text-mb-light {
  color: var(--white) !important;
}
main .has-theme-light-color a:is(:link, :visited):not(.btn),
main .text-light a:is(:link, :visited):not(.btn),
main .text-mb-light a:is(:link, :visited):not(.btn) {
  color: inherit;
  text-decoration-color: inherit;
}
main .has-theme-light-color a:is(:hover, :focus):not(.btn):is(.btn.btn--clear),
main .text-light a:is(:hover, :focus):not(.btn):is(.btn.btn--clear),
main .text-mb-light a:is(:hover, :focus):not(.btn):is(.btn.btn--clear) {
  color: #ebf8f8 !important;
  text-decoration-color: #ebf8f8 !important;
}
main .text-light {
  color: #fff !important;
}
@media (max-width: 991px) {
  main .text-mb-light {
    color: var(--white) !important;
  }
  main .text-mb-dark {
    color: var(--black) !important;
  }
}

/*-----------*/
/* Text Size */
/*-----------*/
.text-xxlg,
.text-xlg,
.text-lg {
  line-height: 1.2;
}

.text-md,
.text-reg,
.text-sm,
.text-xs {
  margin-bottom: 1rem;
  line-height: 1.5;
}

.text-xxlg {
  font-size: 1.5rem !important;
}

.text-xlg {
  font-size: 1.375rem !important;
}

.text-lg {
  font-size: 1.25rem !important;
}

.text-md {
  font-size: 1.125rem !important;
}

.text-reg {
  font-size: 1rem !important;
}

.text-sm {
  font-size: 0.875rem !important;
}

.text-xs {
  font-size: 0.75rem !important;
}

/*-------------*/
/* Font Weight */
/*-------------*/
.fw-100 {
  font-weight: 100 !important;
}

.fw-200 {
  font-weight: 200 !important;
}

.fw-300 {
  font-weight: 300 !important;
}

.fw-400 {
  font-weight: 400 !important;
}

.fw-500 {
  font-weight: 500 !important;
}

.fw-600 {
  font-weight: 600 !important;
}

.fw-700 {
  font-weight: 700 !important;
}

.fw-800 {
  font-weight: 800 !important;
}

.fw-900 {
  font-weight: 900 !important;
}

@media (max-width: 600px) {
  .text-xs-center {
    text-align: center;
  }
}
@media (max-width: 991px) {
  .text-mb-center {
    text-align: center;
  }
}
/*-------*/
/* Image */
/*-------*/
@media (max-width: 991px) {
  figure.wp-block-image.alignfull.size-full {
    width: 100%;
    text-align: center;
  }
  /* Mobile Full-width Photos */
  .col-12.col-lg-6 > figure.wp-block-image.alignfull.size-full > img {
    height: clamp(350px, 70vw, 500px);
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center clamp(35%, 5vw, 55%);
    object-position: center clamp(35%, 5vw, 55%);
  }
}
/*============*/
/* COMPONENTS */
/*============*/
/*--------*/
/* Button */
/*--------*/
.btn {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
  font-weight: 500;
  text-transform: none;
  border: 1px solid transparent;
  border-radius: 100px;
  margin: 0;
  padding: 0;
  width: -moz-fit-content;
  width: fit-content;
}
.btn:is(:hover, :focus) {
  text-decoration: none;
  box-shadow: none;
}
.btn {
  /* Size Variants */
}
.btn.btn--md {
  padding: 0.75rem 1.5rem;
}
.btn.btn--sm {
  padding: 0.5rem 1.25rem;
}
.btn {
  /* BG Color Variants */
}
.btn.btn--blue {
  background: var(--noodle-blue, #0b7ea2);
  color: var(--white, #fff);
}
.btn.btn--blue:is(:hover, :focus) {
  background: var(--white, #fff);
  color: var(--noodle-blue, #0b7ea2);
}
.btn.btn--dark-blue {
  background: var(--blue-lagoon, #00435c);
  color: var(--white, #fff);
}
.btn.btn--dark-blue:is(:hover, :focus) {
  background: var(--white, #fff);
  color: var(--blue-lagoon, #00435c);
}
.btn {
  /* Brand Palette BG Variants */
}
.btn.btn--terracotta {
  background: var(--terracotta, #c3522a);
  border-color: var(--terracotta, #c3522a);
  color: var(--white, #fff);
}
.btn.btn--terracotta:is(:hover, :focus) {
  background: var(--white, #fff);
  border-color: var(--terracotta, #c3522a);
  color: var(--terracotta, #c3522a);
}
.btn.btn--red {
  background: var(--red, #aa2d49);
  border-color: var(--red, #aa2d49);
  color: var(--white, #fff);
}
.btn.btn--red:is(:hover, :focus) {
  background: var(--white, #fff);
  border-color: var(--red, #aa2d49);
  color: var(--red, #aa2d49);
}
.btn.btn--navy {
  background: var(--navy, #2f4b7c);
  border-color: var(--navy, #2f4b7c);
  color: var(--white, #fff);
}
.btn.btn--navy:is(:hover, :focus) {
  background: var(--white, #fff);
  border-color: var(--navy, #2f4b7c);
  color: var(--navy, #2f4b7c);
}
.btn.btn--teal {
  background: var(--teal, #118478);
  border-color: var(--teal, #118478);
  color: var(--white, #fff);
}
.btn.btn--teal:is(:hover, :focus) {
  background: var(--white, #fff);
  border-color: var(--teal, #118478);
  color: var(--teal, #118478);
}
.btn.btn--violet {
  background: var(--violet, #784ea8);
  border-color: var(--violet, #784ea8);
  color: var(--white, #fff);
}
.btn.btn--violet:is(:hover, :focus) {
  background: var(--white, #fff);
  border-color: var(--violet, #784ea8);
  color: var(--violet, #784ea8);
}
.btn.btn--plum {
  background: var(--plum, #8b2f6b);
  border-color: var(--plum, #8b2f6b);
  color: var(--white, #fff);
}
.btn.btn--plum:is(:hover, :focus) {
  background: var(--white, #fff);
  border-color: var(--plum, #8b2f6b);
  color: var(--plum, #8b2f6b);
}
.btn.btn--gold {
  background: var(--gold, #8c6b0c);
  border-color: var(--gold, #8c6b0c);
  color: var(--white, #fff);
}
.btn.btn--gold:is(:hover, :focus) {
  background: var(--white, #fff);
  border-color: var(--gold, #8c6b0c);
  color: var(--gold, #8c6b0c);
}
.btn.btn--sienna {
  background: var(--sienna, #8a5022);
  border-color: var(--sienna, #8a5022);
  color: var(--white, #fff);
}
.btn.btn--sienna:is(:hover, :focus) {
  background: var(--white, #fff);
  border-color: var(--sienna, #8a5022);
  color: var(--sienna, #8a5022);
}
.btn.btn--green {
  background: var(--fern-green, #52803c);
  border-color: var(--fern-green, #52803c);
  color: var(--white, #fff);
}
.btn.btn--green:is(:hover, :focus) {
  background: var(--white, #fff);
  border-color: var(--fern-green, #52803c);
  color: var(--fern-green, #52803c);
}
.btn.btn--white {
  background: var(--white, #fff);
  color: var(--noodle-blue, #0b7ea2);
}
.btn.btn--white:is(:hover, :focus) {
  background: var(--noodle-blue, #0b7ea2);
  color: var(--white, #fff);
}
.btn.btn--clear {
  color: inherit;
  background-color: transparent;
  margin-top: 2rem;
}
.btn.btn--clear:not([class*="border--"]) {
  padding: 0;
  font-weight: 700;
}
.btn.btn--clear:is(:hover, :focus) {
  color: var(--noodle-blue);
}
.btn.btn--clear.btn--right-arrow::after {
  content: "\f054";
  font-family: "FontAwesome";
  font-size: 0.8rem;
  margin-top: 2px;
}
.btn {
  /* Text Color Variants */
}
.btn.txt-white {
  color: var(--white, #fff);
}
.btn.txt-blue {
  color: var(--noodle-blue, #0b7ea2);
}
.btn.txt-dark-blue {
  color: var(--blue-lagoon, #00435c);
}
.btn.txt-black {
  color: var(--midnight-blue, #232c3b);
}
.btn.txt-white-hover:is(:hover, :focus) {
  color: var(--white, #fff);
}
.btn.txt-blue-hover:is(:hover, :focus) {
  color: var(--noodle-blue, #0b7ea2);
}
.btn.txt-dark-blue-hover:is(:hover, :focus) {
  color: var(--blue-lagoon, #00435c);
}
.btn.txt-black-hover:is(:hover, :focus) {
  color: var(--midnight-blue, #232c3b);
}
.btn {
  /* BG Color Variants */
}
.btn.bg-black-hover:is(:hover, :focus) {
  background-color: var(--midnight-blue, #232c3b);
  color: #fff;
}
.btn.bg-white-hover:is(:hover, :focus) {
  background-color: var(--white, #fff);
  color: var(--noodle-blue, #0b7ea2);
}
.btn.bg-blue-hover:is(:hover, :focus) {
  background-color: var(--noodle-blue, #0b7ea2);
  color: #fff;
}
.btn.bg-dark-blue-hover:is(:hover, :focus) {
  background-color: var(--blue-lagoon, #00435c);
  color: #fff;
}
.btn.bg-clear-hover:is(:hover, :focus) {
  background-color: transparent;
}
.btn {
  /* Border Color Variants */
}
.btn.border--orange {
  border-width: 2px !important;
  border-color: #ca4e21 !important;
}
.btn.border--orange:is(:hover, :focus) {
  border-color: #fff !important;
}
.btn.border--teal {
  border-width: 2px !important;
  border-color: #139a98 !important;
}
.btn.border--teal:is(:hover, :focus) {
  border-color: #fff !important;
}
.btn.border--purple {
  border-width: 2px !important;
  border-color: #6a67aa !important;
}
.btn.border--purple:is(:hover, :focus) {
  border-color: #fff !important;
}
.btn.border--green {
  border-width: 2px !important;
  border-color: #52803c !important;
}
.btn.border--green:is(:hover, :focus) {
  border-color: #fff !important;
}
.btn.border--red {
  border-width: 2px !important;
  border-color: #b9314f !important;
}
.btn.border--red:is(:hover, :focus) {
  border-color: #fff !important;
}
.btn.border--yellow {
  border-width: 2px !important;
  border-color: #bf9000 !important;
}
.btn.border--yellow:is(:hover, :focus) {
  border-color: #fff !important;
}

@media (max-width: 991px) {
  .btn.btn--md {
    padding: 0.75rem 1.75rem;
  }
  .btn.btn--sm {
    padding: 0.75rem 1.5rem;
  }
}
.btn:only-child,
p + .btn {
  margin-top: 1rem;
}

/*----------*/
/* CTA Card */
/*----------*/
.cta-card {
  display: flex;
  flex-direction: column;
  height: 100%;
  border-radius: 0.75rem;
  overflow: hidden;
}
.cta-card .wp-block-image figure,
.cta-card figure.wp-block-image,
.cta-card img {
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: 25% 20%;
  object-position: 25% 20%;
  width: 100%;
}
.cta-card.card--lg img {
  height: 380px;
}
.cta-card.card--lg .card-body {
  padding: 6rem 3rem;
}
.cta-card.card--lg .card-body h3 {
  font-family: var(--inter);
  font-size: clamp(1.5rem, 5vw, 1.8125rem);
  font-weight: 500;
  line-height: 1.2;
  margin-bottom: 1.5rem;
}
.cta-card.card--sm img {
  height: 170px;
}
.cta-card.card--sm .card-body {
  padding: 1.5rem;
}
.cta-card.card--sm .card-body h3 {
  font-family: var(--inter);
  font-size: 1.125rem;
  font-weight: 600;
}
.cta-card.card--sm .card-body p {
  font-size: 0.875rem;
}
.cta-card.card--blue {
  background-color: var(--blue-lagoon, #00435c);
  color: var(--white, #fff);
}
.cta-card .btn {
  padding: 0.5rem 0;
}
.cta-card .btn:is(:hover, :focus) {
  background-color: transparent;
  color: var(--neutral-4, #c1c5cc);
  text-decoration: none;
}

@media (max-width: 991px) {
  .cta-card.card--sm img,
  .cta-card.card--lg img {
    height: 250px;
  }
  .cta-card.card--lg .card-body {
    padding: 1.5rem;
  }
  .cta-card.card--lg .card-body h3 {
    font-family: var(--inter);
    font-size: 1.125rem;
    font-weight: 600;
  }
  .cta-card.card--lg .card-body p {
    font-size: 0.875rem;
  }
}
/*------------*/
/* Event Card */
/*------------*/
.event-card-list.block-events .result-list {
  gap: 30px;
}
.event-card-list.block-events .r-content-block {
  display: grid !important;
  grid-template-columns: 2fr 5fr;
  grid-template-rows: auto;
  grid-template-areas: "date headline" "date location-summary" "date cta";
  border: 1px solid var(--Neutral-Neutral-4, #c1c5cc);
  border-radius: 12px;
  padding: 1rem;
  gap: 0;
}
.event-card-list.block-events .r-content-block .r-date-block {
  grid-area: date;
  justify-content: center !important;
  border-right: 1px solid #636a79;
  margin-right: 1rem;
  padding: 1rem 1rem 1rem 0;
}
.event-card-list.block-events .r-content-block .r-date-block .date {
  display: block;
  font-family: "Roboto", Arial, Helvetica, sans-serif;
  text-align: center;
}
.event-card-list.block-events .r-content-block .r-date-block .date .event-date {
  font-size: 1.75rem;
  font-weight: 700;
  color: var(--noodle-blue);
  word-spacing: -7px;
}
.event-card-list.block-events .r-content-block .r-date-block .date .event-year {
  margin-left: 5px;
}
.event-card-list.block-events .r-content-block .r-headline {
  grid-area: headline;
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 1.3;
  margin-top: 0.5rem;
  margin-bottom: 0.25rem;
  padding-right: 2rem;
  order: 0;
}
.event-card-list.block-events .r-content-block .r-content {
  grid-area: location-summary;
  order: 1;
  /* Location */
}
.event-card-list.block-events .r-content-block .r-content p:first-child {
  font-size: 0.875rem;
  margin-bottom: 1rem !important;
}
.event-card-list.block-events .r-content-block .r-action {
  grid-area: cta;
  order: 2;
  margin-top: 1rem;
  margin-bottom: 0.5rem;
}
.event-card-list.block-events .r-content-block .r-action .btn {
  padding: 0;
  margin: 0;
}

@media (max-width: 600px) {
  .event-card-list.block-events .r-content-block .date .event-day {
    font-size: 0.875rem;
    word-spacing: -5px;
  }
  .event-card-list.block-events .r-content-block .date .event-date {
    font-size: 1.25rem !important;
  }
  .event-card-list.block-events .r-content-block .date .event-month,
  .event-card-list.block-events .r-content-block .date .event-year {
    font-size: 0.875rem;
  }
  .block-events .r-content-block {
    padding: 0.75rem;
  }
  .block-events .r-content-block .r-headline {
    font-size: 1.125rem !important;
    padding-right: 0 !important;
  }
  .block-events .r-content-block .r-content {
    font-size: 0.875rem !important;
  }
}
@media (max-width: 1200px) {
  .block-events .r-content-block {
    grid-template-columns: 1fr 2fr;
  }
  .events-mobile {
    display: block !important;
  }
  .events-desktop {
    display: none !important;
  }
}
@media (min-width: 1201px) {
  .events-mobile {
    display: none !important;
  }
  .events-desktop {
    display: block !important;
  }
}
/*-----------*/
/* Info Card */
/*-----------*/
/* Example usage: Home -> Learner Journey section */
.info-card {
  max-width: 100%;
  padding: 2rem;
  border-radius: 12px;
  overflow: hidden;
  height: 100%;
}
.info-card h3 {
  font-size: 1.5rem;
  font-weight: 600;
  line-height: 1.2;
  margin-top: 35px;
  margin-bottom: 1rem;
  text-align: start;
}
.info-card p {
  text-align: start;
  line-height: 1.5;
}
.info-card {
  /* Info Card with Details Block */
}
.info-card.info-card--details {
  display: flex;
  flex-direction: column;
  align-items: start;
  justify-content: end;
  min-height: 420px;
}
.info-card.info-card--details:is(:hover, :focus):not(.btn) {
  background-color: var(--midnight-blue, #232c3b);
  border-color: var(--midnight-blue, #232c3b);
  text-decoration: none;
  color: var(--white, #fff);
  cursor: normal !important;
  transition:
    background-color 0.3s ease-in-out,
    border-color 0.3s ease-in-out;
}
.info-card.info-card--details details {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.info-card.info-card--details details summary {
  order: 1;
}
.info-card.info-card--details details summary::marker {
  content: "";
}
.info-card.info-card--details details summary {
  /* Collapsed state */
}
.info-card.info-card--details details summary::before {
  content: "Read More";
}
.info-card.info-card--details details summary::after {
  content: "\f054";
  font-family: var(--fa-version);
  font-size: 0.8rem;
  font-weight: 600;
  margin-top: 2px;
  margin-left: 0.5rem;
  transition: margin-left 0.3s ease-in-out;
}
.info-card.info-card--details details summary:is(:hover, :focus)::after {
  color: var(--noodle-blue, #007bff);
  margin-left: 0.875rem;
}
.info-card.info-card--details details {
  /* Expanded state */
}
.info-card.info-card--details details[open] summary::before {
  content: "Read Less";
}
.info-card.info-card--details .subtext--toggle {
  font-size: 1.25rem;
  font-weight: 700;
}
.info-card.info-card--details:has(details[open]) .subtext--toggle {
  display: none;
}
@media (max-width: 991px) {
  .info-card.info-card--details {
    min-height: auto;
  }
}
.info-card {
  /*--------------*/
  /* BGs on Hover */
  /*--------------*/
}
.info-card.info-card--rough-blue-texture-bg:is(:hover, :focus) {
  background-image: url("img/Rough_Blue_Texture.webp");
  color: var(--white, #fff);
}
.info-card.info-card--midnight-circle-bg:is(:hover, :focus) {
  background-image: url("img/NLP_Midnight_Circle_Hover-BG.webp");
  color: var(--white, #fff);
}

/*--------------*/
/* School Logos */
/*--------------*/
.school-logos {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px;
  border: 1px solid var(--sherpa-blue, #ebf8f8);
  border-radius: 4px;
  height: 100%;
}

/*------------*/
/* Study Card */
/*------------*/
.study-card {
  border-radius: 1.25rem;
  overflow: hidden;
  color: var(--white, #fff);
  height: 100%;
}
.study-card::before {
  z-index: 1;
}
.study-card .inner {
  height: 100%;
}
.study-card .section-container.container {
  padding: 5rem 2.5rem;
  background-color: #005f81;
  height: 100%;
}
.study-card .section-container.container .study-card__category {
  display: flex;
}
.study-card
  .section-container.container
  .study-card__category
  p:not(:last-child)::after {
  content: "|";
  margin-left: 1rem;
  margin-right: 1rem;
}
.study-card .section-container.container h2 {
  font-size: clamp(1.75rem, 5vw, 2.5rem);
}
.study-card .section-container.container p {
  max-width: 50ch;
}
.study-card .section-container.container .btn {
  padding: 0;
}
.study-card .section-container.container .btn.btn:is(:hover, :focus) {
  color: var(--neutral-3, #d2d5da);
}
.study-card {
  /* Light Blue */
}
.study-card.study-card--light-blue .section-container.container {
  background-color: #0b7ea2 !important;
}

@media (max-width: 991px) {
  .study-card .container {
    padding: 1.5rem !important;
  }
  .study-card__category {
    display: none !important;
  }
}
/*--------------------*/
/* Vertical separator */
/*--------------------*/
@media (min-width: 992px) {
  .v-separator {
    width: 1px;
    height: 100%;
  }
  .v-separator.v-separator--gray {
    background-color: #8a95a5;
  }
  .v-separator.v-separator--white {
    background-color: #fff;
  }
  .v-separator.v-separator--black {
    background-color: #000;
  }
  .v-separator.v-separator--blue {
    background-color: var(--noodle-blue);
  }
}
/*===========*/
/* WP BLOCKS */
/*===========*/
/*---------------------*/
/* Collapsible Content */
/*---------------------*/
.block-collapse,
.block-faqs {
  width: 100%;
}
.block-collapse .collapse-item:first-child,
.block-faqs .collapse-item:first-child {
  border-top: 1px solid #e0e2e6;
}
.block-collapse .btn-accordion,
.block-faqs .btn-accordion {
  display: flex;
  align-items: center;
  font-size: 1.125rem;
  font-weight: 700;
  color: #232c3b;
  border: 0;
  margin-top: -1px;
  border-top: 1px solid #e0e2e6;
  border-bottom: 1px solid #e0e2e6;
  background-color: transparent;
  padding: 1.125rem 3rem 1.125rem 1rem;
}
.block-collapse,
.block-faqs {
  /* Color */
}
.block-collapse.block-collapse--light .btn-accordion,
.block-faqs.block-collapse--light .btn-accordion {
  border-top: 1px solid #f5f6f8;
  border-bottom: 1px solid #f5f6f8;
  color: #f5f6f8;
}
.block-collapse,
.block-faqs {
  /* Size */
}
.block-collapse.block-collapse--large .collapse-item,
.block-faqs.block-collapse--large .collapse-item {
  border-bottom: 1px solid #d1d5db;
}
.block-collapse.block-collapse--large .collapse-item:first-child,
.block-faqs.block-collapse--large .collapse-item:first-child {
  border-top: 0 !important;
}
.block-collapse.block-collapse--large .collapse-item:last-child,
.block-faqs.block-collapse--large .collapse-item:last-child {
  border-bottom: 0 !important;
}
.block-collapse.block-collapse--large .collapse-item .btn-accordion,
.block-faqs.block-collapse--large .collapse-item .btn-accordion {
  justify-content: space-between;
  font-size: clamp(2rem, 5vw, 2.5rem);
  font-weight: 800;
  line-height: 1.1;
  text-wrap: balance;
  padding: 1.5rem 0 1.5rem 2.25rem;
  border: 0;
  color: #a5a9ac;
}
.block-collapse.block-collapse--large
  .collapse-item
  .btn-accordion:is(:hover, :focus),
.block-faqs.block-collapse--large
  .collapse-item
  .btn-accordion:is(:hover, :focus) {
  text-decoration: none;
  color: #232c3b;
}
.block-collapse.block-collapse--large .collapse-item .btn-accordion::after,
.block-faqs.block-collapse--large .collapse-item .btn-accordion::after {
  content: "";
  font-family: var(--fa-version);
  font-weight: 600;
}
.block-collapse.block-collapse--large
  .collapse-item
  .btn-accordion[aria-expanded="false"]::after,
.block-faqs.block-collapse--large
  .collapse-item
  .btn-accordion[aria-expanded="false"]::after {
  content: "\f107";
  font-size: clamp(2rem, 5vw, 2.15rem);
  font-weight: 600;
  top: 1.75rem;
  left: 0px;
}
.block-collapse.block-collapse--large
  .collapse-item
  .btn-accordion[aria-expanded="true"],
.block-faqs.block-collapse--large
  .collapse-item
  .btn-accordion[aria-expanded="true"] {
  color: #232c3b;
}
.block-collapse.block-collapse--large
  .collapse-item
  .btn-accordion[aria-expanded="true"]::after,
.block-faqs.block-collapse--large
  .collapse-item
  .btn-accordion[aria-expanded="true"]::after {
  content: "\f105";
  top: 1.5rem;
  left: 0;
  color: #2f4b7c;
}
.block-collapse.block-collapse--large .collapse-item .card-body,
.block-faqs.block-collapse--large .collapse-item .card-body {
  padding: 0 25px 2rem 2.25rem;
}
.block-collapse.block-collapse--large .collapse-item .card-body p,
.block-faqs.block-collapse--large .collapse-item .card-body p {
  line-height: 2;
}
.block-collapse.block-collapse--large,
.block-faqs.block-collapse--large {
  /* Icon Colors */
  /* Add 'block-collapse--large--chevron-{color}' class to the block */
}
.block-collapse.block-collapse--large.block-collapse--large--chevron-terracotta
  .btn-accordion[aria-expanded="true"]::after,
.block-faqs.block-collapse--large.block-collapse--large--chevron-terracotta
  .btn-accordion[aria-expanded="true"]::after {
  color: #c3522a;
}
.block-collapse.block-collapse--large.block-collapse--large--chevron-red
  .btn-accordion[aria-expanded="true"]::after,
.block-faqs.block-collapse--large.block-collapse--large--chevron-red
  .btn-accordion[aria-expanded="true"]::after {
  color: #aa2d49;
}
.block-collapse.block-collapse--large.block-collapse--large--chevron-navy
  .btn-accordion[aria-expanded="true"]::after,
.block-faqs.block-collapse--large.block-collapse--large--chevron-navy
  .btn-accordion[aria-expanded="true"]::after {
  color: #2f4b7c;
}
.block-collapse.block-collapse--large.block-collapse--large--chevron-teal
  .btn-accordion[aria-expanded="true"]::after,
.block-faqs.block-collapse--large.block-collapse--large--chevron-teal
  .btn-accordion[aria-expanded="true"]::after {
  color: #118478;
}
.block-collapse.block-collapse--large.block-collapse--large--chevron-violet
  .btn-accordion[aria-expanded="true"]::after,
.block-faqs.block-collapse--large.block-collapse--large--chevron-violet
  .btn-accordion[aria-expanded="true"]::after {
  color: #784ea8;
}
.block-collapse.block-collapse--large.block-collapse--large--chevron-plum
  .btn-accordion[aria-expanded="true"]::after,
.block-faqs.block-collapse--large.block-collapse--large--chevron-plum
  .btn-accordion[aria-expanded="true"]::after {
  color: #8b2f6b;
}
.block-collapse.block-collapse--large.block-collapse--large--chevron-gold
  .btn-accordion[aria-expanded="true"]::after,
.block-faqs.block-collapse--large.block-collapse--large--chevron-gold
  .btn-accordion[aria-expanded="true"]::after {
  color: #8c6b0c;
}
.block-collapse.block-collapse--large.block-collapse--large--chevron-sienna
  .btn-accordion[aria-expanded="true"]::after,
.block-faqs.block-collapse--large.block-collapse--large--chevron-sienna
  .btn-accordion[aria-expanded="true"]::after {
  color: #8a5022;
}
.block-collapse.block-collapse--large.block-collapse--large--chevron-green
  .btn-accordion[aria-expanded="true"]::after,
.block-faqs.block-collapse--large.block-collapse--large--chevron-green
  .btn-accordion[aria-expanded="true"]::after {
  color: #52803c;
}

/*------------------*/
/* WP Blocks: Cover */
/*------------------*/
.wp-block-cover {
  margin: 0;
  padding: 0;
}

/*------*/
/* FAQs */
/*------*/
.block-faqs .collapse-item {
  margin-bottom: 1rem;
}
.block-faqs .btn-accordion {
  display: flex;
  align-items: center;
  padding: 14px 50px 14px 1.125rem;
  border: 0;
  border-radius: 12px;
  font-weight: 700;
  text-decoration: none;
}
.block-faqs .btn-accordion[aria-expanded="true"]:is(:hover),
.block-faqs .btn-accordion[aria-expanded="true"] {
  background-color: var(--noodle-blue);
  color: #fff;
  transition: ease-in-out 175ms;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.block-faqs .btn-accordion[aria-expanded="true"]:is(:hover)::after,
.block-faqs .btn-accordion[aria-expanded="true"]::after {
  color: #fff;
}
.block-faqs .btn-accordion[aria-expanded="false"],
.block-faqs .btn-accordion[aria-expanded="false"]:is(:focus, ::after) {
  background-color: #fff;
}
.block-faqs .btn-accordion {
  /* Chevron Icon */
}
.block-faqs .btn-accordion::after {
  content: "\f078";
  padding: 0;
  background-color: transparent;
  color: var(--noodle-blue);
  right: 1.25rem;
  left: initial;
}
.block-faqs .btn-accordion[aria-expanded="true"]::after {
  content: "\f077";
  color: #fff;
}
.block-faqs .card-body {
  background-color: #fff;
  border-bottom-left-radius: 12px;
  border-bottom-right-radius: 12px;
}

/*-------*/
/* Lists */
/*-------*/
main ol,
main ul {
  padding-inline-start: 20px;
  margin-bottom: 50px;
}
main ol {
  list-style: decimal;
}
main ul {
  list-style: disc;
}
main ul ul {
  list-style: circle;
  margin: 20px 20px 30px 0 !important;
}
main li {
  position: relative;
  padding-inline-start: 0.5px;
  margin-bottom: 0.5rem;
  max-width: 90ch;
}

/* No Bullet */
ul[class*="list--no-bullet"] {
  list-style: none !important;
  padding-inline-start: 0 !important;
  margin-bottom: 35px;
}
ul[class*="list--no-bullet"] li {
  margin-bottom: 0.5rem;
  padding-inline-start: 0 !important;
}

ul[class*="list--"] {
  list-style: none !important;
}

ul[class*="list--"] > li {
  position: relative;
  padding-inline-start: 20px;
}

/* Columns */
.list--column-2 {
  -moz-column-count: 2;
  column-count: 2;
}

.list--column-3 {
  -moz-column-count: 3;
  column-count: 3;
}

@media (max-width: 991px) {
  .list-mb--column-1 {
    -moz-column-count: 1;
    column-count: 1;
  }
}
/* Add 'list--{icon}' class to 'List' block */
/* Check List (.list--check) */
ul[class*="list--check"]:not([class*="-bg"]) > li::marker,
ul[class*="list--check"][class*="-bg"] > li::before {
  content: "\f00c";
}

/* Chevron List (.list--chevron-right) */
ul[class*="list--chevron-right"]:not([class*="-bg"]) > li::marker,
ul[class*="list--chevron-right"][class*="-bg"] > li::before {
  content: "\f054";
}

/* TEMP: Nested Chevron List */
/* Make more reusable at a later date */
ul[class*="list--chevron-right"]:not([class*="-bg"]) ul {
  margin-top: 0.5rem;
  padding-inline-start: 10px;
}
ul[class*="list--chevron-right"]:not([class*="-bg"]) ul li {
  padding-left: 20px;
}
ul[class*="list--chevron-right"]:not([class*="-bg"]) ul li::marker {
  content: "\f054" !important;
}

/* Plus List (.list--chevron-right) */
ul[class*="list--plus"]:not([class*="-bg"]) > li::marker,
ul[class*="list--plus"][class*="-bg"] > li::before {
  content: "+" !important;
}

/*------------*/
/* Round BGs */
ul[class*="-bg"] > li {
  margin-bottom: 1rem;
}

ul[class*="-bg"] > li::before {
  font-family: var(--fa-version);
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  left: -20px;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  color: var(--white);
  font-size: 0.875rem;
  font-weight: 600;
}

/* Themes */
/* Add 'list--{icon}-{color}-bg' class to 'List' block */
ul[class*="-blue-bg"] > li::before {
  background-color: var(--noodle-blue) !important;
}

ul[class*="-dark-blue-bg"] > li::before {
  background-color: var(--midnight-blue) !important;
}

ul[class*="-orange-bg"] > li::before {
  background-color: #ca4e21 !important;
}

ul[class*="-teal-bg"] > li::before {
  background-color: #139a98 !important;
}

ul[class*="-purple-bg"] > li::before {
  background-color: #6a67aa !important;
}

ul[class*="-green-bg"] > li::before {
  background-color: #52803c !important;
}

ul[class*="-red-bg"] > li::before {
  background-color: #b9314f !important;
}

ul[class*="-yellow-bg"] > li::before {
  background-color: #bf9000 !important;
}

/*--------------*/
/* No Round BGs */
/* Do not use ::marker, not compatible with Safari and/or iOS */
ul[class*="list--"]:not(ul[class*="-bg"]) li::marker {
  content: "" !important;
  display: none !important;
}

ul[class*="list--"]:not(ul[class*="-bg"]) {
  padding: 0;
}
ul[class*="list--"]:not(ul[class*="-bg"]) li {
  padding-inline-start: 0 !important;
}

ul[class*="list--"]:not(ul[class*="-bg"]) li::before {
  content: "\f00c" !important;
  font-family: var(--fa-version);
  font-weight: 600;
  margin-right: 10px;
}

/* Check List Themes */
/* Add 'list--check-{color}' class to 'List' block */
ul.list--check-terracotta:not(ul[class*="-bg"]) li::before {
  color: #c3522a !important;
}

ul.list--check-red:not(ul[class*="-bg"]) li::before {
  color: #aa2d49 !important;
}

ul.list--check-navy:not(ul[class*="-bg"]) li::before {
  color: #2f4b7c !important;
}

ul.list--check-teal:not(ul[class*="-bg"]) li::before {
  color: #118478 !important;
}

ul.list--check-violet:not(ul[class*="-bg"]) li::before {
  color: #784ea8 !important;
}

ul.list--check-plum:not(ul[class*="-bg"]) li::before {
  color: #8b2f6b !important;
}

ul.list--check-gold:not(ul[class*="-bg"]) li::before {
  color: #8c6b0c !important;
}

ul.list--check-sienna:not(ul[class*="-bg"]) li::before {
  color: #8a5022 !important;
}

ul.list--check-green:not(ul[class*="-bg"]) li::marker {
  color: #52803c !important;
}

ul.list--check-white:not(ul[class*="-bg"]) li::marker {
  color: #fff !important;
}

/*--------*/
/* N-Tabs */
/*--------*/
.block-n-tabs .nav-tabs {
  justify-content: center;
  gap: 1rem;
  border: 0;
  margin-bottom: 2rem;
}
.block-n-tabs .nav-tabs .nav-link {
  border-radius: 2px;
  padding: 0.5rem 1rem;
  margin: 0;
}
.block-n-tabs .nav-tabs .nav-link:is(:hover, :focus) {
  border-color: var(--neutral-5, #a0a5b1);
}
.block-n-tabs .nav-tabs .nav-link.active {
  border: 1px solid var(--black, #000);
  color: var(--black, #000);
}
.block-n-tabs .card {
  border: 0;
}

@media (max-width: 991px) {
  .tab-content {
    display: flex;
    flex-direction: column;
  }
  .tab-content > .btn {
    font-size: 1.125rem;
    justify-content: start;
    padding: 1rem;
    width: 100%;
    border-radius: 4px;
    margin-bottom: 1rem;
    background-color: var(--noodle-blue, #0b7ea2);
    color: var(--white, #fff);
  }
  .tab-content > .btn:is(:hover, :focus) {
    background-color: var(--platinum-gray, #005f81);
  }
}
/*------------*/
/* Pagination */
/*------------*/
.pagination .page-numbers {
  background-color: transparent;
  color: var(--noodle-blue, #0b7ea2);
}
.pagination .page-numbers:is(:hover, :focus) {
  color: var(--noodle-blue, #0b7ea2);
}
.pagination .page-numbers.current.btn {
  color: var(--noodle-blue, #0b7ea2);
  font-size: 1rem;
}

/*-------*/
/* Posts */
/*-------*/
.block-posts .r-item {
  max-width: 100%;
  border: 1px solid var(--neutral-3, #d2d5da);
  border-radius: 12px;
  padding: 0;
  gap: 0;
  overflow: hidden;
  transition:
    transform 300ms ease-out,
    box-shadow 300ms ease-out;
}
.block-posts .r-item:is(:hover, :focus) {
  transform: translateY(-5px);
  box-shadow: 0 6px 18px 8px rgba(0, 0, 0, 0.05);
}
.block-posts .r-item .r-hero {
  height: 220px;
  -o-object-fit: cover;
  object-fit: cover;
  margin: 0;
  background-image: url("img/Noodle-Generic-Blog.jpg");
  border-bottom: 1px solid var(--neutral-3, #d2d5da);
}
.block-posts .r-item .r-hero img {
  aspect-ratio: auto;
  height: 100%;
}
.block-posts .r-item .r-content-block {
  padding: 1.5rem;
  background-color: var(--white, #fff);
}
.block-posts .r-item .r-content-block .btn-taxonomy {
  font-size: 0.875rem;
  font-weight: 600;
  text-transform: uppercase;
  text-decoration: none;
  color: var(--neutral-6, #7e8695);
}
.block-posts .r-item .r-content-block .r-meta {
  order: -1;
}
.block-posts .r-item .r-content-block .r-meta .r-date {
  font-size: 0.875rem;
  color: var(--neutral-6, #7e8695);
  font-weight: 600;
}
.block-posts .r-item .r-content-block .r-headline h3 {
  font-family: var(--inter);
  font-size: 1.5rem;
  font-weight: bold;
  color: var(--midnight-blue, #232c3b);
  margin: 0;
  /* Truncate text */
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.block-posts .r-item .r-content-block .r-headline h3 a:is(:link, :visited) {
  text-decoration: none;
}
.block-posts .r-item .r-content-block .r-headline h3 a:is(:hover, :focus) {
  outline: 0;
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 3px;
}
.block-posts .r-item .r-content-block .r-excerpt {
  /* Truncate text */
  display: -webkit-box;
  -webkit-line-clamp: 3;
  line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.block-posts .r-item .r-content-block {
  /* CTA Button */
}
.block-posts .r-item .r-content-block .r-action .btn {
  background-color: transparent;
  border: 0;
  color: var(--midnight-blue, #232c3b);
  padding: 8px 20px;
  border: 1px solid var(--neutral-6, #7e8695);
  border-radius: 50px;
}
.block-posts .r-item .r-content-block .r-action .btn:is(:hover, :focus) {
  border: 1px solid var(--noodle-blue, #232c3b);
  background-color: var(--noodle-blue, #232c3b);
  color: var(--white, #fff);
}
.block-posts .r-item .r-content-block .r-action .btn::after {
  content: "\f054";
  font-family: "FontAwesome";
  font-size: 0.8rem;
  margin-top: 2px;
}

/* Temp: Refine at a later date */
.pagination {
  gap: 2rem !important;
}

.pagination .btn {
  border: 0;
  color: #000;
  padding: 0;
  background-color: transparent !important;
  gap: 2rem;
}

.page-numbers.current.btn {
  border: 0;
  color: #000;
  padding: 0;
  background: transparent !important;
  font-weight: bold;
  box-shadow: none;
  text-shadow: none;
  gap: 2rem;
}

/*------------*/
/* Series Box */
/*------------*/
.seriesmeta {
  display: none;
  background-color: var(--sherpa-blue, #ebf8f8);
}

.seriesbox {
  max-width: 300px;
  color: var(--midnight-blue);
  border: 0;
  background-color: transparent;
  margin: 0 0 2rem 2rem;
  padding: 1.5rem;
}
.seriesbox .center {
  display: none;
}
.seriesbox .serieslist-ul {
  list-style: none;
  margin: 0;
  padding-inline-start: 0.75rem;
}
.seriesbox .serieslist-ul .serieslist-li {
  font-weight: 400;
  margin-bottom: 0;
  border-top: 1px solid var(--noodle-blue);
  padding: 0.5rem 0;
}
.seriesbox .serieslist-ul .serieslist-li a:is(:link, :hover) {
  text-decoration: none;
}
.seriesbox .serieslist-ul .serieslist-li-current {
  color: #000;
  font-weight: 600;
  border-left: 4px solid var(--noodle-blue);
  padding-left: 0.5rem;
  margin-bottom: 0.875rem;
}

/* Hide Unwanted Series Blocks */
.blog-single fieldset,
.blog-single > .seriesmeta,
.blog-single > .seriesbox,
footer .seriesmeta,
footer .seriesbox {
  display: none !important;
}

@media (max-width: 1400px) {
  .seriesbox {
    display: block;
    max-width: 807.5px;
    width: 100%;
    float: none;
    margin: 0 0 2rem;
  }
}
@media (max-width: 991px) {
  .seriesbox {
    display: block;
    max-width: 100%;
    width: 100%;
  }
}
/*-------*/
/* Table */
/*-------*/
.wp-block-table table {
  border-top-left-radius: 16px;
  border-top-right-radius: 16px;
  overflow: hidden;
}
.wp-block-table thead {
  border: 1px solid var(--noodle-blue);
  background-color: var(--noodle-blue);
  color: #fff;
  font-weight: 600;
}
.wp-block-table th,
.wp-block-table td {
  border: 0;
  font-weight: 600;
}
.wp-block-table tr {
  border-bottom: 2px solid var(--noodle-blue);
}
.wp-block-table {
  /* Themes */
}
.wp-block-table.table--orange thead {
  border: 1px solid #ca4e21;
  background-color: #ca4e21;
}
.wp-block-table.table--orange tr {
  border-bottom: 2px solid #ca4e21;
}
.wp-block-table.table--teal thead {
  border: 1px solid #139a98;
  background-color: #139a98;
}
.wp-block-table.table--teal tr {
  border-bottom: 2px solid #139a98;
}
.wp-block-table.table--purple thead {
  border: 1px solid #6a67aa;
  background-color: #6a67aa;
}
.wp-block-table.table--purple tr {
  border-bottom: 2px solid #6a67aa;
}
.wp-block-table.table--green thead {
  border: 1px solid #52803c;
  background-color: #52803c;
}
.wp-block-table.table--green tr {
  border-bottom: 2px solid #52803c;
}
.wp-block-table.table--red thead {
  border: 1px solid #b9314f;
  background-color: #b9314f;
}
.wp-block-table.table--red tr {
  border-bottom: 2px solid #b9314f;
}
.wp-block-table.table--yellow thead {
  border: 1px solid #bf9000;
  background-color: #bf9000;
}
.wp-block-table.table--yellow tr {
  border-bottom: 2px solid #bf9000;
}
@media (max-width: 991px) {
  .wp-block-table tr {
    border-bottom: 0;
  }
}

/*===========*/
/* UTILITIES */
/*===========*/
/*-------*/
/* Align */
/*-------*/
.flex-center-center {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
}

.flex-start-center {
  display: flex !important;
  justify-content: start !important;
  align-items: center !important;
}

.flex-end-center {
  display: flex !important;
  justify-content: end !important;
  align-items: center !important;
}

.flex-center-start {
  display: flex !important;
  justify-content: center !important;
  align-items: start !important;
}

.flex-center-end {
  display: flex !important;
  justify-content: center !important;
  align-items: end !important;
}

/*------------*/
/* Background */
/*------------*/
.bg-gradient,
.bg-gradient::before {
  background: var(--noodle-gradient) !important;
}

.bg-gradient-2,
.bg-gradient-2::before {
  background: linear-gradient(180deg, #232c3b 0%, #0b7ea2 100%) !important;
}

/* Mixin opportunity */
.bg-overlay-black::before {
  content: "" !important;
  width: 100% !important;
  height: 100% !important;
  position: absolute !important;
  top: 0 !important;
  background: linear-gradient(
    90deg,
    rgba(0, 0, 0, 0.75),
    rgba(0, 0, 0, 0.75),
    rgba(0, 0, 0, 0.5),
    rgba(0, 0, 0, 0.25),
    rgba(0, 0, 0, 0)
  ) !important;
}

.bg-overlay-blue::before {
  content: "" !important;
  width: 100% !important;
  height: 100% !important;
  position: absolute !important;
  top: 0 !important;
  background: linear-gradient(
    90deg,
    rgba(35, 44, 59, 0.75),
    rgba(35, 44, 59, 0.75),
    rgba(35, 44, 59, 0.5),
    rgba(35, 44, 59, 0.25),
    rgba(35, 44, 59, 0)
  ) !important;
}

/* Background Attachment */
.bg-attachment-fixed,
.bg-attachment-fixed::before {
  background-attachment: fixed !important;
}

.bg-attachment-initial,
.bg-attachment-initial::before {
  background-attachment: initial !important;
}

@media (max-width: 991px) {
  .bg-attachment-mb-fixed,
  .bg-attachment-mb-fixed::before {
    background-attachment: fixed !important;
  }
  .bg-attachment-mb-inital,
  .bg-attachment-mb-inital::before {
    background-attachment: initial !important;
  }
}
@media (min-width: 992px) {
  .bg-attachment-dt-fixed,
  .bg-attachment-dt-fixed::before {
    background-attachment: fixed !important;
  }
  .bg-attachment-dt-inital,
  .bg-attachment-dt-inital::before {
    background-attachment: initial !important;
  }
}
/* Background Size */
.bg-size-cover,
.bg-size-cover::before {
  background-size: cover !important;
}

.bg-size-contain,
.bg-size-contain::before {
  background-size: contain !important;
}

@media (max-width: 991px) {
  .bg-size-mb-cover,
  .bg-size-mb-cover::before {
    background-size: cover !important;
  }
  .bg-size-mb-contain,
  .bg-size-mb-contain::before {
    background-size: contain !important;
  }
}
@media (min-width: 992px) {
  .bg-size-dt-cover,
  .bg-size-dt-cover::before {
    background-size: cover !important;
  }
  .bg-size-dt-contain,
  .bg-size-dt-contain::before {
    background-size: contain !important;
  }
}
/* Background Repeat */
.bg-repeat-repeat,
.bg-repeat-repeat::before {
  background-repeat: repeat !important;
}

/* Background Position */
.bg-position-y-bottom,
.bg-position-y-bottom::before {
  background-position-y: bottom !important;
}

/*--------*/
/* Border */
/*--------*/
.border--white {
  border: 1px solid var(--white, #fff) !important;
}

.border--black {
  border: 1px solid var(--black, #000) !important;
}

.border--neutral {
  border: 1px solid var(--neutral-2, #e0e2e6) !important;
}

.border--blue {
  border: 1px solid var(--noodle-blue, #0b7ea2) !important;
}

.border--light-blue {
  border: 1px solid var(--sherpa-blue, #ebf8f8) !important;
}

.border-width-1 {
  border-width: 1px !important;
}

.border-width-2 {
  border-width: 2px !important;
}

.border-width-3 {
  border-width: 3px !important;
}

.border-radius-30,
.border-radius-24,
.border-radius-20,
.border-radius-12,
.border-radius-10,
.border-radius-8,
.border-radius-6,
.border-radius-4 {
  overflow: hidden;
}

.border-radius-30 {
  border-radius: 30px !important;
}

.border-radius-24 {
  border-radius: 24px !important;
}

.border-radius-20 {
  border-radius: 20px !important;
}

.border-radius-12 {
  border-radius: 12px !important;
}

.border-radius-10 {
  border-radius: 10px !important;
}

.border-radius-8 {
  border-radius: 8px !important;
}

.border-radius-6 {
  border-radius: 6px !important;
}

.border-radius-4 {
  border-radius: 4px !important;
}

/*------------*/
/* Box Shadow */
/*------------*/
.box-shadow-xxlg {
  box-shadow: 0px 32px 64px -12px rgba(0, 0, 0, 0.14) !important;
}

.box-shadow-xlg {
  box-shadow: 0px 24px 48px -12px rgba(0, 0, 0, 0.18) !important;
}

.box-shadow-lg {
  box-shadow:
    0px 8px 8px -4px rgba(0, 0, 0, 0.03),
    0px 20px 24px -4px rgba(0, 0, 0, 0.08) !important;
}

.box-shadow-md {
  box-shadow:
    0px 4px 6px -2px rgba(0, 0, 0, 0.03),
    0px 12px 16px -4px rgba(0, 0, 0, 0.08) !important;
}

.box-shadow-sm {
  box-shadow:
    0px 2px 4px -2px rgba(0, 0, 0, 0.06),
    0px 4px 8px -2px rgba(0, 0, 0, 0.1) !important;
}

.box-shadow-xs {
  box-shadow:
    0px 1px 2px 0px rgba(0, 0, 0, 0.06),
    0px 1px 3px 0px rgba(0, 0, 0, 0.1) !important;
}

.box-shadow-xxs {
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05) !important;
}

/*----------------*/
/* Flex Direction */
/*----------------*/
@media (max-width: 991px) {
  .flex-mb-column {
    display: flex !important;
    flex-direction: column !important;
  }
}
/*-----*/
/* Gap */
/*-----*/
.gap-10 {
  gap: 10px !important;
}

.gap-20 {
  gap: 20px !important;
}

.gap-30 {
  gap: 30px !important;
}

.gap-40 {
  gap: 40px !important;
}

.gap-50 {
  gap: 50px !important;
}

.gap-60 {
  gap: 60px !important;
}

.gap-70 {
  gap: 70px !important;
}

.gap-80 {
  gap: 80px !important;
}

.gap-90 {
  gap: 90px !important;
}

.gap-100 {
  gap: 100px !important;
}

.gap-v-10 {
  gap: 10px 0 !important;
}

.gap-v-20 {
  gap: 20px 0 !important;
}

.gap-v-30 {
  gap: 30px 0 !important;
}

.gap-v-40 {
  gap: 40px 0 !important;
}

.gap-v-50 {
  gap: 50px 0 !important;
}

.gap-v-60 {
  gap: 60px 0 !important;
}

.gap-v-70 {
  gap: 70px 0 !important;
}

.gap-v-80 {
  gap: 80px 0 !important;
}

.gap-v-90 {
  gap: 90px 0 !important;
}

.gap-v-100 {
  gap: 100px 0 !important;
}

.gap-h-10 {
  gap: 0 10px !important;
}

.gap-h-20 {
  gap: 0 20px !important;
}

.gap-h-30 {
  gap: 0 30px !important;
}

.gap-h-40 {
  gap: 0 40px !important;
}

.gap-h-50 {
  gap: 0 50px !important;
}

.gap-h-60 {
  gap: 0 60px !important;
}

.gap-h-70 {
  gap: 0 70px !important;
}

.gap-h-80 {
  gap: 0 80px !important;
}

.gap-h-90 {
  gap: 0 90px !important;
}

.gap-h-100 {
  gap: 0 100px !important;
}

@media (max-width: 991px) {
  .gap-mb-10 {
    gap: 10px !important;
  }
  .gap-mb-20 {
    gap: 20px !important;
  }
  .gap-mb-30 {
    gap: 30px !important;
  }
  .gap-mb-40 {
    gap: 40px !important;
  }
  .gap-mb-50 {
    gap: 50px !important;
  }
  .gap-mb-60 {
    gap: 60px !important;
  }
  .gap-mb-70 {
    gap: 70px !important;
  }
  .gap-mb-80 {
    gap: 80px !important;
  }
  .gap-mb-90 {
    gap: 90px !important;
  }
  .gap-mb-100 {
    gap: 100px !important;
  }
  .gap-v-mb-10 {
    gap: 10px 0 !important;
  }
  .gap-v-mb-20 {
    gap: 20px 0 !important;
  }
  .gap-v-mb-30 {
    gap: 30px 0 !important;
  }
  .gap-v-mb-40 {
    gap: 40px 0 !important;
  }
  .gap-v-mb-50 {
    gap: 50px 0 !important;
  }
  .gap-v-mb-60 {
    gap: 60px 0 !important;
  }
  .gap-v-mb-70 {
    gap: 70px 0 !important;
  }
  .gap-v-mb-80 {
    gap: 80px 0 !important;
  }
  .gap-v-mb-90 {
    gap: 90px 0 !important;
  }
  .gap-v-mb-100 {
    gap: 100px 0 !important;
  }
  .gap-h-mb-10 {
    gap: 0 10px !important;
  }
  .gap-h-mb-20 {
    gap: 0 20px !important;
  }
  .gap-h-mb-30 {
    gap: 0 30px !important;
  }
  .gap-h-mb-40 {
    gap: 0 40px !important;
  }
  .gap-h-mb-50 {
    gap: 0 50px !important;
  }
  .gap-h-mb-60 {
    gap: 0 60px !important;
  }
  .gap-h-mb-70 {
    gap: 0 70px !important;
  }
  .gap-h-mb-80 {
    gap: 0 80px !important;
  }
  .gap-h-mb-90 {
    gap: 0 90px !important;
  }
  .gap-h-mb-100 {
    gap: 0 100px !important;
  }
}
/*------*/
/* Grid */
/*------*/
.d-grid {
  display: grid !important;
}

.grid-cols-1 {
  grid-template-columns: minmax(0, 1fr) !important;
}

@media (min-width: 992px) {
  .grid-cols-lg-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}
/*--------*/
/* Margin */
/*--------*/
@media (max-width: 600px) {
  .ml-xs-auto {
    margin-left: auto;
  }
  .mr-xs-auto {
    margin-right: auto;
  }
}
@media (max-width: 991px) {
  .mt-mb-80 {
    margin-top: 80px !important;
  }
}
@media (min-width: 992px) {
  .mt-dt-80 {
    margin-top: 80px !important;
  }
  .mb-dt-80 {
    margin-bottom: 80px !important;
  }
}
/*-----------*/
/* Text Mark */
/*-----------*/
.n-hero-emph {
  position: relative;
  display: inline-block;
  white-space: nowrap;
  padding: 0;
  isolation: isolate;
  z-index: 0;
}

.n-hero-doodle {
  position: absolute;
  /* Sized from the reference artwork so the oval sits on the words the same way. */
  left: -6.93%;
  top: -15.9%;
  width: 115%;
  height: 142.87%;
  pointer-events: none;
  overflow: visible;
  z-index: -1;
}

.n-hero-doodle-path {
  stroke-dasharray: 1000;
  stroke-dashoffset: 1000;
  animation: doodle-draw 1.35s cubic-bezier(0.4, 0.05, 0.35, 1) 0.25s forwards;
}

@keyframes doodle-draw {
  to {
    stroke-dashoffset: 0;
  }
}
@media (prefers-reduced-motion: reduce) {
  .n-hero-doodle-path {
    animation: none;
    stroke-dashoffset: 0;
  }
}
/*
  Adds a graphic mark to the text.
  Available marks:
  - Swiggles
  - Wave
*/
/* Swiggles */
.text-mark--swiggles {
  position: relative;
  display: inline-block;
  white-space: nowrap;
}
.text-mark--swiggles .text-mark--swiggles-svg {
  position: absolute;
  left: 0;
  right: 0;
  top: 100%;
  margin-top: -0.25em;
  width: 100%;
  aspect-ratio: 500/30;
  height: auto;
  overflow: visible;
  pointer-events: none;
}
.text-mark--swiggles .text-mark--swiggles-svg path {
  stroke-dasharray: 900;
  stroke-dashoffset: 900;
  animation: text-mark--swiggles-draw 1.6s cubic-bezier(0.65, 0, 0.35, 1) 0.25s
    forwards;
}

@keyframes text-mark--swiggles-draw {
  to {
    stroke-dashoffset: 0;
  }
}
@media (prefers-reduced-motion: reduce) {
  .text-mark--swiggles-svg path {
    animation: none;
    stroke-dashoffset: 0;
  }
}
/* Wave */
h1,
h2:has(.text-mark--wave) {
  margin-bottom: 2rem;
}

.text-mark--wave {
  position: relative;
  display: inline-block;
}

.text-mark--wave-svg {
  position: absolute;
  left: -0.1em;
  width: calc(100% + 0.18em);
  bottom: -0.18em;
  height: auto;
  aspect-ratio: 700/22;
  overflow: visible;
  pointer-events: none;
}

.text-mark--wave-svg path {
  stroke-dasharray: 100;
  stroke-dashoffset: 100;
  animation: text-mark--wave-draw 1.15s cubic-bezier(0.4, 0.05, 0.35, 1) 0.2s
    forwards;
}

@keyframes text-mark--wave-draw {
  to {
    stroke-dashoffset: 0;
  }
}
@media (prefers-reduced-motion: reduce) {
  .text-mark--wave-svg path {
    animation: none;
    stroke-dashoffset: 0;
  }
}
@media (max-width: 480px) {
  .text-mark--wave {
    white-space: nowrap;
    font-size: inherit;
  }
}
.text-mark {
  position: relative;
  display: inline-block;
}

.text-mark__svg {
  position: absolute;
  left: -0.04em;
  width: calc(100% + 0.18em);
  bottom: -0.4em;
  height: auto;
  aspect-ratio: 700/22;
  overflow: visible;
  pointer-events: none;
}

.text-mark--swiggle {
  white-space: nowrap;
  padding-bottom: 12px;
}

.text-mark--swiggle .text-mark__svg {
  left: 0;
  right: 0;
  top: 100%;
  bottom: auto;
  margin-top: -0.25em;
  width: 100%;
  aspect-ratio: 500/30;
}

.text-mark__path {
  stroke-dasharray: 100;
  stroke-dashoffset: 100;
}

.text-mark.is-drawn .text-mark__path {
  animation: text-mark-draw 0.85s cubic-bezier(0.4, 0.05, 0.35, 1) 0.05s
    forwards;
}

.text-mark--swiggle.is-drawn .text-mark__path {
  animation-duration: 1.15s;
}

@keyframes text-mark-draw {
  to {
    stroke-dashoffset: 0;
  }
}
@media (prefers-reduced-motion: reduce) {
  .text-mark__path,
  .text-mark.is-drawn .text-mark__path {
    animation: none;
    stroke-dashoffset: 0;
  }
}
/*-------*/
/* Width */
/*-------*/
/* Max Width */
.max-w-350 {
  max-width: 350px !important;
}

.max-w-450 {
  max-width: 450px !important;
}

.max-w-550 {
  max-width: 550px !important;
}

.max-w-650 {
  max-width: 650px !important;
}

.max-w-750 {
  max-width: 750px !important;
}

.max-w-850 {
  max-width: 850px !important;
}

.max-w-950 {
  max-width: 950px !important;
}

.max-w-1050 {
  max-width: 1050px !important;
}

@media (max-width: 991px) {
  .max-w-mb-350 {
    max-width: 350px !important;
  }
  .max-w-mb-450 {
    max-width: 450px !important;
  }
  .max-w-mb-550 {
    max-width: 550px !important;
  }
  .max-w-mb-650 {
    max-width: 650px !important;
  }
  .max-w-mb-750 {
    max-width: 750px !important;
  }
  .max-w-mb-850 {
    max-width: 850px !important;
  }
  .max-w-mb-950 {
    max-width: 950px !important;
  }
  .max-w-mb-1050 {
    max-width: 1050px !important;
  }
}
@media (min-width: 992px) {
  .max-w-dt-350 {
    max-width: 350px !important;
  }
  .max-w-dt-450 {
    max-width: 450px !important;
  }
  .max-w-dt-550 {
    max-width: 550px !important;
  }
  .max-w-dt-650 {
    max-width: 650px !important;
  }
  .max-w-dt-750 {
    max-width: 750px !important;
  }
  .max-w-dt-850 {
    max-width: 850px !important;
  }
  .max-w-dt-950 {
    max-width: 950px !important;
  }
  .max-w-dt-1050 {
    max-width: 1050px !important;
  }
}
/*========*/
/* LAYOUT */
/*========*/
/* Mobile Navigation Styles */
/* Mobile Navigation Overlay */
.mobile-nav-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  z-index: 1040;
  opacity: 0;
  visibility: hidden;
  transition:
    opacity 0.3s ease,
    visibility 0.3s ease;
}

.mobile-nav-overlay.active {
  opacity: 1;
  visibility: visible;
}

/* Mobile Navigation Container */
.mobile-nav {
  position: fixed;
  top: 0;
  right: -100%;
  width: 100%;
  max-width: 100%;
  height: 100%;
  background-color: #00435c;
  z-index: 200000;
  transition: right 0.3s ease;
  overflow-y: auto;
  display: flex;
  flex-direction: column;
  color: #fff;
}

.mobile-nav.active {
  right: 0;
}

/* Mobile Navigation Header */
.mobile-nav__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 20px 24px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  flex-shrink: 0;
}

.mobile-nav__logo {
  display: flex;
  align-items: center;
}

.mobile-nav__logo-img {
  height: 32px;
  width: auto;
}

.mobile-nav__close {
  background: none;
  border: none;
  color: #fff;
  font-size: 1.5rem;
  cursor: pointer;
  padding: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: opacity 0.2s ease;
}

.mobile-nav__close:hover {
  opacity: 0.7;
}

/* Mobile Navigation Content */
.mobile-nav__content {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 0;
}

.mobile-nav__menu {
  list-style: none;
  margin: 0;
  padding: 0;
  flex: 1;
}

.mobile-nav__item {
  border-bottom: 1px solid var(--noodle-blue);
}

.mobile-nav__link {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 20px 24px;
  color: #fff;
  text-decoration: none;
  font-size: 1.25rem;
  font-weight: 400;
  transition: background-color 0.2s ease;
}

.mobile-nav__link:is(:hover, :focus),
.mobile-nav__item.mobile-nav__item--has-submenu.expanded .mobile-nav__toggle {
  background-color: #232c3b;
  color: #fff !important;
}

.mobile-nav__link span {
  flex: 1;
}

.mobile-nav__link i {
  color: #fff;
  font-size: 0.875rem;
}

.mobile-nav__arrow {
  transition: transform 0.3s ease;
}

.mobile-nav__item--has-submenu.expanded .mobile-nav__arrow {
  transform: rotate(180deg);
}

/* Mobile Navigation Submenu */
.mobile-nav__submenu {
  list-style: none;
  margin: 0;
  padding: 0;
  max-height: 0;
  overflow: hidden;
  background-color: #005f81;
  transition: max-height 0.3s ease;
}
.mobile-nav__submenu.expanded {
  max-height: 2000px;
}

.mobile-nav__submenu .mobile-nav__submenu-item {
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.mobile-nav__submenu-item:last-child {
  border-bottom: none;
}

.mobile-nav__submenu-link {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 20px 24px;
  color: #fff !important;
  text-decoration: none;
  font-size: 1rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  transition: background-color 0.2s ease;
}

.mobile-nav__submenu-item.expanded,
.mobile-nav__submenu-link:is(:hover, :focus) {
  background-color: var(--noodle-blue);
}

/* Mobile Navigation Submenu Items with Children */
.mobile-nav__submenu-item--has-children .mobile-nav__submenu-link {
  position: relative;
}

.mobile-nav__submenu-arrow {
  font-size: 0.75rem;
  margin-left: 8px;
  transition: transform 0.3s ease;
}

.mobile-nav__submenu-item--has-children.expanded .mobile-nav__submenu-arrow {
  transform: rotate(180deg);
}

/* Third Level Navigation */
.mobile-nav__third-level {
  list-style: none;
  margin: 0;
  padding: 0;
  max-height: 0;
  overflow: hidden;
  background-color: #ebf8f8;
  transition: max-height 0.3s ease;
}

.mobile-nav__third-level.expanded {
  max-height: 2000px;
}

.mobile-nav__third-level-item {
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}

.mobile-nav__third-level-item:last-child {
  border-bottom: none;
}

.mobile-nav__third-level-link {
  display: block;
  padding: 20px 24px;
  color: #fff;
  text-decoration: none;
  transition: background-color 0.2s ease;
}

.mobile-nav__third-level-link:is(:hover, :focus)
  .mobile-nav__third-level-title {
  text-decoration: underline;
}

.mobile-nav__third-level-title {
  font-size: 1rem;
  font-weight: 600;
  color: var(--noodle-blue);
  margin-bottom: 4px;
}

.mobile-nav__third-level-desc {
  font-size: 1rem;
  color: var(--midnight-blue);
  line-height: 1.4;
}

/* Mobile Navigation CTA */
.mobile-nav__cta {
  padding: 24px;
  border-top: 1px solid var(--noodle-blue);
  flex-shrink: 0;
}

/* Hide mobile nav on desktop */
@media (min-width: 992px) {
  .mobile-nav,
  .mobile-nav-overlay {
    display: none;
  }
}
/* Mobile Navigation Trigger Button (modify existing navbar-toggler) */
@media (max-width: 991.98px) {
  .navbar-toggler {
    border: none;
    padding: 4px 8px;
    background: transparent;
  }
  .navbar-toggler:focus {
    box-shadow: none;
  }
  .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='rgba%28255, 255, 255, 1%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
    width: 24px;
    height: 24px;
  }
}
/* Hide default Bootstrap offcanvas on mobile */
@media (max-width: 991.98px) {
  .offcanvas.offcanvas-collapse {
    display: none !important;
  }
}
/* Body scroll lock when mobile nav is open */
body.mobile-nav-open {
  overflow: hidden;
}

/*--------*/
/* Header */
/*--------*/
#header {
  position: fixed;
  color: var(--white, #fff);
  border-bottom: 1px solid #eee;
  width: 100%;
}
#header .container {
  padding-top: 0;
  padding-bottom: 0;
}
#header {
  /* Scroll Animation */
}
#header.show {
  opacity: 1;
  top: 0;
  transform: translateY(0) !important;
  transition: ease-in-out 0.3s;
}
#header.show.nav-light {
  background-color: var(--white, #fff) !important;
  box-shadow: 0 0 4px 1px rgba(0, 0, 0, 0.15);
  color: var(--midnight-blue, #232c3b);
}
#header.show.nav-light .cta-btns .btn {
  border: 1px solid var(--midnight-blue, #232c3b) !important;
  background: transparent;
  color: var(--noodle-blue, #0b7ea2);
}
#header.show.nav-light .cta-btns .btn:is(:hover, :focus) {
  color: var(--white, #fff);
  background-color: var(--noodle-blue, #0b7ea2);
  border: 1px solid var(--noodle-blue, #0b7ea2) !important;
}
#header.hide {
  transform: translateY(-1000px);
  transition: ease-in-out 0.3s;
}
@media (min-width: 1201px) {
  #header .logo {
    max-width: 140px;
  }
}
@media (max-width: 1200px) {
  #header .logo {
    max-width: 120px;
  }
}
@media (max-width: 991px) {
  #header .container {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
}

/* Navigation */
.navbar {
  gap: 0 !important;
  padding-top: 0;
  padding-bottom: 0;
}
.navbar #navbarMain {
  display: flex;
  flex-direction: row;
  color: inherit;
}
.navbar #navbarMain .navbar-nav {
  margin-left: auto;
  margin-right: 1rem !important;
}
.navbar #navbarMain .navbar-nav .nav-link {
  position: relative;
  top: 5px;
  font-size: clamp(0.875rem, 1vw, 1rem);
  padding: clamp(0.25rem, 1vw, 1rem);
  padding-bottom: calc(clamp(0.25rem, 1vw, 1rem) + 5px);
  color: inherit;
  border-bottom: 5px solid transparent;
}
.navbar
  #navbarMain
  .navbar-nav
  .nav-link:is(:hover, :focus):not(.dropdown-toggle) {
  border-color: #fff;
}
.navbar #navbarMain {
  /* Search Button and Field */
}
.navbar #navbarMain .nav-item-search {
  list-style: none;
  margin-right: 1rem;
}
.navbar #navbarMain .nav-item-search .nav-link:is(:hover, :focus) {
  color: #fff;
}
.navbar #navbarMain input.search-field {
  font-family: var(--inter);
  font-size: 1rem;
  background-color: transparent !important;
  border: 0;
  border-bottom: 1px solid #fff;
  color: #fff;
  max-width: 170px;
  padding: 0.5rem;
}
.navbar #navbarMain input.search-field:is(:focus) {
  outline: 0;
}
.navbar #navbarMain input.search-field::-moz-placeholder {
  color: var(--neutral-3, #d2d5da);
  font-style: italic;
}
.navbar #navbarMain input.search-field::placeholder {
  color: var(--neutral-3, #d2d5da);
  font-style: italic;
}
.navbar #navbarMain .search-form .search-submit {
  border: 0;
  background-color: transparent;
  color: #fff;
  transition: none;
}
.navbar #navbarMain {
  /* Overrides Default Autocomplete Styling */
}
.navbar #navbarMain input:-webkit-autofill,
.navbar #navbarMain input:-webkit-autofill:focus {
  -webkit-transition:
    background-color 0s 600000s,
    color 0s 600000s !important;
  transition:
    background-color 0s 600000s,
    color 0s 600000s !important;
}
.navbar #navbarMain {
  /* Remove Default Clear Button */
}
.navbar #navbarMain input[type="search"]::-webkit-search-decoration,
.navbar #navbarMain input[type="search"]::-webkit-search-cancel-button,
.navbar #navbarMain input[type="search"]::-webkit-search-results-button,
.navbar #navbarMain input[type="search"]::-webkit-search-results-decoration {
  -webkit-appearance: none;
}
.navbar #navbarMain .cta-btns .btn {
  font-size: clamp(0.875rem, 1vw, 1rem);
  margin: 0;
}

/* Mobile Navigation */
@media (max-width: 991px) {
  #header {
    position: fixed !important;
    top: 0 !important;
    transition: ease-in-out 175ms;
  }
  #header,
  #header.show,
  #header.hide {
    background-color: var(--blue-lagoon) !important;
    top: 68px;
  }
  #header.hide.nav-light {
    background-color: var(--white) !important;
  }
  /* Visible Nav Menu */
  .navbar-open .header .offcanvas-collapse {
    transform: translateX(-100%) !important;
    visibility: visible !important;
    transition:
      transform 0.3s ease-in-out,
      visibility 0.3s ease-in-out !important;
  }
  #navbarMain.show {
    background-color: var(--noodle-blue, #0b7ea2);
    padding: 25px !important;
    height: calc(100% + 100px);
    top: 58px;
  }
  #navbarMain.show .navbar-nav {
    max-width: 680px;
    margin-left: auto !important;
    margin-right: auto !important;
    gap: 20px 0;
  }
  #navbarMain.show .navbar-nav .cta-btns .btn {
    margin-top: 0.5rem;
    border: 1px solid var(--white, #fff) !important;
    color: var(--white, #fff) !important;
  }
  #navbarMain.show .navbar-nav .cta-btns .btn:is(:hover, :focus) {
    color: var(--noodle-blue, #0b7ea2) !important;
  }
  #navbarMain a:is(:link, :visited) {
    color: var(--white, #fff);
    font-size: clamp(0.875rem, 1vw, 1rem);
  }
  #navbarMain a:is(:hover, :focus) {
    text-decoration: none;
  }
  /* Hamburger Menu */
  button.navbar-toggler,
  button.navbar-toggler:focus {
    border: 0;
    padding: 1rem;
    box-shadow: none;
  }
  button.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon::before,
  button.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon::after {
    top: 0;
    translate: 50%;
    right: 50%;
  }
  button.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon {
    background-color: transparent;
  }
  button.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon::before {
    rotate: -45deg;
  }
  button.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon::after {
    rotate: 45deg;
  }
  .navbar-toggler-icon {
    display: block;
    position: relative;
    background-image: none;
    background-color: var(--white, #fff);
    height: 2px !important;
    width: 30px !important;
    border-radius: 15px;
    box-shadow: none;
    outline: 0;
    transition: ease-in-out 175ms;
  }
  .navbar-toggler-icon::before,
  .navbar-toggler-icon::after {
    content: "";
    display: block;
    position: absolute;
    background-color: var(--white, #fff);
    height: 2px;
    width: 30px;
    border-radius: 15px;
    transition: ease-in-out 175ms;
  }
  .navbar-toggler-icon::before {
    top: -10px;
  }
  .navbar-toggler-icon::after {
    top: 10px;
  }
  /* Light Hamburger */
  .nav-light .navbar-toggler-icon {
    background-color: var(--noodle-blue, #0b7ea2);
  }
  .nav-light .navbar-toggler-icon::before,
  .nav-light .navbar-toggler-icon::after {
    background-color: var(--noodle-blue, #0b7ea2);
  }
}
@media (max-width: 768px) {
  #navbarMain,
  #navbarMain.show {
    background-color: var(--noodle-blue, #0b7ea2);
    padding: 25px !important;
  }
  #navbarMain .navbar-nav,
  #navbarMain.show .navbar-nav {
    max-width: 490px;
    margin-left: auto !important;
    margin-right: auto !important;
    gap: 1rem 0;
  }
}
/*---------------*/
/* Dropdown Menu */
/*---------------*/
.dropdown:is(:hover, :focus) .dropdown-menu {
  top: 60px;
  left: -2px;
  transition: ease-in-out 175ms;
  visibility: visible;
}

.dropdown-menu {
  display: block;
  background-color: var(--noodle-blue);
  border-radius: 0.5rem;
  margin-right: 0;
  padding: 1rem;
  top: 50px;
  visibility: hidden;
}
.dropdown-menu.show {
  top: 60px;
  left: -2px;
  transition: ease-in-out 175ms;
  visibility: visible;
}
.dropdown-menu .menu-item {
  min-width: 15rem;
}
.dropdown-menu .menu-item .dropdown-item:is(:link, :visited) {
  border-radius: 0.25rem;
  color: var(--white, #fff);
  font-weight: 300;
  padding: 1rem 2rem;
  transition: none;
}
.dropdown-menu .menu-item .dropdown-item:is(:hover, :focus) {
  text-decoration: none;
  background-color: var(--platinum-gray, #005f81);
}
.dropdown-menu::before {
  content: "";
  position: absolute;
  top: -32px;
  border: 20px solid var(--noodle-blue, #0b7ea2);
  border-left-color: transparent;
  border-right-color: transparent;
  border-top-color: transparent;
}

/*-----------*/
/* Mega Menu */
/*-----------*/
.mega-menu {
  position: fixed;
  left: 0;
  right: 0;
  background: #00435c;
  color: #fff;
  opacity: 0;
  visibility: hidden;
  transform: translateY(0px);
  transition: all 0.3s cubic-bezier(0.26, 1, 0.48, 1);
  z-index: 3000;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.3);
}

.mega-menu.active {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

.mega-menu__content {
  position: relative;
  z-index: 2;
  max-height: calc(100vh - 72px);
  overflow-y: auto;
}
.mega-menu__content .container {
  padding: 2.5rem 0;
}

.mega-menu__grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 2rem;
  overflow-x: hidden;
}

.mega-menu__section {
  padding: 0 20px;
}

.mega-menu__section-header {
  display: flex;
  align-items: center;
  gap: 15px;
  margin-bottom: 1rem;
  padding-bottom: 1rem;
  border-bottom: 1px solid #fff;
}

.mega-menu__section-header h2 {
  font-family: var(--inter);
  font-size: clamp(0.875rem, 1vw, 1rem);
  font-weight: 600;
  text-transform: uppercase;
  margin: 0;
  color: #fff;
}

.mega-menu__links {
  list-style: none;
  padding: 0;
  margin: 0;
}
.mega-menu__links li {
  position: relative;
  margin-bottom: 24px;
  left: -13px;
}
.mega-menu__links li .mega-menu__link {
  display: block;
  border-left: 3px solid transparent;
  text-decoration: none;
  padding-left: 10px;
  transition: all 0.3s ease;
  color: #fff !important;
  text-wrap: pretty;
}
.mega-menu__links li .mega-menu__link .link-title {
  font-weight: 700;
}
.mega-menu__links li .mega-menu__link .link-title::after {
  content: "-->";
  display: inline-block;
  white-space: nowrap;
  opacity: 0;
  transform: translateX(0);
  transition: all 0.2s ease 0.2s;
}
.mega-menu__links li .mega-menu__link .link-desc {
  font-size: clamp(0.875rem, 1vw, 1rem);
  color: var(--sherpa-blue);
  font-weight: 300;
}
.mega-menu__links li .mega-menu__link:is(:hover, :focus) {
  border-color: #fff;
}
.mega-menu__links li .mega-menu__link:is(:hover, :focus) .link-title::after {
  opacity: 1;
  transform: translateX(10px);
}
.mega-menu__links li .mega-menu__link:is(:hover, :focus) .link-desc {
  color: #fff;
}

/* Bottom Section */
.mega-menu__bottom {
  background: #005f81;
  padding: 0;
}
.mega-menu__bottom .container {
  padding: 1.5rem 0;
}
.mega-menu__bottom .mega-menu__bottom-links {
  display: grid;
  grid-template-columns: 250px auto 250px;
  justify-content: start;
  gap: 4rem;
  margin-left: 20px;
}
.mega-menu__bottom .mega-menu__bottom-link {
  display: flex;
  align-items: center;
  justify-content: start;
  gap: 1rem;
  text-decoration: none;
  font-size: clamp(1rem, 1vw, 1.125rem);
  font-weight: 600;
  color: #fff !important;
  transition: all 0.2s ease;
  width: -moz-max-content;
  width: max-content;
}
.mega-menu__bottom .mega-menu__bottom-link:is(:hover, :focus)::after {
  transform: translateX(10px);
  opacity: 1;
}
.mega-menu__bottom .mega-menu__bottom-link::after {
  content: "-->";
  display: inline-block;
  white-space: nowrap;
  opacity: 0;
  transform: translateX(0);
  transition: all 0.2s ease 0.2s;
}

/* Highlighted Side Section */
.mega-menu__side {
  background: #005f81;
}

.mega-menu__side .container {
  padding: 2.5rem;
}

.mega-menu:has(.mega-menu__side)::after {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  width: 40%;
  background-color: #005f81;
  z-index: 1;
}

/* Products Mega Menu */
#productsMegaMenu .mega-menu__content {
  display: grid;
  grid-template-columns: 2fr 1.5fr;
  gap: 2rem;
  margin: 0 auto;
}
#productsMegaMenu .mega-menu__grid {
  grid-template-columns: 1fr;
}
#productsMegaMenu .mega-menu__links {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 2rem;
}
#productsMegaMenu .mega-menu__links li {
  margin: 0;
}
#productsMegaMenu .mega-menu__links li.mega-menu__link--nlp,
#productsMegaMenu .mega-menu__links li.mega-menu__link--products {
  grid-column: 1/-1;
}
#productsMegaMenu .mega-menu__links li.mega-menu__link--nlp .link-title,
#productsMegaMenu .mega-menu__links li.mega-menu__link--products .link-title {
  font-size: clamp(1.125rem, 5vw, 1.25rem);
  font-weight: 700;
  text-transform: uppercase;
  /* text-wrap: balance; */
  margin-bottom: 1rem;
}
#productsMegaMenu .mega-menu__links li.mega-menu__link--nlp::after,
#productsMegaMenu .mega-menu__links li.mega-menu__link--products::after {
  content: "";
  display: block;
  position: relative;
  width: 100%;
  height: 1px;
  background: #fff;
  margin-top: 20px;
  left: 13px;
}
#productsMegaMenu .mega-menu__links li.mega-menu__link--products .link-title {
  padding-right: 3rem;
}
#productsMegaMenu .mega-menu__side {
  background: #005f81;
}
#productsMegaMenu .mega-menu__side .container {
  padding: 2.5rem 3rem 4rem 3rem;
}
#productsMegaMenu .mega-menu__side .mega-menu__links {
  display: grid;
  grid-template-columns: 1fr;
  gap: 2rem;
}
@media (min-width: 992px) {
  #productsMegaMenu .mega-menu__content {
    max-width: 960px;
  }
}
@media (min-width: 1400px) {
  #productsMegaMenu .mega-menu__content {
    max-width: 1320px;
  }
}

/* Solutions Mega Menu */
@media (min-width: 992px) {
  /* Reveal Mega Menu */
  #solutionsMegaMenu {
    display: block;
  }
  #solutionsMegaMenu::after {
    background-color: #232c3b !important;
  }
  #solutionsMegaMenu .mega-menu__content {
    max-width: 960px;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 0;
    margin: 0 auto;
  }
  #solutionsMegaMenu .mega-menu__content .mega-menu__side-nav {
    background-color: #00435c;
  }
  #solutionsMegaMenu .mega-menu__content .mega-menu__side-nav > .container {
    gap: 1rem;
    padding: 1.75rem 0 2.5rem;
  }
  #solutionsMegaMenu .mega-menu__content .mega-menu__side-nav {
    /* Side Nav Info Section */
  }
  #solutionsMegaMenu
    .mega-menu__content
    .mega-menu__side-nav
    .mega-menu__side-nav-header {
    display: flex;
    align-items: center;
    gap: 1rem;
    cursor: pointer;
  }
  #solutionsMegaMenu
    .mega-menu__content
    .mega-menu__side-nav
    .mega-menu__side-nav-header
    .mega-menu__side-nav-link {
    display: block;
    width: 100%;
    text-decoration: none;
    text-underline-offset: 6px;
    text-decoration-thickness: 3px;
    font-size: 0.9375rem;
  }
  #solutionsMegaMenu
    .mega-menu__content
    .mega-menu__side-nav
    .mega-menu__side-nav-header
    .mega-menu__side-nav-link:is(:hover, :focus) {
    color: #fff;
  }
  #solutionsMegaMenu
    .mega-menu__content
    .mega-menu__side-nav
    .mega-menu__side-nav-header.is-active
    .mega-menu__side-nav-link {
    text-decoration: underline;
    font-weight: 700;
  }
  #solutionsMegaMenu .mega-menu__content .mega-menu__side-nav-info {
    background-color: #005f81;
  }
  #solutionsMegaMenu .mega-menu__content .mega-menu__side-nav-info .container {
    padding: 2.5rem 2.5rem;
  }
  #solutionsMegaMenu
    .mega-menu__content
    .mega-menu__side-nav-info
    .container
    .mega-menu__grid {
    grid-template-columns: 1fr;
    overflow: hidden;
    height: 100%;
  }
  #solutionsMegaMenu
    .mega-menu__content
    .mega-menu__side-nav-info
    .mega-menu__section {
    display: none;
    opacity: 0;
    transform: translateY(12px);
    transition:
      opacity 240ms ease,
      transform 240ms ease;
    will-change: opacity, transform;
    padding: 0;
  }
  #solutionsMegaMenu
    .mega-menu__content
    .mega-menu__side-nav-info
    .mega-menu__section.is-active {
    display: block;
  }
  #solutionsMegaMenu
    .mega-menu__content
    .mega-menu__side-nav-info
    .mega-menu__section.is-active.is-enter {
    opacity: 1;
    transform: translateY(0);
  }
  #solutionsMegaMenu .mega-menu__content .mega-menu__side {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #232c3b;
  }
}
@media (min-width: 1400px) {
  #solutionsMegaMenu .mega-menu__content {
    max-width: 1320px;
  }
}
/* Responsive Design */
@media (max-width: 1024px) {
  .mega-menu__grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 2rem;
  }
  .mega-menu__bottom-links {
    grid-template-columns: repeat(2, 1fr);
    gap: 2rem;
  }
}
@media (max-width: 768px) {
  .mega-menu {
    top: auto;
    position: absolute;
    display: none;
  }
  .mega-menu__grid {
    grid-template-columns: 1fr;
    gap: 20px;
    padding: 20px 0;
  }
  .mega-menu__section {
    padding: 0 10px;
  }
  .mega-menu__section-header {
    margin-bottom: 20px;
    padding-bottom: 15px;
  }
  .mega-menu__bottom-links {
    grid-template-columns: 1fr;
    gap: 20px;
  }
  .mega-menu__bottom-link {
    padding: 0 10px;
  }
  .navbar-nav {
    padding-top: 1rem;
  }
  .navbar-nav .nav-link {
    padding: 12px 16px !important;
    border-bottom: 1px solid #fff;
  }
}
/* Accessibility */
@media (prefers-reduced-motion: reduce) {
  * {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }
}
footer {
  background-color: var(--midnight-blue, #232c3b);
  color: var(--white, #fff);
}
footer ul {
  line-height: 2.5;
}
footer li {
  font-size: 0.875rem;
  line-height: 1.5;
  margin-bottom: 0.875rem;
}
footer li a:is(:link, :visited) {
  text-decoration: none;
}
footer li a:is(:hover, :focus) {
  color: var(--white, #fff);
  text-decoration: underline;
  text-underline-offset: 6px;
}
footer .awards {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 20px;
}
footer .social-media {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
}
footer .social-media a:is(:link, :visited) {
  font-size: 1.5rem;
  text-decoration: none;
}
footer .social-media a:is(:hover, :focus) {
  text-decoration: none;
  color: var(--iris-blue, #0ea1cd);
}
footer .nav-title a {
  text-decoration: none;
  margin-bottom: 0.5rem;
}
footer .legal li {
  margin-bottom: 0;
}

@media (max-width: 991px) {
  footer .awards {
    margin-top: 80px;
    justify-content: flex-start;
  }
  footer .social-media {
    justify-content: flex-start;
  }
  footer .copyright {
    order: 1;
  }
  footer .legal {
    flex-direction: column;
    gap: 0 !important;
  }
}
#floating-footer {
  display: none;
}

/*===========*/
/* PAGES */
/*===========*/
/*------*/
/* Home */
/*------*/
#home_new h1 {
  font-size: clamp(2.5rem, 5vw, 2.75rem);
  padding: 1rem;
}
#home_new {
  /*---------------------------*/
  /* Animated Circle Zigzag */
  /*---------------------------*/
}
#home_new .animated-circle-zigzag__container {
  position: relative;
  width: 100%;
  height: 480px;
  overflow: hidden;
  overflow: -moz-hidden-unscrollable;
}
#home_new {
  /* The BG is customizable */
}
#home_new .animated-circle-zigzag__bg-image {
  position: absolute;
  inset: 0;
  z-index: 1;
}
#home_new .animated-circle-zigzag__overlay {
  position: absolute;
  inset: 0;
  background: #00435c;
  z-index: 2;
  /* Dynamic circles will be set by JavaScript */
}
#home_new {
  /* Video Section */
}
#home_new .video-section::before {
  height: 50%;
}
#home_new {
  /*--------*/
  /* Slider */
  /*--------*/
}
#home_new .slick-slider {
  transition: none !important;
  max-width: 1112px !important;
}
#home_new .slick-slider .slick-track {
  align-items: center;
}
#home_new .slick-slider .slick-dots {
  bottom: -40px;
  text-align: center;
}
#home_new .slick-slider .slick-dots li {
  height: 8px;
  width: 8px;
  margin: 0 0.5rem;
}
#home_new .slick-slider .slick-dots li button {
  width: 8px;
  height: 8px;
  padding: 0;
}
#home_new .slick-slider .slick-dots li button::before {
  font-size: 9px;
  transition: ease-in-out 175ms;
  opacity: 1;
  color: #fff;
  width: 8px;
  height: 8px;
  display: flex;
  border-radius: 50%;
  align-items: center;
  justify-content: center;
  background-color: var(--noodle-blue);
}
#home_new .slick-slider .slick-dots li.slick-active button::before {
  content: "\f111";
  color: var(--noodle-blue);
}
#home_new .slick-slider .slick-prev,
#home_new .slick-slider .slick-next {
  bottom: 40%;
  top: initial;
  left: initial;
  right: initial;
  background-color: #8a95a5;
  border: 1px solid #8a95a5;
  border-radius: 50%;
  height: 50px;
  width: 50px;
}
#home_new .slick-slider .slick-prev::before,
#home_new .slick-slider .slick-next::before {
  color: #fff;
  font-size: 1rem;
}
#home_new .slick-slider .slick-prev:hover::before,
#home_new .slick-slider .slick-next:hover::before {
  color: #fff;
  transition: ease-in-out 175ms;
}
#home_new .slick-slider .slick-prev:hover,
#home_new .slick-slider .slick-next:hover {
  background-color: var(--noodle-blue);
}
#home_new .slick-slider .slick-prev::before {
  content: "\f053";
}
#home_new .slick-slider .slick-prev {
  left: 0;
}
#home_new .slick-slider .slick-next::before {
  content: "\f054";
}
#home_new .slick-slider .slick-next {
  right: 0;
}
#home_new .slick-slider .slick-slide {
  height: 100% !important;
}
#home_new .slick-slider .slick-slide.slick-active {
  height: 100% !important;
}
@media (max-width: 991px) {
  #home_new .section-container:has(.slider-controls-mb--bottom) {
    padding-bottom: 150px;
  }
  #home_new .slider-controls-mb--bottom .slick-dots {
    bottom: -100px;
  }
  #home_new .slider-controls-mb--bottom .slick-prev,
  #home_new .slider-controls-mb--bottom .slick-next {
    bottom: -85px;
  }
  #home_new .slider-controls-mb--bottom .slick-prev {
    left: 25vw;
  }
  #home_new .slider-controls-mb--bottom .slick-next {
    right: 25vw;
  }
}
@media (max-width: 991px) {
  #home_new .slider-controls-mb--top .slick-prev,
  #home_new .slider-controls-mb--top .slick-next {
    top: -50px;
    bottom: initial;
    height: 60px;
    background-color: transparent;
    border: 1px solid var(--sherpa-blue);
  }
  #home_new .slider-controls-mb--top .slick-prev::before,
  #home_new .slider-controls-mb--top .slick-next::before {
    color: var(--sherpa-blue);
  }
  #home_new .slider-controls-mb--top .slick-prev:hover,
  #home_new .slider-controls-mb--top .slick-next:hover {
    background-color: var(--sherpa-blue);
  }
}

/*==========*/
/* SECTIONS */
/*==========*/
/*-----------*/
/* Container */
/*-----------*/
#main section {
  background-size: contain;
  background-repeat: repeat;
}

@media (max-width: 991px) {
  #main section {
    background-size: 300%;
  }
}
/*-----*/
/* Row */
/*-----*/
.wp-bootstrap-blocks-row.row:has(.cta-card, .info-card) {
  height: 100%;
}

/*-----*/
/* CTA */
/*-----*/
.cta-section.bg-gradient h2 {
  font-family: var(--playfair);
  font-size: clamp(2.25rem, 5vw, 2.5rem);
  font-weight: 400;
  line-height: 1.2;
}
.cta-section.bg-gradient a:is(:hover, :focus):not(.btn) {
  color: #e3e3e3;
}

.team-section .block-n-tabs .nav-tabs .nav-link {
  background-color: transparent;
}
.team-section .block-n-tabs .nav-tabs .nav-link:is(:hover, :focus) {
  border-color: transparent;
  color: var(--noodle-blue, #0b7ea2);
}
.team-section .block-n-tabs .nav-tabs .nav-link.active {
  border: initial;
  border-color: transparent;
  border-bottom: 1px solid var(--midnight-blue, #232c3b);
  color: var(--midnight-blue, #232c3b);
  font-weight: 700;
}
.team-section .card {
  background-color: transparent;
}
.team-section .card .r-item {
  background-color: var(--white, #fff);
  border-radius: 12px;
  padding: 2rem 1.5rem;
  gap: 1.5rem;
}
.team-section .card .r-item img {
  border-radius: 50%;
  width: 100px;
  height: 100px;
}
.team-section .card .r-item .r-content-block {
  gap: 0;
}
.team-section .card .r-item .r-content-block .r-headline h3 {
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 0.5rem;
}
.team-section .card .r-item .r-content-block .r-action {
  margin-top: 1rem;
}

@media (max-width: 1399px) {
  .team-section .result-list.grid {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (max-width: 1199px) {
  .team-section .result-list.grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 767px) {
  .team-section .result-list.grid {
    grid-template-columns: 1fr;
  }
  .team-section .result-list.grid .r-hero,
  .team-section .result-list.grid .r-content-block {
    text-align: center;
  }
  .team-section .result-list.grid .r-action {
    display: flex;
    justify-content: center;
  }
}
/*------------------*/
/* Full-width Image */
/*------------------*/
.full-img-section .wp-block-image.alignfull img,
.full-img-section .wp-block-image.alignwide img {
  max-height: clamp(550px, 70vw, 700px);
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center clamp(15%, 5vw, 55%);
  object-position: center clamp(15%, 5vw, 55%);
}

/* Gallery Slider */
.gallery-slider .slick-track {
  margin-left: -100px;
}
.gallery-slider figure,
.gallery-slider img {
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  margin-bottom: 1rem;
}
.gallery-slider .slick-dots {
  bottom: -40px;
  text-align: left;
}
.gallery-slider .slick-dots li {
  height: 10px;
  width: 10px;
}
.gallery-slider .slick-dots li button::before {
  font-size: 8px;
  transition: ease-in-out 175ms;
}
.gallery-slider .slick-dots li.slick-active button::before {
  content: "\f111";
  color: var(--white, #fff);
}
.gallery-slider .slick-prev,
.gallery-slider .slick-next {
  bottom: -70px;
  top: initial;
  background-color: transparent;
  border: 1px solid var(--white, #fff);
  border-radius: 50%;
  height: 40px;
  width: 40px;
}
.gallery-slider .slick-prev:hover,
.gallery-slider .slick-next:hover {
  background-color: var(--midnight-blue);
  transition: ease-in-out 175ms;
}
.gallery-slider .slick-prev::before {
  content: "\f060";
  color: var(--white, #fff);
  font-size: 1rem;
}
.gallery-slider .slick-prev {
  left: initial;
  right: 50px;
}
.gallery-slider .slick-next::before {
  content: "\f061";
  color: var(--white, #fff);
  font-size: 1rem;
}
.gallery-slider .slick-next {
  right: 0;
}

@media (max-width: 991px) {
  .gallery-slider .slick-track {
    margin-left: 0;
  }
}
/*------------------------------------*/
/* Case Study Slider (deprecated))    */
/* Half Hero Card Slider              */
/* Note: Moving away from using Case Study Slider class name for a more generic slider */
/*-----------------------*/
.case-study-slider,
.half-hero-card-slider {
  overflow: hidden;
}
.case-study-slider .slick-prev,
.case-study-slider .slick-next,
.half-hero-card-slider .slick-prev,
.half-hero-card-slider .slick-next {
  background-color: transparent;
  color: inherit !important;
}
.case-study-slider .slick-prev:is(:hover, :focus)::before,
.case-study-slider .slick-next:is(:hover, :focus)::before,
.half-hero-card-slider .slick-prev:is(:hover, :focus)::before,
.half-hero-card-slider .slick-next:is(:hover, :focus)::before {
  color: var(--noodle-blue);
  transition: ease-in-out 175ms;
}
.case-study-slider .slick-prev::before,
.case-study-slider .slick-next::before,
.half-hero-card-slider .slick-prev::before,
.half-hero-card-slider .slick-next::before {
  color: inherit !important;
  font-size: 2rem;
}
.case-study-slider .slick-prev::before,
.half-hero-card-slider .slick-prev::before {
  content: "\f060";
}
.case-study-slider .slick-next::before,
.half-hero-card-slider .slick-next::before {
  content: "\f061";
}
.case-study-slider a.btn,
.half-hero-card-slider a.btn {
  margin-bottom: 1rem;
}

@media (max-width: 991px) {
  .case-study-slider .block-wrapper,
  .half-hero-card-slider .block-wrapper {
    padding: 0.5rem;
  }
  .case-study-slider .slick-prev,
  .case-study-slider .slick-next,
  .half-hero-card-slider .slick-prev,
  .half-hero-card-slider .slick-next {
    position: absolute;
    top: 105%;
  }
  .case-study-slider .slick-prev:is(:hover, :focus)::before,
  .case-study-slider .slick-next:is(:hover, :focus)::before,
  .half-hero-card-slider .slick-prev:is(:hover, :focus)::before,
  .half-hero-card-slider .slick-next:is(:hover, :focus)::before {
    color: #fff;
    background-color: var(--noodle-blue);
    transition: ease-in-out 175ms;
  }
  .case-study-slider .slick-prev,
  .half-hero-card-slider .slick-prev {
    left: auto;
    right: 80px;
  }
  .case-study-slider .slick-prev::before,
  .half-hero-card-slider .slick-prev::before {
    content: "\f060";
    font-size: 1.25rem;
    padding: 0.5rem 0.6rem;
    color: var(--noodle-blue);
    background-color: transparent;
    border-radius: 50%;
    border: 1px solid var(--noodle-blue);
    position: relative;
    left: -2px;
  }
  .case-study-slider .slick-next,
  .half-hero-card-slider .slick-next {
    right: 15px;
  }
  .case-study-slider .slick-next::before,
  .half-hero-card-slider .slick-next::before {
    content: "\f061";
    font-size: 1.25rem;
    padding: 0.5rem 0.6rem;
    color: var(--noodle-blue);
    background-color: transparent;
    border-radius: 50%;
    border: 1px solid var(--noodle-blue);
    position: relative;
    right: 14px;
  }
}
/*------*/
/* Hero */
/*------*/
.main-hero-section {
  background-attachment: fixed;
  color: var(--white, #fff);
}
.main-hero-section .container {
  padding-top: 310px;
  padding-bottom: 230px;
}
.main-hero-section a:is(:link, :visited):not(.btn) {
  color: var(--white, #fff);
  text-decoration: none;
}
.main-hero-section a:is(:hover, :focus):not(.btn) {
  color: var(--neutral-2, #e0e2e6);
  text-decoration: underline;
  text-underline-offset: 6px;
}

/* Video BG Section */
@media (max-width: 991px) {
  .main-hero-section .container {
    padding-top: 120px;
    padding-bottom: 60px;
  }
  /* Half Hero */
  .n-section-hero.main-hero-section::before {
    display: none;
  }
  /* Mobile Hero with Video */
  #mobile-hero.main-hero-section .section-container {
    padding-top: 60px;
    padding-bottom: 60px;
  }
}
/*-------------*/
/* Testimonial */
/*-------------*/
.testimonial-section {
  position: relative;
  background-attachment: fixed;
}
.testimonial-section.quote::after {
  content: "";
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  background-image: url("/wp-content/uploads/sites/13/2024/01/quote.png");
  background-position: 100% 0;
  background-repeat: no-repeat;
  background-size: 49%;
}
.testimonial-section .container {
  padding-top: 85px;
  padding-bottom: 85px;
}
.testimonial-section blockquote {
  padding: 0;
  border: 0;
  text-align: center;
  max-width: 940px;
  margin: 0 auto;
  font-family: var(--inter);
  font-size: clamp(1.35rem, 4vw, 1.8125rem);
  font-style: italic;
  font-weight: 500;
  line-height: 1.2;
  position: relative;
  z-index: 1000;
}
.testimonial-section p {
  margin-bottom: 2rem;
}
.testimonial-section cite {
  display: block;
  font-size: 1rem;
  font-weight: 200;
  line-height: 1.5;
  max-width: 300px;
  margin: 0 auto;
}
.testimonial-section cite strong {
  display: block;
  font-weight: 600;
}

@media (max-width: 991px) {
  .testimonial-section .container {
    padding-top: 90px;
    padding-bottom: 90px;
  }
  .testimonial-section blockquote {
    line-height: 1.5;
  }
}
/*----------*/
/* Timeline */
/*----------*/
/* Desktop */
.timeline-dt {
  display: flex;
  justify-content: space-between;
  position: relative;
  width: 100%;
}
.timeline-dt::before {
  content: "";
  display: block;
  position: absolute;
  top: 55px;
  width: 100%;
  height: 1rem;
  border-radius: 100px;
  background-color: var(--iris-blue);
}
.timeline-dt .time-entry {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1rem;
  max-width: 180px;
}
.timeline-dt .time-entry .semester {
  font-size: 1.125rem;
  font-weight: 500;
  margin: 0;
}
.timeline-dt .time-entry .node {
  position: relative;
  width: 42px;
  height: 42px;
  background-color: var(--white, #fff);
  border-radius: 100%;
  border: 6px solid var(--iris-blue, #0ea1cd);
  z-index: 1;
}

.timeline-mb {
  display: none;
}

@media (max-width: 991px) {
  .timeline-dt {
    display: none;
  }
  /* Mobile */
  .timeline-mb {
    display: flex;
    flex-direction: column;
    gap: 2rem;
    position: relative;
  }
  .timeline-mb::before {
    content: "";
    display: block;
    position: absolute;
    top: -25px;
    width: 1rem;
    height: 100%;
    border-radius: 100px;
    background-color: var(--iris-blue);
  }
  .timeline-mb .time-entry {
    display: grid;
    grid-template-columns: 50px auto;
  }
  .timeline-mb .time-entry .semester {
    display: flex;
    align-items: center;
    margin: -2px 0 0.25rem;
    font-size: 1.125rem;
  }
  .timeline-mb .time-entry p {
    text-align: left;
  }
  .timeline-mb .time-entry .node {
    position: relative;
    width: 42px;
    height: 42px;
    background-color: var(--white, #fff);
    border-radius: 100%;
    border: 6px solid var(--iris-blue, #0ea1cd);
    z-index: 1;
    order: -1;
    left: -13px;
    top: -10px;
  }
}
/*-------*/
/* Video */
/*-------*/
.video-section video {
  max-height: 800px;
  -o-object-fit: cover;
  object-fit: cover;
}

/*==============*/
/* WP TEMPLATES */
/*==============*/
/*----------------*/
/* Author Profile */
/*----------------*/
.author-profile .author-avatar {
  border-radius: 50%;
  width: 35vw;
  height: 35vw;
  max-width: 400px;
  max-height: 400px;
  -o-object-fit: cover;
  object-fit: cover;
}
.author-profile {
  /* Posts List */
}
@media (max-width: 1200px) {
  .author-profile .result-list {
    grid-template-columns: 1fr 1fr;
  }
}
@media (max-width: 991px) {
  .author-profile .result-list {
    grid-template-columns: 1fr;
  }
}
.author-profile {
  /* Pagination */
}
.author-profile .pagination {
  display: flex;
  justify-content: center;
  margin-top: 2rem;
  padding-left: 0;
  list-style: none;
}
.author-profile .pagination .page-numbers {
  color: #000;
}
.author-profile .pagination .page-numbers.current {
  text-shadow: none;
  box-shadow: none;
  background: transparent;
  font-weight: 600;
  color: var(--noodle-blue);
}

/* Temp: Styles */
/*-----------*/
/* Blog Post */
/*-----------*/
.blog-single {
  position: relative;
}
.blog-single .section-container.container {
  padding-top: 120px;
}
.blog-single {
  /* Bio Info */
}
.blog-single .profile-info-list {
  list-style-type: none;
  padding: 0;
  margin-bottom: 50px !important;
}
.blog-single .profile-info-list li:has([href*="linkedin.com"])::before {
  content: "\f08c";
  font-family: "Font Awesome 6 Brands";
  font-size: 1.15rem;
  font-weight: 400;
  margin-right: 0.25rem;
}
.blog-single {
  /* Blog Container */
}
.blog-single .row-single {
  max-width: 100%;
  margin: 0 auto;
  gap: 40px !important;
}
.blog-single .col-single-header .grid {
  gap: 0 !important;
}
.blog-single .col-single-header .grid .breadcrumbs {
  order: -1;
  margin-top: 30px;
  margin-bottom: 60px;
}
.blog-single .col-single-header .grid .breadcrumbs a:is(:link, :visited) {
  text-decoration: none;
}
.blog-single .col-single-header .grid .headline {
  display: grid;
  order: 2;
}
.blog-single .col-single-header .grid .headline .read-time {
  order: -1;
  margin: 0 0 0.5rem !important;
}
.blog-single .col-single-header .grid .headline h1 {
  font-size: 2.375rem;
  max-width: 40ch;
  margin-bottom: 0;
}
.blog-single .col-single-header .grid .headline .meta {
  order: -1;
  margin-top: 20px;
  margin-bottom: 30px;
}
.blog-single .col-single-header .grid .headline .categories {
  display: none;
}
.blog-single .col-single-header .grid .featured-image {
  width: 100%;
}
.blog-single .col-single-header .grid .featured-image .wp-image {
  width: 100%;
  max-height: 650px;
  -o-object-fit: cover;
  object-fit: cover;
  margin-bottom: 30px;
}
.blog-single .col-single-header .grid .share a.share-link {
  font-size: 1.25rem;
}
.blog-single h2 {
  font-family: var(--inter);
  font-size: 1.5rem;
  margin-top: 2rem !important;
  margin-bottom: 1.25rem;
  font-weight: 600;
  line-height: 1.3;
  max-width: 60ch;
}
.blog-single h2:first-child {
  margin-top: 0 !important;
}
.blog-single h3 {
  font-size: 1.25rem;
  font-weight: 700;
  margin-bottom: 0.5rem;
  max-width: 60ch;
  margin-bottom: 1rem;
}
.blog-single h4 {
  font-size: 1.125rem;
}
.blog-single p {
  max-width: 80ch;
}
.blog-single ul {
  max-width: 80ch;
  margin-bottom: 1.5rem;
}
.blog-single blockquote {
  font-style: italic;
  border-left: 1px solid var(--iris-blue) !important;
}
.blog-single hr {
  width: 100px;
  background: var(--noodle-blue);
  border: 0;
  margin: 0 auto 20px 0;
}
.blog-single {
  /* Related Posts Section */
}
.blog-single .related-posts-after-content h2 {
  font-family: var(--playfair) !important;
  font-size: clamp(2.25rem, 5vw, 2.5rem) !important;
  line-height: 1.2 !important;
  font-weight: 400;
}
.blog-single {
  /* Slider */
}
.blog-single .block-slider .slick-prev,
.blog-single .block-slider .slick-next {
  background-color: #fff;
  border-radius: 4px;
}
.blog-single .block-slider .slick-prev::before,
.blog-single .block-slider .slick-next::before {
  font-size: 1.25rem;
}
.blog-single .block-slider .slick-prev:is(:hover, :focus),
.blog-single .block-slider .slick-next:is(:hover, :focus) {
  background-color: var(--noodle-blue);
}
.blog-single .block-slider .slick-prev:is(:hover, :focus)::before,
.blog-single .block-slider .slick-next:is(:hover, :focus)::before {
  color: #fff;
}
.blog-single .block-slider .slick-prev::before {
  content: "\f060";
}
.blog-single .block-slider .slick-next::before {
  content: "\f061";
}
.blog-single .block-slider .wp-block-image img {
  border-radius: 1rem;
}

@media (max-width: 991px) {
  .blog-single .section-container.container {
    padding-top: 80px;
  }
  .blog-single .section-container.container > .row > .col-12 {
    padding: 0;
  }
  .blog-single .section-related-posts .col-12,
  .blog-single .cta-section .col-12 {
    padding-left: var(--grid-spacing) !important;
    padding-right: var(--grid-spacing) !important;
  }
  .blog-single .breadcrumbs {
    margin-bottom: 30px !important;
  }
  .blog-single .result-list {
    grid-template-columns: 1fr;
  }
}
/*--------*/
/* Search */
/*--------*/
.site-search-main > .r-headline,
.tax-category > .r-headline {
  margin-top: 10vh;
}
.site-search-main > .r-headline .section-container,
.tax-category > .r-headline .section-container {
  padding-bottom: 0 !important;
}
.site-search-main .grid,
.tax-category .grid {
  gap: 80px;
}
.site-search-main .r-title,
.tax-category .r-title {
  margin-top: 80px;
  margin-bottom: 1rem;
}
.site-search-main .r-count,
.tax-category .r-count {
  margin-bottom: 60px;
}
.site-search-main .search-term,
.tax-category .search-term {
  color: var(--noodle-blue);
}
.site-search-main .search-count,
.tax-category .search-count {
  color: var(--noodle-blue);
  font-weight: 700;
}
.site-search-main .r-item,
.tax-category .r-item {
  gap: 0;
}
.site-search-main .r-content-block,
.tax-category .r-content-block {
  justify-content: center;
  background-color: #fff;
  border: 1px solid #d2d5da;
  border-radius: 12px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  padding: 2rem;
}
.site-search-main .r-hero,
.tax-category .r-hero {
  font-size: 0;
}
.site-search-main .r-hero img,
.tax-category .r-hero img {
  height: 200px;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: 50% 40%;
  object-position: 50% 40%;
  border-radius: 12px;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.site-search-main .r-headline h3,
.tax-category .r-headline h3 {
  font-size: 1.5rem;
  font-weight: 700;
  /* Truncate text */
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.site-search-main .r-excerpt,
.tax-category .r-excerpt {
  /* Truncate text */
  display: -webkit-box;
  -webkit-line-clamp: 3;
  line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.site-search-main,
.tax-category {
  /* Taxonomy (Currently inactive) */
}
.site-search-main .r-taxonomy,
.tax-category .r-taxonomy {
  order: -1;
}
.site-search-main .r-taxonomy .r-cats,
.site-search-main .r-taxonomy .r-tags,
.tax-category .r-taxonomy .r-cats,
.tax-category .r-taxonomy .r-tags {
  gap: 0.5rem;
  margin-bottom: 0.5rem;
  /* Taxonomy pills */
}
.site-search-main .r-taxonomy .r-cats .btn,
.site-search-main .r-taxonomy .r-tags .btn,
.tax-category .r-taxonomy .r-cats .btn,
.tax-category .r-taxonomy .r-tags .btn {
  padding: 0.25rem 0.65rem;
  font-size: 0.75rem;
  color: #fff;
  background-color: var(--noodle-blue);
  margin-top: 0;
}
.site-search-main,
.tax-category {
  /* Continue Reading CTA */
}
.site-search-main .r-action .btn,
.tax-category .r-action .btn {
  padding: 0.75rem 1.5rem;
  border: 1px solid var(--noodle-blue);
  background-color: #fff;
  color: var(--noodle-blue);
}
.site-search-main .r-action .btn:is(:hover, :focus),
.tax-category .r-action .btn:is(:hover, :focus) {
  background-color: var(--noodle-blue);
  color: #fff;
}

@media (max-width: 991px) {
  .site-search-main .grid {
    gap: 30px;
  }
}
/*------------*/
/* Single Bio */
/*------------*/
.faculty-profile .faculty-body {
  background-image: url("img/splatter-bg-white.png");
}
.faculty-profile .faculty-body .section-container {
  padding-bottom: 200px;
}
.faculty-profile .faculty-body .section-container .breadcrumbs {
  margin: 1rem 0 3rem;
}
.faculty-profile
  .faculty-body
  .section-container
  .breadcrumbs
  a:is(:link, :visited) {
  font-weight: 700;
  text-decoration: none;
}
.faculty-profile .faculty-body .section-container .content {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.faculty-profile .faculty-body .section-container .content .faculty-img img {
  border-radius: 50%;
  width: 200px;
  height: 200px;
  margin-bottom: 3.125rem;
}
.faculty-profile .faculty-body .section-container .content h1.faculty-name {
  font-size: 2.375rem;
  margin-bottom: 1.5rem;
}
.faculty-profile .faculty-body .section-container .content .faculty-title {
  font-size: 1.125rem;
  font-weight: 700;
  margin-bottom: 3.75rem;
}
.faculty-profile .faculty-body .section-container .content p {
  max-width: 768px;
}

/*====*/
/* V2 */
/*====*/
/*===========*/
/* OVERRIDES */
/*===========*/
/* Product Slider part 1 - merge with part 2 */
.product-slider--spotlight {
  position: relative;
  display: flex;
  gap: 30px;
  max-width: 2300px;
  margin: 8px auto 0;
  padding: 40px;
  overflow-x: auto;
  overscroll-behavior-x: contain;
  scrollbar-width: none;
  align-items: center;
  cursor: grab;
  touch-action: pan-y;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  box-sizing: border-box;
}
.product-slider--spotlight .product-slider__card {
  justify-content: space-between;
}
.product-slider--spotlight .product-slider__card-eyebrow {
  margin-bottom: 10px !important;
}

@media (max-width: 768px) {
  .product-slider--mini button.slick-prev.slick-arrow {
    right: 20%;
  }
}
.product-slider--spotlight::-webkit-scrollbar {
  display: none;
}

.product-slider--spotlight.is-dragging,
.product-slider--spotlight.is-dragging > .block-wrapper {
  cursor: grabbing;
}

@media (min-width: 1800px) {
  .product-slider--spotlight {
    -webkit-mask-image: linear-gradient(
      to right,
      transparent,
      #000 160px,
      #000 calc(100% - 160px),
      transparent
    );
    mask-image: linear-gradient(
      to right,
      transparent,
      #000 160px,
      #000 calc(100% - 160px),
      transparent
    );
  }
}
.product-slider--spotlight > .block-wrapper {
  flex: 0 0 380px;
  width: 380px;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  border-radius: 12px;
  padding: 35px;
  overflow: hidden;
  cursor: pointer;
  transform-origin: center center;
  transform: scale(0.86);
  opacity: 0.82;
  transition:
    transform 0.65s cubic-bezier(0.33, 1, 0.68, 1),
    opacity 0.65s cubic-bezier(0.33, 1, 0.68, 1),
    translate 0.65s cubic-bezier(0.33, 1, 0.68, 1);
}

/* Current Spotlight Card */
.product-slider--spotlight > .block-wrapper.is-spotlight {
  transform: scale(1);
  opacity: 1;
  z-index: 2;
  box-shadow:
    0px 4px 6px -2px rgba(0, 0, 0, 0.03),
    0px 12px 16px -4px rgba(0, 0, 0, 0.08) !important;
  border: 1px solid #bbb;
}
.product-slider--spotlight > .block-wrapper.is-spotlight * {
  transition: 0.2s ease-in-out !important;
}
.product-slider--spotlight
  > .block-wrapper.is-spotlight:is(:hover, :focus)
  img {
  scale: 1.2;
}
.product-slider--spotlight
  > .block-wrapper.is-spotlight:is(:hover, :focus)
  p:nth-child(2)::after {
  content: "\f061";
  margin: 3px 0 0 12px;
  opacity: 1;
}
.product-slider--spotlight > .block-wrapper.is-spotlight p:nth-child(2) {
  display: inline-block;
  line-height: 1.1 !important;
  transition: 0.2s ease-in-out;
}
.product-slider--spotlight > .block-wrapper.is-spotlight p:nth-child(2)::after {
  content: "\f061";
  font-family: var(--fa-version);
  font-size: 0.875em;
  font-weight: 600;
  position: absolute;
  opacity: 0;
  margin: 3px 0 0 8px;
  transition: 0.2s ease-in-out;
}

.product-slider--spotlight > .block-wrapper:focus {
  outline: none;
}

.product-slider--spotlight > .block-wrapper:not(.is-spotlight):hover,
.product-slider--spotlight > .block-wrapper:not(.is-spotlight):focus-visible {
  transform: scale(0.93);
  opacity: 0.94;
  z-index: 1;
}

.product-slider--spotlight.is-dragging
  > .block-wrapper:not(.is-spotlight):hover,
.product-slider--spotlight.is-dragging
  > .block-wrapper:not(.is-spotlight):focus-visible {
  transform: scale(0.86);
  opacity: 0.82;
}

.product-slider--spotlight > .block-wrapper figure {
  margin: 0 0 16px;
}

.product-slider--spotlight > .block-wrapper img {
  display: block;
  width: 100%;
  height: 240px;
  -o-object-fit: contain;
  object-fit: contain;
}

.product-slider--spotlight > .block-wrapper > p {
  font-family: "Inter", sans-serif;
  font-weight: 800;
  color: #232c3b;
}

.product-slider--spotlight > .block-wrapper > p.mb-10 {
  font-size: 20px;
  line-height: 1.1;
  margin: 0 0 10px;
}

.product-slider--spotlight > .block-wrapper > p.m-0 {
  line-height: 1.15;
  margin: 0;
}

@media (prefers-reduced-motion: reduce) {
  .product-slider--spotlight > .block-wrapper,
  .product-slider--spotlight > .block-wrapper:not(.is-spotlight):hover,
  .product-slider--spotlight > .block-wrapper:not(.is-spotlight):focus-visible {
    transform: none;
    opacity: 1;
    transition: none;
  }
}
.carousel-controls {
  display: flex;
  gap: 12px;
  justify-content: center;
  margin-top: 16px;
}

.product-slider__controls {
  display: flex;
  gap: 12px;
  justify-content: center;
  margin: 16px 0 40px;
}

.c-arrow {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  border: 0;
  background: var(--n-ink);
  color: #fff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition:
    background 0.18s ease,
    transform 0.18s ease;
}

.product-slider__arrow {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  border: 0;
  background: #232c3b;
  color: #fff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition:
    background 0.18s ease,
    transform 0.18s ease;
}

.c-arrow:hover {
  background: var(--n-teal);
  transform: translateY(-2px);
}

.product-slider__arrow:hover {
  background: #0b7ea2;
  transform: translateY(-2px);
}

.c-arrow svg {
  width: 18px;
  height: 18px;
}

.c-arrow svg path {
  stroke-width: 3;
}

.product-slider__arrow i {
  font-size: 16px;
  line-height: 1;
}

/* Add this class to the product slider container (N: Wrapper block, preferably) */
.product-slider--mini {
  overflow: visible;
  height: 100%;
  width: 100%;
}
.product-slider--mini button.slick-next.slick-arrow,
.product-slider--mini button.slick-prev.slick-arrow {
  border: 2px solid #232c3b;
  background-color: #232c3b;
  border-radius: 50%;
  top: calc(100% + 35px);
  width: 38px;
  height: 38px;
  transition: all 0.3s ease;
}
.product-slider--mini button.slick-next.slick-arrow::before,
.product-slider--mini button.slick-prev.slick-arrow::before {
  color: #fff;
}
.product-slider--mini button.slick-next.slick-arrow:is(:hover, :focus),
.product-slider--mini button.slick-prev.slick-arrow:is(:hover, :focus) {
  background-color: #fff;
}
.product-slider--mini button.slick-next.slick-arrow:is(:hover, :focus)::before,
.product-slider--mini button.slick-prev.slick-arrow:is(:hover, :focus)::before {
  color: #232c3b;
}
.product-slider--mini button.slick-next.slick-arrow {
  right: 4%;
}
.product-slider--mini button.slick-next.slick-arrow::before {
  content: "\f061";
}
.product-slider--mini button.slick-prev.slick-arrow {
  right: 15%;
  left: initial;
}
.product-slider--mini button.slick-prev.slick-arrow::before {
  content: "\f060";
}
.product-slider--mini {
  /* Slick Dots */
}
.product-slider--mini ul.slick-dots {
  top: calc(100% + 15px);
  width: -moz-max-content;
  width: max-content;
  left: 4%;
}
.product-slider--mini ul.slick-dots li {
  position: relative;
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 0 5px;
  padding: 0;
  cursor: pointer;
}
.product-slider--mini ul.slick-dots li button {
  font-size: 0;
  line-height: 0;
  display: block;
  width: 10px;
  height: 10px;
  padding: 0;
  cursor: pointer;
  color: transparent;
  border: 0;
  outline: none;
  background: transparent;
}
.product-slider--mini ul.slick-dots li button::before {
  content: "" !important;
  position: absolute;
  top: 0;
  left: 0;
  width: 10px;
  height: 10px;
  text-align: center;
  opacity: 1 !important;
  background-color: #cecfca;
  border-radius: 50%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.product-slider--mini ul.slick-dots li.slick-active button::before {
  background-color: #0b7ea2;
}

/* Product Slider part 2 - merge with part 1 */
.product-slider--mini,
.product-slider--large {
  overflow: visible;
  height: 100%;
  width: 100%;
}

.product-slider--mini button.slick-next.slick-arrow,
.product-slider--large button.slick-next.slick-arrow,
.product-slider--mini button.slick-prev.slick-arrow,
.product-slider--large button.slick-prev.slick-arrow {
  border: 2px solid #232c3b;
  background-color: #232c3b;
  border-radius: 50%;
  top: calc(100% + 35px);
  width: 38px;
  height: 38px;
  transition: all 0.3s ease;
}

.product-slider--mini button.slick-next.slick-arrow:before,
.product-slider--large button.slick-next.slick-arrow:before,
.product-slider--mini button.slick-prev.slick-arrow:before,
.product-slider--large button.slick-prev.slick-arrow:before {
  color: #fff;
}

.product-slider--mini button.slick-next.slick-arrow:is(:hover, :focus),
.product-slider--large button.slick-next.slick-arrow:is(:hover, :focus),
.product-slider--mini button.slick-prev.slick-arrow:is(:hover, :focus),
.product-slider--large button.slick-prev.slick-arrow:is(:hover, :focus) {
  background-color: #fff;
}

.product-slider--mini button.slick-next.slick-arrow:is(:hover, :focus):before,
.product-slider--large button.slick-next.slick-arrow:is(:hover, :focus):before,
.product-slider--mini button.slick-prev.slick-arrow:is(:hover, :focus):before,
.product-slider--large button.slick-prev.slick-arrow:is(:hover, :focus):before {
  color: #232c3b;
}

.product-slider--mini button.slick-next.slick-arrow,
.product-slider--large button.slick-next.slick-arrow {
  right: 4%;
}

.product-slider--mini button.slick-next.slick-arrow:before,
.product-slider--large button.slick-next.slick-arrow:before {
  content: "\f061";
}

.product-slider--mini button.slick-prev.slick-arrow,
.product-slider--large button.slick-prev.slick-arrow {
  right: 15%;
  left: initial;
}

.product-slider--mini button.slick-prev.slick-arrow:before,
.product-slider--large button.slick-prev.slick-arrow:before {
  content: "\f060";
}

.product-slider--mini ul.slick-dots,
.product-slider--large ul.slick-dots {
  top: calc(100% + 15px);
  width: -moz-max-content;
  width: max-content;
  left: 4%;
}

.product-slider--mini ul.slick-dots li,
.product-slider--large ul.slick-dots li {
  position: relative;
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 0 5px;
  padding: 0;
  cursor: pointer;
}

.product-slider--mini ul.slick-dots li button,
.product-slider--large ul.slick-dots li button {
  font-size: 0;
  line-height: 0;
  display: block;
  width: 10px;
  height: 10px;
  padding: 0;
  cursor: pointer;
  color: transparent;
  border: 0;
  outline: none;
  background: 0 0;
}

.product-slider--mini ul.slick-dots li button:before,
.product-slider--large ul.slick-dots li button:before {
  content: "" !important;
  position: absolute;
  top: 0;
  left: 0;
  width: 10px;
  height: 10px;
  text-align: center;
  opacity: 1 !important;
  background-color: #cecfca;
  border-radius: 50%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.product-slider--mini ul.slick-dots li.slick-active button:before,
.product-slider--large ul.slick-dots li.slick-active button:before {
  background-color: #0b7ea2;
}

@media (min-width: 992px) {
  .product-slider--large ul.slick-dots {
    top: calc(100% + 40px);
    width: -moz-max-content;
    width: max-content;
    left: 50%;
    transform: translateX(-50);
  }
  .product-slider--large button.slick-next.slick-arrow,
  .product-slider--large button.slick-prev.slick-arrow {
    top: calc(100% + 60px) !important;
  }
  .product-slider--large button.slick-prev.slick-arrow {
    right: 10%;
    left: initial;
  }
}
@media (max-width: 991px) {
  .product-slider--large ul.slick-dots {
    top: calc(100% + 40px);
    left: 50px;
  }
  .product-slider--large button.slick-next.slick-arrow,
  .product-slider--large button.slick-prev.slick-arrow {
    top: calc(100% + 60px) !important;
  }
  .product-slider--large button.slick-prev.slick-arrow {
    right: 18%;
    left: initial;
  }
  .product-slider--mini button.slick-next.slick-arrow,
  .product-slider--large button.slick-next.slick-arrow {
    right: 0;
  }
}
/* Step slider. One row of cards, moved one card at a time. */
.step-slider {
  --step-slider-gap: 22px;
  --step-slider-visible: 3;
  --step-slider-card: 30%;
  --step-slider-arrow: 40px;
  --step-slider-arrow-gap: 16px;
  --step-slider-edge: 24px;
  position: relative;
  box-sizing: border-box;
  max-width: 100%;
  min-width: 0;
  margin-top: 48px;
  padding-inline: calc(
    var(--step-slider-edge) + var(--step-slider-arrow) +
      var(--step-slider-arrow-gap)
  );
}

.step-slider.is-roomy {
  padding-inline: 0;
}

.step-slider__viewport {
  overflow: hidden;
  min-width: 0;
  max-width: 100%;
}

.step-slider__viewport:focus {
  outline: none;
}

.step-slider__viewport:focus-visible {
  outline: 2px solid var(--c-red, #aa2d49);
  outline-offset: 6px;
}

.step-slider__track {
  display: flex;
  gap: var(--step-slider-gap);
  width: 100%;
  min-width: 0;
  max-width: 100%;
  transition: transform 0.55s cubic-bezier(0.22, 1, 0.36, 1);
}

.step-slider__card {
  flex: 0 0 var(--step-slider-card);
  width: var(--step-slider-card);
  max-width: var(--step-slider-card);
  min-width: 0;
  min-height: 340px;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  padding: 32px 28px 36px;
  border: 1.5px solid #1a6f8a;
  border-radius: 16px;
  background: transparent;
}

.step-slider__card figure {
  margin: 0;
}

.step-slider__card img {
  display: block;
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 80px;
}

.step-slider__icon {
  width: 56px;
  height: 56px;
  margin-bottom: 28px;
  color: #1a6f8a;
}

.step-slider__card h3 strong {
  font-weight: inherit;
}

.step-slider__card h3 {
  margin: 0 0 12px;
  font-family: var(--font-heading, "Inter", sans-serif);
  font-size: 22px;
  font-weight: 800;
  line-height: 1.2;
  letter-spacing: -0.02em;
  color: var(--n-ink, #232c3b);
}

.step-slider__card p {
  margin: 0;
  font-family: var(--font-body, "DM Sans", sans-serif);
  font-size: 16px;
  font-weight: 400;
  line-height: 1.45;
  color: var(--n-ink, #232c3b);
}

.step-slider__arrow {
  position: absolute;
  top: 50%;
  z-index: 2;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: var(--step-slider-arrow);
  height: var(--step-slider-arrow);
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: #232c3b;
  color: #fff;
  transform: translateY(-50%);
  transition:
    background 0.18s ease,
    transform 0.18s ease;
}

.step-slider__arrow svg {
  width: 16px;
  height: 16px;
}

.step-slider__arrow--prev {
  left: var(--step-slider-edge);
}

.step-slider__arrow--next {
  right: var(--step-slider-edge);
}

.step-slider.is-roomy .step-slider__arrow--prev {
  left: calc(-1 * (var(--step-slider-arrow) + var(--step-slider-arrow-gap)));
}

.step-slider.is-roomy .step-slider__arrow--next {
  right: calc(-1 * (var(--step-slider-arrow) + var(--step-slider-arrow-gap)));
}

.step-slider__arrow:hover {
  background: #0b7ea2;
  transform: translateY(calc(-50% - 2px));
}

.step-slider__arrow[hidden] {
  display: none;
}

.step-slider__status {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

@media (max-width: 900px) {
  .n-placement {
    padding: 72px 0 80px;
  }
  .n-placement__inner {
    padding: 0 64px;
  }
  .step-slider__card {
    min-height: 300px;
    padding: 24px 22px 28px;
  }
  .step-slider__card h3 {
    font-size: 20px;
  }
}
@media (max-width: 700px) {
  .n-placement__title {
    font-size: 32px;
  }
  .n-placement__sub {
    font-size: 16px;
  }
  .n-placement__inner {
    padding-inline: 24px;
  }
  .step-slider {
    --step-slider-arrow-gap: 8px;
    --step-slider-edge: 16px;
  }
}
@media (prefers-reduced-motion: reduce) {
  .step-slider__track {
    transition: none;
  }
}
/* Logos Marquee */
.logos-marquee {
  --logos-fade: 64px;
  width: 100%;
  overflow: hidden;
  padding: 12px 0;
  mask-image: linear-gradient(
    to right,
    transparent,
    #000 var(--logos-fade),
    #000 calc(100% - var(--logos-fade)),
    transparent
  );
  -webkit-mask-image: linear-gradient(
    to right,
    transparent,
    #000 var(--logos-fade),
    #000 calc(100% - var(--logos-fade)),
    transparent
  );
}

@media (min-width: 900px) {
  .logos-marquee {
    --logos-fade: 160px;
  }
}
.logos-marquee__track {
  display: flex;
  align-items: center;
  gap: 50px;
  width: -moz-max-content;
  width: max-content;
  position: relative;
  animation: logos-marquee-scroll linear infinite;
}

.logos-marquee:hover .logos-marquee__track {
  animation-play-state: paused;
}

.logos-marquee .block-wrapper {
  flex: 0 0 auto;
}

.logos-marquee figure {
  margin: 0;
}

.logos-marquee img {
  height: 40px;
  width: auto;
  max-width: none;
  -o-object-fit: contain;
  object-fit: contain;
}

@keyframes logos-marquee-scroll {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(calc(var(--logos-shift) * -1));
  }
}
@media (prefers-reduced-motion: reduce) {
  .logos-marquee__track {
    animation: none;
  }
}
/* Header and Nav */
#header #navbarMain input.search-field {
  border-bottom: 0;
}
@media (min-width: 992px) {
  #header #navbarMain .navbar-nav .nav-link {
    border: 0 !important;
  }
  #header #navbarMain .navbar-nav .nav-link:is(:hover, :focus) {
    text-decoration: none !important;
    color: inherit !important;
  }
  #header #navbarMain .dropdown .dropdown-menu.depth_0 {
    top: 100%;
  }
  #header #navbarMain .dropdown .dropdown-menu::before {
    display: none !important;
  }
  #header #navbarMain .dropdown .dropdown-menu {
    padding: 0;
  }
  #header #navbarMain .dropdown .dropdown-menu .menu-item.nav-item {
    border-bottom: 1px solid #278eaf;
  }
  #header #navbarMain .dropdown .dropdown-menu .menu-item.nav-item:last-child {
    border-bottom: none;
  }
  #header #navbarMain .dropdown:is(:hover, :focus)::after {
    content: "";
    position: absolute;
    top: initial;
    left: 50%;
    transform: translateX(-50%);
    bottom: -14px;
    border: 7px solid var(--noodle-blue);
    border-left-color: transparent;
    border-right-color: transparent;
    border-bottom-color: transparent;
  }
  #header #navbarMain .dropdown:is(:hover, :focus) .dropdown-menu {
    top: calc(100% + 10px);
  }
}

@media (max-width: 991px) {
  #header,
  #header.show,
  #header.hide {
    background-color: var(--noodle-blue) !important;
    top: 68px;
  }
  #header button.navbar-toggler,
  #header.show button.navbar-toggler,
  #header.hide button.navbar-toggler {
    padding: 0;
  }
  #header #navbarMain,
  #header.show #navbarMain,
  #header.hide #navbarMain {
    display: block !important;
    visibility: visible !important;
    padding: 0 !important;
    height: 100vh;
  }
  #header #navbarMain .navbar-nav,
  #header.show #navbarMain .navbar-nav,
  #header.hide #navbarMain .navbar-nav {
    gap: 0;
  }
  #header
    #navbarMain
    .dropdown-toggle.show[aria-expanded="true"]
    + .dropdown-menu,
  #header.show
    #navbarMain
    .dropdown-toggle.show[aria-expanded="true"]
    + .dropdown-menu,
  #header.hide
    #navbarMain
    .dropdown-toggle.show[aria-expanded="true"]
    + .dropdown-menu {
    display: block !important;
    border: 0 !important;
  }
  #header #navbarMain .dropdown-toggle[aria-expanded="false"] + .dropdown-menu,
  #header.show
    #navbarMain
    .dropdown-toggle[aria-expanded="false"]
    + .dropdown-menu,
  #header.hide
    #navbarMain
    .dropdown-toggle[aria-expanded="false"]
    + .dropdown-menu {
    display: none !important;
  }
  #header #navbarMain .nav-link,
  #header.show #navbarMain .nav-link,
  #header.hide #navbarMain .nav-link {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    color: #fff;
    position: static;
    font-size: 1rem;
    border-bottom: 1px solid #0ea1cd;
    padding: 12px 24px !important;
  }
  #header #navbarMain .nav-link.dropdown-toggle::after,
  #header.show #navbarMain .nav-link.dropdown-toggle::after,
  #header.hide #navbarMain .nav-link.dropdown-toggle::after {
    font-family: var(--fa-version);
    font-weight: 600;
    border: 0;
  }
  #header #navbarMain .nav-link.dropdown-toggle[aria-expanded="true"],
  #header.show #navbarMain .nav-link.dropdown-toggle[aria-expanded="true"],
  #header.hide #navbarMain .nav-link.dropdown-toggle[aria-expanded="true"] {
    background-color: #fff;
    color: #000;
    font-weight: 700;
    border: 1px solid #e3e3e3 !important;
  }
  #header #navbarMain .nav-link.dropdown-toggle[aria-expanded="false"]::after,
  #header.show
    #navbarMain
    .nav-link.dropdown-toggle[aria-expanded="false"]::after,
  #header.hide
    #navbarMain
    .nav-link.dropdown-toggle[aria-expanded="false"]::after {
    content: "\f107";
  }
  #header #navbarMain .nav-link.dropdown-toggle[aria-expanded="true"]::after,
  #header.show
    #navbarMain
    .nav-link.dropdown-toggle[aria-expanded="true"]::after,
  #header.hide
    #navbarMain
    .nav-link.dropdown-toggle[aria-expanded="true"]::after {
    content: "\f106";
  }
  #header #navbarMain .nav-item-search,
  #header.show #navbarMain .nav-item-search,
  #header.hide #navbarMain .nav-item-search {
    display: none;
  }
  #header #navbarMain .dropdown-menu,
  #header.show #navbarMain .dropdown-menu,
  #header.hide #navbarMain .dropdown-menu {
    padding: 0;
    background-color: #fff;
    border-radius: 0;
  }
  #header #navbarMain .dropdown-menu::before,
  #header.show #navbarMain .dropdown-menu::before,
  #header.hide #navbarMain .dropdown-menu::before {
    display: none;
  }
  #header #navbarMain .dropdown-menu .dropdown-item,
  #header.show #navbarMain .dropdown-menu .dropdown-item,
  #header.hide #navbarMain .dropdown-menu .dropdown-item {
    color: #232c3b;
    font-size: 0.9rem;
    font-weight: 500;
    letter-spacing: 0.5px;
    padding: 12px 28px;
    text-transform: uppercase;
    border-bottom: 1px solid #e3e3e3;
  }
  #header .cta-btns.mb,
  #header.show .cta-btns.mb,
  #header.hide .cta-btns.mb {
    padding: 12px 24px !important;
  }
} /*# sourceMappingURL=style.css.map */