/*!
Theme Name: Bunadsølv
Theme URI: http://underscores.me/
Author: Insite Media AS
Author URI: https://insitemedia.no
Description: Custom WooCommerce Boilerplate for Bunadsølv
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: im-bunadsolv
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

Bunadsølv is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

:root {
	--var-main-font: "Inter", sans-serif;
	--var-white: #FFFFFF;
	--var-lightgrey: #F7F6F3;
	--var-black: #222222;
	--var-grey: #00000029;
	--var-semiblack: #24272C;
	--var-gold: #A67C52;
	--var-bg-gold: #DBD5C5;
	--var-blue: #25272C;
}

h1, h2, h3, h4, h5, h6 {
	font-family: var(--var-main-font);
	font-optical-sizing: auto;
	font-style: normal;
	color: var(--var-semiblack);
}

html,
body {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	font-size: 100%;
	font-family: var(--var-main-font);
}

#page {
	width: 100%;
	overflow: hidden;
}

*, *::after, *::before {
	box-sizing: inherit;
}

.center {
	text-align: center;
}

.center h2 {
	font-size: 40px;
}

.text h3 {
	font-size: 48px;
}

.container {
	max-width: 1780px;
	margin: 0 auto;
}

#colophon {
	background: var(--var-black);
	padding-top: 46px;
	padding-bottom: 46px;
}

body:not(.home) #masthead {
	box-shadow: 0px 3px 6px #00000029;
	position: relative;
}



.icon-menu {
	display: flex;
	justify-content: flex-end;
	align-items: center;
	gap: 38px;
	list-style: none;
	margin: 0;
	padding: 0;
}

.icon-list {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 8px;
}

.icon-text {
	opacity: 0;
	transition: all 0.25s;
	font-size: 14px;
	font-family: var(--var-main-font);
	color: var(--var-black);
}

.icon-circle {
	display: block;
	gap: 10px;
	border-radius: 100%;
	text-decoration: none;
	padding: 15px;
	transition: all 0.25s;
}

.icon-circle:hover {
	background: var(--var-gold);
}

.icon-circle img {
	transition: all 0.25s;
}

.icon-circle:hover img {
	fill: var(--var-white);
}

.icon-list:hover .icon-text {
	opacity: 1;
}

#colophon p,
#colophon a,
#colophon h2 {
	color: var(--var-white);
}

#colophon h2 {
	font-size: 24px;
}

#colophon p,
#colophon a {
	font-size: 20px;
}

.menu-src {
	display: flex;
	flex-direction: column;
	gap: 27px;
	align-items: center;
	justify-content: center;
}

.menu-src ul {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	align-items: center;
	gap: 76px;
	justify-content: center;
}

.menu-src li a {
	color: var(--var-blue);
	text-transform: uppercase;
	font-family: var(--var-main-font);
	font-size: 18px;
	text-decoration: none;
	transition: all 0.25s;
	text-underline-offset: 4px;
	text-decoration-thickness: 2px;
}

.menu-src li a:hover {
	text-decoration: underline;
}

.dgwt-wcas-sf-wrapp {
	padding: 0 !important;
}

.dgwt-wcas-style-pirx .dgwt-wcas-sf-wrapp input[type=search].dgwt-wcas-search-input {
	border-radius: 0 !important;
	background: var(--var-lightgrey) !important;
}

.dgwt-wcas-style-pirx .dgwt-wcas-sf-wrapp button.dgwt-wcas-search-submit {
	top: 50%;
	transform: translateY(-50%);
	left: 13px;
}

#hero {
	width: 100%;
	height: calc(800px - 166px);
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
}

#hero h1 {
	color: var(--var-white);
	font-size: 72px;
	font-weight: 700
}

.white {
	padding-top: 25px;
	padding-bottom: 100px;
}

ul.categories {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 60px;
	list-style: none;
	margin: 20px auto 0 auto;
	padding: 0;
	flex-wrap: wrap;
	max-width: 1000px;
}

body:not(.home) ul.categories li {
	flex: 1 0 20%;
	max-width: calc(20% - 48px);
	width: calc(20% - 48px);
}



ul.categories li a {
	display: flex;
	flex-direction: column;
	gap: 8px;
	align-items: center;
	justify-content: center;
	text-decoration: none;
	color: var(--var-black);
	font-size: 14px;
	transition: all 0.25s;
}

ul.categories li a .cat-circle {
	padding: 20px;
	background: var(--var-lightgrey);
	border-radius: 100%;
	transition: all 0.25s;
}

.post-type-archive-product ul.categories li a .cat-circle {
	background: var(--var-white);
}

ul.categories li a:hover {
	color: var(--var-gold);
}

ul.categories li a:hover .cat-circle {
	background: var(--var-bg-gold);
}

.blog-posts {
	display: flex;
	gap: 0;
	align-items: flex-start;
	justify-content: flex-start;
}

.blog-post {
	flex: 1;
	background: var(--var-lightgrey);
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	text-decoration: none;
}

.blog-image {
	aspect-ratio: 16 / 9;
	width: 100%;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
}

.blog-text {
	display: flex;
	align-items: center;
	flex-direction: column;
	justify-content: center;
	text-align: center;
	gap: 11px;
	padding-top: 22px;
	padding-bottom: 36px;
}

.blog-post a {
	text-decoration: none;
}

.blog-post h3 {
	margin-bottom: 0;
}

.blog-post a.blog-read-more {
	padding: 9px 30px;
	border: 1px solid var(--var-blue);
	border-radius: 0;
	transition: all 0.25s;
	display: inline-flex;
	align-self: center;
	font-family: var(--var-main-font);
	font-size: 15px;
	color: var(--var-black);
}

.blog-post a.blog-read-more:hover {
	background: var(--var-black);
	color: var(--var-white);
}

.whitegrey {
	background: var(--var-lightgrey);
	padding-top: 42px;
	padding-bottom: 114px;
	margin-top: 173px;
	margin-bottom: 173px;
}

.image-section {
	display: flex;
	gap: 0;
	align-items: flex-start;
	justify-content: flex-start;
	background: var(--var-lightgrey);
	margin-bottom: 173px;
}

.text {
	padding: 0 10%;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	align-self: center;
	text-align: center;
	gap: 8px;
}

a.btn {
	padding: 9px 30px;
	border: 1px solid var(--var-blue);
	border-radius: 0;
	transition: all 0.25s;
	display: inline-flex;
	align-self: center;
	font-family: var(--var-main-font);
	font-size: 15px;
	color: var(--var-black);
}

a.btn:hover {
	background: var(--var-black);
	color: var(--var-white);
}

.full-img {
	width: 100%;
	aspect-ratio: 16 / 9;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}

.image-section .full-img,
.image-section .text {
	flex: 1 0 50%;
	max-width: 50%;
	width: 50%;
}

.page-wrapper {
	background: var(--var-lightgrey);
}

.page-title h2 {
	padding-top: 30px;
	padding-bottom: 46px;
	margin: 0;
	font-size: 40px;
	color: var(--var-semiblack);
	letter-spacing: 0.8px;
}

.page-wrapper h4 {
	color: var(--var-gold);
}

.page-wrapper p {
	font-family: var(--var-main-font);
	font-size: 16px;
	line-height: 26px;
	color: var(--var-black);
	letter-spacing: 0.32px;
}

.page-wrapper .container {
	padding-bottom: 77px;
}

.page-wrapper img {
	width: 100%;
	height: auto;
}

.text-sections {
	display: flex;
	flex-direction: column;
	gap: 63px;
}

p.name {
	font-size: 20px;
	font-style: italic;
	letter-spacing: 0.4px;
	color: var(--var-semiblack);
}

p {
	color: var(--var-semiblack);
}

.breads {
	list-style: none;
	margin: 0;
	padding: 46px 0 0 0;
	display: flex;
	align-items: center;
	gap: 4px;
}

.breads a {
	color: var(--var-black);
	text-decoration: underline;
}

.breads span {
	color: var(--var-gold);
}

.breads a,
.breads span {
	font-size: 16px;
	letter-spacing: 0.32px;
}

.page-wrapper .container.breadcrumbs {
	margin: 0 auto;
	padding-bottom: 0;
	padding-top: 0;
}

.flex-contact-pill {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 56px;
	margin-bottom: 40px;
}

.flex-contact-pill .pill {
	display: flex;
	align-items: center;
	gap: 20px;
	background: var(--var-black);
	transition: all 0.25s;
	border-radius: 40px;
	padding: 25px 27px;
	color: var(--var-white);
	text-decoration: none;
	width: 355px;
	font-size: 20px;
}

.flex-contact-pill img {
	max-width: 30px;
	height: auto;
}

.flex-contact-pill .pill:hover {
	background: var(--var-gold);
}

.flex-contact-pill .pill:last-child {
	font-size: 16px;
}

.employees {
	display: flex;
	gap: 21px;
	flex-wrap: wrap;
}

.employees .employee {
	flex: 1 0 25%;
	max-width: calc(25% - 16px);
	width: calc(25% - 16px);
}

.employee a {
	text-decoration: underline;
	color: var(--var-black);
	text-underline-offset: 2px;
}

.woocommerce-result-count,
.woocommerce-ordering,
ul.products li.product a.add_to_cart_button,
mark.count,
.woocommerce-breadcrumb,
.product_meta .posted_in,
a.reset_variations,
.variations th.label {
	display: none !important;
}

.variations td select {
	padding: 10px;
	background: transparent;
	border: 1px solid var(--var-semiblack);
	box-sizing: border-box;
	width: 100%;
	font-size: 16px;
}

ul.products {
	display: flex;
	flex-wrap: wrap;
	margin: 0;
	padding: 0;
	gap: 21px;
}

ul.products li.product {
	flex: 1 0 25%;
	max-width: calc(25% - 16px);
	width: calc(25% - 16px);
	margin: 0 0 89px 0 !important;
	text-align: center;
}

ul.products li.product a {
	text-decoration: none;
	display: flex;
	flex-direction: column;
}

ul.products li.product a img {
	margin-bottom: 26px;
	max-width: 100%;
	height: auto;
}

h2.woocommerce-loop-product__title,
h2.woocommerce-loop-category__title {
	font-size: 18px;
	line-height: 26px;
	font-weight: 400;
	letter-spacing: 0;
	color: var(--var-semiblack);
}



.feat-row {
	margin-top: 69px;
}

ul.products li.product span.price {
	color: var(--var-blue);
	font-size: 20px;
	font-weight: 600;
}

.loop-variations-skus {
	display: flex;
	flex-direction: column;
	gap: 4px;
	align-items: center;
	justify-content: center;
	margin-bottom: 16px;
}

.loop-variations-skus .loop-variation {
	color: var(--var-black);
	font-size: 14px;
}

.container.product {
	margin-top: 73px;
}

h1.product_title.entry-title {
	font-size: 26px;
	color: var(--var-black);
	letter-spacing: 0.65px;
	line-height: 30px;
	font-weight: 500;
}

.sku_wrapper {
	font-size: 16px;
	font-weight: 400;
	letter-spacing: 0.4px;
}

.entry-summary .product_meta {
	margin-bottom: 12px;
}

.entry-summary .price {
	font-size: 26px;
	font-weight: 600;
	letter-spacing: 0.65px;
	line-height: 30px;
}

.single-product .page-wrapper {
	background: var(--var-white);
}

.single-product form.cart {
	background: var(--var-lightgrey);
	padding: 90px 22px;
	display: flex;
	gap: 16px;
	flex-direction: column;
	margin-top: 25px;
}

.woocommerce-variation-add-to-cart {
	display: flex;
	flex-direction: column;
	gap: 16px;
}

.summary.entry-summary,
.after-summary {
	max-width: 482px;
}

.after-summary {
	margin-top: 15px;
}

form.cart button.button {
	background: var(--var-black);
	transition: all 0.25s;
	color: var(--var-white);
	font-size: 18px;
	font-weight: 600;
	padding: 16px;
	width: 100%;
	border-radius: 40px;
	letter-spacing: 0.55px;
	border: none;
}

form.cart button.button:hover {
	background: var(--var-gold);
}

.im-stock-line{
  margin-top: 10px;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 16px;
}
.im-stock-line::before{
  content: "";
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: #139D03; /* green */
}

/* Optional: different colors for other states */
.im-stock-line.is-backorder::before { background: #c5bc17; } /* yellow */
.im-stock-line.is-out::before      { background: #9d0303; } /* red */


.woocommerce-message {
	color: #155724 !important;
    background-color: #d4edda !important;
    border-color: #c3e6cb !important;
	padding: 15px;
	box-sizing: border-box;
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-top: 25px;
}

.woocommerce-info {
	color: var(--var-black) !important;
    background-color: var(--var-bg-gold) !important;
    border-color: var(--var-gold) !important;
	padding: 15px;
	box-sizing: border-box;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.woocommerce-message a {
	color: #155724;
}

.woocommerce-MyAccount-navigation,
.woocommerce-MyAccount-content,
.woocommerce-cart-form,
.cart-collaterals {
	padding: 52px 44px;
	background: var(--var-white);
}

.woocommerce-MyAccount-content a {
	color: var(--var-gold);
}

.woocommerce-MyAccount-navigation ul {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-direction: column;
}

.woocommerce-MyAccount-navigation ul li {
	padding-top: 25px;
	padding-bottom: 25px;
	border-bottom: 1px dashed var(--var-black);
}

.woocommerce-MyAccount-navigation ul li a {
	color: var(--var-black);
	text-decoration: none;
	font-size: 16px;
	letter-spacing: 0.32px;
	transition: all 0.25s;
}

.woocommerce-MyAccount-navigation ul li a:hover {
	color: var(--var-gold);
}

.woocommerce-MyAccount-navigation ul li.is-active a {
	color: var(--var-gold);
}

.woocommerce-Addresses {
	display: flex;
	gap: 65px;
	justify-content: flex-start;
	flex-wrap: wrap;
}

.woocommerce-Addresses .woocommerce-Address {
	flex: 1;
}

.page-title .woocommerce-MyAccount-content h2 {
	font-size: 32px;
}

.woocommerce-EditAccountForm,
.woocommerce-address-fields__field-wrapper,
.woocommerce-billing-fields__field-wrapper {
	display: flex;
	flex-wrap: wrap;
	gap: 15px;
}

.woocommerce-MyAccount-content .form-row-first,
.woocommerce-MyAccount-content .form-row-last,
.woocommerce-checkout .form-row-first,
.woocommerce-checkout .form-row-last {
	flex: 1 0 50% !important;
	max-width: calc(50% - 7.5px) !important;
	width: calc(50% - 7.5px) !important;
	margin-right: 0 !important;
}

.woocommerce-MyAccount-content .form-row-wide,
.woocommerce-checkout .form-row-wide {
	flex: 1 0 100%;
	max-width: 100%;
	width: 100%;
}

.woocommerce-MyAccount-content .form-row,
.woocommerce-checkout .form-row {
	display: flex;
	flex-direction: column;
	gap: 4px;
	margin-bottom: 0;
}

.woocommerce-MyAccount-content .form-row label,
.woocommerce-checkout .form-row label {
	font-size: 14px;
	font-weight: 600;
}

.woocommerce-MyAccount-content .form-row input:not([type="checkbox"]),
.woocommerce-checkout .form-row input:not([type="checkbox"]) {
	width: 100%;
	box-sizing: border-box;
	padding: 15px;
	border-radius: 0;
	font-size: 16px;
	color: var(--var-black);
	border: 1px solid var(--var-bg-gold);
}

.woocommerce-MyAccount-content button[type="submit"],
.wc-proceed-to-checkout a.checkout-button {
	padding: 9px 30px;
	border: 1px solid var(--var-blue);
	background: var(--var-blue);
	border-radius: 40px;
	transition: all 0.25s;
	display: inline-flex;
	align-self: center;
	font-family: var(--var-main-font);
	font-size: 15px;
	color: var(--var-white);
	margin-top: 15px;
	text-decoration: none;
}

.wc-proceed-to-checkout a.checkout-button {
	width: 100%;
	text-align: center;
	align-items: center;
	justify-content: center;
}

.woocommerce-MyAccount-content .show-password-input {
	display: none;
}

.woocommerce-MyAccount-content button[type="submit"]:hover,
.wc-proceed-to-checkout a.checkout-button:hover {
	background: var(--var-gold);
	border: 1px solid var(--var-gold);
	cursor: pointer;
}

.woocommerce-MyAccount-content .clear,
.woocommerce-checkout .clear {
	flex: 1 0 100%;
}

.woocommerce-MyAccount-content fieldset .form-row-wide {
	margin-bottom: 15px;
}

.page-title .cart_totals h2 {
	font-size: 24px;
	line-height: 1.5;
	padding: 0;
}

.cart_totals table {
	width: 100%;
	margin-bottom: 15px;
	margin-top: 15px;
}

.cart_totals table th,
.cart_totals table td {
	border-bottom: 1px dashed var(--var-black);
	padding-top: 26px;
	padding-bottom: 26px;
}

.cart_totals table tr:first-child th,
.cart_totals table tr:first-child td {
	border-top: 1px dashed var(--var-black);
}

.cart_totals table tr td:last-child {
	text-align: right;
}

table.shop_table {
	width: 100%;
}

.cart_item td {
	padding-top: 26px;
	padding-bottom: 26px;
	border-bottom: 1px dashed var(--var-black);
}

.cart_item td.product-thumbnail {
	width: 125px;
}

.cart_item td.product-name {
	padding-left: 15px;
	padding-right: 15px;
}

.cart_item td.product-name a {
	color: var(--var-black);
	font-size: 18px;
	font-weight: 500;
	text-decoration: none;
	display: block;
}

.cart_item td.product-name a.remove {
	color: #9d0303;
	font-size: 14px;
	text-decoration: none;
	opacity: 0.7;
	transition: all 0.25s;
}

.cart_item td.product-name a.remove:hover {
	opacity: 1;
}

.cart_item .quantity input.qty.text {
	padding: 15px;
	box-sizing: border-box;
	display: block;
	align-items: unset;
	justify-content: unset;
	flex-direction: unset;
	align-self: unset;
	text-align: unset;
	gap: unset;
	border: 1px solid var(--var-bg-gold);
	border-radius: 0;
}

.shop_table .actions button.button {
	padding: 9px 30px;
	border: 1px solid var(--var-blue);
	background: var(--var-lightgrey);
	border-radius: 0;
	transition: all 0.25s;
	display: inline-flex;
	align-self: center;
	font-family: var(--var-main-font);
	font-size: 15px;
	color: var(--var-black);
	margin-top: 15px;
}

.shop_table .actions button.button:hover {
	background: var(--var-black);
	color: var(--var-white);
	cursor: pointer;
}

.shop_table .actions button.button:disabled {
	opacity: 0.7;
}

.shop_table .actions button.button:disabled:hover {
	background: var(--var-lightgrey);
	cursor: default;
	color: var(--var-black);
}

.woocommerce-checkout {
	display: flex;
	justify-content: center;
    gap: 1.5rem;
}

.woocommerce-checkout .col2-set {
	flex: 0 0 auto;
	width: 58.33333333%;
	padding-right: calc(var(--bs-gutter-x) * .5);
    padding-left: calc(var(--bs-gutter-x) * .5);
}

.woocommerce-checkout .order-summary {
	flex: 0 0 auto;
	width: 25%;
	padding-right: calc(var(--bs-gutter-x) * .5);
    padding-left: calc(var(--bs-gutter-x) * .5);
}

.woocommerce-checkout .col2-set,
.woocommerce-checkout .order-summary {
	padding: 52px 44px;
	background: var(--var-white);
}

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

#customer_details {
	display: flex;
	flex-direction: column;
	gap: 32px;
}

.woocommerce-additional-fields__field-wrapper textarea {
	border: 1px solid var(--var-bg-gold);
	padding: 15px;
	box-sizing: border-box;
	color: var(--var-black);
	font-size: 16px;
	width: 100%;
	height: 150px;
}

#order_review td.product-name {
	padding-left: 0;
	padding-right: 0;
}

#order_review .cart_item td.product-total {
	text-align: right;
}

#order_review table {
	margin-top: 15px;
	margin-bottom: 15px;
}

#order_review tfoot tr th,
#order_review tfoot tr td {
	padding-top: 26px;
	padding-bottom: 26px;
	border-bottom: 1px dashed var(--var-black);
	background: var(--var-bg-gold);
	padding-left: 16px;
	padding-right: 16px;
}

img.post-image {
	margin-bottom: 54px;
}

#order_review tfoot tr td {
	text-align: right;
}

.woocommerce-privacy-policy-text p {
	font-size: 13px;
	line-height: 1.5;
}

.woocommerce-privacy-policy-text p a {
	color: var(--var-gold);
}

#place_order {
	padding: 9px 30px;
	border: 1px solid var(--var-blue);
	background: var(--var-blue);
	border-radius: 40px;
	transition: all 0.25s;
	display: inline-flex;
	align-self: center;
	font-family: var(--var-main-font);
	font-size: 15px;
	color: var(--var-white);
	margin-top: 15px;
	text-decoration: none;
	width: 100%;
	text-align: center;
	justify-content: center;
}

#place_order:hover {
	cursor: pointer;
	background: var(--var-gold);
	color: var(--var-white);
	border: 1px solid var(--var-gold);
}

p.return-to-shop {
	margin-top: 55px;
}

p.return-to-shop a.button {
	padding: 9px 30px;
	border: 1px solid var(--var-blue);
	background: var(--var-blue);
	border-radius: 40px;
	transition: all 0.25s;
	display: inline-flex;
	align-self: center;
	font-family: var(--var-main-font);
	font-size: 15px;
	color: var(--var-white);
	margin-top: 15px;
	text-decoration: none;
}

p.return-to-shop a.button:hover {
	cursor: pointer;
	background: var(--var-gold);
	color: var(--var-white);
	border: 1px solid var(--var-gold);
}

table.shop_attributes {
	width: 100%;
}

p.woocommerce-thankyou-order-received {
	font-size: 28px;
	font-weight: 500;
}

.woocommerce-order-received ul.order_details {
	padding: 52px 44px;
	background: var(--var-white);
	list-style: none;
	margin: 15px 0;
}

.woocommerce-order-received ul.order_details li {
	padding-top: 26px;
	padding-bottom: 26px;
	border-bottom: 1px dashed var(--var-black);
}

.order-wrapper-custom {
	display: flex;
	gap: 1.5rem;
	align-items: flex-start;
}

.order-wrapper-custom .woocommerce-order-details,
.order-wrapper-custom .woocommerce-customer-details {
	background: var(--var-white);
	padding: 52px 44px;
	flex: 1 0 auto;
}

.woocommerce-order-details table.order_details {
	width: 100%;
}

.woocommerce-order-details table.order_details th,
.woocommerce-order-details table.order_details td {
	padding-top: 26px;
	padding-bottom: 26px;
	border-bottom: 1px dashed var(--var-black);
}

.woocommerce-order-details table.order_details a {
	color: var(--var-gold);
}

.blog-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #000000;
	opacity: 0;
	transition: all 0.25s;
}

.blog-image {
	position: relative;
}

.blog-post:hover .blog-overlay {
	opacity: 0.2;
}

table.woocommerce-MyAccount-orders {
	width: 100%;
}

table.woocommerce-MyAccount-orders td,
table.woocommerce-MyAccount-orders th {
	padding-top: 26px;
	padding-bottom: 26px;
	border-bottom: 1px dashed var(--var-black);
}

#openMenu {
	display: none;
}

#openMenu .line {
	width: 32px;
	height: 2px;
	background: var(--var-black);
	border-radius: 0;
	margin: 7px 0;
}

#closeMenu {
	position: relative;
	display: inline-flex;
}

#closeMenu .line {
	width: 32px;
	height: 2px;
	background: var(--var-black);
	border-radius: 0;
}

#closeMenu .line.left {
	transform: rotate(45deg);
}

#closeMenu .line.right {
	position: absolute;
	top: -0;
	transform: rotate(-45deg);
}

.close-end {
	text-align: right;
}

#mobOverlay {
	position: fixed;
	top: 0;
	right: -200%;
	z-index: 999;
	background: var(--var-bg-gold);
	height: 100dvh;
	transition: all 0.25s;
	width: 100%;
}

.logged-in #mobOverlay {
	top: 46px;
}

#mobOverlay.active {
	right: 0;
}

#mobOverlay ul {
	margin: 20px 0;
	padding: 0;
	list-style: none;
}

#mobOverlay ul li {
	padding-top: 26px;
	padding-bottom: 26px;
	padding-right: 15px;
	padding-left: 15px;
	border-bottom: 1px dashed var(--var-black);
}

#mobOverlay ul li.account-menu {
	background: var(--var-white);
}

#mobOverlay ul li a {
	color: var(--var-black);
	text-decoration: none;
	font-size: 18px;
	font-weight: 500;
}

.header-mob {
	height: 133px;
}

ul.page-numbers {
	display: flex;
	gap: 10px;
	align-items: center;
	justify-content: center;
	list-style: none;
	margin: 20px 0;
	padding: 0;
}

ul.page-numbers li {
	flex: 0 0 auto;
}

ul.page-numbers li a {
	padding: 8px 15px;
	background: var(--var-white);
	display: block;
	color: var(--var-black) !important;
	text-decoration: none;
	border: 1px solid var(--var-black);
	transition: all 0.25s;
}



ul.page-numbers li a:hover {
	background: var(--var-gold);
	color: var(--var-white) !important;
	border: 1px solid var(--var-gold);
}

ul.page-numbers li a.next:hover,
ul.page-numbers li a.prev:hover {
	background: transparent;
	color: var(--var-gold) !important;
	border: none !important;
}

ul.page-numbers li a.next,
ul.page-numbers li a.prev {
	padding: 8px 15px;
	display: block;
	color: var(--var-black) !important;
	text-decoration: none;
	background: none !important;
	border: none !important;
	transition: all 0.25s;
}

.employee img {
	margin-bottom: 13px;
}

.employee h3 {
	font-size: 22px;
}

ul.page-numbers li span {
	padding: 10px 15px;
	background: var(--var-gold);
	border: 1px solid var(--var-gold);
	color: var(--var-white) !important;
}

#customer_login {
	display: flex;
	gap: 15px;
}

#customer_login .col-1,
#customer_login .col-2 {
	flex: 1 0 50%;
	max-width: calc(50% - 7.5px);
	width: calc(50% - 7.5px);
	padding: 54px 44px;
	background: var(--var-white);
}

.page-title #customer_login h2 {
	font-size: 28px;
}

#customer_login input[type="email"],
#customer_login input[type="password"],
#customer_login input[type="text"],
.lost_reset_password input[type="text"],
.lost_reset_password input[type="email"],
.lost_reset_password input[type="password"] {
	padding: 15px;
	display: block;
	border: 1px solid var(--var-bg-gold);
	box-sizing: border-box;
	font-size: 16px;
	width: 100%;
	color: var(--var-black);
}

#customer_login label:not(.woocommerce-form-login__rememberme) {
	font-size: 14px;
	font-weight: 600;
	display: block;
}

.show-password-input {
	display: none;
}

label.woocommerce-form-login__rememberme {
	width: 100%;
	margin-bottom: 15px;
}

#customer_login a {
	color: var(--var-gold);
}

#customer_login button[type="submit"],
.lost_reset_password button[type="submit"] {
	background: var(--var-black);
	transition: all 0.25s;
	color: var(--var-white);
	font-size: 18px;
	font-weight: 600;
	padding: 16px 38px;
	border-radius: 40px;
	letter-spacing: 0.55px;
	border: 1px solid var(--var-black);
}

#customer_login button[type="submit"]:hover,
.lost_reset_password button[type="submit"]:hover {
	border: 1px solid var(--var-gold);
	background: var(--var-gold);
	cursor: pointer;
}

#masthead {
	padding-top: 20px;
	position: relative;
}

#masthead .custom-logo {
	padding-bottom: 20px;
	max-width: 228px;
    height: auto;
}

.woocommerce-account .woocommerce-MyAccount-content .woocommerce-notices-wrapper {
	margin-bottom: 20px;
}

.icon-circle .hover-img {
	display: none;
}

.icon-circle:hover .hover-img {
	display: block;
}

ul.payment_methods  {
	list-style: none;
	margin: 20px 0;
	padding: 0;
}

ul.payment_methods li label {
	font-size: 16px;
	font-weight: 500;
}

ul.payment_methods li p {
	font-size: 14px;
}

.woocommerce-error {
	list-style: none;
	margin: 0 0 1rem 0;
	padding: 15px;
	box-sizing: border-box;
	color: #721c24 !important;
    background-color: #f8d7da !important;
    border-color: #f5c6cb !important;
}

.icon-circle:hover .standard-img {
	display: none;
}

#masthead ul.menu:not(.sub-menu) li {
	padding-bottom: 20px;
}

#masthead ul li.menu-item-has-children {
	padding-bottom: 20px;
}

#masthead ul.sub-menu {
	display: none;
	background: var(--var-lightgrey);
	grid-template-columns: repeat(3, 1fr);
	grid-template-rows: repeat(5, 1fr);
	column-gap: 128px;
	row-gap: 0;
	position: absolute;
	top: 100%;
	z-index: 9999;
	padding-top: 32px;
	padding-bottom: 32px;
	width: 100vw;
    left: 0;
	padding-left: calc((100vw - 680px) / 2);
	padding-right: calc((100vw - 680px) / 2);
	box-shadow: 0px 3px 6px #00000029;
}

#masthead ul li.menu-item-has-children:hover .sub-menu {
	display: grid;
}

#masthead ul li.menu-item-has-children ul.sub-menu li:first-child {
	grid-area: 1 / 3 / 2/ 4;
}

#masthead ul li.menu-item-has-children ul.sub-menu li {
	padding-top: 8px;
	padding-bottom: 8px;
}

#masthead ul li.menu-item-has-children ul.sub-menu li a {
	white-space: nowrap;
	text-transform: unset;
	font-size: 16px;
}

.dgwt-wcas-style-pirx.dgwt-wcas-search-focused .dgwt-wcas-sf-wrapp input[type=search].dgwt-wcas-search-input,
#dgwt-wcas-search-input-1:hover {
	border-color: var(--var-gold) !important;
}

@media screen and (max-width: 1335px) {
	.woocommerce-Addresses .woocommerce-Address {
		flex: 1 0 100%;
	}

	#masthead .col-6 {
		display: none;
	}

	#customer_login {
		flex-wrap: wrap;
	}

	#customer_login .col-1,
	#customer_login .col-2 {
		flex: 1 0 100%;
		max-width: 100%;
		width: 100%;
	}

	#masthead .col-3 {
		flex: 1 0 50%;
		max-width: 50%;
		width: 50%;
	}

	#masthead img {
		max-width: 100%;
		height: auto;
	}

	.icon-menu {
		gap: 15px;
	}

	.icon-circle {
		padding: 7px;
	}

	#masthead .icon-circle img {
		max-width: 26px;
	}

	.icon-text {
		display: none;
	}

	.container {
		max-width: 95%;
	}

	.col-1,
	.col-2,
	.col-3,
	.col-4,
	.col-5,
	.col-6,
	.col-7,
	.col-8,
	.col-9,
	.col-10,
	.col-11,
	.col-12 {
		flex: 1 0 100%;
		max-width: 100%;
		width: 100%;
	}

	.header-mob .col-6 {
		flex: 1 0 50%;
		max-width: 50%;
		width: 50%;
	}

	.header-mob .col-6 img {
		max-width: 100%;
		height: auto;
	}

	#hero h1 {
		font-size: 40px;
	}

	#hero {
		height: calc(620px - 166px);
	}

	ul.categories {
		justify-content: flex-start;
		gap: 15px;
	}

	ul.categories li {
		flex: 1 0 auto;
		max-width: calc(50% - 7.5px);
		width: calc(50% - 7.5px);
	}

	ul.categories li:nth-child(5) {
		display: none;
	}

	.center h2 {
		font-size: 28px;
	}

	.blog-posts {
		flex-wrap: wrap;
	}

	.blog-posts article.blog-post {
		flex: 1 0 100%;
		max-width: 100%;
		width: 100%;
	}

	ul.products {
		flex-wrap: wrap;
		gap: 15px;
	}

	ul.products li.product {
		flex: 1 0 auto;
		max-width: calc(50% - 7.5px);
		width: calc(50% - 7.5px);
		margin: 0 0 35px 0 !important;
	}

	.image-section {
		flex-wrap: wrap;
	}

	.image-section .full-img,
	.image-section .text {
		flex: 1 0 100%;
		max-width: 100%;
		width: 100%;
	}

	.image-section .text {
		padding: 10% 2.5%;
	}

	.woocommerce-MyAccount-content,
	.cart-container .cart-collaterals {
		margin-bottom: 15px;
	}

	.cart_item td.product-thumbnail {
		width: 100%;
	}

	.cart_item td.product-name {
		padding-left: 0;
		padding-right: 0;
	}

	.woocommerce-checkout {
		flex-wrap: wrap;
	}

	.woocommerce-checkout #customer_details,
	.woocommerce-checkout .order-summary {
		flex: 1 0 100%;
		max-width: 100%;
		width: 100%;
	}

	.account-container .row,
	.cart-container .row {
		flex-direction: column-reverse;
	}

	.woocommerce-info,
	.woocommerce-message {
		flex-wrap: wrap;
		gap: 10px;
	}

	.woocommerce-info *,
	.woocommerce-message *,
	.woocommerce-MyAccount-content .form-row-first, .woocommerce-MyAccount-content .form-row-last, .woocommerce-checkout .form-row-first, .woocommerce-checkout .form-row-last {
		flex: 1 0 100% !important;
		max-width: 100% !important;
		width: 100% !important;
	}

	.breads {
		overflow-x: scroll;
	}

	.breads::-webkit-scrollbar {
		display: none;
	}

	.breads li a,
	.breads li span {
		white-space: nowrap;
		font-size: 14px;
	}

	.employees {
		flex-wrap: wrap;
		gap: 15px;
	}

	.employees .employee {
		flex: 1 0 100%;
		max-width: calc(100%);
		width: calc(100%);
	}

	.flex-contact-pill {
		gap: 32px;
	}

	#openMenu {
		display: block;
	}

	#customer_details {
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
	}

	#customer_details .col-1,
	#customer_details .col-2 {
		flex: 1 0 100%;
		max-width: 100%;
		width: 100%;
	}

}