_box/*   
Theme Name: Teaching Cave
Description: 
Author: Lava Design Studio
Author URI: http://www.lavadesignstudio.co.uk
Version: 1
*/

/* ------------- "reset" styles */

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;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
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;
}

@font-face {
    font-family: 'old_caveregular';
    src: url('font/old_cave-webfont.eot');
    src: url('font/old_cave-webfont.eot?#iefix') format('embedded-opentype'),
		url('font/old_cave-webfont.svg#old_caveregular') format('svg'),
         url('font/old_cave-webfont.woff') format('woff'),
         url('font/old_cave-webfont.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'open_sans';
    src: url('font/OpenSans-Regular-webfont.eot');
    src: url('font/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/OpenSans-Regular-webfont.woff') format('woff'),
         url('font/OpenSans-Regular-webfont.ttf') format('truetype'),
         url('font/OpenSans-Regular-webfont.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'open_sans';
    src: url('font/OpenSans-Bold-webfont.eot');
    src: url('font/OpenSans-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/OpenSans-Bold-webfont.woff') format('woff'),
         url('font/OpenSans-Bold-webfont.ttf') format('truetype'),
         url('font/OpenSans-Bold-webfont.svg#open_sansbold') format('svg');
    font-weight: bold;
    font-style: normal;

}


@font-face {
    font-family: 'kg_primary_italicsregular';
    src: url('font/kgprimaryitalics-webfont.eot');
    src: url('font/kgprimaryitalics-webfont.eot?#iefix') format('embedded-opentype'),
		 url('font/kgprimaryitalics-webfont.svg#kg_primary_italicsregular') format('svg'),
         url('font/kgprimaryitalics-webfont.woff') format('woff'),
         url('font/kgprimaryitalics-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}




/* ------------- "generic" styles */

:focus { outline: 0; }

body {
	background: url(https://www.teachingcave.com/wp-content/themes/teachingcave/images/tc_bg2.jpg)repeat-x top center #f6dc92;
	background-position: center -60px;
	font-family: 'open_sans', Arial, Helvetica, sans-serif; font-size:16px;
	color:#5c3507;
}

h1 {color: #5c3507; font-size: 36px; margin-bottom: 18px; font-family: 'kg_primary_italicsregular'; font-weight: normal;}
h2 {color: #5c3507; font-size: 24px; margin-bottom: 10px;}
h3 {color: #5c3507; font-size: 18px; margin-bottom: 10px;}

h3.cave {font-family: 'kg_primary_italicsregular'; font-size: 30px; font-weight: normal; }

h1 a {text-decoration: none;}
h2 a {text-decoration: none;}
h3 a {text-decoration: none;}

p { line-height: 20px; margin-bottom: 15px;}

a {color: #fff;}

div.entry {overflow: hidden;}

div.editentry {margin-top: 50px;}

div.editentry a {color: #fff;}

div.ad_top {margin-bottom: 30px;}
div.ad_bottom {margin-top: 30px;}

.btn {
    display: block;
    float: left;
    height: 40px;
    line-height: 36px;
    padding-left: 25px;
    padding-right: 25px;
    border: 0px;
    border: 2px solid #5c3507;
    color: #014a97;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    margin-top: 20px;
    transition: all ease 0.3s;
}

.signup-col a.btn {
    float: none;
    text-align: center;
    font-weight: bold;
    height: 45px;
    line-height: 40px;
    border-radius: 100px;
    background-color: #5c3507;
    color: #ffffff;
    text-decoration:none;
}

.signup-col a.btn:hover {
    background-color: white;
    color:#5c3507;
}

.signup-col h3 {
    padding: 1rem 0;
}

.signup-col:nth-of-type(1) h3 {
    color: #fb7f05;
    background: hsl(30 97% 90% / 1);
}

.signup-col:nth-of-type(2) h3 {
    color: #4285f4;
    background-color: hsl(217 89% 90% / 1);
}

.signup-col:nth-of-type(3) h3 {
    color: #ea4335;
    background-color: hsl(5 81% 91% / 1);
}

.signup-col span.price {
    display: block;
    font-size: 1.6rem;
    margin-top: 0.7rem;
    margin-bottom: 2.1rem;
}

.signup-col ul li:not(:first-of-type) {
    border-top: 1px solid #d3d3d354;
    padding-top: 10px;
    background-position: left 14px;
}

/* ------------- "header" styles */


div#header_menu_wrapper {
	width: 100%;
	height: 40px;
	background: #7b420e;
	}
	
	div#header_menu {
		max-width: 1000px;
		margin: auto;
		height: 40px;
		}
		
		div#header_menu div.welcome {float: left; line-height: 40px; color: #fff;}
		
		@media only screen
				and (max-width : 500px) {
					div#header_menu div.welcome {display: none;}
					}
		
		div#header_menu ul {float: right;}
		
		div#header_menu ul li {display: inline-block; float: left; margin-right: 15px; line-height: 40px;}
		
		div#header_menu ul li a {
			text-decoration: none;
			}
			
			div#header_menu ul li a:hover {
				text-decoration: underline;
				}




div#header_wrapper {
	width: 100%;
	height: 100px;
	background: url(images/header_bg.png);
	z-index: 9999;
	transition: all 500ms;
	}
	
	div#header_wrapper:hover, div#header_wrapper.active {
		background: url(images/header_bg.png) #f3e1b1;
		}
	
	div#header {
		position: relative;
		max-width: 1060px;
		height: 100px;
		margin: auto;
		padding: 0px 20px 0px 20px;
		overflow: hidden;
		}
		
		div#header a.logo {
			width: 142px;
			height: auto;
			display: block;
			float: left;
			margin-top: 15px;
			}
			
		div#header a.open_mininav {
			display: none;
			float: right;
			background: url(images/menu_overlay_btn2.png);
			width: 35px;
			height: 35px;
			margin-top: 17px;
			cursor: pointer;
			margin-left: 20px;
			}	
			
			div#header a.open_mininav.display {
				background-position: 0px -35px;
				}
			
				
		div#header_menu a.facebook_soc {
			display: block;
			width: 25px;
			height: 25px;
			background: url(images/facebook_soc.png);
			float: right;
			margin-left: 10px;
			margin-top: 7px;
			}	
			
		div#header_menu a.twitter_soc {
			display: block;
			width: 25px;
			height: 25px;
			background: url(images/twitter_soc.png);
			float: right;
			margin-left: 10px;
			margin-top: 7px;
			}	
			
		@media only screen
				and (max-width : 400px) {
					div#header_menu a.facebook_soc, div#header_menu a.twitter_soc {display: none;}
					}		
				

/* ------------- "menu" styles */

div#menu_wrapper {
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	min-height: 100px;
	background: #f3e1b1;
	overflow: hidden;
	z-index: 9999;
	text-align: right;
	}
	
	ul#menu-header-menu {position: relative; float: right; margin-right: 0px; z-index: 9999999;}
	
	a.search_btn {
		display: block;
		float: right;
		margin-top: 30px;
		margin-left: 0px;
		background: url(images/search.png) #7b420e no-repeat center center;
		height: 35px;
		width: 35px;
		-webkit-border-radius: 6px;
		-moz-border-radius: 6px;
		border-radius: 6px;
		cursor: pointer;
		transition: all 200ms linear;
		}
		
		a.search_btn:hover, a.search_btn.active {
			background: url(images/search.png) #da6d0d no-repeat center center;
			}
		
	


ul.full {
	margin: auto;
	margin-top: 20px;
	min-height: 50px;
	padding: 0px 0px 0px 0px;
	float: right;
	text-align: right;
		}
	
	ul.full li {
		display: inline;
		float: left;
		list-style-type:none;
		}
		
		ul.full li a {
			float: left;
			display: block;
			color: #7b420e;
			text-decoration: none;
			padding: 0px 8px 0px 8px;
			height: 35px;
			margin-right: 10px;
			line-height: 35px;
			margin-top: 10px;
			margin-bottom: 10px;
			font-size: 18px;
			font-weight: bold;
			-webkit-border-radius: 6px;
			-moz-border-radius: 6px;
			border-radius: 6px;
			text-transform: uppercase;
			transition: background-color 300ms; 
			font-family: 'old_caveregular';
			}
			
			ul.full li a:hover, ul.full li.current-menu-item a {
				background-color: #7b420e;
				color: #fff;
				}
				
			ul#menu-header-menu {}	


/* ------------- "menu compact" styles */	
				
	
	div#menu_wrapper_compact {
		position: absolute;
		top: 110px;
		left: 0px;
		z-index: 9999;
		display: none;
		width: 100%;
		background: #f3e1b1;
		}
				
	ul.compact {
		 border-top: 1px solid #512b08;
		}	
		
		ul.compact li {
			list-style-type:none;
			}
			
			ul.compact li a {
				height: 35px;
				display: block;
				border-bottom: 1px solid #bd834e;
				padding-left: 20px;
				line-height: 35px;
				color: #512b08;
				text-transform: uppercase;
				text-decoration: none;
				}
				
				ul.compact li a:hover, ul.compact li.current-menu-item a {
					background: #bd834e;
					color: #fff;
					}
				
				ul.compact li:last-child a {border-bottom: 0px;}
				
				@media only screen
				and (max-width : 1090px) {
					ul.full li a {font-size: 16px;}
					}
					
				@media only screen
				and (max-width : 1030px) {
					ul.full li a {font-size: 16px;}
					ul#menu-header-menu {display: none;}
					div#header_wrapper {height: 70px;}
					div#header {height: 70px;}
					div#header a.logo img {width: 100px;}
					div#search_container {top: 7px;}
					}	
				
				@media only screen
				and (min-width : 1030px) {
					div#menu_wrapper_compact {display: none;}
					ul.compact {display: none;}
				}
								
								
				@media only screen
					and (max-width : 1030px) {
						div#search_container {right: 70px;}
						div#menu_wrapper {display: none;}
						div#header a.open_mininav {display: block;}
					}	
				
				@media only screen
				and (max-width : 630px) {
					div#search_container {display: none;}
				}
				
			
			
			
/* ------------- "search wrapper" styles */	


div#search_wrapper {
	display: none;
	width: 100%;
	height: 60px;
	background: #7b420e;
	position: fixed;
	top: 140px;
	-webkit-box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.50);
	-moz-box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.50);
	box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.50);
	}		
	
	div#search {
		max-width: 1000px;
		padding-left: 20px;
		padding-right: 20px;
		height: 45px;
		padding-top: 13px;
		margin: auto;
		}	
		
		div#search p {
			color: #fff;
			float: left;
			margin-right: 20px;
			margin-top: 8px;
			}
				

/* ------------- "search input box" styles */

form#searchform {
	float: left;
	}
	
	form#searchform div {
		position: relative;
		width: 400px;
		}
	
	form#searchform input#s {
		background: #b2884e;
		border: 0px;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;
		width: 370px;
		color: #fff;
		padding: 8px 15px 8px 15px;
		font-size: 14px;
		}
		
		form#searchform input#searchsubmit {
			background: url(images/search.png) no-repeat;
			position: absolute;
			right: 0px;
			top: 10px;
			width: 30px;
			height: 30px;
			border: 0px;
			}	
			
			@media only screen
	and (max-width : 1030px) {
		div#search_wrapper {top: 110px;}
		a.search_btn {
			margin-top: 17px;
			margin-right: 0px;
			}
		}	
		
		@media only screen
	and (max-width : 630px) {
		div#search p {display: none;}
		form#searchform {width: 100%;}
		form#searchform div {width: 100%;}
		form#searchform input#s {width: 94%;}
		}
		
		@media only screen
	and (max-width : 500px) {
		form#searchform input#s {width: 91%;}
		}


/* ------------- "page" styles */

img.home_logo {margin-top: 0px; margin-bottom: 0px; width: 100%; max-width: 400px; height: auto;}

div#page_wrapper {
	max-width: 1060px;
	margin: auto;
	margin-top: 40px;
	padding-left: 20px;
	padding-right: 20px;
	overflow: hidden;
	}
	
	div.post {
		max-width: 1000px;
		margin: auto;
		}
		
		
a.lvl_f {
	background: #0e77ee;
	display: block;
	padding: 13px;
	margin-bottom: 20px;
	color: #fff;
	font-family: 'kg_primary_italicsregular';
	font-weight: normal;
	text-decoration: none;
	font-size: 32px;
	margin-top: 20px;
	transition: all 200ms linear;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	text-align: center;
	}	
	
	a.lvl_f:hover {
		-webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.95);
		-moz-box-shadow:    0px 0px 15px 0px rgba(0, 0, 0, 0.95);
		box-shadow:         0px 0px 15px 0px rgba(0, 0, 0, 0.95);
		}		
	
a.lvl_ks1 {
	background: #04a44d;
	display: block;
	padding: 13px;
	margin-bottom: 20px;
	color: #fff;
	font-family: 'kg_primary_italicsregular';
	font-weight: normal;
	text-decoration: none;
	font-size: 32px;
	transition: all 200ms linear;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	text-align: center;
	}	
	
		a.lvl_ks1:hover {
		-webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.95);
		-moz-box-shadow:    0px 0px 15px 0px rgba(0, 0, 0, 0.95);
		box-shadow:         0px 0px 15px 0px rgba(0, 0, 0, 0.95);
		}

a.lvl_ks2 {
	background: #ea0d0d;
	display: block;
	padding: 13px;
	margin-bottom: 20px;
	color: #fff;
	font-family: 'kg_primary_italicsregular';
	font-weight: normal;
	text-decoration: none;
	font-size: 32px;
	transition: all 200ms linear;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	text-align: center;
	}	
	
	a.lvl_ks2:hover {
		-webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.95);
		-moz-box-shadow:    0px 0px 15px 0px rgba(0, 0, 0, 0.95);
		box-shadow:         0px 0px 15px 0px rgba(0, 0, 0, 0.95);
		}
		
		
		
div#breadcrumb {
	max-width: 1000px;
	padding: 10px;
	min-height: 16px;
	background: url(images/breadcrumb_bg.png);
	margin-bottom: 30px;
	color: #5c3507;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	line-height: 18px;
	border: 1px solid #7b490e;
	}	
	
	div#breadcrumb a {
		text-decoration: none;
		}
		
	
div.entry img.alignright {float: right; margin-left: 20px; background: #fff; padding: 5px; transition: all 200ms linear;}	
div.entry img.alignleft {float: left; margin-right: 20px; background: #fff;  padding: 5px;transition: all 200ms linear;}

div.content_box a.view_resource {
	padding: 10px 15px 10px 15px;
	display: block;
	background: #7b420e;
	float: left;
	color: #fff;
	text-decoration: none;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	}	
	
	div.content_box a.view_resource:hover {
		background: #9b591d;
		}
		
	div.content_box a {word-wrap: break-word;}	

	
div.entry.searchlisting {
	border-bottom: 1px solid #5c3507;
	padding-bottom: 20px;
	margin-bottom: 20px;
	}
	
		
	
div.content_box div.image_container {
	position: relative;
	display: block;
	max-width: 400px;
	background: #fff; padding: 5px; transition: all 200ms linear;
	}	
	
div.content_box img {
	width: 100%;
	height: auto;
	}	
		
	
div.content_box:nth-of-type(odd) div.image_container {
	float: right;
	margin-left: 20px;
	}	
	
div.content_box:nth-of-type(even) div.image_container {
	float: left;
	margin-right: 20px;
	}	
	
	div.content_box div.image_container:hover {
	-webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.95);
	-moz-box-shadow:    0px 0px 15px 0px rgba(0, 0, 0, 0.95);
	box-shadow:         0px 0px 15px 0px rgba(0, 0, 0, 0.95);
	}	
	
div.content_box div.image_container span.member_overlay {
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
	background: url(images/member_overlay5b.png) no-repeat center center;
	}	
	
	
div.content_box p span, div.content_box p em, div.content_box p b {color: #5c3507!important;}	


		
div.divider {
	display: inline-block;
	clear: both;
	width: 100%;
	height: 1px;
	margin-top: 30px;
	margin-bottom: 30px;
	overflow: hidden;
	opacity: 0.7;
	}	
	
div.content_box {
	position: relative;
	border: 2px solid #7b490e;
	background: #fff;
	padding: 25px;
	margin-bottom: 30px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	-webkit-box-sizing: border-box; /* Safari 3.0 - 5.0, Chrome 1 - 9, Android 2.1 - 3.x */
	  -moz-box-sizing: border-box;    /* Firefox 1 - 28 */
	  box-sizing: border-box;    
	  float: left;
	  width: 100%;
	}	
	
	span.challenge_overlay {
		display: block;
		position: absolute;
		top: -8px;
		right: -7px;
		width: 165px;
		height: 115px;
		background: url(images/challenge.png);
		z-index: 9999;
		}
		
		
/***** Workout Boxes ******/		
	
	
div.left_col {
	width: 47%;
	margin-right: 3%;
	float: left;
	}		
	
div.right_col {
	width: 47%;
	margin-left: 3%;
	float: left;
	}	
	
	
@media only screen
	and (max-width : 600px) {
		div.left_col {width: 100%; margin: 0px;}
		div.right_col {width: 100%; margin: 0px;}
		}			

		
div.workout_box	 {
	text-align: center;
	position: relative;
	border: 2px solid #7b490e;
	background: #fff;
	padding: 25px;
	margin-bottom: 30px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	-webkit-box-sizing: border-box; /* Safari 3.0 - 5.0, Chrome 1 - 9, Android 2.1 - 3.x */
	  -moz-box-sizing: border-box;    /* Firefox 1 - 28 */
	  box-sizing: border-box;    
	  float: left;
	  margin-bottom: 30px;
	  width: 100%;
	}

	div.workout_box h3 {
		font-size: 18px;
		margin-bottom: 30px;
		}
	
	div.workout_box div.image_container {text-align: center;}
	
	div.workout_box div.image_container img {
		max-width: 50%;
		height: auto;
		border: 2px solid #7b490e;
		}
		
	a.showme {
		display: block;
		width: 50%;
		margin: auto;
		height: 35px;
		background: #7b420e;
		cursor: pointer;
		margin-top: 30px;
		line-height: 35px;
		-webkit-border-radius: 6px;
		-moz-border-radius: 6px;
		border-radius: 6px;
		}	
		
	div.workout_answer {
		display: none;
		margin-top: 30px;
		}	
		
		div.workout_answer h3 {margin-bottom: 10px;}
		
		div.large_word {
			font-size: 30px;
			color: #06F;
			font-weight: bold;
			}
		
		
		
		
		
		
		
div.top_buttons {
	width: 100%;
	clear: both;
	margin-bottom: 30px;
	float: left;
	}
		
	div.top_buttons a {
		display: block;
		float: left;
		padding: 10px 15px 10px 15px;
		-webkit-border-radius: 6px;
		-moz-border-radius: 6px;
		border-radius: 6px;
		background: #7b420e;
		margin-right: 15px;
		text-decoration: none;
		margin-bottom: 15px;
		}
		
		div.top_buttons a:hover {background: #b06a2b;}
		
		
		
select.drop {
	display: none;
	width: 100%;
	height: 30px;
	margin-bottom: 30px;
	}		
		
@media only screen
	and (max-width : 600px) {
		div.top_buttons {display: none;}
		select.drop {display: block;}
		}		
		

div.entry h2	{
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	}
	
div.entry h2 a {
	display: block;
	padding: 10px;
	margin-bottom: 20px;
	font-family: 'kg_primary_italicsregular';
	font-weight: normal;
	font-size: 26px;
	color: #fff!important;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	transition: all 200ms linear;
	}	
	
	div.entry h2:nth-of-type(8n+1)  {
		background: #ff0000;
		}
		
	div.entry h2:nth-of-type(8n+2)  {
		background: #04a44d;
		}	
		
	div.entry h2:nth-of-type(8n+3)  {
		background: #3366ff;
		}	
		
	div.entry h2:nth-of-type(8n+4)  {
		background: #800080;
		}		
		
	div.entry h2:nth-of-type(8n+5)  {
		background: #ff6600;
		}
		
	div.entry h2:nth-of-type(8n+6)  {
		background: #ff00ff;
		}
		
	div.entry h2:nth-of-type(8n+7)  {
		background: #333300;
		}
		
	div.entry h2:nth-of-type(8n+8)  {
		background: #000080;
		}				
		
		div.entry h2:hover {
			-webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.95);
			-moz-box-shadow:    0px 0px 15px 0px rgba(0, 0, 0, 0.95);
			box-shadow:         0px 0px 15px 0px rgba(0, 0, 0, 0.95);
		}
		
		
a.add-resource {
	padding: 10px;
	display: block;
	font-family: 'kg_primary_italicsregular';
	font-weight: normal;
	font-size: 32px;
	color: #fff;
	text-align: center;
	background: #7b420e;
	margin-top: 50px;
	text-decoration: none;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	transition: all 200ms linear;
	margin-bottom: 20px;
	}	
	
	a.add-resource:hover {
		background: #da6d0d;
		-webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.95);
			-moz-box-shadow:    0px 0px 15px 0px rgba(0, 0, 0, 0.95);
			box-shadow:         0px 0px 15px 0px rgba(0, 0, 0, 0.95);
		}	
	
	
@media only screen
	and (max-width : 620px) {
		div.entry div.content_box img {max-width: none; width: 100%; height: auto; margin: 0px; margin-bottom: 30px; float: none; clear: both;}
		}		


div.navigation {
	width: 100%;
	float: left;
	clear: both;
	height: 50px;
	margin-top: 20px;
	}

.navigation li a,
.navigation li a:hover,
.navigation li.active a,
.navigation li.disabled {
	color: #fff;
	text-decoration:none;
}

.navigation li {
	display: inline;
}

.navigation li a,
.navigation li a:hover,
.navigation li.active a,
.navigation li.disabled {
	background-color: #7b420e;
	border-radius: 3px;
	cursor: pointer;
	padding: 12px;
	padding: 0.75rem;
}

.navigation li a:hover,
.navigation li.active a {
	background-color: #b06a2b;
}


/* -------- for teachers -------- */

h3.large_heading {
	font-size: 30px;
	text-align: center;
	margin-bottom: 50px;
	}
	
	h3.smaller_heading {
		font-size: 24px;
		text-align: center;
		margin-bottom: 40px;
		margin-top: 35px;
		}


div.soliloquy-container {padding: 5px; border: 1px solid #5c3507; margin-bottom: 40px;}

a.unlock {
	width: 100%;
	max-width: 436px;
	height: 66px;
	display: block;
	margin: auto;
	margin-top: 30px;
	}
	
	a.unlock img {width: 100%; height: auto;}
	
	span.quote {
		display: block;
		padding: 10px;
		border: 1px solid #5c3507;
		-webkit-border-radius: 8px;
		-moz-border-radius: 8px;
		border-radius: 8px;
		position: relative;
		margin-bottom: 30px;
		}
		
		span.speech {
			position: absolute;
			bottom: -19px;
			right: 20px;
			display: block;
			background: url(images/speech.png);
			height: 19px;
			width: 19px;
			}
			
	div.left_teachers {
		    width: 47%;
			margin-right: 3%;
			float: left;
		}		
		
		div.right_teachers {
		    width: 47%;
			margin-left: 3%;
			float: left;
	}
			
	div.testimonial {
		border-bottom: 1px solid #ccc;
		padding-bottom: 10px;
		margin-bottom: 30px;
		line-height: 20px;
		width: 29%;
		margin-left: 2%;
		margin-right: 2%;
		float: left;
		}
	
@media only screen
	and (max-width : 820px) {
		div.left_teachers {width: 100%; margin: 0px 0px 50px 0px;}
		div.right_teachers {width: 100%; margin: 0px 0px 0px 0px;}
		div.soliloquy-container {margin: auto;}
		div.testimonial {width: 100%; margin: 0px 0px 30px 0px;}
		}						


a.terms {
    color: #5c3507;
    padding-top: 3rem;
    display: block;
    clear: both;
}

/* ------------- "sections" styles */

div#service_boxes {
		width: 100%;
		margin-top: 10px;
		float: left;
		clear: both;
		}	

div.section_container {
	width: 22%;
	height: auto;
	float: left;
	margin-right: 2.5%;
	margin-bottom: 30px;
	position: relative;
	overflow: hidden;
	border: 3px solid #7b420e;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	transition-duration: 500ms;
	z-index: 1000;
	max-width: 450px;
	}
	
	div.section_container:nth-of-type(4n+0) {
		margin-right: 0;
		}

	div.section_container a img {
		width: 100%;
		height: auto;
		transition: all 200ms linear;
		}
		
		div.section_container:hover img {
		-webkit-transform: scale(1.2);  
		
		}	
		
		div.section_container:hover {
			-webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.95);
			-moz-box-shadow:    0px 0px 15px 0px rgba(0, 0, 0, 0.95);
			box-shadow:         0px 0px 15px 0px rgba(0, 0, 0, 0.95);
			}
		
	div.section_detail {
		position: relative;
		margin-top: -3px;
		width: 100%;
		height: 45px;
		background: #7b420e;
		}	
		
		div.section_detail h3 {
			height: 45px;
			font-size: 18px;
			float: left;
			margin-right: 10px;
			padding-left: 10px;
			margin-bottom: 0px;
			line-height: 45px;
			font-weight: bold;
			}
			
			div.section_detail h3 a {
				color: #fff;
				text-decoration: none;
				}
				
			div.section_detail h3 a:hover {text-decoration: none;}	

@media only screen
	and (max-width : 975px) {
		div.section_container {width: 30%}
		div.section_container:nth-of-type(4n+0) {margin-right: 2.5%;}
		div.section_container:nth-of-type(3n+0) {margin-right: 0;}
		}	
		
@media only screen
	and (max-width : 770px) {
		div.section_container {width: 46%; margin-right: 3%;}
		div.section_container:nth-of-type(3n+0) {margin-right: 3%;}
		div.section_container:nth-child(even) {margin-right: 0;}
		}		
		
@media only screen
	and (max-width : 484px) {
		div.section_container {width: 100%; margin-right: 0;}
		}
		
		
		
		
form.resource-form input[type=text],
form.resource-form input[type=url],
form.resource-form input[type=email],
form.resource-form input[type=tel],
form.resource-form input[type=number],
form.resource-form input[type=password],
form.resource-form select,
form.resource-form textarea
 {
	border: 0px;
	padding: 10px 10px 10px 10px;
	width: 92%;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	font-size: 14px;
}

form.resource-form div.gform_drop_area {
	border: 2px dashed #fff!important;
	}
	
	form.resource-form div.gform_drop_area span {
		color: #5c3507;
		}

form.resource-form select {width: 100%;}
form.resource-form textarea {height: 100px; width: 95%; padding: 10px 10px 10px 10px; margin-bottom: 20px;}
form.resource-form input.datepicker {
	width: 130px;
	margin-right: 10px;
	}
	
	
form.resource-form ul.gform_fields li {margin-bottom: 20px;}			
		
form.resource-form label.gfield_label {font-size: 16px!important;}	


form.resource-form input.gform_button {
	background: #7b420e;
	border: 0px;
	color: #fff;
	padding: 12px 35px 12px 35px;
	font-size: 16px!important;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	cursor: pointer;
	}
	
	form.resource-form input.gform_button:hover {
		background: #da6d0d;
		}	
		
		
div.entry #mc_embed_signup {
	border: 1px solid #7b490e;
	-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
	}	
	
div.entry #mc_embed_signup .button {
	background-color: #7b420e;
	}
	
	div.entry #mc_embed_signup .button:hover {
		background-color: #da6d0d;
		}
		


/* ------------- "tabs" styles */

ul.tabs {margin-left: 2px;}

ul.tabs li {
	display: inline-block;
	float: left;
	}
	
	
ul.tabs li a {
	padding-left: 15px;
	padding-right: 15px;
	margin-right: 2px;
	height: 35px;
	color: #fff;
	line-height: 35px;
	display: block;
	float: left;
	text-decoration: none;
	-webkit-border-top-left-radius: 6px;
	-webkit-border-top-right-radius: 6px;
	-moz-border-radius-topleft: 6px;
	-moz-border-radius-topright: 6px;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
	cursor: pointer;
	}
	
	ul.tabs li a:hover {
		background: #7b490e;
		}
		
div.tab_container div.overview {}		
div.tab_container div.starter {display: none;}	
div.tab_container div.main {display: none;}	
div.tab_container div.plenary {display: none;}	
div.tab_container div.additional {display: none;}

div.tab_container div.overview strong {color: #04a44d;}		
div.tab_container div.starter strong {color: #ff0000;}	
div.tab_container div.main strong {color: #3366ff;}	
div.tab_container div.plenary strong {color: #800080;}	
div.tab_container div.additional strong {color: #ff6600;}	

ul.tabs li.overview_tab a {background: #04a44d;}	
ul.tabs li.starter_tab a {background: #ff0000;}	
ul.tabs li.main_tab a {background: #3366ff;}	
ul.tabs li.plenary_tab a {background: #800080;}	
ul.tabs li.additional_tab a {background: #ff6600;}	


p.fulllesson {display: none;}

@media only screen
				and (max-width : 550px) {
					ul.tabs li a {font-size: 14px; padding-left: 10px; padding-right: 10px;}
					}		
					
					
@media only screen
				and (max-width : 460px) {
					ul.tabs {display: none;}
					div.tab_container div.starter {display: block;}	
					div.tab_container div.main {display: block;}	
					div.tab_container div.plenary {display: block;}	
					div.tab_container div.additional {display: block;}
					p.fulllesson {display: block;}
					}							
					
					

ul.tabs li.active a {}

div.content_box.sqc {-webkit-border-radius: 8px;
-webkit-border-top-left-radius: 0;
-moz-border-radius: 8px;
-moz-border-radius-topleft: 0;
border-radius: 8px;
border-top-left-radius: 0;}


@media only screen
				and (max-width : 800px) {
					div.content_box div.image_container {max-width: 300px;}
					}
					
@media only screen
				and (max-width : 650px) {
					div.content_box div.image_container {max-width: 200px;}
					}	
					
					
					
@media only screen
				and (max-width : 500px) {
					div.content_box div.image_container {max-width: 100%; width: 100%;}
					}





/* ------------- "footer" styles */

div#footer_wrapper {
	margin-top: 50px;
	width: 100%;
	min-height: 50px;
	background: #fbf2e2;
	background-position: 0px -100px;
	transition: all 500ms;
	}
	
	div#footer_wrapper:hover {
		background: #fff;
		}
	
	div#footer {
		max-width: 1020px;
		padding-left: 40px;
		padding-right: 40px;
		min-height: 50px;
		margin: auto;
		line-height: 50px;
		color: #7b420e;
		overflow: hidden;
		}
		
	div#footer p.copy {float: right; margin-top: 15px;}	
	
	div#footer a.mailinglist {
		float: left;
		color: #7b420e;
		background: url(images/mailing_icon.png) no-repeat center left;
		padding-left: 30px;
		}
		
		
	@media only screen
				and (max-width : 730px) {
					div#footer p.copy {float: left; text-align: center; width: 100%;}
					div#footer a.mailinglist { clear: both; height: 50px; float: none; display: block; width:200px; margin: auto; font-size: 14px;}
					}			



/* ------------- "s2member" styles */	
	

/* --- "profile" styles --- */		
	
	div.profile_col {
		float: left;
		width: 50%;
		margin-top: 30px;
		}
		
		div.profile_col h4 {
			margin-bottom: 20px;
			}
			
			div.profile_col input {padding: 6px; margin-top: 5px!important;}


@media only screen
	and (max-width : 750px) {
		div.profile_col {width: 100%;}
		}	


/* ------------- "sign up" styles */
		

div.signup-col {
	float: left;
	width: 32%;
	margin-left: 2%;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	min-height: 400px;
	margin-top: 20px;
	position: relative;
	}

.signup-col h3{
    background: #7b420e;
    margin: 0;
    /* height: 50px; */
    line-height: 80px;
    padding: 0px 30px;
    color: #fff;
    text-align: left;
    font-weight: bold;
    border-radius: 15px 15px 0 0;
}

.signup-col .content{
    background: #fff;
    padding: 25px;
    border-radius: 0 0 15px 15px
}
	
	div.signup-col:first-of-type {
		margin-left: 0px;
		}
		
		div.signup-col ul {margin: 0px; padding: 0px; margin-bottom: 2.5rem;}
		
		.signup-col ul li {
            margin-bottom: 10px;
            padding-left: 25px;
            list-style-type: none;
            position: relative;
            line-height: 1.3;
        }
        .signup-col ul li::before {
            content: "\e906";
            font-family: 'icomoon' !important;
            speak: none;
            font-style: normal;
            position: absolute;
            left: 0;
            top: 3px;
            font-size: 14px;
            color: #6AA732;
        }
        
        .signup-col ul li:not(:first-of-type):before {
            top: 13px;
        }
			
		div.signup-col form {margin-top: 30px; text-align: center;}	
		
	div.signup-col span.popular {
		position: absolute;
		top: -7px;
		right: -7px;
		width: 129px;
		height: 91px;
		background: url(images/popular.png);
		display: block;
		z-index: 99999;
		}	



@media only screen
	and (max-width : 750px) {
		div.signup-col, div.signup-col:first-of-type {width: 80%; margin-left: 10%; margin-right: 10%;}
		}	

@media only screen
	and (max-width : 400px) {
		div.signup-col, div.signup-col:first-of-type {width: 90%; margin-left: 5%; margin-right: 5%;}
		}	



/* -----  NEWS AREA  ---- */


	
div.content_box div.meta {
	margin-bottom: 20px;
	}
	
	div.content_box h3 a {color: #5c3507;}
	
	div.content_box a {color: #5c3507;}
	
	div.content_box h3 ul.post-categories {float: left; color: #fff;}