/*   
Theme Name: Jo Wilson Coaching
Theme URI: http://www.jowilsoncoaching.com/
Author: Dave Vernon
Author URI: http://davevernon.co.uk
Version: 1
*/

/*** Reset ***/

* { margin: 0; padding: 0; }
/* apply a natural box layout model to all elements */
*, *:before, *:after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

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,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%; background:transparent;}
body{line-height:1;text-align:left;}
ul,ol{list-style:none;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}
:focus {outline:0;}
ins{text-decoration:none;}
del{text-decoration:line-through;}
table{border-collapse:collapse;border-spacing:0;}

/*** Clearfix ***/
.group:before,
.group:after {
    content:"";
    display:table;
}
.group:after {
    clear:both;
}
/* For IE 6/7 (trigger hasLayout) */
.group {
    zoom:1;
}

/*** Main ***/

html, body { height: 100%; -webkit-text-size-adjust: 100%; }
body { background: #FFF; padding:0; font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 1.6; color:#444; }

a:link{ color: #ff5a64; text-decoration:none; }
a:visited{ color: #ff5a64; text-decoration:none; }
a:hover{ color: #ff5a64; text-decoration:underline; }

h1, h2, h3 { font-family: 'Open Sans', sans-serif; font-weight: 300; }
h1 { margin: 0 0 0.5em; font-size: 36px; line-height: 1.2; }
h2 { margin: 0.6em 0 0.6em; font-size: 22px; line-height: 1.2; }
h3 { margin: 1.5em 0 1em; font-size: 14px; color: #80AD32; line-height: 1.2; }

p { margin: 0 0 1em; }

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

.left { float: left; }
.right { float: right; }
.alignright { float: right; margin: 3px 0 20px 15px; }
.alignleft { float: left; margin: 3px 15px 20px 0; }


.wrapper {
	position: relative;
	background: #FFF;
	max-width: 980px;
	/* min-height: 100%;
	height: auto !important;
	height: 100%; */
	margin: 0 auto;
}

#container { background: #FFF; padding-top: 25px; margin-top: 0px; position: relative; min-height: 200px; }
.home #container { }
.inner { }


/*** Header Fade Effect ***/

#headercontainer { background: url(images/header_trans.png) repeat-x; background: rgba(255,255,255,0.9); z-index: 1; position: absolute; top: 0; left: 0; width: 100%; }

/*** Header ***/

#header { height: 135px; /*overflow: hidden;*/ margin: 0 auto; padding-top: 15px; z-index: 1; position: relative; }

.logo { width: 200px; height: auto; float: left; margin-left: 55px; z-index: 200; position: relative; }
.logo img { width: 200px; display: block; }

.social{ margin-top: 15px; display:block; float: right; z-index: 5;}

.nav { width: 400px; float: left; margin: 25px 0 0 8%; }
.nav-menu { display: block; width: 100%; min-width: 320px; max-width: 400px; margin: 0; font-size: 11px; text-transform: uppercase; }
.nav-menu li { position: relative; float: left; display: block; width: 140px; margin: 0 10px 0 0; /* display: table-cell; *display: block; *float:left; */ }
.nav-menu li#menu-item-27, .nav-menu li#menu-item-28, .nav-menu li#menu-item-29 { width: 80px; }
.nav-menu a { display: block; text-decoration: none; margin: 0 10px; padding: 0; line-height: 20px; font-weight: normal; color: #5A5A5A; }
.nav-menu a:hover { color:#ff5a64; }
.nav-menu li.current_menu_parent a, .nav-menu li.current-menu-item a, .nav-menu li.current_page_item a, .nav-menu li.current_page_parent a, .nav-menu li.current-page-ancestor a  { color: #ff5a64; }
.single-itineraries .nav-menu li.current_page_parent a { color: #5A5A5A; } /* fix for WP bug highlighting blog (in this case News) page for anyhthing other than pages */

.nav-menu ul ul {
	box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
	/* position: relative; */
	display: none;
	position: absolute;
	top: 0px;
	left: 0;
	float: left;
	width: auto;
	z-index: 99999;
	padding-top: 19px;
}
.nav-menu ul ul li {
	min-width: 150px;
	text-align: left;
	margin: 0;
	border-bottom: 1px solid #282828;
}
.nav-menu ul ul ul {
	left: 100%;
	top: 0;
}
.nav-menu ul ul a, .nav-menu ul .children a {
	background: #FFF;
	line-height: 1.2;
	padding: 10px;
	height: auto;
	color: #777;
	opacity: 0.9;
	font-weight: normal;
}
.nav-menu ul ul a:hover {
	background: #333;
	color: #80AD32;
	opacity: 1;
}

/* .nav-menu li:hover > a,
.nav-menu ul ul :hover > a {
	background: #333;
	color: #fff;
} */
.nav-menu ul li:hover > ul {
	display: block;
}
/* .nav-menu ul li.current_page_item > a,
.nav-menu ul li.current-menu-ancestor > a,
.nav-menu ul li.current-menu-item > a,
.nav-menu ul li.current-menu-parent > a {
	color: #fff;
}
* html .nav-menu ul li.current_page_item a,
* html .nav-menu ul li.current-menu-ancestor a,
* html .nav-menu ul li.current-menu-item a,
* html .nav-menu ul li.current-menu-parent a,
* html .nav-menu ul li a:hover {
	color: #fff;
} */

.sub-menu { font-size: 11px; text-transform: uppercase; }
.sub-menu ul { }
.sub-menu li { width: 25%; height: 35px; float: left; text-align: center; margin: 0 0 10px; border-left: 1px solid #CCC; vertical-align: middle; display: table; }
.sub-menu li:first-child { /* border-left: none; */ }
.sub-menu a { display: table-cell; color: #5A5A5A; vertical-align: middle; }
.sub-menu a:hover { color:#ff5a64; }
.sub-menu li.current_menu_parent a, .sub-menu li.current-menu-item a, .sub-menu li.current_page_item a, .sub-menu li.current_page_parent a  { color: #ff5a64; }
.sub-menu span { display: block; font-size: 9px; }

#training-plan-btn { width: 90px; height: 90px; position: absolute; right: 70px; top: 22px; background: url(images/circle.png); background-size: 100%; text-align: center; line-height: 1.1; text-transform: uppercase; }
#training-plan-btn a { font-size: 12px; display: block; height: 90px; color: #FFF; padding: 20px 0 0; }

#booking-form-btn { width: 90px; height: 90px; float: right; margin-right: 15px; background: url(images/circle.png); background-size: 100%; text-align: center; line-height: 1.1; text-transform: uppercase; }
#booking-form-btn a { font-size: 12px; display: block; height: 90px; color: #FFF; padding: 27px 0 0; }

#client-login-btn { width: 90px; height: 90px; float: right; margin-right: 15px; background: url(images/circle.png); background-size: 100%; text-align: center; line-height: 1.2; text-transform: uppercase; }
#client-login-btn a { font-size: 18px; display: block; height: 90px; color: #FFF; padding: 27px 0 0; }





/*** Hero Banner ***/
.banner { position: relative; }
.contact-info { position: absolute; top: -15px; right: 160px; padding: 7px 10px; z-index: 5; color: #777; font-size: 11px; /* background: url(images/contact-info-bg.png) no-repeat; */ }
.banner img { display: block; }


/*** Home page ***/
.sign-up-box { width: 520px; position: relative; }
.sign-up-txt { position: absolute; top: 10px; right: 15px; width: 300px; text-align: right; font-family: "Times New Roman", Times, serif; font-size: 18px; line-height: 24px; font-weight: bold; color: #FFF;
	text-shadow: #000 0 0 3px; 
	/* -moz-text-shadow: #000 0 0 3px;
	-webkit-text-shadow: #000 0 0 3px;  
	position: relative;
	behavior: url(http://s245205626.websitehome.co.uk/wp-content/themes/charlotteord/js/PIE.htc); */
}
.sign-up-txt h1 { margin: 0; }
.sign-up-txt h3 { color: #FFF; font-size: 16px; }

.boxes { font-size: 12px; margin: 30px 0; }
.box { width: 290px; float: left; margin: 0;  }
.box img { display: block; width: 290px; height: 180px; }
.box-txt { height: 180px; padding: 10px 10px; }
.home .box h3 { margin: 0 0 0.5em; text-transform: uppercase; font-size: 18px; }



/*** Posts & Pages***/
#content { max-width: 870px; margin: 0 auto; }

#content ul { list-style: disc; margin: 0 0 1em 1em; }
#content ol { margin: 0 0 1em 0.8em; }
#content li { margin: 0.25em 0; }

.left-col { max-width: 610px; float: left; }
.right-col { width: 230px; float: right; }
.right-col img { max-width: none; width: 100%; }
.page-about .right-col, .page-kitesurf-holidays .right-col { margin-top: 60px; color: #ff5a64; line-height: 1.1; font-family: 'Open Sans', sans-serif; font-weight: 300; }
.page-about .right-col { font-size: 36px; }
.page-kitesurf-holidays .right-col { font-size: 20px; }

.page-uk-coaching .left-col { width: 50%; padding-right: 20px; }
.page-uk-coaching .right-col { width: 50%; padding-left: 20px; }

h1 { color: #69bbb8; text-transform: uppercase; }
h2 { color: #69bbb8; }
h3 { color: #ff5a64; font-size: 16px; margin-bottom: 0.2em; font-weight: 400; }
.home h1 { margin: 0; color: #666; text-transform: none; }
.home h3 { margin: 0; color: #666; text-transform: none; font-size: 22px; }

/* blockquote h2:after { content: "  View more info"; font-size: 12px; font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif; } */
blockquote { margin: 0 0 1.5em; }
blockquote h2 { cursor: pointer; }
blockquote h2 strong { border-bottom: 1px solid #ada061; font-weight: normal; }
blockquote h2 span, blockquote h3 span { font-size: 12px; font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif; padding: 0 15px; background: url(images/more-arrow.png) no-repeat right center; color: #444; }
.page-services blockquote h3 { cursor: pointer; }
blockquote h3 span { padding: 0 10px; }

.blog .post { border-bottom: 1px solid #CCC; padding-bottom: 1em; }
.post .edit { margin-top: 30px;}

.post table { margin: 1em 0 1em; }
.post th, .post td { border: 1px solid #CCC; padding: 3px 5px; line-height: 1.4; }
.post th { color: #FFF; background: #69bbb8; text-transform: uppercase; font-weight: normal; }
.post td { /* color: #ff5a64; */ }

.post strong{ color: #ff5a64;}
.post p { margin: 0 0 1em;}
.post hr { margin-bottom: 12px; border: 0px; border-bottom: #ff5a64 dotted 1px; }
.post .col { width: 251px; float: right; }
.post .col { width: 251px;}
.post .lastwords { font-size: 11px; font-style: italic;}
.post del { text-decoration: none; color: #ff5a64;}

.post .links a { color: #BBB;}

.post ul { margin: 0 0 1em; list-style: disc; }
.post ol { margin: 0 0 1em 5px; list-style: decimal; }
.post ul ul, .post ol ol { margin: 0.5em 0 0; }
.post ol li { display: list-item; margin: 0 0 1em 15px; }
.post ul li { display: list-item; margin: 0 0 0.5em 15px; }

.post .price { width:200px; float:right; }
.post .price1 { width:325px; }

.post .date { font-size: 12px; margin: 0 0 1em; color: #999; }

.wp-caption { width: 23% !important; height: auto; font-style: italic; color: #ff5a64; }

/*** Shop ***/

.shop_item { width: 522px; border-bottom: 1px dotted #80AD32; padding: 0 0 15px; margin: 0 0 15px; } 
.shop_img { width: 210px; float: left; }
.shop_details { width: 300px; float: left; }
.shop_details h1 { font-weight: bold; color: #80AD32; font-size: 20px; }
.paypal_btn { padding-top: 15px; }

.button {
	display: inline-block;
	padding: 4px 12px;
	background-color: #688A13;
    background-image: url("../../../images/auto/gradient/button/8a3.png");
    background-position: left top;
    background-repeat: repeat-x;
    border: 1px solid #688A13;
    color: #FFFFFF;
    font-family: Times New Roman,serif;
    font-size: 16px;
    font-style: normal;
    font-weight: normal;
    text-decoration: none;
}
.button a, .button a:hover, a.button, a.button:hover { color: #FFF; text-decoration: none; }

/*** Sidebar ***/

.sidebar { width: 225px;  margin: 0; /*border-left: 1px solid #808080;*/ float: right; }

.sidebar h3 { margin: 10px 0 0; }

#custom_post_widget-4 { background: #F6F6F6; border-top: 0px solid #CCC; border-right: 1px solid #808080; border-left: 1px solid #CCC; }

/*AWeber signup form */
.bodyText { line-height: 1; }
.bodyText p:first-child { line-height: 1.3; border-bottom: 1px solid #FFF; padding-bottom: 5px; }
#awf_field-56080539, #awf_field-56080540 { padding: 8px !important; width: 179px; }
#af-form-525031694 .buttonContainer input.submit { width: 100% !important; padding: 8px 0; cursor: pointer; }
#af-form-525031694 p { color: #FFF !important; }

/* #aweberwebformpluginwidgetoptions { position: relative; margin: -50px 0 10px; z-index: 1000; }
#af-form-264396968 { }
#af-header-264396968 { width: 115px; float: right; padding: 10px 0 0; line-height: 20px; font-size: 16px !important; text-shadow: #FFF 0 -1px 0; }
#af-header-264396968 .bodyText { line-height: 1.2; }
#af-header-264396968 .bodyText span { }
#af-header-264396968 .span { font-size: 10px; }
#af-body-264396968 .bodyText { line-height: 1.2; }
#af-form-264396968 .bodyText p { margin: 0 !important; }
#af-form-264396968 img { width: 60px; height: 75px; float: left !important; margin: 15px 0 0 !important; }
#af-form-264396968 .privacyPolicy { font-size: 9px !important; background: #FFF; margin-bottom: -10px; }
#af-form-264396968 .submit { border: 0px solid #000; background: none; line-height: 0.8; text-shadow: #FFF 0 -1px 0; cursor: pointer; } 
#af-form-264396968 .buttonContainer submit { }
#af-body-264396968 .buttonContainer { border-top: 12px solid #FFF; border-bottom: 12px solid #FFF; height: 30px !important; margin: 5px 0 0; padding: 0px; }
#af-form-264396968 .af-form { height: 500px; } */


#comprehensivetwitterprofile-3 h3 { background: url(images/twitter_icon.png) no-repeat 100px top; }
.twtr-hd { display: none; }
.twtr-widget .twtr-tweet-wrap { padding: 8px 0px !important; }
.twtr-ft { background: #80AD32; display: none; }
.twtr-tweet { font-family: "lucida grande",lucida,tahoma,helvetica,arial,sans-serif !important; font-size: 11px !important;}

/*** Contact form ***/

.wpcf7-form-control-wrap name { float: left; }

.wpcf7-form { width: 100%; }
.wpcf7-form label { width: 130px; float: left; text-align: right; padding: 0 10px 0 0; }

.wpcf7-text { border: 1px solid #CCC; padding: 5px; width: 300px; font-size: 12px; }
.wpcf7-form textarea { border: 1px solid #CCC; padding: 5px; width: 300px; font-family: "lucida grande",lucida,tahoma,helvetica,arial,sans-serif; font-size: 12px; }

.wpcf7-text:focus, .wpcf7-form textarea:focus { border: 1px solid #80AD32; background: #EAEFE2; }

.submit-btn { clear: both; }
.wpcf7-submit { 
	width: 310px;
	margin-left: 20px;
	padding: 8px 10px;
	background-image: url("../../../images/auto/gradient/button/aa6.png");
	background-position: top left;
	background-repeat: repeat-x;
	background-color: #8a8a46;
	border: 1px solid #8a8a46;
	color: #FFFFFF;
	text-decoration: none;
	font-style: normal;
	font-weight: normal;
	font-size: 14px;
	font-family: Georgia, serif;
	cursor: pointer;
}
.wpcf7-mail-sent-ok { border: 1px solid #80AD32 !important; }

/*** Footer ***/

#footer { position: relative; margin: 2em 0 0; font-size: 12px; background: #313131; color: #999; }
#footer .inner { padding: 60px 100px 50px; }

.copyright { float: left; width: 50%; }
.copyright a { color: #FFF; text-decoration: none; }
.copyright a:hover { text-decoration: underline; }
.get-in-touch { float: right; width: 50%; border-left: 1px solid #666; padding-left: 50px; }
.get-in-touch h3 { color: #FFF; margin-top: 0; font-weight: normal; font-size: 20px; }
.get-in-touch a { color: #FFF; text-decoration: none; }
.get-in-touch a:hover { text-decoration: underline; }


@media only screen and (max-width : 870px) {
	.logo { margin-left: 10px; }
	#training-plan-btn { right: 10px; }
	.nav { width: 400px; float: left; margin: 25px 0 0 4%; }
	#content { padding: 0 10px; }
	.left-col { width: 60%; }
	#footer .inner { padding: 60px 50px 50px; }
}
@media only screen and (max-width : 650px) {
	.wrapper { max-width: none; margin: 0; }
	#headercontainer { padding-bottom: 10px; }
	.nav { float: none; clear: both; display: block; margin: 0; padding: 13px 0 0; width: 100%; }
	#training-plan-btn { top: 10px; }
	.banner { padding-top: 110px; }
	.left-col, .right-col { float: none; width: 100% !important; padding: 0 !important; }
	.right-col img { max-width: 300px; }
	.box { float: none; width: 100%; }
	.box img { width: 100%; }
}
@media only screen and (max-width : 500px) {
	.banner { padding-top: 190px; }
	#container { margin-top: 0px; }
	.copyright, .get-in-touch { float: none; width: 100%; padding: 0; border: none; margin-top: 30px; }
	.nav-menu { width: 320px; font-size: 10px; }
	.nav-menu li { width: 125px; }
	.nav-menu li#menu-item-27, .nav-menu li#menu-item-28, .nav-menu li#menu-item-29 { width: 40px; }
	.sub-menu li { width: 50%; font-size: 10px; }
}