/*
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.3.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 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
--------------------------------------------------------------*/
body {
	font-family: "Open Sans", sans-serif;
	font-style: normal;
	font-weight: 400;
	text-rendering: optimizeLegibility;
}
h1, 
.h1, 
h2, 
.h2, 
h3, 
.h3, 
h4, 
.h4, 
h5, 
.h5 {
	color: #111f2c;
}
h1, 
.h1 {
	font-family: "Oswald", sans-serif;
}
h2, 
.h2 {
	font-size: 28px;
	font-weight: 600;
}
h3, 
.h3 {
	font-size: 21px;
	font-weight: 400;
}
.entry-content li,
p {
	color: #030202;
	font-size: 18px;
}
a {
	color: #2a842a;
}
a:hover,
a:focus {
	color: #000;
	transition: .5s;
}
hr {
	border-color: #2a842a;
	border-width: 3px 0 0;
}

/*--------------------------------------------------------------
3.2 Background
--------------------------------------------------------------*/
body {
	background: #fff;
}
.site-header,
.site-content > .container,
#site-navigation,
.site-footer {
	background: transparent;
}
.site-header {
	border-bottom: 2px solid #111f2c;
}
.site-footer {
	background: #000;
}

/*--------------------------------------------------------------
3.3 Header
--------------------------------------------------------------*/
.logo {
	margin: 10px 0;
	text-align: center;
}
.logo img:hover {
	opacity: .7;
	transition: .5s;
}
.header-top {
	background: #111f2c;
	padding: 10px 0;
}
.header-top h3 {
	font-weight: 700;
	margin-bottom: 0;
	margin-top: 0;
}
.header-top h3,
.header-top h3 a {
	color: #fff;
}
.header-top h3 a:hover {
	color: #057004;
	transition: .5s;
}
#site-navigation {
	font-family: "Oswald", sans-serif;
}
#woocommerce_product_search-2 button {
	background: transparent;
	border-bottom: 0;
	border-left: 0;
	border-right: 2px solid #000;
	border-top: 0;
	color: #000;
	font-family: FontAwesome;
}
#woocommerce-product-search-field-0 {
	background: transparent;
	border: 0 none;
}
#woocommerce_product_search-2 {
	background: #fff;
	width: 100%;
}

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

}

/* md */
@media (min-width: 992px) {
	#site-navigation {
		margin-top: 30px;
	}
	.logo {
		text-align: left;
	}
	#woocommerce_product_search-2 {
		width: 100%;
	}
}

/* lg */
@media (min-width: 1200px) {
	#woocommerce_product_search-2 {
		width: 41%;
	}
}

/*--------------------------------------------------------------
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: #111f2c;
	font-size: 18px;
    padding: 15px;
}
.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 {
	background: transparent;
	color: #2a842a;
	transition: .5s;
}
.site-header .caret {
	display: none;
}

/* Dropdown Menu */
.dropdown-menu {
	background-color: #fff;
	border: 0 none;
	border-radius: 0;
	font-size: 18px;
}
.dropdown-menu > li > a,
.navbar-default .navbar-nav .open .dropdown-menu > li > a {
	color: #111f2c;
	font-size: 18px;
}
.dropdown-menu > .active > a, 
.dropdown-menu > .active > a:hover, 
.dropdown-menu > .active > a:focus,
.dropdown-menu > li > a:hover, 
.dropdown-menu > li > a:focus,
.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, 
.navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
    background: transparent;
    color: #2a842a;
	text-decoration: none;
}
.nav .open > a,
.nav .open > a:hover,
.nav .open > a:focus {
    background: transparent;
    color: #2a842a;
	text-decoration: none;
}
.navbar-default .navbar-nav > .open > a, 
.navbar-default .navbar-nav > .open > a:hover, 
.navbar-default .navbar-nav > .open > a:focus {
    background: transparent;
    color: #2a842a;
}

/* sm */
@media (min-width: 768px) {
	.navbar-default .navbar-nav > li > a {
		padding: 15px 16px;
	}
}

/* md */
@media (min-width: 992px) {
	.navbar-default .navbar-nav > li > a {
		font-size: 16px;
		padding: 15px;
	}
	.dropdown-menu {
		font-size: 16px;
	}
	.dropdown-menu > li > a,
	.navbar-default .navbar-nav .open .dropdown-menu > li > a {
		font-size: 16px;
	}
}

/* lg */
@media (min-width: 1200px) {
	.navbar-default .navbar-nav > li > a {
		font-size: 18px;
		padding: 15px 20px;
	}
	.dropdown-menu {
		font-size: 18px;
	}
	.dropdown-menu > li > a,
	.navbar-default .navbar-nav .open .dropdown-menu > li > a {
		font-size: 18px;
	}
}

/*Hamburger Menu*/
.navbar-default .navbar-toggle {
	border-color: #111f2c;
	border-radius: 0;
}
.navbar-default .navbar-toggle .icon-bar {
	background-color: #111f2c;
}
.navbar-default .navbar-toggle:hover, 
.navbar-default .navbar-toggle:focus {
	background-color: #2a842a;
	transition: .5s;
}
.navbar-default .navbar-collapse, 
.navbar-default .navbar-form {
	border-color: #2a842a;
}

/*--------------------------------------------------------------
3.5 Content
--------------------------------------------------------------*/
.entry-header {
	
}
.entry-content {
	padding-bottom: 20px;
}
.entry-content p {
	line-height: 33px;
}
.entry-footer {

}
.page .entry-title {
	display: none;
}
/*.product .entry-title {
	margin: 30px 0;
	text-align: left;
}*/
.title-bg {
	background: url("images/title-bg.jpg") no-repeat scroll center center / cover;
	border-bottom: 2px solid #111f2c;
	color: #111f2c;
	font-family: "Oswald", sans-serif;
	font-size: 36px;
	font-weight: 500;
	margin-bottom: 30px;
	padding: 100px 0;
	text-align: center;
	text-transform: uppercase;
}
.entry-content h1 {
	margin-bottom: 30px;
}

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

/*--------------------------------------------------------------
3.7 Footer
--------------------------------------------------------------*/
.attribution {
	background: #111f2c;
	padding: 10px 0;
}
.attribution a,
.attribution p {
	color: #fff;
	font-size: 12px;
	margin-bottom: 0;
}
.footer-text {
	margin: 10px 0;
}
.footer-text p,
.footer-text h2 {
	color: #fff;
	margin-bottom: 20px;
}
.footer-text h3 {
	color: #2a842a;
	margin-bottom: 20px;
}
.small-text {
	font-size: 16px;
}
.fa-linkedin-in {
	font-size: 30px;
	margin-right: 10px;
}
.fa-linkedin-in:hover {
	color: #fff;
	transition: .5s;
}

/* sm */
@media (min-width: 768px) {
	.footer-text {
		margin: 25px 0;
	}
}

/* md */
@media (min-width: 992px) {

}

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

}

/*--------------------------------------------------------------
3.8 Custom
--------------------------------------------------------------*/
.leaderboard-image {
	margin-bottom: 30px;
}
.leaderboard-image img {
	width: 100%;
}
.spacer {
	margin-top: 30px;
}
.green {
	color: #2a842a;
}

/* Home Page Styles */
.featured-one,
.featured-two,
.featured-three,
.featured-four {
	padding: 25px;
}
.featured-one h1 {
	margin-bottom: 25px;
}
.featured-one p {
	font-size: 21px;
	line-height: 30px;
}
.featured-two {
	background: #f2f2f2;
}
.featured-one h1,
.featured-one h2,
.featured-two h2,
.featured-two h3,
.featured-two p,
.featured-three h1,
.featured-three h3,
.featured-four h3 {
	margin-bottom: 25px;
}
.featured-two h2 {
	font-weight: 600;
}
.featured-three {
	background: #000;
	border-bottom: 3px solid #2a842a;
	border-top: 3px solid #2a842a;
}
.featured-three h1,
.featured-three h2,
.featured-three h3,
.featured-three p {
	color: #fff;
}
.featured-five {
	background-attachment: scroll;
	background-size: cover;
	background-repeat: no-repeat;
	height: 478px;
}
.fa-arrow-circle-down,
.fa-eye {
	font-size: 36px;
}
.gray-border {
	border: 2px solid #ccc;
}
.featured-two img:hover,
.featured-three img:hover {
	opacity: .7;
	transition: .5s;
}

/* Inside Pages With Templates */
.white-bg,
.gray-bg,
.gray-bg-2,
.black-bg {
	padding: 40px 0;
}
.gray-bg,
.gray-bg-2 {
	background: #f2f2f2;
}
.gray-bg {
	border-bottom: 2px solid #000;
	border-top: 2px solid #000;
}
.gray-bg-2 {
	border-bottom: 2px solid #c2c2c2;
	border-top: 2px solid #c2c2c2;
}
.black-bg {
	background: #000;
}
.black-bg h1 {
	color: #808080;
}
.black-bg p {
	color: #fff;
}
.white-bg {
	background: #fff;
}
.white-bg li,
.gray-bg-2 li,
.gray-bg li {
	font-size: 18px;
}
.fa-chevron-right {
	color: #2a842a;
}

/* sm */
@media (min-width: 768px) {
	.featured-one p {
		line-height: 40px;
	}
	.featured-one,
	.featured-two,
	.featured-three,
	.featured-four {
		padding: 40px;
	}
	.spacer {
		margin-top: 40px;
	}
}

/* md */
@media (min-width: 992px) {
	.featured-one h1,
	.featured-one h2,
	.featured-two h2,
	.featured-two h3,
	.featured-two p,
	.featured-three h1,
	.featured-three h3,
	.featured-four h3 {
		margin-bottom: 40px;
	}
	.featured-three h2,
	.featured-three p {
		margin-bottom: 30px;
	}
}

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

}

/* Form Buttons */
#form-preview-stage.wpuf-style ul.wpuf-form .wpuf-submit input[type="submit"], 
.wpuf-form-add.wpuf-style ul.wpuf-form .wpuf-submit input[type="submit"] {
	font-size: 18px !important;
	padding: 10px 35px !important;
	border-radius: 0 !important;
	background: #fff !important;
	border-color: #2a842a !important;
	color: #2a842a !important;
	text-decoration: none;
	box-shadow: none !important;
	text-shadow: none !important;
	border-width: 3px !important;
}
#form-preview-stage.wpuf-style ul.wpuf-form .wpuf-submit input[type="submit"]:hover,
.wpuf-form-add.wpuf-style ul.wpuf-form .wpuf-submit input[type="submit"]:hover {
	background: #2a842a !important;
	border-color: #2a842a !important;
	color: #fff !important;
	transition: .5s;
}

/* Button Styles */
.btn-success {
	background-color: #fff;
	border-color: #2a842a;
	border-width: 3px;
	color: #2a842a;
}
.btn-success:hover, 
.btn-success:focus, 
.btn-success:active, 
.btn-success.active, 
.open .dropdown-toggle.btn-success {
	background-color: #2a842a;
	border-color: #2a842a;
	color: #fff;
	transition: .5s;
}
.btn-lg, 
.btn-group-lg > .btn {
	border-radius: 0;
	font-size: 18px;
	line-height: 1.33;
	padding: 10px 40px;
}

/* WooCommerce Styling */

/* Remove buttons from WooCommerce */
.woocommerce ul.products li.product .button {
	display: none;
}
.woocommerce div.product .product_title {
	margin-bottom: 30px;
	margin-top: 30px;
}
.woocommerce-product-details__short-description li {
	font-size: 18px;
	margin-bottom: 15px;
}
.woocommerce-product-details__short-description .fa-arrow-circle-down {
	font-size: 18px;
}
.woocommerce-product-details__short-description .btn {
	margin-bottom: 20px;
	margin-top: 20px;
}
.related.products {
	display: none;
}
.woocommerce ul.products li.product, 
.woocommerce-page ul.products li.product {
	text-align: center;
}
.tabs.wc-tabs {
	display: none;
}
#tab-title-description a {
	display: none;
}
#tab-description h2,
#tab-description h3 {
	margin-bottom: 35px;
}
.tab-content li {
	margin-bottom: 18px;
}
.product_detail h2 {
	font-family: "Oswald", sans-serif;
	font-size: 22px;
	margin-bottom: 15px;
}
.product_detail p {
	color: #314336;
	margin-bottom: 15px;
}
.woocommerce ul.products li.product .woocommerce-loop-category__title, 
.woocommerce ul.products li.product .woocommerce-loop-product__title, 
.woocommerce ul.products li.product h3 {
	color: #034c21;
	font-family: "Oswald", sans-serif;
	font-size: 19px;
}
.woocommerce ul.products li.product, 
.woocommerce-page ul.products li.product {
	text-align: center;
}
.woocommerce ul.products[class*="columns-"] li.product, 
.woocommerce-page ul.products[class*="columns-"] li.product {
	width: 100%;
}
.woocommerce .woocommerce-ordering {
	margin: 0 0 1em;
	display: none;
}
.tab-content > .active {
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	padding: 10px;
}

/* Hiding Product Title on Single Product Pages */
.single-product .entry-title {
	display: none;
}

/* For product lists */
.single .fa-ul {
	margin-left: 65px;
	margin-top: 30px;
}

/* sm */
@media (min-width: 768px) {
	.woocommerce ul.products[class*="columns-"] li.product:hover, 
	.woocommerce-page ul.products[class*="columns-"] li.product:hover {
		border: 2px solid #034c21;
		transition: .5s;
	}
	.woocommerce ul.products li.product, 
	.woocommerce-page ul.products li.product {
		border: 2px solid #ccc;
		height: 600px;
		padding: 10px;
	}
	.woocommerce ul.products[class*="columns-"] li.product, 
	.woocommerce-page ul.products[class*="columns-"] li.product {
		width: 48%;
	}
}

/* md */
@media (min-width: 992px) {
	.woocommerce ul.products[class*="columns-"] li.product, 
	.woocommerce-page ul.products[class*="columns-"] li.product {
		width: 45%;
	}
}

/* lg */
@media (min-width: 1200px) {
	.woocommerce ul.products[class*="columns-"] li.product, 
	.woocommerce-page ul.products[class*="columns-"] li.product {
		width: 22.05%;
	}
}

/* Sticky footer * @link http://mystrd.at/modern-clean-css-sticky-footer/ */

/* md */
@media (min-width: 992px) {
	html {
    	position: relative;
    	min-height: 100%;
	}
	body {
    	margin: 0 0 0; /* = .site-footer height */
	}
	.site-footer {
    	position: absolute;
    	left: 0;
    	bottom: 0;
    	width: 100%;
    	height: 420px; /* = body margin-bottom */
	}
}