@import url('https://fonts.googleapis.com/css2?family=Source+Sans+3:ital,wght@0,400;0,600;0,700;0,800;0,900;1,400;1,600;1,700;1,800&display=swap');
@import url('all.min.css');
@font-face { font-family: 'Charlotte Southern'; src: url('../fonts/Charlotte-Southern.ttf') format('truetype'), url('../fonts/Charlotte Southern.otf') format('opentype'); }
@font-face { font-family: 'Charlotte Southern Swash'; src: url('../fonts/Charlotte Southern Swash.ttf') format('truetype'),url('../fonts/Charlotte Southern Swash.otf') format('opentype'); }
@font-face { font-family: 'Source Sans 3', sans-serif; }
@font-face { font-family: 'fa-brands-400'; src: url('../fonts/fa-brands-400.ttf') format('truetype'); }
@font-face { font-family: 'fa-regular-400'; src: url('../fonts/fa-regular-400.ttf') format('truetype'); }
html, body { font-family: 'Source Sans 3', sans-serif; color: #572820; font-size: 20px; font-weight: 700; scroll-behavior: smooth; }
body.body-no-scroll { overflow: hidden; }
main { overflow: hidden; }
section { display: -webkit-box; display: -ms-flexbox; display: flex; background-color: #ffffff; background-size: cover; background-repeat: no-repeat; background-position: center center; width: 100%; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
.circles-wrapper h2 { font-size: 1.25rem; text-transform: capitalize; }
.circles-wrapper h3 { font-size: inherit; text-transform: uppercase; }
.cursive { text-shadow: 0px 1px 0px #EBE6E2, 0px 14px 10px rgba(0,0,0,0.15), 0px 11px 2px rgba(0,0,0,0.1), 0px 11px 20px rgba(0,0,0,0.1); font-family: 'Charlotte Southern'; font-weight: 400; color: #9F2E27; display: block; }
.gold-bg { background: #b8860b; background: -webkit-gradient(linear,left top, right top,from(hsl(42.91deg 86% 39.22%)), color-stop(30%, #fce983), color-stop(55%, #fce983), to(#b8860b)); background: linear-gradient(90deg,hsl(42.91deg 86% 39.22%) 0%, #fce983 30%, #fce983 55%, #b8860b 100%); }
button { font-family: 'Source Sans 3'; font-weight: 600; }
h1 { font-size: clamp(2rem, 5vw, 10rem); }
h1 span.cursive { font-size: 2.2em; }
h1 span.first-word { display: contents; font-weight: 900; text-transform: uppercase; line-height: 1; display: block; }
h1 span.first-word sup { font-weight: 900; text-transform: uppercase; font-size: 50%; }
h2 { color: #9F2E27; font-weight: 800; font-size: 1.8rem; text-transform: uppercase; }
h3.cursive { text-shadow: 0px 2px 0px #572820, 0px 8px 10px rgba(0,0,0,0.15), -1px 8px 2px rgba(0,0,0,0.1), 0px 6px 20px rgba(0,0,0,0.1); font-size: 2em; }
h4.cursive, #donors .modal-body h3 { font-size: 3.6rem; font-weight: 600; margin-top: 1rem; padding-left: 1em; line-height: 1; }
p { line-height: 1.4; margin-top: 0; margin-bottom: 0; }
p + p { margin-top: 0.4em; }
.address { display: block; width: 100%; }
.small { font-size: .8em; }
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden; -webkit-clip-path: inset(50%); clip-path: inset(50%); white-space: nowrap; border: 0; }
div.div-effect { display: inline-block; margin: 0; overflow: hidden; position: relative; text-align: center; }
div.div-effect div.caption-container { -webkit-backface-visibility: hidden; backface-visibility: hidden; color: #fff; font-size: 1.25em; padding: 2em; text-transform: uppercase; -webkit-transition: background-color 0.35s; transition: background-color 0.35s; }
div.div-effect div.caption-container > a { font-size: 0; opacity: 0; text-indent: 200%; white-space: nowrap; z-index: 1000; }
div.div-effect div.caption-container h3 { bottom: 3rem; font-weight: 300; position: absolute; right: 2rem; font-size: 1rem; }
div.div-effect div.caption-container h3 span { font-weight: 800; }
div.div-effect div.caption-container p { bottom: 2rem; font-weight: 300; position: absolute; right: 2rem; }
div.div-effect div.caption-container, div.div-effect div.caption-container > a { height: 100%; left: 0; position: absolute; top: 0; width: 100%; }
div.div-effect div.caption-container::before { -o-border-image: linear-gradient(45deg, #FFE111, #A16802, #FFE111) 1; border-image: linear-gradient(45deg, #FFE111, #A16802, #FFE111) 1; border-image-slice: 1; border-style: solid; border-width: 5px; -webkit-box-shadow: 5px 5px 20px #0000008f, 5px -5px 20px #0000005e,-5px 5px 20px #00000085, -5px -5px 20px #00000070; box-shadow: 5px 5px 20px #0000008f, 5px -5px 20px #0000005e,-5px 5px 20px #00000085, -5px -5px 20px #00000070; content: ""; position: absolute; bottom: 20px; left: 20px; right: 20px; top: 20px; }
div.div-effect div.caption-container::before { opacity: 0; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s; -webkit-transform: scale(0); transform: scale(0); }
div.div-effect div.caption-container::before, div.div-effect div.caption-container::after { pointer-events: none; }
div.div-effect h2 { margin: 20% 0 10px 0; -webkit-transition: -webkit-transform 0.35s; transition: -webkit-transform 0.35s; transition: transform 0.35s; transition: transform 0.35s, -webkit-transform 0.35s; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); }
div.div-effect h2 { font-weight: 300; word-spacing: -0.15em; }
div.div-effect h2 span { font-weight: 800; }
div.div-effect h2,
div.div-effect img { position: relative; }
div.div-effect p { font-size: 68.5%; letter-spacing: 1px; }
div.div-effect p { margin: 0; }
div.div-effect.aos-animate div.caption-container { background-color: rgba(58, 52, 42, 0); }
div.div-effect.aos-animate div.caption-container::before { opacity: 1; -webkit-transform: scale(1); transform: scale(1); -webkit-transition-delay: .15s; transition-delay: .15s; -webkit-transition-duration: 1.4s; transition-duration: 1.4s; -webkit-transition-timing-function: ease; transition-timing-function: ease; }
div.div-effect.aos-animate h2 { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
#academics #colleges { margin-top: 1rem; }
#academics #colleges h2 { border-bottom-style: solid; border-bottom-width: 3px; font-size: 1em; }
#academics #colleges h2#bus { border-bottom-color: #3C7295; }
#academics #colleges h2#edu { border-bottom-color: #0E423F; }
#academics #colleges h2#class { border-bottom-color: #57C4C0; }
#academics #colleges h2#cnass { border-bottom-color: #ABD037; }
#academics #colleges p { font-size: 0.8em; margin: 0.4rem; }
#academics .container-one.image-container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex: 1 1 25%; flex: 1 1 25%; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
#academics .container-two .image-container { -ms-flex-line-pack: justify; align-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: space-evenly; -ms-flex-pack: space-evenly; justify-content: space-evenly; justify-items: center; }
#academics .container-two .image-container img { width: 100%; margin: 1rem; }
#academics .container-two { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100%; }
#academics .wrapper { -ms-flex-line-pack: center; align-content: center; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 1rem; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 7vh 3vw; }
#academics { background-image: url('../images/50th-tan-01.png'); background-position-x: right; background-repeat: repeat-y; background-size: 10%; }
#awards .circles-wrapper { width: 85%; margin: 0 0 2rem 0; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; display: -webkit-box; display: -ms-flexbox; display: flex; }
#awards .container { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin: 10px; text-align: center; }
#awards .inner-circle { background: #ffffff; background-image: linear-gradient(108deg,#b8860b 0%, #b8860b 15%, #fce983 30%, #fce983 35%, #b8860b 75%, #b8860b 100%); }
#awards .inner-circle { -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-radius: 50%; display: -webkit-box; display: -ms-flexbox; display: flex; height: 190px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 190px; }
#awards .inner-circle img { height: auto; margin-top: 1rem; width: 70%; }
#awards .outer-circle { -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: #ffffff; border-radius: 50%; border-width: 5px; display: -webkit-box; display: -ms-flexbox; display: flex; height: 230px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin: 1rem auto 2rem; width: 230px; }
#awards .outer-circle img { border-color: goldenrod; border-radius: 50%; border-style: solid; border-width: 5px; }
#awards .text-container { padding: 4vh 5vw; }
#awards .text-container p { display: inline-block; margin: 0; }
#awards .wrapper { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
#awards h1 .cursive.left { display: block; }
#awards h1 .cursive.middle { display: inline-block; }
#awards h1 { padding: 2rem 0; text-align: center; }
#awards p img { display: inline; float: left; margin: 11px 1rem 0rem 0; max-height: 170px; width: auto; }
#celebrations .circles-wrapper .container { -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: 0 auto auto auto; width: -webkit-min-content; width: -moz-min-content; width: min-content; }
#celebrations .circles-wrapper { -ms-flex-line-pack: justify; align-content: space-between; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 2rem; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 100%; }
#celebrations .heading-wrapper { height: 10rem; }
#celebrations .inner-circle { -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-radius: 50%; display: -webkit-box; display: -ms-flexbox; display: flex; height: 190px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 190px; }
#celebrations .inner-circle img { height: auto; margin-top: 0; width: 100%; }
#celebrations .outer-circle { margin: 1rem auto 2rem; }
#celebrations .outer-circle { -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: #EBE6E2; border-radius: 50%; display: -webkit-box; display: -ms-flexbox; display: flex; height: 230px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin: unset; width: 230px; -webkit-box-shadow: rgba(0, 0, 0, 0.45) 0px 25px 20px -20px; box-shadow: rgba(0, 0, 0, 0.45) 0px 25px 20px -20px; }
#celebrations .wrapper { -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-image: url(../images/50th-tan-01.png); background-position: right 100px; background-repeat: no-repeat; background-size: 30%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -ms-flex-wrap: wrap; flex-wrap: wrap; height: 100%; -webkit-box-pack: space-evenly; -ms-flex-pack: space-evenly; justify-content: space-evenly; padding: 6vh 6vw; width: 100%; }
#celebrations { background-image: url('../images/bkg-image-flipped.jpg'); }
#celebrations a { text-decoration: none; }
#celebrations a:link .inner-circle { -webkit-transform: scale(1); transform: scale(1); -webkit-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; }
#celebrations a:focus .inner-circle,
#celebrations a:focus h2,
#celebrations a:hover .inner-circle,
#celebrations a:hover h2 { -webkit-transform: scale(1.2); transform: scale(1.2); -webkit-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; }
#celebrations h1 span.first-word { font-size: clamp(3rem, 10vw, 14rem); font-weight: bold; line-height: 0.6; }
#celebrations h2 { margin: 1rem 0; text-align: center; }
#community { background-image: url(../images/50th-tan-01.png); background-position: left center; background-repeat: repeat-y; background-size: 10%; }
#community .caption-container > span { position: absolute; bottom: 2rem; }
#community .container .image-container { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: relative; }
#community .container-wrapper .container { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 1rem; margin-top: 0; }
#community .container-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; }
#community .wrapper { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 6vh 6vw; }
#community h1 .cursive { display: block; }
#donors #modal-AB-body { -webkit-column-count: auto; -moz-column-count: auto; column-count: auto; }
#donors #modal-CE-body { -webkit-column-count: auto; -moz-column-count: auto; column-count: auto; }
#donors #modal-FG-body { -webkit-column-count: auto; -moz-column-count: auto; column-count: auto; }
#donors #modal-HK-body { -webkit-column-count: auto; -moz-column-count: auto; column-count: auto; }
#donors #modal-LM-body { -webkit-column-count: auto; -moz-column-count: auto; column-count: auto; }
#donors #modal-NQ-body { -webkit-column-count: auto; -moz-column-count: auto; column-count: auto; }
#donors #modal-RS-body { -webkit-column-count: auto; -moz-column-count: auto; column-count: auto; }
#donors #modal-TV-body { -webkit-column-count: auto; -moz-column-count: auto; column-count: auto; }
#donors #modal-WZ-body { -webkit-column-count: auto; -moz-column-count: auto; column-count: auto; }
#donors .close:hover, #donors .close:focus { color: #9f2e27; cursor: pointer; text-decoration: none; -webkit-transform: scale(1.5); transform: scale(1.5); }
#donors .close-modal { font-size: 28px; font-weight: bold; margin: 20px 20px 0 auto; -webkit-transform: scale(1); transform: scale(1); -webkit-transition: all .5s ease; transition: all .5s ease; width: 2.5rem; }
#donors .container { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; row-gap: 1rem; }
#donors .donor-appreciation-message { padding: 1rem 2rem 1rem; width: 100%; }
#donors .donorgrid { display: -ms-grid; display: grid; grid-template-columns: repeat(auto-fit, minmax(140px, 1fr)); width: 100%; }
#donors .donorgrid button { background: none; border: none; color: #9F2E27; cursor: pointer; font-size: clamp( 3rem, 4vw, 7rem); height: 100%; text-shadow: 0px 3px 0px #572820, 0px 14px 10px rgba(0,0,0,0.15), 0px 24px 2px rgba(0,0,0,0.1), 0px 24px 20px rgba(0,0,0,0.1); -webkit-transition: -webkit-transform 0.3s ease; transition: -webkit-transform 0.3s ease; transition: transform 0.3s ease; transition: transform 0.3s ease, -webkit-transform 0.3s ease; white-space: nowrap; width: 100%; }
#donors .donorgrid button:hover, #donors .donorgrid button:focus-visible { -webkit-transform: scale(1.3); transform: scale(1.3); -webkit-transition: -webkit-transform 0.3s ease-out; transition: -webkit-transform 0.3s ease-out; transition: transform 0.3s ease-out; transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out; }
#donors .donor-modals { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
#donors .image-container { -webkit-box-flex: 1; -ms-flex: 1 1 40%; flex: 1 1 40%; }
#donors .image-container img { margin: 0 auto; width: 100%; }
#donors .modal { background-color: rgba(237, 229, 226,1); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; height: 100%; left: 0; margin: 0; opacity: 0; overflow-x: auto; position: fixed; top: 0; -webkit-transition: opacity 0.6s cubic-bezier(0.49, 0, 0.05, 1); transition: opacity 0.6s cubic-bezier(0.49, 0, 0.05, 1); width: 100%; z-index: -1; }
#donors .modal.show { opacity: 1; z-index: 6; }
#donors .modal-body { color: #ffffff; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; max-width: calc(100vw - (100vw - 100%)); overflow-y: auto; padding: 20px; }
#donors .modal-body h4, #donors .modal-body h3 { font-size: 2.85rem; font-weight: 600; line-height: 0.7; margin: 0 0 0.6rem 0; padding: .7rem 0 0 1rem; text-shadow: 0px 2px 0px #572820, 0px 8px 10px rgba(0,0,0,0.15), -1px 8px 2px rgba(0,0,0,0.1), 0px 6px 20px rgba(0,0,0,0.1); }
#donors .modal-body h4:first-of-type, #donors .modal-body h3:first-of-type { margin: 0.6rem 0 0.8rem 0; }
#donors .modal-body li { -webkit-column-break-inside: avoid; -moz-column-break-inside: avoid; break-inside: avoid; color: #572820; margin: 0px; padding-left: .5em; text-indent: -.5em; }
#donors .modal-body ul { list-style-type: none; margin: 0 0 0 0; padding-left: 0; }
#donors .modal-content { background: -webkit-gradient(linear,left top, right top,from(#b8860b), color-stop(30%, #fce983), color-stop(55%, #fce983), to(#b8860b)); background: linear-gradient(90deg,#b8860b 0%, #fce983 30%, #fce983 55%, #b8860b 100%); border: 1px solid #888; -webkit-box-shadow: 0px 10px 10px rgba(0,0,0,0.1), 0px 10px 10px rgba(0,0,0,0.1), 0px 10px 10px rgba(0,0,0,0.1), 0px 10px 10px rgba(0,0,0,0.1); box-shadow: 0px 10px 10px rgba(0,0,0,0.1), 0px 10px 10px rgba(0,0,0,0.1), 0px 10px 10px rgba(0,0,0,0.1), 0px 10px 10px rgba(0,0,0,0.1); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; height: 100%; margin: auto; padding: 0; position: relative; width: 100%; }
#donors .modal-header { font-size: 3.5em; }
#donors .modal-header h3, #donors .modal-header h2 {font-size: 5rem;margin: 0;text-align: center;text-transform: initial;text-shadow: 0px 2px 0px #572820, 0px 8px 10px rgba(0,0,0,0.15), -1px 8px 2px rgba(0,0,0,0.1), 0px 6px 20px rgba(0,0,0,0.1);}
#donors .wrapper { -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-image: url(../images/50th-tan-01.png); background-position: 2.5rem 0; background-repeat: no-repeat; background-size: 50%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 6vh 6vw; position: relative; width: 100%; }
#donors { background-image: url('../images/bkg-image-flipped.jpg'); }
#gallery { position: relative; }
#gallery h2 { text-align: center; text-transform: unset; }
#gallery h2 a { color: inherit; text-decoration: none; color: #e1251b; font-weight: 300; }
#gallery h2 a:hover { color: #9F2E27; text-decoration: underline; }
#gallery h2 a:hover::after { transform: scaleX(1); transform-origin: bottom left; }
#gallery .wrapper { margin: 0; padding: 1rem; position: relative; }
#gallery .gallery-container { display: -webkit-box; display: -ms-flexbox; display: flex; }
#gallery .container { display: none; }
#gallery .heading-container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin: 1rem 0; }
#gallery [id^="lightbox-"] .content { color: #fff; max-width: 90%; position: relative; }
#gallery [id^="lightbox-"] .content > * { -webkit-transition: all 450ms ease-in-out; transition: all 450ms ease-in-out; }
#gallery [id^="lightbox-"] .content:hover > .title { opacity: 1; -webkit-transform: translateY(-3px); transform: translateY(-3px); }
#gallery [id^="lightbox-"] .content:hover > .title::after { opacity: 1; }
#gallery [id^="lightbox-"] .content:hover > a.close { opacity: 1; -webkit-transform: scale(1, 1); transform: scale(1, 1); }
#gallery [id^="lightbox-"] .title { bottom: 0; display: block; font-size: 1.5em; margin: 0; opacity: 0; padding: 1em; position: absolute; -webkit-transform: translateY(50%); transform: translateY(50%); width: 100%; }
#gallery [id^="lightbox-"] .title::after { background-color: rgba(0, 0, 0, 0.4); bottom: 0; content: ' '; height: 100%; left: 0; mix-blend-mode: soft-light; opacity: 0; position: absolute; -webkit-transform-origin: bottom; transform-origin: bottom; -webkit-transition: all 350ms ease-in-out 250ms; transition: all 350ms ease-in-out 250ms; width: 100%; }
#gallery [id^="lightbox-"] { -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: rgba(0, 0, 0, 0.5); display: -webkit-box; display: -ms-flexbox; display: flex; height: 100vh; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; left: 0; opacity: 0; pointer-events: none; position: absolute; top: 0; -webkit-transition: opacity 450ms ease-in-out; transition: opacity 450ms ease-in-out; width: 100vw; }
#gallery [id^="lightbox-"] a.close { -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: rgba(0, 0, 0, 0.5); color: #fff; display: -webkit-box; display: -ms-flexbox; display: flex; height: 2em; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; opacity: 0; position: absolute; right: 0; text-decoration: none; top: 0; -webkit-transform: scale(0, 0); transform: scale(0, 0); -webkit-transform-origin: right top; transform-origin: right top; width: 2em; }
#gallery [id^="lightbox-"] a.close::after { content: "X"; }
#gallery [id^="lightbox-"] img {-webkit-filter: blur(50px);filter: blur(50px);margin: 0;max-height: 90vh;max-width: 100%;padding: 0;}
#gallery [id^="lightbox-"]:target { opacity: 1; pointer-events: inherit; }
#gallery [id^="lightbox-"]:target img { -webkit-filter: blur(0); filter: blur(0); }
#gallery .gallery-container div, #gallery .gallery-container a { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-decoration: none; }
#gallery .gallery-container > div:nth-child(6n + 1) { -ms-grid-column-span: 2; grid-column: span 2; -ms-grid-row-span: 2; grid-row: span 2; }
#gallery .gallery-container > div:nth-child(4) { -ms-grid-column-span: 1; grid-column: span 1; -ms-grid-row-span: 2; grid-row: span 2; }
#gallery .gallery-container > div:nth-child(2) { -ms-grid-column-span: 3; grid-column: span 3; -ms-grid-row-span: 3; grid-row: span 3; }
#gallery .gallery-container > div:hover img { -webkit-filter: blur(4px); filter: blur(4px); }
#gallery .gallery-container > div:hover a { opacity: 1; }
#gallery .gallery-container > div a:focus-visible { opacity: 1; }
#gallery .gallery-container > div > img { max-width: 100%; min-height: 100%; -webkit-transition: all ease 1s; transition: all ease 1s; width: 100%; }
#gallery .gallery-container > div > a { background-color: #000; color: #000; font: bold 2em "Helvetica"; height: 100%; mix-blend-mode: difference; opacity: 0; padding: 2rem; position: absolute; text-shadow: 0 -1px 3px #fff, -1px 0px 3px #fff, 0 1px 3px #fff, 1px 0px 3px #fff; -webkit-transition: all ease 1s; transition: all ease 1s; width: 100%; }
#gallery .gallery-container > div { -webkit-box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.2), 0 3px 20px 0 rgba(0, 0, 0, 0.19); box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.2), 0 3px 20px 0 rgba(0, 0, 0, 0.19); overflow: hidden; position: relative; }
#gallery .gallery-container { display: -ms-grid; display: grid; grid-gap: 0.5em; -ms-grid-rows: 1fr 0.5em 1fr 0.5em 1fr 0.5em 1fr 0.5em 1fr 0.5em 1fr; -ms-grid-columns: 1fr 0.5em 1fr 0.5em 1fr 0.5em 1fr 0.5em 1fr 0.5em 1fr; grid-template: repeat(6, 1fr)/repeat(6, 1fr); height: calc(100% - 40px); }
#grants .container-wrapper .container { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; display: -webkit-box; display: -ms-flexbox; display: flex; }
#grants .container-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; }
#grants .image-container { display: none; }
#grants .wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 6vh 6vw; }
#grants h1 { text-align: center; }
#grants li { line-height: 1.4; margin-bottom: 0; margin-top: 0; }
#grants li + li { margin-top: 0.4em; }
ul { font-size: .9rem; font-weight: 600; }
ul li::marker { color: #e1251b; }
#numbers #enrollment { border-width: 0 2px 1px 2px; }
#numbers #finaid { border-width: 1px 2px 0 2px; }
#numbers .millions::after { content: "\2009 M"; }
#numbers .millions::before { content: "$"; }
#numbers .stat-container { -ms-flex-line-pack: center; align-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-color: #9f2e27; border-style: solid; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex: 1 1 46%; flex: 1 1 46%; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -ms-flex-wrap: wrap; flex-wrap: wrap; font-size: 2rem; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; line-height: 1.3; padding: 1rem; text-align: center; }
#numbers .stat-count { color: #9F2E27; font-size: clamp( 3.3rem, 5vw, 8rem); text-shadow: 0px 3px 0px #572820, 0px 14px 8px rgba(0,0,0,0.15), 0px 14px 8px rgba(0,0,0,0.15), 0px 14px 8px rgba(0,0,0,0.15); }
#numbers .text-container { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; }
#numbers .wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 6vh 6vw; }
#numbers { background-image: url('../images/bkg-image-flipped.jpg'); }
#numbers h2 { color: #572820; }
#presidents-message .background-image.aos-animate { opacity: 1; }
#presidents-message .gold-bg { height: 2vh; width: 100%; }
#presidents-message .image-container { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; max-width: 100%; }
#presidents-message .logo-container { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-bottom: 1rem; margin-top: -1rem; width: 100%; }
#presidents-message .logo-container img { width: 40%; }
#presidents-message .text-container p { margin: 0; }
#presidents-message .text-container p + p { margin-top: 0.6rem; }
#presidents-message .text-container p br { line-height: 0; display: inline-block; }
#presidents-message .wrapper { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 0 6vw 8vh 6vw; width: 100%; }
#presidents-message { background-image: url('../images/bkg-image-flipped.jpg'); }
#presidents-message h1 .cursive { margin: 0 0 0.3em 0.9em; }
#presidents-message h1 { margin: 1rem 0 0 0; }
#student-affairs .container .image-container { -webkit-box-flex: 1; -ms-flex: 1 1 25%; flex: 1 1 25%; }
#student-affairs .container .text-container { -webkit-box-flex: 1; -ms-flex: 1 1 60%; flex: 1 1 60%; }
#student-affairs .container-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 2rem; width: 100%; }
#student-affairs .heading-wrapper { margin: 0 auto; padding: 0 0 0 0; width: 100%; }
#student-affairs .wrapper { background-image: url('../images/Jaguar-Head.png'); background-position: 2.5rem 0; background-repeat: no-repeat; background-size: 50%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 9vh 6vw; }
#student-affairs { background-image: url('../images/bkg-image.jpg'); }
#student-affairs h1 .cursive .left { display: inline-block; }
#student-affairs h1 .cursive .right { display: inline-block; }
#student-affairs li { line-height: 1.1; margin-bottom: 0; margin-top: 0; }
#student-affairs li + li { margin-top: 0.4em; }
footer .container { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin: 5vmax 0; row-gap: 5vh; }
footer .social-links { display: -ms-grid; display: grid; gap: 10px; -ms-grid-columns: 1fr 10px 1fr 10px 1fr 10px 1fr 10px 1fr; grid-template-columns: repeat(5, 1fr); }
footer .social-links a { width: 40px; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; text-decoration: none; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; height: 40px; font-size: 1.3rem; display: -webkit-box; display: -ms-flexbox; display: flex; color: #ffffff; border-radius: 8px; background-color: #e1251b; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
footer .social-links a:hover, footer .social-links a:focus-visible { background-color: #1a1a1a; outline: 0; outline-offset: 1px; }
footer .uhv-logo img { width: 150px; }
footer .wrapper { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 0 6vw; }
footer { background-color: #eee7e3; }
footer div.gold-bg { height: 8px; width: 100%; }