@charset "UTF-8";

/*
Theme Name: kb2025
Version: 1.0
*/

:root {
    /*Colors*/
    /* 
    Light Red: #db3340 rgba(139,167,124,1.0)
	Dark Red: #9a3b16 rgba(65,99,74,1.0)
	Green: #939a0e rgba(249,217,154,1.0)
	*/
    --color-primary: #db3340;
    --color-secondary: #9a3b16;
    --color-tertiary: #939a0e;
    --color-black-light: #231f20;
    --color-black: #0a0203;
    --color-gray-dark: #333;
    --color-gray: #7b7b7b;
    --color-gray-light: #eeeeee;
    --color-white: #ffffff;
    --color-whitesmoke: #f5f5f5;
    --color-yellow: #F9D99A;
    --color-brown: #9B7963;
    

    /*Fonts*/
    --font-family-primary: "proxima-nova",sans-serif;

    /*Font Sizes*/
    --font-size-xs: 0.75rem;
    --font-size-sm: 0.875rem;
    --font-size-rg: 1rem;
    --font-size-rg-md: 1.125rem;
    --font-size-md: 1.25rem;
    --font-size-mdlg: 1.5rem;
    --font-size-lg: 2rem;
    --font-size-lgxl: 3rem;
    --font-size-xl: 4rem;

    /*Font Weights*/
    --font-weight-reg: 400;
    --font-weight-med: 500;
    --font-weight-semi-bold: 600;
    --font-weight-bold: 700;
}



/***************
General
***************/

html,
body {
    height: 100%;
}

body {
	background: #f7f6f0 url(/wp-content/themes/kb2025/assets/images/bg-pattern.jpg) center top;
    font-family: var(--font-family-primary);
    font-weight: var(--font-weight-reg);
    color: var(--color-gray-dark);
}

#content {
	padding-bottom: 5rem;
}

body.home #content {
	background: none;
	padding-bottom: 0;
}

h1 {
    font-weight: var(--font-weight-semi-bold);
    color: var(--color-secondary);
}

h2,h3 {
	font-weight: var(--font-weight-semi-bold);
    color: var(--color-tertiary);
}

.container { background: #fff; }

a img {
	border: 0;
}

h1, h2, h3, h4, h5, h6 {
	clear: both;
}

h1 small, h2 small, h3 small, h4 small, h5 small, h6 small {
	display: block;
	color: inherit;
	margin: 5px 0;
}

h5, h6 { font-weight: 600; }


/***************
Links
***************/
a {
    color: var(--color-secondary);
    transition: all .2s ease-in-out;
}

a:hover,
a:active,
a:focus {
    color: var(--color-primary);
    text-decoration: none;
}

/***************
Buttons
***************/
button,
.btn.btn-outline,
.btn.btn-primary,
button.btn.btn-link {
    transition: all .2s ease-in-out;
    text-decoration: none;
}

.btn.btn-primary {
    border: none;
    background-color: var(--color-secondary);
    color: var(--color-white);
    padding: 0.5rem 1.5rem;
}

.btn.btn-primary:hover,
.btn.btn-primary:active,
.btn.btn-primary:focus {
    background-color: var(--color-primary);
    color: var(--color-white);
}

button.btn.btn-link:hover,
button.btn.btn-link:active,
button.btn.btn-link:focus {
    color: var(--color-gray);
}

.btn.btn-outline {
    border: 1px solid var(--color-white);
    color: var(--color-white);
    background-color: transparent;
    text-transform: uppercase;
    padding: 0.5rem 1.5rem;
}

.btn.btn-outline:hover,
.btn.btn-outline:active,
.btn.btn-outline:focus {
    background-color: var(--color-white);
    color: var(--color-black);
	text-shadow: none;
}


/***************
Navigation
***************/

.branding-wrapper {
	background: #f6f4ed;
	box-shadow: 0 5px 6px -6px rgba(0,0,0,0.2) inset;
}

.branding-wrapper a { font-weight: 600; }

.top-bar { 
	border-top: 5px solid #db3340;
	padding: 13px 0 0;
	border-bottom: 1px solid #fff;
	background: #f8f7f2 url(/wp-content/themes/kb2025/assets/images/striped_lens.png);
}

.top-bar .list-inline>li {
    padding-left: 10px;
    padding-right: 10px
}

.top-bar h4 { 
	margin: 0;
	font-weight: 600;
}


.stick-bitches { margin: 10px auto; }

@media (min-width: 992px) { .stick-bitches { margin: 0 auto -7px; } }

.shipping-info-wrapper h4 {
	font-size: 24px;
}

@media (min-width: 992px) { 
	.shipping-info-wrapper { margin-top: 60px; } 
	.shipping-info-wrapper h4 { font-size: 18px; }
}

.navbar { 
	margin: 0 0 15px; 
	margin-bottom: 0;
	padding: 0;
}

/* 
@media (min-width: 768px){
	.navbar-nav {
		margin: 0 auto;
		display: table;
		table-layout: fixed;
		float:none;
	}
} 
 */

@media (min-width: 1200px) {
	.navbar:before,
	.navbar:after {
		font-family: FontAwesome;
		color: #fff;
		position: absolute;
        left: -24px;
        top: -40px;
        font-size: 104px;
	}

	.navbar:before {
		content: '\f0da';
	
	}

	.navbar:after {
		content: '\f0d9';
		left: auto;
		right: -24px;
	}
}



.navbar-default { 
	background: #db3340;
	background: rgb(188,45,62);
	background-image: -moz-linear-gradient(top, rgba(188,45,62,1) 0%, rgba(219,51,64,1) 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(188,45,62,1)), color-stop(100%,rgba(219,51,64,1)));
	background-image: -webkit-linear-gradient(top, rgba(188,45,62,1) 0%,rgba(219,51,64,1) 100%);
	background-image: -o-linear-gradient(top, rgba(188,45,62,1) 0%,rgba(219,51,64,1) 100%);
	background-image: -ms-linear-gradient(top, rgba(188,45,62,1) 0%,rgba(219,51,64,1) 100%);
	background-image: linear-gradient(to bottom, rgba(188,45,62,1) 0%,rgba(219,51,64,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bc2d3e', endColorstr='#db3340',GradientType=0 );	
	border-radius: 0; 
	border: 0; 
	box-shadow: none; 
}

.navbar-default .navbar-nav>li>a {
	color: #fff;
	color: rgba(255,255,255,0.8);
	font-size: 16px;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 20px;
	padding-bottom: 20px;
	margin-left: 5px;
	margin-right: 5px;
	text-transform: uppercase;
	font-weight: 600;
	text-shadow: 0 -1px 0 rgba(0,0,0,0.2);
}

.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus {
    color: #fff;
    background-color: transparent;
}

.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:hover,
.navbar-default .navbar-nav>.active>a:focus {
    color: #fff;
    background-color: rgba(188,45,62,1);
}

.navbar-nav .nav-link.active, .navbar-nav .nav-link.show {
    color: #fff;
    background-color: rgba(188,45,62,1);
}

button.navbar-toggler {
	border: none;
	color: var(--color-white) !important;
	padding: 0.75rem;
}

button.navbar-toggler:active,
button.navbar-toggler:focus,
button.navbar-toggler:hover {
	color: var(--color-white);
}

button.navbar-toggler i {
	color: var(--color-white) !important;
	padding: 0.5rem;
}

button.navbar-toggler i:active,
button.navbar-toggler i:focus,
button.navbar-toggler i:hover {
	color: var(--color-white);
}


/* 
.navbar-toggle {
    position: relative;
    float: left;
    margin-right: 15px;
    margin-left: 15px;
    padding: 5px 10px;
    margin-top: 8px;
    margin-bottom: 8px;
    background-color: transparent;
    background-image: none;
    border: 0px solid transparent;
    border-radius: 4px;
    color: #fff;
    font-size: 24px;
    line-height: 1;
}

.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
    background-color: #ae1925;
}
 */

.kb-logo { 
	margin: 20px auto;
}

.navbar-default .navbar-collapse {
	border-color: transparent;
	border: 0;
}

#menu-footer {
	margin: 0;
}

#menu-footer a {
	color: var(--color-whitesmoke);
}

#menu-footer a,
a.footer-phone {
	color: var(--color-whitesmoke);
	text-decoration: none;
}

#menu-footer a:active,
#menu-footer a:focus,
#menu-footer a:hover ,
a.footer-phone:active,
a.footer-phone:focus,
a.footer-phone:hover {
	color: var(--color-white);
	text-decoration: underline;
}


/***************
Homepage
***************/

#slide-carousel { 
	border-top: 0px solid #939a0e;
	border-bottom: 5px solid #939a0e;
	border-color: #db3340;
}

#slide-carousel .slide-shadow { display: block; width: 100%; height: 40px; box-shadow: 0 9px 9px -6px rgba(0,0,0,0.4) inset; position: absolute; left: 0; top: 0; z-index: 15; }
	
.carousel-control { width: 10%; }

.carousel-control.left,
.carousel-control.right { background-image: none; }

.carousel-control .fa-chevron-left {
	left: 15px;
}

.carousel-control .fa-chevron-right {
	right: 15px;
}

@media screen and (min-width:768px) {
	.carousel-control .fa-chevron-left {
		left: 30px;
	}

	.carousel-control .fa-chevron-right {
		right: 30px;
	}
}

.carousel-control .fa-chevron-left,
.carousel-control .fa-chevron-right {
	width: 30px;
	height: 30px;
	margin-top: -20px;
	font-size: 24px
}

.carousel-control .fa-chevron-left,
.carousel-control .fa-chevron-right {
	position: absolute;
	top: 50%;
	z-index: 5;
	display: inline-block;
}

.slide-txt {
    position: absolute;
    left: 5%;
    right: 5%;
    bottom: 40px;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #fff;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
    margin: 0 auto;
    -moz-animation-delay: 1.25s;
	-webkit-animation-delay: 1.25s;
	animation-delay: 1.25s;
	display: none;
}

@media screen and (min-width:992px) { 
	.slide-txt { display: block; } 
}


.btn-shop img {
	position: absolute;
	left: 50%;
	margin-left: -50px;
	top: 50%;
	margin-top: -55px;
	width: 100px;
	z-index: 15;
}

@media screen and (min-width:768px) {
	.btn-shop img {
		left: 130px;
		margin-left: 0;
		top: 50%;
		margin-top: -170px;
		width: 200px;
	}
}


.btn-shop img {
	-moz-animation-delay: 2s;
	-webkit-animation-delay: 2s;
	animation-delay: 2s;
}


.spice-jar {
	position: absolute;
	right: 35px;
	bottom: -145px;
	z-index: 20;
	display: none;
}

@media screen and (min-width:1200px) {
	.spice-jar {
		display: block;
	}
}

.welcome {
	margin: 0 0 30px; 
	text-align: center;
}

.welcome span {
	font-size: 36px; 
	color: #db3340;
}

.welcome small {
	color: #939a0e;
	font-size: var(--font-size-mdlg);
}

@media screen and (min-width:768px) {
	.welcome small {
		padding: 0 110px; 
		line-height: 1.25; 
	}
}

#hero {
	position: relative;
	border-bottom: 5px solid #db3340;
	border-color: #939a0e;
}

#hero .hero-text {
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -259px;;
	margin-top: -47px;
	-moz-opacity: 0.4;
	opacity: 0.4;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
	z-index: 15;
}

.overlay {
	background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 70%, rgba(0,0,0,0.5) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(70%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.5)));
	background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 70%,rgba(0,0,0,0.5) 100%);
	background: -o-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 70%,rgba(0,0,0,0.5) 100%);
	background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 70%,rgba(0,0,0,0.5) 100%);
	background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 70%,rgba(0,0,0,0.5) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#80000000',GradientType=0 );
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	box-shadow: 0 9px 9px -6px rgba(0,0,0,0.4) inset;
}

.featured-title-sm {
	text-transform: uppercase;
	text-align: center;
	border-bottom: 1px solid #ddd;
	margin-bottom: 20px;
	margin-top: 0;
}

.featured-title-sm span {
	display: inline-block;
	text-transform: uppercase;
	font-weight: 600;
	font-size: 12px;
	background: #fff;
	padding: 20px 15px 15px;
	margin-bottom: -12px;
	height: 30px;
	color: #db3340;
}


/***************
Interior
***************/

/* 
.interior-header {
	position: relative;
    background: var(--color-white) url('assets/images/headers/header_bkgd.png') no-repeat left top;
    background-size: cover;
    min-height: 240px;
    padding-bottom: 0;
    margin-bottom: 3rem;
}
 */

article { padding: 0 0 20px; }


@media screen and (min-width:992px) {
	article { padding: 0 20px 20px; }
}

.sticky {
}
.hentry {
	margin: 0 0 1.5em;
}
.byline,
.updated {
	display: none;
}
.single .byline,
.group-blog .byline {
	display: inline;
}
.page-content,
.entry-content,
.entry-summary {
	margin: 0;
}

.products-wrapper {
	padding:  0;
}

.products-wrapper .entry-summary,
.products-wrapper .images {
	padding-top: 20px;
}
.page-links {
	clear: both;
	margin: 0 0 1.5em;
}

.entry-title,
.page-title { 
	text-align: center;
	margin-bottom: 20px;
	margin-top: 0px;
	background: #fff;
	padding-top: 20px;
	border-top: 0px solid #939a0e;
	line-height: 1;
	color: #939a0e;
	color: #db3340;
	position: relative;
	text-transform: uppercase;
	
}

.post-title { 
	text-align: center;
	margin-bottom: 20px;
	margin-top: 0px;
	background: #fff;
	padding-top: 20px;
	border-top: 0px solid #939a0e;
	line-height: 1;
	color: #939a0e;
	position: relative;
}

@media (min-width: 992px) {
	.entry-title,
	.page-title,
	.post-title {
		/* box-shadow: 0 -10px 10px -5px rgba(0,0,0,0.3);
		border-top: 5px solid #939a0e; */
	}
}

@media screen and (min-width:992px) {
	.entry-title,
	.page-title,
	.post-title { 
		/* margin-top: -30px; */
		padding-top: 40px;
		padding-bottom: 40px;
		margin-left: -20px;
		margin-right: -20px;
		margin-bottom: 30px;
		position: relative;
		font-size: 42px;
		background: #fff url(/wp-content/themes/kb2025/assets/images/stick-bitches.png) no-repeat center bottom;
		background-size: 36px;
	}
	
	.post-title { 
		font-size: 36px;
		background-image: none;
		background-color: #fff;
		margin-bottom: 0;
	}
	
	.woocommerce div.product .product_title {
		background: none;
		
	}
}

.recipe {
	border: 0px solid #e9e9e9;
	padding: 10px 15px 0; 
	padding: 0;
	margin-bottom: 40px;
	border-radius: 4px;
}


.recipes h3 {
    margin: 0 0 15px;
    padding-bottom: 8px;
    border-bottom: 1px solid #e9e9e9;
    color: #939a0e;
    text-align: left;
    text-transform: uppercase;
    font-size: 18px;
}

.testimonials blockquote {
	border-top: 1px solid #ddd;
	padding-top: 20px;
	padding-left: 40px;
	position: relative;
}

.testimonials blockquote:first-child {
	padding-top: 0;
	border: 0;
}

.testimonials blockquote:before {
	content: '\f10d';
	font-family: FontAwesome;
	position: absolute;
	left: 0;
	top: 18px;
	color: #939a0e;
	font-size: 28px;
	opacity: 0.7;
}

.testimonials blockquote:first-child:before {
	top: 0;
}

.sidebar .testimonials blockquote:before {
	content: '';
}

.sidebar { padding-top: 20px; padding-bottom: 40px; }

#left-sidebar h4 { font-weight: 600;
	text-transform: uppercase;
	font-size: 14px;
	line-height: 1;
	text-align: center;
	background: #f8f7f2 url(/wp-content/themes/kb2025/assets/images/striped_lens.png);
	padding: 9px 8px 8px;
	border-bottom: 1px solid #f3f3f3;
	position: relative;
}

@media screen and (min-width:992px) {
	#left-sidebar h4 { margin-left: -12px; text-align: left; padding-left: 12px; border-left: 3px solid #db3340; }
	
}

div#left-sidebar.widget-area.sidebar { position: relative; text-align: center; }

div#left-sidebar.widget-area.sidebar a img.sidebar-shop-sticker {
	/* margin-top: -94px; */
	margin-bottom: 46px;
	margin-left: auto !important;
	margin-right: auto !important;
	width: 70%;
}

div#left-sidebar.widget-area.sidebar aside.widget_products { text-align: left; }

div#right-sidebar.widget-area.sidebar { position: relative; text-align: center; }

div#right-sidebar.widget-area.sidebar img.sidebar-product {
	/* margin: -145px auto 46px; */
	margin: 0 auto 46px;
	width: 70%;
}

div#right-sidebar.widget-area.sidebar h4 ,
div#right-sidebar.widget-area.sidebar .testimonials { 
	text-align: left;
}



/***************
Footer
***************/

.site-footer {
	background: #db3340;
	padding-top: 20px;
	padding-bottom: 20px;
	color: #fff;
	margin-bottom: 15px;
}

.site-info {
	padding: 0 15px;
	text-align: center
}

.footer-stick-bitches { margin: 10px auto; }

@media screen and (min-width:992px) {
	.site-info { text-align: left; }
	.footer-stick-bitches { margin: 0 auto; }
}

.footer-nav {
	text-align: center;
}

.footer-nav ul.nav-menu {
	list-style: none;
	padding-left: 0;
}

.footer-nav ul.nav-menu li {
	display: block;
}

.footer-nav .nav-link {
	color: var(--color-gray-light);
	text-decoration: none;
	display: inline-block;
}

.footer-nav .nav-link:hover,
.footer-nav .nav-link:active,
.footer-nav .nav-link:focus {
	color: var(--color-white);
	text-decoration: underline;
}

@media (min-width: 768px) {
	.footer-nav {
		text-align: right;
	}
	
	.footer-nav ul.nav-menu li {
		display: inline-block;
		padding-left: 1rem;
	}
	.footer-nav .nav-link {
		display: inline-block;
	}
}



/***************
Blog Footer Navigation
***************/

/*Post Navigation*/
.navigation.pagination .nav-links,
.navigation.post-navigation .nav-links {
    padding: 1rem 0;
    width: 100%;
}

.navigation.pagination .nav-links .prev,
.navigation.post-navigation .nav-previous {
    float: left;
}

.navigation.pagination .nav-links .next,
.navigation.post-navigation .nav-next {
    float: right;
}

.navigation.pagination .page-numbers {
    display: none;
}

.navigation.pagination .prev.page-numbers,
.navigation.pagination .next.page-numbers {
    display: block;
}

#archives-dropdown-2 {
    display: block;
    width: 75%;
    height: calc(1.5em + .75rem + 2px);
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

/*Sidebar Fields*/

.widget_search {
    padding-bottom: 1rem;
}

.widget_search label span,
.widget_archive label {
    display: none;
}

.search .page-content .search-form {
    display: none;
}

.search-field,
#archives-dropdown-2 {
    display: block;
    width: 100%;
    height: calc(1.5em + .75rem + 2px);
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.search-submit {
    /*color: #ffffff;*/
    /*background-color: #EEB81D;*/
    border: none;
    text-transform: uppercase;
    display: inline-block;
    padding: .375rem .75rem;
    border-radius: .25rem;
}

.search-submit:hover,
.search-submit:active,
.search-submit:focus {
    /*background-color: #004A7C;*/
    border: none;
}

@media (min-width: 768px) {
    .search .page-content .search-form {
        display: block;
    }
}

@media (min-width: 992px) {
    .widget_search .search-field,
    #archives-dropdown-2 {
        width: 15rem;
    }
}


/* Text meant only for screen readers. */
.screen-reader-text {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    word-wrap: normal !important;
}


/***************
Woocommerce
***************/

.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt,
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce #respond input#submit.alt,
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button.alt,
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button.alt,
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button.alt {
    border: none;
    border-radius: 0;
    background: var(--color-secondary) !important;
    color: var(--color-white) !important;
    padding: 0.5rem 1.5rem;
    font-weight: var(--font-weight-reg);
}

.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt:hover,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt:hover,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt:hover,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt:hover,
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce #respond input#submit.alt:hover,
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button.alt:hover,
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button.alt:hover,
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button.alt:hover {
    border: none;
    background: var(--color-primary);
    color: var(--color-white);
}

.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit,
.woocommerce #content input.button,
.woocommerce-page a.button,
.woocommerce-page button.button,
.woocommerce-page input.button,
.woocommerce-page #respond input#submit,
.woocommerce-page #content input.button {
    border: none;
    border-radius: 0;
    background: var(--color-secondary);
    color: var(--color-white);
    padding: 0.5rem 1.5rem;
    font-weight: var(--font-weight-reg);
}

.woocommerce a.button:hover,
.woocommerce a.button:active,
.woocommerce a.button:focus,
.woocommerce button.button:hover,
.woocommerce button.button:active,
.woocommerce button.button:focus,
.woocommerce input.button:hover,
.woocommerce input.button:active,
.woocommerce input.button:focus,
.woocommerce #respond input#submit:hover,
.woocommerce #respond input#submit:active,
.woocommerce #respond input#submit:focus,
.woocommerce #content input.button:hover,
.woocommerce #content input.button:active,
.woocommerce #content input.button:focus,
.woocommerce-page a.button:hover,
.woocommerce-page a.button:active,
.woocommerce-page a.button:focus,
.woocommerce-page button.button:hover,
.woocommerce-page button.button:active,
.woocommerce-page button.button:focus,
.woocommerce-page input.button:hover,
.woocommerce-page input.button:active,
.woocommerce-page input.button:focus,
.woocommerce-page #respond input#submit:hover,
.woocommerce-page #respond input#submit:active,
.woocommerce-page #respond input#submit:focus,
.woocommerce-page #content input.button:hover,
.woocommerce-page #content input.button:active,
.woocommerce-page #content input.button:focus {
.btn.btn-primary:hover,
.btn.btn-primary:active,
.btn.btn-primary:focus {
    background: var(--color-primary);
    color: var(--color-white);
}

.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt,
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce #respond input#submit.alt,
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button.alt,
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button.alt,
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button.alt {
    border: none;
    border-radius: 0;
    background: var(--color-secondary) !important;
    color: var(--color-white) !important;
    padding: 0.5rem 1.5rem;
    font-weight: var(--font-weight-reg);
}

.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt:hover,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt:hover,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt:hover,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt:hover,
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce #respond input#submit.alt:hover,
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button.alt:hover,
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button.alt:hover,
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button.alt:hover {
    border: none;
    background: var(--color-primary);
    color: var(--color-white);
}

div.product_meta,
span.posted_in {
	display: none !important;
}