/*  Small screens */
@media only screen { 
/************* CART CONTENTS *************/
.cart-contents:before {font-family: "Font Awesome 5 Free";content: "\f07a";font-size:28px;margin-top:10px;font-style:normal; font-weight:900;padding-right:5px;vertical-align: bottom;}
.cart-contents:hover {text-decoration: none;}
.cart-contents-count {color: #fff;background-color: #2ecc71;font-weight: bold;border-radius: 10px;padding: 1px 6px;line-height: 1;font-family: Arial, Helvetica, sans-serif; vertical-align: top;}

/****************** WOOCOMMERCE BUTTONS *************************/

.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit, 
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button, 
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button, 
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button, 
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce #respond input#submit, 
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button, 
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button, 
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button,
.woocommerce #respond input#submit.alt, 
.woocommerce a.button.alt, 
.woocommerce button.button.alt, 
.woocommerce input.button.alt{
	background-color: #878961;
	color: #162113; 
	border-radius: 45px; 
	font-weight: 700;
	text-transform: uppercase;
    font-size: 1rem;
}

.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit:hover, 
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button:hover, 
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button:hover, 
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button:hover, 
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce #respond input#submit:hover, 
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button:hover, 
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button:hover, 
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button:hover,
.woocommerce #respond input#submit.alt:hover, 
.woocommerce a.button.alt:hover, 
.woocommerce button.button.alt:hover, 
.woocommerce input.button.alt:hover,
.woocommerce #respond input#submit.alt.disabled, 
.woocommerce #respond input#submit.alt.disabled:hover, 
.woocommerce #respond input#submit.alt:disabled, 
.woocommerce #respond input#submit.alt:disabled:hover, 
.woocommerce #respond input#submit.alt:disabled[disabled], 
.woocommerce #respond input#submit.alt:disabled[disabled]:hover, 
.woocommerce a.button.alt.disabled, 
.woocommerce a.button.alt.disabled:hover, 
.woocommerce a.button.alt:disabled, 
.woocommerce a.button.alt:disabled:hover, 
.woocommerce a.button.alt:disabled[disabled], 
.woocommerce a.button.alt:disabled[disabled]:hover, 
.woocommerce button.button.alt.disabled, 
.woocommerce button.button.alt.disabled:hover, 
.woocommerce button.button.alt:disabled, 
.woocommerce button.button.alt:disabled:hover, 
.woocommerce button.button.alt:disabled[disabled], 
.woocommerce button.button.alt:disabled[disabled]:hover, 
.woocommerce input.button.alt.disabled, 
.woocommerce input.button.alt.disabled:hover, 
.woocommerce input.button.alt:disabled, 
.woocommerce input.button.alt:disabled:hover, 
.woocommerce input.button.alt:disabled[disabled], 
.woocommerce input.button.alt:disabled[disabled]:hover {
	background-color: #A1A47F;
	color: #162113; 
}

/**** END BUTTON CSS ***/

.woocommerce ul.products li.product .price {
    color: #162113; 
    display: block;
    font-weight: bold;
    margin-bottom: 0.5em;
    font-size: 1rem;
}

#customer_details{
    padding-bottom: 30px;
}


.woocommerce-error, .woocommerce-info, .woocommerce-message {
    padding: 1em 2em 1em 3.5em;
    margin: 0 0 2em;
    position: relative;
    background-color: #f7f7f7;
    color: #707070;
    border: 3px solid #e7e7e7;
    list-style: none outside;
    width: auto;
    word-wrap: break-word;
}
#order_review_heading,.woocommerce-billing-fields h3{font-size: 1.5rem; font-family: "Stick No Bills", sans-serif; font-weight: 700;color: #767755;}
#add_payment_method #payment ul.payment_methods, 
.woocommerce-cart #payment ul.payment_methods, 
.woocommerce-checkout #payment ul.payment_methods{background-color: #e7e7e7;}

.woocommerce-checkout-payment{background-color: #f7f7f7;}

.woocommerce-account .woocommerce-MyAccount-content a,
.woocommerce-shipping-totals a,.woocommerce-info::before,.woocommerce-info a,
#add_payment_method table.cart td a, #add_payment_method table.cart th a, 
.woocommerce-cart table.cart td a, .woocommerce-cart table.cart th a, 
.woocommerce-checkout table.cart td a, 
.woocommerce-checkout table.cart th a{color:#767755; font-weight:  bold;}

.woocommerce-account .woocommerce-MyAccount-content a:hover,
.woocommerce-shipping-totals a:hover,.woocommerce-info::before,.woocommerce-info a:hover,
#add_payment_method table.cart td a:hover, #add_payment_method table.cart th a:hover, 
.woocommerce-cart table.cart td a:hover, .woocommerce-cart table.cart th a:hover, 
.woocommerce-checkout table.cart td a:hover, 
.woocommerce-checkout table.cart th a:hover{ color: #162113; }

.woocommerce table thead, .woocommerce table tbody, .woocommerce table tfoot {
    border: none;
    background-color: transparent;
}

.woocommerce table tbody tr:nth-child(even) {
    border-bottom: 0;
    background-color: transparent;
}

.woocommerce .label {
    display: inline-block;
    padding: unset;
    border-radius: unset ;
    font-size: 1rem;
    line-height: unset;
    white-space:unset;
    cursor: unset;
    background: unset;
    color:#162113; 
}

.woocommerce label {
    display: block;
    margin: 0;
     font-size: 1rem;
    font-weight: bold;
    line-height: 1.8;
    color: #162113;
}

.woocommerce-loop-product__title{
	font-family: 'Roboto', sans-serif;
	font-size: 1.875rem;
	letter-spacing: normal;
}
.woocommerce ul.products li.product a img{
	margin-bottom: 0;
}


.product-wrap .pro-img{position: relative; height:auto; overflow: hidden;}
.product-wrap .pro-img a.product_type_variable,
.product-wrap .pro-img a.add_to_cart_button, .product-wrap .pro-img a.button{
    position:absolute;
    bottom:0;
    color:  #fff;
    width:100%;
    background-color: rgba(22,33,19,0.9);
    font-size: 1rem;
    border-radius: 0!important;
    line-height: 50px;
    text-align: center;
    text-transform: uppercase;
    transition: all 0.3s ease-in-out 0s;
    z-index:9;
    padding:0px;
    height:0px;
    left:0px;
   	font-weight:   500;
    margin-bottom:  0;
    
}

.woocommerce .product-wrap .pro-img img{box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);}
 .woocommerce .product-wrap .pro-img .button:before{display: none;}
}

.woocommerce #respond input#submit.loading::after, 
.woocommerce a.button.loading::after, 
.woocommerce button.button.loading::after,
.woocommerce input.button.loading::after {
    animation: 2s linear 0s normal none infinite running spin;
    content: "\e01c";
    font-family: "WooCommerce";
    font-weight: 400;
    margin-left: 5px;
    position: absolute;
    top: 1px;
    vertical-align: top;
    right:0px;
    left:90px;
    padding:0px;
}
.woocommerce #respond input#submit.loading,
.woocommerce a.button.loading,
.woocommerce button.button.loading,
.woocommerce input.button.loading {
    opacity: 1;
    padding-right: 0px;
}
.product-wrap .pro-img:hover a.button,
.product-wrap .pro-img:hover a.product_type_variable,
.product-wrap .pro-img:hover a.add_to_cart_button{
    height: 50px;
}

a.add_to_cart_button.added{
    left:0 !important;
}

a.add_to_cart_button.added::after {
    content: "\e00f";
    font-family: WooCommerce;
    font-size: 9px;
    margin-left: 0px !important;
}
.product-wrap a.wc-forward{
    display:none!important;
}

/****** PRODUCT CONTENT  ******/
.woocommerce .product_meta a{color:  #454d42;}
.woocommerce div.product p.price, .woocommerce div.product span.price {
    color: #454d42;
    font-size: 1.5rem;
    font-weight:  bold;
}

 .woocommerce-tabs h2:first-of-type {
    display: none;
}

.woocommerce .posted_in{display: block;}
.woocommerce-tabs ul.tabs li::before{
	left: unset;
    border-bottom-right-radius: unset;
    border-width: unset;
    box-shadow: unset;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li::after {
    right:  unset;
    border-bottom-left-radius:  unset;
    border-width: unset;
    box-shadow:  unset;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li::after, .woocommerce div.product .woocommerce-tabs ul.tabs li::before {
    border: unset;
    position:unset;
    bottom: unset;
    width: unset;
    height:unset;
    content: " ";
    box-sizing: unset;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li{
	border-radius: 0;
}

.woocommerce div.product .woocommerce-tabs div.panel.wc-tab  h3{font-family: 'Lato', sans-serifF;}

.woocommerce .woocommerce-tabs ul.tabs.wc-tabs {
    display: block;
    position: relative;
    padding: 0 !important;
    margin: 0 !important;
    list-style: none;
    overflow: hidden;
    width: 100%;
    background: transparent !important;
}

.woocommerce div.product .woocommerce-tabs ul.tabs>li {
    display: inline-block;
    padding: 0;
    margin: 0 3px 0 0;
    float: left;
    border: none;
}

.woocommerce div.product .woocommerce-tabs ul.tabs.wc-tabs>li>a {
    display: block;
    text-align: left;
    font-size: 1.071em;
    font-weight: 400;
    line-height: 1.2;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 50px;
    line-height: 50px;
    padding: 0 45px 0 0;
    text-transform: uppercase;
    color: inherit;
    opacity: 0;
}

.woocommerce div.product .woocommerce-tabs ul.tabs.wc-tabs>li>a:before {
    display: block;
    content: '';
    height: 2px;
    width: 100%;
    left: 0;
    top: 0;
    position: absolute;
    opacity: 0;
    -webkit-transition: opacity .3s ease-out;
    transition: opacity .3s ease-out;
}

.woocommerce div.product .woocommerce-tabs ul.tabs.wc-tabs>li>a {
    position: relative;
    height: 55px;
    line-height: 55px;
    margin: 0;
    outline: none;
    padding: 0 20px;
    border-bottom:  3px solid #c6c6c6;
    -webkit-transition: background-color .3s ease-out;
    transition: border .3s ease-out;
    opacity: 1;
    display: inline-block;
    width: auto;
}

.woocommerce-message {
    border-top-color: #494846;
}

.woocommerce-message::before {
    content: "\e015";
    color: #494846;
}

.woocommerce-tabs.wc-tabs-wrapper{margin: 50px 0}

.woocommerce div.product .woocommerce-tabs ul.tabs li{
	background-color: transparent;
}

.woocommerce div.product .woocommerce-tabs ul.tabs::before{
	display: none !important;
}

.woocommerce div.product .woocommerce-tabs ul.tabs.wc-tabs>li.active>a {
    background-color: #fff;
    font-weight: 500;
    border-bottom:  3px solid #222;
}

.woocommerce div.product .woocommerce-tabs ul.tabs.wc-tabs.open>li>a, .woocommerce div.product .woocommerce-tabs ul.tabs.wc-tabs>li.active>a {
    position: relative;
    opacity: 1;
    z-index: 1;
}



.woocommerce div.product .woocommerce-tabs div.panel.wc-tab {
    padding: 3em;
}

.woocommerce div.product .woocommerce-tabs div.panel.wc-tab {
    padding: 1em;
    background-color: #fff;
}

.woocommerce .tabs{
	border:  none;
}

.woocommerce .product_title.entry-title{
	font-size: 2rem;
    text-align: left;
}

.woocommerce ul.products li.product a img{background-color:#000;}
.woocommerce-products-header__title.page-title,
.product_title.entry-title{font-size: 2.5rem; font-family: "Stick No Bills", sans-serif; font-weight: 800; }


.woocommerce nav.woocommerce-pagination ul li a:focus, .woocommerce nav.woocommerce-pagination ul li a:hover, .woocommerce nav.woocommerce-pagination ul li span.current {
    background: #2F4528;
    color: #fff;
}

.woocommerce nav.woocommerce-pagination ul li a, .woocommerce nav.woocommerce-pagination ul li span {
    margin: 0;
    text-decoration: none;
    padding: 0;
    line-height: 1;
    font-size: 1rem;
    font-weight: 700;
    padding: .5em;
    min-width: 1em;
    display: block;
    color: #2F4528;
}

/********* My Account Page ************/

.woocommerce-MyAccount-navigation ul{
    list-style: none;
    margin-left: 0;
}
.woocommerce-account .woocommerce-MyAccount-navigation a{display: block; text-align: center;}
.woocommerce-account .woocommerce-MyAccount-navigation li{margin-bottom: 10px;}

.woocommerce-account .addresses .title .edit {
    float: none;
}
.woocommerce-account .woocommerce-MyAccount-content,
.woocommerce-account .woocommerce-MyAccount-navigation {
    float: none;
    width: auto;
}

/********* Related Products ************/
.related.products{padding-top: 50px;}
.related.products h2

} /* Define mobile styles */



/*  Medium screens */
@media only screen and (min-width: 40.063em) { } /* min-width 641px, medium screens */

@media only screen and (min-width: 40.063em) and (max-width: 63.938em) { } /* min-width 641px and max-width 1023px, use when QAing tablet-only issues */

/* Large screens */
@media only screen and (min-width: 64.000em) { } /* min-width 1024px, large screens */

@media only screen and (min-width: 64.000em) and (max-width: 90em) { } /* min-width 1024px and max-width 1440px, use when QAing large screen-only issues */

/*  XLarge screens */
@media only screen and (min-width: 90.063em) { } /* min-width 1441px, xlarge screens */

@media only screen and (min-width: 90.063em) and (max-width: 120em) { } /* min-width 1441px and max-width 1920px, use when QAing xlarge screen-only issues */

/*  XXLarge screens */
@media only screen and (min-width: 120.063em) { } /* min-width 1921px, xxlarge screens */

/*  Tablet Portrait screens */
@media only screen and (min-width: 37.500em) and (max-width: 56.250em) and (orientation: portrait) {
.hide-tablet-portrait {display: none !important;}
.show-tablet-portrait {display: inherit !important;}
 } /* tablet-only issues min-600px max-900px */