/* header */

#navigation-wrapper {
    background-image: linear-gradient(180deg, #000, #682a2e);
    border-top: 1px solid #CCC;
    border-bottom: solid 2px #682a2e;
    box-shadow: 0 1px 1px rgba(0, 0, 0, .3), 0 0 10px rgba(0, 0, 0, .1);
}

.main-navigation ul li a{
	text-transform: uppercase;
	color: #FFF;
	text-decoration: none;
}	
ul.sub-menu li a{
	text-transform: uppercase;
	color: #000;
	text-decoration: none;	
}
ul.menu li.current-menu-item>a {
	color: #ffffff;
}
#menu-main-menu {
    display: flex;
    justify-content: center;
}
.woocommerce-active .site-header .col-full .row {
    align-items: center;
    text-align: center;
}
.icon-credit-card{
	margin-left: 5px;
	margin-right: 5px;
	max-width: 50px;
}







@media (min-width: 768px) {
    .col-full {
        max-width: 88.4989378333em;
    }
    #website-controls{
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-end;
        align-items: center;
    }
    .site-header .site-logo-anchor img, .site-header .site-logo-link img, .site-header .custom-logo-link img {
        width: auto;
        max-width: 100%;
    }
    .site-header .site-branding img {
        width: 280px;
        max-width: 100%;
    }
    .woocommerce-active .site-header .site-branding {
        margin-bottom: 0;
    }
	.woocommerce-active .site-header .site-search{
		width: 67%;
        margin-bottom: 5px;
	}
    .woocommerce-active .site-header .storefront_header_cart {
        width: 33%;
    }
	.woocommerce-active .site-header .site-header-cart{
		width: 100%;
	}	
    .woocommerce-active .site-header-cart .widget_shopping_cart {
        width: 300px;
    }
    .woocommerce-active .site-header-cart:hover .widget_shopping_cart, .woocommerce-active .site-header-cart.focus .widget_shopping_cart {
        left: auto;
        right: 0;
    }
    .woocommerce-active .site-header .phone {
        text-decoration: none;
        color: #000;
        font-size: 1.1em;
    }
    .site-header-cart .cart-contents {
        padding: .5em 0;
    }
    .storefront-primary-navigation > .col-full {
        padding: 5px 10px;
    }
    .site-header {
        padding: 10px 0;
    }
    .main-navigation ul.menu>li>a, .main-navigation ul.nav-menu>li>a {
        padding: 1em;
        font-size: .9em;
    }
    .main-navigation ul li a:hover, .main-navigation ul li:hover > a, .site-title a:hover, .site-header ul.menu li.current-menu-item > a {
        color: #fff;
        background: #682a2e;
    }
    .main-navigation ul.menu>li.menu-item-has-children>a::after, .main-navigation ul.menu>li.page_item_has_children>a::after, .main-navigation ul.nav-menu>li.menu-item-has-children>a::after, .main-navigation ul.nav-menu>li.page_item_has_children>a::after {
        margin-left: 0.25em;
    }
    .main-navigation ul.nav-menu ul .menu-item-has-children a:hover, .main-navigation ul.nav-menu ul a:hover {
        color: #000;
    }
    .woocommerce-active .storefront-breadcrumb {
        margin: 0;
    }
    .woocommerce-active.storefront-full-width-content.woocommerce-cart .entry-header, .woocommerce-active.storefront-full-width-content.woocommerce-checkout .entry-header, .woocommerce-active.storefront-full-width-content.woocommerce-account .entry-header, .woocommerce-active.storefront-full-width-content .woocommerce-products-header {
        padding: 0 0 2em 0;
    }

}


/* homepage */
.page-template-template-homepage .entry-content, .page-template-template-homepage .entry-header{
	max-width: 100%;
}
.page-template-template-homepage:not(.has-post-thumbnail) .site-main {
    padding-top: 0;
}

.page-template-template-homepage  .entry-title{
	display: none;
}
.fs_category_title{
	color: #682a2e;
	border-bottom: 1px solid #ccc;
}

/* page */
.page-title{
    text-transform: capitalize;
    font-size: 36px;
    color: #682a2e;
	text-align: left;
}
.term-description{
	text-align: left;
}
a{
	color: #337ab7;
}

/* general */

.h2, h2 {   
    margin-top: 1.5rem;
}

a {
    color: #682a2e;
}

img.attachment-woocommerce_thumbnail.size-woocommerce_thumbnail {
    max-height: 225px;
    width: auto;
}

.woocommerce-active #page .fs_product_wrap a {
    text-decoration: none;
    color: #000;
}

.woocommerce-active #page .fs_product_wrap .h6 {
    padding-top: 0 !important;
    padding-bottom: 3rem !important;
}

.woocommerce-active #page .fs_product_wrap .h4 {
    font-size: 1rem;
    padding-bottom: 0 !important;
    padding-top: 1rem !important;
}
.woocommerce-active #page .fs_product_wrap .wp-post-image {
max-height: 225px;
    width: auto;
    margin-bottom: 0;
}
.woocommerce-active #page .fs_product_wrap a:hover, .woocommerce-active #page .fs_product_wrap a:active, .woocommerce-active #page .fs_product_wrap a:focus {
    opacity: .6;
}
/* footer */
#footer {
    margin-top: 50px;
    padding: 50px 0;
    color: #fff;
    text-align: center;
    background: #682a2e;
    border-top: 1px solid #EEE;
}
.footer-title{
	margin-bottom: 2em;
	font-weight: bold;
}
#footer li {
    display: block;
}
#footer a{
	text-decoration: none;
	color: #FFF !important;
}
#footer ul{
	margin: 0;
	padding: 0;
}
#footer .social-icons {
    padding-top: 10px;
}
#footer2 {
    padding-top: 30px;
}
#footer2 #copyright {
    text-align: left;
}

#footer2 .text-right {
    text-align: right;
}
#colophon{
	padding: 0;
}
#colophon > .col-full > .site-info {
    display: none;
}
.storefront-handheld-footer-bar > .columns-3{
	display: contents;
}




/* Classic checkout column fix */
.woocommerce #customer_details {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}

.woocommerce #customer_details .col-1,
.woocommerce #customer_details .col-2 {
  width: 100%;
}

@media (min-width: 768px) {
  .woocommerce #customer_details .col-1,
  .woocommerce #customer_details .col-2 {
    width: 48%;
  }
}


.product .entry-summary .woovr-variations {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
flex-wrap: wrap;
}

.product .entry-summary .woovr-variation-radio .woovr-variation-selector {
    width: 20px;
    flex: 0 0 20px;
}

	.woocommerce-active.single-product div.product p.price {
margin: 0;
}

.woocommerce-active .site-content>.col-full>.woocommerce>.woocommerce-message:first-child, woocommerce-active .site-content>.col-full>.woocommerce>.woocommerce-info:first-child, .woocommerce-active .site-content>.col-full>.woocommerce>.woocommerce-error:first-child {
margin: 0 0 1.5em 0;
}


/******** temporary *********/
/* .product .woovr-variation-image {
display: none;
}

.product .entry-summary .woovr-variations .woovr-variation[data-purchasable="no"] .woovr-variation-selector {
	display: none;
}
.product .entry-summary .woovr-variations .woovr-variation[data-purchasable="no"] {
	width: 100%;
} */






@media (min-width: 1030px) {
    .product .entry-summary .woovr-variations .woovr-variation {
    width: 33.3%;
    }
}
@media  (max-width: 568px) {
    .col-full {
        margin-left: .5em;
        margin-right: .5em;
    }
	.woocommerce-active img.attachment-woocommerce_thumbnail.size-woocommerce_thumbnail, .woocommerce-active #page .fs_category_wrap .fs_product_wrap .wp-post-image {
    max-height: 130px;
}
}
@media (max-width: 768px) {
	#navigation-wrapper {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 999999;
}
	
	.site-header {
		padding: 10px 3px;
	}
	.site-header .address {
		font-size: .95em;
	}
.site-header .d-flex {
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}
.site-header .site-branding {
		width: 100%;
	}
.site-header	#cc-top, .site-header #shopperid {
	display: none !important;
	
	
/* 		justify-content: center !important;
	margin-top: 5px; */
	}
	

/* .site-header .icon-credit-card {
    margin-left: 2px;
    margin-right: 2px;
    max-width: 40px;
} */
}
/*
.main-navigation.toggled .handheld-navigation, .main-navigation.toggled .menu>ul:not(.nav-menu), .main-navigation.toggled ul[aria-expanded=true] {
overflow-y: scroll;
}
*/
.main-navigation.toggled .handheld-navigation, .main-navigation.toggled .menu>ul:not(.nav-menu), .main-navigation.toggled ul[aria-expanded=true] {
padding-left: 1rem;
	padding-right: 1rem;
}
#navigation-wrapper:has(.toggled)  {
        overflow-y: scroll;
        height: 100%;
} 

/* === Desktop: make the form a clean 2-col grid === */
@media (min-width: 900px) {
    form.checkout.woocommerce-checkout,
    h3#order_review_heading {
        align-items: start; /* critical so sticky can stick */
    }


    /* Make the summary actually sticky */
    #order_review {
        position: sticky !important;
        top: 70px; /* required for sticky */
        z-index: 5; /* above inputs/iframes */
        max-height: calc(100vh - 32px);
        overflow: auto; /* scroll inside if tall */
        align-self: start; /* makes sure the column doesn't stretch it */
    }

    h3#order_review_heading {
        position: sticky !important;
        top: 25px; /* required for sticky */
        z-index: 5; /* above inputs/iframes */
        max-height: calc(100vh - 32px);
        align-self: start; /* makes sure the column doesn't stretch it */
    }
}

/* Common “sticky killers”: overflow/transform on wrappers.
   Keep these visible so sticky can attach. */
.site,
.site-content,
.entry-content,
.container,
.content-area,
.woocommerce,
.col2-set,
form.checkout {
    overflow: visible !important;
    /* If your theme puts transforms on containers, it can break sticky on some setups.
       Uncomment the next line if needed as a test:
       transform: none !important;
    */
}

/* Optional: don’t stick on small screens */
@media (max-width: 899px) {
    #order_review {
        position: static !important;
        max-height: none;
        overflow: visible;
    }
}


input#ship-to-different-address-checkbox {
    display: none;
}

.col-1,.col-2 {
    width: 100% !important;
    flex-basis: 100%;
}

/* #customer_details > .col-1 {
	order: 2;
} */
ul#shipping_method > li {
    display: flex;
}
input#shipping_method_0_flat_rate2{
    align-self: center;
}
#ship-to-different-address span {
	font-weight: 500;
}
ul#shipping_method > li > label > .delivery-summary{
    display:block;
}
#delivery_fields {
	text-align: center;
}

#delivery_date_picker {
	margin-bottom: 30px;
}
#fs-payment {
	width: 100%;
}

#payment .payment_methods>.woocommerce-PaymentMethod>label, #payment .payment_methods>.wc_payment_method>label {
    padding: .5em;
}