@charset "utf-8";
.mobile-cta .nav-link, .mobile-cta-trigger, .to-upper, .uppercase {
  text-transform: uppercase
}
.mainnav-section .nav-link.nav-accordion-button.collapsed, .mobile-cta .nav-link {
  border-bottom: 1px solid #00213a;
  border-top: 1px solid #01497f
}
h1, h2, h3, h4, h5, h6 {
  font-family: Kanit, sans-serif;
  color: #003054
}
#accessMenu, #main-text .vwuaccordian .card .card .card-header {
  background-color: #0091b8
}
#accessMenu li, #main-text .emp-accordian .card, .title-wrapper-secondary.hero-image {
  padding: 0
}
a.skip-link {
  transition: top 1s ease-out, background 1s linear 0;
  color: #fff;
  display: block;
  padding: 1em;
  text-align: center
}
a.skip-link:focus {
  outline: 0;
  color: #fff;
  transition: top .1s ease-in, background .5s linear 0
}
.lead {
  font-weight: 300;
  color: #003054;
  margin: 1rem 0 2rem;
  text-align: center;
  font-size: 1.5rem;
  border-bottom: 1px solid rgba(126, 146, 158, .2);
  padding-bottom: 2rem
}
body {
  color: #333333;
  font-family: 'Open Sans', sans-serif;
  font-size: 1.2rem;
  letter-spacing: .02rem;
  line-height: 1.5
}
.light-teal, a:focus, a:hover {
  color: #18bae4
}
#main-text a, a {
  color: #0080a3
}
.btn {
  border-radius: 0
}
.teal {
  color: #0091b9 !important
}
.blue {
  color: #002a4c !important
}
.font-07 {
  font-size: .7rem !important
}
.font-08 {
  font-size: .8rem !important
}
.font-095 {
  font-size: .95rem !important
}
.font-1 {
  font-size: 1rem !important
}
.font-11 {
  font-size: 1.1rem !important
}
.font-12 {
  font-size: 1.2rem !important
}
.font-13 {
  font-size: 1.3rem !important
}
.font-14 {
  font-size: 1.4rem !important
}
.font-15 {
  font-size: 1.5rem !important
}
.font-20 {
  font-size: 2rem !important
}
.font20, .mainnav-trigger i, .search-trigger i {
  font-size: 1.25rem
}
.font-215 {
  font-size: 2.15rem !important
}
.font-225 {
  font-size: 2.25rem !important
}
.font-25 {
  font-size: 2.5rem !important
}
.font-30 {
  font-size: 3rem !important
}
.font-35 {
  font-size: 3.5rem !important
}
.font-40 {
  font-size: 4rem !important
}
.font-45 {
  font-size: 4.5rem !important
}
.font-50 {
  font-size: 5rem !important
}
.font-55 {
  font-size: 5.5rem !important
}
.font-60 {
  font-size: 6rem !important
}
.blue-top {
  background-color: #003760
}
.mobile-cta-trigger {
  display: block;
  width: 100%;
  color: #fff;
  text-align: center;
  text-decoration: none;
  padding: .75rem;
  font-weight: 500;
  font-size: 1.1rem;
  background-color: #0091ba
}
.mobile-cta-trigger:focus, .mobile-cta-trigger:hover {
  text-decoration: none;
  background-color: #003c69;
  color: #fff
}
.mobile-cta-trigger.collapsed {
  transition: .4s linear;
  background-color: #0091ba
}
.mobile-cta-trigger:not(.collapsed) i {
  transform: rotate(90deg)
}
.mobile-cta .nav-link {
  font-weight: 500;
  color: #fff;
  background-color: #002a4c;
  text-align: center;
  font-size: .9rem;
  padding: 1rem 0;
  border-right: 1px solid #01497f;
  border-left: 1px solid #00213a
}
#main-text a.blue-link:active, #main-text a.blue-link:focus, #main-text a.blue-link:hover, #notification-div a:active, #notification-div a:focus, #notification-div a:hover, .acad-support-wrapper a:active, .acad-support-wrapper a:focus, .acad-support-wrapper a:hover, .briefs-slider .nav-link:active, .briefs-slider .nav-link:focus, .briefs-slider .nav-link:hover, .contact-links .nav-link:active, .contact-links .nav-link:focus, .contact-links .nav-link:hover, .copyright-links .nav-link:active, .copyright-links .nav-link:focus, .copyright-links .nav-link:hover, .fa-links-wrapper a:active, .fa-links-wrapper a:focus, .fa-links-wrapper a:hover, .mobile-cta .nav-link:active, .mobile-cta .nav-link:focus, .mobile-cta .nav-link:hover, .news-arts-wrapper ul li a:active, .news-arts-wrapper ul li a:focus, .news-arts-wrapper ul li a:hover, .site-search .popular .nav-link:active, .site-search .popular .nav-link:focus, .site-search .popular .nav-link:hover, .support-wrapper a:active, .support-wrapper a:focus, .support-wrapper a:hover {
  text-decoration: underline
}
#main-text a:active, #main-text a:focus, #main-text a:hover, .main-menu-section, .mainnav-section .nav-link:active i, .mainnav-section .nav-link:focus i, .mainnav-section .nav-link:hover i, ul.no-underline li a {
  text-decoration: none
}
.header-wrapper .container {
  padding: 0;
  max-width: 100%
}
.header-wrapper {
  position: relative;
  z-index: 999;
  top: 0;
  left: 0;
  right: 0;
  background: #003054
}
.site-logo {
  max-width: 95%
}
.mainnav-trigger, .search-trigger {
  font-weight: 700 !important;
  border-radius: 0;
  text-transform: uppercase;
  color: #fff;
  width: 65px;
  padding: 1.7rem 0 !important;
  font-size: .8rem !important
}
.main-menu-section, .menu-subheader {
  font-weight: 700;
  text-transform: uppercase
}
.mainnav-trigger:active, .mainnav-trigger:focus, .mainnav-trigger:hover, .search-trigger:active, .search-trigger:focus, .search-trigger:hover {
  background-color: #006494;
  color: #fff
}
.offcanvas {
  position: fixed;
  bottom: 0;
  z-index: 1045;
  display: flex;
  flex-direction: column;
  max-width: 100%;
  visibility: hidden;
  background-color: #fff;
  background-clip: padding-box;
  outline: 0;
  transition: transform .3s ease-in-out
}
.offcanvas-menu, .offcanvas-search {
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  max-height: 100%;
  background-color: #002a4c;
  color: #fff
}
.offcanvas-menu {
  transform: translateX(100%)
}
.offcanvas-search {
  transform: translateX(-100%)
}
.offcanvas-search .offcanvas-body {
  padding-top: 4rem
}
.offcanvas-menu .btn-close, .offcanvas-search .btn-close {
  font-size: 1.5rem;
  font-weight: 500;
  opacity: 1;
  margin-top: 0;
  margin-right: .5rem;
  margin-bottom: 0;
  position: absolute;
  top: 10px;
  right: 10px
}
.con-wrapper img, .const-wrapper, .health-wrapper img, .main-menu-wrap, .main-wrapper, .session-wrapper img, .video-wrapper {
  position: relative
}
.offcanvas-title {
  display: none
}
.prospective-cta-mobile-menu .nav-link {
  font-weight: 500;
  color: #fff;
  text-align: center;
  font-size: .9rem;
  margin: .75rem;
  border-radius: .5rem;
  height: 90px;
  width: 125px
}
.prospective-cta-mobile-menu .nav-link:active, .prospective-cta-mobile-menu .nav-link:focus, .prospective-cta-mobile-menu .nav-link:hover {
  color: #29d1ff;
  text-decoration: underline
}
.prospective-cta-mobile-menu i {
  font-size: 1.25rem;
  margin-bottom: .5rem;
  display: block
}
.mainnav-section .nav-link {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  text-align: left;
  border: 0;
  border-radius: 0;
  overflow-anchor: none;
  font-weight: 400;
  color: #fff;
  text-transform: uppercase;
  background-color: transparent;
  padding: .5rem .25rem;
  letter-spacing: 1px
}
.mybeaconlink.focus, .mybeaconlink:active, .mybeaconlink:hover, .offcanvas-header {
  background-color: #002a4c
}
.offcanvas-header {
  border-bottom: 1px solid #013a64;
  padding: 3.25rem 1rem 1rem
}
.mainnav-section .nav-link.nav-accordion-button {
  font-family: Anton, sans-serif;
  font-size: 1.7rem;
  padding: 1.5rem 0 .5rem;
  border-top: 1px solid #01497f;
  outline: 0
}
.mainnav-section .nav-link:active, .mainnav-section .nav-link:focus, .mainnav-section .nav-link:hover {
  color: #00a9d6
}
.mainnav-section .nav-link:focus-visible {
  outline: #00a9d6 solid 2px;
  color: #00a9d6
}
.mainnav-section .nav-link.nav-accordion-button.collapsed::after {
  content: "\f055"
}
.main-navbar {
  padding-top: 1rem
}
.main-nav {
  padding: 1rem 0
}
.mainnav-section .nav-link.nav-accordion-button::after {
  transition: transform .2s ease-in-out;
  content: "\f056";
  background-image: none;
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  margin-left: 2rem;
  position: absolute;
  right: 20px
}
.mainnav-section .submenu {
  min-width: 10rem;
  padding: .5rem 0 1.5rem;
  margin: 0;
  font-size: 1rem;
  color: #212529;
  text-align: left;
  list-style: none;
  background-clip: padding-box;
  border: none;
  border-radius: 0;
  width: 100%
}
.main-menu-section {
  padding: .5rem 2rem .5rem .5rem;
  color: #fff;
  margin: 1rem 0 2rem;
  display: inline-block
}
.news-wrapper h3.pres-h3, .quicklinks {
  margin-top: 2rem
}
.menu-subheader {
  margin-bottom: 0;
  font-size: 1.25rem;
  color: #00a9d6
}
.mainnav-section .submenu .nav-link {
  color: #fff;
  font-size: 1rem;
  border: none;
  text-transform: none;
  font-weight: 400;
  margin: 0;
  padding: .45rem 0
}
.mainnav-section .submenu .nav-link:active, .mainnav-section .submenu .nav-link:focus, .mainnav-section .submenu .nav-link:hover {
  text-decoration: underline !important
}
.secondary-section .nav-link {
  color: #fff;
  font-weight: 400;
  font-size: 1.25rem;
  margin: 3px 0;
  padding: .25rem 0
}
.secondary-section .nav-link:active, .secondary-section .nav-link:focus, .secondary-section .nav-link:hover {
  text-decoration: underline;
  color: #00a9d6
}
.secondary-nav-section .nav-link {
  color: #fff;
  font-weight: 400;
  font-size: 1.3rem;
  margin: .75rem 0;
  padding: .25rem 0;
  text-transform: uppercase;
  font-family: Kanit, sans-serif;
  border-bottom: 10px solid #003c69;
  display: inline-block
}
.secondary-nav-section .nav-link:active, .secondary-nav-section .nav-link:focus, .secondary-nav-section .nav-link:hover {
  text-decoration: none;
  border-bottom: 10px solid #00a9d6
}
.prospective-menu-cta .nav-link {
  font-weight: 700;
  color: #fff;
  margin: .5rem;
  padding: .5rem .75rem;
  font-size: .95rem;
  border: 1px solid
}
.prospective-menu-cta .nav-link:active, .prospective-menu-cta .nav-link:focus, .prospective-menu-cta .nav-link:hover {
  color: #29d1ff
}
.quicklinks {
  background-color: #002340;
  padding: 2rem;
  border: 5px solid #0091b8
}
.mybeaconlink {
  border: 1px solid #002a4c;
  padding: .75rem 4.5rem;
  background-color: #003c69;
  border-radius: .75rem
}
.nav-section-head {
  font-family: Anton, sans-serif;
  font-size: 2.5rem;
  text-transform: uppercase;
  font-weight: 500;
  letter-spacing: 2px;
  text-align: center
}
.video-text, .video-title {
  font-family: Kanit, sans-serif;
  text-shadow: .1rem .1rem .2rem #000;
  line-height: 1
}
.main-nav-right .nav-link {
  color: #fff;
  padding: .2rem 0
}
#main-text .pubs p, #main-text p, .global-search-form, .panel.panel-blue {
  margin-bottom: 1rem
}
.form-control.global-search {
  padding: .25rem .5rem .15rem .75rem;
  display: block;
  color: #fff;
  border: 0 solid #fff;
  border-radius: 0;
  background-color: #00233f;
  outline: 0;
  font-size: 1.25rem
}
.form-control.global-search:focus {
  box-shadow: 0 8px 6px -6px #51cbee;
  border: solid #51cbee;
  border-width: 0 0 1px
}
.form-control.global-search:focus::placeholder {
  color: transparent
}
.btn.btn-search {
  right: 0;
  bottom: 0;
  font-size: 1.25rem;
  width: 50px;
  height: 50px;
  border: 1px solid #001a2f;
  z-index: 9
}
.btn-search {
  font-size: 1.5rem;
  color: #fff;
  padding: .5rem
}
.btn-search:active, .btn-search:focus, .btn-search:hover {
  color: #02b4e4;
  outline: 0
}
.global-search::placeholder {
  color: #fff;
  font-style: italic;
  opacity: 1
}
.global-search:-ms-input-placeholder {
  color: #02b4e4;
  font-weight: 700
}
.global-search::-ms-input-placeholder {
  color: #02b4e4;
  font-weight: 700
}
.constituent-nav .nav-link, .video-title {
  text-align: center;
  font-weight: 600;
  color: #fff;
  text-transform: uppercase
}
.site-search .popular .nav-link {
  background-color: #001628;
  color: #fff;
  margin: .25rem;
  text-transform: uppercase;
  font-weight: 500;
  text-align: center;
  font-size: 1rem
}
.video-wrapper .overlay {
  background-image: linear-gradient(180deg, #f2f2f2 0, rgba(0, 0, 0, .664285782672444) 0, rgba(0, 0, 0, 0) 15%, rgba(0, 0, 0, .014425838694852922) 90%, rgba(0, 0, 0, .6614846622242647) 100%);
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0
}
.video-messaging {
  position: absolute;
  z-index: 10;
  left: 0;
  right: 0;
  top: auto;
  bottom: .75rem
}
.video-title {
  z-index: 8;
  letter-spacing: 2.5px;
  font-size: 2.25rem;
  margin: 0
}
.video-text {
  text-align: center;
  color: #fff;
  font-size: 1.25rem;
  margin-bottom: 0
}
.video-btn {
  color: #fff;
  background-color: rgba(0, 0, 0, .5);
  text-transform: uppercase;
  font-size: 1rem;
  font-weight: 700;
  padding: .5rem 1.5rem;
  border: 1px solid #fff;
  transition: transform .2s;
  text-align: center;
  text-decoration: none;
  margin: 1rem 2rem 0
}
.stat-front, .stat-front2 {
  font-weight: 500;
  text-shadow: none
}
.fa-wrapper h2, .programs-wrapper h2, .stat-front, .stat-front2 {
  margin-bottom: 1.5rem
}
.video-btn:active, .video-btn:focus, .video-btn:hover {
  box-shadow: 0 0 5px 5px rgba(0, 145, 185, .9);
  color: #fff;
  text-decoration: none
}
.btn-video-controls {
  position: absolute;
  top: .25rem;
  right: .25rem;
  color: #fff;
  cursor: pointer;
  font-size: 1.3rem;
  z-index: 12;
  transition: transform .2s, scale .5s;
  opacity: .5
}
.btn-video-controls:active, .btn-video-controls:focus, .btn-video-controls:hover {
  color: #fff;
  opacity: 1;
  transform: scale(1.2)
}
.const-wrapper {
  background-color: #002a4c;
  padding: .5rem 0 1rem
}
.why-wrapper, .why-wrapper2 {
  padding: 2rem 0 1rem;
  position: relative
}
.constituent-nav .nav-item, .fa-mainlinks .nav-item, .pres-sublinks .nav-item, .programs-selections .nav-item, .sports-sublinks .nav-item, .visit-resources-links .nav-item, .visit-sublinks .nav-item {
  width: 100%
}
.constituent-nav .nav-link {
  background-color: #002a4c;
  padding: 1rem 0;
  font-size: 1.2rem;
  border-radius: 0;
  margin: .25rem 0 0;
  border: 1px solid #02538f
}
.stat .stat-num, .stat2 .stat-num {
  margin-bottom: .5rem;
  font-weight: 900;
  display: block
}
.constituent-nav .nav-link:active, .constituent-nav .nav-link:focus, .constituent-nav .nav-link:hover {
  background-color: #0091b9
}
.why-wrapper {
  background-color: #ededed
}
.why-wrapper2 {
  background-color: #002a4c;
  color: #fff
}
.stat, .stat2 {
  padding: 0 2.5rem;
  line-height: 1;
  text-align: center
}
.why-wrapper h2, .why-wrapper2 h2 {
  font-family: Merriweather, serif;
  font-size: 2.5rem;
  font-weight: 900;
  color: #002a4c;
  text-align: center;
  margin-bottom: 1.5rem;
  text-transform: uppercase;
  line-height: 1
}
.why-wrapper h2 .lrg-text {
  text-transform: uppercase;
  color: #0091b9;
  font-size: 4rem;
  display: block;
  line-height: .8
}
.why-wrapper2 h2 .lrg-text {
  text-transform: uppercase;
  color: #0091b9;
  font-size: 3.5rem;
  display: block;
  line-height: .8
}
.stat {
  color: #002a4c
}
.stat2 {
  color: #fff
}
.stat-front {
  font-size: 1.4rem
}
.stat-front2 {
  font-size: 1.2rem
}
.btn-why, .btn-why2 {
  font-size: 1.1rem;
  font-weight: 600;
  padding: .5rem;
  color: #fff
}
.stat .stat-num {
  font-size: 5.5rem;
  text-shadow: 2px 2px 0 #ededed, 4px 4px 0 #0091b9
}
.stat2 .stat-num {
  font-size: 3.5rem;
  font-family: Merriweather, serif
}
.btn-why {
  background-color: #c05702;
  border: 1px solid #812a02
}
.btn-why:active, .btn-why:focus, .btn-why:hover {
  background-color: #812a02;
  border: 1px solid #fff;
  color: #fff;
  text-decoration: none
}
.btn-why2 {
  background-color: #0091b8;
  border: 1px solid #0182a5
}
.btn-why2:active, .btn-why2:focus, .btn-why2:hover {
  background-color: #017797;
  border: 1px solid #fff;
  color: #fff;
  text-decoration: none
}
.programs-wrapper {
  padding: 2rem 0 6rem;
  border-bottom: none
}
.programs-wrapper h2 {
  font-family: Merriweather, serif;
  font-size: 2.5rem;
  font-weight: 900;
  color: #002a4c;
  line-height: 1;
  text-align: center;
  text-transform: uppercase
}
.campus-text-wrapper .lrg-text, .programs-wrapper .lrg-text {
  text-transform: uppercase;
  font-size: 4rem;
  display: block
}
.bootstrap-select.form-control-lg .dropdown-toggle {
  padding: .5rem 1rem;
  background-color: #fff;
  border: 1px solid #ced4da
}
.bootstrap-select .dropdown-toggle:focus, .bootstrap-select > select.mobile-device:focus + .dropdown-toggle {
  outline: -webkit-focus-ring-color auto 5px !important;
  outline-offset: 5px;
  border: 1px solid #86b7fe;
  box-shadow: 0 0 0 .25rem rgba(13, 110, 253, .25)
}
.bootstrap-select .dropdown-menu li a {
  white-space: pre-wrap
}
.programs-inner-wrapper a {
  color: #002a4c;
  font-weight: 700
}
.programs-selections .nav-link {
  color: #013c68;
  text-align: center;
  padding: .75rem 1rem;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 1rem;
  border: 2px solid;
  margin: .5rem .25rem
}
.fa-wrapper h2, .programs-wrapper .spotlight {
  font-family: Merriweather, serif;
  font-size: 2.5rem;
  font-weight: 900;
  text-align: center;
  text-transform: uppercase
}
.programs-selections .nav-link:active, .programs-selections .nav-link:focus, .programs-selections .nav-link:hover {
  background-color: #013c68;
  color: #fff;
  text-decoration: none
}
.programs-wrapper .spotlight-wrapper {
  background-color: #002a4c;
  color: #fff;
  line-height: 1.4;
  position: relative;
  box-shadow: 10px 13px #0091b8;
  padding: 2rem 1rem;
  margin-top: 1.5rem
}
.programs-wrapper .spotlight {
  margin-bottom: .5rem;
  line-height: 1;
  color: #f7b801
}
.spotlight-wrapper .btn-ltblue {
  color: #fff;
  border: 2px solid #fff;
  padding: .75rem 1rem;
  font-weight: 600;
  margin: 1rem 0
}
.programs-wrapper .spotlight-subheading {
  font-size: 1.75rem;
  font-weight: 700;
  text-align: center;
  font-family: Merriweather, serif;
  margin-bottom: 1rem;
  line-height: 1
}
.programs-wrapper .spotlight-tier1 {
  margin-bottom: .5rem;
  text-align: center;
  font-size: 1.25rem
}
.spotlight-wrapper .btn-ltblue:focus, .spotlight-wrapper .btn-ltblue:hover {
  color: #114857;
  background-color: #fff;
  border: 2px solid #114857
}
.fa-wrapper {
  background-color: #e5f3f9;
  padding: 5rem 0 2rem;
  color: #002a4c;
  margin-top: -8rem
}
.fa-wrapper h2 {
  color: #002a4c;
  line-height: .9
}
.fa-wrapper .lrg-text {
  font-size: 4rem;
  display: block;
  text-transform: uppercase
}
#main-text .vwuaccordian .card, .news-wrapper .card {
  display: flex;
  background-clip: border-box;
  min-width: 0;
  word-wrap: break-word
}
.fa-wrapper .fa-subheading {
  font-size: 2rem;
  text-align: center;
  margin: 2rem 0
}
.fahome-mainlinks {
  margin: 4rem 0 2rem
}
.fahome-mainlinks .nav-link {
  padding: 1rem;
  font-size: 1.2rem;
  font-weight: 600;
  color: #fff;
  border: 3px solid #001d35;
  background-color: #002a4c;
  margin: .5rem 0;
  text-align: center
}
.briefs-wrapper .all-features, .news-wrapper .all-features {
  margin-right: 0;
  font-size: 1rem;
  text-align: center;
  text-decoration: none
}
.fahome-mainlinks .nav-link:active, .fahome-mainlinks .nav-link:focus, .fahome-mainlinks .nav-link:hover {
  color: #002a4c;
  background-color: transparent;
  border: 3px solid
}
.enrollments-cta-wrapper {
  background-image: url("/img/home/becomemarlin.webp"), url("/img/home/becomemarlin.webp");
  background-size: contain;
  background-position: left center, right center;
  background-repeat: no-repeat;
  color: #fff;
  background-color: #002a4c;
  padding: 1rem .25rem
}
.btn-feature, .news-wrapper .all-features {
  -webkit-transition: .4s;
  -moz-transition: .4s;
  background-position: 0 -100%
}
.enrollments-cta-wrapper h2 {
  font-family: Kanit, sans-serif;
  color: #fff !important;
  margin-bottom: 1.25rem;
  text-align: center;
  padding: 0;
  font-size: 3rem;
  text-transform: uppercase;
  line-height: 1;
  font-weight: 600;
  letter-spacing: 2px
}
.enrollments-cta-wrapper a {
  color: #fff;
  font-size: 1.25rem;
  text-decoration: none;
  display: block;
  padding: 1rem .5rem 1rem .75rem;
  margin: .25rem 0;
  border: 2px solid;
  background-color: rgba(0, 52, 90, .8)
}
.enrollments-cta-wrapper a i {
  font-size: 1.75rem;
  float: right
}
.enrollments-cta-wrapper a:active, .enrollments-cta-wrapper a:focus, .enrollments-cta-wrapper a:hover {
  background-color: rgba(255, 255, 255, .8);
  color: #002a4c
}
.news-wrapper {
  padding: 2rem 0 1.5rem;
  border-top: 7px solid #002a4c;
  background-image: url("/img/home/news3.png")
}
.news-wrapper h2 {
  font-family: Merriweather, serif;
  font-size: 2.5rem;
  font-weight: 900;
  color: #002a4c;
  margin-bottom: 3rem;
  text-align: center;
  text-transform: uppercase;
  line-height: .8
}
.briefs-wrapper h3, .dbn-wrapper h3, .news-wrapper h3 {
  font-family: 'Open Sans', sans-serif
}
.news-wrapper h2 .lrg-text {
  text-transform: uppercase;
  line-height: .8;
  font-size: 4rem;
  display: block
}
.news-wrapper h3 {
  font-weight: 700;
  font-size: 2.25rem;
  margin-bottom: 2.5rem;
  line-height: .8;
  color: #002a4c
}
.news-wrapper .all-features {
  color: #013c68;
  border: 2px solid #013c68;
  padding: .25rem .5rem;
  transition: .4s;
  background-size: 100% 200%;
  background-image: linear-gradient(to top, transparent 50%, #013c68 50%)
}
.briefs-wrapper .all-features, .btn-feature {
  background-size: 100% 200%;
  background-image: linear-gradient(to top, transparent 50%, #fff 50%)
}
.news-wrapper .all-features:active, .news-wrapper .all-features:focus, .news-wrapper .all-features:hover {
  text-decoration: none;
  color: #fff;
  background-color: #013c68;
  background-position: 0 0
}
.news-wrapper .feature-wrapper {
  padding: 2rem 1rem .5rem;
  position: relative;
  box-shadow: rgba(0, 0, 0, .5) 0 0 5px;
  background-color: #002a4c;
  color: #fff;
  margin-bottom: 2rem;
  width: 100%;
  line-height: 1.2
}
.image-wrapper {
  overflow: hidden;
  background-color: #fff
}
.feature-link:hover .story-img {
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -ms-transform: scale(1.05);
  -o-transform: scale(1.05);
  transform: scale(1.05)
}
.news-wrapper .feature-wrapper.teal-bg-right::after {
  position: absolute;
  content: " ";
  width: 100%;
  height: 100%;
  bottom: -1rem;
  right: -.5rem;
  background: #0091b8;
  z-index: -1
}
.news-wrapper .card {
  position: relative;
  flex-direction: column;
  background-color: #002a4c;
  border: none;
  border-radius: 0
}
.news-wrapper .card .card-body {
  flex: 1 1 auto;
  padding: .5rem 0 1rem
}
.news-wrapper .card .card-title {
  font-size: 1.2rem;
  font-weight: 700;
  line-height: 1.3;
  margin-bottom: 1rem
}
.deptTitle, .news-wrapper .card .card-text {
  font-size: 1.2rem
}
.story-img {
  width: 100%;
  height: 201px;
  position: relative;
  box-shadow: 0 0 5px #000;
  -webkit-transition: 1s;
  -moz-transition: 1s;
  -ms-transition: 1s;
  -o-transition: 1s;
  transition: 1s
}
.btn-feature {
  color: #fff;
  background-color: #002a4c;
  border: 2px solid #fff;
  transition: .4s
}
.btn-feature:active, .btn-feature:focus, .btn-feature:hover {
  background-color: #fff;
  color: #002a4c;
  background-position: 0 0
}
.feature-link {
  color: #fff;
  text-decoration: none
}
.feature-link:active, .feature-link:focus, .feature-link:hover {
  color: #00a6d3
}
.briefs-wrapper {
  background: #002a4c;
  padding: 2rem 0 1rem
}
.briefs-inner-wrapper {
  text-align: center
}
.briefs-wrapper h3 {
  color: #fff;
  font-weight: 700;
  font-size: 2.5rem;
  line-height: .8
}
.briefs-wrapper .all-features {
  color: #fff;
  border: 1px solid #fff;
  padding: .5rem 1rem;
  text-transform: uppercase;
  -webkit-transition: .4s;
  -moz-transition: .4s;
  transition: .4s;
  background-position: 0 -100%
}
.briefs-wrapper .all-features:active, .briefs-wrapper .all-features:focus, .briefs-wrapper .all-features:hover {
  text-decoration: none;
  color: #002a4c;
  background-position: 0 0
}
.briefs-slider {
  padding: 2rem 0 4rem
}
.briefs-slider .nav-link {
  color: #fff;
  text-decoration: none;
  font-size: 1.3rem;
  padding: .75rem 0;
  line-height: 1.4;
  text-align: left;
  min-height: 130px;
  margin: 0;
  border-bottom: 1px solid #fff
}
.briefs-date {
  font-size: .9rem;
  text-align: right;
  margin: .5rem 0 0;
  color: #fff
}
.dbn-wrapper {
  background: url(/img/home/m-dbn.png) center center no-repeat #f4f4f4;
  padding: 2rem 0 1rem
}
.dbn-wrapper h3 {
  color: #002a4c;
  font-weight: 700;
  font-size: 2.5rem;
  line-height: 1;
  margin-bottom: 1rem;
  text-align: center
}
.campus-text-wrapper h2, .events-wrapper h2 {
  font-family: Merriweather, serif;
  text-align: center;
  position: relative
}
.events-wrapper {
  background-color: #e8e8e8;
  padding: 4rem .5rem 1rem;
  position: relative;
  background-image: url("/img/home/news3.png");
  background-position: bottom center;
  background-repeat: repeat;
  border-bottom: 5px solid #002a4c
}
.btn-giving, .footer-links .nav-link {
  background-image: linear-gradient(to top, transparent 50%, #fff 50%)
}
.btn-events, .btn-giving {
  text-transform: uppercase;
  -webkit-transition: .4s;
  -moz-transition: .4s;
  background-position: 0 -100%;
  background-size: 100% 200%
}
.events-wrapper h2 {
  font-size: 2.5rem;
  font-weight: 900;
  color: #002a4c;
  margin-bottom: 1.5rem;
  text-transform: uppercase;
  line-height: .8
}
.events-wrapper h2 .lrg-text {
  display: block;
  font-size: 4rem;
  text-transform: uppercase
}
#main-text .event-link, .event-link {
  display: block;
  text-decoration: none;
  color: #002a4c;
  min-height: 165px
}
.event-wrapper {
  min-height: 150px
}
.date-wrapper {
  text-align: center;
  line-height: 1;
  padding: .5rem 0;
  width: 100%;
  border-bottom: 1px solid #ddd;
  background-color: #002b4e
}
.event-month {
  color: #fff;
  font-size: 1.5rem;
  font-weight: 400;
  margin: 0 .5rem
}
.event-day {
  color: #fff;
  font-size: 1.75rem;
  font-weight: 800
}
.event-description {
  color: #002a4c;
  font-size: 1.2rem;
  font-weight: 600;
  padding: .25rem;
  line-height: 1.2
}
.dates, .times {
  font-size: 1rem;
  font-weight: 400
}
#main-text a.event-link:active .event-day, #main-text a.event-link:active .event-description, #main-text a.event-link:active .event-month, #main-text a.event-link:focus .event-day, #main-text a.event-link:focus .event-description, #main-text a.event-link:focus .event-month, #main-text a.event-link:hover .event-day, #main-text a.event-link:hover .event-description, #main-text a.event-link:hover .event-month, .about-second-wrapper a:active, .about-second-wrapper a:focus, .about-second-wrapper a:hover, .activities-wrapper a:active, .activities-wrapper a:focus, .activities-wrapper a:hover, .experiential-wrapper a:active, .experiential-wrapper a:focus, .experiential-wrapper a:hover, .involved-wrapper a:active, .involved-wrapper a:focus, .involved-wrapper a:hover, .wellness-wrapper a:active, .wellness-wrapper a:focus, .wellness-wrapper a:hover, a.event-link:active .event-day, a.event-link:active .event-description, a.event-link:active .event-month, a.event-link:focus .event-day, a.event-link:focus .event-description, a.event-link:focus .event-month, a.event-link:hover .event-day, a.event-link:hover .event-description, a.event-link:hover .event-month {
  color: #0091b9
}
.btn-events {
  color: #fff;
  background-color: #002a4c;
  border: 1px solid #00203a;
  font-size: 1rem;
  font-weight: 600;
  padding: .5rem 1rem;
  transition: .4s
}
.btn-events:active, .btn-events:focus, .btn-events:hover {
  color: #fff;
  background-color: #0091b8;
  border: 1px solid #017a9a;
  background-position: 0 0
}
.campus-wrapper {
  padding: 1rem 0 2rem;
  position: relative;
  background-color: #f2f2f2
}
.campus-text-wrapper {
  padding: 2rem .25rem 1rem;
  background-color: #002b4e
}
.campus-text-wrapper h2 {
  font-size: 3rem;
  font-weight: 900;
  line-height: .9;
  color: #fff;
  margin-bottom: 0;
  text-transform: uppercase
}
.footer-wrapper h2, .footer-wrapper h3 {
  color: #fff !important;
  line-height: 1;
  font-family: Kanit, sans-serif
}
.giving-wrapper {
  padding: 2rem 0;
  background-color: #017fa2;
  color: #fff;
  font-size: 1.25rem;
  font-weight: 600;
  text-align: center
}
.btn-giving {
  color: #fff;
  border: 3px solid #fff;
  font-weight: 700;
  font-size: 1.5rem;
  padding: 1rem;
  margin-top: 2rem;
  transition: .4s
}
.btn-footer-cta:focus, .btn-footer-cta:hover, .btn-giving:focus, .btn-giving:hover {
  color: #017fa2;
  background-color: #fff;
  border: 1px solid #fff;
  text-decoration: none;
  background-position: 0 0
}
.footer-wrapper {
  background-color: #003054;
  color: #fff;
  padding: 4rem 0 2rem;
  font-size: 1.2rem
}
.copyright, .copyright-wrapper {
  background-color: #0b2336
}
.footer-wrapper h2 {
  font-size: 3.25rem
}
.footer-wrapper h3 {
  font-size: 1.5rem;
  margin-bottom: 2rem;
  border-top: 1px solid #fff;
  padding-top: 2rem
}
#main-text .visitcampus-h2, .mission-wrapper h2 {
  font-family: Merriweather, serif;
  font-weight: 800;
  text-transform: uppercase
}
.contact-links li, .social-nav .nav-link {
  padding: .5rem 1rem;
  color: #fff;
  display: block
}
.contact-links li {
  margin: 0;
  text-decoration: none
}
.alumni-event, .local-mainlinks, .social-wrapper {
  margin: 2rem 0
}
.social-nav .nav-link {
  font-size: 1.5rem
}
.social-nav .nav-link:active, .social-nav .nav-link:focus, .social-nav .nav-link:hover {
  color: #01afdf
}
.footer-links .nav-link {
  color: #fff;
  text-align: center;
  padding: .75rem 1rem;
  text-transform: uppercase;
  font-weight: 600;
  font-size: .9rem;
  border: 2px solid;
  margin: .5rem;
  -webkit-transition: .4s;
  -moz-transition: .4s;
  transition: .4s;
  background-size: 100% 200%;
  background-position: 0 -100%
}
.copyright, .copyright-links .nav-link {
  font-size: .8rem;
  color: #fff;
  text-align: center
}
.footer-links .nav-link:active, .footer-links .nav-link:focus, .footer-links .nav-link:hover {
  color: #003054;
  background-color: #fff;
  text-decoration: none;
  background-position: 0 0
}
.copyright-wrapper {
  color: #fff;
  padding: 1rem 0
}
.copyright-links .nav-link {
  padding: 1rem .25rem;
  font-weight: 500;
  margin: .25rem
}
.title {
  color: #fff;
  font-size: 2.5rem
}
.intro-text {
  font-size: 1.55rem;
  font-weight: 400;
  color: #003c69;
  margin: 2rem auto;
  text-align: center
}
#main-text .visitcampus-h2 {
  text-align: center;
  font-size: 3rem;
  margin: 1rem 0 2rem;
  line-height: .9
}
#main-text .touroption {
  margin: 0 auto 2rem;
  border-bottom: 1px solid #ccc;
  padding: 0
}
#main-text .touroption .tourimage img, #main-text .touroptionplain .tourimage img {
  width: 100%;
  height: auto;
  margin: 0 auto 1rem;
  box-shadow: 0 -1px 5px rgba(0, 0, 0, .5), 0 1px 5px rgba(0, 0, 0, .7)
}
#main-text .touroption h3, #main-text .touroptionplain h3 {
  font-size: 1.6rem;
  color: #003c69;
  margin: 0;
  text-transform: capitalize
}
#main-text .tourdesc p, #main-text .touroptionplain p {
  margin: 0 auto 2rem
}
#main-text .touroption .btn-blue-outline, #main-text .touroptionplain .btn-blue-outline {
  padding: .75rem .5rem
}
.visit-resources-links .nav-link {
  color: #fff !important;
  border: 2px solid;
  padding: .75rem 1.25rem;
  font-size: 1.1rem;
  font-weight: 600;
  text-align: center;
  background-color: #002a4c;
  margin: .25rem 0
}
.visit-resources-links .nav-link:active, .visit-resources-links .nav-link:focus, .visit-resources-links .nav-link:hover {
  color: #fff !important;
  background-color: #029dc6
}
.page-item.active .page-link, .pagination .page-link:active, .pagination .page-link:focus, .pagination .page-link:hover {
  background-color: #003c69;
  color: #fff !important
}
.page-item.active .page-link {
  border-color: #002e51
}
.page-link {
  padding: .5rem 1rem;
  color: #003c69 !important
}
.directory-person .directory-name {
  color: #003c69;
  margin-bottom: 0 !important;
  font-size: 1.5rem;
  font-weight: 600
}
.directory-person .directory-education {
  color: #003c69;
  margin-bottom: 0 !important;
  font-size: 1.25rem;
  font-weight: 600
}
.directory-image img {
  width: 100%;
  height: auto
}
#main-text .vwuaccordian .card-header a {
  color: #023056 !important;
  display: block;
  text-decoration: none;
  padding: 1.5rem 1.25rem .5rem .5rem
}
#main-text .vwuaccordian .card-header a:not(.collapsed) {
  background-color: #023056
}
#main-text .vwuaccordian .card-header a:not(.collapsed) h2, #main-text .vwuaccordian .card-header a:not(.collapsed) h3, table.directory-table th {
  color: #fff !important
}
#main-text .vwuaccordian .card-header a:active h2, #main-text .vwuaccordian .card-header a:focus h2, #main-text .vwuaccordian .card-header a:hover h2 {
  text-decoration: none;
  color: #16a7cd
}
#main-text .vwuaccordian .card {
  position: relative;
  flex-direction: column;
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, .125);
  border-radius: 0;
  border-width: 0 0 1px
}
#main-text .vwuaccordian .card-header {
  background-color: #fff;
  border: none;
  padding: .5rem 0
}
#main-text .vwuaccordian .card-body, .fa-stat {
  padding: 1rem 2rem
}
#main-text .vwuaccordian .card-header h2, #main-text .vwuaccordian .card-header h3, #main-text .vwuaccordian .card-header h4 {
  margin: 0;
  font-size: 1.45rem;
  color: #003c69;
  text-transform: none
}
#main-text .vwuaccordian [data-bs-toggle=collapse] .card-header h2 a:after, #main-text .vwuaccordian [data-bs-toggle=collapse] h2:after, #main-text .vwuaccordian [data-bs-toggle=collapse] h3:after {
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  content: "\2b";
  float: right;
  font-size: 1.5rem;
  transition: .25s linear;
  transform: rotate(45deg);
  display: inline-block
}
#main-text .vwuaccordian [data-bs-toggle=collapse].collapsed .card-header h2 a:after, #main-text .vwuaccordian [data-bs-toggle=collapse].collapsed h2:after, #main-text .vwuaccordian [data-bs-toggle=collapse].collapsed h3:after {
  transform: rotate(0)
}
#main-text .vwuaccordian .card .card .card .card-header {
  background-color: #7f939f
}
#main-text .section-headArts {
  font-size: 3rem;
  margin: 0 0 1rem;
  text-transform: uppercase;
  color: #003c69;
  line-height: 1
}
#main-text h3.card-title {
  margin: 2rem 0 1rem;
  font-size: 2rem;
  line-height: 1
}
.artsect + .artsect {
  margin-top: 3rem;
  margin-bottom: 3rem
}
.artsect + .row, .con-wrapper .card .card-text, .health-wrapper .card .card-text, .session-wrapper .card .card-text {
  margin-bottom: 0
}
.arts-events {
  border-top: 3px solid #003c69;
  padding: 2rem 1.5rem;
  border-bottom: 3px solid #003c69
}
.arts-events h2 {
  font-size: 2.25rem;
  margin: 0 auto 3rem
}
.btn-arts {
  background-color: #fff;
  border-color: #003c69;
  color: #003c69;
  border-width: 2px
}
.btn.btn-arts:active, .btn.btn-arts:focus, .btn.btn-arts:hover {
  background-color: #003c69;
  color: #fff
}
.text-right {
  text-align: right !important
}
.header {
  font-family: Kanit, sans-serif;
  font-weight: 500;
  font-size: 1.75rem;
  color: #003c69
}
.newlink::after {
  display: inline-block;
  content: "";
  width: 55px;
  height: 25px;
  background: url('/img/global/new.png') center center/cover no-repeat
}
#main-text .box-blue, #main-text .box-blue a, #main-text a.blue-link, #main-text a.bluelink, #main-text a.bluelink.nounderline, #notification-div.alert_message a {
  color: #003c69;
  text-decoration: none
}
.sidemenu .nav-link.cta {
  color: #cb4f0d
}
.sidemenu .nav-link.cta.active, .sidemenu .nav-link.cta:active, .sidemenu .nav-link.cta:focus, .sidemenu .nav-link.cta:hover {
  color: #b34409 !important
}
.callout {
  padding: 2rem 1rem;
  color: #fff
}
.callout .head {
  font-size: 2.5rem;
  color: #fff;
  line-height: 1
}
.callout-1 {
  background-color: #003c69
}
.callout-1 .btn-white {
  background-color: #fff;
  border: 1px solid #001628;
  color: #003c69 !important
}
.callout-2 {
  background-color: #b65201
}
.callout-2 .btn-white {
  background-color: #fff;
  border: 1px solid #873c00;
  color: #b65201 !important
}
.table > :not(:first-child) {
  border-top: 1px solid #dedede
}
.table-borderless {
    border: none!important;
}
#majorsTabContent {
  margin-top: 4rem
}
#majorsTabContent h2, .alumnievents-wrapper p {
  margin: 0 !important
}
#majorsTabContent .accordion-button {
  color: #fff;
  background-color: #003c69;
  box-shadow: none;
  font-size: 1.25rem;
  text-transform: uppercase;
  padding: 1.5rem 1.25rem
}
#majorsTabContent .accordion-button:not(.collapsed) {
  color: #fff;
  background-color: #0091b8;
  box-shadow: none;
  text-transform: uppercase
}
#majorsTabContent .accordion-button::after {
  background-image: none;
  content: "\f078";
  font-family: FontAwesome;
  color: #fff
}
#majorsTabContent .accordion-button:not(.collapsed)::after {
  background-image: none;
  transform: rotate(-180deg)
}
#majorsTabContent .accordion-item:first-of-type .accordion-button {
  border-top-left-radius: 0;
  border-top-right-radius: 0
}
#notification-div {
  text-align: center;
  padding: 1rem 1.25rem;
  font-size: 1.15rem;
  font-family: 'Open Sans', sans-serif
}
#notification-div i {
  font-size: 1.75rem;
  margin-right: 1.25rem
}
#notification-div p {
  margin: 0;
  font-weight: 600;
  /*font-family: Amaranth, sans-serif;*/
  font-size: 1.15rem;
      font-family: 'Open Sans', sans-serif;
}
#notification-div .btn {
  padding: .25rem .5rem;
  font-size: .875rem;
  border-radius: .2rem;
  margin-top: .5rem;
  font-family: 'Open Sans', sans-serif
}
.alert_message {
  background-color: #e3f8ff;
  color: #003c69
}
.emergency_message {
  background-color: #ffd5d5;
  color: #903333
}
#notification-div.emergency_message a {
  color: #903333;
  font-size: 1.15rem;
  text-decoration: none
}
.warning_message {
  background-color: #faf3d1;
  color: #7b6f1e
}
#notification-div.warning_message a {
  color: #7b6f1e;
  font-size: 1.25rem;
  text-decoration: none
}
#main-text a.major-collapse.collapsed {
  text-decoration: none;
  color: #fff;
  background-color: #003c69;
  display: block;
  padding: .9rem .5rem;
  font-weight: 400
}
#main-text a.major-collapse, #main-text a.major-collapse.collapsed:hover, #main-text a.major-collapse:active, #main-text a.major-collapse:focus {
  background-color: #0091b8;
  color: #fff;
  text-decoration: none
}
#main-text a.major-collapse {
  display: block;
  padding: .9rem .5rem;
  font-size: 1.3rem;
  font-weight: 400
}
#main-text .faux-accordian .card h2, #main-text .faux-accordian .card + h2 {
  margin: 0;
  font-size: 1.5rem
}
#main-text .faux-accordian .card h3, #main-text .faux-accordian .card + h3 {
  font-size: 1.3rem;
  margin: 0
}
#main-text .faux-accordian .card h4, #main-text .faux-accordian .card + h4 {
  font-size: 1.1rem;
  margin: 0
}
#accordionVWU h2.accordion-header, #accordionVWU h3.accordion-header, #accordionVWUBlue h2.accordion-header, #accordionVWUBlue h3.accordion-header, #main-text .directory-listing .job-email, #main-text .directory-listing .job-office, #main-text .directory-listing .job-phone, #main-text .faux-accordian h2:first-child, .about-second-wrapper .about-img-wrap a, .experiential-wrapper .exp-img-wrap a, .session-img-wrap a, main-text .faux-accordian h3:first-child {
  margin: 0
}
#main-text .faux-accordian .collapse, #main-text .faux-accordian .collapsing {
  padding: 1rem .5rem
}
.table-lg > :not(caption) > * > * {
  padding: 1rem .75rem
}
.donor-list ol li, .donor-list ul li {
  padding: .5rem 0 !important
}
.form-select-lg {
  padding-top: .75rem;
  padding-bottom: .75rem
}
.dropdown-menu > .active > a, .dropdown-menu > .active > a:focus, .dropdown-menu > .active > a:hover {
  color: #fff !important;
  text-decoration: none;
  outline: 0;
  background-color: #0091b8
}
#shareBtns {
  margin: .25rem 0 2rem .5rem
}
#main-text .story-title {
  font-size: 2.5rem !important;
  font-weight: 600;
  margin-top: 0 !important
}
.facebook-dept, .instagram-dept, .snapchat-dept, .twitter-dept, .youtube-dept {
	width: 35px;
	height: 35px;
	margin: 0 5px;
	display: block
}
.facebook-dept {
	background-image: url(/img/social-icons/facebook-dept.jpg)
}
.twitter-dept {
	background-image: url(/img/social-icons/twitter-dept.jpg)
}
.youtube-dept {
	background-image: url(/img/social-icons/youtube-dept.jpg)
}
.instagram-dept {
	background-image: url(/img/social-icons/instagram-dept.jpg)
}
.snapchat-dept {
	background-image: url(/img/social-icons/snapchat-dept.jpg)
}
@media (min-width:375px) {
  .event-wrapper, .site-logo {
    margin: .5rem 0
  }
  .mainnav-trigger, .search-trigger {
    width: 80px;
    padding: 2rem 0 !important;
    font-size: .9rem !important
  }
  .offcanvas-menu, .offcanvas-search {
    top: 0
  }
  .video-btn {
    font-size: .9rem;
    padding: .5rem .35rem
  }
  .event-day, .events-wrapper h2, .fa-wrapper h2, .news-wrapper h2, .programs-wrapper h2, .why-wrapper h2, .why-wrapper2 h2 {
    font-size: 3rem
  }
  .event-wrapper {
    display: flex;
    min-height: 100px
  }
  .date-wrapper {
    background-color: #002b4e;
    color: #fff;
    text-align: center;
    min-width: 90px;
    line-height: 1;
    padding: .5rem .25rem;
    min-height: auto;
    flex-direction: column;
    width: auto;
    height: auto;
    border-bottom: none
  }
  .event-day {
    font-weight: 900
  }
  .event-description, .fauxlead {
    color: #002a4c;
    font-weight: 600
  }
  .event-description {
    margin-left: .5rem;
    padding: 0
  }
  .news-wrapper h3 {
    font-size: 2.5rem
  }
  .briefs-wrapper h3 {
    font-size: 3rem;
    text-transform: uppercase
  }
  .prospective-menu-cta .nav-link {
    margin: .75rem .35rem;
    padding: .75rem 1rem;
    font-size: .95rem
  }
  .fauxlead {
    font-size: 1.4rem
  }
}
@media (min-width:768px) {
  .campus-text-wrapper h2, .enrollments-cta-wrapper h2, .events-wrapper h2, .fa-wrapper h2, .news-wrapper h2, .programs-wrapper h2, .video-title {
    font-size: 3.25rem
  }
  .video-text {
    font-size: 2.15rem
  }
  .video-messaging {
    bottom: 2rem
  }
  .video-btn {
    font-size: .9rem;
    padding: .5rem 1.25rem
  }
  #shareBtns {
    float: right;
    margin: .25rem 0 2rem .5rem;
    border-left: 1px solid #ccc;
    padding: 0 1rem 1rem
  }
  .section-headArts {
    margin: 0 0 5rem
  }
  .lead {
    margin-bottom: 1rem;
    color: #fff;
    border: none;
    padding-bottom: 0
  }
  .header-wrapper {
    position: relative;
    background: #002a4c
  }
  .site-logo {
    max-width: 90%;
    padding-left: .5rem;
    margin-top: .5rem
  }
  .mainnav-trigger, .search-trigger {
    padding: 1.8rem 0 !important;
    width: 75px;
    color: #fff;
    border: none
  }
  .offcanvas-menu, .offcanvas-search {
    top: 0
  }
  .main-nav, .offcanvas-header {
    padding: 1rem
  }
  .offcanvas-menu .btn-close, .offcanvas-search .btn-close {
    position: relative;
    top: 0;
    right: 0
  }
  .logo-menu {
    max-width: 200px
  }
  .main-menu-wrap {
    padding-top: 2rem
  }
  .prospective-cta .nav-link {
    font-weight: 700;
    color: #fff;
    margin: 0 .2rem;
    padding: 0 .2rem;
    font-size: .85rem;
    border: none
  }
  .prospective-cta .nav-link:active, .prospective-cta .nav-link:focus, .prospective-cta .nav-link:hover {
    color: #29d1ff
  }
  .prospective-menu-cta .nav-link {
    font-weight: 700;
    color: #fff;
    margin: 0 .5rem;
    padding: 0 .5rem;
    font-size: .85rem;
    border: none
  }
  .mainnav-section .nav-link.nav-accordion-button {
    font-size: 2.25rem;
    padding: 2rem 0 .5rem
  }
  .quicklinks {
    padding: 2rem 1.5rem;
    border: 5px solid #0091b8;
    margin-top: 1rem
  }
  .nav-section-head {
    font-size: 2.5rem;
    text-align: center
  }
  .secondary-nav-section .nav-link {
    color: #fff;
    font-weight: 400;
    font-size: 1.3rem;
    margin: 1rem .5rem;
    padding: .25rem 0;
    text-transform: uppercase;
    font-family: Kanit, sans-serif;
    border-bottom: 10px solid #003c69
  }
  .video-wrapper .overlay {
    background-image: linear-gradient(180deg, rgba(0, 0, 0, .8) 0, rgba(0, 0, 0, .298739564185049) 30%, rgba(0, 0, 0, 0) 70%, rgba(0, 0, 0, .8) 100%)
  }
  .main-video {
    object-fit: cover
  }
  .btn-video-controls {
    top: auto;
    right: 1rem;
    font-size: 2rem;
    bottom: .25rem;
    position: absolute;
    color: #fff;
    cursor: pointer;
    z-index: 12;
    transition: transform .2s, scale .5s;
    opacity: .5
  }
  .const-wrapper {
    background-color: #002a4c;
    padding: 0;
    margin: 0;
    border-bottom: 10px solid #001d35
  }
  .stat-front, .stat-front2 {
    font-size: 1rem;
    font-weight: 500;
    text-shadow: none;
    margin-bottom: 1rem
  }
  .constituent-nav .nav-item {
    width: auto
  }
  .constituent-nav .nav-link {
    border-left: 1px solid #001e34;
    padding: 1.25rem 1.4rem;
    margin: 0;
    height: auto;
    background-color: #002a4c;
    border-bottom: none;
    border-right: none;
    border-top: none;
    font-size: 1.1rem
  }
  .constituent-nav .nav-link:not(:last-child), .news-wrapper .card .card-body {
    padding: 1rem 0
  }
  .constituent-nav .nav-link:active, .constituent-nav .nav-link:focus, .constituent-nav .nav-link:hover {
    background-color: #0091b9;
    text-decoration: none
  }
  .constituent-nav .nav-item:first-of-type .nav-link:first-child {
    border-left: 0
  }
  .constituent-nav .nav-item:last-of-type .nav-link:first-child {
    border-right: 0
  }
  .why-wrapper {
    padding: 3rem 0;
    background-color: #ededed
  }
  .why-wrapperWhite {
    padding: 3rem 0;
    background-color: #fff
  }
  .why-wrapper2 {
    padding: 4rem 0 3rem
  }
  .why-wrapper h2, .why-wrapper2 h2 {
    font-size: 3rem;
    margin-bottom: 3rem
  }
  .why-wrapper h2 .lrg-text, .why-wrapper2 h2 .lrg-text {
    font-size: 4rem
  }
  .events-wrapper h2 .lrg-text, .news-wrapper h2 .lrg-text {
    font-size: 3.25rem;
    display: inline-block
  }
  .stat .stat-num {
    font-size: 5rem
  }
  #main-text .visitcampus-h2, .briefs-wrapper h3, .stat2 .stat-num {
    font-size: 3.5rem
  }
  .stat-front {
    min-height: 130px
  }
  .stat-front2 {
    min-height: 100px
  }
  .btn-why, .btn-why2 {
    padding: .5rem .75rem;
    width: 85%;
    font-size: .8rem
  }
  .programs-wrapper {
    padding: 3rem 0 6rem
  }
  .campus-text-wrapper .lrg-text, .fa-wrapper .lrg-text, .programs-wrapper .lrg-text {
    font-size: 4.25rem
  }
  .programs-selections .nav-link {
    font-size: 1rem
  }
  .programs-wrapper .spotlight-wrapper {
    margin-top: 3.5rem
  }
  .programs-wrapper .spotlight {
    font-size: 3rem
  }
  .fahome-mainlinks {
    margin: 2rem 0
  }
  .fahome-mainlinks .nav-link {
    padding: 1rem 1.25rem;
    font-weight: 600;
    margin: 1rem;
    width: 40vw
  }
  .enrollments-cta-wrapper {
    background-image: url("/img/home/becomemarlin.webp");
    background-position: center center;
    padding: 2rem 0 3rem
  }
  .enrollments-cta-wrapper a {
    color: #fff;
    font-size: 1.25rem;
    text-decoration: none;
    display: block;
    padding: 1rem;
    margin: 0 .5rem;
    border: 2px solid;
    background-color: rgba(0, 42, 76, .8);
    width: 33%
  }
  .enrollments-cta-wrapper h2 {
    margin: 1rem 0 3rem
  }
  .fa-wrapper {
    padding: 7rem 2rem 2rem
  }
  .fa-wrapper .fa-subheading {
    font-size: 2rem
  }
  .news-wrapper {
    padding: 4rem 0 1.5rem
  }
  .news-wrapper h2 .lrg-text {
    text-transform: uppercase;
    line-height: .8
  }
  .news-wrapper .all-features {
    padding: .5rem .75rem;
    font-weight: 600
  }
  .news-wrapper h3.pres-h3 {
    margin-top: 4rem
  }
  .briefs-slider .nav-link {
    color: #fff;
    text-decoration: none;
    font-size: 1.2rem;
    padding: .25rem 1rem;
    line-height: 1.4;
    text-align: left;
    min-height: 110px;
    margin: 1.5rem 1rem 1rem 0;
    border-bottom: none;
    border-left: 3px solid #fff
  }
  .briefs-slider .nav-link:active, .briefs-slider .nav-link:focus, .briefs-slider .nav-link:hover {
    color: #02a3d0;
    text-decoration: none;
    border-color: #02a3d0
  }
  .briefs-slider .nav-link:active .briefs-date, .briefs-slider .nav-link:focus .briefs-date, .briefs-slider .nav-link:hover .briefs-date {
    text-decoration: none
  }
  .event-wrapper {
    padding: 2rem .5rem 1rem
  }
  .giving-wrapper {
    text-align: left
  }
  .giving-wrapper p {
    margin-top: 2rem
  }
  .footer-wrapper h2 {
    font-size: 2.7rem
  }
  .feature-link {
    color: #002a4c
  }
  .news-wrapper .feature-wrapper {
    box-shadow: none;
    background-color: transparent;
    color: #002a4c;
    padding: 0
  }
  .news-wrapper .card {
    background-color: transparent
  }
  .image-wrapper {
    overflow: hidden;
    box-shadow: 0 -1px 5px rgba(0, 0, 0, .5), 0 1px 5px rgba(0, 0, 0, .7)
  }
}
@media (min-width:992px) {
  .news-wrapper h2 .lrg-text, .video-text {
    margin-bottom: 3rem
  }
  .video-title {
    font-size: 4.5rem
  }
  .mainnav-section .nav-link.nav-accordion-button.collapsed::after, .mainnav-section .nav-link.nav-accordion-button::after, .video-text {
    font-size: 2rem
  }
  .video-btn {
    font-size: .9rem;
    padding: .75rem 1.5rem
  }
  #main-text h3.card-title, .artsect .card-title {
    margin: 0 0 .5rem
  }
  .side-menu-wrapper {
    padding-bottom: 4rem
  }
  .header-wrapper .container {
    max-width: 960px
  }
  .mainnav-trigger, .search-trigger {
    padding: 1.5rem 0 !important;
    width: 90px
  }
  .offcanvas-menu, .offcanvas-search {
    top: 0
  }
  .fahome-mainlinks .nav-link, .main-nav, .main-nav-right {
    padding: 1rem
  }
  .quicklinks {
    padding: 3rem 3rem 5rem;
    border: 1px solid #0091b8;
    margin-top: 0
  }
  .main-navbar {
    padding-top: 2rem
  }
  .form-control.global-search {
    padding: .75rem .5rem .25rem .75rem;
    font-size: 1.5rem
  }
  .btn.btn-search {
    right: 0;
    bottom: 0;
    font-size: 1.75rem;
    width: 60px;
    height: 60px;
    border: 1px solid #001a2f;
    z-index: 9
  }
  .mainnav-section .nav-link.nav-accordion-button {
    font-size: 2.5rem;
    padding: 2rem 0 .5rem;
    outline: 0
  }
  .secondary-nav-section .nav-link {
    font-size: 1.3rem;
    margin: .5rem 2rem;
    padding: .5rem .25rem;
    text-transform: uppercase;
    border-bottom: 10px solid #003c69
  }
  .prospective-cta .nav, .prospective-menu-cta .nav {
    margin-right: 1.5rem
  }
  .prospective-cta .nav-link, .prospective-menu-cta .nav-link {
    font-weight: 600;
    color: #fff;
    margin: 0 .25rem;
    padding: 0 .75rem;
    font-size: 1rem
  }
  .main-video {
    max-height: 550px
  }
  .constituent-nav .nav-link {
    padding: 1.5rem 2.5rem;
    font-size: 1.2rem
  }
  .btn-why, .btn-why2 {
    padding: .5rem 1rem;
    width: 90%
  }
  .programs-wrapper {
    padding: 4rem 1rem 6rem
  }
  .programs-selections .nav-item {
    width: auto
  }
  .news-wrapper h3.pres-h3, .programs-wrapper .spotlight-wrapper {
    margin-top: 0
  }
  .campus-text-wrapper h2, .events-wrapper h2, .news-wrapper h2, .programs-wrapper h2 {
    font-size: 4rem
  }
  .fa-wrapper {
    margin-top: -10rem;
    padding: 3rem 2rem
  }
  .fa-wrapper h2 {
    text-align: left;
    font-size: 3rem
  }
  .fa-wrapper .fa-subheading {
    font-size: 1.8rem;
    text-align: left
  }
  .campus-text-wrapper .lrg-text, .events-wrapper h2 .lrg-text, .news-wrapper h2 .lrg-text {
    font-size: 4rem;
    display: inline-block
  }
  .news-wrapper h3 {
    font-size: 2rem;
    margin-bottom: 1.5rem
  }
  .footer-wrapper h3, .news-wrapper h2 {
    margin-bottom: 1rem
  }
  .news-wrapper .card {
    min-height: 415px
  }
  .news-wrapper .card .card-body {
    padding: 1rem 0;
    position: relative
  }

  .btn-feature {
    position: absolute;
    bottom: 9px;
    right: 0;
    left: 0;
    width: 50%;
    margin: 0 auto
  }
  .news-wrapper .all-features {
    padding: .25rem .5rem;
    font-weight: 600;
    position: absolute;
    top: -5px;
    left: 190px
  }
  .briefs-slider .nav-link {
    min-height: 90px
  }
  .campus-text-wrapper {
    padding: 2rem .25rem;
    background-color: #002b4e
  }
  .footer-wrapper h3 {
    border-top: none;
    padding-top: 0;
    font-size: 2.5rem
  }
  .footer-contact-wrapper {
    padding-left: 2rem
  }
  .footer-links .nav-link {
    color: #fff;
    text-align: left;
    padding: .25rem 0;
    text-transform: capitalize;
    font-weight: 500;
    font-size: 1.2rem;
    border: none;
    margin: 0;
    -webkit-transition: .4s;
    -moz-transition: .4s;
    transition: none;
    background-size: 100% 200%;
    background-position: 0 -100%;
    background-image: none;
    display: inline-block
  }
  .footer-links .nav-link:active, .footer-links .nav-link:focus, .footer-links .nav-link:hover {
    color: #fff;
    background-color: transparent;
    text-decoration: underline;
    background-position: 0 0
  }
  .social-nav .nav-link {
    display: block;
    padding: .5rem;
    color: #fff;
    font-size: 1.75rem;
    margin: 0 .5rem;
    border-radius: .5rem;
    width: 65px;
    height: 65px;
    text-align: center
  }
  .footer-wrapper h2, .programs-wrapper .spotlight {
    font-size: 2.5rem
  }
  .news-wrapper .feature-wrapper {
    margin-bottom: 0
  }
  #main-text .section-headArts {
    margin: 0 0 3rem
  }
  .dbn-wrapper {
    background: url(/img/home/m-dbn.png) left center no-repeat #f4f4f4;
    padding: 2rem 0 1rem
  }
}
@media (min-width:1200px) {
  .form-control.global-search {
    padding: 1.25rem .5rem .5rem .75rem;
    font-size: 1.85rem
  }
  .btn.btn-search {
    width: 72px;
    height: 72px;
    font-size: 2rem
  }
  .main-nav-right {
    padding: 1rem 0 1rem 1rem
  }
  .quicklinks {
    padding: 1.5rem
  }
  #button-search {
    right: 0;
    bottom: 0;
    font-size: 2rem;
    width: 70px;
    height: 70px;
    border: 1px solid #001a2f;
    z-index: 9
  }
  .secondary-nav-section .nav-link {
    font-size: 1.3rem;
    margin: .5rem .25rem;
    padding: .5rem .25rem;
    text-transform: uppercase;
    border-bottom: 10px solid #003c69
  }
  .main-nav {
    padding: 1rem
  }
  .video-title {
    font-size: 5.5rem
  }
  .video-text {
    font-size: 2.5rem
  }
  .site-logo {
    max-width: 100%;
    padding-left: 0
  }
  .prospective-cta .nav-link, .prospective-menu-cta .nav-link {
    font-size: 1.05rem
  }
  .header-wrapper .container {
    max-width: 1140px
  }
  .main-video {
    max-height: 530px
  }
  .constituent-nav .nav-link {
    padding: 1.5rem;
    width: 275px;
    font-size: 1.1rem
  }
  .fa-wrapper h2, .why-wrapper h2, .why-wrapper2 h2 {
    font-size: 3.5rem
  }
  .stat2 .stat-num {
    font-size: 3rem
  }
  .programs-inner-wrapper {
    padding: 0 1rem
  }
  .briefs-wrapper, .events-wrapper {
    padding: 3rem 1rem
  }
  .programs-wrapper .spotlight-wrapper {
    margin-right: 2rem
  }
  .news-wrapper h2, .programs-wrapper h2 {
    font-size: 4rem
  }
  .fa-wrapper .lrg-text, .programs-wrapper .lrg-text {
    font-size: 4.5rem
  }
  .programs-selections .nav-link {
    padding: .75rem .5rem;
    font-size: .85rem;
    margin: .5rem .75rem
  }
  .fa-wrapper {
    margin-top: -11rem
  }
  .news-wrapper h3 {
    font-size: 2.225rem
  }
  .news-wrapper .card {
    min-height: 375px
  }
  .briefs-wrapper {
    background: #002a4c;
    position: relative
  }
  .briefs-wrapper h3 {
    font-size: 3.5rem;
    margin-top: 2rem
  }
  .campus-text-wrapper h2, .events-wrapper h2 {
    text-align: center;
    font-size: 4rem
  }
  .briefs-wrapper .all-features {
    position: absolute;
    left: 4%;
    right: auto;
    bottom: 40px
  }
  .briefs-slider .nav-link {
    min-height: 120px
  }
  .events-wrapper h2 .lrg-text {
    display: inline-block;
    text-transform: uppercase;
    line-height: .9
  }
  .contact-links li {
    display: inline-block;
    margin: .25rem 0
  }
  .experiential-wrapper .container-fluid {
    max-width: 90%
  }
  .session-wrapper .container-fluid {
    max-width: 85%
  }

  #majorsTab.nav-tabs {
    border-bottom: none
  }
  #majorsTab.nav-tabs .nav-link {
    background: #003c69;
    border: 0;
    border-radius: 0;
    color: #fff;
    font-size: .85rem;
    margin: 0 1px;
    text-transform: uppercase;
    font-weight: 600;
    padding: .75rem .9rem
  }
  #majorsTab.nav-tabs .nav-item.show .nav-link, #majorsTab.nav-tabs .nav-link.active {
    color: #fff;
    background-color: #0091b8;
    border-color: transparent
  }
  #majorsTabContent {
    margin-top: 0
  }
  #majorsTabContent .accordion-item:first-of-type {
    border-top-left-radius: 0;
    border-top-right-radius: 0
  }
  #majorsTab li {
    padding: 0 !important
  }
  #majorsTabContent .accordion-item:not(:first-of-type) {
    border-top: 1px solid rgba(0, 0, 0, .125)
  }
  .dbn-wrapper {
    background: url(/img/home/m-dbn.png) left center/contain no-repeat, url(/img/home/m-dbn.png) right center/contain no-repeat #f4f4f4;
    padding: 2rem 0 1rem
  }
  .programs-wrapper .spotlight-subheading {
    font-size: 1.5rem;
    margin-bottom: .5rem
  }
}
@media (min-width:1300px) {
  .main-nav {
    padding: 1rem
  }
  .quicklinks {
    padding: 2rem
  }
  .container-fluid, .header-wrapper .container {
    max-width: 1280px
  }
  .main-video {
    max-height: 570px
  }
  .enrollments-cta-wrapper h2 {
    font-size: 3.5rem
  }
  .constituent-nav .nav-link {
    padding: 1.75rem 1.5rem;
    width: 300px
  }
  .fahome-mainlinks .nav-link {
    font-weight: 600;
    margin: 1rem .25rem;
    width: 22vw;
    padding: 1rem .25rem
  }
  .programs-selections .nav-link {
    padding: .75rem .6rem;
    font-size: .85rem
  }
  .dbn-wrapper {
    background: url(/img/home/m-dbn.png) left center/contain no-repeat, url(/img/home/m-dbn.png) right center/contain no-repeat #f4f4f4;
    padding: 2rem 0 1rem
  }
}
@media (min-width:1400px) {
  .container-fluid, .header-wrapper .container {
    max-width: 1320px
  }
  .main-video {
    max-height: 700px
  }
  .fa-wrapper {
    margin-top: -15rem;
    padding: 3rem 0 2rem
  }
  .feature-link {
    width: 100%
  }
  .fahome-mainlinks .nav-link {
    font-weight: 600;
    margin: 1rem .5rem;
    width: 18vw;
    padding: 1rem .25rem
  }
  .prospective-cta .nav-link, .prospective-menu-cta .nav-link {
    margin: 0 .25rem;
    padding: 1rem 1.25rem
  }
  #majorsTab.nav-tabs .nav-link {
    font-size: 1rem;
    padding: .75rem 1rem
  }
  .programs-selections .nav-link {
    padding: .75rem;
    margin: .75rem .25rem
  }
}
@media (min-width:1500px) {
  .container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl, .header-wrapper .container {
    max-width: 1400px
  }
  .main-video {
    max-height: 675px
  }
  .story-img {
    height: 275px
  }
  .news-wrapper .card {
    min-height: 450px
  }
  .experiential-wrapper .container-fluid, .section-intro .container-fluid {
    max-width: 85%
  }
  .session-wrapper .container-fluid {
    max-width: 80%
  }
  .ug-mainlinks .nav-link, .ug-sublinks .nav-link {
    width: 375px
  }
  #majorsTab.nav-tabs .nav-link {
    font-size: 1rem;
    padding: .75rem 1.25rem
  }
}
.about-wrapper {
  height: 200px;
  background: linear-gradient(0deg, rgba(0, 0, 0, .5) 0, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0) 60%, rgba(0, 0, 0, .6) 100%) 0 0/cover, url("/about/images/home/about-header.jpg") center/cover;
  position: relative;
  margin-bottom: 0
}
.banner-wrapper {
	height: 200px;
	position: relative;
	margin-bottom: 0;
}
.about-section-intro, .content-wrapper, .section-intro {
  padding: 2rem 0
}
.mission-wrapper {
  padding: 0 0 4rem;
  color: #002a4c;
  text-align: center;
  background-color: #ebebeb
}
.mission-wrapper h2 {
  text-align: center;
  font-size: 4rem;
  line-height: .8;
  margin: 2rem 0;
  color: #003054
}
h1.page-title-about, h1.page-title-ug {
  font-family: Kanit, sans-serif;
  font-size: 4.5rem;
  color: #fff;
  line-height: .7;
  font-weight: 500;
  letter-spacing: -2px;
  text-align: center;
  position: absolute;
  bottom: -8px;
  left: 0;
  right: 0;
  padding-top: .5rem;
  text-transform: uppercase
}
.university-wrapper {
  margin: 0;
  background-image: url("/about/images/home/university3.jpg");
  padding: 8rem 0 2rem;
  background-size: 100%;
  background-repeat: no-repeat
}
.enroll-cta-mainlinks, .university-mainlinks, hr {
  margin-top: 3rem
}
.our-university-wrapper {
  background: rgba(255, 255, 255, .8);
  padding: 2rem 1rem 1rem;
  box-shadow: rgba(0, 0, 0, .35) 0 5px 15px
}
.university-wrapper h2 {
  text-align: center;
  font-size: 4.5rem;
  line-height: .8;
  font-family: Merriweather, serif;
  text-transform: uppercase;
  font-weight: 800;
  margin: 0 0 2rem
}
.about-second-wrapper h2, .pres-wrapper h2, .wellness-wrapper h2 {
  line-height: .9;
  font-family: Merriweather, serif;
  text-transform: uppercase;
  font-weight: 800
}
.university-mainlinks .nav-link {
  color: #fff;
  padding: 1rem 1.25rem;
  background-color: #002a4c;
  font-size: 1rem;
  font-weight: 600;
  border: 2px solid #002a4c;
  position: relative;
  z-index: 1;
  text-transform: uppercase;
  text-align: center;
  margin: .5rem 0
}
.living-mainlinks .nav-link:active, .living-mainlinks .nav-link:focus, .living-mainlinks .nav-link:hover, .ug-mainlinks .nav-link:active, .ug-mainlinks .nav-link:focus, .ug-mainlinks .nav-link:hover, .university-mainlinks .nav-link:active, .university-mainlinks .nav-link:focus, .university-mainlinks .nav-link:hover {
  background-color: transparent;
  color: #002a4c;
  border: 2px solid #002a4c
}
#main-text .no-underlines p, .living-sublinks, .pres-wrapper .section-leadin, .sports-wrapper .section-leadin, .ug-sublinks, .university-sublinks, .visit-wrapper .section-leadin {
  margin: 1rem 0
}
.university-sublinks .nav-link {
  background-color: #0091b9;
  color: #fff;
  border: 2px solid #0091b9;
  font-size: .95rem;
  margin: 0 0 .25rem;
  padding: .75rem 1rem
}
.living-sublinks .nav-link:active, .living-sublinks .nav-link:focus, .living-sublinks .nav-link:hover, .university-sublinks .nav-link:active, .university-sublinks .nav-link:focus, .university-sublinks .nav-link:hover {
  background-color: transparent;
  color: #0091b9;
  border: 2px solid #0091b9
}
.pres-wrapper {
  color: #fff;
  position: relative;
  background-color: #002a4c;
  padding: 5rem 0
}
.pres-wrapper img, .visit-wrapper img {
  box-shadow: rgba(0, 0, 0, .3) 0 19px 38px, rgba(0, 0, 0, .22) 0 15px 12px
}
.pres-wrapper h2 {
  color: #fff;
  font-size: 2.8rem;
  margin-top: 1rem
}
.btn.btn-graduate {
  color: #fff;
  padding: .75rem;
  background-color: #002a4c;
  font-size: 1.1rem;
  font-weight: 700;
  border: 1px solid #fff;
  margin: 3rem .2rem
}
.acad-support-wrapper ul, .fa-links-wrapper ul, .news-arts-wrapper ul, .pres-sublinks, .sports-sublinks, .support-wrapper ul, .visit-sublinks {
  list-style-type: none;
  padding: 0
}
.pres-sublinks .nav-link, .visit-sublinks .nav-link {
  color: #fff;
  text-decoration: none;
  display: block;
  margin: 1rem 0 0;
  text-transform: uppercase;
  font-weight: 600;
  font-size: .95rem;
  border: 1px solid #0091b8;
  padding: 1rem;
  text-align: center
}
.pres-sublinks .nav-link:active, .pres-sublinks .nav-link:focus, .pres-sublinks .nav-link:hover, .schools-wrapper a:active, .schools-wrapper a:focus, .schools-wrapper a:hover, .sports-sublinks .nav-link:active, .sports-sublinks .nav-link:focus, .sports-sublinks .nav-link:hover, .visit-sublinks .nav-link:active, .visit-sublinks .nav-link:focus, .visit-sublinks .nav-link:hover {
  color: #fff;
  background-color: #0091b8;
  box-shadow: 0 10px 40px rgb(0 0 0, .8)
}
.about-second-wrapper, .finaid-wrapper, .wellness-wrapper {
  padding: 2rem 0 0;
  margin: 0;
  background-color: #002a4c;
  position: relative;
  background-image: url("/img/home/news3.png")
}
.about-second-wrapper h2, .wellness-wrapper h2 {
  font-size: 3rem;
  text-align: center;
  margin: 0 0 2rem
}
.about-learning, .activities-learning, .exp-learning, .involved-learning {
  position: relative;
  padding: 0;
  margin: 0 0 2.5rem
}
.about-second-wrapper a, .activities-wrapper a, .experiential-wrapper .exp-learning a, .wellness-wrapper a {
  color: #003054;
  font-size: 1.5rem;
  padding: 0;
  ;
  text-transform: uppercase;
  text-decoration: none;
  display: block;
  transition: color .5s
}
.about-second-wrapper a span, .activities-wrapper a span, .experiential-wrapper a span, .involved-wrapper a span, .wellness-wrapper a span {
  margin-left: .5rem;
  transition: margin .5s
}
.about-second-wrapper a:active span, .about-second-wrapper a:focus span, .about-second-wrapper a:hover span, .activities-wrapper a:active span, .activities-wrapper a:focus span, .activities-wrapper a:hover span, .experiential-wrapper a:active span, .experiential-wrapper a:focus span, .experiential-wrapper a:hover span, .involved-wrapper a:active span, .involved-wrapper a:focus span, .involved-wrapper a:hover span, .wellness-wrapper a:active span, .wellness-wrapper a:focus span, .wellness-wrapper a:hover span {
  margin-left: 1rem
}
.location-wrapper {
  background-image: url("/about/images/home/map4lg.png");
  background-size: 150%;
  background-position: top right 100%;
  background-repeat: no-repeat;
  padding-top: 90vw
}
.location-inner-wrapper {
  padding: 2rem 1rem;
  margin: 0;
  background-color: #002a4c;
  color: #fffffe
}
.location-inner-wrapper h2 {
  color: #fff;
  font-size: 2.8rem;
  line-height: .8;
  margin-bottom: 2rem;
  font-family: Merriweather, serif;
  text-transform: uppercase;
  font-weight: 800
}
.location-wrapper .btn-location {
  padding: 1rem;
  font-size: 1.1rem;
  font-weight: 600;
  color: #fff;
  border: 2px solid #fff;
  margin: .5rem 0
}
.location-wrapper .btn-location:active, .location-wrapper .btn-location:focus, .location-wrapper .btn-location:hover {
  color: #0091ba;
  border: 2px solid
}
.con-wrapper {
  padding: 2rem 0 0;
  background: url("/img/home/news3.png")
}
.con-wrapper h2, .visits-h2 {
  text-align: center;
  font-size: 2.5rem;
  margin: 0 0 2rem;
  line-height: .9;
  font-family: Merriweather, serif;
  text-transform: uppercase;
  font-weight: 800
}
.con-wrapper .card, .health-wrapper .card, .session-wrapper .card {
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: transparent;
  background-clip: border-box;
  border: none;
  border-radius: 0;
  margin-bottom: 4rem
}
.about-img-wrap, .activities-img-wrap, .con-img-wrap, .exp-img-wrap, .health-img-wrap, .wellness-img-wrap {
  position: relative;
  border: 5px solid #fff;
  z-index: 1
}
.about-img-wrap:after, .about-img-wrap:before, .activities-img-wrap:after, .activities-img-wrap:before, .con-img-wrap:after, .con-img-wrap:before, .const-img-wrap:after, .const-img-wrap:before, .exp-img-wrap:after, .exp-img-wrap:before, .health-img-wrap:after, .health-img-wrap:before, .involved-img-wrap::after, .involved-img-wrap::before, .session-img-wrap:after, .session-img-wrap:before, .wellness-img-wrap:after, .wellness-img-wrap:before {
  position: absolute;
  z-index: -1;
  content: ""
}
.involved-img-wrap, .session-img-wrap, .ug-mainlinks .nav-link {
  z-index: 1;
  position: relative
}
.about-img-wrap:before, .activities-img-wrap:before, .con-img-wrap:before, .const-img-wrap:before, .exp-img-wrap:before, .health-img-wrap:before, .involved-img-wrap::before, .session-img-wrap:before, .wellness-img-wrap:before {
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  -webkit-box-shadow: 0 -1px 5px rgba(0, 0, 0, .5), 0 1px 5px rgba(0, 0, 0, .7);
  -moz-box-shadow: 0 -1px 5px rgba(0, 0, 0, .5), 0 1px 5px rgba(0, 0, 0, .7);
  box-shadow: 0 -1px 5px rgba(0, 0, 0, .5), 0 1px 5px rgba(0, 0, 0, .7)
}
.con-wrapper .card .card-body, .health-wrapper .card .card-body, .session-wrapper .card .card-body {
  padding: .5rem
}
.con-wrapper .card .card-title {
  font-size: 1.5rem;
  margin: 1rem 0;
  line-height: .9;
  text-transform: uppercase
}
.con-wrapper .card a {
  border: 2px solid;
  padding: .5rem 1rem;
  line-height: 1.3;
  text-decoration: none;
  color: #003054;
  font-weight: 600;
  margin-top: 1rem;
  display: block;
  text-align: center;
  font-size: 1.2rem
}
.con-wrapper .card a:active, .con-wrapper .card a:focus, .con-wrapper .card a:hover, .session-wrapper .card-body a:active, .session-wrapper .card-body a:focus, .session-wrapper .card-body a:hover {
  color: #fff;
  border: 2px solid;
  background-color: #003054
}
.aboutstats-wrapper, .enrollstats-wrapper {
  padding: 1rem 0 2rem;
  background-color: #002a4c;
  color: #fff;
  text-align: center
}
.aboutstats-wrapper .stat-number {
  font-size: 3rem;
  font-family: Merriweather, serif;
  color: #fff;
  margin: 1rem 0 0;
  text-align: center;
  font-weight: 600
}
.acad-stats-wrapper .stat-numberGive {
	font-size: 2.25rem;
	font-family: Merriweather, serif;
	color: #fff;
	margin: 1rem 0 .75rem;
	text-align: center;
	font-weight: 600;
}
.aboutstats-wrapper .stat-info, .acad-stats-wrapper .stat-info, .clifestats .stat-info {
  font-size: 1rem;
  margin: -.75rem 0 0;
  color: #18bae4;
  font-weight: 700;
  line-height: 1.1;
  text-align: center
}
.btn-facts {
  text-align: center;
  color: #fff;
  text-transform: uppercase;
  font-size: 1.25rem;
  margin: 3rem 0 1rem;
  padding: .35rem .75rem;
  border: 2px solid;
  text-decoration: none;
  display: inline-block
}
.btn-facts:active, .btn-facts:focus, .btn-facts:hover {
  background-color: #fff;
  border: 2px solid #002a4c;
  color: #002a4c
}
.news-arts-wrapper {
  background-color: #e8e8e8;
  padding: 2rem 0;
  margin: 0
}
.news-arts-wrapper h2 {
  font-size: 2, 5rem;
  margin-top: 2rem;
  margin-bottom: 2rem;
  font-family: Merriweather, serif;
  text-transform: uppercase;
  font-weight: 800
}
.acad-support-wrapper li, .fa-links-wrapper li, .news-arts-wrapper li, .support-wrapper li {
  border-bottom: 1px solid rgba(196, 199, 198, .5)
}
.acad-support-wrapper a, .fa-links-wrapper a, .news-arts-wrapper ul li a, .support-wrapper a {
  color: #034073;
  margin: 0;
  display: block;
  text-decoration: none;
  font-size: 1.2rem;
  padding: 1.5rem 0 .5rem
}
.visit-block {
  background-color: #b25001;
  color: #fff;
  margin: 0 auto;
  text-align: center;
  padding: .75rem;
  width: 80%
}
.visit-block h3 {
  font-size: 3rem;
  color: #fff;
  line-height: .9;
  font-family: Kanit, sans-serif
}
.visit-block p {
  font-size: 1rem;
  margin: 0
}
.location-inner-wrapper h3 span.lg-text {
  font-size: 4.5rem
}
.exp-learning-text {
	padding: .75rem 0 .5rem;
}
@media (min-width:375px) {
  h1.page-title-about, h1.page-title-ug {
    font-size: 4.5rem
  }
  .university-wrapper {
    padding: 10.25rem 0 2rem
  }
  .about-second-wrapper h2 {
    font-size: 3.25rem
  }
  .con-wrapper h2, .visits-h2 {
    font-size: 2.5rem
  }
  .con-wrapper .card a {
    padding: 1rem 0
  }
  .news-arts-wrapper h2 {
    font-size: 2.25rem
  }
}
@media (min-width:414px) {
  .university-wrapper {
    padding: 11.5rem 0 2rem
  }
  .university-wrapper h2 {
    font-size: 4.5rem
  }
  .location-inner-wrapper h2, .pres-wrapper h2 {
    font-size: 3.25rem
  }
}
@media (min-width:576px) {
  .main-video {
    width: 100%;
    height: auto
  }
  .about-wrapper {
    height: 275px
  }
  h1.page-title-about, h1.page-title-ug {
    font-size: 6rem
  }
}
@media (min-width:768px) {
  .about-wrapper {
    height: 400px
  }
  h1.page-title-about, h1.page-title-ug {
    font-size: 8rem
  }
  .about-section-intro {
    padding: 2rem 0;
    background-color: #003054;
    color: #fff
  }
  .mission-wrapper h2 {
    font-size: 4rem;
    margin-top: 4rem
  }
  .university-wrapper {
    padding: 25rem 2rem 4rem;
    margin: 0
  }
  .our-university-wrapper {
    background: rgba(255, 255, 255, .8);
    padding: 2rem
  }
  .university-wrapper h2 {
    margin: 1rem;
    font-size: 5rem
  }
  .university-mainlinks .nav-link {
    color: #fff;
    padding: 1rem .5rem;
    background-color: #002a4c;
    font-size: 1rem;
    font-weight: 600;
    border: 2px solid #002a4c;
    position: relative;
    z-index: 1;
    text-transform: uppercase;
    text-align: center;
    margin: .5rem;
    width: 290px
  }
  .about-second-wrapper {
    padding: 4rem 0 0;
    margin: 0;
    background-color: #002a4c;
    position: relative;
    background-image: url("/img/home/news3.png")
  }
  .about-learning, .con-wrapper .card {
    position: relative;
    margin: 2rem auto
  }
  .about-second-wrapper h2, .location-inner-wrapper h2 {
    font-size: 3.75rem
  }
  .about-learning {
    width: 75%
  }
  .about-learning-text {
    padding: 0 .5rem
  }
  .about-second-wrapper a {
    margin: 1rem 0
  }
  .about-second-wrapper a span {
    margin-left: .5rem;
    transition: margin .5s
  }
  .about-second-wrapper a:active, .about-second-wrapper a:focus, .about-second-wrapper a:hover {
    color: #0091b9
  }
  .about-second-wrapper a:active span, .about-second-wrapper a:focus span, .about-second-wrapper a:hover span {
    margin-left: 1rem
  }
  .location-wrapper .btn-location {
    width: 44vw
  }
  .con-wrapper {
    background-color: #f2f2f2;
    padding: 3rem 0 0
  }
  .con-wrapper h2, .visits-h2 {
    text-align: center;
    font-size: 3.5rem;
    margin: 0 0 3rem
  }
  .con-wrapper .card {
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: transparent;
    background-clip: border-box;
    border: none;
    border-radius: 0
  }
  .con-wrapper .card a {
    text-decoration: none;
    color: #003054;
    border: 2px solid;
    padding: .5rem 1rem;
    font-weight: 600;
    margin-top: 1rem;
    display: inline-block;
    text-align: center
  }
  .news-arts-wrapper h2 {
    font-size: 2.2rem;
    margin-bottom: 2rem
  }
  .pres-wrapper {
    padding: 5rem 2rem
  }
  .pres-wrapper h2 {
    margin: 2rem 0;
    font-size: 3.75rem
  }
  .about-second-wrapper a, .con-wrapper .card .card-title {
    font-size: 1.75rem
  }
  .pres-sublinks .nav-item {
    width: auto
  }
  .pres-sublinks .nav-link {
    margin: 1rem .5rem;
    width: 38vw
  }
  .aboutstats-wrapper .stat-number {
    font-size: 3.5rem
  }
  .con-wrapper .card .card-text {
    margin-bottom: 0
  }
}
.health-wrapper .card-body a, .session-wrapper .card-body a {
  line-height: 1.3;
  text-decoration: none;
  color: #003054;
  margin-top: 1rem
}
@media (min-width:992px) {
  .about-wrapper {
    height: 400px
  }
  .pres-wrapper {
    padding: 3rem 1rem
  }
  .pres-sublinks .nav-link {
    height: 8vw;
    padding: 1.5rem .5rem 0;
    width: 21vw;
    margin: .25rem .5rem
  }
  .about-learning, .con-wrapper .card {
    width: auto
  }
  .about-second-wrapper h2 {
    font-size: 4rem
  }
  .con-wrapper h2, .visits-h2 {
    text-align: center;
    margin: 0 0 3rem
  }
  .about-second-wrapper a, .con-wrapper .card .card-title {
    font-size: 1.5rem
  }
  .location-wrapper {
    background-image: url("/about/images/home/map4lg.png");
    background-size: cover;
    background-position: top left -5vw;
    background-repeat: no-repeat;
    padding: 4rem 2rem
  }
  .university-wrapper {
    padding: 35rem 2rem 4rem
  }
  .university-wrapper h2 {
    font-size: 6rem
  }
  .pres-wrapper h2 {
    font-size: 4rem;
    margin: 0
  }
  .news-arts-wrapper {
    background-color: #e8e8e8;
    padding: 2rem;
    margin: 0
  }
  .news-arts-wrapper h2 {
    font-size: 2.5rem;
    margin-bottom: 2rem
  }
  .con-wrapper .card .card-text {
    margin-bottom: 0;
    min-height: 160px
  }
  .aboutstats-wrapper .stat-number {
    font-size: 3.7rem
  }
  .university-mainlinks .nav-link {
    width: 400px
  }
}
@media (min-width:1200px) {
  .university-wrapper {
    padding: 2rem 0;
    background-position: right -400px center;
    background-size: 100%;
    background-image: url("/about/images/home/university5.jpg")
  }
  .our-university-wrapper {
    box-shadow: 0 1px 1px rgba(0, 0, 0, .55), 0 2px 8px rgba(0, 0, 0, .55), inset 0 0 0 1px rgba(255, 255, 255, .1);
    background: #fff
  }
  .university-mainlinks .nav-link {
    width: 290px;
    padding: 1rem .75rem
  }
  .con-wrapper .container-fluid {
    width: 80%
  }
  .continuing-wrapper {
    background-color: #ccc;
    padding: 7rem 0 2rem;
    margin: -4rem 0 2rem;
    color: #fff
  }
  .about-second-wrapper a {
    font-size: 1.5rem
  }
  .pres-wrapper {
    padding: 5rem 1rem
  }
  .pres-wrapper h2 {
    font-size: 4rem;
    margin: 0
  }
  .pres-sublinks .nav-link {
    height: auto;
    padding: 1rem .5rem;
    width: 21vw;
    margin: .5rem
  }
  .location-wrapper .btn-location {
    width: 19vw
  }
  .location-wrapper {
    padding: 4rem;
    background-position: 0
  }
  .location-inner-wrapper {
    padding: 2rem 2rem 4rem
  }
  .university-wrapper h2 {
    font-size: 4.5rem
  }
  .news-arts-wrapper {
    text-align: left;
    padding: 2rem 3rem
  }
  .con-wrapper .card .card-text {
    margin-bottom: 0;
    min-height: 140px
  }
}
@media (min-width:1300px) {
  .university-wrapper {
    padding: 2rem 0
  }
  .con-wrapper .card {
    padding: 0 2rem
  }
  .con-wrapper .container-fluid {
    width: 85%
  }
  .con-wrapper .card .card-text {
    margin-bottom: 0;
    min-height: 130px
  }
  .university-mainlinks .nav-link {
    width: 310px;
    padding: 1rem
  }
}
@media (min-width:1400px) {
  .about-wrapper {
    height: 625px
  }
  .aboutstats-wrapper .stat-number {
    font-size: 4rem
  }
  .aboutstats-wrapper .stat-info {
    font-size: 1.25rem
  }
  .pres-sublinks .nav-link {
    width: 18vw
  }
  .university-wrapper {
    background-size: 90%
  }
  .university-mainlinks .nav-link {
    width: 325px
  }
  .about-second-wrapper a, .con-wrapper .card .card-title {
    font-size: 1.65rem
  }
}
@media (min-width:1600px) {
  .video-title {
    font-size: 6.5rem
  }
  .video-text {
    font-size: 3rem
  }
  .main-nav {
    padding: 1rem 4rem
  }
  .quicklinks {
    padding: 2rem 3rem
  }
  .container-fluid, .header-wrapper .container {
    max-width: 90%
  }
  .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
    max-width: 1500px
  }
  .main-video {
    max-height: 675px
  }
  .undergraduate-wrapper {
    background-position: right -400px center;
    background-size: 65%
  }
  .experiential-wrapper .container-fluid {
    max-width: 80%
  }
  .session-wrapper .container-fluid {
    max-width: 75%
  }
  #majorsTab.nav-tabs .nav-link {
    padding: .75rem 1.5rem
  }
  .programs-selections .nav-link {
    font-size: .9rem;
    margin: .5rem .4rem
  }
  .university-wrapper {
    background-size: 80%;
    background-position: right -300px center
  }
  .location-wrapper {
    padding: 6rem 8rem 6rem 4rem;
    background-image: url("/about/images/home/maplg.png");
    background-size: 95%
  }
  .con-wrapper .container-fluid {
    width: 80%
  }
}
@media (min-width:1700px) {
  .container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl, .header-wrapper .container {
    max-width: 1600px
  }
  .experiential-wrapper .container-fluid {
    max-width: 1260px
  }
  .session-wrapper .container-fluid {
    max-width: 1300px
  }
  .university-wrapper {
    background-size: 70%;
    background-position: right -300px center
  }
  .con-wrapper .card .card-text {
    margin-bottom: 0;
    min-height: 120px
  }
}
.academics-wrapper {
  height: 200px;
  background: linear-gradient(0deg, rgba(0, 0, 0, .5) 0, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0) 60%, rgba(0, 0, 0, .6) 100%) 0 0/cover, url("/academics/images/academics3.jpg") center/cover;
  position: relative;
  margin-bottom: 0
}
h1.page-title-acad, h1.page-title-ug {
  font-family: Kanit, sans-serif;
  font-size: 3.75rem;
  color: #fff;
  line-height: .7;
  font-weight: 500;
  letter-spacing: -2px;
  text-align: center;
  position: absolute;
  bottom: -8px;
  left: 0;
  right: 0;
  padding-top: .5rem;
  text-transform: uppercase
}
.undergraduate-wrapper {
  margin: 0;
  background: url("/academics/images/home/areas-of-study.jpg") 0 0/100% no-repeat;
  padding: 9rem 0 2rem
}
.study-wrapper {
  background: rgba(255, 255, 255, .8);
  padding: 1rem;
  box-shadow: rgba(0, 0, 0, .35) 0 5px 15px
}
.undergraduate-wrapper h2 {
  text-align: center;
  font-size: 4.5rem;
  line-height: .8;
  font-family: Merriweather, serif;
  text-transform: uppercase;
  font-weight: 800;
  margin: 0 0 1rem
}
.activities-wrapper h2, .experiential-wrapper h2, .session-wrapper h2 {
  margin: 0 0 2rem;
  line-height: .9;
  font-weight: 800;
  font-family: Merriweather, serif;
  text-transform: uppercase;
  text-align: center
}
.ug-mainlinks .nav-link {
  color: #fff;
  padding: 1rem 1.5rem;
  background-color: #002a4c;
  font-size: 1rem;
  font-weight: 600;
  border: 2px solid #002a4c;
  text-transform: uppercase;
  text-align: center;
  margin: 0 0 .25rem
}
.ug-sublinks .nav-link {
  background-color: #0080a3;
  color: #fff !important;
  border: 2px solid #0080a3;
  font-size: .95rem;
  margin: 0 0 .25rem;
  padding: .75rem 1rem
}
.ug-sublinks .nav-link:active, .ug-sublinks .nav-link:focus, .ug-sublinks .nav-link:hover {
  background-color: transparent;
  color: #0080a3 !important;
  border: 2px solid #0080a3
}
.activities-wrapper, .experiential-wrapper {
  padding: 3rem 0 0;
  margin: 0;
  background-color: #002a4c;
  position: relative;
  background-image: url("/img/home/news3.png")
}
.activities-wrapper h2, .experiential-wrapper h2 {
  font-size: 2.25rem
}
.experiential-subhead {
  font-size: 1.8rem;
  color: #002a4c;
  text-align: center;
  line-height: 1.2
}
.health-wrapper, .session-wrapper {
  background-color: #f2f2f2;
  padding: 3rem 0 0
}
.session-wrapper h2 {
  font-size: 2rem
}
.health-wrap, .session-wrap {
  padding: 0 5rem
}
.session-wrapper .card .card-title {
  font-size: 1.5rem;
  margin: 1rem 0;
  text-transform: uppercase
}
.session-wrapper .card-body a {
  border: 2px solid;
  padding: .5rem 1rem;
  font-weight: 600;
  display: block;
  text-align: center;
  font-size: .9rem
}
.schools-wrapper {
  padding: 3rem 0 2rem;
  margin: 0;
  color: #fff;
  background-color: #002a4c;
  position: relative
}
.schools-wrapper h2 {
  color: #fff;
  font-size: 3rem;
  display: block;
  padding: 0;
  line-height: .9;
  margin: 1rem 0 2rem;
  text-align: center;
  font-family: Merriweather, serif;
  text-transform: uppercase;
  font-weight: 800
}
.local-list, .schools-list {
  list-style-type: none;
  margin: 0;
  padding: 0
}
.local-wrapper a, .schools-wrapper a {
  color: #fff;
  text-decoration: none;
  display: block;
  margin: .75rem 0 0;
  text-transform: uppercase;
  font-weight: 600;
  font-size: .95rem;
  border: 1px solid #0091b8;
  padding: 1rem
}
.schools-wrapper a span {
  float: right;
  color: #0091b8;
  display: none
}
#main-text .tealbg a, #main-text a.btn-secondary, .bluebg h2, .bluebg h3, .schools-wrapper a:active span, .schools-wrapper a:focus span, .schools-wrapper a:hover span, .secondary-content h2, .secondary-content h3, .secondary-content h4, .secondary-content h5, .secondary-content h6, .subnavcontrol:focus, .subnavcontrol:hover {
  color: #fff
}
.exp-intro {
  padding: 1rem .5rem;
  margin: 0 0 3rem
}
.acad-stats-wrapper, .clifestats {
  padding: 1rem 0 2rem;
  background-color: #002a4c;
  color: #fff
}
.acad-stats-wrapper .stat-number, .clifestats .stat-number {
  font-size: 4rem;
  font-family: Merriweather, serif;
  color: #fff;
  margin: 0;
  text-align: center;
  font-weight: 600
}
.acad-support-wrapper, .support-wrapper {
  background-color: #fff;
  padding: 2rem 0;
  margin: 0
}
.acad-support-wrapper h2, .support-wrapper h2 {
  font-size: 1.5rem;
  margin: 3rem 0 2rem;
  font-family: Merriweather, serif;
  text-transform: uppercase;
  font-weight: 800
}
.experiential-text {
  color: #333
}
@media (min-width:375px) {
  h1.page-title-acad, h1.page-title-ug {
    font-size: 4.25rem
  }
  .ug-mainlinks .nav-link {
    font-size: 1.2rem
  }
  .ug-sublinks .nav-link {
    font-size: 1.1rem;
    margin: .25rem 0;
    padding: .75rem 1rem
  }
  .experiential-wrapper h2 {
    font-size: 2.75rem
  }
  .session-wrapper h2 {
    font-size: 2.5rem
  }
  .session-wrapper .card-body a {
    font-size: 1rem;
    padding: 1rem 0
  }
  .acad-support-wrapper h2 {
    font-size: 1.75rem
  }
  .undergraduate-wrapper {
    margin: 0;
    background: url("/academics/images/home/areas-of-study.jpg") 0 0/100% no-repeat;
    padding: 11.25rem 0 2rem
  }
}
@media (min-width:414px) {
  .undergraduate-wrapper {
    padding: 12.75rem 0 2rem
  }
  .undergraduate-wrapper h2 {
    font-size: 4.5rem
  }
  .experiential-wrapper h2 {
    font-size: 3rem
  }
  .session-wrapper h2 {
    font-size: 2.75rem
  }
  .acad-support-wrapper h2 {
    font-size: 2rem
  }
}
@media (min-width:576px) {
  .academics-wrapper {
    height: 275px
  }
  h1.page-title-acad, h1.page-title-ug {
    font-size: 6rem
  }
  .experiential-subhead {
    font-size: 2rem
  }
}
@media (min-width:768px) {
  .academics-wrapper {
    height: 400px
  }
  h1.page-title-acad, h1.page-title-ug {
    font-size: 8rem
  }
  .section-intro {
    padding: 1rem 0;
    background-color: #003054;
    color: #fff
  }
  .lead {
    margin-bottom: 1rem;
    color: #fff
  }
  .undergraduate-wrapper {
    padding: 21rem 2rem 4rem;
    margin: 0
  }
  .study-wrapper {
    background: rgba(255, 255, 255, .8);
    color: #333
  }
  .undergraduate-wrapper h2 {
    margin: 2rem;
    font-size: 5rem
  }
  .ug-mainlinks .nav-link {
    width: 300px;
    margin: .5rem;
    padding: 1rem
  }
  .ug-mainlinks .nav-link:active, .ug-mainlinks .nav-link:focus, .ug-mainlinks .nav-link:hover {
    color: #002a4c;
    border: 2px solid #002a4c
  }
  .ug-sublinks {
    margin: 2rem 0 1rem
  }
  .ug-sublinks .nav-link {
    font-size: 1rem;
    width: 300px;
    padding: .75rem 1rem;
    margin: .5rem
  }
  .experiential-wrapper {
    padding: 4rem 0 0;
    margin: 0;
    background-color: #002a4c;
    position: relative;
    background-image: url("/img/home/news3.png")
  }
  .experiential-wrapper h2 {
    font-size: 3.25rem
  }
  .experiential-subhead {
    font-size: 2.4rem
  }
  .exp-learning {
    padding: 0
  }
  .exp-intro {
    margin: 0
  }
  .experiential-wrapper .exp-learning a span {
    margin-left: .5rem;
    transition: margin .5s
  }
  .experiential-wrapper .exp-learning a:active, .experiential-wrapper .exp-learning a:focus, .experiential-wrapper .exp-learning a:hover {
    color: #0091b9
  }
  .experiential-wrapper .exp-learning a:active span, .experiential-wrapper .exp-learning a:focus span, .experiential-wrapper .exp-learning a:hover span {
    margin-left: 1rem
  }
  .session-wrapper {
    background-color: #f2f2f2;
    padding: 4rem 0 0
  }
  .session-wrapper h2 {
    text-align: center;
    font-size: 3rem;
    margin: 0 0 3rem
  }
  .session-wrapper .card {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: transparent;
    background-clip: border-box;
    border: none;
    border-radius: 0
  }
  .session-wrapper .card-body a {
    text-decoration: none;
    color: #003054;
    border: 2px solid;
    padding: .5rem 1rem;
    font-weight: 600;
    margin-top: 1rem;
    display: inline-block;
    text-align: center
  }
  .acad-support-wrapper h2 {
    font-size: 1.8rem;
    margin-bottom: 2rem
  }
  .schools-wrapper h2 {
    font-size: 3rem
  }
}
@media (min-width:992px) {
  .academics-wrapper {
    height: 400px
  }
  .ug-mainlinks .nav-link, .ug-sublinks .nav-link {
    width: 415px
  }
  .acad-support-wrapper {
    padding: 2rem
  }
  .experiential-wrapper h2 {
    font-size: 3.75rem
  }
  .schools-wrapper h2, .session-wrapper h2 {
    font-size: 3.5rem
  }
  .acad-support-wrapper h2 {
    font-size: 2.1rem
  }
  .experiential-subhead {
    font-size: 2.5rem;
    margin-bottom: 2rem
  }
  .undergraduate-wrapper {
    padding: 34rem 2rem 4rem;
    margin: 0
  }
  .undergraduate-wrapper h2 {
    margin: 2rem;
    font-size: 5.5rem
  }
  .acad-stats-wrapper .stat-number {
    font-size: 4rem
  }
  .acad-stats-wrapper .stat-info {
    font-size: 1.2rem
  }
}
@media (min-width:1200px) {
  .undergraduate-wrapper {
    background-position: right -350px center;
    background-size: 85%;
    padding: 2rem 0
  }
  .undergraduate-wrapper h2 {
    margin: 2rem;
    font-size: 4rem
  }
  .study-wrapper {
    background: #fff;
    box-shadow: 0 1px 1px rgb(0 0 0 / 55%), 0 2px 8px rgb(0 0 0 / 55%), inset 0 0 0 1px rgb(255 255 255 / 10%);
    padding: 2rem
  }
  .ug-mainlinks .nav-link {
    width: 290px;
    font-size: 1.1rem
  }
  .ug-sublinks .nav-link {
    font-size: 1rem;
    width: 290px
  }
  .graduate-wrapper {
    padding: 2rem 0;
    margin: 0 0 9rem;
    color: #fff;
    position: relative
  }
  .graduate-wrapper::before {
    content: '';
    background-color: #002a4c;
    position: absolute;
    top: 0;
    left: 30%;
    right: 0;
    bottom: 0;
    z-index: -1
  }
  .graduate-wrapper h2 {
    color: #fff;
    font-size: 3rem
  }
  .btn.btn-graduate {
    color: #fff;
    padding: .75rem;
    background-color: #002a4c;
    font-size: 1.1rem;
    font-weight: 700;
    border: 1px solid #fff;
    margin: 3rem .2rem
  }
  .continuing-wrapper {
    background-color: #ccc;
    padding: 7rem 0 2rem;
    margin: -4rem 0 2rem;
    color: #fff
  }
  .experiential-wrapper a {
    font-size: 1.5rem
  }
  .acad-support-wrapper h2 {
    font-size: 2.5rem
  }
  .acad-support-wrapper ul {
    list-style-type: none;
    padding: 0 6rem 0 0
  }
}
@media (min-width:1300px) {
  .academics-wrapper {
    height: 555px
  }
  .exp-learning {
    padding: 0 1rem
  }
  .session-wrapper .card {
    padding: 0 4rem
  }
  .ug-mainlinks .nav-link, .ug-sublinks .nav-link {
    width: 300px
  }
  .undergraduate-wrapper {
    background-size: 80%
  }
}
@media (min-width:1400px) {
  .academics-wrapper {
    height: 625px
  }
  .exp-learning {
    padding: 0 2rem
  }
  .acad-stats-wrapper .stat-number {
    font-size: 4rem
  }
  .acad-stats-wrapper .stat-info {
    font-size: 1.25rem
  }
  .ug-mainlinks .nav-link, .ug-sublinks .nav-link {
    width: 320px
  }
  .experiential-wrapper a {
    font-size: 1.5rem
  }
}
.campuslife-wrapper {
  height: 200px;
  background: linear-gradient(0deg, rgba(0, 0, 0, .5) 0, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0) 60%, rgba(0, 0, 0, .6) 100%) 0 0/cover, url("/campus-life/images/home/banner2.webp") center/cover;
  position: relative;
  margin-bottom: 0
}
h1.page-title-clife {
  font-family: Kanit, sans-serif;
  font-size: 3.25rem;
  color: #fff;
  line-height: .7;
  font-weight: 500;
  letter-spacing: -2px;
  text-align: center;
  position: absolute;
  bottom: -8px;
  left: 0;
  right: 0;
  padding-top: .5rem;
  text-transform: uppercase
}
.health-wrapper h2, .involved-wrapper h2, .living-wrapper h2, .living-wrapper h3, .local-wrapper h2, .sports-wrapper h2 {
  line-height: .9;
  font-family: Merriweather, serif;
  font-weight: 800;
  text-transform: uppercase
}
.living-wrapper {
  margin: 0;
  background: url("/campus-life/images/home/res.jpg") 0 0/100% no-repeat;
  padding: 7rem 0 3rem
}
.living-text-wrapper {
  background: rgba(255, 255, 255, .8);
  padding: 2rem 1rem;
  box-shadow: rgba(0, 0, 0, .35) 0 5px 15px
}
.sports-wrapper, .vb-wrapper {
  background-size: 100%;
  background-repeat: no-repeat;
  position: relative
}
.living-wrapper h2 {
  text-align: center;
  font-size: 3.75rem;
  margin: 0 0 1rem
}
.living-wrapper h3 {
  text-align: center;
  font-size: 1.5rem;
  margin: 3rem 0 1rem
}
.living-mainlinks .nav-link {
  color: #fff;
  padding: 1rem 1.5rem;
  background-color: #002a4c;
  font-size: 1rem;
  font-weight: 600;
  border: 2px solid #002a4c;
  position: relative;
  z-index: 1;
  text-transform: uppercase;
  text-align: center;
  margin: .5rem 0
}
.living-sublinks .nav-link {
  background-color: #007c9e;
  color: #fff;
  border: 2px solid #0091b9;
  font-size: .95rem;
  margin: .25rem 0;
  padding: .75rem 1rem
}
.activities-subhead, .constituency-subhead {
  font-size: 1.5rem;
  color: #002a4c;
  text-align: center;
  line-height: 1.2
}
.health-wrapper h2 {
  text-align: center;
  font-size: 3.25rem;
  margin: 0 0 2rem
}
.health-wrapper .hs-text {
  font-size: 1.4rem;
  color: #002a4c;
  margin-bottom: 3rem;
  font-weight: 500
}
.health-wrapper .card .card-title {
  font-size: 1.65rem;
  margin: .5rem 0
}
.health-wrapper .card-body a {
  border: 2px solid;
  padding: .5rem 1rem;
  font-weight: 600;
  display: block;
  text-align: center;
  font-size: 1.15rem
}
.health-wrapper .card a:active, .health-wrapper .card a:focus, .health-wrapper .card a:hover {
  color: #fff;
  background-color: #003054
}
.local-wrapper {
  padding: 3rem 0 2rem;
  margin: 0;
  color: #2d2d2d;
  background-color: #f2f2f2;
  position: relative;
  background-image: url("/img/home/news3.png")
}
.local-wrapper h2 {
  font-size: 3.5rem;
  display: block;
  padding: 0;
  margin: 1rem 0 2rem;
  text-align: center
}
.local-wrapper .card {
  background-color: transparent;
  border: none
}
.local-mainlinks .nav-link {
  color: #002a4c;
  border: 2px solid;
  padding: 1rem .5rem;
  font-size: 1.1rem;
  font-weight: 600;
  margin: 1rem .5rem;
  text-align: center
}
.fa-mainlinks .nav-link:active, .fa-mainlinks .nav-link:focus, .fa-mainlinks .nav-link:hover, .local-mainlinks .nav-link:active, .local-mainlinks .nav-link:focus, .local-mainlinks .nav-link:hover {
  background-color: #002a4c;
  color: #fff
}
.activities-intro, .constituency-intro {
  padding: 1rem 1.5rem;
  margin: 0 0 3rem
}
.sports-wrapper {
  color: #fff;
  background-color: #002a4c;
  padding: 15rem 0 5rem;
  background-image: url("/campus-life/images/home/sports3.jpg");
  background-position: top center
}
.sports-wrapper h2 {
  color: #fff;
  font-size: 3.25rem;
  margin: 0 0 2rem
}
.degree, .degree-info a {
  color: #003f69;
  text-decoration: none
}
.sports-sublinks .nav-link {
  color: #fff;
  text-decoration: none;
  display: block;
  margin: 1rem 0 0;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 1rem;
  padding: 1rem;
  text-align: center;
  border: 2px solid
}
.degree {
  font-weight: 700;
  font-size: 1.5rem
}
.degree-college, .degree-type {
  font-size: 1rem
}
.degree-type {
  font-style: italic
}
.degree-info a {
  font-size: 1.2rem;
  margin: 0 .75rem;
  padding: 1rem
}
.major-wrapper {
  padding: 1rem 0 .5rem;
  border-bottom: 1px solid #ccc;
  margin: 1rem 0
}
.involved-learning-text {
  padding: 0 .5rem
}
.involved-wrapper {
  padding: 2rem 0 0;
  margin: 0;
  background-color: #f2f2f2;
  position: relative;
  background-image: url("/img/home/news3.png")
}
.involved-wrapper h2 {
  font-size: 2.4rem;
  text-align: center;
  margin: 0 0 2rem;
  color: #002a4c
}
.involved-wrapper a {
  color: #002a4c;
  font-size: 1.5rem;
  padding: 0;
  margin: 1rem 0;
  text-transform: uppercase;
  text-decoration: none;
  display: block;
  transition: color .5s
}
.involved-wrapper .card-text {
  color: #002a4c
}
.vb-wrapper {
  background-image: url("/campus-life/images/home/vb2.jpg");
  min-height: 60vw
}
@media (min-width:375px) {
  .living-wrapper h2, .local-wrapper h2, h1.page-title-clife {
    font-size: 4rem
  }
  .living-mainlinks .nav-link {
    font-size: 1.2rem
  }
  .living-sublinks .nav-link {
    font-size: 1.1rem;
    margin: .25rem 0;
    padding: .75rem 1rem
  }
  .sports-wrapper {
    padding: 18rem 0 3rem
  }
  .activities-wrapper h2 {
    font-size: 2.75rem
  }
  .health-wrapper h2, .sports-wrapper h2 {
    font-size: 3.75rem
  }
  .health-wrapper .card-body a {
    padding: 1rem 0
  }
  .involved-wrapper a, .support-wrapper h2 {
    font-size: 1.75rem
  }
  .living-wrapper {
    padding: 10rem 0 3rem
  }
  .living-text-wrapper {
    padding: 1rem
  }
  .wellness-wrapper h2 {
    font-size: 3.25rem
  }
  .involved-wrapper h2 {
    font-size: 2.9rem
  }
  .health-wrapper .card .card-title {
    font-size: 1.5rem;
    text-transform: uppercase
  }
  .local-mainlinks .nav-link {
    padding: 1rem 1.5rem;
    font-size: 1.2rem
  }
}
@media (min-width:414px) {
  .living-wrapper {
    padding: 11rem 0 2rem
  }
  .living-wrapper h2 {
    font-size: 4.5rem
  }
  .involved-wrapper h2 {
    font-size: 3.25rem
  }
  .activities-wrapper h2 {
    font-size: 3rem
  }
  .support-wrapper h2 {
    font-size: 2rem
  }
  .involved-wrapper a {
    font-size: 1.7rem
  }
  .health-wrapper h2, .sports-wrapper h2 {
    font-size: 4rem
  }
}
@media (min-width:576px) {
  .campuslife-wrapper {
    height: 275px
  }
  h1.page-title-clife {
    font-size: 6rem
  }
  .activities-subhead {
    font-size: 2rem
  }
}
@media (min-width:768px) {
  .campuslife-wrapper {
    height: 400px
  }
  h1.page-title-clife {
    font-size: 8rem
  }
  .section-intro {
    padding: 1rem 0;
    background-color: #003054;
    color: #fff
  }
  .lead {
    margin-bottom: 1rem;
    color: #fff
  }
  .living-wrapper {
    padding: 18rem 2rem 4rem;
    margin: 0
  }
  .living-text-wrapper {
    background: rgba(255, 255, 255, .8);
    color: #333;
    padding: 2rem
  }
  .living-wrapper h2 {
    margin: 1rem auto;
    font-size: 4.5rem
  }
  .living-wrapper h3 {
    margin: 4rem auto 2rem;
    font-size: 2.5rem
  }
  .living-mainlinks .nav-link {
    width: 290px;
    margin: .5rem;
    padding: 1rem
  }
  .living-mainlinks .nav-link:active, .living-mainlinks .nav-link:focus, .living-mainlinks .nav-link:hover {
    color: #002a4c;
    border: 2px solid #002a4c
  }
  .living-sublinks {
    margin: 2rem 0 1rem
  }
  .living-sublinks .nav-link {
    font-size: 1rem;
    width: 290px;
    margin: .5rem;
    padding: .75rem 1rem
  }
  .sports-wrapper {
    padding: 34rem 1rem 2rem
  }
  .sports-text {
    background-color: rgba(0, 42, 76, .9);
    margin-top: -7rem;
    padding: 2rem 1rem
  }
  .sports-wrapper h2 {
    color: #fff;
    font-size: 4.rem;
    line-height: .9;
    text-align: center
  }
  .activities-wrapper a, .sports-wrapper .section-leadin {
    margin: 1rem 0
  }
  .sports-sublinks .nav-item {
    width: auto
  }
  .sports-sublinks .nav-link {
    margin: 1rem;
    width: 300px
  }
  .sports-sublinks .nav-link:active, .sports-sublinks .nav-link:focus, .sports-sublinks .nav-link:hover {
    color: #fff;
    background-color: #0091b8;
    box-shadow: 0 10px 40px rgb(0 0 0, .8)
  }
  .activities-wrapper, .wellness-wrapper {
    padding: 4rem 0 0;
    margin: 0;
    background-color: #002a4c;
    position: relative;
    background-image: url("/img/home/news3.png")
  }
  .health-wrapper .card, .involved-learning {
    margin: 2rem auto;
    width: 75%
  }
  .activities-wrapper h2 {
    font-size: 3.25rem
  }
  .activities-subhead {
    font-size: 2rem
  }
  .activities-learning {
    padding: 0
  }
  .activities-learning-text {
    padding: 0 .5rem
  }
  .activities-wrapper a span, .involved-wrapper a span, .wellness-wrapper a span {
    margin-left: .5rem;
    transition: margin .5s
  }
  .activities-wrapper a:active, .activities-wrapper a:focus, .activities-wrapper a:hover, .involved-wrapper a:active, .involved-wrapper a:focus, .involved-wrapper a:hover, .wellness-wrapper a:active, .wellness-wrapper a:focus, .wellness-wrapper a:hover {
    color: #0091b9
  }
  .activities-wrapper a:active span, .activities-wrapper a:focus span, .activities-wrapper a:hover span, .involved-wrapper a:active span, .involved-wrapper a:focus span, .involved-wrapper a:hover span, .wellness-wrapper a:active span, .wellness-wrapper a:focus span, .wellness-wrapper a:hover span {
    margin-left: 1rem
  }
  .health-wrapper {
    padding: 4rem 0 0
  }
  .health-wrapper h2 {
    text-align: center;
    font-size: 3.75rem;
    margin: 0 0 3rem
  }
  .health-wrapper .card .card-title {
    font-size: 1.75rem
  }
  .health-wrapper .card-body a {
    text-decoration: none;
    color: #003054;
    border: 2px solid;
    padding: .5rem 1rem;
    font-weight: 600;
    margin-top: 1rem;
    display: inline-block;
    text-align: center
  }
  .support-wrapper h2 {
    font-size: 1.8rem;
    margin-bottom: 2rem
  }
  .local-wrapper h2, .wellness-wrapper h2 {
    font-size: 3.5rem
  }
  .wellness-wrapper a {
    margin: 1rem 0;
    font-size: 1.9rem
  }
  .involved-learning {
    position: relative;
    padding: 0
  }
  .involved-wrapper {
    padding: 4rem 0 0;
    margin: 0;
    background-color: #002a4c;
    position: relative
  }
  .involved-wrapper h2 {
    font-size: 3.75rem
  }
  .involved-wrapper a {
    margin: 1rem 0;
    font-size: 1.75rem
  }
  .local-mainlinks .nav-link {
    padding: 1rem .5rem
  }
  .acad-stats-wrapper .stat-number {
    font-size: 4rem
  }
  .acad-stats-wrapper .stat-info {
    font-size: 1.2rem
  }
}
@media (min-width:992px) {
  .campuslife-wrapper {
    height: 400px
  }
  .living-mainlinks .nav-link, .living-sublinks .nav-link {
    width: 400px
  }
  .sports-wrapper {
    background-position: top left -135px;
    padding: 0
  }
  .sports-wrapper h2 {
    font-size: 3.5rem;
    margin: 0 0 1rem
  }
  .sports-text {
    padding: 2rem 1rem;
    margin-top: 0;
    background-color: #002a4c
  }
  .sports-sublinks .nav-link {
    width: 250px;
    margin: .75rem .25rem
  }
  .support-wrapper {
    padding: 2rem
  }
  .activities-wrapper h2, .clifestats .stat-number {
    font-size: 4rem
  }
  .health-wrapper h2, .local-wrapper h2 {
    font-size: 3.75rem
  }
  .wellness-wrapper a {
    font-size: 1.65rem
  }
  .involved-learning {
    width: auto;
    padding: 0 1rem
  }
  .involved-wrapper {
    padding: 4rem 0 3rem
  }
  .involved-wrapper a {
    font-size: 1.8rem
  }
  .living-wrapper {
    padding: 32rem 2rem 4rem;
    margin: 0
  }
  .health-wrapper .card {
    padding: 0;
    width: auto
  }
  .health-wrapper .card .card-title {
    font-size: 1.5rem
  }
  .local-wrapper .container-fluid {
    width: 100%
  }
  .local-mainlinks {
    margin: 0
  }
  .vb-wrapper {
    background-size: 150%;
    min-height: 50vw
  }
  .local-wrapper .card-body {
    padding: 0 1rem
  }
  .local-wrapper .card {
    border: none;
    border-radius: 0
  }
  .local-mainlinks .nav-link {
    padding: 1rem .5rem;
    width: 375px
  }
  .clifestats .stat-info {
    font-size: 1.25rem
  }
  .main-wrapper .container {
    max-width: 100%
  }
  #main-text .visitcampus-h2 {
    font-size: 3rem
  }
  .visit-resources-links .nav-item {
    width: 250px
  }
}
@media (min-width:1000px) {
  .activities-wrapper a, .experiential-wrapper .exp-learning a {
    font-size: 1.4rem
  }
}
@media (min-width:1200px) {
  .living-wrapper {
    background-position: right -375px center;
    background-size: 80%;
    padding: 3rem 0
  }
  .living-text-wrapper {
    background: #fff;
    box-shadow: none
  }
  .involved-wrapper h2, .living-wrapper h2, .sports-wrapper h2 {
    font-size: 4rem
  }
  .living-mainlinks .nav-link {
    width: 290px;
    font-size: 1.1rem
  }
  .living-sublinks .nav-link {
    font-size: 1rem;
    width: 290px;
    padding: .75rem .5rem
  }
  .sports-wrapper {
    background-position: bottom left -75px;
    background-size: 77%
  }
  .activities-wrapper a, .involved-wrapper a {
    font-size: 1.5rem
  }
  .involved-wrapper .container-fluid {
    width: 85%
  }
  .vb-wrapper {
    background-size: 125%;
    min-height: 40vw
  }
  .local-mainlinks {
    margin: 3rem 0 2rem
  }
  .local-wrapper .card {
    background-color: transparent;
    padding: 0 1rem
  }
  .involved-learning {
    padding: 1rem
  }
  .local-wrapper {
    padding: 4rem 0
  }
  .local-mainlinks .nav-link {
    width: 240px
  }
  .sports-sublinks .nav-link {
    width: 290px;
    margin: .75rem .25rem
  }
}
@media (min-width:1300px) {
  .campuslife-wrapper {
    height: 555px
  }
  .sports-wrapper {
    background-position: bottom left -480px;
    background-size: 85%
  }
  .sports-text {
    padding: 4rem 2rem
  }
  .sports-sublinks {
    margin-top: 3rem
  }
  .sports-sublinks .nav-link {
    padding: 1.25rem .5rem;
    width: 310px;
    margin: .5rem
  }
  .activities-learning, .involved-learning {
    padding: 0 1rem
  }
  .living-mainlinks .nav-link {
    width: 310px
  }
  .living-sublinks .nav-link {
    width: 310px;
    padding: .75rem .5rem
  }
  .sports-wrapper h2 {
    font-size: 4.5rem
  }
  .local-mainlinks .nav-link {
    width: 260px
  }
  .main-wrapper .container {
    max-width: 1280px
  }
}
@media (min-width:1400px) {
  .living-wrapper {
    background-size: 75%
  }
  .campuslife-wrapper {
    height: 625px
  }
  .activities-learning, .involved-learning {
    padding: 0 2rem
  }
  .clifestats .stat-number {
    font-size: 4rem
  }
  .clifestats .stat-info {
    font-size: 1.25rem
  }
  .vb-wrapper {
    background-size: 100%;
    min-height: 27vw
  }
  .living-mainlinks .nav-link, .living-sublinks .nav-link {
    width: 320px
  }
  .sports-sublinks .nav-link {
    padding: 1.25rem .5rem;
    width: 325px;
    margin: .5rem
  }
}
@media (min-width:1500px) {
  .undergraduate-wrapper {
    background-size: 75%;
    background-position: right -400px center
  }
  .experiential-wrapper .container-fluid {
    max-width: 85%
  }
  .living-wrapper {
    background-position: right -280px center;
    background-size: 70%
  }
  .living-mainlinks .nav-link, .living-sublinks .nav-link {
    width: 340px
  }
  .sports-sublinks .nav-link {
    padding: 1.25rem .5rem;
    width: 345px;
    margin: .5rem
  }
}
@media (min-width:1600px) {
  .undergraduate-wrapper {
    background-size: 75%
  }
  .living-mainlinks .nav-link, .living-sublinks .nav-link, .ug-mainlinks .nav-link, .ug-sublinks .nav-link {
    width: 350px
  }
  .experiential-wrapper .container-fluid {
    max-width: 80%
  }
  .living-wrapper {
    background-position: right -265px center;
    background-size: 56%
  }
  .involved-wrapper .container-fluid {
    width: 75%;
    max-width: 1320px
  }
  .sports-sublinks .nav-link {
    padding: 1.25rem .5rem;
    width: 360px;
    margin: .5rem
  }
}
@media (min-width:1900px) {
  .video-title {
    font-size: 7rem
  }
  .video-text {
    font-size: 3.25rem
  }
  .main-video {
    max-height: 675px
  }
  .why-wrapper h2, .why-wrapper2 h2 {
    font-size: 4rem
  }
  .location-wrapper {
    padding: 6rem 8rem 6rem 4rem;
    background-image: url("/about/images/home/maplg.png");
    background-size: 75%
  }
  .about-wrapper, .academics-wrapper, .campus-life-wrapper, .banner-wrapper {
    height: 625px
  }
  .con-wrapper .container-fluid {
    width: 75%
  }
  .university-mainlinks .nav-link {
    width: 20vw
  }
  .living-wrapper {
    background-position: right -190px center;
    background-size: 50%;
    padding: 2rem 0
  }
  .living-mainlinks .nav-link, .living-sublinks .nav-link, .sports-sublinks .nav-link {
    width: 400px
  }
}
#main-text h2 strong, #main-text h3 strong, #main-text h4 strong, #main-text h5strong, #main-text h6 strong, .bold500, .fauxh2 strong, .side-content h2 {
  font-weight: 500
}
.bold600 {
  font-weight: 600
}
.bold700 {
  font-weight: 700
}
.bold800 {
  font-weight: 800
}
.bold900 {
  font-weight: 900
}
.main-nav-right ul, .two-column {
  columns: 2
}
.subnavcontrol {
  text-decoration: none;
  font-size: 1.25rem;
  font-weight: 700;
  margin: 1rem auto 0;
  padding: 1rem .5rem 1rem 1rem;
  color: #fff;
  background: #003c69;
  border: 1px solid #ebebeb;
  border-bottom: 0
}
.subnavcontrol.collapsed {
  color: #003c69;
  background-color: #fff;
  border: 1px solid #ebebeb
}
a.subnavcontrol .fa-chevron-right, a.subnavcontrol.collapsed .fa-chevron-right {
  font-size: 1.25rem;
  margin-right: .5rem;
  float: right
}
a.subnavcontrol.collapsed .fa-chevron-right {
  -webkit-transform: rotate(0);
  -moz-transform: rotate(0);
  transform: rotate(0)
}
.subnavcontrol span {
  transition: .3s;
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  transform: rotate(90deg)
}
.sidemenu ul {
  list-style-type: none;
  padding: 0;
  background-color: #fff
}
.sidemenu .nav-link.menu-section {
  text-transform: uppercase;
  font-weight: 200;
  font-size: 2rem
}
.sidemenu .nav-link {
  color: #003c69;
  padding: 1.5rem .8rem .75rem .75rem;
  text-decoration: none;
  border-bottom: 1px solid #e7e7e7;
  border-radius: 0;
  font-size: 1.2rem;
  font-weight: 600;
  position: relative;
  border-left: 5px solid #fff
}
.maincontent strong, .sidemenu .nav-item .nav-link.menu-section:active, .sidemenu .nav-item .nav-link.menu-section:focus, .sidemenu .nav-item .nav-link.menu-section:hover, .sidemenu .nav-link:hover {
  color: #0091b8
}
.sidemenu .nav-link.cta-giving {
  background-color: #4F7E25;
  color: #fff;
  text-align: center;
  padding: 1rem 0;
  margin: 1rem 0
}
.sidemenu .nav-link.cta-giving:active, .sidemenu .nav-link.cta-giving:focus, .sidemenu .nav-link.cta-giving:hover {
  background-color: #487c19;
  color: #fff
}
.sidemenu .nav-item .nav-link.menu-section {
  color: #003c69;
  padding: 1rem .5rem .25rem .25rem;
  margin-left: 0;
  text-transform: uppercase;
  font-weight: 500;
  font-size: 2.15rem;
  font-family: Anton, sans-serif
}
.sidemenu .nav-link.has-submenu:not(.collapsed) {
  border: none;
  font-weight: 700
}
.sidemenu .nav-link.has-submenu::after {
  content: "\f107";
  font-family: 'Font Awesome 6 Free';
  font-weight: 900;
  float: right;
  transition: .3s
}
.sidemenu .nav-link.has-submenu.collapsed::after {
  transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
  position: absolute;
  right: 5px
}
.nav-link.menu-sub-sub-section, .sidemenu .nav-link.menu-sub-section {
  font-weight: 500 !important;
  font-family: Anton, sans-serif;
  font-size: 1.5rem
}
.sidemenu .nav-link.active {
  font-weight: 700;
  color: #007494
}
.sidemenu ul .nav-link {
  margin: 0 0 0 1rem;
  padding: .8rem .5rem .8rem 1rem;
  font-size: 1.1rem;
  font-weight: 500;
  border-left: 3px solid #f1f1f1;
  border-bottom: none;
  color: #535353
}
.sidemenu ul .nav-link:active, .sidemenu ul .nav-link:focus, .sidemenu ul .nav-link:hover {
  color: #0080a3;
  border-left: 3px solid #0080a3
}
a.close-menu-btn {
  background-color: #8996a0;
  border-radius: 0 0 5px 5px;
  color: #fff;
  display: block;
  margin: 0 0 1rem;
  padding: 10px 5px;
  text-align: center;
  text-decoration: none;
  font-size: 1rem
}
a.close-menu-btn:active, a.close-menu-btn:focus, a.close-menu-btn:hover {
  background-color: #617486;
  color: #fff
}
.main-body-content {
  padding-bottom: 4rem
}
#main-text {
  padding-top: 3rem;
  padding-bottom: 3rem;
  line-height: 1.45
}
#main-text.landing {
  padding-top: 0 !important
}
#main-text .enrollment-financialaid ul.list-unstyled li a:active, #main-text .enrollment-financialaid ul.list-unstyled li a:hover, #main-text .enrollment-majors ul.list-unstyled li a:active, #main-text .enrollment-majors ul.list-unstyled li a:hover, #main-text a.bluelink.nounderline:active, #main-text a.bluelink.nounderline:focus, #main-text a.bluelink.nounderline:hover {
  color: #0080a3;
  text-decoration: underline
}
#main-text img + h2, #main-text + *, #main-text > h2:first-child, .secondary-content h2:first-child {
  margin-top: 0
}
#main-text h2, #main-text h3, #main-text h4, #main-text h5, #main-text h6, .fauxh2 {
  margin: 3.5rem auto 1rem;
  font-family: Kanit, sans-serif;
  font-weight: 500;
  color: #003c69;
  line-height: 1
}
#main-text h3, #main-text h4, #main-text h5 {
  color: #0091b8
}
#main-text .fauxh2, #main-text h2 {
  font-size: 2rem
}
#main-text .box-blue h2, #main-text h3, .maincontent h2 {
  font-size: 1.75rem
}
#main-text h4 {
  font-size: 1.5rem
}
#main-text h5 {
  font-size: 1.25rem
}
#main-text ol li, #main-text ul li {
  padding: .15rem 0
}
.title-wrapper {
  background-color: #002a4c;
  text-align: center;
  padding: 1rem 0;
  margin: 0 auto
}
.title-wrapper h1.page-title {
  font-size: 2rem;
  font-family: Kanit, sans-serif;
  text-transform: uppercase;
  margin: 0;
  color: #fff;
  line-height: 1
}
.title-wrapper-secondary {
  background: linear-gradient(180deg, rgba(0, 0, 0, .1) 0, rgba(0, 0, 0, .4) 100%) #003c69;
  text-align: center;
  padding: 0;
  margin: 0 auto;
  position: relative
}
.title-wrapper-secondary img {
  min-height: 200px;
  object-fit: cover;
  margin: 0 !important
}
.title-wrapper-secondary.hero-overlay::before {
  background: linear-gradient(0deg, #000 10%, rgba(0, 0, 0, .1) 35%, rgba(0, 0, 0, 0) 80%, rgba(0, 0, 0, .6) 100%);
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  bottom: 0;
  top: 0;
  left: 0;
  right: 0
}
.title-wrapper-secondary h1.page-title {
  font-size: 2.5rem;
  text-transform: uppercase;
  font-family: Anton, sans-serif;
  margin: 0;
  color: #fff;
  line-height: 1;
  font-weight: 500;
  overflow: hidden;
  text-overflow: ellipsis
}
.title-wrapper-secondary.hero-image h1.page-title {
  font-size: 3rem;
  padding: 4rem 0 1rem
}
.title-wrapper-image {
  background: 0 0;
  padding: 1rem 0 0;
  z-index: 3;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0
}
.bluebg, .meet-callout {
  background-color: #002a4c
}
.title-wrapper-plain {
  padding: 3rem 0 1rem;
  z-index: 3;
  position: relative
}
.cta-link-wrapper {
  margin: 1rem auto .5rem
}
.maincontent h2:first-child {
  margin-top: 0 !important
}
.maincontent h1, .maincontent h2, .maincontent h3, .maincontent h4, .maincontent h5, .maincontent h6 {
  font-family: Kanit, serif;
  color: #003054;
  margin: 4rem 0 1.25rem;
  text-transform: uppercase;
  font-weight: 500
}
.maincontent h2 {
  font-weight: 500
}
.maincontent ol li, .maincontent ul li {
  padding: 4px 0
}
.meet-callout {
  color: #fff;
  line-height: 1.4;
  position: relative;
  box-shadow: 10px 13px #0091b8;
  padding: 2rem 1rem;
  margin-bottom: 4rem
}
.blockquote, .table {
  margin: 3rem auto
}
.meet-callout h2 {
  color: #fff !important;
  margin: 0 auto 2rem;
  font-size: 2.25rem
}
.bluebg {
  color: #fff !important;
  padding: 4rem 0
}
#main-text a.btn-bl-outline {
  color: #003c69;
  background-color: #fff;
  border-color: #003c69 !important;
  border-width: 2px;
  font-weight: 600
}
#main-text a.btn-bl-outline:focus, #main-text a.btn-bl-outline:hover {
  color: #fff;
  background-color: #003c69;
  box-shadow: none
}
#accordionVWU .accordion-item .accordion-button, #accordionVWUBlue .accordion-item .accordion-button {
  border-radius: 0;
  font-size: 1.65rem;
  color: #003c69;
  padding: 1.5rem 1.25rem 1.2rem 1rem;
  background-color: #fff
}
#accordionVWU .accordion-button:hover, .accordion-button:active {
  z-index: 3;
  border-color: transparent;
  outline: 0;
  box-shadow: none;
  color: #0091b8 !important
}
#accordionVWU .accordion-button:not(.collapsed) {
  color: #fff !important;
  background-color: #0091b8
}
#accordionVWU .accordion-button::after {
  background-image: url(/css/"data:image/svg+xml,%3Csvg xmlns='http:/www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3C!--! Font Awesome Pro 6.2.1 by %40fontawesome - https:/fontawesome.com License - https:/fontawesome.com/license (Commercial License) Copyright 2022 Fonticons  Inc. --%3E%3Cpath fill='%23003c69' d='M256 80c0-17.7-14.3-32-32-32s-32 14.3-32 32V224H48c-17.7 0-32 14.3-32 32s14.3 32 32 32H192V432c0 17.7 14.3 32 32 32s32-14.3 32-32V288H400c17.7 0 32-14.3 32-32s-14.3-32-32-32H256V80z'/%3E%3C/svg%3E")
}
#accordionVWU .accordion-button:active::after, #accordionVWU .accordion-button:focus::after, #accordionVWUBlue .accordion-button:hover::after {
  background-image: url(/css/"data:image/svg+xml,%3Csvg xmlns='http:/www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3C!--! Font Awesome Pro 6.2.1 by @fontawesome - https:/fontawesome.com License - https:/fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --%3E%3Cpath fill='%23ffffff' d='M256 80c0-17.7-14.3-32-32-32s-32 14.3-32 32V224H48c-17.7 0-32 14.3-32 32s14.3 32 32 32H192V432c0 17.7 14.3 32 32 32s32-14.3 32-32V288H400c17.7 0 32-14.3 32-32s-14.3-32-32-32H256V80z'/%3E%3C/svg%3E")
}
#accordionVWU .accordion-button:hover::after {
  background-image: url(/css/"data:image/svg+xml,%3Csvg xmlns='http:/www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3C!--! Font Awesome Pro 6.2.1 by @fontawesome - https:/fontawesome.com License - https:/fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --%3E%3Cpath fill='%230091b8' d='M256 80c0-17.7-14.3-32-32-32s-32 14.3-32 32V224H48c-17.7 0-32 14.3-32 32s14.3 32 32 32H192V432c0 17.7 14.3 32 32 32s32-14.3 32-32V288H400c17.7 0 32-14.3 32-32s-14.3-32-32-32H256V80z'/%3E%3C/svg%3E")
}
#accordionVWU .accordion-button:not(.collapsed)::after, #accordionVWUBlue .accordion-button:not(.collapsed)::after {
  background-image: url(/css/"data:image/svg+xml,%3Csvg xmlns='http:/www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3C!--! Font Awesome Pro 6.2.1 by @fontawesome - https:/fontawesome.com License - https:/fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --%3E%3Cpath fill='%23ffffff' d='M256 80c0-17.7-14.3-32-32-32s-32 14.3-32 32V224H48c-17.7 0-32 14.3-32 32s14.3 32 32 32H192V432c0 17.7 14.3 32 32 32s32-14.3 32-32V288H400c17.7 0 32-14.3 32-32s-14.3-32-32-32H256V80z'/%3E%3C/svg%3E");
  transform: rotate(-45deg)
}
#main-text #accordionVWU .accordion-body ul li a, #main-text #accordionVWUBlue .accordion-body ul li a {
  color: #003c69;
  text-decoration: none;
  font-weight: 500;
  padding: .25rem
}
#main-text ul.list-unstyled li a {
  color: #0080a3;
  text-decoration: none;
  padding: rem .25rem;
  display: block;
  margin: .25rem 0
}
#main-text #accordionVWU .accordion-body ul li a:active, #main-text #accordionVWU .accordion-body ul li a:hover, #main-text #accordionVWUBlue .accordion-body ul li a:active, #main-text #accordionVWUBlue .accordion-body ul li a:hover, #main-text ul.list-unstyled li a:active, #main-text ul.list-unstyled li a:hover {
  color: #0091b8;
  text-decoration: underline
}
#accordionVWUBlue .accordion-item .accordion-button {
  border-radius: 0;
  font-size: 1.65rem;
  color: #fff;
  background-color: #003c69;
  padding: 1.5rem 1.25rem 1.2rem 1rem
}
#accordionVWUBlue .accordion-item .accordion-button.accordion-sm {
  font-size: 1.35rem;
  padding: 1rem
}
#accordionVWUBlue .accordion-button:hover, .accordion-button:active, .accordion-button:focus {
  z-index: 3;
  border-color: transparent;
  outline: 0;
  box-shadow: none;
  color: #fff;
  background-color: #0091b8
}
#accordionVWUBlue .accordion-button:not(.collapsed) {
  color: #fff;
  background-color: #0091b8
}
#accordionVWUBlue .accordion-button::after {
  background-image: url(/css/"data:image/svg+xml,%3Csvg xmlns='http:/www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3C!--! Font Awesome Pro 6.2.1 by %40fontawesome - https:/fontawesome.com License - https:/fontawesome.com/license (Commercial License) Copyright 2022 Fonticons  Inc. --%3E%3Cpath fill='%23ffffff' d='M256 80c0-17.7-14.3-32-32-32s-32 14.3-32 32V224H48c-17.7 0-32 14.3-32 32s14.3 32 32 32H192V432c0 17.7 14.3 32 32 32s32-14.3 32-32V288H400c17.7 0 32-14.3 32-32s-14.3-32-32-32H256V80z'/%3E%3C/svg%3E")
}
.list-group li {
  position: relative;
  display: block;
  padding: .5rem 1rem !important;
  color: #212529;
  text-decoration: none;
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, .125)
}
.blockquote {
  border-left: 5px solid #003c69;
  padding: 10px 20px;
  color: #003c69
}
.table, .table-striped > tbody > tr:nth-of-type(odd) > * {
  color: inherit
}
#main-text .row + .row {
  margin-top: 1rem;
  margin-bottom: 1rem;
  padding: 1rem 0
}
#main-text b, #main-text strong {
  color: #003c69;
  font-weight: 600
}
.alert-info a:not(.btn), table th {
  color: #003c69 !important
}
.box-right {
  border-bottom: 2px solid #0091b8;
  border-top: 10px solid #0091b8;
  padding: 1rem;
  margin-bottom: 2rem
}
.box-right h2 {
  font-size: 1.75rem !important;
  text-align: center
}
.alert-info {
  color: #055160;
  background-color: #f2fbff;
  border-color: #8eb9d0
}
#main-text .directory-listing .job-name {
  font-weight: 700;
  margin: 0
}
#main-text .directory-listing a, .directory-listing a {
  text-decoration: none;
  color: #003c69
}
#main-text .directory-listing .job-title {
  margin: 0;
  font-style: italic;
  line-height: 1.2
}
.side-contact-info {
  border-bottom: 2px solid #003c69;
  border-top: 10px solid #003c69;
  margin: 1rem 0;
  color: #00294b;
  padding: 1rem .5rem .5rem;
  font-size: .95rem;
  line-height: 1.4
}
.form-group, .ratio {
  margin-bottom: 2rem
}
#main-text .box-blue {
  border-color: #003c69;
  border-style: solid;
  border-width: 7px 0 2px;
  display: block;
  margin: 0 0 3rem;
  padding: 15px 10px 10px 15px;
  background-color: #f8f8f8
}
label, legend {
  font-weight: 500;
  color: #003c69
}
.side-contact-info P {
  margin-bottom: .3rem
}
#main-text .no-underlines a {
  text-decoration: none;
  color: #003c69;
  font-weight: 500
}
#main-text .no-underlines a:active, #main-text .no-underlines a:focus, #main-text .no-underlines a:hover, #main-text table a:active, #main-text table a:focus, #main-text table a:hover {
  text-decoration: underline;
  color: #0091b8
}
hr {
  margin-bottom: 3rem;
  clear: both
}
#main-text .smaller {
  font-size: .7em
}
#main-text table a {
  color: #003c69
}
#main-text .lead {
  color: #00819e;
  font-size: 1.2rem;
  font-weight: 600;
  text-align: center;
  hyphens: none
}
#main-text p.feature-title {
  margin-bottom: 1rem !important;
  margin-top: 1rem;
  line-height: 1.4
}
#main-text .feature-box p.feature-title a {
  color: #003c69;
  text-decoration: none;
  font-weight: 700
}
.feature-box a:active, .feature-box a:focus, .feature-box a:hover {
  text-decoration: none;
  color: #0091b8
}
.btn-primary {
  background-color: #003c69;
  border-color: #012845;
  color: #fff !important
}
.btn-primary:focus, .btn-primary:hover {
  color: #fff;
  background-color: #0091b8;
  border-color: #017493;
  box-shadow: none
}
a.news-link {
  text-decoration: none;
  color: #003c69;
  background-color: #fff;
  padding: .6rem .2rem;
  display: block;
  min-height: 80px;
  border-bottom: 1px solid #eaeaea
}
a.news-link:active, a.news-link:focus, a.news-link:hover {
  text-decoration: none;
  color: #fff !important;
  background-color: #0091b8
}
.panel.panel-blue .panel-heading {
  border-bottom: 1px solid transparent;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  background-color: #003c69;
  padding: 10px 15px;
  color: #fff;
  margin: 0;
  font-size: 1.2rem
}
#main-text .panel.panel-blue .panel-heading .panel-title, #main-text .panel.panel-blue .panel-heading .panel-title a {
  color: #fff !important;
  margin: 0;
  font-size: 1.6rem
}
.panel.panel-blue .panel-title > a, .panel.panel-blue.panel-briefs .panel-title > a {
  padding: 5px 0;
  line-height: 1.2;
  text-decoration: none;
  color: #fff;
  width: 100%;
  display: block
}
.panel.panel-blue.panel-briefs .body-brief {
  border-bottom: 1px solid #ccc;
  margin-bottom: 1rem
}
.panel.panel-blue.panel-briefs a {
  color: #034073;
  text-decoration: none;
  font-weight: 600
}
.panel-body {
  padding: .5rem 1rem
}
.ratio {
  margin-top: 2rem
}
.footer-cta-wrapper {
  padding: 1.5rem 0;
  background-color: #017fa2;
  color: #fff;
  font-size: 1.25rem;
  font-weight: 600;
  text-align: center;
  margin-top: 4rem
}
.btn-footer-cta {
  color: #fff;
  border: 2px solid #fff;
  font-weight: 700;
  font-size: 1.2rem;
  text-decoration: none;
  text-transform: uppercase;
  padding: 1rem 5rem;
  -webkit-transition: .4s;
  -moz-transition: .4s;
  transition: .4s;
  background-size: 100% 200%;
  background-position: 0 -100%;
  background-image: linear-gradient(to top, transparent 50%, #fff 50%)
}
@media screen and (max-width:1279px) {
  #main-text .img-fluid {
    max-width: 100%;
    height: auto;
    margin: 1rem auto;
    display: block;
    float: none !important;
    width: auto
  }
}
@media (min-width:768px) {
  .title-wrapper-image {
    background: 0 0;
    padding: 1rem 0 0;
    z-index: 3;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0
  }
  .cta-link-wrapper {
    margin: 0
  }
  .sidemenu {
    background-color: #fff;
    margin-top: 2rem;
    max-width: 95%;
    padding-right: 1rem
  }
  .float-left, .float-right {
    float: none !important
  }
  #main-text .float-left, #main-text .float-start, #main-text img.float-lg-end, #main-text img.float-right, #main-text img[style*="float: left"], #main-text img[style*="float: right"], #main-text img[style*="float:right"], .float-end, .float-right, [style*="float:left;"], img.float-left, img.float-lg-end, img.float-right, img.float-xl-end, img[style*="float:left"], img[style*="float:right"] {
    margin: 2rem auto 1.5rem
  }
  .title-wrapper-secondary h1.page-title {
    font-size: 3rem
  }
  .float-right > .ratio {
    margin: 0 !important
  }
  #main-text .fauxh2, #main-text h2 {
    font-size: 2rem
  }
  #main-text h3 {
    font-size: 1.85rem;
    color: #0091b8
  }
  #main-text h4 {
    font-size: 1.65rem;
    color: #0091b8
  }
  #main-text h5 {
    font-size: 1.5rem;
    color: #0091b8
  }
  .box-right {
    margin-left: 2rem
  }
  .box-right h2 {
    font-size: 2.25rem !important
  }
  .title-wrapper-secondary.hero-image h1.page-title {
    font-size: 3.5rem;
    padding: 6rem 0 1rem
  }
  .scrollup {
    position: fixed;
    right: 15px;
    bottom: 14px;
    background: #002a4c;
    cursor: pointer;
    line-height: 1.7;
    text-decoration: none;
    display: none;
    border: 2px solid #fff;
    color: #fff;
    padding: 10px 20px;
    font-size: 1.5rem
  }
  .scrollup:hover {
    background: #18bae4;
    color: #fff
  }
  #main-text .touroption {
    margin: 0 auto 2rem;
    background-color: transparent;
    padding: 1rem .75rem;
    display: block;
    overflow: hidden
  }
  #main-text .touroption .tourimage {
    width: 40%;
    float: left;
    margin-right: 1rem
  }
  #main-text .touroption .tourdesc {
    float: left;
    width: 55%
  }
  #main-text .touroptionplain h3 {
    margin-top: 3rem
  }
}
@media (min-width:1200px) {
  .maincontent h2 {
    font-size: 2rem;
    font-weight: 500
  }
  #main-text .box-blue h2:first-child, #main-text .box-right + h2 {
    margin-top: 0
  }
  .box-right h2 {
    font-size: 1.75rem !important
  }
  .title-wrapper-secondary.hero-image h1.page-title {
    font-size: 4rem;
    padding: 8rem 0 1rem
  }
  #main-text .touroption .tourimage img, #main-text .touroptionplain .tourimage img {
    width: 80%;
    margin: 0 auto 1rem
  }
  .float-left {
    float: left !important
  }
  .float-right {
    float: right !important
  }
  #main-text img[style*="float: left"], img.float-left, img[style*="float:left"] {
    margin: 1rem 1rem 1rem 0
  }
  #main-text img.float-lg-end, #main-text img.float-right, #main-text img[style*="float: right"], #main-text img[style*="float:right"], .float-end, .float-right, img.float-lg-end, img.float-right, img.float-xl-end, img[style*="float:right"] {
    margin: 1rem 0 1.5rem 1.5rem
  }
  #main-text .float-left, #main-text .float-start, [style*="float:left;"] {
    margin: 1rem 1.5rem 1.5rem 0
  }
  .title-wrapper-secondary h1.page-title {
    font-size: 3.5rem
  }
}
.enrollment-wrapper {
  height: 200px;
  background: linear-gradient(0deg, rgba(0, 0, 0, .5) 0, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0) 60%, rgba(0, 0, 0, .6) 100%) 0 0/cover, url("/enrollment-aid/images/home/enrollment-header.jpg") center/cover;
  position: relative;
  margin-bottom: 0
}
.constituency-wrapper, .fa-stat, .visit-wrapper, a.contituent-default {
  background-color: #002a4c
}
h1.page-title-enrollment {
  font-family: Kanit, sans-serif;
  font-size: 2.4rem;
  color: #fff;
  line-height: .7;
  font-weight: 500;
  letter-spacing: -2px;
  text-align: center;
  position: absolute;
  bottom: -8px;
  left: 0;
  right: 0;
  padding-top: .5rem;
  text-transform: uppercase
}
.enroll-cta-wrapper {
  padding: 0 0 3rem;
  color: #fff;
  text-align: center
}
.enroll-cta-wrapper h2 {
  text-align: center;
  font-size: 3.75rem;
  line-height: .8;
  font-weight: 800;
  margin: 0 0 2rem;
  text-transform: uppercase;
  font-family: Merriweather, serif
}
.enrollstats-wrapper .stat-number {
  font-size: 2.5rem;
  font-family: Merriweather, serif;
  color: #fff;
  margin: 1rem 0 0;
  text-align: center;
  line-height: 1;
  font-weight: 600
}
.enrollstats-wrapper .stat-info {
  font-size: .95rem;
  margin: .25rem 0;
  color: #18bae4;
  font-weight: 700;
  line-height: 1.1;
  text-align: center
}
.enroll-cta-mainlinks .nav-link {
  color: #003258;
  padding: 1rem 1.25rem;
  font-size: 1.25rem;
  font-weight: 600;
  border: 3px solid #003258;
  position: relative;
  z-index: 1;
  text-align: left;
  margin: .5rem
}
.enroll-cta-mainlinks .nav-link i {
  margin: 0 1.5rem 0 0;
  font-size: 1.5rem
}
.enroll-cta-mainlinks .nav-link:active, .enroll-cta-mainlinks .nav-link:focus, .enroll-cta-mainlinks .nav-link:hover {
  color: #01a9d9;
  border-color: #01a9d9;
  z-index: 1;
  background-color: #fff
}
.enroll-cta-mainlinks .nav-link.green {
  color: #4f6c15;
  border-color: #4f6c15
}
.enroll-cta-mainlinks .nav-link.green:active, .enroll-cta-mainlinks .nav-link.green:focus, .enroll-cta-mainlinks .nav-link.green:hover {
  color: #99c24d !important;
  border-color: #99c24d !important;
  z-index: 1;
  background-color: #fff
}
.constituency-wrapper {
  padding: 4rem 0;
  margin: 0;
  position: relative;
  background-image: url("/img/home/news3.png")
}
.constituency-wrapper h2 {
  text-align: center;
  font-size: 4.25rem;
  line-height: .8;
  font-weight: 800;
  text-transform: uppercase;
  font-family: Merriweather, serif;
  margin: 0 0 2rem
}
.finaid-wrapper h2, .visit-wrapper h2 {
  line-height: .9;
  font-weight: 800;
  font-family: Merriweather, serif;
  text-transform: uppercase
}
.constituency-wrapper a {
  font-size: 1.6rem;
  text-decoration: none;
  color: #002a4c
}
.const-learning {
  position: relative;
  padding: 0;
  margin: 2rem 0 1rem
}
.const-img-wrap {
  position: relative;
  border: 5px solid #fff;
  z-index: 1;
  margin-bottom: 1rem
}
.visit-wrapper {
  color: #fff;
  position: relative;
  padding: 15rem 0 3rem;
  background-image: url("/about/images/home/campuus-tour.jpg");
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: top center
}
.visit-wrapper h2 {
  color: #fff;
  font-size: 3.75rem;
  margin: 0 0 3rem
}
.finaid-wrapper h2 {
  font-size: 3.25rem;
  text-align: center;
  margin: 0 0 2rem
}
.finaid-wrapper h3 {
  font-size: 1.6rem;
  margin: 3rem 0 1rem;
  font-family: Merriweather, serif;
  text-transform: uppercase;
  font-weight: 800
}
.greybg h2, .orangebg h2, .tealbg h2 {
  margin: 0 auto 1rem !important;
  font-size: 2.75rem !important
}
.finaid-subhead {
  font-size: 1.5rem;
  text-align: center;
  margin-bottom: 3rem
}
.fa-links-wrapper {
  padding: 2rem 0;
  margin: 0
}
.fa-mainlinks .nav-link {
  color: #002a4c;
  border: 2px solid;
  padding: 1rem;
  font-size: 1.1rem;
  font-weight: 600;
  margin: 1rem;
  text-align: center
}
.fa-stat {
  color: #fff;
  text-align: center;
  margin: .5rem 0
}
.greybg, .orangebg, .tealbg {
  padding: 1rem 2rem;
  margin: 2rem 0
}
.fastats-wrapper .stat-number {
  font-size: 3.5rem;
  font-family: Merriweather, serif;
  color: #fff;
  margin: 0;
  text-align: center;
  text-transform: uppercase
}
.fastats-wrapper .stat-info {
  font-size: 1rem;
  margin: 0;
  color: #18bae4;
  font-weight: 700;
  line-height: 1.1;
  text-align: center
}
.greybg {
  background-color: #e7edf1;
  color: #fff !important
}
.greybg a {
  color: #00345b !important;
  text-decoration: none;
  font-weight: 600
}
#main-text .greybg ol li, #main-text .greybg ul li, #main-text .tealbg ol li, #main-text .tealbg ul li {
  padding: .5rem 0
}
.tealbg {
  background-color: #0091b8;
  color: #fff
}
.orangebg h2, .tealbg h2 {
  color: #fff !important
}
.orangebg {
  background-color: #f5853f;
  color: #fff
}
.enrollment-financialaid, .enrollment-majors {
  margin: 3rem 0;
  border-top: 1px solid #ccc;
  padding-top: 3rem
}
#main-text .enrollment-financialaid h2, #main-text .enrollment-majors h2 {
  font-size: 2.5rem !important;
  font-weight: 600;
  margin: 0 0 2rem !important;
  padding: 0 !important
}
.enrollment-financialaid-bg, .enrollment-majors-bg {
  color: #fff !important;
  position: relative
}
.enrollment-financialaid-bg img, .enrollment-majors-bg img {
  object-fit: cover
}
.enrollment-financialaid-text, .enrollment-majors-text {
  padding: 0 2rem
}
.enrollment-financialaid-bg:after, .enrollment-majors-bg:after {
  display: block;
  position: absolute;
  background-image: linear-gradient(0deg, rgba(0, 0, 0, .5), rgba(0, 0, 0, .1));
  content: '';
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: .8
}
#main-text .enrollment-financialaid ul.list-unstyled li a, #main-text .enrollment-majors ul.list-unstyled li a {
  color: #1c7cb0;
  font-weight: 600;
  text-decoration: none
}
#main-text .section-header {
  font-family: Merriweather, serif;
  font-size: 2.75rem;
  text-align: center;
  font-weight: 900;
  margin: 0 0 1rem
}
#main-text .section-subheader {
  margin: 0 0 2rem;
  font-size: 2rem;
  text-align: center
}
a.contituent-default {
  color: #fff;
  padding: 3rem 1rem;
  display: block;
  text-align: center;
  font-family: Kanit, sans-serif;
  font-size: 1.75rem !important;
  text-transform: uppercase;
  margin: 1rem;
  border: 3px solid #002a4c;
  font-weight: 500
}
a.contituent-default:active, a.contituent-default:focus, a.contituent-default:hover {
  background-color: transparent;
  color: #002a4c !important
}
@media (min-width:375px) {
  h1.page-title-enrollment {
    font-size: 2.75rem
  }
  .visit-wrapper {
    padding: 18rem 0 3rem
  }
  .finaid-wrapper h2 {
    font-size: 3.75rem
  }
  .finaid-wrapper h3 {
    font-size: 2rem;
    margin: 3rem 0 1rem;
    font-family: Merriweather, serif;
    text-transform: uppercase;
    font-weight: 800
  }
  .constituency-wrapper a {
    font-size: 1.75rem
  }
}
@media (min-width:414px) {
  h1.page-title-enrollment {
    font-size: 3rem
  }
  .enroll-cta-wrapper h2, .finaid-wrapper h2, .visit-wrapper h2 {
    font-size: 4rem
  }
  .constituency-wrapper h2 {
    font-size: 4.5rem
  }
}
@media (min-width:576px) {
  .enrollment-wrapper {
    height: 275px
  }
  h1.page-title-enrollment {
    font-size: 4rem
  }
  .constituency-subhead {
    font-size: 2rem
  }
}
@media (min-width:768px) {
  .constituency-subhead, .finaid-subhead {
    font-size: 1.5rem
  }
  h1.page-title-enrollment {
    font-size: 5.5rem
  }
  .enroll-cta-wrapper {
    padding: 4rem 0
  }
  .constituency-wrapper a span, .finaid-wrapper a span {
    margin-left: .5rem;
    transition: margin .5s
  }
  .constituency-wrapper a:active, .constituency-wrapper a:focus, .constituency-wrapper a:hover, .finaid-wrapper a:active, .finaid-wrapper a:focus, .finaid-wrapper a:hover {
    color: #0091b9
  }
  .constituency-wrapper a:active span, .constituency-wrapper a:focus span, .constituency-wrapper a:hover span, .finaid-wrapper a:active span, .finaid-wrapper a:focus span, .finaid-wrapper a:hover span {
    margin-left: 1rem
  }
  .constituency-wrapper h2 {
    font-size: 4rem
  }
  .enrollment-wrapper {
    height: 400px
  }
  .enroll-cta-mainlinks .nav-link {
    width: 45vw;
    font-size: 1.1rem;
    font-weight: 500;
    padding: 1rem 1.25rem;
    text-align: center;
    text-transform: uppercase
  }
  .enroll-cta-mainlinks .nav-link i {
    display: block;
    font-size: 3rem;
    margin: 0 0 .5rem
  }
  .section-intro {
    padding: 1rem 0;
    background-color: #003054;
    color: #fff
  }
  .visit-wrapper {
    padding: 70vw 1rem 2rem
  }
  .visit-text {
    background-color: rgba(0, 42, 76, .9);
    margin-top: -10rem;
    padding: 2rem 1rem
  }
  .visit-wrapper h2 {
    color: #fff;
    font-size: 4rem;
    margin-top: 1rem;
    line-height: .9;
    text-align: center
  }
  .visit-wrapper .section-leadin {
    margin: 1rem 0
  }
  .visit-wrapper img {
    box-shadow: rgba(0, 0, 0, .3) 0 19px 38px, rgba(0, 0, 0, .22) 0 15px 12px
  }
  .visit-sublinks .nav-item {
    width: auto
  }
  .visit-sublinks .nav-link {
    margin: 1rem;
    width: 40vw
  }
  .visit-sublinks .nav-link:active, .visit-sublinks .nav-link:focus, .visit-sublinks .nav-link:hover {
    color: #fff;
    background-color: #0091b8;
    box-shadow: 0 10px 40px rgb(0 0 0, .8)
  }
  .finaid-wrapper {
    padding: 3rem 0;
    margin: 0;
    background-color: #002a4c;
    position: relative;
    background-image: url("/img/home/news3.png")
  }
  .finaid-wrapper h2 {
    font-size: 4rem;
    text-align: center;
    margin: 0 0 2rem;
    line-height: .9
  }
  .finaid-subhead {
    text-align: left
  }
  .enrollstats-wrapper .stat-number, .fastats-wrapper .stat-number {
    font-size: 3rem
  }
  .finaid-wrapper h3 {
    font-size: 1.6rem
  }
  .enrollstats-wrapper .stat-info {
    font-size: .95rem;
    margin: .5rem 0;
    color: #18bae4;
    font-weight: 700;
    line-height: 1.1;
    text-align: center
  }
  .greybg, .ltgreenbg, .tealbg {
    margin: 4rem 0;
    padding: 2rem
  }
  .greybg h2 {
    font-size: 2.1rem !important;
    margin-bottom: 2rem !important
  }
  #main-text .section-header {
    font-family: Merriweather, serif;
    font-size: 3rem;
    text-align: center;
    font-weight: 900;
    margin: 4rem 0 3rem
  }
  #main-text .section-subheader {
    font-size: 1.75rem
  }
}
@media (min-width:992px) {
  h1.page-title-enrollment {
    font-size: 7rem
  }
  .enroll-cta-wrapper h2 {
    font-size: 4.5rem
  }
  .enrollment-wrapper {
    height: 400px
  }
  .enroll-cta-mainlinks .nav-link {
    width: 25vw
  }
  .enrollstats-wrapper .stat-number, .fastats-wrapper .stat-number {
    font-size: 4rem
  }
  .const-learning {
    margin: 3rem 0 1rem
  }
  .visit-wrapper {
    background-position: center left -200px;
    padding: 0;
    background-size: 125%
  }
  .visit-wrapper h2 {
    font-size: 4.5rem;
    margin: 0 0 1rem;
    text-align: left
  }
  .visit-text {
    background-color: #002a4c;
    padding: 4rem 2rem;
    margin-top: 0
  }
  .visit-sublinks .nav-link {
    padding: 1rem .5rem;
    margin: .5rem .75rem
  }
  .finaid-wrapper h3 {
    font-size: 2rem
  }
  .finaid-subhead {
    padding: 0 2rem
  }
  .fa-mainlinks {
    margin: 3rem 0
  }
  .fa-mainlinks .nav-item {
    width: auto
  }
  .fa-mainlinks .nav-link {
    width: 275px
  }
  .fa-links-wrapper ul {
    list-style-type: none;
    padding: 0 4rem 0 0
  }
}
@media (min-width:1200px) {
  h1.page-title-enrollment {
    font-size: 8rem
  }
  .enroll-cta-wrapper h2 {
    font-size: 4rem
  }
  .enroll-cta-mainlinks .nav-link {
    width: 18vw;
    padding: 1rem .5rem;
    margin: 1rem .5rem
  }
  .constituency-wrapper .container-fluid {
    width: 90%
  }
  .const-learning {
    padding: 0 1rem
  }
  .visit-wrapper {
    background-position: bottom left -75px;
    background-size: 90%
  }
  .finaid-wrapper h3 {
    font-size: 2.2rem
  }
  .fa-links-wrapper {
    padding: 2rem
  }
  .fa-links-wrapper ul {
    list-style-type: none;
    padding: 0 6rem 0 0
  }
  .greybg h2 {
    margin: 0 auto 3rem !important;
    font-size: 2.75rem !important
  }
}
.alumni-events h2, .stayconnected h2 {
  margin: 0 0 2rem !important
}
.alumni-events h2, .featuredalumni h2, .stayconnected h2 {
  text-transform: uppercase;
  font-size: 2.5rem !important
}
@media (min-width:1300px) {
  .enroll-cta-mainlinks .nav-link {
    width: 18vw;
    padding: 1rem
  }
  .visit-wrapper {
    background-position: bottom left -50px;
    background-size: 85%
  }
  .visit-text {
    padding: 6rem 2rem
  }
  .visit-sublinks {
    margin-top: 3rem
  }
  .visit-sublinks .nav-link {
    padding: 1.25rem .5rem;
    width: 18vw;
    margin: .5rem
  }
  .fa-links-wrapper {
    padding: 2rem 3rem
  }
  .enrollstats-wrapper .stat-number {
    font-size: 4.2rem
  }
}
@media (min-width:1400px) {
  .main-wrapper .container {
    max-width: 1320px
  }
  .title-wrapper-secondary.hero-overlay {
    max-height: 600px;
    overflow: hidden
  }
  .enroll-cta-mainlinks .nav-link {
    width: 16vw;
    padding: 1rem 1.25rem
  }
  .enrollment-wrapper {
    height: 625px
  }
  .enrollstats-wrapper .stat-number, .fastats-wrapper .stat-number {
    font-size: 4rem
  }
  .enrollstats-wrapper .stat-info, .fastats-wrapper .stat-info {
    font-size: 1.25rem
  }
  .constituency-wrapper .container-fluid {
    width: 80%;
    max-width: 1340px
  }
  .const-learning {
    padding: 0
  }
  .visit-wrapper {
    background-position: top left -40px;
    background-size: 80%
  }
  .visit-sublinks .nav-link {
    width: 18vw
  }
  .location-wrapper {
    padding: 6rem 8rem 9rem 4rem
  }
}
@media (min-width:1500px) {
  .main-wrapper .container {
    max-width: 1400px
  }
  .fa-links-wrapper {
    padding: 2rem 8rem
  }
}
@media (min-width:1600px) {
  .main-wrapper .container {
    max-width: 1600px
  }
  .title-wrapper-secondary h1.page-title {
    font-size: 3.75rem
  }
  .finaid-subhead {
    padding: 0 2rem;
    margin: 0 auto;
    max-width: 1440px
  }
  .visit-text {
    padding: 8rem 2rem
  }
}
@media (min-width:1700px) {
  .undergraduate-wrapper {
    background-size: 70%;
    background-position: right -375px center
  }
  .ug-mainlinks .nav-link, .ug-sublinks .nav-link {
    width: 400px
  }
  .main-wrapper .container {
    max-width: 1600px
  }
  .enroll-cta-mainlinks .nav-link {
    width: 16vw
  }
  .visit-sublinks .nav-link {
    width: 17vw
  }
}
@media (min-width:1800px) {
  .container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl, .header-wrapper .container {
    max-width: 1600px
  }
  .experiential-wrapper .container-fluid {
    max-width: 1380px
  }
  .undergraduate-wrapper {
    background-size: 65%;
    background-position: right -300px center
  }
  .living-mainlinks .nav-link, .living-sublinks .nav-link, .sports-sublinks .nav-link {
    width: 400px
  }
  .visit-text {
    padding: 10rem 2rem
  }
}
@media (min-width:1900px) {
  .enrollment-wrapper {
    height: 625px
  }
  .enroll-cta-mainlinks .nav-link {
    width: 14vw
  }
  .constituency-wrapper .container-fluid {
    width: 85%;
    max-width: 1400px
  }
}
@media (max-width:991px) {
  .tab-content > .tab-pane {
    display: block;
    opacity: 1
  }
}
.alum-date, .alum-date a {
  color: #26cefd !important;
  text-shadow: 2px 1px 0 rgba(0, 0, 0, .6);
  text-decoration: none
}
.counterDiv {
  background-color: #01223b;
  border-bottom: 1px solid #00192c;
  border-top: 1px solid #00192c
}
#eventName {
  font-size: 1.6rem;
  margin: .8rem auto;
  padding-bottom: .2rem;
  color: #fd7605 !important
}
.alumnievents-wrapper {
  background-color: #002a4c;
  padding: 2rem 0;
  box-shadow: 0 22px 22px -22px rgba(0, 0, 0, .9) inset, 0 -22px 22px -22px rgba(0, 0, 0, .9) inset
}
.alumni-events h2 {
  color: #fff !important
}
.stayconnected {
  padding-top: 3rem;
  padding-bottom: 3rem
}
.btn-teal {
  background-color: #0091b8;
  border-color: #0dacd7;
  color: #fff !important
}
.btn-teal:focus, .btn-teal:hover {
  color: #0091b8 !important;
  background-color: #fff;
  border-color: #033151;
  box-shadow: none;
  text-shadow: none
}
#main-text .alum-title, #main-text .alum-title a, .alum-date {
  color: #fff !important;
  font-weight: 600;
  font-size: 1.5rem
}
.alum-date {
  font-size: 1.25rem !important
}
.featuredalumni {
  background-color: #f6f6f6;
  padding: 2rem 0;
  margin-bottom: -5rem
}
.featuredalumni h2 {
  margin: 0 !important
}
.featuredalumni h3 {
  margin: 2rem 0 !important
}
@media (min-width:576px) {
  #eventName {
    font-size: 2rem !important;
    margin: .8rem auto;
    padding-bottom: .2rem;
    color: #fd7605 !important
  }
}
@media (min-width:768px) {
  #eventName {
    color: #fff;
    font-size: 1.5rem;
    text-align: center;
    margin-bottom: 1rem
  }
}
@media (min-width:992px) {
  #eventName {
    color: #fff;
    font-size: 1.8rem;
    text-align: center;
    margin-bottom: 1rem
  }
}
@media (min-width:1200px) {
  .counterDiv {
    background-color: #01223b;
    border-bottom: none;
    border-top: none;
    height: 0
  }
  #timer {
    position: absolute;
    background-color: rgba(0, 60, 105, .9);
    margin-left: 2rem;
    bottom: 7.5rem;
    padding-top: .5rem
  }
  #eventName {
    font-size: 2.5rem !important;
    margin-bottom: .5rem;
    line-height: 1.1
  }
}
.alert-danger strong {
  color: #842029 !important
}
.table-striped > tbody > tr:nth-child(odd) > td, .table-striped > tbody > tr:nth-child(odd) > th {
  background-color: #fefefe
}
.alert-info p {
  margin-bottom: 0 !important
}
.alert {
  margin-top: 2rem;
  margin-bottom: 2rem
}
@charset "utf-8";
.mobile-cta .nav-link, .mobile-cta-trigger, .to-upper, .uppercase {
  text-transform: uppercase
}
.mainnav-section .nav-link.nav-accordion-button.collapsed, .mobile-cta .nav-link {
  border-bottom: 1px solid #00213a;
  border-top: 1px solid #01497f
}
h1, h2, h3, h4, h5, h6 {
  font-family: Kanit, sans-serif;
  color: #003054
}
#accessMenu, #main-text .vwuaccordian .card .card .card-header {
  background-color: #0091b8
}
#accessMenu li, #main-text .emp-accordian .card, .title-wrapper-secondary.hero-image {
  padding: 0
}
a.skip-link {
  transition: top 1s ease-out, background 1s linear 0;
  color: #fff;
  display: block;
  padding: 1em;
  text-align: center
}
a.skip-link:focus {
  outline: 0;
  color: #fff;
  transition: top .1s ease-in, background .5s linear 0
}
.lead {
  font-weight: 300;
  color: #003054;
  margin: 1rem 0 2rem;
  text-align: center;
  font-size: 1.5rem;
  border-bottom: 1px solid rgba(126, 146, 158, .2);
  padding-bottom: 2rem
}
body {
  color: #444;
  font-family: 'Open Sans', sans-serif;
  font-size: 1.25rem;
  letter-spacing: .02rem;
  line-height: 1.3
}
.light-teal, a:focus, a:hover {
  color: #18bae4
}
#main-text a, a {
  color: #0080a3
}
.btn {
  border-radius: 0
}
.teal {
  color: #0091b9 !important
}
.blue {
  color: #002a4c !important
}
.font-07 {
  font-size: .7rem !important
}
.font-08 {
  font-size: .8rem !important
}
.font-095 {
  font-size: .95rem !important
}
.font-1 {
  font-size: 1rem !important
}
.font-11 {
  font-size: 1.1rem !important
}
.font-12 {
  font-size: 1.2rem !important
}
.font-13 {
  font-size: 1.3rem !important
}
.font-14 {
  font-size: 1.4rem !important
}
.font-15 {
  font-size: 1.5rem !important
}
.font-20 {
  font-size: 2rem !important
}
.font20, .mainnav-trigger i, .search-trigger i {
  font-size: 1.25rem
}
.font-215 {
  font-size: 2.15rem !important
}
.font-225 {
  font-size: 2.25rem !important
}
.font-25 {
  font-size: 2.5rem !important
}
.font-30 {
  font-size: 3rem !important
}
.font-35 {
  font-size: 3.5rem !important
}
.font-40 {
  font-size: 4rem !important
}
.font-45 {
  font-size: 4.5rem !important
}
.font-50 {
  font-size: 5rem !important
}
.font-55 {
  font-size: 5.5rem !important
}
.font-60 {
  font-size: 6rem !important
}
.blue-top {
  background-color: #003760
}
.mobile-cta-trigger {
  display: block;
  width: 100%;
  color: #fff;
  text-align: center;
  text-decoration: none;
  padding: .75rem;
  font-weight: 500;
  font-size: 1.1rem;
  background-color: #0091ba
}
.mobile-cta-trigger:focus, .mobile-cta-trigger:hover {
  text-decoration: none;
  background-color: #003c69;
  color: #fff
}
.mobile-cta-trigger.collapsed {
  transition: .4s linear;
  background-color: #0091ba
}
.mobile-cta-trigger:not(.collapsed) i {
  transform: rotate(90deg)
}
.mobile-cta .nav-link {
  font-weight: 500;
  color: #fff;
  background-color: #002a4c;
  text-align: center;
  font-size: .9rem;
  padding: 1rem 0;
  border-right: 1px solid #01497f;
  border-left: 1px solid #00213a
}
#main-text a.blue-link:active, #main-text a.blue-link:focus, #main-text a.blue-link:hover, #notification-div a:active, #notification-div a:focus, #notification-div a:hover, .acad-support-wrapper a:active, .acad-support-wrapper a:focus, .acad-support-wrapper a:hover, .briefs-slider .nav-link:active, .briefs-slider .nav-link:focus, .briefs-slider .nav-link:hover, .contact-links .nav-link:active, .contact-links .nav-link:focus, .contact-links .nav-link:hover, .copyright-links .nav-link:active, .copyright-links .nav-link:focus, .copyright-links .nav-link:hover, .fa-links-wrapper a:active, .fa-links-wrapper a:focus, .fa-links-wrapper a:hover, .mobile-cta .nav-link:active, .mobile-cta .nav-link:focus, .mobile-cta .nav-link:hover, .news-arts-wrapper ul li a:active, .news-arts-wrapper ul li a:focus, .news-arts-wrapper ul li a:hover, .site-search .popular .nav-link:active, .site-search .popular .nav-link:focus, .site-search .popular .nav-link:hover, .support-wrapper a:active, .support-wrapper a:focus, .support-wrapper a:hover {
  text-decoration: underline
}
#main-text a:active, #main-text a:focus, #main-text a:hover, .main-menu-section, .mainnav-section .nav-link:active i, .mainnav-section .nav-link:focus i, .mainnav-section .nav-link:hover i, ul.no-underline li a {
  text-decoration: none
}
.header-wrapper .container {
  padding: 0;
  max-width: 100%
}
.header-wrapper {
  position: relative;
  z-index: 999;
  top: 0;
  left: 0;
  right: 0;
  background: #003054
}
.site-logo {
  max-width: 95%
}
.mainnav-trigger, .search-trigger {
  font-weight: 700 !important;
  border-radius: 0;
  text-transform: uppercase;
  color: #fff;
  width: 65px;
  padding: 1.7rem 0 !important;
  font-size: .8rem !important
}
.main-menu-section, .menu-subheader {
  font-weight: 700;
  text-transform: uppercase
}
.mainnav-trigger:active, .mainnav-trigger:focus, .mainnav-trigger:hover, .search-trigger:active, .search-trigger:focus, .search-trigger:hover {
  background-color: #006494;
  color: #fff
}
.offcanvas {
  position: fixed;
  bottom: 0;
  z-index: 1045;
  display: flex;
  flex-direction: column;
  max-width: 100%;
  visibility: hidden;
  background-color: #fff;
  background-clip: padding-box;
  outline: 0;
  transition: transform .3s ease-in-out
}
.offcanvas-menu, .offcanvas-search {
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  max-height: 100%;
  background-color: #002a4c;
  color: #fff
}
.offcanvas-menu {
  transform: translateX(100%)
}
.offcanvas-search {
  transform: translateX(-100%)
}
.offcanvas-search .offcanvas-body {
  padding-top: 4rem
}
.offcanvas-menu .btn-close, .offcanvas-search .btn-close {
  font-size: 1.5rem;
  font-weight: 500;
  opacity: 1;
  margin-top: 0;
  margin-right: .5rem;
  margin-bottom: 0;
  position: absolute;
  top: 10px;
  right: 10px
}
.con-wrapper img, .const-wrapper, .health-wrapper img, .main-menu-wrap, .main-wrapper, .session-wrapper img, .video-wrapper {
  position: relative
}
.offcanvas-title {
  display: none
}
.prospective-cta-mobile-menu .nav-link {
  font-weight: 500;
  color: #fff;
  text-align: center;
  font-size: .9rem;
  margin: .75rem;
  border-radius: .5rem;
  height: 90px;
  width: 125px
}
.prospective-cta-mobile-menu .nav-link:active, .prospective-cta-mobile-menu .nav-link:focus, .prospective-cta-mobile-menu .nav-link:hover {
  color: #29d1ff;
  text-decoration: underline
}
.prospective-cta-mobile-menu i {
  font-size: 1.25rem;
  margin-bottom: .5rem;
  display: block
}
.mainnav-section .nav-link {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  text-align: left;
  border: 0;
  border-radius: 0;
  overflow-anchor: none;
  font-weight: 400;
  color: #fff;
  text-transform: uppercase;
  background-color: transparent;
  padding: .5rem .25rem;
  letter-spacing: 1px
}
.mybeaconlink.focus, .mybeaconlink:active, .mybeaconlink:hover, .offcanvas-header {
  background-color: #002a4c
}
.offcanvas-header {
  border-bottom: 1px solid #013a64;
  padding: 3.25rem 1rem 1rem
}
.mainnav-section .nav-link.nav-accordion-button {
  font-family: Anton, sans-serif;
  font-size: 1.7rem;
  padding: 1.5rem 0 .5rem;
  border-top: 1px solid #01497f;
  outline: 0
}
.mainnav-section .nav-link:active, .mainnav-section .nav-link:focus, .mainnav-section .nav-link:hover {
  color: #00a9d6
}
.mainnav-section .nav-link:focus-visible {
  outline: #00a9d6 solid 2px;
  color: #00a9d6
}
.mainnav-section .nav-link.nav-accordion-button.collapsed::after {
  content: "\f055"
}
.main-navbar {
  padding-top: 1rem
}
.main-nav {
  padding: 1rem 0
}
.mainnav-section .nav-link.nav-accordion-button::after {
  transition: transform .2s ease-in-out;
  content: "\f056";
  background-image: none;
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  margin-left: 2rem;
  position: absolute;
  right: 20px
}
.mainnav-section .submenu {
  min-width: 10rem;
  padding: .5rem 0 1.5rem;
  margin: 0;
  font-size: 1rem;
  color: #212529;
  text-align: left;
  list-style: none;
  background-clip: padding-box;
  border: none;
  border-radius: 0;
  width: 100%
}
.main-menu-section {
  padding: .5rem 2rem .5rem .5rem;
  color: #fff;
  margin: 1rem 0 2rem;
  display: inline-block
}
.news-wrapper h3.pres-h3, .quicklinks {
  margin-top: 2rem
}
.menu-subheader {
  margin-bottom: 0;
  font-size: 1.25rem;
  color: #00a9d6
}
.mainnav-section .submenu .nav-link {
  color: #fff;
  font-size: 1rem;
  border: none;
  text-transform: none;
  font-weight: 400;
  margin: 0;
  padding: .45rem 0
}
.mainnav-section .submenu .nav-link:active, .mainnav-section .submenu .nav-link:focus, .mainnav-section .submenu .nav-link:hover {
  text-decoration: underline !important
}
.secondary-section .nav-link {
  color: #fff;
  font-weight: 400;
  font-size: 1.25rem;
  margin: 3px 0;
  padding: .25rem 0
}
.secondary-section .nav-link:active, .secondary-section .nav-link:focus, .secondary-section .nav-link:hover {
  text-decoration: underline;
  color: #00a9d6
}
.secondary-nav-section .nav-link {
  color: #fff;
  font-weight: 400;
  font-size: 1.3rem;
  margin: .75rem 0;
  padding: .25rem 0;
  text-transform: uppercase;
  font-family: Kanit, sans-serif;
  border-bottom: 10px solid #003c69;
  display: inline-block
}
.secondary-nav-section .nav-link:active, .secondary-nav-section .nav-link:focus, .secondary-nav-section .nav-link:hover {
  text-decoration: none;
  border-bottom: 10px solid #00a9d6
}
.prospective-menu-cta .nav-link {
  font-weight: 700;
  color: #fff;
  margin: .5rem;
  padding: .5rem .75rem;
  font-size: .95rem;
  border: 1px solid
}
.prospective-menu-cta .nav-link:active, .prospective-menu-cta .nav-link:focus, .prospective-menu-cta .nav-link:hover {
  color: #29d1ff
}
.quicklinks {
  background-color: #002340;
  padding: 2rem;
  border: 5px solid #0091b8
}
.mybeaconlink {
  border: 1px solid #002a4c;
  padding: .75rem 4.5rem;
  background-color: #003c69;
  border-radius: .75rem
}
.nav-section-head {
  font-family: Anton, sans-serif;
  font-size: 2.5rem;
  text-transform: uppercase;
  font-weight: 500;
  letter-spacing: 2px;
  text-align: center
}
.video-text, .video-title {
  font-family: Kanit, sans-serif;
  text-shadow: .1rem .1rem .2rem #000;
  line-height: 1
}
.main-nav-right .nav-link {
  color: #fff;
  padding: .2rem 0
}
#main-text .pubs p, #main-text p, .global-search-form, .panel.panel-blue {
  margin-bottom: 1rem
}
.form-control.global-search {
  padding: .25rem .5rem .15rem .75rem;
  display: block;
  color: #fff;
  border: 0 solid #fff;
  border-radius: 0;
  background-color: #00233f;
  outline: 0;
  font-size: 1.25rem
}
.form-control.global-search:focus {
  box-shadow: 0 8px 6px -6px #51cbee;
  border: solid #51cbee;
  border-width: 0 0 1px
}
.form-control.global-search:focus::placeholder {
  color: transparent
}
.btn.btn-search {
  right: 0;
  bottom: 0;
  font-size: 1.25rem;
  width: 50px;
  height: 50px;
  border: 1px solid #001a2f;
  z-index: 9
}
.btn-search {
  font-size: 1.5rem;
  color: #fff;
  padding: .5rem
}
.btn-search:active, .btn-search:focus, .btn-search:hover {
  color: #02b4e4;
  outline: 0
}
.global-search::placeholder {
  color: #fff;
  font-style: italic;
  opacity: 1
}
.global-search:-ms-input-placeholder {
  color: #02b4e4;
  font-weight: 700
}
.global-search::-ms-input-placeholder {
  color: #02b4e4;
  font-weight: 700
}
.constituent-nav .nav-link, .video-title {
  text-align: center;
  font-weight: 600;
  color: #fff;
  text-transform: uppercase
}
.site-search .popular .nav-link {
  background-color: #001628;
  color: #fff;
  margin: .25rem;
  text-transform: uppercase;
  font-weight: 500;
  text-align: center;
  font-size: 1rem
}
.video-wrapper .overlay {
  background-image: linear-gradient(180deg, #f2f2f2 0, rgba(0, 0, 0, .664285782672444) 0, rgba(0, 0, 0, 0) 15%, rgba(0, 0, 0, .014425838694852922) 90%, rgba(0, 0, 0, .6614846622242647) 100%);
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0
}
.video-messaging {
  position: absolute;
  z-index: 10;
  left: 0;
  right: 0;
  top: auto;
  bottom: .75rem
}
.video-title {
  z-index: 8;
  letter-spacing: 2.5px;
  font-size: 2.25rem;
  margin: 0
}
.video-text {
  text-align: center;
  color: #fff;
  font-size: 1.25rem;
  margin-bottom: 0
}
.video-btn {
  color: #fff;
  background-color: rgba(0, 0, 0, .5);
  text-transform: uppercase;
  font-size: 1rem;
  font-weight: 700;
  padding: .5rem 1.5rem;
  border: 1px solid #fff;
  transition: transform .2s;
  text-align: center;
  text-decoration: none;
  margin: 1rem 2rem 0
}
.stat-front, .stat-front2 {
  font-weight: 500;
  text-shadow: none
}
.fa-wrapper h2, .programs-wrapper h2, .stat-front, .stat-front2 {
  margin-bottom: 1.5rem
}
.video-btn:active, .video-btn:focus, .video-btn:hover {
  box-shadow: 0 0 5px 5px rgba(0, 145, 185, .9);
  color: #fff;
  text-decoration: none
}
.btn-video-controls {
  position: absolute;
  top: .25rem;
  right: .25rem;
  color: #fff;
  cursor: pointer;
  font-size: 1.3rem;
  z-index: 12;
  transition: transform .2s, scale .5s;
  opacity: .5
}
.btn-video-controls:active, .btn-video-controls:focus, .btn-video-controls:hover {
  color: #fff;
  opacity: 1;
  transform: scale(1.2)
}
.const-wrapper {
  background-color: #002a4c;
  padding: .5rem 0 1rem
}
.why-wrapper, .why-wrapper2 {
  padding: 2rem 0 1rem;
  position: relative
}
.constituent-nav .nav-item, .fa-mainlinks .nav-item, .pres-sublinks .nav-item, .programs-selections .nav-item, .sports-sublinks .nav-item, .visit-resources-links .nav-item, .visit-sublinks .nav-item {
  width: 100%
}
.constituent-nav .nav-link {
  background-color: #002a4c;
  padding: 1rem 0;
  font-size: 1.2rem;
  border-radius: 0;
  margin: .25rem 0 0;
  border: 1px solid #02538f
}
.stat .stat-num, .stat2 .stat-num {
  margin-bottom: .5rem;
  font-weight: 900;
  display: block
}
.constituent-nav .nav-link:active, .constituent-nav .nav-link:focus, .constituent-nav .nav-link:hover {
  background-color: #0091b9
}
.why-wrapper {
  background-color: #ededed
}
.why-wrapper2 {
  background-color: #002a4c;
  color: #fff
}
.stat, .stat2 {
  padding: 0 2.5rem;
  line-height: 1;
  text-align: center
}
.why-wrapper h2, .why-wrapper2 h2 {
  font-family: Merriweather, serif;
  font-size: 2.5rem;
  font-weight: 900;
  color: #002a4c;
  text-align: center;
  margin-bottom: 1.5rem;
  text-transform: uppercase;
  line-height: 1
}
.why-wrapper h2 .lrg-text {
  text-transform: uppercase;
  color: #0091b9;
  font-size: 4rem;
  display: block;
  line-height: .8
}
.why-wrapper2 h2 .lrg-text {
  text-transform: uppercase;
  color: #0091b9;
  font-size: 3.5rem;
  display: block;
  line-height: .8
}
.stat {
  color: #002a4c
}
.stat2 {
  color: #fff
}
.stat-front {
  font-size: 1.4rem
}
.stat-front2 {
  font-size: 1.2rem
}
.btn-why, .btn-why2 {
  font-size: 1.1rem;
  font-weight: 600;
  padding: .5rem;
  color: #fff
}
.stat .stat-num {
  font-size: 5.5rem;
  text-shadow: 2px 2px 0 #ededed, 4px 4px 0 #0091b9
}
.stat2 .stat-num {
  font-size: 3.5rem;
  font-family: Merriweather, serif
}
.btn-why {
  background-color: #c05702;
  border: 1px solid #812a02
}
.btn-why:active, .btn-why:focus, .btn-why:hover {
  background-color: #812a02;
  border: 1px solid #fff;
  color: #fff;
  text-decoration: none
}
.btn-why2 {
  background-color: #0091b8;
  border: 1px solid #0182a5
}
.btn-why2:active, .btn-why2:focus, .btn-why2:hover {
  background-color: #017797;
  border: 1px solid #fff;
  color: #fff;
  text-decoration: none
}
.programs-wrapper {
  padding: 2rem 0 6rem;
  border-bottom: none
}
.programs-wrapper h2 {
  font-family: Merriweather, serif;
  font-size: 2.5rem;
  font-weight: 900;
  color: #002a4c;
  line-height: 1;
  text-align: center;
  text-transform: uppercase
}
.campus-text-wrapper .lrg-text, .programs-wrapper .lrg-text {
  text-transform: uppercase;
  font-size: 4rem;
  display: block
}
.bootstrap-select.form-control-lg .dropdown-toggle {
  padding: .5rem 1rem;
  background-color: #fff;
  border: 1px solid #ced4da
}
.bootstrap-select .dropdown-toggle:focus, .bootstrap-select > select.mobile-device:focus + .dropdown-toggle {
  outline: -webkit-focus-ring-color auto 5px !important;
  outline-offset: 5px;
  border: 1px solid #86b7fe;
  box-shadow: 0 0 0 .25rem rgba(13, 110, 253, .25)
}
.bootstrap-select .dropdown-menu li a {
  white-space: pre-wrap
}
.programs-inner-wrapper a {
  color: #002a4c;
  font-weight: 700
}
.programs-selections .nav-link {
  color: #013c68;
  text-align: center;
  padding: .75rem 1rem;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 1rem;
  border: 2px solid;
  margin: .5rem .25rem
}
.fa-wrapper h2, .programs-wrapper .spotlight {
  font-family: Merriweather, serif;
  font-size: 2.5rem;
  font-weight: 900;
  text-align: center;
  text-transform: uppercase
}
.programs-selections .nav-link:active, .programs-selections .nav-link:focus, .programs-selections .nav-link:hover {
  background-color: #013c68;
  color: #fff;
  text-decoration: none
}
.programs-wrapper .spotlight-wrapper {
  background-color: #002a4c;
  color: #fff;
  line-height: 1.4;
  position: relative;
  box-shadow: 10px 13px #0091b8;
  padding: 2rem 1rem;
  margin-top: 1.5rem
}
.programs-wrapper .spotlight {
  margin-bottom: .5rem;
  line-height: 1;
  color: #f7b801
}
.spotlight-wrapper .btn-ltblue {
  color: #fff;
  border: 2px solid #fff;
  padding: .75rem 1rem;
  font-weight: 600;
  margin: 1rem 0
}
.programs-wrapper .spotlight-subheading {
  font-size: 1.75rem;
  font-weight: 700;
  text-align: center;
  font-family: Merriweather, serif;
  margin-bottom: 1rem;
  line-height: 1
}
.programs-wrapper .spotlight-tier1 {
  margin-bottom: .5rem;
  text-align: center;
  font-size: 1.25rem
}
.spotlight-wrapper .btn-ltblue:focus, .spotlight-wrapper .btn-ltblue:hover {
  color: #114857;
  background-color: #fff;
  border: 2px solid #114857
}
.fa-wrapper {
  background-color: #e5f3f9;
  padding: 5rem 0 2rem;
  color: #002a4c;
  margin-top: -8rem
}
.fa-wrapper h2 {
  color: #002a4c;
  line-height: .9
}
.fa-wrapper .lrg-text {
  font-size: 4rem;
  display: block;
  text-transform: uppercase
}
#main-text .vwuaccordian .card, .news-wrapper .card {
  display: flex;
  background-clip: border-box;
  min-width: 0;
  word-wrap: break-word
}
.fa-wrapper .fa-subheading {
  font-size: 2rem;
  text-align: center;
  margin: 2rem 0
}
.fahome-mainlinks {
  margin: 4rem 0 2rem
}
.fahome-mainlinks .nav-link {
  padding: 1rem;
  font-size: 1.2rem;
  font-weight: 600;
  color: #fff;
  border: 3px solid #001d35;
  background-color: #002a4c;
  margin: .5rem 0;
  text-align: center
}
.briefs-wrapper .all-features, .news-wrapper .all-features {
  margin-right: 0;
  font-size: 1rem;
  text-align: center;
  text-decoration: none
}
.fahome-mainlinks .nav-link:active, .fahome-mainlinks .nav-link:focus, .fahome-mainlinks .nav-link:hover {
  color: #002a4c;
  background-color: transparent;
  border: 3px solid
}
.enrollments-cta-wrapper {
  background-image: url("/img/home/becomemarlin.webp"), url("/img/home/becomemarlin.webp");
  background-size: contain;
  background-position: left center, right center;
  background-repeat: no-repeat;
  color: #fff;
  background-color: #002a4c;
  padding: 1rem .25rem
}
.btn-feature, .news-wrapper .all-features {
  -webkit-transition: .4s;
  -moz-transition: .4s;
  background-position: 0 -100%
}
.enrollments-cta-wrapper h2 {
  font-family: Kanit, sans-serif;
  color: #fff !important;
  margin-bottom: 1.25rem;
  text-align: center;
  padding: 0;
  font-size: 3rem;
  text-transform: uppercase;
  line-height: 1;
  font-weight: 600;
  letter-spacing: 2px
}
.enrollments-cta-wrapper a {
  color: #fff;
  font-size: 1.25rem;
  text-decoration: none;
  display: block;
  padding: 1rem .5rem 1rem .75rem;
  margin: .25rem 0;
  border: 2px solid;
  background-color: rgba(0, 52, 90, .8)
}
.enrollments-cta-wrapper a i {
  font-size: 1.75rem;
  float: right
}
.enrollments-cta-wrapper a:active, .enrollments-cta-wrapper a:focus, .enrollments-cta-wrapper a:hover {
  background-color: rgba(255, 255, 255, .8);
  color: #002a4c
}
.news-wrapper {
  padding: 2rem 0 1.5rem;
  border-top: 7px solid #002a4c;
  background-image: url("/img/home/news3.png")
}
.news-wrapper h2 {
  font-family: Merriweather, serif;
  font-size: 2.5rem;
  font-weight: 900;
  color: #002a4c;
  margin-bottom: 3rem;
  text-align: center;
  text-transform: uppercase;
  line-height: .8
}
.briefs-wrapper h3, .dbn-wrapper h3, .news-wrapper h3 {
  font-family: 'Open Sans', sans-serif
}
.news-wrapper h2 .lrg-text {
  text-transform: uppercase;
  line-height: .8;
  font-size: 4rem;
  display: block
}
.news-wrapper h3 {
  font-weight: 700;
  font-size: 2.25rem;
  margin-bottom: 2.5rem;
  line-height: .8;
  color: #002a4c
}
.news-wrapper .all-features {
  color: #013c68;
  border: 2px solid #013c68;
  padding: .25rem .5rem;
  transition: .4s;
  background-size: 100% 200%;
  background-image: linear-gradient(to top, transparent 50%, #013c68 50%)
}
.briefs-wrapper .all-features, .btn-feature {
  background-size: 100% 200%;
  background-image: linear-gradient(to top, transparent 50%, #fff 50%)
}
.news-wrapper .all-features:active, .news-wrapper .all-features:focus, .news-wrapper .all-features:hover {
  text-decoration: none;
  color: #fff;
  background-color: #013c68;
  background-position: 0 0
}
.news-wrapper .feature-wrapper {
  padding: 2rem 1rem .5rem;
  position: relative;
  box-shadow: rgba(0, 0, 0, .5) 0 0 5px;
  background-color: #002a4c;
  color: #fff;
  margin-bottom: 2rem;
  width: 100%;
  line-height: 1.2
}
.image-wrapper {
  overflow: hidden;
  background-color: #fff
}
.feature-link:hover .story-img {
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -ms-transform: scale(1.05);
  -o-transform: scale(1.05);
  transform: scale(1.05)
}
.news-wrapper .feature-wrapper.teal-bg-right::after {
  position: absolute;
  content: " ";
  width: 100%;
  height: 100%;
  bottom: -1rem;
  right: -.5rem;
  background: #0091b8;
  z-index: -1
}
.news-wrapper .card {
  position: relative;
  flex-direction: column;
  background-color: #002a4c;
  border: none;
  border-radius: 0
}
.news-wrapper .card .card-body {
  flex: 1 1 auto;
  padding: .5rem 0 1rem
}
.news-wrapper .card .card-title {
  font-size: 1.2rem;
  font-weight: 700;
  line-height: 1.3;
  margin-bottom: 1rem
}
.deptTitle, .news-wrapper .card .card-text {
  font-size: 1.2rem
}

.btn-feature {
  color: #fff;
  background-color: #002a4c;
  border: 2px solid #fff;
  transition: .4s
}
.btn-feature:active, .btn-feature:focus, .btn-feature:hover {
  background-color: #fff;
  color: #002a4c;
  background-position: 0 0
}
.feature-link {
  color: #fff;
  text-decoration: none
}
.feature-link:active, .feature-link:focus, .feature-link:hover {
  color: #00a6d3
}
.briefs-wrapper {
  background: #002a4c;
  padding: 2rem 0 1rem
}
.briefs-inner-wrapper {
  text-align: center
}
.briefs-wrapper h3 {
  color: #fff;
  font-weight: 700;
  font-size: 2.5rem;
  line-height: .8
}
.briefs-wrapper .all-features {
  color: #fff;
  border: 1px solid #fff;
  padding: .5rem 1rem;
  text-transform: uppercase;
  -webkit-transition: .4s;
  -moz-transition: .4s;
  transition: .4s;
  background-position: 0 -100%
}
.briefs-wrapper .all-features:active, .briefs-wrapper .all-features:focus, .briefs-wrapper .all-features:hover {
  text-decoration: none;
  color: #002a4c;
  background-position: 0 0
}
.briefs-slider {
  padding: 2rem 0 4rem
}
.briefs-slider .nav-link {
  color: #fff;
  text-decoration: none;
  font-size: 1.3rem;
  padding: .75rem 0;
  line-height: 1.4;
  text-align: left;
  min-height: 130px;
  margin: 0;
  border-bottom: 1px solid #fff
}
.briefs-date {
  font-size: .9rem;
  text-align: right;
  margin: .5rem 0 0;
  color: #fff
}
.dbn-wrapper {
  background: url(/img/home/m-dbn.png) center center no-repeat #f4f4f4;
  padding: 2rem 0 1rem
}
.dbn-wrapper h3 {
  color: #002a4c;
  font-weight: 700;
  font-size: 2.5rem;
  line-height: 1;
  margin-bottom: 1rem;
  text-align: center
}
.campus-text-wrapper h2, .events-wrapper h2 {
  font-family: Merriweather, serif;
  text-align: center;
  position: relative
}
.events-wrapper {
  background-color: #e8e8e8;
  padding: 4rem .5rem 1rem;
  position: relative;
  background-image: url("/img/home/news3.png");
  background-position: bottom center;
  background-repeat: repeat;
  border-bottom: 5px solid #002a4c
}
.btn-giving, .footer-links .nav-link {
  background-image: linear-gradient(to top, transparent 50%, #fff 50%)
}
.btn-events, .btn-giving {
  text-transform: uppercase;
  -webkit-transition: .4s;
  -moz-transition: .4s;
  background-position: 0 -100%;
  background-size: 100% 200%
}
.events-wrapper h2 {
  font-size: 2.5rem;
  font-weight: 900;
  color: #002a4c;
  margin-bottom: 1.5rem;
  text-transform: uppercase;
  line-height: .8
}
.events-wrapper h2 .lrg-text {
  display: block;
  font-size: 4rem;
  text-transform: uppercase
}
#main-text .event-link, .event-link {
  display: block;
  text-decoration: none;
  color: #002a4c;
  min-height: 165px
}
.event-wrapper {
  min-height: 150px
}
.date-wrapper {
  text-align: center;
  line-height: 1;
  padding: .5rem 0;
  width: 100%;
  border-bottom: 1px solid #ddd;
  background-color: #002b4e
}
.event-month {
  color: #fff;
  font-size: 1.5rem;
  font-weight: 400;
  margin: 0 .5rem
}
.event-day {
  color: #fff;
  font-size: 1.75rem;
  font-weight: 800
}
.event-description {
  color: #002a4c;
  font-size: 1.2rem;
  font-weight: 600;
  padding: .25rem;
  line-height: 1.2
}
.dates, .times {
  font-size: 1rem;
  font-weight: 400
}
#main-text a.event-link:active .event-day, #main-text a.event-link:active .event-description, #main-text a.event-link:active .event-month, #main-text a.event-link:focus .event-day, #main-text a.event-link:focus .event-description, #main-text a.event-link:focus .event-month, #main-text a.event-link:hover .event-day, #main-text a.event-link:hover .event-description, #main-text a.event-link:hover .event-month, .about-second-wrapper a:active, .about-second-wrapper a:focus, .about-second-wrapper a:hover, .activities-wrapper a:active, .activities-wrapper a:focus, .activities-wrapper a:hover, .experiential-wrapper a:active, .experiential-wrapper a:focus, .experiential-wrapper a:hover, .involved-wrapper a:active, .involved-wrapper a:focus, .involved-wrapper a:hover, .wellness-wrapper a:active, .wellness-wrapper a:focus, .wellness-wrapper a:hover, a.event-link:active .event-day, a.event-link:active .event-description, a.event-link:active .event-month, a.event-link:focus .event-day, a.event-link:focus .event-description, a.event-link:focus .event-month, a.event-link:hover .event-day, a.event-link:hover .event-description, a.event-link:hover .event-month {
  color: #0091b9
}
.btn-events {
  color: #fff;
  background-color: #002a4c;
  border: 1px solid #00203a;
  font-size: 1rem;
  font-weight: 600;
  padding: .5rem 1rem;
  transition: .4s
}
.btn-events:active, .btn-events:focus, .btn-events:hover {
  color: #fff;
  background-color: #0091b8;
  border: 1px solid #017a9a;
  background-position: 0 0
}
.campus-wrapper {
  padding: 1rem 0 2rem;
  position: relative;
  background-color: #f2f2f2
}
.campus-text-wrapper {
  padding: 2rem .25rem 1rem;
  background-color: #002b4e
}
.campus-text-wrapper h2 {
  font-size: 3rem;
  font-weight: 900;
  line-height: .9;
  color: #fff;
  margin-bottom: 0;
  text-transform: uppercase
}
.footer-wrapper h2, .footer-wrapper h3 {
  color: #fff !important;
  line-height: 1;
  font-family: Kanit, sans-serif
}
.giving-wrapper {
  padding: 2rem 0;
  background-color: #017fa2;
  color: #fff;
  font-size: 1.25rem;
  font-weight: 600;
  text-align: center
}
.btn-giving {
  color: #fff;
  border: 3px solid #fff;
  font-weight: 700;
  font-size: 1.5rem;
  padding: 1rem;
  margin-top: 2rem;
  transition: .4s
}
.btn-footer-cta:focus, .btn-footer-cta:hover, .btn-giving:focus, .btn-giving:hover {
  color: #017fa2;
  background-color: #fff;
  border: 1px solid #fff;
  text-decoration: none;
  background-position: 0 0
}
.footer-wrapper {
  background-color: #003054;
  color: #fff;
  padding: 2rem 0;
  font-size: 1.2rem
}
.copyright, .copyright-wrapper {
  background-color: #0b2336
}
.footer-wrapper h2 {
  font-size: 3.25rem
}
.footer-wrapper h3 {
  font-size: 1.5rem;
  margin-bottom: 2rem;
  border-top: 1px solid #fff;
  padding-top: 2rem
}
#main-text .visitcampus-h2, .mission-wrapper h2 {
  font-family: Merriweather, serif;
  font-weight: 800;
  text-transform: uppercase
}
.contact-links li, .social-nav .nav-link {
  padding: .5rem 1rem;
  color: #fff;
  display: block
}
.contact-links li {
  margin: 0;
  text-decoration: none
}
.alumni-event, .local-mainlinks, .social-wrapper {
  margin: 2rem 0
}
.social-nav .nav-link {
  font-size: 1.5rem
}
.social-nav .nav-link:active, .social-nav .nav-link:focus, .social-nav .nav-link:hover {
  color: #01afdf
}
.footer-links .nav-link {
  color: #fff;
  text-align: center;
  padding: .75rem 1rem;
  text-transform: uppercase;
  font-weight: 600;
  font-size: .9rem;
  border: 2px solid;
  margin: .5rem;
  -webkit-transition: .4s;
  -moz-transition: .4s;
  transition: .4s;
  background-size: 100% 200%;
  background-position: 0 -100%
}
.copyright, .copyright-links .nav-link {
  font-size: .8rem;
  color: #fff;
  text-align: center
}
.footer-links .nav-link:active, .footer-links .nav-link:focus, .footer-links .nav-link:hover {
  color: #003054;
  background-color: #fff;
  text-decoration: none;
  background-position: 0 0
}
.copyright-wrapper {
  color: #fff;
  padding: 1rem 0
}
.copyright-links .nav-link {
  padding: 1rem .25rem;
  font-weight: 500;
  margin: .25rem
}
.title {
  color: #fff;
  font-size: 2.5rem
}
.intro-text {
  font-size: 1.55rem;
  font-weight: 400;
  color: #003c69;
  margin: 2rem auto;
  text-align: center
}
#main-text .visitcampus-h2 {
  text-align: center;
  font-size: 3rem;
  margin: 1rem 0 2rem;
  line-height: .9
}
#main-text .touroption {
  margin: 0 auto 2rem;
  border-bottom: 1px solid #ccc;
  padding: 0
}
#main-text .touroption .tourimage img, #main-text .touroptionplain .tourimage img {
  width: 100%;
  height: auto;
  margin: 0 auto 1rem;
  box-shadow: 0 -1px 5px rgba(0, 0, 0, .5), 0 1px 5px rgba(0, 0, 0, .7)
}
#main-text .touroption h3, #main-text .touroptionplain h3 {
  font-size: 1.6rem;
  color: #003c69;
  margin: 0;
  text-transform: capitalize
}
#main-text .tourdesc p, #main-text .touroptionplain p {
  margin: 0 auto 2rem
}
#main-text .touroption .btn-blue-outline, #main-text .touroptionplain .btn-blue-outline {
  padding: .75rem .5rem
}
.visit-resources-links .nav-link {
  color: #fff !important;
  border: 2px solid;
  padding: .75rem 1.25rem;
  font-size: 1.1rem;
  font-weight: 600;
  text-align: center;
  background-color: #002a4c;
  margin: .25rem 0
}
.visit-resources-links .nav-link:active, .visit-resources-links .nav-link:focus, .visit-resources-links .nav-link:hover {
  color: #fff !important;
  background-color: #029dc6
}
.page-item.active .page-link, .pagination .page-link:active, .pagination .page-link:focus, .pagination .page-link:hover {
  background-color: #003c69;
  color: #fff !important
}
.page-item.active .page-link {
  border-color: #002e51
}
.page-link {
  padding: .5rem 1rem;
  color: #003c69 !important
}
.directory-person .directory-name {
  color: #003c69;
  margin-bottom: 0 !important;
  font-size: 1.5rem;
  font-weight: 600
}
.directory-person .directory-education {
  color: #003c69;
  margin-bottom: 0 !important;
  font-size: 1.25rem;
  font-weight: 600
}
.directory-image img {
  width: 100%;
  height: auto
}
#main-text .vwuaccordian .card-header a {
  color: #023056 !important;
  display: block;
  text-decoration: none;
  padding: 1.5rem 1.25rem .5rem .5rem
}
#main-text .vwuaccordian .card-header a:not(.collapsed) {
  background-color: #023056
}
#main-text .vwuaccordian .card-header a:not(.collapsed) h2, #main-text .vwuaccordian .card-header a:not(.collapsed) h3, table.directory-table th {
  color: #fff !important
}
#main-text .vwuaccordian .card-header a:active h2, #main-text .vwuaccordian .card-header a:focus h2, #main-text .vwuaccordian .card-header a:hover h2 {
  text-decoration: none;
  color: #16a7cd
}
#main-text .vwuaccordian .card {
  position: relative;
  flex-direction: column;
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, .125);
  border-radius: 0;
  border-width: 0 0 1px
}
#main-text .vwuaccordian .card-header {
  background-color: #fff;
  border: none;
  padding: .5rem 0
}
#main-text .vwuaccordian .card-body, .fa-stat {
  padding: 1rem 2rem
}
#main-text .vwuaccordian .card-header h2, #main-text .vwuaccordian .card-header h3, #main-text .vwuaccordian .card-header h4 {
  margin: 0;
  font-size: 1.45rem;
  color: #003c69;
  text-transform: none
}
#main-text .vwuaccordian [data-bs-toggle=collapse] .card-header h2 a:after, #main-text .vwuaccordian [data-bs-toggle=collapse] h2:after, #main-text .vwuaccordian [data-bs-toggle=collapse] h3:after {
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  content: "\2b";
  float: right;
  font-size: 1.5rem;
  transition: .25s linear;
  transform: rotate(45deg);
  display: inline-block
}
#main-text .vwuaccordian [data-bs-toggle=collapse].collapsed .card-header h2 a:after, #main-text .vwuaccordian [data-bs-toggle=collapse].collapsed h2:after, #main-text .vwuaccordian [data-bs-toggle=collapse].collapsed h3:after {
  transform: rotate(0)
}
#main-text .vwuaccordian .card .card .card .card-header {
  background-color: #7f939f
}
#main-text .section-headArts {
  font-size: 3rem;
  margin: 0 0 1rem;
  text-transform: uppercase;
  color: #003c69;
  line-height: 1
}
#main-text h3.card-title {
  margin: 2rem 0 1rem;
  font-size: 2rem;
  line-height: 1
}
.artsect + .artsect {
  margin-top: 3rem;
  margin-bottom: 3rem
}
.artsect + .row, .con-wrapper .card .card-text, .health-wrapper .card .card-text, .session-wrapper .card .card-text {
  margin-bottom: 0
}
.arts-events {
  border-top: 3px solid #003c69;
  padding: 2rem 1.5rem;
  border-bottom: 3px solid #003c69
}
.arts-events h2 {
  font-size: 2.25rem;
  margin: 0 auto 3rem
}
.btn-arts {
  background-color: #fff;
  border-color: #003c69;
  color: #003c69;
  border-width: 2px
}
.btn.btn-arts:active, .btn.btn-arts:focus, .btn.btn-arts:hover {
  background-color: #003c69;
  color: #fff
}
.text-right {
  text-align: right !important
}
.header {
  font-family: Kanit, sans-serif;
  font-weight: 500;
  font-size: 1.75rem;
  color: #003c69
}
.newlink::after {
  display: inline-block;
  content: "";
  width: 55px;
  height: 25px;
  background: url('/img/global/new.png') center center/cover no-repeat
}
#main-text .box-blue, #main-text .box-blue a, #main-text a.blue-link, #main-text a.bluelink, #main-text a.bluelink.nounderline, #notification-div.alert_message a {
  color: #003c69;
  text-decoration: none
}
.sidemenu .nav-link.cta {
  color: #cb4f0d
}
.sidemenu .nav-link.cta.active, .sidemenu .nav-link.cta:active, .sidemenu .nav-link.cta:focus, .sidemenu .nav-link.cta:hover {
  color: #b34409 !important
}
.callout {
  padding: 2rem 1rem;
  color: #fff
}
.callout .head {
  font-size: 2.5rem;
  color: #fff;
  line-height: 1
}
.callout-1 {
  background-color: #003c69
}
.callout-1 .btn-white {
  background-color: #fff;
  border: 1px solid #001628;
  color: #003c69 !important
}
.callout-2 {
  background-color: #b65201
}
.callout-2 .btn-white {
  background-color: #fff;
  border: 1px solid #873c00;
  color: #b65201 !important
}
.table > :not(:first-child) {
  border-top: 1px solid #dedede
}
#majorsTabContent {
  margin-top: 4rem
}
#majorsTabContent h2, .alumnievents-wrapper p {
  margin: 0 !important
}
#majorsTabContent .accordion-button {
  color: #fff;
  background-color: #003c69;
  box-shadow: none;
  font-size: 1.25rem;
  text-transform: uppercase;
  padding: 1.5rem 1.25rem
}
#majorsTabContent .accordion-button:not(.collapsed) {
  color: #fff;
  background-color: #0091b8;
  box-shadow: none;
  text-transform: uppercase
}
#majorsTabContent .accordion-button::after {
  background-image: none;
  content: "\f078";
  font-family: FontAwesome;
  color: #fff
}
#majorsTabContent .accordion-button:not(.collapsed)::after {
  background-image: none;
  transform: rotate(-180deg)
}
#majorsTabContent .accordion-item:first-of-type .accordion-button {
  border-top-left-radius: 0;
  border-top-right-radius: 0
}
#notification-div {
  text-align: center;
  padding: 1rem 1.25rem;
  font-size: 1.15rem;
  font-family: 'Open Sans', sans-serif
}
#notification-div i {
  font-size: 1.75rem;
  margin-right: 1.25rem
}
#notification-div p {
  margin: 0;
  font-weight: 700;
  /*font-family: Amaranth, sans-serif;*/

}
#notification-div .btn {
  padding: .25rem .5rem;
  font-size: .875rem;
  border-radius: .2rem;
  margin-top: .5rem;
  font-family: 'Open Sans', sans-serif
}
.alert_message {
  background-color: #e3f8ff;
  color: #003c69
}
.emergency_message {
  background-color: #ffd5d5;
  color: #903333
}
#notification-div.emergency_message a {
  color: #903333;
  font-size: 1.15rem;
  text-decoration: none
}
.warning_message {
  background-color: #faf3d1;
  color: #7b6f1e
}
#notification-div.warning_message a {
  color: #7b6f1e;
  font-size: 1.15rem;
  text-decoration: none
}
#main-text a.major-collapse.collapsed {
  text-decoration: none;
  color: #fff;
  background-color: #003c69;
  display: block;
  padding: .9rem .5rem;
  font-weight: 400
}
#main-text a.major-collapse, #main-text a.major-collapse.collapsed:hover, #main-text a.major-collapse:active, #main-text a.major-collapse:focus {
  background-color: #0091b8;
  color: #fff;
  text-decoration: none
}
#main-text a.major-collapse {
  display: block;
  padding: .9rem .5rem;
  font-size: 1.3rem;
  font-weight: 400
}
#main-text .faux-accordian .card h2, #main-text .faux-accordian .card + h2 {
  margin: 0;
  font-size: 1.5rem
}
#main-text .faux-accordian .card h3, #main-text .faux-accordian .card + h3 {
  font-size: 1.3rem;
  margin: 0
}
#main-text .faux-accordian .card h4, #main-text .faux-accordian .card + h4 {
  font-size: 1.1rem;
  margin: 0
}
#accordionVWU h2.accordion-header, #accordionVWU h3.accordion-header, #accordionVWUBlue h2.accordion-header, #accordionVWUBlue h3.accordion-header, #main-text .directory-listing .job-email, #main-text .directory-listing .job-office, #main-text .directory-listing .job-phone, #main-text .faux-accordian h2:first-child, .about-second-wrapper .about-img-wrap a, .experiential-wrapper .exp-img-wrap a, .session-img-wrap a, main-text .faux-accordian h3:first-child {
  margin: 0
}
#main-text .faux-accordian .collapse, #main-text .faux-accordian .collapsing {
  padding: 1rem .5rem
}
.table-lg > :not(caption) > * > * {
  padding: 1rem .75rem
}
.donor-list ol li, .donor-list ul li {
  padding: .5rem 0 !important
}
.form-select-lg {
  padding-top: .75rem;
  padding-bottom: .75rem
}
.dropdown-menu > .active > a, .dropdown-menu > .active > a:focus, .dropdown-menu > .active > a:hover {
  color: #fff !important;
  text-decoration: none;
  outline: 0;
  background-color: #0091b8
}
#shareBtns {
  margin: .25rem 0 2rem .5rem
}
#main-text .story-title {
  font-size: 2.5rem !important;
  font-weight: 600;
  margin-top: 0 !important
}
@media (min-width:375px) {
  .event-wrapper, .site-logo {
    margin: .5rem 0
  }
  .mainnav-trigger, .search-trigger {
    width: 80px;
    padding: 2rem 0 !important;
    font-size: .9rem !important
  }
  .offcanvas-menu, .offcanvas-search {
    top: 0
  }
  .video-btn {
    font-size: .9rem;
    padding: .5rem .35rem
  }
  .event-day, .events-wrapper h2, .fa-wrapper h2, .news-wrapper h2, .programs-wrapper h2, .why-wrapper h2, .why-wrapper2 h2 {
    font-size: 3rem
  }
  .event-wrapper {
    display: flex;
    min-height: 100px
  }
  .date-wrapper {
    background-color: #002b4e;
    color: #fff;
    text-align: center;
    min-width: 90px;
    line-height: 1;
    padding: .5rem .25rem;
    min-height: auto;
    flex-direction: column;
    width: auto;
    height: auto;
    border-bottom: none
  }
  .event-day {
    font-weight: 900
  }
  .event-description, .fauxlead {
    color: #002a4c;
    font-weight: 600
  }
  .event-description {
    margin-left: .5rem;
    padding: 0
  }
  .news-wrapper h3 {
    font-size: 2.5rem
  }
  .briefs-wrapper h3 {
    font-size: 3rem;
    text-transform: uppercase
  }
  .prospective-menu-cta .nav-link {
    margin: .75rem .35rem;
    padding: .75rem 1rem;
    font-size: .95rem
  }
  .fauxlead {
    font-size: 1.4rem
  }
}
@media (min-width:768px) {
  .campus-text-wrapper h2, .enrollments-cta-wrapper h2, .events-wrapper h2, .fa-wrapper h2, .news-wrapper h2, .programs-wrapper h2, .video-title {
    font-size: 3.25rem
  }
  .video-text {
    font-size: 2.15rem
  }
  .video-messaging {
    bottom: 2rem
  }
  .video-btn {
    font-size: .9rem;
    padding: .5rem 1.25rem
  }
  #shareBtns {
    float: right;
    margin: .25rem 0 2rem .5rem;
    border-left: 1px solid #ccc;
    padding: 0 1rem 1rem
  }
  .section-headArts {
    margin: 0 0 5rem
  }
  .lead {
    margin-bottom: 1rem;
    color: #fff;
    border: none;
    padding-bottom: 0
  }
  .header-wrapper {
    position: relative;
    background: #002a4c
  }
  .site-logo {
    max-width: 90%;
    padding-left: .5rem;
    margin-top: .5rem
  }
  .mainnav-trigger, .search-trigger {
    padding: 1.8rem 0 !important;
    width: 75px;
    color: #fff;
    border: none
  }
  .offcanvas-menu, .offcanvas-search {
    top: 0
  }
  .main-nav, .offcanvas-header {
    padding: 1rem
  }
  .offcanvas-menu .btn-close, .offcanvas-search .btn-close {
    position: relative;
    top: 0;
    right: 0
  }
  .logo-menu {
    max-width: 200px
  }
  .main-menu-wrap {
    padding-top: 2rem
  }
  .prospective-cta .nav-link {
    font-weight: 700;
    color: #fff;
    margin: 0 .2rem;
    padding: 0 .2rem;
    font-size: .85rem;
    border: none
  }
  .prospective-cta .nav-link:active, .prospective-cta .nav-link:focus, .prospective-cta .nav-link:hover {
    color: #29d1ff
  }
  .prospective-menu-cta .nav-link {
    font-weight: 700;
    color: #fff;
    margin: 0 .5rem;
    padding: 0 .5rem;
    font-size: .85rem;
    border: none
  }
  .mainnav-section .nav-link.nav-accordion-button {
    font-size: 2.25rem;
    padding: 2rem 0 .5rem
  }
  .quicklinks {
    padding: 2rem 1.5rem;
    border: 5px solid #0091b8;
    margin-top: 1rem
  }
  .nav-section-head {
    font-size: 2.5rem;
    text-align: center
  }
  .secondary-nav-section .nav-link {
    color: #fff;
    font-weight: 400;
    font-size: 1.3rem;
    margin: 1rem .5rem;
    padding: .25rem 0;
    text-transform: uppercase;
    font-family: Kanit, sans-serif;
    border-bottom: 10px solid #003c69
  }
  .video-wrapper .overlay {
    background-image: linear-gradient(180deg, rgba(0, 0, 0, .8) 0, rgba(0, 0, 0, .298739564185049) 30%, rgba(0, 0, 0, 0) 70%, rgba(0, 0, 0, .8) 100%)
  }
  .main-video {
    object-fit: cover
  }
  .btn-video-controls {
    top: auto;
    right: 1rem;
    font-size: 2rem;
    bottom: .25rem;
    position: absolute;
    color: #fff;
    cursor: pointer;
    z-index: 12;
    transition: transform .2s, scale .5s;
    opacity: .5
  }
  .const-wrapper {
    background-color: #002a4c;
    padding: 0;
    margin: 0;
    border-bottom: 10px solid #001d35
  }
  .stat-front, .stat-front2 {
    font-size: 1rem;
    font-weight: 500;
    text-shadow: none;
    margin-bottom: 1rem
  }
  .constituent-nav .nav-item {
    width: auto
  }
  .constituent-nav .nav-link {
    border-left: 1px solid #001e34;
    padding: 1.25rem 1.4rem;
    margin: 0;
    height: auto;
    background-color: #002a4c;
    border-bottom: none;
    border-right: none;
    border-top: none;
    font-size: 1.1rem
  }
  .constituent-nav .nav-link:not(:last-child), .news-wrapper .card .card-body {
    padding: 1rem 0
  }
  .constituent-nav .nav-link:active, .constituent-nav .nav-link:focus, .constituent-nav .nav-link:hover {
    background-color: #0091b9;
    text-decoration: none
  }
  .constituent-nav .nav-item:first-of-type .nav-link:first-child {
    border-left: 0
  }
  .constituent-nav .nav-item:last-of-type .nav-link:first-child {
    border-right: 0
  }
  .why-wrapper {
    padding: 3rem 0;
    background-color: #ededed
  }
  .why-wrapperWhite {
    padding: 3rem 0;
    background-color: #fff
  }
  .why-wrapper2 {
    padding: 4rem 0 3rem
  }
  .why-wrapper h2, .why-wrapper2 h2 {
    font-size: 3rem;
    margin-bottom: 3rem
  }
  .why-wrapper h2 .lrg-text, .why-wrapper2 h2 .lrg-text {
    font-size: 4rem
  }
  .events-wrapper h2 .lrg-text, .news-wrapper h2 .lrg-text {
    font-size: 3.25rem;
    display: inline-block
  }
  .stat .stat-num {
    font-size: 5rem
  }
  #main-text .visitcampus-h2, .briefs-wrapper h3, .stat2 .stat-num {
    font-size: 3.5rem
  }
  .stat-front {
    min-height: 130px
  }
  .stat-front2 {
    min-height: 100px
  }
  .btn-why, .btn-why2 {
    padding: .5rem .75rem;
    width: 85%;
    font-size: .8rem
  }
  .programs-wrapper {
    padding: 3rem 0 6rem
  }
  .campus-text-wrapper .lrg-text, .fa-wrapper .lrg-text, .programs-wrapper .lrg-text {
    font-size: 4.25rem
  }
  .programs-selections .nav-link {
    font-size: 1rem
  }
  .programs-wrapper .spotlight-wrapper {
    margin-top: 3.5rem
  }
  .programs-wrapper .spotlight {
    font-size: 3rem
  }
  .fahome-mainlinks {
    margin: 2rem 0
  }
  .fahome-mainlinks .nav-link {
    padding: 1rem 1.25rem;
    font-weight: 600;
    margin: 1rem;
    width: 40vw
  }
  .enrollments-cta-wrapper {
    background-image: url("/img/home/becomemarlin.webp");
    background-position: center center;
    padding: 2rem 0 3rem
  }
  .enrollments-cta-wrapper a {
    color: #fff;
    font-size: 1.25rem;
    text-decoration: none;
    display: block;
    padding: 1rem;
    margin: 0 .5rem;
    border: 2px solid;
    background-color: rgba(0, 42, 76, .8);
    width: 33%
  }
  .enrollments-cta-wrapper h2 {
    margin: 1rem 0 3rem
  }
  .fa-wrapper {
    padding: 7rem 2rem 2rem
  }
  .fa-wrapper .fa-subheading {
    font-size: 2rem
  }
  .news-wrapper {
    padding: 4rem 0 1.5rem
  }
  .news-wrapper h2 .lrg-text {
    text-transform: uppercase;
    line-height: .8
  }
  .news-wrapper .all-features {
    padding: .5rem .75rem;
    font-weight: 600
  }
  .news-wrapper h3.pres-h3 {
    margin-top: 4rem
  }
  .story-img {
    height: 202px
  }
  .briefs-slider .nav-link {
    color: #fff;
    text-decoration: none;
    font-size: 1.2rem;
    padding: .25rem 1rem;
    line-height: 1.4;
    text-align: left;
    min-height: 110px;
    margin: 1.5rem 1rem 1rem 0;
    border-bottom: none;
    border-left: 3px solid #fff
  }
  .briefs-slider .nav-link:active, .briefs-slider .nav-link:focus, .briefs-slider .nav-link:hover {
    color: #02a3d0;
    text-decoration: none;
    border-color: #02a3d0
  }
  .briefs-slider .nav-link:active .briefs-date, .briefs-slider .nav-link:focus .briefs-date, .briefs-slider .nav-link:hover .briefs-date {
    text-decoration: none
  }
  .event-wrapper {
    padding: 2rem .5rem 1rem
  }
  .giving-wrapper {
    text-align: left
  }
  .giving-wrapper p {
    margin-top: 2rem
  }
  .footer-wrapper h2 {
    font-size: 2.7rem
  }
  .feature-link {
    color: #002a4c
  }
  .news-wrapper .feature-wrapper {
    box-shadow: none;
    background-color: transparent;
    color: #002a4c;
    padding: 0
  }
  .news-wrapper .card {
    background-color: transparent
  }
  .image-wrapper {
    overflow: hidden;
    box-shadow: 0 -1px 5px rgba(0, 0, 0, .5), 0 1px 5px rgba(0, 0, 0, .7)
  }
}
@media (min-width:992px) {
  .news-wrapper h2 .lrg-text, .video-text {
    margin-bottom: 3rem
  }
  .video-title {
    font-size: 4.5rem
  }
  .mainnav-section .nav-link.nav-accordion-button.collapsed::after, .mainnav-section .nav-link.nav-accordion-button::after, .video-text {
    font-size: 2rem
  }
  .video-btn {
    font-size: .9rem;
    padding: .75rem 1.5rem
  }
  #main-text h3.card-title, .artsect .card-title {
    margin: 0 0 .5rem
  }
  .side-menu-wrapper {
    padding-bottom: 4rem
  }
  .header-wrapper .container {
    max-width: 960px
  }
  .mainnav-trigger, .search-trigger {
    padding: 1.5rem 0 !important;
    width: 90px
  }
  .offcanvas-menu, .offcanvas-search {
    top: 0
  }
  .fahome-mainlinks .nav-link, .main-nav, .main-nav-right {
    padding: 1rem
  }
  .quicklinks {
    padding: 3rem 3rem 5rem;
    border: 1px solid #0091b8;
    margin-top: 0
  }
  .main-navbar {
    padding-top: 2rem
  }
  .form-control.global-search {
    padding: .75rem .5rem .25rem .75rem;
    font-size: 1.5rem
  }
  .btn.btn-search {
    right: 0;
    bottom: 0;
    font-size: 1.75rem;
    width: 60px;
    height: 60px;
    border: 1px solid #001a2f;
    z-index: 9
  }
  .mainnav-section .nav-link.nav-accordion-button {
    font-size: 2.5rem;
    padding: 2rem 0 .5rem;
    outline: 0
  }
  .secondary-nav-section .nav-link {
    font-size: 1.3rem;
    margin: .5rem 2rem;
    padding: .5rem .25rem;
    text-transform: uppercase;
    border-bottom: 10px solid #003c69
  }
  .prospective-cta .nav, .prospective-menu-cta .nav {
    margin-right: 1.5rem
  }
  .prospective-cta .nav-link, .prospective-menu-cta .nav-link {
    font-weight: 600;
    color: #fff;
    margin: 0 .25rem;
    padding: 0 .75rem;
    font-size: 1rem
  }
  .main-video {
    max-height: 550px
  }
  .constituent-nav .nav-link {
    padding: 1.5rem 2.5rem;
    font-size: 1.2rem
  }
  .btn-why, .btn-why2 {
    padding: .5rem 1rem;
    width: 90%
  }
  .programs-wrapper {
    padding: 4rem 1rem 6rem
  }
  .programs-selections .nav-item {
    width: auto
  }
  .news-wrapper h3.pres-h3, .programs-wrapper .spotlight-wrapper {
    margin-top: 0
  }
  .campus-text-wrapper h2, .events-wrapper h2, .news-wrapper h2, .programs-wrapper h2 {
    font-size: 4rem
  }
  .fa-wrapper {
    margin-top: -10rem;
    padding: 3rem 2rem
  }
  .fa-wrapper h2 {
    text-align: left;
    font-size: 3rem
  }
  .fa-wrapper .fa-subheading {
    font-size: 1.8rem;
    text-align: left
  }
  .campus-text-wrapper .lrg-text, .events-wrapper h2 .lrg-text, .news-wrapper h2 .lrg-text {
    font-size: 4rem;
    display: inline-block
  }
  .news-wrapper h3 {
    font-size: 2rem;
    margin-bottom: 1.5rem
  }
  .footer-wrapper h3, .news-wrapper h2 {
    margin-bottom: 1rem
  }
  .news-wrapper .card {
    min-height: 415px
  }
  .news-wrapper .card .card-body {
    padding: 1rem 0;
    position: relative
  }
  .story-img {
    height: 180px
  }
  .btn-feature {
    position: absolute;
    bottom: 9px;
    right: 0;
    left: 0;
    width: 50%;
    margin: 0 auto
  }
  .news-wrapper .all-features {
    padding: .25rem .5rem;
    font-weight: 600;
    position: absolute;
    top: -5px;
    left: 190px
  }
  .briefs-slider .nav-link {
    min-height: 90px
  }
  .campus-text-wrapper {
    padding: 2rem .25rem;
    background-color: #002b4e
  }
  .footer-wrapper h3 {
    border-top: none;
    padding-top: 0;
    font-size: 2.5rem
  }
  .footer-contact-wrapper {
    padding-left: 2rem
  }
  .footer-links .nav-link {
    color: #fff;
    text-align: left;
    padding: .25rem 0;
    text-transform: capitalize;
    font-weight: 500;
    font-size: 1.2rem;
    border: none;
    margin: 0;
    -webkit-transition: .4s;
    -moz-transition: .4s;
    transition: none;
    background-size: 100% 200%;
    background-position: 0 -100%;
    background-image: none;
    display: inline-block
  }
  .footer-links .nav-link:active, .footer-links .nav-link:focus, .footer-links .nav-link:hover {
    color: #fff;
    background-color: transparent;
    text-decoration: underline;
    background-position: 0 0
  }
  .social-nav .nav-link {
    display: block;
    padding: .5rem;
    color: #fff;
    font-size: 1.75rem;
    margin: 0 .5rem;
    border-radius: .5rem;
    width: 65px;
    height: 65px;
    text-align: center
  }
  .footer-wrapper h2, .programs-wrapper .spotlight {
    font-size: 2.5rem
  }
  .news-wrapper .feature-wrapper {
    margin-bottom: 0
  }
  #main-text .section-headArts {
    margin: 0 0 3rem
  }
  .dbn-wrapper {
    background: url(/img/home/m-dbn.png) left center no-repeat #f4f4f4;
    padding: 2rem 0 1rem
  }
}
@media (min-width:1200px) {
  .form-control.global-search {
    padding: 1.25rem .5rem .5rem .75rem;
    font-size: 1.85rem
  }
  .btn.btn-search {
    width: 72px;
    height: 72px;
    font-size: 2rem
  }
  .main-nav-right {
    padding: 1rem 0 1rem 1rem
  }
  .quicklinks {
    padding: 1.5rem
  }
  #button-search {
    right: 0;
    bottom: 0;
    font-size: 2rem;
    width: 70px;
    height: 70px;
    border: 1px solid #001a2f;
    z-index: 9
  }
  .secondary-nav-section .nav-link {
    font-size: 1.3rem;
    margin: .5rem .25rem;
    padding: .5rem .25rem;
    text-transform: uppercase;
    border-bottom: 10px solid #003c69
  }
  .main-nav {
    padding: 1rem
  }
  .video-title {
    font-size: 5.5rem
  }
  .video-text {
    font-size: 2.5rem
  }
  .site-logo {
    max-width: 100%;
    padding-left: 0
  }
  .prospective-cta .nav-link, .prospective-menu-cta .nav-link {
    font-size: 1.05rem
  }
  .header-wrapper .container {
    max-width: 1140px
  }
  .main-video {
    max-height: 530px
  }
  .constituent-nav .nav-link {
    padding: 1.5rem;
    width: 275px;
    font-size: 1.1rem
  }
  .fa-wrapper h2, .why-wrapper h2, .why-wrapper2 h2 {
    font-size: 3.5rem
  }
  .stat2 .stat-num {
    font-size: 3rem
  }
  .programs-inner-wrapper {
    padding: 0 1rem
  }
  .briefs-wrapper, .events-wrapper {
    padding: 3rem 1rem
  }
  .programs-wrapper .spotlight-wrapper {
    margin-right: 2rem
  }
  .news-wrapper h2, .programs-wrapper h2 {
    font-size: 4rem
  }
  .fa-wrapper .lrg-text, .programs-wrapper .lrg-text {
    font-size: 4.5rem
  }
  .programs-selections .nav-link {
    padding: .75rem .5rem;
    font-size: .85rem;
    margin: .5rem .75rem
  }
  .fa-wrapper {
    margin-top: -11rem
  }
  .news-wrapper h3 {
    font-size: 2.225rem
  }
  .news-wrapper .card {
    min-height: 375px
  }
  .briefs-wrapper {
    background: #002a4c;
    position: relative
  }
  .briefs-wrapper h3 {
    font-size: 3.5rem;
    margin-top: 2rem
  }
  .campus-text-wrapper h2, .events-wrapper h2 {
    text-align: center;
    font-size: 4rem
  }
  .briefs-wrapper .all-features {
    position: absolute;
    left: 4%;
    right: auto;
    bottom: 40px
  }
  .briefs-slider .nav-link {
    min-height: 120px
  }
  .events-wrapper h2 .lrg-text {
    display: inline-block;
    text-transform: uppercase;
    line-height: .9
  }
  .contact-links li {
    display: inline-block;
    margin: .25rem 0
  }
  .experiential-wrapper .container-fluid {
    max-width: 90%
  }
  .session-wrapper .container-fluid {
    max-width: 85%
  }
  .story-img {
    height: 226px
  }
  #majorsTab.nav-tabs {
    border-bottom: none
  }
  #majorsTab.nav-tabs .nav-link {
    background: #003c69;
    border: 0;
    border-radius: 0;
    color: #fff;
    font-size: .85rem;
    margin: 0 1px;
    text-transform: uppercase;
    font-weight: 600;
    padding: .75rem .9rem
  }
  #majorsTab.nav-tabs .nav-item.show .nav-link, #majorsTab.nav-tabs .nav-link.active {
    color: #fff;
    background-color: #0091b8;
    border-color: transparent
  }
  #majorsTabContent {
    margin-top: 0
  }
  #majorsTabContent .accordion-item:first-of-type {
    border-top-left-radius: 0;
    border-top-right-radius: 0
  }
  #majorsTab li {
    padding: 0 !important
  }
  #majorsTabContent .accordion-item:not(:first-of-type) {
    border-top: 1px solid rgba(0, 0, 0, .125)
  }
  .dbn-wrapper {
    background: url(/img/home/m-dbn.png) left center/contain no-repeat, url(/img/home/m-dbn.png) right center/contain no-repeat #f4f4f4;
    padding: 2rem 0 1rem
  }
  .programs-wrapper .spotlight-subheading {
    font-size: 1.5rem;
    margin-bottom: .5rem
  }
}
@media (min-width:1300px) {
  .main-nav {
    padding: 1rem
  }
  .quicklinks {
    padding: 2rem
  }
  .container-fluid, .header-wrapper .container {
    max-width: 1280px
  }
  .main-video {
    max-height: 570px
  }
  .enrollments-cta-wrapper h2 {
    font-size: 3.5rem
  }
  .constituent-nav .nav-link {
    padding: 1.75rem 1.5rem;
    width: 300px
  }
  .fahome-mainlinks .nav-link {
    font-weight: 600;
    margin: 1rem .25rem;
    width: 22vw;
    padding: 1rem .25rem
  }
  .programs-selections .nav-link {
    padding: .75rem .6rem;
    font-size: .85rem
  }
  .dbn-wrapper {
    background: url(/img/home/m-dbn.png) left center/contain no-repeat, url(/img/home/m-dbn.png) right center/contain no-repeat #f4f4f4;
    padding: 2rem 0 1rem
  }
}
@media (min-width:1400px) {
  .container-fluid, .header-wrapper .container {
    max-width: 1320px
  }
  .main-video {
    max-height: 700px
  }
  .fa-wrapper {
    margin-top: -15rem;
    padding: 3rem 0 2rem
  }
  .feature-link {
    width: 100%
  }
  .fahome-mainlinks .nav-link {
    font-weight: 600;
    margin: 1rem .5rem;
    width: 18vw;
    padding: 1rem .25rem
  }
  .prospective-cta .nav-link, .prospective-menu-cta .nav-link {
    margin: 0 .25rem;
    padding: 1rem 1.25rem
  }
  #majorsTab.nav-tabs .nav-link {
    font-size: 1rem;
    padding: .75rem 1rem
  }
  .programs-selections .nav-link {
    padding: .75rem;
    margin: .75rem .25rem
  }
}
@media (min-width:1500px) {
  .container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl, .header-wrapper .container {
    max-width: 1400px
  }
  .main-video {
    max-height: 675px
  }
  .story-img {
    height: 257px
  }
  .news-wrapper .card {
    min-height: 450px
  }
  .experiential-wrapper .container-fluid, .section-intro .container-fluid {
    max-width: 85%
  }
  .session-wrapper .container-fluid {
    max-width: 80%
  }
  .ug-mainlinks .nav-link, .ug-sublinks .nav-link {
    width: 375px
  }
  #majorsTab.nav-tabs .nav-link {
    font-size: 1rem;
    padding: .75rem 1.25rem
  }
}
.about-wrapper {
  height: 200px;
  background: linear-gradient(0deg, rgba(0, 0, 0, .5) 0, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0) 60%, rgba(0, 0, 0, .6) 100%) 0 0/cover, url("/about/images/home/about-header.jpg") center/cover;
  position: relative;
  margin-bottom: 0
}
.about-section-intro, .content-wrapper, .section-intro {
  padding: 2rem 0
}
.mission-wrapper {
  padding: 0 0 4rem;
  color: #002a4c;
  text-align: center;
  background-color: #ebebeb
}
.mission-wrapper h2 {
  text-align: center;
  font-size: 4rem;
  line-height: .8;
  margin: 2rem 0;
  color: #003054
}
h1.page-title-about, h1.page-title-ug {
  font-family: Kanit, sans-serif;
  font-size: 4.5rem;
  color: #fff;
  line-height: .7;
  font-weight: 500;
  letter-spacing: -2px;
  text-align: center;
  position: absolute;
  bottom: -8px;
  left: 0;
  right: 0;
  padding-top: .5rem;
  text-transform: uppercase
}
.university-wrapper {
  margin: 0;
  background-image: url("/about/images/home/university3.jpg");
  padding: 8rem 0 2rem;
  background-size: 100%;
  background-repeat: no-repeat
}
.enroll-cta-mainlinks, .university-mainlinks, hr {
  margin-top: 3rem
}
.our-university-wrapper {
  background: rgba(255, 255, 255, .8);
  padding: 2rem 1rem 1rem;
  box-shadow: rgba(0, 0, 0, .35) 0 5px 15px
}
.university-wrapper h2 {
  text-align: center;
  font-size: 4.5rem;
  line-height: .8;
  font-family: Merriweather, serif;
  text-transform: uppercase;
  font-weight: 800;
  margin: 0 0 2rem
}
.about-second-wrapper h2, .pres-wrapper h2, .wellness-wrapper h2 {
  line-height: .9;
  font-family: Merriweather, serif;
  text-transform: uppercase;
  font-weight: 800
}
.university-mainlinks .nav-link {
  color: #fff;
  padding: 1rem 1.25rem;
  background-color: #002a4c;
  font-size: 1rem;
  font-weight: 600;
  border: 2px solid #002a4c;
  position: relative;
  z-index: 1;
  text-transform: uppercase;
  text-align: center;
  margin: .5rem 0
}
.living-mainlinks .nav-link:active, .living-mainlinks .nav-link:focus, .living-mainlinks .nav-link:hover, .ug-mainlinks .nav-link:active, .ug-mainlinks .nav-link:focus, .ug-mainlinks .nav-link:hover, .university-mainlinks .nav-link:active, .university-mainlinks .nav-link:focus, .university-mainlinks .nav-link:hover {
  background-color: transparent;
  color: #002a4c;
  border: 2px solid #002a4c
}
#main-text .no-underlines p, .living-sublinks, .pres-wrapper .section-leadin, .sports-wrapper .section-leadin, .ug-sublinks, .university-sublinks, .visit-wrapper .section-leadin {
  margin: 1rem 0
}
.university-sublinks .nav-link {
  background-color: #0091b9;
  color: #fff;
  border: 2px solid #0091b9;
  font-size: .95rem;
  margin: 0 0 .25rem;
  padding: .75rem 1rem
}
.living-sublinks .nav-link:active, .living-sublinks .nav-link:focus, .living-sublinks .nav-link:hover, .university-sublinks .nav-link:active, .university-sublinks .nav-link:focus, .university-sublinks .nav-link:hover {
  background-color: transparent;
  color: #0091b9;
  border: 2px solid #0091b9
}
.pres-wrapper {
  color: #fff;
  position: relative;
  background-color: #002a4c;
  padding: 5rem 0
}
.pres-wrapper img, .visit-wrapper img {
  box-shadow: rgba(0, 0, 0, .3) 0 19px 38px, rgba(0, 0, 0, .22) 0 15px 12px
}
.pres-wrapper h2 {
  color: #fff;
  font-size: 2.8rem;
  margin-top: 1rem
}
.btn.btn-graduate {
  color: #fff;
  padding: .75rem;
  background-color: #002a4c;
  font-size: 1.1rem;
  font-weight: 700;
  border: 1px solid #fff;
  margin: 3rem .2rem
}
.acad-support-wrapper ul, .fa-links-wrapper ul, .news-arts-wrapper ul, .pres-sublinks, .sports-sublinks, .support-wrapper ul, .visit-sublinks {
  list-style-type: none;
  padding: 0
}
.pres-sublinks .nav-link, .visit-sublinks .nav-link {
  color: #fff;
  text-decoration: none;
  display: block;
  margin: 1rem 0 0;
  text-transform: uppercase;
  font-weight: 600;
  font-size: .95rem;
  border: 1px solid #0091b8;
  padding: 1rem;
  text-align: center
}
.pres-sublinks .nav-link:active, .pres-sublinks .nav-link:focus, .pres-sublinks .nav-link:hover, .schools-wrapper a:active, .schools-wrapper a:focus, .schools-wrapper a:hover, .sports-sublinks .nav-link:active, .sports-sublinks .nav-link:focus, .sports-sublinks .nav-link:hover, .visit-sublinks .nav-link:active, .visit-sublinks .nav-link:focus, .visit-sublinks .nav-link:hover {
  color: #fff;
  background-color: #0091b8;
  box-shadow: 0 10px 40px rgb(0 0 0, .8)
}
.about-second-wrapper, .finaid-wrapper, .wellness-wrapper {
  padding: 2rem 0 0;
  margin: 0;
  background-color: #002a4c;
  position: relative;
  background-image: url("/img/home/news3.png")
}
.about-second-wrapper h2, .wellness-wrapper h2 {
  font-size: 3rem;
  text-align: center;
  margin: 0 0 2rem
}
.about-learning, .activities-learning, .exp-learning, .involved-learning {
  position: relative;
  padding: 0;
  margin: 0 0 2.5rem
}
.about-second-wrapper a, .activities-wrapper a, .experiential-wrapper .exp-learning a, .wellness-wrapper a {
  color: #003054;
  font-size: 1.5rem;
  padding: 0;
  ;
  text-transform: uppercase;
  text-decoration: none;
  display: block;
  transition: color .5s
}
.about-second-wrapper a span, .activities-wrapper a span, .experiential-wrapper a span, .involved-wrapper a span, .wellness-wrapper a span {
  margin-left: .5rem;
  transition: margin .5s
}
.about-second-wrapper a:active span, .about-second-wrapper a:focus span, .about-second-wrapper a:hover span, .activities-wrapper a:active span, .activities-wrapper a:focus span, .activities-wrapper a:hover span, .experiential-wrapper a:active span, .experiential-wrapper a:focus span, .experiential-wrapper a:hover span, .involved-wrapper a:active span, .involved-wrapper a:focus span, .involved-wrapper a:hover span, .wellness-wrapper a:active span, .wellness-wrapper a:focus span, .wellness-wrapper a:hover span {
  margin-left: 1rem
}
.location-wrapper {
  background-image: url("/about/images/home/map4lg.png");
  background-size: 150%;
  background-position: top right 100%;
  background-repeat: no-repeat;
  padding-top: 90vw
}
.location-inner-wrapper {
  padding: 2rem 1rem;
  margin: 0;
  background-color: #002a4c;
  color: #fffffe
}
.location-inner-wrapper h2 {
  color: #fff;
  font-size: 2.8rem;
  line-height: .8;
  margin-bottom: 2rem;
  font-family: Merriweather, serif;
  text-transform: uppercase;
  font-weight: 800
}
.location-wrapper .btn-location {
  padding: 1rem;
  font-size: 1.1rem;
  font-weight: 600;
  color: #fff;
  border: 2px solid #fff;
  margin: .5rem 0
}
.location-wrapper .btn-location:active, .location-wrapper .btn-location:focus, .location-wrapper .btn-location:hover {
  color: #0091ba;
  border: 2px solid
}
.con-wrapper {
  padding: 2rem 0 0;
  background: url("/img/home/news3.png")
}
.con-wrapper h2, .visits-h2 {
  text-align: center;
  font-size: 2.5rem;
  margin: 0 0 2rem;
  line-height: .9;
  font-family: Merriweather, serif;
  text-transform: uppercase;
  font-weight: 800
}
.con-wrapper .card, .health-wrapper .card, .session-wrapper .card {
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: transparent;
  background-clip: border-box;
  border: none;
  border-radius: 0;
  margin-bottom: 4rem
}
.about-img-wrap, .activities-img-wrap, .con-img-wrap, .exp-img-wrap, .health-img-wrap, .wellness-img-wrap {
  position: relative;
  border: 5px solid #fff;
  z-index: 1
}
.about-img-wrap:after, .about-img-wrap:before, .activities-img-wrap:after, .activities-img-wrap:before, .con-img-wrap:after, .con-img-wrap:before, .const-img-wrap:after, .const-img-wrap:before, .exp-img-wrap:after, .exp-img-wrap:before, .health-img-wrap:after, .health-img-wrap:before, .involved-img-wrap::after, .involved-img-wrap::before, .session-img-wrap:after, .session-img-wrap:before, .wellness-img-wrap:after, .wellness-img-wrap:before {
  position: absolute;
  z-index: -1;
  content: ""
}
.involved-img-wrap, .session-img-wrap, .ug-mainlinks .nav-link {
  z-index: 1;
  position: relative
}
.about-img-wrap:before, .activities-img-wrap:before, .con-img-wrap:before, .const-img-wrap:before, .exp-img-wrap:before, .health-img-wrap:before, .involved-img-wrap::before, .session-img-wrap:before, .wellness-img-wrap:before {
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  -webkit-box-shadow: 0 -1px 5px rgba(0, 0, 0, .5), 0 1px 5px rgba(0, 0, 0, .7);
  -moz-box-shadow: 0 -1px 5px rgba(0, 0, 0, .5), 0 1px 5px rgba(0, 0, 0, .7);
  box-shadow: 0 -1px 5px rgba(0, 0, 0, .5), 0 1px 5px rgba(0, 0, 0, .7)
}
.con-wrapper .card .card-body, .health-wrapper .card .card-body, .session-wrapper .card .card-body {
  padding: .5rem
}
.con-wrapper .card .card-title {
  font-size: 1.5rem;
  margin: 1rem 0;
  line-height: .9;
  text-transform: uppercase
}
.con-wrapper .card a {
  border: 2px solid;
  padding: .5rem 1rem;
  line-height: 1.3;
  text-decoration: none;
  color: #003054;
  font-weight: 600;
  margin-top: 1rem;
  display: block;
  text-align: center;
  font-size: 1.2rem
}
.con-wrapper .card a:active, .con-wrapper .card a:focus, .con-wrapper .card a:hover, .session-wrapper .card-body a:active, .session-wrapper .card-body a:focus, .session-wrapper .card-body a:hover {
  color: #fff;
  border: 2px solid;
  background-color: #003054
}
.aboutstats-wrapper, .enrollstats-wrapper {
  padding: 1rem 0 2rem;
  background-color: #002a4c;
  color: #fff;
  text-align: center
}
.aboutstats-wrapper .stat-number {
  font-size: 3rem;
  font-family: Merriweather, serif;
  color: #fff;
  margin: 1rem 0 0;
  text-align: center;
  font-weight: 600
}
.aboutstats-wrapper .stat-info, .acad-stats-wrapper .stat-info, .clifestats .stat-info {
  font-size: 1rem;
  margin: -.75rem 0 0;
  color: #18bae4;
  font-weight: 700;
  line-height: 1.1;
  text-align: center
}
.btn-facts {
  text-align: center;
  color: #fff;
  text-transform: uppercase;
  font-size: 1.25rem;
  margin: 3rem 0 1rem;
  padding: .35rem .75rem;
  border: 2px solid;
  text-decoration: none;
  display: inline-block
}
.btn-facts:active, .btn-facts:focus, .btn-facts:hover {
  background-color: #fff;
  border: 2px solid #002a4c;
  color: #002a4c
}
.news-arts-wrapper {
  background-color: #e8e8e8;
  padding: 2rem 0;
  margin: 0
}
.news-arts-wrapper h2 {
  font-size: 2, 5rem;
  margin-top: 2rem;
  margin-bottom: 2rem;
  font-family: Merriweather, serif;
  text-transform: uppercase;
  font-weight: 800
}
.acad-support-wrapper li, .fa-links-wrapper li, .news-arts-wrapper li, .support-wrapper li {
  border-bottom: 1px solid rgba(196, 199, 198, .5)
}
.acad-support-wrapper a, .fa-links-wrapper a, .news-arts-wrapper ul li a, .support-wrapper a {
  color: #034073;
  margin: 0;
  display: block;
  text-decoration: none;
  font-size: 1.2rem;
  padding: 1.5rem 0 .5rem
}
.visit-block {
  background-color: #b25001;
  color: #fff;
  margin: 0 auto;
  text-align: center;
  padding: .75rem;
  width: 80%
}
.visit-block h3 {
  font-size: 3rem;
  color: #fff;
  line-height: .9;
  font-family: Kanit, sans-serif
}
.visit-block p {
  font-size: 1rem;
  margin: 0
}
.location-inner-wrapper h3 span.lg-text {
  font-size: 4.5rem
}
@media (min-width:375px) {
  h1.page-title-about, h1.page-title-ug {
    font-size: 4.5rem
  }
  .university-wrapper {
    padding: 10.25rem 0 2rem
  }
  .about-second-wrapper h2 {
    font-size: 3.25rem
  }
  .con-wrapper h2, .visits-h2 {
    font-size: 2.5rem
  }
  .con-wrapper .card a {
    padding: 1rem 0
  }
  .news-arts-wrapper h2 {
    font-size: 2.25rem
  }
}
@media (min-width:414px) {
  .university-wrapper {
    padding: 11.5rem 0 2rem
  }
  .university-wrapper h2 {
    font-size: 4.5rem
  }
  .location-inner-wrapper h2, .pres-wrapper h2 {
    font-size: 3.25rem
  }
}
@media (min-width:576px) {
  .main-video {
    width: 100%;
    height: auto
  }
  .about-wrapper {
    height: 275px
  }
  h1.page-title-about, h1.page-title-ug {
    font-size: 6rem
  }
}
@media (min-width:768px) {
  .about-wrapper {
    height: 400px
  }
  h1.page-title-about, h1.page-title-ug {
    font-size: 8rem
  }
  .about-section-intro {
    padding: 2rem 0;
    background-color: #003054;
    color: #fff
  }
  .mission-wrapper h2 {
    font-size: 4rem;
    margin-top: 4rem
  }
  .university-wrapper {
    padding: 25rem 2rem 4rem;
    margin: 0
  }
  .our-university-wrapper {
    background: rgba(255, 255, 255, .8);
    padding: 2rem
  }
  .university-wrapper h2 {
    margin: 1rem;
    font-size: 5rem
  }
  .university-mainlinks .nav-link {
    color: #fff;
    padding: 1rem .5rem;
    background-color: #002a4c;
    font-size: 1rem;
    font-weight: 600;
    border: 2px solid #002a4c;
    position: relative;
    z-index: 1;
    text-transform: uppercase;
    text-align: center;
    margin: .5rem;
    width: 290px
  }
  .about-second-wrapper {
    padding: 4rem 0 0;
    margin: 0;
    background-color: #002a4c;
    position: relative;
    background-image: url("/img/home/news3.png")
  }
  .about-learning, .con-wrapper .card {
    position: relative;
    margin: 2rem auto
  }
  .about-second-wrapper h2, .location-inner-wrapper h2 {
    font-size: 3.75rem
  }
  .about-learning {
    width: 75%
  }
  .about-learning-text {
    padding: 0 .5rem
  }
  .about-second-wrapper a {
    margin: 1rem 0
  }
  .about-second-wrapper a span {
    margin-left: .5rem;
    transition: margin .5s
  }
  .about-second-wrapper a:active, .about-second-wrapper a:focus, .about-second-wrapper a:hover {
    color: #0091b9
  }
  .about-second-wrapper a:active span, .about-second-wrapper a:focus span, .about-second-wrapper a:hover span {
    margin-left: 1rem
  }
  .location-wrapper .btn-location {
    width: 44vw
  }
  .con-wrapper {
    background-color: #f2f2f2;
    padding: 3rem 0 0
  }
  .con-wrapper h2, .visits-h2 {
    text-align: center;
    font-size: 3.5rem;
    margin: 0 0 3rem
  }
  .con-wrapper .card {
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: transparent;
    background-clip: border-box;
    border: none;
    border-radius: 0
  }
  .con-wrapper .card a {
    text-decoration: none;
    color: #003054;
    border: 2px solid;
    padding: .5rem 1rem;
    font-weight: 600;
    margin-top: 1rem;
    display: inline-block;
    text-align: center
  }
  .news-arts-wrapper h2 {
    font-size: 2.2rem;
    margin-bottom: 2rem
  }
  .pres-wrapper {
    padding: 5rem 2rem
  }
  .pres-wrapper h2 {
    margin: 2rem 0;
    font-size: 3.75rem
  }
  .about-second-wrapper a, .con-wrapper .card .card-title {
    font-size: 1.75rem
  }
  .pres-sublinks .nav-item {
    width: auto
  }
  .pres-sublinks .nav-link {
    margin: 1rem .5rem;
    width: 38vw
  }
  .aboutstats-wrapper .stat-number {
    font-size: 3.5rem
  }
  .con-wrapper .card .card-text {
    margin-bottom: 0
  }
}
.health-wrapper .card-body a, .session-wrapper .card-body a {
  line-height: 1.3;
  text-decoration: none;
  color: #003054;
  margin-top: 1rem
}
@media (min-width:992px) {
  .about-wrapper {
    height: 400px
  }
  .pres-wrapper {
    padding: 3rem 1rem
  }
  .pres-sublinks .nav-link {
    height: 8vw;
    padding: 1.5rem .5rem 0;
    width: 21vw;
    margin: .25rem .5rem
  }
  .about-learning, .con-wrapper .card {
    width: auto
  }
  .about-second-wrapper h2 {
    font-size: 4rem
  }
  .con-wrapper h2, .visits-h2 {
    text-align: center;
    margin: 0 0 3rem
  }
  .about-second-wrapper a, .con-wrapper .card .card-title {
    font-size: 1.5rem
  }
  .location-wrapper {
    background-image: url("/about/images/home/map4lg.png");
    background-size: cover;
    background-position: top left -5vw;
    background-repeat: no-repeat;
    padding: 4rem 2rem
  }
  .university-wrapper {
    padding: 35rem 2rem 4rem
  }
  .university-wrapper h2 {
    font-size: 6rem
  }
  .pres-wrapper h2 {
    font-size: 4rem;
    margin: 0
  }
  .news-arts-wrapper {
    background-color: #e8e8e8;
    padding: 2rem;
    margin: 0
  }
  .news-arts-wrapper h2 {
    font-size: 2.5rem;
    margin-bottom: 2rem
  }
  .con-wrapper .card .card-text {
    margin-bottom: 0;
    min-height: 160px
  }
  .aboutstats-wrapper .stat-number {
    font-size: 3.7rem
  }
  .university-mainlinks .nav-link {
    width: 400px
  }
}
@media (min-width:1200px) {
  .university-wrapper {
    padding: 2rem 0;
    background-position: right -400px center;
    background-size: 100%;
    background-image: url("/about/images/home/university5.jpg")
  }
  .our-university-wrapper {
    box-shadow: 0 1px 1px rgba(0, 0, 0, .55), 0 2px 8px rgba(0, 0, 0, .55), inset 0 0 0 1px rgba(255, 255, 255, .1);
    background: #fff
  }
  .university-mainlinks .nav-link {
    width: 290px;
    padding: 1rem .75rem
  }
  .con-wrapper .container-fluid {
    width: 80%
  }
  .continuing-wrapper {
    background-color: #ccc;
    padding: 7rem 0 2rem;
    margin: -4rem 0 2rem;
    color: #fff
  }
  .about-second-wrapper a {
    font-size: 1.5rem
  }
  .pres-wrapper {
    padding: 5rem 1rem
  }
  .pres-wrapper h2 {
    font-size: 4rem;
    margin: 0
  }
  .pres-sublinks .nav-link {
    height: auto;
    padding: 1rem .5rem;
    width: 21vw;
    margin: .5rem
  }
  .location-wrapper .btn-location {
    width: 19vw
  }
  .location-wrapper {
    padding: 4rem;
    background-position: 0
  }
  .location-inner-wrapper {
    padding: 2rem 2rem 4rem
  }
  .university-wrapper h2 {
    font-size: 4.5rem
  }
  .news-arts-wrapper {
    text-align: left;
    padding: 2rem 3rem
  }
  .con-wrapper .card .card-text {
    margin-bottom: 0;
    min-height: 140px
  }
}
@media (min-width:1300px) {
  .university-wrapper {
    padding: 2rem 0
  }
  .con-wrapper .card {
    padding: 0 2rem
  }
  .con-wrapper .container-fluid {
    width: 85%
  }
  .con-wrapper .card .card-text {
    margin-bottom: 0;
    min-height: 130px
  }
  .university-mainlinks .nav-link {
    width: 310px;
    padding: 1rem
  }
}
@media (min-width:1400px) {
  .about-wrapper {
    height: 625px
  }
  .aboutstats-wrapper .stat-number {
    font-size: 4rem
  }
  .aboutstats-wrapper .stat-info {
    font-size: 1.25rem
  }
  .pres-sublinks .nav-link {
    width: 18vw
  }
  .university-wrapper {
    background-size: 90%
  }
  .university-mainlinks .nav-link {
    width: 325px
  }
  .about-second-wrapper a, .con-wrapper .card .card-title {
    font-size: 1.65rem
  }
}
@media (min-width:1600px) {
  .video-title {
    font-size: 6.5rem
  }
  .video-text {
    font-size: 3rem
  }
  .main-nav {
    padding: 1rem 4rem
  }
  .quicklinks {
    padding: 2rem 3rem
  }
  .container-fluid, .header-wrapper .container {
    max-width: 90%
  }
  .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
    max-width: 1500px
  }
  .main-video {
    max-height: 675px
  }
  .undergraduate-wrapper {
    background-position: right -400px center;
    background-size: 65%
  }
  .experiential-wrapper .container-fluid {
    max-width: 80%
  }
  .session-wrapper .container-fluid {
    max-width: 75%
  }
  #majorsTab.nav-tabs .nav-link {
    padding: .75rem 1.5rem
  }
  .programs-selections .nav-link {
    font-size: .9rem;
    margin: .5rem .4rem
  }
  .university-wrapper {
    background-size: 80%;
    background-position: right -300px center
  }
  .location-wrapper {
    padding: 6rem 8rem 6rem 4rem;
    background-image: url("/about/images/home/maplg.png");
    background-size: 95%
  }
  .con-wrapper .container-fluid {
    width: 80%
  }
}
@media (min-width:1700px) {
  .container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl, .header-wrapper .container {
    max-width: 1600px
  }
  .experiential-wrapper .container-fluid {
    max-width: 1260px
  }
  .session-wrapper .container-fluid {
    max-width: 1300px
  }
  .university-wrapper {
    background-size: 70%;
    background-position: right -300px center
  }
  .con-wrapper .card .card-text {
    margin-bottom: 0;
    min-height: 120px
  }
    .story-img {
	height: 286px;
}
}
.academics-wrapper {
  height: 200px;
  background: linear-gradient(0deg, rgba(0, 0, 0, .5) 0, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0) 60%, rgba(0, 0, 0, .6) 100%) 0 0/cover, url("/academics/images/academics3.jpg") center/cover;
  position: relative;
  margin-bottom: 0
}
h1.page-title-acad, h1.page-title-ug {
  font-family: Kanit, sans-serif;
  font-size: 3.75rem;
  color: #fff;
  line-height: .7;
  font-weight: 500;
  letter-spacing: -2px;
  text-align: center;
  position: absolute;
  bottom: -8px;
  left: 0;
  right: 0;
  padding-top: .5rem;
  text-transform: uppercase
}
.undergraduate-wrapper {
  margin: 0;
  background: url("/academics/images/home/areas-of-study.jpg") 0 0/100% no-repeat;
  padding: 9rem 0 2rem
}
.study-wrapper {
  background: rgba(255, 255, 255, .8);
  padding: 1rem;
  box-shadow: rgba(0, 0, 0, .35) 0 5px 15px
}
.undergraduate-wrapper h2 {
  text-align: center;
  font-size: 4.5rem;
  line-height: .8;
  font-family: Merriweather, serif;
  text-transform: uppercase;
  font-weight: 800;
  margin: 0 0 1rem
}
.activities-wrapper h2, .experiential-wrapper h2, .session-wrapper h2 {
  margin: 0 0 2rem;
  line-height: .9;
  font-weight: 800;
  font-family: Merriweather, serif;
  text-transform: uppercase;
  text-align: center
}
.ug-mainlinks .nav-link {
  color: #fff;
  padding: 1rem 1.5rem;
  background-color: #002a4c;
  font-size: 1rem;
  font-weight: 600;
  border: 2px solid #002a4c;
  text-transform: uppercase;
  text-align: center;
  margin: 0 0 .25rem
}
.ug-sublinks .nav-link {
  background-color: #0080a3;
  color: #fff !important;
  border: 2px solid #0080a3;
  font-size: .95rem;
  margin: 0 0 .25rem;
  padding: .75rem 1rem
}
.ug-sublinks .nav-link:active, .ug-sublinks .nav-link:focus, .ug-sublinks .nav-link:hover {
  background-color: transparent;
  color: #0080a3 !important;
  border: 2px solid #0080a3
}
.activities-wrapper, .experiential-wrapper {
  padding: 3rem 0 0;
  margin: 0;
  background-color: #002a4c;
  position: relative;
  background-image: url("/img/home/news3.png")
}
.activities-wrapper h2, .experiential-wrapper h2 {
  font-size: 2.25rem
}
.experiential-subhead {
  font-size: 1.8rem;
  color: #002a4c;
  text-align: center;
  line-height: 1.2
}
.health-wrapper, .session-wrapper {
  background-color: #f2f2f2;
  padding: 3rem 0 0
}
.session-wrapper h2 {
  font-size: 2rem
}
.health-wrap, .session-wrap {
  padding: 0 5rem
}
.session-wrapper .card .card-title {
  font-size: 1.5rem;
  margin: 1rem 0;
  text-transform: uppercase
}
.session-wrapper .card-body a {
  border: 2px solid;
  padding: .5rem 1rem;
  font-weight: 600;
  display: block;
  text-align: center;
  font-size: .9rem
}
.schools-wrapper {
  padding: 3rem 0 2rem;
  margin: 0;
  color: #fff;
  background-color: #002a4c;
  position: relative
}
.schools-wrapper h2 {
  color: #fff;
  font-size: 3rem;
  display: block;
  padding: 0;
  line-height: .9;
  margin: 1rem 0 2rem;
  text-align: center;
  font-family: Merriweather, serif;
  text-transform: uppercase;
  font-weight: 800
}
.local-list, .schools-list {
  list-style-type: none;
  margin: 0;
  padding: 0
}
.local-wrapper a, .schools-wrapper a {
  color: #fff;
  text-decoration: none;
  display: block;
  margin: .75rem 0 0;
  text-transform: uppercase;
  font-weight: 600;
  font-size: .95rem;
  border: 1px solid #0091b8;
  padding: 1rem
}
.schools-wrapper a span {
  float: right;
  color: #0091b8;
  display: none
}
#main-text .tealbg a, #main-text a.btn-secondary, .bluebg h2, .bluebg h3, .schools-wrapper a:active span, .schools-wrapper a:focus span, .schools-wrapper a:hover span, .secondary-content h2, .secondary-content h3, .secondary-content h4, .secondary-content h5, .secondary-content h6, .subnavcontrol:focus, .subnavcontrol:hover {
  color: #fff
}
.exp-intro {
  padding: 1rem .5rem;
  margin: 0 0 3rem
}
.acad-stats-wrapper, .clifestats {
  padding: 1rem 0 2rem;
  background-color: #002a4c;
  color: #fff
}
.acad-stats-wrapper .stat-number, .clifestats .stat-number {
  font-size: 4rem;
  font-family: Merriweather, serif;
  color: #fff;
  margin: 0;
  text-align: center;
  font-weight: 600
}
.acad-support-wrapper, .support-wrapper {
  background-color: #fff;
  padding: 2rem 0;
  margin: 0
}
.acad-support-wrapper h2, .support-wrapper h2 {
  font-size: 1.5rem;
  margin: 3rem 0 2rem;
  font-family: Merriweather, serif;
  text-transform: uppercase;
  font-weight: 800
}
.experiential-text {
  color: #333
}
@media (min-width:375px) {
  h1.page-title-acad, h1.page-title-ug {
    font-size: 4.25rem
  }
  .ug-mainlinks .nav-link {
    font-size: 1.2rem
  }
  .ug-sublinks .nav-link {
    font-size: 1.1rem;
    margin: .25rem 0;
    padding: .75rem 1rem
  }
  .experiential-wrapper h2 {
    font-size: 2.75rem
  }
  .session-wrapper h2 {
    font-size: 2.5rem
  }
  .session-wrapper .card-body a {
    font-size: 1rem;
    padding: 1rem 0
  }
  .acad-support-wrapper h2 {
    font-size: 1.75rem
  }
  .undergraduate-wrapper {
    margin: 0;
    background: url("/academics/images/home/areas-of-study.jpg") 0 0/100% no-repeat;
    padding: 11.25rem 0 2rem
  }
}
@media (min-width:414px) {
  .undergraduate-wrapper {
    padding: 12.75rem 0 2rem
  }
  .undergraduate-wrapper h2 {
    font-size: 4.5rem
  }
  .experiential-wrapper h2 {
    font-size: 3rem
  }
  .session-wrapper h2 {
    font-size: 2.75rem
  }
  .acad-support-wrapper h2 {
    font-size: 2rem
  }
}
@media (min-width:576px) {
  .academics-wrapper {
    height: 275px
  }
  h1.page-title-acad, h1.page-title-ug {
    font-size: 6rem
  }
  .experiential-subhead {
    font-size: 2rem
  }
}
@media (min-width:768px) {
  .academics-wrapper {
    height: 400px
  }
  h1.page-title-acad, h1.page-title-ug {
    font-size: 8rem
  }
  .section-intro {
    padding: 1rem 0;
    background-color: #003054;
    color: #fff
  }
  .lead {
    margin-bottom: 1rem;
    color: #fff
  }
  .undergraduate-wrapper {
    padding: 21rem 2rem 4rem;
    margin: 0
  }
  .study-wrapper {
    background: rgba(255, 255, 255, .8);
    color: #333
  }
  .undergraduate-wrapper h2 {
    margin: 2rem;
    font-size: 5rem
  }
  .ug-mainlinks .nav-link {
    width: 300px;
    margin: .5rem;
    padding: 1rem
  }
  .ug-mainlinks .nav-link:active, .ug-mainlinks .nav-link:focus, .ug-mainlinks .nav-link:hover {
    color: #002a4c;
    border: 2px solid #002a4c
  }
  .ug-sublinks {
    margin: 2rem 0 1rem
  }
  .ug-sublinks .nav-link {
    font-size: 1rem;
    width: 300px;
    padding: .75rem 1rem;
    margin: .5rem
  }
  .experiential-wrapper {
    padding: 4rem 0 0;
    margin: 0;
    background-color: #002a4c;
    position: relative;
    background-image: url("/img/home/news3.png")
  }
  .experiential-wrapper h2 {
    font-size: 3.25rem
  }
  .experiential-subhead {
    font-size: 2.4rem
  }
  .exp-learning {
    padding: 0
  }
  .exp-intro {
    margin: 0
  }
  .experiential-wrapper .exp-learning a span {
    margin-left: .5rem;
    transition: margin .5s
  }
  .experiential-wrapper .exp-learning a:active, .experiential-wrapper .exp-learning a:focus, .experiential-wrapper .exp-learning a:hover {
    color: #0091b9
  }
  .experiential-wrapper .exp-learning a:active span, .experiential-wrapper .exp-learning a:focus span, .experiential-wrapper .exp-learning a:hover span {
    margin-left: 1rem
  }
  .session-wrapper {
    background-color: #f2f2f2;
    padding: 4rem 0 0
  }
  .session-wrapper h2 {
    text-align: center;
    font-size: 3rem;
    margin: 0 0 3rem
  }
  .session-wrapper .card {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: transparent;
    background-clip: border-box;
    border: none;
    border-radius: 0
  }
  .session-wrapper .card-body a {
    text-decoration: none;
    color: #003054;
    border: 2px solid;
    padding: .5rem 1rem;
    font-weight: 600;
    margin-top: 1rem;
    display: inline-block;
    text-align: center
  }
  .acad-support-wrapper h2 {
    font-size: 1.8rem;
    margin-bottom: 2rem
  }
  .schools-wrapper h2 {
    font-size: 3rem
  }
}
@media (min-width:992px) {
  .academics-wrapper {
    height: 400px
  }
  .ug-mainlinks .nav-link, .ug-sublinks .nav-link {
    width: 415px
  }
  .acad-support-wrapper {
    padding: 2rem
  }
  .experiential-wrapper h2 {
    font-size: 3.75rem
  }
  .schools-wrapper h2, .session-wrapper h2 {
    font-size: 3.5rem
  }
  .acad-support-wrapper h2 {
    font-size: 2.1rem
  }
  .experiential-subhead {
    font-size: 2.5rem;
    margin-bottom: 2rem
  }
  .undergraduate-wrapper {
    padding: 34rem 2rem 4rem;
    margin: 0
  }
  .undergraduate-wrapper h2 {
    margin: 2rem;
    font-size: 5.5rem
  }
  .acad-stats-wrapper .stat-number {
    font-size: 4rem
  }
  .acad-stats-wrapper .stat-info {
    font-size: 1.2rem
  }
}
@media (min-width:1200px) {
  .undergraduate-wrapper {
    background-position: right -350px center;
    background-size: 85%;
    padding: 2rem 0
  }
  .undergraduate-wrapper h2 {
    margin: 2rem;
    font-size: 4rem
  }
  .study-wrapper {
    background: #fff;
    box-shadow: 0 1px 1px rgb(0 0 0 / 55%), 0 2px 8px rgb(0 0 0 / 55%), inset 0 0 0 1px rgb(255 255 255 / 10%);
    padding: 2rem
  }
  .ug-mainlinks .nav-link {
    width: 290px;
    font-size: 1.1rem
  }
  .ug-sublinks .nav-link {
    font-size: 1rem;
    width: 290px
  }
  .graduate-wrapper {
    padding: 2rem 0;
    margin: 0 0 9rem;
    color: #fff;
    position: relative
  }
  .graduate-wrapper::before {
    content: '';
    background-color: #002a4c;
    position: absolute;
    top: 0;
    left: 30%;
    right: 0;
    bottom: 0;
    z-index: -1
  }
  .graduate-wrapper h2 {
    color: #fff;
    font-size: 3rem
  }
  .btn.btn-graduate {
    color: #fff;
    padding: .75rem;
    background-color: #002a4c;
    font-size: 1.1rem;
    font-weight: 700;
    border: 1px solid #fff;
    margin: 3rem .2rem
  }
  .continuing-wrapper {
    background-color: #ccc;
    padding: 7rem 0 2rem;
    margin: -4rem 0 2rem;
    color: #fff
  }
  .experiential-wrapper a {
    font-size: 1.5rem
  }
  .acad-support-wrapper h2 {
    font-size: 2.5rem
  }
  .acad-support-wrapper ul {
    list-style-type: none;
    padding: 0 6rem 0 0
  }
}
@media (min-width:1300px) {
  .academics-wrapper {
    height: 555px
  }
  .exp-learning {
    padding: 0 1rem
  }
  .session-wrapper .card {
    padding: 0 4rem
  }
  .ug-mainlinks .nav-link, .ug-sublinks .nav-link {
    width: 300px
  }
  .undergraduate-wrapper {
    background-size: 80%
  }
}
@media (min-width:1400px) {
  .academics-wrapper {
    height: 625px
  }
  .exp-learning {
    padding: 0 2rem
  }
  .acad-stats-wrapper .stat-number {
    font-size: 4rem
  }
  .acad-stats-wrapper .stat-info {
    font-size: 1.25rem
  }
  .ug-mainlinks .nav-link, .ug-sublinks .nav-link {
    width: 320px
  }
  .experiential-wrapper a {
    font-size: 1.5rem
  }
}
.campuslife-wrapper {
  height: 200px;
  background: linear-gradient(0deg, rgba(0, 0, 0, .5) 0, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0) 60%, rgba(0, 0, 0, .6) 100%) 0 0/cover, url("/campus-life/images/home/banner2.webp") center/cover;
  position: relative;
  margin-bottom: 0
}
h1.page-title-clife {
  font-family: Kanit, sans-serif;
  font-size: 3.25rem;
  color: #fff;
  line-height: .7;
  font-weight: 500;
  letter-spacing: -2px;
  text-align: center;
  position: absolute;
  bottom: -8px;
  left: 0;
  right: 0;
  padding-top: .5rem;
  text-transform: uppercase
}
.health-wrapper h2, .involved-wrapper h2, .living-wrapper h2, .living-wrapper h3, .local-wrapper h2, .sports-wrapper h2 {
  line-height: .9;
  font-family: Merriweather, serif;
  font-weight: 800;
  text-transform: uppercase
}
.living-wrapper {
  margin: 0;
  background: url("/campus-life/images/home/res.jpg") 0 0/100% no-repeat;
  padding: 7rem 0 3rem
}
.living-text-wrapper {
  background: rgba(255, 255, 255, .8);
  padding: 2rem 1rem;
  box-shadow: rgba(0, 0, 0, .35) 0 5px 15px
}
.sports-wrapper, .vb-wrapper {
  background-size: 100%;
  background-repeat: no-repeat;
  position: relative
}
.living-wrapper h2 {
  text-align: center;
  font-size: 3.75rem;
  margin: 0 0 1rem
}
.living-wrapper h3 {
  text-align: center;
  font-size: 1.5rem;
  margin: 3rem 0 1rem
}
.living-mainlinks .nav-link {
  color: #fff;
  padding: 1rem 1.5rem;
  background-color: #002a4c;
  font-size: 1rem;
  font-weight: 600;
  border: 2px solid #002a4c;
  position: relative;
  z-index: 1;
  text-transform: uppercase;
  text-align: center;
  margin: .5rem 0
}
.living-sublinks .nav-link {
  background-color: #007c9e;
  color: #fff;
  border: 2px solid #0091b9;
  font-size: .95rem;
  margin: .25rem 0;
  padding: .75rem 1rem
}
.activities-subhead, .constituency-subhead {
  font-size: 1.5rem;
  color: #002a4c;
  text-align: center;
  line-height: 1.2
}
.health-wrapper h2 {
  text-align: center;
  font-size: 3.25rem;
  margin: 0 0 2rem
}
.health-wrapper .hs-text {
  font-size: 1.4rem;
  color: #002a4c;
  margin-bottom: 3rem;
  font-weight: 500
}
.health-wrapper .card .card-title {
  font-size: 1.65rem;
  margin: .5rem 0
}
.health-wrapper .card-body a {
  border: 2px solid;
  padding: .5rem 1rem;
  font-weight: 600;
  display: block;
  text-align: center;
  font-size: 1.15rem
}
.health-wrapper .card a:active, .health-wrapper .card a:focus, .health-wrapper .card a:hover {
  color: #fff;
  background-color: #003054
}
.local-wrapper {
  padding: 3rem 0 2rem;
  margin: 0;
  color: #2d2d2d;
  background-color: #f2f2f2;
  position: relative;
  background-image: url("/img/home/news3.png")
}
.local-wrapper h2 {
  font-size: 3.5rem;
  display: block;
  padding: 0;
  margin: 1rem 0 2rem;
  text-align: center
}
.local-wrapper .card {
  background-color: transparent;
  border: none
}
.local-mainlinks .nav-link {
  color: #002a4c;
  border: 2px solid;
  padding: 1rem .5rem;
  font-size: 1.1rem;
  font-weight: 600;
  margin: 1rem .5rem;
  text-align: center
}
.fa-mainlinks .nav-link:active, .fa-mainlinks .nav-link:focus, .fa-mainlinks .nav-link:hover, .local-mainlinks .nav-link:active, .local-mainlinks .nav-link:focus, .local-mainlinks .nav-link:hover {
  background-color: #002a4c;
  color: #fff
}
.activities-intro, .constituency-intro {
  padding: 1rem 1.5rem;
  margin: 0 0 3rem
}
.sports-wrapper {
  color: #fff;
  background-color: #002a4c;
  padding: 15rem 0 5rem;
  background-image: url("/campus-life/images/home/sports3.jpg");
  background-position: top center
}
.sports-wrapper h2 {
  color: #fff;
  font-size: 3.25rem;
  margin: 0 0 2rem
}
.degree, .degree-info a {
  color: #003f69;
  text-decoration: none
}
.sports-sublinks .nav-link {
  color: #fff;
  text-decoration: none;
  display: block;
  margin: 1rem 0 0;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 1rem;
  padding: 1rem;
  text-align: center;
  border: 2px solid
}
.degree {
  font-weight: 700;
  font-size: 1.5rem
}
.degree-college, .degree-type {
  font-size: 1rem
}
.degree-type {
  font-style: italic
}
.degree-info a {
  font-size: 1.2rem;
  margin: 0 .75rem;
  padding: 1rem
}
.major-wrapper {
  padding: 1rem 0 .5rem;
  border-bottom: 1px solid #ccc;
  margin: 1rem 0
}
.involved-learning-text {
  padding: 0 .5rem
}
.involved-wrapper {
  padding: 2rem 0 0;
  margin: 0;
  background-color: #f2f2f2;
  position: relative;
  background-image: url("/img/home/news3.png")
}
.involved-wrapper h2 {
  font-size: 2.4rem;
  text-align: center;
  margin: 0 0 2rem;
  color: #002a4c
}
.involved-wrapper a {
  color: #002a4c;
  font-size: 1.5rem;
  padding: 0;
  margin: 1rem 0;
  text-transform: uppercase;
  text-decoration: none;
  display: block;
  transition: color .5s
}
.involved-wrapper .card-text {
  color: #002a4c
}
.vb-wrapper {
  background-image: url("/campus-life/images/home/vb2.jpg");
  min-height: 60vw
}
@media (min-width:375px) {
  .living-wrapper h2, .local-wrapper h2, h1.page-title-clife {
    font-size: 4rem
  }
  .living-mainlinks .nav-link {
    font-size: 1.2rem
  }
  .living-sublinks .nav-link {
    font-size: 1.1rem;
    margin: .25rem 0;
    padding: .75rem 1rem
  }
  .sports-wrapper {
    padding: 18rem 0 3rem
  }
  .activities-wrapper h2 {
    font-size: 2.75rem
  }
  .health-wrapper h2, .sports-wrapper h2 {
    font-size: 3.75rem
  }
  .health-wrapper .card-body a {
    padding: 1rem 0
  }
  .involved-wrapper a, .support-wrapper h2 {
    font-size: 1.75rem
  }
  .living-wrapper {
    padding: 10rem 0 3rem
  }
  .living-text-wrapper {
    padding: 1rem
  }
  .wellness-wrapper h2 {
    font-size: 3.25rem
  }
  .involved-wrapper h2 {
    font-size: 2.9rem
  }
  .health-wrapper .card .card-title {
    font-size: 1.5rem;
    text-transform: uppercase
  }
  .local-mainlinks .nav-link {
    padding: 1rem 1.5rem;
    font-size: 1.2rem
  }
}
@media (min-width:414px) {
  .living-wrapper {
    padding: 11rem 0 2rem
  }
  .living-wrapper h2 {
    font-size: 4.5rem
  }
  .involved-wrapper h2 {
    font-size: 3.25rem
  }
  .activities-wrapper h2 {
    font-size: 3rem
  }
  .support-wrapper h2 {
    font-size: 2rem
  }
  .involved-wrapper a {
    font-size: 1.7rem
  }
  .health-wrapper h2, .sports-wrapper h2 {
    font-size: 4rem
  }
}
@media (min-width:576px) {
  .campuslife-wrapper {
    height: 275px
  }
  h1.page-title-clife {
    font-size: 6rem
  }
  .activities-subhead {
    font-size: 2rem
  }
}
@media (min-width:768px) {
  .campuslife-wrapper {
    height: 400px
  }
  h1.page-title-clife {
    font-size: 8rem
  }
  .section-intro {
    padding: 1rem 0;
    background-color: #003054;
    color: #fff
  }
  .lead {
    margin-bottom: 1rem;
    color: #fff
  }
  .living-wrapper {
    padding: 18rem 2rem 4rem;
    margin: 0
  }
  .living-text-wrapper {
    background: rgba(255, 255, 255, .8);
    color: #333;
    padding: 2rem
  }
  .living-wrapper h2 {
    margin: 1rem auto;
    font-size: 4.5rem
  }
  .living-wrapper h3 {
    margin: 4rem auto 2rem;
    font-size: 2.5rem
  }
  .living-mainlinks .nav-link {
    width: 290px;
    margin: .5rem;
    padding: 1rem
  }
  .living-mainlinks .nav-link:active, .living-mainlinks .nav-link:focus, .living-mainlinks .nav-link:hover {
    color: #002a4c;
    border: 2px solid #002a4c
  }
  .living-sublinks {
    margin: 2rem 0 1rem
  }
  .living-sublinks .nav-link {
    font-size: 1rem;
    width: 290px;
    margin: .5rem;
    padding: .75rem 1rem
  }
  .sports-wrapper {
    padding: 34rem 1rem 2rem
  }
  .sports-text {
    background-color: rgba(0, 42, 76, .9);
    margin-top: -7rem;
    padding: 2rem 1rem
  }
  .sports-wrapper h2 {
    color: #fff;
    font-size: 4.rem;
    line-height: .9;
    text-align: center
  }
  .activities-wrapper a, .sports-wrapper .section-leadin {
    margin: 1rem 0
  }
  .sports-sublinks .nav-item {
    width: auto
  }
  .sports-sublinks .nav-link {
    margin: 1rem;
    width: 300px
  }
  .sports-sublinks .nav-link:active, .sports-sublinks .nav-link:focus, .sports-sublinks .nav-link:hover {
    color: #fff;
    background-color: #0091b8;
    box-shadow: 0 10px 40px rgb(0 0 0, .8)
  }
  .activities-wrapper, .wellness-wrapper {
    padding: 4rem 0 0;
    margin: 0;
    background-color: #002a4c;
    position: relative;
    background-image: url("/img/home/news3.png")
  }
  .health-wrapper .card, .involved-learning {
    margin: 2rem auto;
    width: 75%
  }
  .activities-wrapper h2 {
    font-size: 3.25rem
  }
  .activities-subhead {
    font-size: 2rem
  }
  .activities-learning {
    padding: 0
  }
  .activities-learning-text {
    padding: 0 .5rem
  }
  .activities-wrapper a span, .involved-wrapper a span, .wellness-wrapper a span {
    margin-left: .5rem;
    transition: margin .5s
  }
  .activities-wrapper a:active, .activities-wrapper a:focus, .activities-wrapper a:hover, .involved-wrapper a:active, .involved-wrapper a:focus, .involved-wrapper a:hover, .wellness-wrapper a:active, .wellness-wrapper a:focus, .wellness-wrapper a:hover {
    color: #0091b9
  }
  .activities-wrapper a:active span, .activities-wrapper a:focus span, .activities-wrapper a:hover span, .involved-wrapper a:active span, .involved-wrapper a:focus span, .involved-wrapper a:hover span, .wellness-wrapper a:active span, .wellness-wrapper a:focus span, .wellness-wrapper a:hover span {
    margin-left: 1rem
  }
  .health-wrapper {
    padding: 4rem 0 0
  }
  .health-wrapper h2 {
    text-align: center;
    font-size: 3.75rem;
    margin: 0 0 3rem
  }
  .health-wrapper .card .card-title {
    font-size: 1.75rem
  }
  .health-wrapper .card-body a {
    text-decoration: none;
    color: #003054;
    border: 2px solid;
    padding: .5rem 1rem;
    font-weight: 600;
    margin-top: 1rem;
    display: inline-block;
    text-align: center
  }
  .support-wrapper h2 {
    font-size: 1.8rem;
    margin-bottom: 2rem
  }
  .local-wrapper h2, .wellness-wrapper h2 {
    font-size: 3.5rem
  }
  .wellness-wrapper a {
    margin: 1rem 0;
    font-size: 1.9rem
  }
  .involved-learning {
    position: relative;
    padding: 0
  }
  .involved-wrapper {
    padding: 4rem 0 0;
    margin: 0;
    background-color: #002a4c;
    position: relative
  }
  .involved-wrapper h2 {
    font-size: 3.75rem
  }
  .involved-wrapper a {
    margin: 1rem 0;
    font-size: 1.75rem
  }
  .local-mainlinks .nav-link {
    padding: 1rem .5rem
  }
  .acad-stats-wrapper .stat-number {
    font-size: 4rem
  }
  .acad-stats-wrapper .stat-info {
    font-size: 1.2rem
  }
}
@media (min-width:992px) {
  .campuslife-wrapper {
    height: 400px
  }
  .living-mainlinks .nav-link, .living-sublinks .nav-link {
    width: 400px
  }
  .sports-wrapper {
    background-position: top left -135px;
    padding: 0
  }
  .sports-wrapper h2 {
    font-size: 3.5rem;
    margin: 0 0 1rem
  }
  .sports-text {
    padding: 2rem 1rem;
    margin-top: 0;
    background-color: #002a4c
  }
  .sports-sublinks .nav-link {
    width: 250px;
    margin: .75rem .25rem
  }
  .support-wrapper {
    padding: 2rem
  }
  .activities-wrapper h2, .clifestats .stat-number {
    font-size: 4rem
  }
  .health-wrapper h2, .local-wrapper h2 {
    font-size: 3.75rem
  }
  .wellness-wrapper a {
    font-size: 1.65rem
  }
  .involved-learning {
    width: auto;
    padding: 0 1rem
  }
  .involved-wrapper {
    padding: 4rem 0 3rem
  }
  .involved-wrapper a {
    font-size: 1.8rem
  }
  .living-wrapper {
    padding: 32rem 2rem 4rem;
    margin: 0
  }
  .health-wrapper .card {
    padding: 0;
    width: auto
  }
  .health-wrapper .card .card-title {
    font-size: 1.5rem
  }
  .local-wrapper .container-fluid {
    width: 100%
  }
  .local-mainlinks {
    margin: 0
  }
  .vb-wrapper {
    background-size: 150%;
    min-height: 50vw
  }
  .local-wrapper .card-body {
    padding: 0 1rem
  }
  .local-wrapper .card {
    border: none;
    border-radius: 0
  }
  .local-mainlinks .nav-link {
    padding: 1rem .5rem;
    width: 375px
  }
  .clifestats .stat-info {
    font-size: 1.25rem
  }
  .main-wrapper .container {
    max-width: 100%
  }
  #main-text .visitcampus-h2 {
    font-size: 3rem
  }
  .visit-resources-links .nav-item {
    width: 250px
  }
}
@media (min-width:1000px) {
  .activities-wrapper a, .experiential-wrapper .exp-learning a {
    font-size: 1.4rem
  }
}
@media (min-width:1200px) {
  .living-wrapper {
    background-position: right -375px center;
    background-size: 80%;
    padding: 3rem 0
  }
  .living-text-wrapper {
    background: #fff;
    box-shadow: none
  }
  .involved-wrapper h2, .living-wrapper h2, .sports-wrapper h2 {
    font-size: 4rem
  }
  .living-mainlinks .nav-link {
    width: 290px;
    font-size: 1.1rem
  }
  .living-sublinks .nav-link {
    font-size: 1rem;
    width: 290px;
    padding: .75rem .5rem
  }
  .sports-wrapper {
    background-position: bottom left -75px;
    background-size: 77%
  }
  .activities-wrapper a, .involved-wrapper a {
    font-size: 1.5rem
  }
  .involved-wrapper .container-fluid {
    width: 85%
  }
  .vb-wrapper {
    background-size: 125%;
    min-height: 40vw
  }
  .local-mainlinks {
    margin: 3rem 0 2rem
  }
  .local-wrapper .card {
    background-color: transparent;
    padding: 0 1rem
  }
  .involved-learning {
    padding: 1rem
  }
  .local-wrapper {
    padding: 4rem 0
  }
  .local-mainlinks .nav-link {
    width: 240px
  }
  .sports-sublinks .nav-link {
    width: 290px;
    margin: .75rem .25rem
  }
}
@media (min-width:1300px) {
  .campuslife-wrapper {
    height: 555px
  }
  .sports-wrapper {
    background-position: bottom left -480px;
    background-size: 85%
  }
  .sports-text {
    padding: 4rem 2rem
  }
  .sports-sublinks {
    margin-top: 3rem
  }
  .sports-sublinks .nav-link {
    padding: 1.25rem .5rem;
    width: 310px;
    margin: .5rem
  }
  .activities-learning, .involved-learning {
    padding: 0 1rem
  }
  .living-mainlinks .nav-link {
    width: 310px
  }
  .living-sublinks .nav-link {
    width: 310px;
    padding: .75rem .5rem
  }
  .sports-wrapper h2 {
    font-size: 4.5rem
  }
  .local-mainlinks .nav-link {
    width: 260px
  }
  .main-wrapper .container {
    max-width: 1280px
  }
}
@media (min-width:1400px) {
  .living-wrapper {
    background-size: 75%
  }
  .campuslife-wrapper {
    height: 625px
  }
  .activities-learning, .involved-learning {
    padding: 0 2rem
  }
  .clifestats .stat-number {
    font-size: 4rem
  }
  .clifestats .stat-info {
    font-size: 1.25rem
  }
  .vb-wrapper {
    background-size: 100%;
    min-height: 27vw
  }
  .living-mainlinks .nav-link, .living-sublinks .nav-link {
    width: 320px
  }
  .sports-sublinks .nav-link {
    padding: 1.25rem .5rem;
    width: 325px;
    margin: .5rem
  }
}
@media (min-width:1500px) {
  .undergraduate-wrapper {
    background-size: 75%;
    background-position: right -400px center
  }
  .experiential-wrapper .container-fluid {
    max-width: 85%
  }
  .living-wrapper {
    background-position: right -280px center;
    background-size: 70%
  }
  .living-mainlinks .nav-link, .living-sublinks .nav-link {
    width: 340px
  }
  .sports-sublinks .nav-link {
    padding: 1.25rem .5rem;
    width: 345px;
    margin: .5rem
  }
}
@media (min-width:1600px) {
  .undergraduate-wrapper {
    background-size: 75%
  }
  .living-mainlinks .nav-link, .living-sublinks .nav-link, .ug-mainlinks .nav-link, .ug-sublinks .nav-link {
    width: 350px
  }
  .experiential-wrapper .container-fluid {
    max-width: 80%
  }
  .living-wrapper {
    background-position: right -265px center;
    background-size: 56%
  }
  .involved-wrapper .container-fluid {
    width: 75%;
    max-width: 1320px
  }
  .sports-sublinks .nav-link {
    padding: 1.25rem .5rem;
    width: 360px;
    margin: .5rem
  }
}
@media (min-width:1900px) {
  .video-title {
    font-size: 7rem
  }
  .video-text {
    font-size: 3.25rem
  }
  .main-video {
    max-height: 675px
  }
  .why-wrapper h2, .why-wrapper2 h2 {
    font-size: 4rem
  }
  .location-wrapper {
    padding: 6rem 8rem 6rem 4rem;
    background-image: url("/about/images/home/maplg.png");
    background-size: 75%
  }
  .about-wrapper, .academics-wrapper, .campus-life-wrapper, .banner-wrapper {
    height: 625px
  }
  .con-wrapper .container-fluid {
    width: 75%
  }
  .university-mainlinks .nav-link {
    width: 20vw
  }
  .living-wrapper {
    background-position: right -190px center;
    background-size: 50%;
    padding: 2rem 0
  }
  .living-mainlinks .nav-link, .living-sublinks .nav-link, .sports-sublinks .nav-link {
    width: 400px
  }
}
#main-text h2 strong, #main-text h3 strong, #main-text h4 strong, #main-text h5strong, #main-text h6 strong, .bold500, .fauxh2 strong, .side-content h2 {
  font-weight: 500
}
.bold600 {
  font-weight: 600
}
.bold700 {
  font-weight: 700
}
.bold800 {
  font-weight: 800
}
.bold900 {
  font-weight: 900
}
.main-nav-right ul, .two-column {
  columns: 2
}
.subnavcontrol {
  text-decoration: none;
  font-size: 1.25rem;
  font-weight: 700;
  margin: 1rem auto 0;
  padding: 1rem .5rem 1rem 1rem;
  color: #fff;
  background: #003c69;
  border: 1px solid #ebebeb;
  border-bottom: 0
}
.subnavcontrol.collapsed {
  color: #003c69;
  background-color: #fff;
  border: 1px solid #ebebeb
}
a.subnavcontrol .fa-chevron-right, a.subnavcontrol.collapsed .fa-chevron-right {
  font-size: 1.25rem;
  margin-right: .5rem;
  float: right
}
a.subnavcontrol.collapsed .fa-chevron-right {
  -webkit-transform: rotate(0);
  -moz-transform: rotate(0);
  transform: rotate(0)
}
.subnavcontrol span {
  transition: .3s;
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  transform: rotate(90deg)
}
.sidemenu ul {
  list-style-type: none;
  padding: 0;
  background-color: #fff
}
.sidemenu .nav-link.menu-section {
  text-transform: uppercase;
  font-weight: 200;
  font-size: 2rem
}
.sidemenu .nav-link {
  color: #003c69;
  padding: 1.5rem .8rem .75rem .75rem;
  text-decoration: none;
  border-bottom: 1px solid #e7e7e7;
  border-radius: 0;
  font-size: 1.2rem;
  font-weight: 600;
  position: relative;
  border-left: 5px solid #fff
}
.maincontent strong, .sidemenu .nav-item .nav-link.menu-section:active, .sidemenu .nav-item .nav-link.menu-section:focus, .sidemenu .nav-item .nav-link.menu-section:hover, .sidemenu .nav-link:hover {
  color: #0091b8
}
.sidemenu .nav-link.cta-giving {
  background-color: #4F7E25;
  color: #fff;
  text-align: center;
  padding: 1rem 0;
  margin: 1rem 0
}
.sidemenu .nav-link.cta-giving:active, .sidemenu .nav-link.cta-giving:focus, .sidemenu .nav-link.cta-giving:hover {
  background-color: #487c19;
  color: #fff
}
.sidemenu .nav-item .nav-link.menu-section {
  color: #003c69;
  padding: 1rem .5rem .25rem .25rem;
  margin-left: 0;
  text-transform: uppercase;
  font-weight: 500;
  font-size: 2.15rem;
  font-family: Anton, sans-serif
}
.sidemenu .nav-link.has-submenu:not(.collapsed) {
  border: none;
  font-weight: 700
}
.sidemenu .nav-link.has-submenu::after {
  content: "\f107";
  font-family: 'Font Awesome 6 Free';
  font-weight: 900;
  float: right;
  transition: .3s
}
.sidemenu .nav-link.has-submenu.collapsed::after {
  transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
  position: absolute;
  right: 5px
}
.nav-link.menu-sub-sub-section, .sidemenu .nav-link.menu-sub-section {
  font-weight: 500 !important;
  font-family: Anton, sans-serif;
  font-size: 1.5rem
}
.sidemenu .nav-link.active {
  font-weight: 700;
  color: #007494
}
.sidemenu ul .nav-link {
  margin: 0 0 0 1rem;
  padding: .8rem .5rem .8rem 1rem;
  font-size: 1.1rem;
  font-weight: 500;
  border-left: 3px solid #f1f1f1;
  border-bottom: none;
  color: #535353
}
.sidemenu ul .nav-link:active, .sidemenu ul .nav-link:focus, .sidemenu ul .nav-link:hover {
  color: #0080a3;
  border-left: 3px solid #0080a3
}
a.close-menu-btn {
  background-color: #8996a0;
  border-radius: 0 0 5px 5px;
  color: #fff;
  display: block;
  margin: 0 0 1rem;
  padding: 10px 5px;
  text-align: center;
  text-decoration: none;
  font-size: 1rem
}
a.close-menu-btn:active, a.close-menu-btn:focus, a.close-menu-btn:hover {
  background-color: #617486;
  color: #fff
}
.main-body-content {
  padding-bottom: 4rem
}
#main-text {
  padding-top: 3rem;
  padding-bottom: 3rem;
  line-height: 1.45
}
#main-text.landing {
  padding-top: 0 !important
}
#main-text .enrollment-financialaid ul.list-unstyled li a:active, #main-text .enrollment-financialaid ul.list-unstyled li a:hover, #main-text .enrollment-majors ul.list-unstyled li a:active, #main-text .enrollment-majors ul.list-unstyled li a:hover, #main-text a.bluelink.nounderline:active, #main-text a.bluelink.nounderline:focus, #main-text a.bluelink.nounderline:hover {
  color: #0080a3;
  text-decoration: underline
}
#main-text img + h2, #main-text + *, #main-text > h2:first-child, .secondary-content h2:first-child {
  margin-top: 0
}
#main-text h2, #main-text h3, #main-text h4, #main-text h5, #main-text h6, .fauxh2 {
  margin: 3.5rem auto 1rem;
  font-family: Kanit, sans-serif;
  font-weight: 500;
  color: #003c69;
  line-height: 1
}
#main-text h3, #main-text h4, #main-text h5 {
  color: #0091b8
}
#main-text .fauxh2, #main-text h2 {
  font-size: 2rem
}
#main-text .box-blue h2, #main-text h3, .maincontent h2 {
  font-size: 1.75rem
}
#main-text h4 {
  font-size: 1.5rem
}
#main-text h5 {
  font-size: 1.25rem
}
#main-text ol li, #main-text ul li {
  padding: .15rem 0
}
.title-wrapper {
  background-color: #002a4c;
  text-align: center;
  padding: 1rem 0;
  margin: 0 auto
}
.title-wrapper h1.page-title {
  font-size: 2rem;
  font-family: Kanit, sans-serif;
  text-transform: uppercase;
  margin: 0;
  color: #fff;
  line-height: 1
}
.title-wrapper-secondary {
  background: linear-gradient(180deg, rgba(0, 0, 0, .1) 0, rgba(0, 0, 0, .4) 100%) #003c69;
  text-align: center;
  padding: 0;
  margin: 0 auto;
  position: relative
}
.title-wrapper-secondary img {
  min-height: 200px;
  object-fit: cover;
  margin: 0 !important
}
.title-wrapper-secondary.hero-overlay::before {
  background: linear-gradient(0deg, #000 10%, rgba(0, 0, 0, .1) 35%, rgba(0, 0, 0, 0) 80%, rgba(0, 0, 0, .6) 100%);
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  bottom: 0;
  top: 0;
  left: 0;
  right: 0
}
.title-wrapper-secondary h1.page-title {
  font-size: 2.5rem;
  text-transform: uppercase;
  font-family: Anton, sans-serif;
  margin: 0;
  color: #fff;
  line-height: 1;
  font-weight: 500;
  overflow: hidden;
  text-overflow: ellipsis
}
.title-wrapper-secondary.hero-image h1.page-title {
  font-size: 3rem;
  padding: 4rem 0 1rem
}
.title-wrapper-image {
  background: 0 0;
  padding: 1rem 0 0;
  z-index: 3;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0
}
.bluebg, .meet-callout {
  background-color: #002a4c
}
.title-wrapper-plain {
  padding: 3rem 0 1rem;
  z-index: 3;
  position: relative
}
.cta-link-wrapper {
  margin: 1rem auto .5rem
}
.maincontent h2:first-child {
  margin-top: 0 !important
}
.maincontent h1, .maincontent h2, .maincontent h3, .maincontent h4, .maincontent h5, .maincontent h6 {
  font-family: Kanit, serif;
  color: #003054;
  margin: 4rem 0 1.25rem;
  text-transform: uppercase;
  font-weight: 500
}
.maincontent h2 {
  font-weight: 500
}
.maincontent ol li, .maincontent ul li {
  padding: 4px 0
}
.meet-callout {
  color: #fff;
  line-height: 1.4;
  position: relative;
  box-shadow: 10px 13px #0091b8;
  padding: 2rem 1rem;
  margin-bottom: 4rem
}
.blockquote, .table {
  margin: 3rem auto
}
.meet-callout h2 {
  color: #fff !important;
  margin: 0 auto 2rem;
  font-size: 2.25rem
}
.bluebg {
  color: #fff !important;
  padding: 4rem 0
}
#main-text a.btn-bl-outline {
  color: #003c69;
  background-color: #fff;
  border-color: #003c69 !important;
  border-width: 2px;
  font-weight: 600
}
#main-text a.btn-bl-outline:focus, #main-text a.btn-bl-outline:hover {
  color: #fff;
  background-color: #003c69;
  box-shadow: none
}
#accordionVWU .accordion-item .accordion-button, #accordionVWUBlue .accordion-item .accordion-button {
  border-radius: 0;
  font-size: 1.65rem;
  color: #003c69;
  padding: 1.5rem 1.25rem 1.2rem 1rem;
  background-color: #fff
}
#accordionVWU .accordion-button:hover, .accordion-button:active {
  z-index: 3;
  border-color: transparent;
  outline: 0;
  box-shadow: none;
  color: #0091b8 !important
}
#accordionVWU .accordion-button:not(.collapsed) {
  color: #fff !important;
  background-color: #0091b8
}
#accordionVWU .accordion-button::after {
  background-image: url(/css/"data:image/svg+xml,%3Csvg xmlns='http:/www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3C!--! Font Awesome Pro 6.2.1 by %40fontawesome - https:/fontawesome.com License - https:/fontawesome.com/license (Commercial License) Copyright 2022 Fonticons  Inc. --%3E%3Cpath fill='%23003c69' d='M256 80c0-17.7-14.3-32-32-32s-32 14.3-32 32V224H48c-17.7 0-32 14.3-32 32s14.3 32 32 32H192V432c0 17.7 14.3 32 32 32s32-14.3 32-32V288H400c17.7 0 32-14.3 32-32s-14.3-32-32-32H256V80z'/%3E%3C/svg%3E")
}
#accordionVWU .accordion-button:active::after, #accordionVWU .accordion-button:focus::after, #accordionVWUBlue .accordion-button:hover::after {
  background-image: url(/css/"data:image/svg+xml,%3Csvg xmlns='http:/www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3C!--! Font Awesome Pro 6.2.1 by @fontawesome - https:/fontawesome.com License - https:/fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --%3E%3Cpath fill='%23ffffff' d='M256 80c0-17.7-14.3-32-32-32s-32 14.3-32 32V224H48c-17.7 0-32 14.3-32 32s14.3 32 32 32H192V432c0 17.7 14.3 32 32 32s32-14.3 32-32V288H400c17.7 0 32-14.3 32-32s-14.3-32-32-32H256V80z'/%3E%3C/svg%3E")
}
#accordionVWU .accordion-button:hover::after {
  background-image: url(/css/"data:image/svg+xml,%3Csvg xmlns='http:/www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3C!--! Font Awesome Pro 6.2.1 by @fontawesome - https:/fontawesome.com License - https:/fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --%3E%3Cpath fill='%230091b8' d='M256 80c0-17.7-14.3-32-32-32s-32 14.3-32 32V224H48c-17.7 0-32 14.3-32 32s14.3 32 32 32H192V432c0 17.7 14.3 32 32 32s32-14.3 32-32V288H400c17.7 0 32-14.3 32-32s-14.3-32-32-32H256V80z'/%3E%3C/svg%3E")
}
#accordionVWU .accordion-button:not(.collapsed)::after, #accordionVWUBlue .accordion-button:not(.collapsed)::after {
  background-image: url(/css/"data:image/svg+xml,%3Csvg xmlns='http:/www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3C!--! Font Awesome Pro 6.2.1 by @fontawesome - https:/fontawesome.com License - https:/fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --%3E%3Cpath fill='%23ffffff' d='M256 80c0-17.7-14.3-32-32-32s-32 14.3-32 32V224H48c-17.7 0-32 14.3-32 32s14.3 32 32 32H192V432c0 17.7 14.3 32 32 32s32-14.3 32-32V288H400c17.7 0 32-14.3 32-32s-14.3-32-32-32H256V80z'/%3E%3C/svg%3E");
  transform: rotate(-45deg)
}
#main-text #accordionVWU .accordion-body ul li a, #main-text #accordionVWUBlue .accordion-body ul li a {
  color: #003c69;
  text-decoration: none;
  font-weight: 500;
  padding: .25rem
}
#main-text ul.list-unstyled li a {
  color: #0080a3;
  text-decoration: none;
  padding: rem .25rem;
  display: block;
  margin: .25rem 0
}
#main-text #accordionVWU .accordion-body ul li a:active, #main-text #accordionVWU .accordion-body ul li a:hover, #main-text #accordionVWUBlue .accordion-body ul li a:active, #main-text #accordionVWUBlue .accordion-body ul li a:hover, #main-text ul.list-unstyled li a:active, #main-text ul.list-unstyled li a:hover {
  color: #0091b8;
  text-decoration: underline
}
#accordionVWUBlue .accordion-item .accordion-button {
  border-radius: 0;
  font-size: 1.65rem;
  color: #fff;
  background-color: #003c69;
  padding: 1.5rem 1.25rem 1.2rem 1rem
}
#accordionVWUBlue .accordion-item .accordion-button.accordion-sm {
  font-size: 1.35rem;
  padding: 1rem
}
#accordionVWUBlue .accordion-button:hover, .accordion-button:active, .accordion-button:focus {
  z-index: 3;
  border-color: transparent;
  outline: 0;
  box-shadow: none;
  color: #fff;
  background-color: #0091b8
}
#accordionVWUBlue .accordion-button:not(.collapsed) {
  color: #fff;
  background-color: #0091b8
}
#accordionVWUBlue .accordion-button::after {
  background-image: url(/css/"data:image/svg+xml,%3Csvg xmlns='http:/www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3C!--! Font Awesome Pro 6.2.1 by %40fontawesome - https:/fontawesome.com License - https:/fontawesome.com/license (Commercial License) Copyright 2022 Fonticons  Inc. --%3E%3Cpath fill='%23ffffff' d='M256 80c0-17.7-14.3-32-32-32s-32 14.3-32 32V224H48c-17.7 0-32 14.3-32 32s14.3 32 32 32H192V432c0 17.7 14.3 32 32 32s32-14.3 32-32V288H400c17.7 0 32-14.3 32-32s-14.3-32-32-32H256V80z'/%3E%3C/svg%3E")
}
.list-group li {
  position: relative;
  display: block;
  padding: .5rem 1rem !important;
  color: #212529;
  text-decoration: none;
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, .125)
}
.blockquote {
  border-left: 5px solid #003c69;
  padding: 10px 20px;
  color: #003c69
}
.table, .table-striped > tbody > tr:nth-of-type(odd) > * {
  color: inherit
}
#main-text .row + .row {
  margin-top: 1rem;
  margin-bottom: 1rem;
  padding: 1rem 0
}
#main-text b, #main-text strong {
  color: #003c69;
  font-weight: 600
}
.alert-info a:not(.btn), table th {
  color: #003c69 !important
}
.box-right {
  border-bottom: 2px solid #0091b8;
  border-top: 10px solid #0091b8;
  padding: 1rem;
  margin-bottom: 2rem
}
.box-right h2 {
  font-size: 1.75rem !important;
  text-align: center
}
.alert-info {
  color: #055160;
  background-color: #f2fbff;
  border-color: #8eb9d0
}
#main-text .directory-listing .job-name {
  font-weight: 700;
  margin: 0
}
#main-text .directory-listing a, .directory-listing a {
  text-decoration: none;
  color: #003c69
}
#main-text .directory-listing .job-title {
  margin: 0;
  font-style: italic;
  line-height: 1.2
}
.side-contact-info {
  border-bottom: 2px solid #003c69;
  border-top: 10px solid #003c69;
  margin: 1rem 0;
  color: #00294b;
  padding: 1rem .5rem .5rem;
  font-size: .95rem;
  line-height: 1.4
}
.form-group, .ratio {
  margin-bottom: 2rem
}
#main-text .box-blue {
  border-color: #003c69;
  border-style: solid;
  border-width: 7px 0 2px;
  display: block;
  margin: 0 0 3rem;
  padding: 15px 10px 10px 15px;
  background-color: #f8f8f8
}
label, legend {
  font-weight: 500;
  color: #003c69
}
.side-contact-info P {
  margin-bottom: .3rem
}
#main-text .no-underlines a {
  text-decoration: none;
  color: #003c69;
  font-weight: 500
}
#main-text .no-underlines a:active, #main-text .no-underlines a:focus, #main-text .no-underlines a:hover, #main-text table a:active, #main-text table a:focus, #main-text table a:hover {
  text-decoration: underline;
  color: #0091b8
}
hr {
  margin-bottom: 3rem;
  clear: both
}
#main-text .smaller {
  font-size: .7em
}
#main-text table a {
  color: #003c69
}
#main-text .lead {
  color: #00819e;
  font-size: 1.2rem;
  font-weight: 600;
  text-align: center;
  hyphens: none
}
#main-text p.feature-title {
  margin-bottom: 1rem !important;
  margin-top: 1rem;
  line-height: 1.4
}
#main-text .feature-box p.feature-title a {
  color: #003c69;
  text-decoration: none;
  font-weight: 700
}
.feature-box a:active, .feature-box a:focus, .feature-box a:hover {
  text-decoration: none;
  color: #0091b8
}
.btn-primary {
  background-color: #003c69;
  border-color: #012845;
  color: #fff !important
}
.btn-primary:focus, .btn-primary:hover {
  color: #fff;
  background-color: #0091b8;
  border-color: #017493;
  box-shadow: none
}
a.news-link {
  text-decoration: none;
  color: #003c69;
  background-color: #fff;
  padding: .6rem .2rem;
  display: block;
  min-height: 80px;
  border-bottom: 1px solid #eaeaea
}
a.news-link:active, a.news-link:focus, a.news-link:hover {
  text-decoration: none;
  color: #fff !important;
  background-color: #0091b8
}
.panel.panel-blue .panel-heading {
  border-bottom: 1px solid transparent;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  background-color: #003c69;
  padding: 10px 15px;
  color: #fff;
  margin: 0;
  font-size: 1.2rem
}
#main-text .panel.panel-blue .panel-heading .panel-title, #main-text .panel.panel-blue .panel-heading .panel-title a {
  color: #fff !important;
  margin: 0;
  font-size: 1.6rem
}
.panel.panel-blue .panel-title > a, .panel.panel-blue.panel-briefs .panel-title > a {
  padding: 5px 0;
  line-height: 1.2;
  text-decoration: none;
  color: #fff;
  width: 100%;
  display: block
}
.panel.panel-blue.panel-briefs .body-brief {
  border-bottom: 1px solid #ccc;
  margin-bottom: 1rem
}
.panel.panel-blue.panel-briefs a {
  color: #034073;
  text-decoration: none;
  font-weight: 600
}
.panel-body {
  padding: .5rem 1rem
}
.ratio {
  margin-top: 2rem
}
.footer-cta-wrapper {
  padding: 1.5rem 0;
  background-color: #017fa2;
  color: #fff;
  font-size: 1.25rem;
  font-weight: 600;
  text-align: center;
  margin-top: 4rem
}
.btn-footer-cta {
  color: #fff;
  border: 2px solid #fff;
  font-weight: 700;
  font-size: 1.2rem;
  text-decoration: none;
  text-transform: uppercase;
  padding: 1rem 5rem;
  -webkit-transition: .4s;
  -moz-transition: .4s;
  transition: .4s;
  background-size: 100% 200%;
  background-position: 0 -100%;
  background-image: linear-gradient(to top, transparent 50%, #fff 50%)
}
@media screen and (max-width:1279px) {
  #main-text .img-fluid {
    max-width: 100%;
    height: auto;
    margin: 1rem auto;
    display: block;
    float: none !important;
    width: auto
  }
}
@media (min-width:768px) {
  .title-wrapper-image {
    background: 0 0;
    padding: 1rem 0 0;
    z-index: 3;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0
  }
  .cta-link-wrapper {
    margin: 0
  }
  .sidemenu {
    background-color: #fff;
    margin-top: 2rem;
    max-width: 95%;
    padding-right: 1rem
  }
  .float-left, .float-right {
    float: none !important
  }
  #main-text .float-left, #main-text .float-start, #main-text img.float-lg-end, #main-text img.float-right, #main-text img[style*="float: left"], #main-text img[style*="float: right"], #main-text img[style*="float:right"], .float-end, .float-right, [style*="float:left;"], img.float-left, img.float-lg-end, img.float-right, img.float-xl-end, img[style*="float:left"], img[style*="float:right"] {
    margin: 2rem auto 1.5rem
  }
  .title-wrapper-secondary h1.page-title {
    font-size: 3rem
  }
  .float-right > .ratio {
    margin: 0 !important
  }
  #main-text .fauxh2, #main-text h2 {
    font-size: 2rem
  }
  #main-text h3 {
    font-size: 1.85rem;
    color: #0091b8
  }
  #main-text h4 {
    font-size: 1.65rem;
    color: #0091b8
  }
  #main-text h5 {
    font-size: 1.5rem;
    color: #0091b8
  }
  .box-right {
    margin-left: 2rem
  }
  .box-right h2 {
    font-size: 2.25rem !important
  }
  .title-wrapper-secondary.hero-image h1.page-title {
    font-size: 3.5rem;
    padding: 6rem 0 1rem
  }
  .scrollup {
    position: fixed;
    right: 15px;
    bottom: 14px;
    background: #002a4c;
    cursor: pointer;
    line-height: 1.7;
    text-decoration: none;
    display: none;
    border: 2px solid #fff;
    color: #fff;
    padding: 10px 20px;
    font-size: 1.5rem
  }
  .scrollup:hover {
    background: #18bae4;
    color: #fff
  }
  #main-text .touroption {
    margin: 0 auto 2rem;
    background-color: transparent;
    padding: 1rem .75rem;
    display: block;
    overflow: hidden
  }
  #main-text .touroption .tourimage {
    width: 40%;
    float: left;
    margin-right: 1rem
  }
  #main-text .touroption .tourdesc {
    float: left;
    width: 55%
  }
  #main-text .touroptionplain h3 {
    margin-top: 3rem
  }
}
@media (min-width:1200px) {
  .maincontent h2 {
    font-size: 2rem;
    font-weight: 500
  }
  #main-text .box-blue h2:first-child, #main-text .box-right + h2 {
    margin-top: 0
  }
  .box-right h2 {
    font-size: 1.75rem !important
  }
  .title-wrapper-secondary.hero-image h1.page-title {
    font-size: 4rem;
    padding: 8rem 0 1rem
  }
  #main-text .touroption .tourimage img, #main-text .touroptionplain .tourimage img {
    width: 80%;
    margin: 0 auto 1rem
  }
  .float-left {
    float: left !important
  }
  .float-right {
    float: right !important
  }
  #main-text img[style*="float: left"], img.float-left, img[style*="float:left"] {
    margin: 1rem 1rem 1rem 0
  }
  #main-text img.float-lg-end, #main-text img.float-right, #main-text img[style*="float: right"], #main-text img[style*="float:right"], .float-end, .float-right, img.float-lg-end, img.float-right, img.float-xl-end, img[style*="float:right"] {
    margin: 1rem 0 1.5rem 1.5rem
  }
  #main-text .float-left, #main-text .float-start, [style*="float:left;"] {
    margin: 1rem 1.5rem 1.5rem 0
  }
  .title-wrapper-secondary h1.page-title {
    font-size: 3.5rem
  }
}
.enrollment-wrapper {
  height: 200px;
  background: linear-gradient(0deg, rgba(0, 0, 0, .5) 0, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0) 60%, rgba(0, 0, 0, .6) 100%) 0 0/cover, url("/enrollment-aid/images/home/enrollment-header.jpg") center/cover;
  position: relative;
  margin-bottom: 0
}
.constituency-wrapper, .fa-stat, .visit-wrapper, a.contituent-default {
  background-color: #002a4c
}
h1.page-title-enrollment {
  font-family: Kanit, sans-serif;
  font-size: 2.4rem;
  color: #fff;
  line-height: .7;
  font-weight: 500;
  letter-spacing: -2px;
  text-align: center;
  position: absolute;
  bottom: -8px;
  left: 0;
  right: 0;
  padding-top: .5rem;
  text-transform: uppercase
}
.enroll-cta-wrapper {
  padding: 0 0 3rem;
  color: #fff;
  text-align: center
}
.enroll-cta-wrapper h2 {
  text-align: center;
  font-size: 3.75rem;
  line-height: .8;
  font-weight: 800;
  margin: 0 0 2rem;
  text-transform: uppercase;
  font-family: Merriweather, serif
}
.enrollstats-wrapper .stat-number {
  font-size: 2.5rem;
  font-family: Merriweather, serif;
  color: #fff;
  margin: 1rem 0 0;
  text-align: center;
  line-height: 1;
  font-weight: 600
}
.enrollstats-wrapper .stat-info {
  font-size: .95rem;
  margin: .25rem 0;
  color: #18bae4;
  font-weight: 700;
  line-height: 1.1;
  text-align: center
}
.enroll-cta-mainlinks .nav-link {
  color: #003258;
  padding: 1rem 1.25rem;
  font-size: 1.25rem;
  font-weight: 600;
  border: 3px solid #003258;
  position: relative;
  z-index: 1;
  text-align: left;
  margin: .5rem
}
.enroll-cta-mainlinks .nav-link i {
  margin: 0 1.5rem 0 0;
  font-size: 1.5rem
}
.enroll-cta-mainlinks .nav-link:active, .enroll-cta-mainlinks .nav-link:focus, .enroll-cta-mainlinks .nav-link:hover {
  color: #01a9d9;
  border-color: #01a9d9;
  z-index: 1;
  background-color: #fff
}
.enroll-cta-mainlinks .nav-link.green {
  color: #4f6c15;
  border-color: #4f6c15
}
.enroll-cta-mainlinks .nav-link.green:active, .enroll-cta-mainlinks .nav-link.green:focus, .enroll-cta-mainlinks .nav-link.green:hover {
  color: #99c24d !important;
  border-color: #99c24d !important;
  z-index: 1;
  background-color: #fff
}
.constituency-wrapper {
  padding: 4rem 0;
  margin: 0;
  position: relative;
  background-image: url("/img/home/news3.png")
}
.constituency-wrapper h2 {
  text-align: center;
  font-size: 4.25rem;
  line-height: .8;
  font-weight: 800;
  text-transform: uppercase;
  font-family: Merriweather, serif;
  margin: 0 0 2rem
}
.finaid-wrapper h2, .visit-wrapper h2 {
  line-height: .9;
  font-weight: 800;
  font-family: Merriweather, serif;
  text-transform: uppercase
}
.constituency-wrapper a {
  font-size: 1.6rem;
  text-decoration: none;
  color: #002a4c
}
.const-learning {
  position: relative;
  padding: 0;
  margin: 2rem 0 1rem
}
.const-img-wrap {
  position: relative;
  border: 5px solid #fff;
  z-index: 1;
  margin-bottom: 1rem
}
.visit-wrapper {
  color: #fff;
  position: relative;
  padding: 15rem 0 3rem;
  background-image: url("/about/images/home/campuus-tour.jpg");
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: top center
}
.visit-wrapper h2 {
  color: #fff;
  font-size: 3.75rem;
  margin: 0 0 3rem
}
.finaid-wrapper h2 {
  font-size: 3.25rem;
  text-align: center;
  margin: 0 0 2rem
}
.finaid-wrapper h3 {
  font-size: 1.6rem;
  margin: 3rem 0 1rem;
  font-family: Merriweather, serif;
  text-transform: uppercase;
  font-weight: 800
}
.greybg h2, .orangebg h2, .tealbg h2 {
  margin: 0 auto 1rem !important;
  font-size: 2.75rem !important
}
.finaid-subhead {
  font-size: 1.5rem;
  text-align: center;
  margin-bottom: 3rem
}
.fa-links-wrapper {
  padding: 2rem 0;
  margin: 0
}
.fa-mainlinks .nav-link {
  color: #002a4c;
  border: 2px solid;
  padding: 1rem;
  font-size: 1.1rem;
  font-weight: 600;
  margin: 1rem;
  text-align: center
}
.fa-stat {
  color: #fff;
  text-align: center;
  margin: .5rem 0
}
.greybg, .orangebg, .tealbg {
  padding: 1rem 2rem;
  margin: 2rem 0
}
.fastats-wrapper .stat-number {
  font-size: 3.5rem;
  font-family: Merriweather, serif;
  color: #fff;
  margin: 0;
  text-align: center;
  text-transform: uppercase
}
.fastats-wrapper .stat-info {
  font-size: 1rem;
  margin: 0;
  color: #18bae4;
  font-weight: 700;
  line-height: 1.1;
  text-align: center
}
.greybg {
  background-color: #e7edf1;
  color: #fff !important
}
.greybg a {
  color: #00345b !important;
  text-decoration: none;
  font-weight: 600
}
#main-text .greybg ol li, #main-text .greybg ul li, #main-text .tealbg ol li, #main-text .tealbg ul li {
  padding: .5rem 0
}
.tealbg {
  background-color: #0091b8;
  color: #fff
}
.orangebg h2, .tealbg h2 {
  color: #fff !important
}
.orangebg {
  background-color: #f5853f;
  color: #fff
}
.enrollment-financialaid, .enrollment-majors {
  margin: 3rem 0;
  border-top: 1px solid #ccc;
  padding-top: 3rem
}
#main-text .enrollment-financialaid h2, #main-text .enrollment-majors h2 {
  font-size: 2.5rem !important;
  font-weight: 600;
  margin: 0 0 2rem !important;
  padding: 0 !important
}
.enrollment-financialaid-bg, .enrollment-majors-bg {
  color: #fff !important;
  position: relative
}
.enrollment-financialaid-bg img, .enrollment-majors-bg img {
  object-fit: cover
}
.enrollment-financialaid-text, .enrollment-majors-text {
  padding: 0 2rem
}
.enrollment-financialaid-bg:after, .enrollment-majors-bg:after {
  display: block;
  position: absolute;
  background-image: linear-gradient(0deg, rgba(0, 0, 0, .5), rgba(0, 0, 0, .1));
  content: '';
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: .8
}
#main-text .enrollment-financialaid ul.list-unstyled li a, #main-text .enrollment-majors ul.list-unstyled li a {
  color: #1c7cb0;
  font-weight: 600;
  text-decoration: none
}
#main-text .section-header {
  font-family: Merriweather, serif;
  font-size: 2.75rem;
  text-align: center;
  font-weight: 900;
  margin: 0 0 1rem
}
#main-text .section-subheader {
  margin: 0 0 2rem;
  font-size: 2rem;
  text-align: center
}
a.contituent-default {
  color: #fff;
  padding: 3rem 1rem;
  display: block;
  text-align: center;
  font-family: Kanit, sans-serif;
  font-size: 1.75rem !important;
  text-transform: uppercase;
  margin: 1rem;
  border: 3px solid #002a4c;
  font-weight: 500
}
a.contituent-default:active, a.contituent-default:focus, a.contituent-default:hover {
  background-color: transparent;
  color: #002a4c !important
}
@media (min-width:375px) {
  h1.page-title-enrollment {
    font-size: 2.75rem
  }
  .visit-wrapper {
    padding: 18rem 0 3rem
  }
  .finaid-wrapper h2 {
    font-size: 3.75rem
  }
  .finaid-wrapper h3 {
    font-size: 2rem;
    margin: 3rem 0 1rem;
    font-family: Merriweather, serif;
    text-transform: uppercase;
    font-weight: 800
  }
  .constituency-wrapper a {
    font-size: 1.75rem
  }
}
@media (min-width:414px) {
  h1.page-title-enrollment {
    font-size: 3rem
  }
  .enroll-cta-wrapper h2, .finaid-wrapper h2, .visit-wrapper h2 {
    font-size: 4rem
  }
  .constituency-wrapper h2 {
    font-size: 4.5rem
  }
}
@media (min-width:576px) {
  .enrollment-wrapper {
    height: 275px
  }
  h1.page-title-enrollment {
    font-size: 4rem
  }
  .constituency-subhead {
    font-size: 2rem
  }
}
@media (min-width:768px) {
  .constituency-subhead, .finaid-subhead {
    font-size: 1.5rem
  }
  h1.page-title-enrollment {
    font-size: 5.5rem
  }
  .enroll-cta-wrapper {
    padding: 4rem 0
  }
  .constituency-wrapper a span, .finaid-wrapper a span {
    margin-left: .5rem;
    transition: margin .5s
  }
  .constituency-wrapper a:active, .constituency-wrapper a:focus, .constituency-wrapper a:hover, .finaid-wrapper a:active, .finaid-wrapper a:focus, .finaid-wrapper a:hover {
    color: #0091b9
  }
  .constituency-wrapper a:active span, .constituency-wrapper a:focus span, .constituency-wrapper a:hover span, .finaid-wrapper a:active span, .finaid-wrapper a:focus span, .finaid-wrapper a:hover span {
    margin-left: 1rem
  }
  .constituency-wrapper h2 {
    font-size: 4rem
  }
  .enrollment-wrapper {
    height: 400px
  }
  .enroll-cta-mainlinks .nav-link {
    width: 45vw;
    font-size: 1.1rem;
    font-weight: 500;
    padding: 1rem 1.25rem;
    text-align: center;
    text-transform: uppercase
  }
  .enroll-cta-mainlinks .nav-link i {
    display: block;
    font-size: 3rem;
    margin: 0 0 .5rem
  }
  .section-intro {
    padding: 1rem 0;
    background-color: #003054;
    color: #fff
  }
  .visit-wrapper {
    padding: 70vw 1rem 2rem
  }
  .visit-text {
    background-color: rgba(0, 42, 76, .9);
    margin-top: -10rem;
    padding: 2rem 1rem
  }
  .visit-wrapper h2 {
    color: #fff;
    font-size: 4rem;
    margin-top: 1rem;
    line-height: .9;
    text-align: center
  }
  .visit-wrapper .section-leadin {
    margin: 1rem 0
  }
  .visit-wrapper img {
    box-shadow: rgba(0, 0, 0, .3) 0 19px 38px, rgba(0, 0, 0, .22) 0 15px 12px
  }
  .visit-sublinks .nav-item {
    width: auto
  }
  .visit-sublinks .nav-link {
    margin: 1rem;
    width: 40vw
  }
  .visit-sublinks .nav-link:active, .visit-sublinks .nav-link:focus, .visit-sublinks .nav-link:hover {
    color: #fff;
    background-color: #0091b8;
    box-shadow: 0 10px 40px rgb(0 0 0, .8)
  }
  .finaid-wrapper {
    padding: 3rem 0;
    margin: 0;
    background-color: #002a4c;
    position: relative;
    background-image: url("/img/home/news3.png")
  }
  .finaid-wrapper h2 {
    font-size: 4rem;
    text-align: center;
    margin: 0 0 2rem;
    line-height: .9
  }
  .finaid-subhead {
    text-align: left
  }
  .enrollstats-wrapper .stat-number, .fastats-wrapper .stat-number {
    font-size: 3rem
  }
  .finaid-wrapper h3 {
    font-size: 1.6rem
  }
  .enrollstats-wrapper .stat-info {
    font-size: .95rem;
    margin: .5rem 0;
    color: #18bae4;
    font-weight: 700;
    line-height: 1.1;
    text-align: center
  }
  .greybg, .ltgreenbg, .tealbg {
    margin: 4rem 0;
    padding: 2rem
  }
  .greybg h2 {
    font-size: 2.1rem !important;
    margin-bottom: 2rem !important
  }
  #main-text .section-header {
    font-family: Merriweather, serif;
    font-size: 3rem;
    text-align: center;
    font-weight: 900;
    margin: 4rem 0 3rem
  }
  #main-text .section-subheader {
    font-size: 1.75rem
  }
}
@media (min-width:992px) {
  h1.page-title-enrollment {
    font-size: 7rem
  }
  .enroll-cta-wrapper h2 {
    font-size: 4.5rem
  }
  .enrollment-wrapper {
    height: 400px
  }
  .enroll-cta-mainlinks .nav-link {
    width: 25vw
  }
  .enrollstats-wrapper .stat-number, .fastats-wrapper .stat-number {
    font-size: 4rem
  }
  .const-learning {
    margin: 3rem 0 1rem
  }
  .visit-wrapper {
    background-position: center left -200px;
    padding: 0;
    background-size: 125%
  }
  .visit-wrapper h2 {
    font-size: 4.5rem;
    margin: 0 0 1rem;
    text-align: left
  }
  .visit-text {
    background-color: #002a4c;
    padding: 4rem 2rem;
    margin-top: 0
  }
  .visit-sublinks .nav-link {
    padding: 1rem .5rem;
    margin: .5rem .75rem
  }
  .finaid-wrapper h3 {
    font-size: 2rem
  }
  .finaid-subhead {
    padding: 0 2rem
  }
  .fa-mainlinks {
    margin: 3rem 0
  }
  .fa-mainlinks .nav-item {
    width: auto
  }
  .fa-mainlinks .nav-link {
    width: 275px
  }
  .fa-links-wrapper ul {
    list-style-type: none;
    padding: 0 4rem 0 0
  }
}
@media (min-width:1200px) {
  h1.page-title-enrollment {
    font-size: 8rem
  }
  .enroll-cta-wrapper h2 {
    font-size: 4rem
  }
  .enroll-cta-mainlinks .nav-link {
    width: 18vw;
    padding: 1rem .5rem;
    margin: 1rem .5rem
  }
  .constituency-wrapper .container-fluid {
    width: 90%
  }
  .const-learning {
    padding: 0 1rem
  }
  .visit-wrapper {
    background-position: bottom left -75px;
    background-size: 90%
  }
  .finaid-wrapper h3 {
    font-size: 2.2rem
  }
  .fa-links-wrapper {
    padding: 2rem
  }
  .fa-links-wrapper ul {
    list-style-type: none;
    padding: 0 6rem 0 0
  }
  .greybg h2 {
    margin: 0 auto 3rem !important;
    font-size: 2.75rem !important
  }
}
.alumni-events h2, .stayconnected h2 {
  margin: 0 0 2rem !important
}
.alumni-events h2, .featuredalumni h2, .stayconnected h2 {
  text-transform: uppercase;
  font-size: 2.5rem !important
}
@media (min-width:1300px) {
  .enroll-cta-mainlinks .nav-link {
    width: 18vw;
    padding: 1rem
  }
  .visit-wrapper {
    background-position: bottom left -50px;
    background-size: 85%
  }
  .visit-text {
    padding: 6rem 2rem
  }
  .visit-sublinks {
    margin-top: 3rem
  }
  .visit-sublinks .nav-link {
    padding: 1.25rem .5rem;
    width: 18vw;
    margin: .5rem
  }
  .fa-links-wrapper {
    padding: 2rem 3rem
  }
  .enrollstats-wrapper .stat-number {
    font-size: 4.2rem
  }
}
@media (min-width:1400px) {
  .main-wrapper .container {
    max-width: 1320px
  }
  .title-wrapper-secondary.hero-overlay {
    max-height: 600px;
    overflow: hidden
  }
  .enroll-cta-mainlinks .nav-link {
    width: 16vw;
    padding: 1rem 1.25rem
  }
  .enrollment-wrapper {
    height: 625px
  }
  .enrollstats-wrapper .stat-number, .fastats-wrapper .stat-number {
    font-size: 4rem
  }
  .enrollstats-wrapper .stat-info, .fastats-wrapper .stat-info {
    font-size: 1.25rem
  }
  .constituency-wrapper .container-fluid {
    width: 80%;
    max-width: 1340px
  }
  .const-learning {
    padding: 0
  }
  .visit-wrapper {
    background-position: top left -40px;
    background-size: 80%
  }
  .visit-sublinks .nav-link {
    width: 18vw
  }
  .location-wrapper {
    padding: 6rem 8rem 9rem 4rem
  }
}
@media (min-width:1500px) {
  .main-wrapper .container {
    max-width: 1400px
  }
  .fa-links-wrapper {
    padding: 2rem 8rem
  }
}
@media (min-width:1600px) {
  .main-wrapper .container {
    max-width: 1600px
  }
  .title-wrapper-secondary h1.page-title {
    font-size: 3.75rem
  }
  .finaid-subhead {
    padding: 0 2rem;
    margin: 0 auto;
    max-width: 1440px
  }
  .visit-text {
    padding: 8rem 2rem
  }
}
@media (min-width:1700px) {
  .undergraduate-wrapper {
    background-size: 70%;
    background-position: right -375px center
  }
  .ug-mainlinks .nav-link, .ug-sublinks .nav-link {
    width: 400px
  }
  .main-wrapper .container {
    max-width: 1600px
  }
  .enroll-cta-mainlinks .nav-link {
    width: 16vw
  }
  .visit-sublinks .nav-link {
    width: 17vw
  }
}
@media (min-width:1800px) {
  .container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl, .header-wrapper .container {
    max-width: 1600px
  }
  .experiential-wrapper .container-fluid {
    max-width: 1380px
  }
  .undergraduate-wrapper {
    background-size: 65%;
    background-position: right -300px center
  }
  .living-mainlinks .nav-link, .living-sublinks .nav-link, .sports-sublinks .nav-link {
    width: 400px
  }
  .visit-text {
    padding: 10rem 2rem
  }
}
@media (min-width:1900px) {
  .enrollment-wrapper {
    height: 625px
  }
  .enroll-cta-mainlinks .nav-link {
    width: 14vw
  }
  .constituency-wrapper .container-fluid {
    width: 85%;
    max-width: 1400px
  }
}
@media (max-width:991px) {
  .tab-content > .tab-pane {
    display: block;
    opacity: 1
  }
}
.alum-date, .alum-date a {
  color: #26cefd !important;
  text-shadow: 2px 1px 0 rgba(0, 0, 0, .6);
  text-decoration: none
}
.counterDiv {
  background-color: #01223b;
  border-bottom: 1px solid #00192c;
  border-top: 1px solid #00192c
}
#eventName {
  font-size: 1.6rem;
  margin: .8rem auto;
  padding-bottom: .2rem;
  color: #fd7605 !important
}
.alumnievents-wrapper {
  background-color: #002a4c;
  padding: 2rem 0;
  box-shadow: 0 22px 22px -22px rgba(0, 0, 0, .9) inset, 0 -22px 22px -22px rgba(0, 0, 0, .9) inset
}
.alumni-events h2 {
  color: #fff !important
}
.stayconnected {
  padding-top: 3rem;
  padding-bottom: 3rem
}
.btn-teal {
  background-color: #0091b8;
  border-color: #0dacd7;
  color: #fff !important
}
.btn-teal:focus, .btn-teal:hover {
  color: #0091b8 !important;
  background-color: #fff;
  border-color: #033151;
  box-shadow: none;
  text-shadow: none
}
#main-text .alum-title, #main-text .alum-title a, .alum-date {
  color: #fff !important;
  font-weight: 600;
  font-size: 1.5rem
}
.alum-date {
  font-size: 1.25rem !important
}
.featuredalumni {
  background-color: #f6f6f6;
  padding: 2rem 0;
  margin-bottom: -5rem
}
.featuredalumni h2 {
  margin: 0 !important
}
.featuredalumni h3 {
  margin: 2rem 0 !important
}
@media (min-width:576px) {
  #eventName {
    font-size: 2rem !important;
    margin: .8rem auto;
    padding-bottom: .2rem;
    color: #fd7605 !important
  }
}
@media (min-width:768px) {
  #eventName {
    color: #fff;
    font-size: 1.5rem;
    text-align: center;
    margin-bottom: 1rem
  }
}
@media (min-width:992px) {
  #eventName {
    color: #fff;
    font-size: 1.8rem;
    text-align: center;
    margin-bottom: 1rem
  }
}
@media (min-width:1200px) {
  .counterDiv {
    background-color: #01223b;
    border-bottom: none;
    border-top: none;
    height: 0
  }
  #timer {
    position: absolute;
    background-color: rgba(0, 60, 105, .9);
    margin-left: 2rem;
    bottom: 7.5rem;
    padding-top: .5rem
  }
  #eventName {
    font-size: 2.5rem !important;
    margin-bottom: .5rem;
    line-height: 1.1
  }
}
.alert-danger strong {
  color: #842029 !important
}
.table-striped > tbody > tr:nth-child(odd) > td, .table-striped > tbody > tr:nth-child(odd) > th {
  background-color: #fefefe
}
.alert-info p {
  margin-bottom: 0 !important
}
.alert {
  margin-top: 2rem;
  margin-bottom: 2rem
}
@charset "utf-8";
.mobile-cta .nav-link, .mobile-cta-trigger, .to-upper, .uppercase {
  text-transform: uppercase
}
.mainnav-section .nav-link.nav-accordion-button.collapsed, .mobile-cta .nav-link {
  border-bottom: 1px solid #00213a;
  border-top: 1px solid #01497f
}
h1, h2, h3, h4, h5, h6 {
  font-family: Kanit, sans-serif;
  color: #003054
}
#accessMenu, #main-text .vwuaccordian .card .card .card-header {
  background-color: #0091b8
}
#accessMenu li, #main-text .emp-accordian .card, .title-wrapper-secondary.hero-image {
  padding: 0
}
a.skip-link {
  transition: top 1s ease-out, background 1s linear 0;
  color: #fff;
  display: block;
  padding: 1em;
  text-align: center
}
a.skip-link:focus {
  outline: 0;
  color: #fff;
  transition: top .1s ease-in, background .5s linear 0
}
.lead {
  font-weight: 300;
  color: #003054;
  margin: 1rem 0 2rem;
  text-align: center;
  font-size: 1.5rem;
  border-bottom: 1px solid rgba(126, 146, 158, .2);
  padding-bottom: 2rem
}
body {
  color: #444;
  font-family: 'Open Sans', sans-serif;
  font-size: 1.25rem;
  letter-spacing: .02rem;
  line-height: 1.3
}
.light-teal, a:focus, a:hover {
  color: #18bae4
}
#main-text a, a {
  color: #0080a3
}
.btn {
  border-radius: 0
}
.teal {
  color: #0091b9 !important
}
.blue {
  color: #002a4c !important
}
.font-07 {
  font-size: .7rem !important
}
.font-08 {
  font-size: .8rem !important
}
.font-095 {
  font-size: .95rem !important
}
.font-1 {
  font-size: 1rem !important
}
.font-11 {
  font-size: 1.1rem !important
}
.font-12 {
  font-size: 1.2rem !important
}
.font-13 {
  font-size: 1.3rem !important
}
.font-14 {
  font-size: 1.4rem !important
}
.font-15 {
  font-size: 1.5rem !important
}
.font-20 {
  font-size: 2rem !important
}
.font20, .mainnav-trigger i, .search-trigger i {
  font-size: 1.25rem
}
.font-215 {
  font-size: 2.15rem !important
}
.font-225 {
  font-size: 2.25rem !important
}
.font-25 {
  font-size: 2.5rem !important
}
.font-30 {
  font-size: 3rem !important
}
.font-35 {
  font-size: 3.5rem !important
}
.font-40 {
  font-size: 4rem !important
}
.font-45 {
  font-size: 4.5rem !important
}
.font-50 {
  font-size: 5rem !important
}
.font-55 {
  font-size: 5.5rem !important
}
.font-60 {
  font-size: 6rem !important
}
.blue-top {
  background-color: #003760
}
.mobile-cta-trigger {
  display: block;
  width: 100%;
  color: #fff;
  text-align: center;
  text-decoration: none;
  padding: .75rem;
  font-weight: 500;
  font-size: 1.1rem;
  background-color: #0091ba
}
.mobile-cta-trigger:focus, .mobile-cta-trigger:hover {
  text-decoration: none;
  background-color: #003c69;
  color: #fff
}
.mobile-cta-trigger.collapsed {
  transition: .4s linear;
  background-color: #0091ba
}
.mobile-cta-trigger:not(.collapsed) i {
  transform: rotate(90deg)
}
.mobile-cta .nav-link {
  font-weight: 500;
  color: #fff;
  background-color: #002a4c;
  text-align: center;
  font-size: .9rem;
  padding: 1rem 0;
  border-right: 1px solid #01497f;
  border-left: 1px solid #00213a
}
#main-text a.blue-link:active, #main-text a.blue-link:focus, #main-text a.blue-link:hover, #notification-div a:active, #notification-div a:focus, #notification-div a:hover, .acad-support-wrapper a:active, .acad-support-wrapper a:focus, .acad-support-wrapper a:hover, .briefs-slider .nav-link:active, .briefs-slider .nav-link:focus, .briefs-slider .nav-link:hover, .contact-links .nav-link:active, .contact-links .nav-link:focus, .contact-links .nav-link:hover, .copyright-links .nav-link:active, .copyright-links .nav-link:focus, .copyright-links .nav-link:hover, .fa-links-wrapper a:active, .fa-links-wrapper a:focus, .fa-links-wrapper a:hover, .mobile-cta .nav-link:active, .mobile-cta .nav-link:focus, .mobile-cta .nav-link:hover, .news-arts-wrapper ul li a:active, .news-arts-wrapper ul li a:focus, .news-arts-wrapper ul li a:hover, .site-search .popular .nav-link:active, .site-search .popular .nav-link:focus, .site-search .popular .nav-link:hover, .support-wrapper a:active, .support-wrapper a:focus, .support-wrapper a:hover {
  text-decoration: underline
}
#main-text a:active, #main-text a:focus, #main-text a:hover, .main-menu-section, .mainnav-section .nav-link:active i, .mainnav-section .nav-link:focus i, .mainnav-section .nav-link:hover i, ul.no-underline li a {
  text-decoration: none
}
.header-wrapper .container {
  padding: 0;
  max-width: 100%
}
.header-wrapper {
  position: relative;
  z-index: 999;
  top: 0;
  left: 0;
  right: 0;
  background: #003054
}
.site-logo {
  max-width: 95%
}
.mainnav-trigger, .search-trigger {
  font-weight: 700 !important;
  border-radius: 0;
  text-transform: uppercase;
  color: #fff;
  width: 65px;
  padding: 1.7rem 0 !important;
  font-size: .8rem !important
}
.main-menu-section, .menu-subheader {
  font-weight: 700;
  text-transform: uppercase
}
.mainnav-trigger:active, .mainnav-trigger:focus, .mainnav-trigger:hover, .search-trigger:active, .search-trigger:focus, .search-trigger:hover {
  background-color: #006494;
  color: #fff
}
.offcanvas {
  position: fixed;
  bottom: 0;
  z-index: 1045;
  display: flex;
  flex-direction: column;
  max-width: 100%;
  visibility: hidden;
  background-color: #fff;
  background-clip: padding-box;
  outline: 0;
  transition: transform .3s ease-in-out
}
.offcanvas-menu, .offcanvas-search {
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  max-height: 100%;
  background-color: #002a4c;
  color: #fff
}
.offcanvas-menu {
  transform: translateX(100%)
}
.offcanvas-search {
  transform: translateX(-100%)
}
.offcanvas-search .offcanvas-body {
  padding-top: 4rem
}
.offcanvas-menu .btn-close, .offcanvas-search .btn-close {
  font-size: 1.5rem;
  font-weight: 500;
  opacity: 1;
  margin-top: 0;
  margin-right: .5rem;
  margin-bottom: 0;
  position: absolute;
  top: 10px;
  right: 10px
}
.con-wrapper img, .const-wrapper, .health-wrapper img, .main-menu-wrap, .main-wrapper, .session-wrapper img, .video-wrapper {
  position: relative
}
.offcanvas-title {
  display: none
}
.prospective-cta-mobile-menu .nav-link {
  font-weight: 500;
  color: #fff;
  text-align: center;
  font-size: .9rem;
  margin: .75rem;
  border-radius: .5rem;
  height: 90px;
  width: 125px
}
.prospective-cta-mobile-menu .nav-link:active, .prospective-cta-mobile-menu .nav-link:focus, .prospective-cta-mobile-menu .nav-link:hover {
  color: #29d1ff;
  text-decoration: underline
}
.prospective-cta-mobile-menu i {
  font-size: 1.25rem;
  margin-bottom: .5rem;
  display: block
}
.mainnav-section .nav-link {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  text-align: left;
  border: 0;
  border-radius: 0;
  overflow-anchor: none;
  font-weight: 400;
  color: #fff;
  text-transform: uppercase;
  background-color: transparent;
  padding: .5rem .25rem;
  letter-spacing: 1px
}
.mybeaconlink.focus, .mybeaconlink:active, .mybeaconlink:hover, .offcanvas-header {
  background-color: #002a4c
}
.offcanvas-header {
  border-bottom: 1px solid #013a64;
  padding: 3.25rem 1rem 1rem
}
.mainnav-section .nav-link.nav-accordion-button {
  font-family: Anton, sans-serif;
  font-size: 1.7rem;
  padding: 1.5rem 0 .5rem;
  border-top: 1px solid #01497f;
  outline: 0
}
.mainnav-section .nav-link:active, .mainnav-section .nav-link:focus, .mainnav-section .nav-link:hover {
  color: #00a9d6
}
.mainnav-section .nav-link:focus-visible {
  outline: #00a9d6 solid 2px;
  color: #00a9d6
}
.mainnav-section .nav-link.nav-accordion-button.collapsed::after {
  content: "\f055"
}
.main-navbar {
  padding-top: 1rem
}
.main-nav {
  padding: 1rem 0
}
.mainnav-section .nav-link.nav-accordion-button::after {
  transition: transform .2s ease-in-out;
  content: "\f056";
  background-image: none;
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  margin-left: 2rem;
  position: absolute;
  right: 20px;
    text-rendering: auto;
  -webkit-font-smoothing: antialiased;
}
.mainnav-section .submenu {
  min-width: 10rem;
  padding: .5rem 0 1.5rem;
  margin: 0;
  font-size: 1rem;
  color: #212529;
  text-align: left;
  list-style: none;
  background-clip: padding-box;
  border: none;
  border-radius: 0;
  width: 100%
}
.main-menu-section {
  padding: .5rem 2rem .5rem .5rem;
  color: #fff;
  margin: 1rem 0 2rem;
  display: inline-block
}
.news-wrapper h3.pres-h3, .quicklinks {
  margin-top: 2rem
}
.menu-subheader {
  margin-bottom: 0;
  font-size: 1.25rem;
  color: #00a9d6
}
.mainnav-section .submenu .nav-link {
  color: #fff;
  font-size: 1rem;
  border: none;
  text-transform: none;
  font-weight: 400;
  margin: 0;
  padding: .45rem 0
}
.mainnav-section .submenu .nav-link:active, .mainnav-section .submenu .nav-link:focus, .mainnav-section .submenu .nav-link:hover {
  text-decoration: underline !important
}
.secondary-section .nav-link {
  color: #fff;
  font-weight: 400;
  font-size: 1.25rem;
  margin: 3px 0;
  padding: .25rem 0
}
.secondary-section .nav-link:active, .secondary-section .nav-link:focus, .secondary-section .nav-link:hover {
  text-decoration: underline;
  color: #00a9d6
}
.secondary-nav-section .nav-link {
  color: #fff;
  font-weight: 400;
  font-size: 1.3rem;
  margin: .75rem 0;
  padding: .25rem 0;
  text-transform: uppercase;
  font-family: Kanit, sans-serif;
  border-bottom: 10px solid #003c69;
  display: inline-block
}
.secondary-nav-section .nav-link:active, .secondary-nav-section .nav-link:focus, .secondary-nav-section .nav-link:hover {
  text-decoration: none;
  border-bottom: 10px solid #00a9d6
}
.prospective-menu-cta .nav-link {
  font-weight: 700;
  color: #fff;
  margin: .5rem;
  padding: .5rem .75rem;
  font-size: .95rem;
  border: 1px solid
}
.prospective-menu-cta .nav-link:active, .prospective-menu-cta .nav-link:focus, .prospective-menu-cta .nav-link:hover {
  color: #29d1ff
}
.quicklinks {
  background-color: #002340;
  padding: 2rem;
  border: 5px solid #0091b8
}
.mybeaconlink {
  border: 1px solid #002a4c;
  padding: .75rem 4.5rem;
  background-color: #003c69;
  border-radius: .75rem
}
.nav-section-head {
  font-family: Anton, sans-serif;
  font-size: 2.5rem;
  text-transform: uppercase;
  font-weight: 500;
  letter-spacing: 2px;
  text-align: center
}
.video-text, .video-title {
  font-family: Kanit, sans-serif;
  text-shadow: .1rem .1rem .2rem #000;
  line-height: 1;
    background-color: transparent;
}
.main-nav-right .nav-link {
  color: #fff;
  padding: .2rem 0
}
#main-text .pubs p, #main-text p, .global-search-form, .panel.panel-blue {
  margin-bottom: 1rem
}
.form-control.global-search {
  padding: .25rem .5rem .15rem .75rem;
  display: block;
  color: #fff;
  border: 0 solid #fff;
  border-radius: 0;
  background-color: #00233f;
  outline: 0;
  font-size: 1.25rem
}
.form-control.global-search:focus {
  box-shadow: 0 8px 6px -6px #51cbee;
  border: solid #51cbee;
  border-width: 0 0 1px
}
.form-control.global-search:focus::placeholder {
  color: transparent
}
.btn.btn-search {
  right: 0;
  bottom: 0;
  font-size: 1.25rem;
  width: 50px;
  height: 50px;
  border: 1px solid #001a2f;
  z-index: 9
}
.btn-search {
  font-size: 1.5rem;
  color: #fff;
  padding: .5rem
}
.btn-search:active, .btn-search:focus, .btn-search:hover {
  color: #02b4e4;
  outline: 0
}
.global-search::placeholder {
  color: #fff;
  font-style: italic;
  opacity: 1
}
.global-search:-ms-input-placeholder {
  color: #02b4e4;
  font-weight: 700
}
.global-search::-ms-input-placeholder {
  color: #02b4e4;
  font-weight: 700
}
.constituent-nav .nav-link, .video-title {
  text-align: center;
  font-weight: 600;
  color: #fff;
  text-transform: uppercase
}
.site-search .popular .nav-link {
  background-color: #001628;
  color: #fff;
  margin: .25rem;
  text-transform: uppercase;
  font-weight: 500;
  text-align: center;
  font-size: 1rem
}
.video-wrapper .overlay {
  background-image: linear-gradient(180deg, #f2f2f2 0, rgba(0, 0, 0, .664285782672444) 0, rgba(0, 0, 0, 0) 15%, rgba(0, 0, 0, .014425838694852922) 90%, rgba(0, 0, 0, .6614846622242647) 100%);
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0
}
.video-messaging {
  position: absolute;
  z-index: 10;
  left: 0;
  right: 0;
  top: auto;
  bottom: .75rem
}
.video-title {
  z-index: 8;
  letter-spacing: 2.5px;
  font-size: 2.25rem;
  margin: 0
}
.video-text {
  text-align: center;
  color: #fff;
  font-size: 1.25rem;
  margin-bottom: 0
}
.video-btn {
  color: #fff;
  background-color: rgba(0, 0, 0, .5);
  text-transform: uppercase;
  font-size: 1rem;
  font-weight: 700;
  padding: .5rem 1.5rem;
  border: 1px solid #fff;
  transition: transform .2s;
  text-align: center;
  text-decoration: none;
  margin: 1rem 2rem 0
}
.stat-front, .stat-front2 {
  font-weight: 500;
  text-shadow: none
}
.fa-wrapper h2, .programs-wrapper h2, .stat-front, .stat-front2 {
  margin-bottom: 1.5rem
}
.video-btn:active, .video-btn:focus, .video-btn:hover {
  box-shadow: 0 0 5px 5px rgba(0, 145, 185, .9);
  color: #fff;
  text-decoration: none
}
.btn-video-controls {
  position: absolute;
  top: .25rem;
  right: .25rem;
  color: #fff;
  cursor: pointer;
  font-size: 1.3rem;
  z-index: 12;
  transition: transform .2s, scale .5s;
  opacity: .5
}
.btn-video-controls:active, .btn-video-controls:focus, .btn-video-controls:hover {
  color: #fff;
  opacity: 1;
  transform: scale(1.2)
}
.const-wrapper {
  background-color: #002a4c;
  padding: .5rem 0 1rem
}
.why-wrapper, .why-wrapper2 {
  padding: 2rem 0 1rem;
  position: relative
}
.constituent-nav .nav-item, .fa-mainlinks .nav-item, .pres-sublinks .nav-item, .programs-selections .nav-item, .sports-sublinks .nav-item, .visit-resources-links .nav-item, .visit-sublinks .nav-item {
  width: 100%
}
.constituent-nav .nav-link {
  background-color: #002a4c;
  padding: 1rem 0;
  font-size: 1.2rem;
  border-radius: 0;
  margin: .25rem 0 0;
  border: 1px solid #02538f
}
.stat .stat-num, .stat2 .stat-num {
  margin-bottom: .5rem;
  font-weight: 900;
  display: block
}
.constituent-nav .nav-link:active, .constituent-nav .nav-link:focus, .constituent-nav .nav-link:hover {
  background-color: #0091b9
}
.why-wrapper {
  background-color: #ededed
}
.why-wrapper2 {
  background-color: #002a4c;
  color: #fff
}
.stat, .stat2 {
  padding: 0 2.5rem;
  line-height: 1;
  text-align: center
}
.why-wrapper h2, .why-wrapper2 h2 {
  font-family: Merriweather, serif;
  font-size: 2.5rem;
  font-weight: 900;
  color: #002a4c;
  text-align: center;
  margin-bottom: 1.5rem;
  text-transform: uppercase;
  line-height: 1
}
.why-wrapper h2 .lrg-text {
  text-transform: uppercase;
  color: #0091b9;
  font-size: 4rem;
  display: block;
  line-height: .8
}
.why-wrapper2 h2 .lrg-text {
  text-transform: uppercase;
  color: #0091b9;
  font-size: 3.5rem;
  display: block;
  line-height: .8
}
.stat {
  color: #002a4c
}
.stat2 {
  color: #fff
}
.stat-front {
  font-size: 1.4rem
}
.stat-front2 {
  font-size: 1.2rem
}
.btn-why, .btn-why2 {
  font-size: 1.1rem;
  font-weight: 600;
  padding: .5rem;
  color: #fff
}
.stat .stat-num {
  font-size: 5.5rem;
  text-shadow: 2px 2px 0 #ededed, 4px 4px 0 #0091b9
}
.stat2 .stat-num {
  font-size: 3.5rem;
  font-family: Merriweather, serif
}
.btn-why {
  background-color: #c05702;
  border: 1px solid #812a02
}
.btn-why:active, .btn-why:focus, .btn-why:hover {
  background-color: #812a02;
  border: 1px solid #fff;
  color: #fff;
  text-decoration: none
}
.btn-why2 {
  background-color: #0091b8;
  border: 1px solid #0182a5
}
.btn-why2:active, .btn-why2:focus, .btn-why2:hover {
  background-color: #017797;
  border: 1px solid #fff;
  color: #fff;
  text-decoration: none
}
.programs-wrapper {
  padding: 2rem 0 6rem;
  border-bottom: none
}
.programs-wrapper h2 {
  font-family: Merriweather, serif;
  font-size: 2.5rem;
  font-weight: 900;
  color: #002a4c;
  line-height: 1;
  text-align: center;
  text-transform: uppercase
}
.campus-text-wrapper .lrg-text, .programs-wrapper .lrg-text {
  text-transform: uppercase;
  font-size: 4rem;
  display: block
}
.bootstrap-select.form-control-lg .dropdown-toggle {
  padding: .5rem 1rem;
  background-color: #fff;
  border: 1px solid #ced4da
}
.bootstrap-select .dropdown-toggle:focus, .bootstrap-select > select.mobile-device:focus + .dropdown-toggle {
  outline: -webkit-focus-ring-color auto 5px !important;
  outline-offset: 5px;
  border: 1px solid #86b7fe;
  box-shadow: 0 0 0 .25rem rgba(13, 110, 253, .25)
}
.bootstrap-select .dropdown-menu li a {
  white-space: pre-wrap
}
.programs-inner-wrapper a {
  color: #002a4c;
  font-weight: 700
}
.programs-selections .nav-link {
  color: #013c68;
  text-align: center;
  padding: .75rem 1rem;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 1rem;
  border: 2px solid;
  margin: .5rem .25rem
}
.fa-wrapper h2, .programs-wrapper .spotlight {
  font-family: Merriweather, serif;
  font-size: 2.5rem;
  font-weight: 900;
  text-align: center;
  text-transform: uppercase
}
.programs-selections .nav-link:active, .programs-selections .nav-link:focus, .programs-selections .nav-link:hover {
  background-color: #013c68;
  color: #fff;
  text-decoration: none
}
.programs-wrapper .spotlight-wrapper {
  background-color: #002a4c;
  color: #fff;
  line-height: 1.4;
  position: relative;
  box-shadow: 10px 13px #0091b8;
  padding: 2rem 1rem;
  margin-top: 1.5rem
}
.programs-wrapper .spotlight {
  margin-bottom: .5rem;
  line-height: 1;
  color: #f7b801
}
.spotlight-wrapper .btn-ltblue {
  color: #fff;
  border: 2px solid #fff;
  padding: .75rem 1rem;
  font-weight: 600;
  margin: 1rem 0
}
.programs-wrapper .spotlight-subheading {
  font-size: 1.75rem;
  font-weight: 700;
  text-align: center;
  font-family: Merriweather, serif;
  margin-bottom: 1rem;
  line-height: 1
}
.programs-wrapper .spotlight-tier1 {
  margin-bottom: .5rem;
  text-align: center;
  font-size: 1.25rem
}
.spotlight-wrapper .btn-ltblue:focus, .spotlight-wrapper .btn-ltblue:hover {
  color: #114857;
  background-color: #fff;
  border: 2px solid #114857
}
.fa-wrapper {
  background-color: #e5f3f9;
  padding: 5rem 0 2rem;
  color: #002a4c;
  margin-top: -8rem
}
.fa-wrapper h2 {
  color: #002a4c;
  line-height: .9
}
.fa-wrapper .lrg-text {
  font-size: 4rem;
  display: block;
  text-transform: uppercase
}
#main-text .vwuaccordian .card, .news-wrapper .card {
  display: flex;
  background-clip: border-box;
  min-width: 0;
  word-wrap: break-word
}
.fa-wrapper .fa-subheading {
  font-size: 2rem;
  text-align: center;
  margin: 2rem 0
}
.fahome-mainlinks {
  margin: 4rem 0 2rem
}
.fahome-mainlinks .nav-link {
  padding: 1rem;
  font-size: 1.2rem;
  font-weight: 600;
  color: #fff;
  border: 3px solid #001d35;
  background-color: #002a4c;
  margin: .5rem 0;
  text-align: center
}
.briefs-wrapper .all-features, .news-wrapper .all-features {
  margin-right: 0;
  font-size: 1rem;
  text-align: center;
  text-decoration: none
}
.fahome-mainlinks .nav-link:active, .fahome-mainlinks .nav-link:focus, .fahome-mainlinks .nav-link:hover {
  color: #002a4c;
  background-color: transparent;
  border: 3px solid
}
.enrollments-cta-wrapper {
  background-image: url("/img/home/becomemarlin.webp"), url("/img/home/becomemarlin.webp");
  background-size: contain;
  background-position: left center, right center;
  background-repeat: no-repeat;
  color: #fff;
  background-color: #002a4c;
  padding: 1rem .25rem
}
.btn-feature, .news-wrapper .all-features {
  -webkit-transition: .4s;
  -moz-transition: .4s;
  background-position: 0 -100%
}
.enrollments-cta-wrapper h2 {
  font-family: Kanit, sans-serif;
  color: #fff !important;
  margin-bottom: 1.25rem;
  text-align: center;
  padding: 0;
  font-size: 3rem;
  text-transform: uppercase;
  line-height: 1;
  font-weight: 600;
  letter-spacing: 2px
}
.enrollments-cta-wrapper a {
  color: #fff;
  font-size: 1.25rem;
  text-decoration: none;
  display: block;
  padding: 1rem .5rem 1rem .75rem;
  margin: .25rem 0;
  border: 2px solid;
  background-color: rgba(0, 52, 90, .8)
}
.enrollments-cta-wrapper a i {
  font-size: 1.75rem;
  float: right
}
.enrollments-cta-wrapper a:active, .enrollments-cta-wrapper a:focus, .enrollments-cta-wrapper a:hover {
  background-color: rgba(255, 255, 255, .8);
  color: #002a4c
}
.news-wrapper {
  padding: 2rem 0 1.5rem;
  border-top: 7px solid #002a4c;
  background-image: url("/img/home/news3.png")
}
.news-wrapper h2 {
  font-family: Merriweather, serif;
  font-size: 2.5rem;
  font-weight: 900;
  color: #002a4c;
  margin-bottom: 3rem;
  text-align: center;
  text-transform: uppercase;
  line-height: .8
}
.briefs-wrapper h3, .dbn-wrapper h3, .news-wrapper h3 {
  font-family: 'Open Sans', sans-serif
}
.news-wrapper h2 .lrg-text {
  text-transform: uppercase;
  line-height: .8;
  font-size: 4rem;
  display: block
}
.news-wrapper h3 {
  font-weight: 700;
  font-size: 2.25rem;
  margin-bottom: 2.5rem;
  line-height: .8;
  color: #002a4c
}
.news-wrapper .all-features {
  color: #013c68;
  border: 2px solid #013c68;
  padding: .25rem .5rem;
  transition: .4s;
  background-size: 100% 200%;
  background-image: linear-gradient(to top, transparent 50%, #013c68 50%)
}
.briefs-wrapper .all-features, .btn-feature {
  background-size: 100% 200%;
  background-image: linear-gradient(to top, transparent 50%, #fff 50%)
}
.news-wrapper .all-features:active, .news-wrapper .all-features:focus, .news-wrapper .all-features:hover {
  text-decoration: none;
  color: #fff;
  background-color: #013c68;
  background-position: 0 0
}
.news-wrapper .feature-wrapper {
  padding: 2rem 1rem .5rem;
  position: relative;
  box-shadow: rgba(0, 0, 0, .5) 0 0 5px;
  background-color: #002a4c;
  color: #fff;
  margin-bottom: 2rem;
  width: 100%;
  line-height: 1.2
}
.image-wrapper {
  overflow: hidden;
  background-color: #fff
}
.feature-link:hover .story-img {
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -ms-transform: scale(1.05);
  -o-transform: scale(1.05);
  transform: scale(1.05)
}
.news-wrapper .feature-wrapper.teal-bg-right::after {
  position: absolute;
  content: " ";
  width: 100%;
  height: 100%;
  bottom: -1rem;
  right: -.5rem;
  background: #0091b8;
  z-index: -1
}
.news-wrapper .card {
  position: relative;
  flex-direction: column;
  background-color: #002a4c;
  border: none;
  border-radius: 0
}
.news-wrapper .card .card-body {
  flex: 1 1 auto;
  padding: .5rem 0 1rem
}
.news-wrapper .card .card-title {
  font-size: 1.2rem;
  font-weight: 700;
  line-height: 1.3;
  margin-bottom: 1rem
}
.deptTitle, .news-wrapper .card .card-text {
  font-size: 1.2rem
}

.btn-feature {
  color: #fff;
  background-color: #002a4c;
  border: 2px solid #fff;
  transition: .4s
}
.btn-feature:active, .btn-feature:focus, .btn-feature:hover {
  background-color: #fff;
  color: #002a4c;
  background-position: 0 0
}
.feature-link {
  color: #fff;
  text-decoration: none
}
.feature-link:active, .feature-link:focus, .feature-link:hover {
  color: #00a6d3
}
.briefs-wrapper {
  background: #002a4c;
  padding: 2rem 0 1rem
}
.briefs-inner-wrapper {
  text-align: center
}
.briefs-wrapper h3 {
  color: #fff;
  font-weight: 700;
  font-size: 2.5rem;
  line-height: .8
}
.briefs-wrapper .all-features {
  color: #fff;
  border: 1px solid #fff;
  padding: .5rem 1rem;
  text-transform: uppercase;
  -webkit-transition: .4s;
  -moz-transition: .4s;
  transition: .4s;
  background-position: 0 -100%
}
.briefs-wrapper .all-features:active, .briefs-wrapper .all-features:focus, .briefs-wrapper .all-features:hover {
  text-decoration: none;
  color: #002a4c;
  background-position: 0 0
}
.briefs-slider {
  padding: 2rem 0 4rem
}
.briefs-slider .nav-link {
  color: #fff;
  text-decoration: none;
  font-size: 1.3rem;
  padding: .75rem 0;
  line-height: 1.4;
  text-align: left;
  min-height: 130px;
  margin: 0;
  border-bottom: 1px solid #fff
}
.briefs-date {
  font-size: .9rem;
  text-align: right;
  margin: .5rem 0 0;
  color: #fff
}
.dbn-wrapper {
  background: url(/img/home/m-dbn.png) center center no-repeat #f4f4f4;
  padding: 2rem 0 1rem
}
.dbn-wrapper h3 {
  color: #002a4c;
  font-weight: 700;
  font-size: 2.5rem;
  line-height: 1;
  margin-bottom: 1rem;
  text-align: center
}
.campus-text-wrapper h2, .events-wrapper h2 {
  font-family: Merriweather, serif;
  text-align: center;
  position: relative
}
.events-wrapper {
  background-color: #e8e8e8;
  padding: 4rem .5rem 1rem;
  position: relative;
  background-image: url("/img/home/news3.png");
  background-position: bottom center;
  background-repeat: repeat;
  border-bottom: 5px solid #002a4c
}
.btn-giving, .footer-links .nav-link {
  background-image: linear-gradient(to top, transparent 50%, #fff 50%)
}
.btn-events, .btn-giving {
  text-transform: uppercase;
  -webkit-transition: .4s;
  -moz-transition: .4s;
  background-position: 0 -100%;
  background-size: 100% 200%
}
.events-wrapper h2 {
  font-size: 2.5rem;
  font-weight: 900;
  color: #002a4c;
  margin-bottom: 1.5rem;
  text-transform: uppercase;
  line-height: .8
}
.events-wrapper h2 .lrg-text {
  display: block;
  font-size: 4rem;
  text-transform: uppercase
}
#main-text .event-link, .event-link {
  display: block;
  text-decoration: none;
  color: #002a4c;
  min-height: 165px
}
.event-wrapper {
  min-height: 150px
}
.date-wrapper {
  text-align: center;
  line-height: 1;
  padding: .5rem 0;
  width: 100%;
  border-bottom: 1px solid #ddd;
  background-color: #002b4e
}
.event-month {
  color: #fff;
  font-size: 1.5rem;
  font-weight: 400;
  margin: 0 .5rem
}
.event-day {
  color: #fff;
  font-size: 1.75rem;
  font-weight: 800
}
.event-description {
  color: #002a4c;
  font-size: 1.2rem;
  font-weight: 600;
  padding: .25rem;
  line-height: 1.2
}
.dates, .times {
  font-size: 1rem;
  font-weight: 400
}
#main-text a.event-link:active .event-day, #main-text a.event-link:active .event-description, #main-text a.event-link:active .event-month, #main-text a.event-link:focus .event-day, #main-text a.event-link:focus .event-description, #main-text a.event-link:focus .event-month, #main-text a.event-link:hover .event-day, #main-text a.event-link:hover .event-description, #main-text a.event-link:hover .event-month, .about-second-wrapper a:active, .about-second-wrapper a:focus, .about-second-wrapper a:hover, .activities-wrapper a:active, .activities-wrapper a:focus, .activities-wrapper a:hover, .experiential-wrapper a:active, .experiential-wrapper a:focus, .experiential-wrapper a:hover, .involved-wrapper a:active, .involved-wrapper a:focus, .involved-wrapper a:hover, .wellness-wrapper a:active, .wellness-wrapper a:focus, .wellness-wrapper a:hover, a.event-link:active .event-day, a.event-link:active .event-description, a.event-link:active .event-month, a.event-link:focus .event-day, a.event-link:focus .event-description, a.event-link:focus .event-month, a.event-link:hover .event-day, a.event-link:hover .event-description, a.event-link:hover .event-month {
  color: #0091b9
}
.btn-events {
  color: #fff;
  background-color: #002a4c;
  border: 1px solid #00203a;
  font-size: 1rem;
  font-weight: 600;
  padding: .5rem 1rem;
  transition: .4s
}
.btn-events:active, .btn-events:focus, .btn-events:hover {
  color: #fff;
  background-color: #0091b8;
  border: 1px solid #017a9a;
  background-position: 0 0
}
.campus-wrapper {
  padding: 1rem 0 2rem;
  position: relative;
  background-color: #f2f2f2
}
.campus-text-wrapper {
  padding: 2rem .25rem 1rem;
  background-color: #002b4e
}
.campus-text-wrapper h2 {
  font-size: 3rem;
  font-weight: 900;
  line-height: .9;
  color: #fff;
  margin-bottom: 0;
  text-transform: uppercase
}
.footer-wrapper h2, .footer-wrapper h3 {
  color: #fff !important;
  line-height: 1;
  font-family: Kanit, sans-serif
}
.giving-wrapper {
  padding: 2rem 0;
  background-color: #017fa2;
  color: #fff;
  font-size: 1.25rem;
  font-weight: 600;
  text-align: center
}
.btn-giving {
  color: #fff;
  border: 3px solid #fff;
  font-weight: 700;
  font-size: 1.5rem;
  padding: 1rem;
  margin-top: 2rem;
  transition: .4s
}
.btn-footer-cta:focus, .btn-footer-cta:hover, .btn-giving:focus, .btn-giving:hover {
  color: #017fa2;
  background-color: #fff;
  border: 1px solid #fff;
  text-decoration: none;
  background-position: 0 0
}
.footer-wrapper {
  background-color: #003054;
  color: #fff;
  padding: 2rem 0;
  font-size: 1.2rem
}
.copyright, .copyright-wrapper {
  background-color: #0b2336
}
.footer-wrapper h2 {
  font-size: 3.25rem
}
.footer-wrapper h3 {
  font-size: 1.5rem;
  margin-bottom: 2rem;
  border-top: 1px solid #fff;
  padding-top: 2rem
}
#main-text .visitcampus-h2, .mission-wrapper h2 {
  font-family: Merriweather, serif;
  font-weight: 800;
  text-transform: uppercase
}
.contact-links li, .social-nav .nav-link {
  padding: .5rem 1rem;
  color: #fff;
  display: block
}
.contact-links li {
  margin: 0;
  text-decoration: none
}
.alumni-event, .local-mainlinks, .social-wrapper {
  margin: 2rem 0
}
.social-nav .nav-link {
  font-size: 1.5rem
}
.social-nav .nav-link:active, .social-nav .nav-link:focus, .social-nav .nav-link:hover {
  color: #01afdf
}
.footer-links .nav-link {
  color: #fff;
  text-align: center;
  padding: .75rem 1rem;
  text-transform: uppercase;
  font-weight: 600;
  font-size: .9rem;
  border: 2px solid;
  margin: .5rem;
  -webkit-transition: .4s;
  -moz-transition: .4s;
  transition: .4s;
  background-size: 100% 200%;
  background-position: 0 -100%
}
.copyright, .copyright-links .nav-link {
  font-size: .8rem;
  color: #fff;
  text-align: center
}
.footer-links .nav-link:active, .footer-links .nav-link:focus, .footer-links .nav-link:hover {
  color: #003054;
  background-color: #fff;
  text-decoration: none;
  background-position: 0 0
}
.copyright-wrapper {
  color: #fff;
  padding: 1rem 0
}
.copyright-links .nav-link {
  padding: 1rem .25rem;
  font-weight: 500;
  margin: .25rem
}
.title {
  color: #fff;
  font-size: 2.5rem
}
.intro-text {
  font-size: 1.55rem;
  font-weight: 400;
  color: #003c69;
  margin: 2rem auto;
  text-align: center
}
#main-text .visitcampus-h2 {
  text-align: center;
  font-size: 3rem;
  margin: 1rem 0 2rem;
  line-height: .9
}
#main-text .touroption {
  margin: 0 auto 2rem;
  border-bottom: 1px solid #ccc;
  padding: 0
}
#main-text .touroption .tourimage img, #main-text .touroptionplain .tourimage img {
  width: 100%;
  height: auto;
  margin: 0 auto 1rem;
  box-shadow: 0 -1px 5px rgba(0, 0, 0, .5), 0 1px 5px rgba(0, 0, 0, .7)
}
#main-text .touroption h3, #main-text .touroptionplain h3 {
  font-size: 1.6rem;
  color: #003c69;
  margin: 0;
  text-transform: capitalize
}
#main-text .tourdesc p, #main-text .touroptionplain p {
  margin: 0 auto 2rem
}
#main-text .touroption .btn-blue-outline, #main-text .touroptionplain .btn-blue-outline {
  padding: .75rem .5rem
}
.visit-resources-links .nav-link {
  color: #fff !important;
  border: 2px solid;
  padding: .75rem 1.25rem;
  font-size: 1.1rem;
  font-weight: 600;
  text-align: center;
  background-color: #002a4c;
  margin: .25rem 0
}
.visit-resources-links .nav-link:active, .visit-resources-links .nav-link:focus, .visit-resources-links .nav-link:hover {
  color: #fff !important;
  background-color: #029dc6
}
.page-item.active .page-link, .pagination .page-link:active, .pagination .page-link:focus, .pagination .page-link:hover {
  background-color: #003c69;
  color: #fff !important
}
.page-item.active .page-link {
  border-color: #002e51
}
.page-link {
  padding: .5rem 1rem;
  color: #003c69 !important
}
.directory-person .directory-name {
  color: #003c69;
  margin-bottom: 0 !important;
  font-size: 1.5rem;
  font-weight: 600
}
.directory-person .directory-education {
  color: #003c69;
  margin-bottom: 0 !important;
  font-size: 1.25rem;
  font-weight: 600
}
.directory-image img {
  width: 100%;
  height: auto
}
#main-text .vwuaccordian .card-header a {
  color: #023056 !important;
  display: block;
  text-decoration: none;
  padding: 1.5rem 1.25rem .5rem .5rem
}
#main-text .vwuaccordian .card-header a:not(.collapsed) {
  background-color: #023056
}
#main-text .vwuaccordian .card-header a:not(.collapsed) h2, #main-text .vwuaccordian .card-header a:not(.collapsed) h3, table.directory-table th {
  color: #fff !important
}
#main-text .vwuaccordian .card-header a:active h2, #main-text .vwuaccordian .card-header a:focus h2, #main-text .vwuaccordian .card-header a:hover h2 {
  text-decoration: none;
  color: #16a7cd
}
#main-text .vwuaccordian .card {
  position: relative;
  flex-direction: column;
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, .125);
  border-radius: 0;
  border-width: 0 0 1px
}
#main-text .vwuaccordian .card-header {
  background-color: #fff;
  border: none;
  padding: .5rem 0
}
#main-text .vwuaccordian .card-body, .fa-stat {
  padding: 1rem 2rem
}
#main-text .vwuaccordian .card-header h2, #main-text .vwuaccordian .card-header h3, #main-text .vwuaccordian .card-header h4 {
  margin: 0;
  font-size: 1.45rem;
  color: #003c69;
  text-transform: none
}
#main-text .vwuaccordian [data-bs-toggle=collapse] .card-header h2 a:after, #main-text .vwuaccordian [data-bs-toggle=collapse] h2:after, #main-text .vwuaccordian [data-bs-toggle=collapse] h3:after {
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  content: "\2b";
  float: right;
  font-size: 1.5rem;
  transition: .25s linear;
  transform: rotate(45deg);
  display: inline-block
}
#main-text .vwuaccordian [data-bs-toggle=collapse].collapsed .card-header h2 a:after, #main-text .vwuaccordian [data-bs-toggle=collapse].collapsed h2:after, #main-text .vwuaccordian [data-bs-toggle=collapse].collapsed h3:after {
  transform: rotate(0)
}
#main-text .vwuaccordian .card .card .card .card-header {
  background-color: #7f939f
}
#main-text .section-headArts {
  font-size: 3rem;
  margin: 0 0 1rem;
  text-transform: uppercase;
  color: #003c69;
  line-height: 1
}
#main-text h3.card-title {
  margin: 2rem 0 1rem;
  font-size: 2rem;
  line-height: 1
}
.artsect + .artsect {
  margin-top: 3rem;
  margin-bottom: 3rem
}
.artsect + .row, .con-wrapper .card .card-text, .health-wrapper .card .card-text, .session-wrapper .card .card-text {
  margin-bottom: 0
}
.arts-events {
  border-top: 3px solid #003c69;
  padding: 2rem 1.5rem;
  border-bottom: 3px solid #003c69
}
.arts-events h2 {
  font-size: 2.25rem;
  margin: 0 auto 3rem
}
.btn-arts {
  background-color: #fff;
  border-color: #003c69;
  color: #003c69;
  border-width: 2px
}
.btn.btn-arts:active, .btn.btn-arts:focus, .btn.btn-arts:hover {
  background-color: #003c69;
  color: #fff
}
.text-right {
  text-align: right !important
}
.header {
  font-family: Kanit, sans-serif;
  font-weight: 500;
  font-size: 1.75rem;
  color: #003c69
}
.newlink::after {
  display: inline-block;
  content: "";
  width: 55px;
  height: 25px;
  background: url('/img/global/new.png') center center/cover no-repeat
}
#main-text .box-blue, #main-text .box-blue a, #main-text a.blue-link, #main-text a.bluelink, #main-text a.bluelink.nounderline, #notification-div.alert_message a {
  color: #003c69;
  text-decoration: none
}
.sidemenu .nav-link.cta {
  color: #cb4f0d
}
.sidemenu .nav-link.cta.active, .sidemenu .nav-link.cta:active, .sidemenu .nav-link.cta:focus, .sidemenu .nav-link.cta:hover {
  color: #b34409 !important
}
.callout {
  padding: 2rem 1rem;
  color: #fff
}
.callout .head {
  font-size: 2.5rem;
  color: #fff;
  line-height: 1
}
.callout-1 {
  background-color: #003c69
}
.callout-1 .btn-white {
  background-color: #fff;
  border: 1px solid #001628;
  color: #003c69 !important
}
.callout-2 {
  background-color: #b65201
}
.callout-2 .btn-white {
  background-color: #fff;
  border: 1px solid #873c00;
  color: #b65201 !important
}
.table > :not(:first-child) {
  border-top: 1px solid #dedede
}
#majorsTabContent {
  margin-top: 4rem
}
#majorsTabContent h2, .alumnievents-wrapper p {
  margin: 0 !important
}
#majorsTabContent .accordion-button {
  color: #fff;
  background-color: #003c69;
  box-shadow: none;
  font-size: 1.25rem;
  text-transform: uppercase;
  padding: 1.5rem 1.25rem
}
#majorsTabContent .accordion-button:not(.collapsed) {
  color: #fff;
  background-color: #0091b8;
  box-shadow: none;
  text-transform: uppercase
}
#majorsTabContent .accordion-button::after {
  background-image: none;
  content: "\f078";
  font-family: FontAwesome;
  color: #fff
}
#majorsTabContent .accordion-button:not(.collapsed)::after {
  background-image: none;
  transform: rotate(-180deg)
}
#majorsTabContent .accordion-item:first-of-type .accordion-button {
  border-top-left-radius: 0;
  border-top-right-radius: 0
}
#notification-div {
  text-align: center;
  padding: 1rem 1.25rem;
  font-size: 1.15rem;
  font-family: 'Open Sans', sans-serif
}
#notification-div i {
  font-size: 1.75rem;
  margin-right: 1.25rem
}
#notification-div p {
  margin: 0;
  font-weight: 600;
  /*font-family: Amaranth, sans-serif;*/

}
#notification-div .btn {
  padding: .25rem .5rem;
  font-size: .875rem;
  border-radius: .2rem;
  margin-top: .5rem;
  font-family: 'Open Sans', sans-serif
}
.alert_message {
  background-color: #e3f8ff;
  color: #003c69
}
.emergency_message {
  background-color: #ffd5d5;
  color: #903333
}
#notification-div.emergency_message a {
  color: #903333;
  font-size: 1.15rem;
  text-decoration: none
}
.warning_message {
  background-color: #faf3d1;
  color: #7b6f1e
}
#notification-div.warning_message a {
  color: #7b6f1e;
  font-size: 1.15rem;
  text-decoration: none
}
#main-text a.major-collapse.collapsed {
  text-decoration: none;
  color: #fff;
  background-color: #003c69;
  display: block;
  padding: .9rem .5rem;
  font-weight: 400
}
#main-text a.major-collapse, #main-text a.major-collapse.collapsed:hover, #main-text a.major-collapse:active, #main-text a.major-collapse:focus {
  background-color: #0091b8;
  color: #fff;
  text-decoration: none
}
#main-text a.major-collapse {
  display: block;
  padding: .9rem .5rem;
  font-size: 1.3rem;
  font-weight: 400
}
#main-text .faux-accordian .card h2, #main-text .faux-accordian .card + h2 {
  margin: 0;
  font-size: 1.5rem
}
#main-text .faux-accordian .card h3, #main-text .faux-accordian .card + h3 {
  font-size: 1.3rem;
  margin: 0
}
#main-text .faux-accordian .card h4, #main-text .faux-accordian .card + h4 {
  font-size: 1.1rem;
  margin: 0
}
#accordionVWU h2.accordion-header, #accordionVWU h3.accordion-header, #accordionVWUBlue h2.accordion-header, #accordionVWUBlue h3.accordion-header, #main-text .directory-listing .job-email, #main-text .directory-listing .job-office, #main-text .directory-listing .job-phone, #main-text .faux-accordian h2:first-child, .about-second-wrapper .about-img-wrap a, .experiential-wrapper .exp-img-wrap a, .session-img-wrap a, main-text .faux-accordian h3:first-child {
  margin: 0
}
#main-text .faux-accordian .collapse, #main-text .faux-accordian .collapsing {
  padding: 1rem .5rem
}
.table-lg > :not(caption) > * > * {
  padding: 1rem .75rem
}
.donor-list ol li, .donor-list ul li {
  padding: .5rem 0 !important
}
.form-select-lg {
  padding-top: .75rem;
  padding-bottom: .75rem
}
.dropdown-menu > .active > a, .dropdown-menu > .active > a:focus, .dropdown-menu > .active > a:hover {
  color: #fff !important;
  text-decoration: none;
  outline: 0;
  background-color: #0091b8
}
#shareBtns {
  margin: .25rem 0 2rem .5rem
}
#main-text .story-title {
  font-size: 2.5rem !important;
  font-weight: 600;
  margin-top: 0 !important
}
@media (min-width:375px) {
  .event-wrapper, .site-logo {
    margin: .5rem 0
  }
  .mainnav-trigger, .search-trigger {
    width: 80px;
    padding: 2rem 0 !important;
    font-size: .9rem !important
  }
  .offcanvas-menu, .offcanvas-search {
    top: 0
  }
  .video-btn {
    font-size: .9rem;
    padding: .5rem .35rem
  }
  .event-day, .events-wrapper h2, .fa-wrapper h2, .news-wrapper h2, .programs-wrapper h2, .why-wrapper h2, .why-wrapper2 h2 {
    font-size: 3rem
  }
  .event-wrapper {
    display: flex;
    min-height: 100px
  }
  .date-wrapper {
    background-color: #002b4e;
    color: #fff;
    text-align: center;
    min-width: 90px;
    line-height: 1;
    padding: .5rem .25rem;
    min-height: auto;
    flex-direction: column;
    width: auto;
    height: auto;
    border-bottom: none
  }
  .event-day {
    font-weight: 900
  }
  .event-description, .fauxlead {
    color: #002a4c;
    font-weight: 600
  }
  .event-description {
    margin-left: .5rem;
    padding: 0
  }
  .news-wrapper h3 {
    font-size: 2.5rem
  }
  .briefs-wrapper h3 {
    font-size: 3rem;
    text-transform: uppercase
  }
  .prospective-menu-cta .nav-link {
    margin: .75rem .35rem;
    padding: .75rem 1rem;
    font-size: .95rem
  }
  .fauxlead {
    font-size: 1.4rem
  }
}
@media (min-width:768px) {
  .campus-text-wrapper h2, .enrollments-cta-wrapper h2, .events-wrapper h2, .fa-wrapper h2, .news-wrapper h2, .programs-wrapper h2, .video-title {
    font-size: 3.25rem
  }
  .video-text {
    font-size: 2.15rem
  }
  .video-messaging {
    bottom: 2rem
  }
  .video-btn {
    font-size: .9rem;
    padding: .5rem 1.25rem
  }
  #shareBtns {
    float: right;
    margin: .25rem 0 2rem .5rem;
    border-left: 1px solid #ccc;
    padding: 0 1rem 1rem
  }
  .section-headArts {
    margin: 0 0 5rem
  }
  .lead {
    margin-bottom: 1rem;
    color: #fff;
    border: none;
    padding-bottom: 0
  }
  .header-wrapper {
    position: relative;
    background: #002a4c
  }
  .site-logo {
    max-width: 90%;
    padding-left: .5rem;
    margin-top: .5rem
  }
  .mainnav-trigger, .search-trigger {
    padding: 1.8rem 0 !important;
    width: 75px;
    color: #fff;
    border: none
  }
  .offcanvas-menu, .offcanvas-search {
    top: 0
  }
  .main-nav, .offcanvas-header {
    padding: 1rem
  }
  .offcanvas-menu .btn-close, .offcanvas-search .btn-close {
    position: relative;
    top: 0;
    right: 0
  }
  .logo-menu {
    max-width: 200px
  }
  .main-menu-wrap {
    padding-top: 2rem
  }
  .prospective-cta .nav-link {
    font-weight: 700;
    color: #fff;
    margin: 0 .2rem;
    padding: 0 .2rem;
    font-size: .85rem;
    border: none
  }
  .prospective-cta .nav-link:active, .prospective-cta .nav-link:focus, .prospective-cta .nav-link:hover {
    color: #29d1ff
  }
  .prospective-menu-cta .nav-link {
    font-weight: 700;
    color: #fff;
    margin: 0 .5rem;
    padding: 0 .5rem;
    font-size: .85rem;
    border: none
  }
  .mainnav-section .nav-link.nav-accordion-button {
    font-size: 2.25rem;
    padding: 2rem 0 .5rem
  }
  .quicklinks {
    padding: 2rem 1.5rem;
    border: 5px solid #0091b8;
    margin-top: 1rem
  }
  .nav-section-head {
    font-size: 2.5rem;
    text-align: center
  }
  .secondary-nav-section .nav-link {
    color: #fff;
    font-weight: 400;
    font-size: 1.3rem;
    margin: 1rem .5rem;
    padding: .25rem 0;
    text-transform: uppercase;
    font-family: Kanit, sans-serif;
    border-bottom: 10px solid #003c69
  }
  .video-wrapper .overlay {
    background-image: linear-gradient(180deg, rgba(0, 0, 0, .8) 0, rgba(0, 0, 0, .298739564185049) 30%, rgba(0, 0, 0, 0) 70%, rgba(0, 0, 0, .8) 100%)
  }
  .main-video {
    object-fit: cover
  }
  .btn-video-controls {
    top: auto;
    right: 1rem;
    font-size: 2rem;
    bottom: .25rem;
    position: absolute;
    color: #fff;
    cursor: pointer;
    z-index: 12;
    transition: transform .2s, scale .5s;
    opacity: .5
  }
  .const-wrapper {
    background-color: #002a4c;
    padding: 0;
    margin: 0;
    border-bottom: 10px solid #001d35
  }
  .stat-front, .stat-front2 {
    font-size: 1rem;
    font-weight: 500;
    text-shadow: none;
    margin-bottom: 1rem
  }
  .constituent-nav .nav-item {
    width: auto
  }
  .constituent-nav .nav-link {
    border-left: 1px solid #001e34;
    padding: 1.25rem 1.4rem;
    margin: 0;
    height: auto;
    background-color: #002a4c;
    border-bottom: none;
    border-right: none;
    border-top: none;
    font-size: 1.1rem
  }
  .constituent-nav .nav-link:not(:last-child), .news-wrapper .card .card-body {
    padding: 1rem 0
  }
  .constituent-nav .nav-link:active, .constituent-nav .nav-link:focus, .constituent-nav .nav-link:hover {
    background-color: #0091b9;
    text-decoration: none
  }
  .constituent-nav .nav-item:first-of-type .nav-link:first-child {
    border-left: 0
  }
  .constituent-nav .nav-item:last-of-type .nav-link:first-child {
    border-right: 0
  }
  .why-wrapper {
    padding: 3rem 0;
    background-color: #ededed
  }
  .why-wrapperWhite {
    padding: 3rem 0;
    background-color: #fff
  }
  .why-wrapper2 {
    padding: 4rem 0 3rem
  }
  .why-wrapper h2, .why-wrapper2 h2 {
    font-size: 3rem;
    margin-bottom: 3rem
  }
  .why-wrapper h2 .lrg-text, .why-wrapper2 h2 .lrg-text {
    font-size: 4rem
  }
  .events-wrapper h2 .lrg-text, .news-wrapper h2 .lrg-text {
    font-size: 3.25rem;
    display: inline-block
  }
  .stat .stat-num {
    font-size: 5rem
  }
  #main-text .visitcampus-h2, .briefs-wrapper h3, .stat2 .stat-num {
    font-size: 3.5rem
  }
  .stat-front {
    min-height: 130px
  }
  .stat-front2 {
    min-height: 100px
  }
  .btn-why, .btn-why2 {
    padding: .5rem .75rem;
    width: 85%;
    font-size: .8rem
  }
  .programs-wrapper {
    padding: 3rem 0 6rem
  }
  .campus-text-wrapper .lrg-text, .fa-wrapper .lrg-text, .programs-wrapper .lrg-text {
    font-size: 4.25rem
  }
  .programs-selections .nav-link {
    font-size: 1rem
  }
  .programs-wrapper .spotlight-wrapper {
    margin-top: 3.5rem
  }
  .programs-wrapper .spotlight {
    font-size: 3rem
  }
  .fahome-mainlinks {
    margin: 2rem 0
  }
  .fahome-mainlinks .nav-link {
    padding: 1rem 1.25rem;
    font-weight: 600;
    margin: 1rem;
    width: 40vw
  }
  .enrollments-cta-wrapper {
    background-image: url("/img/home/becomemarlin.webp");
    background-position: center center;
    padding: 2rem 0 3rem
  }
  .enrollments-cta-wrapper a {
    color: #fff;
    font-size: 1.25rem;
    text-decoration: none;
    display: block;
    padding: 1rem;
    margin: 0 .5rem;
    border: 2px solid;
    background-color: rgba(0, 42, 76, .8);
    width: 33%
  }
  .enrollments-cta-wrapper h2 {
    margin: 1rem 0 3rem
  }
  .fa-wrapper {
    padding: 7rem 2rem 2rem
  }
  .fa-wrapper .fa-subheading {
    font-size: 2rem
  }
  .news-wrapper {
    padding: 4rem 0 1.5rem
  }
  .news-wrapper h2 .lrg-text {
    text-transform: uppercase;
    line-height: .8
  }
  .news-wrapper .all-features {
    padding: .5rem .75rem;
    font-weight: 600
  }
  .news-wrapper h3.pres-h3 {
    margin-top: 4rem
  }
  .briefs-slider .nav-link {
    color: #fff;
    text-decoration: none;
    font-size: 1.2rem;
    padding: .25rem 1rem;
    line-height: 1.4;
    text-align: left;
    min-height: 110px;
    margin: 1.5rem 1rem 1rem 0;
    border-bottom: none;
    border-left: 3px solid #fff
  }
  .briefs-slider .nav-link:active, .briefs-slider .nav-link:focus, .briefs-slider .nav-link:hover {
    color: #02a3d0;
    text-decoration: none;
    border-color: #02a3d0
  }
  .briefs-slider .nav-link:active .briefs-date, .briefs-slider .nav-link:focus .briefs-date, .briefs-slider .nav-link:hover .briefs-date {
    text-decoration: none
  }
  .event-wrapper {
    padding: 2rem .5rem 1rem
  }
  .giving-wrapper {
    text-align: left
  }
  .giving-wrapper p {
    margin-top: 2rem
  }
  .footer-wrapper h2 {
    font-size: 2.7rem
  }
  .feature-link {
    color: #002a4c
  }
  .news-wrapper .feature-wrapper {
    box-shadow: none;
    background-color: transparent;
    color: #002a4c;
    padding: 0
  }
  .news-wrapper .card {
    background-color: transparent
  }
  .image-wrapper {
    overflow: hidden;
    box-shadow: 0 -1px 5px rgba(0, 0, 0, .5), 0 1px 5px rgba(0, 0, 0, .7)
  }
}
@media (min-width:992px) {
  .news-wrapper h2 .lrg-text, .video-text {
    margin-bottom: 3rem
  }
  .video-title {
    font-size: 4.5rem
  }
  .mainnav-section .nav-link.nav-accordion-button.collapsed::after, .mainnav-section .nav-link.nav-accordion-button::after, .video-text {
    font-size: 2rem
  }
  .video-btn {
    font-size: .9rem;
    padding: .75rem 1.5rem
  }
  #main-text h3.card-title, .artsect .card-title {
    margin: 0 0 .5rem
  }
  .side-menu-wrapper {
    padding-bottom: 4rem
  }
  .header-wrapper .container {
    max-width: 960px
  }
  .mainnav-trigger, .search-trigger {
    padding: 1.5rem 0 !important;
    width: 90px
  }
  .offcanvas-menu, .offcanvas-search {
    top: 0
  }
  .fahome-mainlinks .nav-link, .main-nav, .main-nav-right {
    padding: 1rem
  }
  .quicklinks {
    padding: 3rem 3rem 5rem;
    border: 1px solid #0091b8;
    margin-top: 0
  }
  .main-navbar {
    padding-top: 2rem
  }
  .form-control.global-search {
    padding: .75rem .5rem .25rem .75rem;
    font-size: 1.5rem
  }
  .btn.btn-search {
    right: 0;
    bottom: 0;
    font-size: 1.75rem;
    width: 60px;
    height: 60px;
    border: 1px solid #001a2f;
    z-index: 9
  }
  .mainnav-section .nav-link.nav-accordion-button {
    font-size: 2.5rem;
    padding: 2rem 0 .5rem;
    outline: 0
  }
  .secondary-nav-section .nav-link {
    font-size: 1.3rem;
    margin: .5rem 2rem;
    padding: .5rem .25rem;
    text-transform: uppercase;
    border-bottom: 10px solid #003c69
  }
  .prospective-cta .nav, .prospective-menu-cta .nav {
    margin-right: 1.5rem
  }
  .prospective-cta .nav-link, .prospective-menu-cta .nav-link {
    font-weight: 600;
    color: #fff;
    margin: 0 .25rem;
    padding: 0 .75rem;
    font-size: 1rem
  }
  .main-video {
    max-height: 550px
  }
  .constituent-nav .nav-link {
    padding: 1.5rem 2.5rem;
    font-size: 1.2rem
  }
  .btn-why, .btn-why2 {
    padding: .5rem 1rem;
    width: 90%
  }
  .programs-wrapper {
    padding: 4rem 1rem 6rem
  }
  .programs-selections .nav-item {
    width: auto
  }
  .news-wrapper h3.pres-h3, .programs-wrapper .spotlight-wrapper {
    margin-top: 0
  }
  .campus-text-wrapper h2, .events-wrapper h2, .news-wrapper h2, .programs-wrapper h2 {
    font-size: 4rem
  }
  .fa-wrapper {
    margin-top: -10rem;
    padding: 3rem 2rem
  }
  .fa-wrapper h2 {
    text-align: left;
    font-size: 3rem
  }
  .fa-wrapper .fa-subheading {
    font-size: 1.8rem;
    text-align: left
  }
  .campus-text-wrapper .lrg-text, .events-wrapper h2 .lrg-text, .news-wrapper h2 .lrg-text {
    font-size: 4rem;
    display: inline-block
  }
  .news-wrapper h3 {
    font-size: 2rem;
    margin-bottom: 1.5rem
  }
  .footer-wrapper h3, .news-wrapper h2 {
    margin-bottom: 1rem
  }
  .news-wrapper .card {
    min-height: 415px
  }
  .news-wrapper .card .card-body {
    padding: 1rem 0;
    position: relative
  }
  .btn-feature {
    position: absolute;
    bottom: 9px;
    right: 0;
    left: 0;
    width: 50%;
    margin: 0 auto
  }
  .news-wrapper .all-features {
    padding: .25rem .5rem;
    font-weight: 600;
    position: absolute;
    top: -5px;
    left: 190px
  }
  .briefs-slider .nav-link {
    min-height: 90px
  }
  .campus-text-wrapper {
    padding: 2rem .25rem;
    background-color: #002b4e
  }
  .footer-wrapper h3 {
    border-top: none;
    padding-top: 0;
    font-size: 2.5rem
  }
  .footer-contact-wrapper {
    padding-left: 2rem
  }
  .footer-links .nav-link {
    color: #fff;
    text-align: left;
    padding: .25rem 0;
    text-transform: capitalize;
    font-weight: 500;
    font-size: 1.2rem;
    border: none;
    margin: 0;
    -webkit-transition: .4s;
    -moz-transition: .4s;
    transition: none;
    background-size: 100% 200%;
    background-position: 0 -100%;
    background-image: none;
    display: inline-block
  }
  .footer-links .nav-link:active, .footer-links .nav-link:focus, .footer-links .nav-link:hover {
    color: #fff;
    background-color: transparent;
    text-decoration: underline;
    background-position: 0 0
  }
  .social-nav .nav-link {
    display: block;
    padding: .5rem;
    color: #fff;
    font-size: 1.75rem;
    margin: 0 .5rem;
    border-radius: .5rem;
    width: 65px;
    height: 65px;
    text-align: center
  }
  .footer-wrapper h2, .programs-wrapper .spotlight {
    font-size: 2.5rem
  }
  .news-wrapper .feature-wrapper {
    margin-bottom: 0
  }
  #main-text .section-headArts {
    margin: 0 0 3rem
  }
  .dbn-wrapper {
    background: url(/img/home/m-dbn.png) left center no-repeat #f4f4f4;
    padding: 2rem 0 1rem
  }
}
@media (min-width:1200px) {
  .form-control.global-search {
    padding: 1.25rem .5rem .5rem .75rem;
    font-size: 1.85rem
  }
  .btn.btn-search {
    width: 72px;
    height: 72px;
    font-size: 2rem
  }
  .main-nav-right {
    padding: 1rem 0 1rem 1rem
  }
  .quicklinks {
    padding: 1.5rem
  }
  #button-search {
    right: 0;
    bottom: 0;
    font-size: 2rem;
    width: 70px;
    height: 70px;
    border: 1px solid #001a2f;
    z-index: 9
  }
  .secondary-nav-section .nav-link {
    font-size: 1.3rem;
    margin: .5rem .25rem;
    padding: .5rem .25rem;
    text-transform: uppercase;
    border-bottom: 10px solid #003c69
  }
  .main-nav {
    padding: 1rem
  }
  .video-title {
    font-size: 5.5rem
  }
  .video-text {
    font-size: 2.5rem
  }
  .site-logo {
    max-width: 100%;
    padding-left: 0
  }
  .prospective-cta .nav-link, .prospective-menu-cta .nav-link {
    font-size: 1.05rem
  }
  .header-wrapper .container {
    max-width: 1140px
  }
  .main-video {
    max-height: 530px
  }
  .constituent-nav .nav-link {
    padding: 1.5rem;
    width: 275px;
    font-size: 1.1rem
  }
  .fa-wrapper h2, .why-wrapper h2, .why-wrapper2 h2 {
    font-size: 3.5rem
  }
  .stat2 .stat-num {
    font-size: 3rem
  }
  .programs-inner-wrapper {
    padding: 0 1rem
  }
  .briefs-wrapper, .events-wrapper {
    padding: 3rem 1rem
  }
  .programs-wrapper .spotlight-wrapper {
    margin-right: 2rem
  }
  .news-wrapper h2, .programs-wrapper h2 {
    font-size: 4rem
  }
  .fa-wrapper .lrg-text, .programs-wrapper .lrg-text {
    font-size: 4.5rem
  }
  .programs-selections .nav-link {
    padding: .75rem .5rem;
    font-size: .85rem;
    margin: .5rem .75rem
  }
  .fa-wrapper {
    margin-top: -11rem
  }
  .news-wrapper h3 {
    font-size: 2.225rem
  }
  .news-wrapper .card {
    min-height: 375px
  }
  .briefs-wrapper {
    background: #002a4c;
    position: relative
  }
  .briefs-wrapper h3 {
    font-size: 3.5rem;
    margin-top: 2rem
  }
  .campus-text-wrapper h2, .events-wrapper h2 {
    text-align: center;
    font-size: 4rem
  }
  .briefs-wrapper .all-features {
    position: absolute;
    left: 4%;
    right: auto;
    bottom: 40px
  }
  .briefs-slider .nav-link {
    min-height: 120px
  }
  .events-wrapper h2 .lrg-text {
    display: inline-block;
    text-transform: uppercase;
    line-height: .9
  }
  .contact-links li {
    display: inline-block;
    margin: .25rem 0
  }
  .experiential-wrapper .container-fluid {
    max-width: 90%
  }
  .session-wrapper .container-fluid {
    max-width: 85%
  }
  #majorsTab.nav-tabs {
    border-bottom: none
  }
  #majorsTab.nav-tabs .nav-link {
    background: #003c69;
    border: 0;
    border-radius: 0;
    color: #fff;
    font-size: .85rem;
    margin: 0 1px;
    text-transform: uppercase;
    font-weight: 600;
    padding: .75rem .9rem
  }
  #majorsTab.nav-tabs .nav-item.show .nav-link, #majorsTab.nav-tabs .nav-link.active {
    color: #fff;
    background-color: #0091b8;
    border-color: transparent
  }
  #majorsTabContent {
    margin-top: 0
  }
  #majorsTabContent .accordion-item:first-of-type {
    border-top-left-radius: 0;
    border-top-right-radius: 0
  }
  #majorsTab li {
    padding: 0 !important
  }
  #majorsTabContent .accordion-item:not(:first-of-type) {
    border-top: 1px solid rgba(0, 0, 0, .125)
  }
  .dbn-wrapper {
    background: url(/img/home/m-dbn.png) left center/contain no-repeat, url(/img/home/m-dbn.png) right center/contain no-repeat #f4f4f4;
    padding: 2rem 0 1rem
  }
  .programs-wrapper .spotlight-subheading {
    font-size: 1.5rem;
    margin-bottom: .5rem
  }
}
@media (min-width:1300px) {
  .main-nav {
    padding: 1rem
  }
  .quicklinks {
    padding: 2rem
  }
  .container-fluid, .header-wrapper .container {
    max-width: 1280px
  }
  .main-video {
    max-height: 570px
  }
  .enrollments-cta-wrapper h2 {
    font-size: 3.5rem
  }
  .constituent-nav .nav-link {
    padding: 1.75rem 1.5rem;
    width: 300px
  }
  .fahome-mainlinks .nav-link {
    font-weight: 600;
    margin: 1rem .25rem;
    width: 22vw;
    padding: 1rem .25rem
  }
  .programs-selections .nav-link {
    padding: .75rem .6rem;
    font-size: .85rem
  }
  .dbn-wrapper {
    background: url(/img/home/m-dbn.png) left center/contain no-repeat, url(/img/home/m-dbn.png) right center/contain no-repeat #f4f4f4;
    padding: 2rem 0 1rem
  }
}
@media (min-width:1400px) {
  .container-fluid, .header-wrapper .container {
    max-width: 1320px
  }
  .main-video {
    max-height: 700px
  }
  .fa-wrapper {
    margin-top: -15rem;
    padding: 3rem 0 2rem
  }
  .feature-link {
    width: 100%
  }
  .fahome-mainlinks .nav-link {
    font-weight: 600;
    margin: 1rem .5rem;
    width: 18vw;
    padding: 1rem .25rem
  }
  .prospective-cta .nav-link, .prospective-menu-cta .nav-link {
    margin: 0 .25rem;
    padding: 1rem 1.25rem
  }
  #majorsTab.nav-tabs .nav-link {
    font-size: 1rem;
    padding: .75rem 1rem
  }
  .programs-selections .nav-link {
    padding: .75rem;
    margin: .75rem .25rem
  }
}
@media (min-width:1500px) {
  .container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl, .header-wrapper .container {
    max-width: 1400px
  }
  .main-video {
    max-height: 675px
  }
  .news-wrapper .card {
    min-height: 450px
  }
  .experiential-wrapper .container-fluid, .section-intro .container-fluid {
    max-width: 85%
  }
  .session-wrapper .container-fluid {
    max-width: 80%
  }
  .ug-mainlinks .nav-link, .ug-sublinks .nav-link {
    width: 375px
  }
  #majorsTab.nav-tabs .nav-link {
    font-size: 1rem;
    padding: .75rem 1.25rem
  }
}
.about-wrapper {
  height: 200px;
  background: linear-gradient(0deg, rgba(0, 0, 0, .5) 0, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0) 60%, rgba(0, 0, 0, .6) 100%) 0 0/cover, url("/about/images/home/about-header.jpg") center/cover;
  position: relative;
  margin-bottom: 0
}
.about-section-intro, .content-wrapper, .section-intro {
  padding: 2rem 0
}
.mission-wrapper {
  padding: 0 0 4rem;
  color: #002a4c;
  text-align: center;
  background-color: #ebebeb
}
.mission-wrapper h2 {
  text-align: center;
  font-size: 4rem;
  line-height: .8;
  margin: 2rem 0;
  color: #003054
}
h1.page-title-about, h1.page-title-ug {
  font-family: Kanit, sans-serif;
  font-size: 4.5rem;
  color: #fff;
  line-height: .7;
  font-weight: 500;
  letter-spacing: -2px;
  text-align: center;
  position: absolute;
  bottom: -8px;
  left: 0;
  right: 0;
  padding-top: .5rem;
  text-transform: uppercase
}
.university-wrapper {
  margin: 0;
  background-image: url("/about/images/home/university3.jpg");
  padding: 8rem 0 2rem;
  background-size: 100%;
  background-repeat: no-repeat
}
.enroll-cta-mainlinks, .university-mainlinks, hr {
  margin-top: 3rem
}
.our-university-wrapper {
  background: rgba(255, 255, 255, .8);
  padding: 2rem 1rem 1rem;
  box-shadow: rgba(0, 0, 0, .35) 0 5px 15px
}
.university-wrapper h2 {
  text-align: center;
  font-size: 4.5rem;
  line-height: .8;
  font-family: Merriweather, serif;
  text-transform: uppercase;
  font-weight: 800;
  margin: 0 0 2rem
}
.about-second-wrapper h2, .pres-wrapper h2, .wellness-wrapper h2 {
  line-height: .9;
  font-family: Merriweather, serif;
  text-transform: uppercase;
  font-weight: 800
}
.university-mainlinks .nav-link {
  color: #fff;
  padding: 1rem 1.25rem;
  background-color: #002a4c;
  font-size: 1rem;
  font-weight: 600;
  border: 2px solid #002a4c;
  position: relative;
  z-index: 1;
  text-transform: uppercase;
  text-align: center;
  margin: .5rem 0
}
.living-mainlinks .nav-link:active, .living-mainlinks .nav-link:focus, .living-mainlinks .nav-link:hover, .ug-mainlinks .nav-link:active, .ug-mainlinks .nav-link:focus, .ug-mainlinks .nav-link:hover, .university-mainlinks .nav-link:active, .university-mainlinks .nav-link:focus, .university-mainlinks .nav-link:hover {
  background-color: transparent;
  color: #002a4c;
  border: 2px solid #002a4c
}
#main-text .no-underlines p, .living-sublinks, .pres-wrapper .section-leadin, .sports-wrapper .section-leadin, .ug-sublinks, .university-sublinks, .visit-wrapper .section-leadin {
  margin: 1rem 0
}
.university-sublinks .nav-link {
  background-color: #0091b9;
  color: #fff;
  border: 2px solid #0091b9;
  font-size: .95rem;
  margin: 0 0 .25rem;
  padding: .75rem 1rem
}
.living-sublinks .nav-link:active, .living-sublinks .nav-link:focus, .living-sublinks .nav-link:hover, .university-sublinks .nav-link:active, .university-sublinks .nav-link:focus, .university-sublinks .nav-link:hover {
  background-color: transparent;
  color: #0091b9;
  border: 2px solid #0091b9
}
.pres-wrapper {
  color: #fff;
  position: relative;
  background-color: #002a4c;
  padding: 5rem 0
}
.pres-wrapper img, .visit-wrapper img {
  box-shadow: rgba(0, 0, 0, .3) 0 19px 38px, rgba(0, 0, 0, .22) 0 15px 12px
}
.pres-wrapper h2 {
  color: #fff;
  font-size: 2.8rem;
  margin-top: 1rem
}
.btn.btn-graduate {
  color: #fff;
  padding: .75rem;
  background-color: #002a4c;
  font-size: 1.1rem;
  font-weight: 700;
  border: 1px solid #fff;
  margin: 3rem .2rem
}
.acad-support-wrapper ul, .fa-links-wrapper ul, .news-arts-wrapper ul, .pres-sublinks, .sports-sublinks, .support-wrapper ul, .visit-sublinks {
  list-style-type: none;
  padding: 0
}
.pres-sublinks .nav-link, .visit-sublinks .nav-link {
  color: #fff;
  text-decoration: none;
  display: block;
  margin: 1rem 0 0;
  text-transform: uppercase;
  font-weight: 600;
  font-size: .95rem;
  border: 1px solid #0091b8;
  padding: 1rem;
  text-align: center
}
.pres-sublinks .nav-link:active, .pres-sublinks .nav-link:focus, .pres-sublinks .nav-link:hover, .schools-wrapper a:active, .schools-wrapper a:focus, .schools-wrapper a:hover, .sports-sublinks .nav-link:active, .sports-sublinks .nav-link:focus, .sports-sublinks .nav-link:hover, .visit-sublinks .nav-link:active, .visit-sublinks .nav-link:focus, .visit-sublinks .nav-link:hover {
  color: #fff;
  background-color: #0091b8;
  box-shadow: 0 10px 40px rgb(0 0 0, .8)
}
.about-second-wrapper, .finaid-wrapper, .wellness-wrapper {
  padding: 2rem 0 0;
  margin: 0;
  background-color: #002a4c;
  position: relative;
  background-image: url("/img/home/news3.png")
}
.about-second-wrapper h2, .wellness-wrapper h2 {
  font-size: 3rem;
  text-align: center;
  margin: 0 0 2rem
}
.about-learning, .activities-learning, .exp-learning, .involved-learning {
  position: relative;
  padding: 0;
  margin: 0 0 2.5rem
}
.about-second-wrapper a, .activities-wrapper a, .experiential-wrapper .exp-learning a, .wellness-wrapper a {
  color: #003054;
  font-size: 1.5rem;
  padding: 0;
  ;
  text-transform: uppercase;
  text-decoration: none;
  display: block;
  transition: color .5s
}
.about-second-wrapper a span, .activities-wrapper a span, .experiential-wrapper a span, .involved-wrapper a span, .wellness-wrapper a span {
  margin-left: .5rem;
  transition: margin .5s
}
.about-second-wrapper a:active span, .about-second-wrapper a:focus span, .about-second-wrapper a:hover span, .activities-wrapper a:active span, .activities-wrapper a:focus span, .activities-wrapper a:hover span, .experiential-wrapper a:active span, .experiential-wrapper a:focus span, .experiential-wrapper a:hover span, .involved-wrapper a:active span, .involved-wrapper a:focus span, .involved-wrapper a:hover span, .wellness-wrapper a:active span, .wellness-wrapper a:focus span, .wellness-wrapper a:hover span {
  margin-left: 1rem
}
.location-wrapper {
  background-image: url("/about/images/home/map4lg.png");
  background-size: 150%;
  background-position: top right 100%;
  background-repeat: no-repeat;
  padding-top: 90vw
}
.location-inner-wrapper {
  padding: 2rem 1rem;
  margin: 0;
  background-color: #002a4c;
  color: #fffffe
}
.location-inner-wrapper h2 {
  color: #fff;
  font-size: 2.8rem;
  line-height: .8;
  margin-bottom: 2rem;
  font-family: Merriweather, serif;
  text-transform: uppercase;
  font-weight: 800
}
.location-wrapper .btn-location {
  padding: 1rem;
  font-size: 1.1rem;
  font-weight: 600;
  color: #fff;
  border: 2px solid #fff;
  margin: .5rem 0
}
.location-wrapper .btn-location:active, .location-wrapper .btn-location:focus, .location-wrapper .btn-location:hover {
  color: #0091ba;
  border: 2px solid
}
.con-wrapper {
  padding: 2rem 0 0;
  background: url("/img/home/news3.png")
}
.con-wrapper h2, .visits-h2 {
  text-align: center;
  font-size: 2.5rem;
  margin: 0 0 2rem;
  line-height: .9;
  font-family: Merriweather, serif;
  text-transform: uppercase;
  font-weight: 800
}
.con-wrapper .card, .health-wrapper .card, .session-wrapper .card {
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: transparent;
  background-clip: border-box;
  border: none;
  border-radius: 0;
  margin-bottom: 4rem
}
.about-img-wrap, .activities-img-wrap, .con-img-wrap, .exp-img-wrap, .health-img-wrap, .wellness-img-wrap {
  position: relative;
  border: 5px solid #fff;
  z-index: 1
}
.about-img-wrap:after, .about-img-wrap:before, .activities-img-wrap:after, .activities-img-wrap:before, .con-img-wrap:after, .con-img-wrap:before, .const-img-wrap:after, .const-img-wrap:before, .exp-img-wrap:after, .exp-img-wrap:before, .health-img-wrap:after, .health-img-wrap:before, .involved-img-wrap::after, .involved-img-wrap::before, .session-img-wrap:after, .session-img-wrap:before, .wellness-img-wrap:after, .wellness-img-wrap:before {
  position: absolute;
  z-index: -1;
  content: ""
}
.involved-img-wrap, .session-img-wrap, .ug-mainlinks .nav-link {
  z-index: 1;
  position: relative
}
.about-img-wrap:before, .activities-img-wrap:before, .con-img-wrap:before, .const-img-wrap:before, .exp-img-wrap:before, .health-img-wrap:before, .involved-img-wrap::before, .session-img-wrap:before, .wellness-img-wrap:before {
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  -webkit-box-shadow: 0 -1px 5px rgba(0, 0, 0, .5), 0 1px 5px rgba(0, 0, 0, .7);
  -moz-box-shadow: 0 -1px 5px rgba(0, 0, 0, .5), 0 1px 5px rgba(0, 0, 0, .7);
  box-shadow: 0 -1px 5px rgba(0, 0, 0, .5), 0 1px 5px rgba(0, 0, 0, .7)
}
.con-wrapper .card .card-body, .health-wrapper .card .card-body, .session-wrapper .card .card-body {
  padding: .5rem
}
.con-wrapper .card .card-title {
  font-size: 1.5rem;
  margin: 1rem 0;
  line-height: .9;
  text-transform: uppercase
}
.con-wrapper .card a {
  border: 2px solid;
  padding: .5rem 1rem;
  line-height: 1.3;
  text-decoration: none;
  color: #003054;
  font-weight: 600;
  margin-top: 1rem;
  display: block;
  text-align: center;
  font-size: 1.2rem
}
.con-wrapper .card a:active, .con-wrapper .card a:focus, .con-wrapper .card a:hover, .session-wrapper .card-body a:active, .session-wrapper .card-body a:focus, .session-wrapper .card-body a:hover {
  color: #fff;
  border: 2px solid;
  background-color: #003054
}
.aboutstats-wrapper, .enrollstats-wrapper {
  padding: 1rem 0 2rem;
  background-color: #002a4c;
  color: #fff;
  text-align: center
}
.aboutstats-wrapper .stat-number {
  font-size: 3rem;
  font-family: Merriweather, serif;
  color: #fff;
  margin: 1rem 0 0;
  text-align: center;
  font-weight: 600
}
.aboutstats-wrapper .stat-info, .acad-stats-wrapper .stat-info, .clifestats .stat-info {
  font-size: 1rem;
  margin: -.75rem 0 0;
  color: #18bae4;
  font-weight: 700;
  line-height: 1.1;
  text-align: center
}
.btn-facts {
  text-align: center;
  color: #fff;
  text-transform: uppercase;
  font-size: 1.25rem;
  margin: 3rem 0 1rem;
  padding: .35rem .75rem;
  border: 2px solid;
  text-decoration: none;
  display: inline-block
}
.btn-facts:active, .btn-facts:focus, .btn-facts:hover {
  background-color: #fff;
  border: 2px solid #002a4c;
  color: #002a4c
}
.news-arts-wrapper {
  background-color: #e8e8e8;
  padding: 2rem 0;
  margin: 0
}
.news-arts-wrapper h2 {
  font-size: 2, 5rem;
  margin-top: 2rem;
  margin-bottom: 2rem;
  font-family: Merriweather, serif;
  text-transform: uppercase;
  font-weight: 800
}
.acad-support-wrapper li, .fa-links-wrapper li, .news-arts-wrapper li, .support-wrapper li {
  border-bottom: 1px solid rgba(196, 199, 198, .5)
}
.acad-support-wrapper a, .fa-links-wrapper a, .news-arts-wrapper ul li a, .support-wrapper a {
  color: #034073;
  margin: 0;
  display: block;
  text-decoration: none;
  font-size: 1.2rem;
  padding: 1.5rem 0 .5rem
}
.visit-block {
  background-color: #b25001;
  color: #fff;
  margin: 0 auto;
  text-align: center;
  padding: .75rem;
  width: 80%
}
.visit-block h3 {
  font-size: 3rem;
  color: #fff;
  line-height: .9;
  font-family: Kanit, sans-serif
}
.visit-block p {
  font-size: 1rem;
  margin: 0
}
.location-inner-wrapper h3 span.lg-text {
  font-size: 4.5rem
}
@media (min-width:375px) {
  h1.page-title-about, h1.page-title-ug {
    font-size: 4.5rem
  }
  .university-wrapper {
    padding: 10.25rem 0 2rem
  }
  .about-second-wrapper h2 {
    font-size: 3.25rem
  }
  .con-wrapper h2, .visits-h2 {
    font-size: 2.5rem
  }
  .con-wrapper .card a {
    padding: 1rem 0
  }
  .news-arts-wrapper h2 {
    font-size: 2.25rem
  }
}
@media (min-width:414px) {
  .university-wrapper {
    padding: 11.5rem 0 2rem
  }
  .university-wrapper h2 {
    font-size: 4.5rem
  }
  .location-inner-wrapper h2, .pres-wrapper h2 {
    font-size: 3.25rem
  }
}
@media (min-width:576px) {
  .main-video {
    width: 100%;
    height: auto
  }
  .about-wrapper {
    height: 275px
  }
  h1.page-title-about, h1.page-title-ug {
    font-size: 6rem
  }
}
@media (min-width:768px) {
  .about-wrapper {
    height: 400px
  }
  h1.page-title-about, h1.page-title-ug {
    font-size: 8rem
  }
  .about-section-intro {
    padding: 2rem 0;
    background-color: #003054;
    color: #fff
  }
  .mission-wrapper h2 {
    font-size: 4rem;
    margin-top: 4rem
  }
  .university-wrapper {
    padding: 25rem 2rem 4rem;
    margin: 0
  }
  .our-university-wrapper {
    background: rgba(255, 255, 255, .8);
    padding: 2rem
  }
  .university-wrapper h2 {
    margin: 1rem;
    font-size: 5rem
  }
  .university-mainlinks .nav-link {
    color: #fff;
    padding: 1rem .5rem;
    background-color: #002a4c;
    font-size: 1rem;
    font-weight: 600;
    border: 2px solid #002a4c;
    position: relative;
    z-index: 1;
    text-transform: uppercase;
    text-align: center;
    margin: .5rem;
    width: 290px
  }
  .about-second-wrapper {
    padding: 4rem 0 0;
    margin: 0;
    background-color: #002a4c;
    position: relative;
    background-image: url("/img/home/news3.png")
  }
  .about-learning, .con-wrapper .card {
    position: relative;
    margin: 2rem auto
  }
  .about-second-wrapper h2, .location-inner-wrapper h2 {
    font-size: 3.75rem
  }
  .about-learning {
    width: 75%
  }
  .about-learning-text {
    padding: 0 .5rem
  }
  .about-second-wrapper a {
    margin: 1rem 0
  }
  .about-second-wrapper a span {
    margin-left: .5rem;
    transition: margin .5s
  }
  .about-second-wrapper a:active, .about-second-wrapper a:focus, .about-second-wrapper a:hover {
    color: #0091b9
  }
  .about-second-wrapper a:active span, .about-second-wrapper a:focus span, .about-second-wrapper a:hover span {
    margin-left: 1rem
  }
  .location-wrapper .btn-location {
    width: 44vw
  }
  .con-wrapper {
    background-color: #f2f2f2;
    padding: 3rem 0 0
  }
  .con-wrapper h2, .visits-h2 {
    text-align: center;
    font-size: 3.5rem;
    margin: 0 0 3rem
  }
  .con-wrapper .card {
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: transparent;
    background-clip: border-box;
    border: none;
    border-radius: 0
  }
  .con-wrapper .card a {
    text-decoration: none;
    color: #003054;
    border: 2px solid;
    padding: .5rem 1rem;
    font-weight: 600;
    margin-top: 1rem;
    display: inline-block;
    text-align: center
  }
  .news-arts-wrapper h2 {
    font-size: 2.2rem;
    margin-bottom: 2rem
  }
  .pres-wrapper {
    padding: 5rem 2rem
  }
  .pres-wrapper h2 {
    margin: 2rem 0;
    font-size: 3.75rem
  }
  .about-second-wrapper a, .con-wrapper .card .card-title {
    font-size: 1.75rem
  }
  .pres-sublinks .nav-item {
    width: auto
  }
  .pres-sublinks .nav-link {
    margin: 1rem .5rem;
    width: 38vw
  }
  .aboutstats-wrapper .stat-number {
    font-size: 3.5rem
  }
  .con-wrapper .card .card-text {
    margin-bottom: 0
  }
}
.health-wrapper .card-body a, .session-wrapper .card-body a {
  line-height: 1.3;
  text-decoration: none;
  color: #003054;
  margin-top: 1rem
}
@media (min-width:992px) {
  .about-wrapper {
    height: 400px
  }
  .pres-wrapper {
    padding: 3rem 1rem
  }
  .pres-sublinks .nav-link {
    height: 8vw;
    padding: 1.5rem .5rem 0;
    width: 21vw;
    margin: .25rem .5rem
  }
  .about-learning, .con-wrapper .card {
    width: auto
  }
  .about-second-wrapper h2 {
    font-size: 4rem
  }
  .con-wrapper h2, .visits-h2 {
    text-align: center;
    margin: 0 0 3rem
  }
  .about-second-wrapper a, .con-wrapper .card .card-title {
    font-size: 1.5rem
  }
  .location-wrapper {
    background-image: url("/about/images/home/map4lg.png");
    background-size: cover;
    background-position: top left -5vw;
    background-repeat: no-repeat;
    padding: 4rem 2rem
  }
  .university-wrapper {
    padding: 35rem 2rem 4rem
  }
  .university-wrapper h2 {
    font-size: 6rem
  }
  .pres-wrapper h2 {
    font-size: 4rem;
    margin: 0
  }
  .news-arts-wrapper {
    background-color: #e8e8e8;
    padding: 2rem;
    margin: 0
  }
  .news-arts-wrapper h2 {
    font-size: 2.5rem;
    margin-bottom: 2rem
  }
  .con-wrapper .card .card-text {
    margin-bottom: 0;
    min-height: 160px
  }
  .aboutstats-wrapper .stat-number {
    font-size: 3.7rem
  }
  .university-mainlinks .nav-link {
    width: 400px
  }
}
@media (min-width:1200px) {
  .university-wrapper {
    padding: 2rem 0;
    background-position: right -400px center;
    background-size: 100%;
    background-image: url("/about/images/home/university5.jpg")
  }
  .our-university-wrapper {
    box-shadow: 0 1px 1px rgba(0, 0, 0, .55), 0 2px 8px rgba(0, 0, 0, .55), inset 0 0 0 1px rgba(255, 255, 255, .1);
    background: #fff
  }
  .university-mainlinks .nav-link {
    width: 290px;
    padding: 1rem .75rem
  }
  .con-wrapper .container-fluid {
    width: 80%
  }
  .continuing-wrapper {
    background-color: #ccc;
    padding: 7rem 0 2rem;
    margin: -4rem 0 2rem;
    color: #fff
  }
  .about-second-wrapper a {
    font-size: 1.5rem
  }
  .pres-wrapper {
    padding: 5rem 1rem
  }
  .pres-wrapper h2 {
    font-size: 4rem;
    margin: 0
  }
  .pres-sublinks .nav-link {
    height: auto;
    padding: 1rem .5rem;
    width: 21vw;
    margin: .5rem
  }
  .location-wrapper .btn-location {
    width: 19vw
  }
  .location-wrapper {
    padding: 4rem;
    background-position: 0
  }
  .location-inner-wrapper {
    padding: 2rem 2rem 4rem
  }
  .university-wrapper h2 {
    font-size: 4.5rem
  }
  .news-arts-wrapper {
    text-align: left;
    padding: 2rem 3rem
  }
  .con-wrapper .card .card-text {
    margin-bottom: 0;
    min-height: 140px
  }
}
@media (min-width:1300px) {
  .university-wrapper {
    padding: 2rem 0
  }
  .con-wrapper .card {
    padding: 0 2rem
  }
  .con-wrapper .container-fluid {
    width: 85%
  }
  .con-wrapper .card .card-text {
    margin-bottom: 0;
    min-height: 130px
  }
  .university-mainlinks .nav-link {
    width: 310px;
    padding: 1rem
  }
}
@media (min-width:1400px) {
  .about-wrapper {
    height: 625px
  }
  .aboutstats-wrapper .stat-number {
    font-size: 4rem
  }
  .aboutstats-wrapper .stat-info {
    font-size: 1.25rem
  }
  .pres-sublinks .nav-link {
    width: 18vw
  }
  .university-wrapper {
    background-size: 90%
  }
  .university-mainlinks .nav-link {
    width: 325px
  }
  .about-second-wrapper a, .con-wrapper .card .card-title {
    font-size: 1.65rem
  }
}
@media (min-width:1600px) {
  .video-title {
    font-size: 6.5rem
  }
  .video-text {
    font-size: 3rem
  }
  .main-nav {
    padding: 1rem 4rem
  }
  .quicklinks {
    padding: 2rem 3rem
  }
  .container-fluid, .header-wrapper .container {
    max-width: 90%
  }
  .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
    max-width: 1500px
  }
  .main-video {
    max-height: 675px
  }
  .undergraduate-wrapper {
    background-position: right -400px center;
    background-size: 65%
  }
  .experiential-wrapper .container-fluid {
    max-width: 80%
  }
  .session-wrapper .container-fluid {
    max-width: 75%
  }
  #majorsTab.nav-tabs .nav-link {
    padding: .75rem 1.5rem
  }
  .programs-selections .nav-link {
    font-size: .9rem;
    margin: .5rem .4rem
  }
  .university-wrapper {
    background-size: 80%;
    background-position: right -300px center
  }
  .location-wrapper {
    padding: 6rem 8rem 6rem 4rem;
    background-image: url("/about/images/home/maplg.png");
    background-size: 95%
  }
  .con-wrapper .container-fluid {
    width: 80%
  }
}
@media (min-width:1700px) {
  .container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl, .header-wrapper .container {
    max-width: 1600px
  }
  .experiential-wrapper .container-fluid {
    max-width: 1260px
  }
  .session-wrapper .container-fluid {
    max-width: 1300px
  }
  .university-wrapper {
    background-size: 70%;
    background-position: right -300px center
  }
  .con-wrapper .card .card-text {
    margin-bottom: 0;
    min-height: 120px
  }
}
.academics-wrapper {
  height: 200px;
  background: linear-gradient(0deg, rgba(0, 0, 0, .5) 0, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0) 60%, rgba(0, 0, 0, .6) 100%) 0 0/cover, url("/academics/images/academics3.jpg") center/cover;
  position: relative;
  margin-bottom: 0
}
h1.page-title-acad, h1.page-title-ug {
  font-family: Kanit, sans-serif;
  font-size: 3.75rem;
  color: #fff;
  line-height: .7;
  font-weight: 500;
  letter-spacing: -2px;
  text-align: center;
  position: absolute;
  bottom: -8px;
  left: 0;
  right: 0;
  padding-top: .5rem;
  text-transform: uppercase
}
.undergraduate-wrapper {
  margin: 0;
  background: url("/academics/images/home/areas-of-study.jpg") 0 0/100% no-repeat;
  padding: 9rem 0 2rem
}
.study-wrapper {
  background: rgba(255, 255, 255, .8);
  padding: 1rem;
  box-shadow: rgba(0, 0, 0, .35) 0 5px 15px
}
.undergraduate-wrapper h2 {
  text-align: center;
  font-size: 4.5rem;
  line-height: .8;
  font-family: Merriweather, serif;
  text-transform: uppercase;
  font-weight: 800;
  margin: 0 0 1rem
}
.activities-wrapper h2, .experiential-wrapper h2, .session-wrapper h2 {
  margin: 0 0 2rem;
  line-height: .9;
  font-weight: 800;
  font-family: Merriweather, serif;
  text-transform: uppercase;
  text-align: center
}
.ug-mainlinks .nav-link {
  color: #fff;
  padding: 1rem 1.5rem;
  background-color: #002a4c;
  font-size: 1rem;
  font-weight: 600;
  border: 2px solid #002a4c;
  text-transform: uppercase;
  text-align: center;
  margin: 0 0 .25rem
}
.ug-sublinks .nav-link {
  background-color: #0080a3;
  color: #fff !important;
  border: 2px solid #0080a3;
  font-size: .95rem;
  margin: 0 0 .25rem;
  padding: .75rem 1rem
}
.ug-sublinks .nav-link:active, .ug-sublinks .nav-link:focus, .ug-sublinks .nav-link:hover {
  background-color: transparent;
  color: #0080a3 !important;
  border: 2px solid #0080a3
}
.activities-wrapper, .experiential-wrapper {
  padding: 3rem 0 0;
  margin: 0;
  background-color: #002a4c;
  position: relative;
  background-image: url("/img/home/news3.png")
}
.activities-wrapper h2, .experiential-wrapper h2 {
  font-size: 2.25rem
}
.experiential-subhead {
  font-size: 1.8rem;
  color: #002a4c;
  text-align: center;
  line-height: 1.2
}
.health-wrapper, .session-wrapper {
  background-color: #f2f2f2;
  padding: 3rem 0 0
}
.session-wrapper h2 {
  font-size: 2rem
}
.health-wrap, .session-wrap {
  padding: 0 5rem
}
.session-wrapper .card .card-title {
  font-size: 1.5rem;
  margin: 1rem 0;
  text-transform: uppercase
}
.session-wrapper .card-body a {
  border: 2px solid;
  padding: .5rem 1rem;
  font-weight: 600;
  display: block;
  text-align: center;
  font-size: .9rem
}
.schools-wrapper {
  padding: 3rem 0 2rem;
  margin: 0;
  color: #fff;
  background-color: #002a4c;
  position: relative
}
.schools-wrapper h2 {
  color: #fff;
  font-size: 3rem;
  display: block;
  padding: 0;
  line-height: .9;
  margin: 1rem 0 2rem;
  text-align: center;
  font-family: Merriweather, serif;
  text-transform: uppercase;
  font-weight: 800
}
.local-list, .schools-list {
  list-style-type: none;
  margin: 0;
  padding: 0
}
.local-wrapper a, .schools-wrapper a {
  color: #fff;
  text-decoration: none;
  display: block;
  margin: .75rem 0 0;
  text-transform: uppercase;
  font-weight: 600;
  font-size: .95rem;
  border: 1px solid #0091b8;
  padding: 1rem
}
.schools-wrapper a span {
  float: right;
  color: #0091b8;
  display: none
}
#main-text .tealbg a, #main-text a.btn-secondary, .bluebg h2, .bluebg h3, .schools-wrapper a:active span, .schools-wrapper a:focus span, .schools-wrapper a:hover span, .secondary-content h2, .secondary-content h3, .secondary-content h4, .secondary-content h5, .secondary-content h6, .subnavcontrol:focus, .subnavcontrol:hover {
  color: #fff
}
.exp-intro {
  padding: 1rem .5rem;
  margin: 0 0 3rem
}
.acad-stats-wrapper, .clifestats {
  padding: 1rem 0 2rem;
  background-color: #002a4c;
  color: #fff
}
.acad-stats-wrapper .stat-number, .clifestats .stat-number {
  font-size: 4rem;
  font-family: Merriweather, serif;
  color: #fff;
  margin: 0;
  text-align: center;
  font-weight: 600
}
.acad-support-wrapper, .support-wrapper {
  background-color: #fff;
  padding: 2rem 0;
  margin: 0
}
.acad-support-wrapper h2, .support-wrapper h2 {
  font-size: 1.5rem;
  margin: 3rem 0 2rem;
  font-family: Merriweather, serif;
  text-transform: uppercase;
  font-weight: 800
}
.experiential-text {
  color: #333
}
@media (min-width:375px) {
  h1.page-title-acad, h1.page-title-ug {
    font-size: 4.25rem
  }
  .ug-mainlinks .nav-link {
    font-size: 1.2rem
  }
  .ug-sublinks .nav-link {
    font-size: 1.1rem;
    margin: .25rem 0;
    padding: .75rem 1rem
  }
  .experiential-wrapper h2 {
    font-size: 2.75rem
  }
  .session-wrapper h2 {
    font-size: 2.5rem
  }
  .session-wrapper .card-body a {
    font-size: 1rem;
    padding: 1rem 0
  }
  .acad-support-wrapper h2 {
    font-size: 1.75rem
  }
  .undergraduate-wrapper {
    margin: 0;
    background: url("/academics/images/home/areas-of-study.jpg") 0 0/100% no-repeat;
    padding: 11.25rem 0 2rem
  }
}
@media (min-width:414px) {
  .undergraduate-wrapper {
    padding: 12.75rem 0 2rem
  }
  .undergraduate-wrapper h2 {
    font-size: 4.5rem
  }
  .experiential-wrapper h2 {
    font-size: 3rem
  }
  .session-wrapper h2 {
    font-size: 2.75rem
  }
  .acad-support-wrapper h2 {
    font-size: 2rem
  }
}
@media (min-width:576px) {
  .academics-wrapper {
    height: 275px
  }
    .banner-wrapper {
	height: 400px;
}
  h1.page-title-acad, h1.page-title-ug {
    font-size: 6rem
  }
  .experiential-subhead {
    font-size: 2rem
  }
}
@media (min-width:768px) {
  .academics-wrapper {
    height: 400px
  }
  h1.page-title-acad, h1.page-title-ug {
    font-size: 8rem
  }
  .section-intro {
    padding: 1rem 0;
    background-color: #003054;
    color: #fff
  }
  .lead {
    margin-bottom: 1rem;
    color: #fff
  }
  .undergraduate-wrapper {
    padding: 21rem 2rem 4rem;
    margin: 0
  }
  .study-wrapper {
    background: rgba(255, 255, 255, .8);
    color: #333
  }
  .undergraduate-wrapper h2 {
    margin: 2rem;
    font-size: 5rem
  }
  .ug-mainlinks .nav-link {
    width: 300px;
    margin: .5rem;
    padding: 1rem
  }
  .ug-mainlinks .nav-link:active, .ug-mainlinks .nav-link:focus, .ug-mainlinks .nav-link:hover {
    color: #002a4c;
    border: 2px solid #002a4c
  }
  .ug-sublinks {
    margin: 2rem 0 1rem
  }
  .ug-sublinks .nav-link {
    font-size: 1rem;
    width: 300px;
    padding: .75rem 1rem;
    margin: .5rem
  }
  .experiential-wrapper {
    padding: 4rem 0 0;
    margin: 0;
    background-color: #002a4c;
    position: relative;
    background-image: url("/img/home/news3.png")
  }
  .experiential-wrapper h2 {
    font-size: 3.25rem
  }
  .experiential-subhead {
    font-size: 2.4rem
  }
  .exp-learning {
    padding: 0
  }
  .exp-intro {
    margin: 0
  }
  .experiential-wrapper .exp-learning a span {
    margin-left: .5rem;
    transition: margin .5s
  }
  .experiential-wrapper .exp-learning a:active, .experiential-wrapper .exp-learning a:focus, .experiential-wrapper .exp-learning a:hover {
    color: #0091b9
  }
  .experiential-wrapper .exp-learning a:active span, .experiential-wrapper .exp-learning a:focus span, .experiential-wrapper .exp-learning a:hover span {
    margin-left: 1rem
  }
  .session-wrapper {
    background-color: #f2f2f2;
    padding: 4rem 0 0
  }
  .session-wrapper h2 {
    text-align: center;
    font-size: 3rem;
    margin: 0 0 3rem
  }
  .session-wrapper .card {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: transparent;
    background-clip: border-box;
    border: none;
    border-radius: 0
  }
  .session-wrapper .card-body a {
    text-decoration: none;
    color: #003054;
    border: 2px solid;
    padding: .5rem 1rem;
    font-weight: 600;
    margin-top: 1rem;
    display: inline-block;
    text-align: center
  }
  .acad-support-wrapper h2 {
    font-size: 1.8rem;
    margin-bottom: 2rem
  }
  .schools-wrapper h2 {
    font-size: 3rem
  }
}
@media (min-width:992px) {
  .academics-wrapper {
    height: 400px
  }
  .ug-mainlinks .nav-link, .ug-sublinks .nav-link {
    width: 415px
  }
  .acad-support-wrapper {
    padding: 2rem
  }
  .experiential-wrapper h2 {
    font-size: 3.75rem
  }
  .schools-wrapper h2, .session-wrapper h2 {
    font-size: 3.5rem
  }
  .acad-support-wrapper h2 {
    font-size: 2.1rem
  }
  .experiential-subhead {
    font-size: 2.5rem;
    margin-bottom: 2rem
  }
  .undergraduate-wrapper {
    padding: 34rem 2rem 4rem;
    margin: 0
  }
  .undergraduate-wrapper h2 {
    margin: 2rem;
    font-size: 5.5rem
  }
  .acad-stats-wrapper .stat-number {
    font-size: 4rem
  }
  .acad-stats-wrapper .stat-info {
    font-size: 1.2rem
  }
    
}
@media (min-width:1200px) {
  .undergraduate-wrapper {
    background-position: right -350px center;
    background-size: 85%;
    padding: 2rem 0
  }
  .undergraduate-wrapper h2 {
    margin: 2rem;
    font-size: 4rem
  }
  .study-wrapper {
    background: #fff;
    box-shadow: 0 1px 1px rgb(0 0 0 / 55%), 0 2px 8px rgb(0 0 0 / 55%), inset 0 0 0 1px rgb(255 255 255 / 10%);
    padding: 2rem
  }
  .ug-mainlinks .nav-link {
    width: 290px;
    font-size: 1.1rem
  }
  .ug-sublinks .nav-link {
    font-size: 1rem;
    width: 290px
  }
  .graduate-wrapper {
    padding: 2rem 0;
    margin: 0 0 9rem;
    color: #fff;
    position: relative
  }
  .graduate-wrapper::before {
    content: '';
    background-color: #002a4c;
    position: absolute;
    top: 0;
    left: 30%;
    right: 0;
    bottom: 0;
    z-index: -1
  }
  .graduate-wrapper h2 {
    color: #fff;
    font-size: 3rem
  }
  .btn.btn-graduate {
    color: #fff;
    padding: .75rem;
    background-color: #002a4c;
    font-size: 1.1rem;
    font-weight: 700;
    border: 1px solid #fff;
    margin: 3rem .2rem
  }
  .continuing-wrapper {
    background-color: #ccc;
    padding: 7rem 0 2rem;
    margin: -4rem 0 2rem;
    color: #fff
  }
  .experiential-wrapper a {
    font-size: 1.5rem
  }
  .acad-support-wrapper h2 {
    font-size: 2.5rem
  }
  .acad-support-wrapper ul {
    list-style-type: none;
    padding: 0 6rem 0 0
  }
}
@media (min-width:1300px) {
  .academics-wrapper, .banner-wrapper, .about-wrapper, .enrollment-wrapper {
    height: 555px
  }
  .exp-learning {
    padding: 0 1rem
  }
  .session-wrapper .card {
    padding: 0 4rem
  }
  .ug-mainlinks .nav-link, .ug-sublinks .nav-link {
    width: 300px
  }
  .undergraduate-wrapper {
    background-size: 80%
  }
}
@media (min-width:1400px) {
  .academics-wrapper, .banner-wrapper, .about-wrapper, .enrollment-wrapper, .campuslife-wrapper {
    height: 625px
  }
  .exp-learning {
    padding: 0 2rem
  }
  .acad-stats-wrapper .stat-number {
    font-size: 4rem
  }
  .acad-stats-wrapper .stat-info {
    font-size: 1.25rem
  }
  .ug-mainlinks .nav-link, .ug-sublinks .nav-link {
    width: 320px
  }
  .experiential-wrapper a {
    font-size: 1.5rem
  }
}
.campuslife-wrapper {
  height: 200px;
  background: linear-gradient(0deg, rgba(0, 0, 0, .5) 0, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0) 60%, rgba(0, 0, 0, .6) 100%) 0 0/cover, url("/campus-life/images/home/banner2.webp") center/cover;
  position: relative;
  margin-bottom: 0
}
h1.page-title-clife {
  font-family: Kanit, sans-serif;
  font-size: 3.25rem;
  color: #fff;
  line-height: .7;
  font-weight: 500;
  letter-spacing: -2px;
  text-align: center;
  position: absolute;
  bottom: -8px;
  left: 0;
  right: 0;
  padding-top: .5rem;
  text-transform: uppercase
}
.health-wrapper h2, .involved-wrapper h2, .living-wrapper h2, .living-wrapper h3, .local-wrapper h2, .sports-wrapper h2 {
  line-height: .9;
  font-family: Merriweather, serif;
  font-weight: 800;
  text-transform: uppercase
}
.living-wrapper {
  margin: 0;
  background: url("/campus-life/images/home/res.jpg") 0 0/100% no-repeat;
  padding: 7rem 0 3rem
}
.living-text-wrapper {
  background: rgba(255, 255, 255, .8);
  padding: 2rem 1rem;
  box-shadow: rgba(0, 0, 0, .35) 0 5px 15px
}
.sports-wrapper, .vb-wrapper {
  background-size: 100%;
  background-repeat: no-repeat;
  position: relative
}
.living-wrapper h2 {
  text-align: center;
  font-size: 3.75rem;
  margin: 0 0 1rem
}
.living-wrapper h3 {
  text-align: center;
  font-size: 1.5rem;
  margin: 3rem 0 1rem
}
.living-mainlinks .nav-link {
  color: #fff;
  padding: 1rem 1.5rem;
  background-color: #002a4c;
  font-size: 1rem;
  font-weight: 600;
  border: 2px solid #002a4c;
  position: relative;
  z-index: 1;
  text-transform: uppercase;
  text-align: center;
  margin: .5rem 0
}
.living-sublinks .nav-link {
  background-color: #007c9e;
  color: #fff;
  border: 2px solid #0091b9;
  font-size: .95rem;
  margin: .25rem 0;
  padding: .75rem 1rem
}
.activities-subhead, .constituency-subhead {
  font-size: 1.5rem;
  color: #002a4c;
  text-align: center;
  line-height: 1.2
}
.health-wrapper h2 {
  text-align: center;
  font-size: 3.25rem;
  margin: 0 0 2rem
}
.health-wrapper .hs-text {
  font-size: 1.4rem;
  color: #002a4c;
  margin-bottom: 3rem;
  font-weight: 500
}
.health-wrapper .card .card-title {
  font-size: 1.65rem;
  margin: .5rem 0
}
.health-wrapper .card-body a {
  border: 2px solid;
  padding: .5rem 1rem;
  font-weight: 600;
  display: block;
  text-align: center;
  font-size: 1.15rem
}
.health-wrapper .card a:active, .health-wrapper .card a:focus, .health-wrapper .card a:hover {
  color: #fff;
  background-color: #003054
}
.local-wrapper {
  padding: 3rem 0 2rem;
  margin: 0;
  color: #2d2d2d;
  background-color: #f2f2f2;
  position: relative;
  background-image: url("/img/home/news3.png")
}
.local-wrapper h2 {
  font-size: 3.5rem;
  display: block;
  padding: 0;
  margin: 1rem 0 2rem;
  text-align: center
}
.local-wrapper .card {
  background-color: transparent;
  border: none
}
.local-mainlinks .nav-link {
  color: #002a4c;
  border: 2px solid;
  padding: 1rem .5rem;
  font-size: 1.1rem;
  font-weight: 600;
  margin: 1rem .5rem;
  text-align: center
}
.fa-mainlinks .nav-link:active, .fa-mainlinks .nav-link:focus, .fa-mainlinks .nav-link:hover, .local-mainlinks .nav-link:active, .local-mainlinks .nav-link:focus, .local-mainlinks .nav-link:hover {
  background-color: #002a4c;
  color: #fff
}
.activities-intro, .constituency-intro {
  padding: 1rem 1.5rem;
  margin: 0 0 3rem
}
.sports-wrapper {
  color: #fff;
  background-color: #002a4c;
  padding: 15rem 0 5rem;
  background-image: url("/campus-life/images/home/sports3.jpg");
  background-position: top center
}
.sports-wrapper h2 {
  color: #fff;
  font-size: 3.25rem;
  margin: 0 0 2rem
}
.degree, .degree-info a {
  color: #003f69;
  text-decoration: none
}
.sports-sublinks .nav-link {
  color: #fff;
  text-decoration: none;
  display: block;
  margin: 1rem 0 0;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 1rem;
  padding: 1rem;
  text-align: center;
  border: 2px solid
}
.degree {
  font-weight: 700;
  font-size: 1.5rem
}
.degree-college, .degree-type {
  font-size: 1rem
}
.degree-type {
  font-style: italic
}
.degree-info a {
  font-size: 1.2rem;
  margin: 0 .75rem;
  padding: 1rem
}
.major-wrapper {
  padding: 1rem 0 .5rem;
  border-bottom: 1px solid #ccc;
  margin: 1rem 0
}
.involved-learning-text {
  padding: 0 .5rem
}
.involved-wrapper {
  padding: 2rem 0 0;
  margin: 0;
  background-color: #f2f2f2;
  position: relative;
  background-image: url("/img/home/news3.png")
}
.involved-wrapper h2 {
  font-size: 2.4rem;
  text-align: center;
  margin: 0 0 2rem;
  color: #002a4c
}
.involved-wrapper a {
  color: #002a4c;
  font-size: 1.5rem;
  padding: 0;
  margin: 1rem 0;
  text-transform: uppercase;
  text-decoration: none;
  display: block;
  transition: color .5s
}
.involved-wrapper .card-text {
  color: #002a4c
}
.vb-wrapper {
  background-image: url("/campus-life/images/home/vb2.jpg");
  min-height: 60vw
}
@media (min-width:375px) {
  .living-wrapper h2, .local-wrapper h2, h1.page-title-clife {
    font-size: 4rem
  }
  .living-mainlinks .nav-link {
    font-size: 1.2rem
  }
  .living-sublinks .nav-link {
    font-size: 1.1rem;
    margin: .25rem 0;
    padding: .75rem 1rem
  }
  .sports-wrapper {
    padding: 18rem 0 3rem
  }
  .activities-wrapper h2 {
    font-size: 2.75rem
  }
  .health-wrapper h2, .sports-wrapper h2 {
    font-size: 3.75rem
  }
  .health-wrapper .card-body a {
    padding: 1rem 0
  }
  .involved-wrapper a, .support-wrapper h2 {
    font-size: 1.75rem
  }
  .living-wrapper {
    padding: 10rem 0 3rem
  }
  .living-text-wrapper {
    padding: 1rem
  }
  .wellness-wrapper h2 {
    font-size: 3.25rem
  }
  .involved-wrapper h2 {
    font-size: 2.9rem
  }
  .health-wrapper .card .card-title {
    font-size: 1.5rem;
    text-transform: uppercase
  }
  .local-mainlinks .nav-link {
    padding: 1rem 1.5rem;
    font-size: 1.2rem
  }
}
@media (min-width:414px) {
  .living-wrapper {
    padding: 11rem 0 2rem
  }
  .living-wrapper h2 {
    font-size: 4.5rem
  }
  .involved-wrapper h2 {
    font-size: 3.25rem
  }
  .activities-wrapper h2 {
    font-size: 3rem
  }
  .support-wrapper h2 {
    font-size: 2rem
  }
  .involved-wrapper a {
    font-size: 1.7rem
  }
  .health-wrapper h2, .sports-wrapper h2 {
    font-size: 4rem
  }
}
@media (min-width:576px) {
  .campuslife-wrapper {
    height: 275px
  }
  h1.page-title-clife {
    font-size: 6rem
  }
  .activities-subhead {
    font-size: 2rem
  }
}
@media (min-width:768px) {
  .campuslife-wrapper {
    height: 400px
  }
  h1.page-title-clife {
    font-size: 8rem
  }
  .section-intro {
    padding: 1rem 0;
    background-color: #003054;
    color: #fff
  }
  .lead {
    margin-bottom: 1rem;
    color: #fff
  }
  .living-wrapper {
    padding: 18rem 2rem 4rem;
    margin: 0
  }
  .living-text-wrapper {
    background: rgba(255, 255, 255, .8);
    color: #333;
    padding: 2rem
  }
  .living-wrapper h2 {
    margin: 1rem auto;
    font-size: 4.5rem
  }
  .living-wrapper h3 {
    margin: 4rem auto 2rem;
    font-size: 2.5rem
  }
  .living-mainlinks .nav-link {
    width: 290px;
    margin: .5rem;
    padding: 1rem
  }
  .living-mainlinks .nav-link:active, .living-mainlinks .nav-link:focus, .living-mainlinks .nav-link:hover {
    color: #002a4c;
    border: 2px solid #002a4c
  }
  .living-sublinks {
    margin: 2rem 0 1rem
  }
  .living-sublinks .nav-link {
    font-size: 1rem;
    width: 290px;
    margin: .5rem;
    padding: .75rem 1rem
  }
  .sports-wrapper {
    padding: 34rem 1rem 2rem
  }
  .sports-text {
    background-color: rgba(0, 42, 76, .9);
    margin-top: -7rem;
    padding: 2rem 1rem
  }
  .sports-wrapper h2 {
    color: #fff;
    font-size: 4.rem;
    line-height: .9;
    text-align: center
  }
  .activities-wrapper a, .sports-wrapper .section-leadin {
    margin: 1rem 0
  }
  .sports-sublinks .nav-item {
    width: auto
  }
  .sports-sublinks .nav-link {
    margin: 1rem;
    width: 300px
  }
  .sports-sublinks .nav-link:active, .sports-sublinks .nav-link:focus, .sports-sublinks .nav-link:hover {
    color: #fff;
    background-color: #0091b8;
    box-shadow: 0 10px 40px rgb(0 0 0, .8)
  }
  .activities-wrapper, .wellness-wrapper {
    padding: 4rem 0 0;
    margin: 0;
    background-color: #002a4c;
    position: relative;
    background-image: url("/img/home/news3.png")
  }
  .health-wrapper .card, .involved-learning {
    margin: 2rem auto;
    width: 75%
  }
  .activities-wrapper h2 {
    font-size: 3.25rem
  }
  .activities-subhead {
    font-size: 2rem
  }
  .activities-learning {
    padding: 0
  }
  .activities-learning-text {
    padding: 0 .5rem
  }
  .activities-wrapper a span, .involved-wrapper a span, .wellness-wrapper a span {
    margin-left: .5rem;
    transition: margin .5s
  }
  .activities-wrapper a:active, .activities-wrapper a:focus, .activities-wrapper a:hover, .involved-wrapper a:active, .involved-wrapper a:focus, .involved-wrapper a:hover, .wellness-wrapper a:active, .wellness-wrapper a:focus, .wellness-wrapper a:hover {
    color: #0091b9
  }
  .activities-wrapper a:active span, .activities-wrapper a:focus span, .activities-wrapper a:hover span, .involved-wrapper a:active span, .involved-wrapper a:focus span, .involved-wrapper a:hover span, .wellness-wrapper a:active span, .wellness-wrapper a:focus span, .wellness-wrapper a:hover span {
    margin-left: 1rem
  }
  .health-wrapper {
    padding: 4rem 0 0
  }
  .health-wrapper h2 {
    text-align: center;
    font-size: 3.75rem;
    margin: 0 0 3rem
  }
  .health-wrapper .card .card-title {
    font-size: 1.75rem
  }
  .health-wrapper .card-body a {
    text-decoration: none;
    color: #003054;
    border: 2px solid;
    padding: .5rem 1rem;
    font-weight: 600;
    margin-top: 1rem;
    display: inline-block;
    text-align: center
  }
  .support-wrapper h2 {
    font-size: 1.8rem;
    margin-bottom: 2rem
  }
  .local-wrapper h2, .wellness-wrapper h2 {
    font-size: 3.5rem
  }
  .wellness-wrapper a {
    margin: 1rem 0;
    font-size: 1.9rem
  }
  .involved-learning {
    position: relative;
    padding: 0
  }
  .involved-wrapper {
    padding: 4rem 0 0;
    margin: 0;
    background-color: #002a4c;
    position: relative
  }
  .involved-wrapper h2 {
    font-size: 3.75rem
  }
  .involved-wrapper a {
    margin: 1rem 0;
    font-size: 1.75rem
  }
  .local-mainlinks .nav-link {
    padding: 1rem .5rem
  }
  .acad-stats-wrapper .stat-number {
    font-size: 4rem
  }
    .acad-stats-wrapper .stat-numberGive {
	font-size: 2.5rem;
}
  .acad-stats-wrapper .stat-info {
    font-size: 1.2rem
  }
}
@media (min-width:992px) {
  .campuslife-wrapper {
    height: 400px
  }
  .living-mainlinks .nav-link, .living-sublinks .nav-link {
    width: 400px
  }
  .sports-wrapper {
    background-position: top left -135px;
    padding: 0
  }
  .sports-wrapper h2 {
    font-size: 3.5rem;
    margin: 0 0 1rem
  }
  .sports-text {
    padding: 2rem 1rem;
    margin-top: 0;
    background-color: #002a4c
  }
  .sports-sublinks .nav-link {
    width: 250px;
    margin: .75rem .25rem
  }
  .support-wrapper {
    padding: 2rem
  }
  .activities-wrapper h2, .clifestats .stat-number {
    font-size: 4rem
  }
  .health-wrapper h2, .local-wrapper h2 {
    font-size: 3.75rem
  }
  .wellness-wrapper a {
    font-size: 1.65rem
  }
  .involved-learning {
    width: auto;
    padding: 0 1rem
  }
  .involved-wrapper {
    padding: 4rem 0 3rem
  }
  .involved-wrapper a {
    font-size: 1.8rem
  }
  .living-wrapper {
    padding: 32rem 2rem 4rem;
    margin: 0
  }
  .health-wrapper .card {
    padding: 0;
    width: auto
  }
  .health-wrapper .card .card-title {
    font-size: 1.5rem
  }
  .local-wrapper .container-fluid {
    width: 100%
  }
  .local-mainlinks {
    margin: 0
  }
  .vb-wrapper {
    background-size: 150%;
    min-height: 50vw
  }
  .local-wrapper .card-body {
    padding: 0 1rem
  }
  .local-wrapper .card {
    border: none;
    border-radius: 0
  }
  .local-mainlinks .nav-link {
    padding: 1rem .5rem;
    width: 375px
  }
  .clifestats .stat-info {
    font-size: 1.25rem
  }
  .main-wrapper .container {
    max-width: 100%
  }
  #main-text .visitcampus-h2 {
    font-size: 3rem
  }
  .visit-resources-links .nav-item {
    width: 250px
  }
    .acad-stats-wrapper .stat-numberGive {
	font-size: 3rem;
}
}
@media (min-width:1000px) {
  .activities-wrapper a, .experiential-wrapper .exp-learning a {
    font-size: 1.4rem
  }
}
@media (min-width:1200px) {
  .living-wrapper {
    background-position: right -375px center;
    background-size: 80%;
    padding: 3rem 0
  }
  .living-text-wrapper {
    background: #fff;
    box-shadow: none
  }
  .involved-wrapper h2, .living-wrapper h2, .sports-wrapper h2 {
    font-size: 4rem
  }
  .living-mainlinks .nav-link {
    width: 290px;
    font-size: 1.1rem
  }
  .living-sublinks .nav-link {
    font-size: 1rem;
    width: 290px;
    padding: .75rem .5rem
  }
  .sports-wrapper {
    background-position: bottom left -75px;
    background-size: 77%
  }
  .activities-wrapper a, .involved-wrapper a {
    font-size: 1.5rem
  }
  .involved-wrapper .container-fluid {
    width: 85%
  }
  .vb-wrapper {
    background-size: 125%;
    min-height: 40vw
  }
  .local-mainlinks {
    margin: 3rem 0 2rem
  }
  .local-wrapper .card {
    background-color: transparent;
    padding: 0 1rem
  }
  .involved-learning {
    padding: 1rem
  }
  .local-wrapper {
    padding: 4rem 0
  }
  .local-mainlinks .nav-link {
    width: 240px
  }
  .sports-sublinks .nav-link {
    width: 290px;
    margin: .75rem .25rem
  }
}
@media (min-width:1300px) {
  .campuslife-wrapper {
    height: 555px
  }
  .sports-wrapper {
    background-position: bottom left -480px;
    background-size: 85%
  }
  .sports-text {
    padding: 4rem 2rem
  }
  .sports-sublinks {
    margin-top: 3rem
  }
  .sports-sublinks .nav-link {
    padding: 1.25rem .5rem;
    width: 310px;
    margin: .5rem
  }
  .activities-learning, .involved-learning {
    padding: 0 1rem
  }
  .living-mainlinks .nav-link {
    width: 310px
  }
  .living-sublinks .nav-link {
    width: 310px;
    padding: .75rem .5rem
  }
  .sports-wrapper h2 {
    font-size: 4.5rem
  }
  .local-mainlinks .nav-link {
    width: 260px
  }
  .main-wrapper .container {
    max-width: 1280px
  }
}
@media (min-width:1400px) {
  .living-wrapper {
    background-size: 75%
  }
  .campuslife-wrapper {
    height: 625px
  }
  .activities-learning, .involved-learning {
    padding: 0 2rem
  }
  .clifestats .stat-number {
    font-size: 4rem
  }
  .clifestats .stat-info {
    font-size: 1.25rem
  }
  .vb-wrapper {
    background-size: 100%;
    min-height: 27vw
  }
  .living-mainlinks .nav-link, .living-sublinks .nav-link {
    width: 320px
  }
  .sports-sublinks .nav-link {
    padding: 1.25rem .5rem;
    width: 325px;
    margin: .5rem
  }
}
@media (min-width:1500px) {
  .undergraduate-wrapper {
    background-size: 75%;
    background-position: right -400px center
  }
  .experiential-wrapper .container-fluid {
    max-width: 85%
  }
  .living-wrapper {
    background-position: right -280px center;
    background-size: 70%
  }
  .living-mainlinks .nav-link, .living-sublinks .nav-link {
    width: 340px
  }
  .sports-sublinks .nav-link {
    padding: 1.25rem .5rem;
    width: 345px;
    margin: .5rem
  }
}
@media (min-width:1600px) {
  .undergraduate-wrapper {
    background-size: 75%
  }
  .living-mainlinks .nav-link, .living-sublinks .nav-link, .ug-mainlinks .nav-link, .ug-sublinks .nav-link {
    width: 350px
  }
  .experiential-wrapper .container-fluid {
    max-width: 80%
  }
  .living-wrapper {
    background-position: right -265px center;
    background-size: 56%
  }
  .involved-wrapper .container-fluid {
    width: 75%;
    max-width: 1320px
  }
  .sports-sublinks .nav-link {
    padding: 1.25rem .5rem;
    width: 360px;
    margin: .5rem
  }
}
@media (min-width:1900px) {
  .video-title {
    font-size: 7rem
  }
  .video-text {
    font-size: 3.25rem
  }
  .main-video {
    max-height: 675px
  }
  .why-wrapper h2, .why-wrapper2 h2 {
    font-size: 4rem
  }
  .location-wrapper {
    padding: 6rem 8rem 6rem 4rem;
    background-image: url("/about/images/home/maplg.png");
    background-size: 75%
  }
  .about-wrapper, .academics-wrapper, .campus-life-wrapper, .banner-wrapper {
    height: 625px
  }
  .con-wrapper .container-fluid {
    width: 75%
  }
  .university-mainlinks .nav-link {
    width: 20vw
  }
  .living-wrapper {
    background-position: right -190px center;
    background-size: 50%;
    padding: 2rem 0
  }
  .living-mainlinks .nav-link, .living-sublinks .nav-link, .sports-sublinks .nav-link {
    width: 400px
  }
}
#main-text h2 strong, #main-text h3 strong, #main-text h4 strong, #main-text h5strong, #main-text h6 strong, .bold500, .fauxh2 strong, .side-content h2 {
  font-weight: 500
}
.bold600 {
  font-weight: 600
}
.bold700 {
  font-weight: 700
}
.bold800 {
  font-weight: 800
}
.bold900 {
  font-weight: 900
}
.main-nav-right ul, .two-column {
  columns: 2
}
.subnavcontrol {
  text-decoration: none;
  font-size: 1.25rem;
  font-weight: 700;
  margin: 1rem auto 0;
  padding: 1rem .5rem 1rem 1rem;
  color: #fff;
  background: #003c69;
  border: 1px solid #ebebeb;
  border-bottom: 0
}
.subnavcontrol.collapsed {
  color: #003c69;
  background-color: #fff;
  border: 1px solid #ebebeb
}
a.subnavcontrol .fa-chevron-right, a.subnavcontrol.collapsed .fa-chevron-right {
  font-size: 1.25rem;
  margin-right: .5rem;
  float: right
}
a.subnavcontrol.collapsed .fa-chevron-right {
  -webkit-transform: rotate(0);
  -moz-transform: rotate(0);
  transform: rotate(0)
}
.subnavcontrol span {
  transition: .3s;
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  transform: rotate(90deg)
}
.sidemenu ul {
  list-style-type: none;
  padding: 0;
  background-color: #fff
}
.sidemenu .nav-link.menu-section {
  text-transform: uppercase;
  font-weight: 200;
  font-size: 2rem
}
.sidemenu .nav-link {
  color: #003c69;
  padding: 1.5rem .8rem .75rem .75rem;
  text-decoration: none;
  border-bottom: 1px solid #e7e7e7;
  border-radius: 0;
  font-size: 1.2rem;
  font-weight: 600;
  position: relative;
  border-left: 5px solid #fff
}
.maincontent strong, .sidemenu .nav-item .nav-link.menu-section:active, .sidemenu .nav-item .nav-link.menu-section:focus, .sidemenu .nav-item .nav-link.menu-section:hover, .sidemenu .nav-link:hover {
  color: #0091b8
}
.sidemenu .nav-link.cta-giving {
  background-color: #4F7E25;
  color: #fff;
  text-align: center;
  padding: 1rem 0;
  margin: 1rem 0
}
.sidemenu .nav-link.cta-giving:active, .sidemenu .nav-link.cta-giving:focus, .sidemenu .nav-link.cta-giving:hover {
  background-color: #487c19;
  color: #fff
}
.sidemenu .nav-item .nav-link.menu-section {
  color: #003c69;
  padding: 1rem .5rem .25rem .25rem;
  margin-left: 0;
  text-transform: uppercase;
  font-weight: 500;
  font-size: 2.15rem;
  font-family: Anton, sans-serif
}
.sidemenu .nav-link.has-submenu:not(.collapsed) {
  border: none;
  font-weight: 700
}
.sidemenu .nav-link.has-submenu::after {
  content: "\f107";
  font-family: 'Font Awesome 6 Free';
  font-weight: 900;
  float: right;
  transition: .3s
}
.sidemenu .nav-link.has-submenu.collapsed::after {
  transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
  position: absolute;
  right: 5px
}
.nav-link.menu-sub-sub-section, .sidemenu .nav-link.menu-sub-section {
  font-weight: 500 !important;
  font-family: Anton, sans-serif;
  font-size: 1.5rem
}
.sidemenu .nav-link.active {
  font-weight: 700;
  color: #007494
}
.sidemenu ul .nav-link {
  margin: 0 0 0 1rem;
  padding: .8rem .5rem .8rem 1rem;
  font-size: 1.1rem;
  font-weight: 500;
  border-left: 3px solid #f1f1f1;
  border-bottom: none;
  color: #535353
}
.sidemenu ul .nav-link:active, .sidemenu ul .nav-link:focus, .sidemenu ul .nav-link:hover {
  color: #0080a3;
  border-left: 3px solid #0080a3
}
a.close-menu-btn {
  background-color: #8996a0;
  border-radius: 0 0 5px 5px;
  color: #fff;
  display: block;
  margin: 0 0 1rem;
  padding: 10px 5px;
  text-align: center;
  text-decoration: none;
  font-size: 1rem
}
a.close-menu-btn:active, a.close-menu-btn:focus, a.close-menu-btn:hover {
  background-color: #617486;
  color: #fff
}
.main-body-content {
  padding-bottom: 4rem
}
#main-text {
  padding-top: 3rem;
  padding-bottom: 3rem;

}
#main-text.landing {
  padding-top: 0 !important
}
#main-text .enrollment-financialaid ul.list-unstyled li a:active, #main-text .enrollment-financialaid ul.list-unstyled li a:hover, #main-text .enrollment-majors ul.list-unstyled li a:active, #main-text .enrollment-majors ul.list-unstyled li a:hover, #main-text a.bluelink.nounderline:active, #main-text a.bluelink.nounderline:focus, #main-text a.bluelink.nounderline:hover {
  color: #0080a3;
  text-decoration: underline
}
#main-text img + h2, #main-text + *, #main-text > h2:first-child, .secondary-content h2:first-child {
  margin-top: 0
}
#main-text h2, #main-text h3, #main-text h4, #main-text h5, #main-text h6, .fauxh2 {
  margin: 3.5rem auto 1rem;
  font-family: Kanit, sans-serif;
  font-weight: 500;
  color: #003c69;
  line-height: 1
}
#main-text h3, #main-text h4, #main-text h5 {
  color: #0091b8
}
#main-text .fauxh2, #main-text h2 {
  font-size: 2rem
}
#main-text .box-blue h2, #main-text h3, .maincontent h2 {
  font-size: 1.75rem
}
#main-text h4 {
  font-size: 1.5rem
}
#main-text h5 {
  font-size: 1.25rem
}
#main-text ol li, #main-text ul li {
  padding: .15rem 0
}
.title-wrapper {
  background-color: #002a4c;
  text-align: center;
  padding: 1rem 0;
  margin: 0 auto
}
.title-wrapper h1.page-title {
  font-size: 2rem;
  font-family: Kanit, sans-serif;
  text-transform: uppercase;
  margin: 0;
  color: #fff;
  line-height: 1
}
.title-wrapper-secondary {
  background: linear-gradient(180deg, rgba(0, 0, 0, .1) 0, rgba(0, 0, 0, .4) 100%) #003c69;
  text-align: center;
  padding: 0;
  margin: 0 auto;
  position: relative
}
.title-wrapper-secondary img {
  min-height: 400px;
  object-fit: cover;
  margin: 0 !important
}

.title-wrapper-secondary.hero-overlay::before {
  background: linear-gradient(0deg, #000 10%, rgba(0, 0, 0, .1) 35%, rgba(0, 0, 0, 0) 80%, rgba(0, 0, 0, .6) 100%);
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  bottom: 0;
  top: 0;
  left: 0;
  right: 0
}
.title-wrapper-secondary h1.page-title {
  font-size: 2.5rem;
  text-transform: uppercase;
  font-family: Anton, sans-serif;
  margin: 0;
  color: #fff;
  line-height: 1;
  font-weight: 500;
  overflow: hidden;
  text-overflow: ellipsis
}
.title-wrapper-secondary.hero-image h1.page-title {
  font-size: 3rem;
  padding: 4rem 0 1rem
}
.title-wrapper-image {
  background: 0 0;
  padding: 1rem 0 0;
  z-index: 3;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0
}
.bluebg, .meet-callout {
  background-color: #002a4c
}
.title-wrapper-plain {
  padding: 3rem 0 1rem;
  z-index: 3;
  position: relative
}
.cta-link-wrapper {
  margin: 1rem auto .5rem
}
.maincontent h2:first-child {
  margin-top: 0 !important
}
.maincontent h1, .maincontent h2, .maincontent h3, .maincontent h4, .maincontent h5, .maincontent h6 {
  font-family: Kanit, serif;
  color: #003054;
  margin: 4rem 0 1.25rem;
  text-transform: uppercase;
  font-weight: 500
}
.maincontent h2 {
  font-weight: 500
}
.maincontent ol li, .maincontent ul li {
  padding: 4px 0
}
.meet-callout {
  color: #fff;
  line-height: 1.4;
  position: relative;
  box-shadow: 10px 13px #0091b8;
  padding: 2rem 1rem;
  margin-bottom: 4rem
}
.blockquote, .table {
  margin: 3rem auto
}
.meet-callout h2 {
  color: #fff !important;
  margin: 0 auto 2rem;
  font-size: 2.25rem
}
.bluebg {
  color: #fff !important;
  padding: 4rem 0
}
#main-text a.btn-bl-outline {
  color: #003c69;
  background-color: #fff;
  border-color: #003c69 !important;
  border-width: 2px;
  font-weight: 600
}
#main-text a.btn-bl-outline:focus, #main-text a.btn-bl-outline:hover {
  color: #fff;
  background-color: #003c69;
  box-shadow: none
}
#accordionVWU .accordion-item .accordion-button, #accordionVWUBlue .accordion-item .accordion-button {
  border-radius: 0;
  font-size: 1.65rem;
  color: #003c69;
  padding: 1.5rem 1.25rem 1.2rem 1rem;
  background-color: #fff
}
#accordionVWU .accordion-button:hover, .accordion-button:active, .accordion-button:focus {
  z-index: 3;
  border-color: transparent;
  outline: 0;
  box-shadow: none;
  color: #0091b8 !important
}
#accordionVWU .accordion-button:not(.collapsed) {
  color: #fff !important;
  background-color: #0091b8
}
#accordionVWU .accordion-button::after {
  background-image: url(/css/"data:image/svg+xml,%3Csvg xmlns='http:/www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3C!--! Font Awesome Pro 6.2.1 by %40fontawesome - https:/fontawesome.com License - https:/fontawesome.com/license (Commercial License) Copyright 2022 Fonticons  Inc. --%3E%3Cpath fill='%23003c69' d='M256 80c0-17.7-14.3-32-32-32s-32 14.3-32 32V224H48c-17.7 0-32 14.3-32 32s14.3 32 32 32H192V432c0 17.7 14.3 32 32 32s32-14.3 32-32V288H400c17.7 0 32-14.3 32-32s-14.3-32-32-32H256V80z'/%3E%3C/svg%3E")
}
#accordionVWU .accordion-button:active::after, #accordionVWU .accordion-button:focus::after, #accordionVWUBlue .accordion-button:hover::after {
  background-image: url(/css/"data:image/svg+xml,%3Csvg xmlns='http:/www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3C!--! Font Awesome Pro 6.2.1 by @fontawesome - https:/fontawesome.com License - https:/fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --%3E%3Cpath fill='%230091b8' d='M256 80c0-17.7-14.3-32-32-32s-32 14.3-32 32V224H48c-17.7 0-32 14.3-32 32s14.3 32 32 32H192V432c0 17.7 14.3 32 32 32s32-14.3 32-32V288H400c17.7 0 32-14.3 32-32s-14.3-32-32-32H256V80z'/%3E%3C/svg%3E")
}
#accordionVWU .accordion-button:hover::after {
  background-image: url(/css/"data:image/svg+xml,%3Csvg xmlns='http:/www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3C!--! Font Awesome Pro 6.2.1 by @fontawesome - https:/fontawesome.com License - https:/fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --%3E%3Cpath fill='%230091b8' d='M256 80c0-17.7-14.3-32-32-32s-32 14.3-32 32V224H48c-17.7 0-32 14.3-32 32s14.3 32 32 32H192V432c0 17.7 14.3 32 32 32s32-14.3 32-32V288H400c17.7 0 32-14.3 32-32s-14.3-32-32-32H256V80z'/%3E%3C/svg%3E")
}
#accordionVWU .accordion-button:not(.collapsed)::after, #accordionVWUBlue .accordion-button:not(.collapsed)::after {
  background-image: url(/css/"data:image/svg+xml,%3Csvg xmlns='http:/www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3C!--! Font Awesome Pro 6.2.1 by @fontawesome - https:/fontawesome.com License - https:/fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --%3E%3Cpath fill='%23ffffff' d='M256 80c0-17.7-14.3-32-32-32s-32 14.3-32 32V224H48c-17.7 0-32 14.3-32 32s14.3 32 32 32H192V432c0 17.7 14.3 32 32 32s32-14.3 32-32V288H400c17.7 0 32-14.3 32-32s-14.3-32-32-32H256V80z'/%3E%3C/svg%3E");
  transform: rotate(-45deg)
}
#main-text #accordionVWU .accordion-body ul li a, #main-text #accordionVWUBlue .accordion-body ul li a {
  color: #003c69;
  text-decoration: none;
  font-weight: 500;
  padding: .25rem
}
#main-text ul.list-unstyled li a {
  color: #0080a3;
  text-decoration: none;
  padding: rem .25rem;
  display: block;
  margin: .25rem 0
}
#main-text #accordionVWU .accordion-body ul li a:active, #main-text #accordionVWU .accordion-body ul li a:hover, #main-text #accordionVWUBlue .accordion-body ul li a:active, #main-text #accordionVWUBlue .accordion-body ul li a:hover, #main-text ul.list-unstyled li a:active, #main-text ul.list-unstyled li a:hover {
  color: #0091b8;
  text-decoration: underline
}
#accordionVWUBlue .accordion-item .accordion-button {
  border-radius: 0;
  font-size: 1.65rem;
  color: #fff;
  background-color: #003c69;
  padding: 1.5rem 1.25rem 1.2rem 1rem
}
#accordionVWUBlue .accordion-item .accordion-button.accordion-sm {
  font-size: 1.35rem;
  padding: 1rem
}
#accordionVWUBlue .accordion-button:hover, .accordion-button:active, .accordion-button:focus {
  z-index: 3;
  border-color: transparent;
  outline: 0;
  box-shadow: none;
  color: #fff;
  background-color: #0091b8
}
#accordionVWUBlue .accordion-button:not(.collapsed) {
  color: #fff;
  background-color: #0091b8
}
#accordionVWUBlue .accordion-button::after {
  background-image: url(/css/"data:image/svg+xml,%3Csvg xmlns='http:/www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3C!--! Font Awesome Pro 6.2.1 by %40fontawesome - https:/fontawesome.com License - https:/fontawesome.com/license (Commercial License) Copyright 2022 Fonticons  Inc. --%3E%3Cpath fill='%23ffffff' d='M256 80c0-17.7-14.3-32-32-32s-32 14.3-32 32V224H48c-17.7 0-32 14.3-32 32s14.3 32 32 32H192V432c0 17.7 14.3 32 32 32s32-14.3 32-32V288H400c17.7 0 32-14.3 32-32s-14.3-32-32-32H256V80z'/%3E%3C/svg%3E")
}
.list-group li {
  position: relative;
  display: block;
  padding: .5rem 1rem !important;
  color: #212529;
  text-decoration: none;
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, .125)
}
.blockquote {
  border-left: 5px solid #003c69;
  padding: 10px 20px;
  color: #003c69
}
.table, .table-striped > tbody > tr:nth-of-type(odd) > * {
  color: inherit
}
#main-text .row + .row {
  margin-top: 1rem;
  margin-bottom: 1rem;
  padding: 1rem 0
}
#main-text b, #main-text strong {
  color: #003c69;
  font-weight: 600
}
.alert-info a:not(.btn), table th {
  color: #003c69 !important
}
.box-right {
  border-bottom: 2px solid #0091b8;
  border-top: 10px solid #0091b8;
  padding: 1rem;
  margin-bottom: 2rem
}
.box-right h2 {
  font-size: 1.75rem !important;
  text-align: center
}
.alert-info {
  color: #055160;
  background-color: #f2fbff;
  border-color: #8eb9d0
}
#main-text .directory-listing .job-name {
  font-weight: 700;
  margin: 0
}
#main-text .directory-listing a, .directory-listing a {
  text-decoration: none;
  color: #003c69
}
#main-text .directory-listing .job-title {
  margin: 0;
  font-style: italic;
  line-height: 1.2
}
.side-contact-info {
  border-bottom: 2px solid #003c69;
  border-top: 10px solid #003c69;
  margin: 1rem 0;
  color: #00294b;
  padding: 1rem .5rem .5rem;
  font-size: .95rem;
  line-height: 1.4
}
.form-group, .ratio {
  margin-bottom: 2rem
}
#main-text .box-blue {
  border-color: #003c69;
  border-style: solid;
  border-width: 7px 0 2px;
  display: block;
  margin: 0 0 3rem;
  padding: 15px 10px 10px 15px;
  background-color: #f8f8f8
}
label, legend {
  font-weight: 500;
  color: #003c69
}
.side-contact-info P {
  margin-bottom: .3rem
}
#main-text .no-underlines a {
  text-decoration: none;
  color: #003c69;
  font-weight: 500
}
#main-text .no-underlines a:active, #main-text .no-underlines a:focus, #main-text .no-underlines a:hover, #main-text table a:active, #main-text table a:focus, #main-text table a:hover {
  text-decoration: underline;
  color: #0091b8
}
hr {
  margin-bottom: 3rem;
  clear: both
}
#main-text .smaller {
  font-size: .7em
}
#main-text table a {
  color: #003c69
}
#main-text .lead {
  color: #00819e;
  font-size: 1.2rem;
  font-weight: 600;
  text-align: center;
  hyphens: none
}
#main-text p.feature-title {
  margin-bottom: 1rem !important;
  margin-top: 1rem;
  line-height: 1.4
}
#main-text .feature-box p.feature-title a {
  color: #003c69;
  text-decoration: none;
  font-weight: 700
}
.feature-box a:active, .feature-box a:focus, .feature-box a:hover {
  text-decoration: none;
  color: #0091b8
}
.btn-primary {
  background-color: #003c69;
  border-color: #012845;
  color: #fff !important
}
.btn-primary:focus, .btn-primary:hover {
  color: #fff;
  background-color: #0091b8;
  border-color: #017493;
  box-shadow: none
}
a.news-link {
  text-decoration: none;
  color: #003c69;
  background-color: #fff;
  padding: .6rem .2rem;
  display: block;
  min-height: 80px;
  border-bottom: 1px solid #eaeaea
}
a.news-link:active, a.news-link:focus, a.news-link:hover {
  text-decoration: none;
  color: #fff !important;
  background-color: #0091b8
}
.panel.panel-blue .panel-heading {
  border-bottom: 1px solid transparent;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  background-color: #003c69;
  padding: 10px 15px;
  color: #fff;
  margin: 0;
  font-size: 1.2rem
}
#main-text .panel.panel-blue .panel-heading .panel-title, #main-text .panel.panel-blue .panel-heading .panel-title a {
  color: #fff !important;
  margin: 0;
  font-size: 1.6rem
}
.panel.panel-blue .panel-title > a, .panel.panel-blue.panel-briefs .panel-title > a {
  padding: 5px 0;
  line-height: 1.2;
  text-decoration: none;
  color: #fff;
  width: 100%;
  display: block
}
.panel.panel-blue.panel-briefs .body-brief {
  border-bottom: 1px solid #ccc;
  margin-bottom: 1rem
}
.panel.panel-blue.panel-briefs a {
  color: #034073;
  text-decoration: none;
  font-weight: 600
}
.panel-body {
  padding: .5rem 1rem
}
.ratio {
  margin-top: 2rem
}
.footer-cta-wrapper {
  padding: 1.5rem 0;
  background-color: #017fa2;
  color: #fff;
  font-size: 1.25rem;
  font-weight: 600;
  text-align: center;
  margin-top: 4rem
}
.btn-footer-cta {
  color: #fff;
  border: 2px solid #fff;
  font-weight: 700;
  font-size: 1.2rem;
  text-decoration: none;
  text-transform: uppercase;
  padding: 1rem 5rem;
  -webkit-transition: .4s;
  -moz-transition: .4s;
  transition: .4s;
  background-size: 100% 200%;
  background-position: 0 -100%;
  background-image: linear-gradient(to top, transparent 50%, #fff 50%)
}
@media screen and (max-width:1279px) {
  #main-text .img-fluid {
    max-width: 100%;
    height: auto;
    margin: 1rem auto;
    display: block;
    float: none !important;
    width: auto
  }
}
@media (min-width:768px) {
  .title-wrapper-image {
    background: 0 0;
    padding: 1rem 0 0;
    z-index: 3;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0
  }
  .cta-link-wrapper {
    margin: 0
  }
  .sidemenu {
    background-color: #fff;
    margin-top: 2rem;
    max-width: 95%;
    padding-right: 1rem
  }
  .float-left, .float-right {
    float: none !important
  }
  #main-text .float-left, #main-text .float-start, #main-text img.float-lg-end, #main-text img.float-right, #main-text img[style*="float: left"], #main-text img[style*="float: right"], #main-text img[style*="float:right"], .float-end, .float-right, [style*="float:left;"], img.float-left, img.float-lg-end, img.float-right, img.float-xl-end, img[style*="float:left"], img[style*="float:right"] {
    margin: 2rem auto 1.5rem
  }
  .title-wrapper-secondary h1.page-title {
    font-size: 3rem
  }
  .float-right > .ratio {
    margin: 0 !important
  }
  #main-text .fauxh2, #main-text h2 {
    font-size: 2rem
  }
  #main-text h3 {
    font-size: 1.85rem;
    color: #0091b8
  }
  #main-text h4 {
    font-size: 1.65rem;
    color: #0091b8
  }
  #main-text h5 {
    font-size: 1.5rem;
    color: #0091b8
  }
  .box-right {
    margin-left: 2rem
  }
  .box-right h2 {
    font-size: 2.25rem !important
  }
  .title-wrapper-secondary.hero-image h1.page-title {
    font-size: 3.5rem;
    padding: 6rem 0 1rem
  }
  .scrollup {
    position: fixed;
    right: 15px;
    bottom: 14px;
    background: #002a4c;
    cursor: pointer;
    line-height: 1.7;
    text-decoration: none;
    display: none;
    border: 2px solid #fff;
    color: #fff;
    padding: 10px 20px;
    font-size: 1.5rem
  }
  .scrollup:hover {
    background: #18bae4;
    color: #fff
  }
  #main-text .touroption {
    margin: 0 auto 2rem;
    background-color: transparent;
    padding: 1rem .75rem;
    display: block;
    overflow: hidden
  }
  #main-text .touroption .tourimage {
    width: 40%;
    float: left;
    margin-right: 1rem
  }
  #main-text .touroption .tourdesc {
    float: left;
    width: 55%
  }
  #main-text .touroptionplain h3 {
    margin-top: 3rem
  }
}
@media (min-width:1200px) {
  .maincontent h2 {
    font-size: 2rem;
    font-weight: 500
  }
  #main-text .box-blue h2:first-child, #main-text .box-right + h2 {
    margin-top: 0
  }
  .box-right h2 {
    font-size: 1.75rem !important
  }
  .title-wrapper-secondary.hero-image h1.page-title {
    font-size: 4rem;
    padding: 8rem 0 1rem
  }
  #main-text .touroption .tourimage img, #main-text .touroptionplain .tourimage img {
    width: 80%;
    margin: 0 auto 1rem
  }
  .float-left {
    float: left !important
  }
  .float-right {
    float: right !important
  }
  #main-text img[style*="float: left"], img.float-left, img[style*="float:left"] {
    margin: 1rem 1rem 1rem 0
  }
  #main-text img.float-lg-end, #main-text img.float-right, #main-text img[style*="float: right"], #main-text img[style*="float:right"], .float-end, .float-right, img.float-lg-end, img.float-right, img.float-xl-end, img[style*="float:right"] {
    margin: 1rem 0 1.5rem 1.5rem
  }
  #main-text .float-left, #main-text .float-start, [style*="float:left;"] {
    margin: 1rem 1.5rem 1.5rem 0
  }
  .title-wrapper-secondary h1.page-title {
    font-size: 3.5rem
  }
}
.enrollment-wrapper {
  height: 200px;
  background: linear-gradient(0deg, rgba(0, 0, 0, .5) 0, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0) 60%, rgba(0, 0, 0, .6) 100%) 0 0/cover, url("/enrollment-aid/images/home/enrollment-header.jpg") center/cover;
  position: relative;
  margin-bottom: 0
}
.constituency-wrapper, .fa-stat, .visit-wrapper, a.contituent-default {
  background-color: #002a4c
}
h1.page-title-enrollment {
  font-family: Kanit, sans-serif;
  font-size: 2.4rem;
  color: #fff;
  line-height: .7;
  font-weight: 500;
  letter-spacing: -2px;
  text-align: center;
  position: absolute;
  bottom: -8px;
  left: 0;
  right: 0;
  padding-top: .5rem;
  text-transform: uppercase
}
.enroll-cta-wrapper {
  padding: 0 0 3rem;
  color: #fff;
  text-align: center
}
.enroll-cta-wrapper h2 {
  text-align: center;
  font-size: 3.75rem;
  line-height: .8;
  font-weight: 800;
  margin: 0 0 2rem;
  text-transform: uppercase;
  font-family: Merriweather, serif
}
.enrollstats-wrapper .stat-number {
  font-size: 2.5rem;
  font-family: Merriweather, serif;
  color: #fff;
  margin: 1rem 0 0;
  text-align: center;
  line-height: 1;
  font-weight: 600
}
.enrollstats-wrapper .stat-info {
  font-size: .95rem;
  margin: .25rem 0;
  color: #18bae4;
  font-weight: 700;
  line-height: 1.1;
  text-align: center
}
.enroll-cta-mainlinks .nav-link {
  color: #003258;
  padding: 1rem 1.25rem;
  font-size: 1.25rem;
  font-weight: 600;
  border: 3px solid #003258;
  position: relative;
  z-index: 1;
  text-align: left;
  margin: .5rem
}
.enroll-cta-mainlinks .nav-link i {
  margin: 0 1.5rem 0 0;
  font-size: 1.5rem
}
.enroll-cta-mainlinks .nav-link:active, .enroll-cta-mainlinks .nav-link:focus, .enroll-cta-mainlinks .nav-link:hover {
  color: #01a9d9;
  border-color: #01a9d9;
  z-index: 1;
  background-color: #fff
}
.enroll-cta-mainlinks .nav-link.green {
  color: #4f6c15;
  border-color: #4f6c15
}
.enroll-cta-mainlinks .nav-link.green:active, .enroll-cta-mainlinks .nav-link.green:focus, .enroll-cta-mainlinks .nav-link.green:hover {
  color: #99c24d !important;
  border-color: #99c24d !important;
  z-index: 1;
  background-color: #fff
}
.constituency-wrapper {
  padding: 4rem 0;
  margin: 0;
  position: relative;
  background-image: url("/img/home/news3.png")
}
.constituency-wrapper h2 {
  text-align: center;
  font-size: 4.25rem;
  line-height: .8;
  font-weight: 800;
  text-transform: uppercase;
  font-family: Merriweather, serif;
  margin: 0 0 2rem
}
.finaid-wrapper h2, .visit-wrapper h2 {
  line-height: .9;
  font-weight: 800;
  font-family: Merriweather, serif;
  text-transform: uppercase
}
.constituency-wrapper a {
  font-size: 1.6rem;
  text-decoration: none;
  color: #002a4c
}
.const-learning {
  position: relative;
  padding: 0;
  margin: 2rem 0 1rem
}
.const-img-wrap {
  position: relative;
  border: 5px solid #fff;
  z-index: 1;
  margin-bottom: 1rem
}
.visit-wrapper {
  color: #fff;
  position: relative;
  padding: 15rem 0 3rem;
  background-image: url("/about/images/home/campuus-tour.jpg");
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: top center
}
.visit-wrapper h2 {
  color: #fff;
  font-size: 3.75rem;
  margin: 0 0 3rem
}
.finaid-wrapper h2 {
  font-size: 3.25rem;
  text-align: center;
  margin: 0 0 2rem
}
.finaid-wrapper h3 {
  font-size: 1.6rem;
  margin: 3rem 0 1rem;
  font-family: Merriweather, serif;
  text-transform: uppercase;
  font-weight: 800
}
.greybg h2, .orangebg h2, .tealbg h2 {
  margin: 0 auto 1rem !important;
  font-size: 2.75rem !important
}
.finaid-subhead {
  font-size: 1.5rem;
  text-align: center;
  margin-bottom: 3rem
}
.fa-links-wrapper {
  padding: 2rem 0;
  margin: 0
}
.fa-mainlinks .nav-link {
  color: #002a4c;
  border: 2px solid;
  padding: 1rem;
  font-size: 1.1rem;
  font-weight: 600;
  margin: 1rem;
  text-align: center
}
.fa-stat {
  color: #fff;
  text-align: center;
  margin: .5rem 0
}
.greybg, .orangebg, .tealbg {
  padding: 1rem 2rem;
  margin: 2rem 0
}
.fastats-wrapper .stat-number {
  font-size: 3.5rem;
  font-family: Merriweather, serif;
  color: #fff;
  margin: 0;
  text-align: center;
  text-transform: uppercase
}
.fastats-wrapper .stat-info {
  font-size: 1rem;
  margin: 0;
  color: #18bae4;
  font-weight: 700;
  line-height: 1.1;
  text-align: center
}
.greybg {
  background-color: #e7edf1;
  color: #fff !important
}
.greybg a {
  color: #00345b !important;
  text-decoration: none;
  font-weight: 600
}
#main-text .greybg ol li, #main-text .greybg ul li, #main-text .tealbg ol li, #main-text .tealbg ul li {
  padding: .5rem 0
}
.tealbg {
  background-color: #0091b8;
  color: #fff
}
.orangebg h2, .tealbg h2 {
  color: #fff !important
}
.orangebg {
  background-color: #f5853f;
  color: #fff
}
.enrollment-financialaid, .enrollment-majors {
  margin: 3rem 0;
  border-top: 1px solid #ccc;
  padding-top: 3rem
}
#main-text .enrollment-financialaid h2, #main-text .enrollment-majors h2 {
  font-size: 2.5rem !important;
  font-weight: 600;
  margin: 0 0 2rem !important;
  padding: 0 !important
}
.enrollment-financialaid-bg, .enrollment-majors-bg {
  color: #fff !important;
  position: relative
}
.enrollment-financialaid-bg img, .enrollment-majors-bg img {
  object-fit: cover
}
.enrollment-financialaid-text, .enrollment-majors-text {
  padding: 0 2rem
}
.enrollment-financialaid-bg:after, .enrollment-majors-bg:after {
  display: block;
  position: absolute;
  background-image: linear-gradient(0deg, rgba(0, 0, 0, .5), rgba(0, 0, 0, .1));
  content: '';
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: .8
}
#main-text .enrollment-financialaid ul.list-unstyled li a, #main-text .enrollment-majors ul.list-unstyled li a {
  color: #1c7cb0;
  font-weight: 600;
  text-decoration: none
}
#main-text .section-header {
  font-family: Merriweather, serif;
  font-size: 2.75rem;
  text-align: center;
  font-weight: 900;
  margin: 0 0 1rem
}
#main-text .section-subheader {
  margin: 0 0 2rem;
  font-size: 2rem;
  text-align: center
}
a.contituent-default {
  color: #fff;
  padding: 3rem 1rem;
  display: block;
  text-align: center;
  font-family: Kanit, sans-serif;
  font-size: 1.75rem !important;
  text-transform: uppercase;
  margin: 1rem;
  border: 3px solid #002a4c;
  font-weight: 500
}
a.contituent-default:active, a.contituent-default:focus, a.contituent-default:hover {
  background-color: transparent;
  color: #002a4c !important
}
@media (min-width:375px) {
  h1.page-title-enrollment {
    font-size: 2.75rem
  }
  .visit-wrapper {
    padding: 18rem 0 3rem
  }
  .finaid-wrapper h2 {
    font-size: 3.75rem
  }
  .finaid-wrapper h3 {
    font-size: 2rem;
    margin: 3rem 0 1rem;
    font-family: Merriweather, serif;
    text-transform: uppercase;
    font-weight: 800
  }
  .constituency-wrapper a {
    font-size: 1.75rem
  }
}
@media (min-width:414px) {
  h1.page-title-enrollment {
    font-size: 3rem
  }
  .enroll-cta-wrapper h2, .finaid-wrapper h2, .visit-wrapper h2 {
    font-size: 4rem
  }
  .constituency-wrapper h2 {
    font-size: 4.5rem
  }
}
@media (min-width:576px) {
  .enrollment-wrapper {
    height: 275px
  }
  h1.page-title-enrollment {
    font-size: 4rem
  }
  .constituency-subhead {
    font-size: 2rem
  }
}
@media (min-width:768px) {
  .constituency-subhead, .finaid-subhead {
    font-size: 1.5rem
  }
  h1.page-title-enrollment {
    font-size: 5.5rem
  }
  .enroll-cta-wrapper {
    padding: 4rem 0
  }
  .constituency-wrapper a span, .finaid-wrapper a span {
    margin-left: .5rem;
    transition: margin .5s
  }
  .constituency-wrapper a:active, .constituency-wrapper a:focus, .constituency-wrapper a:hover, .finaid-wrapper a:active, .finaid-wrapper a:focus, .finaid-wrapper a:hover {
    color: #0091b9
  }
  .constituency-wrapper a:active span, .constituency-wrapper a:focus span, .constituency-wrapper a:hover span, .finaid-wrapper a:active span, .finaid-wrapper a:focus span, .finaid-wrapper a:hover span {
    margin-left: 1rem
  }
  .constituency-wrapper h2 {
    font-size: 4rem
  }
  .enrollment-wrapper {
    height: 400px
  }
  .enroll-cta-mainlinks .nav-link {
    width: 45vw;
    font-size: 1.1rem;
    font-weight: 500;
    padding: 1rem 1.25rem;
    text-align: center;
    text-transform: uppercase
  }
  .enroll-cta-mainlinks .nav-link i {
    display: block;
    font-size: 3rem;
    margin: 0 0 .5rem
  }
  .section-intro {
    padding: 1rem 0;
    background-color: #003054;
    color: #fff
  }
  .visit-wrapper {
    padding: 70vw 1rem 2rem
  }
  .visit-text {
    background-color: rgba(0, 42, 76, .9);
    margin-top: -10rem;
    padding: 2rem 1rem
  }
  .visit-wrapper h2 {
    color: #fff;
    font-size: 4rem;
    margin-top: 1rem;
    line-height: .9;
    text-align: center
  }
  .visit-wrapper .section-leadin {
    margin: 1rem 0
  }
  .visit-wrapper img {
    box-shadow: rgba(0, 0, 0, .3) 0 19px 38px, rgba(0, 0, 0, .22) 0 15px 12px
  }
  .visit-sublinks .nav-item {
    width: auto
  }
  .visit-sublinks .nav-link {
    margin: 1rem;
    width: 40vw
  }
  .visit-sublinks .nav-link:active, .visit-sublinks .nav-link:focus, .visit-sublinks .nav-link:hover {
    color: #fff;
    background-color: #0091b8;
    box-shadow: 0 10px 40px rgb(0 0 0, .8)
  }
  .finaid-wrapper {
    padding: 3rem 0;
    margin: 0;
    background-color: #002a4c;
    position: relative;
    background-image: url("/img/home/news3.png")
  }
  .finaid-wrapper h2 {
    font-size: 4rem;
    text-align: center;
    margin: 0 0 2rem;
    line-height: .9
  }
  .finaid-subhead {
    text-align: left
  }
  .enrollstats-wrapper .stat-number, .fastats-wrapper .stat-number {
    font-size: 3rem
  }
  .finaid-wrapper h3 {
    font-size: 1.6rem
  }
  .enrollstats-wrapper .stat-info {
    font-size: .95rem;
    margin: .5rem 0;
    color: #18bae4;
    font-weight: 700;
    line-height: 1.1;
    text-align: center
  }
  .greybg, .ltgreenbg, .tealbg {
    margin: 4rem 0;
    padding: 2rem
  }
  .greybg h2 {
    font-size: 2.1rem !important;
    margin-bottom: 2rem !important
  }
  #main-text .section-header {
    font-family: Merriweather, serif;
    font-size: 3rem;
    text-align: center;
    font-weight: 900;
    margin: 4rem 0 3rem
  }
  #main-text .section-subheader {
    font-size: 1.75rem
  }
}
@media (min-width:992px) {
  h1.page-title-enrollment {
    font-size: 7rem
  }
  .enroll-cta-wrapper h2 {
    font-size: 4.5rem
  }
  .enrollment-wrapper {
    height: 400px
  }
  .enroll-cta-mainlinks .nav-link {
    width: 25vw
  }
  .enrollstats-wrapper .stat-number, .fastats-wrapper .stat-number {
    font-size: 4rem
  }
  .const-learning {
    margin: 3rem 0 1rem
  }
  .visit-wrapper {
    background-position: center left -200px;
    padding: 0;
    background-size: 125%
  }
  .visit-wrapper h2 {
    font-size: 4.5rem;
    margin: 0 0 1rem;
    text-align: left
  }
  .visit-text {
    background-color: #002a4c;
    padding: 4rem 2rem;
    margin-top: 0
  }
  .visit-sublinks .nav-link {
    padding: 1rem .5rem;
    margin: .5rem .75rem
  }
  .finaid-wrapper h3 {
    font-size: 2rem
  }
  .finaid-subhead {
    padding: 0 2rem
  }
  .fa-mainlinks {
    margin: 3rem 0
  }
  .fa-mainlinks .nav-item {
    width: auto
  }
  .fa-mainlinks .nav-link {
    width: 275px
  }
  .fa-links-wrapper ul {
    list-style-type: none;
    padding: 0 4rem 0 0
  }
}
@media (min-width:1200px) {
  h1.page-title-enrollment {
    font-size: 8rem
  }
  .enroll-cta-wrapper h2 {
    font-size: 4rem
  }
  .enroll-cta-mainlinks .nav-link {
    width: 18vw;
    padding: 1rem .5rem;
    margin: 1rem .5rem
  }
  .constituency-wrapper .container-fluid {
    width: 90%
  }
  .const-learning {
    padding: 0 1rem
  }
  .visit-wrapper {
    background-position: bottom left -75px;
    background-size: 90%
  }
  .finaid-wrapper h3 {
    font-size: 2.2rem
  }
  .fa-links-wrapper {
    padding: 2rem
  }
  .fa-links-wrapper ul {
    list-style-type: none;
    padding: 0 6rem 0 0
  }
  .greybg h2 {
    margin: 0 auto 3rem !important;
    font-size: 2.75rem !important
  }
}
.alumni-events h2, .stayconnected h2 {
  margin: 0 0 2rem !important
}
.alumni-events h2, .featuredalumni h2, .stayconnected h2 {
  text-transform: uppercase;
  font-size: 2.5rem !important
}
@media (min-width:1300px) {
  .enroll-cta-mainlinks .nav-link {
    width: 18vw;
    padding: 1rem
  }
  .visit-wrapper {
    background-position: bottom left -50px;
    background-size: 85%
  }
  .visit-text {
    padding: 6rem 2rem
  }
  .visit-sublinks {
    margin-top: 3rem
  }
  .visit-sublinks .nav-link {
    padding: 1.25rem .5rem;
    width: 18vw;
    margin: .5rem
  }
  .fa-links-wrapper {
    padding: 2rem 3rem
  }
  .enrollstats-wrapper .stat-number {
    font-size: 4.2rem
  }
}
@media (min-width:1400px) {
  .main-wrapper .container {
    max-width: 1320px
  }
  .title-wrapper-secondary.hero-overlay {
    max-height: 600px;
    overflow: hidden
  }
  .enroll-cta-mainlinks .nav-link {
    width: 16vw;
    padding: 1rem 1.25rem
  }
  .enrollment-wrapper {
    height: 625px
  }
  .enrollstats-wrapper .stat-number, .fastats-wrapper .stat-number {
    font-size: 4rem
  }
  .enrollstats-wrapper .stat-info, .fastats-wrapper .stat-info {
    font-size: 1.25rem
  }
  .constituency-wrapper .container-fluid {
    width: 80%;
    max-width: 1340px
  }
  .const-learning {
    padding: 0
  }
  .visit-wrapper {
    background-position: top left -40px;
    background-size: 80%
  }
  .visit-sublinks .nav-link {
    width: 18vw
  }
  .location-wrapper {
    padding: 6rem 8rem 9rem 4rem
  }
}
@media (min-width:1500px) {
  .main-wrapper .container {
    max-width: 1400px
  }
  .fa-links-wrapper {
    padding: 2rem 8rem
  }
}
@media (min-width:1600px) {
  .main-wrapper .container {
    max-width: 1600px
  }
  .title-wrapper-secondary h1.page-title {
    font-size: 3.75rem
  }
  .finaid-subhead {
    padding: 0 2rem;
    margin: 0 auto;
    max-width: 1440px
  }
  .visit-text {
    padding: 8rem 2rem
  }
}
@media (min-width:1700px) {
  .undergraduate-wrapper {
    background-size: 70%;
    background-position: right -375px center
  }
  .ug-mainlinks .nav-link, .ug-sublinks .nav-link {
    width: 400px
  }
  .main-wrapper .container {
    max-width: 1600px
  }
  .enroll-cta-mainlinks .nav-link {
    width: 16vw
  }
  .visit-sublinks .nav-link {
    width: 17vw
  }
}
@media (min-width:1800px) {
  .container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl, .header-wrapper .container {
    max-width: 1600px
  }
  .experiential-wrapper .container-fluid {
    max-width: 1380px
  }
  .undergraduate-wrapper {
    background-size: 65%;
    background-position: right -300px center
  }
  .living-mainlinks .nav-link, .living-sublinks .nav-link, .sports-sublinks .nav-link {
    width: 400px
  }
  .visit-text {
    padding: 10rem 2rem
  }
}
@media (min-width:1900px) {
  .enrollment-wrapper {
    height: 625px
  }
  .enroll-cta-mainlinks .nav-link {
    width: 14vw
  }
  .constituency-wrapper .container-fluid {
    width: 85%;
    max-width: 1400px
  }
}
@media (max-width:991px) {
  .tab-content > .tab-pane {
    display: block;
    opacity: 1
  }
}
.alum-date, .alum-date a {
  color: #26cefd !important;
  text-shadow: 2px 1px 0 rgba(0, 0, 0, .6);
  text-decoration: none
}
.counterDiv {
  background-color: #01223b;
  border-bottom: 1px solid #00192c;
  border-top: 1px solid #00192c
}
#eventName {
  font-size: 1.6rem;
  margin: .8rem auto;
  padding-bottom: .2rem;
  color: #fd7605 !important
}
.alumnievents-wrapper {
  background-color: #002a4c;
  padding: 2rem 0;
  box-shadow: 0 22px 22px -22px rgba(0, 0, 0, .9) inset, 0 -22px 22px -22px rgba(0, 0, 0, .9) inset
}
.alumni-events h2 {
  color: #fff !important
}
.stayconnected {
  padding-top: 3rem;
  padding-bottom: 3rem
}
.btn-teal {
  background-color: #0091b8;
  border-color: #0dacd7;
  color: #fff !important
}
.btn-teal:focus, .btn-teal:hover {
  color: #0091b8 !important;
  background-color: #fff;
  border-color: #033151;
  box-shadow: none;
  text-shadow: none
}
#main-text .alum-title, #main-text .alum-title a, .alum-date {
  color: #fff !important;
  font-weight: 600;
  font-size: 1.5rem
}
.alum-date {
  font-size: 1.25rem !important
}
.featuredalumni {
  background-color: #f6f6f6;
  padding: 2rem 0;
  margin-bottom: -5rem
}
.featuredalumni h2 {
  margin: 0 !important
}
.featuredalumni h3 {
  margin: 2rem 0 !important
}
@media (min-width:576px) {
  #eventName {
    font-size: 2rem !important;
    margin: .8rem auto;
    padding-bottom: .2rem;
    color: #fd7605 !important
  }
}
@media (min-width:768px) {
  #eventName {
    color: #fff;
    font-size: 1.5rem;
    text-align: center;
    margin-bottom: 1rem
  }
}
@media (min-width:992px) {
  #eventName {
    color: #fff;
    font-size: 1.8rem;
    text-align: center;
    margin-bottom: 1rem
  }
}
@media (min-width:1200px) {
  .counterDiv {
    background-color: #01223b;
    border-bottom: none;
    border-top: none;
    height: 0
  }
  #timer {
    position: absolute;
    background-color: rgba(0, 60, 105, .9);
    margin-left: 2rem;
    bottom: 7.5rem;
    padding-top: .5rem
  }
  #eventName {
    font-size: 2.5rem !important;
    margin-bottom: .5rem;
    line-height: 1.1
  }
}
.alert-danger strong {
  color: #842029 !important
}
.table-striped > tbody > tr:nth-child(odd) > td, .table-striped > tbody > tr:nth-child(odd) > th {
  background-color: #fefefe
}
.alert-info p {
  margin-bottom: 0 !important
}
.alert {
  margin-top: 2rem;
  margin-bottom: 2rem
}
.text-with-list {
    margin: 2.5rem 0;
}
.text-with-list p + p {
	font-weight: 500;
	color: #222222;
	margin-top: 1.15rem !important;
}