/*
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: 'Droid Sans', sans-serif;
	font-style: normal;
	font-weight: 400;
	text-rendering: optimizeLegibility;
}
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5 {

}
h1, .h1
{
	font-size:28px;
	text-transform:uppercase;
	margin:40px 0 20px;
}
h2, .h2
{
	color:#036fb8;
	font-family: 'Oswald', sans-serif;
	font-size:18px;
	font-weight:400;
}
p {

}
a {
	color:#4c4c4c;
}
a:hover
{
	color:#167ABC;
	text-decoration:none;
}
/*--------------------------------------------------------------
3.2 Background
--------------------------------------------------------------*/
body {
	background: #fff;
}
.site-header {
	background:url(images/bg-pattern.png);
}
#site-navigation {
	background:none;
}
.site-content > .container {
	background:none;
}
.site-footer {
	background:url(images/bg-pattern.png);
	border-top:#4193C6 4px solid;
}

/*--------------------------------------------------------------
3.3 Header
--------------------------------------------------------------*/
#logo {
	padding:25px 0 15px;
	text-align:center;
}

/*--------------------------------------------------------------
3.4 Navigation
--------------------------------------------------------------*/
/* Primary nav */
.navbar {
	border: none;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
}
.navbar-default {
	margin-bottom: 0;
}
.navbar-default .navbar-nav {
	margin-left: -15px;
}
.navbar-default .navbar-nav > li > a {
    color: #fff;
    padding: 2px 10px;
	font-family: 'Oswald', sans-serif;
	font-size:14px;
	text-transform:uppercase;
	font-weight:400;
	border:none;
}
.navbar-default .navbar-nav > li:last-child > a {
	margin-right:0;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
	color: #ccc;
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
  	color: #fff;
	background:rgba(255,255,255,.2);
}

.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus
{
	background:none;
	color:#fff;
}
.dropdown-menu
{
	background:rgba(48,47,47,.95);
	box-shadow:none;
	border-radius:0px;
}
.dropdown-menu > li > a
{
	color:#fff;
	font-family: 'Oswald', sans-serif;
}
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus
{
	background:rgba(255,255,255,.1);
	color:#fff;
}
.navbar-default .navbar-nav .open .dropdown-menu > li > a, .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover
{
	color:#fff;
}

/* Secondary nav */
.nav > li > a {
	color: #0470b8;
	font-size:14px;
	text-transform:uppercase;
	font-family: 'Oswald', sans-serif;
	border-right:#949494 2px solid;
	padding:0 16px;
}
.nav > li:first-child > a {
}
.nav > li:last-child > a {
	border-right:none;
	padding-right:0;
}
.nav > li > a:hover,
.nav > li > a:focus {
	background:none;
	color: #0470b8;
	opacity:.8;
}
.nav > li.active > a,
.nav > li.active > a:hover,
.nav > li.active > a:focus {
    background:none;
    color: #0470b8;
}
/*********xs nav *************/
.navbar-default .navbar-toggle
{
	border:2px solid #fff;
}
.navbar-default .navbar-toggle .icon-bar
{
	background-color:#fff;
}

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

}
.entry-content {

}
.entry-footer {

}

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

}
.widget-title {
	color: #036fb8;
    font-family: "Oswald",sans-serif;
    font-size: 16px;
    font-weight: 400;
}

/*--------------------------------------------------------------
3.7 Footer
--------------------------------------------------------------*/
.attribution {
	text-align:center;
	color:#333333;
	font-size:13px;
}

/*--------------------------------------------------------------
3.8 Custom
--------------------------------------------------------------*/
#nav-wrap
{
	background: rgb(179,179,179); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(179,179,179,1) 0%, rgba(41,41,40,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(179,179,179,1)), color-stop(100%,rgba(41,41,40,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(179,179,179,1) 0%,rgba(41,41,40,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(179,179,179,1) 0%,rgba(41,41,40,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(179,179,179,1) 0%,rgba(41,41,40,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(179,179,179,1) 0%,rgba(41,41,40,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b3b3b3', endColorstr='#292928',GradientType=0 ); /* IE6-9 */
	-webkit-box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.25);
	-moz-box-shadow:    0px 3px 3px 0px rgba(0, 0, 0, 0.25);
	box-shadow:         0px 3px 3px 0px rgba(0, 0, 0, 0.25);
}
#header-contact
{
	text-align:center;
	font-size:16px;
	color:#4c4c4c;
}
#header-contact img
{
	margin:5px 0 5px 10px;
}
#header-contact img:hover
{
	opacity:.7;
}
#leaderboard
{
	margin-top:20px;
	margin-bottom:40px;
}

#content #metaslider_32
{
	background:#fff;
	border:2px solid #e8e8e8;
	border-radius:0px;

}
#content .metaslider .caption-wrap
{
	display:none;
}
#quote-wrap
{
	background:url(images/bg-pattern.png);
	-webkit-box-shadow: 0px 4px 3px 0px rgba(0, 0, 0, 0.25);
	-moz-box-shadow:    0px 4px 3px 0px rgba(0, 0, 0, 0.25);
	box-shadow:         0px 4px 3px 0px rgba(0, 0, 0, 0.25);
	margin-bottom:30px;
}
#quote
{
	text-align:center;
	font-family: 'Droid Serif', serif;
	font-weight:400;
	font-style:italic;
	font-size:16px;
	line-height:33px;
	color:#333333;
	padding:20px 20px;
	text-shadow: 0px 2px 2px rgba(255, 255, 255, 1);
}
.page-id-6 .entry-title, .page-id-8 .entry-title, .page-id-18 .entry-title, .page-id-27 .entry-title, .page-id-113 .entry-title, .page-id-71 .entry-title, .page-id-14 .entry-title, .page-id-96 .entry-title, .page-id-108 .entry-title, .page-id-10 .entry-title, .page-id-16 .entry-title, .page-id-12 .entry-title
{
	display:none;
}
.edit-link
{
	display:none;
}
.home-boxes
{
	border:1px solid #DBEAE9;
	padding:0 10px 10px;
	margin-bottom:20px;
	font-size:13px;
	color:#666666;

}
.box-button
{
	color:#fff;
	padding:2px 0;
	text-align:center;
	width:60%;
	margin:20px auto 10px;
	border-radius:5px;
	border:1px solid #fff;
	background:background: rgb(179,179,179); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(179,179,179,1) 0%, rgba(41,41,40,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(179,179,179,1)), color-stop(100%,rgba(41,41,40,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(179,179,179,1) 0%,rgba(41,41,40,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(179,179,179,1) 0%,rgba(41,41,40,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(179,179,179,1) 0%,rgba(41,41,40,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(179,179,179,1) 0%,rgba(41,41,40,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b3b3b3', endColorstr='#292928',GradientType=0 ); /* IE6-9 */
	-webkit-box-shadow: 0px 1px 2px 0px rgba(101, 107, 107, 0.75);
	-moz-box-shadow:    0px 1px 2px 0px rgba(101, 107, 107, 0.75);
	box-shadow:         0px 1px 2px 0px rgba(101, 107, 107, 0.75);
	text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.75);
}
.box-button:hover
{
	-webkit-box-shadow: 0px 2px 4px 0px rgba(101, 107, 107, 1);
	-moz-box-shadow:    0px 2px 4px 0px rgba(101, 107, 107, 1);
	box-shadow:         0px 2px 4px 0px rgba(101, 107, 107, 1);
}
#footer-logo
{
	padding:20px 0;
	text-align:center;
}
#footer-social
{
	text-align:center;
	margin-bottom:20px;
}
#footer-social img
{
	margin:5px 0 5px 10px;
}
#footer-social img:hover
{
	opacity:.7;
}
.entry-title
{
}
.entry-content li
{
	margin-bottom:10px;
}
.posted-on, .byline, .posted-on a, .byline a
{
	color:#167abc;
}
/*--------------------------------------------------------------
4.0 Media Queries
--------------------------------------------------------------*/

/*--------------------------------------------------------------
4.1 xs
--------------------------------------------------------------*/
/* Extra Small - phones */
.page-id-14 #main img
{
	vertical-align:bottom;
	margin-right:10px;
}
.page-id-14 #main ul li
{
	margin-left:40px;
	list-style:none;
}



/*--------------------------------------------------------------
4.2 sm
--------------------------------------------------------------*/
@media (min-width: 768px) {
	/* Small - tablets */
.navbar
{
	min-height:30px;
}
.navbar-default .navbar-nav > li > a {

    padding: 2px 15px;
	margin:3px 5px;
}
#header-contact
{
	text-align:right;
	padding-top:25px;
}
#logo
{
	text-align:left;
}
.caret
{
	display:none;
}
.dropdown-menu > li > a
{
	color:#cccccc;
}
#content .metaslider
{
	position: relative;
}

.metaslider:before, .metaslider:after
{
  z-index: -4;
  position: absolute;
  content: "";
  bottom: 14px;
  left: 10px;
  width: 50%;
  top: 80%;
  max-width:500px;
  background: #777;
  -webkit-box-shadow: 0 15px 4px #777;
  -moz-box-shadow: 0 15px 4px #777;
  box-shadow: 0 15px 4px #777;
  -webkit-transform: rotate(-1deg);
  -moz-transform: rotate(-1deg);
  -o-transform: rotate(-1deg);
  -ms-transform: rotate(-1deg);
  transform: rotate(-1deg);
}
.metaslider:after
{
  -webkit-transform: rotate(1deg);
  -moz-transform: rotate(1deg);
  -o-transform: rotate(1deg);
  -ms-transform: rotate(1deg);
  transform: rotate(1deg);
  right: 10px;
  left: auto;
}
#logo
{
	margin-left:-15px;
}
#header-contact
{
	margin-right:-15px;
}
#footer-navigation
{
	margin-bottom:10px;
}
}
/*--------------------------------------------------------------
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 166px; /* = .site-footer height */
	}
	.site-footer {
    	position: absolute;
    	left: 0;
    	bottom: 0;
    	width: 100%;
    	height: 166px; /* = body margin-bottom */
	}
.navbar-default .navbar-nav > li > a {

    padding: 2px 30px;
	margin:3px 5px;
}
#content .flex-direction-nav a {
    background:url(images/slider-nav-arrows.png);
	background-repeat:no-repeat;
	height:56px;
	width:56px;
	top:47%;
}
#content .flex-direction-nav .flex-next {
    background-position: 100% 0;
}

#content .metaslider .caption-wrap
{
	display:block;
	width:36%;
	right:8%;
	left:auto;
	bottom:17%;
	background:rgba(4,112,184,.8);
	padding:0 10px 10px;
	opacity:1;
}
#content .metaslider .caption-wrap h1
{
	font-size:34px;
	margin-bottom:0;
    margin-top: 10px;
	font-family: 'Oswald', sans-serif;
	font-weight:300;
	text-transform:uppercase;
}
#content .metaslider .caption-wrap hr
{
	border-top:#0470b8 solid 1px;
	border-bottom:#0470b8 solid 1px;
}
#quote
{
	padding:20px 100px;
}
.home-boxes
{
	height:330px;
}
.box-button
{
	position:absolute;
	left:20%;
	bottom:45px;
	margin:auto;
}
#footer-navigation
{
	margin-top:25px;
	float:right;
	margin-right:-15px;
}
#footer-logo
{
	text-align:left;
	margin-left:-15px;
}
#footer-social
{
	text-align:right;
	margin:10px 0 20px;
}

.page-id-14 #main ul li
{
	margin-left:40px;
}
}
/*--------------------------------------------------------------
4.4 lg
--------------------------------------------------------------*/
@media (min-width: 1200px) {
	/* Large - desktops */
.navbar-default .navbar-nav > li > a {

    padding: 2px 30px;
	margin:3px 20px;
}
.home-boxes
{
	height:350px;
}
.nav > li > a {
	padding:0 25px;
}
#content .metaslider .caption-wrap
{
	width:36%;
}

}