/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Aug 08 2026 | 01:36:00 */
/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jul 29 2026 | 23:34:04 */
/***********************/
/*  Spruce Variables   */
/***********************/
@font-face {
  font-family: "TBJ Moder";
  src: url("../fonts/TBJ-Moder-Black.woff2") format("woff2"), url("../fonts/TBJ-Moder-Black.woff") format("woff");
  font-style: normal;
  font-weight: 900;
  font-display: swap;
}
:root {
  /* Figma colors: named by color/value, not by usage. */
  --color-dark-blue: #000960;
  --color-medium-turquoise: #52c4c7;
  --color-steel-blue: #3d94ad;
  --color-bright-green: #5ecc81;
  --color-mint-green: #bbf7ce;
  --color-deep-green: #47a667;
  --color-white: #ffffff;
  --color-black: #000000;
  --color-light-grey: #ebe8e8;
  --color-blue-800: #333a80;
  --color-blue-600: #666bad;
  --color-blue-400: #999dbf;
  --color-blue-200: #cccedf;
  --color-turquoise-400: #75d0d2;
  --color-turquoise-300: #97dcdd;
  --color-turquoise-200: #bae7e9;
  --color-turquoise-100: #dcf3f4;
  /* Figma gradients. */
  --main-gradient: linear-gradient(45deg, var(--color-dark-blue)0%, var(--color-medium-turquoise) 100%);
  --accessibility-gradient: linear-gradient(45deg, var(--color-dark-blue)0%, #3d94ad 100%);
  --gradient-turquoise-dark-blue: linear-gradient(110deg, var(--color-medium-turquoise) 0%, var(--color-dark-blue) 100%);
  --gradient-steel-blue-dark-blue: linear-gradient(110deg, var(--color-steel-blue) 0%, var(--color-dark-blue) 100%);
  --gradient-light-turquoise-fade: linear-gradient(90deg, rgba(82, 196, 199, 1) 0%, rgba(82, 196, 199, 0.25) 22%, rgba(82, 196, 199, 0) 93%);
  --gradient-dark-blue-fade: linear-gradient(90deg, rgba(0, 9, 96, 1) 0%, rgba(0, 9, 96, 0.2) 48%, rgba(0, 9, 96, 0) 98%);
  --gradient-hr: linear-gradient(90deg, #52C4C7 0%, rgba(82, 196, 199, 0.25) 22.12%, rgba(82, 196, 199, 0.00) 93.27%);
  /* Typography from Figma text styles. */
  --font-nunito: "Nunito", Arial, sans-serif;
  --font-tbj-moder: "TBJ Moder", Arial, sans-serif;
  --font-museo-sans-rounded: "Museo Sans Rounded", "Nunito", Arial, sans-serif;
  --font-size-12px: 0.750rem;
  --font-size-14px: 0.875rem;
  --font-size-15px: 0.9375rem;
  --font-size-16px: 1rem;
  --font-size-18px: 1.125rem;
  --font-size-20px: 1.250rem;
  --font-size-22px: 1.375rem;
  --font-size-24px: 1.5rem;
  --font-size-28px: 1.75rem;
  --font-size-30px: 1.875rem;
  --font-size-32px: 2rem;
  --font-size-40px: 2.5rem;
  --font-size-48px: 3rem;
  --font-size-62px: 3.875rem;
  --line-height-110: 1.1;
  --line-height-120: 1.2;
  --line-height-200: 2;
  --font-weight-regular: 400;
  --font-weight-medium: 500;
  --font-weight-semibold: 600;
  --font-weight-bold: 700;
  --font-weight-extrabold: 800;
  --font-weight-black: 900;
  /* Frequent Figma spacing values, named by actual size. */
  --space-0px: 0;
  --space-4px: 0.25rem;
  --space-5px: 0.3125rem;
  --space-8px: 0.5rem;
  --space-10px: 0.625rem;
  --space-11px: 0.6875rem;
  --space-12px: 0.75rem;
  --space-13px: 0.8125rem;
  --space-16px: 1rem;
  --space-18px: 1.125rem;
  --space-20px: 1.25rem;
  --space-22px: 1.375rem;
  --space-24px: 1.5rem;
  --space-28px: 1.75rem;
  --space-30px: 1.875rem;
  --space-32px: 2rem;
  --space-36px: 2.25rem;
  --space-40px: 2.5rem;
  --space-45px: 2.8125rem;
  --space-48px: 3rem;
  --space-50px: 3.125rem;
  --space-52px: 3.25rem;
  --space-56px: 3.5rem;
  --space-60px: 3.75rem;
  --space-64px: 4rem;
  --space-70px: 4.375rem;
  --space-80px: 5rem;
  --space-95px: 5.9375rem;
  --space-104px: 6.5rem;
  --space-139px: 8.6875rem;
  --space-158px: 9.875rem;
  --space-200px: 12.5rem;
  --space-225px: 14.0625rem;
  /* Layout constants observed in Figma. */
  --width-desktop-figma: 1366px;
  --width-mobile-figma: 375px;
  --width-container: 1380px;
  --width-container-wide: 1266px;
  --width-content: 731px;
  --radius-0px: 0;
  --radius-4px: 4px;
  --radius-8px: 8px;
  --radius-16px: 16px;
  --radius-20px: 20px;
  --radius-24px: 24px;
  --radius-32px: 32px;
  --radius-48px: 48px;
  --radius-96px: 96px;
  --radius-pill: 999px;
  --transition-160ms: 160ms ease;
  --transition-240ms: 240ms ease;
}
/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jul 24 2026 | 17:06:57 */
#top.home .spruce-hero {
  background: var(--gradient-turquoise-dark-blue);
  color: var(--color-white);
  min-height: 768px;
  padding: var(--space-104px) var(--space-56px) var(--space-60px);
}
#top.home .spruce-hero h1, #top.home .spruce-hero h2, #top.home .spruce-hero h3, #top.home .spruce-hero p {
  color: var(--color-white);
}
#top.home .spruce-hero__content {
  max-width: 725px;
}
@media only screen and (max-width: 767px) {
  #top.home .spruce-hero {
    min-height: 640px;
    padding: var(--space-80px) var(--space-24px) var(--space-40px);
  }
}
@media only screen and (max-width: 767px) {
  #home-header .container {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
  }
}
#home-header .content {
  padding-top: 0px;
}
@media only screen and (max-width: 767px) {
  #home-header .content {
    padding-bottom: 0;
  }
}
#home-header .entry-content-wrapper {
  position: relative;
}
.home-header-content {
  position: relative;
  padding: var(--space-95px) var(--space-45px);
  z-index: 50 !important;
  background: none;
}
@media only screen and (max-width: 767px) {
  .home-header-content {
    background-image: url("/wp-content/uploads/home-header-m.png");
    background-size: cover;
    background-repeat: no-repeat;
    width: 100% !important;
    height: 100%;
    position: relative !important;
    min-height: 800px !important;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: center;
    padding: 0 24px;
  }
}
.home-header-content:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 52vw;
  height: 100%;
  visibility: visible;
  background: var(--main-gradient);
}
@media only screen and (max-width: 767px) {
  .home-header-content:before {
    display: none;
  }
}
.home-header-content h1 {
  font-size: 62px !important;
  text-transform: none !important;
}
@media only screen and (max-width: 767px) {
  .home-header-content h1 {
    font-size: 40px !important;
  }
}
.home-header-content .avia-image-container {
  background: var(--color-white);
  border-radius: var(--radius-48px);
  padding: var(--space-12px) var(--space-30px);
  width: 130%;
  max-width: none;
  margin-bottom: var(--space-36px);
}
@media only screen and (max-width: 767px) {
  .home-header-content .avia-image-container {
    width: 100%;
    max-width: 450px;
    margin-left: 0;
    margin-bottom: 0;
  }
}
.home-header-content p {
  font-size: var(--font-size-24px) !important;
  font-weight: 700;
  line-height: 1.2em !important;
  position: relative;
  z-index: 10;
  color: var(--color-white);
}
.home-header-image {
  width: 50vw !important;
  width: 100% !important;
  left: 50%;
  top: 0;
  height: 100%;
  min-height: 1080px !important;
  position: absolute !important;
  border-radius: 0 0 0 333px;
  background: linear-gradient(0deg, rgba(0, 9, 96, 0.55) 0%, rgba(0, 9, 96, 0.55) 100%), linear-gradient(0deg, #FFF 0%, #FFF 100%), url("/wp-content/uploads/home-header.webp") lightgray 50% / cover no-repeat;
  background-blend-mode: screen, soft-light, normal;
}
@media only screen and (max-width: 767px) {
  .home-header-image {
    display: none;
  }
}
.home-header-content-lower {
  padding: var(--space-60px) var(--space-45px);
}
@media only screen and (max-width: 767px) {
  .home-header-content-lower {
    padding: 24px;
  }
}
.home-header-content-lower p {
  font-size: var(--font-size-18px) !important;
  font-weight: 400 !important;
}
.home-header-content-lower p strong {
  font-size: var(--font-size-24px) !important;
}
#home-cards.icon-cards .icon-card {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
}
#home-cards.icon-cards .icon-card .avia-button-wrap {
  margin-top: auto;
}
#home-cards.icon-cards .icon-card .avia-button-wrap a.avia-button .avia_button_icon {
  bottom: -1px;
}
#home-cards.icon-cards .icon-card .avia-image-container {
  margin-right: 0 !important;
  margin-bottom: var(--space-80px) !important;
}
#home-cards.icon-cards .icon-card .avia-image-container img {
  height: auto;
  max-height: 74px;
  width: auto;
}
#home-cards.icon-cards .icon-card p {
  font-size: var(--font-size-24px);
  opacity: 1;
  font-weight: var(--font-weight-bold) !important;
  margin-top: var(--space-18px);
}
#home-cards.icon-cards .icon-card .av_font_icon {
  margin-bottom: 0;
}
#home-study-cards .content {
  padding-top: 0;
}
#home-study-cards .entry-content-wrapper {
  align-items: stretch;
  display: grid;
  gap: var(--space-48px);
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
#home-study-cards .entry-content-wrapper:before, #home-study-cards .entry-content-wrapper:after {
  display: none;
}
#home-study-cards .home-study-card {
  background: var(--color-white);
  padding: var(--space-16px) var(--space-36px) var(--space-36px);
  border-radius: var(--radius-16px);
  box-sizing: border-box;
  clear: none !important;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  float: none !important;
  margin-left: 0 !important;
  min-width: 0;
  width: auto !important;
  border: 6px solid var(--color-medium-turquoise) !important;
}
#home-study-cards .home-study-card .avia-image-container {
  padding-bottom: var(--space-24px);
  margin-left: 0 !important;
  margin-bottom: 0 !important;
}
#home-study-cards .home-study-card .avia-image-container img {
  height: 92px;
  width: auto;
}
#home-study-cards .home-study-card p, #home-study-cards .home-study-card li {
  color: #525252 !important;
}
#home-study-cards .home-study-card .program-label {
  display: inline-flex;
}
#home-study-cards .home-study-card .program-label p {
  color: var(--color-dark-blue) !important;
  font-size: var(--font-size-14px);
  line-height: 2em !important;
  background: var(--color-turquoise-100);
  padding: 0 var(--space-8px);
  border-radius: var(--radius-8px);
}
#home-study-cards .home-study-card .avia_textblock:not(.program-label) {
  border-bottom: 1px solid var(--color-blue-200);
}
#home-study-cards .home-study-card section:last-of-type {
  margin-bottom: var(--space-36px);
}
#home-study-cards .home-study-card section:last-of-type .avia_textblock {
  border-bottom: none !important;
}
#home-study-cards .home-study-card .avia-button-wrap {
  margin-top: auto;
}
#home-study-cards .home-study-button {
  grid-column: 1 / -1;
}
@media only screen and (max-width: 989px) {
  #home-study-cards .entry-content-wrapper {
    grid-template-columns: 1fr;
  }
}
#meet-bruce .entry-content-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
}
@media only screen and (max-width: 767px) {
  #meet-bruce .entry-content-wrapper {
    flex-direction: column;
  }
}
#meet-bruce .entry-content-wrapper .meet-bruce-image img {
  padding-right: var(--space-104px);
  width: 100%;
}
@media only screen and (max-width: 767px) {
  #meet-bruce .entry-content-wrapper .meet-bruce-image img {
    padding-right: 0;
  }
}
#meet-bruce .entry-content-wrapper .meet-bruce-content {
  border-radius: 80px 16px;
  background: var(--Gradients-PRimary-Gradient, linear-gradient(288deg, #52C4C7 0%, #000960 100%));
  display: flex;
  padding: var(--space-104px) var(--space-48px);
  align-items: center;
  flex-wrap: wrap;
}
#meet-bruce .entry-content-wrapper .meet-bruce-content h2 {
  font-size: var(--font-size-62px);
  color: var(--color-white);
  text-transform: none !important;
  position: relative;
  padding-bottom: var(--space-32px) !important;
  padding-right: var(--space-64px);
  margin-bottom: var(--space-0px) !important;
}
#meet-bruce .entry-content-wrapper .meet-bruce-content h2:after {
  content: "";
  display: flex;
  position: absolute;
  bottom: 0;
  left: 0;
  transform: translate3d(0, -50%, 0);
  height: 5px;
  width: 68px;
  background-image: url("/wp-content/uploads/line-break.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
#meet-bruce .entry-content-wrapper .meet-bruce-content p {
  font-size: var(--font-size-22px);
  color: var(--color-white);
}
#explore {
  background-color: var(--color-blue-800);
}
#explore .avia-buttonrow-wrap {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: var(--space-36px);
}
@media only screen and (max-width: 767px) {
  #explore .avia-buttonrow-wrap {
    grid-template-columns: none;
  }
}