/* ===========================*/
/* Theme */
/* ===========================*/
html {
    overscroll-behavior-y: none;
}

@font-face {
  font-family: 'Satoshi-Variable';
  src: url('../fonts/Satoshi-Variable.woff2') format('woff2'),
       url('../fonts/Satoshi-Variable.woff') format('woff'),
       url('../fonts/Satoshi-Variable.ttf') format('truetype');
       font-weight: 300 900;
       font-display: swap;
       font-style: normal;
}
@font-face {
  font-family: 'Satoshi-VariableItalic';
  src: url('../fonts/Satoshi-VariableItalic.woff2') format('woff2'),
       url('../fonts/Satoshi-VariableItalic.woff') format('woff'),
       url('../fonts/Satoshi-VariableItalic.ttf') format('truetype');
       font-weight: 300 900;
       font-display: swap;
       font-style: italic;
}
@font-face {
  font-family: 'Yobi';
  src: url('../fonts/Yobi.ttf') format('truetype');
       font-weight: 400;
       font-display: swap;
       font-style: normal;
}
  
.uk-button:not(.uk-button-text) {
    line-height: 1;
    padding: 18px 32px;
}
.uk-button-text::before, .uk-button-text:hover::before {
	background: url("data:image/svg+xml,%3Csvg width='40' height='29' viewBox='0 0 40 29' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.27711 17.5325C4.11306 18.1351 6.8781 17.568 9.71405 17.2489C12.7272 16.8944 15.7404 16.5754 18.7536 16.2918C21.6959 16.0082 24.6028 15.6891 27.5451 15.3701C30.2747 15.051 33.3233 14.2003 36.0529 14.4839C36.0529 12.7114 36.0529 10.9744 36.0529 9.20191C34.0323 9.09556 32.8979 6.93315 31.5154 5.69242C30.5583 4.84164 29.5657 4.02631 28.4668 3.35277C27.8287 2.96283 26.4461 2.53743 26.1625 1.89935C24.8864 3.17552 23.6102 4.4517 22.3695 5.69242C24.78 6.8268 26.8361 8.49292 29.1757 9.7691C31.1255 10.8326 33.536 11.4352 35.2021 12.9595C34.954 12.0379 34.7058 11.1516 34.4931 10.2299C33.4651 12.9241 31.2318 15.3346 29.6011 17.7098C28.0059 20.0494 26.3043 22.5663 26.198 25.5086C26.0916 29.1244 31.7281 29.1244 31.8344 25.5086C31.9053 23.4171 34.0677 21.1838 35.1667 19.5177C36.8682 16.9653 38.818 14.6257 39.8814 11.7543C40.2005 10.868 39.846 9.6273 39.1725 9.02466C37.2227 7.2522 34.8476 6.40141 32.5434 5.26703C29.9556 3.91996 27.7223 2.07659 25.1345 0.871315C22.5467 -0.333963 20.1007 2.11204 21.3414 4.66439C22.0504 6.15327 23.362 6.86225 24.7446 7.57124C26.198 8.35113 27.4387 9.34371 28.6085 10.5135C30.9837 12.9595 33.0397 14.9447 36.7264 14.3421C39.7396 13.8458 38.9243 9.16646 36.0175 9.16646C33.3233 9.13101 30.5583 9.94635 27.8641 10.3363C24.9573 10.7971 22.015 11.1871 19.0727 11.5416C16.2013 11.8961 13.2944 12.2506 10.423 12.7114C7.51619 13.1722 4.6448 13.8103 1.73795 14.0939C-0.105415 14.2712 -0.814402 17.0717 1.27711 17.5325Z' fill='%23181818'%3E%3C/path%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-size: contain;
	background-position: 50% 50%;
	transition: all .3s ease-in-out;
}
.uk-button-text:hover::before {
	right: -10px;
}
.uk-font-secondary {
	font-family: Yobi, sans-serif;
	letter-spacing: -7px;
	line-height: 70%;
}
.uk-lightbox {
    backdrop-filter: blur(10px);
	-webkit-backdrop-filter: blur(10px);
}
.uk-lightbox-toolbar {
    transform: translateY(0) !important;
    width: fit-content;
    right: 0;
    left: auto;
	border-radius: 100px;
	border: 2px solid #fff;
    margin: 10px;
}
.uk-slider.uk-card {
    overflow: hidden !important;
	border-radius: 20px;
	transform: translateZ(0) !important;
	z-index: 1;
	position: relative;
	will-change: transform;
	mask-image: radial-gradient(white, black);
	-webkit-mask-image: -webkit-radial-gradient(white, black);

}
.yo-hero-black, .yo-hero-page-black, .yo-hero-page-black-col {
	background: url(../assets/hero-black-shape.png) !important;
	background-size: 100% 100% !important;
    background-repeat: no-repeat;
}
.yo-hero-page-black-col {
	margin-left: 15px;
}
.uk-accordion .el-item {
    padding: 20px;
    background: #fdc917;
    border-radius: 20px;
}
.uk-accordion-title::before {
	background-image: url("data:image/svg+xml,%3Csvg width='32' height='28' viewBox='0 0 32 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.3399 1.11504C14.2986 5.45133 14.216 9.78761 14.0095 14.1239C13.803 18.2537 13.2249 22.6726 13.8443 26.7611C14.0921 28.413 16.9417 28.413 17.1895 26.7611C17.8089 22.6726 17.2307 18.2124 17.0243 14.1239C16.8178 9.78761 16.7352 5.45133 16.6939 1.11504C16.6113 -0.371681 14.3812 -0.371681 14.3399 1.11504Z' fill='black'/%3E%3Cpath d='M2.9005 17.4278C7.44327 17.593 12.0273 17.5517 16.5288 17.2626C18.7176 17.1387 20.9477 16.9735 23.1365 16.8909C25.4492 16.8083 27.9683 17.0561 30.1571 16.2301C32.5937 15.3216 32.635 12.1829 30.1571 11.2331C28.0509 10.4484 25.7383 10.7788 23.5495 10.944C21.1955 11.1092 18.8828 11.3157 16.5288 11.5635C11.986 11.9764 7.44327 12.6372 2.9005 12.8437C-0.0729527 12.9263 -0.0729527 17.3039 2.9005 17.4278Z' fill='black'/%3E%3C/svg%3E");
}
.uk-open>.uk-accordion-title::before {
	background-image: url("data:image/svg+xml,%3Csvg width='32' height='28' viewBox='0 0 32 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.9005 17.4278C7.44327 17.593 12.0273 17.5517 16.5288 17.2626C18.7176 17.1387 20.9477 16.9735 23.1365 16.8909C25.4492 16.8083 27.9683 17.0561 30.1571 16.2301C32.5937 15.3216 32.635 12.1829 30.1571 11.2331C28.0509 10.4484 25.7383 10.7788 23.5495 10.944C21.1955 11.1092 18.8828 11.3157 16.5288 11.5635C11.986 11.9764 7.44327 12.6372 2.9005 12.8437C-0.0729527 12.9263 -0.0729527 17.3039 2.9005 17.4278Z' fill='black'/%3E%3C/svg%3E");
}
.uk-slidenav {
    width: 68px;
    height: 68px;
    display: flex;
	justify-content: center;
    padding: 5px;
	background-color: rgba(255, 255, 255, 0.7) !important;
    transition: transform 0.3s ease, opacity 0.3s ease;
	margin: 10px;
}
.uk-icon:not(.uk-preserve) [fill*='#']:not(.uk-preserve) {
    fill: black !important;
}
.uk-icon>*:hover {
    transform: translate(0, 0);
}

.uk-close line {
    stroke-width: 3;
}
@media (min-width: 960px) {
	.yo-hero-page-black-col {
		width: calc((100% * 2 / 3.001) - 30px);
	}
}
@media (max-width: 960px) {
	.yo-hero-page-black {
		padding: 40px 20px !important;
	}
	.uk-accordion-title {
		font-size: 24px;
	}
}
@media (max-width: 639px) {
	html {
		font-size: 16px !important;
	}
	.uk-button {
		font-size: 20px;
	}
	.uk-breadcrumb li > * {
		font-size: 12px;
	}
	.uk-font-secondary {
	    letter-spacing: -4px!important;
    }
	.uk-slidenav {
         width: 48px;
         height: 48px;
	}
}

@media (hover: none) and (pointer: coarse) {
	.uk-card-default.uk-card-hover:hover {
		background-color: #181818;
	}
	.uk-card-primary.uk-card-hover:hover {
		background-color: #fdc918;
	}
	.uk-card-secondary.uk-card-hover:hover {
		background-color: #ffffff;
	}
}
/* ===========================*/
/* Header */
/* ===========================*/
.tm-header,
.tm-header .uk-navbar-container,
.uk-sticky.uk-sticky-fixed .uk-navbar-container,
.uk-sticky-fixed>.uk-navbar-container:not(.uk-navbar):not(.uk-navbar-transparent) {
    box-shadow: none !important;
}

.tm-header {
    position: relative;
    overflow: visible;
	padding-bottom: 0 !important;
	margin-bottom: 5vw;
	
}

.tm-header::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -30px;
    width: 100vw;
    height: 60px;
	

    background-image: url('https://www.cosimodonati.com/wp-content/uploads/2026/04/wave.svg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;

	opacity: 1 !important;
    filter: drop-shadow(0px 8px 12px rgba(0, 0, 0, 0.1));
    mix-blend-mode: normal !important;
}
@media (min-width: 960px) {
    :not(.uk-sticky-below)>.uk-navbar-container:not(.uk-navbar) {
        padding-top: 20px;
        padding-bottom: 0px !important;
    }
}


.tm-header .uk-navbar-container {
  border-radius: 0px;
}
.uk-navbar-nav>li.uk-button>a:hover {
	color: #fff;
}


.pll-parent-menu-item a {
    display: flex;
    flex-direction: row-reverse;
}

.pll-parent-menu-item svg polyline {
    stroke-width: 3;
}



.menu-item {
	position: relative;
}
.menu-item:not(.pll-parent-menu-item):not(.uk-button):not(.yo-desktop-hamburger) a::after {
	content: '';
	background: url(/wp-content/uploads/2023/02/hover-line.png);
	background-size: 100% 20px;
	background-repeat: no-repeat;
	position: absolute;
	bottom: 12px;
	left: 0;
	z-index: -1;
    pointer-events: none;
	height: 20px;
    width: 0;
	transition: all .4s cubic-bezier(0.68, -0.55, 0.27, 1.55);
}

.menu-item:not(.pll-parent-menu-item):not(.uk-button) a:hover::after,
.menu-item.uk-active:not(.pll-parent-menu-item):not(.uk-button) a::after {
    width: 100%;
	transition: all .2s cubic-bezier(0.68, -0.55, 0.27, 1.55);
}
.uk-nav .menu-item {
    max-width: fit-content;
}
.uk-nav .menu-item a::after {
	bottom: 0px !important;
}

.tm-header .uk-logo img {
	height: 80px;
    transition: all .3s ease;
}
.tm-header .uk-sticky.uk-sticky-fixed .uk-logo img {
    height: 50px;
	transition: all .3s ease;
}
.tm-header .uk-sticky.uk-sticky-fixed .uk-button {
    padding: 7px 32px;
    transition: all .2s ease;
}
.uk-navbar-dropdown {
    width: fit-content;
}
.yo-lang-mobile {
    border-top: 1px solid #181818;
}
.yo-lang-mobile li {
  display: inline-block;
}
.yo-lang-mobile a {
    font-size: 18px !important;
    font-weight: 900;
    margin-right: 20px;
    background: #fdc917;
    border-radius: 100%;
    width: 50px;
    height: 50px;
    justify-content: center;
}
.current-page-parent a::after {
    display: none;
}

@media (min-width: 960px) and (max-width: 1200px) {
	.uk-navbar-nav {gap: 20px;}
	.uk-navbar-item, .uk-navbar-nav>li>a, .uk-navbar-toggle, .menu-item>a {font-size: 20px;}
}
@media (max-width: 959px) {
	.menu-item:not(.pll-parent-menu-item):not(.uk-button) a:hover::after {width: 0%;}
}
@media (min-width: 960px) {
	.uk-sticky-fixed>.uk-navbar-container:not(.uk-navbar):not(.uk-navbar-transparent) {transition: unset;}
}
@media (max-width: 960px) {

    .tm-header {
        position: relative;
        z-index: 10000;
        overflow: visible;
    }

    .tm-header::after {
        content: "";
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
        height: 45px;

        transform: translateY(100%);

        background: url(../uploads/2026/04/wave.svg) no-repeat center / cover;

        pointer-events: none;
        z-index: 1;
    }

    .uk-sticky-fixed .tm-header {
        overflow: visible !important;
    }
}

/* ===========================*/
/* Home */
/* ===========================*/
.yo-hero-home .el-title span, .yo-underline {
	position: relative;
	z-index: 3;
}
.yo-animation {position: relative;}
.yo-hero-home .el-title .yo-animation::before, .yo-animation::before {
    content: '';
    background: url(../assets/yo-underline.png;);
    background-repeat: no-repeat;
    background-size: 100% 20px;
    position: absolute;
    bottom: -30px;
    left: 0;
    width: 100%;
    height: 40px;
    pointer-events: none;
	z-index: 1;
	/*animation: yo-underline 3s cubic-bezier(0.9,-0.15, 0.47, 2.15) infinite alternate;
	transform: scalex(0);
	transform-origin: top left;*/
}
.yo-hero-home .el-title .yo-animation::after {
    content: '';
    position: absolute;
    bottom: -30px;
    left: 0;
    height: 40px;
    background: #181818;
    width: 100%;
    animation: yo-underline 5s ease-in infinite alternate;
    transform-origin: top right;
	transform: scalex(1);
	pointer-events: none;
	z-index: 2;
}
.yo-animation::after {
    content: '';
    position: absolute;
    bottom: -30px;
    left: 0;
    height: 40px;
    background: #fafafd;
    width: 100%;
    animation: yo-underline 4s ease-in infinite alternate;
    transform-origin: top right;
	transform: scalex(1);
	pointer-events: none;
	z-index: 2;
}
.yo-king::before {
    content: '';
    background: url(../assets/king.svg);
    background-size: contain;
    background-repeat: no-repeat;
    width: 60px;
    height: 60px;
    display: block;
    position: absolute;
    top: -60%;
    left: -5%;
    animation: 1s uk-fade infinite alternate;
	z-index: -1;
	pointer-events: none;
}

.yo-king-alt::before {
	height: 45px;
    top: -60%;
    left: 25%;
}

@keyframes yo-underline {
	0% {transform: scalex(1);}
	20% {transform: scalex(1);}
	30% {transform: scalex(0);}
	100% {transform: scalex(0);}
}
@media (min-width: 960px) {
	.yo-hero-black {height: calc(100vh - 200px - 160px);}
	.yo-hero-yellow {height: calc(100vh - 180px);}
	.yo-hero-clients {min-height: 160px !important;}
}
@media (min-width: 960px) and (max-height: 700px) {
	.yo-hero-black {height: unset;}
	.yo-hero-clients {height: unset;}
}
@media (min-width: 960px) {
	.yo-hero-home.yo-hero-yellow img {
		width: auto;
		height: 100%;
		object-fit: cover;
		margin: 0 auto;
	}
}
.yo-hero-clients {
	background: #F84F38;
	pointer-events: none;
	overflow: hidden;
	position: relative;
	max-height: 160px;
}
.yo-slider-clients > .uk-child-width-1-1 {
    flex-direction: row;
    flex-wrap: nowrap;
    width: max-content;
    transform: translateX(0%);
    animation: 80s marquee infinite linear;
}
@keyframes marquee {
    0% {transform: translateX(0%);}
    100% {transform: translateX(-80%);}
}
/*.yo-slider-clients .uk-slider-items {
	transition-timing-function: linear !important;
}*/
.yo-hero-clients .el-image {
    filter: contrast(0) brightness(100);
	width: 10vw;
    min-width: 100px;
	max-width: 150px;
}
@media (max-width: 959px) {
	#hero-home {
		min-height: unset!important;
	}
	.yo-hero-clients {
		margin-left: 15px;
		/*padding: 10px 0;*/
	}
	.yo-hero-home {justify-content: center;}
	.yo-hero-home img {max-width: 500px; width: 100%;}
	
	.yo-home-panel-img img {
		max-height: 200px;
		margin: 0 auto;
		display: block;
	}
	.yo-sublayout-inverse {
		display: flex;
		flex-direction: column-reverse;
	}
	.yo-col-inverse-reset {
		margin-bottom: 20px!important;
		margin-top: -10px !important;
	}
	.yo-feedback-slider {
		margin: 0 15px !important;
		width: auto;
	}
	.yo-feedback-slider .el-slidenav {
		top: 100%;
	}
	.yo-animation::after,
	.yo-hero-home .el-title .yo-animation::after,
	.yo-hero-home .el-title .yo-animation::before, 
	.yo-animation::before {
		bottom: -20px;
		height: 30px;
	}
	.yo-king::before {height: 35px;}
}

/* Feedback */
.yo-feedback-title-slider {
	background: #F84F38;
	padding: 10px 0px;
}
.yo-feedback-title-slider .uk-slider-items {
    transition-timing-function: linear!important;
}
.yo-feedback-title-slider .el-item .el-title {
    letter-spacing: -4px;
    color: #fff;
}


/* ===========================*/
/* Hero page animation */
/* ===========================*/
.yo-crew-hero-img img {
    animation: 2s uk-slide-top-small infinite alternate;
}
.yo-services-hero-img img {
	animation: 2s uk-slide-left-medium infinite alternate;
    top: -20px;
    position: relative;
}
.yo-projects-hero-img img {
	animation: 2s uk-slide-top-medium infinite alternate;
}
.yo-clients-hero-img svg {
	transform: scale(1.3);
}
.yo-clients-hero-img svg #balance {
    animation: 5s balance infinite alternate;
	transform-origin: center;
}
.yo-clients-hero-img svg #balance + path {
	transform: translateY(-2px);
}
.yo-faq-hero-img img {
    animation: 2s uk-slide-bottom-small infinite alternate;
}
.yo-mission-hero-img img {
    animation: 4s uk-fade infinite alternate, 4s uk-slide-top-small infinite alternate;
}
.yo-studio-hero-img img {
    animation: 2s uk-slide-left-small infinite alternate;
}

@keyframes balance {
	0%, 100% {transform: translateX(0) rotate(-2deg);}
	10% {transform: translateX(-9px) rotate(2deg);}
	20% {transform: translateX(8px) rotate(-2deg);}
	30% {transform: translateX(-7px) rotate(2deg);}
	40% {transform: translateX(6px) rotate(-2deg);}
	50% {transform: translateX(-5px) rotate(2deg);}
	60% {transform: translateX(4px) rotate(-2deg);}
	70% {transform: translateX(-3px) rotate(2deg);}
	80% {transform: translateX(2px) rotate(-2deg);}
	90% {transform: translateX(-1px) rotate(2deg);}
}

/* ===========================*/
/* Servizi */
/* ===========================*/
.yo-sharing-card a:hover .el-title, .yo-engage-card a:hover .el-title, .yo-learning-card a:hover .el-title, .yo-culture-card a:hover .el-title,
.yo-sharing-card a:hover .el-content, .yo-engage-card a:hover .el-content, .yo-learning-card a:hover .el-content, .yo-culture-card a:hover .el-content {
	color: #fff !important;
}
.yo-sharing-card, .yo-engage-card, .yo-learning-card, .yo-culture-card {
    display: flex !important;
    flex-direction: column;
    justify-content: space-between;
}
.yo-sharing-card .el-content, .yo-engage-card .el-content, .yo-learning-card .el-content, .yo-culture-card .el-content {
	margin-bottom: auto;
}
.yo-sharing-card a:hover .el-title, .yo-engage-card a:hover .el-title, .yo-learning-card a:hover .el-title, .yo-culture-card a:hover .el-title, 
.yo-sharing-card a:hover .el-content, .yo-engage-card a:hover .el-content, .yo-learning-card a:hover .el-content, .yo-culture-card a:hover .el-content,
.yo-sharing-card a:hover .el-meta, .yo-engage-card a:hover .el-meta, .yo-learning-card a:hover .el-meta, .yo-culture-card a:hover .el-meta {
    color: #fff;
}
.yo-sharing-card .uk-button, .yo-learning-card .uk-button, .yo-engage-card .uk-button, .yo-culture-card .uk-button {
    background: #fff !important;
    color: #181818 !important;
}
.yo-sharing-card a:hover, .yo-engage-card a:hover, .yo-learning-card a:hover, .yo-culture-card a:hover {
	background: #181818 !important;
}
/* Sharing */
#pen, #cap {
    fill: #181818;
    transition: all .5s ease-in-out;
}
#pen {
    transform: rotate(-5deg) translate(0px, 0px);
	transform-origin: top left;  
}
#cap {
	transform: rotate(0deg) translate(0px, 0px);
	transform-origin: center;
}
.yo-sharing-card:hover #pen {
	transform: rotate(0deg) translate(0px, 0px);
	fill: #fdc918;
}
.yo-sharing-card:hover #cap {
	transform: rotate(82deg) translate(0px, 30px);
	fill: #fdc918;
}

@media (hover: none) and (pointer: coarse) {
	.yo-sharing-card #pen {
		animation: sharingPen 1s infinite alternate 0s;
	}
	.yo-sharing-card #cap {
		animation: sharingCap 1s infinite alternate 0s;
	}
}
@keyframes sharingPen {
	0% {transform: rotate(0deg) translate(0px, 0px);}
	100% {transform: rotate(0deg) translate(0px, 0px);}
}
@keyframes sharingCap {
	0% {transform: rotate(0deg) translate(0px, 0px);}
	100% {transform: rotate(82deg) translate(0px, 30px);}
}

/* Engage */
#magnet, #reaction {
    transition: all .5s ease-in-out;
    fill: #181818;
}
#reaction {
    transform: rotate(0deg) scale(0);
    transform-origin: bottom right;
}
#reaction path {
    fill: #181818;
}
#magnet {
    transform: rotate(-45deg) scale(1) translate(0px, 54px);
    transform-origin: left center;
}
.yo-engage-card:hover #magnet {
    transform: rotate(0) scale(1) translate(0px, 0px);
}
.yo-engage-card:hover #reaction {
    transform: rotate(0) scale(1);
}
.yo-engage-card:hover #magnet, .yo-engage-card:hover #reaction path {
	fill: #fdc918;
}
@media (hover: none) and (pointer: coarse) {
	.yo-engage-card #magnet {
		animation: engageMagnet 1s infinite alternate .6s;
	}
	.yo-engage-card #reaction {
		animation: engageReaction 1s infinite alternate .6s;
	}
}
@keyframes engageMagnet {
	0% {transform: rotate(-45deg) scale(1) translate(3px, 50px);}
	100% {transform: rotate(0deg) scale(1) translate(0px, 0px);}
}
@keyframes engageReaction {
	0% {transform: rotate(0deg) scale(0) translate(0px, 0px);}
	100% {transform: rotate(0deg) scale(1) translate(0px, 0px);}
}

/* Learning */
#tr, #br, #bl, #tl, #learning {
    fill: #181818;
    transition: all .5s ease-in-out;
    transform-origin: center;
	transform: rotate(0deg) scale(0.93);
}
.yo-learning-card:hover #learning {
	transform: rotate(30deg) scale(0.93);
}
.yo-learning-card:hover #tl {
    transform: translate(10px, 10px);
}
.yo-learning-card:hover #tr {
    transform: translate(-11px, 13px);
}
.yo-learning-card:hover #bl {
    transform: translate(0px, -5px);
}
.yo-learning-card:hover #br {
    transform: translate(-20px, -2px);
}
.yo-learning-card:hover #tr, .yo-learning-card:hover #tl, .yo-learning-card:hover #bl, .yo-learning-card:hover #br {
    fill: #fdc918;
}
@media (hover: none) and (pointer: coarse) {
	.yo-learning-card #tr {
		animation: learningTr 1s infinite alternate .3s;
	}
	.yo-learning-card #br {
		animation: learningBr 1s infinite alternate .3s;
	}
	.yo-learning-card #tl {
		animation: learningTl 1s infinite alternate .3s;
	}
	.yo-learning-card #bl {
		animation: learningBl 1s infinite alternate .3s;
	}
	.yo-learning-card #learning {
		animation: learning 1s infinite alternate .3s;
	}
}
@keyframes learningTr {
	0% {transform: translate(-11px, 13px);}
	100% {transform: translate(0px, 0px);}
}
@keyframes learningBr {
	0% {transform: translate(-20px, -2px);}
	100% {transform: translate(0px, 0px);}
}
@keyframes learningTl {
	0% {transform: translate(10px, 10px);}
	100% {transform: translate(0px, 0px);}
}
@keyframes learningBl {
	0% {transform: translate(0px, -5px);}
	100% {transform: translate(0px, 0px);}
}
@keyframes learning {
	0% {transform: rotate(30deg);}
	100% {transform: rotate(0deg);}
}

/* Culture */
#can path, #drops path {
    fill: #181818;
}
#can {
    transform: rotate(-45deg) translate(-40px, 30px);
}
#drops {
    transform: rotate(-45deg) translate(-60px, 60px) scale(0);
    transform-origin: top center;
    transition-delay: .2s !important;
}
#can, #drops, #can path, #drops path {
    transition: all .5s ease-in-out;
}
.yo-culture-card:hover #can, .yo-culture-card:hover #drops {
    transform: rotate(0deg) translate(0px, 0px) scale(1);
}
.yo-culture-card:hover #can path, .yo-culture-card:hover #drops path {
    fill: #fdc918;
}
.yo-culture-card svg {
	transform: scale(1.4) translate(10px, 7px);
	transition: all .2s ease-in-out;
}
.yo-culture-card:hover svg {
	transform: scale(1.2) translate(10px, 10px);
}
@media (hover: none) and (pointer: coarse) {
	.yo-culture-card #can {
		animation: cultureCan 1s infinite alternate .6s;
	}
	.yo-culture-card #drops {
		animation: cultureDrops 1s infinite alternate .6s;
	}
}
@keyframes cultureCan {
	0% {transform: rotate(-45deg) translate(-40px, 30px);}
	100% {transform: rotate(0deg) translate(0px, 0px);}
}
@keyframes cultureDrops {
	0% {transform: rotate(-45deg) translate(-60px, 60px) scale(0); opacity: 0;}
	40% {opacity: 0;}
	100% {transform: rotate(0deg) translate(0px, 0px) scale(1); opacity: 1;}
}


/* ===========================*/
/* Single Servizio */
/* ===========================*/
.yo-sub-services .uk-card-primary {
	background: url(../assets/yo-yellow-shape.png) !important;
	background-size: 100% 100% !important;
    background-repeat: no-repeat;
}
.yo-sub-services .uk-slidenav-container {
    width: 100%;
    display: flex;
    justify-content: space-between;
}
.yo-sub-services .uk-slider, .yo-sub-services .uk-slider .el-slidenav {
    border: 2px solid #181818;
}

/* ===========================*/
/* Studio */
/* ===========================*/
#pensatoio {
	background: url(../assets/pensatoio-shape.svg);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center 20%;
	height: 100%;
}
#production-room {
	background: url(../assets/production-room-shape.svg);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center 80%;
	height: 100%;
}
#sala-centrale {
	background: url(../assets/workshop-room-shape.svg);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center 20%;
	height: 100%;
}
#workshop-room {
	background: url(../assets/workshop-room-shape.svg);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center 20%;
	height: 100%;
}
#borgo {
	background: url(../assets/borgo-shape.svg);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: bottom center;
	height: 100%;
}

.yo-studio-rooms .uk-slidenav-container {
    width: 100%;
    display: flex;
    justify-content: space-between;
}

/* ===========================*/
/* Contact banner */
/* ===========================*/
#contact-banner .el-meta {
	font-family: Yobi, sans-serif;
	letter-spacing: -2px;
}
@media (max-width: 960px) {
	#contact-banner .el-title {
        font-size: 36px;
    }
	#contact-banner .el-image {
        max-width: 70vw;
    }
}

/* ===========================*/
/* Progetti */
/* ===========================*/
#connection .uk-tile, #process .uk-tile, #highlights .uk-tile {
    border-radius: 20px;
}
#connection .uk-tile-default {
    box-shadow: 0 0 44px 0 rgba(0,0,0,.15);
}
.yo-project-summary li > div > div:first-child {
    min-width: fit-content;
    display: flex;
    align-self: center;
}

/* ===========================*/
/* Footer */
/* ===========================*/

.footer-title{
	color: #181818 !important;
}
  
#footer {
	position: relative;
    background: #fdc918 !important;
    border-top: none !important;
    z-index: 0;
	margin-top: 5vw;
	color: #fff;
}

  #footer::after {
    content: "";
    position: absolute;
    top: -85px;
    left: 0;
    width: 100%;
    height: 100px;
    pointer-events: none;
    z-index: 10;

    background: url("data:image/svg+xml,%3Csvg viewBox='0 0 1440 120' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23fdc918' d='M0,60 C240,100 480,100 720,60 C960,20 1200,20 1440,60 L1440,120 L0,120 Z'/%3E%3C/svg%3E") no-repeat center / cover;
}


.yo-privacy-menu {
    font-size: 16px;
    display: flex;
    gap: 20px;
}

/* ===========================*/
/* Form */
/* ===========================*/
.wpcf7 .screen-reader-response {
	position: absolute;
	overflow: hidden;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	width: 1px;
	margin: -1px;
	padding: 0;
	border: 0;
	word-wrap: normal !important;
}

.wpcf7 form.init .wpcf7-response-output,
.wpcf7 form.resetting .wpcf7-response-output,
.wpcf7 form.submitting .wpcf7-response-output {
	display: none;
}

.wpcf7-form-control-wrap {
	position: relative;
}

.use-floating-validation-tip .wpcf7-not-valid-tip {
	position: relative;
	top: -2ex;
	left: 1em;
	z-index: 100;
	border: 1px solid #dc3232;
	background: #fff;
	padding: .2em .8em;
	width: 24em;
}

.wpcf7-list-item-label::before,
.wpcf7-list-item-label::after {
	content: " ";
}
.wpcf7-spinner {
	visibility: hidden;
  display: inline;
  width: 50px;
  height: 50px;
  margin: 0 24px;
  position: relative;
}
form.submitting .wpcf7-spinner {
	visibility: visible;
}
.wpcf7-spinner::before {
  content: '';
  width: 50px;
  height: 50px;
  background: url(/wp-content/themes/yobi/assets/loader.svg);
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(0deg);
}
.wpcf7 input[type="file"] {
	cursor: pointer;
}
.wpcf7 input[type="file"]:disabled {
	cursor: default;
}
.wpcf7 .wpcf7-submit:disabled {
	cursor: not-allowed;
}
.wpcf7 input[type="url"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"] {
	direction: ltr;
}

.wpcf7-list-item {
    margin: 0;
    display: inline-block;
}
.wpcf7-checkbox {
    font-size: 14px;
    display: flex;
    gap: 10px;
}
.wpcf7 .wpcf7-response-output {
    border-color: transparent !important;
    text-align: center !important;
    font-family: 'Satoshi-variable', sans-serif !important;
    border-radius: 4px !important;
    padding: 20px 10px !important;
}
.wpcf7 form.sent .wpcf7-response-output {
    background: #32d296;
}
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
    background: #FFAE4C;
}
.wpcf7-not-valid-tip {
    background: #ffcfcf;
    color: #000;
    padding: 2px 4px;
    margin-top: 4px;
    display: inline-block;
    border-radius: 4px;
    font-family: 'Satoshi-variable', sans-serif;
    font-size: 12px;
    text-transform: capitalize;
    letter-spacing: 0;
}
form.wpcf7-form br {display: none;}
form.wpcf7-form p {margin: 0;}
.wpcf7-acceptance a {text-decoration: underline;}
.wpcf7-acceptance {font-size: 12px;}


/* Recaptcha */
.grecaptcha-badge {
    display: none !important;
    opacity: 0 !important;
    pointer-events: none !important;
}

  
  
/* NEW DESIGN 2026 */

/* === BASE CARD === */
.ye-card-comunicazione {
	background-color: #fdc918 !important;
	border-radius: 16px !important;
	text-align: center !important;
	transition: all 0.4s ease;
	position: relative;
	display: flex !important;
	flex-direction: column;
	justify-content: center;
	align-items: center; 
	padding: 30px 20px;
	min-height: 00px; /* opzionale: garantisce che non sia troppo bassa */
	
}
.ye-card-comunicazione .el-image{
	width: 30vh;
}

.ye-card-comunicazione .el-content,
.ye-card-comunicazione .uk-button {
	display: none !important;
}


.ye-card-comunicazione .el-image,
.ye-card-comunicazione .el-title {
	display: block;
	
	color: #000;
}


/* === HOVER EFFECT === */
.ye-card-comunicazione:hover {
	background-color: #181818 !important;
}


.ye-card-comunicazione:hover .el-image,
.ye-card-comunicazione:hover .el-title  {
	display: none !important;
}

.ye-card-comunicazione:hover .el-content,
.ye-card-comunicazione:hover .uk-button {
	display: block !important;
	color: #fff !important;
	
}

/* Bottone hover white */
.ye-card-comunicazione:hover .uk-button {
	background-color: #fdc918 !important;
	color: #000 !important;
	border: 2px  #fdc918 solid;
	padding: 12px 24px;
	border-radius: 50px;
	
}
 
.ye-card-comunicazione:hover .uk-button:hover {
	background-color: #fff !important;
	color: #000 !important;
	border: 2px #fff solid;
	padding: 12px 24px;
	border-radius: 50px;
	
}
  
@media (max-width: 960px) {
	.ye-card-comunicazione .el-image, .ye-card-comunicazione {
		display: block;
	
		
	}
	.crew-slider .uk-slider-items > li > .el-item {
		
		padding: 3em 1em;
		min-height: 95vw !important;
	}
	.uk-visible\@s  {
		display: block !important;
	}
	.uk-dotnav{
		display: none !important;
	}
}


/* =========================
   BASE CARD – SLIDER
   ========================= */

   .crew-slider .uk-slider-items > li > .el-item {
	background-color: #fdc918 !important;
	border-radius: 16px !important;
	text-align: center !important;
	transition: all 0.4s ease;
	position: relative;
	display: flex !important;
	flex-direction: column;  
	justify-content: center;
	align-items: center;
	padding: 3em 3em;
	height: fit-content;
}

/* immagine */
.crew-slider .uk-slider-items > li > .el-item .el-image {
	width: 100%;
	display: block;
}

/* =========================
   STATO INIZIALE
   ========================= */

/* nascosti */
.crew-slider .uk-slider-items > li > .el-item .el-content,
.crew-slider .uk-slider-items > li > .el-item .uk-button,
.crew-slider .uk-slider-items > li > .el-item .el-title {
	display: none !important;
}

/* =========================
   HOVER CARD
   ========================= */

.crew-slider .uk-slider-items > li > .el-item:hover {
	background-color: #181818 !important;
}

/* nasconde immagine */
/* .crew-slider .uk-slider-items > li > .el-item:hover .el-image {
	display: none !important;
} */

.crew-slider .uk-slider-items > li > .el-item .el-image {
  opacity: 1;
  transition: opacity 0.3s ease;
}

.crew-slider .uk-slider-items > li > .el-item:hover .el-image {
  opacity: 0;
  pointer-events: none;
}


/* mostra contenuto + link */
.crew-slider .uk-slider-items > li > .el-item:hover .el-content,
.crew-slider .uk-slider-items > li > .el-item:hover .uk-button,
.crew-slider .uk-slider-items > li > .el-item:hover .el-title {
	display: block !important;
	color: #fff !important;
}
 
/* =========================
   LINK TESTO + FRECCIA
   ========================= */
 
   
   
.crew-slider .uk-slider-items > li > .el-item .uk-button {
	all: unset;
	display: inline-flex;
	align-items: center;          
	gap: 10px;
	cursor: pointer;

	
	line-height: 1;               
	color: #fff !important;

	margin-top: 20px;
	transition: color 0.3s ease;
}

/* FRECCIA */
.crew-slider .uk-slider-items > li > .el-item .uk-button::after {
	content: "";
	display: inline-block;
	width: 20px;
	height: 20px;

	background-color: currentColor;

	-webkit-mask-image: url(/wp-content/uploads/2023/03/arrow-right-black.svg);
	mask-image: url(/wp-content/uploads/2023/03/arrow-right-black.svg);
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-position: center;
	mask-position: center;
	-webkit-mask-size: contain;
	mask-size: contain;

	transform: translate(5px, 4px);
	transition: transform 0.35s cubic-bezier(0.4, 0, 0.2, 1);
}

/* hover freccia */
.crew-slider .uk-slider-items > li > .el-item .uk-button:hover::after {
	transform: translate(10px, 4px);
}

.crew-slider .uk-slider-items > li > .el-item .uk-button:hover {
	color: #fdc918 !important;
}


[data-uk-cover]:where(img,video), [uk-cover]:where(img,video) {
	border-radius: 16px !important;
}

 

/*  contenuto del link */
.yo-desktop-hamburger > a {
    color: transparent !important;
    position: relative;
}

.yo-desktop-hamburger > a::before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 1em;
    height: 1em;
    background-image: url(/wp-content/uploads/2026/02/Ham-scaled.png);
    background-size: contain;
    background-repeat: no-repeat;
	margin: 0;
}

.pll-parent-menu-item .menu-item .menu-item-type-custom 
.menu-item-object-custom .menu-item-has-children .uk-parent a img{
	width: 2em !important;
	height: auto !important;

}



li.pll-parent-menu-item a#pll_switcher > img{
	width: 2em;
	height: auto;
}


.hidden-fields-container{
	display: none;
}


#custom_html-4 a#pll_switcher > img{
	border-radius: 200px;
	width: 1.2em;
	height: auto;
}




a[href="#pll_switcher"] img,
.uk-navbar-dropdown img{
	border-radius: 200px !important;
	width: 1em !important;
	height: auto !important;
}






.clienti-lista {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.cliente-row {
    display: flex;
    align-items: baseline;
    gap: 8px;
    flex-wrap: wrap;
}

.cliente-nome {
    font-size: 18px;
    font-weight: 500;
    color: inherit;
    text-decoration: none;
}
     
.cliente-nome:hover{
	font-size: 18px;
    opacity: 0.6;
    transition: opacity 0.2s ease;
	text-decoration: none;
}
  
.cliente-cat {
    font-size: 14px;
    font-weight: 500;
    opacity: 0.55;
}

.cliente-sep {
    width: 10px;
}

.clienti-lista-3col {
    column-count: 3;
    column-gap: 2rem;
}
.clienti-lista-3col .cliente-row {
    break-inside: avoid;
    margin-bottom: 0.5rem;
}


/* Filtro */
.clienti-filtri {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
	justify-content: center;
    gap: 0.75rem;
    margin-bottom: 1.5rem;
}
.filtro-cat {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    padding: 0.4rem 0.8rem;
    border: 1px solid #181818;
    border-radius: 999px;
    cursor: pointer;
    user-select: none;
}
.filtro-cat input {
    margin: 0;
	border-radius: 200px;
}
.filtro-reset {
	font-size: 0.8em;
	font-weight: 700;
    padding: 0.7rem 1.5rem;
    border: 1px solid #fdc918;
    background: #fdc918;
    border-radius: 999px;
    cursor: pointer;
	color: #181818;
}
.filtro-reset:hover {
	border: 1px solid #181818;
    background: black;
	color: white;
}
  

/* Lista a 3 colonne */
.clienti-lista-3col {
    column-count: 3;
    column-gap: 2rem;
}
.clienti-lista-3col .cliente-row {
    break-inside: avoid;
    margin-bottom: 0.75rem;
}

/* Responsive: scende a 2 colonne su tablet, 1 su mobile */
@media (max-width: 992px) {
    .clienti-lista-3col {
        column-count: 2;
    }
}
@media (max-width: 576px) {
    .clienti-lista-3col {
        column-count: 1;
    }
}


.yo-claim{
	color: #fff;
	height: 200px !important;
	
}

.yo-claim .el-item {
    background: url(/wp-content/themes/yobi/assets/hero-black-shape.png) no-repeat center !important;
    background-size: 100% 100% !important;
	
	
	
}
.yo-center-vertical {
  display: flex !important;
  align-items: center !important;  
}


.yo-claim .accent {
    font-family: 'Yobi', sans-serif !important;
    color: #fdc918 !important;
	

   
}


.button-faci{
    margin-right:3px !important;
}