/*
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 {
}*/
.wp-caption-text {
	font-weight: 600;
	margin-top: 10px;
	text-align: center;
}

/*--------------------------------------------------------------
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 {
	font-weight: 600;
}
h1, 
.h1 {
	color: #303030;
	font-size: 36px;
}
h2, 
.h2 {
	font-size: 30px;
}
h3, 
.h3 {
	color: #cc0000;
	font-size: 24px;
}
.entry-content li,
p {
	color: #303030;
	font-size: 18px;
	line-height: 30px;
}
a {
	color: #3a5a1e;
}
a:hover,
a:focus {
	color: #cc0000;
}
hr {
	border-color: #3a5a1e;
	border-width: 2px 0 0;
}

/*--------------------------------------------------------------
3.2 Background
--------------------------------------------------------------*/
body {
	background: #fff;
}
.site-header {
	background: #f5f2ed;
	box-shadow: 0 1px 5.94px 0.06px rgba(0, 0, 0, 0.4);
	position: relative;
	z-index: 2;
}
#site-navigation,
.site-content > .container,
.site-footer {
	background: transparent;
}

/*--------------------------------------------------------------
3.3 Header
--------------------------------------------------------------*/
.logo {
	margin: 10px 0;
	z-index: 3;
}
.logo,
#black-studio-tinymce-2 {
	text-align: center;
}
.header-tagline {
	font-family: "Alegreya", serif;
	margin-top: 10px;
}
.header-tagline h2 {
	font-size: 20px;
}
#site-navigation {
	margin-top: 0;
}
.header-top {
	/*background: #3a5a1e;*/
	background: url("images/GreenBarPattern.jpg") repeat;
	padding: 10px 0;
}
.header-top a,
.header-top p {
	color: #fff;
	font-size: 14px;
	margin-bottom: 0;
}
.fa-shopping-cart {
	margin-right: 10px;
}
.woocommerce-product-search button {
	background: #fff;
	border: 0;
	font-family: FontAwesome;
	padding: 3px 10px;
	position: relative;
	top: -1px;
}
#woocommerce-product-search-field-0 {
	border: 0;
	padding: 3px 10px;
}

/* sm */
@media (min-width: 768px) {
	.site-header {
		background: url("images/header-bg.jpg") no-repeat scroll center center / cover;
	}
	.logo,
	.header-tagline,
	#black-studio-tinymce-2	{
		text-align: left;
	}
	.header-tagline h2 {
		font-size: 30px;
	}
	.header-tagline {
		margin-top: 35px;
	}
}

/* md */
@media (min-width: 992px) {
	.logo {
		margin-bottom: -30px;
	}
}

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

}

/*--------------------------------------------------------------
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: #3a5a1e;
	font-size: 18px;
	font-weight: 600;
    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: #cc0000;
}
.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: #3a5a1e;
	font-size: 18px;
	font-weight: 600;
}
.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: #cc0000;
	text-decoration: none;
}
.nav .open > a,
.nav .open > a:hover,
.nav .open > a:focus {
	background: transparent;
    color: #cc0000;
	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: #cc0000;
}

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

}

/* md */
@media (min-width: 992px) {
	.navbar-default .navbar-nav > li > a {
		padding: 15px 13px;
	}
}

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

/*Hamburger Menu*/
.navbar-default .navbar-toggle {
	border-color: #3a5a1e;
}
.navbar-default .navbar-toggle .icon-bar {
	background-color: #3a5a1e;
}
.navbar-default .navbar-toggle:hover, 
.navbar-default .navbar-toggle:focus {
  background-color: #ccc;
}
.navbar-default .navbar-collapse, 
.navbar-default .navbar-form {
	border-color: #cc0000;
}
.navbar-default .navbar-brand {
	color: #3a5a1e;
}

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

}
.entry-content {
	padding-bottom: 20px;
}
.entry-footer {

}
.home .entry-title {
	display: none;
}
.entry-title {
	color: #cc0000;
	margin: 30px 0 10px;
	text-align: center;
}

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

/*--------------------------------------------------------------
3.7 Footer
--------------------------------------------------------------*/
.attribution a,
.attribution p {
	color: #fff;
	font-size: 12px;
}
.footer-text {
	margin-top: 20px;
}
.footer-text p {
	font-size: 16px;
	font-weight: 600;
}
.footer-top,
.attribution {
	background: url("images/GreenBarPattern.jpg") repeat;
	padding: 5px 0;
}
.footer-top p,
.attribution p {
	margin-bottom: 0;
}
.fa-facebook-square,
.fa-youtube,
.fa-envelope {
	color: #fff;
	font-size: 27px;
	margin-right: 8px;
}
.fa-facebook-square:hover,
.fa-youtube:hover,
.fa-envelope:hover {
	color: #cc0000;
}
#black-studio-tinymce-7,
#black-studio-tinymce-8 {
	margin-top: 10px;
}
#black-studio-tinymce-9 {
	font-family: "Alegreya", serif;
}
#black-studio-tinymce-9 h3 {
	color: #333;
	font-style: italic;
	font-weight: 400;
}
#black-studio-tinymce-9 p {
	font-size: 18px;
	font-weight: 400;
}

/* Secondary Nav */
#secondary-nav .nav > li > a {
	color: #3a5a1e;
	font-size: 18px;
	font-weight: 600;
	padding: 10px 0;
}
#secondary-nav .nav-pills > li.active > a, 
#secondary-nav .nav-pills > li.active > a:hover, 
#secondary-nav .nav-pills > li.active > a:focus,
#secondary-nav .nav > li > a:hover, 
#secondary-nav .nav > li > a:focus {
	background-color: transparent;
	color: #cc0000;
	text-decoration: none;
}

/* sm */
@media (min-width: 768px) {
	#black-studio-tinymce-7,
	#black-studio-tinymce-8 {
		margin-top: 50px;
	}
}

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

}

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

}

/*--------------------------------------------------------------
3.8 Custom
--------------------------------------------------------------*/
.search-submit {
	font-family: FontAwesome;
}
.leaderboard-image img {
	box-shadow: 0 1px 5.94px 0.06px rgba(0, 0, 0, 0.4);
	position: relative;
	width: 100%;
	z-index: 1;
}
.spacer {
	margin-bottom: 20px;
	margin-top: 40px;
}
.green-sep {
	background: #3a5a1e;
	height: 30px;
}
.no-pad {
	padding: 0;
}
.gray-bg-bottom,
.gray-bg-top {
	background: #f5f2ed;
	padding: 20px 0;
}
/*.gray-bg-top {
	margin-top: 20px;
}*/
.gray-bg-bottom {
	box-shadow: 0 1px 5.94px 0.06px rgba(0, 0, 0, 0.4);
}

/* Home Page Styles */
.home-tagline {
	/*background: #3b5e20;*/
	background: url("images/GreenBarPattern.jpg") repeat;
	padding: 20px 0;
	position: relative;
	z-index: 0;
}
.home-tagline h1 {
	color: #fff;
	font-size: 26px;
	margin: 0;
}
.featured-one,
.featured-two,
.featured-three,
.featured-four,
.featured-five,
.featured-five-two,
.featured-six,
.featured-seven {
	padding: 35px 0;
}
.featured-one,
.featured-two,
.featured-three,
.featured-five-two,
.featured-seven {
	margin-top: 35px;
}
.featured-one {
	background: url("images/CategoriesParallaxBG.jpg") no-repeat fixed 0 0 / cover;
}
.featured-two {
	background: url("images/SeedlingsParallaxBG-1.jpg") no-repeat fixed 0 0 / cover;
}
.featured-three {
	background: url("images/B&BNurseryStockParallaxBG.jpg") no-repeat fixed 0 0 / cover;
}
/*.featured-four img {
	padding: 15px;
}*/
.featured-five {
	background: #f5f2ed;
	box-shadow: 0 1px 5.94px 0.06px rgba(0, 0, 0, 0.4);
}
.featured-five-two {
	/*background: url("images/growler-bg.jpg") no-repeat fixed 0 0 / cover;*/
	background: #3a5a1e;
}
.featured-six img {
	margin: 10px;
}
.featured-seven {
	/*background: url("images/wholesale-bg-2.jpg") no-repeat fixed 0 0 / cover;*/
	background: url("images/wholesale-bg-3.jpg") no-repeat fixed 0 0 / cover;
}
.white-bg {
	text-align: center;
}
.white-bg,
.white-bg-two {
	background: rgba(255, 255, 255, .7);
	box-shadow: 0 1px 5.94px 0.06px rgba(0, 0, 0, 0.4);
	margin-bottom: 20px;
}
.white-bg-two {
	padding: 30px 0;
}
.white-bg-two h1 a {
	color: #cc0000;
}
.white-bg h3 a {
	color: #cc0000;
	font-size: 23px;
	margin-top: 0;
}
.white-bg h3,
.white-bg h1 {
	margin-top: 0;
}
.white-bg h1 a {
	color: #cc0000;
}
.featured-one .white-bg {
	height: 150px;
	padding: 40px 10px;
}
.featured-two .white-bg,
.featured-three .white-bg,
.featured-seven .white-bg {
	height: 170px;
	padding: 20px 10px;
}
.featured-five h1,
.featured-five-two h1 {
	margin-bottom: 30px;
}
.featured-five li,
.featured-five-two li {
	font-size: 21px;
	margin-bottom: 15px
}
.fa-tree {
	color: #3a5a1e;
	margin-right: 7px;
}

/* sm */
@media (min-width: 768px) {
	.home-tagline h1 {
		font-size: 36px;
	}
}

/* md */
@media (min-width: 992px) {
	.featured-one .white-bg {
		height: 130px;
		padding: 40px 10px;
	}
	.featured-two .white-bg,
	.featured-three .white-bg,
	.featured-seven .white-bg	{
		height: 150px;
		padding: 40px 10px;
	}
}

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

}

/*Form Button Style*/
#nf-field-4 {
	background: #cc0000;
	border: 0 none;
	color: #fff;
	padding: 10px 25px;
}
#nf-field-4:hover,
#nf-field-4:active {
	background: #3a5a1e;
}

/* Button Styles */
.btn-success {
	background-color: #cc0000;
	border-color: #cc0000;
	color: #fff;
}
.btn-success:hover, 
.btn-success:focus, 
.btn-success:active, 
.btn-success.active, 
.open .dropdown-toggle.btn-success {
	background-color: #3a5a1e;
	border-color: #3a5a1e;
	color: #fff;
}
.btn-lg, 
.btn-group-lg > .btn {
	border-radius: 0px;
	font-size: 18px;
	line-height: 1.33;
	padding: 10px 25px;
}

/* WooCommerce Styles */
.woocommerce #respond input#submit, 
.woocommerce a.button, .woocommerce button.button, 
.woocommerce input.button,
.woocommerce #respond input#submit.alt, 
.woocommerce a.button.alt, 
.woocommerce button.button.alt, 
.woocommerce input.button.alt,
.woocommerce #respond input#submit.disabled, 
.woocommerce #respond input#submit:disabled, 
.woocommerce #respond input#submit:disabled[disabled],
.woocommerce a.button.disabled, 
.woocommerce a.button:disabled, 
.woocommerce a.button:disabled[disabled], 
.woocommerce button.button.disabled, 
.woocommerce button.button:disabled, 
.woocommerce button.button:disabled[disabled], 
.woocommerce input.button.disabled, 
.woocommerce input.button:disabled, 
.woocommerce input.button:disabled[disabled],
.woocommerce #respond input#submit.alt.disabled, 
.woocommerce #respond input#submit.alt.disabled:hover, 
.woocommerce #respond input#submit.alt:disabled, 
.woocommerce #respond input#submit.alt:disabled:hover, 
.woocommerce #respond input#submit.alt:disabled[disabled], 
.woocommerce #respond input#submit.alt:disabled[disabled]:hover, 
.woocommerce a.button.alt.disabled, 
.woocommerce a.button.alt.disabled:hover, 
.woocommerce a.button.alt:disabled, 
.woocommerce a.button.alt:disabled:hover, 
.woocommerce a.button.alt:disabled[disabled], 
.woocommerce a.button.alt:disabled[disabled]:hover, 
.woocommerce button.button.alt.disabled, 
.woocommerce button.button.alt.disabled:hover, 
.woocommerce button.button.alt:disabled, 
.woocommerce button.button.alt:disabled:hover, 
.woocommerce button.button.alt:disabled[disabled], 
.woocommerce button.button.alt:disabled[disabled]:hover, 
.woocommerce input.button.alt.disabled, 
.woocommerce input.button.alt.disabled:hover, 
.woocommerce input.button.alt:disabled, 
.woocommerce input.button.alt:disabled:hover, 
.woocommerce input.button.alt:disabled[disabled], 
.woocommerce input.button.alt:disabled[disabled]:hover {
	font-size: 16px;
	padding: 5px 30px;
	font-weight: 400;
	border-radius: 3px;
	color: #fff;
	background-color: #3a5a1e;
	text-align: center;
}
.woocommerce #respond input#submit:hover, 
.woocommerce a.button:hover, 
.woocommerce button.button:hover, 
.woocommerce input.button:hover,
.woocommerce #respond input#submit.alt:hover, 
.woocommerce a.button.alt:hover, 
.woocommerce button.button.alt:hover, 
.woocommerce input.button.alt:hover,
.woocommerce #respond input#submit.disabled:hover, 
.woocommerce #respond input#submit:disabled:hover, 
.woocommerce #respond input#submit:disabled[disabled]:hover, 
.woocommerce a.button.disabled:hover, 
.woocommerce a.button:disabled:hover, 
.woocommerce a.button:disabled[disabled]:hover, 
.woocommerce button.button.disabled:hover, 
.woocommerce button.button:disabled:hover, 
.woocommerce button.button:disabled[disabled]:hover, 
.woocommerce input.button.disabled:hover, 
.woocommerce input.button:disabled:hover, 
.woocommerce input.button:disabled[disabled]:hover {
	background-color: #cc0000;
	color: #fff;
}
.woocommerce ul.products li.product, 
.woocommerce-page ul.products li.product {
	text-align: center;
}
.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: #3a5a1e;
	font-size: 19px;
}
.woocommerce ul.products li.product .price {
	color: #cc0000;
	display: none;
}
.woocommerce div.product .product_title {
	text-align: left;
}
.woocommerce div.product {
	margin-top: 30px;
}
.woocommerce div.product p.price, 
.woocommerce div.product span.price {
	color: #cc0000;
}
.woocommerce-info {
	border-top-color: #cc0000;
}
.woocommerce-error, 
.woocommerce-info, 
.woocommerce-message {
	background: transparent;
	color: #cc0000;
}
.woocommerce-info::before {
	color: #cc0000;
}
.woocommerce-page .page-title {
	text-align: left;
	color: #cc0000;
}
.woocommerce div.product form.cart .variations label {
	font-weight: 600;
	color: #000;
	font-size: 18px;
}
.woocommerce div.product div.images .flex-control-thumbs li {
	width: 25%;
	float: left;
	margin: 5px 0 5px 0;
	list-style: none;
}
.woocommerce div.product form.cart .variations select {
	/* max-width: 100%; */
	/* min-width: 75%; */
	width: 100%;
}

/* Sidebar Styles */
#yith_wc_category_accordion-2 {
	margin-top: 30px;
}
.widget-title {
	border-bottom: 1px solid #3a5a1e;
	color: #cc0000;
	font-size: 24px;
	padding-bottom: 5px;
}

/* Hiding Quantity in Stock */
.woocommerce div.product p.stock {
	font-size: .92em;
	display: none;
}

/* Hide Related Products */
.related.products {
	clear: both;
	display: none;
}

/* Quantity Based Pricing Table Styles */
.wad-qty-pricing-table {
	font-size: 16px;
	width: 100%;
}
.wad-qty-pricing-table th {
	font-size: 18px;
	height: 40px;
}
.wad-qty-pricing-table tr {
	height: 35px;
}
/*.wad-qty-pricing-table thead {
	background: #000;
	color: #fff;
}*/

/* Align Add To Cart Buttons */
ul.products {
   display: flex;
   flex-wrap: wrap;
    justify-content: flex-start;
}
ul.products li.product {
   display: flex;
   flex-wrap: wrap;
   justify-content: center;
}
ul.products li.product .button,
ul.products li.product .gridlist-buttonwrap {
   align-self: flex-end;
}

/* fixes it in safari */
ul.products:before {
    content: none;
    display: unset;
}

@media (min-width: 491px) {
    ul.products li.product {
       width: 48%;
    }
}

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

}

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

}

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

}

/* 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 200px; /* = .site-footer height */
	}
	.site-footer {
    	position: absolute;
    	left: 0;
    	bottom: 0;
    	width: 100%;
    	height: 200px; /* = body margin-bottom */
	}
}