@import url(/locations/css/`/_files/css/var-colors.css`);

.ColumnUneven2 { 
	grid-template-columns: auto 2fr; 
	display: grid;
}

.Columns-center {
	place-items: center; 
}

.Item-centerC {
	justify-content: center;
}

.Column-down {
	flex-direction: column;
}
.NoPadding {
	padding: 0 !important;
}

.Text-left {
	text-align: left !important;
}

.Tile.Padding40 {
	flex: 1;
}
.Tile i.NoMargin,
.Tile i {
-webkit-margin-end: 10px;
	        margin-inline-end: 10px;
}

.PaddingB40 {
	padding-block: 40px !important;
}

.Padding40 {
	 padding: 40px !important;
}

.PaddingB50 {
	padding-block: 50px;
}

.calendar-feed-block, 
#calendar-block-feed div .calendar-block.flex {
	flex: 1 1 50%;
}

@media (max-width: 993px) {
  .calendar-feed-block, #calendar-block-feed div .calendar-block.flex {
    flex-basis: 100%;
  }
}

/**** TEMPORARY HERO CSS - until added to design system 2.25.25 ****/
#protect
#hero-1 {
	 position: relative;
	 z-index: 0;
	 display: flex;
	 flex-direction: column;
	 color: white;
	 min-height: 50vh;
	 max-height: 50vh;
	 border-bottom: solid 5px #00843d 
}
 #hero-1 img, #hero-1 picture {
	 width: 100%;
	 height: auto;
	 display: block;
	 object-fit: cover;
	 position: relative;
	 z-index: 2;
	 overflow: hidden 
}
 #hero-1 #page-title {
	 position: absolute;
	 height: 100%;
	 width: 100%;
	 background: rgba(0, 0, 0, 0.2);
	 z-index: 5;
	 display: flex;
	 flex-direction: column;
	 align-items: flex-start;
	 justify-content: flex-end;
}
 #hero-1 #page-title h1 {
	 display: inline-block;
	 font-size: 30px;
	 margin: 4px 0;
	 padding: 0 10px 0px 4vw;
	 text-align: left;
	 font-weight: 700;
	 color: #fff;
	 text-shadow: 0 0 5px #000 
}
 #hero-1 #page-title .intro-cta-wrap {
	 margin-bottom: 25px;
	 margin-left: 4vw;
	 width: 92vw 
}
 #hero-1 #page-title .intro-cta-wrap .btn {
	 margin-right: 10px;
	 font-size: calc(1rem + 1vw) 
}
 #hero-1 #page-title .intro-cta-wrap .hero-social {
	 float: right;
	 font-size: 3em 
}
 #hero-1 #page-title .intro-cta-wrap .hero-social a i {
	 color: rgba(255, 255, 255, 0.8) 
}
 #hero-1 #page-title h2 {
	 margin: 0;
	 color: #444;
	 font-size: 13px;
	 font-weight: 300;
	 text-transform: uppercase 
}
 @media screen and (max-width: 1365px) {
	 #hero-1 {
		 position: relative;
		 display: flex;
		 flex-direction: column;
		 justify-content: center;
		 align-items: center;
		 background: #222;
		 color: white 
	}
	 #hero-1 img, #hero-1 picture {
		 min-height: 50vh 
	}
}
 @media screen and (max-width: 993px) {
	 #hero-1 #page-title .intro-cta-wrap {
		 display: flex;
		 flex-direction: column;
		 width: 100%;
		 margin-left: 0 
	}
	 #hero-1 #page-title .intro-cta-wrap .btn {
		 margin-left: 4vw;
		 margin-right: 4vw 
	}
	 #hero-1 #page-title .intro-cta-wrap .hero-social {
		 font-size: 2em;
		 width: 94vw;
		 margin-left: 4vw;
		 text-align: center 
	}
}
 @media screen and (min-width: 769px) {
	 #hero-1 {
		 position: relative;
		 display: flex;
		 flex-direction: column;
		 justify-content: center;
		 align-items: center;
		 background: #222;
		 color: white 
	}
	 #hero-1 img, #hero-1 picture {
		 width: 100%;
		 height: auto;
		 display: block;
		 object-fit: cover;
		 position: relative 
	}
	 #hero-1 #page-title h1 {
		 font-size: calc(40px + 1vw) 
	}
	 #hero-1 #page-title h1:before {
		 display: table;
		 content: " ";
		 clear: both 
	}
	 #hero-1 #page-title h1 .hero-sub-title {
		 font-size: calc(30px + 1vw) 
	}
	 #hero-1 #page-title h2 {
		 margin: 0;
		 color: #eee;
		 font-size: calc(18px + .15vw);
		 font-weight: 300;
		 text-transform: uppercase 
	}
}

@media screen and (min-width: 1366px) {
	 #hero-1 {
		 position: relative;
		 display: flex;
		 flex-direction: column;
		 justify-content: center;
		 align-items: center;
		 background: #222;
		 color: white 
	}
	 #hero-1 img, #hero-1 picture {
		 width: 100%;
		 height: auto;
		 display: block;
		 object-fit: cover;
		 position: relative 
	}
	 #hero-1 #page-title h1 {
		 font-size: calc(50px + 1vw) 
	}
	 #hero-1 #page-title h1 .hero-sub-title {
		 text-shadow: 0 0 2px #000000;
		 font-size: calc(40px + 1vw) 
	}
	 #hero-1 #page-title h1:before {
		 display: table;
		 content: " ";
		 clear: both 
	}
	 #hero-1 #page-title h2 {
		 margin: 0;
		 color: #eee;
		 font-size: calc(18px + .15vw);
		 font-weight: 300;
		 text-transform: uppercase 
	}
}
/**** ADMISSIONS-HAVE-QUESTIONS CSS ****/
.fa-7x {
	font-size: 7em;
}



#LetUsHelp .Content-container {
	height: 100%;
}

.ReadyToStart, .HaveQuestions {
	padding: max(min(2.5vw, 3em), 1.6em) max(min(2.5vw, 1.25em), 3em);
}

.ReadyToStart a {
	margin-block: 1em;
  padding-block: 0.75em;
}

.HaveQuestions {
	column-gap: 1.5em;
}

.Content-container p,
.Content-container a {
  font-size: max(min(2.5vw, 1.250em), 1.6rem);
}

.Content-container h3 {
  font-size: max(min(2.5vw, 2.25em), 3rem);
}

.Button-group a:not(last-of-type) {
	-webkit-margin-end: 0.8em;
	margin-inline-end: 0.8em;
}

#LetUsHelp a:not(.Btn-sm) {
	padding-block: 0.4em;
  display: inline-block;
}

@media screen and (max-width: 1239px) {
	.HaveQuestions {
		grid-template-columns: 1fr;
		text-align: center;
	}
	.fa-7x {
		font-size: 5em;
	}
}


@media screen and (max-width: 993px) {
  .Button-group {
    flex-direction: column;
  }
}