/* ============================================================
   HONDROS COLLEGE OF NURSING — Overview LP
   Brand: Royal Blue / Aqua / Green / Yellow
   Font: Avenir (fallback: system sans-serif)
   ============================================================ */

/* ============================================================
   HONDROS COLLEGE OF NURSING — Overview LP
   Brand: Royal Blue / Aqua / Green / Yellow
   Font: Avenir (fallback: system sans-serif)
   ============================================================ */

/* ── Reset & Tokens ─────────────────────────────────────────── */
*, *::before, *::after { margin: 0; padding: 0; box-sizing: border-box; }

:root {
  /* Surfaces */
  --bg:         #f8f9fc;
  --bg-2:       #ffffff;
  --bg-3:       #eef2f7;
  --bg-4:       #dde6ef;

  /* Borders */
  --line:       #d0dae5;
  --line-2:     #b8c6d4;

  /* Text */
  --ink:        #0f1d2e;
  --ink-2:      #3d5166;
  --ink-3:      #7a90a4;

  /* Brand — Royal Blue */
  --royal:        #0071ce;
  --royal-dark:   #005aa5;
  --royal-darker: #004f90;
  --royal-light:  #4c9bdc;
  --royal-tint:   rgba(0, 113, 206, 0.08);
  --royal-tint2:  rgba(0, 113, 206, 0.14);

  /* Brand — Aqua */
  --aqua:       #00bfd7;
  --aqua-dark:  #0099ac;
  --aqua-darker: #0071CE;
  --aqua-tint:  rgba(0, 191, 215, 0.09);

  /* Brand — Green */
  --green:      #76bd22;
  --green-dark: #538418;
  --green-tint: rgba(118, 189, 34, 0.09);

  /* Brand — Yellow */
  --yellow:     #e1e000;
  --yellow-dark:#bbba00;
  --yellow-tint:rgba(225, 224, 0, 0.10);

  /* Shadows */
  --shadow-sm: 0 2px 10px rgba(0,71,144,0.08);
  --shadow-md: 0 8px 36px rgba(0,71,144,0.13);

  /* Geometry */
  --r:    8px;
  --r-lg: 16px;
  --r-xl: 24px;

  /* Motion */
  --ease: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}

html { scroll-behavior: smooth; font-size: 10px; }

body {
  font-family: 'Avenir-Light', 'Avenir', Arial, Helvetica, Geneva, sans-serif;
  background: var(--bg);
  color: var(--ink);
  line-height: 1.65;
  -webkit-font-smoothing: antialiased;
}

h1, h2, h3 { letter-spacing: -0.02em; font-family: 'Avenir-Black', 'Avenir', Arial, sans-serif; font-weight: 800; line-height: 1.2; }
h2 { font-size: clamp(2.8rem, 4vw, 4.4rem); }
h3 { font-size: clamp(2.1rem, 2.5vw, 2.6rem); }
p  { font-size: 1.5rem; }

.container {
  max-width: 1280px !important; 
  margin: 0 auto !important;
  padding: 0 clamp(28px, 5vw, 80px) !important;
}

.section-sub { font-size: 1.6rem; color: var(--ink-2); line-height: 1.7rem; }
.accent { color: var(--aqua-darker); }
.anchor-kicker {
  font-size: 1.1rem; font-family: 'Avenir-Black', sans-serif; font-weight: 800;
  letter-spacing: 0.12em; text-transform: uppercase; color: var(--royal); margin-bottom: 12px;
}
/* ALERT BAR*/

/*! --------------- Alerts --------------- */
.alert {
  font-size: 1rem;
	position: relative;
	padding: 0;
	margin-top: 70px;
	display: flex;
	height: auto;
	min-height: 3rem;
	min-width: 18rem;
	width: 100%;
	border: 0;
  border-left: 3px solid var(--color-hondros-sec-dark-gray);
  background: var(--color-hondros-sec-light-gray);
  color: var(--color-hondros-sec-black);
  padding-block: 1.25rem;
  padding-inline: 1.25rem;
  text-align: center;
}
.alert-details {
  display: flex;
  flex-grow: 1;
  margin: 0 1.25rem;
}
.alert-icon {
  flex-shrink: 0;
  margin-right: 1rem;
  margin-top: .875rem;
  fill: var(--color-hondros-sec-dark-gray);
}
.alert-content {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  padding: .75rem 0;
}
.alert-title {
  font-size: 1rem;
  font-family: var(--font-bold);
  font-weight: normal;
  line-height: 1.125rem;
  margin: 0 .25rem 0 0;
  line-height: 1.5rem;
}
.alert-subtitle {
  font-family: 'Avenir-Light', 'Avenir', Arial, Helvetica, Geneva, sans-serif !important;
	font-size: 1.5rem;
  font-weight: lighter;
  line-height: 2.4rem;
}
.alert-subtitle span {
	display: block;
}
.alert .alert-content a {
  color: var(--color-brand-royal-blue);
  text-decoration: underline;
}
.alert .alert-content a:hover {
  color: var(--color-brand-royal-blue--darkest);
  text-decoration: underline;
}
.alert-close {
	background: transparent;
	color: var(--color-hondros-sec-black);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 0;
	margin: 0;
  height: 3rem;
  width: 3rem;
  min-width: 3rem;
  max-width: 3rem;
  outline: 2px solid transparent;
  outline-offset: -2px;
  border: none;
  cursor: pointer;
  transition: outline .11s cubic-bezier(.2,0,.38,.9),background-color .11s cubic-bezier(.2,0,.38,.9);
}
.alert-close .alert-close-icon {
  fill: var(--color-hondros-sec-black);
	transition: all .11s cubic-bezier(.2,0,.38,.9);
}
.alert-close:hover .alert-close-icon {
  transform: scale(1.5);
}

/*** info alert ***/
.alert-info {
  border-left: 3px solid var(--color-brand-aqua-blue);
  background: var(--color-brand-aqua-blue--lightest);
  color: var(--color-hondros-sec-black);
}
.alert-info .alert-icon {
  fill: var(--color-brand-aqua-blue);
}
/*** success alert ***/
.alert-success {
  border-left: 3px solid var(--color-brand-green);
  background: var(--color-brand-green--lightest);
  color: var(--color-hondros-sec-black);
}
.alert-success .alert-icon {
  fill: var(--color-brand-green);
}
/*** warning alert ***/
.alert-warning {
  border-left: 3px solid #ffbe2e;
  background: #faf3d1;
  color: var(--color-hondros-sec-black);
}
.alert-warning .alert-icon {
  fill: #ffbe2e;
}
/*** error alert ***/
.alert-error {
  border-left: 3px solid #d54309;
  background: #f4e3db;
  color: var(--color-hondros-sec-black);
}
.alert-error .alert-icon {
  fill: #d54309;
}

/*** banner alerts ***/
.alert-primary {
  border-left: none;
  background: #f9f9cc;
  color: #757400;
}
.alert-primary .alert-content a {
	color: #424100;
}
.alert-secondary {
  border-left: none;
  background: #cce3f5;
  color: #003b6b;
}
.alert-secondary .alert-content a {
	color: #001f38;
}
.alert-dark {
  border-left: none;
  background: #d6d8d9;
  color: #1b1e21;
}
.alert-dark .alert-content a {
	color: #040505;
}
.alert-light {
  border-left: none;
  background: #fefefe;
  color: #818182;
}
.alert-light .alert-content a {
	color: #686868;
}
.alert-teal {
  border-left: none;
  background: #ccf2f7;
  color: #00636f;
}
.alert-teal .alert-content a {
	color: #00363c;
}
.alert-wao {
  border-left: none;
  background: #e1e000;
  color: #2e4353;
}
.alert-wao .alert-content a {
	color: #2e4353;
}

/* little foot added classes*/
.littlefoot__button, .littlefoot__button.is-active, .littlefoot__button:active, .littlefoot__button:focus, .littlefoot__button:hover, .offer .littlefoot__button.is-active, .offer .littlefoot__button:active, .offer .littlefoot__button:focus, .offer .littlefoot__button:hover, .bg-sec-black .littlefoot__button.is-active, .apu .hero-rfi-form .littlefoot__button.is-active, .apu .bg-primary--full .littlefoot__button.is-active, .amu .bg-primary--full .littlefoot__button.is-active, .apu .bg-black-n-blue .littlefoot__button.is-active, .amu .bg-black-n-blue .littlefoot__button.is-active, .bg-sec-black .littlefoot__button:active, .apu .hero-rfi-form .littlefoot__button:active, .apu .bg-primary--full .littlefoot__button:active, .amu .bg-primary--full .littlefoot__button:active, .apu .bg-black-n-blue .littlefoot__button:active, .amu .bg-black-n-blue .littlefoot__button:active, .bg-sec-black .littlefoot__button:focus, .apu .hero-rfi-form .littlefoot__button:focus, .apu .bg-primary--full .littlefoot__button:focus, .amu .bg-primary--full .littlefoot__button:focus, .apu .bg-black-n-blue .littlefoot__button:focus, .amu .bg-black-n-blue .littlefoot__button:focus, .bg-sec-black .littlefoot__button:hover, .apu .hero-rfi-form .littlefoot__button:hover, .apu .bg-primary--full .littlefoot__button:hover, .amu .bg-primary--full .littlefoot__button:hover, .apu .bg-black-n-blue .littlefoot__button:hover, .amu .bg-black-n-blue .littlefoot__button:hover{ background-color: var(--yellow) !important; color: var(--royal) !important; font-weight: 700 !important;}
.littlefoot__content div, .littlefoot__content li, .littlefoot__content p, .littlefoot__content span { z-index: 999 !important;}


/* Skip link */
.skip-link {
    position: absolute;
    left: -9999px;
    z-index: 9999;
}

.skip-link:focus {
    left: 1rem;
    top: 1rem;
    z-index: 10000;
    padding: 0.75rem 1rem;
    background: #fff;
    color: #17365D;
    outline: 3px solid #17365D;
}