/*
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.2.0
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 Contentog
	3.6 Sidebar
	3.7 Footer
	3.8 Custom
	3.9 WooCommerce
	3.9.5 Blog

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: 970 !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
--------------------------------------------------------------*/
/* this removes the anchor tags around images and text when printing a webpage */
@media print {
	a[href]:after {
		content: "";
	}
}

/*--------------------------------------------------------------
3.1 Typography
--------------------------------------------------------------*/
body {
	color: #676767;
	font-family: 'Open Sans', sans-serif;
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: 32px;
	text-rendering: optimizeLegibility;
}

h1,
.h1,
h2,
h3,
h4 {
	color: #0f3263; 
}

h1, 
.h1,
h2, 
h3 {
	font-family: 'Open Sans Condensed', sans-serif;
	font-weight: 700;
}

h1,
.h1{
	font-size: 48px;
	line-height: 49px;
}

h2 {
	font-size: 36px;
	line-height: 34px;
}

h3 {
	font-size: 22px;
	line-height: 30px;
}

h4 {
	font-size: 20px;
	line-height: 26px;
}

p {
	margin-bottom: 20px;
}

a,
a:hover, 
a:visited,
a:focus {
	color: #bd3039;	
}

/*this hides the dotted border that appears on menu items when active */
a:focus {
	outline: none;
}

a.button,
.btn-primary,
.btn-primary:visited {
	background: #0f3263; /*blue*/
	border: 2px solid #fff;
	border-radius: 8px;
	color: #fff;
	display: inline-block;
	margin: 0;
	padding: 5px 25px;
}

.btn-primary a {
	color: #fff;
}

a.button:hover,
.btn-primary:hover,
.btn-primary:focus {
	background: #0b274f;
	border: 2px solid #fff;
	color: #fff;
	text-decoration: none;
}

/*Ultimate Member Plugin pages button color */
.entry-content .um input[type="submit"].um-button, 
.entry-content .um input[type="submit"].um-button:focus, 
.entry-content .um a.um-button, 
.entry-content .um a.um-button.um-disabled:hover, 
.entry-content .um a.um-button.um-disabled:focus, 
.entry-content .um a.um-button.um-disabled:active {
	background: #0b274f;
}

.entry-content .um input[type="submit"].um-button:hover, 
.entry-content .um a.um-button:hover {
	background-color: #bd3039;
}

.btn-secondary,
.btn-secondary:visited {
	background: #bd3039;/*red*/
	border: 0;
	border-radius: 8px;
	color: #fff;
	display: inline-block;
	margin: 15px 0;
	padding: 8px 55px;
}

.btn-secondary:hover,
.btn-secondary:focus {
	background: #951e26;/*darker-red*/
	color: #fff;
	text-decoration: none;
}


ul {
	padding-left: 20px;
}

/*--------------------------------------------------------------
3.2 Background
--------------------------------------------------------------*/
body,
.site-header,
.site-content,
#site-navigation {
	background: #fff;
}

.site-header {
	background: #bd3039; /*red*/
	position: relative;
	z-index: 2;
}

.blue-bg {
	background: #0f3263;
	font-size: 22px;
	margin: 20px -15px 35px;
	padding: 35px 10px;
	text-align: center;
}

.blue-bg a {
	font-size: 18px;
}

.blue-bg,
.blue-bg h2, 
.blue-bg h3 {
	color: #fff;
}

.blue-bg h2 {
	font-size: 50px;
}

.blue-bg h3 {
	font-family: 'Open Sans', sans-serif;
	font-size: 35px;
	font-weight: 400;
}

.site-footer {
	background: #bd3039; /*red*/
}

.attribution {
	background: #0f3263; /*blue*/
	padding: 10px;
}

/*--------------------------------------------------------------
3.3 Header
--------------------------------------------------------------*/
#logo,
.login-button,
.donate-button {
	text-align: center;
}

#logo {
	margin-bottom: 10px;
	margin-top: 10px;
}

/* sm */
@media (min-width: 768px) {
	#logo {
		text-align: left;
	}
	
	.login-button,
	.donate-button {
		text-align: right;
	}
}

/*--------------------------------------------------------------
3.4 Navigation
--------------------------------------------------------------*/
/* Primary nav */
.navbar {
	border: none;
	border-radius: 0;
	min-height: 30px;
}

.navbar-default {
	margin-bottom: 0;
}

/* before flexbox nav */
.navbar-default .navbar-nav {
	margin-left: -15px;
}
.navbar-default .navbar-nav > li > a {
	color: #162b75;
	font-family: 'Average Sans', sans-serif;
	padding: 10px 15px;
	text-transform: uppercase;
}

.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus,
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus,
.navbar-default .navbar-nav > .open > a, 
.navbar-default .navbar-nav > .open > a:hover, 
.navbar-default .navbar-nav > .open > a:focus {
	background-color: #162b75;
	color: #fff;
	text-decoration: none;
}

.navbar-nav .sub-arrow, 
.navbar-nav .collapsible .sub-arrow {
	margin-left: 1px;
}

/* Secondary nav */
#secondary-nav .nav > li > a,
#secondary-nav .nav > li > a:hover,
#secondary-nav .nav > li > a:focus,
#secondary-nav .nav > li.active > a,
#secondary-nav .nav > li.active > a:hover,
#secondary-nav .nav > li.active > a:focus {
	background: transparent;
	text-transform: uppercase;
}

#secondary-nav .nav > li > a {
	color: #fff;
	font-family: 'Average Sans', sans-serif;
	padding: 0;
}

#secondary-nav .nav > li > a:hover,
#secondary-nav .nav > li > a:focus,
#secondary-nav .nav > li.active > a,
#secondary-nav .nav > li.active > a:hover,
#secondary-nav .nav > li.active > a:focus {
	color: #fff;
}

.nav-pills > li {
	float: none;
	text-align: center;
}

/* sm */
@media (min-width: 768px) {
	.navbar-default .navbar-nav > li > a {
		font-size: 15px;
		padding: 8px 13px;
	}
	
	.nav-pills > li {
		text-align: left;
	}
}

/* md */
@media (min-width: 992px) {
	.navbar-default .navbar-nav > li > a {
		font-size: 18px;
		padding: 10px 20px;
	}
	
	/*makes header menu float right*/
	.navbar-default .navbar-nav {
		float: right;
	}

}

/* lg */
@media (min-width: 1200px) {
	.navbar-default .navbar-nav > li > a {
		padding: 10px 30px;
	}
}

/*-------------------------------------------------------------
		Hamburger Menu 
--------------------------------------------------------------*/
/*edit to length you need to remove vertical scroll on mobile view*/
.navbar-collapse {
	max-height: 600px;
}

/* removes grey top border on mobile devices */
.navbar-default .navbar-collapse, 
.navbar-default .navbar-form {
	border: 0 none;
}

/*styles for "Main Menu" text*/
.navbar-default .navbar-brand,
.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
	color: #bd3039;
}

.navbar-default .navbar-brand:hover {
	text-decoration: underline;
}

.navbar-default .navbar-brand:focus {
	text-decoration: none;
}

/*styles for hamburger toggle */
.navbar-default .navbar-toggle {
	background-color: #fff;
	background-image: none;
	border: 1px solid #bd3039;
	border-radius: 4px;
	float: right;
	margin-bottom: 8px;
	margin-right: 15px;
	margin-top: 8px;
	padding: 9px 10px;
	position: relative;
}

.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
	background-color: #bd3039;
	border-color: #fff;
}

.navbar-default .navbar-toggle .icon-bar {
	background-color: #bd3039;
	border-radius: 1px;
	display: block;
	height: 2px;
	width: 22px;
}

.navbar-default .navbar-toggle:hover .icon-bar, 
.navbar-default .navbar-toggle:focus .icon-bar {
	background-color: #fff;
}

/* ------------------------------------------------------
                          Drop down menu
-------------------------------------------------------- */
.dropdown-menu {
	background-color: #fff;
	min-width: 160px;
}

.dropdown-menu > li > a {
	clear: both;
	color: #162b75;
	display: block;
	font-weight: 400;
	line-height: 1.25em;
	padding: 3px 20px;
}

.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
	background-color: #fff;
	color: #bd3039;
	text-decoration: none;
}

/* Need below three rules to make dropdown styles work on mobile devices */
.navbar-default .navbar-nav .open .dropdown-menu > li > a {
	color: #162b75;
}

.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
.navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
	color: #bd3039;
}

.navbar-default .navbar-nav .open .dropdown-menu > .active > a, 
.navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover, 
.navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
	background-color: #bd3039;
	color: #fff;
}

/*This allows you to set the background color for the active sub-menu item when you mouse off it to click on it's sub-menu item*/
.nav .open > a,
.nav .open > a:hover,
.nav .open > a:focus {
	background-color: #bd3039;
	border-color: #bd3039;
}

.site-header .caret {
	display: none;
}

/*--------------------------------------------------------------
3.5 Content
--------------------------------------------------------------*/
.page-id-21 .entry-title {/*General Information Page*/
		display: none;
}

.entry-content {
	padding-bottom: 25px;
}

.entry-content li {
	margin-bottom: 5px;
}

/*--------------------------------------------------------------
3.6 Sidebar
--------------------------------------------------------------*/

/*--------------------------------------------------------------
3.7 Footer
--------------------------------------------------------------*/
.attribution,
.footer-logo,
.footer-menu,
.footer-social,
.footer-register,
.footer-donate {
	margin-top: 10px;
	text-align: center;
}

.attribution p,
.attribution a {
	color: #fff;
	font-size: 13px;
	line-height: 16px;
}

.attribution p {
	margin-bottom: 0;
}

/* sm */
@media (min-width: 768px) {
	
}

/* md */
@media (min-width: 992px) {
	
	/* Sticky footer - @link http: //mystrd.at/modern-clean-css-sticky-footer/ */
	html {
		min-height: 100%;
		position: relative;
	}
	
	body {
		margin: 0 0 248px; /* = .site-footer height */
	}
	
	.site-footer {
		bottom: 0;
		height: 248px; /* = body margin-bottom */
		left: 0;
		position: absolute; /* replace with position: fixed; to keep footer fixed to bottom of browser - see footer file too! */
		width: 100%;
	}
}

/* lg */
@media (min-width: 1200px) {
	
}

/*--------------------------------------------------------------
3.8 Custom
--------------------------------------------------------------*/
.leaderboard-image img {
	margin-bottom: 0;
	width: 100%;
}

.edit-link {
	display: none;
}

.mbt-30 {
	margin-bottom: 30px;
	margin-top: 30px;
}

iframe {
	border: 0;
}

/* Back to top button - next 3 rules*/
.topbutton {
    background: #fff;
	border: 1px solid #bd3039;
	border-radius: 5px;
    bottom: 10px;
	color: #bd3039;
    display: none;
	font-size: 33px;
	height: 40px;
    position: fixed;
    right: 5px;
    width: 40px;
    z-index: 1;
}

.topbutton:hover {
    background: #bd3039;
	border: 1px solid #bd3039;
	color: #fff;
}

.fa-angle-up {
	padding: 0 8px;
}

/* Back to top button - next 4 rules*/
.topbutton {
    background: #fff;
	border-radius: 5px;
    bottom: 10px;
	color: #bd3039;
    display: none;
	font-size: 33px;
    position: fixed;
    right: 5px;
    z-index: 1;
}

.topbutton:hover {
    background: #bd3039;
	color: #fff;
}

.topbutton i {
	color: #bd3039;
	padding: 0 8px 4px;
}

.topbutton:hover i {
	color: #fff;
}

.fa-border {
	border: 1px solid #162b75;
	border-radius: 5px;
	padding: 0.2em 0.25em 0.15em;
}

.footer-social .fa-facebook-square {
	color: #fff;
	font-size: 42px;
}

.footer-logo {
	margin: 15px;
}

.header-donate,
.header-register,
.footer-donate,
.footer-register {
	text-align: center;
	margin: 5px 0;
}

.metaslider {
	border-bottom: 1px solid #bd3039;
	margin-bottom: 0;
}

.leaderboard-image {
	border-bottom: 1px solid #bd3039; 
	margin-bottom: 0;
}

#primary {
	border-top: 50px solid #162b75;
}

#main {
	border-top: 1px solid #bd3039;
}
	
.chairs-section {
	background: url(images/chairs-bg.jpg) no-repeat right center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	padding: 5px;
}

.feedback-section {
	background: url(images/feedback-bg.jpg) no-repeat left center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	padding: 5px;
}

.feedback-section h2 {
	font-size: 36px;
}

.red {
	color: #bd3039;
	font-style: italic;
	font-weight: 700;
}

.wp-image-11 {
	margin-right: 15px;
}

/* General Information Page Tabs */
.nav-tabs > li.active > a, 
.nav-tabs > li.active > a:hover, 
.nav-tabs > li.active > a:focus {
	background-color: #0f3263;
	color: #fff;
	cursor: default;
	border: 1px solid #ddd;
	border-bottom-color: transparent;
}

.nav-tabs > li > a {
	color: #0f3263;
	margin-right: 2px;
	line-height: 1.42857143;
	border: 1px solid #ababab;
	border-radius: 1px 1px 0 0;
	padding: 10px 15px;
}

.tab-content {
	padding-top: 25px;
}

/* Hides Nivo Slider caption on cell phones */
.metaslider .theme-default .nivoSlider > .nivo-caption {
	background-color: rgba(255, 255, 255, 0.0);
	display: none !important;
	left: 0;
	opacity: 1.0;
	padding: 5px 10px;
	position: absolute;
	text-align: center;
	top: 35%;
	width: 100%;
}

.metaslider .theme-default .nivo-caption {
	font-family: 'Open Sans', sans-serif;
	padding: 8px 55px;
}

.theme-default .nivo-caption div {
	margin: 30px 0;
}


.metaslider .theme-default .nivo-caption a.btn-secondary {
	background: #bd3039;/*red*/
	border: 0;
	border-radius: 8px;
	color: #fff;
	display: inline-block;
}

.metaslider .theme-default .nivo-caption a.btn-secondary:hover {
	background: #951e26;/*darker-red*/
}

.metaslider .theme-default .nivoSlider > .nivo-caption h2,
.metaslider .theme-default .nivoSlider > .nivo-caption h3 {
	color: #fff;
	text-shadow: 1px 1px 1px #000;
}

.metaslider .theme-default .nivoSlider > .nivo-caption h2 {
	font-size: 36px;
	font-weight: 700;
	line-height: 45px;
}

.metaslider .theme-default .nivoSlider > .nivo-caption h3 {
	font-family: 'Open Sans', sans-serif;
	font-size: 30px;
	font-weight: 500;
	line-height: 40px;
}

/* sm */
@media (min-width: 768px) {	
	/* Display Nivo Slider caption on sm/md/lg devices */
	.metaslider .theme-default .nivoSlider > .nivo-caption {
		display: block !important;
	}
	
	.chairs-section {
		padding: 50px;
	}
	
	.chairs-section .extra-space {
		padding-left: 30px;
	}

	.feedback-section {
		padding: 50px;
	}
	
	.nav-tabs > li > a {
		padding: 10px 11px;
	}
	
	.footer-donate {
		margin-right: 15px;
	}
	
	.footer-donate,
	.footer-register {
		float: left;
		margin-top: 15px;
		text-align: left;
	}
	
	.header-donate,
	.header-register {
		float: right;
		margin: 20px 15px;
		text-align: right;
	}
	
}

/* md */
@media (min-width: 992px) {
	.metaslider .theme-default .nivoSlider > .nivo-caption h2 {
		font-size: 60px;
		line-height: 65px;
	}

	.metaslider .theme-default .nivoSlider > .nivo-caption h3 {
		font-size: 40px;
		line-height: 50px;
	}
	
	.nav-tabs > li > a {
		padding: 10px 38px;
	}
}

/* lg */
@media (min-width: 1200px) {
	.nav-tabs > li > a {
		padding: 10px 63px;
	}
}

/*-------------------------------------------------------
Ninja Form 3.0.5
--------------------------------------------------------*/
.nf-form-title {
	display: none;
}

.nf-form-fields-required {
	margin-bottom: 15px;
}

.field-wrap .nf-field-label label,
.list-radio-wrap .nf-field-element li label, 
.list-checkbox-wrap .nf-field-element li label {
	font-weight: 300;
}

.field-wrap input[type="submit"], 
.field-wrap input[type="button"], 
.field-wrap button {
	background: #bd3039;
	border-radius: 3px;
	color: #fff;
	padding: 3px 15px;
}

.field-wrap:hover input[type="submit"], 
.field-wrap:hover input[type="button"], 
.field-wrap:hover button {
	background: #bd3039;
	color: #000;
}

.textarea-wrap textarea {
	max-height: 130px;
}