@import url("/css/style.php");

@font-face
{
font-family: myFont1;src: url('/fonts/1-webfont.eot');
    src: url('/fonts/1-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/1-webfont.woff') format('woff'),
         url('/fonts/1-webfont.ttf') format('truetype'),
         url('/fonts/1-webfont.svg#harry_pregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
/*
Theme Name:     3clicks Child Theme
Theme URI:      http://3clicks.bringthepixel.com
Description:    Got questions? Visit our <a href="http://bringthepixel.com/support/">support forum</a>.
Author:         bring the pixel
Author URI:     http://www.bringthepixel.com/
Template:       3clicks
Version:        1.0
Tags:           flexible-width, custom-colors, custom-menu, featured-images, post-formats, theme-options, threaded-comments, translation-ready
*/

/* Place all your CSS modifications below */

#g1-precontent > header.entry-header, #g1-precontent > header.page-header, #g1-precontent > header.archive-header{
	
	padding-top:0px;
	padding-bottom: 0px;
}
.g1-hgroup{
	margin-bottom: 0.5em;
	
}
#g1-preheader-bar{
	display:none;
}

.leftbox{
	background-color:#eee;
	height:160px;
	width:50%;
	float:left;
	padding: 5px 0 15px 0;
	background-position: center;
	background-size:cover;
	
}
.rightbox{
	background-color:#0071c5;
	height:163px;
	width:50%;
	float:left;
	padding: 2px 0px 15px 0;
px;
position:relative;
}


.boxtitle{
	font-size: 18px;
padding: 0px 5px 0px 8px;
text-transform: uppercase;
color: #fff;
font-weight:bold;
	
}

.boxmain{
padding: 8px 5px 0px 8px;
color: #fff;
font-size:110%;
	
}

.boxaction{
padding: 8px 8px 0px 8px;
color: #fff;
clear:both;
float:right;
font-weight:bold;
}

.box1{
	
}
.box1title{
	background-color:#0071c5;
	font-size: 18px;
padding: 2px 2px 0px 8px;
text-transform: uppercase;
color: #fff;
}
.divider1{
	width:100%;
	height:20px;
	clear:both;
}

.smallbox{
	background-color:#0071c5;
		background-image:url(/bgimages/dict.jpg?1);	
	height:150px;
	width:100%;
	float:left;
	padding: 5px 0 15px 0px;
background-position: center;
	background-size:cover;
	vertical-align:bottom;
	position:relative;
cursor: pointer;
}

.smallbox1{
	background-color:#0071c5;
		background-image:url(/bgimages/bslhb.jpg?1);	
	height:150px;
	width:100%;
	float:left;
	padding: 5px 0 15px 0px;
background-position: center;
	background-size:cover;
	vertical-align:bottom;
	position:relative;
cursor: pointer;
}

.smallboxtextbg{
	background-color:rgba(0, 113, 197, 0.95);
	text-align:left;
	color:#fff;
	position:absolute;
	bottom:0;
	width:100%;
	padding: 0px;
	
}
.smallboxtexttitle{
	padding:6px 6px 0px 6px;
	text-transform:uppercase;
	font-weight:bold;
}
.smallboxtext{
	padding:0px 6px 6px 6px;
}
.yellowq{
background-color: #00d679;	
height:43px;
line-height: 36px;
font-size: 18px;
text-align: center;
text-transform: uppercase;
font-weight: 800;
padding: 15px 0px 15px 0px;
color: #fff;
float:left;
width:25%;
white-space: nowrap;
  overflow: hidden;
}

.whiteq{
background-color: #fff;	
height:30px;
line-height: 26px;
font-size: 15px;
text-align: center;
text-transform: uppercase;
font-weight: 400;
padding: 20px 0px;
color: #0071c5;
float:left;
width:25%;
}
.outline{
border:2px solid #00d679 !important;
height:70px;
}
.whiteq:hover{
	background-color: #E8E8E8;
	cursor:pointer;
}
.fsp{
	background-color:#fff;
	height:175px;
	padding:5px;
}
.iconleft{
float:left;	
margin-left:15px;
font-family:myFont1 !important;
font-size:40px;
color: #0071c5;
}
.iconleft1{
float:left;	
font-family:myFont1 !important;
font-size:40px;
color: #fff;
line-height: 31px;
margin-right:7px;
}
.simonbutton{
	padding: 8px 10px !important;
	font-size:20px;
}
.textright{
	float:left;	
	text-align:left;
	margin-left:0px;
}

@media screen and (max-width: 750px){
	.whiteq, .yellowq{
		width:100%;
	}
}

@media screen and (max-width: 990px){
	.smallboxtext{
		font-size:90%;
	}
}
@media screen and (max-width: 899px){
	.smallboxtext{
		
	}
}

@media screen and (max-width: 600px){
	.smallboxtext{
		display:block;
		font-size:100%;
	}
}

@media screen and (max-width: 960px){
	.leftbox{
		width:40%;
	}
	.rightbox{
		width:60%;
	}
}
@media screen and (max-width: 800px){
	.leftbox{
		width:40%;
		font-size:90%;
	}
	.rightbox{
		width:60%;
	}
}

@media screen and (max-width: 775px){
	.boxmain{
	font-size:98%;	
	}
}
@media screen and (max-width: 510px){
	.boxmain{
	font-size:98%;	
	}
}

@media screen and (max-width: 435px){
	.boxmain{
	font-size:95%;	
	}
}


.g1-cartbox{
	display:none;
}
.g1-content > .g1-background{
	background-color:#fff;
}
.entry-title{
	margin-bottom:10px !important;
}
.coursesubtitleback{
	overflow: hidden; padding: 0 10px 0 20px; height: 60px; background-color: #3d4244; color: #ffffff !important;
}
.coursesubtitle{
	font: 22px/36px 'Open Sans', 'Trebuchet MS', Helvetica, Garuda, sans-serif; font-weight: normal; font-style: normal; color: #fff !important; padding: 0px; margin: 0px; line-height: 60px; text-transform: uppercase;
}
.coursetitlediv{
float:left;
width:100%;	
}
.courseinfo{
margin-top:4px;
   
}
.converse{
color:#fff;	
}
.coursecar{
	text-align:center;
	background-color:#0071c5;
	height:75px;
	color:#fff !important;

}
.coursecar2{
	text-align:center;
	background-color:#007123;
	height:75px;
	color:#fff !important;

}
.coursecar h1{
	color: #fff !important;
		line-height:75px;
		padding:0px;
}
.coursecar a{
color:#fff;	
}
.coursecar a:hover{
color:#F85D08;	
}

.coursecar2 h1{
	color: #fff !important;
		line-height:75px;
		padding:0px;
}
.coursecar2 a{
color:#fff;	
}
.coursecar2 a:hover{
color:#F85D08;	
}
.simonheading {
    padding: 0 10px 0 60px !important;
    height: 60px;
    line-height: 60px;
    background-image: url("http://www.british-sign.co.uk/bsl-british-sign-language/wp-content/themes/halsey/img/iconleft.png");
    color: #ffffff !important;
    background-color: #3d4244;
    background-repeat: no-repeat;
}
.single-lesson #secondary {display: none;}
.single-quiz #secondary {display: none;} 
.single-course #secondary {display: none;} 
.quiz form ol#sensei-quiz-list li ul li input{margin:17px .382em 0 0;}
.gap-fill, .answers{ border-bottom:solid 2px #000 !important;}
.gapfill-answer-gap{width:200px;}
#sensei-quiz-list{ border-top:solid 2px #000 !important;}
.entry-meta { display: none; }