/*
	Theme Name: Bay Digtial - Real Health
	License: MIT
	License URI: http://opensource.org/licenses/mit-license.php
*/

/* global box-sizing */
*,
*:after,
*:before {
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	-webkit-font-smoothing:antialiased;
	font-smoothing:antialiased;
	text-rendering:optimizeLegibility;
}

.col-3-full *{
	transition: all 0.2s ease;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
}

/* clear */
.clear:before,
.clear:after {
    content:' ';
    display:table;
}

.clear:after {
    clear:both;
}
.clear {
    *zoom:1;
}

a, img{
	text-decoration:none;
	 border:none;
    outline:none
}

a:focus {
	outline:0;
}
a:hover,
a:active {
	outline:0;
}

input:focus {
	outline:0;
}

li, ul{
	padding: 0;
	margin: 0;
	list-style: none;
}

.fl-right{
	float: right;
}

.fl-left{
	float: left;
}

body, html{
	margin: 0;
	padding: 0;
}

.alignleft{
	float: left;
	padding: 0 20px 20px 0;
}

.alignright{
	float: right;
	padding: 0 0 20px 20px;
}

.nomargin, h3.nomargin{
	margin-top: 0;
}

/* ------------------------------------
   BODY
  ------------------------------------*/

.wrapper{
	margin: 0 auto;
	width: 1080px;
}

/* ------------------------------------
   ABOVE HEADER
  ------------------------------------*/

#above-header{
	background: #4f4d46;
}

#above-header p, #above-header a{
	margin: 0;
	padding:10px 0 10px 0;
	color: #ffffff;
	font-weight: 600;
	text-align: center;
}

#above-header a{
	padding: 0;
}

#above-header span{
	color: #6da538;
}


/* ------------------------------------
   MESSAGES
  ------------------------------------*/

.message-green{
	font-size: 14px;
	text-align: center;
	padding: 20px;
	background: #ebf8e0;
	margin-bottom: 15px;
	border-radius: 5px;
}


.message-green p{
	margin: 0;
}

#locations .message-green a{
	display: inline;
	color: #222222;
	font-weight: bold;
}




/* ------------------------------------
   HEADER
  ------------------------------------*/

#header a#logo{
	float: left;
	display: block;
}

#header{
	border-bottom: 15px solid #6da538;
}

/* ------------------------------------
   ABOVE CONTENT
  ------------------------------------*/

  #above-content{
  	background: url(img/bg1.jpg) bottom right repeat; 
  }

   #above-content h1{
	margin: 0;
	padding: 35px 0 15px 33.5%;
	font-size: 36px;
	font-weight: 500;
	color: #45433d;
   }

  .page-template-template-nosidebar #above-content h1{
   	padding: 35px 0 15px 0;
   }

   .page-template-template-conditions #above-content h1{
   	padding: 0;
   }

   .page-template-template-conditions #above-content h3{
   	margin: -5px 0 0 0;
   }

  .page-template-template-conditions #above-content{
  	padding: 18px 0 12px 0;
  }


  /* ------------------------------------
   NAV
  ------------------------------------*/

.nav ul{
	margin: 0;
	padding: 0;
}

.nav, .nav li{
	list-style: none;
	display: inline-block;
}

.nav{
	display: block;
}

.nav a{
	text-align: center;
	padding: 52px 9px;
	font-weight: 600;
	font-size: 17px;
	display: block;
}

.nav{
	float: right;
}

/* NAV CHILD */

.nav ul ul {
    position:absolute;
    left:-9999px; 
 	width: 220px;
    z-index: 999999;
    margin: 0;
    background:#4f4d46;
}

.nav ul ul li a{
 	
 	display: block;
 	padding: 15px 20px;
 	text-align: left;
 	font-weight: 600;
 	font-size: 13px;
 	text-transform: capitalize;
 	color: #ffffff;
 	width: 220px;
}

.nav ul ul li a:hover{
	background: #66645b;
}

.nav ul li:hover > ul {
 	left:auto;
}

/* ------------------------------------
   HOMEPAGE
------------------------------------*/

#slider{
	margin-bottom: 20px;
	position: relative;
	z-index: 97;
}

.home #intro iframe{
	border-radius: 3px;
	overflow: hidden;
	-webkit-box-shadow: 0px 2px 7px 0px rgba(0,0,0,0.59);
	-moz-box-shadow: 0px 2px 13px 0px rgba(0,0,0,0.59);
	box-shadow: 0px 2px 13px 0px rgba(0,0,0,0.3);
	height: 319px;
	background: #ffffff;
}

/* Intro */

#intro h1{
	margin-top: 0;
	font-size: 34px;
	font-weight: 500;
	color: #45433d;
}

#intro p{
	font-size: 18px;
	line-height: 1.6;
}

#intro a{
	width: 320px;
	background: #9b948a;
	height: 60px;
	padding: 20px 60px;
	float: left;
	display: block;
	margin-left: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
	text-align: left;
	color: #ffffff;
	font-weight: 600;
}

#intro a:hover{
	background: #383838!important;
}

#intro a{
	padding: 20px 30px;
}

#intro a.no-margin{
	margin-left: 0;
}

#intro{
	background: url(img/bg1.jpg) bottom right repeat; 
	padding: 45px 0;
}

#intro-text{
	margin: 0 4%;
	text-align: center;
}

/* Intro CTA */

#intro-cta{
	width: 660px;
	margin: 0 auto;
}

.cta-link img{
	float: left;
	margin-right: 8px;
	margin-top: -3px;
}

.cta-link.brown img{
	
	margin-right: 25px;
	
}

.cta-link {
	text-align: right;
}

/* Button */

#above-header p.no-padding{
	padding: 8px 0 0 0;
}

#above-header .wrapper{
	position: relative;
}

#above-header a.green-button, #locations a.green-button{
	  background: #6da538;
    padding: 11.5px 20px 7.5px 20px;
    border-radius: 3px;
    margin-right: 7px;
    font-size: 15px;
    color: #ffffff;
    display: inline-block;
 }

 #locations a.green-button{
 	padding: 10px 15px;
 	font-weight: 600;
 }

 #above-header a.green-button{
 	margin-top: -5px;
 }

 #above-header a.green-button:hover, #locations a.green-button:hover{
 	background: #70b72c;
 }

 #above-header a.green-button{
 }

 .green-button small{
 	font-size: 11px;
 	display: block;
 	margin-top: -4px;
 	color: #d0e9b9;
 }

/* Benifits */

#benifits{
	background: url(img/bg1.jpg) bottom right repeat; 
	padding: 60px 0;
}

#benifits h2{
  font-size: 26px;
  font-weight: 500;
  margin: 15px 0 0px 0;
  color: #45433d;
  display: block;
}


#benifits h4{
	color: #999894;
	font-size: 26px;
	font-weight: 500;
	margin: 0 0 45px 0;
}

#benifits img{
  margin-top: -15px;
  margin-right: 20px;
  padding: 0;
  width: 125px;
  height: 149px;
}


/* ------------------------------------
   GRID
------------------------------------*/

/* Half Column */

.col-1-2{
	float: left;
}

.col-1-2{
	width: 46%;
	margin-left: 4%;
}

.col-1-2.first{
	width: 50%;
	margin-left: 0;
}

/* Four Column */

.four-column .col-1-4, .col-3-4{
	float: left;
}

.four-column .col-1-4{
	width: 30%;
}

.four-column .col-3-4{
	width: 66%;
	margin-left: 4%;
}

/* Three Column */

.col-1-3:nth-child(3n+1){
	margin-left: 0;
	clear: left;
}


.col-1-3{
	float: left;
	width: 30%;
	margin: 15px 0 15px 5%;
	overflow: hidden;
}

.col-1-3 img{
	width: 100%;
}

/* Three Column - Location */

#locations .col-1-3{
	float: left;
	width: 32%;
	margin: 15px 0 15px 2%;
}

/* Four Column */

.col-1-2:first-child, #locations .col-1-2:first-child{
	margin-left: 0;
}

 .col-1-4 img{
	width: 100%;
}

.col-1-4{
	float: left;
	width: 28.5%;
}

.col-3-4{
	float: right;
	width: 66.5%;
	margin-left: 5%;
}

.col-3-4 p{
	line-height: 1.6;

}

.wpcf7-captchac{
	width: auto!important;
}

/* ------------------------------------
   CONTENT
------------------------------------*/

.content{
	list-style: none;
	padding: 15px 0 35px 0;
}

.gallery p{
	margin-top: 0;
	font-weight: 600;
}

.content  li, #benifits li{
	
	margin: 0;
 	background: url("img/bullet.png") no-repeat left;
    list-style-type: none;
    margin: 0;
    padding: 15px 0px 15px 40px;
}

/* ------------------------------------
   CONDITIONS
------------------------------------*/

#conditions{
	padding: 60px 0;
	 background: url(img/bg.jpg) bottom right no-repeat; 
}

#conditions h3{
	color: #9a9894;
	margin-top: 5px;
}

.conditions-item{
	width: 360px;
	height: 240px;
	overflow: hidden;
}

.conditions-item:hover img{
	transform: scale(1.1); 
}


/* ------------------------------------
   SIDEBAR
------------------------------------*/

.sidebar{
	background: #4f4d46;
	margin-top: -90px;
	margin-bottom: 15px;
	border-radius: 4px;
	padding: 15px 25px;
}

.sidebar h3{
	margin: 0 0 5px 0;
	color: #dfd9ce;
	font-size: 20px;
	font-weight: 600;
}

.content .sidebar a{
	text-decoration: none;
	color: #ffffff;
  	transition: all 0.5s ease;
  	font-size: 15px;
   
}

.content .sidebar a:hover{
	color: #f9f3e7;
	padding-left: 7px;
}

.content .sidebar li.current_page_item a:hover{

}

.sidebar ul{
	position: relative;
}

.sidebar li{
	background: transparent;
	padding: 8px 15px 8px 45;
}

.sidebar li.current_page_item a{
	font-weight: 600;
}

.sidebar li.current_page_item:before{
	background: url(img/icons/leaf.png) no-repeat left; 
	content: " ";
    position: absolute;
    height: 25px;
    width: 50px;
    display: block;
    left: 0;
}


/* contact form */


div.wpcf7{
	width:46%;
	float: left;
}

.content div.wpcf7{
  border-radius: 4px;
  background: url(img/bg1.jpg) bottom right repeat;
   padding: 5px 25px;
   margin-right: 25px;
}

.wpcf7-form{
	padding:0;
}

.side-section div.wpcf7 img.ajax-loader{
	width: 16px;
	height: 16px;
}

.wpcf7-form input, .wpcf7-form textarea{
	padding: 10px;
	font-size: 15px;
	width: 100%;
	border-radius: 4px;
	border: none;
	background: #f3ede1;
}

.wpcf7-form textarea{
	height: 130px;
}

.wpcf7-form input[type="submit"]{
	width: 170px;
	background: #4f4d46;
	color: #ffffff;
	cursor: pointer;
}

.wpcf7-form input.wpcf7-captchar{
	width: 240px;
}

.contact ::-webkit-input-placeholder {
   color: #45433d;
}

.contact :-moz-placeholder { /* Firefox 18- */
   color: #45433d;  
}

.contact ::-moz-placeholder {  /* Firefox 19+ */
   color: #45433d;  
}

.contact :-ms-input-placeholder {  
   color: #45433d;  
}


div.wpcf7-response-output{
	margin: 2px;
}

span.wpcf7-not-valid-tip{
	font-size: 12px;
}

/* contact form */


.side-section div.wpcf7{
	width: 100%;
	margin: 0;
}

.wpcf7-form h4{
	font-size: 19px;
	margin-top: 15px;
	margin-bottom: 0;
	font-weight: 600;
	display: block;
}

.wpcf7-form p.text{
	margin-top: 1px;
	font-size: 13px;
	display: block;
}

.side-section .wpcf7-form{
}

.side-section div.wpcf7 img.ajax-loader{
	width: 16px;
	height: 16px;
}

.side-section .wpcf7-form input, .side-section .wpcf7-form textarea{
	padding: 7px 10px;
	font-size: 15px;
	width: 100%;
	border-radius: 4px;
	border: none;
	background: #f9f3e7;
}

.side-section .wpcf7-form textarea{
	height: 110px;
}

.side-section .wpcf7-form input[type="submit"]{
	width: 170px;
	background: #4f4d46;
	color: #ffffff;
	cursor: pointer;
}


.side-section .wpcf7-form input.wpcf7-captchar{
	width: 240px;
}

/* ------------------------------------
   LOCATION
------------------------------------*/

#locations .wrapper{
	padding: 40px 0;
	border: none;
}

.home #locations .wrapper{
	padding: 60px 0;
}

.home #locations .wrapper{
	border-top:none;
}

#locations .wrapper{
	border-top: 1px solid #ddd;
}

#locations .col-1-2 div{
	width: 50%;
	float: left;
	margin-top: 5px;
	overflow: hidden;
}

#locations .col-1-2 div.location-item{
	width: 100%;
}

.locations #locations .wrapper{
	border-top: none;
}

#conditions h3,
#benifits h3{
	font-size: 17px;
	margin-top: -5px;
}

#conditions .col-1-3 h3{
	margin-top: 5px;
	margin-bottom: 7px;
}

#conditions p{
	margin-top: 0;
}

#locations h1, #conditions h1, #benifits h1{
	margin-bottom: 0;
	margin-top: 0;
	font-size: 36px;
	font-weight: 500;
	color: #45433d;
}

/* Locations Page */

.locations .content{
	padding-bottom: 0;
}


#locations .item img{
	width: 100%;
}

#locations .sub-item{
	float: left;
	margin-right: 40px;
	margin-top: 10px;
}

#locations .item{
	margin-bottom: 35px;
}

.locations #above-content h1{
	padding:35px 0 15px 0;
}

.locations .location-item{
	float: left;
	margin-right: 40px;
	height: 200px;
	width: 25%;
	overflow: hidden;
}

.location-item img, .conditions-item img{
  -webkit-transition: all 0.7s ease-in-out;
  -moz-transition: all 0.7s ease-in-out;
  -o-transition: all 0.7s ease-in-out;
  transition: all 0.7s ease-in-out;
}

.location-item:hover img{
	transform: scale(1.1); 
}

/* ------------------------------------
   FOOTER
------------------------------------*/

#footer{
	background: #4f4d46;
}

#footer p, #footer a{
	color: #ffffff;
	font-size: 15px;
}

/* ------------------------------------
   Background
  ------------------------------------*/

 .brown{
 	background: #4f4d46!important;
 }

  /* ------------------------------------
   Font Size
  ------------------------------------*/

  body, p, a, textarea, input{
  	font-family: 'Open Sans', sans-serif;
  	color: #222222;
  }

  h1, h2, h3, h4{
  	color: #45433d;
  }

  h4{
  	margin: 6px 0;
  }

  .content a{
	text-decoration: underline;
   }
   
   .green{
	 color: #6da538!important;
	}


  /* ------------------------------------
	Mobile Menu
  ------------------------------------*/


	/* Nav Menu */

	#menu-dropdown{
		position: absolute;
		top: 100px;
		background: #4f4d46;
		width: 100%;
		z-index: 999;
		display: none;
		right: 0;
		top: 189px;
	}

	#menu-dropdown > ul{
		margin: 8px 0 0 ;
		padding: 0;
		list-style:none;
		width: 100%;
	}

	#menu-dropdown > ul li{
		float: left;
		width: 100%;
		border-bottom: 1px solid #484640;
	}

	#menu-dropdown > ul li a{
		padding: 15px;
		display: block;
		color: #ffffff;
		width: 85%;
	}

	#menu-dropdown ul li a:hover{
		color:#6da538;
	}

	#menu-dropdown ul ul{
		padding: 0 0 15px 30px;
	}

	#menu-dropdown ul ul li{
		border: none;
	}

	#menu-dropdown .sub-menu{
		display: none;
	}


	#menu-dropdown ul li.menu-item-has-children:before{
	    display: block !important;
	  font-family: 'FontAwesome';
	  width: 13%;
	  height: 38px;
	  font-size: 20px;
	  padding: 5px;
	  background: #484640;
	  color: #ffffff;
	  content: "\f105" !important;
	  float: right;
	  text-align: center;
	  cursor: pointer;
	  border-radius: 4px;
	  margin: 1%;
	  border: 1px solid #3b3b3b;
	  line-height: 26px;
	  -webkit-box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.15);
	  -moz-box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.15);
	  box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.15);

	}

	#menu-dropdown ul li.menu-item-has-children.menu-dropdown-down:before{
		content: "\f107" !important;
	}

	#menu-dropdown > ul li:first-child a{
		border: none;	
	}

	#menu-dropdown-toggle{
		color: #333333;
		font-size: 30px;
		padding: 16px;
		text-align: center;
		cursor: pointer;
		margin-top: 38px;	
		width: 70px;
		height: 70px;
		float: right;
		line-height: 36px;
		margin-right: 10px;
		background: #ffffff;
		z-index: 99999999;
		border-radius: 3px;

		display: none;
	}



	#header .wrapper, #above-header .wrapper{
		width: 1180px;
	}


	#locations iframe{
    	pointer-events: none;
	}

	#locations a{
		display: block;
	}


	.nav li.ipad, .nav li.mobile{
		display: none;
	}

	.nav li.desktop{
		display: inline-block;
	}


  /* ------------------------------------
	Mobile Styling
  ------------------------------------*/


@media only screen and (max-width:1240px) {

	.nav li.ipad{
		display: inline-block;
	}

	.nav li.desktop, .nav li.mobile{
		display: none;
	}

	.nav a{
		font-size: 16px;
	}

	/* Wrapper */

	.wrapper, #header .wrapper, #above-header .wrapper{
		width: 94%;
		margin: 0 4%;
	}

	/* Intro */

	.home #intro iframe{
		width: 100%!important;
		height: auto;
		min-height: 300px;
	}


}


@media only screen and (max-width:1080px) {

	#header .wrapper{
		margin: 0;
		width: 100%;
	}

	/* above content */	

	#above-content h1{
		padding: 35px 0 15px 0;
	}

	/* Grid */

	.col-3-4{
		float: left;
		margin: 0;
		width: 100%;
	}

	.col-1-4{
		width: 100%;
	}

	.col-1-3, .col-1-3:nth-child(3n+1){
		width: 45%;
		margin: 15px 0 15px 5%;
		clear:none;
	}

	 .col-1-3:nth-child(2n+1){
		margin-left: 0;
			clear: left;
	}

	/* Intro */

	#intro{
		padding: 40px 0;
	}
	
	/* Benifits */

	#benifits h2, #benifits h4{
		font-size: 26px;
	}

	/* Locations */

	#locations .col-1-3{
		width: 45%;
	}



	/* Sidebar */

	.sidebar{
		padding: 10px;
		margin: 20px 0;
	}

	.sidebar li{
		padding: 10px 0;
	}


}




@media only screen and (max-width:960px) {

	#menu-dropdown li.ipad{
		display: none;
	}


	/* Nav */

	.nav{
		display: none;
	}

	#menu-dropdown-toggle{
		display: block;

	}

	/* Intro */

	#intro{
		padding: 40px 10%;
		width: 100%;
	}


	#intro-text{
		width: 100%;
		padding-top: 20px;
	}

}


@media only screen and (max-width:815px) {

	/* wrapper */

	.wrapper{
		width: 90%;
		margin: 0 5%;
	}


	/* intro */

	#intro{
		padding: 40px 0;
		width: 100%;
	}

	/* grid */

	.col-1-3, .col-1-3:nth-child(3n+1), .col-1-3:nth-child(2n+1){
		padding: 20px;
		overflow: hidden;
	}

	.col-1-2{
		display: none;
	}

	#locations .col-1-2{
		display: block;
		width: 100%;
		margin: 0;
	}

	.first.col-1-2{
		display: block;
		width: 100%;
	}

	/* Locations */

	 #locations .col-1-3{
		width: 100%;
		margin: 0;
	}

	#locations .col-1-2 div{
		width: 35%;
	}


	#intro-cta, #intro-text{
		width: 100%;
		margin: 0;
	}


}

@media only screen and (max-width:650px) {

	#above-header a.green-button{
		clear: both;
		display: block;
		width: 70%;
		margin: 0 auto;
	}


	/* Form */

	div.wpcf7{
		width: 100%;
		margin-bottom: 20px;
	}


}


@media only screen and (max-width:550px) {

	#locations .col-1-2 div{
		width: 50%;
	}


	/* Logo */

	#header a#logo img{
		width: 160px;
	}

	/* grid */

	.col-1-3, .col-1-3:nth-child(3n+1), .col-1-3:nth-child(2n+1){
		padding: 20px;
		overflow: hidden;
		width: 100%;
		margin: 0;
	}

	/* Navigation */

	#menu-dropdown-toggle{
		margin-top: 22px;
	}

	#menu-dropdown{
		top: 194px;
	}

	/* Footer */

	#footer{
		padding: 10px 0;
	}

	.fl-right, .fl-left{
		display: block;
		clear: both;
		text-align: center;
		float: none;
	}

	#intro a{
		width: 100%;
		margin-left: 0;
	}

}

@media only screen and (max-width:350px) {

	#locations .col-1-2 div{
		width: 100%;
	}

}