.elementor-kit-13{--e-global-color-primary:#000000;--e-global-color-secondary:#000000;--e-global-color-text:#FFFFFF;--e-global-color-accent:#000000;--e-global-color-6a48392:#382E2A;--e-global-color-7f2514e:#725D55;--e-global-typography-primary-font-family:"PLONI";--e-global-typography-primary-font-size:36px;--e-global-typography-primary-font-weight:400;--e-global-typography-secondary-font-family:"PLONI";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"PLONI";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"PLONI";--e-global-typography-accent-font-weight:700;--e-global-typography-8a94bc9-font-family:"Atlas";--e-global-typography-8a94bc9-font-size:28px;--e-global-typography-8a94bc9-font-weight:400;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){margin-block-end:20px;}.elementor-element{--widgets-spacing:20px 20px;}{}h1.entry-title{display:var(--page-title-display);}.elementor-kit-13 e-page-transition{background-color:#FFBC7D;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS */@media screen and (min-width: 768px)
{
/***
* Shrinking Sticky header, no container edition
* class: .sticky-header
* Uses the built-in .elementor-container class for shrinking the header in non-container installs
*/
header.sticky-header {
	--header-height: 100px; /* Set your own header height */
	--shrink-header-to: 0.6; /* 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(255,255,255, 0.7);
	transition: background-color var(--transition-timing),
				backdrop-filter var(--transition-timing),
				box-shadow var(--transition-timing);
}
header.sticky-header.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 */
}
header.sticky-header > .elementor-container {
	min-height: var(--header-height);
	transition: min-height var(--transition-timing);
	
}
header.sticky-header.elementor-sticky--effects > .elementor-container {
	min-height: calc( var(--header-height) * var(--shrink-header-to) );
}
/***
* Optional: Change menu font size on Scroll
*/
header.sticky-header.elementor-sticky--effects .elementor-nav-menu .elementor-item {
  font-size: 23px !important;
}
.elementor-menu-cart__container {
    min-height: 100vh;
}
/***
* 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: 80px; /* 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);
}
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;
}
}
.awdr-you-saved-text {
    color: #2A1735 !important;
    font-size:20px;
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'PLONI';
	font-style: normal;
	font-weight: 400;
	font-display: auto;
	src: url('https://shireleis.com/wp-content/uploads/2023/02/ploni-regular-aaa.woff2') format('woff2'),
		url('https://shireleis.com/wp-content/uploads/2023/02/ploni-regular-aaa.woff') format('woff');
}
@font-face {
	font-family: 'PLONI';
	font-style: normal;
	font-weight: 300;
	font-display: auto;
	src: url('https://shireleis.com/wp-content/uploads/2023/03/ploni-light-aaa.woff2') format('woff2'),
		url('https://shireleis.com/wp-content/uploads/2023/03/ploni-light-aaa.woff') format('woff');
}
@font-face {
	font-family: 'PLONI';
	font-style: normal;
	font-weight: 600;
	font-display: auto;
	src: url('https://shireleis.com/wp-content/uploads/2023/02/ploni-demibold-aaa.woff2') format('woff2'),
		url('https://shireleis.com/wp-content/uploads/2023/02/ploni-demibold-aaa.woff') format('woff');
}
@font-face {
	font-family: 'PLONI';
	font-style: normal;
	font-weight: 700;
	font-display: auto;
	src: url('https://shireleis.com/wp-content/uploads/2023/02/ploni-bold-aaa.woff2') format('woff2'),
		url('https://shireleis.com/wp-content/uploads/2023/02/ploni-bold-aaa.woff') format('woff');
}
@font-face {
	font-family: 'PLONI';
	font-style: normal;
	font-weight: 900;
	font-display: auto;
	src: url('https://shireleis.com/wp-content/uploads/2023/03/ploni-black-aaa.woff2') format('woff2'),
		url('https://shireleis.com/wp-content/uploads/2023/03/ploni-black-aaa.woff') format('woff');
}
/* End Custom Fonts CSS */