/*====================================================================
1. Variables
====================================================================*/

:root {

	/* Primary color */
	--primary-10: #231B00;
	--primary-20: #3B2F00;
	--primary-30: #554500;
	--primary-40: #715C00;
	--primary-50: #8E7500;
	--primary-60: #AB8E11;
	--primary-70: #C8A930;
	--primary-80: #E5C449;
	--primary-90: #FFE179;
	--primary-95: #FFF0C7;
	--primary-99: #FFFBFF;

	--primary-light-opacity-05: #715C000D;
	--primary-light-opacity-12: #715C001F;
	--primary-light-opacity-16: #715C0029;
	--primary-light-opacity-32: #715C0052;
	--primary-light-opacity-64: #715C00A3;

	--primary-dark-opacity-05: #E5C4490D;
	--primary-dark-opacity-12: #E5C4491F;
	--primary-dark-opacity-16: #E5C44929;
	--primary-dark-opacity-32: #E5C44952;
	--primary-dark-opacity-64: #E5C449A3;

	/* Secondary color */
	--secondary-10: #221B04;
	--secondary-20: #383016;
	--secondary-30: #4F462A;
	--secondary-40: #675E40;
	--secondary-50: #817657;
	--secondary-60: #9C906E;
	--secondary-70: #B7AB87;
	--secondary-80: #D3C6A1;
	--secondary-90: #F0E2BB;
	--secondary-95: #FEF0C9;
	--secondary-99: #FFFBFF;

	--secondary-light-opacity-05: #675E400D;
	--secondary-light-opacity-12: #675E401F;
	--secondary-light-opacity-16: #675E4029;
	--secondary-light-opacity-32: #675E4052;
	--secondary-light-opacity-64: #675E40A3;

	--secondary-dark-opacity-05: #D3C6A10D;
	--secondary-dark-opacity-12: #D3C6A11F;
	--secondary-dark-opacity-16: #D3C6A129;
	--secondary-dark-opacity-32: #D3C6A152;
	--secondary-dark-opacity-64: #D3C6A1A3;

	/* Tertiary color */
	--tertiary-10: #01210D;
	--tertiary-20: #173721;
	--tertiary-30: #2E4E36;
	--tertiary-40: #45664C;
	--tertiary-50: #5D7F64;
	--tertiary-60: #76997D;
	--tertiary-70: #90B496;
	--tertiary-80: #ABD0B0;
	--tertiary-90: #C6ECCC;
	--tertiary-95: #D4FAD9;
	--tertiary-99: #F5FFF3;

	--tertiary-light-opacity-05: #45664C0D;
	--tertiary-light-opacity-12: #45664C1F;
	--tertiary-light-opacity-16: #45664C29;
	--tertiary-light-opacity-32: #45664C52;
	--tertiary-light-opacity-64: #45664CA3;

	--tertiary-dark-opacity-05: #ABD0B00D;
	--tertiary-dark-opacity-12: #ABD0B01F;
	--tertiary-dark-opacity-16: #ABD0B029;
	--tertiary-dark-opacity-32: #ABD0B052;
	--tertiary-dark-opacity-64: #ABD0B0A3;

	/* Error color */
	--error-10: #410E0B;
	--error-20: #601410;
	--error-30: #8C1D18;
	--error-40: #B3261E;
	--error-50: #DC362E;
	--error-60: #E46962;
	--error-70: #EC928E;
	--error-80: #F2B8B5;
	--error-90: #F9DEDC;
	--error-95: #FCEEEE;
	--error-99: #FFFBF9;

	--error-light-opacity-05: #B3261E0D;
	--error-light-opacity-12: #B3261E1F;
	--error-light-opacity-16: #B3261E29;
	--error-light-opacity-32: #B3261E52;
	--error-light-opacity-64: #B3261EA3;

	--error-dark-opacity-05: #F2B8B50D;
	--error-dark-opacity-12: #F2B8B51F;
	--error-dark-opacity-16: #F2B8B529;
	--error-dark-opacity-32: #F2B8B552;
	--error-dark-opacity-64: #F2B8B5A3;

	/* Neutral color */
	--neutral-10: #1D1B16;
	--neutral-20: #313131; /* culoare originala #33302A */
	--neutral-30: #494640;
	--neutral-40: #625E57;
	--neutral-50: #7B776F;
	--neutral-60: #959088;
	--neutral-70: #B0ABA2;
	--neutral-80: #CBC6BD;
	--neutral-90: #E8E2D9;
	--neutral-95: #F6F0E7;
	--neutral-99: #FFFEFC;

	--neutral-light-opacity-05: #625E570D;
	--neutral-light-opacity-12: #625E571F;
	--neutral-light-opacity-16: #625E5729;
	--neutral-light-opacity-32: #625E5752;
	--neutral-light-opacity-64: #625E57A3;

	--neutral-dark-opacity-05: #CBC6BD0D;
	--neutral-dark-opacity-12: #CBC6BD1F;
	--neutral-dark-opacity-16: #CBC6BD29;
	--neutral-dark-opacity-32: #CBC6BD52;
	--neutral-dark-opacity-64: #CBC6BDA3;

	/* Neutral Variant color */
	--neutral-v-10: #1F1B10;
	--neutral-v-20: #343024;
	--neutral-v-30: #4B4639;
	--neutral-v-40: #645E50;
	--neutral-v-50: #7D7767;
	--neutral-v-60: #979080;
	--neutral-v-70: #B2AB9A;
	--neutral-v-80: #CEC6B4;
	--neutral-v-90: #EAE2CF;
	--neutral-v-95: #F9F0DD;
	--neutral-v-99: #FFFEFC;

	--neutral-v-light-opacity-05: #645E500D;
	--neutral-v-light-opacity-12: #645E501F;
	--neutral-v-light-opacity-16: #645E5029;
	--neutral-v-light-opacity-32: #645E5052;
	--neutral-v-light-opacity-64: #645E50A3;

	--neutral-v-dark-opacity-05: #CEC6B40D;
	--neutral-v-dark-opacity-12: #CEC6B41F;
	--neutral-v-dark-opacity-16: #CEC6B429;
	--neutral-v-dark-opacity-32: #CEC6B452;
	--neutral-v-dark-opacity-64: #CEC6B4A3;

	--topbar-height: 64px;
	--megamenu-height: 64px;

	--text-headline-l-font-size: 22px;
	--text-headline-l-line-height: 28px;
	--text-headline-l-letter-spacing: initial;
	--text-headline-l-font-weight: normal;

	--text-headline-m-font-size: 20px;
	--text-headline-m-line-height: 24px;
	--text-headline-m-letter-spacing: initial;
	--text-headline-m-font-weight: normal;

	--text-headline-s-font-size: 18px;
	--text-headline-s-line-height: 24px;
	--text-headline-s-letter-spacing: initial;
	--text-headline-s-font-weight: normal;


	--text-display-l-font-size: 32px;
	--text-display-l-line-height: 40px;
	--text-display-l-letter-spacing: -0.25px;
	--text-display-l-font-weight: normal;
	--text-display-l-margin: 0;

	--text-display-m-font-size: 28px;
	--text-display-m-line-height: 36px;
	--text-display-m-letter-spacing: initial;
	--text-display-m-font-weight: normal;
	--text-display-m-margin: 0;

	--text-display-s-font-size: 22px;
	--text-display-s-line-height: 32px;
	--text-display-s-letter-spacing: initial;
	--text-display-s-font-weight: normal;
	--text-display-s-margin: 0;


	--text-body-s-font-size: 12px;
	--text-body-s-line-height: 16px;
	--text-body-s-letter-spacing: 0.4px;
	--text-body-s-font-weight: normal;

	--text-body-m-font-size: 14px;
	--text-body-m-line-height: 20px;
	--text-body-m-letter-spacing: 0.25px;
	--text-body-m-font-weight: normal;

	--text-body-l-font-size: 16px;
	--text-body-l-line-height: 24px;
	--text-body-l-letter-spacing: 0.5px;
	--text-body-l-font-weight: normal;


	--text-label-l-font-size: 14px;
	--text-label-l-line-height: 20px;
	--text-label-l-letter-spacing: 0.1px;
	--text-label-l-font-weight: 500;

	--text-label-m-font-size: 12px;
	--text-label-m-line-height: 16px;
	--text-label-m-letter-spacing: 0.5px;
	--text-label-m-font-weight: 500;

	--text-label-s-font-size: 11px;
	--text-label-s-line-height: 16px;
	--text-label-s-letter-spacing: 0.5px;
	--text-label-s-font-weight: 500;


	--text-title-l-font-size: 22px;
	--text-title-l-line-height: 28px;
	--text-title-l-letter-spacing: 0px;
	--text-title-l-font-weight: 500;

	--text-title-m-font-size: 16px;
	--text-title-m-line-height: 24px;
	--text-title-m-letter-spacing: 0.1px;
	--text-title-m-font-weight: 500;

	--text-title-s-font-size: 14px;
	--text-title-s-line-height: 20px;
	--text-title-s-letter-spacing: 0.1px;
	--text-title-s-font-weight: 500;
}

/*====================================================================
2. Structure
====================================================================*/

/*@media (min-width: 960px) {
	.wp-site-blocks > header {
		position: fixed;
		top: 0;
		float: left;
		width: 320px;
		height: 100vh;
		overflow-y: auto;
	}

	.wp-site-blocks > main {
		float: left;
		width: calc(100% - 320px);
		margin-left: 320px;
	}

	.wp-site-blocks > footer {
		float: left;
		width: calc(100vw - 320px);
		margin-left: 320px;
	}

	.wp-site-blocks:after {
		content: "";
		display: table;
		clear: both;
	}
}
*/

.container .container {
	padding-left: 0 !important;
	padding-right: 0 !important;
}

/*--------------------------------------------------------------
3 Adminbar
--------------------------------------------------------------*/

:root {
	--adminbar-height: 0;
}


.admin-bar {
	--adminbar-height: 46px;
}

#wpadminbar {
	position: fixed !important;
}

.admin-bar .topbar {
	top: 46px;
}

@media (min-width: 783px) {
	.admin-bar {
		--adminbar-height: 32px;
	}
	.admin-bar .wp-site-blocks > header {
		top: 32px !important;
	}
}

/*--------------------------------------------------------------
5 Custom for Urbancaves
--------------------------------------------------------------*/

.height-100vh {
	height: 100vh !important;
}

/*--------------------------------------------------------------
5 Custom fonts
--------------------------------------------------------------*/

html,
body {
	font-family: 'Sofia Sans', sans-serif;
}


/*
.pl-320 {
	padding-left: 320px !important;
}*/

.blend {
	mix-blend-mode: difference;
}

.containe.boxed {
	padding: 0 !important;
}

/*--------------------------------------------------------------
# DRAWER
--------------------------------------------------------------*/

.nav-drawer {
	position: fixed;
	top: 0;
	left: -280px;
	bottom: 0;
	width: 280px;
	max-width: 100%;
	color: var(--neutral-10);
	background-color: var(--neutral-99);
	border-top-left-radius: 16px;
	border-bottom-left-radius: 16px;
	padding: 24px;
	-webkit-backface-visibility: hidden;
       -moz-backface-visibility: hidden;
        -ms-backface-visibility: hidden;
            backface-visibility: hidden;

   -webkit-perspective: 1000;
      -moz-perspective: 1000;
       -ms-perspective: 1000;
           perspective: 1000;
	-webkit-transform: translateZ(0);
       -moz-transform: translateZ(0);
        -ms-transform: translateZ(0);
         -o-transform: translateZ(0);
            transform: translateZ(0);
	transform: translateX(0);
	z-index: 10000;
	box-shadow: none;
	transition: all 300ms cubic-bezier(0.770, 0.000, 0.175, 1.000);
}

.nav-drawer-right .nav-drawer,
.nav-drawer-right-persistent .nav-drawer {
	left: initial;
	right: -280px;
}

.nav-drawer.opened {
	box-shadow: 0 4px 4px 0 rgba(0,0,0,.3), 0 8px 12px 6px rgba(0,0,0,.15) !important;
	transform: translateX(100%);
}

.nav-drawer-right .nav-drawer.opened,
.nav-drawer-right-persistent .nav-drawer.opened {
	transform: translateX(-100%);
}

.dark .nav-drawer {
	color: var(--neutral-80);
	background-color: var(--neutral-10);
}

.nav-drawer:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: -1;
	background-color: var(--primary-40);
	opacity: .14;
}

.nav-drawer-right .nav-drawer:before,
.nav-drawer-right-persistent .nav-drawer:before {
}

.dark .nav-drawer:before {
	background-color: var(--primary-80);
}

@media (min-width: 960px) {
	.nav-drawer-left-persistent .nav-drawer {
		transform: translate3d(100%, 0, 0);
		top: var(--topbar-height) !important;
		z-index: 8000;
	}

	.nav-drawer-left-persistent .nav-drawer.opened {
		box-shadow: none !important;
		transform: translateX(100%);
	}

	.nav-drawer-left-persistent .nav-drawer:before {
		opacity: 0;
	}

	.nav-drawer-right-persistent .nav-drawer {
		transform: translate3d(-100%, 0, 0);
		top: var(--topbar-height) !important;
		z-index: 8000;
	}

	.nav-drawer-right-persistent .nav-drawer.opened {
		box-shadow: none !important;
		transform: translate3d(-100%, 0, 0);
	}

	.nav-drawer-right-persistent .nav-drawer:before {
		opacity: 0;
	}
}

@media (min-width: 1264px) {
	.nav-drawer {
		left: -360px;
		width: 360px;
	}

	.nav-drawer-right .nav-drawer,
	.nav-drawer-right-persistent .nav-drawer {
		left: initial;
		right: -360px;
	}

	.nav-drawer-left-persistent .nav-drawer:before,
	.nav-drawer-right-persistent .nav-drawer:before {
		opacity: 0;
	}
}

.nav-drawer-list ul {
	list-style: none;
	margin: 0;
	padding: 8px 0;
}

.nav-drawer-list ul li a,
.nav-drawer-list ul li button {
	display: flex;
	width: 100%;
	align-items: center;
	height: 56px;
	padding: 0 16px;
	border-radius: 999px;
	font-weight: bold;
	font-size: 14px;
	line-height: 20px;
	letter-spacing: 0.1px;
	cursor: pointer;
	border: none;
	user-select: none;
	background-color: transparent;
	color: var(--neutral-10);
	transition: all 300ms cubic-bezier(0.770, 0.000, 0.175, 1.000);
}

.dark .nav-drawer-list ul li a,
.dark .nav-drawer-list ul li button {
	color: var(--neutral-90);
}

.nav-drawer-list ul li .toggle-sublist {
	position: relative;
}

.nav-drawer-list ul li .toggle-sublist:after {
	content: "\e5cf";
	font-family: azura;
	display: block;
	position: absolute;
	top: 50%;
	right: 16px;
	transform: translateY(-50%);
}

.nav-drawer-list ul li .toggle-sublist.expanded:after {
	content: "\e5ce";
}

.nav-drawer-list ul li a:hover,
.nav-drawer-list ul li button:hover,
.nav-drawer-list ul li .toggle-sublist.expanded {
	background-color: var(--secondary-light-opacity-12);
}

.dark .nav-drawer-list ul li a:hover,
.dark .nav-drawer-list ul li button:hover,
.nav-drawer-list ul li .toggle-sublist.expanded {
	background-color: var(--secondary-dark-opacity-12);
}

.nav-drawer-list ul li.active > a {
	color: #FFFFFF;
	background-color: var(--secondary-60);
}

.dark .nav-drawer-list ul li.active > a {
	color: var(--secondary-20);
	background-color: var(--secondary-80);
}

.nav-drawer-list ul li ul {
	display: none;
}

.nav-drawer-list ul li ul li a,
.nav-drawer-list ul li ul li button {
	height: 40px;
	font-weight: 500;
}

.white-link,
.white-link a {
    color: var(--neutral-99) !important;
}

.white-link:hover,
.white-link a:hover {
    color: var(--primary-95) !important;
}

/*--------------------------------------------------------------
# OVERLAY
--------------------------------------------------------------*/

.overlay {
	position: fixed;
	top: -100px;
	left: -100px;
	right: -100px;
	bottom: -100px;
	background-color: var(--neutral-10);
	opacity: 0;
	z-index: 11000;
	animation: opacityOverlayOpen .175s 1 cubic-bezier(0.165, 0.840, 0.440, 1.000);
	animation-fill-mode: forwards;
	transition: opacity .175s cubic-bezier(0.165, 0.840, 0.440, 1.000);
}

.overlay.for-drawer {
	z-index: 9000;
	animation: opacityOverlayOpen .3s 1 cubic-bezier(0.770, 0.000, 0.175, 1.000);
	animation-fill-mode: forwards;
	transition: opacity .3s cubic-bezier(0.770, 0.000, 0.175, 1.000);
}

@media (min-width: 960px) {
	.nav-drawer-left-persistent .overlay.for-drawer,
	.nav-drawer-right-persistent .overlay.for-drawer {
		display: none;
	}
}

.overlay.out {
	animation: opacityOverlayout .175s 1 cubic-bezier(0.165, 0.840, 0.440, 1.000);
	animation-fill-mode: forwards;
	pointer-events: none;
}

@keyframes opacityOverlayOpen {
	0% {
		opacity: 0;
	}
	100% {
		opacity: .4;
	}
}

@keyframes opacityOverlayout {
	0% {
		opacity: .4;
	}
	100% {
		opacity: 0;
	}
}

/*--------------------------------------------------------------
# TEXT FIELDS
--------------------------------------------------------------*/

.text-field {
	position: relative;
	width: 100%;
	margin-bottom: 16px;
}

.text-field:not(.boxed):not(.solo) > .input-slot {
	position: relative;
	border-radius: 4px 4px 0 0;
}

.text-field.boxed > .input-slot,
.text-field.solo > .input-slot {
	position: relative;
	border-color: var(--neutral-40);
	border-style: solid;
	border-width: thin;
	border-radius: 4px;
	height: 56px;
}

.text-field.boxed:hover > .input-slot,
.text-field.solo:hover > .input-slot {
	border-color: var(--neutral-10);
}

.text-field.boxed.focus > .input-slot,
.text-field.solo.focus > .input-slot {
	border-color: var(--primary-40);
}

.dark .text-field.boxed > .input-slot,
.dark .text-field.solo > .input-slot {
	border-color: var(--neutral-70);
}

.dark .text-field.boxed.focus > .input-slot,
.dark .text-field.solo.focus > .input-slot {
	border-color: var(--primary-80);
}

.text-field:not(.boxed):not(.solo) > .input-slot:after {
	bottom: 0;
	content: "";
	left: 0;
	position: absolute;
	transition: .3s cubic-bezier(.25,.8,.5,1);
	width: 100%;
	background-color: currentColor;
	border-color: var(--primary-40);
	border-style: solid;
	border-width: thin 0 thin 0;
	transform: scaleX(0);
}

.text-field > .input-slot.field-details:after {
	bottom: 24px;
}

.dark .text-field:not(.boxed):not(.solo) > .input-slot:after {
	border-color: var(--primary-80);
}

.text-field:not(.boxed):not(.solo).focus > .input-slot:after,
.text-field:not(.boxed):not(.solo).opened > .input-slot:after {
	transform: scaleX(1);
}

.text-field:not(.loaded) .input-slot > label {
	display: none;
}

.text-field.loaded .input-slot > label {
	display: -webkit-box;
}

.text-field .input-slot {
	display: flex;
	background-color: var(--primary-light-opacity-05);
	cursor: text;
}

.dark .text-field .input-slot {
	background-color: var(--primary-dark-opacity-12);
	transition: background-color .175s cubic-bezier(.25,.8,.5,1);
}

.text-field > .input-slot > input {
	display: block;
	font-family: Roboto;
	height: 56px;
	width: 100%;
	padding: 24px 16px 8px 16px;
	border: none;
	outline: none;
	border-radius: 4px 4px 0 0;
	color: var(--neutral-20);
/*	background-color: #f6f1eb;*/
	background-color: #faf2e5;
	font-size: 16px;
	line-height: 24px;
	letter-spacing: 0.5px;
	transition: border-color .175s cubic-bezier(.25,.8,.5,1);
}

.text-field.solo > .input-slot > input {
	padding: 0 16px 0 16px;
}

.text-field.boxed > .input-slot > input,
.text-field.solo > .input-slot > input {
	border-radius: 4px;
}

.text-field:not(.boxed):not(.solo) > .input-slot > input {
/*	border-bottom: 1px solid var(--neutral-50);*/
	border: 1px solid #ebdbc7;
}

.text-field.disabled:not(.boxed):not(.solo) > .input-slot > input {
	border-bottom: 1px dotted var(--neutral-50) !important;
	color: var(--neutral-40) !important;
}

.text-field.disabled.boxed > .input-slot > input {
	color: var(--neutral-70) !important;
}

.dark .text-field.disabled.boxed > .input-slot > input,
.dark .text-field.disabled.solo > .input-slot > input {
	color: var(--neutral-40) !important;
}


.text-field.select > .input-slot > input {
	cursor: pointer;
}

.text-field > .input-slot > input:hover {
	border-color: var(--neutral-10);
}

.text-field > .input-slot > input::placeholder {
	opacity: 0;
	visibility: hidden;
	transition: .3s cubic-bezier(.25,.8,.5,1);
}

.text-field.focus > .input-slot > input::placeholder,
.text-field.opened > .input-slot > input::placeholder {
	color: var(--neutral-30) !important;
	opacity: 1;
	visibility: visible;
}

.dark .text-field.focus > .input-slot > input::placeholder,
.dark .text-field.opened > .input-slot > input::placeholder {
	color: var(--neutral-70) !important;
}

.dark .text-field > .input-slot > input {
	color: var(--neutral-80);
}

.dark .text-field:not(.boxed):not(.solo) > .input-slot > input {
	border-bottom: 1px solid var(--neutral-80);
}

.dark .text-field:not(.boxed):not(.solo).disabled > .input-slot > input {
	border-bottom: 1px dotted var(--neutral-50);
}

.dark .text-field > .input-slot:hover,
.dark .text-field.focus > .input-slot,
.dark .text-field.opened > .input-slot {
	background-color: var(--primary-dark-opacity-16);
	border-color: var(--neutral-80);
}

.text-field.disabled > .input-slot {
	background-color: var(--neutral-light-opacity-12);
}

.dark .text-field.disabled > .input-slot {
	background-color: var(--neutral-dark-opacity-12);
}

.text-field.boxed.disabled > .input-slot,
.text-field.solo.disabled > .input-slot {
	color: var(--neutral-60);
	border-color: var(--neutral-80);
}

.dark .text-field.boxed.disabled > .input-slot,
.dark .text-field.solo.disabled > .input-slot {
	border-style: dotted;
	border-color: var(--neutral-30);
}

.text-field > .input-slot  > label {
	position: absolute;
	left: 16px;
	right: 16px;
	top: 16px;
	font-weight: 500;
	font-size: 16px;
	line-height: 24px;
	letter-spacing: 0.1px;
	pointer-events: none;
	transform-origin: left top;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
	transition: transform .15s cubic-bezier(.4,0,.2,1),color .15s cubic-bezier(.4,0,.2,1),-webkit-transform .15s cubic-bezier(.4,0,.2,1);
}

.text-field:not(.solo).focus > .input-slot  > label,
.text-field:not(.solo).value > .input-slot  > label,
.text-field:not(.solo).opened > .input-slot  > label {
	transform: translateY(-8px) scale(.75);
}

.text-field.focus > .input-slot > label,
.text-field.opened > .input-slot > label {
	color: var(--primary-40);
}

.text-field.solo.focus > .input-slot > label,
.text-field.solo.opened > .input-slot > label,
.text-field.solo.value > .input-slot > label {
	display: none;
}

.dark .text-field.focus > .input-slot > label,
.dark .text-field.opened > .input-slot > label {
	color: var(--primary-80);
}

.text-field.disabled > .input-slot > label {
	color: var(--neutral-70);
}

.dark .text-field.disabled > .input-slot > label {
	color: var(--neutral-40);
}

/* Change autocomplete styles in WebKit */
.text-field input:-webkit-autofill,
.text-field input:-webkit-autofill:hover,
.text-field input:-webkit-autofill:focus {
	-webkit-text-fill-color: var(--neutral-10);
	-webkit-box-shadow: 0 0 0px 1000px var(--primary-dark-opacity-16) inset;
	transition: background-color 5000s ease-in-out 0s;
	color: var(--neutral-10) !important;
}

.dark .text-field input:-webkit-autofill,
.dark .text-field input:-webkit-autofill:hover,
.dark .text-field input:-webkit-autofill:focus {
	-webkit-text-fill-color: var(--neutral-99);
	-webkit-box-shadow: 0 0 0px 1000px var(--primary-dark-opacity-16) inset;
	transition: background-color 5000s ease-in-out 0s;
	color: var(--neutral-99) !important;
}

.text-field > .details {
	display: flex;
    max-width: 100%;
    min-height: 16px;
    overflow: hidden;
    justify-content: space-between;
    margin-top: 8px;
    font-size: 12px;
    line-height: 16px;
}

.text-field > .details > .message {
	display: -webkit-box;
	 -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-right: 16px;
    transform: translateY(-16px);
	transition:  transform .15s cubic-bezier(.4,0,.2,1);
}

.text-field.field-error > .details > .message {
	color: var(--error-50);
}

.dark .text-field.field-error > .details > .message {
	color: var(--error-90);
}

.text-field.disabled > .details {
	color: var(--neutral-60);
}

.text-field.field-error > .details > .message,
.text-field.persistent-message > .details > .message {
	transform: translateY(0);
}

.text-field > .details > .counter {
	white-space: nowrap;
}

.text-field.focus > .details > .message,
.text-field.opened > .details > .message {
	transform: translateY(0);
}

.text-field.value.field-error .input-slot > label {
	color: var(--error-50);
	animation: shake-value .6s cubic-bezier(.25,.8,.5,1);
}

.text-field.field-error .input-slot > label {
	color: var(--error-50);
	animation: shake-no-value .6s .15s cubic-bezier(.25,.8,.5,1);
}

.dark .text-field.value.field-error .input-slot > label {
	color: var(--error-90);
	animation: shake-value .6s cubic-bezier(.25,.8,.5,1);
}

.dark .text-field.field-error .input-slot > label {
	color: var(--error-90);
	animation: shake-no-value .6s .15s cubic-bezier(.25,.8,.5,1);
}

.text-field.solo.solo-s > .input-slot > input {
	height: 32px;
	padding: 4px 16px 6px 16px;
	font-size: 14px;
}

.text-field.solo.solo-s > .input-slot {
	height: 32px;
}

.text-field.solo.solo-s > .input-slot > label {
	top: 4px;
	font-size: 14px;
}

.text-field.solo.solo-m > .input-slot > input {
	height: 40px;
	padding: 4px 16px 6px 16px;
	font-size: 14px;
}

.text-field.solo.solo-m > .input-slot {
	height: 40px;
}

.text-field.solo.solo-m > .input-slot > label {
	top: 8px;
	font-size: 14px;
}

.text-field.solo.solo-l > .input-slot > input {
	height: 48px;
	padding: 4px 16px 6px 16px;
	font-size: 14px;
}

.text-field.solo.solo-l > .input-slot {
	height: 48px;
}

.text-field.solo.solo-l > .input-slot > label {
	top: 12px;
	font-size: 14px;
}

.text-field.solo.solo-pill > .input-slot {
	border-radius: 999px;
}

.text-field.solo.solo-pill > .input-slot > input {
	border-radius: 999px;
}

/*--------------------------------------------------------------
# TEXTAREAS
--------------------------------------------------------------*/

.textarea-field {
	position: relative;
	width: 100%;
	margin-bottom: 16px;
}

.textarea-field > .textarea-slot {
	position: relative;
	border-radius: 4px 4px 0 0;
}

.textarea-field > .textarea-slot:after {
	bottom: 0;
	content: "";
	left: 0;
	position: absolute;
	transition: .3s cubic-bezier(.25,.8,.5,1);
	width: 100%;
	background-color: currentColor;
	border-color: var(--primary-40);
	border-style: solid;
	border-width: thin 0 thin 0;
	transform: scaleX(0);
}

.textarea-field > .textarea-slot.field-details:after {
	bottom: 24px;
}

.dark .textarea-field > .textarea-slot:after {
	border-color: var(--primary-80);
}

.textarea-field.focus > .textarea-slot:after,
.textarea-field.opened > .textarea-slot:after {
	transform: scaleX(1);
}

.textarea-field:not(.loaded) .textarea-slot > label {
	display: none;
}

.textarea-field.loaded .textarea-slot > label {
	display: -webkit-box;
}

.textarea-field .textarea-slot {
	display: flex;
	background-color: var(--primary-light-opacity-05);
	cursor: text;
}

.dark .textarea-field .textarea-slot {
/*	background-color: var(--primary-dark-opacity-12);*/
	background-color: #faf2e5;
	transition: background-color .175s cubic-bezier(.25,.8,.5,1);
}

.textarea-field > .textarea-slot > textarea {
	display: block;
	font-family: Roboto;
	height: 200px;
	width: 100%;
	padding: 24px 16px 8px 16px;
	border: none;
/*	border-bottom: 1px solid var(--neutral-50);*/
	border: 1px solid #ebdbc7;
	outline: none;
/*	border-radius: 4px 4px 0 0;*/
	border-radius: 4px;
	color: var(--neutral-20);
/*	background-color: #f6f1eb;*/
	background-color: #faf2e5;
	font-size: 16px;
	line-height: 24px;
	letter-spacing: 0.5px;
	transition: border-color .175s cubic-bezier(.25,.8,.5,1);
}


.textarea-field.disabled > .textarea-slot > textarea {
	border-bottom: 1px dotted var(--neutral-50) !important;
	color: var(--neutral-60) !important;
}

.textarea-field.select > .textarea-slot > textarea {
	cursor: pointer;
}

.textarea-field > .textarea-slot > textarea:hover {
	border-color: var(--neutral-10);
}

.textarea-field > .textarea-slot > textarea::placeholder {
	opacity: 0;
	visibility: hidden;
	transition: .3s cubic-bezier(.25,.8,.5,1);
}

.textarea-field.focus > .textarea-slot > textarea::placeholder,
.textarea-field.opened > .textarea-slot > textarea::placeholder {
	opacity: 1;
	visibility: visible;
}

.dark .textarea-field > .textarea-slot > textarea {
	color: var(--neutral-80);
	border-bottom: 1px solid var(--neutral-80);
}

.dark .textarea-field.disabled > .textarea-slot > textarea {
	border-bottom: 1px dotted var(--neutral-50);
}

.dark .textarea-field > .textarea-slot:hover,
.dark .textarea-field.focus > .textarea-slot,
.dark .textarea-field.opened > .textarea-slot {
	background-color: var(--primary-dark-opacity-16);
	border-color: var(--neutral-99);
}

.textarea-field.disabled > .textarea-slot {
	background-color: var(--neutral-light-opacity-12);
}

.dark .textarea-field.disabled > .textarea-slot {
	background-color: var(--neutral-dark-opacity-12);
}

.textarea-field > .textarea-slot  > label {
	position: absolute;
	left: 16px;
	right: 16px;
	top: 16px;
	font-weight: 500;
	font-size: 16px;
	line-height: 24px;
	letter-spacing: 0.1px;
	pointer-events: none;
	transform-origin: left top;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
	transition: transform .15s cubic-bezier(.4,0,.2,1),color .15s cubic-bezier(.4,0,.2,1),-webkit-transform .15s cubic-bezier(.4,0,.2,1);
}

.textarea-field.focus > .textarea-slot  > label,
.textarea-field.value > .textarea-slot  > label,
.textarea-field.opened > .textarea-slot  > label {
	transform: translateY(-8px) scale(.75);
}

.textarea-field.focus > .textarea-slot > label,
.textarea-field.opened > .textarea-slot > label {
	color: var(--primary-40);
}

.dark .textarea-field.focus > .textarea-slot > label,
.dark .textarea-field.opened > .textarea-slot > label {
	color: var(--primary-80);
}

.textarea-field.disabled > .textarea-slot > label {
	opacity: .38;
}

.textarea-field > .details {
	display: flex;
    max-width: 100%;
    min-height: 16px;
    overflow: hidden;
    justify-content: space-between;
    margin-top: 8px;
    font-size: 12px;
    line-height: 16px;
}

.textarea-field > .details > .message {
	display: -webkit-box;
	 -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-right: 16px;
    transform: translateY(-16px);
	transition:  transform .15s cubic-bezier(.4,0,.2,1);
}

.textarea-field.field-error > .details > .message {
	color: var(--error-50);
}

.dark .textarea-field.field-error > .details > .message {
	color: var(--error-90);
}

.textarea-field.disabled > .details {
	color: var(--neutral-60);
}

.textarea-field.field-error > .details > .message,
.textarea-field.persistent-message > .details > .message {
	transform: translateY(0);
}

.textarea-field > .details > .counter {
	white-space: nowrap;
}

.textarea-field.focus > .details > .message,
.textarea-field.opened > .details > .message {
	transform: translateY(0);
}

.textarea-field.value.field-error .textarea-slot > label {
	color: var(--error-50);
	animation: shake-value .6s cubic-bezier(.25,.8,.5,1);
}

.textarea-field.field-error .textarea-slot > label {
	color: var(--error-50);
	animation: shake-no-value .6s .15s cubic-bezier(.25,.8,.5,1);
}

.dark .textarea-field.value.field-error .textarea-slot > label {
	color: var(--error-90);
	animation: shake-value .6s cubic-bezier(.25,.8,.5,1);
}

.dark .textarea-field.field-error .textarea-slot > label {
	color: var(--error-90);
	animation: shake-no-value .6s .15s cubic-bezier(.25,.8,.5,1);
}

@keyframes shake-value {
	10%, 90% {
		transform: translate3d(-1px, -8px, 0) scale(.75);
	}
	20%, 80% {
		transform: translate3d(2px, -8px, 0) scale(.75);
	}
	30%, 50%, 70% {
		transform: translate3d(-4px, -8px, 0) scale(.75);
	}
	40%, 60% {
		transform: translate3d(4px, -8px, 0) scale(.75);
	}
}

@keyframes shake-no-value {
	10%, 90% {
		transform: translate3d(-1px, 0, 0) scale(1);
	}
	20%, 80% {
		transform: translate3d(2px, 0, 0) scale(1);
	}
	30%, 50%, 70% {
		transform: translate3d(-4px, 0, 0) scale(1);
	}
	40%, 60% {
		transform: translate3d(4px, 0, 0) scale(1);
	}
}

/*--------------------------------------------------------------
## BUTTONS PRIMARY
--------------------------------------------------------------*/

.azura-button {
	display: inline-flex;
	flex: 0 0 auto;
	position: relative;
	height: 40px;
	line-height: 24px;
	align-items: center;
	justify-content: center;
	gap: 8px;
	cursor: pointer;
	padding: 0 24px;
	margin: 0 8px 8px 0;
	white-space: nowrap;
	border: none;
	vertical-align: middle;
	outline: none;
	font-size: 14px;
	font-weight: 500;
	color: #FFFFFF;
	background-color: var(--primary-40);
	border-radius: 999px;
	user-select: none;
	text-decoration: none;
	z-index: 1;
	transition: all .175s ease-in-out;
}

.azura-button.azura-button-icon {
	padding-left: 16px;
}

.dark .azura-button {
	background-color: var(--primary-80);
	color: var(--primary-20);
}

.azura-button:hover {
	color: #FFFFFF;
	box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3), 0px 1px 3px 1px rgba(0, 0, 0, 0.15);
}

.azura-button:visited {
	color: #FFFFFF;
}

.azura-button:before{
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: -1;
	background-color: #FFFFFF;
	opacity: 0;
	border-radius: 100px;
	pointer-events: none;
	transition: all .175s ease-in-out;
}

.azura-button:hover:before {
	opacity: .08;
}

.azura-button:focus:before {
	opacity: .12;
}

.azura-button.disabled,
.azura-button[disabled] {
	cursor: default;
	color: var(--neutral-10);
	background-color: transparent;
}

.azura-button.disabled:hover,
.azura-button[disabled]:hover {
	box-shadow: none;
}

.dark .azura-button.disabled,
.dark .azura-button[disabled] {
	color: var(--neutral-90);
}

.azura-button.disabled > span,
.azura-button[disabled] > span {
	color: var(--neutral-10);
	opacity: .38;
}

.dark .azura-button.disabled > span,
.dark .azura-button[disabled] > span {
	color: var(--neutral-90);
}

.azura-button.disabled:before,
.azura-button[disabled]:before {
	background-color: #1F1F1F;
	opacity: .12;
}

.dark .azura-button.disabled:before,
.dark .azura-button[disabled]:before {
	background-color: #E3E3E3;
}


/*--------------------------------------------------------------
## BUTTONS OUTLINED
--------------------------------------------------------------*/

.azura-button.outlined {
	border: 1px solid var(--neutral-20) !important;
	background-color: white !important;
	color: var(--neutral-20) !important;
}

.dark .azura-button.outlined {
	border: 1px solid var(--neutral-v-60) !important;
	background-color: transparent !important;
	color: var(--primary-80) !important;
}

.azura-button.outlined:hover:before {
	opacity: .08 !important;
	background-color: currentColor !important;
}

.azura-button.outlined:focus:before {
	opacity: .12 !important;
	background-color: currentColor !important;
}

.azura-button.outlined:focus {
	border-color: var(--primary-40) !important;
}

.dark .azura-button.outlined:focus {
	border-color: var(--primary-80) !important;
}

.azura-button.outlined:hover {
	box-shadow: none !important;
}

.azura-button.outlined.disabled,
.azura-button.outlined[disabled] {
	border-color: rgba(31, 31, 31, .12) !important;
}

.dark .azura-button.outlined.disabled,
.dark .azura-button.outlined[disabled] {
	border-color: rgba(227, 227, 227, 0.12) !important;
}

.azura-button.outlined.disabled:before,
.azura-button.outlined[disabled]:before,
.azura-button.outlined.disabled:hover:before,
.azura-button.outlined[disabled]:hover:before,
.azura-button.outlined.disabled:focus:before,
.azura-button.outlined[disabled]:focus:before {
	opacity: 0 !important;
}

/*--------------------------------------------------------------
## BUTTONS TEXT
--------------------------------------------------------------*/

.azura-button.text {
	background-color: transparent;
	color: var(--primary-40);
}

.dark .azura-button.text {
	color: var(--primary-80);
}

.azura-button.text:hover {
	box-shadow: none;
}

.azura-button.text:hover:before {
	opacity: .08;
	background-color: currentColor;
}

.azura-button.text:focus:before {
	opacity: .12;
	background-color: currentColor;
}

.azura-button.text.disabled:before,
.azura-button.text[disabled]:before,
.azura-button.text.disabled:hover:before,
.azura-button.text[disabled]:hover:before,
.azura-button.text.disabled:focus:before,
.azura-button.text[disabled]:focus:before {
	opacity: 0;
}

/*--------------------------------------------------------------
## BUTTONS ELEVATED
--------------------------------------------------------------*/

.azura-button.elevated {
	color: var(--primary-40);
	background-color: transparent;
	box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3), 0px 1px 3px 1px rgba(0, 0, 0, 0.15);
}

.dark .azura-button.elevated {
	color: var(--primary-80);
}

.azura-button.elevated:before {
	background-color: var(--primary-40);
	opacity: .05;
}

.dark .azura-button.elevated:before {
	background-color: var(--primary-80);
	opacity: .08;
}

.azura-button.elevated:hover:before {
	background-color: var(--primary-40);
	opacity: .08;
}

.dark .azura-button.elevated:hover:before {
	background-color: var(--primary-80);
	opacity: .11;
}

.azura-button.elevated:focus:before {
	background-color: var(--primary-40);
	opacity: .11;
}

.dark .azura-button.elevated:focus:before {
	background-color: var(--primary-80);
	opacity: .16;
}

.azura-button.elevated.disabled,
.azura-button.elevated[disabled] {
	box-shadow: none;
}

.azura-button.elevated.disabled:before,
.azura-button.elevated[disabled]:before,
.azura-button.elevated.disabled:hover:before,
.azura-button.elevated[disabled]:hover:before,
.azura-button.elevated.disabled:focus:before,
.azura-button.elevated[disabled]:focus:before {
	background-color: #1F1F1F;
	opacity: .12;
}

.dark .azura-button.elevated.disabled:before,
.dark .azura-button.elevated[disabled]:before,
.dark .azura-button.elevated.disabled:hover:before,
.dark .azura-button.elevated[disabled]:hover:before,
.dark .azura-button.elevated.disabled:focus:before,
.dark .azura-button.elevated[disabled]:focus:before {
	background-color: #E3E3E3;
	opacity: .12;
}

/*--------------------------------------------------------------
## BUTTONS TONAL
--------------------------------------------------------------*/

.azura-button.tonal {
	color: var(--secondary-10);
	background-color: var(--secondary-90);
}

.dark .azura-button.tonal {
	color: var(--secondary-90);
	background-color: var(--secondary-30);
}

.azura-button.tonal:before {
	background-color: currentColor;
}

.azura-button.tonal.disabled,
.azura-button.tonal[disabled] {
	cursor: default;
	color: var(--neutral-10);
	background-color: transparent;
}

.azura-button.tonal.disabled:hover,
.azura-button.tonal[disabled]:hover {
	box-shadow: none;
}

.dark .azura-button.tonal.disabled,
.dark .azura-button.tonal[disabled] {
	color: var(--neutral-90);
}

.azura-button.tonal.disabled > span,
.azura-button.tonal[disabled] > span {
	color: var(--neutral-10);
	opacity: .38;
}

.dark .azura-button.tonal.disabled > span,
.dark .azura-button.tonal[disabled] > span {
	color: var(--neutral-90);
}

.azura-button.tonal.disabled:before,
.azura-button.tonal[disabled]:before {
	background-color: #1F1F1F;
	opacity: .12;
}

.dark .azura-button.tonal.disabled:before,
.dark .azura-button.tonal[disabled]:before {
	background-color: #E3E3E3;
}

/*--------------------------------------------------------------
## BUTTONS SIZE
--------------------------------------------------------------*/

.azura-button.azura-button-s {
	height: 24px;
	font-size: 11px;
	line-height: 16px;
	letter-spacing: 0.5px;
	padding: 0 16px;
}

.azura-button.azura-button-s.azura-button-icon {
	padding-left: 12px;
}

.azura-button.azura-button-m {
	height: 32px;
	font-size: 12px;
	line-height: 16px;
	letter-spacing: 0.5px;
	padding: 0 20px;
}

.azura-button.azura-button-m.azura-button-icon {
	padding-left: 14px;
}

/*--------------------------------------------------------------
## BUTTONS SQUARE
--------------------------------------------------------------*/

.azura-button.azura-button-square {
	height: 32px;
	width: 32px;
	background-color: transparent;
	color: var(--primary-40);
}

.azura-button.azura-button-square:hover {
	box-shadow: none;
}

.dark .azura-button.azura-button-square {
	color: var(--primary-80);
}

.azura-button.azura-button-square:hover:before {
	opacity: .08;
	background-color: currentColor;
}

.azura-button.azura-button-square:focus:before {
	opacity: .12;
	background-color: currentColor;
}

.azura-button.azura-button-square.disabled:before,
.azura-button.azura-button-square[disabled]:before,
.azura-button.azura-button-square.disabled:hover:before,
.azura-button.azura-button-square[disabled]:hover:before,
.azura-button.azura-button-square.disabled:focus:before,
.azura-button.azura-button-square[disabled]:focus:before {
	opacity: 0;
}

.azura-button.azura-button-square > span {
	font-size: 24px;
}


.mb-0 {
	margin-bottom: 0 !important;
}


.btn-inline {
	background-color: transparent !important;
	padding: 0 !important;
}

.btn-inline:hover:before,
.btn-inline:focus:before,
.btn-inline:active:before {
	background-color: transparent !important;
}


.btn-inline + .btn-inline {
	margin-left: 16px;
}

.btn-inline + .btn-inline:after {
	content: "";
	display: block;
	position: absolute;
	top: 9px;
	left: -12px;
	height: 20px;
	width: 1px;
	background-color: var(--neutral-60);
}

@media (max-width: 599px) {

	.width-xs-160 {
		width: 160px !important;
	}

}

.button-width-160 a {
	width: 160px !important;
}

.attachment-woocommerce_thumbnail.size-woocommerce_thumbnail {
	boder: none !important;
}

.orderby {
	margin-bottom: 0 !important;
	margin-right: 0 !important;
}

.afrfqbt.button,
button#place_order {
	display: inline-flex !important;
	flex: 0 0 auto !important;
	position: relative !important;
	height: 40px !important;
	line-height: 24px !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 8px !important;
	cursor: pointer !important;
	padding: 0 24px !important;
	margin: 0 8px 8px 0 !important;
	white-space: nowrap !important;
	border: none !important;
	vertical-align: middle !important;
	outline: none !important;
	font-size: 14px !important;
	font-weight: 500 !important;
	color: #FFFFFF !important;
	background-color: var(--primary-40) !important;
	border-radius: 999px !important;
	user-select: none !important;
	text-decoration: none !important;
	z-index: 1 !important;
	transition: all .175s ease-in-out !important;
}

.woocommerce-checkout-payment {
	background-color: #faf2e5 !important;
}

.woocommerce form .form-row select {
	padding: .9rem 1.1rem;
}

/*--------------------------------------------------------------
# TABLE
--------------------------------------------------------------*/

div.af_quote_fields {
	width: 100% !important;
}

.af_quote_fields table {
	width: 100% !important;
	border-spacing: 0;
}


.af_quote_fields table th,
.af_quote_fields table td {
	height: 48px;
	padding: 0 16px;
	text-align: left;
	border-bottom: thin solid var(--neutral-90);
}

.dark .af_quote_fields table th,
.dark .af_quote_fields table td {
	border-bottom: thin solid var(--neutral-20);
}

.product-quantity input,
div.af_quote_fields input,
div.af_quote_fields textarea {
	text-align: left !important;
	width:  100% !important;
	padding: 8 16px;
	border: 1px solid #414141 !important;
	border-radius: 8px;
	margin: 8px 0;
}

.afrfqbt.button {
	    all: unset;
    -webkit-font-smoothing: antialiased;
    letter-spacing: 0.5px;
    font-family: 'Sofia Sans', sans-serif;
    --adminbar-height: 46px;
    list-style: none;
    text-align: center !important;
    box-sizing: border-box;
    position: relative;
    line-height: 24px;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px;
    cursor: pointer;
    padding: 0 24px;
    margin: 0 8px 8px 0;
    white-space: nowrap;
    vertical-align: middle;
    outline: none;
    font-size: 14px;
    font-weight: 500;
    border-radius: 999px;
    user-select: none;
    z-index: 1;
    transition: all .175s ease-in-out;
    margin-block-end: 0;
    margin-block-start: 0;
    text-decoration: none;
    border: 1px solid var(--neutral-10) !important;
    background-color: #FFF !important;
    color: var(--neutral-10) !important;
    border-radius: 999px !important;
    cursor: pointer !important;
    padding: 0px !important;
    height: 32px !important;
    display: flex !important;
    /* width: 100% !important; */
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom: 16px !important;
}

.afrfq_update_quote_btn,
.addify_checkout_place_quote {
    
   
    border: 1px solid var(--neutral-10) !important;
    background-color: #FFF !important;
    color: var(--neutral-10) !important;
    border-radius: 999px !important;
    cursor: pointer !important;
    margin-bottom: 16px !important;
}

.addify_checkout_place_quote {
	margin-top: 16px;
	margin-right: 8px !important;
}

.shop_table {
	margin-top: 24px !important;
}

.woocommerce-notices-wrapper {
	margin-top: 24px !important;
}

.height-image-400-mobile img {
	height: 400px !important;
}

@media (min-width: 960px) {
	.height-image-400-mobile img {
	height: 100% !important;
}
}

.top-categorie-image {
	border-radius: 16px !important;
}

.slick-slider {
	height: 300px !important;
}