html { 
height: 100%;

/* background: url(/scholastics/2015/images/Scholastic_Website3.jpg) no-repeat center bottom scroll; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
*/
}

body {height:100%;
}

.container {
	position:relative;}

.fullscreen-row {
	height:100%;
	max-height:100%;
	min-height:100%;
}


@font-face{ 
	font-family: 'bebasneue-webfont';
	src: url('/css/webfont-header/bebasneue-webfont.eot');
	src: url('/css/webfont-header/bebasneue-webfont.eot?#iefix') format('embedded-opentype'),
	     url('/css/webfont-header/bebasneue-webfont.woff') format('woff'),
	     url('/css/webfont-header/bebasneue-webfont.ttf') format('truetype'),
	     url('/css/webfont-header/bebasneue-webfont.svg#webfont') format('svg');
}

.myFontClass {
  font-family: bebasneue-webfont, Arial, Helvetica, sans-serif;
}

	
	
/*----- Down Arrow -------*/
.down-arrow span {
	position: absolute;
	z-index: 2000;
	bottom: 5%;
	left:50%;
	margin-left:-25px;

	width: 30px;
	height: 30px;
	border: 8px solid #FFF;
	border: 8px solid rgba(255,255,255,0.6);
	margin-top: -30px;
	cursor: pointer;
 
	
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.down-arrow span:hover {
	border-color: rgba(255,255,255,1);
}

.down-arrow span.down-arrow-active {
	border-right: none;
	border-top: none;
}

.arrow-dark span{      /* DARK version, add to "nav class container" */
	border: 8px solid #666;
	border: 8px solid rgba(102,102,102,0.6);
}

.arrow-dark span:hover {
	border-color: rgba(0,0,0,1);
}

/*----- Down Arrow -------*/
	


/*--------------------------------iPad Landscape--------------------------------*/
@media only screen 
and (min-device-width : 569px) 
and (max-device-width : 1024px) and (orientation : landscape) { 

body {-webkit-overflow-scrolling: touch;
overflow-y: scroll;}

.trans-content {
	width:85%;
max-height:85%;
min-height:85%;
position:relative;
background:transparent;
margin:0 auto;

	}
	
	.content {
	width:100%;
	height:auto;
	background-color:white;
	position:relative;
	z-index:1;
	box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.15);
-moz-box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.15);
-webkit-box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.15);
}
	
.sub-content {
	width:85%;
	max-width:1500px;
	position:relative;
	z-index:2;
	margin:0 auto;
	padding:1% 0;
	
}


#title-nav-block {
width:300px;
min-width:220px;
	height:auto;
	position:absolute;
	z-index:2;
	right:0;
top:0;
background-color:white;

box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.15);
-moz-box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.15);
-webkit-box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.15);

}

#admissionslanding_hype_container {
	width:65%;
	height:65%;
	top:2%;
	left:-12.5%;
	
}

li.title-department {
font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
font-size: 1.2em;
font-weight: 700; 
color:#f7921e;
text-align:left;
text-decoration:none;

}

 a.title-links {
font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
font-size: 1.2em;
font-weight: 300; 
color:#000;
text-align:left;
text-decoration:none;
 -o-transition:.5s;
	-ms-transition:.5s;
	-moz-transition:.5s;
	-webkit-transition:.5s;
	transition:.5s;		

}

a.catalog-text {
  
font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
font-size: 1.2em;
font-weight: 700; 
color:black;
text-align:left;
text-decoration:none;

 -o-transition:.5s;
	-ms-transition:.5s;
	-moz-transition:.5s;
	-webkit-transition:.5s;
	transition:.5s;		
}

h1.page-title a{
font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
font-size: 1.6em;
font-weight: 500; 
color:#fff;
text-align:left;
word-spacing:3px;
position:absolute;
bottom:18%;
text-shadow: 0px 0px 13px rgba(0, 0, 0, .85);
text-decoration:none;

-o-transition:.5s;
	-ms-transition:.5s;
	-moz-transition:.5s;
	-webkit-transition:.5s;
	transition:.5s;	
}

h1.page-title a:hover{
color:#f7921e;}



}




/*--------------------------------iPad Portrait--------------------------------*/

@media only screen 
and (min-device-width : 569px) 
and (max-device-width : 1024px) and (orientation : portrait) { 

.trans-content {
	width:85%;
max-height:90%;
min-height:90%;
position:relative;
background:transparent;
margin:0 auto;


}

.content {
	width:100%;
	height:auto;
	background-color:white;
	position:relative;
	z-index:1;
	box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.15);
-moz-box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.15);
-webkit-box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.15);
}
	
.sub-content {
	width:85%;
	max-width:1500px;
	position:relative;
	z-index:2;
	margin:0 auto;
	padding:1% 0;
	
}


#title-nav-block {
width:260px;
min-width:220px;
	height:auto;
	position:absolute;
	z-index:2;
	right:0;
top:0;
background-color:white;


		box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.15);
-moz-box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.15);
-webkit-box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.15);
}



li.title-department {
font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
font-size: 1.5em;
font-weight: 700; 
color:#f7921e;
text-align:left;
text-decoration:none;

}

 a.title-links {
font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
font-size: 1.5em;
font-weight: 300; 
color:#000;
text-align:left;
text-decoration:none;
 -o-transition:.5s;
	-ms-transition:.5s;
	-moz-transition:.5s;
	-webkit-transition:.5s;
	transition:.5s;		

}

a.catalog-text {
  
font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
font-size: 1.5em;
font-weight: 700; 
color:black;
text-align:left;
text-decoration:none;

 -o-transition:.5s;
	-ms-transition:.5s;
	-moz-transition:.5s;
	-webkit-transition:.5s;
	transition:.5s;		
}

#admissionslanding_hype_container {
	width:75%;
	height:75%;
	top:2%;
	left:-10%;
}

h1.page-title a {
font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
font-size: 1.6em;
font-weight: 500; 
color:#fff;
text-align:left;
word-spacing:3px;
position:absolute;
bottom:18%;
text-shadow: 0px 0px 13px rgba(0, 0, 0, .85);
text-decoration:none;
-o-transition:.5s;
	-ms-transition:.5s;
	-moz-transition:.5s;
	-webkit-transition:.5s;
	transition:.5s;	
}

h1.page-title a:hover{
color:#f7921e;}


}







/*--------------------------------Desktop--------------------------------*/
@media only screen and (min-device-width: 960px){
	
.container {
min-width:960px;}
	
.trans-content {
width:85%;
max-width:1500px;
max-height:90%;
min-height:90%;
position:relative;
background:transparent;
margin:0 auto;
}

.content {
	width:100%;
	height:auto;
	background-color:white;
	position:relative;
	z-index:1;
	box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.15);
-moz-box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.15);
-webkit-box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.15);
}
	
.sub-content {
	width:85%;
	max-width:1500px;
	position:relative;
	z-index:2;
	margin:0 auto;
	padding:1% 0;
	
}



#title-nav-block {
width:20%;
min-width:220px;
max-width:320px;
height:auto;
position:absolute;
z-index:2;
right:0;
top:0;
background-color:white;
opacity: 0.75;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=75);
display:block;

 -o-transition:.5s;
	-ms-transition:.5s;
	-moz-transition:.5s;
	-webkit-transition:.5s;
	transition:.5s;		

		box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.15);
-moz-box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.15);
-webkit-box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.15);

}

#title-nav-block:hover {
	background-color:white;
opacity: 1;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=100);
}

li.title-department {
font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
font-size: 1.5em;
font-weight: 700; 
color:#f7921e;
text-align:left;
text-decoration:none;

}

 a.title-links {
font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
font-size: 1.5em;
font-weight: 300; 
color:#000;
text-align:left;
text-decoration:none;
 -o-transition:.5s;
	-ms-transition:.5s;
	-moz-transition:.5s;
	-webkit-transition:.5s;
	transition:.5s;		

}

a.catalog-text {
  
font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
font-size: 1.5em;
font-weight: 700; 
color:black;
text-align:left;
text-decoration:none;

 -o-transition:.5s;
	-ms-transition:.5s;
	-moz-transition:.5s;
	-webkit-transition:.5s;
	transition:.5s;		
}

h1.page-title a{
font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
font-weight: 700;
font-size:1.8em; 
color:#fff;
text-align:left;
word-spacing:3px;
position:absolute;
bottom:32%;
text-shadow: 0px 0px 13px rgba(0, 0, 0, .85);
text-decoration:none;
-o-transition:.5s;
	-ms-transition:.5s;
	-moz-transition:.5s;
	-webkit-transition:.5s;
	transition:.5s;	
}

h1.page-title a:hover{
color:#f7921e;
}


.break {
	display:none;
	
}

}

h1 {margin:0}


#title-nav-block ul {
	margin:0;
	padding: 10px 20px 10px;
	list-style:none;}
	
#title-nav-block li {
	border-bottom:thin;
	border-bottom-style:solid;
	width:100%;
	border-color:#CCC;
	
}



a.title-links:hover {
	color:#f7921e;
	text-decoration:none;

}

.white {color:white;}




h2 {
font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
font-size: 1.6em;
font-weight: 700; 
color:#555;
text-align:left;
}

h3 {font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
font-size: 1.4em;
font-weight: 700; 
color:#555;
text-align:left;

}

p {
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
font-size: 1.4em;
font-weight: 300; 
color:#555;
text-align:left;
}

p a {
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
color:#f7921e;
-o-transition:.5s;
	-ms-transition:.5s;
	-moz-transition:.5s;
	-webkit-transition:.5s;
	transition:.5s;		

	
}

p a:hover {
	color:#555;
	
}

li a {
		font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
color:#f7921e;

}

li a:hover {	color:#555;

}



.sub-content ul {
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
font-size: 1.4em;
font-weight: 300; 
color:#555;
text-align:left;
margin-left:35px;
	
}

hr {
	height: 1px;
border: 0;
color:#CCC;
background-color: #CCC;
width: 100%;
max-width:1500px;
margin:20px 0;
	
}
/*-----------TOGGLE------------------*/

button.toggle-button {
	text-align:left;
	background-color:#EAEAEA;
	cursor:pointer;
	position:relative;
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
font-size: 1.4em;
font-weight: 300; 
color:white;
text-align:left;
border-radius: 6px 6px 6px 6px;
-moz-border-radius: 6px 6px 6px 6px;
-webkit-border-radius: 6px 6px 6px 6px;
border: 1px solid #999; -o-transition:.5s;
	-ms-transition:.5s;
	-moz-transition:.5s;
	-webkit-transition:.5s;
	transition:.5s;		

}

button.toggle-button:hover {
	background-color:#f7921e;
}


/*-----------LINK------------------*/

.link-button {
text-align:left;
text-decoration: none;
background-color:#f7921e;
cursor:pointer;
position:relative;
font-family: 'bebasneue-webfont', 'Helvetica Neue', Helvetica, Arial, sans-serif;
font-size: 40px;
font-weight: 300;
letter-spacing:1px; 
color:white;
padding:10px 12px;
margin:10px 10px 0 0;
border:none;
-o-transition:.5s;
	-ms-transition:.5s;
	-moz-transition:.5s;
	-webkit-transition:.5s;
	transition:.5s;		

}
.link-button:hover {
	background-color:#666;
}
#juicebox-container p {
	color:white;
	font-weight:500;
}

.float {
	float:right; 
	padding:0 0 20px 20px;
}

.float-left {
	float:left; 
	padding:0 20px 20px 0;
}

.clear {clear:both;}


/*--RESPONSIVE YouTube Video---------*/
.videowrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.videowrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
/*--RESPONSIVE YouTube Video---------*/