@charset "utf-8";

/*
Theme Name: Academy Child
Theme URI: http://themextemplates.com/demo/academy
Description: Child theme for Learning Management WordPress Theme.
Author: Derek Guay
Template: academy
Version: 1.0
*/
@import url("../academy/style.css");
/* ============================== RESET/NORMALIZE =========================== */

body {
	position:relative;
    background:#fff;
    color:#444;
	letter-spacing:0;
    font-weight:normal;
    font-style:normal;
    font-size:13px;
    font-family:Open Sans, Helvetica, Arial, sans-serif;
    line-height:1.5;
}

/*------------------------------ Columns ---------------------------*/

.row {
    margin: 1.4em auto 0 auto; /*margin:0 auto;*/
	padding:0 30px;
   /* width:1140px;*/s
}

/*--------------------------- Header and Footer --------------------------*/

#password {
	/*font-size: 11px;
	padding: 5px;*/
	}

.header-wrap {
	position:relative;
	z-index:101;
	background-color:#3d4e5b;
	color:#fff;
}

.site-header {
	padding:0em 0; /*padding:2em 0;*/
	border:1px solid rgba(255,255,255,0.1);
	border-right-width:0;
	border-left-width:0;
	
	/*height: 126px;*/
}

.site-logo{
	width: 332px;
}
	

.footer-wrap {
	border-top: solid #ff950c 4px;
}
.site-footer {
	background-color:#000;
}

	
/*--------------------------- Swf --------------------------*/

.swf {
    height:520px;
	-moz-box-shadow: 0 0 10px #666;
    -webkit-box-shadow:  0 0 12px #666;
    box-shadow: 0 0 12px #666;
}

/*------------------------- Dropdown Menu ------------------------*/


.header-navigation div > ul > li.current-menu-item > a {
	color:#fff;
}

.header-navigation ul {
	margin:0.5em 0 0 0;
	padding:0;
	list-style:none;
	
}

.header-navigation ul li {
	position:relative;
	margin:0;
	
}

.header-navigation div > ul > li {
	float:left;
	padding-bottom:0.5em;
}

.header-navigation div > ul:after {
	display:table;
	clear:left;
	content:" ";
}

.header-navigation div > ul > li a {
	display:block;	
	color:#333;
	white-space:nowrap;
}


.header-navigation a:hover {
	
}


.header-navigation li.hover > a {
	
}

.header-navigation li.current-menu-item > a {
	color:#ff691c;
}

.header-navigation div > ul > li > a {
	padding:0 12px;
	text-shadow:0 -1px 0 rgba(0,0,0,0.15);
	font-size:1.1em;	
	font-family:Crete Round, Arial, Helvetica, sans-serif;
	line-height:2.2em;
	
	color:#FFF; /*makes main menu text white*/
}

.header-navigation div > ul > li.current-menu-item > a {
	border-bottom:1px solid rgba(255,255,255,0.2);
	background:url(images/bgs/black_20_bg.png);
}

.header-navigation ul ul {
	position:absolute;
	top:2.7em;
	left:0;
	z-index:1000;
	display:none;
	margin:0;
	min-width:130px;
	border:1px solid rgba(0,0,0,0.15);
	border-top-color:rgba(255,255,255,0.1);
	border-bottom-width:0;
	background:#3d4e5b;
}

.header-navigation ul ul li {
	border-top:1px solid rgba(255,255,255,0.1);
	border-bottom:1px solid rgba(0,0,0,0.15);
	background-color: #FFF;  /*  makes bg (on dropdwon only) white   */
}

.header-navigation ul ul li:first-child {
	border-top-width:0;
}

.header-navigation ul ul li a{
	padding:0.4em 15px 0.6em 15px;	
}

.header-navigation ul ul li a:hover {
	background:rgba(255,255,255,0.03);
	background-color: #E5E5E5; /*  makes background on hover (on dropdwon only) grey   */
	color:#ff691c; /*  makes hover (on dropdwon only) orange   */
}

.header-navigation ul ul ul {
	top:-1px;
	left:100%;
}





/*------------------------------ Select Menu ----------------------------*/

.select-menu {
	position:relative;
	display:none;
	overflow:hidden;
	margin:0.5em 0;
	border:1px solid rgba(0,0,0,0.1);
	background:#3d4e5b url(images/select_menu_arrows.png) right 0.9em no-repeat;
}

.select-menu span {
	display:block;
	padding:0.3em 12px;
	min-width:100px;
	color:#f0f0f0;
	text-shadow:0 -1px 0 rgba(0,0,0,0.15);
	font-size:1.1em;
	font-family:Crete Round, Arial, Helvetica, sans-serif;
	cursor:pointer;
}

.select-menu:hover span {
	color:#fff;
}

.select-menu select {
	position:absolute;
	bottom:0;
	left:0;
	margin:0;
	width:100%;
	opacity:0;
	cursor:pointer;
}

.login-button .tooltip-text input, .search-form input:focus {
	background-color:#fff;
	color:#333;
}




/*-------------------------- Search Form -------------------------*/

/*------------------------- Login Form ------------------------*/

.login-options {
	margin:0.5em 0;
}

.login-options .button {
	display:block;
	border-width:0;
}

.login-options .button-wrap {
	margin-left:10px;
	border:1px solid rgba(0,0,0,0.15);
}

.login-button .tooltip-wrap {
	right:0;
	left:auto;
}

.login-button .tooltip-text {
	margin:10px 0 0 0;
	border:1px solid rgba(0,0,0,0.1);
	background:#3d4e5b;
	color:#fff;
}

.formatted-form .facebook-button,
.popup-form .facebook-button {
	background-color:#3f5e9e;
}

.facebook-button .button-icon {
	top:-2px;
	margin:0 -2px;
}

.popup-form .field-wrap {
	margin-bottom:1em;
	border:1px solid rgba(0,0,0,0.1);
}

.popup-form input{
	margin:0;
	width:160px;
	border-width:0;
	background-color:transparent;
	color:#fff;
}

.popup-form .switch-button > span {
	padding-right:8px;
	padding-left:8px;
}

.popup-form .switch-button .button-icon{
	top:-1px;
	margin:0 -2px;
}

.popup-form ul li {
	padding:0;
	background:none;
	font-size:0.9em;
}

.register-form {
	padding-right:5.5%;
	border-right:1px dotted #d4d4d4;
}


/*------------------------- Members Page Slider ------------------------*/

/* custom slider on members home page.*/
.members-slider{
	margin-top: -50px;
	margin-bottom: 25px;
}

.email-us {  /* <hr> css from Email Us area of contact form */
	clear: both;
	margin: -10px 0 21px; /* 22px 0 21px; */
	height: 0;
	border: solid #ddd;
	border-width: 1px 0 0;
}

.themex-slider .arrow {
    position: absolute;
    top: 5%;
    z-index: 100;
    margin-top: -12px;
    width: 18%;
	height: 90%;
    background: url("images/main_slider_arrowsXXX.png") no-repeat scroll -13px 0px transparent; /* Blank out Slider arrows */
    cursor: pointer;
}

/*------------------------- Banners in Headers ------------------------*/

#get-started {
	width: 100%;
	background-color: #000;
	background-image:url('images/blackStripeBG.jpg');
	padding: 25px 0px 25px 0px; 
	text-align:center;
}

#get-started a {
	margin-left: 30px;
	margin-right: 30px;
}

#get-started h1 {
	font-size: 26px;
	line-height: 1.2em;
	color:#fff;
	margin: 5px auto 10px;
	text-align:center;
	display:inline-block;
}

.header .column {
	margin-right: 0%;	
}


.header {
	width: 100%;
	background-color: #fff;	
	margin-top: -50px;
	margin-bottom: 25px;
}

.header .column {

}

.header.small .header-text {
	text-align:center;
}

.header.small a {
}

/*.header.small.link-banner .ninecol {
	display:inline-block;
	width: 75%;
}*/

.header.small .column  {
	height: 130px;
	display:table;
}

.header.large {
	min-height: 300px;
}

.header.large .column {
	height: 300px;
	width: 50%;
	display:table;
}

.header-text.vert-center {
	display: table-cell;
	vertical-align: middle;
}

.small .header-text {
	margin: 25px 25px 25px 25px;
	padding-left: 70px;
}

.large .header-text {
	margin: 25px 25px 25px 25px;
	padding-left: 150px;
	padding-right: 70px;
}

.header-img{
	padding: 0px;
	margin: 0px 0px 0px 35px; 
}

.header-img .alignnone {
	margin: 0em 0 0 0;	
}

.small .header-img {
	height:130px;
}

.header-button{
	margin: 40px 0px 0px 0px; 
}

.glow {
	-moz-box-shadow: 0 0 12px rgba(0,0,0,0.35);
    -webkit-box-shadow:  0 0 12px rgba(0,0,0,0.35);
    box-shadow: 0 0 12px rgba(0,0,0,0.35);
	
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px; /* future proofing */
	-khtml-border-radius: 3px; /* for old Konqueror browsers */
}

.small .header-text h8 {
	font-family: helvetica neue;
	font-size: 28px;
	margin-bottom: 10px;
	line-height: 1.2em;
	color:#ff950c;
}

.large .header-text h8 {
	font-family: helvetica neue;
	font-size: 32px;
	font-weight: 800;
	margin-bottom: 10px;
	line-height: 1.2em;
	color:#ff950c;
}

.header-text h11 {
	font-family: helvetica neue;
	font-size: 28px;
	font-weight: 800;
	margin-bottom: 10px;
	line-height: 1.2em;
	color:#666;
}

.header-text h9 {
	font-size: 15px;
	color:#888;
	font-weight: 800;
}

.header-text a {
	margin:15px;
}

#members-home-banner .header-text {
text-align: center;
}

.button-icon.help {
	width: 18px;
	height: 19px;
}

/*------------------------- Registration Page ------------------------*/
#reg-rule {
	border-left: dotted #ccc 1px;
	display: table;
	height: 300px;
	width: 110px;
}

#reg-rule .or-text{
	display: table-cell;
	vertical-align: middle;
	position: relative;
	right: 25px;
}

#reg-rule span{
background-color: #fff;
height: 30px;
display: block;
padding: 10px;
font-style: italic;
font-size: 18px;
font-weight: 600;
}


.register-form {
border-right: 0px dotted #d4d4d4;
}

/*------------------------- Checkout Page ------------------------*/

/*hides second Purchase Now button.*/
#place_order_hidden {
	display:none;
}

/*------------------------- Thumbnails ------------------------*/
.thumbnail-img {
	display: inline-block;
	margin-top: 3px;
}
.thumbnail-img img {
	border: solid 2px #999;
}

/*----------------------  Fonts  --------------------------*/

h7 {	
	font-size: 26px;
	margin-bottom: 10px;
	line-height: 1.2em;
}

h8 {	
	font-size: 26px;
	margin-bottom: 10px;
	line-height: 1.2em;
	color:#ff950c;
}

h9 {
	font-size: 15px;
}

h10 {
	color:#ff950c;
}



.new-text {
display: block;
padding: 0.2em 10px;
min-width: 38px;
border: 1px solid rgba(0,0,0,0.1);
color: #fff;
text-align: center;
text-shadow: 0 -1px 0 rgba(0,0,0,0.15);
font-size: 1.2em;
background-color:#5daae0;
}

h2.slide {
	font-size: 48px;
	line-height: 2em;
	margin-bottom: 10px;
	color:#ff950c;
}




/* ========================= RESPONSIVE STYLES ======================== */

/* --------------------------- 940px-1199px --------------------------- */

@media only screen and (max-width: 1199px) and (min-width: 1000px) {
	.swf {
   		height:420px;
	}
	
	.site-logo{
		width: 280px;
		height: 60px;
	}
	
	.header .column {
		margin-right: 0%;	
	}
	
	.header-img {
		margin: 0;
	}
	
	.small .header-text {
		padding-left: 0px;
	}
	
	.large .header-text {
		padding-left: 90px;
		padding-right: 30px;
	}
	


}

/* ---------------------------- 768px-999px --------------------------- */

@media only screen and (max-width: 999px) and (min-width: 768px) {
	.swf {
   		height:320px;
	}
	
	.site-logo{
		width: 328px;
	}
	 .header .column {
		margin-right: 0%;
		width: 100%;	
	}
}

/* ------------------------------ 0-999px ---------------------------- */

@media only screen and (max-width: 999px) {
	.header .column {
		margin: 0em 0 0em 0;
		width: 100%;
		height: 100%;
		display:inline-block;
	}
	
	.header-text {
		padding-left: 10px; 
		padding-right: 10px;
	}
	
	.small.header-text.vert-center {
		display: block;
		text-align: center;
	}
	
	.header-img {
		display: block;
		margin: 0 auto;
		text-align: center;
	}
	
	.header.small .column  {
		height:inherit;
		
	}
	
	.small .header-text {
		padding-left: 0px;
	}
	
	.large .header-text {
		padding-left: 30px;
		padding-right: 30px;
	}
	
	.large .header-img {
		display:table-cell;
		vertical-align:middle;
	}
	
	.header-button {
		margin: 5px 0px 15px 0px;
		text-align: center;
	}
	
	.header-img .alignnone {
		margin: 0.5em 0 0 0;	
	}
	

}

/* ------------------------------ 0-767px ---------------------------- */

@media handheld, only screen and (max-width: 767px) {
	.small .header-img {
		height:inherit;
	}
	
	.header.large .column  {
		height:inherit;
		width:inherit;
	}
}

/* ---------------------------- 480px-767px -------------------------- */

@media handheld, only screen and (max-width: 767px) and (min-width: 480px) {

}

/* ---------------------------- 320px-479px -------------------------- */

@media handheld, only screen and (max-width: 479px) {

}

@media print {
	
}