@charset "UTF-8";
/* Scss Document */
 * {
	/* CSS Document */
}
 html {
	 font-family: 'Lato', sans-serif;
	 scroll-behavior: smooth;
}
 body {
	 background: linear-gradient(90deg, rgba(0, 0, 0, 0.05) 1%, transparent 1%) 1px 0, #fff;
	 background-size: 8.33% 1px;
	 overflow-x: hidden !important;
}
 .body {
	 overflow-x: hidden !important;
}
 a {
	 outline: 0;
}
 h .skipnav {
	/* Skip to Content & Accessibility Links */
	 position: absolute;
	 top: 0;
	 z-index: 9999 !important;
	 background-color: #000;
	 min-height: 1.5rem;
	 max-height: 3rem;
	 margin-top: 0;
	 transition: all 0.5s ease;
}
 .container-fluid.skipnav {
	 padding-left: 0 !important;
	 padding-right: 0 !important;
	 margin-left: 0;
}
 .skipnav .row {
	 margin-left: 0 !important;
	 margin-right: 0 !important;
}
 @media screen and (min-width: 992px) {
	 .skipnav {
		 z-index: 8990 !important;
	}
}
 .skipnav a {
	 font-size: 0.5rem;
	 line-height: 0.5rem;
	 letter-spacing: 1px;
	 color: #fff;
	 background-color: #000;
	 opacity: 0.6;
	 font-weight: 300;
}
 .skipnav a img.img-fluid {
	 width: 100%;
	 max-width: 300px;
	 opacity: 0.7;
	 display: block;
	 z-index: 9988 !important;
	 float: right;
}
 .skipnav a:hover {
	 opacity: 0.8;
}
 .skipnav .col-sm-5 a {
	 font-size: 0.57rem;
	 line-height: 0.5rem;
	 letter-spacing: 1px;
	 color: #fff !important;
	 background-color: #000;
	 opacity: 0.6;
	 font-weight: 300;
	 padding-right: 0.25rem;
	 position: absolute;
	 transform: translateY(-110%);
}
 .skipnav .col-sm-5 a:focus {
	 color: #fff !important;
	 background-color: #000 !important;
	 display: inline-block;
	 margin-left: auto;
	 margin-top: 1rem;
	 position: relative;
	 outline: 1px dotted #999;
}
 .skipnav.navscroll {
	 position: absolute;
	 margin-top: -10rem;
}
/* Navigation */
 nav {
	 margin-top: 1.5rem;
	 font-family: 'Lato', sans-serif;
	 min-height: 5rem;
}
 nav .container-fluid {
	 max-width: 1600px !important;
}
 .navbar {
	 margin-top: 2rem;
}
 .navbar-brand {
	 width: 100%;
	 text-align: center;
}
 .square {
	 width: 40%;
	 min-width: 90px;
	 max-width: 200px;
	 max-height: 200px;
	 z-index: 9999;
	 position: relative;
	 transition: all 0.2s ease;
	 text-align: center;
	 margin: -10px auto -50px auto;
	 z-index: 9999;
}
 .brand-shadow {
	 position: relative;
}
 @media (min-width: 576px) {
	 .square:before {
		 position: absolute;
		 content: '';
		 top: 100%;
		 left: 50%;
		 width: 100%;
		 height: 100%;
		 background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.07), rgba(0, 0, 0, 0.05), rgba(255, 255, 255, 0));
		 transform: skewX(-315deg);
		 background-blend-mode: multiply;
		 z-index: 789877;
	}
	 .square:after {
		 position: absolute;
		 content: '';
		 top: 50%;
		 left: 100%;
		 display: block;
		 padding-bottom: 100%;
		 width: 100%;
		 height: 100%;
		 background-image: linear-gradient(90deg, rgba(0, 0, 0, 0.07), rgba(0, 0, 0, 0.05), rgba(255, 255, 255, 0));
		 transform: skewY(45deg);
		 background-blend-mode: multiply;
		 z-index: 9998;
	}
	 .navbar-brand {
		 text-align: left !important;
	}
	 .square {
		 margin-bottom: -160px;
		 margin-left: 0;
		 margin-top: -1rem;
	}
}
 @media (min-width: 1200px) {
	 .navbar-brand {
		 width: 250px;
		 text-align: left !important;
	}
	 .square {
		 margin-left: -60px;
		 margin-bottom: -200px;
		 min-width: 225px;
		 max-width: 250px;
		 min-height: 225px;
	}
}
 @media (min-width: 1200px) {
	 .nav-button {
		 display: none;
	}
}
 .nav-button {
	 width: 3rem;
	 height: 2.75rem;
	 display: block;
	 position: absolute;
	 margin-right: 5px;
	 margin-top: 5px;
	 border: 0 !important;
	 outline: 0 !important;
	 background-color: rgba(255, 255, 255, 0);
}
 .nav-button:hover, .nav-button:focus {
	 background-color: rgba(0, 0, 0, 0.007);
}
 .navbar-toggler, .navbar-toggler:before, .navbar-toggler:after {
	 background: #545454;
	 border-radius: 2px;
	 height: 6px !important;
	 transition: all 0.2s ease-in-out;
	 width: 2.5rem;
	 display: block;
	 position: absolute;
	 padding: 0;
	 right: 25px !important;
	 outline: none !important;
	 z-index: 20001;
}
 .navbar-toggler {
	 display: inline-block;
	 margin-top: -3.5rem;
	 max-width: 2.5rem;
	 float: right;
	 height: 4rem;
	 width: 4rem;
	 top: 80px;
}
 .navbar-toggler:before, .navbar-toggler:after {
	 content: '';
	 position: absolute;
	 left: -1px !important;
}
 .navbar-toggler:before {
	 top: -0.75rem;
}
 .navbar-toggler:after {
	 bottom: -0.75rem;
}
 nav .navbar-toggler[aria-expanded="true"] {
	 background: transparent;
	 position: fixed;
	 right: 25px;
	 top: 130px;
}
 nav .navbar-toggler[aria-expanded="true"]:before {
	 top: -3px;
	 transform: rotate(-45deg);
	 height: 7px !important;
	 background: #fff;
}
 nav .navbar-toggler[aria-expanded="true"]:after {
	 bottom: 0;
	 transform: rotate(45deg);
	 height: 7px !important;
	 background: #fff;
}
 @media (max-width: 1199.98px) {
	 .nav-button {
		 top: 0;
	}
	 nav .navbar-collapse {
		 border-radius: 100%;
		 width: 100vw;
		 height: 100vw;
		 top: -50%;
	}
	 nav .navbar-collapse.show {
		 background: #af1b19;
		 bottom: 0;
		 left: 0;
		 height: 200vh;
		 max-height: 200vh;
		 position: fixed;
		 right: 0;
		 top: -13vh;
		 width: 200vw;
		 z-index: 10000;
		 transition: all 0.5s ease;
		 border-radius: 0;
	}
	 nav .navbar-collapse.show:before {
		 content: "";
		 position: absolute;
		 top: 0;
		 left: 0;
		 background-image: url(https://azteclanes.sdsu.edu/images/scroll-assets/menu-pins-4.svg);
		 background-repeat: repeat-x;
		 height: 100%;
		 width: 100%;
		 opacity: 0;
		 transition-delay: 0.5s;
		 animation: navpins 3s ease forwards;
		 -webkit-animation: navpins 2s ease forwards;
		 animation-delay: 0;
		 outline: none;
		 z-index: 10001;
	}
	 .navbar-collapse-show:before {
		 content: "";
		 position: absolute;
		 top: 0;
		 left: 0;
		 background-image: url(https://azteclanes.sdsu.edu/images/scroll-assets/menu-pins-3.svg);
		 background-repeat: repeat-x;
		 height: 100%;
		 width: 100%;
		 opacity: 0;
		 transition-delay: 0.5s;
		 animation: navpins 3s ease forwards;
		 -webkit-animation: navpins 2s ease forwards;
		 animation-delay: 0.2s;
		 outline: none;
		 z-index: 10001;
	}
	 .navbar-collapse-show:after {
		 content: "";
		 position: absolute;
		 top: 0;
		 left: 0;
		 background-image: url(https://azteclanes.sdsu.edu/images/scroll-assets/menu-pins-2.svg);
		 background-repeat: repeat-x;
		 height: 100%;
		 width: 100%;
		 opacity: 0;
		 transition-delay: 0.5s;
		 animation: navpins 2.5s ease forwards;
		 -webkit-animation: navpins 1.5s ease forwards;
		 animation-delay: 0.7s;
		 outline: none;
		 z-index: 10001;
	}
	 nav .navbar-collapse.show:after {
		 content: "";
		 position: absolute;
		 top: 0;
		 left: 0;
		 background-image: url(https://azteclanes.sdsu.edu/images/scroll-assets/menu-pins-1.svg);
		 background-repeat: repeat-x;
		 height: 100%;
		 width: 100%;
		 opacity: 0;
		 transition-delay: 0.5s;
		 animation: navpins 2.5s ease forwards;
		 -webkit-animation: navpins 1.5s ease forwards;
		 animation-delay: 0.9s;
		 outline: none;
		 z-index: 10001;
	}
	 .navbar-collapse.show ul {
		 text-align: center;
		 opacity: 1;
		 vertical-align: middle;
		 height: 100vh;
		 width: 100vw;
		 display: table-cell;
		 vertical-align: middle;
		 text-align: center;
		 margin-top: 100px;
	}
	 .navbar-collapse.show ul .nav-item:nth-child(1) {
		 transition-delay: 0.15s;
	}
	 .nav-item {
		 font-weight: 600;
		 letter-spacing: 1px;
		 font-size: 1.3rem !important;
		 color: #fff !important;
		 margin-bottom: 1rem;
	}
	 .nav-link {
		 color: #fff !important;
	}
	 .navbar-collapse {
		 text-align: center;
	}
	 .navbar-collapse.collapsing {
		 opacity: 0;
		 transition: all 0.01s ease !important;
	}
}
 @media (max-width: 1199.98px) and (min-width: 576px) and (max-width: 767.98px) {
	 nav .navbar-collapse.show:before {
		 top: -10%;
	}
	 .navbar-collapse-show:before {
		 top: -10%;
	}
	 .navbar-collapse-show:after {
		 top: -10%;
	}
	 nav .navbar-collapse.show:after {
		 top: -10%;
	}
}
 @media (max-width: 1199.98px) and (min-width: 768px) and (max-width: 1199.98px) {
	 nav .navbar-collapse.show:before {
		 top: -20%;
	}
	 .navbar-collapse-show:before {
		 top: -20%;
	}
	 .navbar-collapse-show:after {
		 top: -20%;
	}
	 nav .navbar-collapse.show:after {
		 top: -20%;
	}
}
 @media (max-width: 1199.98px) and (max-width: 575.98px) {
	 nav .navbar-collapse.show:before {
		 top: 0;
	}
	 .navbar-collapse-show:before {
		 top: 0;
	}
	 .navbar-collapse-show:after {
		 top: 0;
	}
	 nav .navbar-collapse.show:after {
		 top: 0;
	}
}
 @media (max-width: 1199.98px) and (max-width: 349.98px) {
	 nav .navbar-collapse.show:before {
		 top: 10%;
	}
	 .navbar-collapse-show:before {
		 top: 10%;
	}
	 .navbar-collapse-show:after {
		 top: 10%;
	}
	 nav .navbar-collapse.show:after {
		 top: 10%;
	}
}
 @-webkit-keyframes navpins {
	 0% {
		 opacity: 1;
		 margin-top: 500%;
		 transform: scale(2);
	}
	 100% {
		 opacity: 1;
		 margin-top: 85%;
		 transform: scale(0.8);
	}
}
 @-moz-keyframes navpins {
	 0% {
		 opacity: 1;
		 margin-top: 500%;
		 transform: scale(2);
	}
	 100% {
		 opacity: 1;
		 margin-top: 85%;
		 transform: scale(0.8);
	}
}
 @keyframes navpins {
	 0% {
		 opacity: 1;
		 margin-top: 500%;
		 transform: scale(2);
	}
	 100% {
		 opacity: 1;
		 margin-top: 85%;
		 transform: scale(0.8);
	}
}
 .navbar-collapse {
	 width: 100% !important;
}
 @media (min-width: 992px) and (max-width: 1099.98px) {
	 .navbar-collapse {
		 margin-right: -3rem;
	}
}
 .nav-item {
	 font-weight: 600;
	 letter-spacing: 0.5px;
	 font-size: 0.9rem;
	 color: #343a40;
}
 .nav-link {
	 padding-right: 1rem !important;
	 padding-left: 1rem !important;
	 color: #343a40;
	 font-size: 0.8rem;
	 z-index: 10002;
	 position: relative;
	 white-space: nowrap;
}
 @media (min-width: 1350px) {
	 .nav-link {
		 padding-right: 1rem !important;
		 padding-left: 1rem !important;
	}
}
 @media (min-width: 1450px) {
	 .nav-link {
		 padding-right: 1.5rem !important;
		 padding-left: 1.5rem !important;
	}
}
 @media (min-width: 1650px) {
	 .nav-link {
		 padding-right: 2rem !important;
		 padding-left: 2rem !important;
	}
}
 @media (min-width: 992px) {
	 .nav-link {
		 white-space: nowrap;
		 padding-bottom: 0.25rem;
	}
	 .nav-link:hover {
		 color: #af1b19 !important;
	}
	 .nav-link:hover:after {
		 content: '';
		 position: absolute;
		 bottom: 0;
		 left: 1rem;
		 right: 0;
		 text-align: center;
		 -webkit-animation: navline 0.5s forwards;
		 animation: navline 0.5s forwards;
		 -webkit-animation-timing-function: ease;
		 animation-timing-function: ease;
	}
}
 @-webkit-keyframes navline {
	 0% {
		 width: 0%;
		 border-bottom: 2px;
	}
	 100% {
		 width: calc(100% - 2rem);
		 border-bottom: 2px solid #c00000;
	}
}
 @keyframes navline {
	 0% {
		 width: 0%;
		 border-bottom: 2px;
	}
	 100% {
		 width: calc(100% - 2rem);
		 border-bottom: 2px solid #c00000;
	}
}
 @media (min-width: 1200px) {
	 .nav-link:hover:after {
		 left: 2rem;
	}
	 @-webkit-keyframes navline {
		 0% {
			 width: 0%;
			 border-bottom: 2px;
		}
		 100% {
			 width: calc(100% - 4rem);
			 border-bottom: 2px solid #c00000;
		}
	}
	 @keyframes navline {
		 0% {
			 width: 0%;
			 border-bottom: 2px;
		}
		 100% {
			 width: calc(100% - 4rem);
			 border-bottom: 2px solid #c00000;
		}
	}
}
 main .col, main .col-1, main .col-10, main .col-11, main .col-12, main .col-2, main .col-3, main .col-4, main .col-5, main .col-6, main .col-7, main .col-8, main .col-9, main .col-auto, main .col-lg, main .col-lg-1, main .col-lg-10, main .col-lg-11, main .col-lg-12, main .col-lg-2, main .col-lg-3, main .col-lg-4, main main .col-lg-5, main .col-lg-6, main .col-lg-7, main .col-lg-8, main .col-lg-9, main .col-lg-auto, main .col-md, main .col-md-1, main .col-md-10, main .col-md-11, main .col-md-12, main .col-md-2, main .col-md-3, main .col-md-4, main .col-md-5, main .col-md-6, main .col-md-7, main .col-md-8, main .col-md-9, main .col-md-auto, main .col-sm, main .col-sm-1, main .col-sm-10, main .col-sm-11, main .col-sm-12, main .col-sm-2, main .col-sm-3, main .col-sm-4, main .col-sm-5, main .col-sm-6, main .col-sm-7, main .col-sm-8, main .col-sm-9, main .col-sm-auto, main .col-xl, main .col-xl-1, main .col-xl-10, main .col-xl-11, main .col-xl-12, main .col-xl-2, main .col-xl-3, main .col-xl-4, main .col-xl-5, main .col-xl-6, main .col-xl-7, main .col-xl-8, main .col-xl-9, main .col-xl-auto {
	 padding-left: 0;
	 padding-right: 0;
}
 .hero-container {
	 position: relative;
	 max-width: 1600px;
}
 .hero {
	 box-shadow: 0 20px 30px rgba(0, 0, 0, .1);
	 max-height: calc(100% - 300px);
	 background: #333;
}
 .hero > img {
	 width: 200%;
	 object-fit: cover;
	 transition: 0.5s;
}
 .hero-wrap {
	 max-height: calc(100vh - 200px);
	 min-height: calc(300px - 2rem);
	 overflow: hidden;
	 position: relative;
	 background: #000;
}
 .hero-caption {
	 position: relative;
	 background-color: #000;
	 color: #fff;
	 margin-top: 0;
	 padding: 0.5rem 1rem;
	 z-index: 8900;
	 margin-bottom: 0;
}
 a.hero-link, a.hero-link:hover {
	 text-decoration: none !important;
	 color: #fff !important;
	 background: #000 !important;
}
 a.hero-link:focus {
	 outline: 1px solid #333;
}
 @media (min-width: 576px) {
	 .hero-caption {
		 position: absolute;
		 bottom: 0;
		 background-color: rgba(0, 0, 0, 0.9);
		 left: 0;
		 right: 0;
	}
}
 .hero-caption-padding {
	 padding-right: 2rem;
}
 .hero-caption h2 {
	 font-family: 'Oswald', sans-serif;
	 background-color: rgba(0, 0, 0, 1);
	 font-weight: 500;
	 color: #fff;
	 font-size: 2rem;
	 transition: all 0.5s ease;
	 display: inline;
}
 .hero-caption p {
	 font-weight: 600;
	 color: #d4d4d4;
	 font-size: 0.9rem;
	 letter-spacing: 1px;
	 line-height: 1.5;
	 box-shadow: 0 0 5px #000, 0 0 10px #000, 0 0 15px #000;
	 background: #0a0a0a;
	 position: relative;
	 display: inline;
}
 .hero-caption p::before {
	 content: '';
	 display: block;
	 position: relative;
	 height: 0;
	 width: 1600px;
	 left: 0;
	 top: 0;
}
 @media (min-width: 576px) {
	 .hero-caption h2 {
		 font-size: 3rem;
	}
}
 @media (min-width: 768px) {
	 .hero-caption h2 {
		 font-size: 3.5rem;
	}
	 .hero-caption {
		 padding: 1rem 2rem;
	}
	 .hero-caption-padding {
		 padding-right: 300px;
	}
	 .hero-caption-padding {
		 padding-right: 0;
	}
	 .hero-caption p {
		 font-size: 1.2rem;
		 line-height: 1.5;
		 letter-spacing: 2px;
	}
}
 @media (min-width: 992px) {
	 .hero-caption h2 {
		 font-size: 4rem;
	}
	 .hero-caption-padding {
		 padding-right: 16rem;
	}
}
 @media (min-width: 1200px) {
	 .hero-caption {
		 padding: 2rem 3rem;
	}
	 .hero-caption-padding {
		 padding-right: 15rem;
	}
}
 .side-menu {
	 position: relative;
	 z-index: 8901;
	 overflow: visible;
	 max-width: 100vw;
	 margin-left: 0;
	 margin-right: 0;
	 margin-top: 0;
}
 .side-menu .bg-danger {
	 padding: 1rem auto;
}
 @media (max-width: 575.98px) {
	 .side-menu .bg-danger {
		 padding: 1rem;
	}
	 .img-hero {
		 margin-bottom: -2rem;
	}
}
 .img-hero {
	 width: 100%;
}
 @media (min-width: 992px) {
	 .side-menu {
		 position: absolute;
		 bottom: -60px;
		 right: -10px;
	}
	 .side-menu .bg-danger {
		 min-width: 280px;
		 max-width: 300px;
	}
}
 .side-menu-item {
	 padding-top: 1.5rem;
	 padding-bottom: 1.5rem;
}
 @media (max-width: 575.98px) {
	 .side-menu-item {
		 padding-top: 0.25rem;
		 padding-bottom: 0.25rem;
	}
}
 @media (min-width: 992px) {
	 .side-menu-item + .side-menu-item::before {
		 content: '';
		 position: absolute;
		 top: 0;
		 bottom: 0;
		 left: 20%;
		 border-top: 1px solid rgba(255, 255, 255, 0.2);
		 width: 60%;
		 height: 1px;
	}
}
 @media (max-width: 991.98px) {
	 .side-menu-item + .side-menu-item::before {
		 content: '';
		 position: absolute;
		 border-left: 1px solid rgba(255, 255, 255, 0.2);
		 left: 0;
		 width: 1px;
		 height: 70%;
	}
}
 .side-menu-item a {
	 text-decoration: none;
}
 .side-menu .img-icon {
	 width: 40%;
	 max-width: 70px;
}
 @media (max-width: 767.98px) {
	 .side-menu .img-icon {
		 max-width: 50px;
	}
}
 .side-menu h3 {
	 font-size: 0.8rem;
	 font-weight: 400;
	 letter-spacing: 1px;
	 text-transform: uppercase;
	 color: #fff;
	 word-break: normal;
	 max-width: 100%;
	 padding-left: 1rem;
	 padding-right: 1rem;
}
 .bg-danger {
	 background-color: #af1b19 !important;
}
 .dropshadow {
	 position: absolute;
	 height: 100%;
	 width: 100%;
}
 @media (min-width: 992px) {
	 .dropshadow:before {
		 position: absolute;
		 content: '';
		 bottom: -100%;
		 left: 82%;
		 z-index: -800;
		 width: 100%;
		 height: 100%;
		 min-height: 400px;
		 background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0.05), rgba(255, 255, 255, 0), rgba(255, 255, 255, 0));
		 transform: skewX(-315deg);
		 background-blend-mode: darken;
		 margin-top: -5px;
		 margin-left: -18px;
	}
	 .dropshadow:after {
		 position: absolute;
		 content: '';
		 top: 30.25%;
		 left: 100%;
		 z-index: -800;
		 width: 100%;
		 height: 100%;
		 background-image: linear-gradient(90deg, rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0.05), rgba(255, 255, 255, 0));
		 transform: skewY(45deg);
		 background-blend-mode: darken;
		 margin-top: 10px;
		 margin-left: -2px;
	}
}
 .img-icon {
	 display: inline-block;
	 position: relative;
	 left: 0;
	 top: 0;
	 text-align: center;
	 overflow: hidden;
	 box-sizing: border-box;
	 transition: 0.15s ease-in-out;
}
 .img-icon-sm {
	 height: 25px;
	 width: 25px;
}
 .img-icon-xs {
	 height: 15px;
	 width: 15px;
}
 .img-icon-xxs {
	 height: 10px;
	 width: 10px;
}
 .img-icon:active {
	 left: 0px;
	 top: 0px;
}
 .img-icon {
	 z-index: 701;
}
/* .img-icon:hover {
	 z-index: 700;
	 -webkit-filter: drop-shadow(1px 1px 0px #D80000) drop-shadow(2px 2px 0px #D80000) drop-shadow(3px 3px 0px #D80000) drop-shadow(4px 4px 0px #D80000) drop-shadow(5px 5px 0px #D80000) drop-shadow(6px 6px 0px #D80000) drop-shadow(7px 7px 0px #D80000) drop-shadow(8px 8px 0px #D80000) drop-shadow(9px 9px 0px #D80000) drop-shadow(10px 10px 0px #D80000) drop-shadow(11px 11px 0px #D80000) drop-shadow(12px 12px 0px #D80000) drop-shadow(13px 13px 0px #D80000) drop-shadow(14px 14px 0px #D80000) drop-shadow(15px 15px 0px #D80000) drop-shadow(16px 16px 0px #D80000) drop-shadow(17px 17px 0px #D80000) drop-shadow(18px 18px 0px #D80000) drop-shadow(19px 19px 0px #D80000) ;
	 filter: drop-shadow(1px 1px 0px #D80000) drop-shadow(2px 2px 0px #EF0000) drop-shadow(3px 3px 0px #EF0000) drop-shadow(8px 8px 2px #EF0000) drop-shadow(9px 9px 4px #EF0000) ;
}
 */
 .side-menu-item h3 {
	 z-index: 702;
	 display: block;
	 position: relative;
}
/* SIDE IMAGE */
 .content-wrap {
	 max-width: 1600px !important;
}
 .bg-light.content {
	 padding-left: 0 !important;
	 padding-right: 0 !important;
	 margin-left: 0 !important;
	 margin-right: 0 !important;
	 width: 100%;
	 padding-top: 3rem;
	 background-color: rgba(220, 220, 220, 0.5) !important;
}
 .bg-light.content .row {
	 margin-left: 0;
	 margin-right: 0;
}
 .content-white {
	 background-color: rgba(255, 255, 255, 0.75) !important;
	 padding-bottom: 1rem;
	 padding-top: 1rem;
	 box-shadow: 0 -10px 15px rgba(255, 255, 255, 0.5);
}
 div.content-white + div.bg-light.content div.content-body {
	 padding-top: 0.5rem;
}
 .img-side-wrap {
	 position: relative;
	 width: 100%;
	 overflow: hidden;
	 margin-top: 1rem;
	 margin-bottom: 1rem;
	 max-height: 600px;
}
 .img-side-wrap-half {
	 margin-bottom: -50%;
}
 .img-scroll-side {
	 position: relative;
	 width: 100%;
	 max-width: 600px;
	 overflow: hidden;
}
 .img-scroll-side:before {
	 content: "";
	 display: block;
	 padding-top: 100%;
}
 .img-side {
	 position: absolute;
	 top: 0;
	 width: 100%;
	 margin-top: -10%;
	 float: right;
	 transition: all 0.1s ease !important;
}
 @media (max-width: 767.98px) {
	 .bg-light.content {
		 margin-top: 4rem;
	}
	 .bg-light.content .row {
		 margin-left: 0 !important;
		 margin-right: 0 !important;
	}
	 .img-side-wrap {
		 width: calc(100% - 5rem);
		 margin-top: 0 !important;
		 position: relative;
		 margin-left: auto;
		 margin-right: auto;
		 margin-bottom: 2rem;
	}
	 .img-scroll-side {
		 position: relative;
		 width: 100%;
	}
	 .img-side {
		 float: right;
		 margin-top: -10%;
	}
}
 @media (max-width: 575.98px) {
	 .bg-light.content {
		 margin-top: 5rem;
	}
	 .img-side-wrap {
		 width: 100%;
		 margin-top: 1rem !important;
		 position: relative;
		 margin-left: auto;
		 margin-right: auto;
		 margin-bottom: 2rem;
	}
	 .img-side {
		 margin-top: -20%;
		 margin-bottom: 1rem;
	}
}
 .content-title {
	 padding-right: 1rem !important;
	 padding-left: 1rem !important;
	 min-height: 300px;
}
 hr.title-line {
	 margin-top: 2rem;
	 margin-bottom: 2rem;
	 border-top: 5px solid #000;
	 -webkit-animation: hairline 1.5s 1 forwards;
	 animation: hairline 1.5s 1 forwards;
	 left: 4rem;
	 position: absolute;
	 -webkit-animation-timing-function: ease;
	 animation-timing-function: ease;
}
 @-webkit-keyframes hairline {
	 0% {
		 width: 0%;
	}
	 100% {
		 width: calc(100% - 8rem);
	}
}
 @keyframes hairline {
	 0% {
		 width: 0%;
	}
	 100% {
		 width: calc(100% - 8rem);
	}
}
 @media (max-width: 767.98px) {
	 .content-title {
		 min-height: 100px !important;
		 padding-top: 160px;
	}
}
 @media (max-width: 575.98px) {
	 .content-title {
		 padding-top: 100px;
	}
}
 .content-title + .title-scroll {
	 margin-top: -300px;
}
 .content-title h1 {
	 font-family: 'Oswald', sans-serif;
	 font-weight: 500;
	 color: #000;
	 text-transform: uppercase;
	 font-size: calc(3vw + 2vh + 2.9vmin);
	 text-align: right;
	 margin-bottom: 1rem;
	 word-break: normal;
	 hyphens: auto;
}
 .content-title p, .content-title p a:link {
	 font-weight: 500;
	 color: #545454;
	 text-transform: uppercase;
	 font-size: 0.8rem;
	 text-align: right;
	 margin: 0;
}
 .content-subtitle {
	 padding-left: 5rem !important;
	 padding-right: 5rem !important;
	 padding-bottom: 2rem;
	 max-width: 700px;
}
 .content-subtitle img.img-notice {
	 opacity: 0.8;
	 width: 5rem;
	 height: 5rem;
	 padding-right: 1rem;
	 display: block;
	 position: relative;
}
 .content-body {
	 padding-left: 2rem !important;
	 padding-right: 2rem !important;
	 z-index: 632;
}
 @media (min-width: 768px) {
	 .content-body {
		 padding-left: 5rem !important;
		 padding-right: 5rem !important;
		 padding-bottom: 2rem;
		 max-width: 700px;
	}
}
 .content-subtitle-line {
	 position: relative;
	 height: 5rem;
}
 .col-12.content-body {
	 max-width: 1600px;
}
 .content-body .row {
	 margin-left: 0;
	 margin-right: 0;
}
 @media (max-width: 767.98px) {
	 .content-title h1 {
		 font-size: 4rem;
		 line-height: 1;
	}
	 .content-title h1, .content-title p, .content-title p a:link {
		 text-align: center;
	}
	 .content-subtitle {
		 padding-left: 1rem !important;
		 padding-right: 1rem !important;
	}
	 .content-subtitle, .content-body {
		 padding-left: 2rem !important;
		 padding-right: 2rem !important;
	}
}
 @media (max-width: 575.98px) {
	 .content-title h1 {
		 font-size: 4rem;
		 margin-top: -2rem;
		 margin-bottom: -0.5rem;
	}
}
 .content-subtitle, .content-body {
	 max-width: 700px;
}
 .content-body + h2.text-oswald.text-dark {
	 margin-top: 3rem !important;
}
 .content h2, .content h4.h2, .content h3.h2 {
	 font-weight: 400;
	 font-size: 2.4rem;
	 text-align: left;
	 margin-top: 5px;
	 margin-bottom: 5px;
	 padding: 0;
	 color: #c00000;
}
 .content h3.h2 {
	 font-weight: 400 !important;
	 font-size: 2.4rem !important;
	 font-family: 'Lato', sans-serif;
	 text-transform: none;
}
 @media (max-width: 575.98px) {
	 .content h2 {
		 font-size: 1.7rem;
	}
}
 .content h2.text-oswald + h2 {
	 margin-top: 2rem;
}
 .content h2 + p, .content .content-subtitle p {
	 font-family: 'Lato', sans-serif;
	 font-weight: 400;
	 font-size: 0.9rem !important;
	 color: #595959;
	 letter-spacing: 1px;
	 margin-bottom: 0;
	 line-height: 1.5 !important;
	 margin-top: 0.5rem;
}
 .content h3, .h3, content h2.h3 {
	 font-family: 'Oswald', sans-serif;
	 font-weight: 500;
	 font-size: 1.5rem !important;
	 line-height: 1.2 !important;
	 text-align: left;
	 text-transform: uppercase;
	 margin: 0.75rem auto 0.75rem auto;
	 color: #000;
}
 .content h3.text-white {
	 color: #fff !important;
}
 .content h3 + h3 {
	 margin-top: 2rem;
}
 .content h4, .h4, h3.h4, p.h4, h2 + p.h4, .content-subtitle p.h4 {
	 font-weight: 400;
	 font-size: 1.1rem !important;
	 line-height: 1.5 !important;
	 text-align: left;
	 margin: 2rem auto 2rem auto;
	 color: #000;
	 letter-spacing: 0 !important;
}
 .content h5, .h5, .content h2.h5, .content h3.h5, .content h4.h5, .content h3 span.h5 {
	 font-family: 'Lato', sans-serif;
	 text-transform: uppercase;
	 font-weight: 400;
	 font-size: 0.85rem !important;
	 color: #595959;
	 letter-spacing: 1px;
	 line-height: 1.5;
}
 p.h5 {
	 text-transform: none;
}
 .content h5 + h5 {
	 margin-top: 2rem;
}
 @media (max-width: 575.98px) {
	 .content h2 {
		 font-size: 2.8rem;
		 margin-top: -1rem;
	}
}
 .content h6, .h6 {
	 font-weight: 900;
	 font-size: 0.8rem !important;
	 color: #595959;
}
 .content h5 + h3 {
	 margin-top: -0.5rem;
	 padding-top: 0;
}
 .content h3 + ul {
	 margin-top: 2rem;
}
 .content ul {
	 margin-top: 2rem;
	 margin-bottom: 2rem;
}
 .content dl {
	 margin-top: 4rem;
	 margin-bottom: 1rem;
}
 .content dt {
	 font-size: 0.7rem !important;
	 padding-top: 0.3rem;
	 padding-right: 1rem;
}
 .content p, .p, dd, li {
	 font-size: 0.95rem;
	 color: #595959;
	 line-height: 1.5rem;
}
 .content-body > ul.list-items {
	 margin-top: -1rem;
}
 .content ul.list-items li {
	 line-height: 1.5;
	 margin-top: 0.75rem;
	 margin-bottom: 0.25rem;
}
 .content p + p, .p {
	 margin-top: 0.5rem;
}
 .content p small {
	 line-height: 0.7 !important;
}
 .content a {
	 color: #a30000;
	 font-weight: 700;
	 outline: 0;
	 text-decoration: none;
	 font-size: 95%;
}
 .content a:hover, a:focus {
	 background-color: rgba(0, 0, 0, 0.005);
}
 .content .img-right-wrap {
	 padding-left: 5rem;
}
 #collapseDirections.collapse + div.content-white .content-subtitle h2.text-oswald.text-dark {
	 margin-top: 0;
}
 #collapseDirections.collapse.show + div.content-white .content-subtitle h2.text-oswald.text-dark {
	 margin-top: 2rem;
}
 .col-12.col-break {
	 height: 2rem;
}
 .list-group-item.text-oswald {
	 font-size: 1.2rem;
	 color: #000;
	 text-transform: uppercase;
}
 .list-group-item {
	 padding: 0.75rem 0.25rem;
}
 .list-group-flush .list-group-item:last-child {
	 border-bottom: 1px solid rgba(0, 0, 0, .125) !important;
}
 .list-group-flush .list-group-item:first-child {
	 border-top: 1px solid rgba(0, 0, 0, .125) !important;
}
 .list-group-item span.h5 {
	 padding: 0.75rem 0.25rem !important;
	 margin: 0 !important;
	 line-height: 0.9 !important;
}
 .list-group-item.bg-light.text-danger.font-weight-700 span.h5, .list-group-item.text-oswald.bg-light.text-danger span.icon-calendar, .list-group-item.text-oswald.bg-light.text-danger span.icon-time {
	 color: #af0000;
}
 .list-group-item.hours-alert {
	 font-size: 0.8rem;
	 line-height: 1.5;
}
 .list-group-item.h6.lead {
	 font-size: 1rem !important;
	 font-weight: 700;
	 color: #333;
}
 .list-group-item.hours-alert p {
	 font-size: 0.7rem !important;
	 margin: -0.5rem 0 0 0 !important;
	 padding: 0 !important;
	 line-height: 1;
}
/* TABLE */
 .table tr:first-child td, .table th:first-child {
	 border-top: none !important;
}
/* ICONS */
 .icon-calendar::before, .icon-time::before, .icon-user::before, .icon-time-alert::before {
	 content: "";
	 display: block;
	 width: 18px;
	 height: 18px;
	 float: left;
	 margin: 0 6px 0 0;
	 opacity: 0.3;
}
 .icon-calendar::before {
	 background: url("https://azteclanes.sdsu.edu/images/icons/icon-calendar.svg") no-repeat;
}
 .icon-time::before {
	 background: url("https://azteclanes.sdsu.edu/images/icons/icon-time.svg") no-repeat;
}
 .icon-user::before {
	 background: url("https://azteclanes.sdsu.edu/images/icons/icon-user.svg") no-repeat;
}
 .icon-time-alert::before {
	 background: url("https://azteclanes.sdsu.edu/images/icons/icon-alert.svg") no-repeat;
}
 .icon-location::before, .icon-phone::before, .icon-form::before, .icon-mail::before, .icon-facebook::before, .icon-instagram::before {
	 content: "";
	 display: block;
	 width: 45px;
	 height: 45px;
	 position: absolute;
	 margin-left: -53px;
	 margin-top: -12px;
	 opacity: 0.8;
}
 .icon-location::before {
	 background: url("https://azteclanes.sdsu.edu/images/icons/location-black.svg") no-repeat;
}
 .icon-phone::before {
	 background: url("https://azteclanes.sdsu.edu/images/icons/phone-black.svg") no-repeat;
}
 .icon-form::before {
	 background: url("https://azteclanes.sdsu.edu/images/icons/form-black.svg") no-repeat;
}
 .icon-mail::before {
	 background: url("https://azteclanes.sdsu.edu/images/icons/envelope-black.svg") no-repeat;
}
 .icon-facebook::before {
	 background: url("https://azteclanes.sdsu.edu/images/icons/facebook-black.svg") no-repeat;
}
 .icon-instagram::before {
	 background: url("https://azteclanes.sdsu.edu/images/icons/instagram-black.svg") no-repeat;
}
 h4.icon-location, h4.icon-phone, h4.icon-form, h4.icon-mail, h4.icon-facebook, h4.icon-instagram, h4.icon-mail {
	 position: relative;
	 display: block;
	 padding-left: 52px;
}
 a h4.icon-facebook, a h4.icon-instagram {
	 margin-bottom: 2rem;
	 font-weight: 600;
	 color: #a30000;
}
 h2.icon-location::before {
	 width: 75px;
	 height: 75px;
	 margin-left: -68px;
}
 h2.icon-location {
	 position: relative;
	 display: block;
	 padding-left: 52px;
}
 h2.icon-alert img {
	 position: relative;
	 margin-right: 10px;
	 margin-top: -10px;
	 width: 75px;
	 height: 75px;
}
 .card .card-header .icon-calendar::before {
	 margin: 0 6px 0 0;
	 opacity: 0.6;
}
 .list-group-item span.icon-calendar::before, .list-group-item span.icon-time::before {
	 margin: 4px 6px 0 0;
	 opacity: 0.4;
}
 #hours-schedule .list-group-item {
	 flex-wrap: wrap;
}
 .list-group-item span.icon-calendar {
	 width: 9rem;
	 min-width: 9rem;
}
 .list-group-item span.icon-time {
	 width: calc(100% - 9rem);
}
 .list-group-item span.icon-time span.icon-wrap {
	 min-width: 8rem;
	 display: inline-block;
	 vertical-align: top;
}
 .list-group-item span.icon-time-alert {
	 position: relative;
	 display: inline-block;
	 min-width: 9rem;
}
 .list-group-item span.icon-time-alert small {
	 font-family: 'Lato', sans-serif;
	 font-size: 9px;
	 color: #595959;
	 text-transform: none;
	 line-height: 1 !important;
	 display: block;
	 margin-bottom: 3px;
	 padding-left: 1.6rem;
}
 .list-group-item span.icon-time-alert small:nth-of-type(1) {
	 margin-top: 3px;
}
 .icon-arrow {
	 width: 20%;
	 min-width: 30px;
	 max-width: 35px;
	 position: relative;
	 display: inline-block;
	 padding: 0;
	 margin: 1rem 0 -1rem 0;
	 opacity: 0.3 !important;
	 transition: all 0.3s ease;
}
 a img.icon-arrow {
	 opacity: 0.7 !important;
}
 a img.icon-arrow:hover {
	 opacity: 1 !important;
}
/* SCROLL ANIMATIONS */
 .container-scroll {
	 width: 100% !important;
	 height: 250px;
	 max-height: 400px !important;
	 overflow: visible;
	 margin-bottom: -100px;
	 margin-top: 100px;
	 z-index: 600;
	 position: relative;
	 display: block;
	 border: 1px solid rgba(255, 255, 255, 0);
	 opacity: 0.05;
	 mix-blend-mode: multiply;
}
 .title-scroll {
	 opacity: 0.05;
}
 @media (max-width: 575.98px) {
	 .container-scroll-billiard {
		 height: 150px;
		 margin-top: 100px;
	}
}
 @media (min-width: 576px) {
	 .container-scroll {
		 height: 250px;
		 margin-top: 100px;
	}
	 .container-scroll-billiard {
		 height: 150px;
		 margin-top: 100px;
	}
}
 @media (min-width: 768px) {
	 .container-scroll {
		 height: 250px;
		 margin-top: 100px;
	}
}
 @media (min-width: 992px) {
	 .container-scroll {
		 height: 250px;
		 margin-top: 150px;
	}
}
 @media (min-width: 1200px) {
	 .container-scroll {
		 height: 250px;
		 margin-top: 175px !important;
	}
}
 .margin-top--100 {
	 margin-top: -100% !important;
}
 .margin-top-50 {
	 margin-top: 50%;
}
 .margin-top-5 {
	 margin-top: 5%;
}
 .margin-top-10 {
	 margin-top: 10%;
}
 .margin-top-25 {
	 margin-top: 25%;
}
 .margin-top--25 {
	 margin-top: -25%;
}
 .margin-top--50 {
	 margin-top: -50% !important;
}
 .margin-bottom--100 {
	 margin-bottom: -100%;
}
 .margin-bottom--25 {
	 margin-bottom: -25%;
}
 .margin-bottom--5 {
	 margin-bottom: -5%;
}
 .margin-bottom-5 {
	 margin-bottom: 5%;
}
 .margin-bottom-25 {
	 margin-bottom: 25%;
}
 .margin-left--50 {
	 margin-left: -100%;
}
 .padding-top-25 {
	 padding-top: 25%;
}
 .line-height-sm {
	 line-height: 1.5 !important;
}
 .flip {
	 -webkit-transform: scaleX(-1);
	 transform: scaleX(-1);
	 float: right;
}
 .container-scroll-left {
	 margin-bottom: -200px !important;
	 margin-top: -50px !important;
	 margin-left: 100px;
}
 .container-scroll-left-tall {
	 margin-bottom: 0 !important;
	 margin-top: -250px !important;
}
 .container-scroll-right-short {
	 margin-bottom: 0 !important;
	 margin-top: -250px !important;
}
 @media (min-width: 1200px) {
	 .container-scroll-left-tall {
		 margin-bottom: -150px !important;
		 margin-top: -100px !important;
	}
}
 .container-scroll-right {
	 margin-bottom: -100px !important;
	 margin-top: -150px !important;
}
 .container-scroll-shoes {
	 margin-bottom: -250px !important;
	 margin-top: 0 !important;
	 margin-left: 10%;
	 height: 250px;
}
 @media (max-width: 991.98px) {
	 .container-scroll-right {
		 margin-bottom: -200px !important;
		 margin-top: -50px !important;
	}
}
 @media (max-width: 767.98px) {
	 .container-scroll-left {
		 margin-bottom: -20% !important;
		 margin-top: 10% !important;
	}
	 .container-scroll-right {
		 margin-bottom: -20% !important;
		 margin-top: 10% !important;
	}
}
 @media (max-width: 575.98px) {
	 .container-scroll-left {
		 margin-bottom: -50% !important;
		 margin-top: 10% !important;
	}
	 .container-scroll-right {
		 margin-bottom: -50% !important;
		 margin-top: 50px !important;
	}
}
 .container-scroll .scroll-bowling-ball {
	 left: -35%;
	 position: relative;
	 z-index: 605;
}
 .container-scroll .scroll-bowling-ball img {
	 margin-top: 200%;
	 transform: scale(1.3);
}
 .container-scroll .scroll-bowling-pin {
	 padding-left: -10%;
	 padding-right: -10%;
	 width: 120%;
}
 .container-scroll .scroll-bowling-pin img {
	 margin-top: -50px;
	 position: relative;
}
 .container-scroll .scroll-bowling-pin img.img-scroll-1 {
	 z-index: 602;
	 padding-right: 20%;
}
 .container-scroll .scroll-bowling-pin img.img-scroll-2 {
	 transform: scale(1.1);
	 z-index: 602;
	 padding-right: 20%;
	 margin-left: -20%;
}
 .container-scroll .scroll-bowling-pin img.img-scroll-3 {
	 transform: scale(1.2);
	 z-index: 603;
	 margin-right: 20%;
	 margin-left: -45%;
}
 .container-scroll .scroll-bowling-pin img.img-scroll-4 {
	 transform: scale(1.3);
	 z-index: 608;
	 margin-top: -10%;
}
 .container-scroll .scroll-bowling-pin img.img-scroll-5 {
	 transform: scale(1.2);
	 z-index: 605;
	 margin-right: -45%;
	 float: right;
}
 .container-scroll .scroll-bowling-pin img.img-scroll-6 {
	 transform: scale(1.1);
	 z-index: 604;
	 padding-left: 20%;
	 margin-right: -20%;
	 float: right;
}
 .container-scroll .scroll-bowling-pin img.img-scroll-7 {
	 z-index: 601;
	 padding-left: 20%;
}
 .container-scroll-left-tall .scroll-bowling-pin img.img-scroll-0, .container-scroll-left-tall .scroll-bowling-pin img.img-scroll-1 {
	 transform: scale(0.8);
	 margin-top: -375px;
	 margin-left: -75%;
	 padding-left: 0;
	 padding-right: 0;
}
 .container-scroll-left-tall .scroll-bowling-pin img.img-scroll-0 {
	 margin-left: -200%;
}
 .container-scroll-left-tall .scroll-bowling-pin img.img-scroll-2 {
	 transform: scale(1.2);
	 margin-top: -350px;
	 margin-left: -75%;
	 padding-left: 5%;
	 padding-right: 5%;
}
 .container-scroll-left-tall .scroll-bowling-ball img.img-scroll-3 {
	 margin-top: 250%;
	 margin-left: 0;
	 padding-left: 0;
	 padding-right: 0;
}
 .container-scroll-right-short .scroll-bowling-pin img.img-scroll-0, .container-scroll-right-short .scroll-bowling-pin img.img-scroll-1, .container-scroll-right-short .scroll-bowling-pin img.img-scroll-2 {
	 transform: scale(1.2);
	 margin-bottom: 0 !important;
	 margin-left: 0 !important;
	 margin-right: 0 !important;
	 margin-top: 5% !important;
	 width: 65% !important;
	 padding-right: 0 !important;
	 padding-left: 0 !important;
	 padding-top: 0 !important;
	 padding-bottom: 0 !important;
}
 .container-scroll-right-short img.img-scroll-3 {
	 transform: scale(1.2);
	 margin-bottom: 0;
	 margin-left: -200%;
	 margin-right: 0;
	 margin-top: 45%;
	 width: 59%;
	 padding-right: 0;
	 padding-left: 0;
	 padding-top: 0;
}
 .container-scroll .scroll-billiard-cue img {
	 margin-left: -230%;
	 margin-top: 20%;
	 transform: scale(5);
	 overflow: visible;
}
 .billiard-triangle {
	 transform: rotate(90deg) translate(-25%, -75%);
}
 .scroll-billiard-ball {
	 margin: 0;
	 margin: -2px !important;
}
 .container-scroll .scroll-billiard-ball img {
	 width: calc(100% + 14px);
	 height: calc(100% + 14px);
	 padding: 0 !important;
}
 .container-scroll .scroll-tennis-paddle .img-paddle-1 {
	 transform: rotate(-15deg) scale(1.1);
	 margin-top: -40%;
	 margin-left: -50%;
}
 .img-tennis-ball {
	 transform: scale(1.1);
	 margin-left: -100%;
	 margin-top: 15%;
}
 .container-scroll .img-video {
	 transform: rotate(-5deg) scale(1.6);
	 margin-top: 10%;
	 margin-left: 30%;
	 padding-right: -50%;
}
 @media (min-width: 992px) {
	 .container-scroll .scroll-tennis-paddle .img-paddle-1 {
		 transform: rotate(-15deg) scale(1.5);
		 margin-top: -70%;
	}
	 .img-tennis-ball {
		 transform: scale(1.5);
		 margin-top: -15%;
	}
	 .container-scroll .img-video {
		 transform: rotate(-5deg) scale(1.6);
		 margin-top: 10%;
		 margin-left: 30%;
		 padding-right: -50%;
	}
}
 @media (max-width: 767.98px) {
	 .container-scroll .scroll-tennis-paddle .img-paddle-1 {
		 margin-top: -50%;
	}
	 .img-tennis-ball {
		 transform: scale(1.1);
		 margin-left: -100%;
		 margin-top: 15%;
	}
	 .container-scroll .img-video {
		 transform: rotate(-5deg) scale(1.6);
		 margin-top: 10%;
		 margin-left: 30%;
		 padding-right: -50%;
	}
}
 .container-scroll .scroll-tennis-paddle .img-paddle-2 {
	 transform: rotate(-40deg) scale(1.5);
	 margin-top: -40%;
	 margin-left: -20%;
}
 .container-scroll .img-video2 {
	 transform: rotate(30deg) scale(1.2);
	 margin-top: 40%;
	 margin-left: -75%;
}
 .scroll-bowling-shoe img {
	 transform: rotate(-10deg) scale(1.5);
	 margin-top: 10%;
}
 .scroll-bowling-shoe .img-scroll-1, .scroll-bowling-shoe .img-scroll-2 {
	 margin-left: -170%;
}
 .scroll-bowling-shoe .img-scroll-2 {
	 margin-top: -70%;
}
 .scroll-balloon img {
	 z-index: 800 !important;
	 position: relative;
	 display: block;
}
 .scroll-balloon img.img-scroll-0 {
	 transform: scale(2);
	 margin-left: -50%;
}
 .scroll-balloon img.img-scroll-1 {
	 transform: scale(1.8);
	 margin-left: -50%;
	 margin-top: 50%;
}
 .scroll-balloon img.img-scroll-2 {
	 transform: scale(1.5);
	 margin-left: -50%;
}
 .string-0 {
	 margin-left: -50%;
}
 .scroll-balloon img.img-scroll-3 {
	 transform: scale(2.5);
	 margin-left: -50%;
}
 .scroll-balloon img.img-scroll-4 {
	 transform: scale(2.7);
	 margin-top: 50%;
	 margin-left: -100%;
}
 .scroll-balloon-string {
	 position: absolute;
	 top: 50%;
	 bottom: 0;
	 left: 0;
	 right: 0;
	 overflow: hidden;
	 width: 100%;
	 height: 100% !important;
	 min-height: 300px;
	 z-index: 603 !important;
	 display: block;
	 text-align: center;
}
 .scroll-balloon-string-img {
	 background-image: url(https://azteclanes.sdsu.edu/images/scroll-assets/w-line-balloon-string.svg);
	 position: absolute;
	 margin: 0 auto !important;
	 padding: 0 !important;
	 width: 100%;
	 height: 200%;
	 background-position: center;
	 background-size: 100% 50%;
	 background-repeat: repeat-y !important;
	 z-index: 603 !important;
	 transform-origin: center bottom;
	 animation: string_wave 5s infinite;
	 animation-direction: alternate;
}
 .string-0 div, .string-2 div, .string-3 div {
	 animation: string_wave2 3s infinite;
	 animation-delay: 0.32s;
	 animation-direction: alternate;
}
 .string-1 {
	 margin-left: -50%;
}
 .string-2 {
	 margin-left: -50%;
}
 .string-3 {
	 margin-right: -50%;
}
 .string-4 {
	 margin-left: -80%;
}
 @keyframes string_wave {
	 0% {
		 transform: translateY(0) translateZ(0) scaleX(0.6);
	}
	 50% {
		 transform: translateY(-10%) translateZ(0) scaleX(0.45);
	}
	 100% {
		 transform: translateY(-20%) translateZ(0) scaleX(0.6);
	}
}
 @keyframes string_wave2 {
	 0% {
		 transform: translateY(0) translateZ(0) scaleX(0.4);
	}
	 50% {
		 transform: translateY(-5%) translateZ(0) scaleX(0.7);
	}
	 100% {
		 transform: translateY(-10%) translateZ(0) scaleX(0.4);
	}
}
 .img-scroll {
	 opacity: 0.05;
}
 .rotate-45 {
	 transform: rotate(45deg);
}
 .rotate-120 {
	 transform: rotate(120deg);
}
 .rotate-250 {
	 transform: rotate(250deg);
}
 .title-scroll {
	 height: 300px;
}
 .title-scroll.title-scroll-three-pins .scroll-bowling-pin .img-scroll-2 {
	 margin-right: -50%;
	 margin-top: -40%;
	 float: right;
	 transform: scale(1) rotate(10deg);
}
 .title-scroll.title-scroll-three-pins .scroll-bowling-pin .img-scroll-3 {
	 margin-right: -50%;
	 margin-top: -30%;
	 float: right;
	 transform: scale(1.1) rotate(15deg);
}
 @media (max-width: 767.98px) {
	 .title-scroll.title-scroll-three-pins .scroll-bowling-pin .img-scroll-2 {
		 margin-right: 20%;
		 margin-top: 40%;
	}
	 .title-scroll.title-scroll-three-pins .scroll-bowling-pin .img-scroll-3 {
		 margin-right: 10%;
		 margin-top: 80%;
	}
}
 @media (max-width: 991.98px) {
	 .title-scroll.title-scroll-three-pins .scroll-bowling-pin .img-scroll-2 {
		 margin-right: 20%;
		 margin-top: 40%;
	}
	 .title-scroll.title-scroll-three-pins .scroll-bowling-pin .img-scroll-3 {
		 margin-right: 10%;
		 margin-top: 80%;
	}
}
/* CARD */
 .card-deck {
	 justify-content: center;
	 margin-top: 2rem;
	 margin-bottom: 2rem;
}
 @media (max-width: 575.98px) {
	 .card-deck.text-center .card, .card-deck .card {
		 margin-left: auto !important;
		 margin-right: auto !important;
	}
}
 .card {
	 border-radius: 0;
	 border: 0;
	 width: 100%;
	 min-width: 150px;
	 max-width: 300px !important;
	 text-align: center !important;
	 padding-bottom: 2rem;
	 margin-top: 1.5rem;
	 z-index: 2300;
}
 @media (max-width: 991.98px) {
	 .card-deck-4 .card {
		 min-width: 250px;
		 max-width: 300px !important;
	}
}
 @media (max-width: 575.98px) {
	 .card-deck-4 .card {
		 min-width: 150px;
		 max-width: 300px !important;
	}
}
 .card-wide {
	 max-width: 930px !important;
}
 .card-wide .list-group-item, .card-wide .list-group-item:last-child, .card-wide .list-group-item:first-child {
	 border: none !important;
	 border-top: none !important;
	 border-bottom: none !important;
}
 .card-wide ul {
	 margin-top: 0;
	 margin-bottom: 0;
	 padding-bottom: 0;
}
 .card-deck-list .card {
	 padding-bottom: 0;
}
 @media (max-width: 767.98px) {
	 .card-deck-list .card {
		 max-width: none !important;
	}
}
 .card-deck-list .card ul.list-group {
	 margin-top: 0;
	 margin-bottom: 0;
}
 @media (max-width: 1199.98px) {
	 .card-deck-list.card-deck-list-4 .card {
		 min-width: calc(50% - 50px) !important;
	}
}
 @media (max-width: 767.98px) {
	 .card-deck-list.card-deck-list-4 .card {
		 min-width: 300px !important;
	}
}
 .card > .list-group:last-child .list-group-item:last-child {
	 border-radius: 0;
	 border-bottom: none !important;
}
 .card.bg-danger, .card.border-danger {
	 max-width: 100% !important;
}
 .card.bg-light {
	 outline: 1px solid #dadada;
}
 .card h5, .card h3.h5 {
	 margin: 0 auto;
	 text-align: center;
}
 .card-img-icon {
	 width: 20%;
	 min-width: 50px;
	 max-width: 60px;
	 opacity: 0.4;
	 margin: 2rem auto 0.5rem auto;
}
 .card-img-direction {
	 width: 20%;
	 min-width: 1rem;
	 max-width: 1.5rem;
	 opacity: 0.6;
	 margin-left: 0.5rem;
	 margin-right: 0.5rem;
}
 img.card-img-direction + span {
	 display: inline-block;
	 max-width: calc(100% - 3.5rem) !important;
	 font-size: 0.85rem;
	 line-height: 1.2;
}
 .card small, .card span.small {
	 font-size: 0.7rem;
	 line-height: 0.8rem !important;
	 display: block;
}
 .card-img-icon + h5 {
	 margin-top: 0;
}
 .card h2.text-oswald, .card h4.h2.text-oswald {
	 font-size: 3.8rem !important;
	 margin-bottom: 0.75rem;
	 margin-left: -1rem;
	 margin-right: -1rem;
}
 .card-deck-alerts {
	 margin-top: 2rem;
	 margin-bottom: 2rem;
	 text-align: center;
	 justify-content: center !important;
	 align-content: center;
	 flex-direction: row;
	 flex-wrap: wrap;
}
 .card-deck-alerts .card {
	 padding: 0;
	 padding-bottom: -10px;
	 margin-top: 1rem;
	 flex-basis: 200px;
	 flex-grow: 1;
	 margin-left: 5px;
	 margin-right: 5px;
	 margin-bottom: 0;
	 margin-top: 10px;
}
 @media (max-width: 575.98px) {
	 .card-deck-alerts {
		 flex-direction: column;
	}
	 .card-deck-alerts .card {
		 width: 100%;
		 display: block;
		 flex: 1 1 100%;
		 max-width: 100% !important;
		 margin-bottom: 0 !important;
	}
}
 @media (min-width: 576px) {
	 .card-columns {
		 column-count: 2 !important;
	}
}
 @media (min-width: 768px) {
	 .card-columns {
		 column-count: 3 !important;
	}
}
 @media (min-width: 992px) {
	 .card-columns {
		 column-count: 4 !important;
	}
}
 @media (min-width: 1200px) {
	 .card-columns {
		 column-count: 5 !important;
	}
}
 .card-deck-wide .card {
	 flex: 1 0 100%;
}
 @media (min-width: 992px) {
	 .card-deck-wide .card {
		 flex: 1 0 0%;
	}
}
 .card .btn-lg {
	 max-width: calc(100% - 2rem);
}
 .alert-card-placeholder {
	 width: 200px;
	 height: 0px;
	 margin: 5px;
	 flex-basis: 200px;
	 flex-grow: 1;
	 border: 0 !important;
	 background-color: none !important;
	 outline: 0;
	 padding: 0;
}
 .card-deck-alerts .card {
	 width: initial !important;
}
 .card-deck-alerts .card .card-header {
	 border: 1px solid rgba(0, 0, 0, .1);
	 border-radius: 0;
	 line-height: 1 !important;
	 padding-top: 1.1rem;
	 padding-left: 1rem;
	 padding-right: 1rem;
}
 .card-deck-alerts .card .card-body {
	 padding-top: 0.5rem;
	 padding-bottom: 0.75rem;
	 padding-left: 1rem;
	 padding-right: 1rem;
	 margin-top: -0.1;
	 border-bottom: 1px solid rgba(0, 0, 0, .1);
	 border-left: 1px solid rgba(0, 0, 0, .1);
	 border-right: 1px solid rgba(0, 0, 0, .1);
}
 .card-deck-alerts .card .card-body h6, .card-deck-alerts .card .card-body .h6 {
	 margin-top: 0.5rem;
	 margin-bottom: 0;
	 line-height: 1.5;
}
 .card-deck-alerts .card .card-body p {
	 font-size: 0.7rem;
	 line-height: 1.5;
	 margin-top: 0.5rem;
}
 .card-deck-alerts .card .card-body p.icon-time {
	 text-transform: none !important;
	 margin-left: 20px;
	 text-indent: -20px;
}
 .card-deck-alerts .card .card-body p.icon-time::before {
	 height: 15px;
	 width: 15px;
	 margin-bottom: -3px;
	 opacity: 0.6;
	 display: inline-block;
	 float: none;
}
 .card-deck-alerts .card .card-body p.icon-time + p, .card-deck-alerts .card .card-body p.icon-time + p.h6, .card-deck-alerts .card .card-body p.icon-time + p.h6 + p {
	 margin-left: 20px;
}
 .card-deck-alerts .card .card-body p.icon-time + p + p.icon-time {
	 border-top: 1px solid rgba(0, 0, 0, 0.1);
	 padding-top: 0.5rem;
	 margin-top: -0.25rem;
}
 .card-deck-alerts .card .card-body .h6 + p {
	 margin-top: 0 !important;
}
 h2.text-oswald.text-dark, h4.h2.text-oswald.text-dark {
	 font-family: 'Oswald', sans-serif;
	 font-size: 4rem;
}
 @media (max-width: 575.98px) {
	 h2.text-oswald.text-dark, h4.h2.text-oswald.text-dark {
		 font-size: 3rem;
	}
}
/* FORM */
 main form {
	 max-width: 800px;
	 margin: 5rem auto 5rem auto;
	 padding: 1rem;
}
 main legend {
	 margin-bottom: 3rem;
	 font-family: 'Oswald', sans-serif;
	 font-weight: 500;
	 font-size: 4rem;
	 line-height: 1;
	 text-align: center;
	 text-transform: uppercase;
	 margin-bottom: 2rem;
	 color: #333;
}
 @media (max-width: 575.98px) {
	 main legend {
		 font-size: 3rem;
	}
}
 main form p {
	 padding-right: 1rem;
	 padding-left: 1rem;
}
 main label {
	 text-align: left !important;
}
 .label-group-push {
	 margin-top: 1rem;
	 padding-top: 2rem;
	 padding-left: 3rem !important;
}
 .label-check-input-group-push .custom-checkbox {
	 padding-left: 0.5rem;
}
 .label-check-input-group-push .form-check-input {
	 margin-left: -1.25rem !important;
}
 .label-check-input-group-push .form-check-input + .form-control-sm {
	 margin-left: -3.5rem !important;
	 margin-right: 0 !important;
}
 @media (max-width: 575.98px) {
	 .label-group-push {
		 padding-top: 0.5rem;
	}
	 .label-check-input-group-push .custom-checkbox {
		 padding-left: 2.5rem;
	}
	 .label-check-input-group-push .form-check-input {
		 margin-left: -1.25rem !important;
	}
	 .label-check-input-group-push .form-check-input + .form-control-sm {
		 margin-left: -3.5rem !important;
		 margin-right: 0 !important;
	}
}
 label, .label {
	 display: block;
	 margin: auto;
	 font-weight: 700;
	 line-height: 1.5 !important;
	 font-family: sans-serif;
	 font-size: 0.8em;
	 letter-spacing: 1px;
	 color: #595959 !important;
	 transition: ease 0.3s;
	 text-transform: uppercase;
	 width: 100%;
	 z-index: 1020;
	 touch-action: manipulation;
	 margin-top: 3.5rem;
	 padding-left: 1rem;
}
 .label {
	 text-transform: none;
	 margin-left: 2rem !important;
}
 @media (max-width: 575.98px) {
	 form p.label {
		 padding-top: 0rem;
		 margin-left: 1rem !important;
		 margin-bottom: -1rem;
	}
}
 .col-sm-4 label, .col-sm-4 p.label {
	 margin-right: -1rem !important;
}
 .col-sm-4 label, .col-sm-4 p.label {
	 margin-right: -1rem !important;
}
 .col-sm-8 input {
	 margin-left: 2rem !important;
	 margin-right: 1rem !important;
	 width: calc 100% -3rem;
}
 footer label {
	 margin-top: -2rem;
}
 main .label {
	 margin-top: 3.2rem;
	 margin-left: 1rem;
	 font-size: 0.8em;
}
 main p.label {
	 margin-top: 3.2rem;
	 margin-left: 1rem;
	 font-size: 0.8em;
}
 main .label small {
	 line-height: 1.5 !important;
	 text-transform: none;
	 display: inline-block;
	 letter-spacing: 0;
	 font-size: 0.7rem;
	 margin-top: 0.2rem;
}
 footer[type=search], input[type=search].form-control, input[type=search]:focus, input[type=search]:active, input[type=text], input[type=text].form-control, input[type=text]:focus, input[type=text]:active, input[type=email], input[type=email].form-control, input[type=email]:focus, input[type=email]:active, input[type=tel], input[type=tel].form-control, input[type=tel]:focus, input[type=tel]:active, input[type=number], input[type=number].form-control, input[type=number]:focus, input[type=number]:active, input[type=password], input[type=password].form-control, input[type=password]:focus, input[type=password]:active, input[type=username], input[type=username].form-control, input[type=username]:focus, input[type=username]:active, textarea, textarea.form-control, textarea:focus, textarea:active, .form-control:focus {
	 width: 100%;
	 padding: 10px;
	 background: transparent !important;
	 border: none;
	 outline: none !important;
	 border-radius: 0 !important;
	 border-bottom: 2px solid #888;
	 z-index: 1030;
	 position: relative;
	 display: block;
	 font-size: 1.5rem;
	 margin: 1rem;
	 margin-top: 1.5rem;
	 margin-right: 2rem;
	 touch-action: manipulation;
	 -webkit-box-shadow: none;
	 box-shadow: none;
}
 @media (max-width: 575.98px) {
	 footer[type=search], input[type=search].form-control, input[type=search]:focus, input[type=search]:active, input[type=text], input[type=text].form-control, input[type=text]:focus, input[type=text]:active, input[type=email], input[type=email].form-control, input[type=email]:focus, input[type=email]:active, input[type=tel], input[type=tel].form-control, input[type=tel]:focus, input[type=tel]:active, input[type=password], input[type=password].form-control, input[type=password]:focus, input[type=password]:active, input[type=username], input[type=username].form-control, input[type=username]:focus, input[type=username]:active, textarea, textarea.form-control, textarea:focus, textarea:active {
		 width: calc(100% - 4rem);
		 min-width: calc(100% - 4rem);
		 max-width: calc(100% - 4rem);
	}
	 main label {
		 margin-left: 1rem;
		 margin-bottom: -1rem;
	}
}
 textarea, textarea.form-control, textarea:focus, textarea:active {
	 margin-left: 2rem !important;
	 margin-top: 2rem;
}
 .input::after {
	 content: '';
	 position: absolute;
	 width: 100%;
	 height: 2px;
	 background: #bcbcbc;
}
 input[type=text] + label, input[type=text]:focus + label, input[type=text]:active + label, input[type=tel] + label, input[type=tel]:focus + label, input[type=tel]:active + label, input[type=email] + label, input[type=email]:focus + label, input[type=email]:active + label {
	 margin-top: 0 !important;
	 margin-left: 1rem;
}
 .invalid-feedback {
	 margin-left: 2rem;
	 margin-top: -0.5rem;
}
 .feedback {
	 margin-left: 2rem;
	 margin-top: -0.5rem;
	 font-size: 0.8em;
}
 .custom-control-label + div.invalid-feedback, .custom-control-label + div.invalid-feedback + div.invalid-feedback {
	 margin-top: 0.75rem;
	 margin-left: -1.5rem;
}
 .custom-control {
	 padding-left: 0.5rem;
}
 input[type=radio] + label, input[type=radio]:focus + label, input[type=radio]:active + label, input[type=checkbox] + label, input[type=checkbox]:focus + label, input[type=checkbox]:active + label {
	 margin-top: 1rem !important;
	 padding: 5px 1rem 0 0 !important;
	 margin: 0 !important;
	 font-weight: normal;
}
 footer input[type=text]:active + label, footer input[type=text]:focus + label, footer input[type=text]:valid + label {
	 margin-top: 0;
	 transform: scale(0.7);
}
 textarea.form-control:focus, textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, .uneditable-input:focus {
	 outline: none;
	 box-shadow: none !important;
	 border-bottom: 2px solid #000 !important;
	 background: rgba(0, 0, 0, 0.007) !important;
}
 input[type=checkbox].form-check-input {
	 margin-top: 0.5rem;
}
 main form:not(.calculator) input[type=checkbox].form-check-input + input[type="number"].form-control-sm.d-none + label, main form:not(.calculator) input[type=checkbox].form-check-input + input[type="number"].form-control-sm + label, main form:not(.calculator) input[type=checkbox].form-check-input + label {
	 margin-left: 0.5rem !important;
	 margin-top: 0 !important;
	 padding-left: 0;
	 font-weight: 400 !important;
	 display: inline-block;
	 width: calc(100% - 1rem);
}
 form:not(.calculator) input[type=checkbox].form-check-input + input[type="number"].form-control-sm {
	 width: 3.25rem;
	 font-size: 0.85rem;
	 display: inline-block;
	 border-top: 1px solid #888 !important;
	 border-left: 1px solid #888 !important;
	 border-right: 1px solid #888 !important;
	 margin: 0;
	 height: calc(1rem + .5rem - 1px);
	 margin-left: -3.5rem;
	 padding-right: 2px;
}
 input[type="number"].form-control-sm.d-inline + label {
	 width: calc(100% - 4rem);
}
 .invalid-feedback {
	 color: #b21f2e !important;
}
 form#cse {
	 margin: 0 0 5rem 0;
	 max-width: 100%;
}
 input#question {
	 width: 100%;
	 margin: 0 -4rem 0 0 !important;
	 float: left;
	 z-index: 689;
}
 @media (max-width: 575.98px) {
	 input#question {
		 margin: 0 0 0 0 !important;
	}
}
 main form.calculator {
	 width: 100%;
	 max-width: none !important;
	 background: #f4f4f4;
	 border-radius: 0.5rem;
}
 main form.calculator label {
	 width: calc(100% - 1rem);
	 display: inline-block;
	 margin-top: 0;
	 padding-left: 0;
}
 main form.calculator input[type=number] {
	 width: 5rem !important;
	 display: inline-block;
	 margin: 0.25rem;
	 background: #fff !important;
	 border: 1px solid #666;
	 border-radius: 5px !important;
	 padding: 2px 5px 2px 8px;
	 font-size: 1rem;
}
 main form.calculator input[type=number].form-control-sm {
	 width: 3rem !important;
	 font-size: 0.8rem;
	 padding: 1px 5px 1px 5px;
	 margin-left: -3.5rem;
	 height: calc(1.1em + .5rem + 2px);
}
 main form.calculator input[type=radio] {
	 text-align: left;
	 margin-top: 0.5rem;
}
 main form.calculator input[type=checkbox] {
	 margin-top: 0.5rem;
}
 main form.calculator input[type=radio] + label, main form.calculator input[type=checkbox] + label, main form.calculator input[type=number] + label {
	 text-align: left !important;
	 font-weight: 400;
}
 main form.calculator select, main form.calculator select.form-control:focus {
	 width: 7rem;
	 display: inline-block;
	 margin: 0.25rem;
	 background: #fff !important;
	 border: 1px solid #666;
	 border-radius: 5px !important;
	 padding: 2px 5px 2px 8px;
	 font-size: 1rem;
}
 form.calculator .label-wrap {
	 width: 12rem;
	 position: relative;
	 display: inline-block;
	 vertical-align: top;
	 text-align: right;
}
 form.calculator .label-wrap.label-wrap-sm {
	 width: 8rem;
}
 main form.calculator .label-wrap label {
	 text-align: right !important;
	 padding-right: 1rem;
	 color: #525252 !important;
}
 main form.calculator label {
	 color: #525252 !important;
}
 form.calculator .input-wrap {
	 width: calc(100% - 12.5rem);
	 position: relative;
	 display: inline-block;
}
 form.calculator .label-wrap.label-wrap-sm + .input-wrap {
	 width: calc(100% - 8.5rem);
}
 @media (max-width: 575.98px) {
	 form.calculator .form-check .form-control-sm + .form-check-label {
		 margin-left: 0;
	}
}
 #collapseCalculator .table-calculator tr th {
	 font-weight: 400 !important;
}
 #collapseCalculator .table-calculator tr th:first-child {
	 border-top: 1px solid #dee2e6 !important;
}
 .row.border.border-light + .row.border.border-light {
	 border-top: 0 !important;
	 margin-top: -1px;
}
 .border.border-light {
	 border: 1px solid #dee2e6 !important;
}
 .badge-light {
	 background-color: #f4f4f4;
}
 .img-icon-md {
	 min-width: 20px;
	 min-height: 20px;
	 max-width: 70px;
	 max-height: 70px;
	 display: block;
	 width: 100%;
	 height: auto;
}
/* Google Search */
 .gsc-option, .gscb_a {
	 color: #333 !important;
}
 .gs-result .gs-title {
	 text-decoration: none !important;
}
 a.gs-title, a:link.gs-title {
	 font-family: 'Lato', sans-serif !important;
	 color: #333 !important;
	 font-size: 1.6rem !important;
	 font-weight: 400 !important;
	 text-decoration: none !important;
	 border-bottom: none !important;
}
 a.gs-title b {
	 font-family: 'Lato', sans-serif !important;
	 color: #333 !important;
	 font-size: 1.6rem !important;
	 font-weight: 900 !important;
	 text-decoration: none !important;
}
 .gs-visibleUrl {
	 color: #af1b19 !important;
}
 .gcsc-more-maybe-branding-root, .gsc-above-wrapper-area {
	 display: none !important;
}
 .gsc-adBlock {
	 display: none !important;
}
/* Button */
 .btn {
	 border-radius: 0;
	 letter-spacing: 3px;
	 text-transform: uppercase;
	 font-weight: 700;
	 font-size: 0.9rem;
	 padding: 0.5rem 1rem;
	 margin-top: 2rem;
	 margin-bottom: 2rem;
}
 .btn.btn-danger {
	 background-color: #af1b19;
	 color: #fff;
}
 a.btn-danger:hover {
	 color: #fff !important;
	 background-color: #890b09;
}
 .btn.btn-outline-danger {
	 color: #af1b19;
	 background-color: #fff;
}
 .btn.btn-outline-danger:hover {
	 background-color: #af1b19;
	 color: #fff;
}
 a.btn-dark {
	 color: #fff;
	 background-color: #343a40;
	 border-color: #343a40;
}
 a.btn-dark:hover {
	 color: #fff !important;
	 background-color: #000;
}
 .btn-sm {
	 font-size: 0.6rem !important;
	 letter-spacing: 1px;
	 padding: 0.25rem 0.5rem;
	 margin-top: 0.5rem;
	 margin-bottom: 0.5rem;
	 font-weight: 700 !important;
}
 a.btn-sm.btn-outline-dark, a.btn.btn-outline-dark {
	 color: #282828 !important;
	 background: #fff;
}
 a:hover.btn-sm.btn-outline-dark, a:hover.btn.btn-outline-dark {
	 color: #fff !important;
	 background-color: #000;
}
 .btn-search {
	 width: 2rem;
	 height: 2rem;
	 border: 0 !important;
	 float: left;
	 margin-top: -0.5rem;
	 padding: 1rem !important;
	 position: relative;
	 margin-top: 1rem;
	 z-index: 700;
	 outline: 0 !important;
}
 .btn-search img {
	 width: 1.5rem;
	 height: 1.5rem;
	 opacity: 1;
	 position: absolute;
	 top: 0.25rem;
	 left: 0.25rem;
}
 footer {
	 background-color: #e4e4e4;
	 padding: 3rem 0;
	 font-family: 'Lato', sans-serif;
	 position: relative;
	 padding-bottom: 5rem;
}
 footer .list-inline-item, footer .list-inline-item a {
	 text-transform: uppercase;
	 letter-spacing: 1px;
	 font-size: 0.65rem;
	 padding: 0.25rem 0.35rem;
	 font-weight: 700;
	 color: #494949;
	 z-index: 20889 !important;
	 position: relative;
	 display: inline-block;
}
 @media (min-width: 992px) {
	 footer .list-inline-item, footer .list-inline-item a {
		 padding: 0.25rem 0.5rem;
	}
}
 footer .img-search {
	 height: 12px;
	 width: 12px;
	 position: relative;
}
 footer .union-logo {
	 max-width: 120px;
}
 .img-icon-black {
	 width: 45px;
	 height: 45px;
	 margin-top: -5px;
	 margin-right: 15px;
}
 h5 img.img-icon-black {
	 margin-top: -10px;
}
 .border {
	 border: 1px solid #eb5900 !important;
}
 .text-danger {
	 color: #af1b19 !important;
}
 .text-success {
	 color: #166724 !important;
}
 .text-black {
	 color: #000 !important;
}
 .text-muted {
	 color: #595959 !important;
}
 .bg-black {
	 background-color: #000;
}
 .letter-spacing-0 {
	 letter-spacing: 0;
}
 .letter-spacing-1 {
	 letter-spacing: 1px;
}
 .letter-spacing-2 {
	 letter-spacing: 2px;
}
 .letter-spacing-3 {
	 letter-spacing: 3px;
}
 .letter-spacing-4 {
	 letter-spacing: 4px;
}
 .opacity-1 {
	 opacity: 1 !important;
}
 .small-caps {
	 font-variant: all-small-caps;
}
 .text-oswald {
	 font-family: 'Oswald', sans-serif !important;
	 font-weight: 500 !important;
}
 .text-lato {
	 font-family: 'Lato', sans-serif;
}
 .text-transform-none {
	 text-transform: none !important;
}
 .font-weight-400 {
	 font-weight: 400;
}
 .font-weight-700 {
	 font-weight: 700;
}
 #scroll-trigger {
	 pointer-events: none;
}
 .btn-schedule {
	 position: relative;
	 background: transparent;
	 border: none;
	 padding: 0;
	 margin: 0;
	 min-width: 80px;
	 letter-spacing: 1px;
	 outline-offset: 5px;
	 color: inherit;
}
 .btn-schedule:is(:hover, :focus, :focus-within, .open) {
	 color: #000;
	 font-weight: 700;
	 text-decoration: none !important;
	 outline: none;
}
 .btn-schedule:is(.open)::before {
	 background-color: transparent;
}
 .btn-schedule::before {
	 content: '';
	 position: absolute;
	 bottom: 0;
	 left: 0;
	 width: 0;
	 height: 1px;
	 background-color: #a30000;
	 transition: width 0.3s ease-out;
}
 .btn-schedule:where(:hover, .open)::before {
	 width: 100%;
}
 .class-schedule {
	 visibility: hidden;
	 opacity: 0;
	 position: absolute;
	 top: 0;
	 left: 5rem;
	 translate: 50%;
	 transition: opacity 0.2s ease-out, translate 0.3s ease-out, visibility 0.3s allow-discrete ease;
}
 .class-schedule.active {
	 visibility: visible;
	 opacity: 1;
	 position: static;
	 translate: 0%;
}
 