/*----- Lottie Hero ------*/
.hero-lottie-wrapper {
  position: relative;
  width: 100vw;
}
#lottie-text {
  position: absolute;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 1;
}
@media screen and (max-width: 768px) {
  .hero-lottie-wrapper {
    position: relative;
    width: 100vw;
  }
  #lottie-text {
    position: relative;
    width: 265%;
    background-color: #bed6e6;
  }
  #lottie-image {
    width: 142%;
    margin-left: -45%;
  }
}

/*----- Low/No Cost Tuition Badges ------*/

.badge.badge-success {
  background-color: #28a745;
}
.badge.badge-primary {
  background-color: #007bff;
}

/*----- Brand Colors ------*/

.tridentRed {
	 background: #862633 !important;
}
.techBlue {
	 background: #001e60 !important;
}
.bolt {
	 background: #ffb500 !important;
}
.light {
	color: #FFFFFF !important; 
}
.night {
	color: #000000 !important;
}
.stone {
	 background: #d1ccbd !important;
}
.clay {
	 background: #aca39a !important;
}
.rock {
	 background: #6e6259 !important;
}
.slate {
	 background: #4b4f54 !important;
}
.bask {
	 background: #ecd898 !important;
}
.mist {
	 background: #94b7bb !important;
}
.chirp {
	 background: #789d4a !important;
}
.swell {
	 background: #005f86 !important;
}
.slip {
	 background: #aa8066 !important;
}
.blink {
	 background: #bbb323 !important;
}
.wave {
	 background: #007fa3 !important;
}
.fuel {
	 background: #ba0c2f !important;
}
.shade {
	 background: #2e1a47 !important;
}
.hide {
	 background: #9b945f !important;
}
.furl {
	 background: #009775 !important;
}
.warn {
	 background: #fa4616 !important;
}


/*----- Areas Of Interest Colors ------*/

.AOIbus {
	 background: #19975d !important;
	border-radius: 7px;
}
.AOIed {
	 background: #ff6b2a !important;
	border-radius: 7px;
}
.AOIcic {
	 background: #5d83db !important;
	border-radius: 7px;
}
.AOIem {
	 background: #235ba8 !important;
	border-radius: 7px;
}
.AOIhum {
	 background: #0d9ddb !important;
	border-radius: 7px;
}
.AOIit {
	 background: #99c221 !important;
	border-radius: 7px;
}
.AOIlaw {
	 background: #84a3c4 !important;
	border-radius: 7px;
}
.AOImm {
	 background: #ffb838 !important;
	border-radius: 7px;
}
.AOIart {
	 background: #ec392c !important;
	border-radius: 7px;
}
.AOIut {
	 background: #6857b2 !important;
	border-radius: 7px;
}
.AOIlife {
	 background:#c8802e !important;
	border-radius: 7px;
}
.AOIyou {
	 background:#3cbfcb !important;
	border-radius: 7px;
}
.AOItran {
	 background:#ba0c2f !important;
	border-radius: 7px;
}

/*------------ Policies and Procedures List Style --------------*/

.formalList {
     list-style-type: upper-roman;
     font-weight: 400;
}
.formalList ol {
     margin: 0 0 0 3px;
     list-style-type: upper-alpha;
     font-weight: 300;
}
.formalList ol ol{
     margin: 0 0 0 3px;
     list-style-type: lower-alpha;
}
.formalList ol ol ol{
     margin: 0 0 0 3px;
     list-style-type: lower-roman;
     font-size: 90%;
 }

@media print {
	.dontPrint {
		display: none;
	}
}

/*----- WYSIWYG Style Menu Options. Add these classes to the www/_resources/ou/editor/styles.txt file to include it in the menu ------*/

.roundCorner {
	display: block;
	border-radius: 10px;
}

/*----- Rotating Carousel ------*/
.carouselStyle .carousel-inner,
.carouselStyle .carousel-item { height: 100%; }


.carouselStyle {
	height: 380px;
	width: 100%;
}

.carouselStyle .carousel-item > img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}


/*----- Testing Area ------*/

.img-uniform {
  height: 200px;       /* uniform height */
  object-fit: cover;   /* scales/crops image proportionally */
  width: 100%;         /* fill the column */
}