@charset "UTF-8";
/*
Theme Name:	GardenMats
Description: Custom theme for GardenMats, updated 2020
Version: 2.0
Author: Gabe Halberg / Dadra Design
Author URI: https://dadradesign.com
*/
*:not(select) { margin: 0; padding: 0; border: 0; }

.clear { clear: both; line-height: 0; margin: 0; padding: 0; }

a:focus { outline: none; }

input[type=search], input:not([type="radio"]):not([type="checkbox"]), textarea { outline: none !important; appearance: none !important; -webkit-appearance: none !important; -moz-appearance: none !important; border-radius: 0 !important; }

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi) { a#logo-footer { background-image: url(images/logo-footer@2x.png) !important; background-size: 175px 57px !important; } }

#lte-ie9, #ie10-ie11 { position: relative; max-width: 600px; margin: 120px auto -30px auto; padding: 30px !important; text-align: center; color: #fff !important; background: darkred; z-index: 1000; }

#lte-ie9 h2, #ie10-ie11 h2 { text-transform: uppercase !important; font-weight: bold; color: #fff !important; }

#lte-ie9 a, #ie10-ie11 a { color: #fff; font-weight: bold; text-decoration: underline !important; }

#ie10-ie11-edge-15-and-under { display: none !important; }

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { #ie10-ie11-edge-15-and-under { display: block !important; position: relative; max-width: 600px; margin: 120px auto -30px auto; padding: 30px !important; text-align: center; color: #fff !important; background: darkred; z-index: 1000; } #ie10-ie11-edge-15-and-under h2 { text-transform: uppercase; font-weight: bold; color: #fff !important; } #ie10-ie11-edge-15-and-under a { color: #fff; font-weight: bold; text-decoration: underline !important; } }

@supports (-ms-ime-align: auto) and (not ((position: -webkit-sticky) or (position: sticky))) { #ie10-ie11-edge-15-and-under { display: block !important; position: relative; max-width: 600px; margin: 120px auto -30px auto; padding: 30px !important; text-align: center; color: #fff !important; background: darkred; z-index: 1000; }
  #ie10-ie11-edge-15-and-under h2 { text-transform: uppercase; font-weight: bold; color: #fff !important; }
  #ie10-ie11-edge-15-and-under a { color: #fff; font-weight: bold; text-decoration: underline !important; } }

.page-template-page-news-php .news-excerpt, .archive .news-excerpt { margin: 0 0 24px 0; padding: 0 0 24px 0; border-bottom: 1px solid #d0cec0; }

.page-template-page-news-php .news-excerpt h2, .archive .news-excerpt h2 { margin: 0 0 5px 0 !important; text-transform: none; }

.page-template-page-news-php .news-excerpt h2 a, .archive .news-excerpt h2 a { color: #000 !important; }

.page-template-page-news-php .news-excerpt h2 a:hover, .archive .news-excerpt h2 a:hover { text-decoration: underline; }

.page-template-page-news-php .news-excerpt img, .archive .news-excerpt img { margin: 0 0 10px 0; }

@media screen and (min-width: 480px) { .page-template-page-news-php .news-excerpt img, .archive .news-excerpt img { float: left; margin: 4px 24px 10px 0; } }

.date-comments { margin: 0 0 15px 0; font-size: 14px; color: #6B6752; }

.date-comments a { color: #6B6752 !important; }

.pagination { clear: both; margin: 20px 0 40px 0; position: relative; font-size: 12px; line-height: 13px; }

.pagination span, .pagination a { display: block; float: left; margin: 2px; padding: 6px 9px 5px 9px; width: auto; color: #000 !important; text-decoration: none; border-radius: 3px; -webkit-border-radius: 3px; }

.pagination a:hover { background: rgba(255, 255, 255, 0.5); }

.pagination .current { padding: 6px 9px 5px 9px; background: #4f7947; color: #fff !important; }

aside#blog { margin: 0 0 30px 0; font-size: 14px; }

aside#blog h4 { margin: 0 0 7px 0; font-size: 14px; }

aside#blog .blog-sidebar-block { margin: 0 0 40px 0; padding: 20px; background: #e7e6dc; }

aside#blog .blog-sidebar-block img { width: 120px; }

@media screen and (min-width: 720px) { aside#blog .blog-sidebar-block .alignleft, aside#blog .blog-sidebar-block .alignright { float: none; margin: 15px 0 20px 0; } }

@media screen and (min-width: 900px) { aside#blog .blog-sidebar-block .alignleft { float: left; margin: 7px 20px 10px 0; } }

@media screen and (min-width: 900px) { aside#blog .blog-sidebar-block .alignright { float: right; margin: 7px 0 20px 20px; } }

aside#blog .blog-sidebar-bio img { margin: 0 0 20px 10px; border-radius: 200px !important; -webkit-border-radius: 200px !important; border: 3px solid #fffef5; box-shadow: 2px 2px 3px 0 rgba(0, 0, 0, 0.3); -webkit-box-shadow: 2px 2px 3px 0 rgba(0, 0, 0, 0.3); }

aside#blog .blog-sidebar-cta img { margin-bottom: 10px; }

aside#blog .blog-sidebar-cta .button { clear: both; display: block; width: auto !important; max-width: 300px !important; margin: 20px 0 0 0; padding: 10px; text-align: center !important; font-family: "Roboto Condensed" !important; color: #00431a !important; text-transform: uppercase !important; font-weight: 700 !important; font-size: 15px !important; text-decoration: none !important; background: #ffe744 url(images/button-bkgnd.png) repeat-x !important; border: 1px solid #9b9a8e !important; border-radius: 4px !important; -webkit-border-radius: 4px !important; text-shadow: none !important; box-shadow: none !important; }

aside#blog .blog-sidebar-cta .button:hover { background: #fff191 !important; }

aside#blog ul { margin: 10px 0 40px 0; list-style-type: none; }

aside#blog ul li { margin: 0 0 10px 0; color: #6B6752; }

aside#blog ul li a { margin: 0 0 2px 0; text-decoration: none; }

aside#blog ul li a:hover { text-decoration: underline; }

aside#blog ul .post-date { display: block; }

aside#blog select option { padding-left: 5px; }

form.prompt-subscribe { position: relative; margin: 0 0 40px 0; }

form.prompt-subscribe .inputs .prompt-subscribe-email { display: block; width: 65%; max-width: 200px; margin-bottom: 10px; padding: 9px; font-size: 12px; font-family: "Roboto", sans-serif; background: #edebe2; border: 1px solid #bcbaac; border-radius: 3px !important; -webkit-border-radius: 3px !important; }

form.prompt-subscribe .inputs .submit { display: inline-block; width: auto; margin: 0 0 5px 0; padding: 6px 10px; text-align: center !important; font-family: "Roboto Condensed" !important; color: #00431a !important; font-weight: 700 !important; font-size: 15px !important; text-decoration: none !important; background: #ffe744 url(images/button-bkgnd.png) repeat-x !important; border: 1px solid #9b9a8e !important; border-radius: 4px !important; -webkit-border-radius: 4px !important; text-shadow: none !important; box-shadow: none !important; cursor: pointer; }

form.prompt-subscribe .inputs .submit:hover { background: #fff191 !important; }

form.prompt-subscribe p.expand-list { margin-top: 10px; }

form.prompt-subscribe .loading-indicator img { width: auto !important; }

form.prompt-subscribe div.subscribe.prompt, form.prompt-subscribe div.unsubscribe.prompt { margin-bottom: 10px; font-size: .9em; }

label#prompt-comment-subscribe input[type=checkbox] { display: inline; width: auto; max-width: none; padding: 0; }

.single-post h1 { margin: 0 0 10px 0; }

.single-post article .post-date { margin: 0 0 14px 0; }

.post-nav { margin: 30px 0; padding: 20px; background: #e7e6dc; }

.post-nav h4 { margin: 0 0 10px 0 !important; text-transform: uppercase; font-size: 14px; }

.post-nav div { margin-bottom: 10px; }

.post-nav span { padding: 0 6px 0 0; text-transform: uppercase; font-size: 12px; color: #555; }

#comments { margin: 0 0 50px 0; font-size: 0.95em; }

#comments p { margin: 0 0 10px 0; }

#comments .comments-count { font-size: 22px; margin: 0 0 10px 0; }

ol.commentlist { margin: 0 0 1em 0 !important; }

ol.commentlist a { text-decoration: none; }

ol.commentlist a:hover { text-decoration: underline; }

ol.commentlist li { padding: 25px 0 5px 0; list-style-type: none !important; border-top: 1px solid #d0cec0; }

ol.commentlist li.comment div.vcard cite.fn { display: inline-block; font-style: normal; }

ol.commentlist li.comment div.vcard img.avatar { float: left; margin: 0 14px 10px 0; width: 40px; }

ol.commentlist li.comment div.comment-meta a { color: #7F7F7F !important; font-weight: normal; }

ol.commentlist li.comment ul.children { list-style: none; padding: 0 !important; margin: 0 !important; }

ol.commentlist li.comment ul.children li { border: 0; }

ol.commentlist li.comment div.vcard { position: relative; color: #7F7F7F; }

ol.commentlist li.comment div.comment-meta { margin-bottom: 10px; font-size: 0.9em; }

ol.commentlist li.comment div.reply a { display: inline-block; margin: 10px 0 20px 0; font-size: .9em; }

ol.commentlist li.comment div.reply a:after { content: ' ↑'; }

ol.commentlist li.comment ul.children li.bypostauthor { padding: 20px 20px 0 20px; background: rgba(179, 198, 152, 0.3); }

#respond { margin-top: 40px; }

#respond h3#reply-title { margin: 0 0 10px 0; font-size: 20px; }

#respond .comment-notes { font-style: italic; font-size: .9em; color: #6B6752; }

#respond label { display: inline-block; padding-bottom: 3px; font-size: 12px; text-transform: uppercase; }

#respond span.required { font-size: 18px; color: #a85300; }

#respond input { display: block; width: 90%; max-width: 220px; padding: 9px; font-size: 14px; color: #000; background: rgba(255, 255, 255, 0.4); border: 1px solid #d0cec0; border-radius: 3px; -webkit-border-radius: 3px; }

#respond textarea { display: block; width: 90%; max-width: 420px; padding: 9px; font-size: 14px; color: #000; background: rgba(255, 255, 255, 0.4); border: 1px solid #d0cec0; border-radius: 3px; -webkit-border-radius: 3px; }

#respond #submit { display: inline-block; width: auto; padding: 6px 20px; font-family: "Roboto", sans-serif; font-weight: 500; font-size: 13px; background: #f3f1e4; border: 1px solid #bcbaac; border-radius: 6px !important; -webkit-border-radius: 6px !important; cursor: pointer; }

#respond #submit:hover { background: #fffef5; }

.theme-button, nav.ubermenu > ul > li.nav-garden-planner a span, #shiftnav-main .shiftnav-menu > li.mobile-nav-garden-planner a, .woocommerce-page .button, .woocommerce #respond input#submit { display: inline-block; width: auto !important; max-width: 300px !important; margin: 0 0 30px 0; padding: 13px 30px; text-align: center !important; color: #00431a !important; font-weight: 900 !important; text-decoration: none !important; background: #ffe744 url(images/button-bkgnd.png) repeat-x !important; border: 1px solid #aeaa95; border-radius: 4px !important; text-shadow: none !important; box-shadow: none !important; }

.theme-button:hover, nav.ubermenu > ul > li.nav-garden-planner a span:hover, #shiftnav-main .shiftnav-menu > li.mobile-nav-garden-planner a:hover, .woocommerce-page .button:hover, .woocommerce #respond input#submit:hover { background: #fff191 !important; }

.single-product.postid-10773 .woocommerce-tabs { display: none; }

.single-product.postid-10773 .entry-summary h1 { margin-bottom: 20px !important; }

.single-product.postid-10773 .entry-summary p.price { display: none !important; }

.single-product.postid-10773 .woocommerce-product-details__short-description { margin-bottom: 30px !important; }

#pwgc-purchase-container label { display: inline-block; margin: 0 0 5px 0; }

#pwgc-purchase-container input, #pwgc-purchase-container textarea { padding: 9px; font-size: 12px; font-family: "Roboto", sans-serif; color: #82877f; background: #edebe2; border: 1px solid #bcbaac; border-radius: 3px !important; -webkit-border-radius: 3px !important; }

#pwgc-purchase-container input:focus, #pwgc-purchase-container textarea:focus { color: #000 !important; font-weight: 700; }

input#pwgc-redeem-gift-card-number { padding: 9px; font-size: 12px; font-family: "Roboto", sans-serif; border: 1px solid #bcbaac; border-radius: 3px !important; -webkit-border-radius: 3px !important; }

input#pwgc-redeem-gift-card-number:focus { color: #000 !important; font-weight: 700; }

input#pwgc-apply-gift-card, input#pwgc-redeem-button { display: block; width: auto !important; max-width: 300px !important; margin: 0 0 30px 0; padding: 10px; text-align: center !important; font-family: "Roboto Condensed" !important; color: #00431a !important; font-weight: 700 !important; font-size: 15px !important; text-decoration: none !important; background: #ffe744 url(images/button-bkgnd.png) repeat-x !important; border: 1px solid #9b9a8e !important; border-radius: 4px !important; -webkit-border-radius: 4px !important; text-shadow: none !important; box-shadow: none !important; }

input#pwgc-apply-gift-card:hover, input#pwgc-redeem-button:hover { background: #fff191 !important; cursor: pointer !important; }

.hero { display: flex; justify-content: center; position: relative; margin: 0 auto; overflow: hidden; color: #0b3a00; background-size: cover; background-position: center center; background-repeat: no-repeat; z-index: 0; }

.hero:after { content: ""; display: table; clear: both; }

@media screen and (min-width: 900px) { .hero { justify-content: flex-end; } }

.hero img { position: absolute; opacity: 0; }

.hero .intro-text-wrap { width: 100%; background-image: linear-gradient(to bottom, rgba(0, 58, 24, 0.5) 30%, transparent 90%); }

@media screen and (min-width: 900px) { .hero .intro-text-wrap { width: 60% !important; text-align: center; } }

@media screen and (min-width: 1300px) { .hero .intro-text-wrap { width: 50% !important; text-align: left; } }

.hero .intro-text { position: relative; max-width: 600px; margin: 0 auto; padding: 60px 20px 70px 20px; text-align: center; z-index: 1000; font-family: "Roboto Condensed", sans-serif; text-shadow: 2px 2px 2px #000; }

@media screen and (min-width: 900px) { .hero .intro-text { display: inline-block; box-sizing: border-box; max-width: 720px; padding: 40px 60px 60px 60px; text-shadow: 2px 2px 2px #000, -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000; } }

@media screen and (min-width: 1100px) { .hero .intro-text { padding: 60px 40px 80px 40px !important; } }

@media screen and (min-width: 1300px) { .hero .intro-text { padding: 100px 70px 120px 70px !important; } }

@media screen and (min-width: 1450px) { .hero .intro-text { padding: 100px 100px 120px 100px !important; } }

.hero .intro-text h1 { margin: 0 0 20px; color: #fff29b; }

@media screen and (min-width: 900px) { .hero .intro-text h1 { font-weight: 400; } }

.hero .intro-text h2 { margin: 0 0 30px 0; color: #fefad9; }

.hero .intro-text h2 strong { font-size: 1.05em; }

@media screen and (min-width: 720px) { .hero .intro-text h2 strong { font-size: 1.1em; } }

@media screen and (min-width: 1100px) { .hero .intro-text h2 strong { font-size: 1.2em; } }

.hero .intro-text p { margin: 0 0 12px 0; font-size: 1.2em; line-height: 1.4em; color: #fefad9; }

@media screen and (min-width: 720px) { .hero .intro-text p { font-size: 1.3em; } }

@media screen and (min-width: 900px) { .hero .intro-text p { font-size: 1.45em; margin: 0 0 18px 0; } }

@media screen and (min-width: 1100px) { .hero .intro-text p { font-size: 1.6em; } }

.hero .intro-text p:last-of-type { margin: 0; }

.hero .intro-text .theme-button, .hero .intro-text nav.ubermenu > ul > li.nav-garden-planner a span, nav.ubermenu > ul > li.nav-garden-planner a .hero .intro-text span, .hero .intro-text #shiftnav-main .shiftnav-menu > li.mobile-nav-garden-planner a, #shiftnav-main .shiftnav-menu > li.mobile-nav-garden-planner .hero .intro-text a { border: 0; font-family: "Roboto", sans-serif; }

img, .alignleft, .alignright, .aligncenter, .alignnone, .wp-caption { display: block; max-width: 100%; height: auto; box-sizing: border-box; }

.alignleft { margin: 4px 0 14px 0; }

@media screen and (min-width: 480px) { .alignleft { float: left; margin: 6px 20px 5px 0; } }

.alignright { margin: 0 0 20px 0; }

@media screen and (min-width: 480px) { .alignright { float: right; margin: 6px 0 5px 20px; } }

.aligncenter { display: block; margin: 20px auto; }

.alignnone { margin: 0 0 20px 0; }

.wp-caption img { max-width: 100%; margin-bottom: 5px; }

p.wp-caption-text { margin: 10px !important; text-align: center; font-size: .85em; font-style: italic; color: #666; }

p.wp-caption-text a { font-weight: 400; }

.responsive-iframe-container { position: relative; padding-bottom: 100%; padding-top: 30px; height: 0; overflow: hidden; }

.responsive-iframe-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.fluid-width-video-wrapper { margin: 20px 0; }

.mat-cards-wrap { display: grid; grid-gap: 30px; }

@media screen and (min-width: 900px) { .mat-cards-wrap { grid-template-columns: 1fr 1fr; } }

.mat-card { position: relative; background: #9bb9b4; font-size: .9em; }

.mat-card h2 { margin: 0 !important; font-size: 1.3em; background: #00322a; }

@media screen and (min-width: 720px) { .mat-card h2 { font-size: 1.4em; } }

@media screen and (min-width: 900px) { .mat-card h2 { font-size: 1.5em; } }

.mat-card h2 a { display: block; padding: 10px 20px; font-weight: 700; color: #fff; }

@media screen and (min-width: 900px) { .mat-card h2 a { font-weight: 500; } }

.mat-card h2 a span { float: right; text-transform: none; font-size: .75em; font-weight: 400 !important; color: #fff; border-bottom: 2px solid transparent; }

@media screen and (min-width: 720px) { .mat-card h2 a span { font-size: .7em; } }

.mat-card h2 a span:hover { border-color: rgba(255, 255, 255, 0.8); }

.mat-card h2 a span i { padding-right: 3px; }

.mat-card .content { display: grid; grid-template-columns: 1fr; grid-template-rows: auto; }

@media screen and (min-width: 480px) { .mat-card .content { grid-template-columns: 1fr 1fr; grid-template-areas: "mat-img specs" "prices specs"; } .mat-card .content img { grid-area: mat-img; } .mat-card .content .mat-prices { grid-area: prices; } .mat-card .content .mat-specs { grid-area: specs; } }

.mat-card img { display: block; width: 100%; }

.mat-card .mat-prices { grid-row-start: 3; padding: 20px 0 30px 0; background: #9bb9b4; }

@media screen and (min-width: 480px) { .mat-card .mat-prices { grid-row-start: auto; } }

.mat-card .mat-prices ul { margin: 0 20px 10px 20px !important; }

.mat-card .mat-prices ul li { margin: 0 !important; padding: 14px 0 !important; list-style-type: none; border-bottom: 1px solid #bbcecb; }

.mat-card .mat-prices ul li.mat-width { padding: 3px 0 0 0 !important; font-style: italic; border: 0; }

.mat-card .mat-prices ul li:last-child { border: 0; }

.mat-card .mat-prices ul li span { display: block; }

.mat-card .mat-specs { padding: 20px 20px 25px 20px; background: #adc9c4; }

.mat-card .mat-specs p { margin: 0 0 10px 0; }

.mat-card .mat-specs p:last-of-type { margin: 0; }

.mat-card .theme-button, .mat-card nav.ubermenu > ul > li.nav-garden-planner a span, nav.ubermenu > ul > li.nav-garden-planner a .mat-card span, .mat-card #shiftnav-main .shiftnav-menu > li.mobile-nav-garden-planner a, #shiftnav-main .shiftnav-menu > li.mobile-nav-garden-planner .mat-card a { display: block; max-width: none !important; margin: 0 20px; border: 0; }

.dadra-notification-bar--closed-by-user { display: none !important; }

.dadra-notification-bar { position: relative; display: block; padding: 12px 60px 2px 60px; font-size: .9em; color: #0b3a00; background: #ffe744; }

.dadra-notification-bar:after { content: ""; display: table; clear: both; }

.dadra-notification-bar .content { margin: 0 auto; text-align: center; }

.dadra-notification-bar__message { display: inline-block; margin: 0 0 10px 0; line-height: 1.3em !important; font-weight: 400; }

.dadra-notification-bar__message strong { font-weight: 700; }

.dadra-notification-bar__message a { color: #006228; text-decoration: underline; }

.dadra-notification-bar__message a:hover { color: #017430; }

.dadra-notification-bar__button { display: inline-block; margin: 0 10px 10px 10px; padding: 6px 14px; text-transform: uppercase; font-size: .75em; font-weight: 500; color: #ffeb66; background: #006228; border-radius: 4px; }

.dadra-notification-bar__button:hover { color: #ffeb66; background: #017430; }

.js-close-dadra-notification-bar-action { position: absolute; right: 15px; top: 12px; display: inline-flex; align-items: center; justify-content: center; height: 20px; width: 20px; padding: 2px; text-decoration: none !important; text-align: center; font-size: .8em; color: #0b3a00; border-radius: 50%; overflow: hidden; }

.js-close-dadra-notification-bar-action:hover { color: #ffe744; background: #006228; }

#shop-toolbar { margin: 0 0 20px 0; font-size: 12px; }

@media screen and (min-width: 720px) { #shop-toolbar { margin: 0 20px 30px 0; float: right; } }

#shop-toolbar .product-select-wrap { position: relative; display: inline-block; width: 150px; margin: 0 0 -9px 0; overflow: hidden; background: #fffef5; border: 1px solid #aaa; border-radius: 6px !important; box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.1); }

#shop-toolbar .product-select-wrap:hover { background-color: #fff; }

#shop-toolbar .product-select-wrap select { width: 178px; height: 25px; padding: 2px 0 2px 8px; color: #004612; font-size: 12px; line-height: 1; border: 0; border-radius: 0; cursor: pointer; -webkit-appearance: none; background: url(images/select-arrows.png) no-repeat 132px center; background-size: 8px 10px; }

#shop-toolbar .product-select-wrap option { padding: 1px 0 2px 3px; }

#shop-toolbar .product-select-wrap i { position: absolute; top: 6px; right: 10px; font-size: 1.1em; }

#shop-toolbar .shop-toolbar-cart, #shop-toolbar .shop-toolbar-checkout { display: inline-block; margin: 0 0 0 20px; color: #004612; border: 1px solid #aaa; border-radius: 6px !important; box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.1); }

#shop-toolbar .shop-toolbar-cart:hover, #shop-toolbar .shop-toolbar-checkout:hover { background-color: #fff; text-decoration: none; }

#shop-toolbar .shop-toolbar-cart { padding: 4px 10px; background: #fffef5; }

@media screen and (max-width: 310px) { #shop-toolbar .shop-toolbar-cart { display: none; } }

#shop-toolbar .shop-toolbar-cart i { display: inline-block; margin-right: 3px; }

#shop-toolbar .shop-toolbar-checkout { display: none; }

@media screen and (min-width: 720px) { #shop-toolbar .shop-toolbar-checkout { display: inline-flex; align-items: center; padding: 4px 10px; background: #fffef5; } #shop-toolbar .shop-toolbar-checkout i { display: inline-block; margin-left: 10px; font-size: 1.3em; } }

#shop-toolbar .cart-total { display: none; }

@media screen and (min-width: 720px) { #shop-toolbar .cart-total { display: inline; } }

h1 { margin: 0 0 20px 0; color: #004612; font-family: "Roboto Condensed"; font-weight: 700; font-size: 1.75em; line-height: 1.1em; }

@media screen and (min-width: 600px) { h1 { margin: 0 0 26px 0; font-size: 2em; } }

@media screen and (min-width: 720px) { h1 { font-size: 2.2em; } }

@media screen and (min-width: 1100px) { h1 { font-size: 3em; } }

h2 { margin: 0 0 14px 0; font-weight: 700; font-size: 1.5em; color: #004612; font-family: "Roboto Condensed"; text-transform: uppercase; line-height: 1.25em; }

@media screen and (min-width: 720px) { h2 { font-size: 1.7em; } }

@media screen and (min-width: 1100px) { h2 { font-size: 1.8em; } }

h3 { margin: 0 0 6px 0; font-weight: 700; font-size: 1.1em; color: #004612; text-transform: uppercase; }

@media screen and (min-width: 720px) { h3 { margin: 0 0 6px 0; font-size: 1.2em; } }

@media screen and (min-width: 900px) { h3 { margin: 0 0 6px 0; font-size: 1.3em; } }

h4 { margin: 0 0 6px 0; font-weight: 700; font-size: 1em; color: #000; text-transform: uppercase; }

@media screen and (min-width: 900px) { h4 { font-size: 1.1em; } }

p { margin: 0 0 20px 0; line-height: 1.6em; }

blockquote { margin: 10px 0 30px 0; padding: 20px 20px 10px 20px; color: #00431a; font-style: italic; font-weight: 400; font-size: 1.1em; background: rgba(255, 255, 255, 0.4); border-left: 7px solid #00431a; }

blockquote p { margin: 0 0 15px 0; line-height: 1.5em; }

blockquote span.quote-source { display: block; margin: 5px 0 20px 0; color: #000; font-style: normal; font-size: .9em; font-weight: 400; line-height: 1.3em; }

a { color: #007E95; text-decoration: none; }

a:hover { color: #0097b3; }

a.more-link { display: inline-block; text-decoration: none; color: #007E95 !important; font-weight: 700; }

a.more-link:hover { color: #0097b3; }

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { text-decoration: none; }

main ul, main ol { margin: 0 0 18px 1.5em; }

main ul li, main ol li { margin: 0 0 12px 0; list-style-position: inside; }

main ul ul, main ol ol, main ul ol, main ol ul { margin: 12px 0 12px 1.5em; }

main ul ul li, main ol ul li { list-style-type: square; }

main ol ol li, main ul ol li { list-style-type: lower-alpha; }

.vacation-announcement { padding: 20px; border-radius: 10px; background: #4f7947; color: #fff; }

.vacation-announcement h3 { color: #fff; }

.vacation-announcement p { margin: 0; }

@media screen and (min-width: 720px) { aside { float: right; width: 34%; } }

aside h2 { margin: 0 0 10px 0 !important; font-size: 20px !important; line-height: 24px !important; }

@media screen and (min-width: 900px) { aside h2 { font-size: 24px !important; line-height: 28px !important; } }

aside p { margin: 0 0 10px 0; }

aside a.more-link { margin: 0 0 10px 0; }

aside img { margin: 0 0 30px 0; width: 360px; }

aside .sidebar-text-content { margin-bottom: 30px; }

aside blockquote { padding: 20px; }

aside blockquote .quote-source { margin: 12px 0 0 0; font-size: .85em; }

footer { font-size: .9em; background: url(images/bkgnd-footer.jpg); }

@media screen and (min-width: 720px) { footer { padding-bottom: 0; } }

footer #footer-content { max-width: 480px; margin: 0 auto; padding: 30px 20px; text-align: center; }

@media screen and (min-width: 720px) { footer #footer-content { max-width: 1100px; padding: 30px 30px 0 30px; } }

footer #footer-content p { margin: 0 0 12px 0; }

footer #footer-content h3, footer #footer-content h4 { margin: 0 0 10px 0; font-size: 16px; font-weight: 700; color: #004612; }

@media screen and (min-width: 720px) { footer #footer-content h3, footer #footer-content h4 { font-size: 20px; line-height: 24px; } }

footer #footer-content a { text-decoration: none; color: #223226; }

footer #footer-content a:hover { text-decoration: underline; }

@media screen and (min-width: 720px) { footer .footer-columns { display: grid; grid-template-columns: 1fr 1fr 1fr; grid-gap: 50px; } }

@media screen and (min-width: 720px) { footer #subscribe-footer .theme-button, footer #subscribe-footer nav.ubermenu > ul > li.nav-garden-planner a span, nav.ubermenu > ul > li.nav-garden-planner a footer #subscribe-footer span, footer #subscribe-footer #shiftnav-main .shiftnav-menu > li.mobile-nav-garden-planner a, #shiftnav-main .shiftnav-menu > li.mobile-nav-garden-planner footer #subscribe-footer a { margin: 0 auto; } }

@media screen and (min-width: 720px) { footer #map-footer #map-link { display: inline-block; margin-right: auto; margin-left: auto; } }

footer #map-footer #map-link a { display: inline-block; }

footer #map-footer #map-link img { display: inline-block; }

footer a#logo-footer { display: block; width: 175px; min-height: 20px; margin: 0 auto 12px auto; padding-top: 57px; background: url(images/logo-footer.png) no-repeat; }

@media screen and (min-width: 720px) { footer a#logo-footer { margin-right: auto; margin-left: auto; } }

footer a#logo-footer:hover { text-decoration: none; }

footer #tagline-footer { font-family: "Roboto Condensed"; color: #005523; font-size: 12px; font-weight: 700; padding-left: 3px; }

footer #tagline-footer br { display: none; }

footer ul#nav-footer { margin: 30px 0 10px 0; }

@media screen and (min-width: 720px) { footer ul#nav-footer { display: grid; grid-gap: 0 30px; align-content: start; grid-template-columns: 1fr 1fr 1fr 1fr 1fr; grid-template-rows: auto; grid-template-areas: "column-1 column-2 column-3 column-4 column-5-a" "column-1 column-2 column-3 column-4 column-5-b" "column-1 column-2 column-3 column-4 column-5-c" "column-1 column-2 column-3 column-4 ."; margin: 30px 0 0 0; padding: 30px 0 0 0; border-top: 1px solid #9d9959; } }

footer ul#nav-footer li:nth-child(1) { grid-area: column-1; }

footer ul#nav-footer li:nth-child(2) { grid-area: column-2; }

footer ul#nav-footer li:nth-child(3) { grid-area: column-3; }

footer ul#nav-footer li:nth-child(4) { grid-area: column-4; }

footer ul#nav-footer li:nth-child(5) { grid-area: column-5-a; }

footer ul#nav-footer li:nth-child(6) { grid-area: column-5-b; }

footer ul#nav-footer li:nth-child(7) { grid-area: column-5-c; }

footer ul#nav-footer > li { list-style-type: none; margin: 0 0 20px 0; }

footer ul#nav-footer > li > a { text-transform: uppercase; font-weight: 900; }

footer ul#nav-footer li { padding: 1px 0; list-style-type: none; }

@media screen and (min-width: 720px) { footer ul#nav-footer li { text-align: left; } }

footer ul#nav-footer li ul { margin: 2px 0 0 0; }

@media screen and (min-width: 720px) { footer ul#nav-footer li ul { margin: 10px 0 0 0; } }

footer ul#nav-footer li a:hover { text-decoration: underline; }

@media screen and (min-width: 720px) { footer ul#nav-footer li li { margin: 0 0 10px 0; } }

footer ul#nav-footer li li a { font-size: .9em; font-weight: 400; }

#footer-bottom { padding: 30px 0 0 0; text-align: center; color: #ddd; font-size: 12px; letter-spacing: .3px; background: url(images/bkgnd-footer-bottom.png); }

#copy-login p { margin: 0 0 16px 0; }

#copy-login a { display: inline-block; margin: 0 0 16px 0; color: #ddd; text-decoration: none; }

a.top { position: relative; display: block; margin: 30px 0 0 0; padding: 20px 0; color: #ddd; text-decoration: none; text-transform: uppercase; background: url(images/bkgnd-footer-bottom.png); z-index: 10000; }

.shiftnav-wrap { margin-top: 0 !important; }

#shiftnav-toggle-main { height: 55px !important; padding: 0 !important; background: url(images/bkgnd.jpg) !important; border-bottom: 1px solid #d0cec0 !important; }

@media screen and (min-width: 720px) { #shiftnav-toggle-main { height: 70px !important; } }

#shiftnav-toggle-main .shiftnav-main-toggle-content { padding: 0 !important; }

#shiftnav-toggle-main .shiftnav-main-toggle-content a { display: block; width: 110px; height: 37px; margin: 0 !important; padding: 10px 0 5px 35px !important; text-indent: -9999px; background: url(images/logo-small@2x.png) no-repeat center center; background-size: 110px 37px; }

@media screen and (min-width: 720px) { #shiftnav-toggle-main .shiftnav-main-toggle-content a { width: 147px; height: 49px; background-size: 147px 49px; } }

#shiftnav-toggle-main .shiftnav-searchbar-toggle { box-sizing: border-box !important; height: 55px !important; margin: 0 15px 0 10px; padding: 21px 22px 0 22px !important; }

@media screen and (max-width: 310px) { #shiftnav-toggle-main .shiftnav-searchbar-toggle { display: none; } }

@media screen and (min-width: 720px) { #shiftnav-toggle-main .shiftnav-searchbar-toggle { height: 70px !important; padding-top: 25px !important; font-size: 1.3em; } }

#shiftnav-toggle-main .shiftnav-cart-count { position: relative; display: block; float: left; box-sizing: border-box; height: 55px; margin: 0 10px; padding: 18px 10px 0 10px; font-size: 1.3em; }

@media screen and (max-width: 260px) { #shiftnav-toggle-main .shiftnav-cart-count { display: none; } }

@media screen and (min-width: 720px) { #shiftnav-toggle-main .shiftnav-cart-count { height: 70px !important; padding-top: 23px !important; font-size: 1.5em; } }

#shiftnav-toggle-main .shiftnav-cart-count .cart-contents { position: absolute; top: 13px; right: 3px; padding: 1px 5px; line-height: 1em; font-size: .6em; font-weight: 900 !important; font-family: "Roboto Condensed", sans-serif; color: #fff; background: #49b848; border-radius: 4px; }

@media screen and (min-width: 720px) { #shiftnav-toggle-main .shiftnav-cart-count .cart-contents { top: 16px !important; right: 1px; } }

#shiftnav-toggle-main .shiftnav-cart-count .cart-contents .items-text, #shiftnav-toggle-main .shiftnav-cart-count .cart-contents .cart-total { display: none !important; }

#shiftnav-toggle-main .shiftnav-toggle-burger { box-sizing: border-box !important; height: 55px !important; padding: 3px 22px 0 22px !important; font-size: 1.1em; }

@media screen and (min-width: 720px) { #shiftnav-toggle-main .shiftnav-toggle-burger { height: 70px !important; padding-right: 30px !important; font-size: 1.5em; } }

#shiftnav-main { background: url(images/bkgnd-off-canvas-nav.jpg); }

#shiftnav-main .shiftnav-cart-count { display: inline-block; margin: 25px 0 25px 20px; padding-right: 20px; font-size: 1.15em; font-weight: 500; color: #004612; border-right: 1px solid #d1cfbf; }

@media screen and (min-width: 360px) { #shiftnav-main .shiftnav-cart-count { padding-right: 25px; } }

#shiftnav-main .shiftnav-cart-count:hover { text-decoration: none; }

#shiftnav-main .shiftnav-cart-count i { padding-right: 8px; font-size: 1.3em; }

#shiftnav-main .shiftnav-cart-count .cart-contents { display: inline-block; }

#shiftnav-main a.shiftnav-account-link { display: inline-block; margin: 25px 10px 25px -3px; padding-left: 20px; font-size: 1.2em; font-weight: 500; color: #004612; border-left: 1px solid #fff; }

@media screen and (min-width: 360px) { #shiftnav-main a.shiftnav-account-link { padding-left: 25px; } }

#shiftnav-main a.shiftnav-account-link i { padding-right: 10px; font-size: 1.3em; }

#shiftnav-main .shiftnav-menu { border-top: 1px solid #d1cfbf; border-bottom: 1px solid #fff; }

#shiftnav-main .shiftnav-menu > li { border-top: 1px solid #fff; border-bottom: 1px solid #d1cfbf; }

#shiftnav-main .shiftnav-menu > li > a { display: block; padding: 20px !important; font-size: 1.2em !important; font-weight: 500 !important; color: #0b3a00 !important; text-transform: uppercase; text-decoration: none; }

#shiftnav-main .shiftnav-menu > li ul { background: none !important; }

#shiftnav-main .shiftnav-menu > li ul li:first-of-type a { padding-top: 5px !important; }

#shiftnav-main .shiftnav-menu > li ul li:nth-last-child(2) { margin-bottom: 20px !important; }

#shiftnav-main .shiftnav-menu > li ul li a { padding: 9px 20px !important; font-size: 1.15em !important; font-weight: 400 !important; }

#shiftnav-main .shiftnav-menu > li.mobile-nav-garden-planner { padding-top: 15px; padding-bottom: 15px; text-align: center; }

#shiftnav-main .shiftnav-menu > li.mobile-nav-garden-planner a { margin: 0; font-weight: 500 !important; }

#shiftnav-main .shiftnav-menu a { padding-top: 12px !important; padding-bottom: 12px !important; font-size: 1.3em !important; font-weight: 900 !important; color: #0b3a00 !important; background: none !important; }

#shiftnav-main .shiftnav-menu a:hover { text-decoration: underline; }

#shiftnav-main .shiftnav-menu span.shiftnav-submenu-activation { color: #004612 !important; background: none !important; }

#shiftnav-main .shiftnav-search .shiftnav-searchform { background: none !important; border-top: 1px solid #d0cec0 !important; border-bottom: 1px solid #d0cec0 !important; }

#shiftnav-main .shiftnav-search .shiftnav-searchform .shiftnav-search-input { font-size: 1.3em !important; font-family: "Roboto", sans-serif !important; color: #000 !important; border: 0 !important; }

#shiftnav-main .shiftnav-search .shiftnav-searchform .shiftnav-search-submit { font-size: 1.1em !important; color: #999 !important; }

.shiftnav.shiftnav-skin-light ul.shiftnav-menu li.menu-item.current-menu-item > .shiftnav-target, .shiftnav.shiftnav-skin-light ul.shiftnav-menu > li.shiftnav-sub-accordion.current-menu-ancestor > .shiftnav-target, .shiftnav.shiftnav-skin-light ul.shiftnav-menu > li.shiftnav-sub-shift.current-menu-ancestor > .shiftnav-target, .shiftnav.shiftnav-skin-light ul.shiftnav-menu li.menu-item ul.sub-menu .current-menu-item .shiftnav-target { background: none !important; }

header { position: absolute; top: auto; left: -9999px; width: 1px; height: 1px; }

@media screen and (min-width: 1000px) { header { position: fixed; top: 0; left: auto; width: 100%; height: auto; overflow: visible; background: url(images/bkgnd-tan-light.jpg) !important; border-bottom: 1px solid #d0cec0; z-index: 10000 !important; } header:after { content: ""; display: table; clear: both; } }

@media screen and (min-width: 1000px) { header.notification-bar-header-exists { position: relative; } }

header.notification-bar-header-exists.header-fixed { position: fixed; }

#top-bar { position: relative; background: url(images/bkgnd-tan-dark.jpg); border-bottom: 1px solid #d0cec0; z-index: 100000; }

#top-bar:after { content: ""; display: table; clear: both; }

#top-bar .top-bar-content { max-width: 1100px; height: 50px; margin: 0 auto; font-size: .9em !important; }

#top-bar .ubermenu-target { height: 50px; padding: 16px 20px 0 20px !important; color: #004612 !important; }

#top-bar .ubermenu-target:hover { background: rgba(255, 255, 255, 0.5); }

#top-bar .ubermenu-target i { font-size: 1.1em; }

#top-bar .ubermenu-active .ubermenu-target { background: rgba(255, 255, 255, 0.5); }

#top-bar .top-bar-search .ubermenu-target:hover { cursor: pointer !important; }

#top-bar .top-bar-search .ubermenu-target:focus { outline: none; }

#top-bar .top-bar-search ul.ubermenu-submenu { min-width: 0 !important; margin-top: 1px !important; padding: 0 !important; box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.25) !important; }

#top-bar .top-bar-search ul.ubermenu-submenu .ubermenu-content-block { width: 600px; }

@media screen and (min-width: 1100px) { #top-bar .top-bar-search ul.ubermenu-submenu .ubermenu-content-block { width: 700px; } }

#top-bar .top-bar-search ul.ubermenu-submenu .ubermenu-content-block .ubermenu-search { width: 100% !important; padding: 0 0 0 20px !important; background: #fffef5 !important; }

#top-bar .top-bar-search ul.ubermenu-submenu .ubermenu-content-block form { height: auto !important; background: none !important; }

#top-bar .top-bar-search ul.ubermenu-submenu .ubermenu-content-block form .ubermenu-search-input { max-width: none !important; padding: 25px 5px !important; font-size: 2em; font-family: "Roboto", sans-serif !important; color: #004612; border: 0 !important; }

#top-bar .top-bar-search ul.ubermenu-submenu .ubermenu-content-block form .ubermenu-search-submit { width: 70px !important; font-size: 1.1em; color: #004612; }

.header-content { position: relative; max-width: 1300px; margin: 0 auto; }

@media screen and (min-width: 720px) { #logo-tagline-wrap { max-width: 1060px; margin: 0 auto; } }

@media screen and (min-width: 1000px) { #logo-tagline { position: absolute; top: 10px; left: 10px; text-align: right; z-index: 1000000; } }

@media screen and (min-width: 1100px) { #logo-tagline { top: -14px; left: 20px; } }

@media screen and (min-width: 1300px) { #logo-tagline { top: -35px; left: 20px; } }

@media screen and (min-width: 1000px) { #logo-tagline a#logo { display: block; width: 175px; height: 57px; background: url(images/logo-large@2x.png); background-size: 175px 57px; } }

@media screen and (min-width: 1100px) { #logo-tagline a#logo { width: 225px; height: 73px; background: url(images/logo-large.png); background-size: 225px 73px; } }

@media screen and (min-width: 1300px) { #logo-tagline a#logo { width: 300px; height: 98px; background: url(images/logo-large.png); background-size: 300px 98px; } }

@media screen and (min-width: 1000px) { #logo-tagline a#tagline { display: block; margin: 4px 10px 0 0; font-size: .85em; text-decoration: none; color: #017430; font-family: "Roboto Condensed"; } }

@media screen and (min-width: 1100px) { #logo-tagline a#tagline { margin-right: 10px; font-size: 1em; } }

@media screen and (min-width: 1300px) { #logo-tagline a#tagline { margin-right: 12px; } }

@media screen and (min-width: 1000px) { nav.ubermenu { height: 100px !important; } }

nav.ubermenu .ubermenu-nav { position: relative !important; }

nav.ubermenu > ul { display: inline-block !important; margin: 0 auto !important; border-left: 1px solid #bcbaac !important; }

nav.ubermenu > ul > li > .ubermenu-target { display: block !important; height: 100px !important; padding: 23px 20px 0 20px !important; font-family: "Roboto Condensed", sans-serif !important; font-size: 1em !important; color: #0b3a00 !important; font-weight: 700 !important; text-transform: uppercase !important; text-align: center !important; text-decoration: none !important; border-right: 1px solid #bcbaac !important; border-left: 1px solid #fff !important; }

nav.ubermenu > ul > li > .ubermenu-target:hover { background: #f3f1e4 !important; }

nav.ubermenu > ul > li > .ubermenu-target:focus { outline: none; }

nav.ubermenu > ul > li > .ubermenu-target .ubermenu-target-description { display: block !important; margin: 4px 0 0 0 !important; font-size: .8em !important; font-style: italic !important; text-transform: none !important; font-weight: 300 !important; line-height: 1.3em; }

nav.ubermenu > ul > li.ubermenu-active > .ubermenu-target { background: #f3f1e4 !important; }

nav.ubermenu > ul > li.nav-garden-planner { text-align: center; }

nav.ubermenu > ul > li.nav-garden-planner a { padding-top: 18px !important; font-size: .9em !important; border: 0 !important; }

@media screen and (min-width: 1100px) { nav.ubermenu > ul > li.nav-garden-planner a { padding-top: 28px !important; } nav.ubermenu > ul > li.nav-garden-planner a br { display: none; } }

nav.ubermenu > ul > li.nav-garden-planner a:hover { background: none !important; }

nav.ubermenu > ul > li.nav-garden-planner a span { margin: 0; }

nav.ubermenu > ul > li:nth-last-child(2) { border-right: 1px solid #fff !important; }

nav.ubermenu ul.ubermenu-submenu-type-flyout { display: block !important; min-width: 240px; background: #f3f1e4 !important; border: 1px solid #d0cec0 !important; border-bottom: 0 !important; box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.35) !important; }

nav.ubermenu ul.ubermenu-submenu-type-flyout > li > a { padding: 18px 20px !important; font-size: .95em; color: #0b3a00 !important; font-family: "Roboto Condensed", sans-serif; border-bottom: 1px solid #d0cec0 !important; }

nav.ubermenu ul.ubermenu-submenu-type-flyout > li > a:hover { color: #000 !important; background: #ffe744 !important; }

html.jPanelMenu { overflow-x: visible !important; /* fix double vertical scrollbar issue created by jpanelmenu */ }

body { position: relative; overflow-x: hidden; -webkit-text-size-adjust: 100%; font-family: "Roboto", sans-serif; color: #000; background: url(images/bkgnd.jpg); }

#headroom { display: none; }

@media screen and (min-width: 900px) { #headroom { display: block; height: 150px; } }

#headroom.notification-bar-header-exists { display: none; }

@media screen and (min-width: 900px) { #headroom.notification-bar-header-exists.header-fixed { display: block; } }

main { clear: both; position: relative; margin: 0 auto; padding: 24px 20px; background: url(images/bkgnd-gray-light.jpg); }

main:after { content: ""; display: table; clear: both; }

@media screen and (min-width: 720px) { main { padding: 30px; } }

@media screen and (min-width: 900px) { main { padding: 30px; } }

.page-content { background: url(images/bkgnd-gray-light.jpg); }

@media screen and (min-width: 720px) { .page-content { max-width: 1060px; margin: 0 auto; } }

article { margin: 0 0 40px 0; }

@media screen and (min-width: 720px) { article { float: left; width: 60%; } }

/*  small screen fixed positioning for wp toolbar on front end
================================================================*/
@media only screen and (max-width: 680px) { html #wpadminbar { position: absolute !important; top: -46px !important; z-index: 90000 !important; } }

.page-template-page-faq h2 { font-weight: 700 !important; font-size: 18px !important; text-transform: none; font-family: "Roboto", sans-serif; }

.page-template-page-faq ol.faq-list { margin-bottom: 40px !important; }

.page-template-page-faq ol.faq-list li { margin: 0 0 12px 0 !important; list-style-position: outside; }

.page-template-page-faq ol.faq-list li a { font-weight: 500; color: #004612 !important; }

.page-template-page-faq ol.faq-list li a:hover { text-decoration: underline; }

.page-template-page-faq ol.faq-answers li { position: relative; font-weight: 700; list-style-position: outside; color: #004612 !important; }

.page-template-page-faq ol.faq-answers li p { font-weight: 400; color: #000; }

.page-template-page-faq .faq-anchor { position: absolute; top: -120px; }

.page-template-page-faq ol ul li { list-style-type: disc !important; }

a.to-top { display: inline-block; margin: 10px 0 30px 0; font-weight: normal !important; font-size: 14px; color: #999 !important; text-decoration: none; }

.page-template-page-features #intro img { margin-top: -34px; margin-bottom: -10px; }

.page-template-page-features h2 { margin: 0 0 24px 0; font-size: 22px; line-height: 25px; }

@media screen and (min-width: 720px) { .page-template-page-features h2 { font-size: 28px; line-height: 30px; } }

.page-template-page-features main ol { counter-reset: li; margin: 0; padding-left: 0; }

.page-template-page-features main ol > li { position: relative; margin: 0 0 20px 50px; padding: 0 0 10px 0; list-style: none; }

@media screen and (min-width: 600px) { .page-template-page-features main ol > li { margin-left: 60px; } }

.page-template-page-features main ol > li:before { display: flex; justify-content: center; align-items: center; position: absolute; top: -3px; left: -50px; width: 40px; height: 40px; content: counter(li); counter-increment: li; text-align: center; color: #fff; font-weight: 700; font-size: 1.5em; background: #00431a; border-radius: 100px; }

@media screen and (min-width: 600px) { .page-template-page-features main ol > li:before { left: -60px; } }

.page-template-page-features main ol > li h3 { font-weight: 900; }

.page-template-page-features main ol > li p { margin: 0; }

.home main { padding: 0 !important; background: none !important; }

.home .hero img { display: block; }

@media screen and (max-width: 310px) { .home .hero h1 br, .home .hero h2 br { display: none; } }

.home .hero h1 span { font-weight: 300; }

.home .hero h2 { font-weight: 400; text-transform: none; }

@media screen and (min-width: 720px) { .home .hero h2 { font-weight: 300; } }

.home .hero h2 strong { font-weight: 700; }

@media screen and (min-width: 720px) { .home .hero h2 strong { font-weight: 400; } }

.home .hero .theme-button, .home .hero #shiftnav-main .shiftnav-menu > li.mobile-nav-garden-planner a, #shiftnav-main .shiftnav-menu > li.mobile-nav-garden-planner .home .hero a, .home .hero nav.ubermenu > ul > li.nav-garden-planner a span, nav.ubermenu > ul > li.nav-garden-planner a .home .hero span { display: inline-block; min-width: 67px; margin: 0 6px 15px 6px; }

@media screen and (min-width: 720px) { .home .hero .theme-button, .home .hero #shiftnav-main .shiftnav-menu > li.mobile-nav-garden-planner a, #shiftnav-main .shiftnav-menu > li.mobile-nav-garden-planner .home .hero a, .home .hero nav.ubermenu > ul > li.nav-garden-planner a span, nav.ubermenu > ul > li.nav-garden-planner a .home .hero span { margin: 0 12px; min-width: 80px; text-shadow: none; border-color: transparent; } }

@media screen and (min-width: 900px) { .home .hero .theme-button, .home .hero #shiftnav-main .shiftnav-menu > li.mobile-nav-garden-planner a, #shiftnav-main .shiftnav-menu > li.mobile-nav-garden-planner .home .hero a, .home .hero nav.ubermenu > ul > li.nav-garden-planner a span, nav.ubermenu > ul > li.nav-garden-planner a .home .hero span { margin: 0 14px; min-width: 110px; } }

.home .home-announcement { position: relative; max-width: 1100px; margin: 40px auto 0 auto; padding: 0 30px; border-radius: 10px; overflow: hidden; }

.home .home-announcement .content { border-radius: 10px; overflow: hidden; position: relative; text-align: center; background-size: cover; background-position: center center; background-repeat: no-repeat; z-index: 100; }

.home .home-announcement .content .text-wrap { position: relative; max-width: 550px; margin: 0 auto; padding: 40px 20px 45px 20px; z-index: 1000; }

@media screen and (min-width: 720px) { .home .home-announcement .content .text-wrap { padding: 60px 40px 70px 40px; } }

@media screen and (min-width: 900px) { .home .home-announcement .content .text-wrap { box-sizing: border-box; padding: 100px 50px; } }

.home .home-announcement .content .text-wrap h2 { margin: 0 0 20px 0; line-height: 1em; font-size: 2em; text-transform: none; }

.home .home-announcement .content .text-wrap h2 a { color: #fff29b; }

@media screen and (min-width: 900px) { .home .home-announcement .content .text-wrap h2 { font-size: 2.5em; } }

@media screen and (min-width: 1100px) { .home .home-announcement .content .text-wrap h2 { margin: 0 0 25px 0; font-size: 3em; } }

.home .home-announcement .content .text-wrap p { margin: 0 0 30px 0; font-size: 1.1em; font-weight: 400; line-height: 1.5em; color: #fff; }

@media screen and (min-width: 1100px) { .home .home-announcement .content .text-wrap p { margin: 0 0 35px 0; font-size: 1.2em; } }

.home .home-announcement .content .text-wrap .theme-button, .home .home-announcement .content .text-wrap #shiftnav-main .shiftnav-menu > li.mobile-nav-garden-planner a, #shiftnav-main .shiftnav-menu > li.mobile-nav-garden-planner .home .home-announcement .content .text-wrap a, .home .home-announcement .content .text-wrap nav.ubermenu > ul > li.nav-garden-planner a span, nav.ubermenu > ul > li.nav-garden-planner a .home .home-announcement .content .text-wrap span { margin: 0 14px; border: 0; }

.home .home-announcement .content span.overlay { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 32, 13, 0.7); z-index: 10; }

.home .callout { position: relative; max-width: 1100px; margin: 40px auto 0 auto; padding: 0 30px; border-radius: 10px; overflow: hidden; }

@media screen and (min-width: 900px) { .home .callout { height: 400px; margin: 60px auto 20px auto; } }

.home .callout .content { border-radius: 10px; overflow: hidden; }

@media screen and (min-width: 720px) { .home .callout .content { display: grid; grid-template-columns: 1fr 1fr; } }

@media screen and (min-width: 900px) { .home .callout .content { display: block; height: 400px; } }

.home .callout .text-wrap { position: relative; padding: 40px 20px 45px 20px; background-size: cover; background-position: center center; background-repeat: no-repeat; border-radius: 10px 10px 0 0; overflow: hidden; }

@media screen and (min-width: 720px) { .home .callout .text-wrap { display: flex; align-items: center; padding: 60px 40px 70px 40px; border-radius: 10px 0 0 10px; } }

@media screen and (min-width: 900px) { .home .callout .text-wrap { width: 700px; height: 400px; box-sizing: border-box; padding: 100px 350px 100px 50px; } }

@media screen and (min-width: 1100px) { .home .callout .text-wrap { padding-right: 300px; } }

.home .callout .text-wrap .text-content { position: relative; text-align: center; z-index: 100; }

@media screen and (min-width: 720px) { .home .callout .text-wrap .text-content { text-align: left; } }

.home .callout .text-wrap .text-content h2 { margin: 0 0 15px 0; font-size: 2em; text-transform: none; }

.home .callout .text-wrap .text-content h2 a { color: #fff29b; }

@media screen and (min-width: 900px) { .home .callout .text-wrap .text-content h2 { font-size: 2.5em; } }

@media screen and (min-width: 1100px) { .home .callout .text-wrap .text-content h2 { font-size: 3em; } }

.home .callout .text-wrap .text-content p { margin: 0 0 30px 0; font-size: 1.1em; font-weight: 400; line-height: 1.5em; color: #fff; }

@media screen and (min-width: 1100px) { .home .callout .text-wrap .text-content p { font-size: 1.2em; } }

.home .callout .text-wrap .text-content .theme-button, .home .callout .text-wrap .text-content #shiftnav-main .shiftnav-menu > li.mobile-nav-garden-planner a, #shiftnav-main .shiftnav-menu > li.mobile-nav-garden-planner .home .callout .text-wrap .text-content a, .home .callout .text-wrap .text-content nav.ubermenu > ul > li.nav-garden-planner a span, nav.ubermenu > ul > li.nav-garden-planner a .home .callout .text-wrap .text-content span { margin: 0; border: 0; }

.home .callout .text-wrap span.overlay { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 32, 13, 0.7); z-index: 10; }

.home .callout .img-wrap { position: relative; height: 250px; border-radius: 0 0 10px 10px; overflow: hidden; }

@media screen and (min-width: 600px) { .home .callout .img-wrap { height: 300px; } }

@media screen and (min-width: 720px) { .home .callout .img-wrap { height: auto; border-radius: 0 10px 10px 0; } }

@media screen and (min-width: 900px) { .home .callout .img-wrap { position: absolute; top: 0; right: 30px; width: 800px; height: 400px; z-index: 1000; } }

.home .callout .img-wrap img { position: absolute; top: -70px; left: -100px; display: block; width: 150%; max-width: none; -webkit-transform: rotate(20deg); transform: rotate(20deg); }

@media screen and (min-width: 600px) { .home .callout .img-wrap img { top: -120px; left: -100px; width: 800px; } }

@media screen and (min-width: 720px) { .home .callout .img-wrap img { width: 600px; } }

@media screen and (min-width: 900px) { .home .callout .img-wrap img { top: -60px; right: -20%; left: auto; width: 600px; } }

@media screen and (min-width: 1000px) { .home .callout .img-wrap img { right: -10%; } }

.home .home-quotes { display: grid; grid-gap: 30px; max-width: 1100px; margin: 0 auto; padding: 40px 30px; }

@media screen and (min-width: 900px) { .home .home-quotes { grid-template-columns: 1fr 1fr; padding-bottom: 45px; } }

.home .home-quotes blockquote { margin: 0 !important; padding: 30px 20px; text-align: center; font-size: 1.4em; font-weight: 700; border: 0; text-align: center; background: rgba(131, 123, 66, 0.15); border-radius: 10px; }

@media screen and (min-width: 900px) { .home .home-quotes blockquote { font-size: 1.5em; } }

@media screen and (min-width: 1100px) { .home .home-quotes blockquote { font-size: 1.7em; } }

.home .home-quotes blockquote br { display: none; }

@media screen and (min-width: 480px) { .home .home-quotes blockquote br { display: inline; } }

@media screen and (min-width: 720px) { .home .home-quotes blockquote br { display: none; } }

@media screen and (min-width: 900px) { .home .home-quotes blockquote em { display: inline; } }

.home .home-quotes blockquote .quote-source { margin: 10px 0 0 0; font-size: .7em; }

@media screen and (min-width: 900px) { .home .home-quotes blockquote .quote-source { font-size: .65em; } }

@media screen and (min-width: 1100px) { .home .home-quotes blockquote .quote-source { font-size: .55em; } }

.home .home-vid-wrap { max-width: 1100px; margin: 0 auto; }

.home .home-vid-wrap .fluid-width-video-wrapper { margin: 0; }

.home .home-cards { display: grid; grid-gap: 30px; max-width: 480px; margin: 0 auto; padding: 40px 30px; }

@media screen and (min-width: 900px) { .home .home-cards { grid-template-columns: 1fr 1fr 1fr; max-width: 1100px; padding: 50px 30px; } }

.home .home-cards .home-card { display: grid; padding: 30px 20px; text-align: center; background: rgba(131, 123, 66, 0.15); border-radius: 10px; }

@media screen and (min-width: 1100px) { .home .home-cards .home-card { text-align: left; } }

.home .home-cards .home-card .card-icon-head { display: grid; grid-gap: 25px; justify-items: center; margin: 0 0 20px 0; }

@media screen and (min-width: 1100px) { .home .home-cards .home-card .card-icon-head { grid-template-columns: 1fr 3fr; grid-gap: 10px; margin: 0 0 25px 0; } }

.home .home-cards .home-card .card-icon-head img { min-height: 62px; max-height: 62px; }

.home .home-cards .home-card .card-icon-head h3 { margin: 0; font-size: 1.2em; text-transform: none; }

.home .home-cards .home-card .card-icon-head h3 a { color: inherit; }

.home .home-cards .home-card ol { margin: 0 0 5px 0; }

.home .home-cards .home-card ol li:last-of-type { margin: 0; }

.home .home-cards .home-card p { margin: 0; }

.home .home-cards .home-card .theme-button, .home .home-cards .home-card #shiftnav-main .shiftnav-menu > li.mobile-nav-garden-planner a, #shiftnav-main .shiftnav-menu > li.mobile-nav-garden-planner .home .home-cards .home-card a, .home .home-cards .home-card nav.ubermenu > ul > li.nav-garden-planner a span, nav.ubermenu > ul > li.nav-garden-planner a .home .home-cards .home-card span { display: block; margin: 25px auto 0 auto; }

@media screen and (min-width: 1100px) { .home .home-cards .home-card .theme-button, .home .home-cards .home-card #shiftnav-main .shiftnav-menu > li.mobile-nav-garden-planner a, #shiftnav-main .shiftnav-menu > li.mobile-nav-garden-planner .home .home-cards .home-card a, .home .home-cards .home-card nav.ubermenu > ul > li.nav-garden-planner a span, nav.ubermenu > ul > li.nav-garden-planner a .home .home-cards .home-card span { margin: 30px 0 0 0; } }

.home .home-features { display: flex; justify-content: center; position: relative; margin: 0 auto; overflow: hidden; color: #fff; background-size: cover; background-position: center center; background-repeat: no-repeat; z-index: 0; }

.home .home-features img { position: absolute; opacity: 0; }

.home .home-features .content { max-width: 480px; margin: 0 auto; padding: 40px 30px; text-align: center; background: rgba(0, 32, 13, 0.7); }

@media screen and (min-width: 900px) { .home .home-features .content { max-width: 1100px; box-sizing: border-box; padding: 60px 150px; } }

@media screen and (min-width: 1100px) { .home .home-features .content { padding: 60px 170px; } }

.home .home-features .content h2 { margin: 0 0 20px 0; font-size: 2em; text-transform: none; color: #fff29b; }

@media screen and (min-width: 900px) { .home .home-features .content h2 { font-size: 3em; } }

.home .home-features .content h3 { margin: 0 0 15px 0; font-size: 1.3em; font-weight: 700; text-transform: none; color: #fff; }

@media screen and (min-width: 900px) { .home .home-features .content h3 { font-size: 1.5em; font-weight: 500; } }

.home .home-features .content .home-feature-items { display: grid; grid-template-columns: 1fr 1fr; grid-gap: 20px; margin: 35px 0; }

@media screen and (min-width: 900px) { .home .home-features .content .home-feature-items { margin: 40px 0; grid-template-columns: 1fr 1fr 1fr 1fr; } }

.home .home-features .content .home-feature-items .feature-item { padding: 15px 10px; font-weight: 700; border: 1px solid rgba(255, 255, 255, 0.6); border-radius: 10px; }

.home .home-features .content .home-feature-items .feature-item i { display: block; margin: 0 0 10px 0; color: #8ac71a; font-size: 2em; }

.home .home-features .content .home-features-blurbs { display: grid; grid-gap: 30px; margin: 35px 0; }

@media screen and (min-width: 900px) { .home .home-features .content .home-features-blurbs { grid-template-columns: 1fr 1fr; grid-gap: 50px; margin: 35px 0 40px 0; text-align: left; } }

.home .home-features .content .home-features-blurbs h3 { color: #fff29b; }

.home .home-features .content .home-features-blurbs p { margin: 0; }

.home .home-features .content .theme-button, .home .home-features .content #shiftnav-main .shiftnav-menu > li.mobile-nav-garden-planner a, #shiftnav-main .shiftnav-menu > li.mobile-nav-garden-planner .home .home-features .content a, .home .home-features .content nav.ubermenu > ul > li.nav-garden-planner a span, nav.ubermenu > ul > li.nav-garden-planner a .home .home-features .content span { display: inline-block; border: 0; }

@media screen and (min-width: 720px) { .page-template-page-mats article { width: 100%; } }

@media screen and (min-width: 720px) { .page-template-page-mats .primary-content { max-width: 800px; margin: 0 0 30px 0; } }

.page-template-page-planting-tips ul.veg-alphabetical-list { list-style-type: none; margin: 0 0 30px 0 !important; padding: 5px 14px; background: rgba(255, 255, 255, 0.2); }

.page-template-page-planting-tips ul.veg-alphabetical-list li { display: inline; padding-right: 5px; color: #777; }

.page-template-page-planting-tips ul.veg-alphabetical-list li a { text-decoration: underline !important; }

.page-template-page-planting-tips .planting-tip { margin: 0 0 20px 0; }

.page-template-page-planting-tips .planting-tip h3 { text-transform: none; }

.page-template-page-planting-tips .planting-tip span.planting-tip-dot { margin-left: -4px; }

.page-template-page-planting-tips .planting-tip img { width: 90px; }

body.search #searchform { position: relative; max-width: 100%; height: 70px; margin: 0 0 30px 0; }

body.search #searchform input#searchfield { box-sizing: border-box; width: 100%; max-width: none; height: 100%; padding: 14px 50px 14px 15px; font-family: "Roboto", sans-serif; font-weight: 300; font-size: 1.3em; color: #017430; }

body.search #searchform input#searchsubmit { position: absolute; right: 0; top: 0; width: 50px; height: 100%; line-height: 1; font-family: "Font Awesome 5 Pro"; font-size: 1em; color: #017430 !important; cursor: pointer; background: none; }

body.search article { float: none; max-width: 900px !important; margin: 0 auto 30px auto !important; padding-top: 30px !important; }

body.search article h2 { margin: 0 0 20px 0; font-size: 1.5em; text-transform: none; }

body.search article .search-excerpt { margin: 0 0 20px 0; font-size: .95em; }

body.search article .search-excerpt h3 { text-transform: none; font-weight: 400; }

body.search article .search-excerpt mark.searchwp-highlight { background: none; font-weight: 700; }

body.search article a.search-result { display: block; margin: 0; padding: 20px 0; font-weight: 500; border-bottom: 1px solid #bcbaac; }

.page-template-page-shop-php article, .page-template-page-accessories-php article, .page-template-page-diy-php article { width: 100%; }

.page-template-page-shop-php h2, .page-template-page-accessories-php h2, .page-template-page-mats-php h2, .page-template-page-diy-php h2 { margin: 0 0 15px 0; font-weight: 400; color: #000; }

a.product-wrap { position: relative; display: block; max-width: 360px; margin: 0 0 30px 0; padding: 20px 20px 90px 20px; background: rgba(255, 255, 255, 0.5); color: #000; font-size: 14px; }

@media screen and (max-width: 719px) { a.product-wrap { height: auto !important; max-height: 888678px; } }

a.product-wrap:hover { text-decoration: none; }

a.product-wrap img { margin: 0 0 10px 0; }

a.product-wrap h3 { margin: 0 0 2px 0; font-size: 17px; text-transform: none; color: #000; }

a.product-wrap .out-of-stock { margin: 5px 0 0 0; color: red; }

a.product-wrap .theme-button, a.product-wrap #shiftnav-main .shiftnav-menu > li.mobile-nav-garden-planner a, #shiftnav-main .shiftnav-menu > li.mobile-nav-garden-planner a.product-wrap a, nav.ubermenu > ul > li.nav-garden-planner a.product-wrap span { position: absolute; bottom: 20px; left: 8%; right: 8%; margin: 15px 0 0 0; }

.mats-price, .accessory-price, .diy-price { margin: 7px 0 0 0; color: #555; }

@media screen and (min-width: 720px) { .mats-wrap { float: left; width: 29.5%; margin: 0 30px 0 0; } }

@media screen and (min-width: 720px) { .accessories-wrap { float: left; width: 65.5%; } }

@media screen and (min-width: 720px) { .accessories-wrap .product-wrap { float: left; width: 36%; margin-right: 30px; } }

@media screen and (min-width: 900px) { .accessories-wrap .product-wrap { width: 40%; } }

@media screen and (min-width: 720px) { .diy-wrap .product-wrap { float: left; width: 24%; margin-right: 30px; } }

@media screen and (min-width: 900px) { .diy-wrap .product-wrap { width: 25.75%; } }

@media screen and (min-width: 1100px) { .diy-wrap .product-wrap { width: 26%; } }

@media screen and (min-width: 720px) { .accessories-wrap .product-wrap:last-of-type, .diy-wrap .product-wrap:last-of-type { margin-right: 0; } }

.page-template-page-testimonials-state .testimonials h3 { font-size: 1.75em; font-weight: 300; text-transform: none; }

.woocommerce-account .page-content { max-width: 900px; }

.woocommerce-account article { float: none !important; width: 100% !important; }

.woocommerce-account .input-text { padding: 10px !important; font-family: "Roboto", sans-serif; font-size: 14px; border: 1px solid #C7C0C7 !important; border-radius: 2px; line-height: normal !important; }

.woocommerce-account .woocommerce-MyAccount-navigation ul { text-transform: uppercase; font-weight: 500; }

.woocommerce-account .woocommerce form.login, .woocommerce-account .woocommerce form.register { max-width: 480px; }

.woocommerce-account .woocommerce-MyAccount-content { padding: 20px; box-sizing: border-box; background: rgba(255, 255, 255, 0.5); border-radius: 10px; }

.woocommerce-account .woocommerce-MyAccount-content .button { display: inline-block; width: auto !important; max-width: 300px !important; margin: 20px 0 30px 0; padding: 13px 30px; text-align: center !important; color: #00431a !important; text-transform: uppercase !important; font-weight: 900 !important; font-size: .85em !important; text-decoration: none !important; background: #ffe744 url(images/button-bkgnd.png) repeat-x !important; border: 1px solid #aeaa95; border-radius: 4px !important; text-shadow: none !important; box-shadow: none !important; }

.woocommerce-account .woocommerce-Addresses .woocommerce-Address { margin: 0 0 30px 0 !important; padding: 20px; box-sizing: border-box; border: 1px solid #d0cec0; border-radius: 10px; }

.woocommerce-account .woocommerce-Addresses header { position: relative !important; top: 0 !important; left: auto !important; width: 100% !important; height: auto !important; overflow: visible !important; background: none !important; border: 0 !important; }

.woocommerce-account .woocommerce-Addresses header h3 { text-transform: none; }

.woocommerce-account .woocommerce-Addresses header a { padding: 5px 0 0 0 !important; font-size: .9em !important; }

.woocommerce-cart th.product-remove, .woocommerce-cart td.product-remove, .woocommerce-cart th.product-price, .woocommerce-cart td.product-price { display: none; }

@media screen and (min-width: 480px) { .woocommerce-cart th.product-remove, .woocommerce-cart td.product-remove, .woocommerce-cart th.product-price, .woocommerce-cart td.product-price { display: table-cell; } }

.woocommerce #content table.cart a.remove, .woocommerce table.cart a.remove, .woocommerce-page #content table.cart a.remove, .woocommerce-page table.cart a.remove { color: #007E95 !important; font-weight: normal !important; }

.woocommerce #content table.cart a.remove:hover, .woocommerce table.cart a.remove:hover, .woocommerce-page #content table.cart a.remove:hover, .woocommerce-page table.cart a.remove:hover { color: red !important; background: none !important; }

#calc_shipping_country { font-size: 14px; }

.coupon input.input-text, #calc_shipping_postcode, #calc_shipping_state, #calc_shipping_city { padding: 10px !important; font-size: 14px; font-family: "Roboto", sans-serif; border: 1px solid #C7C0C7 !important; border-radius: 2px; }

@media screen and (max-width: 310px) { .coupon input.input-text, .woocommerce-cart .actions .button { float: none !important; display: block; margin-bottom: 10px !important; } }

@media screen and (min-width: 720px) { .coupon { float: none !important; margin: 0 0 10px 0; } }

@media screen and (min-width: 900px) { .coupon { float: left !important; margin: 0 5px 0 0; } }

@media screen and (min-width: 720px) { .coupon input#coupon_code { width: 48% !important; } }

@media screen and (min-width: 900px) { .coupon input#coupon_code { width: 90px !important; } }

@media screen and (min-width: 1100px) { .coupon input#coupon_code { width: 160px !important; } }

@media screen and (min-width: 900px) { .actions > input.button { float: left !important; margin: 0 5px 0 0 !important; } }

@media screen and (min-width: 900px) { .actions > input.checkout-button { float: right !important; margin: 0 !important; } }

.woocommerce-cart .actions .button { background: #ddd !important; color: #444 !important; font-weight: 400 !important; }

.woocommerce-cart .actions .button:hover { background: #fff191 !important; }

.woocommerce-cart .actions .checkout-button { color: #00431a !important; background: #ffe744 url(images/button-bkgnd.png) repeat-x !important; }

.woocommerce-cart .sidebar-text-content { margin-bottom: 10px; }

.woocommerce-cart .sidebar-text-content img { float: left; width: 100px; margin: 5px 14px 10px 0; }

tr.tax-total small { padding: 0 0 5px 0; font-weight: 400; color: #888 !important; }

form.shipping_calculator { max-width: 200px; }

form.shipping_calculator input.input-text { border: 1px solid #C7C0C7 !important; border-radius: 2px; font-family: "Roboto", sans-serif; padding: 6px !important; }

form.shipping_calculator .button { font-weight: 400 !important; }

.shipping-calculator-button { display: block; margin: 20px 0 0 0; padding: 5px 10px; text-align: center !important; font-weight: 400 !important; font-size: 15px !important; text-transform: none; text-decoration: none !important; color: #444 !important; background: #ddd !important; border: 1px solid #9b9a8e !important; border-radius: 4px !important; -webkit-border-radius: 4px !important; }

.shipping-calculator-button:after { font-size: 13px !important; }

.shipping-calculator-button:hover { background: #fff191 !important; }

@media screen and (min-width: 720px) { .woocommerce .cart-collaterals .cart_totals, .woocommerce-page .cart-collaterals .cart_totals { width: 100% !important; } }

@media screen and (min-width: 720px) { .woocommerce .cart-collaterals table { width: 100% !important; } }

@media screen and (min-width: 720px) { .woocommerce .cart-collaterals table th { width: 50% !important; text-align: left !important; } }

@media screen and (min-width: 720px) { .woocommerce-cart .wc-proceed-to-checkout a.checkout-button { float: right !important; width: 300px !important; } }

.page-template-page-checkout .customer-msg { margin: 0 0 30px 0; padding: 20px 20px 5px 20px; background: rgba(255, 255, 255, 0.5); border-left: 6px solid #004612; }

@media screen and (min-width: 900px) { .page-template-page-checkout .customer-msg { margin-bottom: 30px; } }

@media screen and (max-width: 310px) { .woocommerce-checkout .checkout_coupon .form-row { display: block !important; float: none !important; width: 100% !important; } }

.woocommerce-checkout .checkout_coupon .form-row .button { font-weight: normal !important; }

.woocommerce-checkout .chosen-container-single .chosen-single { background: #f4f4f4 !important; }

.woocommerce-checkout .input-text { padding: 10px !important; font-family: "Roboto", sans-serif; font-size: 14px; border: 1px solid #C7C0C7 !important; border-radius: 2px; line-height: normal !important; }

.woocommerce-checkout textarea#order_comments { min-height: 100px; font-size: .8em; }

.woocommerce-checkout input#ship-to-different-address-checkbox { border-radius: 6px !important; }

.woocommerce-checkout article .woocommerce header { background: none !important; border: 0 !important; }

.woocommerce-checkout article .woocommerce .customer_details { margin-bottom: 20px !important; }

.woocommerce-checkout .col-1, .woocommerce-checkout .col-2 { margin-bottom: 20px; }

@media screen and (max-width: 310px) { .woocommerce-checkout .woocommerce form .form-row-last, .woocommerce-page form .form-row-last { float: none !important; } }

.woocommerce div.product div.images .woocommerce-product-gallery__image:nth-child(n+2) { width: 20% !important; }

div.product div.images { margin-bottom: 30px !important; }

@media screen and (min-width: 720px) { div.product div.images { float: left !important; width: 48% !important; margin-bottom: 40px !important; } }

.woocommerce-product-gallery__image { margin: 5px 5px 5px 0; }

.woocommerce-product-gallery__image:first-child { margin: 0; }

.woocommerce-product-gallery__image img { width: auto !important; }

table#price_calculator { width: 100%; margin: 0 0 20px 0; padding: 20px; border: 1px solid #bcbaac !important; border-radius: 2px; }

table#price_calculator tr.length-input td { padding-bottom: 20px; border-bottom: 1px solid #bcbaac; }

table#price_calculator tr.length-input label:after { content: "Enter 4 feet min, 300 feet max"; display: block; font-style: italic; }

table#price_calculator tr.calculated-price td { padding-top: 20px; }

table#price_calculator tr.calculated-price .product_price { font-weight: bold; }

table#price_calculator input.amount_needed { padding: 7px 5px; font-family: "Roboto", sans-serif !important; font-size: .9em; border: 1px solid #bcbaac; border-radius: 3px; }

.woocommerce-message select#product-select { margin: 10px 0 0 0; }

@media screen and (min-width: 720px) { .woocommerce-message select#product-select { display: inline; margin: 0 0 0 10px; } }

.woocommerce-message a.button { margin: 0 0 0 10px !important; }

.single-product .summary { margin-bottom: 50px !important; font-size: .9em; color: #333; }

@media screen and (min-width: 720px) { .single-product .summary { float: right !important; width: 48% !important; } }

.single-product .summary h1 { margin: 0 0 4px 0 !important; font-size: 28px; }

.single-product .summary .price { color: #8b7238 !important; font-size: 1.5em !important; font-family: "Roboto Condensed"; font-weight: 700; }

.single-product .summary div[itemprop="description"] { margin-bottom: 30px; }

.single-product .summary div[itemprop="description"] ul li { margin: 4px 0 !important; }

.woocommerce-tabs ul.tabs:before, .woocommerce-tabs ul.tabs:after, .woocommerce-tabs ul.tabs > li:before, .woocommerce-tabs ul.tabs > li:after { content: none !important; border-radius: none !important; border: 0 !important; box-shadow: none !important; }

.woocommerce-tabs ul.tabs { margin: 0 0 20px 0 !important; border-bottom: 1px solid #9cada0; }

.woocommerce-tabs ul.tabs > li { margin: 0 3px 0 0 !important; box-shadow: none !important; border-radius: none !important; border: 0 !important; background: #f3f1e4 !important; }

.woocommerce-tabs ul.tabs > li a { color: #004612 !important; font-weight: normal !important; text-shadow: none !important; }

.woocommerce-tabs ul.tabs > li.active, .woocommerce-tabs ul.tabs > li:hover { border-radius: none !important; background: #4f7947 !important; }

.woocommerce-tabs ul.tabs > li.active a, .woocommerce-tabs ul.tabs > li:hover a { color: #fff !important; }

@media screen and (min-width: 480px) { .woocommerce-tabs #tab-description, .woocommerce-tabs #tab-reviews { max-width: 850px; } }

.woocommerce-product-rating { margin-bottom: 4px; }

.star-rating { color: #e57100; }

.stars { height: auto !important; }

.stars a { display: block !important; margin: 3px 0; color: #333 !important; font-size: 18px !important; font-weight: normal !important; border: 0 !important; }

@media screen and (min-width: 480px) { .stars a { display: inline-block !important; margin-right: 15px !important; padding-right: 0 !important; } }

.stars a:hover, .stars a.active { color: #e57100 !important; text-decoration: none !important; }

.comment-form-rating { margin-bottom: 20px !important; }

#review_form .comment-form-comment textarea { min-height: 150px; }

#reviews #comments { font-size: .95em; margin: 0; }

#reviews h3 { font-family: "Roboto Condensed"; }

#reviews img.avatar { display: none; }

#reviews .comment-text { margin: 0 !important; padding: 0 !important; border: 0 !important; }

@media screen and (min-width: 480px) { #reviews .comment-text { margin-bottom: 20px !important; } }

.single-product table.variations { border: 1px solid #bcbaac !important; border-radius: 2px; }

.single-product table.variations td { padding: 20px !important; }

.single-product table.variations td.label { border-right: 1px solid #bcbaac; }

.single-product table.variations label { font-weight: 400 !important; }

.single-product table.variations select { display: block; float: none !important; width: auto !important; margin-right: 6px; }

@media screen and (min-width: 480px) { .single-product table.variations select { display: inline-block; } }

.single-product table.variations a.reset_variations { font-size: .8em; }

.single-product .variations_button { margin: 10px 0 0 0 !important; }

.single-product .variations_button .quantity { margin: 0 10px 0 0 !important; }

.single-product .button { font-weight: 400 !important; }

.single-product .variations input[type="radio"] { margin-right: 6px; }

.store-disabled { border-radius: 10px; background: green; padding: 20px; color: #fff; }

/*.single_variation_wrap { display: none !important; } */
.woocommerce-page .button { text-transform: none !important; }

.woocommerce .quantity .qty { margin: 0 6px 0 0; padding: 7px 5px; border: 1px solid #aaa; border-radius: 3px; }

.woocommerce main main { padding: 0 !important; }

.woocommerce .button { border: 1px solid #aeaa95 !important; }

.shipping-notice { margin: 0 0 30px 0; padding: 20px; font-size: .9em; color: #fff; background: #af0000; border-radius: 10px; }

.shipping-notice h3 { margin: 0 0 10px 0; color: #fff; }

.shipping-notice p:last-of-type { margin: 0; line-height: 1.4em; }
/*# sourceMappingURL=style.css.map */