/*
Theme Name: Your Brakes
Author: Click Getter LLC
Author URI: https://clickgetter.com
Description: A theme for the Your Brakes Website
Version: 1.0
Text Domain: yourbrakes
*/

/*@import url("fonts/fonts.css");*/
@font-face {
    font-family: 'eurostile';
    src: url('fonts/eurostile-webfont.eot');
    src: url('fonts/eurostile-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/eurostile-webfont.woff2') format('woff2'),
         url('fonts/eurostile-webfont.woff') format('woff'),
         url('fonts/eurostile-webfont.ttf') format('truetype'),
         url('fonts/eurostile-webfont.svg#eurostileregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
  font-family: 'HelveticaNeue-UltraLight';
  src: url('fonts/HelveticaNeue-UltraLight.eot?#iefix') format('embedded-opentype'),  url('fonts/HelveticaNeue-UltraLight.otf')  format('opentype'),
	     url('fonts/HelveticaNeue-UltraLight.woff') format('woff'), url('fonts/HelveticaNeue-UltraLight.ttf')  format('truetype'), url('fonts/HelveticaNeue-UltraLight.svg#HelveticaNeue-UltraLight') format('svg');
  font-weight: normal;
  font-style: normal;
}
/**
 * Table of Contents
 *
 * 1.0 RESET
 * 2.0 HEADER
 * 3.0 FOOTER
 * 4.0 INTRODUCTION
 * 5.0 PROPERTIES
 * 6.0 OVERLAYS
 * 6.1 ABOUT
 * 6.2 CONTACT
 * 6.3 PRESS
 *
 */


/**
 * 1.0 - Reset
 *
 * Resetting and rebuilding styles have been helped along thanks to the fine work of
 * Eric Meyer http://meyerweb.com/eric/tools/css/reset/index.html
 * along with Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
 * and Blueprint http://www.blueprintcss.org/
 */

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, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}

blockquote {
	font-weight: 100;
	font-style: italic;
 	font-size: 140%;
	color:  #d63c29;
	margin-left: 10px;
	border: 0;
	outline: 0;
	padding: 10px 0;
	vertical-align: baseline;
}


html{
	overflow-x:hidden;
}
ol,
ul {
	list-style: none;
}

a:hover,
a:active {
	outline: 0;
}

a img {
	border: 0;
}
html, body{
	height:100%;
	background:#F8EC54;
}
html,body,h1,h2,h3,h4,p,span,ul,li{
	font-family:'Eurostile', 'arial' ,sans-serif!important;
	line-height:1.2em;
}
h1{
	font-size:30px;
	margin-bottom:22px;
	text-transform:capitalize;
	margin-left:30px;
}
h2{
	text-transform:uppercase;
	letter-spacing:2px;
	margin:0px 30px;
}
h3{
	letter-spacing:2px;
	margin:0px 30px;
}
p{
	margin: .5em 30px;
}
ul{
	margin: 0px 30px;
}
a{
	text-decoration:none;
}
a:hover{
	text-decoration:underline;
}
a:visited{
	color:#000000;
}
ul li{
	list-style:disc;
	list-style-position:inside;
}
ul.menu,ul.diy-menu{
	margin-left:0px;
	margin-right:0px;
}
.clear{
	clear:both;
}
#page{
	padding-top:128px;
}
.home #content{
	padding-bottom:120px;
}
#home-top-divider{
    border-top: 1px solid #000;
    margin: 0px 0px 1rem 30px;
}
/*.home #content,.learn #content{*/
.understanding-brakes #content{
	padding-bottom:0px;
}
.site-content{
	overflow:hidden;
	margin:auto;
	width:1024px;
}

@media(max-width:1024px)
{
	#home-top-divider{
		margin-right:30px;
	}
	#page{
		padding-top:108px;
	}
	.site-content{
		width:768px;
	}
}
@media(max-width:768px)
{
	.site-content{
		width:100%;
		border-top: none;
	}
	p,ul,h2{
		margin-left:20px;
		margin-right:20px;
	}
	h1{
		padding-left:20px;
	}
	#home-top-divider{
		margin-left:20px;
		margin-right:20px;
	}
}

/*.home .site-content,.learn .site-content{*/
.understanding-brakes .site-content{
	width:initial;
}
/*
 *
 * 2.0 HEADER
 *
 */
 #header{
	width:100%;
	padding-bottom:20px;
	position:fixed;
	z-index:1000;
	background:#F8EC54;
 }
 .logo{
	width:auto;
	max-width:80%;
	height:auto;
	margin:30px 0px 0px 30px;
 }
 .mobile-logo-container{
	display:none;
 }
 #searchform{
	width:600px;
	/*margin:35px 30px 0px 0px;*/
	margin:35px 0px 0px 0px;
	position:relative;
	float:right;
 }
 #searchform #search{
	height:51px;
	width:580px;
	padding:0px;
	border-radius:0px;
	padding-left:18px;
	border:2px solid #000000;
	font-size:24px;
	font-family:'Eurostile', 'arial',sans-serif;
 }
 #searchform .submit-btn{
	border:2px solid #000000;
	background:#000000;
	width:59px;
	height:55px;
	position:absolute;
	top:0px;
	right:0px;
	cursor:pointer;
	padding:0px;
 }
 #searchform .submit-btn .fa{
	color:#E8E8E8;
	font-size:36px;
 }
 
 @media(max-width:1024px)
 {
	.mobile-logo-container{
		display:initial;
		width:25%;
		float:left;
	}
	#mobile-logo{
		width:50%;
		height:auto;
		display:block;
	}
	.logo{
		margin:0px;
		margin:10px 0px 0px 30px;
	}
	
	#searchform{
		width:calc(70% - 30px);
		margin-top:12px;
		margin-right:30px;
		/*margin:20px auto 0px auto;
		float:none;
		display:block;*/
	}
	#searchform #search{
		width:90%;
	}
	
	#desktop-logo{
		display:none;
	}

 }
 @media(max-width:768px)
 {
	#header{
		padding-bottom:10px;
	}
	.logo{
		margin-left:20px;
	}
	#searchform{
		width:calc(70% - 20px);
		margin-right:20px;
	}
	#searchform #search{
		height:21px;
		font-size:16px;
		line-height:21px;
		padding-left:10px;
	}
	#searchform .submit-btn{
		width:30px;
		height:25px;
		right:0px;
	}
	#searchform .submit-btn .fa{
		font-size:16px!important;
	}
 }

 /*
  *
  * 3.0 FOOTER
  *
  */
  
#footer{
width:100%;
background:#000000;
position:fixed;
bottom:0;
z-index:1000;
padding:5px 0px;
height:44px;
}
#footer-menu-container{
	margin-bottom:10px;
	width:1024px;
	margin:auto;
}
#footer-menu{
width:100%;
margin:auto;
font-size:0;
}
#footer-menu li{
width:20%;
text-align:center;
list-style:none;
display:inline-block;
font-size:0px!important;
}
#footer-menu li a{
color:#AEAEAE;
font-size:16px;
line-height:16px;
text-transform:capitalize;
letter-spacing:2px;
font-weight:bold;
}
#footer-menu #menu-item-17 a{
	color:#CC243C;
}
#footer-menu li a:hover{
	text-decoration:none;
}
#footer-menu li.current-menu-item a,#footer-menu li a:hover,#footer-menu li.current-page-ancestor a{
color:#FFFFFF!important;
}
#footer-menu .fa{
font-size:20px!important;
line-height:25px!important;
display:block!important;
}
#site-credit{
display:block;
text-align:right;
padding-bottom:10px;
padding-right:20px;
color:#FFFFFF;
font-size:14px;
}

@media(max-width:1024px)
{
	#footer-menu-container{
		width:100%;
	}
}
/*
@media(max-width:768px)
{

	#footer-menu li a{
		font-size:14px;
		line-height:14px;
	}
	#footer-menu .fa{
		font-size:40px!important;
		line-height:50px!important;
	}
}
*/

@media(max-width:480px)
{
	#footer-menu li a{
		font-size:11px;
		line-height:11px;
	}
	/*#footer-menu .fa{
		font-size:20px!important;
		line-height:30px!important;
	}*/
}
/*
@media(max-width:360px)
{
	#footer-menu li a{
		font-size:9px;
		line-height:11px!important;
	}
	#footer-menu .fa{
		font-size:20px!important;
		line-height:30px!important;
	}
}
*/
/*
 *
 * Link Panels
 *
 */
.panel-links .panel{
	margin-bottom:10px;
	position:relative;
	overflow:hidden;
	display:block;
	background-size:100%;
	background-position:center center;
	background-repeat:no-repeat;
}
#diagnose-panel{
	background-image: url( 'images/nav 1.jpg');
}
#fix-panel{
	background-image: url( 'images/nav 2.jpg');
}
#learn-panel{
	background-image: url( 'images/nav 3.png');
}
#guides-panel{
	background-image: url( 'images/nav 4.jpg');
}
#how-to-videos-panel{
	background-image: url( 'images/nav 5.jpg');
}
#tips-panel{
	background-image: url( 'images/nav 6.jpg');
}
.panel-links .panel img{
	width:100%;
	height:auto;
	position:relative;
	z-index:10;
}
.panel-links .panel h2{
	font-size:48px;
	color:#FFFFFF;
	padding:5px 20px 5px 30px;
	float:left;
	clear:both;
	position:absolute;
	z-index:20;
	top:50%;
	margin-top:-24px;
	text-shadow: 4px 4px 2px #000000;
}
.panel-links .panel:hover h2{
	color:#FCEE21;
}

@media(max-width:768px)
{
	.panel-links .panel h2{
		padding-left:0px;
		font-size:32px;
	}
	.panel-links .panel{
		background-size:130%;
	}
	.panel-links .panel img{
		width:120%;
		margin-left:-10%;
	}
}
.single-left .featured-img{
	margin:0px 30px;
}
@media(max-width:768px)
{
	.single-left .featured-img{
		margin:0px 20px;
	}
}
/*
 *
 * DIAGNOSE
 *
 */
.diagnose-accordion{
	margin-bottom:30px;
	background:#FFFFFF;
}
.problem-block{
	cursor:pointer;
}
.problem-block h2{
	text-transform:capitalize;
	font-size:22px;
	padding-right:50px;
}
.problem p,.problem ul li{
	font-size:18px;
	padding-bottom: 20px;
	margin-bottom:0px;
}
.solution{
	margin-left:30px;
	margin-right:30px;
	text-align:right;
	padding-bottom:20px;
}
.solution a{
	color:#000000;
	font-size:32px;
	font-weight:bold;
	letter-spacing:2px;
}
.solution a .fa{
	background:#000000;
	color:#E9E9E9;
	padding:3px;
}

/*
 *
 * SHOP
 *
 */
 
.brand-block{
margin-bottom:34px;
position:relative;
}
.brand-block img{
display:inline;
}
.brand-copy-container{
display:inline-block;
position:absolute;
top:50%;
margin-top:-30px;
margin-left:18px;
color:#000000;
}
.brand-block h2{
/*font-size:33px;*/
text-transform:capitalize;
font-size:22px;
margin-left:0px;
}
.brand-block a{
font-size:26px;
color:#000000;
}

@media(max-width:1024px)
{
.brand-accordion{
	padding:0px 20px;
}
}
@media(max-width:768px)
{
	.brand-copy-container{
		top:0px;
		margin-top:0px;
	}
	.brand-block h2{
		font-size:20px;
	}
	.brand-block a{
		font-size:16px;
	}
}
/*
 *
 * FIX
 *
 */
 .brake-job #content,.diy-brakes #content{
	margin-top:10px;
 }
 #diy-menu-container{
	overflow:visible;
	width:100%;	
	border-bottom:2px solid #000000;
	background: #F8EC54; /* Old browsers */
	background: -moz-linear-gradient(top,  #F8EC54 0%, #73630b 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #F8EC54 0%,#73630b 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #F8EC54 0%,#73630b 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F8EC54', endColorstr='#73630b',GradientType=0 ); /* IE6-9 */
 }
.diy-menu{
	height:54px;
	margin-left:auto!important;
	margin-right:auto!important;
	margin-bottom:-10px;
	width:1024px;
	display:block;
}
.diy-menu li{
	/*width:50%;*/
	float:left;
	text-align:center;
	list-style:none;
	/*background:#000000;*/
	margin:0px;
	margin-left:20px;
	height:54px;
}
/*
.diy-menu #menu-item-41{
	margin-right:.5%;
	margin-left:-2%;
    -webkit-transform: skew(10deg);
    -moz-transform: skew(10deg);
    -o-transform: skew(10deg);
}
.diy-menu #menu-item-40{
	margin-left:.5%;
	margin-right:-2%;
    -webkit-transform: skew(10deg);
       -moz-transform: skew(10deg);
         -o-transform: skew(10deg);
}
*/
.diy-menu li a{
	/*color:#777777;*/
	color:#000000;
	line-height:36px;
	font-size:24px;
	text-transform:none;
	/*width:100%;*/
	display:block;
	font-weight:bold;
	letter-spacing:2px;
	border-radius:5px 5px 0px 0px;
	border:2px solid #000000;
	border-bottom:none;
	padding:4px 10px;
    /*-webkit-transform: skew(-10deg);
       -moz-transform: skew(-10deg);
         -o-transform: skew(-10deg);*/
}

.diy-menu #menu-item-41 a::before{
	background-image:url('images/pro-fix-icon.png');
	background-size:24px 24px;
	background-repeat:no-repeat;
	content:'\00a0\00a0\00a0\00a0';
}
.diy-menu #menu-item-40 a::before{
	background-image:url('images/diy-fix-icon.png');
	background-size:24px 24px;
	background-repeat:no-repeat;
	content:'\00a0\00a0\00a0\00a0';
}
.diy-menu li a:hover{
	/*color:#9E961B;*/
	background:#F8EC54;
	text-decoration:none;
}
.diy-menu li.current-menu-item{
	border-bottom:none;
}
.diy-menu li.current-menu-item a{
	/*color:#FFFFFF;*/
	border-bottom:none;
	background:#F8EC54;
}
.diy-brakes #content img,.brake-job #content img{
	width:44%; 
	margin:30px 3% 0px 3%; 
	float:left;
}
/*
.diy-brakes h2,.brake-job h2{
	font-size:22px;
	font-weight: bold;
}*/
.diy-brakes ul,.brake-job ul{
	margin-top:.5em;
}
.diy-brakes p,.diy-brakes ul,.diy-brakes ul li,.brake-job p,.brake-job ul,.brake-job ul li{
	font-size:18px;
}
@media(max-width:1024px){
	.diy-menu{
		width:768px;
	}
}
@media(max-width:768px)
{
	.diy-menu{
		width:100%;
	}
	.diy-menu li{
		margin-left:4px;
	}
	.diy-menu li a{
		padding: 4px 2px;
		font-size:20px;
	}
}
/*
 *
 * GUIDES
 *
 */
 .guide-block .tip-subject{
	cursor:pointer;
 }.guide-block img{	max-width:100%;	height:auto;}
 .guides #page h2{
	text-transform:capitalize;
	font-size:22px;
	padding-right:50px;
 }
 .guides #page img{
	width:100%;
	height:auto;
	margin:15px 0px;
 }
 .guides #page ul{
	margin-top:.5em;
 }
 .guides #page p,.guides #page ul li{
	font-size:18px;
	padding-bottom: 20px;
 }
 .guides #page #drum-brake-guide{
	margin-bottom:50px;
 }
 .brake-block{
	background:#FFFFFF;
 }
 
 /*
  *
  * HOW TO VIDEOS
  *
  */
.video-block{
	margin-bottom:50px;
	clear:both;
	padding:0px 30px;
}
.video-block h2{
	font-size:22px;
	text-transform:capitalize;
}.video-block p{	margin-left:0px;}
.video-wrap{
	width:32%;
	padding-bottom:20%;
	position:relative;
	display:inline-block;
}
.video-player{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.video-info{
	width:68%;
	float:right;
}
.video-info-bottom{
	margin-left:30px;
	margin-top:20px;
	font-size:20px;
	padding-bottom:20px;
}

@media(max-width:768px)
{
	.video-wrap{
		width:100%;
		padding-bottom:62.5%;
	}
	.video-block{
		padding-left:20px;
		padding-left:0px;
		padding-right:0px;
	}
	.video-block h2{
		font-size:20px;
	}
	.video-info{
		width:100%;
		float:none;
	}
	.video-info-bottom{
		font-size:14px;
		margin-left:20px;
		display:none;
	}
}
@media(max-width:500px)
{
	.video-block h2{
		font-size:16px;
	}
	.video-info-bottom{
		font-size:12px;
		margin-top:8px;
	}
}

/*
 *
 * TIPS
 *
 */
.tip-block h2{
	text-transform:capitalize;
	font-size:22px;
	padding-right:50px;
}
.tips-accordion{
	/*border:1px solid #FFFFFF;*/
	border-bottom:none;
	margin-bottom:87px;
}
.tip-block{
	/*border-bottom:1px solid #FFFFFF;*/
	background:#FFFFFF;
	cursor:pointer;
}
.tip-subject{
	padding-top:10px;
	padding-bottom:10px;
	position:relative;
	overflow:hidden;
}
.tip-subject.odd{
	background:#FFF66E;
}
.tip-subject.even{
	background:#FFFBBA;
}
.tip-subject .fa{
	float:right;
	font-size:28px!Important;
	margin-top:0px;
	/*line-height:28px!important;*/
	color:#FFFFFF;
	background:rgba(127,125,93,.25);
	width:50px;
	height:50px;
	line-height:50px;
	text-align:center;
	position:absolute;
	top:0px;
	right:0px;
}
/*
.tip-subject .fa:before{
	content:""!important;
}*/
.tip-subject:hover{
	background:#CCCCCC;
}
.tip-content{
	display:none;
	font-size:18px;
	overflow:hidden;
}

/*
 *
 * BLOG
 *
 */
 .blog-post a,.blog-post a:visited,.blog-post a:hover{
	color:#000000;
 }  .blog-post p a{	text-decoration:underline; }  .blog-post a:hover{	text-decoration:none!important; } .blog-post h2 a:hover,.blog-post a.moretag:hover{	text-decoration:underline!important; } .single .blog-post a img{	margin:10px 30px 0px 30px; width: calc(100% - 60px); }
 .blog-info{
	margin:10px 30px 20px 30px;
	font-weight:bold;
	line-height:24px;
	position:relative;
 }
.blog-post h1 {
	font-size: 4rem;
	margin-top: 2rem;
	font-weight: 700;
	line-height: 1;
	border-bottom: 1px solid #000;
}

.author{
	display:block;
 }
 .share{
	float:right;
 }
 .share a,.share a:visited,.share a:hover{
	font-size:24px;
	margin:0px 10px;
 }
 .share-box{
	cursor:pointer;
 }
 .hidden-popup{
	display:none;
	position:absolute;
	right:-30px;
	padding:5px 0px;
	background:#FFFFFF;
	margin:0px!important;
-webkit-box-shadow: -3px 3px 5px 0px rgba(0,0,0,0.75);
-moz-box-shadow: -3px 3px 5px 0px rgba(0,0,0,0.75);
box-shadow: -3px 3px 5px 0px rgba(0,0,0,0.75);
 }
 .hidden-popup li{
	list-style:none;
	margin:5px 10px;
	padding:2px 0px;
	border-bottom:1px solid #000000;
 }
 .hidden-popup li.last-link{
	border-bottom:none;
	margin-bottom:0px;
 }
 .featured-img img,.featured-img video{
	width:100%;
	height:auto;
 }
 .blog-divider{
  	margin:20px 30px;
	height:1px;
	background:#000000;
 }
 .single-post p img{
	margin:auto;
	display:block;
	max-width:100%;
	height:auto;
	padding:20px 0px;
 }
 #image-tagline{
	text-align:center;
	margin-bottom:20px;
	font-weight: 500;
	color: #878787;
 }
 #image-tagline a{
	text-decoration:none!important;
	color: #878787;
 }

 @media(max-width:768px){
	.blog-info{
		margin:10px 20px 20px 20px;
		position:initial;
	}
	.blog-post h1 {
		font-size: 3rem;
		margin-top: 1.5rem;
		font-weight: 700;
		line-height: 1;
		border-bottom: 1px solid #000;
	}
	.blog-divider{
		margin:20px;
	}
	.blog-post img{
		width:100%;
		height:auto;
	}
	.hidden-popup{
		width:100%;
		margin-left:0px;
		margin-right:0px;
		left:0;
		right:initial;
-webkit-box-shadow: 0px 0px 5px 3px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 5px 3px rgba(0,0,0,0.75);
box-shadow: 0px 0px 5px 3px rgba(0,0,0,0.75);
	}
	.hidden-popup li{
		margin-left:20px;
		margin-right:20px;
	}
 }  @media screen and (max-width: 600px) { #wpadminbar{	position:fixed!important; } }
 
 .nav-links{
	margin-top:50px;
	padding:0px 30px;
 }
 .previous-link{
	float:left;
	width:45%;
 }
 .next-link{
	float:right;
	width:45%;
	text-align:right;
 }
 
 /* Enter Your Custom CSS Here */
.video-container {
  	position: relative;
    padding-bottom: 56.25%; /* 16:9 */
    padding-top: 25px;
  	height: 0;
	margin-left:30px;
}
.video-container iframe, .video-container object, .video-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
@media(max-width:1024px)
{
	.video-container {
		margin:0px 30px;
	}
}
@media(max-width:768px)
{
	.video-container {
		margin:0px 30px;
	}
}
/* login page */
.login-container{
    height: 220px;
    /*position: absolute;*/
    width: 436px;
    /*left: 50%;
    margin-left: -218px;
    top: 50%;
    margin-top: -160px;*/
	margin:auto;
}
/*
#loginform{
	width:300px;
	position:absolute;
	left:50%;
	margin-left:-150px;
	top:50%;
	margin-top:-100px;
}
*/
#loginform{
    width: 300px;
    margin: auto;
    margin-top: 40px;
}
#loginform p{
	margin:.5em 0px;
}

#loginform label,p.training-portal{
	display:block;
	font-size:1em;
	margin-bottom:5px;
}
.welcome p.training-portal{
	margin:.5em 4%!important;
}
.training p.training-portal{
	text-align:center!important;
	margin-top:50px!important;
	font-weight:bold;
}
.training-video p.training-portal{
	margin-bottom:20px!important;
}
#loginform input[type="text"],#loginform input[type="password"]{
	width:100%;
	height:1.6em;
}
#loginform input[type="checkbox"]{
	width:20px;
	height:20px;
}
#loginform input[type="submit"]{
	height:32px;
	width:100%;
	font-family:'Eurostile','arial',sans-serif!important;
	color:#FFFFFF;
	background:#000000;
	border:none;
	font-size:1.4em;
}
.training-form{
	width:67%;
	float:left;
}
.gform_wrapper{
	width:92%!important;
	max-width:92%!important;
	margin:0px 4%!important;
}
.gform_wrapper .ginput_complex.ginput_container.has_first_name.has_middle_name.no_last_name span, .gform_wrapper .ginput_complex.ginput_container.has_first_name.no_middle_name.has_last_name span, .gform_wrapper .ginput_complex.ginput_container.no_first_name.has_middle_name.has_last_name span{
	width:100%!important;
}
.gform_wrapper .medium{
	width:98%!important;
}
.splash-image{
	width:33%;
	float:left;
	margin-top:60px;
}
.splash-image img{
	width:100%;
	height:auto;
}
.gform_body span.name_last{
	display:block!important;
}
.gform_wrapper .top_label .gfield_label{
	margin-top:5px!important;
	margin-bottom:0px!important;
	font-size:1em!important;
	font-weight:normal!important;
}
.gform_wrapper select{
	padding:.313em 0!important;
	width:98%!important;
}
body .gform_wrapper label.gfield_label+div.ginput_container{
	margin-top:0px!important;
}
.gform_button.button{
	background:#000000;
	color:#FFFFFF;
	font-family:'Eurostile','arial',sans-serif!important;
	height:32px;
	border:none;
}
body.training-video .video-block{
	width:75%;
	margin:auto;
}
body.training-video .video-block .video-wrap{
	width:100%;
	padding-bottom:62.5%;
}

.paging{
    font-style: italic;
    color: #4318AB;
    width: 170px; 
    text-align: center;
    line-height: 2.6em;
    border: 1px solid #4318AB;
    border-radius: 10px;
    display: block;
	margin:auto;
}
.paging span{
	font-family:'HelveticaNeue-UltraLight','arial',sans-serif!important;
	margin:0px 10px!important;
	font-style:normal!important;
	font-size:1.6em;
}
.paging-container a:hover{
	text-decoration:none;
}
@media(max-width:768px)
{
	.login-container{
		width:92%;
	}
	/*
	#loginform{
		width:92%;
		margin-left:-4%;
		left:8%;
	}*/
	.training-form{
		width:100%;
		float:none;
	}
	.splash-image{
		width:100%;
		margin-top:0px;
		float:none;
	}
	.splash-image img{
		width:92%;
		margin:20px 4%;
	}
	body.training-video .video-block{
		width:100%;
		margin:auto;
	}
}
.yb-recommends:before{
	width:2rem;
	background-color:#545454;
	content: "";
	display:block;
	height: 0.25rem;
	margin-bottom:0.625rem;
	margin-left:30px;
	margin-top:2rem;
}
.related-post{
	margin-top:10px;
}
.related-post .left{
	width:66.6666666667%;
	float:left;
}
.related-post .featured-img-list{
	width:33.3333333333%;
	float:right;
}
.related-post .featured-img-list img{
	width:100%;
	height:auto;
}
.yb-recommends .clear{
	height:20px;
	border-bottom:1px solid #545454;
	margin-bottom:20px;
	margin-left:30px;
}
.single .copywrite{
	margin:0px 30px;
	padding-bottom:100px;
}
.single .copywrite .url{
	display:block;
	font-weight:bold;
	padding-bottom:.5em;
}
.single .copywrite .right{
	float:right;
	font-weight:bold;
}
.single .copywrite .right a{
	color:#000;
	margin-bottom: 0px;
	padding-bottom: 0px;
	vertical-align: baseline;
}
/* NEW */.single-left{	width:60%;	float:left;	padding-right:4%!important;}.single h2.title{	margin:0;	padding:0px 30px;	border-bottom:1px solid #000000; }#sidebar{	float:right;	width:30%;	padding-left:calc(6% - 1px);	border-left:1px solid #545454;	margin-top:10px;}.ad-container img{	width:100%;	height:auto;}#sidebar .clear{	padding-top:10px;	margin-bottom:10px;	border-bottom:1px solid #545454; margin-left:30px;margin-right:30px;}#sidebar h2{	margin:0px;}#sidebar .most-read:before{	width:2rem;	background-color:#545454;	content: "";	display:block;	height: 0.25rem;	margin-bottom:0.625rem;	margin-top:2rem;}#sidebar a{	color:#000000!important;}#sidebar a:hover{	text-decoration:none!important;}.most-popular{	margin:10px 0px;}.most-popular li{	list-style-type:none;	list-style-position:outside;}.most-popular h3{	margin:10px 10px 0px 0px;	font-size:16px;}.sidebar-left{	width:60%;	float:left;}.sidebar-right{	width:40%;	float:right;}.sidebar-right img{	width:100%;	height:auto!important;}.sidebar-excerpt{	display:none;}@media(max-width:1024px){	#sidebar{		width:100%;		border-left:none;		float:none;		padding-left:0px;	}	#sidebar h2{		margin-left:30px;	}	#sidebar .most-read:before{		margin-left:0px;	}	.sidebar-excerpt{		display:block;	}	.single-left{		width:100%;		float:none;		padding-right:0px!important;	}	.sidebar-left h3{		padding-left:30px;	}}
@media(max-width:1024px)
{
	.ad-container{
		padding:0px 30px;
	}
	.sidebar-right img{
		width:calc(100% - 30px);
		margin-right:30px;
	}
}
@media(max-width:768px)
{
	.sidebar-left h3{
		padding-left:20px;
	}
	.sidebar-right img{
		width:calc(100% - 20px);
		margin-right:20px;
	}
	#sidebar h2{
		margin-left:20px;
	}
	.ad-container{
		padding:0px 20px;
	}
	#sidebar .clear{
		margin-left:20px;
		margin-right:20px;
	}
}

@media(max-width:768px)
{
	.yb-recommends:before{
		margin-left:20px;
	}
	.related-post h3{
		margin-left:20px;
	}
	.single .copywrite{
		margin:0px 20px;
	}
	.yb-recommends .clear{
		margin-left:20px;
	}
}
@media(max-width:500px)
{
	.single .related-post .left{
		width:100%;
		float:none;
	}
	.single .related-post .featured-img-list{
		width:100%;
		float:none;
		margin-top:1em;
	}
}
@media(max-width:400px)
{
	.single .copywrite .right{
		float:none;
		display:block;
	}
}
#mobile.yb-recommends{
	display:none;
}
@media(max-width:1024px)
{
	#desktop.yb-recommends{
		display:none;
	}
	#mobile.yb-recommends{
		display:block;
	}
}