@charset "UTF-8";
/* CSS Document */

body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0;
	margin-bottom: 0;
}

.mainHolder {
	position:relative;
	left:0px;
	top:0px;
	width:100%;
	height:auto;
	text-align:center;
	display:inline-block;
	margin:0px;
	padding:0px;
	overflow:hidden;
}

.contentHolder {
	position:relative;
	left:0px;
	top:0px;
	width:100%;
	height:auto;
	display:inline-block;
	font-size:0px;
	line-height:0px;
}

.contentHolder .topBar {
	position:relative;
	left:0px;
	top:0px;
	width:100%;
	height:auto;
	display:inline-block;
	padding-top:52px;
	padding-bottom:50px;
	background-color:#FFF;
	z-index:500;
}

.contentHolder .sticky {
	position:fixed;
	box-shadow: 0 0px 5px 0 rgba(0, 0, 0, 0.25);
}

.contentHolder .topBar .menuButton {
	float:left;
	margin-left:36px;
	display:none;
	cursor:pointer;
}

.contentHolder .topBar .scholasticLogo {
	position:relative;
	left:0px;
	top:0px;
	width:680px;
	height:auto;
	display:inline-block;
	object-fit: contain;
}

/*
.contentHolder .photoDisplay {
	position:relative;
	left:0px;
	top:0px;
	width:100%;
	height:464px;
	display:none;
	background-image:url(images/hero-1920@3x.jpg);
	background-size:auto 100%;
	background-position:50% 50%;
	background-repeat:no-repeat;
}
*/

#myVideo {
  position: relative;
  left: 0;
  top: 0;
  width: 100%; 
  height: auto;
  border-style: none !important;
  margin:0;
  padding:0;
}

.contentHolder .inspireBar {
	margin:0;
  	padding:0;
	position:relative;
	left:0px;
	top:0px;
	width:100%;
	height:auto;
	display:inline-block;
	background: rgb(236,30,37);
	background: linear-gradient(90deg, rgba(236,30,37,1) 0%, rgba(241,100,106,1) 100%);
	padding-top:43px;
	padding-bottom:34px;
}

.contentHolder .inspireBar .inspireText {
	position:relative;
	left:0px;
	top:0px;
	width:80%;
	height:auto;
	display:inline-block;
	max-width:1530px;
	object-fit: contain;
}

.contentHolder .inspireBar .inspireText2 {
	position:relative;
	left:0px;
	top:0px;
	width:90%;
	height:auto;
	display:none;
	max-width:683px;
	object-fit: contain;
}

.contentHolder .inspireBar .inspireText3 {
	position:relative;
	left:0px;
	top:0px;
	width:70%;
	height:auto;
	display:none;
	max-width:262px;
	object-fit: contain;
}


.contentHolder .cardHolder {
	position:relative;
	left:0px;
	top:0px;
	width:100%;
	height:auto;
	display: table;
	font-size:10px;
}

.contentHolder .cardHolder .sideBarWide {
	position:relative;
	left:0px;
	top:0px;
	width:33em;
	height:auto;
	padding-top:40px;
	padding-bottom:40px;
	background-color:#F9F8F6;
	display: table-cell;
	box-sizing:border-box;
	vertical-align:top;
	z-index:20000;
}

.contentHolder .cardHolder .sideBarWide::-webkit-scrollbar { -webkit-appearance: none; width: 7px; }
.contentHolder .cardHolder .sideBarWide::-webkit-scrollbar-thumb { border-radius: 4px; background-color: rgba(0,0,0,.1); box-shadow: 0 0 1px rgba(255,255,255,.1); }

.contentHolder .cardHolder .sideBarWide::-moz-scrollbar { -moz-appearance: none; width: 7px; }
.contentHolder .cardHolder .sideBarWide::-moz-scrollbar-thumb { border-radius: 4px; background-color: rgba(0,0,0,.1); box-shadow: 0 0 1px rgba(255,255,255,.1); }

.contentHolder .cardHolder .sideBarWide .closeButton {
	position:absolute;
	right:43px;
	top:43px;
	display:none;
	z-index:200;
	cursor:pointer;
}

.contentHolder .cardHolder .sideBarWide .navContainer {
	position:relative;
	left:0px;
	top:0px;
	width:24.5em;
	height:auto;
	display:inline-block;
}

.contentHolder .cardHolder .sideBarWide .navContainer h2 {
	padding:0px;
	margin:0px;
	font-size:2.8em;
	line-height:1.2em;
	font-family: MuseoSans-300;
	color:#414042;
	text-align:left;
}

.contentHolder .cardHolder .sideBarWide .navContainer h3 {
	padding:0px;
	margin:0px;
	font-size:1.6em;
	line-height:1.5em;
	font-family: MuseoSans-300;
	color:#414042;
	text-align:left;
	text-transform:uppercase;
	margin-top:2.375em;
	border-bottom:solid;
	border-bottom-color:#c6c6c6;
	border-bottom-width:1px;
}

.contentHolder .cardHolder .sideBarWide .navContainer .selector {
	position:relative;
	left:0px;
	top:0px;
	width:27em;
	height:2.4em;
	display:table;
	margin-top:10px;
	cursor:pointer;
}

.contentHolder .cardHolder .sideBarWide .navContainer .selector .theBox {
	position:relative;
	left:0px;
	top:0px;
	width:1.33em;
	height:1.33em;
	background-color:#FFF;
	border:solid;
	border-width:1px;
	border-color:#707070;
	box-sizing:border-box;
	display: table-cell;
	font-size:1.8em;
	line-height:1em;
	font-family: MuseoSans-700;
	color:#FFF;
}

.contentHolder .cardHolder .sideBarWide .navContainer .selected .theBox {
	color:#707070;
}

.contentHolder .cardHolder .sideBarWide .navContainer .selector .theText {
	position:relative;
	left:0px;
	top:0px;
	width:auto;
	height:1.6em;
	box-sizing:border-box;
	display: table-cell;
	font-size:1.5em;
	line-height:1.6em;
	font-family: MuseoSans-300;
	color:#414042;
	text-align:left;
	padding-left:10px;
}

.contentHolder .cardHolder .cardSection {
	position:relative;
	left:0px;
	top:0px;
	width: calc(100%-330px);
	height:1500px;
	padding-top:40px;
	padding-bottom:40px;
	background-color:#FFF;
	display: table-cell;
	box-sizing:border-box;
	vertical-align:top;
	overflow:hidden;
}

.contentHolder .cardHolder .cardSection h2 {
	padding:0px;
	margin:0px;
	font-weight:normal;
	font-size:2.8em;
	line-height:1.2em;
	font-family: MuseoSans-500;
	color:#414042;
	text-align:center;
	position:relative;
	left:0px;
	top:0px;
	width:95%;
	height:auto;
	display:inline-block;
	max-width:1446px;
	
}

.contentHolder .cardHolder .cardSection h3 {
	padding:0px;
	margin:0px;
	font-weight:normal;
	font-size:2.1em;
	line-height:1.2em;
	font-family: MuseoSans-700;
	color:#707070;
	text-align:center;
	position:relative;
	left:0px;
	top:0px;
	width:95%;
	height:auto;
	display:none;
	margin-top:35px;
	
}

.contentHolder .cardHolder .tempNotFoundMessage {
	position:relative;
	left:0px;
	top:0px;
	width:90%;
	height:auto;
	background-color:#FAF68B;
	display:inline-block;
	padding-left:13%;
	padding-right:13%;
	padding-top:25px;
	padding-bottom:25px;
	box-sizing:border-box;
	margin-top:35px;
	border-radius: 70px 0px 70px 0px;
	max-width:1446px;
}

.contentHolder .cardHolder .tempNotFoundMessage p {
	padding:0px;
	margin:0px;
	font-weight:normal;
	font-size:2.7em;
	line-height:1.77em;
	font-family: MuseoSans-500;
	color:#EC1D25;
	text-align:center;
	max-width:875px;
	display:inline-block;
	padding-top:6px;
	padding-bottom:6px;
}

.contentHolder .cardHolder .tempNotFoundMessage .clearAll {
	position:absolute;
	left:33px;
	top:25px;
	width:7.6%;
	height:auto;
	display:inline-block;
	max-width:110px;
	cursor:pointer;
}

.contentHolder .cardHolder .cardSection .cardCenter {
	position:relative;
	left:0px;
	top:0px;
	width:100%;
	height:auto;
	display:inline-block;
	
	text-align: center;
	max-width:1990px;
}


.contentHolder .cardHolder .cardSection .card {
	position:relative;
	left:0px;
	top:0px;
	width:28%;
	height:auto;
	box-sizing:border-box;
	padding-top:3em;
	padding-bottom:12.5em;
	display:inline-block;
	border:solid;
	border-width:1px;
	border-color:#707070;
	margin-left:1.5%;
	margin-right:1.5%;
	margin-top:3%;
	min-width:300px;
	max-width:450px;
	vertical-align:top;
	padding-left:4em;
	padding-right:4em;
}

.contentHolder .cardHolder .cardSection .phantom {
	position:relative;
	left:0px;
	top:0px;
	width:28%;
	height:auto;
	box-sizing:border-box;
	padding-top:3em;
	padding-bottom:12.5em;
	display:inline-block;
	border:solid;
	border-width:1px;
	border-color:#707070;
	margin-left:1.5%;
	margin-right:1.5%;
	margin-top:3%;
	min-width:300px;
	max-width:450px;
	vertical-align:top;
	padding-left:4em;
	padding-right:4em;
	height:1px;
	overflow:hidden;
	background-color:#FFF;
	border:none;
	padding:0px;
}

.contentHolder .cardHolder .cardSection .card .theLogo {
	position:relative;
	left:0px;
	top:0px;
	width:100%;
	height:auto;
	display:inline-block;
	object-fit: contain;
}

.contentHolder .cardHolder .cardSection .card .theImage {
	position:relative;
	left:0px;
	top:0px;
	width:100%;
	height:auto;
	display:inline-block;
	padding-top:3em;
	object-fit: contain;
}

.contentHolder .cardHolder .cardSection .card p {
	margin:0px;
	padding:0px;
	position:relative;
	left:0px;
	top:0px;
	width:100%;
	height:auto;
	display:inline-block;
	font-size:1.7em;
	line-height:1.5em;
	margin-top:2.3em;
	text-align:left;
	font-family: MuseoSans-300;
	color:#414042;
}

.contentHolder .cardHolder .cardSection .card p strong {
	font-family: MuseoSans-500;
	font-weight:normal;
}

.contentHolder .cardHolder .cardSection .card .learnMore {
	position:absolute;
	left:50%;
	bottom:4em;
	width:154px;
	height:50px;
	display:inline-block;
	margin-left:-77px;
	cursor:pointer;
}

.sideBarShow {
	display:table-cell !important;
	z-index:20000 !important;
	position:fixed !important;
	height:100vh !important;
	overflow-x:hidden !important;
	overflow-y:auto !important;
	-webkit-overflow-scrolling: touch !important;
	box-shadow: 0 0px 5px 0 rgba(0, 0, 0, 0.25);
}

.contentHolder .makeSideFixed .sideBarWide {
	display:table-cell !important;
	z-index:20000 !important;
	position:fixed !important;
	height:100vh !important;
	overflow-x:hidden !important;
	overflow-y:auto !important;
	-webkit-overflow-scrolling: touch !important;
}

.noBreak {
	white-space:nowrap;
}





@media (min-width: 1920px) {
	.contentHolder .cardHolder .cardSection .card {
		margin-left:24px;
		margin-right:24px;
		margin-top:48px;
	}
}


@media (max-width: 1920px) {
	.contentHolder .cardHolder .cardSection h2 {
		max-width:1070px;
	}
}

@media (max-width: 1000px) {
	.contentHolder .cardHolder .cardSection h2 {
		max-width:1070px;
	}
}

@media (max-width: 1000px) {
	.contentHolder .cardHolder .cardSection h2 {
		max-width:1070px;
	}
}



@media (max-width: 1259px) {
	.contentHolder .cardHolder .cardSection .card {
		min-width:330px;
	}
	.contentHolder .cardHolder .sideBarWide {
		font-size:8.8px;
	}
	.contentHolder .cardHolder .tempNotFoundMessage p {
		padding-top:0px;
		padding-bottom:0px;
	}
	.contentHolder .cardHolder .cardSection h2 {
		max-width:683px;
		font-size:23px;
		line-height:34px;
	}
}

@media (max-width: 1020px) {
	/*
	.contentHolder .photoDisplay {
		display:inline-block;
	}
	
	#myVideo {
		display:none;
	}
	#brightcoveVideo {
		display:none !important;
	}
	*/
	.contentHolder .cardHolder .sideBarWide {
		display:none;
		padding-bottom:100px;
	}
	.contentHolder .topBar .scholasticLogo {
		width:487px;
		margin-left:-28px;
	}
	.contentHolder .topBar {
		padding-top:36px;
		padding-bottom:36px;
	}
	.contentHolder .inspireBar .inspireText2 {
		display:inline-block;
	}
	.contentHolder .inspireBar .inspireText {
		display:none;
	}
	.contentHolder .inspireBar {
		padding-top:34px;
	}
	
	.contentHolder .cardHolder .cardSection h2 {
		width:90%;
	}
	
	.contentHolder .cardHolder .cardSection {
		padding-top:32px;
	}
	.contentHolder .topBar .menuButton {
		display:inline-block;
	}
	.contentHolder .cardHolder .sideBarWide .closeButton {
		display:block;
	}
}

@media (max-width: 610px) {
	/*
	.contentHolder .photoDisplay {
		display:inline-block;
		height:295px;
		background-position:100% 50%;
	}
	*/
	.contentHolder .topBar .scholasticLogo {
		width:262px;
		margin-left:-24px;
		margin-top:5px;
	}
	.contentHolder .topBar .menuButton {
		width:24px;
		margin-left:19px;
	}
	.contentHolder .topBar {
		padding-top:19px;
		padding-bottom:19px;
	}
	.contentHolder .inspireBar .inspireText3 {
		display:inline-block;
	}
	.contentHolder .inspireBar .inspireText2 {
		display:none;
	}
	
	.contentHolder .cardHolder .cardSection h2 {
		font-size:16px;
		line-height:24px;
		width:88%;
		padding-bottom:10px;
		max-width:330px;
	}
	
	.contentHolder .cardHolder .cardSection {
		padding-top:23px;
	}
	.contentHolder .cardHolder .tempNotFoundMessage p {
		font-size:16px;
		line-height:24px;
	}
	.contentHolder .cardHolder .tempNotFoundMessage .clearAll {
		width:42px;
	}
	.contentHolder .cardHolder .tempNotFoundMessage {
		padding-left:92px;
	}
}

@media (max-width: 374px) {
	.contentHolder .topBar .scholasticLogo {
		margin-left:-12px;
	}
	.contentHolder .topBar .menuButton {
		margin-left:12px;
	}
	.contentHolder .cardHolder .cardSection .card {
		min-width:290px;
	}
}

div#footer-wrapper-4o {
	padding-left:300px;
}

div#footer-corporate {
	display:none !important;
}

@media (max-width: 1020px) {
	div#footer-wrapper-4o {
		padding-left:0px;
	}
	ul#uNav7 {
		display:none !important;
	}
	div#universal-personalized {
		display:none !important;
	}
	div#universal-account {
		display:none !important;
	}
	div#universal {
		width:100% !important;
		text-align:center !important;
	}
	div#universal .uLogo {
		float:none !important;
		display:inline-block !important;
	}
}

.bannerHolder {
	position:relative;
	left:0px;
	top:0px;
	width:100%;
	height:auto;
	display:inline-block;
	overflow:hidden;
}

.bannerHolder .blocker {
	position:relative;
	left:0px;
	top:0px;
	width:100%;
	height:auto;
	display:inline-block;
}

.animationArea {
	position:absolute;
	left:0px;
	top:0px;
	width: 1920px;
	height: 738px;
	background-image: url("media/f9386ab66791d523c5d30157c96229c3.jpg");
	transform: scale(1.3807291666666666);
	transform-origin: 0px 0px 0px;
	background-position: 50% 50%;
}

.animationArea .textBlock {
	position:absolute;
	left: 66px;
	top: 301px;
	width:1600px;
	height:auto;
	display:none;
	text-align: left;
	font-size:140px;
	line-height:1.4;
	font-family:Museo-700;
	color: rgb(236, 29, 37);
}

.animationArea .textBlock.textBlock2 {
	top: 444px;
}

.popup {
	position:fixed;
	left:0px;
	top:0px;
	width:100%;
	height:100vh;
	display:inline-block;
	background-color:rgba(0,0,0,.7);
	z-index:25000;
	text-align:center;
	overflow-y: scroll; /* has to be scroll, not auto */
 	-webkit-overflow-scrolling: touch;
}

.popup .innerPopup {
	position:relative;
	left:0px;
	top:50%;
	width:100%;
	height:auto;
	display:inline-block;
	background-color:#148edd;
	box-sizing:border-box;
	padding:25px;
	padding-top:18px;
	padding-bottom:40px;
	max-width:800px;
	-webkit-transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	transform:translateY(-50%);
	border:solid;
	border-width:1px;
	border-color:#FFF;
	border-radius:20px;
}

.popup .innerPopup p {
	margin:0px;
	padding:0px;
	text-align:left;
	color:#FFF;
	font-family: MuseoSans-300;
	font-size:24px;
	line-height:1.3;
	margin-top:20px;
}

.popup .innerPopup p a {
	color:#FFF;
}

.popup .innerPopup p.strong {
	font-weight:normal;
	font-family: MuseoSans-700;
	font-size:28px;
	line-height:1.3;
	margin-top:0px;
}

.popup .innerPopup .atHomeLogo {
	position:relative;
	left:0px;
	top:0px;
	width:169px;
	height:auto;
	display:inline-block;
}

.popup .innerPopup .closePopup {
	position:absolute;
	right:10px;
	top:10px;
	width:41px;
	display:inline-block;
}

.popup .outSideClose {
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	display:inline-block;
}

@media (min-aspect-ratio: 1370/600) {
	.popup .innerPopup {
		top:0px;
		-webkit-transform:none;
		-ms-transform:none;
		transform:none;
		margin-top:40px;
	}
}

@media (max-width: 1400px) {
	.popup .innerPopup {
		max-width:710px;
	}
	.popup .innerPopup p {
		font-size:20px;
		line-height:1.3;
		margin-top:20px;
	}
	
	.popup .innerPopup p.strong {
		font-size:24px;
		line-height:1.3;
		margin-top:0px;
	}
	
	.popup .innerPopup .atHomeLogo {
		width:151px;
	}
	.popup .innerPopup .closePopup {
		width:36px;
	}
}

@media (max-width: 900px) {
	.popup .innerPopup {
		max-width:590px;
	}
	.popup .innerPopup p {
		font-size:18px;
		line-height:1.3;
		margin-top:20px;
	}
	
	.popup .innerPopup p.strong {
		font-size:22px;
		line-height:1.3;
		margin-top:0px;
	}
	
	.popup .innerPopup .atHomeLogo {
		width:135px;
	}
	.popup .innerPopup .closePopup {
		width:36px;
	}
}

@media (max-width: 765px) {
	.popup {
		padding-left:18px;
		padding-right:18px;
		padding-top:50px;
		padding-bottom:10px;
	}
	.popup .innerPopup {
		top:0px;
		-webkit-transform:none;
		-ms-transform:none;
		transform:none;
	}
	.popup .innerPopup p {
		font-size:16px;
		line-height:1.3;
		margin-top:15px;
	}
	
	.popup .innerPopup p.strong {
		font-size:20px;
		line-height:1.3;
		margin-top:0px;
	}
	
	.popup .innerPopup .atHomeLogo {
		width:122px;
	}
}


.root.responsivegrid.mainGrid:nth-child(7) {
	position:relative;
	display:inline-block;
}


/*
div.root.responsivegrid #corp-home-fatFooter.cmp-fatFooter {
	float:right !important;
	width: calc(100vw - 330px) !important;
}

div.root.responsivegrid #corp-home-footer.global-footer {
	float:right !important;
	width: calc(100vw - 410px) !important;
}

@media (max-width: 1920px) {
	div.root.responsivegrid #corp-home-fatFooter.cmp-fatFooter {
		width: calc(100vw - 20em) !important;
	}

	div.root.responsivegrid #corp-home-footer.global-footer {
		width: calc(100vw - 410px) !important;
	}
}
*/