/*
Theme Name: Your Web Layout
Theme URI: http://yourweblayout.com/
Author: Design Services
Author URI: http://yourweblayout.com/
Description: This site was built by Design Services. If you have any questions, please contact <a href="mailto:updates@yourweblayout.com">updates@yourweblayout.com</a>
Version: 1.1.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: responsive-layout

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.

Your Web Layout is based on Underscores http://underscores.me/, (C) 2012-2014 Automattic, Inc.
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
1.0 Bootstrap
	1.1 Adjustments

2.0	Underscores
	2.1 Elements
	2.2 Accessibility
	2.3 Alignments
	2.4 Clearings

3.0 Your Web Layout
	3.1 Typography
	3.2 Background
	3.3 Header
	3.4 Navigation
	3.5 Content
	3.6 Sidebar
	3.7 Footer
	3.8 Custom

4.0 Media Queries
	4.1 xs
	4.2 sm
	4.3 md
	4.4 lg
--------------------------------------------------------------*/

/*--------------------------------------------------------------
1.0 Bootstrap
--------------------------------------------------------------*/

/*--------------------------------------------------------------
1.1 Adjustments
--------------------------------------------------------------*/
/* If they insist, disable responsiveness thusly
 * @link http://getbootstrap.com/getting-started/#disable-responsive
 *
 * 1. Replace all col classes (col-lg, col-md, col-sm) with col-xs
 * 2. Remove all navbar collapsing and expanding behavior
 * 3. Uncomment css below to override container width
 */

/*
.container {
	width: 970px !important;
}
@media (min-width: 768px) {
	.container {
		width: 970px;
	}
}
@media (min-width: 992px) {
	.container {
		width: 970px;
	}
}
@media (min-width: 1200px) {
	.container {
		width: 970px;
	}
}
*/

/*--------------------------------------------------------------
2.0	Underscores
--------------------------------------------------------------*/

/*--------------------------------------------------------------
2.1 Elements
--------------------------------------------------------------*/
img {
	height: auto; /* Make sure images are scaled correctly */
	max-width: 100%; /* Adhere to container width */
}

/* Make sure elements fit their containers */
embed,
iframe,
object,
.wp-caption,
.widget select {
	max-width: 100%;
}

/* Required by WordPress theme check */
.sticky,
.bypostauthor,
.gallery-caption,
.wp-caption-text {
}

/*--------------------------------------------------------------
2.2 Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
}

.screen-reader-text:hover,
.screen-reader-text:active,
.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar */
}

/*--------------------------------------------------------------
2.3 Alignments
--------------------------------------------------------------*/
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}
.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}
.aligncenter {
	clear: both;
	display: block;
	margin: 0 auto;
}

/*--------------------------------------------------------------
2.4 Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
	content: '';
	display: table;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
	clear: both;
}

/*--------------------------------------------------------------
3.0 Your Web Layout
--------------------------------------------------------------*/

/*--------------------------------------------------------------
3.1 Typography
--------------------------------------------------------------*/
@font-face {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 400;
	src: local('Open Sans'), local('OpenSans'), url(http://themes.googleusercontent.com/static/fonts/opensans/v8/cJZKeOuBrn4kERxqtaUH3T8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');
}

body {
	font-family: 'PT Sans Narrow', sans-serif;
	font-style: normal;
	font-weight: 400;
	text-rendering: optimizeLegibility;
	line-height:28px;
}
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5 {

}
h1, .h1
{
	font-family: 'Alegreya SC', serif;
	color:#fff38a;
	font-size:36px;
	text-align:center;
	margin:30px 0 40px;
}

h2, .h2
{
	font-family: 'Alegreya SC', serif;
	color:#fff38a;
	font-size:26px;
	text-align:center;
}

p {

}
a {
	color:#fff38a;
	text-decoration:underline;
}
a:hover {
	color:#fff38a;
	text-decoration:none;
}
/*--------------------------------------------------------------
3.2 Background
--------------------------------------------------------------*/
body {
	background:url(images/bg-pattern.jpg);
	background-repeat:repeat;
}
.site-header {
	background:none;
}
#site-navigation {
	background: #06302F;
}
.site-content > .container {
	background: none;
}

.site-footer {
	background:none;
}

/*--------------------------------------------------------------
3.3 Header
--------------------------------------------------------------*/
#logo {
	margin-top:40px;
}

/*--------------------------------------------------------------
3.4 Navigation
--------------------------------------------------------------*/
/* Primary nav */
.navbar {
	border: none;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
	min-height:42px;
}
.navbar-default {
	margin-bottom: 0;
}
.navbar-default .navbar-nav {
	margin-left: -15px;
	margin-right:-15px;
}
.navbar-default .navbar-nav > li > a {
    color: #fff;
	font-size:20px;
	font-weight:400;
	padding:15px;
	text-decoration:none;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > .active > a:hover{
	background: #420410;
	color: #fff;
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:focus {
  	background: none;
  	color: #fff;
}

/* Secondary nav */
.nav > li > a {
	color: #333;
}
.nav > li > a:hover,
.nav > li > a:focus {
	background: #555;
	color: #eee;
}
.nav > li.active > a,
.nav > li.active > a:hover,
.nav > li.active > a:focus {
    background: #777;
    color: #fff;
}

/*--------------------------------------------------------------
3.5 Content
--------------------------------------------------------------*/
.entry-header {

}
.entry-content {

}
.entry-footer {

}

/*--------------------------------------------------------------
3.6 Sidebar
--------------------------------------------------------------*/
.widget-area {

}
.widget-title {

}

/*--------------------------------------------------------------
3.7 Footer
--------------------------------------------------------------*/
.attribution {
	text-align:center;
	color:#4c4c4c;
	font-size:12px;
	padding-top:10px;
	
}

/*--------------------------------------------------------------
3.8 Custom
--------------------------------------------------------------*/
.edit-link
{
	display:none;
}
.nav-wrapper
{
	background:#061F1E;
	border-top:#061E1D solid 1px;
	border-bottom:#061E1D solid 1px;
	margin-bottom:20px;
}
.header-hours
{
	background:#420410;
	-webkit-box-shadow: 0px 3px 2px 0px rgba(0, 0, 0, 0.55);
	-moz-box-shadow:    0px 3px 2px 0px rgba(0, 0, 0, 0.55);
	box-shadow:         0px 3px 2px 0px rgba(0, 0, 0, 0.55);
	color:#faf1ae;
	font-size:20px;
	font-family: 'PT Serif', serif;
	display:inline-block;
	text-align:center;
	font-style:italic;
	padding:5px 10px;
	margin:10px auto;
	width:100%;
}
.large-font
{
	font-size:24px;
}
.leader
{
	margin-bottom:15px;
}
.tagline
{
	background:#1A0408;
	-webkit-box-shadow: 0px 3px 2px 0px rgba(0, 0, 0, 0.55);
	-moz-box-shadow:    0px 3px 2px 0px rgba(0, 0, 0, 0.55);
	box-shadow:         0px 3px 2px 0px rgba(0, 0, 0, 0.55);
	font-family: 'PT Serif', serif;
	color:#fbffdf;
	font-size:32px;
	line-height:34px;
	text-align:center;
	padding:20px 20px;		
}
.page-id-5 h1
{
	display:none;
}
.box1
{
	background:url(images/home-box-1.png);
	background-repeat:no-repeat;
	background-size:cover;
	margin:15px auto 55px;
	max-width:360px;
	padding:15px 12px;
	border:1px solid #063230;
}
.box2
{
	background:url(images/home-box-2.png);
	background-repeat:no-repeat;
	background-size:cover;
	margin:15px auto 55px;
	max-width:360px;
	padding:15px 12px;
	border:1px solid #430D17;
}
.box3
{
	background:url(images/home-box-3.png);
	background-repeat:no-repeat;
	background-size:cover;
	margin:15px auto 55px;
	max-width:360px;
	padding:15px 12px;
	border:1px solid #0A403E;
}
.box1 ul , .box2 ul, .box3 ul
{
	color:#fbffdf;
	font-size:22px;
    -moz-padding-start: 15px;
	padding-left:15px;
	line-height:36px;
	list-style:none;
}
.box1 li:before, .box2 li:before, .box3 li:before
{
	content:url(images/bullet.png);
	margin-left:-15px;
}
.box1 img, .box2 img, .box3 img
{
	border:1px solid #B5B5B5;
	-webkit-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.75);
	-moz-box-shadow:    0px 1px 1px 0px rgba(0, 0, 0, 0.75);
	box-shadow:         0px 1px 1px 0px rgba(0, 0, 0, 0.75);
}
.box1, .box2, .box3
{
  position: relative;
  text-align:center;
}
.box1 a, .box2 a, .box3 a
{
	color:#fbffdf;
}
.box1:before, .box1:after, .box2:before, .box2:after, .box3:before, .box3:after
{
  z-index: -1;
  position: absolute;
  content: "";
  bottom: 10px;
  left: 5px;
  width: 50%;
  top: 80%;
  max-width:300px;
  background: none;
  -webkit-box-shadow: 0 20px 7px #000;
  -moz-box-shadow: 0 20px 7px #000;
  box-shadow: 0 20px 7px #000;
  -webkit-transform: rotate(-4deg);
  -moz-transform: rotate(-4deg);
  -o-transform: rotate(-4deg);
  -ms-transform: rotate(-4deg);
  transform: rotate(-4deg);
}
.box1:after, .box2:after, .box3:after
{
  -webkit-transform: rotate(4deg);
  -moz-transform: rotate(4deg);
  -o-transform: rotate(4deg);
  -ms-transform: rotate(4deg);
  transform: rotate(4deg);
  right: 5px;
  left: auto;
}
.footer-top
{
	text-align:center;
	background:#320911 !important;
	color:#fbffdf;
	font-size:20px;
	font-family: 'PT Sans', sans-serif;
	line-height:26px;
	padding:0 0 15px;
}
.footer-top img
{
	margin-top:15px;
}
.footer-top h2
{
	margin:5px 0 10px;
	padding:0;
}
.footer-top img:hover
{
	opacity:.8;
}
.footer-bottom
{
	background:#1B0308;
	color:#fbffdf;
	font-size:14px;
	line-height:18px;
	font-family: 'PT Sans', sans-serif;
	padding:10px 0 0;
}
.sens-sea, .va-green
{
	margin-bottom:20px;
}
.sens-sea img, .va-green img
{
	float:right;
}
.inner-content{
	-webkit-box-shadow: 0px 3px 2px 0px rgba(0, 0, 0, 0.55);
	-moz-box-shadow:    0px 3px 2px 0px rgba(0, 0, 0, 0.55);
	box-shadow:         0px 3px 2px 0px rgba(0, 0, 0, 0.55);
	color:#fbffdf;
	font-family: 'PT Sans Narrow', sans-serif;
	font-size:18px;
	margin-bottom:20px;
	padding:10px 50px 30px;
	background:#1B0308;
}
.inner-content img
{
	border:1px solid #b5b5b5;
}
.inner-content form, .inner-content table
{
	margin:10px auto;
	text-align:center;
}
.inner-content input
{
	color:#000;
}
.page-id-23
{
	text-align:center;
}
.gform_wrapper .gform_footer input.button, .gform_wrapper .gform_footer input[type="submit"]
{
	background:#320911;
	border:2px solid #fbffdf;
	padding:5px 10px;
	color:#fbffdf;
	font-size:18px !important;
	font-weight:400;
}
.gform_wrapper input[type="text"], .gform_wrapper input[type="url"], .gform_wrapper input[type="email"], .gform_wrapper input[type="tel"], .gform_wrapper input[type="number"], .gform_wrapper input[type="password"]
{
	color:#000;
	font-size:16px !important;
}
.gform_wrapper textarea
{
	color:#000;
	font-size:16px !important;
}

.font-24
{
	font-size:24px;
}
.underline
{
	text-decoration:underline;
}
.about-our-menu h3, .about-our-menu h3 a
{
	color:#fff !important;
	font-family: 'Alegreya SC', serif;
	text-align:center;
}
/*--------------------------------------------------------------
4.0 Media Queries
--------------------------------------------------------------*/

/*--------------------------------------------------------------
4.1 xs
--------------------------------------------------------------*/
/* Extra Small - phones */




/*--------------------------------------------------------------
4.2 sm
--------------------------------------------------------------*/
@media (min-width: 768px) {
	/* Small - tablets */
	.navbar-default .navbar-nav > li > a {
		font-size:16px;
		padding: 12px 8px;
		border-right:1px solid #061F1E;
		border-left: 1px solid #093837;
	}
	.navbar-default .navbar-nav > li:first-child > a {
		border-left:none;
		padding:12px 6px;
	}
	.navbar-default .navbar-nav > li:last-child > a {
		border-right:none;
		padding:12px 6px;
	}
	.navbar
	{
		-webkit-box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.75);
		-moz-box-shadow:    0px 3px 5px 0px rgba(0, 0, 0, 0.75);
		box-shadow:         0px 3px 5px 0px rgba(0, 0, 0, 0.75);
	}
	.tagline
	{
		background:#1A0408;
		-webkit-box-shadow: 0px 3px 2px 0px rgba(0, 0, 0, 0.55);
		-moz-box-shadow:    0px 3px 2px 0px rgba(0, 0, 0, 0.55);
		box-shadow:         0px 3px 2px 0px rgba(0, 0, 0, 0.55);
		font-family: 'PT Serif', serif;
		color:#fbffdf;
		font-size:32px;
		text-align:center;
		padding:20px 70px;		
	}

}

/*--------------------------------------------------------------
4.3 md
--------------------------------------------------------------*/
@media (min-width: 992px) {
	/* Medium - desktops */
	
	/* Sticky footer
	 * @link http://mystrd.at/modern-clean-css-sticky-footer/
	 */
	html {
    	position: relative;
    	min-height: 100%;
	}
	body {
    	margin: 0 0 340px; /* = .site-footer height */
	}
	.site-footer {
    	position: absolute;
    	left: 0;
    	bottom: 0;
    	width: 100%;
    	height: 340px; /* = body margin-bottom */
	}
	.header-hours
	{
		float:right;
		margin:20px 0;
		width:auto;
		text-align:right;
	}
	.navbar-default .navbar-nav > li > a {
		font-size:20px;
		padding: 12px 11px;
		border-right:1px solid #061F1E;
		border-left: 1px solid #093837;
	}
	.navbar-default .navbar-nav > li:first-child > a {
		border-left:none;
		padding:12px 13px 12px 14px;
	}
	.navbar-default .navbar-nav > li:last-child > a {
		border-right:none;
		padding:12px 12px;
	}
	.box1, .box2, .box3
	{
		text-align:left;
	}
	.sens-sea, .va-green
	{
		margin-bottom:0;
	}
	
}

/*--------------------------------------------------------------
4.4 lg
--------------------------------------------------------------*/
@media (min-width: 1200px) {
	/* Large - desktops */
	.navbar-default .navbar-nav > li > a {
		padding: 12px 21px;
	}
	.navbar-default .navbar-nav > li:first-child > a {
		padding:12px 24px 12px 25px;
	}
	.navbar-default .navbar-nav > li:last-child > a {
		padding:12px 21px;
	}

}


}