/*
Theme Name: Purcell Tutoring
Theme URI: http://purcelltutoring.co.uk
Author: the WordPress team
Author URI: http://wordpress.org/
Description: The theme for Purcell Tutoring.
Version: 1.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: light, gray, white, one-column, two-columns, right-sidebar, fluid-layout, responsive-layout, custom-background, custom-header, custom-menu, editor-style, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready
Text Domain: twentytwelve

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

/* =Notes
--------------------------------------------------------------
This stylesheet uses rem values with a pixel fallback. The rem
values (and line heights) are calculated using two variables:

$rembase:     14;
$line-height: 24;

---------- Examples

* Use a pixel value with a rem fallback for font-size, padding, margins, etc.
	padding: 5px 0;
	padding: 0.357142857rem 0; (5 / $rembase)

* Set a font-size and then set a line-height based on the font-size
	font-size: 16px
	font-size: 1.142857143rem; (16 / $rembase)
	line-height: 1.5; ($line-height / 16)

---------- Vertical spacing

Vertical spacing between most elements should use 24px or 48px
to maintain vertical rhythm:

.my-new-div {
	margin: 24px 0;
	margin: 1.714285714rem 0; ( 24 / $rembase )
}

---------- Further reading

http://snook.ca/archives/html_and_css/font-size-with-rem
http://blog.typekit.com/2011/11/09/type-study-sizing-the-legible-letter/


/* =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, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0 none;
	list-style: none outside none;
	margin: 0;
	outline: medium none;
	padding: 0;
}
img, a img {
	border: medium none;
}
.clear {
	border: medium none;
	clear: both;
	float: none;
	height: 1px;
	margin: 0;
	padding: 0;
}
a {
	text-decoration: none;
	color: #1064bd;
}
a:hover {
	text-decoration: underline;
}
h1, h2, h3, h4, h5, h6 {
	color: #1c1d1f;
	font-weight: normal;
}
h1, h2, h3, h4, h5, h6, p {
	padding-bottom: 15px;
}
h1 {
	font-size: 28px;
}
h2 {
	font-size: 22px;
}
h3 {
	font-size: 23px;
}
h4 {
	font-size: 20px;
}
h5 {
	font-size: 17px;
}
h6 {
	font-size: 14px;
}
.right-sec ul {
	margin-top: 0px;
	padding-top: 0px;
}
p {
	line-height: 18px;
	color: #666666;
}
.fltleft {
	float: left;
}
.fltright {
	float: right;
}
.hide {
	display: none;
}
.show {
	display: inline;
}
li {
	margin-bottom: 0;
	color: #666666;
	 line-height: 1.5;
}
.white {
	color: #ffffff;
}
.orange {
	color: #f7941e;
}
.grey {
	color: #656565;
}
.italic {
	font-style: italic;
}
.shadow {
	-moz-box-shadow:    0px 23px 13px 12px #CCCCCC;
	-webkit-box-shadow: 0px 23px 13px 12px #CCCCCC;
	box-shadow:         0px 23px 13px 12px #CCCCCC;
}
.red {
	color: #fff;
	font-weight: bold;
}
#testimonial {
	color:#666;
	line-height:1.5em;
	font-size:15px;
}
#testimonial img {
	padding:5px;
}
.italic {
	font-style:italic;
	color:#1064bd;
}
/*=====================Home page=======================================*/

body {
	font-family: 'trebuchet ms',sans-serif;
	font-size: 14px;
	background:#CCCCCC;
}
.wrapper {
	width: 998px;
	margin: 0px auto;
	padding:10px;
	background:#FFFFFF;
}
.header {
	
}
.logo{
	float: left;
	width: 180px;

}
.slider{margin-top: 15px;}
.right-sec h1 {
	background: none repeat scroll 0 0 #333;
	border-radius: 9px 9px 9px 9px;
	color: #FFFFFF;
	font-family: 'trebuchet ms',sans-serif;
	font-size: 24px;
	font-weight: bold;
	margin-bottom: 10px;
	padding: 10px;
}
.header h2, .header h2 a {
	padding-bottom: 10px;
	font-family: 'trebuchet ms',sans-serif;
	color: #000;
}
.header h1 {
	font-family: 'trebuchet ms',sans-serif;
	font-size: 24px;
	font-weight: bold;
	padding-bottom: 10px;
	padding-top: 10px;
	color: #033f7d;;
}
.social-ico{padding: 0px; margin: 0px;}
.social-ico li{display: inline;}
.social-ico li img{
	width: 38px;

}
.social-ico h2{display: inline;position: relative;
    top: -12px;}
.menubg {
	background: #033f7d;
	border-bottom: 5px solid #4b8ed4;
	height: 50px;
	margin-top:-10px;
}
.navmenu {
	padding: 16px 0 0;
	margin: 10px 0 0;
}
.navmenu li {
	list-style: none;
	float: left;
}
.red-text {
	color:#1064bd;
}
.navmenu li a {
	padding: 16px 44px 16px;
	color: #fff;
	border-left: 1px solid #fff;
	font-size:15px;
}
@media only screen and (max-device-width: 480px) {
.navmenu li a {
	padding: 16px 44px 16px;
	color: #fff;
	border-left: 1px solid #fff;
	font-size:15px;
}
}
.navmenu li:first-child a {
	padding: 16px 50px 16px;
}
@media all and (max-width: 1366px) {
.navmenu li:first-child a {
	padding: 16px 50px 16px;
}
}
.navmenu li:last-child a {
	/*border-left: none;*/
}
.navmenu li a:hover {
	background: #4b8ed4;
	text-decoration: none;
	color: #033f7d;
}
.left-sec {
	width:225px;
	float: left;
	margin-right: 10px;
}
.right-sec {
	width: 966px;
	float: left;
	padding: 15px;
}
.right-sec img {
	margin: 10px 20px 10px 10px;
}
.left-sec .navmenu li {
	list-style: none;
	float: none;
	display:block;
	padding: 15px 0px;
}
.left-sec .navmenu {
	padding: 4px 0 0;
	margin: 0px 0 0;
}
.left-sec .navmenu li a {
	padding: 10px 0px;
	color: #fff;
	border-left: 1px solid #fff;
	font-size:16px;
	background: #1064bd;
	width: 230px;
	display: inline-block;
	text-align: center;
}
.left-sec .navmenu li a img {
	padding-bottom: 7px;
}
.left-sec .navmenu li a:hover {
	background: #333;
}
.footer {
	background: #033f7d;
	padding: 20px;
	border-bottom: 5px solid #033f7d;
}
.footer .navmenu {
	padding: 0px;
	margin: 6px 0 0;
}
.footer .navmenu li {
	list-style: none;
	float: left;
	border-left: 1px solid #fff;
}
.footer .navmenu li:first-child {
	border-left: 0px;
}
.footer .navmenu li a {
	padding: 10px 15px;
	color: #fff;
	border-left: 0px;
	font-size:14px;
}
.footer .navmenu li a:hover {
	background: #033f7d;
	text-decoration: none;
	color:#000;
}
.copy {
	font-size: 12px;
	color: #CCC;
	padding: 20px;
}
.ctab {
	background: url(images/contactus.jpg) no-repeat;
	right:1px;
	top:40%;
	height:200px;
	width:41px;
	margin:0;
	padding:0;
	position:fixed;
	z-index:5000;
}
.ctab a {
	display:block;
	width:100%;
	height:100%;
}

.block {
	font-size: 16px;
	line-height: 1.5em;
}
.block p, .block2 p {
	line-height: 1.5em;
}
.block2 {
	font-size: 16px;
	line-height: 1.5em;
	width: 391px;
	float: right;
}
.block3 {
	font-size: 16px;
	line-height: 1.5em;
	width: 380px;
	float: right;
	padding: 20px;
}
.about {
	padding-top: 15px;
}
.block4 {
	float: left;
	font-size: 16px;
	line-height: 23px;
	width: 363px;
}
.bx-pager{
	display: none;
	}
#uploadform{
	margin-top: 0px;
}


@media (max-width: 767px){
.wrapper {width: 96%;}
.logo {float: none; display: inline-block; width:  50%;}
.right-sec p {padding: 10px;}
.header {text-align: center;}
.header .fltright {
    float: none;
}
.menubg {background: #fff; border: 0px;}
select.mnav {
    background: #386ba1 none repeat scroll 0 0;
    color: #000;
   font-size: 17px;
    text-align: center;
    width: 100%;
font-weight: bold;
}

select.mnav option {
    font-size: 17px;
    padding: 10px 0;
color: #fff;
}

select.mnav  optgroup {color: #fff;}
.right-sec {
    float: none;
    padding: 10px;
    width: 97%;
}

}

@media (max-width: 482px){

.footer .navmenu {

text-align: center;

}
.right-sec {
  
    width: 95%;
}

.footer .navmenu li {
float: none;
border: 0px;

}

.footer .navmenu li a {
    border-left: 0 none;
    color: #fff;
    display: block;
    font-size: 17px;
    padding: 10px;
}

.copy {

    text-align: center;
}
}

@media (max-width: 360px){
.wpcf7-text, .wpcf7-captchar {
    width: 100%;
}

.wpcf7-textarea {
    width: 100%;
}
}
@font-face {
	font-family: 'MyriadPro-Regular';
	src: url('fonts/myriadpro-regular.eot');
	src: url('fonts/myriadpro-regular.eot?#iefix') format('embedded-opentype'), url('fonts/myriadpro-regular.woff') format('woff'), url('fonts/myriadpro-regular.ttf') format('truetype'), url('fonts/myriadpro-regular.svg#myriadpro-regular') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Rockwell';
	src: url('fonts/rockwell.eot');
	src: url('fonts/rockwell.eot?#iefix') format('embedded-opentype'), url('fonts/rockwell.woff') format('woff'), url('fonts/rockwell.ttf') format('truetype'), url('fonts/rockwell.svg#rockwell') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'trebuchet ms',sans-serif;
	font-weight: normal;
	font-style: normal;
}

.navmenu li {position: relative;}
.navmenu li:hover .sub-menu { display: block;}
.sub-menu {
    padding-left: 0px;
paddin-right: 0px;
    padding-top: 19px;
    position: absolute;
    z-index: 9999999;
   
width: 100%;
    min-width: 265px;
display: none;

}
.navmenu li .sub-menu li:hover .sub-menu { display: block!important;}
.sub-menu .sub-menu {  left: 266px;
    position: absolute;
    top: -19px;
display: none!important;}

.navmenu .sub-menu li:first-child a, .navmenu .sub-menu li a {
padding: 8px 5px;
border-left: 0px;
display: block;
font-size: 15px;
 background: #000;
border-bottom: 1px solid #666;


}
.navmenu .sub-menu li {
float: none;
position: relative;

}

.navmenu .sub-menu li a:hover{
 background: #033f7d;
color: #fff;
}


.fltright-userlink {
    float: right;
    margin-right: 8px;
}
.fltright-menu {
	    float: right;
    clear: both;
    width: 100%;
}
.fltright-menu ul {
    list-style: none;
    margin-top: 10px;
    padding: 0px;
    float: right;
}
.fltright-menu ul li {
    float: left;
    margin-right: 7px;
}
.fltright-menu ul li a, .loginbtn {
    background: #043f7c;
    color: #fff;
    padding: 6px 20px;
    border-radius: 3px;
}

.single-tuition_resource .entry-header, .entry-content{
	padding: 10px;
}

.single-tuition_resource .entry-meta, .nav-single, .widget-area{
	display: none;
}
.welcome_resource_post_data{
	margin-top: 20px;
}
.welcome_resource_post_data p{
	line-height: 22px;
}