/*
 Theme Name:   Cream Studio V3
 Theme URI:    http://www.boriswebactivity.altervista.org/
 Description:  Powered by <a href="http://boriswebactivity.altervista.org">BWA</a>.
 Author:       Boris
 Author URI:   http://boriswebactivity.altervista.org
 Template:     bwa-theme-v3
 Version:      2.0.1
*/

:root {
	--header-height: 70px;
	--page-transition-duration: 0.5s;

	/* Title metrics - font */
	--font-title: 96px;
	/* Usata sia per extra-title che section-title */
	--font-subtitle: 62px;
	/* Usata sia per extra-claim che section-subtitle */

	/* Custom theme metrics - font */
	--body-font-size: 21px;
	--body-large-font-size: 32px;
	--body-big-font-size: 40px;

	/* WP preset - font */
	--wp--preset--font-size--small: 13px;
	--wp--preset--font-size--medium: 24px;
	--wp--preset--font-size--large: 40px;
	--wp--preset--font-size--x-large: 48px;
}

:where(.wp-block-columns.is-layout-flex) {
	gap: 30px;
}

/* Media Queries */
@media (max-width: 479px) {
	:root {
		--header-height: 80px;
		--font-title: 48px;
		--font-subtitle: 31px;
		--body-font-size: 16px;
		--body-large-font-size: 21px;
		--body-big-font-size: 26px;
		--wp--preset--font-size--medium: 18px;
		--wp--preset--font-size--large: 21px;
		--wp--preset--font-size--x-large: 26px;
	}
}

@media (min-width: 480px) and (max-width: 781px) {
	:root {
		--header-height: 80px;
		--font-title: 64px;
		--font-subtitle: 40px;
		--body-font-size: 16px;
		--body-large-font-size: 21px;
		--body-big-font-size: 26px;
		--wp--preset--font-size--medium: 18px;
		--wp--preset--font-size--large: 21px;
		--wp--preset--font-size--x-large: 26px;
	}
}

@media (min-width: 782px) and (max-width: 1199px) {
	:root {
		--header-height: 80px;
		--font-title: 80px;
		--font-subtitle: 50px;
		--body-font-size: 16px;
		--body-large-font-size: 21px;
		--body-big-font-size: 26px;
		--wp--preset--font-size--medium: 18px;
		--wp--preset--font-size--large: 21px;
		--wp--preset--font-size--x-large: 26px;
	}
}

@media (min-width: 1200px) and (max-width: 1365px) {
	:root {
		--font-title: 88px;
		--font-subtitle: 56px;
	}
}

@media (min-width: 1366px) and (max-width: 1439px) {
	:root {
		--font-title: 92px;
		--font-subtitle: 59px;
		--body-font-size: 18px;
		--body-large-font-size: 40px;
		--body-big-font-size: 50px;
		--wp--preset--font-size--medium: 24px;
		--wp--preset--font-size--large: 40px;
		--wp--preset--font-size--x-large: 50px;
	}
}

@media (min-width: 1440px) {
	:root {
		--font-title: 96px;
		--font-subtitle: 62px;
	}
}

.extra-claim,
.section-subtitle,
.section-title,
.extra-title {
	font-size: var(--font-title);
	line-height: 0.965em;
	font-weight: 700;
	text-wrap: balance;
}

@media screen and (max-width: 781px) {

	.section-title,
	.extra-title {
		word-break: break-word;
	}
}

.section-title.bigger,
.extra-title.bigger {
	font-size: calc(var(--font-title) / 0.744);
}

.section-title.middle,
.extra-title.middle {
	font-size: calc(var(--font-title) / 1.25);
}

.section-title.mini,
.extra-title.mini {
	font-size: calc(var(--font-title) / 1.5);
}

.extra-claim,
.section-subtitle {
	font-size: var(--font-subtitle);
	font-weight: 600;
	text-wrap: balance;
}

.extra-claim.bigger,
.section-subtitle.bigger {
	font-size: calc(var(--font-subtitle) / 0.685);
}

.extra-claim.middle,
.section-subtitle.middle {
	font-size: calc(var(--font-subtitle) / 1.25);
}

.extra-claim.mini,
.section-subtitle.mini {
	font-size: calc(var(--font-subtitle) / 1.5);
}

/* Paragraph font line height */
.has-large-font-size,
.has-x-large-font-size {
	line-height: 1.2;
	text-wrap: balance;
	letter-spacing: .045em;
}

/* General Cream CSS */

body {
	font-size: var(--body-font-size);
	line-height: 1.6;
	font-weight: 300;
	--color-borders: #ededed;
	--color-text: #161519;
	--color-text-light: #161519a4;
	--input-shadow: 0px 3px 6px rgba(0, 0, 0, 0.025);
	--input-focus-shadow: 0px 1px 3px rgba(0, 0, 0, 0.05);
	--color-borders-input: #cac9c9;
	color: var(--color-text);
}

/* Stato iniziale della pagina */
body.page-enter #main {
	opacity: 0;
	transform: translateY(-10px);
	transition: opacity var(--page-transition-duration) var(--bwa-transition), transform var(--page-transition-duration) var(--bwa-transition);
}

/* Transizione di entrata */
body.page-enter-active #main {
	opacity: 1;
	transform: translateY(0);
	transition: opacity var(--page-transition-duration) var(--bwa-transition), transform var(--page-transition-duration) var(--bwa-transition);
}

/* Transizione di uscita */
body.page-transition #main {
	opacity: 0;
	transform: translateY(-10px);
	transition: opacity var(--page-transition-duration) var(--bwa-transition), transform var(--page-transition-duration) var(--bwa-transition);
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
	font-weight: bold;
}

/*
#preloader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.8);
    z-index: 9999;
    display: none;
    justify-content: center;
    align-items: center;
    color: white;
    font-size: 1.5rem;
}

#preloader.visible {
    display: flex;
}
*/

.button,
.bwa-button,
button,
input[type="submit"] {
	border-radius: 99px;
	white-space: nowrap;
	background-color: transparent;
	color: var(--color-link-hover);
	border: 3px solid var(--color-link-hover);
	font-size: var(--body-font-size);
	min-width: 54px;
	font-weight: bold;
	text-transform: uppercase;
}

.button,
.bwa-button,
button,
input[type="submit"],
.wp-block-button__link {
	font-family: 'Bauziet Wide';
}

.button.circle-button,
.bwa-button.circle-button,
button.circle-button,
input[type="submit"].circle-button {
	padding: 0;
	display: inline-flex;
	height: 54px;
	width: 54px;
	max-width: 54px;
}

.button.white,
.bwa-button.white,
button.white,
input[type="submit"].white {
	color: #fff;
	border-color: #fff;
}

.button:hover,
.bwa-button:hover,
button:hover,
input[type="submit"]:hover {
	background-color: var(--color-link-hover);
	color: #fff;
}

.button.white:hover,
.bwa-button.white:hover,
button.white:hover,
input[type="submit"].white:hover {
	background-color: #fff;
	color: var(--color-link-hover);
}

.button.arrow-left::before,
.bwa-button.arrow-left::before,
button.arrow-left::before,
input[type="submit"].arrow-left::before,
.button.arrow-right::after,
.bwa-button.arrow-right::after,
button.arrow-right::after,
input[type="submit"].arrow-right::after {
	content: "";
	height: 2em;
	width: 2em;
	min-width: 2em;
	margin-left: -2em;
	pointer-events: none;
	opacity: 0;
	transition: all .5s var(--bwa-transition);
	background-image: url(images/icons/arrow-right-white.svg);
	background-size: 100%;
}

.button.arrow-right.white::after,
.bwa-button.arrow-right.white::after,
button.arrow-right.white::after,
input[type="submit"].arrow-right.white::after {
	background-image: url(images/icons/arrow-right-blue.svg);
}

.button.arrow-left::before,
.bwa-button.arrow-left::before,
button.arrow-left::before,
input[type="submit"].arrow-left::before {
	margin-left: 0;
	margin-right: -2em;
	background-image: url(images/icons/arrow-left-white.svg);
}

.button.arrow-left.white::after,
.bwa-button.arrow-left.white::after,
button.arrow-left.white::after,
input[type="submit"].arrow-left.white::after {
	background-image: url(images/icons/arrow-left-white.svg);
}

.button.arrow-right:hover::after,
.bwa-button.arrow-right:hover::after,
button.arrow-right:hover::after,
input[type="submit"].arrow-right:hover::after {
	margin-left: .5em;
	transform: translateX(1em);
	opacity: 1;
}

.button.arrow-left:hover::before,
.bwa-button.arrow-left:hover::before,
button.arrow-left:hover::before,
input[type="submit"].arrow-left:hover::before {
	margin-right: .5em;
	transform: translateX(-1em);
	opacity: 1;
}

#open_primary {
	background-color: transparent !important;
}

.site-header .hamburger-box {
	transform: scale(.5);
}

#s_btn {
	padding: 0;
}

/*
.site-header:not(.scrolled).has-custom-logo {
	--color-menu-items: #fff;
}

.site-header:not(.scrolled).has-custom-logo #searchform_top:not(.active-focus, .active-hover) #s_btn svg circle,
.site-header:not(.scrolled).has-custom-logo #searchform_top:not(.active-focus, .active-hover) #s_btn svg path {
	stroke: #fff !important;
}

.site-header .hamburger-box {
	transform: scale(.5);
}

.site-header:not(.scrolled).has-custom-logo .hamburger-inner,
.site-header:not(.scrolled).has-custom-logo .hamburger-inner::after,
.site-header:not(.scrolled).has-custom-logo .hamburger-inner::before {
	background-color: #fff;
	height: 2px;
}

.site-header:not(.scrolled).has-custom-logo .logo .main-logo.has-scroll-logo {
	display: block !important;
}

.site-header:not(.scrolled).has-custom-logo .logo .main-logo.has-scroll-logo-mobile {
	display: none !important;
}
*/
.body:not(.has-primary-open) .site-header {
	pointer-events: none;
}

.site-header .header-container {
	pointer-events: auto;
	width: 100%;
	padding: 10px 0;
}

.site-header {
	transition: transform .6s var(--bwa-transition-updown), background-color .3s var(--bwa-transition-updown);
	padding-left: 5vw;
	padding-right: 5vw;
}

.site-header.scrolled {
	background-color: rgba(246, 246, 246, .9);
	backdrop-filter: blur(10px);
	transform: translateY(-100%);
}

body.has-primary-open .site-header,
body.has-primary-open .site-header.scrolled,
body.eye-up .site-header.scrolled {
	transform: translateY(0);
}

body.has-primary-open .site-header {
	height: 100vh;
}

@media screen and (min-width: 1200px) {
	#searchform_top .input-group-addon {
		margin-left: auto !important;
	}

	.site-header .header-container #searchform_top {
		width: 54px;
	}

	.site-header .header-container #masthead {
		width: 25%;
	}

	.site-header .header-container .nav-container {
		justify-content: flex-end;
	}
}

.move-up-block {
	height: 0;
	pointer-events: none;
}

.flip-image>img {
	transform: scaleX(-1);
}

@media screen and (min-width: 781px) {
	.move-up-image {
		margin-top: -220px;
	}
}

.shadowed {
	box-shadow: 4px 4px 20px 6px #0000001A;
}

.brc-presentazione,
.archive-header.header-presentazione .section-intro,
.header-centered.archive-header.section-intro,
.header-centered_block.archive-header.section-intro {
	text-align: left;
}

.archive-header .section-title {
	color: var(--color-link);
}

#searchform_top .s-top {
	border-radius: 99px;
}

#searchform_top:not(.active-focus):hover .s-top {
	width: 0;
	opacity: 0;
}

.form-control:focus {
	border-color: var(--color-link-hover);
}

.wp-block-button__link {
	text-transform: uppercase;
	font-weight: bold;
	transition: all .5s var(--bwa-transition);
}

.wp-block-button__link.super-transparent {
	background-color: transparent !important;
	border: 2px solid var(--color-link);
}

.wp-block-button__link.super-transparent:hover {
	color: white !important;
	background-color: var(--color-link) !important;
}

.wp-block-button.circle .wp-block-button__link {
	padding: 0.667em 0em;
	min-width: 2.7em;
	justify-content: center;
}

.wp-block-button.circle .wp-block-button__link .cream-arrow {
	margin: 0;
}

.is-style-outline .wp-block-button__link {
	border-width: 3px;
}

.wp-block-button__link:hover {
	border-color: var(--color-link-hover) !important;
	background-color: var(--color-link-hover) !important;
	color: #fff !important;
}

.wp-block-button.is-style-outline .wp-block-button__link.has-white-color:hover,
.wp-block-button__link.hover-white:hover {
	border-color: #ffffff !important;
	background-color: #ffffff !important;
	color: var(--color-link-hover) !important;
}

.is-style-outline .has-white-color.wp-block-button__link:hover {
	border-color: #fff !important;
	background-color: transparent !important;
	color: #fff !important;
}

.arrow-right .wp-block-button__link {
	display: inline-flex;
	align-items: center;
	justify-self: center;
}

.arrow-right .wp-block-button__link:after {
	content: "";
	margin-left: .3em;
	background-image: url('images/icons/arrow-right.svg');
	background-size: 100%;
	width: 1.2em;
	/* Imposta la larghezza desiderata */
	height: 1.2em;
	/* Imposta l'altezza desiderata */
	background-repeat: no-repeat;
	/* Evita che l'immagine si ripeta */
	transition: all .5s var(--bwa-transition);
}

.arrow-right .wp-block-button__link:hover:after {
	transform: translateX(.3em);
}

/* Input customization */
.form-group .checkbox,
.form-group .radio,
.form-group label {
	border: none;
	background-color: transparent !important;
}

.form-group .checkbox label,
.form-group .radio label {
	background-color: transparent !important;
}

.form-group .checkbox,
.form-group .radio,
.form-group .form-control {
	border-bottom: 1px solid var(--color-link-hover) !important;
	border-top: none !important;
	border-left: none;
	border-right: none;
	/*border-radius: 3rem;*/
	/* box-shadow: var(--input-shadow); */
	transition: all .5s var(--bwa-transition);
	background-color: white !important;
	color: var(--color-link-hover);
}

.form-group .checkbox,
.form-group .radio {
	border: none !important;
	/* box-shadow: var(--input-shadow) !important; */
}

.form-group .checkbox svg,
.form-group .radio svg {
	width: 26px;
	height: 26px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 5px 0 auto;
	color: var(--color-link);
}

.form-group textarea.form-control {
	line-height: 1.6;
}

.deco-middle .form-group textarea.form-control {
	border-radius: var(--body-large-font-size);
}

.deco-middle .form-group.field-portfolio input.form-control,
.deco-middle .form-group.field-curriculum input.form-control {
	border-radius: var(--body-large-font-size);
}

.form-group .help-block {
	background-color: transparent;
}

.form-group .form-control {
	font-size: var(--wp--preset--font-size--medium);
}

.form-group .form-control {
	line-height: 1.6;
	height: auto;
	padding: calc(.667em + 2px) calc(1.333em + 2px);
}

.form-group textarea.form-control {
	height: auto;
}

.form-group .form-control:focus {
	background-color: rgba(255, 255, 255, 1) !important;
}

.form-group .checkbox,
.form-group .radio {
	padding: 10px 16px;
	box-shadow: none;
}

.deco-middle .form-group.options-box .checkbox {
	border-radius: var(--body-big-font-size);
}

.form-group>.radio {
	flex-direction: column;
	gap: 7.5px;
}

.form-group .radio label,
.form-group .checkbox label {
	font-size: 1em;
}

.toggle-checkbox>ul {
	display: flex;
	flex-wrap: wrap;
	gap: 15px;
	margin-bottom: 15px;
}

@media screen and (min-width: 782px) {
	.toggle-checkbox>ul {
		padding: 0 15px;
	}
}

.toggle-checkbox .checkbox>label {
	position: relative;
	margin-left: -.5em;
	color: var(--color-link);
	white-space: nowrap;
}

.toggle-checkbox .checkbox>label:after,
.toggle-checkbox .checkbox>label:before {
	content: "";
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
	transition: all .5s var(--bwa-transition);
	height: 24px;
	width: 44px;
	border-radius: 12px;
	background-color: var(--color-custom-2);
}

.toggle-checkbox .checkbox>label:after {
	width: 20px;
	height: 20px;
	left: 2px;
	background-color: var(--color-link);
}

.toggle-checkbox .checkbox>label.checked {
	color: var(--color-link-hover);
}

.toggle-checkbox .checkbox>label.checked:before {
	background-color: var(--color-custom-2);
}

.toggle-checkbox .checkbox>label.checked:after {
	background-color: var(--color-link-hover);
	transform: translateX(100%) translateY(-50%);
}

.toggle-checkbox .checkbox>label>input {
	opacity: 0;
	margin-right: 40px;
}

.block-title {
	border: none;
}

.form-group .block-title {
	font-size: var(--wp--preset--font-size--medium);
	margin: 0;
	padding-left: 15px;
	padding-right: 15px;
}

/* Layout hak */
#primary,
#secondary {
	padding-left: 5vw;
	padding-right: 5vw;
}

.tax-name-header {
	font-size: 13px;
	text-transform: uppercase;
	display: block;
	line-height: 1;
}

body.blog #primary,
body.archive #primary,
body.single-post #primary {
	padding-top: 30px;
	padding-bottom: 30px;
}

body.single-portfolio #primary {
	padding-top: 0;
}

@media screen and (min-width: 992px) {
	#primary {
		width: 100%;
	}

	#secondary {
		width: 100%;
	}

	#secondary,
	#primary,
	#primary:not(.no-sidebar) {
		padding-left: 5vw;
		padding-right: 5vw;
	}
}

@media screen and (min-width: 1600px) {

	#secondary,
	#primary,
	#primary:not(.no-sidebar) {
		padding-left: 10vw;
		padding-right: 10vw;
	}
}

@media screen and (min-width: 1920px) {

	#secondary,
	#primary,
	#primary:not(.no-sidebar) {
		padding-left: 15vw;
		padding-right: 15vw;
	}
}

@media screen and (max-width: 781px) {
	#primary {
		width: 100%;
	}

	#secondary {
		width: 100%;
	}

	#primary,
	#primary:not(.no-sidebar) {
		padding-left: 7.5vw;
		padding-right: 7.5vw;
	}
}

/* CREAM custom */
@media screen and (max-width: 1199px) {
	#searchform_top .s-top {
		width: calc(100% - 56px);
		opacity: 0;
	}

	.site-header .header-container {
		width: 100%;
	}

	.site-header .header-container #masthead {
		margin-right: auto;
	}

	.site-header #open_primary {
		order: 2;
	}

	body.has-primary-open .site-header:not(.scrolled) {
		top: 0px;
	}

	.site-header .logo,
	.site-header.reduct-forced .logo {
		height: 32px !important;
	}
}

@media screen and (max-width: 781px) {

	.site-header .logo,
	.site-header.reduct-forced .logo {
		height: 32px !important;
	}
}

/* Media query per dispositivi mobili */
@media (max-width: 781px) {
	.wp-block-cover:not(.cream-hero)[style*="min-height:100vh"] {
		min-height: 100vw !important;
		/* Modifica per gli elementi in linea */
	}
}

.cream-service-row {
	border-top: 4px solid var(--color-link-hover);
	border-bottom: 4px solid var(--color-link-hover);
	padding-top: 4em;
	padding-bottom: 4em;
	transition: all .5s var(--bwa-transition);
}

.cream-service-row.active {
	margin-bottom: 10em;
}

.cream-service-row .dotted-list,
.cream-service-row .wp-block-cover {
	transition: all .5s var(--bwa-transition);
	min-height: unset !important;
	height: 0;
	opacity: 0;
}

.cream-service-row:not(.active) .dotted-list {
	position: absolute;
	pointer-events: none;
}

.cream-service-row:not(.active) .wp-block-cover {
	height: 0 !important;
}

.cream-service-row.active .dotted-list {
	position: relative;
	opacity: 1;
	pointer-events: auto;
	height: 12em;
}

.cream-service-row.active .wp-block-cover {
	height: 75vh !important;
	opacity: 1;
}

.cream-service-row:not(.active) .services-row-controls .wp-block-buttons .wp-block-button__link .cream-arrow {
	transform: scale(1.4) rotate(180deg);
}

.cream-service-row:not(.active) .services-row-controls .wp-block-buttons .wp-block-button__link:hover .cream-arrow {
	transform: scale(2) rotate(180deg);
}

.cream-service-row .dotted-list {
	margin-bottom: 2.75em;
}

.cream-service-row .wp-block-column:first-child h4,
.cream-service-row .wp-block-column:last-child>p {
	font-size: var(--body-large-font-size);
}

.cream-service-row .wp-block-column:first-child h4 {
	font-weight: 400;
}

@media screen and (min-width: 782px) {
	.cream-service-row .wp-block-column:last-child>p {
		font-size: 22px;
	}

	.cream-service-row {
		gap: 4em;
	}

	.cream-service-row .wp-block-cover {
		margin-bottom: -20ch;
	}
}

@media screen and (min-width: 992px) {
	.cream-service-row .wp-block-column:last-child>p {
		font-size: 26px;
	}
}

@media screen and (min-width: 1200px) {
	.cream-service-row .wp-block-column:last-child>p {
		font-size: 28px;
	}
}

@media screen and (max-width: 781px) {
	.cream-service-row .wp-block-cover {
		margin-right: -1.25em;
		margin-left: -1.25em;
		min-height: 300px !important;
		margin-top: 2.75em;
	}

	:where(.wp-block-columns.has-background) {
		padding: .55em 1.25em;
	}

	.cream-service-row {
		padding-top: 2.55em;
		padding-bottom: 2.55em;
	}
}

.portfoglio-cat-container>span:not(:last-child):after {
	content: ",";
}

.portfoglio-cat-container>span {
	text-transform: uppercase;
}

.wp-block-separator {
	border-width: 1px;
}

.wp-block-separator:not(.has-white-color) {
	border: none;
	border-top: 1px solid var(--color-text);
}

#top_container:before {
	display: none;
}

#top_container {
	padding: 0 !important;
}

body.trasp-header.reduct-forced-header #top_container {
	min-height: var(--header-height);
}

@media screen and (min-width: 1200px) {

	#top_container .vegas-box,
	#top_container .row-bg {
		height: 100vh;
	}
}

#top_container .vegas-box,
#top_container .row-bg {
	position: relative;
	height: calc(100vh - var(--header-height));
}

/*
@media screen and (max-width: 1199px) {

	body.single-post #top_container .vegas-box,
	body.single-post #top_container .row-bg {
		height: 100vw;
	}
}
*/
.single .archive-header {
	min-height: unset;
}

.site-header.scrolled .logo,
.site-header:not(.centered) .logo {
	align-items: flex-start;
}

.site-header .logo .onscroll {
	left: 0;
	transform: translateX(0);
}

.site-header.scrolled:not(.side) .logo,
.site-header.reduct-forced .logo {
	height: 32px;
}

.site-header #masthead {
	padding-left: 0;
}

@media screen and (min-width: 1200px) {
	.site-header.scrolled {
		margin-bottom: 0;
	}
}

.more-link>a,
a.more-link {
	font-weight: bold;
	display: flex;
	align-items: center;
	gap: .5em;
	font-family: 'DM Sans', sans-serif;
	color: var(--color-link-hover);
}

.more-link>a:hover,
a.more-link:hover {
	text-decoration: none;
}

.more-link>a:after,
a.more-link:after {
	content: "";
	height: 22px;
	width: 22px;
	transition: all .5s var(--bwa-transition);
	background-image: url(images/icons/arrow-right-hover.svg);
	background-size: 100%;
	background-repeat: no-repeat;
}

.more-link>a:hover:after,
a.more-link:hover:after {
	transform: translateX(.3em);
}

.more-link.bottom-arrow>a:after,
a.more-link.bottom-arrow:after {
	transform: rotate(90deg);
}

.more-link.bottom-arrow:hover>a:after,
a.more-link.bottom-arrow:hover:after {
	transform: rotate(90deg) translateX(.25em);
}

.post.format-standard .more-link {
	margin-top: 2em;
}

.dark-scheme {
	--color-link: var(--color-custom);
	--color-link-hover: #fff;
}

.dark-scheme .data {
	color: var(--color-custom-3);
}

.dark-scheme .more-link:after,
.dark-scheme .more-link:hover:after {
	background-image: url(images/icons/arrow-right-white.svg);
}

/* CREAM banners */
.cover-link {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 3;
	width: 100%;
	height: 100%;
	display: block;
}

/* 1 */
.banner-cream-one {
	align-items: flex-start;
	padding: 1.5em;
}

.banner-cream-one .wp-block-cover__inner-container {
	position: relative;
	z-index: 2;
}

.banner-cream-one .wp-block-cover__inner-container .banner-hidden .wp-block-group__inner-container {
	opacity: 0;
	transition: all .5s var(--bwa-transition);
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	min-height: calc(440px - 3em);
}

.banner-cream-one:after {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background-color: var(--color-link);
	transition: all .5s var(--bwa-transition);
	transform: translateY(101%);
	z-index: 1;
}

.banner-cream-one:hover:after {
	transform: translateY(0);
}

.banner-cream-one:hover .wp-block-cover__inner-container .banner-hidden .wp-block-group__inner-container {
	opacity: 1;
}

/* 2 */
.banner-cream-two {
	align-items: flex-start;
	padding: 1.5em;
}

.banner-cream-two .wp-block-cover__inner-container {
	position: relative;
	z-index: 2;
}

.banner-cream-two .wp-block-cover__inner-container .banner-hidden .wp-block-group__inner-container {
	opacity: 0;
	transition: all .5s var(--bwa-transition);
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	min-height: calc(390px - 3em);
}

.banner-cream-two:after {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background-color: rgba(0, 0, 0, 0.5);
	transition: all .5s var(--bwa-transition);
	opacity: .05;
	z-index: 1;
}

.banner-cream-two:hover:after {
	opacity: 1;
}

.banner-cream-two:hover .wp-block-cover__inner-container .banner-hidden .wp-block-group__inner-container {
	opacity: 1;
}

/* Portfolio rules */
.portfoglio-cat-container {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	max-width: 300px;
}

@media screen and (min-width: 1200px) {
	section.portfolio.first .banner-cream-two {
		min-height: calc(600px - 3em);
	}
}

@media screen and (min-width: 1440px) {
	section.portfolio.first .banner-cream-two {
		min-height: calc(720px - 3em);
	}
}

/* Load more gallery */

.custom-gallery.wp-block-gallery.has-nested-images:not(.showed) figure.wp-block-image:nth-child(n+25) {
	display: none;
}

/* Previews */
.gr-item {
	display: flex;
	flex-direction: column;
}

.gr-item .grid-thumb {
	margin-bottom: 0;
}

.gr-item .gr-content {
	padding: 1em;
	flex-grow: 1;
	background-color: var(--color-custom);
}

.gr-item .tax-links dt {
	display: none;
}

.gr-item .tax-links {
	display: block;
	clear: both;
	overflow: hidden;
}

.gr-item .summary-title {
	font-size: var(--body-large-font-size);
	font-weight: 500;
}

.gr-item .summary>strong,
.gr-item .summary {
	font-weight: 300;
	font-size: 16px;
}

/* Grid Item Transitions */
.gr-item .square {
	overflow: hidden;
}

.gr-item .square img {
	transition: transform .3s var(--bwa-transition), filter 0.3s var(--bwa-transition-updown);
}

.posts-list.grid3,
.posts-list.grid4 {
	margin-left: -15px;
	margin-right: -15px;
}

/*
@media screen and (min-width: 1200px) {
	.posts-list:hover .gr-item .square img {
		filter: blur(2px);
		transform: scale(1);
	}

	.posts-list:hover .gr-item:hover .square img {
		filter: blur(0px);
		transform: scale(1.1);
	}
}
*/
.posts-list .gr-item:hover .square img {
	transform: scale(1.1);
}

/* Post meta */

.tax-links span.term-link>span,
.tax-links span.term-link>a {
	padding: .365em 1em;
	border: 1px solid var(--color-text);
	color: var(--color-text);
	font-size: 13px;
	/* To report */
	margin-right: 9px;
	margin-bottom: 9px;
	display: inline-block;
	text-decoration: none;
	line-height: 1.25;
	font-weight: 300;
}

.tax-links span.term-link.term-post_tag>span,
.tax-links span.term-link.term-portfolio-tag>span,
.tax-links span.term-link.term-post_tag>a,
.tax-links span.term-link.term-portfolio-tag>a {
	border-radius: 99px;
}

.tax-links span.term-link>a:hover {
	border-color: var(--color-link-hover);
	background-color: var(--color-link-hover);
	color: #fff;
}

/* Blog */

/* Cream elements & customs */
/* tax previews */
.tax-list {
	display: grid;
	grid-template-columns: 50% 50%;
}

/*
.tax-list:hover .tax-item .cream-banner-image img {
	filter: blur(2px);
}
*/
.tax-list .tax-item {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	padding: 0 15px;
	margin-bottom: 30px;
}

.tax-list .tax-item a:hover {
	text-decoration: none;
}

.cream-hero:first-child {
	margin-top: -30px;
	min-height: calc(100vh - var(--header-height)) !important;
}

.cream-banner-image img {
	transition: transform 1s var(--bwa-transition), filter 0.3s var(--bwa-transition-updown);
}

.cream-banner-image {
	overflow: hidden;
}

.tax-list .tax-item:hover .cream-banner-image img {
	transform: scale(1.2);
	/* filter: blur(0); */
}

@media screen and (max-width: 781px) {
	.tax-list {
		grid-template-columns: 100%;
	}
}

/* menu */
#mainheader {
	display: flex;
	justify-content: center;
	align-items: center;
}

ul.nav-menu>li>a {
	font-weight: 400;
}

.site-header ul.nav-menu>li>a {
	font-size: var(--body-font-size);
	font-family: 'Bauziet Wide';
	transition: transform .2s var(--bwa-transition);
	text-decoration: none !important;
}

.work-link span::after,
.site-header ul.nav-menu>li>a::after {
	content: "";
	height: 1px;
	display: block;
	position: absolute;
	bottom: 10px;
	left: 15px;
	right: 15px;
	transform: scale(0, 1);
	background-color: var(--color-menu-items-hover);
	transition: transform .4s var(--bwa-transition);
}

.nav-menu ul>.current-menu-ancestor>a,
.nav-menu ul>.current-menu-item>a,
.nav-menu ul>.current-page-ancestor>a,
.nav-menu ul>.current_page_ancestor>a,
.nav-menu ul>.current_page_item>a,
.nav-menu ul>li>a:active,
.nav-menu ul>li>a:focus,
.nav-menu ul>li>a:hover,
ul.nav-menu>.current-menu-ancestor>a,
ul.nav-menu>.current-menu-item>a,
ul.nav-menu>.current-page-ancestor>a,
ul.nav-menu>.current_page_ancestor>a,
ul.nav-menu>.current_page_item>a,
ul.nav-menu>li>a:active,
ul.nav-menu>li>a:focus,
ul.nav-menu>li>a:hover {
	transform: translateY(-.2em);
}

.work-link:hover span::after,
.nav-menu ul>.current-menu-ancestor>a:after,
.nav-menu ul>.current-menu-item>a:after,
.nav-menu ul>.current-page-ancestor>a:after,
.nav-menu ul>.current_page_ancestor>a:after,
.nav-menu ul>.current_page_item>a:after,
.nav-menu ul>li>a:active:after,
.nav-menu ul>li>a:focus:after,
.nav-menu ul>li>a:hover:after,
ul.nav-menu>.current-menu-ancestor>a:after,
ul.nav-menu>.current-menu-item>a:after,
ul.nav-menu>.current-page-ancestor>a:after,
ul.nav-menu>.current_page_ancestor>a:after,
ul.nav-menu>.current_page_item>a:after,
ul.nav-menu>li>a:active:after,
ul.nav-menu>li>a:focus:after,
ul.nav-menu>li>a:hover:after {
	transform: scale(1, 1) !important;
}

.bottom-title {
	display: flex;
	flex-direction: column;
	margin-top: 6vh;
	margin-bottom: 6vh;
}

.bottom-title .section-intro,
.bottom-title .taxonomies-meta {
	margin-top: 30px;
}

body.single-portfolio ul.nav-menu>li.portfolio>a,
body.single-post ul.nav-menu>li.blog>a {
	color: var(--color-menu-items-hover);
}

@media screen and (min-width: 992px) {

	.bottom-title {
		flex-direction: row;
	}

	.bottom-title .taxonomies-meta,
	.bottom-title .section-intro {
		padding: 2em 3em;
	}

	.bottom-title .taxonomies-meta {
		width: 27%;
		padding-left: 0;
	}

	.bottom-title .section-intro {
		width: 73%;
		margin-top: 0;
	}

	/* body.single-post .bottom-title .section-intro h1,
	body.single-post .bottom-title .section-intro h2 {
		width: 45%;
		font-weight: 500;
		color: var(--color-text);
	} 
	body.single-post .bottom-title .section-intro h2 {
		margin-top: .075em;
	}
	*/

	.cream-toolbar-container {
		position: sticky;
		top: 0;
		background-color: white;
		z-index: 99;
	}
}

@media screen and (max-width: 1199px) {

	.bottom-title .section-intro,
	.bottom-title .taxonomies-meta {
		margin-top: 0;
	}

	.site-header ul.nav-menu>li>a:not(.open-this) {
		font-size: var(--wp--preset--font-size--x-large);
		line-height: 2em;
		display: flex;
		align-items: center;
		transform: translateY(0) !important;
		padding: 0 .3em;
	}

	.site-header ul.nav-menu>li>a:after {
		position: relative;
		bottom: auto;
		flex-grow: 1;
		height: 3px;
	}

	body.has-primary-open .cream-brcb {
		top: 0;
	}
}

body.single-post .bottom-title .section-intro .data {
	width: 100%;
	padding-bottom: .5em;
	border-bottom: 1px solid var(--color-text);
}

body.single-post .bottom-title .section-intro .data.cream-meta-list {
	border-bottom: none;
	border-top: 1px solid var(--color-text);
	margin-top: 1.685em;
	padding-bottom: 0;
	padding-top: .5em;
}

body.single-post .bottom-title .section-intro {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	gap: 10%;
}

.excerpt-more-button {
	font-size: 41px;
	color: var(--color-text);
	font-weight: 100;
	text-decoration: none !important;
	margin-top: 1em;
	display: none;
}

.portfolio-intro {
	padding: 3em 0 0 0;
}

@media screen and (min-width: 992px) {
	.portfolio-intro {
		padding: 3em 0;
	}

	.excerpt-more-button {
		display: inline-block;
	}
}


/* single post */
body.single-post #main {
	display: flex;
	flex-direction: column;
}

body.single-post #main>#top_container {
	order: 2;
}

body.single-post #main>.bottom-title {
	order: 1;
	/* padding-top: var(--header-height); */
}

body.single-post #main>#container {
	order: 3;
}

body.single-post #main>#top_container,
body.single-post #main>.bottom-title,
body.single-post #main>#container {
	width: 100%;
}

@media screen and (max-width: 1199px) {
	body.single-post #main>.bottom-title {
		padding-top: 0;
	}
}

/* Toolbar */
.cream-toolbar {
	display: flex;
	gap: 2em;
	border-bottom: 1px solid var(--color-text);
}

.cream-toolbar .archive-section {
	flex-grow: 1;
	padding: 0 15px;
}

.cream-toolbar .taxonomies-section {
	position: relative;
	min-width: 280px;
	padding: 0 15px;
	z-index: 10;
}

.cream-toolbar .taxonomies-section.open {
	z-index: 20;
}

.cream-toolbar h3 {
	font-weight: 300;
}

.cream-toolbar .taxonomies-section>h3 {
	cursor: pointer;
	display: flex;
	justify-content: space-between;
	z-index: 5;
	position: relative;
}

.cream-toolbar .taxonomies-section>ul {
	position: absolute;
	z-index: 10;
	top: 100%;
	right: 0;
	background-color: #fff;
	padding: 1em 1.25em;
	list-style-type: none;
	text-transform: uppercase;
	font-size: 0.85em;
	min-width: 100%;
	/* display: none;  Nasconde i sottomenu di default */
	pointer-events: none;
	visibility: hidden;
	z-index: 2;
}

.cream-toolbar .taxonomies-section.open>ul {
	/*display: block;  Mostra il sottomenu quando la sezione ha la classe 'open' */
	pointer-events: auto;
	visibility: visible;
}

.cream-toolbar .taxonomies-section>h3.active,
.cream-toolbar .taxonomies-section>h3>a.active,
.cream-toolbar .taxonomies-section>h3:hover,
.cream-toolbar .taxonomies-section.active>h3,
.cream-toolbar .taxonomies-section.open>h3 {
	color: var(--color-link-hover);
}

.cream-toolbar .cream-arrow.down,
.cream-toolbar .cream-arrow.up {
	margin-left: 0;
	margin-right: 0;
}

.cream-toolbar .taxonomies-section>h3.sorter-title {
	color: var(--color-text) !important;
	cursor: auto;
}

.cream-toolbar .taxonomies-section>h3.sorter-title a.sort-asc:not(.active):hover>i {
	transform: translateY(-.4em);
}

.cream-toolbar .taxonomies-section>h3.sorter-title a.sort-desc:not(.active):hover>i {
	transform: translateY(.4em);
}

.cream-toolbar .taxonomies-section>h3>a.active {
	font-weight: 500;
}

.cream-toolbar .taxonomies-section>ul:before {
	content: '';
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	background-color: white;
	border: 1px solid var(--color-text);
	transition: top 0.4s var(--bwa-transition);
}

.cream-toolbar .taxonomies-section.open>ul:before {
	top: -3em;
}

@media screen and (max-width: 991px) {
	.cream-toolbar .archive-section {
		width: 100%;
	}

	.cream-toolbar .archive-section:not(.organize-active) {
		display: none;
	}

	.cream-toolbar .taxonomies-section {
		width: 50%;
	}
}

@media screen and (max-width: 781px) {
	.cream-toolbar .taxonomies-section {
		width: 100%;
		border-bottom: 1px solid var(--color-text);
	}

	.cream-toolbar .taxonomies-section>h3 {
		margin: 0px;
		padding: 10px 0;
		font-size: 18px;
		text-transform: uppercase;
	}

	.cream-toolbar {
		flex-wrap: wrap;
		gap: 0;
		border-bottom: none;
	}
}

/* Arrows */
.cream-toolbar .taxonomies-section>h3.organize-button:after,
.cream-arrow {
	transition: all .5s var(--bwa-transition);
	height: 1em;
	width: 1em;
	display: inline-block;
	background-image: url(images/icons/arrow-right.svg);
	background-size: 100%;
	margin-left: .5em;
	margin-bottom: -.1em;
}

.cream-arrow.left {
	background-image: url(images/icons/arrow-left.svg);
	margin-right: .5em;
	margin-left: 0;
}

.cream-arrow.up {
	background-image: url(images/icons/arrow-up.svg);
	margin: 0 .5em -.1em .5em;
}

.cream-arrow.down {
	background-image: url(images/icons/arrow-down.svg);
	margin: 0 .5em -.1em .5em;
}

.cream-arrow.right.blue {
	background-image: url(images/icons/arrow-right-blue.svg);
}

.cream-arrow.right.magenta {
	background-image: url(images/icons/arrow-right-magenta.svg);
}

.cream-arrow.right.white {
	background-image: url(images/icons/arrow-right-white.svg);
}

.cream-arrow.left.blue {
	background-image: url(images/icons/arrow-left-blue.svg);
}

.cream-arrow.left.magenta {
	background-image: url(images/icons/arrow-left-magenta.svg);
}

.cream-arrow.left.white {
	background-image: url(images/icons/arrow-left-white.svg);
}

.cream-arrow.up.blue {
	background-image: url(images/icons/arrow-up-blue.svg);
}

.cream-arrow.up.magenta {
	background-image: url(images/icons/arrow-up-magenta.svg);
}

.cream-arrow.up.white {
	background-image: url(images/icons/arrow-up-white.svg);
}

.cream-arrow.down.blue {
	background-image: url(images/icons/arrow-down-blue.svg);
}

.cream-arrow.down.magenta {
	background-image: url(images/icons/arrow-down-magenta.svg);
}

.cream-arrow.down.white {
	background-image: url(images/icons/arrow-down-white.svg);
}

.wp-block-button__link {
	display: inline-flex;
	align-items: center;
	justify-content: center;
}

input[type="submit"].wp-block-button__link {
	padding: calc(.667em + 2px) calc(1.333em + 2px);
}

.wp-block-button__link:hover .cream-arrow.right {
	background-image: url(images/icons/arrow-right-white.svg);
}

.is-style-outline .wp-block-button__link.has-white-color:hover .cream-arrow.right {
	background-image: url(images/icons/arrow-right-blue.svg);
}

.wp-block-button__link:hover .cream-arrow.left {
	background-image: url(images/icons/arrow-left-white.svg);
}

.wp-block-button__link:hover .cream-arrow.up {
	background-image: url(images/icons/arrow-up-white.svg);
}

.wp-block-button__link:hover .cream-arrow.down {
	background-image: url(images/icons/arrow-down-white.svg);
}

.wp-block-button__link .cream-arrow {
	transform: scale(1.4);
}

.wp-block-button__link:hover .cream-arrow {
	transform: scale(2);
}

.wp-block-button__link .cream-arrow.right {
	margin-left: -1em;
	opacity: 0;
}

.wp-block-button__link .cream-arrow.left {
	margin-right: -1em;
	opacity: 0;
}

.wp-block-button__link:hover .cream-arrow.right {
	margin-left: 1em;
	margin-right: 0;
	opacity: 1;
	transform: scale(1);
}

.wp-block-button__link:hover .cream-arrow.left {
	margin-right: 1em;
	margin-left: 0;
	opacity: 1;
	transform: scale(1);
}

.cream-toolbar .taxonomies-section>h3.organize-button:after {
	content: "";
	background-image: url(images/icons/arrow-right-blue.svg);
}

.cream-toolbar .taxonomies-section:not(.open)>h3.organize-button:after {
	transform: translateX(-1em);
	opacity: 0;
}

.cream-toolbar .archive-section>h3>a:hover>.cream-arrow {
	transform: translateX(-15px);
	background-image: url(images/icons/arrow-left-blue.svg);
}

/* Carousels */
.bwa-flickity-carousel-wp .flickity-page-dots .dot {
	height: 1px !important;
}

.carousel-title {
	padding: 0 15px;
}

.flickity-button-icon {
	transition: all .25s var(--bwa-transition);
	fill: var(--color-link-hover);
}

.flickity-prev-next-button {
	height: 54px !important;
	width: 54px !important;
	top: 50%;
	border: 3px solid var(--color-link-hover);
	border-radius: 50%;
}

.flickity-prev-next-button:hover .flickity-button-icon {
	transform: scale(1.4);
	fill: var(--color-link-hover);
}

.flickity-prev-next-button.previous {
	right: auto;
	left: 0;
}

.flickity-prev-next-button.next {
	right: 0;
}

/* Footer */
#creativi {
	display: block;
	width: 100%;
	/* The width of the canvas can be set here */
	height: 250px;
	/* Set your desired height here */
}

.bwa-clocks-container {
	display: flex;
	flex-wrap: wrap;
}

.bwa-clocks-container .bwa-clock {
	width: 200px;
}

.bwa-clock-list {
	position: relative;
}

.bwa-active-timezone {
	color: white;
	border: none;
	padding: 0;
	cursor: pointer;
	font-size: 18px;
	background-color: transparent;
	min-height: unset;
}

.bwa-active-timezone:hover {
	opacity: .8;
}

.bwa-timezone-list {
	list-style: none;
	margin: 10px 0 0;
	padding: 0;
	width: 200px;
	left: 0;
	z-index: 1000;
	position: absolute;
	top: auto;
	left: 0;
	border: 1px solid #fff;
	border-bottom: none;
	background-color: var(--color-link-hover);
}

.bwa-timezone-list li {
	padding: 10px;
	cursor: pointer;
	border-bottom: 1px solid white;
}

.bwa-timezone-list li:hover {
	background: var(--color-link);
}

.bwa-clock-display p {
	margin: 5px 0;
	font-size: 18px;
	font-family: monospace;
}

/* Social links in footer */

.footer-links .wp-block-group-is-layout-flex {
	gap: 1em;
}

.footer-links .wp-block-group-is-layout-flex p {
	padding-right: 1em;
}

.footer-links .wp-block-group-is-layout-flex p:not(:last-child) {
	border-right: 1px solid #fff;
}

@media screen and (max-width: 1199px) {
	.footer-links .wp-block-group-is-layout-flex {
		flex-direction: column;
	}

	.footer-links .wp-block-group-is-layout-flex p {
		padding-right: 0;
		border-bottom: 1px solid #fff;
	}

	.footer-links .wp-block-group-is-layout-flex p:not(:last-child) {
		border-right: none;
	}
}

/* Misc */

.cream-grayscale-map {
	transition: filter .5s var(--bwa-transition);
	filter: grayscale(0.8);
}

.cream-grayscale-map:hover {
	filter: grayscale(0);
}

.cream-grayscale-map>div>iframe {
	display: block;
}

.more-link>a,
a.more-link {
	position: relative;
	text-decoration: none;
	font-size: .8em;
	color: inherit;
	/* Assicurati che il colore del testo erediti dal genitore */
	padding-bottom: 5px;
	/* Aggiungi un po' di spazio sotto il testo per la sottolineatura */
	margin-top: 15px;
	text-decoration: none !important;
	text-transform: uppercase;
	color: var(--color-link);
}

.more-link>a::after,
.more-link>a::before,
a.more-link::after,
a.more-link::before {
	background: var(--color-link);
	bottom: 0;
	content: "";
	height: 1px;
	left: 0;
	position: absolute;
	width: 100%;
}

.more-link>a::before,
a.more-link::before {
	transform: scaleX(1);
}

.more-link>a::after,
a.more-link::after {
	transform: scaleX(0);
}

@media (hover:hover) and (pointer:fine) {

	.more-link>a::before,
	a.more-link::before {
		transform-origin: left;
		transition: transform 0s;
	}

	.more-link>a::after,
	.more-link>a:hover::before,
	a.more-link::after,
	a.more-link:hover::before {
		transform-origin: right;
		transition: transform 0.64s cubic-bezier(.08, .49, .25, 1);
	}

	.more-link>a:hover::before,
	a.more-link:hover::before {
		transform: scaleX(0);
	}

	.more-link>a:hover::after,
	a.more-link:hover::after {
		transform: scaleX(1);
		transform-origin: left;
		transition: transform 0.64s cubic-bezier(.08, .49, .25, 1) 0.4s;
	}
}

.simpletoc-list,
.dotted-list {
	list-style-type: none;
	padding-left: 0;
}

ol.dotted-list {
	list-style-type: lower-roman;
	padding-left: 1.5em;
}

.simpletoc-list>li,
.dotted-list>li {
	margin-bottom: 10px;
	padding-left: 1.5em;
	position: relative;
}

.flickity-breadcrumbs .work-link.portfolio-link>span::before,
.simpletoc-list>li:before,
.dotted-list>li:before {
	content: "";
	height: 1.2em;
	min-height: 1.2em;
	width: 1.2em;
	min-width: 1.2em;
	background-image: url(images/icons/dot-list.svg);
	background-size: 100%;
	display: inline-block;
	position: absolute;
	top: .2em;
	left: 0;
	z-index: 2;
}

.dotted-list>li.unavailable:before,
.dotted-list.unavailable>li:before {
	background-image: url(images/icons/close.svg);
}

.dotted-list.has-white-color>li:before {
	background-image: url(images/icons/dot-list-white.svg);
}

.dotted-list.has-white-color>li.unavailable:before,
.dotted-list.has-white-color.unavailable>li:before {
	background-image: url(images/icons/close-white.svg);
}

.flickity-breadcrumbs .work-link.portfolio-link>span::before {
	left: 50%;
	top: 0;
	transform: translateX(-50%);
	pointer-events: none;
}

ul.more-link a,
.more-link>a,
a.more-link {
	display: inline-flex;
	align-items: center;
	font-weight: bold;
	position: relative;
	text-decoration: none;
	font-size: 1.2em;
	color: inherit;
	/* Assicurati che il colore del testo erediti dal genitore */
	padding-bottom: 5px;
	/* Aggiungi un po' di spazio sotto il testo per la sottolineatura */
	margin-top: 15px;
	text-decoration: none !important;
	color: var(--color-link);
}

a.more-link.white {
	color: #fff;
}

ul.more-link a:after,
.more-link>a:after,
a.more-link:after {
	content: "";
	height: 1em;
	width: 1em;
	margin-left: .5em;
	background-image: url(images/icons/arrow-right.svg);
	background-position: center;
	background-repeat: no-repeat;
	display: inline-block;
	transition: all .5s var(--bwa-transition);
}

ul.more-link a:hover:after,
.more-link>a:hover:after,
a.more-link:hover:after {
	transform: translateX(.3em);
	background-image: url(images/icons/arrow-right-blue.svg);
}

/* Custom gallery */

.bwa-flickity-carousel-wp {
	position: relative;
}

/* Area sinistra per "Prev" */
.jcarousel ul:not(.grid3-carousel) .flickity-prev-next-button.next,
.bwa-flickity-carousel-wp .flickity-prev-next-button.next,
.jcarousel ul:not(.grid3-carousel) .flickity-prev-next-button.previous,
.bwa-flickity-carousel-wp .flickity-prev-next-button.previous {
	content: '';
	position: absolute;
	top: 0 !important;
	left: 0 !important;
	width: 20% !important;
	height: 100% !important;
	background: transparent !important;
	pointer-events: auto !important;
	cursor: url('images/icons/prev.svg') 64 64, auto;
	/* Sostituire con il percorso dell'immagine del cursore per "Prev" */
	border: none !important;
	outline: none !important;
	transform: none !important;
	box-shadow: none !important;
}

/* Area destra per "Next" */
.jcarousel ul:not(.grid3-carousel) .flickity-prev-next-button.next,
.bwa-flickity-carousel-wp .flickity-prev-next-button.next {
	left: auto !important;
	right: 0 !important;
	cursor: url('images/icons/next.svg') 64 64, auto;
	/* Sostituire con il percorso dell'immagine del cursore per "Next" */
}

.jcarousel ul:not(.grid3-carousel) .flickity-prev-next-button .flickity-button-icon,
.bwa-flickity-carousel-wp .flickity-prev-next-button .flickity-button-icon {
	display: none;
}

@media screen and (max-width: 991px) {

	.jcarousel ul:not(.grid3-carousel) .flickity-prev-next-button,
	.bwa-flickity-carousel-wp .flickity-prev-next-button {
		display: none !important;
	}
}

.text-outline {
	color: transparent;
	/* Rendi il testo interno trasparente */
	-webkit-text-stroke: 0.032em white;
	/* Contorno con larghezza e colore */
	text-stroke: 0.032em white;
	/* Proprietà standard */
	font-weight: bold;
	/* Esempio di peso del carattere */
}

.cream-banner .grid-thumb img {
	transition: transform .5s var(--bwa-transition);
}

.cream-banner:hover * {
	cursor: url('images/icons/arrow-top-right-blue.svg') 64 64, auto;
}

.cream-banner:hover .grid-thumb img {
	transform: scale(1.2);
	cursor: url('images/icons/arrow-top-right-blue.svg') 64 64, auto;
}

.cream-banner-body {
	position: absolute;
	top: 0;
	left: 0;
	padding: 30px;
	height: 100%;
	width: 100%;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
}

.custom-carousel-nav {
	position: absolute;
	bottom: 30px;
	right: 30px;
	z-index: 100;
}

.cream-partners .custom-carousel-nav {
	display: none !important;
}

.bwa-flickity-carousel-wp.wp-block-gallery.has-nested-images figcaption {
	font-size: var(--body-big-font-size) !important;
	color: #ffffff !important;
	font-weight: 600 !important;
	font-style: normal !important;
	text-align: left !important;
	padding: 30px 1em !important;
}

.cream-banner-body h3,
.custom-carousel-nav {
	font-size: var(--body-big-font-size);
	color: #ffffff;
	font-weight: 600;
}

.decorated::after,
.decorated::before {
	height: 80px;
}

.decorated::after,
.decorated::before {
	bottom: -79px;
}

.decorated.rev-deco::after,
.decorated.rew-deco::after {
	top: -79px;
}

/* Portfolio tag accordion list */
.portfolio-tags-container {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	gap: 10%;
	position: relative;
}

.portfolio-tags-list {
	list-style: none;
	padding: 0;
	margin: 0;
	display: flex;
	flex-direction: column;
	width: 45%;
}

.portfolio-tags-list:hover .portfolio-tag-item .portfolio-tag-title {
	opacity: 0.7;
}

.portfolio-tags-list .portfolio-tag-item.active .portfolio-tag-title,
.portfolio-tags-list .portfolio-tag-item:hover .portfolio-tag-title {
	opacity: 1;
}

.portfolio-tag-item {
	cursor: pointer;
	transition: opacity 0.3s ease;
	padding: 2em 1em;
	border-bottom: 1px solid white;
	transition: all .3s var(--bwa-transition) 1.2s;
}

.portfolio-tags-list:not(.visible) .portfolio-tag-item {
	padding: 2em 0em;
	margin: 0 1em;
	border-color: rgba(255, 255, 255, 0.7);
}

.portfolio-tag-item:last-child {
	border-bottom: none;
}

.portfolio-tag-item:hover,
.portfolio-tag-item.active {
	opacity: 1 !important;
}

.portfolio-tag-item .portfolio-tag-title {
	display: flex;
	align-items: center;
}

.portfolio-tag-item .portfolio-tag-title:before {
	content: "";
	height: 1em;
	width: 1em;
	min-width: 1em;
	background-image: url(images/icons/arrow-right-white.svg);
	background-size: 100%;
	pointer-events: title;
	opacity: 0;
	margin-left: -1em;
	transition: all .5s var(--bwa-transition);
}

.portfolio-tag-item.active .portfolio-tag-title:before {
	margin-left: 0em;
	margin-right: .2em;
	opacity: 1;
}

.portfolio-tag-description {
	position: sticky;
	top: 120px;
	max-width: 45%;
	opacity: 0;
	transition: opacity 0.3s ease;
	line-height: 1.5;
	font-size: var(--body-big-font-size);
}

@media screen and (max-width: 781px) {
	.portfolio-tag-description-mobile {
		display: block;
	}

	.portfolio-tag-item.active .portfolio-tag-description-mobile {
		margin: 30px 0;
	}
}

.portfolio-tag-title {
	display: block;
	text-transform: uppercase;
	font-weight: 500;
	font-family: 'Bauziet Wide';
}

@media screen and (max-width: 781px) {

	.portfolio-tags-list,
	.portfolio-tag-description {
		max-width: unset;
		width: 100%;
		position: relative;
		top: auto;
	}
}

/* paginazione */
.pagination {
	gap: 5px;
	display: flex;
	justify-content: center;
}

.pagination>li>a,
.pagination>li>span {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 0;
	height: 2.75em;
	width: 2.75em;
	border-width: 2px;
	border-radius: 2em !important;
}

.pagination>li>a {
	border-color: var(--color-text);
}

.pagination>li.current>a {
	background-color: var(--color-text);
	color: #fff;
}

.pagination>li>a:hover,
.pagination>li>a:active {
	background-color: var(--color-link-hover);
	border-color: var(--color-link-hover);
	color: #fff;
}

/* totop */

#totop.enabled:hover>a {
	opacity: 1;
}

/* Animations Ziv */
.portfolio-tags-list {
	position: relative;
	clip-path: inset(0 0 0 0);
	z-index: 10;
	overflow: hidden;
}

.portfolio-tags-list::before {
	content: "";
	z-index: -1;
	position: absolute;
	top: 1px;
	left: 1px;
	width: calc(100% - 2px);
	height: calc(100% - 2px);
	background-color: var(--color-link-hover);
}

.portfolio-tags-list::after {
	z-index: -2;
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	width: 1440px;
	height: 1440px;
	background: rgb(59, 32, 244);
	background: linear-gradient(90deg, rgba(255, 255, 255, .7) 0%, rgba(255, 255, 255, .7) 50%, rgba(59, 32, 244, 1) 50%, rgba(59, 32, 244, 1) 100%);
	transform: translate(-50%, -50%) rotate(0deg);
	opacity: 0;
	transition: all 300ms ease;
}

.portfolio-tags-list.visible::after {
	opacity: 1;
	animation: rotate-shiny 1.2s forwards linear;
}

@keyframes rotate-shiny {
	0% {
		transform: translate(-50%, -50%) rotate(-45deg);
		opacity: 0;
	}

	25% {
		transform: translate(-50%, -50%) rotate(45deg);
		opacity: 1;
	}

	50% {
		transform: translate(-50%, -50%) rotate(90deg);
		opacity: 1;
	}

	75% {
		transform: translate(-50%, -50%) rotate(135deg);
		opacity: 1;
	}

	100% {
		transform: translate(-50%, -50%) rotate(225deg);
		opacity: 0;
	}
}

/* Post navigation */

.cream-post-navigation {
	display: flex;
	flex-wrap: wrap;
	gap: 2em;
	margin: 3em 0;
}

.cream-post-navigation .nav-next {
	margin-left: auto;
}

.cream-post-navigation .nav-previous {
	margin-right: auto;
}

.cream-post-navigation>div {
	position: relative;
}

.cream-post-navigation>div .nav-post-title {
	position: absolute;
	top: 0;
	left: 0;
	font-weight: 300;
	opacity: 0;
	pointer-events: none;
	display: inline-block;
	padding: .6em 2em;
	transition: all .5s var(--bwa-transition);
	color: var(--color-text);
	font-size: .75em;
}

.cream-post-navigation>div.nav-next .nav-post-title {
	left: auto;
	right: 0;
}

.cream-post-navigation>div a:hover .nav-post-title {
	opacity: 1;
	top: 100%;
}

/* Sharer */

/* Related */
.decorated.deco-middle:after,
.related-container.decorated.rev-deco::after,
.related-container.decorated.rew-deco::after {
	top: auto;
	bottom: 40%;
	background-color: var(--color-link-hover);
	z-index: -1;
}

.decorated.deco-middle:before,
.related-container.decorated.rev-deco::before,
.related-container.decorated.rew-deco::before {
	position: absolute;
	display: block;
	content: "";
	bottom: 0;
	left: 0;
	height: 40%;
	width: 100%;
	background-color: var(--color-link-hover);
}

/* motion design by ziv */
.row-bg>.img-holder,
.row-bg>a>.img-holder {
	transition: none;
}

/** digression to report **/

.posts-list .gr-item .gr-content {
	background-color: #fff;
}

@media screen and (min-width: 782px) {
	.posts-list .gr-item:nth-child(odd) .cream-shadowbox {
		transition-delay: .3s;
	}

	.posts-list .gr-item:nth-child(even) .cream-shadowbox {
		transition-delay: .6s;
	}
}

.related-container .posts-list .gr-item .gr-content {
	background-color: #fff;
}

.posts-list .gr-item .gr-content .summary {
	color: var(--color-text-light);
}

.tax-links span.term-link>span,
.tax-links span.term-link>a {
	border: 1px solid var(--color-text-light);
	color: var(--color-text-light);
}

.posts-list .gr-item:hover * {
	cursor: url('images/icons/arrow-top-right-blue.svg') 64 64, auto;
}

.posts-list .list-item .list-content h4 {
	color: var(--color-text-light);
	font-weight: 400;
}

.list-item .list-content .data {
	padding: 5px 0;
	text-align: left;
	margin-bottom: 0 !important;
	font-size: var(--wp--preset--font-size--small);
	font-style: normal;
	border-bottom: 1px solid var(--color-custom-4);
	color: var(--color-custom-4);
}

.list-item .list-content {
	display: flex;
	flex-direction: column;
}

@media screen and (max-width: 781px) {
	.list-item .list-content {
		padding-top: 0 !important;
		padding-left: 0 !important;
		padding-right: 0 !important;
	}

	.ul-post-list .square-thumb,
	.widget .square-thumb {
		padding-right: 0px;
		margin-bottom: 0px;
	}
}

.list-item .list-content>p {
	font-size: var(--wp--preset--font-size--small);
	color: var(--color-custom-4);
	margin: 1em 0 2em 0;
}

.share-buttons {
	--color-link-hover: var(--color-custom-3);
}

.cream-scaled-gallery .custom-carousel-nav {
	mix-blend-mode: difference;
}

/* Project breadcrumbs */
ul.button li {
	list-style-type: none;
}

ul.button {
	display: inline-flex;
	gap: 0em;
	margin-bottom: 0;
	transition: all .3s var(--bwa-transition);
}

.bwa-breadcrumbs-close,
ul.button {
	background-color: rgba(246, 246, 246, .7) !important;
	backdrop-filter: blur(10px);
	transition: all .3s var(--bwa-transition);
	cursor: pointer;
	overflow: hidden;
	padding: 0 !important;
	max-width: 100%;
}

ul.button.active {
	padding-left: 15px;
	padding-right: 15px;
}

ul.button:active,
ul.button.active {
	background-color: rgba(246, 246, 246, .7) !important;
	color: var(--color-link-hover);
}

body.has-primary-open ul.button,
body.has-primary-open ul.button:active,
body.has-primary-open ul.button.active {
	background-color: rgba(232, 232, 232, .7) !important;
}

ul.button a {
	color: var(--color-link-hover);
}

ul.button li {
	height: 100%;
	align-items: center;
	display: flex;
}

ul.button li.back-links {
	display: flex;
}

.flickity-breadcrumbs,
ul.button li[aria-current="page"]>span,
ul.button li.back-links>a {
	height: 100%;
	display: flex;
	align-items: center;
	padding: 0 15px;
	min-width: 54px;
	transition: padding .3s var(--bwa-transition);
	width: 100%;
	justify-content: center;
}

ul.button:not(.active) li[aria-current="page"]>span,
ul.button:not(.active) li.back-links>a {
	padding: 0 1.6em;
}

ul.button li[aria-current="page"] {
	flex-grow: 1;
}

ul.button li[aria-current="page"]>span:hover,
ul.button li.back-links>a:hover {
	background-color: var(--color-link-hover);
	color: #fff;
	text-decoration: none;
}

ul.button li.back-links>a>img {
	min-width: 24px;
	height: 24px;
}

ul.button li:not([aria-current="page"]) {
	display: none;
}

ul.button.active li:not([aria-current="page"]) {
	display: flex;
}

@media screen and (max-width: 781px) {
	.cream-brcb {
		padding-top: 15px;
		padding-bottom: 15px;
	}

	ul.button {
		border-radius: 27px;
	}

	ul.button,
	ul.button li {
		flex-direction: column;
		width: 100%;
	}

	ul.button.active li[aria-current="page"]>span,
	ul.button.active li.back-links>a {
		padding: .8em 1.6em;
		width: 100%;
		justify-content: space-between;
		text-align: center;
	}

	ul.button.active li[aria-current="page"]>span>i {
		min-width: 1em;
	}

	ul.button.active li[aria-current="page"]>span>span {
		max-width: calc(100% - (2em - 60px));
		overflow: hidden;
		text-overflow: ellipsis;
	}
}

ul.button.active li[aria-current="page"]>span>span.item-label {
	pointer-events: none;
}

.flickity-breadcrumbs {
	width: 9.6em;
	margin: 0 !important;
	padding: 0;
}

.flickity-breadcrumbs .work-link {
	transition: transform .4s var(--bwa-transition);
	text-decoration: none !important;
	width: 9.6em;
	height: 54px;
	line-height: 54px;
	padding: 0 15px;
	display: block;
	text-align: center;
}

.flickity-breadcrumbs .work-link>span {
	position: relative;
	display: inline-block;
	overflow: hidden;
	text-overflow: ellipsis;
	max-width: 100%;
	transition: transform .4s var(--bwa-transition);
}

.flickity-breadcrumbs .flickity-prev-next-button {
	border: none;
	margin-right: -30px;
}

.flickity-breadcrumbs .flickity-prev-next-button.previous {
	margin-left: -30px;
	margin-right: 0;
}

.flickity-breadcrumbs .flickity-prev-next-button .flickity-button-icon {
	position: absolute;
	left: 50%;
	top: 50%;
	width: 1em;
	height: 1em;
	transform: translateY(-50%) translateX(-50%);
}

.flickity-breadcrumbs .flickity-prev-next-button:hover .flickity-button-icon {
	position: absolute;
	left: 50%;
	top: 50%;
	width: 1em;
	height: 1em;
	transform: translateY(-50%) translateX(-50%) scale(1.25);
}

.cream-brcb {
	/*background-color: rgba(255, 255, 255, .7);
  	backdrop-filter: blur(10px);*/
	position: fixed;
	top: var(--header-height);
	z-index: 101;
	padding: 10px 5vw;
	display: flex;
	justify-content: space-between;
	transition: top .6s var(--bwa-transition-updown);
	width: 100%;
}

.cream-brcb>.button {
	justify-content: flex-start;
	max-width: 100%;
	text-overflow: ellipsis;
	border: none;
}

.cream-brcb>.button .cream-arrow {
	transform: translateY(-.086em);
}

.cream-brcb>.button:not(.active) .cream-arrow {
	display: none;
}

.cream-brcb>.button a .cream-arrow.left {
	background-image: url(images/icons/arrow-left-blue.webp);
}

.cream-brcb>.button span .cream-arrow.left {
	background-image: url(images/icons/arrow-left-blue.webp);
}

.cream-brcb>.button a .cream-arrow.right {
	background-image: url(images/icons/arrow-right-blue.webp);
}

.cream-brcb>.button span .cream-arrow.right {
	background-image: url(images/icons/arrow-right-blue.webp);
}

.cream-brcb>.button a:hover .cream-arrow.left {
	background-image: url(images/icons/arrow-left-white.webp);
}

.cream-brcb>.button span:hover .cream-arrow.left {
	background-image: url(images/icons/arrow-left-white.webp);
}

.cream-brcb>.button a:hover .cream-arrow.right {
	background-image: url(images/icons/arrow-right-white.webp);
}

.cream-brcb>.button span:hover .cream-arrow.right {
	background-image: url(images/icons/arrow-right-white.webp);
}

body.scrolled:not(.eye-up) .cream-brcb {
	top: 0;
}

.carousel-breadcrumbs-container {
	margin: 0 30px;
}

.cream-brcb>.button .cream-arrow.hide-desk {
	display: none;
}

/*
.flickity-breadcrumbs .work-link.portfolio-link > span{
	border-top: 3px solid var(--color-link-hover);
	border-bottom: 3px solid var(--color-link-hover);
	line-height: 48px;
}
*/
@media screen and (max-width: 781px) {
	.cream-brcb>.button.active .cream-arrow.hide-desk {
		display: block;
	}

	.flickity-breadcrumbs .work-link,
	.flickity-breadcrumbs {
		width: 100%;
	}

	.carousel-breadcrumbs-container {
		width: calc(100% - 60px);
	}

	.cream-brcb {
		padding-left: 15px !important;
		padding-right: 15px !important;
	}

	.flickity-breadcrumbs .flickity-prev-next-button {
		margin-right: -25px;
	}

	.flickity-breadcrumbs .flickity-prev-next-button.previous {
		margin-left: -25px;
	}
}

/* Cream scaled gallery */
.cream-scaled-gallery {
	perspective: 1000px;
	transform: scale(.7);
	/* Profondità del 3D */
}

.cream-scaled-gallery .wp-block-image {
	transform-origin: center center;
	/* Punto di origine della rotazione */
	transition: transform 0.1s linear;
	/* Transizione fluida */
}

.cream-scaled-gallery .wp-block-image.is-selected {
	transform: scale(1.3);
	z-index: 10;
}

.cream-scaled-gallery .custom-carousel-nav {
	bottom: 60px;
}

/* New menu fix */

.nav-menu .menu-item-has-children>a:not(.open-this) {
	padding-right: 10px;
}

.nav-menu .menu-item-has-children>a.open-this::after,
.nav-menu .menu-item-has-children>a.open-this>small {
	display: none;
}

ul.nav-menu>li {
	position: static;
}

ul.nav-menu>li>a:not(.open-this) {
	position: relative;
	z-index: 1;
}

ul.nav-menu .sub-menu {
	padding: 70px 1em 1em 1em;
	list-style-type: none;
	position: absolute;
	top: 0;
	min-width: 100%;
	right: 0;
	background-color: #fff;
	font-size: 1em;
	z-index: unset;
	pointer-events: none;
	opacity: 0;
	-webkit-clip-path: polygon(0 0, 100% 0, 100% 0, 0 0);
	clip-path: polygon(0 0, 100% 0, 100% 0, 0 0);
	transition: all .5s ease;
}

@media screen and (max-width: 1199px) {
	.nav-menu li.menu-item-has-children>.open-this {
		width: 100% !important;
		z-index: 4;
		top: auto;
		transform: translateY(-100%);
		line-height: 2em !important;
		height: 2em !important;
		font-size: var(--wp--preset--font-size--x-large);
	}

	.nav-menu li.menu-item-has-children>.sub-menu {
		height: 100% !important;
		visibility: hidden;
		pointer-events: none;
		position: absolute;
		top: 0;
		overflow: hidden;
		transition: all .5s var(--bwa-transition) .3s;
		transform: translateX(100%);
		z-index: 4;
	}

	.main-navigation .sub-menu>li>a {
		padding: 0 15px;
		line-height: 2em;
		font-size: var(--wp--preset--font-size--x-large);
	}

	.nav-menu li.menu-item-has-children.open>.sub-menu {
		visibility: visible;
		pointer-events: auto;
		position: absolute;
		display: block;
		transform: translateX(0);
		z-index: 3;
	}

}

/* ============================================
   CREAM NAVBAR RESTYLING 2025
   Aggiungere in fondo a style.css
   ============================================ */

/* --- Variabili navbar --- */
:root {
  --navbar-bg-transparent: transparent;
  --navbar-bg-scrolled: #0a0a0a;
  --navbar-text: #ffffff;
  --navbar-accent: #e8f028;
  --navbar-height: 64px;
  --navbar-transition: 0.4s cubic-bezier(0.16, 1, 0.3, 1);
}

/* --- Header base --- */
.site-header {
  position: fixed !important;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1000;
  background-color: var(--navbar-bg-transparent) !important;
  padding: 0 5vw !important;
  height: var(--navbar-height);
  display: flex;
  align-items: center;
  transition: background-color var(--navbar-transition),
              backdrop-filter var(--navbar-transition);
  border-bottom: none !important;
}

/* Header dopo lo scroll */
.site-header.scrolled {
  background-color: var(--navbar-bg-scrolled) !important;
  backdrop-filter: blur(0px) !important;
  transform: translateY(0) !important;
}

body.eye-up .site-header.scrolled,
body.has-primary-open .site-header.scrolled {
  transform: translateY(0) !important;
}

/* --- Header container --- */
.site-header .header-container {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  width: 100% !important;
  padding: 0 !important;
  height: var(--navbar-height);
}

/* --- Logo --- */
.site-header #masthead,
.site-header .logo {
  flex-shrink: 0;
}

.site-header .logo img {
  filter: brightness(0) invert(1);
  height: 22px !important;
  width: auto !important;
}

.site-header.scrolled .logo img {
  filter: brightness(0) invert(1);
}

/* --- Nav menu desktop --- */
@media screen and (min-width: 1200px) {
  .site-header .header-container #masthead {
    width: auto !important;
  }

  .site-header .header-container .nav-container {
    display: flex !important;
    align-items: center !important;
    gap: 2.5em !important;
    justify-content: flex-end !important;
    flex: 1 !important;
    padding-left: 3em !important;
  }

  .site-header ul.nav-menu {
    display: flex !important;
    align-items: center !important;
    gap: 0 !important;
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  .site-header ul.nav-menu > li > a:not(.open-this) {
    font-family: 'Bauziet Wide', sans-serif !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    letter-spacing: 0.08em !important;
    text-transform: uppercase !important;
    color: var(--navbar-text) !important;
    padding: 0 1.2em !important;
    line-height: var(--navbar-height) !important;
    display: flex !important;
    align-items: center !important;
    text-decoration: none !important;
    transition: opacity 0.2s ease !important;
    position: relative !important;
  }

  .site-header ul.nav-menu > li > a:not(.open-this):hover {
    opacity: 0.6 !important;
    transform: none !important;
  }

  /* Rimuovi underline animato della navbar originale sull'hero */
  .site-header ul.nav-menu > li > a::after {
    display: none !important;
  }

  /* --- Mega dropdown --- */
  ul.nav-menu > li.menu-item-has-children {
    position: static !important;
  }

  ul.nav-menu > li.menu-item-has-children:hover > .sub-menu,
  ul.nav-menu > li.menu-item-has-children:focus-within > .sub-menu {
    opacity: 1 !important;
    pointer-events: auto !important;
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%) !important;
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%) !important;
  }

  ul.nav-menu .sub-menu {
    position: fixed !important;
    top: var(--navbar-height) !important;
    left: 0 !important;
    right: 0 !important;
    width: 100vw !important;
    min-width: 100vw !important;
    background-color: #0a0a0a !important;
    padding: 3em 5vw 3em 5vw !important;
    display: flex !important;
    flex-direction: row !important;
    gap: 0 !important;
    z-index: 999 !important;
    opacity: 0 !important;
    pointer-events: none !important;
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 0, 0 0) !important;
    clip-path: polygon(0 0, 100% 0, 100% 0, 0 0) !important;
    transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1) !important;
    border-top: 1px solid rgba(255,255,255,0.1) !important;
  }

  ul.nav-menu .sub-menu > li {
    flex: 1 !important;
    padding: 0 2em 0 0 !important;
    border-right: 1px solid rgba(255,255,255,0.08) !important;
    margin-right: 2em !important;
  }

  ul.nav-menu .sub-menu > li:last-child {
    border-right: none !important;
    margin-right: 0 !important;
  }

  ul.nav-menu .sub-menu > li > a {
    font-family: 'Bauziet Wide', sans-serif !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    letter-spacing: 0.1em !important;
    text-transform: uppercase !important;
    color: rgba(255,255,255,0.4) !important;
    text-decoration: none !important;
    display: block !important;
    padding: 0 0 1.5em 0 !important;
    margin-bottom: 1em !important;
    border-bottom: 1px solid rgba(255,255,255,0.1) !important;
    transition: color 0.2s ease !important;
    line-height: 1.4 !important;
  }

  ul.nav-menu .sub-menu > li > a:hover {
    color: #ffffff !important;
    transform: none !important;
  }

  /* Titolo grande nel mega menu */
  ul.nav-menu .sub-menu > li > a::before {
    content: attr(data-title);
  }
}

/* --- Hamburger / menu mobile --- */
#open_primary {
  background: transparent !important;
  border: none !important;
  padding: 0 !important;
  cursor: pointer !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 40px !important;
  height: 40px !important;
  color: #ffffff !important;
  font-size: 28px !important;
  font-weight: 300 !important;
  line-height: 1 !important;
  transition: opacity 0.2s ease !important;
}

#open_primary:hover {
  opacity: 0.6 !important;
  background: transparent !important;
  color: #ffffff !important;
}

/* Nascondi hamburger box originale, mostra "+" */
.site-header .hamburger-box {
  display: none !important;
}

#open_primary::after {
  content: "+" !important;
  font-size: 32px !important;
  font-weight: 300 !important;
  font-family: 'Bauziet Wide', sans-serif !important;
  color: #ffffff !important;
  line-height: 1 !important;
}

/* Quando menu è aperto, mostra "×" */
body.has-primary-open #open_primary::after {
  content: "×" !important;
  font-size: 36px !important;
}

/* --- Menu mobile aperto --- */
@media screen and (max-width: 1199px) {
  body.has-primary-open .site-header {
    background-color: #0a0a0a !important;
    height: 100vh !important;
  }

  .site-header ul.nav-menu > li > a:not(.open-this) {
    font-family: 'Bauziet Wide', sans-serif !important;
    font-size: clamp(28px, 5vw, 48px) !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: -0.01em !important;
    color: #ffffff !important;
    line-height: 1.2em !important;
    padding: 0.3em 0 !important;
    display: block !important;
    transform: translateY(0) !important;
  }

  .site-header ul.nav-menu > li > a:not(.open-this)::after {
    display: none !important;
  }

  .site-header ul.nav-menu > li > a:not(.open-this):hover {
    opacity: 0.5 !important;
  }
}

/* --- Contattaci pill nel menu --- */
.site-header ul.nav-menu > li.contact-cta > a:not(.open-this) {
  background-color: var(--navbar-accent) !important;
  color: #0a0a0a !important;
  border-radius: 99px !important;
  padding: 0.5em 1.4em !important;
  line-height: 1.4 !important;
  font-size: 12px !important;
  height: auto !important;
  margin-left: 0.5em !important;
}

.site-header ul.nav-menu > li.contact-cta > a:not(.open-this):hover {
  opacity: 0.85 !important;
}

/* --- Spazio compensativo sotto header fisso --- */
body.trasp-header #top_container {
  margin-top: 0 !important;
}