:root {
  --accent: #E7E763 ;
}

/*Main*/
body{font-family: "Open Sans", sans-serif;}
.bg-main{background: #005050 !important;}
.bg-main-alt{background: #E7E763 !important;}
.text-main-alt{color:#E7E763 !important;}
.text-main{color:#000C3C !important;}
.navbar-brand.brand {display: flex;align-items: center;gap: .7rem;color: #fff;line-height: 1;}
.brand-mark {width: 50px; height: 50px;display: grid; place-items: center;font-size: 1.35rem;}
.brand strong { display: block; font-size: 1.2rem; }
.brand small {display: block;margin-top: .25rem;font-family: "Open Sans", sans-serif;font-size: .68rem;letter-spacing: .12em;text-transform: uppercase;opacity: .75;}
.nav-link { color: rgba(255,255,255,.9) !important; font-size: .92rem; }
.nav-link:hover, .nav-link.active { color: #fff !important; }
.btn-accent {background: var(--accent);border-color: var(--accent);color: #fff;}
.btn-accent:hover { border: 1px solid #E7E763; color: #fff !important; }
.hero { height: min(760px, 92vh); min-height: 620px; background: #222; }
.hero-slide {position: relative;background-size: cover;background-position: center;}
.hero-slide::before {content: "";position: absolute;inset: 0;}


/*Pictures*/
.slide-one{background-image:url('/_webfilx/_visualx/images/carousel/1.jpg');}
.slide-two{background-image:url('/_webfilx/_visualx/images/carousel/2.jpg');}
.slide-three{background-image:url('/_webfilx/_visualx/images/carousel/3.jpg');}
.glimpse{background-image: url(/_webfilx/_visualx/images/extras/glimpse.jpg);background-size:cover;}
.admissions{background-image: url(/_webfilx/_visualx/images/extras/admissions.jpg);background-size:cover;}


/*Auxilliary*/
.mhide{display:none;}
.m-gradient {background: radial-gradient(circle at top left,#d9ffff,white);}
.m-border{border-color:#E7E763 !important;}
.mcursor{cursor:pointer;}
.m-hr-green{border: none;height: 2px;background: linear-gradient(to right, #E7E763, transparent);}
.m-hr-light{border: none;height: 2px;background: linear-gradient(to right, white, transparent);}
.m-hr-red{border: none;height: 2px;background: linear-gradient(to right, #dc3545, transparent);}
.mainBlur{background:rgba(0, 80, 80, .8) !important;-webkit-backdrop-filter: blur(4px);backdrop-filter: blur(4px);transition: background-color .3s cubic-bezier(.42, .00, .58, 1.00);}
.m-card{min-height:400px;background: linear-gradient(180deg, rgba(0,0,0,0.2) 0%, rgba(0,0,0,0.9) 100%);}
.dim-green{background:rgba(0,80,80,0.8) !important;}
.dim-dark{background: rgba(0,0,0,0.8) !important;}
.hero-copy {position: relative;z-index: 2;max-width: 720px;color: #fff;padding-top: 3rem;}
.hero-copy h1, .hero-copy h2 {line-height: .98;letter-spacing: -.045em;margin: .75rem 0 1.25rem;}
.hero-copy h1 em { color: #e9c4a4; font-style: normal; }
.hero-copy .lead { max-width: 610px; color: rgba(255,255,255,.84); }
.scroll-strip {position: relative;overflow: hidden;background-color: var(--bs-secondary-subtle);}
.scroll-track {display: flex;align-items: center;transform: scaleX(-1); /* flip scroll direction */}
.scroll-track .btn {white-space: nowrap;transform: scaleX(-1); /* flip buttons back */}


@media (max-width: 991.98px) {
  .site-nav { background: rgba(20,18,16,.96); }
  .hero { min-height: 650px; }
  .hero-copy h1, .hero-copy h2 { font-size: clamp(3rem, 11vw, 5rem); }
}
@media (max-width: 575.98px) {
  .hero { min-height: 620px; }
  .hero-copy { padding: 2rem 1rem 0; }
  .hero-copy .lead { font-size: 1rem; }
}