@charset "utf-8";
/* CSS Reset */
div, html, body, h1, h2, h3, h4, h5, h6, p, ol, ul, li, td, pre, code, address, variable, form, fieldset, blockquote, button {
	/* font-family: "Century Gothic", "Apple Gothic", AppleGothic, "URW Gothic L", "Avant Garde", Futura, sans-serif; */
	font-family: system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
	padding:0;
	margin: 0;/*line-height: normal;*//*overrides bootstrap*/
	/*box-sizing: content-box;*/ /*overrides bootstrap*/
}
/* -------------- Taken Form MainContent ---------------------*/


h1 {
	color: #ff0066;
	font-size: 2.2em;
	text-transform: uppercase;
	font-weight: bold;
	display:flex;
}
h2 {
	color: #ff0066;
	font-size: 1.4em;
	text-transform: uppercase;
	font-weight: bold;
}
h3 {
	color: #000;
	padding-top: 5px;
	padding-bottom: 5px;
	font-size: 1.3em;
	font-weight: bold;
}
h4 {
	padding-top: 1rem;
	padding-bottom: 1rem;
	font-size: 1.1em;
	font-weight: bold;
	color: #AAA;
}
p, li {
	color: #666;
}
a {
	text-decoration:none;	
}
.mainHeader {
	display: flex;
	padding-top: 0.5rem;
	align-items:center;
}
.mainContent h2{
	padding-top:1rem;
}

a.icon{
	padding-left: 1rem;
	padding-right: 1rem;
	border-bottom: 2px white solid;
	font-weight:bold;
}
.icon span{
	padding:1rem;
}

.iconList{
	display:flex;
	flex-direction:row;
	align-items:center;
}
.lower{
	text-transform:none;
}
.menuIcon{
	padding-right:1rem;
	font-size:1.5rem;
}
/*--------------------------------------------------------------------------*/

/* ------------------------------  Sidebar  --------------------------------------------*/

a.firstSection{
	border-style: none none solid none; 
	color:#FF0066;
}
.backIcon{
	padding-left: 1rem;
	padding-right: 1rem;
	filter: grayscale(0%);
}
/*-------------------------------Main CONTENT ----------------------------*/


/*---------------------------------------------------------------------------*/
h2.subsectionTitle{
	border-bottom:2px solid #FF0066;
}
.mainContent p a,.mainContent li a, .footer span a {
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	font-weight: 500;
	text-decoration: none;
	color: #ff0066;
}
.mainContent p a:hover, .mainContent li a:hover, .footer span a:hover{
	text-decoration: none;
	border-bottom-style: solid;
	color: #ff0066;
}
.mainContent ul{
	padding-left:1rem;
}
.navBar{
	display:flex;
	flex-direction:column;
	justify-content:center;
	align-items:center;
	width:100%;
	box-sizing:border-box;
	
}
.navBar h2{
	text-align:center;
}
.navBar p{
	font-size:1.4rem;
	max-width:300px;
	text-align:center;
	color:#ff0066;
	padding-top:0.5rem;
}
.miniIcon{
	padding-right:1rem;
}
.listIcon{
	padding-right:0.5rem;
	padding-left:1rem;
}
.plus{
	display:flex;
	margin-left:auto;
	align-items:center;
	padding:0px;
}
.minus{
	display:none;
	margin-left:auto;
	align-items:center;
	padding:0px;
}
.pictureDiv{
	width:50%;
}
.textDiv{
	width:50%;	
}
.mediaWrapper{
	display:flex;
	flex-flow:row wrap;
}
.teacherHeader{
		background: url(/images/Stock/Headers/MainSiteHeaderMobile.jpg) no-repeat;
		background-position:50% 0%;
}
.panoramicHeader{
	display:flex;
	flex-direction:column;
	width:100%;
	height:300px;
	box-sizing:border-box;
	align-items:center;
	justify-content:flex-start;
	border-bottom:1px solid #666;
}
.headerText{
	display:flex;
	flex-direction:column;
	margin:0 1rem 0 1rem;
	width:100%;
	box-sizing:border-box;
	padding:0 5% 0 5%;
}
.panoramicHeader h1{
	color:#fff;
	font-size:3rem;
	margin:2rem 0 0 0;
	border:none;
	font-weight:bold;
	font-family:arial;
	text-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
}
.panoramicHeader h2{
	color:#fff;
	font-size:1.4rem;
	margin:0.5rem 0 0 0;
	padding-bottom:0.5rem;
	border:none;
	font-weight:bold;
	text-align:left;
	text-transform:uppercase;
	/*letter-spacing:0.5px;*/
	width:90%;
	/*line-height:2rem;*/
	text-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
}
.panoramicHeader h2.small{
	font-size:1.2rem;
}
.panoramicHeader h2.normal{
	font-size:2rem;
}
.mainContent{
	order: 1;
	display:flex;
	flex-direction:column;
	width:100%;
	min-height:100%;
	box-sizing:border-box;
	justify-content:flex-start;
	padding: 1rem 1rem 1rem 1rem;
	max-width:60rem;
	font-size:1.1rem;
	margin:auto;
}
.centeredImage{
	margin: 2rem 0 2rem 0;
}
.break {
  flex-basis: 100%;
  height: 0;
}
.iconRow {
	display: flex;
	align-items:center;
}
.pseudoList{
	padding-left:1rem;
}
/* Sidebar */


/* Main Content */
.mainContent p{
	padding:0rem 1rem 1rem 1rem;
	line-height:1.6rem;
}
.mainContent h1 {
	font-size: 1.8rem;
	margin: 0rem 0.5rem 0.5rem 0.5rem;
	/*padding-bottom: 0.5rem;*/
	padding-top: 0.5rem;
	padding-left: 0.5rem;
}
.mainContent h2 {
	display:flex;
	align-content:center;
	align-items:center;
	font-size: 1.3rem;
	border-bottom-style: none;
	margin: 0 1rem 0 1rem;
	padding:1rem 0 0.5rem 0;
}
.mainContent h3{
	display:flex;
	align-content:center;
	font-size: 1.2rem;
	border-bottom-style: none;
	margin: 0px;
	margin: 0 1rem 0 1rem;
	padding: 0.5rem 0 0.5rem 0;
}
.mainHeader {
	display: flex;
	padding-top: 0.5rem;
	align-items:center;
}
.mainContent li {
	padding: 0.5rem 0 0.5rem 0.3rem;
	color: #666;
	margin-left: 2rem;
	margin-right: 0.5rem;
	list-style-type: square;
	
}
.redTop, .redTopSmall{	
	margin:1rem 0 0 1rem;
	border-bottom:7px solid #ff0066;
	width:5rem;
}
.redTopSmall{
	border-bottom:4px solid #ff0066;
	width:3rem;	
}
.mobileOnly {
	display:inline;
}
.desktop {
	display: none;
}
.choiceWrapper{
	display:flex;
	flex-direction:column;
	flex:1;
	justify-content:space-around;
	box-sizing:border-box;
	align-content:space-around;	
	align-items:stretch;
	width:100%;
}
.unitContainer, .unitContainerWide, .splitContainer{
	background-color:#FFF;
	padding:1rem 0rem 1.5rem 0rem;
	border:1px solid #ccc;
	border-radius:0.5rem;
	margin:1rem auto 1rem auto;
	position: relative; /*Required for shadow*/
	z-index: 0; /*Required for shadow*/
	box-shadow: 0 2px 5px rgba(0,0,0,0.19), 0 2px 4px rgba(0,0,0,0.23);
	box-sizing:border-box;	
	width:100%;
	min-height:100%;
}
/*.unitWrapper{
	display:flex;
	flex-direction:column;
	flex:1;
	justify-content:space-around;
	padding-left:10px;
	padding-right:10px;
	box-sizing:border-box;
}*/
.siteSection{
	display:flex;
	flex-direction:column;	
	align-items:center;
	padding-top:40px;
	padding-bottom:40px;
	
}
.siteSection h2{
	font-size:2.5rem;
		 letter-spacing: 2px;
}
.siteSection.students h3{
	color:#ff0066;
}
.siteSection.students h2{
	color:#ff0066;
}
.siteSection img{
	margin-top:20px;
	margin-bottom:20px;
}
a.siteSection:hover{
	background-color:#fff;
}
ul.triangleList{
	padding:0.5rem 0 0.5rem 0;
}
.triangleList li{
	background-image: url('/images/Icons/TriangleRightRed.png');
	padding: 0 1rem 0 2rem;
	margin: 0 1rem 1rem 1rem;
	list-style: none;
	background-repeat: no-repeat;
	background-position: left center;
	background-size: 20px;
}
.adMobile{
	margin-top:1rem;
	display:flex;
	margin:auto;
	justify-content:center;
}
.chevron{
	font-size:1.5rem;
}
.wideNavigation{
	display:none;
}
.mobileNavigation{
	display:flex;	
}
.adUnit {
	width: 100%;
	background-color: #fff;
	text-align: center;
}
.adDesktop{
	display:none;
}
.prices{
	width:100%;
	box-sizing:border-box;
	padding:2rem;
	justify-content:space-between;
	align-content:space-between;
}
.prices table{
	border-collapse:collapse;
	width:100%;
	margin:1rem auto 1rem auto;
}
.prices th{
	color:#fff;
	background-color:#ff0066;
	border:1px solid #ff0066;	
	padding: 0.25rem 0 0.25rem 0;
}
.prices td{
	border:1px solid #ff0066;
	text-align:center;
	padding: 0.25rem 0 0.25rem 0;
}
@media (min-width: 40rem) {
	.panoramicHeader{
		height:300px;	
	}
	.teacherHeader{
	background: url(/images/Stock/Headers/MainSiteHeaderMedium.jpg) no-repeat;
	background-position:10% 50%;
	}		
	.headerText{
		padding:0 10% 0 10%;
	}		
	.panoramicHeader h1{
		font-size:5rem;
		margin:2rem 0 0 0;
		text-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
	}
	.panoramicHeader h2{
	font-size:2rem;
	margin:0 0 0 0;
	border:none;
	letter-spacing:0.5px;
	width:75%;
	line-height:2rem;
	text-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
	}
	.panoramicHeader h2.small{
		font-size:1.8rem;
	}
	.panoramicHeader h2.normal{
		padding-top:1rem;
		font-size:3rem;
	}	
	.breakHeader{
	font-size:2.5rem;
	}
	.choiceWrapper{
		padding-left:10px;
		padding-right:10px;	
	}
	.unitContainer, .unitContainerWide, .splitContainer{
	padding:1rem 1rem 1.5rem 1rem;
	margin:1rem auto 1rem auto;	
	}
	.triangleList li{
		padding: 0 1rem 0 2rem;
	}
	ul.triangleList{
		padding:0.5rem 1rem 0.5rem 1rem;
	}	
	.wideNavigation{
	display:flex;
	}
	.mobileNavigation{
		display:none;	
}	
}

@media (min-width:60rem){
	.choiceWrapper{
			flex-direction:row;
	}
	.unitContainer, .unitContainerWide{
		align-items:flex-start;		
		width:45%;
	}
	.unitContainerWide, .splitContainer{
	width:95%;	
	}
	.splitContainer{
		display:flex;
		flex-flow:row wrap;
		justify-content:space-around;
	}
	.innerContainer{
		/*border:1px solid black;*/
		width:45%;
		box-sizing:border-box;
	}
}
@media (min-width: 85rem){
/*		.adMobile{
		display:none !important;
	}*/
	.mobileOnly {
	display: none;
}
	.desktop {
	display: inline;
}
	.noSidebar{
	width:60rem;
	}	
	.mainContent{
	flex-grow:2;
	/*width:30rem;*/
	/*width:100%;*/
	order: 2;
	border-bottom-style:none;
	margin-top:2rem;
	max-width:60rem;
	}
	.siteSection{
		border:2px solid #ff0066;
		background-color:#FFF;
		border-radius:15px;
		min-width:15rem;
		margin-left:10px;
		margin-right:10px;
		flex:1;
		position: relative; /*Required for shadow*/
		z-index: 0; /*Required for shadow*/
		box-shadow: 0 2px 5px rgba(0,0,0,0.19), 0 2px 4px rgba(0,0,0,0.23);
	}
	.adDesktop{
		display:flex;
		margin:auto;
		justify-content:center;
	}	
}

@media (min-width: 85rem) {		
	.teacherHeader{
	background: url(/images/Stock/Headers/MainSiteHeaderHD.jpg) no-repeat;
	background-position:10% 0%;
	}
	.panoramicHeader h2{
		font-size:3rem;
		font-family:Arial;
		max-width:50rem;
	}
	.headerText{
		padding:0 25% 0 25%;
	}		
	h2 {
	font-size: 1.6em;
	}
	.navBar{
		flex-direction:row;
		padding:50px 75px 5% 100px;
	}
	.panoramicHeader{
		height:300px;
	}
	.panoramicHeader h1{
		font-size:7rem;
	}
	.narrowHeader h1{
		margin:50px 0 0 0px;
	}
	.panoramicHeader h2{
	font-size:2rem;
	margin:0 0 0 0;
	border:none;
	letter-spacing:0.5px;
	width:100%;
	line-height:2.2rem;
	text-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
	}	
	.extraWide{
		max-width:85rem;
	}	
		.adMobile{
		display:flex;
		margin:auto;
		justify-content:center;
	}
}
@media (min-width: 100rem) {			
	.redTop, .redTopSmall{
		margin-left:1rem;
	}
}
@media (min-width: 121rem) {		
	.teacherHeader{
	background: url(/images/Stock/Headers/MainSiteHeaderFULLRES.jpg) no-repeat;
	background-position:10% 50%;
	background-size:100%;
	}				
}
.tempHidden{
	display:none;
}
.hiddenThreat{
	display:none;
}