@charset "utf-8";
/* Interventions */

body{
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size:12px;
	background-color:#0e79c1;
	margin:0;
}
p {
}
.interventionsHeader {
	clear: both;
}
.entry-title {
	clear: both;
}
.cleared {
	clear: both;
}
.ui-tabs .ui-tabs-nav li{
	border-bottom-right-radius:4px;
	border-bottom-left-radius:4px;
	margin-top:0.2em;
	margin-bottom:0.2em;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active{
	margin-bottom:0.2em;
	padding-bottom:0;	
}
h1, h2, h3{
	font-family: 'Oswald', sans-serif;	
	color:#333;
	font-style:normal;
	font-weight:normal;
}
h1{
	display:block;
	-webkit-margin-before: 0.67em;
	-webkit-margin-after: 0.67em;
	-webkit-margin-start: 0px;
	-webkit-margin-end: 0px;
}

.site-title, .site-description{
	position:absolute;	
	clip:rect(1px, 1px, 1px, 1px);
}
div.cs {
	margin:0;
	background-color: #111111;
	padding:0.8em 0.5em;
	margin-bottom: 2em;
}

div.cs a {
	color: #ccc;
	font-size: .8em;
	line-height: 1.2em;
	padding:1.1em 1.2em 1.1em 20px;
	margin:0px;
	text-transform: uppercase;
	background: url('https://elearningyork.files.wordpress.com/2015/04/eldt-cs-nav-tri.png') no-repeat 10px 50% #111;
	text-decoration:none;
}

div.cs a:hover {
	background-color: #333;
	border-bottom: 0 none;
}
/* Large Screen */
#page{
	margin:0 auto;
	max-width:940px;
	padding:30px;
	min-width:320px;
	background-color:#ffffff;
}
.walkthroughVideoWrapper{
	float: right;
	position:relative;
	width:50%;
	height:0;
	padding-bottom:33%;
	margin-bottom:2em;
}
.videoIframeWrapper {
	height:100%;
	width:100%;
	position:absolute;
	left:0;
}
img.custom-header{
	width:100%;	
}
.tabsWrapper {
	float: left;
	width: 48%;
	margin-bottom:2em;
}
/* Responsive */
@media only screen and (max-width:999px){
	#page{max-width:728px;padding:0 20px;}
	.videoIframeWrapper{
		width:100%;
	}
	.walkthroughVideoWrapper{
		width:100%;	
		padding-bottom:50%;
		height:0;
	}
	.tabsWrapper{
		width:100%;	
	}
}
@media only screen and (max-width:767px){
	#page{max-width:470px;padding:0 10px;}	
}
@media only screen and (max-width:490px){
	#masthead .site-logo{max-width:100%;height:auto;}
}
/* Mobile */
@media only screen
  and (-webkit-min-device-pixel-ratio: 1.3)
  and (-webkit-max-device-pixel-ratio: 4)
  and (max-device-width:767px) {	
  body{font-size:200%;}
  #page{max-width:100%;}
  div.cs a{padding-bottom:1em;}
  ul.ui-widget-header{background-image:none;}
}