/*
Theme Name: OurVillage
Theme URI: http://wordpress.org/themes/ourvillage
Author: TidyThemes
Author URI: http://tidythemes.com/
Description: <strong>UPDATE</strong> - 4.0+ is here, completely overhauled, yet again. As always, <a href="http://tidythemes.com/concept/#upgrading">use caution when upgrading</a> (tidythemes.com/concept/#upgrading) and <a href="http://tidythemes.com/concept/">learn the TidyThemes concept</a> (tidythemes.com/concept). &nbsp; &rarr; <em><strong>CAUTION</strong>: If you're child theming or have clients that are child theming on top of OurVillage (not the recommended use), please do not blindly upgrade to newer versions.</em> &nbsp; &rarr; <strong>DESCRIPTION</strong>: OurVillage is the definitive WordPress HTML5 boilerplate starter theme. We've carefully constructed the most clean and minimalist theme available anywhere for designers/developers to use as a base/foundation to build websites for clients or to build completely custom themes from scratch to release faster. Clean, semi-minified, unformatted and valid code, SEO-friendly, no programmer comments, standardized and as white label as possible and most importantly, CSS reset for cross-browser-compatability and no intrusive visual CSS styles added whatsoever. A perfect skeleton theme that blows any others like it (the subsequent underscores.me for example) completely out of the water, as they're simply too overcomplicated for what people really want in this kind of theme. Now comes with jQuery enqueued and ready to go. &nbsp; &rarr; <strong>SUPPORT</strong>: Please use the <a href="http://tidythemes.com/forum/">official support forum</a> (tidythemes.com/forum). Comments and suggestions for improving OurVillage, please see "<a href="http://tidythemes.com/tidythemes-sucks/">TidyThemes Sucks!</a>" (tidythemes.com/tidythemes-sucks). Just getting started? <a href="http://tidythemes.com/want-to-learn-css/">Want to learn CSS?</a> (tidythemes.com/want-to-learn-css) &nbsp; &rarr; <strong>WHAT'S NEW?</strong>: We stripped down as much custom, extraneous, superfluous junk code as we could and greatly improved the HTML5 structure. <a href="http://make.wordpress.org/themes/author/chipbennett/">Chip Bennett</a> (make.wordpress.org/themes/author/chipbennett), a highly experienced programmer and official WordPress administrator, worked closely with us to audit the theme code for quality. <a href="http://themes.trac.wordpress.org/changeset?old_path=/ourvillage/3.3&new_path=/ourvillage/4.0">See</a> (themes.trac.wordpress.org/changeset?old_path=/ourvillage/3.3&new_path=/ourvillage/4.0) just how much we've revamped things. Last, but not least, OurVillage has now been <a href="https://github.com/tidythemes/ourvillage">opened up on GitHub</a> (github.com/tidythemes/ourvillage) if anyone would like to make suggested code additions/improvements. Thank you for using OurVillage.
Version: 4.0.3
License: GNU General Public License
License URI: https://www.gnu.org/licenses/gpl.html
Tags: black, blue, white, light, one-column, fluid-layout, responsive-layout, custom-menu, featured-images, microformats, sticky-post, threaded-comments, translation-ready
Text Domain: ourvillage

OurVillage WordPress Theme © 2011-2015 TidyThemes
OurVillage is distributed under the terms of the GNU GPL
*/

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{font-size:100%;font:inherit;padding:0;border:0;margin:0;vertical-align:baseline}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}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}.clear{clear:both}
.sticky{}.bypostauthor{}.wp-caption{}.wp-caption-text{}.gallery-caption{}.alignright{}.alignleft{}.aligncenter{}.screen-reader-text{clip:rect(1px, 1px, 1px, 1px);position:absolute !important}

html, body {
  height: 100%;
}

body{
	background-image: url('images/crayon-background.jpg');
	background-size: cover;
	background-attachment: fixed;
	font-family: 'Open Sans', sans-serif;
	font-size: 11pt;
	line-height: 1.3em;
	color: #404041;
}

.container{
	max-width: 1200px;
	width: 96%;
	margin: 0 auto;
	box-sizing: border-box;
}

#wrapper{
	background-color: #fff;
	padding: 10px 30px 30px 30px;
	box-sizing: border-box;
}

a{
	color: #009aa8;
	text-decoration: underline;
}

a:hover{
	color: #d2422c;
}

p{
	margin: 0 0 15px 0;
}

h1, h2, h3, h4, h5{
	font-weight: bold;
	color: #1b4685;
	margin: 0 0 15px 0;
	line-height: 1.2em;
}

h1{
	font-size: 20pt;
}

h2{
	font-size: 16pt;
}

h3{
	font-size: 14pt;
}


h4{
	font-size: 12pt;
}

h5{
	font-size: 10pt;
}

img{
	max-width: 100%;
	height: auto; 
}

.myslide img {
    width: 100%;
}

ul{
	list-style-type: disc;
	margin: 0 0 18px 20px;
}

ul li{
	margin-bottom: 8px;
}

ol{
	list-style-type: decimal;
	margin: 0 0 18px 20px;
}

ol li{
	margin-bottom: 8px;
}

strong{
	font-weight: bold;
}

em{
	font-style: italic;
}

.wp-post-image{
	display: block;
}


.selfclear:after, article:after{
	visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}

.half{
	float: left;
	width: 48.7%;
	margin-left: 2.6%;
	margin-bottom: 20px;
}

.half:first-child{
	margin-left: 0;
}

a.readmore{
	text-decoration: none;
}

.headingblock{
	display: block;
	background-color: #064287;
	color: #fff;
	padding: 10px 12px;
	font-size: 14pt;
}

.entry-title.headingblock{
	font-size: 18pt;
	padding: 13px 15px 15px 15px;
}

#contentprofile{
	padding-top: 20px;
}

.calltoaction{
	float: right;
	color: #064287;
	font-size: 24pt;
	font-weight: bold;
	line-height: 20px;
	text-align: right;
	vertical-align: middle;
	padding: 5px 0 10px 0;
}

.calltoaction img{
	vertical-align: middle;
}

.cycle-slideshow{
	margin-bottom: 2.66%;
	max-height: 350px;
	overflow: hidden;
}

.panel{
	display: block;
	float: left;
	width: 23%;
	margin-right: 2.66%;
	margin-bottom: 20px;
	background-color: #1898d3;
	color: #fff;
	min-height: 260px;
	padding: 20px;
	text-align: center;
	box-sizing: border-box;
	text-decoration: none;
}

.panel:hover{
	color: #fff;
}

.panel h2{
	color: #fff;
}
.panel p{
margin-bottom: 5px;
	}

.panel:nth-child(2){
	background-color: #ce4795;
}

.panel:nth-child(3){
	background-color: #ff9a08;
}

.panel:nth-child(4){
	background-color: #5b9d44;
	margin-right: 0;
}

.featured .wp-post-image{
	float: left;
	margin: 0 15px 15px 0;
	max-width: 50%;
}

.width180{
	float: left; 
	width: 180px;
}

.fullwidth-180{
	float: left; 
	width: calc(100% - 180px);
}


/* start sticky footer */

html, body {
  height: 100%;
}
#wrapper {
  min-height: 100%;
  margin-bottom: -120px; 
}
#wrapper:after {
  content: "";
  display: block;
}
#footer, #wrapper:after {
  height: 120px; 
}
#footer {
  background: #008080;
  color: #fff;
  padding: 25px;
  font-size: 10pt;
  box-sizing: border-box;
}

#branding{
	float: left;
}

/* end sticky footer */


/* start suckerfish */

#menu {
	padding-top: 90px;
}

#menu ul{
	float: right;
	list-style-type: none;
	margin: 0;
	padding: 0 0 15px 0;
	}

#menu ul li{
	float: left;
	margin-left: 5px;
}

#menu ul li a{
	font-size: 13pt;
	font-weight: 600;
	display: block;
	padding: 5px 16px;
	color: #1b4685;
	text-decoration: none;
	}

#menu ul li a:hover{
	text-decoration: none;
}	

#menu ul li ul {
	position: absolute;
	width: 170px;
	left: -999em;
	padding: 0;
	background: none;
	z-index: 999;
	margin: 0;
}

#menu li:hover ul {
	left: auto;
	padding: 0;
	margin: 0;
	background-color: #064387;
}

#menu li ul li{
	margin: 0;
	padding:0;
	float: none;
}

#menu li ul a{
	color: #fff;
	display: block;
	padding: 8px 15px 8px 15px;
}

#menu li ul a:hover{
	background-color: #0066a5;
}

/* end suckerfish */


#copyright {
	float: left;
	width: 65%;
}
#credit {
	float: right;
	width: 35%;
	text-align: right;
}
#footer a {
	color: #fff;
	text-decoration: none;
}

#footer a:hover {
	text-decoration: underline;
	}

.blog .attachment-featured{
	float: left;
	margin: 0 15px 5px 0;
    max-width: 50%;
}	

.blog article{
	border-top: solid 1px #ccc;
	padding: 20px 0 0 0;
}

.blog article:first-child{
	border-top: solid 1px #ccc;
}

h1.entry-title{
	line-height: normal;
	margin-top: 10px;
}

h1.entry-title.headingblock{
	margin-top: 0;
}

.entry-title a{
	text-decoration: none;
	color: #064287;
}

.entry-date{
	background-color: #1898d3;
	color: #fff;
	font-weight: 600;
	display: inline-block;
	padding: 5px 10px;
	font-size: 10pt;
	margin-bottom: 12px;
}

.readmore{
	text-decoration: none;
	font-weight: bold;
}

.entry-footer{
	margin: 20px 0;
	clear: both;
}

#content{
	float: left;
	width: calc(100% - 270px);
}

#sidebar{
	float: right;
	width: 220px;
	background-color: #eee;
	padding: 15px;
}

#sidebar ul{
	list-style-type: none;
	padding: 0;
	margin: 0;
	}

.searchform input{
	width: 100%;
	box-sizing: border-box;
	padding: 5px;
	margin-bottom: 5px;
	font-size: 10pt;
	line-height: 20px;
	border: solid 1px #ccc;
}


.searchform #searchsubmit{
	background: none;
	border: none;
	background-color: #d4452b;
	color: #fff;
	font-weight: bold;
	padding: 5px;
	cursor: pointer;
	margin-bottom: 0px;
}

.tml input{
	padding: 5px;
	}

.tml input[type="submit"]{
	background: none;
	border: none;
	background-color: #d4452b;
	color: #fff;
	font-weight: bold;
	padding: 6px 20px;
	cursor: pointer;
	}

.orangebtn{
	background-color: #d4452b;
	color: #fff;
	font-weight: bold;
	padding: 6px 20px;
	cursor: pointer;
	display: inline-block;
	text-decoration: none;
	font-size: 10pt;
}


a.educatorlogin:hover, .orangebtn:hover, .logout:hover{
	text-decoration: none !important;
	background-color: #ed4d2e;
	color: #fff;
}

li.widget-container{
	margin-bottom: 20px;
}

.widget-title{
	margin-bottom: 10px;
}

.educatorlogin, .logout{
	display: block;
	float: right;
	padding: 5px 12px;
	margin: -2px 0 8px 10px; 
	background-color: #d4452b;
	color: #fff;
	font-weight: bold;
}

.educatorslist{
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.educatorslist li{
	float: left;
	width: 20%;
	padding: 10px;
	text-align: center;
	box-sizing: border-box;
}
.educatorslist li h2{
	margin-top: 10px;
}

a.emailaddress{
	text-decoration: none;
	font-size: 14pt;
	color: #064287;
	line-height: 20px;
}

td, th{
	vertical-align: top;
	border: solid 1px #ccc;
	padding: 5px;
	box-sizing: border-box;
}

th{
	font-style: italic;
	text-align: left;
	font-weight: bold;
}

table{
	margin-bottom: 15px;
}

.feestable td{
	min-width: 200px;
}

.footerlogo img{
	float: left;
	margin-right: 20px;
}

.vacancies td{
	min-width: 100px;
}

.vacancies td:first-child{
	font-weight: bold;
}


.red{
	color: #ff0000;
}

.green{
	color: #00e10b;
}

.gform_wrapper .gform_footer input.button, .gform_wrapper .gform_footer input[type=submit], .gform_wrapper .gform_page_footer input.button, .gform_wrapper .gform_page_footer input[type=submit]{
	display: block;
    float: left;
    padding: 10px 25px;
    margin: 0;
    background-color: #d4452b;
    color: #fff;
    font-weight: bold;
    border: none;
    cursor: pointer;
}

body .gform_wrapper .gform_footer{
	padding: 10px 0;
	margin: 0;
}

body .gform_wrapper .gform_footer:after{
	visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}

body .gform_wrapper ul.gfield_checkbox li, body .gform_wrapper ul.gfield_radio li{
	margin: 0;
}

body .gform_wrapper .top_label li ul.gfield_checkbox, body .gform_wrapper .top_label li ul.gfield_radio{
	margin: 0;
}

body div.gform_wrapper ul li.field_description_below div.ginput_container_checkbox, body div.gform_wrapper ul li.field_description_below div.ginput_container_radio{
	margin: 5px 0 15px 0;
}

#uvindexwidget{
	position: absolute;
	top: 10px;
	right: 10px;
	z-index: 990;
}

.photogallery {
	list-style-type: none;
	margin: 0 0 10px 0;
	padding: 0;
}

.photogallery li{
	float: left;
	margin: 0 10px 10px 0;
	border: solid 1px #ccc;
	padding: 5px;
}

.photogallery li a{
	display: block;
}

.photogallery li:hover{
	background-color: #eee;
}

#theme-my-login ul.tml-user-links{
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#theme-my-login ul.tml-user-links li{
	display: none;
	margin: 0;
	padding: 0;
}

#theme-my-login ul.tml-user-links li:last-child{
	display: block;
}

.facebookicon{
	display: block;
	width: 32px;
	float: right;
	margin-left: 15px;
	padding-top: 2px;
}

video {
  width: 100%  !important;
  height: auto !important;
}

@media screen and (min-width: 1200px) {
.cycle-slideshow{
	height: 350px;
	}
}

@media screen and (max-width: 1100px) {
	#wrapper{
		padding: 10px 20px 20px 20px;
	}

	#menu ul li a{
		padding: 5px 10px;
	}

	.educatorslist li{
		float: left;
		width: 25%;
		padding: 10px;
		text-align: center;
	}

	.feestable td{
		min-width: 150px;
	}

	.vacancies td{
		min-width: 80px;
	}
	#uvindexwidget{
		height: 250px;
	}
}

@media screen and (max-width: 980px) {
	#uvindexwidget{
		height: 210px;
		top: 0;
		right: 0;
	}

	#menu ul li {
		margin: 0;
	}
}

@media screen and (max-width: 767px) {
	#uvindexwidget{
		display: none;
	}
	.menutoggle {
	    width: 100%;
	    height: 36px;
	    background-color: #064387;
	    border-bottom: solid 1px #125896;
	    background-image: url(images/hamburger-white.svg);
	    background-position: center center;
	    background-size: 24px 24px;
	    background-repeat: no-repeat;
	    cursor: pointer;
	    margin: 0 0 0 0;
	}

	#menu{
		background-color: #064387;
		margin: 0 0 10px 0;
		padding: 0;
		clear: both;
	}

	#menu ul{
		display: none;
		margin: 0;
		float: none;
	}

	#menu ul:after{
		visibility: hidden;
	    display: block;
	    font-size: 0;
	    content: " ";
	    clear: both;
	    height: 0;
	}

	#menu ul li {
	    float: none;
	    margin: 0;
	}

	#menu ul li {
	    border-bottom: solid 1px #125896;
	}

	#menu ul li a{
		color: #fff;
		display: block;
		padding: 8px 16px;
	}

	#menu ul li a:hover{
		background-color: #0066a5;
	}

	#branding{
		float: none;
		text-align: center;
	}

	.calltoaction{
		padding-top: 0;
		margin-bottom: 15px;
		float: none;
		text-align: center;
		font-size: 22pt;
	}

	#wrapper{
		padding: 10px;
	}

	.panel, .half, #copyright, #credit, .width180, .fullwidth-180{
		float: none;
		width: auto;
		margin-left: 0;
		margin-right: 0;
		min-height: none;
	}

	#copyright, #credit{
		text-align: center;
	}

	.educatorlogin, .logout{
		float: none;
		width: 150px;
		margin: 8px auto;
	}

	.width180{
		margin-bottom: 20px;
	}

	#footer{
		padding: 12px 10px;
	}

	#wrapper{
		margin-bottom: -260px;
	}

	#footer, #wrapper:after {
	  height: 260px; 
	}

	.featured .wp-post-image{
		float: none;
		display: block;
		margin: 0 auto 10px 0;
		max-width: 100%;
	}

	#content, #sidebar, .blog .attachment-featured{
		float: none;
		width: auto;
	}

	.blog .attachment-featured{
		max-width: 100%;
	}

	.entry-date{
		width: auto;
		display: block;
		box-sizing: border-box;
		max-width: 262px;
		text-align: center;
	}
	.educatorslist li{
		float: none;
		width: auto;
	}

	.feestable td{
		min-width: 90px;
		font-size: 8pt;
		line-height: 11pt;
	}

	.feestable td:first-child{
		min-width: 80px;
	}

	.footerlogo img{
		float: none;
	}

	.vacancies td, .vacancies th{
		min-width: 30px;
		font-size: 8pt;
		line-height: 11pt;
		padding: 3px;
	}

	body .gform_wrapper.gf_browser_chrome .gform_body{
		width: 100%;
	}
}