/*
Theme Name: Sandl
Author: Sander Brugman
Description: Thema voor Sandl, powered by Qoe
Version: 1.0.0
Template: qoe
Template Version: 1.0.4
*/

@import url(./assets/styles/fonts.css);

:root {
  --color-primary: #d6766b;
  --color-primary-light: #f9eae9;
  --color-secondary: #ffcc99;
  --color-secondary-light: #ffebd6;
  --color-accent: #81d4fa;
  --color-neutral: #424242;

  --color-text-body: var(--color-neutral);
  --color-text-heading: var(--color-primary);
  --color-text-on-primary: var(--color-primary-light);
}

body {
  font-family: Archia, sans-serif;
  font-size: 16px;
  line-height: 1.7;
  color: var(--color-text-body);
}

#back-to-top {
  position: fixed;
  bottom: 24px;
  right: 24px;
  z-index: 1000;
  display: block;
  width: 48px;
  height: 48px;
  text-align: center;
  line-height: 48px;
  font-size: 24px;
  background-color: var(--color-neutral);
  color: var(--color-text-on-primary);
  box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.1);
  border-radius: 100%;
  cursor: pointer;
  transform: translateX(100px);
  transition: all 0.175s ease-in-out;
}

#back-to-top:hover {
  color: var(--color-primary);
}

#back-to-top.is-visible {
  transform: translateX(0);
}

.wc-block-grid__product-image {
  padding: 24px;
	transition: all .175s ease-in-out;
  filter: drop-shadow(4px 4px 6px rgb(178, 178, 178))
    drop-shadow(4px 4px 12px rgb(211, 211, 211))
    drop-shadow(12px 12px 24px rgb(225, 225, 225));
  transform: rotate(15deg);
	overflow: hidden;
}

.wc-block-product {
	overflow: hidden;
}

.wc-block-grid__product,
.wc-block-product,
.wp-block-post {
	transition: all .175s ease-in-out;
}

.wc-block-grid__product:hover,
.wc-block-product:hover,
.wp-block-post:hover {
	background-color: rgba(255, 204, 153, 0.3)
}

.wc-block-grid__product:hover .wc-block-grid__product-image,
.wc-block-product:hover .wc-block-grid__product-image,
.wc-block-post:hover .wc-block-grid__product-image {
	filter: drop-shadow(4px 4px 6px rgba(153, 122, 92, 0.6))
    drop-shadow(4px 4px 12px rgba(153, 122, 92, 0.4))
    drop-shadow(12px 12px 24px rgba(153, 122, 92, 0.2)) !important;
}

.woocommerce-Tabs-panel h2 {
	color: var(--color-primary);
	font-size: var(--wp--preset--font-size--large)
}

.woocommerce-product-gallery__image {
	border: 4px solid rgb(220, 220, 220);
	padding: var(--wp--preset--spacing--x-large)
}

.main-nav a {
	transition: all .175s ease-in-out;
	opacity: 0.8;
	border-bottom: 2px solid transparent;
}

.main-nav a:hover {
	opacity: 1;
	border-color: var(--color-primary);
}

.footer-nav a {
	transition: all .175s ease-in-out;
	border-bottom: 1px solid transparent;
}

.footer-nav a:hover {
	color: var(--color-secondary) !important;
	border-color: var(--color-secondary);
}

.hero-button a {
	transition: all .175s ease-in-out;
}

.hero-button a:hover {
	transform: scale(1.05);
	background-color: #fff !important;
}

/* E-mail notifier */
.cwginstock-subscribe-form .panel-primary {
	max-width: 420px !important;
	border-color: var(--color-neutral) !important;
}

.cwginstock-subscribe-form .panel-primary > .panel-heading {
	background-color: var(--color-primary) !important;
}

.cwginstock-panel-body > .row {
	width: 92%;
}

.cwgstock_button {
	background-color: var(--color-primary) !important;
	border: none !important;
	height: 32px !important;
	cursor: pointer;
}

.cwgstock_name, .cwgstock_email {
	height: 32px !important;
	text-align: left !important;
	padding: 0 12px;
	width: 92% !important;
}

.hero-slider .eedee-gutenslider-nav {
	border: 1px solid red;
	display: none;
}

.hero-slider .eedee-background-div img {
	object-fit: contain !important;
	transform: rotate(20deg) scale(0.9);
}