/*
Theme Name: The Christmas Tree Shop
Theme URI: http://www.mellomedia.com.au/
Author: Mello Media
Author URI: http://www.mellomedia.com.au/
Description: Wordpress theme for The Christmas Tree Shop
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: clean, simple, responsive
*/


/**
 * Basic Styles
 */
body {font-size: 1em; font-family: "Open Sans", sans-serif; font-weight: 400; min-height: 100vh;}
h1, h2, h3, h4, h5 {color: #193219; text-align: center; font-weight: 400; margin-top: 0;}
h1 {font-size: 2em; margin-bottom: 40px;}
h2 {font-size: 1.4em;}
h1 a {color: #434343;}
h1 a:hover {color: #000000;}
a {color: #434343;}
a, a:hover, a:active, a:focus {text-decoration: none; outline: 0;}
b, strong {font-weight: 600;}
fieldset {border: 0; margin: 0; padding: 0;}
#content {width: 100%; font-size: 1em; background: #f3f5f7; color: #8f8d8d; flex: 1;}
_:-ms-fullscreen, #content {flex: none;}
#content.homepage {margin: 0; padding: 0;}
#content img {max-width: 100%; height: auto;}
.alignright {float:right; margin: 0 0 20px 20px;}
.alignleft {float:left; margin: 0 20px 20px 0;}
.aligncenter {display: block; margin-left: auto; margin-right: auto;}


/**
 * Flexbox
 */
.flex {display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex;}
.column {-webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column;}
.row {-webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; -o-flex-direction: row; flex-direction: row;}
.justify-space-between {-webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between;}
.justify-space-around {-webkit-justify-content: space-around; -ms-flex-pack: distribute; justify-content: space-around;}
.justify-center {-webkit-justify-content: center; -ms-flex-pack: center; justify-content: center;}
.justify-start {-webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start;}
.justify-end {-webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end;}
.items-center {-webkit-align-items: center; -ms-flex-align: center; align-items: center;}
.items-stretch {-webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch;}
.wrap {-webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap;}

/**
 * Animation
 */
@-webkit-keyframes spin {100%{-webkit-transform:rotate(360deg)}}
@-moz-keyframes spin{100%{-moz-transform:rotate(360deg)}}
@keyframes spin{100%{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)}}

/**
 * Header
 */
header {background: #193219; width: 100%; z-index: 99; height: auto;}
header #header-wrapper {max-width: 1400px; margin: 0 auto; padding: 20px; position: relative;}
header #cart-wrapper {max-width: 1400px; margin: 0 auto; padding: 5px 20px; position: relative;}
header #cart-menu {background: #122612; color: #fff;}
#logo {height: 100px;}
#menuicon {display: none; font-size: 3em; color: #fff; cursor: pointer; position: absolute; right: 40px; z-index: 99;}
header nav {background: none; color: #000; width: 50vw; max-width: 680px;}
header nav ul {list-style-type: none; padding: 0; margin: 0; width: 100%;}
header nav a {color: #fff; text-align: left; display: block; font-size: 1.0em; text-transform: lowercase; font-weight: 600; border-bottom: 2px solid rgba(25, 50, 25, 0);}
header nav a:hover, header nav a:active, header nav a:focus {color: #fff; border-bottom: 2px solid #fff;}
header nav a:hover {color: #fff;}
header #cart-nav {list-style: none; padding: 0; margin: 0;}
header #cart-nav li {margin-left: 20px;}
header #cart-nav li a {color: #fff; font-size: 0.9em;}

#slider {background: url('images/walking-down-the-christmas-trees.jpg'); width: 100%; min-height: 60vh; background-size: cover; background-position: 50% 50%; position: relative;}
#slider > div {padding: 60px 40px;}
#slider span {color: #fff; display: block; text-align: center;}
#slider .title {font-weight: 700; font-size: 3em;}
#slider .subtitle {font-weight: 400; font-size: 2em; margin-bottom: 30px;}
#slider .button {color: #fff; border: 2px solid #fff; border-radius: 5px; padding: 10px 20px; font-size: 1.2em; font-weight: 600; text-align: center;}
#slider .button:hover {cursor: pointer; background: #fff; color: #193219;}
#slider .overlay, #order #image > .overlay, #about > .right > .overlay {z-index: 2; padding: 0 !important; height: 100%; width: 100%; top: 0; left: 0; position: absolute; background: rgba(0, 0, 0, 0.4) none repeat scroll 0 0;}
#slider .slider-text {z-index: 3;}

#content > div, footer {padding: 100px 40px;}

/**
 * Homepage
 */
.feature {text-align: center; max-width: 20%;}
.feature .title {color: #193219; font-size: 1.7em; display: block; font-weight: 400;}
.feature span {color: #8f8d8d; font-size: 1.0em; line-height: 1.5em; text-align: center;}
.feature img {height: 120px !important;}


#about {background: #193219; background-repeat: no-repeat; background-size: cover; background-position: center center; color: #fff; height: auto; padding: 0 !important;}
#about > .left {width: 50vw; padding: 100px 40px; margin: 0 auto;}
#about .title {text-align: center;}
#about h1 {color: #fff; font-weight: 400; font-size: 2em;}
#about span {display: block;}
#about > .right {position: relative; background: url('images/christmas-tree-close-up.jpg'); background-repeat: no-repeat; width: 35vw; background-size: cover; background-position: top center;}
#about > .right > .overlay {background: rgba(0, 0, 0, 0.2) none repeat scroll 0 0;}

.hassle-wrapper {max-width: 1060px; margin: 0 auto;}

#order {background: #efedec; padding: 0 !important;}
#order h2, #hassle-free h2 {font-size: 2em;}
#order #image {position: relative; width: 40vw; background: url('images/waving-next-to-christmas-tree-cropped.jpg'); background-size: cover; background-position: 50% 50%;}
#order #image > .overlay {background: rgba(0, 0, 0, 0.2) none repeat scroll 0 0;}
#order #order-process {width: 60vw; padding: 90px 40px;}
#order-process-container img {width: 100%; max-width: 500px; height: 100px;}
#order-process-container ol {counter-reset: li; position: relative; list-style: none; padding: 0; margin: 0; height: 560px; max-width: 800px; margin: 0 auto;}
#order-process-container ol li {width: 32%; position: absolute; text-align: center; margin: auto;}
#order-process-container ol li h3 {font-weight: 600; margin-bottom: 0;}
#order-process-container ol li span {color: #8f8d8d; font-size: 1em; display: block;}
#order-process-container ol li::before {content:counter(li); counter-increment:li; position:absolute; top:0; left: 0; right: 0; margin: auto; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; width:2em; height: 2em; padding:4px 12px; color:#fff; background: #6c0e23; font-weight:bold; text-align:center; border-radius: 50%;}
#order-process-container ol li::after {position: absolute; content: ""; width: 70px; height: 200px; background: url('images/how-works-arrow.svg'); background-repeat: no-repeat;}
#order-process-container ol li:nth-of-type(1) {top: 0; right: 0; left: 0; margin: auto;}
#order-process-container ol li:nth-of-type(1)::after {top: 27%; right: -29%;}
_:-ms-fullscreen, #order-process-container ol li:nth-of-type(1)::after {top: 0; right: -32%;}
#order-process-container ol li:nth-of-type(2) {bottom: 0; top: 0; right: 0;}
#order-process-container ol li:nth-of-type(2)::after {bottom: -57%; left: -21%; transform: rotate(105deg); -webkit-transform: rotate(105deg);}
_:-ms-fullscreen, #order-process-container ol li:nth-of-type(2)::after {bottom: -70%; left: 6%;}
#order-process-container ol li:nth-of-type(3) {bottom: 0; left: 0; right: 0; margin: auto;}
#order-process-container ol li:nth-of-type(3)::after {bottom: 19%; left: -39%; transform: rotate(191deg); -webkit-transform: rotate(191deg);}
_:-ms-fullscreen, #order-process-container ol li:nth-of-type(3)::after {bottom: -7%; left: -53%;}
#order-process-container ol li:nth-of-type(4) {top: 0; bottom: 0; left: 0;}
#order-process-container ol li:nth-of-type(4)::after {background: none;}
.how-it-works-item {margin-top: 40px;}
.red-button-container {text-align: center; margin-top: 50px;}
.red-button {color: #6c0e23; border: 2px solid #6c0e23; border-radius: 5px; padding: 10px 20px; font-size: 1.2em; display: inline-block; font-weight: 600;}
.red-button:hover {cursor: pointer; background: #6c0e23; color: #fff;}


form label {color: #193219; margin-bottom: 5px; font-size: 1.1em; display: block;}
form select {color: #848382;}
form input[type="text"], form input[type="email"], form input[type="tel"], form input[type="number"], form textarea {font-size: 1.2em; color: #848382; padding: 10px; border-radius: 5px; margin-bottom: 20px; border: 2px solid #d9d9d9;}
form input[type="submit"] {padding: 10px 40px; border: none; border-radius: 5px; background: #193219; color: #fff; font-size: 1.2em;}
form input[type="submit"]:hover {background: #203c20;}
form input[type="checkbox"]:not(:checked), form input[type="checkbox"]:checked {position: absolute; left: -9999px;}
form input[type="checkbox"]:not(:checked) + label, form input[type="checkbox"]:checked + label {position: relative; padding-left: 25px; cursor: pointer;}
form input[type="checkbox"]:not(:checked) + label::before, form input[type="checkbox"]:checked + label::before {content: ''; position: absolute; left:0; top: 2px; width: 17px; height: 17px; border: 2px solid #d9d9d9; background: #fff; border-radius: 50%;}
form input[type="checkbox"]:not(:checked) + label::after, form input[type="checkbox"]:checked + label::after {content: '✔'; position: absolute; top: 0px; left: 4px; font-size: 23px; line-height: 0.8; color: #193219; transition: all .2s;}
form input[type="checkbox"]:not(:checked) + label::after {opacity: 0; transform: scale(0);}
form input[type="checkbox"]:checked + label::after {opacity: 1; transform: scale(1);}

#order #form div {text-align: right;}
.select-holder {background: #fff; border-radius: 10px;}
.select-holder:hover {cursor: pointer;}
.select-wrapper {position:relative; border-radius: 5px; background: #fff; display: -moz-inline-stack; display: inline-block; vertical-align: middle; zoom: 1; display: inline; margin-bottom:25px;}
.select-wrapper::after {content: "\f078"; font-family: FontAwesome; color: #efedec; padding:8px; position:absolute; right:7px; top:12px; z-index:0; width:10%; line-height:10%;}
_:-ms-fullscreen, .select-wrapper::after {line-height: 20px;}
select {height: 50px; width: 100%; z-index: 1; padding: 0 35px 0 10px; -webkit-appearance:none; -moz-appearance:none; appearance:none; position:relative; background: transparent; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px;}
select::-ms-expand {display: none;}
select option {padding: 10px; height: 25px;}
textarea:focus, input:focus, select:focus {outline: none;}


/**
 * Pages
 */
#pagewrapper {max-width: 1400px; margin: 0 auto; padding: 20px;}
.term {margin-bottom: 100px;}
.term > h2 {text-align: left;}

/**
 * Gallery
 */
#image-gallery {width: 100%;}
#image-gallery ul {width: 100%; list-style: none; margin: 0; padding: 0;}
#image-gallery ul li {width: 21%;}
#image-gallery ul li img {width: 100%;}
#image-gallery .caption {margin-top: 2px; font-size: 12px; text-align: center;}


/**
 * Blog
 */
#blog-wrapper {}
#post-listing {width: 75%; max-width: 1050px; padding-right: 5%;}
#primary-sidebar {width: 20%; max-width: 300px;}
.readmore {padding: 10px 25px; border: none; border-radius: 5px; background: #585858; color: #fff; font-size: 1em; margin-top: 20px; display: inline-block;}
.blog-post-listing {margin-bottom: 40px; padding-bottom: 40px; border-bottom: 1px solid #e5e5e5;}
.blog-post-listing h2 {text-align: left;}
#primary-sidebar h2 {text-align: left; font-size: 1.1em;}
#primary-sidebar input {width: 100%; box-sizing: border-box;}
#primary-sidebar > div {margin-bottom: 40px;}
#primary-sidebar #s {margin-bottom: 0;}
.recent-posts {list-style: none; padding: 0; margin: 0;}
.recent-posts li {margin-bottom: 20px;}
.recent-posts a {font-size: 0.9em; line-height: 1.2em; display: block;}
.recent-posts img {float: left; margin-right: 20px;}
.recent-posts span {display: block; font-size: 0.7em;}
.screen-reader-text {display: none;}
.back-to-blog a {color: #193219;}
.back-to-blog i {margin-right: 5px; color: #193219;}
#searchsubmit {display: none;}


/**
 * Contact Page
 */
#contact_first_name_field, #contact_last_name_field {width: 48%; display: inline-block;}
#contact_email_field, #contact_message_field {width: 100%;}
#contact_first_name_field {margin-right: 3%;}
#contact-page-form input, #contact-page-form textarea {box-sizing: border-box; width: 100%;}
#contact-page-form > p {margin-bottom: 0; margin-top: 0;}
#contact-form-errors {margin-top: 0; margin-bottom: 20px;}
#contact-address {list-style: none; padding: 0;}
.canvas_map {min-height: 270px; width: 100%; border-radius: 5px;}


/**
 * Main ordering page
 */
#content > div > .subtitle {margin-bottom: 60px; display: block; color: #8f8d8d;}
#order-form {margin: 0 auto; max-width: 1300px;}
#order-form ol {counter-reset:li; margin-left:0; padding-left:0;}
#order-form ol > li {position:relative; list-style:none; margin-bottom: 10vh;}
#order-form .step4, #order-form .step5 {margin-bottom: 0;}
#order-form ol > li > div > div.step-content {margin:0 0 6px 2em; padding:4px 8px;}
#order-form ol > li > div > div.step-content::before {content:counter(li); counter-increment:li; position:absolute; top:8px; left:0em; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; width:2em; height: 2em; margin-right:8px; padding:4px 12px; color:#fff; background:#193219; font-weight:bold; text-align:center; border-radius: 50%;}
#order-form h2 {font-size: 1.7em; text-align: left; margin-bottom: 5px;}
#order-form span.subtitle {color: #8f8d8d; margin-bottom: 20px; display: block;}
#order-form .step1 {width: 100%;}
.step1 .select-holder {display: none;}
#order-form .step2, #order-form .step3, #order-form .step4, #order-form .step5 {width: 40%;}
#stand-info {/*display: none;*/ margin-left: 6px; cursor: pointer;}
.tooltip_templates {display: none;}
#tooltip_content {max-width: 100%;}
#tooltip_content img {max-width: 100%;}
.tooltipster-show {position: absolute; max-width: 100%;}
#order-form input[type="radio"] {display:none;}
#order-form label span.order-dot {display:inline-block; width:35px; height:35px; vertical-align:middle; cursor:pointer; -moz-border-radius: 50%; border-radius: 50%; border: 3px solid #193219;}
#order-form label span.order-dot > span {display:inline-block; width:27px; height:27px; border: none; margin-top: 4px; -moz-border-radius: 50%; border-radius: 50%; transition: background-color 0.5s ease;}
input[type="radio"] + label span.order-dot {background-color: #fff;}
input[type="radio"]:checked + label span.order-dot > span {background-color: #6c0e23;}
#order-form .tree-size .red-circle {background: #6c0e23; border-radius: 50%; color: #fff; width: 70px; height: 70px; line-height: 1.2em; text-align: center; font-weight: 500;}
#order-form .tree-size img {cursor: pointer;}
#order-form .tree-size label {text-align: center;}
#order-form .tree-size .cm-guide {margin: 0; color: #8f8d8d; font-weight: 500; font-size: 0.8em;}
#order-form .tree-size .tree-title, #order-form .tree-size .price, #order-form .tree-size .delivery {display: block; margin: 0; text-align: center; color: #8f8d8d; line-height: 0.8em;}
#order-form .tree-size .tree-title {margin-top: 10px;}
#order-form .tree-size .price {margin-bottom: 10px; margin-top: 10px; font-size: 1.1em;}
#order-form .tree-size .price {color: #193219;}
#order-form .tree-size .delivery {color: #fff; background: #6c0e23; padding: 5px; border-radius: 5px; text-transform: uppercase; font-weight: bold; font-size: 0.6em;}
select {border: 2px solid #d9d9d9; border-radius: 5px; font-family: FontAwesome, "Open Sans", sans-serif; font-size: 0.9em;}
.select-wrapper::after {padding: 0; line-height: unset; right: 11px; top: 2px; width: auto; color: #193219;}
#tree-select-bar {border-top: 3px solid #193219; width: 100%; position: absolute; display: none;}
#order-form .order-items {list-style: none; padding: 0; margin-bottom: 20px;}
#order-form .order-total-container {text-align: right;}
.form-error, .woocommerce-error {background: #6c0e23; color: #fff; border-radius: 10px; padding: 10px; margin-top: 20px; text-align: center; display: none;}
.form-warning {background: #e0b81a; color: #fff; border-radius: 10px; padding: 10px; margin-top: 20px; text-align: center; display: none;}
.woocommerce-error {display: block; list-style: none;}
.woocommerce-message, .cart-empty {background: #e0b81a; color: #fff; border-radius: 10px; padding: 10px; margin-top: 20px; text-align: center;}
.woocommerce-message a {color: #ba8e18;}
.form-error span::before, .woocommerce-error li::before {content: "\f06a"; font-family: FontAwesome; margin-right: 10px;}
.form-warning span::before {content: "\f071"; font-family: FontAwesome; margin-right: 10px;}
#order-form #item-tree, #order-form #item-stand, #order-form #item-installation, #order-form #item-disposal {display: none;}
#cart-status {display: none; background:rgba(255,255,255,0.5); width: 100%; height: 100%; position: fixed; z-index: 9999; top: 0; left: 0; padding: 0 !important;}
#cart-status > div {background: #fff; padding: 20px; border-radius: 5px; border: 2px solid #193219;}
.grey-button, .green-button {padding: 10px 40px; border: none; border-radius: 5px; color: #fff; font-size: 1.2em; margin-top: 20px;}
.grey-button > a, .green-button > a {color: #fff;}
.grey-button {background: #8f8d8d; margin-right: 10px;}
.green-button {background: #193219;}
.ajax-loader {background: url('images/ajax-loader.svg'); background-repeat: no-repeat; background-size: cover; width: 50px; height: 50px; display: inline-block;}
.cart-status-content {display: none;}
#mobile-tree {width: 100%; max-width: 180px; padding: 20px; display: block; margin: 0 auto; display: none;}

/**
 * Cart View
 */
.remove {color: #6c0e23;}
.quantity > input {max-width: 40px;}
.product-thumbnail {border-radius: 0 !important;}
td.actions .button {margin: 20px;}
.button-container {text-align: right;}
.wc-proceed-to-checkout {display: inline-block;}
.shop_table .grey-button {margin: 20px;}
td.actions {display: none;}

/**
 * Checkout
 */
.col-1 {width: 48%; margin-right: 4%;}
.col-2 {width: 48%;}
#billing_first_name_field, #billing_last_name_field, #billing_email_field, #billing_phone_field, #shipping_first_name_field, #shipping_last_name_field, #delivery_date_field, #delivery_time_field {width: 48%; display: inline-block;}
#billing_company_field {width: 100%;}
#eway_payments-cc-form p.form-row:nth-of-type(2) {display: inline-block; width: 60%;}
#eway_payments-cc-form p.form-row:nth-of-type(3), #eway_payments-cc-form p.form-row:nth-of-type(4) {display: inline-block; width: 15%;}
#eway_payments-cc-form p.form-row:nth-of-type(2), #eway_payments-cc-form p.form-row:nth-of-type(3) {margin-right: 5%;}
#billing_first_name_field, #billing_phone_field, #shipping_first_name_field, #delivery_date_field {margin-right: 4%;}
.woocommerce-billing-fields > p, .shipping_address > p, #eway_payments-cc-form > p {margin-top: 0; margin-bottom: 0;}
.mello_custom_checkout_fields > p {margin-top:0;}
.woocommerce-billing-fields input, .woocommerce-shipping-fields input, .woocommerce-shipping-fields textarea, #eway_payments-cc-form input {width: 100%; box-sizing: border-box;}
.woocommerce table.shop_table {border: 2px solid #d9d9d9; border-collapse: separate; border-radius: 5px; margin: 0 -1px 24px 0; text-align: center; width: 100%;}
.woocommerce table.shop_table th {font-weight: 700; padding: 9px 12px; color: #fff; background: #193219;}
.woocommerce table.shop_table td {border-top: 2px solid #d9d9d9; padding: 6px 12px; text-align: center; vertical-align: middle; background: #fff;}
.woocommerce table.shop_table td.product-name {border-right: 2px solid #d9d9d9;}
.woocommerce table.shop_table tbody th, .woocommerce table.shop_table tfoot td, .woocommerce table.shop_table tfoot th {border-top: 2px solid #d9d9d9; font-weight: 400;}
.woocommerce table.shop_table tfoot th, .cart_totals th {background: #efedec; color: #000;}
.woocommerce table.shop_table thead th:first-of-type {border-radius: 5px 0 0 0;}
.woocommerce table.shop_table thead th:nth-of-type(2) {border-radius: 0 5px 0 0;}
.woocommerce table.shop_table dt {float: left; display: inline-block; clear: left; font-weight: 500;}
.woocommerce table.shop_table dd {display: inline-block; float: left; margin-left: 20px;}
.woocommerce table.shop_table dd > p {margin: 0;}
.woocommerce table.shop_table .order-total > * {font-weight: 700;}
.woocommerce table.shop_table .order-total small {display: none;}
.woocommerce table.shop_table tr.shipping td, .woocommerce table.shop_table tr.order-total td {color: #193219; font-weight: 600;}
abbr[title], acronym[title] {color: #6c0e23; border-bottom-width: 0; display: none;}
.woocommerce-remove-coupon {color: #6c0e23;}
.woocommerce-checkout #ship-to-different-address > * {width: auto; display: inline-block;}
.details_billing, .details_shipping, #billing_address_not_found, #shipping_address_not_found {display: none !important;}
.woocommerce .wc_payment_methods {padding: 0; list-style: none;}
.shipping_address {display: none;}
#delivery_date_field {float: left;}
#order_comments_field {clear: left;}
#order_comments {resize: vertical;}
#ship-to-different-address label {font-size: 0.8em; font-weight: 600;}
.woocommerce .blockUI.blockOverlay {position:relative;}
.woocommerce .blockUI.blockOverlay:before,.woocommerce .loader:before{height:1em;width:1em;position:absolute;top:50%;left:50%;margin-left:-.5em;margin-top:-.5em;display:block;content:"";-webkit-animation:spin 1s ease-in-out infinite;-moz-animation:spin 1s ease-in-out infinite;animation:spin 1s ease-in-out infinite;background:url('images/loader.svg') center center;background-size:cover;line-height:1;text-align:center;font-size:2em;}
#wc-stripe-cc-form > p {display: inline-block; margin-right: 20px;}
#stripe-card-expiry {width: 100px;}
#stripe-card-cvc {width: 55px;}

.dpifs-today{display: none !important;}
.datepicker-in-fullscreen-controls > a {width: 50% !important;}
#delivery_date {display: none;}
#delivery_time {font-size: 1.0em;}
.dpifs-fake-input {background: #ffffff !important; color: #848382 !important; height: 50px !important; border-radius: 5px !important; border: 2px solid #d9d9d9 !important;}
.dpifs-fake-input::before {display: inline-block; margin-right: 10px; content: '\f073' ; font-family: 'FontAwesome';}
.datepicker table tr td.active.active, .datepicker table tr td.active.highlighted.active, .datepicker table tr td.active.highlighted:active, .datepicker table tr td.active:active, .datepicker table tr td span.active.active, .datepicker table tr td span.active.disabled.active, .datepicker table tr td span.active.disabled:active, .datepicker table tr td span.active.disabled.active:hover, .datepicker table tr td span.active.disabled:hover:active, .datepicker table tr td span.active:active, .datepicker table tr td span.active.active:hover, .datepicker table tr td span.active:hover:active {background: #193219 !important;}

.wc-item-meta {list-style: none;}
.wc-item-meta li p {display: inline-block; margin: 5px;}

/**
 * Thankyou after Checkout
 */
.woocommerce .col2-set.addresses {display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex;}
.woocommerce .col2-set.addresses > div {background: #fff;}
.woocommerce .col2-set.addresses address {padding: 2%;}
.woocommerce .col2-set.addresses h3 {color: #fff;}


/**
 * Feedback Page
 */
.feedback-page h2 {text-align: left; margin-bottom: 5px; margin-top: 20px;}
#feedback-form textarea {width: 100%; display: block;}
.feedback-subtitle {margin-bottom: 20px; display: block}
.review-logo {width: 20%;}

/**
 * Footer
 */
footer {background: #193219;}
footer > div {max-width: 300px;}
footer h3 {color: #177e39;}
footer h4 {color: #fff;}
footer form > div {display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column;}
footer form label {color: #fff;}
footer form input[type="email"] {margin-bottom: 5px;}
footer form input[type="submit"] {margin-top: 0; border: 2px solid #fff; margin-top: 5px;}
footer form input[type="submit"]:hover {background: #fff; color: #193219;}
footer .mc4wp-response p {color: #fff; text-align: center;}
footer nav {width: auto;}
footer ul {list-style: none; padding-left: 0; color: #fff;}
footer a {color: #fff; font-size: 1em;}
footer ul#phone-footer {margin-bottom: 0;}
footer ul#address-footer {margin: 0;}
footer #payment-options {color: #fff;}
footer #payment-options > i {font-size: 2.5em;}
footer > div:nth-of-type(4) img {width: 200px; max-width: 100%; margin: 0 auto; display: block; margin-bottom: 10px;}



/**
 * Responsive
 */


@media (max-width: 1360px) {

	.feature {max-width: 30%;}
	.feature .title {font-size: 1.5em;}

}

@media (max-width: 1160px) {

	#order {-webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap;}
	#order #image {width: 100%; height: 50vh; background-position: 50% 43%;}
	#order #order-process {width: 100%;}

	#primary-sidebar {display: none;}
	#post-listing {width: 100%;}

	.alignright {width: 100%;}

}

@media (max-width: 1140px) {

	#slider .title {font-size: 3em;}

}


@media (max-width: 945px) {

	/*#about > .right {display: none;}*/
	#about {-webkit-flex-flow: row wrap; flex-flow: row wrap;}
	#about > .left {width: 100%; padding: 100px 40px 100px 40px;}
	#about > .right {width: 100%; height: 350px;}

	#image-gallery ul li {width: 30%;}

}

@media (max-width: 935px) {

	#contact_first_name_field, #contact_last_name_field {width: 100%; margin-right: 0;}

}

@media (max-width: 981px) {

	#billing_first_name_field, #billing_last_name_field, #billing_email_field, #billing_phone_field, #shipping_first_name_field, #shipping_last_name_field, #delivery_date_field, #delivery_time_field {width: 100%; margin-right: 0;}

}

@media (max-width: 875px) {

	#menuicon {display: inline-block;}
	header nav {background: #193219; height: 100%; width: 25vw; max-width: 250px; overflow-y: auto; position: fixed; right: -240px; top: 0; color: #fff; transition: right 0.40s ease;}
	header nav ul {list-style-type: none; padding: 0; margin-top:0; display: block !important;}
	header nav a::after {content: ""; margin-left: 0px;}
	header nav a {color: #fff; min-width: 200px; text-align: left; padding: 10px 10px 10px 30px; display: block; font-size: 1.3em;}
	header nav a:hover, nav a:active, nav a:focus {color: #fff;}
	header nav a:hover {background: #fff; color: #000000;}

	#order-form .step2, #order-form .step3, #order-form .step4, #order-form .step5 {width: 100%;}
	#order-form .step4 {margin-bottom: 10vh;}

	footer > div:nth-of-type(4) {display: none;}

}

@media (max-width: 830px) {

	#order-process-container ol {height: auto;}
	#order-process-container ol li {position: relative; width: auto; padding-top: 5px; margin-bottom: 80px !important;}

	.cart .product-thumbnail, .cart .product-price {display: none;}

}

@media (max-width: 790px) {

	.step1 .select-holder {display: block;}
	.step1 .tree-sizes {display: none;}
	#order-process-container ol li::after {display: none;}
	#mobile-tree {display: block;}
	#stand-info {display: none;}
	.review-logo {width: 40%;}
}

@media (max-width: 700px) {
	
	.col-1, .col-2 {width: 100%; margin-right: 0;}
	.col-2 {margin-top: 50px;}
	header nav {width: 50vw;}
	#features {-webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap;}
	.feature {width: 100%; max-width: 100%;}
	.feature:nth-of-type(1), .feature:nth-of-type(2) {margin-bottom: 50px;} 

	#slider .title {font-size: 2.3em; line-height: 1.2em;}
	#slider .subtitle {font-size: 1.1em; margin-top: 20px;}

	#about .left > p:nth-of-type(2) {display:none;}
	#hassle-free {display: none;}
	#about > .right {display: none;}
	#about > .left {padding: 100px 40px;}

}

@media (max-width: 600px) {

	.cart {font-size: 0.7em;}

	footer > div:nth-of-type(4) {display: block;}
	footer > div {width: 50%; text-align: center;}
	.recent-posts {text-align: left;}
	footer > div:nth-of-type(1), footer > div:nth-of-type(2) {margin-bottom: 50px;}
	footer {-webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap;}

}

@media (max-width: 530px) {

	footer > div {width: 100%; margin-bottom: 50px;}
	.button-container > input {width: 100%;}
	#empty-cart-button {display: none;}
	#image-gallery ul li {width: 48%;}

}


@media (max-width: 400px) {

	h1 {font-size: 1.5em;}
	#logo {width: 110px; height: 60px;}
	#menuicon {font-size: 2em;}

}

@media (max-width: 380px) {

	.jq-star {width: 50px !important; height: 50px !important;}
	.review-logo {width: 100%; margin-bottom: 20px;}

}

@media (max-width: 340px) {

	h1 {font-size: 1.5em;}
	#image-gallery ul li {width: 100%;}

}