/* OER CUSTOM STYLES */


@font-face {
	font-family: 'digital-7';
	/*src: url('webfont.eot'); /* IE9 Compat Modes */   
	src: url('webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
		 url('digital-7.woff2') format('woff2'), /* Super Modern Browsers */
		 url('digital-7.woff') format('woff'), /* Pretty Modern Browsers */
		 url('digital-7.ttf')  format('truetype'), /* Safari, Android, iOS */
		 url('webfont.svg#svgFontName') format('svg'); /* Legacy iOS */
}

body {
    margin: 10px auto;
}

#canvas {
	margin-top:20px;
	/*
	background:#eeeeee;
	border:1px dashed #fff;
	*/
}

#oer_canvas {
    min-width: 920px;
	min-height: 850px;
}


#oer_theory.hide, #oer_application.hide, #oer_investigation.hide {
	display:none;
}

#oer_theory {
	margin-bottom:16px;
}

#oer_theory h2 {
    color: #fff;
    text-align: left;
}

#oer_application {
	margin-bottom:16px;
}

#oer_investigation {
	margin-bottom:16px;
}

#oer_application div {
	display:none;
}

#oer_application div.active, #oer_application div.navigation {
	display:block;
}

#oer_investigation div {
	display:none;
}

#oer_investigation div.active, #oer_investigation div.navigation {
	display:block;
	clear:both;
}

#oer_inv1 a, #oer_inv1 a:link, #oer_inv1 a:visited {
	color:#fff;
}

#oer_inv1 a:hover {
	color:#fff;
	text-decoration:underline;
}

#oer_inv3_text {
	float:left;
	display:block;
	width:360px;
}

#oer_inv3_img {
	display:block;
}

#slider-photo {
	margin:0 0 20px 0;
	text-align:center;
}

#slider-photo img {
	border:2px solid #283767;
	border-radius:5px;
	cursor:pointer;
}

#photo_gallery {
	z-index: 100;
    background: #ddd;
    display: none;
    position: relative;
    width: auto;
    height: 80%;
	max-width: 95%; /* 880px */
    padding: 10px 0;
    min-height: auto; /* 700px */
    opacity: 1;
    visibility: visible;
    transition: 2s opacity;
    margin: 40px auto 0 auto;
}

.slider {
	max-width:92%;
	height:61%;
    margin: 50px auto;
}

.slider label {
	margin-top:170px;
}

#slider_close {
    float: right;
    margin-top: -32px;
    margin-right: -20px;
	width:46px;
	height:46px;
	display:block;
	text-align:center;
	vertical-align:bottom;
	background:#fff;
	border:3px solid #b91d1e;
	border-radius: 50px;
	cursor:pointer;
}

#slider_close i {
	margin-top:4px;
	color:#b91d1e;
	font-size:32px;
}


.btn-primary {
	background-color:#0ca9f0;
}

.btn-group-sm>.btn, .btn-sm {
	border-radius:5px;
}

.theme-blue-sea .checkbox.checbox-switch.switch-primary label > input:checked + span, .theme-blue-sea .checkbox-inline.checbox-switch.switch-primary > input:checked + span {
	background-color:#b5cc30;
	border-color:#617104;
}

input[type=radio], input[type=range], .fa-plus, .fa-minus {
	cursor:pointer;
}

.custom-range {
    width: auto;
}

.custom-range::-webkit-slider-thumb {
	background-color: #2f4e8f;
}

.custom-range::-moz-range-thumb {
	background-color: #2f4e8f;
}



#oer_sidebar {
	min-width:auto;
}

#oer_controls .group {
	padding:4px 6px;
	font-size:13px;
}

#oer_controls input[type=range] {
	width:115px;
}

input[type=number] {
	font-size:16px;
}


#oer_controls p,
#oer_controls div,
#oer_controls label {
	font-size:13px;
}

.checkbox.checbox-switch label span, .checkbox-inline.checbox-switch span {
	font-size:16px;
}

/*
#oer_help {
	margin-top:15px
}
*/

#oer_help i {
	width:20px;
}

#oer_help h2 {
	font-size:14px;
	padding:6px 10px;
}

#oer_controls hr {
	border-top:1px dashed rgba(255, 255, 255, 0.5);
}

#p1, #p2, #p3 {
	margin-left:10px;
}




#cstart_alert {
	display:none;
    background: #b91d1e;
    border-radius:10px;
    padding: 6px;
	color: #fff;
}

#cstart_alert_wrapper {
	display:block;
	height:84px;
}

.fa-exclamation-triangle {
	font-size:16px;
}

.modal-title {
    padding-top: 12px;
    color: #71abdc;
}



#oer_theory:after, #oer_application:after, #oer_investigation:after {
	color:rgba(255, 255, 255, 0.2);
}



@media (min-width: 1140px) {

	.modal-dialog {
		max-width: 800px;
	}

}


@media screen and (max-width: 1024px) {

	#oer_canvas {
		min-width: 100%;
		min-height: auto;
	}

	#oer_sidebar {
		min-width: 200px;
	}

	#oer_theory p, #oer_theory div, #oer_application p, #oer_application div, #oer_investigation p, #oer_investigation div {
		font-size:14px;
	}

	#oer_inv4_text {
		width:auto;
	}

	.slider {
		width:640px;
	}

	.slider input[name='slide_switch']:checked+label+img {
		max-width:80%;
	}

		.slider label {
		margin-top:80px;
	}

	.slider label img {
		max-width: 135px;
	}

}

@media (max-width: 800px) {

	.slider {
		width: 700px;
		box-shadow: none;
	}

	.slider label img {
		max-width: 130px;
	}

}

@media (max-width: 768px) {

	.slider {
		width: 640px;
	}

	.slider label img {
		max-width: 120px;
	}

}

@media (max-width: 640px) {

	.slider {
		width: 520px;
	}

	.slider label img {
		max-width: 100px;
	}

}

@media (max-width: 425px) {

	.slider {
		width: 360px;
	}

	.slider label img {
		max-width: 60px;
	}

}

@media (max-width: 360px) {

	.slider {
		width: 300px;
	}

	.slider label img {
		max-width: 55px;
	}

}