/*!
Theme Name: Vedder
Theme URI: https://luuk-arends.notion.site/Vedder-B2B-db5082ce819348fe8c4e570d116585c4?pvs=4
Author: Luuk Arends
Author URI: https://vedderb2b.com/
Description: Vedder is a custom theme with limitless possibilities, offered with the convenience of WordPress.
Version: 1.3
Tested up to: 8.3
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: vedder
*/

/* Root */

:root {
	--color-white: #ffffff;
	--color-black: #000000;
	--color-darkblue: #013642;
	--color-blue: #025e73;
	--color-lightblue: #1793a0;
	--color-winered: #4a1d2d;
	--color-gold: #bf9e60;
	--color-lightgrey: #f6f5f2;
	--color-grey: #717171;
	--color-green: #337721;
}

/* Body */

body {
	font-family: "Museo Regular";
	color: var(--color-black);
}

/* Anchors */

a {
	color: var(--color-blue);
	text-decoration: none;
	transition: all ease .6s;
}

a:hover {
	color: var(--color-gold);
}

.title-url {
    color: var(--color-blue);
    font-family: "Museo Medium";
    font-size: 1.125rem;
    display: flex;
    gap: .5rem;
    align-items: center;
    justify-content: end;
}

.read-more {
	color: var(--color-blue);
	font-family: "Museo Medium";
	font-size: 1.125rem;
	display: flex;
	gap: .5rem;
}

/* Headings */

h1, h2, h3 {
	font-family: "Museo Bold";
}

.title {
	font-size: 1.75rem;
	color: var(--color-blue);
}

/* Typography */

.fw-bold, strong, b {
	font-weight: normal;
	font-family: "Museo Bold";
}

/* Buttons */

.btn, button, .button {
	font-family: "Museo Medium";
	font-size: 1.125rem;
	padding: .75rem 2rem;
	border-radius: 3rem;
	transition: all ease .6s;
}

.btn-primary, button, .button {
	color: var(--color-white);
	background-color: var(--color-blue);
	border-color: var(--color-blue);
}

.btn-primary:hover, button:hover, .button:hover {
	color: var(--color-white);
	background-color: var(--color-darkblue);
	border-color: var(--color-darkblue);
}

.btn-secondary {
	color: var(--color-blue);
	background-color: var(--color-white);
	border-color: var(--color-white);
}

.btn-secondary:hover {
	color: var(--color-white);
	background-color: var(--color-blue);
	border-color: var(--color-blue);
}

/* Backgrounds */

.bg-winered {
	background-color: var(--color-winered);
}

.bg-lightgrey {
	background-color: var(--color-lightgrey);
}

.bg-blue {
	background-color: var(--color-blue);
}

.bg-darkblue {
	background-color: var(--color-darkblue);
}

hr {
	opacity: .05;
}

/* Sizing */

@media (min-width: 1200px) {
	.py-xl-6 {
		padding-top: 6rem !important;
		padding-bottom: 6rem !important;
	}

	.pt-xl-6 {
		padding-top: 6rem !important;
	}

	.pb-xl-6 {
		padding-bottom: 6rem !important;
	}
}

/* Tables */

th {
	font-family: "Museo Medium";
	font-weight: normal;
}

/* Slicks */

.slick-prev, .slick-next {
	z-index: 10;
}

.slick-prev:before, .slick-next:before {
	color: #5c3442;
	opacity: 1;
	font-size: 2.5rem;
}

/* Header */

.navbar-top {
	padding: .75rem 1rem;
	text-align: center;
	color: var(--color-white);
	background-color: var(--color-blue);
}

.navbar-wrapper {
	box-shadow: 0 .125rem .25rem rgba(var(--bs-body-color-rgb),.075);
}

.navbar-main {
	display: grid;
    grid-template-columns: 1fr 2fr 1fr;
	align-items: center;
    gap: 3rem;
	padding: .5rem 0;
}

.searchNav {
	padding: .5rem 1rem;
	background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23a2a6a9' class='bi bi-search' viewBox='0 0 16 16'><path d='M11.742 10.344a6.5 6.5 0 1 0-1.397 1.398h-.001q.044.06.098.115l3.85 3.85a1 1 0 0 0 1.415-1.414l-3.85-3.85a1 1 0 0 0-.115-.1zM12 6.5a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0'/></svg>");
	background-size: 20px;
	background-repeat: no-repeat;
	background-position: 97% 50%;
}

.search-wrapper .dropdown-menu.show {
	max-height: 450px;
	overflow-y: scroll;
}

.navbar-actions {
	display: flex;
	justify-content: end;
	gap: 2rem;
	font-family: "Museo Medium";
	font-size: 1rem;
}

.action-item {
	display: grid;
	text-align: center;
	color: inherit;
}

.action-item .bi {
	font-size: 1.25rem;
}

.action-item_cart {
	position: relative;
}

.cart-count {
	position: absolute;
	font-size: .75rem;
	top: 0;
	right: 1rem;
	width: 24px;
	height: 24px;
	display: flex;
	align-items: center;
	justify-content: center;
	color: var(--color-white);
	background-color: var(--color-winered);
	border-radius: 50%;
}

.navbar {
	padding-bottom: .5rem;
}

.navbar-nav {
	gap: 2rem;
	font-family: "Museo Medium";
	font-size: 1.125rem;
}

.nav-link {
	color: var(--color-black);
}

.mm-collapse {
	background-color: rgb(255, 255, 255);
	position: fixed;
	left: 0px;
	right: 0px;
	z-index: 999;
	padding: 3rem 0px;
	box-shadow: 0 0.125rem 0.25rem rgba(var(--bs-body-color-rgb), 0.075);
	border-top: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color);
}

.mm-choices {
	display: grid;
	gap: 1rem;
	padding-right: 2rem;
}

.mm-title {
	color: inherit;
	font-family: "Museo Medium";
	display: block;
	font-size: 1.125rem;
	padding-left: 1rem;
	display: flex;
	justify-content: space-between;
}

.mm-title_active {
	padding: 1rem;
	box-shadow: 0 0.125rem 0.25rem rgba(var(--bs-body-color-rgb), 0.075);
	border-radius: 1rem;
	color: var(--color-blue);
}

.mm-list {
	padding: 0;
	margin: 0;
	list-style: none;
	display: grid;
	gap: 0.25rem;
}

.mm-item {
	color: inherit;
	width: 100%;
	display: block;
	transition: all ease 0.3s;
}

.mm-item_first {
	font-family: "Museo Medium";
}

.mm-item:hover {
	opacity: 0.5;
}

#offcanvasCart .cart_list {
	padding: 0;
	list-style: none;
	margin: 0;
	display: grid;
	gap: .5rem;
	margin-bottom: 1rem;
	font-size: .925rem;
}

#offcanvasCart .cart_list .mini_cart_item {
	display: flex;
    justify-content: space-between;
    align-items: center;
    gap: .5rem;
}

#offcanvasCart .cart_list .mini_cart_item .remove {
	color: var(--color-winered);
}

#offcanvasCart .cart_list .mini_cart_item a:not(.remove) {
	display: flex;
	gap: 1rem;
	align-items: center;
}

#offcanvasCart .cart_list .mini_cart_item img {
	width: 50px;
	min-width: 50px;
    height: 50px;
    object-fit: cover;
    border-radius: 0 0 1rem 0;
}

#offcanvasCart .woocommerce-mini-cart__buttons {
	display: grid;
	gap: 1rem;
}

#offcanvasCart .woocommerce-mini-cart__buttons .button {
	font-family: "Museo Medium";
	font-size: 1.125rem;
	padding: .75rem 2rem;
	border-radius: 3rem;
	color: var(--color-blue);
	background-color: var(--color-lightgrey);
	border-color: var(--color-lightgrey);
	text-align: center;
	font-size: .925rem;
}

#offcanvasCart .woocommerce-mini-cart__buttons .button.checkout {
	color: var(--color-white);
	background-color: var(--color-blue);
	border-color: var(--color-blue);
}

/* Hero */

.hero .slick-prev {
	display: none !important;
}

.hero-item {
	position: relative;
}

.hero-content {
	position: absolute;
	z-index: 10;
	padding: 3rem;
	background-color: var(--color-blue);
	color: var(--color-white);
	border-radius: 0 0 6rem 0;
	max-width: 420px;
	display: grid;
	gap: 1rem;
	top: 6rem;
	left: 0;
}

.hero-descr {
	font-size: 1.125rem;
}

.hero-content .btn {
	justify-self: start;
}

.hero-img {
	border-radius: 0 0 12rem 0;
	width: 100%;
	height: 564px;
	object-fit: cover;
	padding: 0 3rem;
}

/* Featured */

.featured-item {
	color: var(--color-white);
	position: relative;
	display: block;
	height: 500px;
	overflow: hidden;
}

.featured-item:hover {
	color: var(--color-white);
}

.featured-item::after {
	content: "";
	position: absolute;
	inset: 0;
	z-index: 10;
	background-color: var(--color-black);
	opacity: .15;
}

.featured-item_left {
	border-radius: 9rem 0 0 0;
}

.featured-item_right {
	border-radius: 0 0 9rem 0;
}

.featured-content {
	position: absolute;
    z-index: 20;
    inset: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    gap: 1rem;
}

.featured-img {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: all ease .6s;
}

.featured-item:hover .featured-img {
	transform: scale(1.1);
}

/* Categories */

.cat-item {
	color: var(--color-white);
	position: relative;
	display: block;
	height: 280px;
	overflow: hidden;
	border-radius: 0 0 3rem 0;
}

.cat-item:hover {
	color: var(--color-white);
}

.cat-item:after {
	content: "";
	position: absolute;
	inset: 0;
	z-index: 10;
	background-color: var(--color-black);
	opacity: .15;
}

.cat-content {
	position: absolute;
    z-index: 20;
	bottom: 0;
	left: 0;
	padding: 1rem;
    gap: 1rem;
}

.cat-img {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: all ease .6s;
}

.cat-item:hover .cat-img {
	transform: scale(1.1);
}

/* Content */

.content-block h2 {
	margin: 1.5rem 0;
	font-size: 1.5rem;
}

.content-block h2:first-of-type {
	margin-top: 0;
}

.content-block {
	font-size: 1.125rem;
}

.intro .content-block {
	font-size: 1.25rem;
	color: var(--color-blue);
}

.intro .content-block h2 {
	margin-bottom: 1.5rem;
}

/* Brands */

.slickBrands .slick-track {
	display: flex;
	align-items: center;
}

.brand-img {
	width: 220px;
	max-height: 200px;
	object-fit: contain;
}

.brand-item {
	display: flex;
    align-items: center;
    justify-content: center;
}

/* Archive */

.archive-intro .page-title {
	font-size: 1.75rem;
}

.term-description p {
	font-size: .925rem;
}

.archive-ordering {
	display: flex;
	justify-content: space-between;
	margin-bottom: 1.5rem;
}

.woocommerce-notices-wrapper {
	display: none;
}

.woocommerce-ordering {
	padding: 0 1rem;
	font-size: 1rem;
	font-family: "Museo Bold";
	border-radius: 3rem;
	border: 0;
	background-color: var(--color-lightgrey);
}

.woocommerce-ordering select {
	background-color: transparent;
	border: 0;
	padding: 1rem 0;
	border-radius: 3rem;
}

.archive-filter {
	display: grid;
	gap: 1rem;
}

.filter-header {
	margin-bottom: .5rem;
	padding-bottom: .5rem;
	border-bottom: 1px solid var(--color-lightgrey);
}

.filter-title {
	font-size: 1.125rem;
	font-family: "Museo Bold";
}

.filter-option {
	display: flex;
	gap: 1rem;
}

.filter-count {
	margin-left: auto;
	opacity: .5;
}

.woocommerce-pagination {
	margin-top: 3rem;
}

.page-numbers {
	padding: 0;
	margin: 0;
	list-style: none;
	display: flex;
	gap: 1rem;
}

/* Products */

.product-item {
	display: flex;
	flex-direction: column;
	color: var(--color-black);
}

.product-item:hover {
	color: var(--color-black);
}

.product-media {
	position: relative;
	margin-bottom: 1rem;
	overflow: hidden;
	border-radius: 0 0 1rem 0;
}

.product-label {
	top: 1rem;
	padding: .5rem 1rem;
	position: absolute;
	color: var(--color-white);
	background-color: var(--color-winered);
	border-radius: 0 3rem 3rem 0;
	z-index: 10;
}

.product-img {
	width: 100%;
	height: 430px;
	object-fit: cover;
	border-radius: 0 0 1rem 0;
	transition: all ease .6s;
}

.product-item:hover .product-img {
	transform: scale(1.1);
}

.product-title {
	font-family: "Museo Bold";
	font-size: 1.125rem;
}

.product-material {
	margin-bottom: 1rem;
}

.product-item .product-price {
	font-size: 1.25rem;
	font-family: "Museo Bold";
	color: var(--color-blue);
}

/* Single product */

.single-product.woocommerce div.product .woocommerce-product-gallery {
	float: none;
}

.single-product.woocommerce div.product .woocommerce-product-gallery a {
	display: block;
}

.single-product.woocommerce div.product .woocommerce-product-gallery .woocommerce-product-gallery__image img {
	width: 100%;
	height: 620px;
	object-fit: cover;
	border-radius: 0 0 3rem 0;
}

.single-product.woocommerce div.product .onsale {
	display: none;
}

.single-product .summary {
	padding: 3rem;
	background-color: var(--color-white);
	border-radius: 0 3rem;
	min-height: 100%;
}

.stars {
	font-size: 1.5rem;
	color: var(--color-gold);
}

.single-product .summary .product_title {
	font-size: 2rem;
}

.attribute-list {
	display: grid;
	font-size: 1.125rem;
}

.attribute {
	display: flex;
	gap: 1rem;
}

.attribute-name {
	font-family: "Museo Medium";
	color: var(--color-blue);
	flex-basis: 6rem;
}

.summary .price {
	font-size: 1.25rem;
	font-family: "Museo Bold";
	color: var(--color-blue);
}

.price del {
	opacity: .5;
	font-size: 1rem;
}

.price ins {
	text-decoration: none;
	border: 0;
}

.summary .cart:not(.variations_form) {
	display: flex;
	gap: 1rem;
	margin-top: 3rem;
	margin-bottom: 1.5rem;
}

.summary .cart .woocommerce-variation-add-to-cart {
	display: flex;
	gap: 1rem;
	margin: 1.5rem 0;
}

.variations {
	border-collapse: separate;
	border-spacing: 0 .5rem;
}

.variations label {
	min-width: 75px;
}

.variations select {
	padding: .5rem;
	border: var(--bs-border-width) solid var(--bs-border-color);
	border-radius: .375rem;
}

.reset_variations {
	display: none;
}

.cart .qty {
	padding: 1rem;
	font-size: 1.25rem;
	border-radius: 1rem;
	background-color: var(--color-lightgrey);
	border: 0;
	max-width: 80px;
	text-align: center;
}

.cart button[name="add-to-cart"] {
	font-family: "Museo Medium";
	font-size: 1rem;
	padding: .75rem 2rem;
	border-radius: 3rem;
	border: 0;
	color: var(--color-white);
	background-color: var(--color-blue);
	width: 100%;
	transition: all ease .6s;
}

.cart button[name="add-to-cart"]:hover {
	color: var(--color-white);
	background-color: var(--color-darkblue);
	border-color: var(--color-darkblue);
}

.delivery {
	color: var(--color-green);
}

.usp-list .bi {
	color: var(--color-green);
}

.product_meta {
	display: none;
}

.single-product .tabs {
	display: none;
}

.woocommerce-product-attributes {
	border-collapse: separate;
    border-spacing: 0 1rem;
}

.woocommerce-product-attributes .woocommerce-product-attributes-item__label {
	min-width: 200px;
}

.woocommerce-product-attributes p {
	margin-bottom: 0;
}

/* Blog */

.blog-item {
	display: flex;
	flex-direction: column;
	border-radius: 3rem 0 3rem 0;
	overflow: hidden;
	color: inherit;
	background-color: var(--color-white);
}

.blog-img {
	width: 100%;
	height: 250px;
	object-fit: cover;
}

.blog-content {
	padding: 2rem;
	display: grid;
	gap: .5rem;
}

.blog-date {
	color: var(--color-grey);
	font-family: "Museo Medium";
}

.blog-title {
	font-size: 1.5rem;
}

.blog-item .read-more {
	padding: 0 2rem 2rem 2rem;
}

/* Unique Selling Points */

.usps-item {
	display: flex;
	gap: 1rem;
	align-items: start;
	color: var(--color-white);
}

.usps-item .bi {
	font-size: 3rem;
	color: var(--color-lightblue);
}

.usps-content {
	padding: 0 2rem;
}

.usps-title {
	font-size: 1.25rem;
	font-family: "Museo Medium";
}

.usps-descr {
	font-size: 1.125rem;
}

/* Newsletter */

.newsletter,
.newsletter .title {
	color: var(--color-white);
}

/* Rank Math */

#rank-math-faq .rank-math-list-item {
	padding: 1.5rem;
	background-color: var(--color-lightgrey);
	margin-bottom: 1rem;
}

#rank-math-faq .rank-math-list-item h3 {
  font-size: 1.125rem;
  margin-bottom: 0;
  color: var(--color-blue);
}

@media (max-width: 768px) {
  #rank-math-faq .rank-math-list-item h3 {
    font-size: 1rem;
  }
}

#rank-math-faq .rank-math-list-item p {
  margin-top: 1rem;
  font-size: 1rem;
}

#rank-math-faq .rank-math-list-item p:last-of-type {
	margin-bottom: 0;
}

#rank-math-faq .rank-math-list-item .collapse:not(.show) {
  display: block;
}

.rank-math-question {
  cursor: pointer;
  position: relative;
  display: block;
  padding-right: 1em;
}

.rank-math-question:after {
  position: absolute;
  right: 5px;
  top: 0;
  content: "\2715";
  transform: rotate(-45deg);
  transition: all 150ms ease-in-out;
}

.rank-math-question.collapse:after {
  transform: rotate(0deg);
}

.rank-math-question:hover {
  opacity: 0.8;
}

/* Cart */

.woocommerce-cart-form .product-thumbnail img {
	width: 75px;
	height: 75px;
	object-fit: cover;
	border-radius: 0 0 1rem 0;
}

.woocommerce-cart-form .qty {
	font-size: 1rem;
}

.woocommerce-cart-form .actions {
	display: none;
}

.cart-collaterals .button {
	display: block;
	text-align: center;
}

/* Checkout */

.woocommerce-billing-fields__field-wrapper,
.woocommerce-shipping-fields__field-wrapper {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 1rem;
}

.form-row {
	display: flex;
	flex-direction: column;
	justify-content: end;
	gap: .5rem;
	margin-bottom: 0;
}

.form-row input,
.form-row textarea {
	width: 100%;
	padding: .5rem;
	border: var(--bs-border-width) solid var(--bs-border-color);
	border-radius: .375rem;
}

.form-row .select2-selection {
	height: 42px;
	margin: 0;
	border: var(--bs-border-width) solid var(--bs-border-color);
	border-radius: .375rem;
}

.form-row .optional {
	display: none;
}

.woocommerce-checkout .title {
	font-size: 1.25rem;
}

.woocommerce-shipping-methods {
	list-style: none;
	padding: 0;
	margin: 0;
	display: grid;
	gap: .5rem;
}

.woocommerce-shipping-methods label {
	display: flex;
    gap: .5rem;
}

.woocommerce-terms-and-conditions-wrapper {
	display: none;
}

/* Form */

.form .gform-field-label {
	color: inherit !important;
	font-size: 1.25rem !important;
	font-family: "Museo Bold" !important;
}

.form .gfield input.large,
.form .gfield textarea {
	padding: .5rem 1rem;
    height: auto;
    background-color: var(--color-lightgrey);
	border: 0;
    border-radius: 0 1rem;
}

.form .gfield .gform-button,
.form .gform-footer .gform_button {
	font-family: "Museo Medium" !important;
	font-size: 1rem !important;
	padding: .75rem 2rem !important;
	border-radius: 3rem !important;
	border: 0 !important;
	color: var(--color-white) !important;
	background-color: var(--color-blue) !important;
	width: 100% !important;
	transition: all ease .6s !important;
	min-height: 56px !important;
}

.form.form-contact .gform-field-label {
	font-size: 1.125rem !important;
}

.form.form-contact .gform_fields {
	gap: 1rem !important;
}

.form .gform_heading {
	display: none;
}

/* Footer */

.payments-text {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 1rem;
}

.payments-items {
	display: flex;
	gap: .5rem;
	align-items: center;
}

.footer {
	font-size: 1.125rem;
}

.footer a,
.copyright a {
	color: var(--color-black);
}

.footer-title {
	font-family: "Museo Bold";
	color: var(--color-blue);
	font-size: 1.125rem;
	margin-bottom: 1rem;
}

.footer-list {
	padding: 0;
	list-style: none;
	margin: 0;
	display: grid;
	gap: 1rem;
	font-size: 1.125rem;
}

.copyright-items {
	display: flex;
	gap: 2rem;
}