/*   
Theme Name: The Learning Center
Theme URI: http://www.cruxdesign.com
Description: This is a WordPress theme hand crafted by Crux Design
Author: Daniel Tirapelli
Author URI: http://www.cruxdesign.com
Version: 1
*/
/* Generated by Font Squirrel (http://www.fontsquirrel.com) on February 24, 2014 */
* { margin:0; padding:0; }
.clearfix {overflow:auto;}
.clearfix::after {content: "";clear: both;display: table;}
.clearboth { clear:both; }
.video-container {position: relative;padding-bottom: 56.25%;padding-top: 30px; height: 0; overflow: hidden;}
.video-container iframe,.video-container object,.video-container embed {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.videoSpanish { margin:0 0 25px 0;}
.videoEnglish h2, .videoSpanish h2 { font-size:24px;line-height: 26px;}
.videoEnglish, .videoSpanish { margin:45px 0 45px 0;}
.languagebuttons {margin:0 0 25px 0;}
.languagebuttons a:link,.languagebuttons a:visited {text-decoration: underline;}
.languagebuttons a:hover,.languagebuttons a:active {text-decoration: none;color:#ccc;}

a.videobtn1 {background:#41aeee;}
a.videobtn1:link,a.videobtn1:visited {text-decoration: none; display:inline-block;margin:5px;padding:30px 20px;height:60px;
	-moz-border-radius: 5px;-webkit-border-radius: 5px;-khtml-border-radius: 5px;border-radius: 5px;
}
a.videobtn1:hover,a.videobtn1:active {background:#8ab74f;}
a.videobtn1.videoisnotavailabletowatch,a.videobtn1.videoisnotavailabletowatch {background:#ccc;cursor: default;}
a.videobtn1 .videobtncontentinner {}
a.videobtn1 .videoplayicon {display: block;}
a.videobtn1 .videocheckmark {display: none;}
a.videobtn1.videowatched .videocheckmark {display: block;}
a.videobtn1.videowatched .videoplayicon {display: none;}
a.videobtn1 .videobtnicon {width:50px;height:50px;float:left;margin:0 5px 0 0;}
a.videobtn1 .videobtncontent {width:200px;height:auto;float:left;margin:0 0px 0 0;}
a.videobtn1 .videobtncontent p.videobtntitle { font-size:20px;line-height: 20px; color: #fff;margin: 0 0 5px 0;}
a.videobtn1 .videobtncontent p.videobtndescription { font-size:13px;line-height: 15px; color: #fff;}

p.incorrectanswer { color:red; }
.success {color:green;}
p.success {background:green;color:#fff;width:100%;max-width: 700px;margin: 0 auto 25px auto;text-align: center; -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    -khtml-border-radius: 20px;
    border-radius: 20px;padding:10px;}
p.nosuccess {background:#ff0000;color:#fff;width:100%;max-width: 700px;margin: 0 auto 25px auto;text-align: center; -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    -khtml-border-radius: 20px;
    border-radius: 20px;padding:10px;}body { font-family: Arial, Helvetica, sans-serif;font-weight:normal;  }
h1,h2,h3,h4,h5,h6 { font-family: 'Roboto', sans-serif;font-weight: 500; color:#89b44b;margin:0 0 10px 0; }
h1 { color:#89b44b;font-size:50px; font-weight:normal; margin:0 0 10px 0; line-height:53px;}
h2 { color:#89b44b;font-size:40px; font-weight:normal; margin:0 0 10px 0; line-height:46px;}
h3 { color:#89b44b;font-size:21px; font-weight:normal; margin:0 0 10px 0;}
h4 { color:#89b44b;font-size:18px; font-weight:normal; margin:0 0 10px 0;}
h5 { color:#89b44b;font-size:18px; font-weight:normal; margin:0 0 10px 0;}
h6 { color:#89b44b;font-size:18px; font-weight:normal; margin:0 0 10px 0;}
p { font-size:17px; color:#909090;  margin:0 0 15px 0; }
.feedbackcontent { padding:25px; }
.dialog {display: none;}
a:link,a:visited { color:#89b44b; text-decoration:none; }
a:hover,a:active { color:#ccc; }



.feedbackcontent a:link,.feedbackcontent a:visited { color:#89b44b; text-decoration:underline; }
.feedbackcontent a:hover,.feedbackcontent a:active { color:#00b0f0; text-decoration:none; }

a.delete:link,a.delete:visited { color:#ff0000; text-decoration:none; }
a.delete:hover,a.delete:active { color:#ccc; }
a.edit:link,a.edit:visited { color:#00b0f0; text-decoration:none; }
a.edit:hover,a.edit:active { color:#89b44b; }

a.btn1 { background:#89b44b; padding:10px 15px; color:#fff; text-decoration:none; font-size:18px;
-moz-border-radius: 20px;-webkit-border-radius: 20px;-khtml-border-radius: 20px;border-radius: 20px;}
a.btn1:hover { background:#00b0f0; }

a.btn2 { display:inline-block;background:#00b0f0; padding:10px 15px; color:#fff; text-decoration:none; font-size:15px;
-moz-border-radius: 20px;-webkit-border-radius: 20px;-khtml-border-radius: 20px;border-radius: 20px;margin:0 0 5px 0;}
a.btn2:hover { background:#89b44b; }

.onpageloggedinnav {padding:0 0 25px 0;}

a.viewresourcesbtn { background:none; padding:5px 10px; color:#00b0f0; text-decoration:none; font-size:15px;
-moz-border-radius: 12px;-webkit-border-radius: 12px;-khtml-border-radius: 12px;border-radius: 12px;}
a.viewresourcesbtn:hover { color:#555; }

p.alert {padding:5px;background:#ff0000;color:#fff;border:2px solid #990000;}
ul { list-style:square; margin:0 0 15px 25px; }
ul li { font-size:17px; color:#909090;  }
.alert ul li{padding:5px;background:#ff0000;color:#fff;border:2px solid #990000; font-weight:400; }
.alert p {color:#ff0000;font-weight:400; }
.alert {color:#ff0000;font-weight:400; }
ul li h3 { margin:0; }
ul.list2 li { color:#909090; font-weight:normal; }



.contentSection {width:100%; }
.contentrow {max-width:980px; margin:0 auto; padding:45px 0 45px 0; }
.content { padding:15px; margin:0 10px 10px 0; text-align:left; }
.col_full { padding:15px; margin:20px 0 20px 0; }
.col_1_3 { width:33%; float:left; margin:0 0 0 0; padding:0; }
.col_1_4 { width:23%; float:left; margin:0 0 0 0px; padding:0; }
.col_2_3 { width:67%; float:left; margin:0 0 0 0px; padding:0; }
.col_1_2 { width:50%; float:left; margin:0 0 0 0px; padding:0; }

#logofooter {text-align: center;margin-top:100px;}
.logoinfooter {width:100%;max-width:100px;height:auto;display: inline-block;margin:0 5px 25px 5px;}			
.logoinfooter2 {width:100%;max-width:70px;height:auto;display: inline-block;margin:0 5px 25px 5px;}			

/*** START HEADER *********************************************/
header { 
	background:#fff;/* url(images/header-bg-highlight.jpg) no-repeat center top;*/
	/*border-top:6px solid #89b44b;
	border-bottom:1px solid #f2f2f2;*/
	background-color: transparent;
/*background-image: -webkit-linear-gradient(30deg, #0984e3 0%, #003bb1 100%);
background-image: -o-linear-gradient(30deg, #0984e3 0%, #003bb1 100%);
background-image: linear-gradient(120deg, #0984e3 0%, #003bb1 100%);*/
background-image: linear-gradient(120deg, #0984e3 0%, #003bb1 100%);
	
}

#header-container {
	max-width:1200px;
	margin:0px auto 0px auto;
	position:relative;
	height:250px;
}
a#headerLogo { width:270px;display: block; position:absolute; top:25px; left:10px; }
a#headerLogo img { width:270px;height:auto; }
/*
#headerLoginSupportLinks { position:absolute; top:0px; right:0px; }
#headerLoginSupportLinks ul { list-style:none; float:right; margin:0 0 0 10px; }
#headerLoginSupportLinks ul li { display:inline-block; margin:0;padding:0; float:left; }
#headerLoginSupportLinks ul li a:link,#headerLoginSupportLinks ul li a:visited { display:block; background:#89b44b; padding:5px 10px; margin:0 0 0 3px;  font-size:12px; color:#fff; }
#headerLoginSupportLinks ul li a:hover,#headerLoginSupportLinks ul li a:active { background:#00b0f0; }
*/
#headerLoginSupportLinks { position:absolute; top:20px; right:0px; }
#headerLoginSupportLinks ul { list-style:none; float:right; margin:0 0 0 10px; }
#headerLoginSupportLinks ul li { display:inline-block; margin:0;padding:0; float:left; }
#headerLoginSupportLinks ul li a:link,#headerLoginSupportLinks ul li a:visited { display:block; padding:10px 15px; margin:0 5px 0 5px;  font-size:16px; color:#fff; }
#headerLoginSupportLinks ul li a:hover,#headerLoginSupportLinks ul li a:active { color:#f2f2f2; }

#headerLoginSupportLinks ul li a.btnoutline:link {border: 2px solid #fff;border-radius: 15px;}

.buttonsection {clear: both;margin:25px 0 25px 0;}

#loggedinstatus { float:none; margin:0px 0 0 0;position:absolute;top:50px;right:18px;}
#loggedinstatus p { color:#ccc; font-size:13px; }
.loggedinname { color:#fff; }

#navMainSection { position:absolute; top:50px; right:0px; }
#navMainContainer nav#menu-main ul { float:right; }
#navMainContainer nav#menu-main ul li { float:left; list-style:none; margin:0 0px 0 20px;}
#navMainContainer nav#menu-main ul li a:link,#navMainContainer nav#menu-main ul li a:visited { font-weight:normal; font-size:18px; display:inline-block; color:#cbcbcb; text-decoration:none; padding:4px 15px 0px 15px;height:84px; }
#navMainContainer nav#menu-main ul li a:hover,#navMainContainer nav#menu-main ul li a:active { background:#89b44b; color:#fff; }
#navMainContainer nav#menu-main ul li.current_page_item a { background:#89b44b; color:#fff; }

#menu-mobile-container { display:none; }
/*** END HEADER *********************************************/

/*** START FOOTER *********************************************/
footer {height:100px;background-image: linear-gradient(120deg, #0984e3 0%, #003bb1 100%);border-top:1px solid #fff;}
footer .contentinner { max-width: 1200px;margin:0 auto;padding:40px;}
footer p {color:#fff;font-size:15px;font-weight: normal;}


/*** END FOOTER *********************************************/
.savedAnswerResult { margin:0 0 55px 0;border-bottom:1px dashed #ccc;padding:0 0 55px 0;}
.surveyDate {font-size: 15px;}
.resultScoreContainer {width:100%;height:25px;background-color:#f2f2f2;border:2px solid #ccc;-moz-border-radius: 20px;-webkit-border-radius: 20px;-khtml-border-radius: 20px;border-radius: 20px;}
.resultScoreInterior {height:25px;background-color:#00b0f0;-moz-border-radius: 20px 0px 0px 20px;-webkit-border-radius: 20px 0px 0px 20px;-khtml-border-radius: 20px 0px 0px 20px;border-radius: 20px 0px 0px 20px;border-right:3px solid #00b0f0;}
.groupscoreresult {margin: 25px 0 25px 0;
background: #fff;
display: block;
border-bottom: 1px solid #f2f2f2;
padding: 5PX 0 25PX 0;}

.resultScoreLabelContainer {padding:5px 0 5px 0;color:#777;}
.scorelefttitle {width:33.3333%;text-align: left;float: left;}
.scorerighttitle {width:33.3333%;text-align: right;float: left;}
.scoremiddletitle {width:33.3333%;text-align: center;float: left;}

.resultScoreLabelContainer {text-align: center;}
.scoretitle {width:16%;text-align: center;display:inline-block;border-right:1px solid #ccc;}
.scoretitle.last {border:none;}
.groupscoretitle {margin:0;}
.resourcecontainer {clear:both;margin-top:15px;}

.flex-container {
  display: flex;
}
/* forms */

input[type="radio"] { margin:10px 10px 0px 0;}
.question {margin:30px 0 5px 0;font-weight: bold;}
.questionTitle {font-size:20px;}
#logintop { width:100%;padding:0px;/*background:#023144;*/text-align: center;border-bottom:1px solid #f2f2f2; }
#loginbottom { width:100%;padding:0px; /*background:#03313f;*/}
#loginLogo {display: block;}
#loginLogo img {width:100%;max-width:270px;height:auto;margin:25px 0 25px 0;border:none;}
.contentinner {padding:25px;}
/*#loginpage #label { display:none; }
#loginpage label { display:none; }
#loginpage #header-container { display:none; }
#loginpage #loginContainer { width:100%;max-width:447px; min-height:462px;background:#fff;box-shadow: 0px 15px 30px 5px rgba(0,0,0,0.06);-moz-border-radius: 20px;-webkit-border-radius: 20px;-khtml-border-radius: 20px;border-radius: 20px; margin:50px auto 0px auto; }
#loginpage #formcontent { position:relative; width:80%; padding:0px; margin:0 auto; }
#loginpage { background:#fafafa;height:100vh;  }
#loginpage a#headerLogo { position:relative;margin:0 auto;top:30px; }

#loginpage #notification {  }
#loginpage .delete { background:#ff0000; color:#fff; font-weight:400; padding:1px 5px; }
*/
#loginpage #header-container { display:none; }
.loginbottomlower {clear: both;margin:15px 0 0 0;}
#loginpage #loginContainer { width:100%;max-width:447px; min-height:462px;background:#fff;box-shadow: 0px 15px 30px 5px rgba(0,0,0,0.06);-moz-border-radius: 20px;-webkit-border-radius: 20px;-khtml-border-radius: 20px;border-radius: 20px; margin:50px auto 0px auto; }
#loginpage #formcontent { position:relative; width:80%; padding:0px; margin:0 auto; }
#loginpage .delete { background:#ff0000; color:#fff; font-weight:400; padding:1px 5px; }

.textseparatorbar {color:#ccc;margin:0 10px 0 10px;}
form { margin:0;padding:5px; }
form p {  color:#535353; }
form .textField { width:100%; /*float:left;*/ background:#f2f2f2; font-size:18px; height:39px; color:#535353; border:none; margin:0 0 10px 0; padding:0 0 0 10px; }
form .btn1 { height:39px; float:left; border:none; font-weight:normal;background:#89b44b; padding:5px 25px; color:#fff; text-decoration:none; font-size:18px;
-moz-border-radius: 20px;-webkit-border-radius: 20px;-khtml-border-radius: 20px;border-radius: 20px;}
form .btn1:hover { background:#00b0f0; }
form textarea { width:100%; /*float:left;*/ background:#f2f2f2; font-size:18px; height:200px; color:#535353; border:none; margin:0 0 10px 0; padding:10px; }
label { font-size:15px; color:#535353; font-weight:normal; margin:0 0 10px 0;  }
form input[type=text] {
	-moz-border-radius: 10px;-webkit-border-radius: 10px;-khtml-border-radius: 10px;border-radius: 10px;
	width:95%; /*float:left;*/ background:#f2f2f2; font-size:18px; height:39px; color:#535353; border:none; margin:0 0 10px 0; padding:0 0 0 10px;  }
form input[type=password] { 
	-moz-border-radius: 10px;-webkit-border-radius: 10px;-khtml-border-radius: 10px;border-radius: 10px;
	width:95%; /*float:left;*/ background:#f2f2f2; font-size:18px; height:39px; color:#535353; border:none; margin:0 0 10px 0; padding:0 0 0 10px;  }
form input[type=submit] { 
	-moz-border-radius: 20px;-webkit-border-radius: 20px;-khtml-border-radius: 20px;border-radius: 20px;
	height:39px; float:left; border:none; background:#89b44b; padding:5px 25px; color:#fff; text-decoration:none; font-size:18px; }
form input[type=submit]:hover { background:#00b0f0; }
form p.formfieldv2 { float:left;width:48%;}
	ul.pwdexplanation { margin:0 0 10px 35px; }
	ul.pwdexplanation li { color:#999; font-size:14px; }

/* instruction boxes ********/
.instructionBox { border:#fff solid 3px;margin:0 0 20px 0; clear:both; border-radius: 10px;-moz-border-radius: 10px;-webkit-border-radius: 10px;}
.instructionBoxImg { width:277px;float:left;margin:0 15px 0 0;padding:10px 0 10px 10px; }
.instructionBoxDesc { width:610px;float:left;padding:15px 10px 10px 10px;}

/* table layout */
table { width:1000px; margin:0 0 25px 0; }
table tr th { background:#003e52; color:#FFF; padding:10px; }
table tr { background:#ececec; }
table tr td { padding:10px; }


#doyouhaveanaccount a.btn1 { display:inline-block; position:absolute; top:22px;right:15px; }
.resultsprintlogo {display: none;}
@media print {
	.resultsprintlogo {display:block;width:100%;height:auto;max-width:300px;}
	header {display:none;}
	footer {display:none;}
	.onpageloggedinnav {display:none;}
	.btn1 {display:none;}
	.scoretitle {font-size:12px;color:#000;}
	.feedbackcontent {padding:5px 25px 0px 25px;}
	.feedbackcontent p {font-size:12px;padding:5px 25px 25px 25px;}
	.surveyDate {font-size:12px;}
	.groupscoretitle {font-size:18px;}
	.groupscoreresulttitle p {font-size:12px;}
	.groupscoreresult {padding:5px 0 0px 0;margin:25px 0 0px 0;}
	.resultScoreInterior {border-right:3px solid #000}
}
@media(max-width:400px) {
.col_1_3 { width:100%; float:none; }
.col_2_3 { width:100%; float:none; }
.col_1_4 { width:100%; float:none; }
.col_1_2 { width:100%; float:none; }
.feature { width:100%; float:none; }
}
@media(max-width:600px) {
	a#headerLogo {top:75px;}
	#headerLoginSupportLinks ul li a:link, #headerLoginSupportLinks ul li a:visited {font-size:12px;}
}