/* 
Theme Name: Dekora
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Dekora ehf
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: dekora
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */


/***
* Shrinking Sticky header, Elementor Container edition
* class: .sticky-header
* This will only work with the Elementor container section
* the header uses additional 3 classes to gain higher CSS specificity and to avoid adding !important
*/
header.sticky-header.e-container.elementor-element {
	--header-height: 90px; /* Set your own header height */
	--shrink-header-to: 0.4; /* Shrinks to 60%, values: 0.1 to 1 */
	--transition-timing: .45s cubic-bezier(.4, 0, .2, 1); /* values: .1s to 0.5s (or more), replace "cubic-bezier(.4, 0, .2, 1)" with "ease" if you need a simpler transition */
	background-color: rgba(244, 245, 248, 1); /* Set your own background color */
	--min-height: var(--header-height);
	--transition: background-color var(--transition-timing),
					backdrop-filter var(--transition-timing),
					box-shadow var(--transition-timing),
					min-height var(--transition-timing);
}
header.sticky-header.e-container.elementor-element.elementor-sticky--effects {
	background-color: rgba(244, 245, 248, .8); /* Set your own background color on scroll */
	box-shadow: 0px 4px 33px 1px rgba(0, 0, 0, .07); /* Delete this line if you don't want shadow on scroll */
	-webkit-backdrop-filter: saturate(180%) blur(20px); /* Delete this line if you don't use transparency on scroll */
	backdrop-filter: saturate(180%) blur(20px); /* Delete this line if you don't use transparency on scroll */
	--min-height: calc( var(--header-height) * var(--shrink-header-to) );
}

/***
* class: .logo
* Add the class "logo" to your logo to scale your logo to 80% on scroll
*/
header.sticky-header .logo img,
header.sticky-header .logo.elementor-widget-theme-site-logo img,
header.sticky-header .logo .elementor-icon svg {
	--logo-height: 50px; /* This should be the original logo height _before_ being shrunk */
	--logo-shrink-to: 0.80; /* Shrinks logo to 80%, values: 0.10 to 1.00, where 1.00, as in 100%, won't shrink the logo */
	height: var(--logo-height);
	transition: height var(--transition-timing);
	--transition-timing: 0.5s ease-out;
}

header.sticky-header.elementor-sticky--effects .logo img,
header.sticky-header.elementor-sticky--effects .logo.elementor-widget-theme-site-logo img,
header.sticky-header.elementor-sticky--effects .logo .elementor-icon svg {
	height: calc(var(--logo-height) * var(--logo-shrink-to));
}
header.sticky-header .logo .elementor-icon svg {
	width: auto;
}
/***
* Optional: Shrink Menu Cart on scroll
*/
header.sticky-header .elementor-menu-cart__toggle .elementor-button {
	transition: padding var(--transition-timing),
				font-size var(--transition-timing);
}
header.sticky-header.elementor-sticky--effects .elementor-menu-cart__toggle .elementor-button {
	padding: var(--toggle-icon-padding, 8px 16px);
	font-size: 12px; /* Set your own font size on scroll */
}
header.sticky-header .elementor-menu-cart__main {
	min-height: 100vh;
}
header.sticky-header .elementor-menu-cart__container {
	overflow: visible;
}

#rememberme, #eael_accept_tnc {
  padding: 0px;
}
 
#off-canvas-65899bd > div.e-off-canvas__main > div > div > div.elementor-element.elementor-element-64b3740.e-con-full.e-flex.e-con.e-child > div > div > div > small {
  display: none !important;
}

/* .pewc-preset-style .pewc-radio-images-wrapper:not(.pewc-components-wrapper), .pewc-preset-style .pewc-checkboxes-images-wrapper:not(.pewc-components-wrapper) {
  justify-content: flex-start;
  align-items: flex-start;
  gap: 10px !important;
  box-sizing: border-box;
}

.pewc-checkboxes-list-wrapper .pewc-checkbox-wrapper, .pewc-radio-list-wrapper .pewc-radio-wrapper, .pewc-radio-images-wrapper .pewc-radio-image-wrapper, .pewc-checkboxes-images-wrapper .pewc-checkbox-image-wrapper {
  
  flex: 1 1 50%;
}

@media screen and (max-width: 767px) {
.pewc-checkboxes-list-wrapper .pewc-checkbox-wrapper, .pewc-radio-list-wrapper .pewc-radio-wrapper, .pewc-radio-images-wrapper .pewc-radio-image-wrapper, .pewc-checkboxes-images-wrapper .pewc-checkbox-image-wrapper {
  flex: 1 1 50%;
}

}
 */