/*
Additional stylesheet to improve color contrast and include new program layout
*/


/* --------------------------------------------------------------------------

   Colors

----------------------------------------------------------------------------- */

:root {

--primary-blue: #1f353b;
--primary-blue-light: #485f65;
--primary-blue-dark: #000f15;

--secondary-blue: #69c2d3;
--secondary-blue-light: #9df5ff;
--secondary-blue-dark: #3291a2;

--tertiary-blue: #b8dbd9;
--tertiary-blue-light: #ebffff;
--tertiary-blue-dark: #88a9a8;

--base-white: #edf2fa;
--base-white-light: #fff;
--base-white-dark: #bbbfc7;

--salmon: #d8775f;
--salmon-light: #ffa78d;
--salmon-dark: #a34935;

--green: #529077;
--green-light: #81c1a6;
--green-dark: #23624b;

--purple: #62648b;
--purple-light: #9091bb;
--purple-dark: #363a5e;

--yellow: #e3a153;
--yellow-light: #ffd282;
--yellow-dark: #ae7225;

}

/* the eyebrow title found on pages like the programs - this isn't the exact color but dark enough for contrast */
.sub-page-title { color: #2A7684; }

/*  the eyebrow title should be lighter on background image headers /about */
.page-header-text .sub-page-title { color: var(--secondary-blue-light); }

/* heading style found on pages like /about */
.heading-line { color: var(--secondary-blue-dark); }

/* hover state of text only "button" links found on the home page */
.btn-text.btn-right:hover { color: var(--secondary-blue-dark); }

/* program stat numbers */
.program-stats span { color: var(--salmon-dark); }

/* darken the main button text color */
.btn:not(.btn-clear, .btn-text, .btn-clear-light) { color: var(--primary-blue-dark);}

input[type="submit"].gform_button { 
   color: var(--primary-blue-dark) !important;
   border-color: transparent !important;
}


/* avoid changing button text colors on the admissions and programs pages */
.component-full .btn,
.component-boxed .btn { color: var(--base-white-light); }

/* button colors on admissions page */
.component:nth-of-type(6n+6):not(.component-slanted) .btn { background-color: var(--yellow-dark); border-color: var(--yellow-dark); }

.component:nth-of-type(6n+4):not(.component-slanted) .btn { background-color: var(--secondary-blue-dark); border-color: var(--secondary-blue-dark); }

.component:nth-of-type(6n+2):not(.component-slanted) .btn { background-color: var(--salmon-dark); border-color: var(--salmon-dark); }

/* darken text color on citations on blockquotes */
.blockquote-small-light cite { color: var(--secondary-blue-dark); }

/* darken text color on the stanted stats, found on home page */
.slanted .btn.salmon-text { color: var(--salmon-dark) !important; }

/* blog pagination */
.pagination .page-numbers:not(.next):not(.prev):not(.dots) {
   color: var(--secondary-blue-dark);
   border-color: var(--secondary-blue-dark);
}

/* blog pagination - current */
.pagination .page-numbers.current:not(.next):not(.prev),
.pagination .page-numbers:not(.next):not(.prev):not(.dots):hover {
    background-color: var(--secondary-blue-dark);
    color: #fff;
}

/* headings on /about page */
.list-horizontal div:nth-of-type(3n+1) dt { color: var(--salmon-dark); }

.list-horizontal div:nth-of-type(3n+3) dt { color: var(--yellow-dark); }

/* timeline year numbers on /about page */
.timeline-year { color: var(--secondary-blue-dark); }

/* darker yellow for admissions headings */
.component:nth-of-type(6n+6) .component-heading { color: var(--yellow-dark); }

/* programs page */
.component-boxed:nth-of-type(5n+2) .dek { color: var(--salmon-dark); }

.component-boxed:nth-of-type(5n+4) .dek { color: var(--secondary-blue-dark); }



/* --------------------------------------------------------------------------

   Program 2026 Template

----------------------------------------------------------------------------- */

/* header */
.page-header-program-2026 {
    position: relative;
    padding-top: 5.25rem;
    padding-bottom: 5.25rem;
    background-color: #edf2fa;
}

.program-2026 .sans-heading { text-transform: uppercase; }

.page-header-program-2026 .container {
   display: grid;
   grid-template-columns: 60% 1fr;
   gap: 2rem;
   max-width: 1200px;
   width: 100%;
   margin: 0 auto;
   padding-left: 2rem;
   padding-right: 2rem;
}

.page-header-program-2026-left {
   background-color: var(--primary-blue);
   color: var(--base-white);
   padding: 1.5rem;
   border-radius: 2px;
}

.page-header-program-2026-right {
   display: flex;
   flex-direction: column;
   justify-content: center;
   align-items: start;
   gap: 1rem;
}

.page-header-program-2026-right { font-size: .9rem; }

.page-header-program-2026-title {
   font-size: 1.5rem;
}

.page-header-program-2026-title:after {
    content: '';
    display: block;
    margin-top: 1rem;
    margin-left: 0;
    width: 70px;
    height: 2px;
    background-color: var(--yellow-light);
}

.page-header-program-2026-highlights {
   padding-top: 1rem;
   display: grid;
   grid-template-rows: repeat(3, 1fr);
   /*grid-template-columns: repeat(2, 1fr);*/
   grid-auto-flow: column;
   gap: 1.25rem;
}

.page-header-program-2026-highlights span {
   font-family: 'ff-scala-sans-web', sans-serif;
   text-transform: uppercase;
   font-variant-numeric: lining-nums;
   font-size: 1rem;
   line-height: 1.2;
}

.program-2026 .program-details-section h3 {
   font-size: 1.125rem;

}

/* header link */
.cta-banner-program-2026 {
   background: var(--tertiary-blue-dark);
   color: var(--primary-blue);
   text-transform: uppercase;
   font-family: 'ff-scala-sans-web', sans-serif;
}

.cta-banner-program-2026 .container {
   max-width: 1200px;
   margin: 0 auto;
}

.cta-banner-program-2026 a {
   display: flex;
   justify-content: space-between;
   align-items: center;
   padding: .5rem 0 .3rem;
   line-height: 1;
}

.cta-banner-program-2026 a:after {
   content: "\2192";
   font-size: 3rem;
   color: var(--salmon-dark);
   position: relative;
   top: .125em;
}

/* quote */
.program-2026 blockquote {
   font-family: 'leitura-news', Georgia, serif;
}

.program-2026 .blockquote-full {
   transform: unset;
   padding-top: 4rem;
   padding-bottom: 4rem;
   margin-top: 0;
   margin-bottom: 3rem;
   background-color: var(--purple-dark);
}

.program-2026 .blockquote-full .container { transform: unset; }

.program-2026 .blockquote-full p {
   line-height: 1.5;
}

/* footer */

.page-footer-program-2026 {
   text-align: center;
}

.page-footer-program-2026-text {
   font-size: 1.5em;
}

.page-footer-program-2026 .btn-text {
   justify-content: center;
}



/* buttons */

.program-2026 .btn:not(.btn-text):not(.btn-clear) {
   padding: .5em .8em .3em;
   letter-spacing: unset;
   font-size: .8rem;
   background-color: var(--green-dark);
   border-color: var(--green-dark);
   color: var(--base-white);
   margin-left: 0;
}

.program-2026 .btn:not(.btn-clear):after { content: none; }

.program-2026 .btn:not(.btn-text):not(.btn-clear):hover {
   background-color: var(--green-dark) !important;
}

.program-2026 .btn-text {
   font-family: 'leitura-news', Georgia, serif;
   text-transform: unset;
   letter-spacing: unset;
   font-size: .8rem;
   display: flex;
   align-items: center;
   color: var(--primary-blue-dark); 
}

.program-2026 .btn-text:before { 
   content: '';
   display: flex;
   margin-right: .5rem;
   width: 45px;
   height: 2px;
   background-color: var(--salmon-dark);
}

.page-footer-program-2026 .btn { margin-left: .5rem; margin-right: .5rem }

.program-2026 .toggle:not(.toggle-title):not(.toggle-btn):before, .toggle-title:after {
   font-family: 'leitura-news', serif;
}

@media screen and (max-width: 64em) /* 1024px */ {
   .page-header-program-2026 .container {
      grid-template-columns: 1fr;
   }

   .page-header-program-2026-right {
      align-items: center;
   }

   .page-footer-program-2026 .btn:first-of-type + .btn { margin-left: 0 !important; }
}