/*

Theme Name: Course

Author: Pete

Author URI: http://www.sugoimarketing.com/

Description: Online Course.

Version: 1.0

*/

/* CSS RESET */

html, body, div, span, applet, object, iframe,

h1, h2, h3, h4, h5, h6, p, blockquote, pre,

a, abbr, acronym, address, big, cite, code,

del, dfn, em, img, ins, kbd, q, s, samp,

small, strike, strong, sub, sup, tt, var,

b, u, i, center,

dl, dt, dd, ol, ul, li,

fieldset, form, label, legend,

table, caption, tbody, tfoot, thead, tr, th, td,

article, aside, canvas, details, embed, 

figure, figcaption, footer, header, hgroup, 

menu, nav, output, ruby, section, summary,

time, mark, audio, video {

	margin: 0;

	padding: 0;

	border: 0;

	font-size: 100%;

	font: inherit;

	vertical-align: baseline;

	}





/* HTML5 display-role reset for older browsers */

article, aside, details, figcaption, figure, 

footer, header, hgroup, menu, nav, section {

	display:block;

}



html{}



body {

	line-height: 1;

	color:#231f20;

	font-size:18px;

	font-family: 'Franklin Gothic Book';

}



ol, ul {list-style: none;}



blockquote, q {quotes: none;}



blockquote:before, blockquote:after,

q:before, q:after {

	content: '';

	content: none;

	}



table {

	border-collapse: collapse;

	border-spacing: 0;

	}



strong {font-weight:bold;}

a{text-decoration:none;}

.clear{clear:both;}







a.button{

	background: #dd2a26;

    border: none;

    border-radius: 8px;

    color: #fff;


    font-weight: bold;

    letter-spacing: 1.5px;

    padding: 18px 32px;

    -webkit-transition: all ease-in-out 0.4s;

    transition: all ease-in-out 0.4s;

}

a.button:hover{background:#143f6e;}



img.alignright {float:right; margin:0 0 1em 1em}

img.alignleft {float:left; margin:0 1em 1em 0}

img.aligncenter {display: block; margin-left: auto; margin-right: auto}



/****************************************************************************

  COLORED BULLETS

*****************************************************************************/

ul.red_bullets{

	list-style-image: url(images/red_bullet.png);

	margin-left:18px;

}



/****************************************************************************

   WRAPPERS

*****************************************************************************/



.container{width:1170px; margin:auto;}

.narrow{width:66%; margin:auto;}





/****************************************************************************

   TYPOGRAPHY

*****************************************************************************/

h1,h2,h3,h4,h5{color:#143f6e; text-align:center; line-height:1.5em;}

h1{

	font-family: 'Franklin Gothic Demi';

	font-size:48px;

}

h2{

	font-family: 'Franklin Gothic Book';

	font-size:48px;

}



h3{

	font-family: 'Franklin Gothic Book';

	font-size:30px;

}



h3 strong{font-family: 'Franklin Gothic Demi';}



h4{

	font-family: 'Franklin Gothic Book';

	font-size:24px;

}



ul li, ol li{

	padding-left:0.75rem;

}



p, ul li, ol li{

	font-size:20px;

	color:#231f20;

	line-height:1.75em;

	margin-bottom:1.5rem;

}



p:last-child, ul li:last-child, ol li:last-child{

	margin-bottom:0;

}

h1 span, h3 span, p.red span, h4 span{display:block;}

.module h1{margin-bottom:3rem;}

.module h3, .strip h3{margin:3rem 0 3rem 0;}







p.red{text-align:center; color:#dd2a26; margin-top:1rem;}

.strip--icons{margin-bottom:1rem; overflow:hidden; font-weight:bold;}

.strip .one_third i{font-size:60px; margin-bottom:0.5rem;}



.table_bullets{margin-bottom:1rem; overflow:hidden;}

.table_bullets .fa {

    color: #dd2a26;

    font-size: 50px;

    text-align: center;

}

.table_bullets .icons{float:left; width:8%;}

.t_content{float:right; width:92%;}

.table_bullets h4{text-align:left; margin:1rem 0 0.75rem 0;}

.i_padding{display:none;}



.pre_info{margin-top:3rem;}

.pre_info {}

.pre_info h4{font-family: 'Franklin Gothic Demi';}

.pre_info p{width:90%; margin:1rem auto 0 auto;}





.course-nav{

	margin-top:2rem; 

	columns: 2;

    -webkit-columns: 2;

    -moz-columns: 2;



    list-style: none;

	}

.course-nav .one_half, .bonus-box .one_half{margin-bottom:1rem;}

.course-nav .one_half img{width:100%;}



.bonus-box .one_half{width:48%; float:left; min-height:480px;}

.bonus-box .one_half:nth-child(even){width:48%; float:right;}

.bonus-box .one_half .bonus{background:#143F6E; padding-bottom:1rem; margin-bottom:1rem;}	

	.bonus-box .one_half .bonus img{margin-bottom:1rem; width:100%;}

	.bonus-box .one_half .bonus h3{

		color:#FFF; font-family: 'Franklin Gothic Demi'; 

		text-align:center;

		font-size:20px;

		width:80%; margin:auto;

		}

	.bonus-box p, .bonus-box ul li{line-height:1.5em;} 

	.bonus-box ul{list-style-image:url(images/red_bullet.png); margin-left:1.3rem; margin-bottom:0}

	.bonus-box ul li{margin-bottom:12px;}

		.bonus-box ul li:last-child{margin-bottom:0;}

	

h1 + h1{margin-top:-1rem;}

p + h1{margin-bottom:0 !important;}

h1 +  h3 {margin-top:-1rem !important; margin-bottom:0;}

h3 +  h1 {margin-top:-2rem !important;}

h1 + h4{}



.or_reading{counter-reset: section; margin-top:2rem;}

.or_reading p::before { 

  counter-increment: section;  

  content: counter(section);

  background:#dd2a26;

  color:#FFF;

  float:left;

  width:10%;

  text-align:center;

  font-size:3.75em;

  background:url(images/b_bullets.png) no-repeat;

  background-size:cover;

  height:50%;

  padding:4% 0 4% 0;

}

.or_reading p{overflow:hidden;}

.or_reading p span{

	float:right;

	width:88%;

	margin-left:2%;

}

.or_reading p{padding:3rem 0 3rem 0;}

.or_reading p:last-child{padding-bottom:0 !important;}



.or_sep{text-align:center; border-top:1px solid #231f20;} 

	.or_sep span{

		background:#dd2a26; color:#FFF; 

		font-size:24px; border-radius:50%;

		padding:5px;

		margin-top:-20px;

		position:absolute;

		}

.or_sep:last-child{display:none;}



.faqs{counter-reset: section;}

.faqs p::before { 

  counter-increment: section;  

  content: counter(section);

  background:#dd2a26;

  color:#FFF;

  float:left;

  text-align:center;

  height:auto;

  padding-top:0;

  width:4%;

   background:url(images/s_bullets.png) no-repeat;

  background-size:cover;

  height:auto;

}

.faqs p{overflow:hidden;}

.faqs p span{

	float:right;

	width:92%;

}















/****************************************************************************

    GRIDS

*****************************************************************************/

.one_third{width:33.3333333%; float:left;}



/****************************************************************************

    MODULES

*****************************************************************************/



.module{padding:3rem 0 3rem;}

.strip{padding:1rem 0 1rem;}



.module--hero{

	background:url(images/coursebg-white.gif) repeat;

	overflow:hidden;

}

.module--hero .container{padding:3rem 0 5rem; overflow:hidden;}

	.module--hero .left{width:65%; float:left;}

	p.hero_log{margin-top:2rem; clear:left; margin-bottom:0;}
	p.hero_log a{color:inherit; }
	p.hero_log a:hover{color:#DD2A26;}
	
	
	.module--hero h1{

		color:#000;

		margin:2rem 0 3rem 0;

		font-size:48px;

		line-height:1.2em;

	}

	

	.module--hero .sp-logo{

		width:320px;

		margin:auto;

	}

	.module--hero .button{text-align:center;}

	

.module--text + .module--text{padding-top:0;}



.module--author{}

	.module--author .author{background:#ecf0f1; padding-bottom:2rem; margin-bottom:1rem;}

	.module--author .author div{width:80%; margin:auto;}

		.module--author .author div h3{text-align:left; color:#dd2a26; margin-bottom:1rem;}

	.module--author img{width:100%;}

.module--author + .module--text{padding-top:0;}



.module--testimonial{background:#143f6e; overflow:hidden;}

	.module--testimonial figure{float:left; width:25%;}

		.module--testimonial figure img{border-radius:50%; width:100%;}

	.module--testimonial blockquote{float:right; width:70%;}

	.module--testimonial h2,

	.module--testimonial h3{

		text-align:left;

		color:#FFF;

		margin:0;

		font-family: 'Franklin Gothic Demi';

	}

	.module--testimonial header::before{

		font-family: FontAwesome;

    	content: "\f10d";

    	float: left;

    	color: #dd2a26;

    	font-size: 50px;

		margin-right:12px;

	}

	.module--testimonial h2{font-size:24px;}

	.module--testimonial h3{font-size:18px;}

	.module--testimonial p{font-size:16px; color:#FFF; margin-top:1rem;}

	

		.testimonial_2{width:45%; float:left;}

		.testimonial_2:nth-child(even){float:right;}

		

	.no-image blockquote{width:100%;}	

	.no-image figure{display:none;}	

		

		

		

.module--person{padding-bottom:0;}



.module--faq{font-size:16px;}

.module--faq strong{color:#143f6e; display:block;}



.call-to-action{padding-bottom:3rem;}

	.call-to-action .left{float:left; width:48%;}

	.call-to-action .right{float:right; width:48%;}

.call-to-action img{width:100%;}

.call-to-action h1{font-size:2.4vw;}

call-to-action h1:after{clear:both;}

.call-to-action h1 span{display:block; font-size:4vw;}

.call-to-action a .i_access{

	background: #FFF;

    border: none;

    border-radius: 8px;

    text-align:center;

    padding: 3vh 1vw;

    -webkit-transition: all ease-in-out 0.4s;

    transition: all ease-in-out 0.4s;

}

.call-to-action a{

	color: #dd2a26;

    font-size: 2vw;

    font-weight: bold;

    letter-spacing: 1.5px;

}

.call-to-action .i_access:hover{background:#143f6e;}

.call-to-action .i_access:hover a{color:#FFF;}

.call-to-action p{margin-top:1rem; font-size:18px;}

/****************************************************************************

    STRIPS

*****************************************************************************/

.strip--blue{background:#143f6e;}

.strip--red{background:#dd2a26;}

.strip--black{background:#231f20;}

	

	.strip h1{margin-bottom:1rem;}

	

	

	.strip i,

	.strip h1,

	.strip h3, 

	.strip h4{text-align:center; color:#FFF;}	

	.strip p{text-align:left; color:#FFF;}

	

/****************************************************************************

    COURSES

*****************************************************************************/

.course{padding:3rem 0 3rem;}

.course ul{width:85%; margin:2rem auto 0 auto;}	

.course .border{border:1px solid #db2d2e; background:#FFF; margin-top:2rem; padding:10px; overflow:hidden;}

	.course .border img{float:left;}

	.course .border h4{float:right; text-align:center; width:80%; margin:auto; padding-top:1.1rem;}

	.course .border:nth-child(2){padding:2rem 0;}

.course h1, .course h2, .course h3, .course h4{margin-bottom:0.5rem; color:#FFF;}





.course--white{background:url(images/coursebg-white.jpg) repeat;}

	.course--white h1, .course--white h2, .course--white h4, .course--white h3{color:#db2d2e; }

	.course--white ul{list-style-image:url(images/red_bullet.png);}

	.course--white ul li{color:#231f20;}

	

	

.course--red{background:url(images/coursebg-red.jpg) repeat;}

	.course--red .border h3, .course--red .border h4{color:#db2d2e;}

	.course--white .border{border:1px solid #db2d2e; background:#FFF; margin-top:2rem; padding:10px; overflow:hidden;}

	.course--red ul{list-style-image:url(images/red_bullet.png);}

	.course--red ul li{color:#231f20;}

	

.course--blue{background:url(images/coursebg-blue.jpg) repeat;}

.course--blue .border{border:1px solid #143f6e;}

	.course--blue .border h3, .course--blue .border h4{color:#143f6e;}

	.course--blue ul{list-style-image:url(images/blue_bullet.png);}

	.course--blue ul li{color:#231f20;}

	



.course--black{background:url(images/coursebg-black.jpg) repeat;}

.course--black .border{border:1px solid #231f20;}

	.course--black .border h3, .course--black .border h4{color:#231f20;}

	.course--black ul{list-style-image:url(images/black_bullet.png);}

	.course--black ul li{color:#231f20;}

	

	

footer{background:#231f20; color:#FFF; font-size:14px; padding:2rem 0 0 0; overflow:hidden; margin-top:-1rem;}

footer .fft, footer .fft ul, footer .fft ul li{display:inline;}

footer .fft ul{margin:0 !important;}

footer .fft a{font-size:14px; color:#FFF;}

footer .fft ul li a:hover{font-size:14px; color:#dd2a26;}

footer .left{float:left; text-align:left; width:33%; }

footer .middle{float:left; text-align:center; width:33%;}

footer .right{float:right; text-align:right; width:33%; }

footer .right ul li{display:inline-block; margin-top:-1rem;}


.sticky-box{
	background:#DD2A26;
	text-align:center;
	position:fixed;
	width:100%;
	color:#FFF;
	padding:1.25rem 0;
	font-weight:bold;
	display:none;
}
a.sticky_button{background:#FFF; color:#DD2A26; padding:10px 18px; border-radius:5px; transition:1s}
a.sticky_button:hover{background:#143F6E; color:#FFF;}
@media screen and (max-width: 639px) {
	.sticky-box{font-size:0.65em !important; padding:0.75rem 0;}
	a.sticky_button{display:inline-block;}
}

.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%;
}