/* /// Yoga Studio Theme ///
////// Untame.net /////////
////// 2013 /////////// */

/* /// General /// */
body {                     
	background: #A6D5D3 url('../img/yogastudio2.jpg') no-repeat center top;
	background-size: contain;
	font-family: 'Open Sans', Arial, sans-serif;
	font-size: 16px;
	line-height: 24px;
	color: #111;
	padding-top: 0; padding-bottom: 0;
}
strong {
  font-size: 21px;
}
p {
  font-size: 21px;
  min-height: 12px;
  line-height: 28px;
}

li, td {
  font-size: 21px;
  line-height: 28px;
}

button p {
  font-size: 18px;
}

h1 {
	font-family: 'Cabin Condensed', sans-serif;
	font-size: 32px;
	color: #fff;
	line-height: 36px
}

h3 {
  font-size: 32px;
}

h2, h3 {
	font-family: 'Cabin Condensed', sans-serif;
	color: #111;
	line-height: 48px
}

.scrollthis {
  text-transform: uppercase;
}


/* /// Theme Styles /// */
.hero-unit {
	height: 340px;
	background: transparent;
	width: 100%;	
	margin-bottom: 0px;	
	border-radius: 0px;
	padding: 0;
}

.hero-unit .icon-heart {
	color: #fff;
	vertical-align: middle;
	font-size: 14px;
}


.navbar-inverse .navbar-inner {
	background-color: #111;
	background-image: none;
	border: none;
	min-height: 60px;
	font-size: 16px;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
	filter: alpha(opacity=60);
	opacity:.6;
}

.navbar-inverse .brand, .navbar-inverse .nav > li > a {
	color: #fff;
	font-family: 'Open Sans', sans-serif;
	text-shadow: none;
	vertical-align: middle;
}

.navbar .container { padding: 10px 0 10px 0; }

.navbar .nav { margin: 20px 10px 0 0; }

div.row.action-join {
	border-bottom: 1px #ddd solid;
	margin-bottom: 50px;
	text-align: center;
	font-size: 1.9em;
	font-weight: bold;
	min-height: 85px;
	vertical-align: middle;
	line-height: 90px;
	font-family: 'Cabin Condensed', sans-serif;
	background-color: #fff;
}

div.testimonials { text-align: center; }

div.row.action-join .btn {
	margin-left: 40px;
	width: 100px;
}

div.navbar-inner div.container a.brand {
	vertical-align: middle;
	font-size: 44px;
	font-family: 'Cabin Condensed', sans-serif;
	font-weight: bold;
}

div.navbar-inner  i.icon-tint {
	vertical-align: middle;
	margin-right: 7px;
}

div.thumbnail { background-color: #fff; }

.thumbnail .caption { color: #111; }

div.content {
	background-color: #A6D5D3;
	padding-bottom: 50px;
}

div.span4 { margin-bottom: 25px; }

	/* Featurettes
	------------------------- */

	.featurette-divider {
	  margin: 40px 0; /* Space out the Bootstrap <hr> more */
	}
	.featurette {
	  padding-top: 12px; /* Vertically center images part 1: add padding above and below text. */
	  overflow: hidden; /* Vertically center images part 2: clear their floats. */
	}
	.featurette-image {
	  margin-top: -12px; /* Vertically center images part 3: negative margin up the image the same amount of the padding to center it. */
	  margin-bottom: 40px;
	}
	.featurette p {
	  margin-bottom: 20px;
    font-size: 21px;
    font-weight: 200;
    line-height: 30px;
  }

	/* Give some space on the sides of the floated elements so text doesn't run right into it. */
	.featurette-image.pull-left {
	  margin-right: 40px;
	}
	.featurette-image.pull-right {
	  margin-left: 40px;
	}

	/* Thin out the marketing headings */
	.featurette-heading {
	font-family: 'Cabin Condensed', sans-serif;
	  font-size: 44px;
	  font-weight: 500;
	  line-height: 1;
	  letter-spacing: -1px;
	}
	
	.featurette-heading.customers {
	font-weight: bold;
	}

#location { margin: 30px auto; padding: 0; }
#location .featurette-heading { text-align: center; font-weight: bold; }
#location .span8 { margin: 0; }
#location iframe { width: 100%; border: 0; margin: 0; height: 350px; }

.modal, .modal .btn { font-family: 'Cabin Condensed', sans-serif; }
.modal-header, .modal-footer { background: #ffffff url('../img/subtlenet2.png'); }


/* /// Media Queries /// */

/* Portrait tablet to landscape and desktop */

.video {
  margin: 20px 40px 0 0;
  width: 80%;
  float: left;
  clear: right;
}

.brand {
  padding-left:20px!important;
}

@media (max-width: 1199px) {
  .nav li {
    font-size: 15px;
  }
}

@media (min-width: 1024px) {
  .video {width:40%;}    
  
}

@media (max-width: 1024px) {
  .navbar .nav > li > a {padding: 10px 10px 10px;}
  h1 {font-size: 26px;}
}

@media (max-width: 979px) {
  .navbar-inverse .nav-collapse .nav > li > a, .navbar-inverse .nav-collapse .dropdown-menu a { color: #fff; }
  h1 {font-size: 32px;} 
}
 

@media (max-width: 979px) {
  .hero-unit { height: 140px; }
  .featurette p {font-size: 16px;}
  .featurette-heading {font-size: 36px;}
}

@media (max-width: 767px) {
  body {
    background-position-y: 106px;
  }
  .hero-unit { height: 160px; }
  .featurette-image.pull-left {
    margin-left: 20%;    
    margin-right: 20%;
  }
  .featurette-image.pull-right {
    margin-left: 20%;    
    margin-right: 20%;
  }
}

@media (max-width: 640px) {  
  .featurette-image.pull-left {
    margin-left: 15%;    
    margin-right: 15%;
  }
  .featurette-image.pull-right {
    margin-left: 15%;    
    margin-right: 15%;
  }
}

@media (max-width: 580px) {  
  .featurette-image.pull-left {
    margin-left: 10%;    
    margin-right: 10%;
  }
  .featurette-image.pull-right {
    margin-left: 10%; 
    margin-right: 10%;
  }
}

@media (max-width: 500px) {  
  .featurette-image.pull-left {
    margin-left: 0%;    
    margin-right: 0%;
  }
  .featurette-image.pull-right {
    margin-left: 0%; 
    margin-right: 0%;
  }
  h1 {font-size: 24px;
}