/*
Theme Name: thecoach
Theme URI: http://thecoachmarlow.co.uk/
Author: Underscores.me
Author URI: http://www.orangegrovedesigns.co.uk/
Description: Website Design for TheCoach 
Version: 1.0-wpcom
Text Domain: TheCoach
*/


html, body, div, span, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, font, img, 
b, u, i, 
dl, dt, dd, ol,li,ul
{
    border-style: none;
    border-color: inherit;
    border-width: 0;
    padding-top: 0;
		padding-left:0;
		padding-right:0;
		padding-bottom:0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
		text-align: left;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
		margin-bottom:0;	
}

/* remember to define focus styles! */
:focus { 
outline: 0; 
}

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

/* --------------- remove apple's default styling --------------- */
	input[type="text"]{
		border-radius:0;
		padding:1px 0 1px 2px;
		-webkit-appearance: none;
	}
	
	input[type="button"],input[type="submit"],textarea{
		border-radius:0;
		-webkit-appearance: none;
	}

body{
	margin:0 auto;
	color:#010101;
	font-size:17px;
	font-family: 'Lato', sans-serif;
	font-weight:400;
	background-image:url(inc_files/images/leather.jpg);
	background-repeat:repeat;
}

a{
	text-decoration:none;
	color:inherit;
}

li{
	list-style-type:none;
}

h1,h2,h3{
	color:#675150;
	text-transform: uppercase;
	font-family: 'swis721_cn_btbold';
	font-weight:normal;
}

h1{
	font-size:60px;
	text-align:center;
}

h1 img{
	vertical-align:middle;
}

h2{
	font-size:37px;
}

p{
	font-size:17px;
	line-height:28px;
}

#main-wrapper {
	width: 100%;
	z-index: 10;
	position: relative;
	margin: 0 auto;
	padding: 0;	
}
#scroll-section{
	background: url(inc_files/images/shadow2.png) left repeat-y ;
  overflow:hidden;
}
#scroll-inner{
	background: url(inc_files/images/shadow3.png) right repeat-y ; 
  overflow:hidden;
}

/* ---------------------------- landing page ---------------------------- */
#home-content-wrapper{
  position: relative;
	display: block;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
}
#shadow {	
	height:100vh;
	position: relative;
  z-index:100;
}
#shadow-image{
	position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
}
#logo{
	margin:0 auto;
	display: block;
  margin-bottom: 50px;
}
#lines{
	margin-bottom:68px;
}

#lines h3{
	text-align:center;
}
#lines h3 img{
	vertical-align:middle;
}
#continue{
	background: url(inc_files/images/down-arrow.png) no-repeat center bottom;	
	text-align:center;
	height:42px;
	color:#4a0000;
	font-size:19px;
	font-family: 'swis721_cn_btbold';
	font-weight:normal;
	clear:both;
	position:absolute;
	bottom:26px;
	margin-left:50%;
	left:-32px;
}

/* ---------------------------- header section ---------------------------- */
#nav-button{
	display:none;
}
.subMenu {
	height: 50px;
	z-index: 99999;
	width:98%;
	background-color:#675150;	
	position:fixed;	
	left:1%!important;
}
.home .sumbenu{
  bottom:40%;
}
.subMenu .inner {
	padding:0;
	margin: 0 auto;	
	height: 50px;
}
#links-wrapper{
	text-align:center;
  width:100%;
}
#submenu-logo{
	float:left;
	display:none;
  position:absolute;
  left:0;
  top:0;
  margin: 0;
}
.fxd #submenu-logo{
	display:block;
  cursor: pointer;
}
.fxd{
	position:fixed!important;  
}
.fxd #links-wrapper{
	text-align:right;
}
.fxd.subMenu a{
	margin-left:1%;
	margin-right:1%;
}
.subMenu a{
	text-transform: uppercase;
	color:#fff1e5;
	font-size:15px;
	font-family: 'swis721_cn_btbold';
	display:inline-block;
	margin-left:2%;
	margin-right:2%;
}
.subMenu a span{
	font-size:20px;
  margin:0 4px;
  visibility: hidden;
  display:inline;
}
.subMenu a.active span{
	visibility:visible;
}
.subNavBtn {
	height: 35px;
	margin: 0px 0px 0 0;
	text-decoration: none;
	font-size: 14px;	
	text-align: center;	
	color: #fff;
	line-height:50px;
}

/* -------------- common class -------------- */
.inner-wrapper{
	max-width:998px;
	margin:0 auto;
}

/* -------------- about section -------------- */
.about-wrapper{
	padding-top:98px;
	margin-bottom:126px;
	overflow:hidden;
}
#about-top-section{
	width:100%;
	overflow:hidden;
	z-index: 10;
	position: relative;	
}
.about-top-img{
	width:50%;
	float:left;
}
#about-text{
	width:50%;
	float:right;
}
#about-text h1{
	margin-top: 22%;
}
#about-bottom-section{
	width:100%;
	overflow:hidden;
}
#about-desc{
	width:47.5%;
	float:left;
	padding-top:75px;
	padding-right:2.5%;
}
#about-desc h2{
	margin-bottom:30px;
}
#about-desc p{
	margin-bottom:28px;
}
#about-desc img{
	width:50%;
	float:right;
	display:none;
}
#about-image{
	width:50%;
	float:right;
}
#about-image img{
	display:block;
	float:left;
	width:50%;
}

/* -------------- menu section -------------- */
#menu-wrapper{
	width:100%;
	overflow:hidden;
	z-index: 10;
	position: relative;	
}
#menu-top-wrapper{	
	background:url(inc_files/images/menu-bg.jpg) 50% 0 no-repeat;
	/* -webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;	*/
	width:100%;
	height:514px;
	background-attachment:fixed;
	position:relative;    
}

#menu-top-wrapper h1{
	background-image:url(inc_files/images/title-bg.png);
	background-repeat:repeat;
	width:330px;
	margin:0 auto;
	height:102px;
	line-height:110px;
	position:relative;
	top:40%;  
}
#menu-name-wrapper{
	width:100%;
	margin-top:14px;
  height:85px;
	margin-bottom:6px;	
}
.menu-name{
	width:49.6%;
	background-color:#675150;
	margin-bottom:6px;
	cursor:pointer;
	height:85px;
}
.menu-name h2{
	text-align:center;
	line-height:90px;
  color:#fff;
}
.menu-name.active{
	background-color:#fff1e5;
  height:91px;
  margin-bottom:0;
}
.menu-name.active h2{
	color:#675150;	
}
.menu-name-first{
	float:left;
}
.menu-name-second{
	float:right
}
#menu-list-wrapper{
	margin-bottom:194px;
  background-color:#fff1e5;
}
.menu-list{
	width:94%;
	background-color:#fff1e5;
	overflow:hidden;
	padding-top:32px;
	padding-bottom:32px;
	padding-left:3%;
	padding-right:3%;
  clear:both;
}
.opening-times{
	background-color:#eadcd3;
  width:97%;
  padding:19px 1.5% 3px 1.5%;
  margin-bottom: 33px;
}

.opening-times h6{
	text-transform: uppercase;
	font-family: 'swis721_cn_btbold';
	font-weight: normal;
  font-size:18px;
  color:#675450;
  margin-bottom: 10px;
}
.menu-list p{
	margin-bottom:25px;
	line-height:23px;
	font-weight:700;
	color:#000;
}
#left-list{
	width:46.5%;
	float:left;
}
#right-list{
	width:46.5%;
	float:right;
}

#menucenter { text-align: center; padding: 30px 0 30px; font-weight:700; color:#000; font-style: italic}

/* -------------- gallery section -------------- */
.gallery-wrapper h1{
	margin:133px 0 82px 0;
}

.paw-carousel-prev, .paw-carousel-next{
	bottom:-72px!important;
  top:auto!important;
  width:auto!important;
}
.paw-carousel-prev{
	left:40%!important;
}
.paw-carousel-next{
	right:40%!important;
}
#gallery-slider-wrapper{
	margin-bottom:60px;  
  height: auto!important;
}
#gallery-pagin{
	background: url(inc_files/images/slider-red-bg.png) repeat;
  width:100%;
  height:75px;
  bottom:-3px;
  text-align:center;
  z-index:99;
  position:relative;
}
#gallery-pagin span{
	display:block;
  font-size:38px;
  color:#fff1e5;
  font-family: 'swis721_cn_btbold';
	font-weight:normal;
  bottom:5%;
  line-height:80px;
  text-align: center;
}


/* -------------- contact section -------------- */
#contact-top-wrapper{	
	background:url(inc_files/images/menu-bg.jpg) 50% 0 no-repeat;
	/* -webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;	*/
	width:100%;
	height:514px;
	background-attachment:fixed;
	position:relative;    
}

#contact-top-wrapper h1{
	background-image:url(inc_files/images/title-bg.png);
	background-repeat:repeat;
	width:383px;
	margin:0 auto;
	height:102px;
	line-height:110px;
	position:relative;
	top:40%;  
}
#contact-form-area{
	max-width:998px;
	padding:2%;
	background-color:#fff1e5;
	margin:0 auto;
	position:relative;
	top:-123px;
}
#map-wrapper{
	width:100%;
	height:374px;
}

/* -------------- contact form wrapper -------------- */
#contact-form-wrapper{
	width:100%;
}
#contact-form-wrapper input[type="text"]{
	height:46px;
	width:98%;	
	background-color:#efefef;
	padding-left: 10px;
	margin-bottom:17px;
	border:0;
	font-family: 'Open Sans', sans-serif;
	font-size:16px;
	color:#5f5d5f;
}
#contact-form-wrapper input[type="email"]{
	height:46px;
	width:98%;	
	background-color:#efefef;
	padding-left: 10px;
	margin-bottom:17px;
	border:0;
	font-family: 'Open Sans', sans-serif;
	font-size:16px;
	color:#5f5d5f;
}
#contact-form-wrapper textarea{
	height:108px;
	width:98%;
	background-color:#efefef;
	padding:10px 0 0 10px;
	margin-bottom:23px;
	float:left;
	border:0;
	font-family: 'Open Sans', sans-serif;
	font-size:16px;
	color:#5f5d5f;	
}
#contact-form-wrapper input[type="submit"]{
	width:176px;
	height:60px;
	border:none;
	background-color:#f08233;	
	display:block;
	color:#fff;
	font-size:25px;
	cursor:pointer;
	float:right;
	line-height:60px;
	font-family: 'texgyreadventorregular';
	text-transform: uppercase;
}
#contact-form-wrapper input[type="submit"]:hover{
	background-color:#d36211;
}
#contact-desc-area{
	max-width:998px;
	margin:0 auto;
  padding-bottom:37px;
}
#contact-desc-area h3{
	text-align:center;
  font-size:37px;
  color:#675150;
  margin-top:58px;
  margin-bottom:39px;
}
#contact-desc-area p{
	text-align:center;
  font-weight:700;
  margin-bottom:15px;
}

/* ---------------------------- footer wrapper ---------------------------- */
#footer-wrapper{
	background-color:#675150;
	clear:both;
	width:100%;
	height:82px;
}
#footer-wrapper p{
	text-align:center;
	color:#fff1e5;
	font-size:15px;
}
#footer-wrapper p a{
	color:#fff1e5;
  line-height:82px;
}
#footer-wrapper p a:hover{
	border-bottom:1px solid #fff1e5;
}

/* ---------------------------- 404 Template  ---------------------------- */

#error-message {
  width: 940px;
  margin: 0 auto;
  padding: 50px 0 100px 0;
  text-align: center;
}

#error-message h1 {
  font-size: 350px;
  width: 100%;
  margin: 100px auto 0 auto;
  text-align: center;
  color: #675150;
  border: 0;
}
/* ---------------------------- media query ---------------------------- */
@media screen and (min-width: 768px) and (max-width: 1023px){
	p{
  	font-size: 16px;
		line-height: 25px;
  }
  .inner-wrapper{
  	width:96%;
  }
  #contact-form-area{
  	width:92%;
  }
  #gallery-pagin span{
  	font-size: 36px;
  }
}

@media screen and (min-width: 240px) and (max-width: 767px) {
	
  h1{
  	font-size: 45px;
  }
  h2{
  	font-size: 27px;
  }
  p{
  	font-size: 15px;
		line-height: 25px;
  }
  .inner-wrapper{
  	width:96%;
  }
  #logo{
  	width:226px;
    height:40px;
  }
  #nav-button{
  	display:block;
    cursor: pointer;
    text-transform: uppercase;
		color: #fff1e5;
		font-size: 17px;
		font-family: 'swis721_cn_btbold';
    text-align:right;   
    line-height:53px;
    text-align:center;
    
  }
  .fxd #nav-button{
  	position: relative;
		top:0;
    text-align:right;
    margin-right: 20px;
  }  
  .subMenu{
    width:96%;
    position:fixed;
    top:0;
    left:0!important;
    left: 2%!important;
  }
  .subNavBtn{
  	line-height: 42px;
  }
  subMenu a{
  	font-size:15px;
  }
  #submenu-logo{
  	z-index:3;
  }
  #submenu-logo img{
  	width:204px;
    display:block;    
  }
  #links-wrapper{
    display:none;
  	width:100%;
    text-align: center;
    position: relative;
		top:0;
    padding-top:35px;
		background-color:#675150;
    padding-bottom: 20px;
  }
  #links-wrapper a{
  	display:block;
    border-bottom:1px solid #c6b0af;
  }
  #links-wrapper a.last-child{
  	border-bottom:0;
  }
  .fxd #links-wrapper{
  	top:17px;
  }
  
  .about-wrapper{
  	padding-top: 28px;
    margin-bottom: 84px;
  }
  .about-top-img{
  	display:none;
  }
  #about-text{
  	width:100%;
  }
  #about-desc{
  	width:100%;
    padding-right:0;
  }
  #about-desc p{
  	margin-bottom:15px;
  }
  #about-desc img{
  	display:block;
    width:100%;
    margin:0 0 30px 0;
    float:none;
  }
  #about-image{
  	width:100%;
    margin:0 auto;
  } 
  
#mobilehide { display: none; }

  #menu-top-wrapper h1{
  	height:80px;
    line-height:90px;
    width: 246px;
  }
  #menu-name-wrapper{
  	height:60px;
  }
  .menu-name{
  	height:60px;    
  }
  .menu-name h2{
  	font-size:18px;
    line-height:64px;
  }
  #menu-list-wrapper{
  	margin-bottom:50px;
  }
  .menu-list p{
  	margin-bottom: 19px;
		line-height: 20px;
  }
  #left-list{
  	width:96.5%;
    float:none;
  }
  #right-list{
  	width:96.5%;
    float:none;
  }
  
  #gallery-slider-wrapper{
  	margin-bottom: 54px;
  } 
	.paw-carousel-next{
  	right: 25%!important;
  }
	.paw-carousel-prev{
  	left: 25%!important;
  }  
  #contact-top-wrapper{
  	height: 290px;
  }
  #contact-top-wrapper h1{
  	height:80px;
    line-height:90px;
    width: 280px;
  }
  #contact-form-area{    
    width:92%;
    top:0;
  }
  #map-wrapper{
  	height:286px;
  }
  #contact-desc-area h3{
  	font-size:24px;
    margin-top: 40px;
		margin-bottom: 20px;
  }
  #contact-desc-area p{
  	font-size: 14px;
		line-height: 22px;    
  }
  #footer-wrapper p{
  	font-size:11px;
  }
  .paw-carousel {
	max-height: 375px;
  }
  .paw-carousel-item.cropped {
	max-height: 375px;
  }
  .paw-carousel-item.cropped img.paw-carousel-item-media {
	bottom: -9822px !important;
  }
	  
}

@media (min-width: 1600px) {
	#contact-top-wrapper, #menu-top-wrapper {
		background-size: 102%;
	}
}