/*!
Theme Name: NUHS v2.0
Theme URI: http://nuhs.edu/
Author: Captain Coder
Author URI: http://captcoder.com/
Description: This is a Bootstrap 5 theme base custom built for NUHS
Version: 2.5.0
License: GNU General Public License v2 or later
Text Domain: captcoder

captcoder is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.
*/

@import url("inc/normalize.css");
@import url("inc/xl.css");

@import url("https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,400;0,600;0,700;0,800;1,400&display=swap");

@import url("https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,700;1,700&display=swap");

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# HTML
# Body
# Navigation
# Links & Buttons
# Overall
# Home
# Bottom Includes
# Footer
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Colors
--------------------------------------------------------------*/
:root {
  --red: #940731;
  --dkred: #761020;
  --gold: #ffba3b;
  --ltgold: #f5a74b;
  --teal: #17b2cc;
  --ltblue: #bcd9f2;
  --mdblue: #367091;
  --dkblue: #024d6a;
  --dkgray: #666666;
  --mdgray: #cccccc;
  --ltgray: #f3f3f3;
  --font: #58595b;
  --white: #fff;
  --black: #000;
}

/* colors */
.red,
.red h2,
.red h3 {
  color: var(--red) !important;
}
.white {
  color: var(--white);
}
.white h2,
.white h3 {
  color: var(--white) !important;
}
.black,
.fa-sr-only {
  color: var(--black) !important;
}

/* backgrounds */
.redBk {
  background: var(--red);
  color: var(--white);
}
.redBk h2,
.redBk h3 {
  color: var(--white) !important;
}
.redBk a:not(.btn),
.redBk a:not(.btn):visited {
  color: var(--white);
}
.redBk a:not(.btn):hover {
  color: var(--gold);
}
.whiteBk {
  background: var(--white);
  color: var(--black) !important;
}
.goldBk {
  background: var(--gold);
  color: var(--black);
}
.ltgoldBk {
  background: var(--ltgold);
  color: var(--black);
}
.mdgrayBk {
  background: var(--mdgray);
}
.ltgrayBk {
  background: var(--ltgray);
}
.dkgrayBk {
  background: var(--dkgray);
}
.tealBk {
  background: var(--teal);
}
.ltblueBk {
  background: var(--ltblue);
  color: var(--black);
}

/* borders */
.tealBorder {
  border-top: 15px solid var(--teal);
}
.ltblueBorder {
  border-top: 15px solid var(--ltblue);
}

/*--------------------------------------------------------------
# HTML
--------------------------------------------------------------*/
/* Make jump links scroll smoothly down the page */
html {
  scroll-behavior: smooth;
  overflow-x: hidden;
}

/*--------------------------------------------------------------
# Body
--------------------------------------------------------------*/

/* Set the base font family and font size for ems here. Check with designer on desired paragraph font size */
body {
  font-size: 18px;
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  overflow-x: hidden;
  line-height: 1.6;
  background: var(--white);
  color: var(--black);
}

/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
nav.navbar {
  transition: all 0.2s ease;
  padding-top: 1rem;
  padding-bottom: 1rem;
}
nav.navbar .navbar-toggler {
  background: var(--transparent);
  border-radius: 0;
  border-color: transparent;
  order: 3;
  padding-top: 0;
}
.navbar-brand img {
  max-height: 60px;
  transition: all 0.2s ease;
}
/* remove navbar if a landing page or other speciality template */
.page-template-landing-page nav.navbar.navbar-expand-xl.navbar-dark,
.page-template-funnel-page nav.navbar.navbar-expand-xl.navbar-dark,
.page-template-thanks-page nav.navbar.navbar-expand-xl.navbar-dark {
  display: none;
}

/* top menu */
nav.navbar.navbar-dark {
  background: var(--dkgray);
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
#menu-secondary-mega {
  flex-wrap: wrap;
}
nav.navbar #studentMenu .navbar-nav .nav-link,
nav.navbar #studentMenu .navbar-nav .dropdown-item {
  font-size: 12px;
  cursor: pointer;
}
nav.navbar #studentMenu .navbar-nav .nav-link,
nav.navbar #studentMenu .navbar-nav .nav-link:after {
  color: var(--white);
}
li.covid {
  background: var(--red);
}
/* search overlay */
#searchToggle {
  order: 2;
  padding: 0 3% 0 0;
  background: none;
  color: var(--red);
}
#searchToggle i {
  color: var(--red);
  font-size: 1.5rem;
}
#searchToggle:hover i {
  color: var(--black);
}
#search-overlay {
  display: none;
}
#search-overlay.block {
  position: fixed;
  z-index: 999;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: auto;
  text-align: center;
  background: rgba(0, 0, 0, 0.9);
  margin: 0;
}
#search-overlay.block:before {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: 0;
}
#search-overlay .centered {
  display: inline-block;
  vertical-align: middle;
  width: 95%;
  padding: 10px 15px;
  color: #fff;
  border: none;
  background: transparent;
}
#search-box {
  position: relative;
}
#search-overlay #close-btn {
  top: -200%;
  position: absolute;
  right: 0;
  cursor: pointer;
}
#search-overlay input#s {
  color: var(--black);
  padding: 1rem;
  width: 70%;
}
#search-overlay .centered label {
  margin-right: 1rem;
}
#search-overlay input#searchsubmit {
  font-family: inherit;
  background: var(--red);
  padding: 1rem;
  border: 2px solid var(--red);
}
#search-overlay input#searchsubmit:hover {
  background: var(--gold);
  border-color: var(--gold);
  color: var(--black);
}

.navbar-toggler-icon {
  background-image: none !important;
  background-color: var(--red);
  height: 3px;
  width: 25px;
  margin: 10px 0;
  position: relative;
  transition: all 0.35s ease-out;
  transform-origin: center;
}
.navbar-toggler-icon::before {
  display: block;
  background-color: var(--red);
  height: 3px;
  content: "";
  position: relative;
  top: -7px;
  transition: all 0.15s ease-out; /*taken down to hide quicker*/
  transform-origin: center;
}
.navbar-toggler-icon::after {
  display: block;
  background-color: var(--red);
  height: 3px;
  content: "";
  position: relative;
  top: 4px;
  transition: all 0.35s ease-out;
  transform-origin: center;
}
.navbar-toggler:not(.collapsed) .navbar-toggler-icon {
  transform: rotate(45deg);
}
.navbar-toggler:not(.collapsed) .navbar-toggler-icon::before {
  opacity: 0;
}
.navbar-toggler:not(.collapsed) .navbar-toggler-icon::after {
  transform: rotate(-90deg) translateX(7px);
}

#navbarSupportedContent.navbar-collapse {
  background: var(--white);
  position: absolute;
  width: 100%;
  z-index: 999;
  top: 85px;
  left: 0;
  padding: 1rem;
}
.navbar-light .navbar-nav .nav-link,
.dropdown-item {
  color: var(--red);
  font-weight: bold;
  border-top: 1px solid var(--mdgray);
  white-space: normal;
}
.dropdown-item {
  border-top: 0;
}
.dropdown-toggle::after {
  content: "\f078";
  font-family: "FontAwesome";
  border: none !important;
  vertical-align: middle;
  font-size: 0.5rem;
  margin-left: 0.45rem;
  color: var(--red);
}
.dropdown-toggle.show::after {
  content: "\f054";
}
.dropdown-menu {
  background: var(--white);
  border: none;
  padding: 0;
  border-radius: 0;
  border-left: 3px solid var(--teal);
  font-size: 1em;
}
.dropdown-menu.depth_1 {
  border-color: transparent;
  padding-left: 0;
}
.dropdown-menu.depth_1 a {
  font-size: 0.9em;
}
.dropdown-item.active,
.dropdown-item:active,
.dropdown-item:focus,
.dropdown-item:hover {
  background-color: var(--red);
  color: var(--white);
}
.subheader > a.dropdown-item,
.subheader > a.dropdown-item:hover {
  cursor: default;
}

@media only screen and (max-width: 1199px) {
  #navbarSupportedContent.navbar-collapse {
    min-height: calc(100vh - 85px);
  }
}

@media only screen and (min-width: 768px) and (max-width: 1200px) {
  #searchToggle {
    text-align: right;
    width: 58%;
  }
}
@media only screen and (min-width: 992px) {
  .navbar-brand img {
    max-height: 70px;
  }

  #search-overlay .centered {
    width: 50%;
  }
}
@media only screen and (min-width: 1200px) {
  .navbar > .container-fluid-xl {
    max-width: 95% !important;
  }
  #navbarSupportedContent.navbar-collapse {
    width: auto;
    z-index: 9;
  }
  .navbar-brand img {
    max-height: 60px;
  }

  nav.navbar.navbar-light {
    z-index: 99;
  }
  #navbarSupportedContent.navbar-collapse {
    background: transparent;
    top: 0;
    order: 2;
    position: relative;
  }
  nav.navbar .navbar-nav .nav-link,
  nav.navbar .navbar-nav .nav-link:visited {
    font-size: 15px;
    padding-right: 0.35rem;
    padding-left: 0.35rem;
    border-top: 0;
  }
  .navbar-light .navbar-nav .nav-link,
  .dropdown-item,
  .navbar-light .navbar-nav .nav-link,
  .dropdown-item:visited {
    color: var(--black);
  }

  #navbarSupportedContent a.nav-link.dropdown-toggle.show {
    border-bottom: 3px solid var(--red);
  }
  #navbarSupportedContent .dropdown {
    position: unset;
  }
  ul.dropdown-menu.depth_0 {
    border: 0;
    min-width: 130%;
    border-radius: 0;
    background: var(--white);
    margin-top: 0;
    margin-left: -25%;
    padding: 1rem;
    box-shadow: 0px 6px 8px rgba(0, 0, 0, 0.36);
  }
  #navbarSupportedContent ul.dropdown-menu.depth_0.show {
    display: flex;
    flex-wrap: wrap;
  }

  #navbarSupportedContent ul.dropdown-menu.depth_0 > li {
    padding: 0.25rem 0 0 1rem;
    position: relative;
    border-right: 1px solid var(--mdgray);
    width: 33%;
  }
  #navbarSupportedContent ul.dropdown-menu.depth_0 > li:nth-of-type(1) {
    padding-left: 0;
  }
  ul.dropdown-menu.depth_0 > li a:hover,
  .dropdown-item.active,
  .dropdown-item:active {
    background: var(--red);
    color: var(--white);
  }
  ul.dropdown-menu.depth_0 > li a:hover:after {
    content: "\f061";
    font-family: "FontAwesome";
    margin-left: 10px;
  }
  .subheader > a.dropdown-item,
  .subheader > a.dropdown-item:hover {
    color: var(--red) !important;
    font-size: 1.1em;
    background: transparent !important;
  }
  .subheader > a.dropdown-item:after,
  .subheader > a.dropdown-item:hover:after {
    content: none !important;
  }
  .dropdown-menu.depth_1 {
    position: static !important;
    display: block;
    border-color: transparent;
    padding-left: 0;
  }
  #navbarSupportedContent ul.dropdown-menu.depth_0 > li:nth-last-of-type(1) {
    border-right: none;
  }

  nav.navbar.navbar-dark {
    padding-top: 0;
    padding-bottom: 0;
  }
  #studentMenu {
    padding: 0;
  }
  #studentMenu .dropdown-menu {
    z-index: 999;
    padding: 0.5rem;
    width: 120%;
  }

  #searchToggle {
    padding-right: 0;
    width: auto;
  }
}
@media only screen and (min-width: 1300px) {
  nav.navbar {
    padding: 1rem 0;
  }
}
@media only screen and (min-width: 1400px) {
  .navbar > .container-fluid-xl {
    max-width: 1320px !important;
  }
  .home .navbar > .container-fluid-xl {
    max-width: 90% !important;
  }
  nav.navbar .navbar-nav .nav-link,
  nav.navbar .navbar-nav .nav-link:visited {
    padding-right: 0.65rem;
    padding-left: 0.65rem;
  }
}
@media only screen and (min-width: 1600px) {
  .navbar-brand img {
    max-height: 70px;
  }

  .navbar > .container-fluid-xl {
    max-width: 1570px !important;
  }
  .home .navbar > .container-fluid-xl {
    max-width: 82% !important;
  }
}
@media only screen and (min-width: 1700px) {
  .home .navbar > .container-fluid-xl {
    max-width: 78% !important;
  }
}

/* Omnilert styles */
.omnilert table {
  width: 100%;
  margin-top: 60px;
}
.page-id-14763 .omnilert {
  display: none !important;
}

td.SmartBoard_Message {
  text-align: left;
  opacity: 0;
}
.page-id-14763 td.SmartBoard_Message {
  opacity: 1;
}
td.SmartBoard_DateTime {
  display: none;
}
.page-id-14763 td.SmartBoard_DateTime {
  display: block;
}

@media only screen and (max-width: 767px) {
  .omnilert {
    height: 80px !important;
    margin-top: -80px !important;
  }
}

/* Home & Alert Page E2 Campus Alert Styles */
.omnilert {
  position: absolute;
  z-index: 999;
}
.home:has(.omnilert) nav.navbar-dark {
  margin-top: 60px;
}
.page-child .SmartBoard_Subject {
  display: none;
}

.SmartBoard_Row {
  display: grid;
  text-align: center;
}

.SmartBoard_Subject {
  background: #f00;
  color: white !important;
  z-index: 99;

  grid-column-start: 1;
  grid-column-end: 2;
  padding: 10px;
  -webkit-animation: pulse_animation 5000ms infinite linear;
  -moz-animation: pulse_animation 5000ms infinite linear;
  -o-animation: pulse_animation 5000ms infinite linear;
  animation: pulse_animation 5000ms infinite linear;
  -webkit-transform-origin: 70% 70%;
  -moz-transform-origin: 70% 70%;
  -o-transform-origin: 70% 70%;
  -ms-transform-origin: 70% 70%;
  transform-origin: 70% 70%;
}

@keyframes pulse_animation {
  0% {
    transform: scale(1);
  }
  30% {
    transform: scale(1);
  }
  40% {
    transform: scale(1.08);
  }
  50% {
    transform: scale(1);
  }
  60% {
    transform: scale(1);
  }
  70% {
    transform: scale(1.05);
  }
  80% {
    transform: scale(1);
  }
  100% {
    transform: scale(1);
  }
}

/*--------------------------------------------------------------
# Buttons & Links
--------------------------------------------------------------*/
/* inline links */
a,
a:visited {
  color: var(--red);
}
.redbg a,
.redbg a:visited {
  color: var(--white);
}
.goldBk a,
.goldBk a:visited {
  color: var(--dkred);
}
a:hover,
a:active {
  color: var(--black);
  text-decoration: none;
}
.copy-block a:not(.btn),
.copy-block a:visited,
.accordion-body a:not(.btn),
.accordion-body a:not(.btn):visited,
.faculty-section a,
.faculty-section a:visited {
  font-weight: 600;
  transition: all 0.3s ease-in;
  position: relative;
  z-index: 2;
  border-bottom: 2px solid;
}
.copy-block a:hover,
.accordion-body a:hover,
.faculty-section a:hover,
.copy-block a:hover h3 {
  color: var(--white);
  z-index: 99;
  background: var(--red);
}
.redbg a:hover,
.redbg a:active {
  background: var(--white);
  color: var(--black);
}
.copy-block a:not(.btn):before,
.copy-block a:visited:before,
.accordion-body a:not(.btn):before,
.faculty-section a:before,
.faculty-section a:visited:before {
  content: "";
  background-color: var(--red);
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 0;
  z-index: 1;
  transition: all 0.2s ease-in-out;
}
.copy-block a:not(.btn):hover:before,
.accordion-body a:not(.btn):hover:before,
.faculty-section a:hover:before {
  height: 100%;
  z-index: -1;
  width: 101%;
  left: -0.5%;
}
.redbg a:before {
  background-color: var(--white);
}
.copy-block a:before + img {
  display: none;
}
a:has(img):hover:before {
  height: 0 !important;
}

/* buttons */
button,
.btn,
.gform_wrapper .gform_footer input[type="submit"],
.btn:visited,
.gform_wrapper .gform_footer input[type="submit"]:visited,
.mec-event-list-minimal a.mec-detail-button {
  background: var(--red);
  border: none;
  color: var(--white);
  font-family: "Montserrat", sans-serif;
  font-weight: 600;
  position: relative;
  padding: 0.5rem 2rem;
  transition: all 0.2s ease-in;
  font-size: 1em;
  border-radius: 0;
  text-transform: uppercase;
}
.mec-event-list-minimal a.mec-detail-button {
  font-size: 0.9em;
}
.mec-masonry-content.mec-event-grid-modern
  .mec-event-footer
  .mec-booking-button {
  height: auto;
  box-shadow: none;
}
button.dark,
.btn.dark,
.light-btn button,
.light-btn .btn {
  color: var(--white);
  border: 2px solid var(--white);
  background: transparent;
}
.btn:hover,
.gform_wrapper .gform_footer input[type="submit"]:hover,
button.dark:hover,
.btn.dark:hover,
.light-btn .btn:hover,
.light-btn .btn:hover:after {
  color: var(--red);
  background: var(--gold);
  border-color: var(--gold);
}
.btn.arrow,
.btn.back,
button.back,
.mec-event-list-minimal a.mec-detail-button,
.mec-event-footer .mec-booking-button,
.mec-event-footer .mec-booking-button:visited,
a.mec-booking-button,
a.mec-booking-button:visited,
.mec-masonry-content.mec-event-grid-modern
  .mec-event-footer
  .mec-booking-button,
.mec-masonry-content.mec-event-grid-modern
  .mec-event-footer
  .mec-booking-button:visited {
  background: transparent;
  color: var(--red);
  padding: 5px 31px 5px 0;
  position: relative;
  margin-right: 1rem;
}
.btn.arrow:hover,
.btn.back:hover,
button.back:hover,
.mec-event-list-minimal a.mec-detail-button:hover {
  color: var(--white);
  z-index: 99;
  background: var(--red);
}
.btn.arrow:after,
.mec-event-footer .mec-booking-button:after,
.mec-masonry-content.mec-event-grid-modern
  .mec-event-footer
  .mec-booking-button:after,
button.back:after,
.btn.back:after,
.mec-event-list-minimal a.mec-detail-button:after {
  position: absolute;
  height: 30px;
  width: 30px;
  content: "\f061";
  font-family: "Font Awesome 6 Pro";
  font-size: 25px;
  line-height: 30px;
  right: 0;
  color: var(--red);
  top: 50%;
  font-weight: 300;
  transform: translateY(-50%);
  transition: all 0.2s ease-in;
}
.redBk .btn,
.redBk .btn:after,
.btn:hover:after,
button:hover:after,
.light-btn .btn:after,
.mec-event-list-minimal a.mec-detail-button:hover:after {
  color: var(--white);
}
button.back:after {
  content: "\f060";
}
.mec-masonry-content.mec-event-grid-modern
  .mec-event-footer
  .mec-booking-button:before {
  background: none !important;
  bottom: auto !important;
  left: 10% !important;
}
button.navbar-toggler::before {
  content: none;
}
.goldBk button:before,
.goldBk btn:before {
  color: var(--white);
}
button.dark:hover:before,
.btn.dark:hover:before {
  color: var(--black);
}

.btn.back,
button.back {
  padding: 5px 5px 5px 35px;
}
.btn.back:after,
button.back:after {
  right: auto;
  left: 0;
  content: "\f060";
}

.gform_wrapper .gform_footer input[type="submit"],
.btn.alt {
  background: var(--red);
  color: var(--white);
  padding: 0.75rem;
}
.gform_wrapper .gform_footer input[type="submit"]:hover,
.btn.alt:hover {
  background: var(--black);
  color: var(--white);
}

button#searchToggle:before {
  content: none;
}
button#searchToggle:hover {
  background: none;
  background-size: 0;
}

.request-button {
  color: var(--white) !important;
  background: var(--red);
  padding: 0.3em 1em !important;
  border-radius: 16px;
  font-size: 20px;
  font-weight: bold;
  text-decoration: none;
  position: fixed;
  bottom: 20px;
  right: 20px;
  z-index: 1000;
}

.request-button:hover {
  background: var(--teal) !important;
}

@media only screen and (min-width: 992px) {
  .mec-masonry-content.mec-event-grid-modern
    .mec-event-footer
    .mec-booking-button:before {
    left: 5% !important;
  }
}
@media only screen and (min-width: 1600px) {
  .mec-masonry-content.mec-event-grid-modern
    .mec-event-footer
    .mec-booking-button:before {
    left: 20% !important;
  }
}

/*--------------------------------------------------------------
# Headings
--------------------------------------------------------------*/
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 700;
  font-family: "Montserrat", sans-serif;
  clear: both;
}
h1 {
  font-size: 1.6667em;
  color: var(--red);
  font-weight: 800;
  margin-top: 0;
}
.white h1 {
  color: var(--white);
}
h2 {
  font-size: 1.444em;
  color: var(--black);
}
.goldBk h2 {
  color: var(--black);
}
h3 {
  font-size: 1.22em;
  color: var(--black);
}
h4 {
  font-size: 1em;
}

@media only screen and (min-width: 1200px) {
  h1 {
    font-size: 2em;
  }
  h2 {
    font-size: 1.65em;
  }
}

/*--------------------------------------------------------------
# Overall & Blocks
--------------------------------------------------------------*/
.uppercase {
  text-transform: uppercase;
}
.red-bar {
  background: var(--red);
  color: var(--white);
  padding: 0.5rem;
}
.red-bar p {
  font: 700 normal 1em "Montserrat";
  margin-bottom: 0;
}
.breadcrumbs {
  font-size: 0.85em;
}
.align .row {
  align-items: center;
}
.margin-h2 h2 {
  margin-top: 2rem;
  margin-bottom: 0.75rem;
}
td a {
  color: var(--red) !important;
}
.copy-block td a:hover,
.accordion-body td a:hover {
  color: var(--white) !important;
}

ul > li,
ol li {
  margin-bottom: 0.5rem;
}
#studentMenu ul > li,
ul#menu-main-menu > li,
.dropdown-menu > li {
  margin-bottom: 0;
}

.img-block.w-50 {
  margin: 0 auto;
}

/* gf required fix */
.gfield_consent_label {
  display: inline;
  font-size: 0.8em;
}
.gform_wrapper.gravity-theme .gfield_required {
  color: var(--red) !important;
  font-style: italic;
}
.goldBk .gform_wrapper.gravity-theme .gfield_required {
  color: var(--dkred) !important;
}

/* rmi form */
.rmi .gform_wrapper .gform_footer input[type="submit"] {
  background: var(--red);
  color: var(--white);
  padding: 0.5rem 1rem;
  transition: all 0.2s ease-in;
  width: auto;
}
.rmi .gform_wrapper .gform_footer input[type="submit"]:hover {
  background: var(--white);
  color: var(--red);
}

.disclaimer {
  font-size: 0.8em;
}

.img-link.w-50 {
  margin: 0 auto;
}

.logged-in .ninja_table_wrapper {
  margin-bottom: 1rem;
}
.semantic_ui .ui.table {
  border-radius: 0 !important;
  border: none !important;
}

.footable .pagination > .active > a,
.footable .pagination > .active > a:focus,
.footable .pagination > .active > a:hover,
.footable .pagination > .active > span,
.footable .pagination > .active > span:focus,
.footable .pagination > .active > span:hover {
  background-color: var(--mdgray) !important;
  border-color: var(--mdgray) !important;
}

/* image links */
.img-link a h3,
.img-link a:visited h3 {
  color: var(--red);
}
.img-link,
.img-link img {
  transition: all 0.2s ease-in;
}
.img-link img {
  height: 200px;
  width: 100%;
  object-fit: cover;
  object-position: top center;
}
.zoom-wrapper {
  overflow: hidden;
}
.img-link:hover img {
  transform: scale(1.15) rotate(1deg);
}

.icon {
  position: relative;
}
.icon i {
  font-size: 4em;
  color: var(--red);
}
.icons-section .icon {
  background: var(--white);
  height: 5em;
  width: 5em;
  border-radius: 5em;
  margin: 0 auto 1rem;
}

.icons-section .icon i {
  position: absolute;
  color: var(--red);
  font-size: 4em;
  top: 50%;
  left: 70%;
  transform: translate(-50%, -50%);
}

.stat {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: left;
}
.fact-box.stat {
  justify-content: center;
}
.stat .icon {
  background: var(--white);
  height: 5em;
  width: 5em;
  border-radius: 5em;
  margin-right: 2rem;
}
.stat .icon i {
  position: absolute;
  color: var(--red);
  font-size: 4em;
  top: 50%;
  left: 70%;
  transform: translate(-50%, -50%);
}

/* programs*/
.programs .col-md-4 {
  display: flex;
}
.img-link.wrap {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
  height: 0;
}
.img-link.wrap img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.img-link.wrap .desc {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: auto;
}

/* white box */
.white-box:not(.one-column) .container,
.white-box .col-xl-10 {
  background: var(--white);
  padding: 2rem;
}
.white-box .col-xl-10 {
  box-shadow: 0px 2px 18px 0px rgba(0, 0, 0, 0.3);
}
.red-border .col-xl-10 {
  border: 3px solid var(--red);
}
/* two column */
.whiteBG .container {
  background: var(--white);
  padding: 1rem 2rem;
  max-width: 95%;
}

@media only screen and (min-width: 992px) {
  .intl-locations.white-box .copy-block {
    display: flex;
    align-items: center; /* Vertically align content */
    width: 100%; /* Ensure the container takes up the full width */
  }

  .intl-locations.white-box .copy-block p {
    flex: 1; /* Take up 50% of the container width */
    padding: 10px; /* Add padding for spacing */
    box-sizing: border-box; /* Include padding in the width */
  }

  .intl-locations.white-box .copy-block img {
    flex: 1; /* Take up 50% of the container width */
    max-width: 100%; /* Ensure images don't exceed the width of their container */
    max-height: 100%; /* Ensure images don't exceed the height of their container */
    flex-shrink: 0; /* Prevent images from shrinking */
  }
}

/* quote blocks */
.quote-block img {
  border-radius: 100%;
  max-width: 50%;
  display: block;
  margin: 0 auto 1rem;
  border: 8px solid var(--red);
  width: 150px;
  height: 150px;
  object-fit: cover;
  object-position: top;
}
.quote-block blockquote {
  padding-left: 3rem;
  position: relative;
}
.quote-block blockquote:before {
  content: open-quote;
  font: bold 5em "Georgia";
  color: var(--dkblue);
  position: absolute;
  top: -2rem;
  left: 0;
}
.quote-block cite {
  display: block;
  text-align: right;
  font-size: 0.9rem;
}

.spotlights img {
  border-radius: 100%;
  display: block;
  border: 15px solid var(--red);
  object-fit: cover;
  object-position: top;
}
.spotlights .blockquote {
  padding-left: 3rem;
  padding-right: 1rem;
  position: relative;
}
.spotlights .blockquote:before {
  content: open-quote;
  font: bold 5em "Georgia";
  color: var(--dkblue);
  position: absolute;
  top: -2rem;
  left: 0;
}

ul.button-group {
  list-style: none;
  padding-left: 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-bottom: 0;
}
ul.button-group > li,
ul.button-group > li .btn {
  width: 100%;
}
ul.button-group > li {
  margin-bottom: 1.25rem;
}

/* patterns */
.diamond {
  background: url("img/diamond-pattern-gray-scaled-2.png") center center repeat;
}
.hex {
  background-image: url(data:image/svg+xml;base64,PHN2ZyAgZmlsbD0iIzY2NjY2NiIgaGVpZ2h0PSIxNjBweCIgd2lkdGg9IjgwcHgiIHZpZXdCb3g9IjAgMCA4MCAxNjAiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTQxLjEyLDQwLDUzLDE2LjI4LDYwLjYyLDFIODBWMEg1OC44OEw0MCwzNy43NiwyMS4xMiwwSDBWMUgxOS4zOEwyNywxNi4yOCwzOC44OCw0MCwxOS4zOCw3OUgwdjJIMTkuMzhsMTkuNSwzOS0xOS41LDM5SDB2MUgyMS4xMkw0MCwxMjIuMjQsNTguODgsMTYwSDgwdi0xSDYwLjYybC0xOS41LTM5LDE5LjUtMzlIODBWNzlINjAuNjJaTTQwLDExNy43NiwyMS4xMiw4MCw0MCw0Mi4yNCw1OC44OCw4MFoiLz48L3N2Zz4=);
  background-blend-mode: overlay;
}

/* accordion */
.accordion button:before {
  content: none;
}
.accordion .accordion-button {
  background: var(--red);
  color: var(--white);
  font-family: "Montserrat", san-serif;
  font-size: 1em;
  font-weight: 700;
  text-transform: none;
}
.accordion .accordion-button:after {
  background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffffff'><path fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/></svg>") !important;
}

/* image blocks */
.caption {
  font-size: 0.75em;
}

.yellow-brdr img {
  border: 15px solid var(--ltgold);
  border-radius: 100%;
}

.cornerBoxes {
  position: relative;
}

.cornerBoxes:before,
.cornerBoxes:after {
  content: "";
  width: 200px;
  height: 200px;
  background: var(--ltgold);
  display: block;
  position: absolute;
  z-index: -1;
  top: -2%;
  left: -2%;
}

.cornerBoxes:after {
  background: var(--ltblue);
  bottom: -2%;
  right: -2%;
  top: auto;
  left: auto;
}

.rmi .gform_footer.top_label {
  justify-content: center;
}

/* helpful links */
section.helpful {
  border-top: 15px solid var(--ltblue);
  background: url("img/large-triangles.png") center center no-repeat;
  background-size: cover;
}
.whiteBG {
  background: var(--white);
  box-shadow: 0px 2px 18px 0px rgba(0, 0, 0, 0.3);
}
.helpful .btn {
  margin-bottom: 1rem;
  padding-right: 2rem;
}
.helpful .btn:before {
  right: 5px;
}

/* blue border */
.blue-border {
  border-top: 3px solid #17b2cc;
}

/* red angle border */
.angle-border {
  position: relative;
}
.angle-border:after {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDBweCIgdmlld0JveD0iMCAwIDEyODAgMTAwIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJ4TWlkWU1pZCBzbGljZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSIjOTEwMDJBIj48cGF0aCBkPSJNNzIwIDE0MEw2NDAgMGwtODAgMTQwSDBWMGgxMjgwdjE0MEg3MjB6Ii8+PC9nPjwvc3ZnPg==);
  background-size: cover;
  background-position-x: center;
  bottom: 0;
  height: 30px;
  z-index: 1;
  transform: scale(1, -1);
  content: "";
  position: absolute;
  width: 100%;
}

.button-block.inline {
  display: inline-block;
  margin: 0 1rem 1rem 0;
}
/*alumni pages css*/
.html-code-block {
  display: flex;
  margin: 20px 0;
  flex-wrap: wrap;
}

.html-label {
  background-color: var(--black);
  color: var(--white);
  padding: 15px 25px;
  font-weight: bold;
  min-width: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.code-content {
  background-color: var(--ltgray);
  padding: 15px 20px;
  flex: 1;
  min-width: 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
  border-top: 15px solid var(--gold);
}
.badge-img {
  margin: 0 auto;
  text-align: center;
}
.badge-img img {
  width: auto !important;
}
/* Tablet and smaller */
@media (max-width: 768px) {
  .html-code-block {
    flex-direction: column;
  }

  .html-label {
    width: 100%;
    min-width: auto;
  }

  .code-content {
    width: 100%;
    padding: 12px 15px;
  }
}

/* Mobile */
@media (max-width: 480px) {
  .html-code-block {
    margin: 15px 0;
  }

  .html-label {
    padding: 12px 20px;
  }

  .code-content {
    padding: 10px 12px;
  }
}

@media only screen and (max-width: 767px) {
  .quote-block {
    margin-top: 4rem !important;
  }
}

@media only screen and (min-width: 992px) {
  .red-bar {
    background: var(--red);
    color: var(--white);
    padding: 1rem 0;
  }
  .red-bar p {
    font-size: 1.65rem;
  }
  .split ul {
    column-count: 2;
  }
  .button-block.inline {
    display: inline-block;
    padding-right: 1rem;
  }

  .whiteBG .container {
    padding: 2rem 3rem;
  }
}
@media only screen and (min-width: 1200px) {
  .img-link img {
    height: 300px;
  }

  .one-column.offset-0 .col-xl-10 {
    margin-left: 0 !important;
  }
}
@media only screen and (min-width: 1400px) {
  /*.icon {padding-left: 7rem !important;padding-right: 7rem !important;}*/
}

/*--------------------------------------------------------------
# Home
--------------------------------------------------------------*/
/* overall */
.home .rmi h2 {
  letter-spacing: 1px;
  text-transform: none;
  text-align: left;
}

/* header - links bar */
header.homeHeader ul {
  list-style: none;
  display: flex;
  justify-content: space-around;
  padding-left: 0;
  margin-bottom: 0;
  text-align: center;
  flex-wrap: wrap;
}
header.homeHeader ul > li {
  padding: 0.25rem 0.75rem 0.25rem 0;
  width: 100%;
}
header.homeHeader ul > li:nth-last-of-type(1) {
  padding-bottom: 0;
  margin-bottom: 0;
}
header.homeHeader ul > li > a {
  width: 100%;
}

/* header - video */
.videoWrap {
  overflow: hidden;
  position: relative;
  height: 40vh;
  min-height: 20rem;
}
.videoWrap video {
  position: absolute;
  top: 50%;
  left: 50%;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: 100%;
  z-index: 0;
  -ms-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}
.videoWrap .overlay {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: black;
  opacity: 0.4;
  z-index: 1;
}
.videoWrap .videoContent {
  position: absolute;
  z-index: 2;
  bottom: 0;
  width: 100%;
}
.videoWrap .videoContent .header-content {
  background: rgba(0, 0, 0, 0.3);
  width: 100%;
  padding: 2rem 1rem;
}
.videoWrap .videoContent .header-content h1 {
  color: var(--white);
  font-size: 1.65em;
  text-shadow: 0.08em 0.08em 0.08em rgba(0, 0, 0, 0.4);
  margin-bottom: 0;
}
.videoWrap .videoContent .header-content a.btn {
  font-size: 1.25rem;
  color: var(--white);
}
.videoWrap .badge {max-height: 200px}
.award-badge img {
    height: 120px;
    position: absolute;
    right: 1%;
    top: 1%;
    z-index: 9;
}

header {position: relative;}
.header-badge-overlay img {
  height: 120px;
  position: absolute;
  right: 1%;
  top: 22%;
  z-index: 9;
}

@media only screen and (max-width:767px) {
	header .red-bar + img {
		min-height: 200px;
		object-fit: cover;
	}
}

/* Events CTA */
.event-cta .container {
    position: relative;
}
.event-cta img.event-bg {
	min-height: 500px;
	object-fit: cover;
	object-position: center right;
}
.event-cta .whitebk.drop {
    background: var(--white);
    box-shadow: 6px 5px 11px 3px rgba(0,0,0,0.2);
    position: absolute;
    bottom: 5%;
    left: -2%;
}
	.blue {color: #3773a1;}

@media only screen and (min-width:992px) {
	.event-cta .whitebk.drop {
		top: 50%;
		transform: translateY(-50%);
		bottom:auto;
	}
	.event-cta img.event-bg {
		min-height: auto;
		object-fit: unset;
		object-position: unset;
	}
}

/* events section */
.homeEvents-list {
  list-style: none;
  padding-left: 0;
  text-align: center;
}
.homeEvents-list > li {
  margin: 0rem 0 1.5rem;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.homeEvents-list > li > * {
  flex: 0 0 auto;
}
.homeEvents-list > li p.date {
  background: var(--white);
  color: var(--mdblue);
  text-transform: uppercase;
  font-weight: bold;
  padding: 1rem 0;
  line-height: 1;
  border: 2px solid;
  width: 25%;
  height: 100%;
}
.homeEvents-list > li div {
  width: 68%;
  margin-left: 2%;
  text-align: left;
}
.homeEvents-list > li p.date > span {
  display: block;
  font-size: 3em;
}
.homeEvents-list > li p {
  margin-bottom: 0;
  font-weight: bold;
}
.homeEvents-list > li h3,
.homeEvents-list > li h3 a {
  color: var(--black) !important;
  font-size: 1em !important;
  text-align: left;
}
.homeEvents-list > li h3 a:hover {
  color: var(--red) !important;
}
.homeEvents .card {
  border: 0;
}
.homeEvents .card-body h3 {
  color: var(--red);
}
.homeEvents .card-footer {
  padding-bottom: 2rem;
  text-align: center;
}
.homeEvents .card-footer .btn {
  margin: 5px;
}

#events:has(+ .rmi),
#bulletin:has(+ .rmi),
.overlap-rmi:has(+ .rmi) {
  padding-bottom: 20% !important;
}
#events + .rmi,
#bulletin + .rmi,
.overlap-rmi + .rmi {
  max-width: 95%;
  margin: -15% auto 0 !important;
}
#bulletin + .rmi,
.overlap-rmi + .rmi {
  margin-bottom: 3rem !important;
}

/* icons section */
.homeIcons a {
  height: 100%;
  width: 100%;
  display: block;
  padding: 0.5rem 0.25rem;
  transition: all 0.2s ease-in;
}
.homeIcons a:hover {
  background: var(--red);
  color: var(--white) !important;
}
.homeIcons h3 {
  font-weight: normal;
  color: var(--font);
  font-size: 1.2em;
  margin-top: 0.5rem;
}
.homeIcons a:hover h3 {
  color: var(--white);
}
.homeIcons i {
  font-size: 2.5rem;
}

/* programs section */
#programsSlider {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}
.swiper-button-prev:after {
  content: "\f060";
  font-family: "Font Awesome 6 Pro";
  color: var(--red);
  font-size: 1.75em;
  height: 4em;
  font-weight: 300;
}
.swiper-button-next:after {
  content: "\f061";
  font-family: "Font Awesome 6 Pro";
  color: var(--red);
  font-size: 1.75em;
  height: 4em;
  margin-right: -0.5em;
  margin-left: 0;
  font-weight: 300;
}
#programsSlider .swiper-button-prev {
  left: 0.15em;
}
.swiper-pagination-bullet {
  width: 1rem;
  height: 1rem;
  background: var(--red);
}

.programBG {
  background-color: rgba(0, 0, 0, 0.5) !important;
  background-blend-mode: darken;
  position: relative;
}
.program a {
  color: var(--white);
  height: 100%;
  width: 100%;
  display: block;
}
.program h3,
.program p {
  z-index: 2;
  position: relative;
}
.program h3 {
  text-transform: uppercase;
  font-size: 1.1em;
  color: var(--white);
}
.overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: var(--red);
  top: 0;
  left: 0;
  transition: all 0.2s ease-in;
  opacity: 0;
  z-index: 1;
}
.program a:hover .overlay {
  opacity: 1;
}

/* why section */
.stat p {
  margin-bottom: 0;
  font-weight: 600;
}
.stat span {
  font:
    bold normal 3rem "Montserrat",
    serif;
  line-height: 1;
}
.program-stats .stat p:not(.icon) {
  font-size: 0.75em;
}

/* logo bar */
.image-bar .image1 img {
  height: 200px;
  object-fit: cover;
}
.image-bar .image4 {
  margin-top: -3rem !important;
}

/* resources boxes */
.resourceBox {
  border-left: 3px solid var(--red);
  position: relative;
}
.resourceBox a {
  display: block;
  transition: all 0.2s ease-in;
}
.resourceBox p {
  color: var(--font);
  transition: all 0.2s ease-in;
}
.resourceBox a:hover {
  background: var(--red);
  color: var(--white);
}
.resourceBox a:hover h3,
.resourceBox a:hover p,
.resourceBox:hover:after {
  color: var(--white);
}

/* news section */
#programsSlider .card,
#programsSlider .card-img,
.homeNews .card {
  border-radius: 0;
  border: 0;
  box-shadow: 0;
  background: transparent;
}
.homeNews .card-body,
.homeNews .card-footer {
  padding: 1rem 0 0;
}
#programsSlider .card-body {
  padding: 1rem 0.5rem;
}
#programsSlider .card-body h3 {
  color: var(--red);
  margin-bottom: 0;
  text-align: center;
}
.homeNews .news.card img,
#programsSlider .card img {
  transition: all 0.2s ease-in;
}
.homeNews .news.card:hover img,
#programsSlider .card:hover img {
  transform: scale(1.15) rotate(1deg);
}
.homeNews .card .date {
  position: absolute;
  background: var(--white);
  color: var(--mdblue);
  font-weight: bold;
  border: 2px solid;
  padding: 0.5rem 1rem;
  top: 176px;
  text-align: center;
  line-height: 1;
}
.homeNews .card .date > span {
  display: block;
  font-size: 2em;
}
#programsSlider .carousel-indicators {
  bottom: -1rem;
}
#programsSlider.programs .carousel-indicators [data-bs-target] {
  background: var(--red);
}

/* blog boxes */
.blogArticle {
  background: var(--red);
  transition: all 0.2s ease-in;
}
.blogArticle:hover {
  background: var(--teal);
}
.blogArticle a,
.blogArticle h3 {
  color: var(--white);
}
.blogArticle img {
  height: 150px;
  object-fit: cover;
  object-position: center;
}

/* red footer */
.redFooter p {
  font:
    600 normal 1.75rem "Montserrat",
    serif;
  margin-bottom: 0;
}

@media only screen and (min-width: 768px) {
  .videoWrap {
    height: 400px;
    min-height: 15rem;
  }
  .videoWrap video {
    height: 100%;
  }
  .videoWrap .videoContent .header-content h1 {
    font-size: 2.5em;
  }

 
  header.homeHeader ul > li {
    padding-right: 2rem;
    margin-bottom: 0;
  }
  header.homeHeader ul > li:nth-last-of-type(1) {
    padding-right: 0;
  }

  .stat {
    justify-content: center;
  }

  #programsSlider button.carousel-control-prev {
    left: -2em;
  }
  #programsSlider button.carousel-control-next {
    right: -2em;
  }

  #events + .rmi,
  #bulletin + .rmi,
  .overlap-rmi + .rmi {
    max-width: 90%;
  }

  .image-bar .image4 {
    margin-top: 0.25rem !important;
  }
  .image-bar img {
    height: 100%;
    object-fit: cover;
  }
  .image-bar .image1 img {
    height: 350px;
  }
}
@media only screen and (min-width: 992px) {
  .videoWrap {
    height: 60vh;
  }
  .videoWrap .videoContent .header-content h1 {
    font-size: 2.77em;
    width: 80%;
    margin: 0 auto;
  }
  header.homeHeader ul {
    flex-wrap: nowrap;
  }
  .videoWrap .videoContent .header-content button {
    font-size: 1.45rem;
    padding-left: 1.5em;
    padding-right: 0.5em;
  }

  .home h2 {
    font-size: 2em;
  }

  #programsSlider .card-body {
    min-height: 112px;
    display: flex;
    align-items: center;
  }

  #events + .rmi,
  #bulletin + .rmi,
  .overlap-rmi + .rmi {
    max-width: 80%;
  }

  .resourceBox a {
    padding-right: 3rem !important;
  }
  .resourceBox:after {
    content: "\f054";
    font-family: "FontAwesome";
    position: absolute;
    right: 1rem;
    font-size: 4rem;
    top: 50%;
    transform: translateY(-50%);
  }

  .homeApply ul.button-group {
    width: 75%;
    margin: 0 auto;
  }

  .btn-row {
    display: flex;
    justify-content: space-evenly;
  }

  .image-bar .image1 img {
    height: 470px;
  }
}
@media only screen and (min-width: 1200px) {
  .videoWrap {
    height: 530px;
  }
  .videoWrap video {
    height: auto;
    width: 100%;
  }
  .videoWrap .videoContent .header-content h1 {
    width: 60%;
  }
.award-badge img {
    top: auto;
    bottom: 3%;
    height: 200px;
  }
.header-badge-overlay img {
    height: 200px;
    bottom: 18%;
	top:auto;
  }
  header.homeHeader ul {
    width: 80%;
    margin: 0 auto;
  }

  .homeEvents-list > li div {
    display: flex;
    justify-content: space-between;
  }

  .stat span {
    font-size: 4rem;
  }
  .program-stats .stat span {
    font-size: 3rem;
  }

  .resourceBox a {
    padding-right: 5rem !important;
  }

  .blogMeta h3 {
    font-size: 1.15em;
  }

  .homeApply ul.button-group {
    width: 65%;
  }

  #programsSlider .card-body {
    min-height: 85px;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  #programsSlider button.carousel-control-prev {
    left: -4em;
  }
  #programsSlider button.carousel-control-next {
    right: -4em;
  }

  .spotlights .blockquote:before {
    left: -0.5rem;
  }
}
@media only screen and (min-width: 1400px) {
  .videoWrap {
    height: 600px;
  }
  .videoWrap .videoContent .header-content h1 {
    width: 50%;
  }

  .homeEvents-list > li {
    margin-bottom: 3rem;
  }
  .homeEvents-list > li p.date {
    width: 20%;
  }
}
@media only screen and (min-width: 1600px) {
  .videoWrap {
    height: 700px;
  }
  .videoWrap .videoContent .header-content h1 {
    width: 45%;
  }

  #programsSlider button.carousel-control-prev {
    left: -6em;
  }
  #programsSlider button.carousel-control-next {
    right: -6em;
  }

  #events + .rmi,
  .overlap-rmi + .rmi {
    margin-top: -12% !important;
  }

  .homeApply ul.button-group {
    width: 50%;
  }
}
@media only screen and (min-width: 1800px) {
  .videoWrap {
    height: 780px;
  }
  header.homeHeader ul {
    width: 60%;
  }

  .homeNews article .card img {
    height: 300px !important;
  }
  .homeNews .card .date {
    top: 227px;
  }

  #events:has(+ .rmi),
  #bulletin:has(+ .rmi),
  .overlap-rmi:has(+ .rmi) {
    padding-bottom: 15% !important;
  }
  #events + .rmi,
  #bulletin + .rmi,
  .overlap-rmi + .rmi {
    margin-top: -10% !important;
  }

  .homeApply .col-md-6.px-xl-5 {
    padding-left: 6rem !important;
    padding-right: 6rem !important;
  }
}
@media only screen and (min-width: 2000px) {
  .videoWrap {
    max-width: 90% !important;
  }
  .videoWrap {
    height: 800px;
  }
  .videoWrap .videoContent .header-content h1 {
    width: 40%;
  }
}

/*--------------------------------------------------------------
# Academics - Main
--------------------------------------------------------------*/
#quotePres blockquote {
  font-size: 1.3em;
}
#quotePres blockquote footer {
  font-weight: bold;
  font-style: italic;
}

@media only screen and (min-width: 1200px) {
  #quotePres .container {
    max-width: 1100px;
  }
}

/*--------------------------------------------------------------
# Academics - Program Main
--------------------------------------------------------------*/
.fact-box {
  height: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  position: relative;
}
.fact-box > * {
  flex: 0 0 auto;
  width: 100%;
}
.fact-box h3 {
  font-size: 1em;
  align-self: flex-start;
}
.fact-box .fact {
  color: var(--black);
  font-size: 1.25rem;
  align-self: center;
}

section#event-highlight {
  background-position: right !important;
  background-size: contain !important;
}

.yellow-chevron {
  position: relative;
}
.yellow-chevron:before {
  background-size: initial;
  background-image: url(data:image/svg+xml;base64,PHN2ZyAgZmlsbD0iI2UwYTY1YyIgdmlld0JveD0iMCAwIDE5MjAgMTkyMCIgcHJlc2VydmVBc3BlY3RSYXRpbz0ieE1pbllNaW4gc2xpY2UiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTY5Mi4xOCw5NjAsMzA1LDE5MjBIMFYwSDMwNVpNODkyLjI1LDBINjM5bDM4Ny4xNyw5NjAtMiw1TDYzOSwxOTIwSDg5Mi4yNmwzODcuMTctOTYwWm0yNDYuMDgsMEg5OTIuODlsMzg3LjE4LDk2MEw5OTIuODksMTkyMGgxNDUuNDRsMzg3LjE4LTk2MFpNNjEwLjI0LDBIMzA4LjMzTDY5NS41MSw5NjBsLS4yNC41OEwzMDguMzMsMTkyMEg2MTAuMjRMOTk3LjQyLDk2MFptODE0LjM5LDBoLTQxLjlsMzg3LjE4LDk2MC0zODcuMTgsOTYwaDQxLjlsMzg3LjE4LTk2MFoiLz48L3N2Zz4=);
  background-position: left center;
  background-repeat: no-repeat;
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: -50%;
}

.yellow-chevron .container {
  z-index: 99;
  position: relative;
}

@media only screen and (max-width: 767px) {
  .yellow-chevron {
    overflow: hidden;
    padding-top: 50% !important;
    transform: rotate(90deg);
    left: 0;
    top: -50%;
  }
}
@media only screen and (min-width: 768px) {
  .yellow-chevron:before {
    left: -20%;
  }
}
@media only screen and (min-width: 992px) {
  .yellow-chevron:before {
    left: -10%;
  }
}
@media only screen and (min-width: 1200px) {
  .yellow-chevron:before {
    left: -7%;
  }
}
@media only screen and (min-width: 1800px) {
  .yellow-chevron:before {
    left: -4%;
  }
}

/*--------------------------------------------------------------
# Admissions
--------------------------------------------------------------*/
.caption p {
  font-size: 12px;
}

.grid-link-cont {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: auto 1fr;
  grid-gap: 10px;
}

.grid {
  position: relative;
  background-size: cover;
  background-position: center;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--font);
}

.grid:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 1;
}

.grid-1,
.grid-2 {
  grid-row: span 1;
}

.grid-3 {
  grid-column: 2 / 3;
  grid-row: 1 / 3;
}

@media (max-width: 768px) {
  .grid-links {
    grid-template-columns: 1fr;
    grid-template-rows: auto;
  }

  .grid-1,
  .grid-2,
  .grid-3 {
    grid-column: 1;
    grid-row: auto;
  }
}

.content {
  position: relative;
  padding: 20px;
  z-index: 2;
}

.mec-event-date.mec-bg-color {
  background: var(--white) !important;
  border: 2px solid var(--mdblue);
  border-radius: 0;
  color: var(--mdblue);
  min-width: 100px;
  display: flex !important;
  flex-wrap: wrap;
  flex-direction: column;
}
.mec-wrap .mec-event-list-minimal .mec-event-date span {
  order: 2;
  display: block;
  font-size: 3rem !important;
}
.mec-event-list-minimal .mec-event-title,
.mec-event-detail {
  text-transform: none;
  text-align: left;
}

.curriculum-admissions .deadline {
  border: 4px solid var(--white);
}

.black-link a {
  color: var(--black);
  text-decoration: none;
}

/* CSS */
.black-link .img-container {
  position: relative;
  overflow: hidden;
}

.black-link .img-container img {
  width: 100%; /* Ensure the image takes the full width of the container */
}

.black-link .img-container::before {
  content: "";
  background-color: rgba(
    145,
    0,
    42,
    0.3
  ); /* Red color (#91002a) with 30% transparency */
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
  pointer-events: none; /* Prevent the overlay from blocking the link */
}

.black-link .img-container:hover::before {
  opacity: 1;
}

#gform_66 .gform_footer {
  display: none;
}
#gform_66 .field_sublabel_below:not(#field_66_1) {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 2rem;
}

#admissionsEvents .mec-day-wrapper,
#admissionsEvents .mec-comma-wrapper {
  display: none;
}

/* custom events list */
.mec-custom-list .mec-event-date span {
    font-size: 3rem;
    font-weight: 700;
}
.custom-event {
    border-bottom: 1px solid var(--mdgray);
}
.custom-event:nth-last-of-type(1) {
    border-bottom: 0;
}

@media only screen and (min-width: 992px) and (max-width: 1600px) {
  #int-resources .row .col-md-3:first-of-type h3 {
    width: 75%;
    margin: auto;
  }
}

/*--------------------------------------------------------------
# Admissions Staff
--------------------------------------------------------------*/
.admissions-staff:has(+ style + #counselors) {
  padding-bottom: 15% !important;
}
#counselors {
  background: var(--ltgold);
  width: 80%;
  margin: -10% auto 3rem;
}

.yellow-chevron.tall-chevron:before {
  background-size: contain;
  left: -80%;
}

@media only screen and (min-width: 768px) {
  .yellow-chevron.tall-chevron:before {
    left: -60%;
  }
}
@media only screen and (min-width: 992px) {
  .yellow-chevron.tall-chevron:before {
    left: -33%;
  }
}
@media only screen and (min-width: 1200px) {
  .yellow-chevron.tall-chevron:before {
    left: -15%;
  }
}
@media only screen and (min-width: 1800px) {
  .yellow-chevron.tall-chevron:before {
    left: -10%;
  }
}

/*--------------------------------------------------------------
# Faculty, Graduate, & Student Pages
--------------------------------------------------------------*/
.student {
  display: flex;
  margin: 3rem 0;
}
.student img {
  width: 100%;
}
.student .et_pb_column_1_4 {
  flex: 0 0 auto;
  width: 15%;
  margin-right: 2rem;
}
.student .et_pb_column_3_4 {
  flex-grow: 1;
}

/*--------------------------------------------------------------
# About
--------------------------------------------------------------*/
.fast-fact {
  padding-left: 2rem;
  padding-right: 2rem;
}
.fast-fact .container {
  border: 3px solid var(--red);
  padding: 2rem 1rem;
}
.fast-fact h2 {
  margin-bottom: 1rem;
}

@media only screen and (min-width: 992px) {
  .fast-fact.programs th.ninja_column_0 {
    width: 80%;
  }
}

/*--------------------------------------------------------------
# About - COVID-19
--------------------------------------------------------------*/
#covid-resources {
  background: var(--ltgray);
  padding: 2rem;
}

#covid-resources h2 {
  text-align: center;
  color: var(--black);
}

#covid-resources .two-col-copy {
  column-count: 2;
}

/*--------------------------------------------------------------
# Single Events
--------------------------------------------------------------*/
.single-mec-events .col-md-4.mec-no-image {
  order: 2;
}
.single-mec-events .mec-single-event-bar {
  background: var(--ltblue);
  border: 0;
  border-radius: 0;
  margin-bottom: 2rem;
}
.mec-single-modern .mec-single-event-bar > div dd,
.single-mec-events span.mec-start-date-label {
  color: var(--black) !important;
}
.mec-holding-status-ongoing {
  color: var(--red);
}

.single-mec-events .mec-event-social.mec-frontbox {
  border: none;
  padding-bottom: 0;
}
.mec-single-event .mec-event-social h3 {
  text-transform: capitalize;
}
.single-mec-events .mec-event-export-module.mec-frontbox {
  border: none;
}
.single-mec-events .mec-wrap.colorskin-custom .mec-border-color {
  background: var(--red) !important;
  color: var(--white);
  border: none !important;
}
.single-mec-events .mec-wrap.colorskin-custom .mec-border-color:hover {
  background: var(--gold) !important;
  color: var(--red) !important;
}

/*--------------------------------------------------------------
# Visit
--------------------------------------------------------------*/
.mec-event-date.mec-bg-color,
.mec-event-list-minimal .mec-event-date span {
  font-size: 1em !important;
  line-height: 1;
}
.mec-event-date.mec-bg-color {
  padding: 0.75rem 0.5rem 0.5rem;
}

.mec-event-grid-classic .mec-event-article {
  box-shadow: 0px 12px 18px -6px rgba(0, 0, 0, 0.3);
  border: none;
}

.mec-masonry-item-wrap .mec-event-grid-modern .event-grid-modern-head {
  background: var(--dkgray);
  color: var(--white);
  min-height: 50px;
}
.event-grid-modern-head .mec-masonry-col6,
.event-grid-modern-head .mec-masonry-col12 {
  display: flex;
  flex-wrap: wrap;
  grid-gap: 5px;
  align-items: flex-start;
  width: 100%;
}
.mec-masonry .mec-masonry-col6 .mec-event-month,
.mec-masonry .mec-masonry-col6 h6,
.mec-masonry .mec-masonry-col6 .mec-event-date,
.mec-masonry .mec-masonry-col6 .mec-event-detail,
.mec-masonry .mec-masonry-col12 .mec-event-month,
.mec-masonry .mec-masonry-col12 h6,
.mec-masonry .mec-masonry-col12 .mec-event-date,
.mec-masonry .mec-masonry-col12 .mec-event-detail {
  color: var(--white);
}
.mec-masonry .mec-masonry-col6 .mec-event-date,
.mec-masonry .mec-masonry-col12 .mec-event-date {
  font-size: 1em;
  float: none;
  display: inline;
  vertical-align: top;
  line-height: 1.6;
  margin-right: 0;
  order: 2;
  font-weight: 500;
  letter-spacing: normal;
}
.mec-masonry .mec-masonry-col6 .mec-event-month,
.mec-masonry .mec-masonry-col6 h6,
.mec-masonry .mec-masonry-col12 .mec-event-month,
.mec-masonry .mec-masonry-col12 h6 {
  font-size: 1em;
  line-height: 1.6;
  margin-bottom: 0;
  padding: 0;
  font-weight: 500;
}
.mec-masonry .mec-masonry-col6 .mec-event-month,
.mec-masonry .mec-masonry-col12 .mec-event-month {
  order: 1;
}
.mec-masonry .mec-masonry-col6 .mec-event-month:before,
.mec-masonry .mec-masonry-col12 .mec-event-month:before {
  content: "Date: ";
  font-weight: bold;
}
.mec-masonry .mec-masonry-col6 .mec-event-detail,
.mec-masonry .mec-masonry-col12 .mec-event-detail {
  order: 3;
  font-size: 1em;
  font-weight: 500;
}
.mec-masonry-item-wrap
  .mec-event-grid-modern
  .event-grid-modern-head
  .mec-masonry-col6:nth-last-of-type(1) {
  display: none;
}

.mec-event-content {
  padding: 0 !important;
}
.mec-masonry-content.mec-event-grid-modern .mec-event-title {
  font-size: 1.22em;
  font-family: "Montserrat";
  letter-spacing: normal;
}
.mec-event-description.mec-events-content p {
  font-size: 1em !important;
}

.mec-event-footer {
  background: var(--white);
  border-top: none;
}
ul.mec-event-sharing-wrap {
  display: none;
}
.mec-event-footer .mec-booking-button {
  top: 0;
  right: 0;
  text-transform: none;
}
.mec-event-footer .mec-booking-button:hover {
  background: linear-gradient(to left, transparent 50%, var(--red) 50%);
  background-size: 202% 100%;
}

#gallery .swiper-slide img {
  height: 100%;
  width: auto;
  object-fit: cover;
}

/*--------------------------------------------------------------
# Continuing Education
--------------------------------------------------------------*/
.homeEvents-list.ce-events > li {
  justify-content: center;
}
.homeEvents-list.ce-events div {
  width: 80%;
  margin-bottom: 1rem;
}
.homeEvents-list.ce-events .date-box {
  margin-left: 0;
}
.homeEvents-list.ce-events .date {
  background: var(--white);
  color: var(--mdblue);
  text-transform: uppercase;
  font-weight: bold;
  padding: 1rem 0;
  line-height: 1;
  border: 2px solid;
  height: 100%;
  display: block;
  width: 100%;
  text-align: center;
}
.homeEvents-list.ce-events .date-box > span {
  align-self: center;
  margin: 0 5px 0 7px;
  color: var(--mdblue);
  font-size: 3em;
}
.homeEvents-list.ce-events .date > span {
  display: block;
  font-size: 3em;
}
.homeEvents-list.ce-events div.event-title {
  display: block;
}
.homeEvents-list.ce-events > li .event-title h3 {
  margin-bottom: 0;
}
.homeEvents-list.ce-events > li .event-title p {
  font-weight: normal;
}

@media only screen and (min-width: 992px) {
  .homeEvents-list.ce-events div {
    margin-bottom: 0;
  }
  .homeEvents-list.ce-events .date-box {
    width: 20%;
  }
  .homeEvents-list.ce-events div.event-title {
    width: 50%;
  }
  .homeEvents-list.ce-events div.reg-btn {
    width: 25%;
  }
}

/*--------------------------------------------------------------
# Ad & Thank You Pages
--------------------------------------------------------------*/
.single-ad_pages .videoWrap,
.page-template-viewbook header .videoWrap {
  height: 30vh;
}
.single-ad_pages .videoWrap video {
  top: 100%;
}
.single-ad_pages header img {
  height: 300px;
  object-fit: cover;
}

.single-ad_pages .blogArticle img {
  height: 200px;
  object-fit: cover;
}
.single-ad_pages .whiteBk .gfield_label {
  color: var(--black);
}
.single-ad_pages .whiteBk h3 {
  color: var(--red);
}
.single-ad_pages .whiteBk .headline-block h3, .single-ad_pages .whiteBk h3 {
    color: var(--black) !important;
}

.single-ad_pages header,
.page-template-visit header {
  position: relative;
}

.landing-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(0, 0, 0, 0.7);
  z-index: 9;
}
.landing-overlay-title {
  color: var(--white);
  text-align: center;
  margin: 0;
  padding: 0;
}
.landing-overlay-title:has(+ p) {
  margin-bottom: 1rem;
}

.ad-icons .ad-icon-box {
  display: flex;
  align-items: flex-start;
}
.ad-icons .ad-icon-box img {
  margin-right: 20px;
  flex-shrink: 0;
}
.ad-icons a.btn {
  color: var(--white);
}

.card {
  border-color: var(--mdgray);
  border-bottom: 5px solid var(--ltblue);
  border-radius: 0;
}
.card .icon {
  margin-top: 1rem;
  color: var(--red);
}

.quote-block.carousel {
  background: var(--ltgray);
  color: var(--black);
}
.quote-block.carousel .carousel-indicators [data-bs-target] {
  border-radius: 10px;
  height: 10px;
  width: 10px;
  border-top: none !important;
  border-bottom: none !important;
  margin-right: 5px;
  margin-left: 5px;
  background: var(--red);
}
.carousel.quote-block blockquote {
  position: relative;
}
.carousel.quote-block blockquote:before {
  content: "\f10d";
  font-size: 1.5em;
  color: var(--red);
  font-family: "FontAwesome";
  position: absolute;
  left: 15px;
  top: 10px;
  z-index: 9;
}
.carousel.quote-block blockquote p {
  font-size: 0.9em;
  position: relative;
  z-index: 99;
}
.quote-block.carousel cite {
  color: var(--red);
}

.boxed {
  box-shadow: 0px 0px 4px rgb(0 0 0 / 20%);
  padding-top: 2rem;
}

.blogs .card img {
  height: 200px;
  object-fit: cover;
}
.card-footer {
  background: transparent;
  border-top: 0;
}

@media only screen and (min-width: 768px) {
  .cards-section.four-col .col-md-4 {
    width: 50%;
  }
}
@media only screen and (min-width: 992px) {
  .cards-section.four-col .col-md-4 {
    width: 25%;
  }
}
@media only screen and (max-width: 1024px) {
  .carousel.quote-block blockquote:before {
    position: static;
  }
}


/*--------------------------------------------------------------
# Ad Landing Pages - ALT
--------------------------------------------------------------*/

.lp-cards-section .card {border:none;background: var(--ltgray);}
.quote-box {
    background: var(--red);
    position: relative;
    color: var(--white);
    max-width: 600px;
}
.quote-box::before
 {
    content: "";
    position: absolute;
    top: 40px;
    left: 30px;
    width: 35px;
    height: 35px;
    background-image: url(/wp-content/uploads/white-quote.png);
    background-size: contain;
    background-repeat: no-repeat;
}

.form-section .gform_wrapper .gform_footer input[type="submit"] {
    background: var(--white);
    width: auto;
    color: var(--red);
}

.form-section .gform_wrapper .gform_footer input[type="submit"]:hover, .form-section .gform_wrapper .gform_footer input[type="submit"]:focus {
    background: var(--black);
    color: var(--white);
}

@media only screen and (min-width:1920px) {
	.landing-logo-wrapper {position: absolute;top: 3%;}
}

/*--------------------------------------------------------------
# Visit Pages
--------------------------------------------------------------*/
.page-template-visit-main header {
  position: relative;
}
.page-template-visit header img,
.page-template-visit-main header img {
  height: 300px;
  object-fit: cover;
}
header .landing-overlay p {
  color: var(--white);
}

#links {
  margin: 0 !important;
}

.events-list .card {
  border: none;
  box-shadow: 0px 12px 18px -6px rgba(0, 0, 0, 0.3);
}
.events-list .card img {
  width: 100%;
  min-height: 250px;
  height: 250px;
  object-fit: cover;
}
.events-list .card-header {
  background: var(--dkgray);
  color: var(--white);
  padding: 1em;
}
.events-list .card-header h3 {
  color: var(--white) !important;
  font-size: 1.125em;
}
.events-list .card-header p {
  margin-bottom: 0.25rem;
  font-size: 0.85em;
}
.events-list .card-footer {
  background: transparent;
  border-top: 0;
  text-align: center;
  padding-bottom: 2em;
}

#interactive-map {
  padding-top: 5em !important;
  padding-bottom: 5em !important;
}
#interactive-map .col-xl-10 {
  background: var(--dkgray);
  padding: 3em;
}

.carousel .card {
  border: none;
}
.page-template-visit .form-block {
  background: var(--white);
  color: var(--black);
  padding: 3rem;
  margin-top: 2rem;
  box-shadow: 0px 12px 18px -6px rgba(0, 0, 0, 0.3);
}

@media (max-width: 767px) {
  .page-template-visit .carousel-inner .carousel-item > div,
  .programs .carousel-inner .carousel-item > div {
    display: none;
  }
  .page-template-visit .carousel-inner .carousel-item > div:first-child,
  .programs .carousel-inner .carousel-item > div:first-child {
    display: block;
  }
}

.page-template-visit .carousel-inner .carousel-item.active,
.page-template-visit .carousel-inner .carousel-item-next,
.page-template-visit .carousel-inner .carousel-item-prev,
.programs .carousel-inner .carousel-item.active,
.programs .carousel-inner .carousel-item-next,
.programs .carousel-inner .carousel-item-prev {
  display: flex;
}

/* medium and up screens */
@media (min-width: 768px) {
  .page-template-visit .carousel-inner .carousel-item-end.active,
  .page-template-visit .carousel-inner .carousel-item-next,
  .programs .carousel-inner .carousel-item-end.active,
  .programs .carousel-inner .carousel-item-next {
    transform: translateX(25%);
  }

  .page-template-visit .carousel-inner .carousel-item-start.active,
  .page-template-visit .carousel-inner .carousel-item-prev,
  .programs .carousel-inner .carousel-item-start.active,
  .programs .carousel-inner .carousel-item-prev {
    transform: translateX(-25%);
  }

  .page-template-visit .carousel img {
    height: 250px;
    object-fit: cover;
    width: 95%;
  }
}

.page-template-visit .carousel-inner .carousel-item-end,
.page-template-visit .carousel-inner .carousel-item-start,
.programs .carousel-inner .carousel-item-end,
.programs .carousel-inner .carousel-item-start {
  transform: translateX(0);
}

.map p {
  margin-bottom: 0 !important;
}

@media only screen and (min-width: 768px) {
  .event-intro {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
}
@media only screen and (min-width: 992px) {
  .event-intro {
    margin-top: -4rem;
  }
}
@media only screen and (min-width: 1200px) {
  .page-template-visit header img,
  .page-template-visit-main header img {
    height: 350px;
  }
}

/*--------------------------------------------------------------
# About - Locations
--------------------------------------------------------------*/
@media only screen and (min-width: 1200px) {
  #tour .col-xl-10 {
    margin-left: 25%;
    width: 50%;
  }
}

/*--------------------------------------------------------------
# About - Directory
--------------------------------------------------------------*/
.directory ul {
  list-style: none;
  padding-left: 0;
}
p.faculty_position {
  font-weight: bold;
  margin-bottom: 0;
}
.faculty_education p,
.faculty_contact {
  margin-bottom: 0.5rem;
}

/*--------------------------------------------------------------
# About - Job Openings
--------------------------------------------------------------*/
.jobs > li {
  margin-bottom: 1rem;
}

/*--------------------------------------------------------------
# About - Sexual Misconduct
--------------------------------------------------------------*/
@media only screen and (min-width: 768px) {
  .security .ltblueBk.col-md-4:nth-of-type(2) {
    margin-left: 2%;
  }
}

/*--------------------------------------------------------------
# Resources
--------------------------------------------------------------*/
.page-template-resources header {
  position: relative;
}
.page-template-resources header img {
  max-height: 20vh;
  object-fit: cover;
}
.resources .card a {
  cursor: pointer;
}
.resources .card .cat {
  color: var(--black);
  font-size: 0.8em;
}
.resources .card .card-footer {
  background: transparent;
  border-top: 0;
}

.vid-modal .modal-dialog {
  max-width: 700px;
  margin-top: 5%;
}
.vid-modal .modal-content {
  background: transparent;
  border: 0;
}
.vid-modal .modal-header {
  border: none;
}
.vid-modal .modal-header button.btn-close:before {
  content: none;
}
.vid-modal .modal-body {
  padding: 0;
  box-shadow: 4px 5px 6px rgba(0, 0, 0, 0.16);
}

.programs.carousel .card {
  box-shadow: 2px 2px 4px rgb(0 0 0 / 20%);
}
.programs.carousel .card-footer {
  background: transparent;
  border-top: 0;
}

.programs .carousel-indicators [data-bs-target] {
  background: var(--dkgray);
  height: 1em !important;
  width: 1em !important;
  border-radius: 1em;
  border: 0;
}
.programs .carousel-indicators [data-bs-target]:before {
  content: none;
}

.resourceImg img {
  width: 100%;
  max-height: 300px;
  object-fit: cover;
  object-position: top;
}

.w-auto {
  text-align: center;
}
.w-auto img {
  width: auto !important;
}

.img-text a p {
  color: var(--black);
}

/*--------------------------------------------------------------
# Virtual Viewbook
--------------------------------------------------------------*/
.jump-link a {
  background: var(--ltgray);
  width: 100%;
  height: 100%;
  display: block;
  font-size: 1.15em;
  font-weight: bold;
}
.jump-link a:hover {
  background: var(--mdgray);
  color: var(--red);
}

#bsbs,
#pp {
  background: var(--ltgray);
  padding: 2rem;
  box-shadow: 2px 2px 4px rgb(0 0 0 / 20%);
}

.fact-wrapper .fact {
  background: #39495c;
  color: var(--white);
  display: flex;
  justify-content: center;
  align-items: center;
}
.fact-wrapper:nth-of-type(2) .fact,
.fact-wrapper:nth-of-type(3) .fact {
  background: var(--red);
}
.fact-wrapper .fact p {
  margin-bottom: 0;
}
.fact-wrapper .fact p.fact-head {
  font-weight: bold;
}

@media only screen and (min-width: 768px) {
  #undergradIntro {
    width: 39%;
    margin-right: 1rem;
  }
  #bsbs,
  #pp {
    width: 28%;
    margin-right: 1rem;
  }
}
@media only screen and (min-width: 992px) {
  .fact-img img {
    height: 100%;
    object-fit: cover;
  }
}

/*--------------------------------------------------------------
# Classifieds - Single
--------------------------------------------------------------*/
.classifieds-desc img {
  margin: 0.5rem 0;
}

/*--------------------------------------------------------------
# Homecoming
--------------------------------------------------------------*/
.sponsors-img img {
  max-height: 70px;
  width: auto;
  float: none;
  margin: 1rem;
}
.sponsors-img + .copy-block {
  clear: both;
  padding-top: 2rem !important;
}

/*--------------------------------------------------------------
# Social Links
--------------------------------------------------------------*/
.social-links .btn {
  text-align: left;
}

/*--------------------------------------------------------------
# Newsroom
--------------------------------------------------------------*/
.page-template-news header,
.blog header,
.category header,
.author header,
.search header {
  position: relative;
}
#news-search label,
#blog-search label {
  margin-right: 1rem;
  font-weight: bold;
}
#news-search input[type="text"],
#blog-search input[type="text"] {
  color: var(--black);
  padding: 0.5rem 1rem;
}
#news-search input#searchsubmit,
#blog-search input#searchsubmit {
  font-family: "Open Sans";
  background: var(--black);
  color: var(--white);
  border: 0;
  padding: 0.65rem 1rem;
  margin-left: 0.5rem;
}

/* featured stories */
.featured-header {
  margin-left: -12px;
  margin-right: -12px;
}

@media only screen and (max-width: 767px) {
  .page-template-news header img,
  .blog header img {
    max-width: 200% !important;
    width: 200% !important;
    margin-left: -50%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .page-template-news header img,
  .blog header img {
    max-width: 150% !important;
    width: 150% !important;
    margin-left: -25%;
  }
}

/*--------------------------------------------------------------
# History Timeline
--------------------------------------------------------------*/
.date-section h2 {
  background: var(--red);
  color: var(--white);
  font-size: 2em;
  text-align: center;
  padding: 0.25rem 0 1rem;
  position: relative;
}

.date-section h2:before {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDBweCIgdmlld0JveD0iMCAwIDEyODAgMTAwIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJ4TWlkWU1pZCBzbGljZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSIjOTEwMDJBIj48cGF0aCBkPSJNNzIwIDE0MEw2NDAgMGwtODAgMTQwSDBWMGgxMjgwdjE0MEg3MjB6Ii8+PC9nPjwvc3ZnPg==);
  background-size: cover;
  background-position-x: center;
  top: -1.85rem;
  height: 30px;
  z-index: 1;
  transform: scale(1, -1);
  content: "";
  position: absolute;
  width: 100%;
  left: 0;
}




/*--------------------------------------------------------------
# Single Posts
--------------------------------------------------------------*/
.related .card-img img {
  height: 200px;
  object-fit: cover;
  object-position: center;
}
.blog-bar .defining {
  margin-bottom: 0;
  font: bold normal 1.5em "Montserrat";
}

.single-post .entry-content h2,
.single-post .entry-content h3 {
  margin: 2rem 0 1rem;
}
aside h2 {
  font-size: 1.25em;
}

.wp-caption-text {
  font-size: 0.8em;
  font-style: italic;
}

/* social links */
.widget-area .social a i {
  color: var(--black);
  font-size: 1.5em;
  margin-right: 0.75rem;
}
.widget-area .social a:hover i {
  color: var(--gold);
}

@media only screen and (min-width: 1400px) {
  .widget-area .social a i {
    margin-right: 1rem;
  }
}

/*--------------------------------------------------------------
# Blog
--------------------------------------------------------------*/
#blog-search label {
  color: var(--black);
}
.blog .card,
.category .card,
.author .card,
.search .card {
  border-color: transparent;
}
.blog article .card img,
.category article .card img,
.author article .card img,
.search article .card img,
.homeNews article .card img {
  height: 250px;
  width: 100%;
  object-fit: cover;
  object-position: center;
}
.blog .card-body,
.category .card-body,
.author .card-body,
.search .card-body {
  padding: 1rem 0 0;
}
.blog .card-footer,
.category .card-footer,
.author .card-footer,
.search .card-footer {
  padding: 0;
}
.entry-footer.author {
  background: var(--ltblue);
}
.entry-footer.author img {
  border-radius: 100%;
  border: 10px solid var(--red);
}

.pub-link img {
  border-radius: 100%;
  border: 10px solid var(--red);
  max-width: 70%;
}
h3 a.btn.arrow {
  text-transform: none;
}

@media only screen and (min-width: 768px) {
  .blog .featured img {
    min-height: 350px;
    object-fit: cover;
  }
}
@media only screen and (max-width: 768px) {
  .entry-footer.author img {
    width: 200px;
  }
}

/*--------------------------------------------------------------
# Search Results
--------------------------------------------------------------*/
.result {
  border-bottom: 2px solid var(--mdgray);
}

/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
.visit-gf {
  background: var(--white);
  padding: 1.5rem;
  box-shadow: 0px 0px 4px rgb(0 0 0 / 20%);
  border-radius: 3px;
}

/*--------------------------------------------------------------
# Popup
--------------------------------------------------------------*/
div#popup-modal {
  top: 5%;
}
#popup-modal .modal-dialog {
  max-width: 625px;
  pointer-events: all;
}
#popup-modal .btn-close {
  align-self: flex-end;
  margin-bottom: 1rem;
  color: #fff;
  background: transparent
    url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e")
    center/1em auto no-repeat;
  opacity: 1;
}
#popup-modal .modal-content {
  background: transparent;
  border: 0;
}
#popup-modal .modal-footer {
  justify-content: space-evenly;
}

/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/
footer.footer {
  background: var(--mdgray);
  color: var(--black);
}
.footer .social i {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  font-size: 1.5em;
}
.footer .address {
  font-family: Georgia, serif;
}
.footer .address p {
  margin-bottom: 0;
}

#siteinfo {
  background-color: var(--white);
  font-size: 0.8em;
}
ul#menu-footer-menu {
  list-style: none;
  display: inline-block;
  padding-left: 0;
}
ul#menu-footer-menu > li {
  display: inline-block;
}
#menu-footer-menu .nav-link {
  color: var(--font);
  text-decoration: underline;
  padding: 0.5rem 0.25rem;
  font-weight: bold;
}

@media only screen and (min-width: 768px) {
  .footer .social i {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
}
@media only screen and (min-width: 992px) {
  .footer .social i {
    padding: 0.75rem;
  }
}
@media only screen and (min-width: 1200px) {
  .main-foot .row {
    align-items: flex-end;
  }
  #footer-nav ul > li {
    display: inline-block;
  }
}

.video-control {
  position: absolute;
  bottom: 10px;
  left: 10px;
  background-color: rgba(0, 0, 0, 0.7);
  color: #fff;
  border: none;
  padding: 5px 10px;
  font-size: 14px;
  cursor: pointer;
  z-index: 10;
  border-radius: 3px;
}

.video-control:hover {
  background-color: rgba(0, 0, 0, 0.9);
}