@import url("https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&display=swap");
@import url("https://use.typekit.net/avi1ewr.css");
:root,
:before,
:after {
  --site-width: 1024px;
}

:root,
:before,
:after {
  --font-1: "Lato", sans-serif;
  --font-2: "franklin-gothic-urw", sans-serif;
  --header-logo-width: 6.25rem;
}

.bg-color-1-transparent {
  background: linear-gradient(to bottom, rgba(var(--color-1-base), 1) 0%, color-mix(in srgb, var(--color-1) 30%, white) 100%);
}

#header_main #spotlight_container {
  order: 1;
  padding-top: 10px;
  padding-bottom: 10px;
}
#header_main #spotlight_container.has-dropdown {
  width: 100%;
}
#header_main #spotlight_container.has-dropdown .nav-mobile-toggle {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 999;
  padding: 0;
  border: none;
  background-color: transparent;
  cursor: pointer;
}
#header_main #spotlight_container.has-dropdown .nav-mobile-toggle .nav-mobile-icon-indicator {
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: relative;
  box-sizing: border-box;
}
#header_main #spotlight_container.has-dropdown .nav-mobile-toggle .nav-mobile-icon-indicator:before, #header_main #spotlight_container.has-dropdown .nav-mobile-toggle .nav-mobile-icon-indicator:after {
  content: "";
  display: block;
}
#header_main #spotlight_container.has-dropdown .nav-mobile-toggle .nav-mobile-icon-indicator .nav-mobile-icon-indicator-inner, #header_main #spotlight_container.has-dropdown .nav-mobile-toggle .nav-mobile-icon-indicator:before, #header_main #spotlight_container.has-dropdown .nav-mobile-toggle .nav-mobile-icon-indicator:after {
  display: block;
  transition: 0.25s;
}
#header_main #spotlight_container.has-dropdown .nav-mobile-toggle.animated.open .nav-mobile-icon-indicator .nav-mobile-icon-indicator-inner {
  transform: scaleX(0);
  height: 0 !important;
}
#header_main #spotlight_container.has-dropdown .nav-mobile-toggle.animated.open .nav-mobile-icon-indicator:before {
  transform: rotate(45deg);
}
#header_main #spotlight_container.has-dropdown .nav-mobile-toggle.animated.open .nav-mobile-icon-indicator:after {
  transform: rotate(-45deg);
}
#header_main #spotlight_container.has-dropdown .nav-menu {
  position: absolute;
  z-index: 99;
  width: 100%;
  top: 0;
  max-height: 100vh;
  clip-path: polygon(0 0, 100% 0, 100% 0, 0 0);
  transition: clip-path 0.25s, visibility;
  transition-delay: 0s, 0.25s;
  visibility: hidden;
}
#header_main #spotlight_container.has-dropdown.open .nav-menu {
  visibility: visible;
  transition-delay: 0s;
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
}
#header_main #spotlight_container.has-dropdown .nav-menu,
#header_main #spotlight_container.has-dropdown .sub-nav-group {
  margin: 0;
  padding: 0;
  list-style: none;
}
#header_main #spotlight_container.has-dropdown .nav-menu a,
#header_main #spotlight_container.has-dropdown .sub-nav-group a {
  display: flex;
  align-items: center;
  padding: 0.5em;
  text-decoration: none;
}
#header_main #spotlight_container.has-dropdown .sub-nav {
  display: none;
}
#header_main #spotlight_container.has-dropdown .sub-nav a {
  padding-left: 1.5em;
}
#header_main #spotlight_container.has-dropdown .sub-nav.open {
  display: block;
}
#header_main #spotlight_container.has-dropdown .sub-nav .flyout-group {
  margin: 0;
  padding: 0;
  list-style: none;
}
#header_main #spotlight_container.has-dropdown .sub-nav .flyout-group a {
  padding-left: 2.5em;
}
#header_main #spotlight_container .section-title {
  margin-bottom: 0;
  padding-bottom: 5px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  text-decoration: underline;
  font-size: 1.25rem;
}
#header_main #spotlight_container .item-inner {
  display: block;
  margin: 0;
  padding: 0;
  list-style-type: none;
}
#header_main #spotlight_container .item-summary {
  position: absolute;
  margin-top: 4px;
  padding: 5px;
  background-color: white;
  color: black;
}
#header_main .school-name {
  padding-top: 3rem;
}
#header_main .sitenav-main {
  --sitenav-dropdown-bg-color: white;
  --sitenav-dropdown-link-color: black;
  --sitenav-dropdown-link-hover-bg-color: var(--color-1);
  --sitenav-dropdown-link-hover-color: var(--color-1-over);
  --sitenav-desktop-bg-color: transparent;
  --sitenav-desktop-link-color: var(--color-1);
  --sitenav-desktop-link-hover-bg-color: var(--color-1);
  --sitenav-desktop-link-hover-color: var(--color-1-over);
  --sitenav-hamburger-icon-size: 2.75rem;
  --sitenav-hamburger-icon-padding: .5rem;
  --sitenav-hamburger-icon-gap: 5px;
  --sitenav-hamburger-icon-color: inherit;
  --sitenav-desktop-item-spacing: space-around;
  --sitenav-sub-nav-padding: 1.25rem;
  --sitenav-extra-content-width: 35%;
  --sitenav-desktop-link-color: var(--color-1-over);
  --sitenav-desktop-link-hover-bg-color: white;
  --sitenav-desktop-link-hover-color: black;
}
#header_main .sitenav-main .nav-menu {
  background: var(--sitenav-dropdown-bg-color);
  color: var(--sitenav-dropdown-link-color);
}
#header_main .sitenav-main .nav-mobile-toggle {
  color: var(--sitenav-hamburger-icon-color);
}
#header_main .sitenav-main .nav-mobile-toggle .nav-mobile-icon-indicator {
  height: var(--sitenav-hamburger-icon-size);
  width: var(--sitenav-hamburger-icon-size);
  padding: var(--sitenav-hamburger-icon-padding);
  gap: var(--sitenav-hamburger-icon-gap);
}
#header_main .sitenav-main .nav-mobile-toggle .nav-mobile-icon-indicator:before, #header_main .sitenav-main .nav-mobile-toggle .nav-mobile-icon-indicator:after,
#header_main .sitenav-main .nav-mobile-toggle .nav-mobile-icon-indicator .nav-mobile-icon-indicator-inner {
  height: var(--sitenav-hamburger-icon-gap);
  background-color: currentColor;
}
#header_main .sitenav-main .nav-mobile-toggle.open {
  color: var(--sitenav-dropdown-link-color);
  background: var(--sitenav-dropdown-bg-color);
}
#header_main .sitenav-main .nav-mobile-toggle.open.animated .nav-mobile-icon-indicator {
  gap: 0;
}
#header_main .sitenav-main .nav-mobile-toggle.open.animated .nav-mobile-icon-indicator:after {
  margin-top: calc(-1 * var(--sitenav-hamburger-icon-gap));
}
#header_main .sitenav-main .nav-item {
  height: 100%;
}
#header_main .sitenav-main .nav-item > a {
  min-height: 2.5rem;
  padding: 0 0.5rem;
  font-size: 1.125em;
  font-weight: 700;
  color: var(--sitenav-dropdown-link-color);
}
#header_main .sitenav-main .nav-item > a:focus, #header_main .sitenav-main .nav-item > a:hover, #header_main .sitenav-main .nav-item > a.open {
  color: var(--sitenav-dropdown-link-hover-color);
  background-color: var(--sitenav-dropdown-link-hover-bg-color);
}
#header_main .sitenav-main .sub-nav a {
  color: var(--sitenav-dropdown-link-color);
}
#header_main .sitenav-main .sub-nav a:focus, #header_main .sitenav-main .sub-nav a:hover, #header_main .sitenav-main .sub-nav a.open {
  color: var(--sitenav-dropdown-link-hover-color);
  background-color: var(--sitenav-dropdown-link-hover-bg-color);
}
@media screen and (max-width: 1023px) {
  #header_main .sitenav-main .icon-only svg {
    display: none;
  }
}
@media screen and (min-width: 1024px) {
  #header_main .sitenav-main.column .nav-menu, #header_main .sitenav-main.megamenu .nav-menu {
    justify-content: var(--sitenav-desktop-item-spacing);
    top: auto;
    max-height: none;
    overflow: visible;
    background: transparent;
  }
  #header_main .sitenav-main.column .nav-item.icon-only svg, #header_main .sitenav-main.megamenu .nav-item.icon-only svg {
    height: 1em;
    fill: currentColor;
  }
  #header_main .sitenav-main.column .nav-item.icon-only .icon-only-text, #header_main .sitenav-main.megamenu .nav-item.icon-only .icon-only-text {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
    overflow: hidden;
    clip: rect(0 0 0 0);
  }
  #header_main .sitenav-main.column .nav-item > a, #header_main .sitenav-main.megamenu .nav-item > a {
    text-align: center;
    color: var(--sitenav-desktop-link-color);
    background: var(--sitenav-desktop-bg-color);
  }
  #header_main .sitenav-main.column .nav-item > a:hover, #header_main .sitenav-main.column .nav-item > a:focus, #header_main .sitenav-main.column .nav-item > a.open, #header_main .sitenav-main.megamenu .nav-item > a:hover, #header_main .sitenav-main.megamenu .nav-item > a:focus, #header_main .sitenav-main.megamenu .nav-item > a.open {
    background-color: var(--sitenav-desktop-link-hover-bg-color);
    color: var(--sitenav-desktop-link-hover-color);
  }
  #header_main .sitenav-main.column .sub-nav, #header_main .sitenav-main.megamenu .sub-nav {
    background-color: var(--sitenav-dropdown-bg-color);
    box-shadow: rgba(0, 0, 0, 0.15) 0 3px 5px;
  }
  #header_main .sitenav-main.column .nav-item:nth-last-child(1) .sub-nav:focus, #header_main .sitenav-main.column .nav-item:nth-last-child(1) .sub-nav.open {
    left: auto;
    right: 0;
  }
  #header_main .sitenav-main.megamenu .sub-nav {
    box-sizing: border-box;
    width: 100%;
    max-width: var(--site-width);
    padding: var(--sitenav-sub-nav-padding);
  }
  #header_main .sitenav-main.megamenu .sub-nav .mm-extra-content {
    width: var(--sitenav-extra-content-width);
  }
}
#header_main .header-secondary-nav .links-list {
  flex-direction: row;
}
#header_main .header-secondary-nav .links-list svg {
  width: 34px;
  height: 34px;
}
#header_main .school-name-inner {
  font-size: 1.80625rem;
  font-family: var(--font-2);
  font-weight: 500;
}
@media screen and (min-width: 768px) {
  #header_main .school-name-inner {
    font-size: 1.59375rem;
  }
}
@media screen and (min-width: 1024px) {
  #header_main .school-name-inner {
    font-size: 2.125rem;
  }
}
@media screen and (min-width: 1024px) {
  #header_main {
    --gutter: calc(50% - 512px - 10px);
    display: grid;
    background: linear-gradient(to bottom, color-mix(in srgb, var(--color-1) 30%, black) 0%, rgba(var(--color-1-base), 1) 100%);
    color: white;
    grid-template-columns: var(--gutter) auto auto auto var(--gutter);
    grid-template-areas: ". spotlight spotlight spotlight. " ". topbar name social-nav ." ". main-nav main-nav main-nav .";
  }
  #header_main .spotlight-container {
    grid-area: spotlight;
  }
  #header_main .school-name {
    padding: 1rem 0 0 0;
    grid-area: name;
  }
  #header_main .school-name-inner {
    max-width: 15rem;
    text-align: left;
  }
  #header_main .sitenav-main {
    grid-area: main-nav;
  }
  #header_main #social_nav_header {
    grid-area: social-nav;
  }
  #header_main #topbar_nav {
    grid-area: topbar;
  }
  #header_main .sitenav-main {
    margin-top: 1rem;
    padding-bottom: 1rem;
  }
  #header_main .sitenav-main.nav-group .nav-item > a {
    padding: 0 0.5rem;
    min-height: 2.5rem;
    font-size: 1.25rem;
    font-weight: 500;
  }
}

.content-container .section-title {
  font-size: 1.625rem;
  font-family: var(--font-2);
  font-weight: 500;
}
@media screen and (min-width: 768px) {
  .content-container .section-title {
    font-size: 1.875rem;
  }
}
@media screen and (min-width: 1024px) {
  .content-container .section-title {
    font-size: 2.5rem;
  }
}
.content-container .item-name {
  margin-bottom: 1rem;
  font-size: 1.625rem;
  font-weight: 500;
}
.content-container .read-more-link {
  padding: 0.75rem 1rem;
  border: 1px solid var(--color-1);
  background-color: transparent;
  color: var(--color-2);
  text-decoration: none;
  font-size: 1.125rem;
  transition: 0.3s ease;
}
.content-container .read-more-link:hover, .content-container .read-more-link:focus {
  background-color: var(--color-1);
  color: var(--color-1-over);
}
@media screen and (min-width: 1024px) {
  .content-container {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }
  .content-container .section-title {
    text-align: left;
  }
  .content-container .read-more-links-group {
    justify-content: flex-start;
  }
}

.homepage-row:not(.bg-color-1) .section-title {
  color: var(--color-1);
}

#content_main .pageTitle {
  font-size: 1.6875rem;
  color: var(--color-1);
}
@media screen and (min-width: 768px) {
  #content_main .pageTitle {
    font-size: 1.6875rem;
  }
}
@media screen and (min-width: 1024px) {
  #content_main .pageTitle {
    font-size: 2.25rem;
  }
}
#content_main .right-column-page-navigation {
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
}
#content_main .right-column-page-navigation .active a {
  background-color: var(--color-2-over);
  color: var(--color-2);
}

@media screen and (min-width: 1024px) {
  .homepage-column {
    display: flex;
    justify-content: space-between;
    gap: 2rem;
    padding-right: 0.625rem;
    padding-left: 0.625rem;
  }
}

#motto {
  font-size: 1.21875rem;
  text-align: center;
  position: relative;
  font-family: var(--font-2);
  font-weight: 500;
}
@media screen and (min-width: 768px) {
  #motto {
    font-size: 1.40625rem;
  }
}
@media screen and (min-width: 1024px) {
  #motto {
    font-size: 1.875rem;
  }
}
#motto:before {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: calc(50% - 5rem);
  width: 10rem;
  height: 1px;
  background-color: var(--color-1-over);
}
@media screen and (min-width: 1024px) {
  #motto {
    padding: 1rem 10rem;
  }
}

#static_links_container .link-item {
  flex: 1;
}
#static_links_container a {
  text-decoration: none;
  gap: 1rem;
}
#static_links_container a:hover, #static_links_container a:focus {
  text-decoration: underline;
}
#static_links_container a:hover img, #static_links_container a:focus img {
  height: 8rem;
}
#static_links_container a .item-logo {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 8.125rem;
}
#static_links_container a img {
  height: 7.5rem;
  transition: 0.3s ease;
  object-fit: contain;
}
#static_links_container a .item-text {
  font-size: 1rem;
}

#news_container.slick-container, #events_container.slick-container {
  --slick-arrow-color: var(--color-1);
  --slick-side-margin: 0;
  --slick-arrow-position-x: calc(50% - 160px);
  --slick-arrow-position-y: calc(100% + var(--slick-button-height));
}
@media screen and (min-width: 768px) {
  #news_container .slick-slide, #events_container .slick-slide {
    margin: 0 10px;
  }
}
@media screen and (min-width: 1024px) {
  #news_container .items-list, #events_container .items-list {
    display: grid;
    gap: 1rem;
  }
}

#news_container .item {
  background-color: var(--color-1);
  color: var(--color-1-over);
  position: relative;
}
#news_container .item:before {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 9;
  background-color: rgba(0, 0, 0, 0.65);
}
#news_container .item .item-summary {
  top: auto;
  z-index: 99;
  padding: 2rem;
}
@media screen and (min-width: 1024px) {
  #news_container .item {
    min-width: 465px;
  }
}

#events_container .event-date {
  width: auto;
}
#events_container .event-date .event-month {
  text-transform: capitalize;
  font-size: 1.25rem;
}
#events_container .event-date .event-day {
  color: var(--color-1);
  font-size: 2.5rem;
}

.widget-container-inner {
  text-align: center;
}

#links_container a {
  font-size: 1.21875rem;
  height: 5.625rem;
  border: 2px solid var(--color-1-over);
  background-color: var(--color-1-over);
  color: var(--color-1);
  text-decoration: none;
  font-family: var(--font-2);
  transition: 0.3s ease;
  gap: 1rem;
}
@media screen and (min-width: 768px) {
  #links_container a {
    font-size: 1.40625rem;
  }
}
@media screen and (min-width: 1024px) {
  #links_container a {
    font-size: 1.875rem;
  }
}
#links_container a:hover, #links_container a:focus {
  background-color: var(--color-1);
  color: var(--color-1-over);
}
@media screen and (min-width: 768px) {
  #links_container .slick-slide {
    margin: 0 10px;
  }
}
@media screen and (min-width: 1024px) {
  #links_container .items-list {
    display: grid;
    gap: 1rem;
  }
  #links_container .items-list a {
    width: 25.625rem;
  }
  #links_container .items-list a svg {
    width: 4rem;
  }
}

@media screen and (min-width: 1024px) {
  #videos2_container {
    order: 2;
  }
}

#news2_container .item-name a {
  font-size: 1.625rem;
  color: var(--color-1);
  font-family: var(--font-2);
  font-weight: 500;
}
@media screen and (min-width: 768px) {
  #news2_container .item-name a {
    font-size: 1.875rem;
  }
}
@media screen and (min-width: 1024px) {
  #news2_container .item-name a {
    font-size: 2.5rem;
  }
}
@media screen and (min-width: 1024px) {
  #news2_container.article-type-standard.thumbnail-orientation-horizontal .item-thumbnail-holder {
    max-width: 35.875rem;
  }
  #news2_container .item-summary {
    order: -1;
  }
}

#footer_main {
  background-color: black;
  color: white;
  position: relative;
}
#footer_main:before {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.6);
}
#footer_main .footer-row-inner {
  align-items: center;
  padding: 1.5rem 0.625rem;
  gap: 1.5rem;
}
#footer_main .footer-tools {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 1rem;
}
#footer_main .footer-column {
  padding-top: 1.5rem;
  border-top: 1px solid rgba(255, 255, 255, 0.3);
}
#footer_main #footer_nav .links-list {
  flex-wrap: wrap;
}
@media screen and (min-width: 768px) {
  #footer_main .footer-row-inner {
    align-items: inherit;
  }
}
@media screen and (min-width: 1024px) {
  #footer_main .footer-column {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
  }
  #footer_main .footer-info-block {
    font-size: 1.5rem;
  }
}