/*!
Theme Name: typespotting
Theme URI: https://www.dinoballiana.com
Author: Dino Balliana
Author URI: https://www.dinoballiana.com
Description: Custom theme for Typespotting
Version: 1.0.0
Tested up to: 8.2
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: typespotting
Tags: custom-theme,

This theme, like WordPress, is licensed under the GPL.

typespotting is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Generic
	- Typography
	- Reset
	- Box sizing
	- Document
# Global vars
# Text
	- Links
# Media
	- Links
# Components
	- Forms
# Layout
	- Header
	- Navigation
	- Footer
# Templates
	- Home
# Plugins
# Utilities
	- Accessibility


--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Generic
--------------------------------------------------------------*/



/* Reset
--------------------------------------------- */

a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}table{border-collapse:collapse;border-spacing:0}

#wpadminbar{
display:none !important;
}

/**
 * Add the correct display in IE 10+.
 */
template {
	display: none;
}

/**
 * Add the correct display in IE 10.
 */
[hidden] {
	display: none;
}


/* Box sizing
--------------------------------------------- */

/* Inherit box-sizing to more easily change it's value on a component level. */
*,
*::before,
*::after {
	-webkit-box-sizing: inherit;
	        box-sizing: inherit;
}

/* Document
	 ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */

html,body{
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	margin: 0 !important;
	/* no bouncing scroll */
	height:100%;
	overflow: auto;
	overscroll-behavior-y: none;
	/* no scrollbar */
	-ms-overflow-style: none;  /* Internet Explorer 10+ */
  scrollbar-width: none;  /* Firefox */
	/* no tap color on mobile */
	-webkit-tap-highlight-color: transparent;

}

html {
	-webkit-text-size-adjust: 100%;
}

html::-webkit-scrollbar {
    display: none;  /* Safari and Chrome */
}

body {
	-webkit-font-smoothing: antialiased;
}

body::-webkit-scrollbar {
    display: none;  /* Safari and Chrome */
}


body.on-resize .edition-wrap{
	opacity:0;
}

/* Globals vars
	 ========================================================================== */

:root{

	/* Colors */
	--white:#fff;
	--black:#000;

	/* Text */
	--text: 16px;
	--text-h:19px;

	/* Margin */
	--space-min:15px;
	--space-small:30px;
	--space-medium:60px;
	--space-big:100px;
	--space-bigger:200px;


	/* Layers */
	--section-width: 1200px;
}


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

		/* Layers */
	--section-width: 720px;

	}
}

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

		/* Text */


		/* Margin */

		/* Layers */
	--section-width: 480px;

	}
}

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

		/* Text */
		--text: 14px;
		--text-h:17px;

		/* Margin */
		--space-small:16px;
		--space-min:10px;
		--section-width: calc(100% - (var(--space-small) * 2));
		--space-big:80px;
		--space-bigger:120px;
	}
}


/* Text
	 ========================================================================== */

body *{
	font-family: "Inter", sans-serif ;
  font-optical-sizing: auto ;
  font-weight: 400;
  font-style: normal ;
	font-size:var(--text) ;
	line-height:var(--text-h);
}

 body,
 button,
 input,
 select,
 optgroup,
 textarea {
 	font-size: 1rem;

 }

 h1,
 h2,
 h3,
 h4,
 h5,
 h6 {
 	clear: both;

 }

 blockquote {
 	margin: 0;
 }

 address {
 	margin: 0;
 }

 ul,
 ol {
 	margin:0;
 }

 ul, ol {
 	list-style: none;
 }

 li > ul,
 li > ol {
 	margin-bottom: 0;
 	margin-left: 0;
 }

/* Title */

.section-title{
	padding-bottom:30px;
}

/* Paragraph */

.section-text strong{
	font-weight:bolder;
}

/* List */

.section-text ul li{
	list-style-type: "→ ";
  list-style-position: inside;
  padding-bottom:5px;
}

.section-text ul li:last-child{
  padding-bottom:0;
}

.section-text ul li p{
	display:inline-block;
}



 /* Selection
 --------------------------------------------- */

 ::-moz-selection{
   color: var(--white);
 	background-color:var(--black);
 }

 ::selection{
   color: var(--white);
 	background-color:var(--black);
 }

 /* Uniform Blur
 --------------------------------------------- */

.blur-container{
	position:relative;
}

.blur-container .uniform-blur{
	-webkit-backdrop-filter: blur(3px);
	        backdrop-filter: blur(3px);
	 position: absolute;
  	z-index: 2;
}



 /* Text Hierarchy
 --------------------------------------------- */

 .site-title,.page-title,.site-description{
	position:absolute;
	width:0;
	height:0;
	opacity:0;
	pointer-events:none;
 }


/* Links
--------------------------------------------- */
a, button {
	color:inherit;
}

a:hover,
a:focus,
a:active,
button:hover,
button:focus,
button:active,
a:visited,
button:visited {
	outline: none;
	-webkit-box-shadow:none;
	        box-shadow:none;
	/* no tap color on mobile */
	-webkit-tap-highlight-color: transparent;
}


/* Media
	 ========================================================================== */
	 /* Make sure embeds and iframes fit their containers. */

	 embed,
	 iframe,
	 object {
	 	max-width: 100%;
	 }

	 img, video, svg {
	 	height: auto;
	 	width: 100%;
	 	border-style: none;
	 	display:block;
	 }




/* Layouts
	 ========================================================================== */

	 /* Header
	 --------------------------------------------- */

#masthead{
	position:fixed;
	top:0;
	left:0;
	width:100%;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack:justify;
	    -ms-flex-pack:justify;
	        justify-content:space-between;
	padding:var(--space-small) var(--space-small) 0;
	z-index:999999;
}

#masthead .logo-wrap{
	display:inline-block;
	width:300px;
}

#masthead .logo{
	position:relative;
}




#masthead .year-logo{
	font-family:'Dritto expanded',sans-serif;
	font-size: 29px;
    position: relative;
    top: -6px;
    left: 4px;
}

/* Talks */

.page-id-177 #masthead .logo a{
	text-decoration:none;
}

.page-id-177 #masthead .logo-wrap{
	display:inline-block;
	width:406px;
}


@media screen and (max-width:767px){
	#masthead .logo-wrap{
	width:140px;
}
	
	.page-id-177 #masthead .logo-wrap{
	width:204px;
}

	#masthead .year-logo{
		font-size: 14px;
		top: -3px;
		left: 2px;
	}
}

	 /* Navigation
	 --------------------------------------------- */


	/* Switch */

.switch-btn{
	color:white;
	text-decoration:none;
	font-weight:700;
}

.switch-btn:hover{
	text-decoration:underline;
}

.switch-btn .arrow-link{
	fill:var(--white);
	margin-left: 5px;
    width: 7px;
	display:inline-block;
}

	.switch-btn.desk{
		position:fixed;
		top:35px;
		right:190px;
		z-index:99999999;
		mix-blend-mode:difference;
	}

	.switch-btn.mobile{
		padding: var(--space-min) 0;
		display:inline-block;
	}

@media screen and (max-width:767px){
	.switch-btn.desk{
		display:none;
	}
}
	
	/* Filtro edizioni */

.edizioni-btn{
	padding:var(--space-min);
	border:none;
	-webkit-box-shadow:none;
	        box-shadow:none;
	z-index:99999999;
	position:fixed;
	top:21px;
	right:var(--space-small);
	background:none;
}

.edizioni-btn .uniform-blur{
	-webkit-backdrop-filter: blur(3px);
	        backdrop-filter: blur(3px);
	 position: absolute;
  	z-index: 2;
	height: 100%;
	width: 100%;
	top:0;
	left:0;
}

.edizioni-btn .btn-bg{
	 position: absolute;
	z-index: 1;
	height: calc(100% - 10px);
	width: calc(100% - 10px);
	top:5px;
	left:5px;
}


.edizioni-btn span{
	display:inline-block;
	position:relative;
	z-index:9;
	font-family:'Dritto extended',sans-serif;
	font-size:var(--text);
	line-height:var(--text);
	text-transform:uppercase;
}

.on-desktop .edizioni-btn{
	cursor:pointer;
}

.on-desktop #edizioni-btn:hover,.on-edizioni #edizioni-btn{
	mix-blend-mode: difference;
	color:var(--white);
}

.on-desktop #edizioni-btn:hover .uniform-blur,.on-desktop #edizioni-btn:hover .btn-bg,.on-edizioni #edizioni-btn .uniform-blur,.on-edizioni #edizioni-btn .btn-bg{
	display:none;
}

@media screen and (max-width:767px){
	.edizioni-btn{
		padding: 12px 14px;
		top:4px;
	}
	
	.page-id-177 .edizioni-btn{
		right:28px;
	}


.edizioni-btn .btn-bg{
	height: calc(100% - 12px);
	width: calc(100% - 12px);
	top: 6px;
	left: 6px;
}


.edizioni-btn span{
	font-size:12px;
	line-height:12px;

}

}

.cat-list{
	width:141px;
	position:fixed;
	right:0;
	top:0px;
	padding: calc(var(--space-small) + 41px) 0 0 0;
	z-index:5;
	-webkit-transform:translate3d(100%,0,0);
	        transform:translate3d(100%,0,0);
	-webkit-transition:-webkit-transform .3s ease;
	transition:-webkit-transform .3s ease;
	-o-transition:transform .3s ease;
	transition:transform .3s ease;
	transition:transform .3s ease, -webkit-transform .3s ease;
	mix-blend-mode: difference;
}



.on-edizioni .cat-list{
	-webkit-transform:translate3d(0%,0,0);
	        transform:translate3d(0%,0,0);
}

.cat-list .uniform-blur{
	width:100%;
	height:100%;
	top:0;
	left:0;
}

.cat-list li{
	position:relative;
	z-index:3;
}

.cat-list_item{
	color:var(--white);
	text-align:left;
	width:100%;
	cursor:pointer;
	border:none;
	border-bottom:1px solid var(--white);
	padding:var(--space-min) 0;
	background:transparent;
	font-family:'Inter',sans-serif;
	font-size:20px;
	line-height:20px;
}

/*.on-desktop .cat-list_item:hover{
	opacity:0.4;
}*/

.cat-list_item.active{
	opacity:0.4;
}

.cat-list li:first-child .cat-list_item{
	border-top:1px solid var(--white);
}

.cat-list_item.active{
	pointer-events:none;
}

@media screen and (max-width:767px){
	.cat-list{
	width:102px;
	padding: calc(var(--space-small) + 35px) 0 0 0;
}
	
	.page-id-177 .cat-list{
	width:115px;
}

}


/* Footer
--------------------------------------------- */

#footer .site-info{
	position:relative;
	overflow:hidden;
}

#footer #footer-bg{
  width:100%;
  height:100%;
}


/* Navigation */

#footer .nav-wrap{
	position:absolute;
	top:55px;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack:justify;
	    -ms-flex-pack:justify;
	        justify-content:space-between;
	-ms-flex-wrap:wrap;
	    flex-wrap:wrap;
	width:var(--section-width);
	z-index:9;
	left:50%;
	-webkit-transform:translate3d(-50%,0,0);
	        transform:translate3d(-50%,0,0);
	font-weight:600;
}


#footer .footer-text,#footer .menu-item a{
	font-weight:700;
	font-size:var(--text);
	line-height:var(--text);
	text-decoration:none;
}

#footer .menu-item a{
	display:flex;
}

#footer .menu-item a svg{
	margin-left:5px;
	width:7px;
}

#footer .nav-wrap ul{
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-ms-flex-wrap:wrap;
	    flex-wrap:wrap;
	gap:0 var(--space-small);
}

.on-desktop #footer .nav-wrap ul a:hover{
	text-decoration:underline;
}

@media screen and (max-width:1440px){
		#footer .site-info{
	padding-top: 46px;
}

#footer .nav-wrap ul{
	max-width:340px;
	-webkit-box-pack:justify;
	    -ms-flex-pack:justify;
	        justify-content:space-between;
}

#footer .nav-wrap ul li{
	margin-bottom:5px;
}

#footer .nav-wrap ul li:nth-child(2){
	padding-right:36px;
}
}

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


#footer .nav-wrap ul{
	max-width:275px;
}

#footer .footer-text,#footer .menu-item a{
	font-size:12px;
	line-height:12px;
}

#footer .nav-wrap ul li:nth-child(2){
	padding-right:30px;
}

}

@media screen and (max-width:767px){
	
	
	#footer .menu-item a svg{
	margin-left:3px;
	width:5px;
}

	#footer .site-info{
	padding-top: 76px;
}

		#footer .site-info .wrap-col:first-child{
	padding-bottom: 5px;
}

	#footer .nav-wrap{
		top:30px;
		-webkit-box-orient:vertical;
		-webkit-box-direction:normal;
		    -ms-flex-direction:column;
		        flex-direction:column;
		-webkit-box-pack:start;
		    -ms-flex-pack:start;
		        justify-content:flex-start;
	}

#footer .nav-wrap ul{
	max-width:100%;
	width:100%;
}

#footer .nav-wrap ul li{
	width:calc(50% - var(--space-small));
}

#footer .nav-wrap ul li:nth-child(2),#footer .nav-wrap ul li:nth-child(4){
	text-align:right;
}

#footer .nav-wrap ul li:nth-child(2){
	padding-right:24px;
}

}


/* Gradient Blur */

.gradient-blur {
  position: absolute;
  z-index: 5;
  inset: auto 0 0 0;
  height: calc(100% + 150px);
  pointer-events: none;
	top:- var(--space-bigger);
	-webkit-transform:scale(1,-1);
	    -ms-transform:scale(1,-1);
	        transform:scale(1,-1);
}
.gradient-blur > div,
.gradient-blur::before,
.gradient-blur::after {
  position: absolute;
  inset: 0;
}
.gradient-blur::before {
  content: "";
  z-index: 1;
  -webkit-backdrop-filter: blur(5px);
          backdrop-filter: blur(5px);
  -webkit-mask: -webkit-gradient(
    linear,
    left top, left bottom,
    from(rgba(0, 0, 0, 0)),
    color-stop(8.5%, rgba(0, 0, 0, 1)),
    color-stop(25%, rgba(0, 0, 0, 1)),
    color-stop(37.5%, rgba(0, 0, 0, 0))
  );
  -webkit-mask: linear-gradient(
    to bottom,
    rgba(0, 0, 0, 0) 0%,
    rgba(0, 0, 0, 1) 8.5%,
    rgba(0, 0, 0, 1) 25%,
    rgba(0, 0, 0, 0) 37.5%
  );
          mask: -webkit-gradient(
    linear,
    left top, left bottom,
    from(rgba(0, 0, 0, 0)),
    color-stop(8.5%, rgba(0, 0, 0, 1)),
    color-stop(25%, rgba(0, 0, 0, 1)),
    color-stop(37.5%, rgba(0, 0, 0, 0))
  );
          mask: linear-gradient(
    to bottom,
    rgba(0, 0, 0, 0) 0%,
    rgba(0, 0, 0, 1) 8.5%,
    rgba(0, 0, 0, 1) 25%,
    rgba(0, 0, 0, 0) 37.5%
  );
}
.gradient-blur > div:nth-of-type(1) {
  z-index: 2;
  -webkit-backdrop-filter: blur(8px);
          backdrop-filter: blur(8px);
  -webkit-mask: -webkit-gradient(
    linear,
    left top, left bottom,
    color-stop(12.5%, rgba(0, 0, 0, 0)),
    color-stop(25%, rgba(0, 0, 0, 1)),
    color-stop(67.5%, rgba(0, 0, 0, 1)),
    color-stop(80%, rgba(0, 0, 0, 0))
  );
  -webkit-mask: linear-gradient(
    to bottom,
    rgba(0, 0, 0, 0) 12.5%,
    rgba(0, 0, 0, 1) 25%,
    rgba(0, 0, 0, 1) 67.5%,
    rgba(0, 0, 0, 0) 80%
  );
          mask: -webkit-gradient(
    linear,
    left top, left bottom,
    color-stop(12.5%, rgba(0, 0, 0, 0)),
    color-stop(25%, rgba(0, 0, 0, 1)),
    color-stop(67.5%, rgba(0, 0, 0, 1)),
    color-stop(80%, rgba(0, 0, 0, 0))
  );
          mask: linear-gradient(
    to bottom,
    rgba(0, 0, 0, 0) 12.5%,
    rgba(0, 0, 0, 1) 25%,
    rgba(0, 0, 0, 1) 67.5%,
    rgba(0, 0, 0, 0) 80%
  );
}
.gradient-blur > div:nth-of-type(2) {
  z-index: 3;
  -webkit-backdrop-filter: blur(4px);
          backdrop-filter: blur(4px);
  -webkit-mask: -webkit-gradient(
    linear,
    left top, left bottom,
    color-stop(25%, rgba(0, 0, 0, 0)),
    color-stop(37.5%, rgba(0, 0, 0, 1)),
    color-stop(50%, rgba(0, 0, 0, 1)),
    color-stop(62.5%, rgba(0, 0, 0, 0))
  );
  -webkit-mask: linear-gradient(
    to bottom,
    rgba(0, 0, 0, 0) 25%,
    rgba(0, 0, 0, 1) 37.5%,
    rgba(0, 0, 0, 1) 50%,
    rgba(0, 0, 0, 0) 62.5%
  );
          mask: -webkit-gradient(
    linear,
    left top, left bottom,
    color-stop(25%, rgba(0, 0, 0, 0)),
    color-stop(37.5%, rgba(0, 0, 0, 1)),
    color-stop(50%, rgba(0, 0, 0, 1)),
    color-stop(62.5%, rgba(0, 0, 0, 0))
  );
          mask: linear-gradient(
    to bottom,
    rgba(0, 0, 0, 0) 25%,
    rgba(0, 0, 0, 1) 37.5%,
    rgba(0, 0, 0, 1) 50%,
    rgba(0, 0, 0, 0) 62.5%
  );
}
.gradient-blur > div:nth-of-type(3) {
  z-index: 4;
  -webkit-backdrop-filter: blur(4px);
          backdrop-filter: blur(4px);
  -webkit-mask: -webkit-gradient(
    linear,
    left top, left bottom,
    color-stop(37.5%, rgba(0, 0, 0, 0)),
    color-stop(50%, rgba(0, 0, 0, 1)),
    color-stop(62.5%, rgba(0, 0, 0, 1)),
    color-stop(75%, rgba(0, 0, 0, 0))
  );
  -webkit-mask: linear-gradient(
    to bottom,
    rgba(0, 0, 0, 0) 37.5%,
    rgba(0, 0, 0, 1) 50%,
    rgba(0, 0, 0, 1) 62.5%,
    rgba(0, 0, 0, 0) 75%
  );
          mask: -webkit-gradient(
    linear,
    left top, left bottom,
    color-stop(37.5%, rgba(0, 0, 0, 0)),
    color-stop(50%, rgba(0, 0, 0, 1)),
    color-stop(62.5%, rgba(0, 0, 0, 1)),
    color-stop(75%, rgba(0, 0, 0, 0))
  );
          mask: linear-gradient(
    to bottom,
    rgba(0, 0, 0, 0) 37.5%,
    rgba(0, 0, 0, 1) 50%,
    rgba(0, 0, 0, 1) 62.5%,
    rgba(0, 0, 0, 0) 75%
  );
}
.gradient-blur > div:nth-of-type(4) {
  z-index: 5;
  -webkit-backdrop-filter: blur(8px);
          backdrop-filter: blur(8px);
  -webkit-mask: -webkit-gradient(
    linear,
    left top, left bottom,
    color-stop(50%, rgba(0, 0, 0, 0)),
    color-stop(62.5%, rgba(0, 0, 0, 1)),
    color-stop(75%, rgba(0, 0, 0, 1)),
    color-stop(87.5%, rgba(0, 0, 0, 0))
  );
  -webkit-mask: linear-gradient(
    to bottom,
    rgba(0, 0, 0, 0) 50%,
    rgba(0, 0, 0, 1) 62.5%,
    rgba(0, 0, 0, 1) 75%,
    rgba(0, 0, 0, 0) 87.5%
  );
          mask: -webkit-gradient(
    linear,
    left top, left bottom,
    color-stop(50%, rgba(0, 0, 0, 0)),
    color-stop(62.5%, rgba(0, 0, 0, 1)),
    color-stop(75%, rgba(0, 0, 0, 1)),
    color-stop(87.5%, rgba(0, 0, 0, 0))
  );
          mask: linear-gradient(
    to bottom,
    rgba(0, 0, 0, 0) 50%,
    rgba(0, 0, 0, 1) 62.5%,
    rgba(0, 0, 0, 1) 75%,
    rgba(0, 0, 0, 0) 87.5%
  );
}
.gradient-blur > div:nth-of-type(5) {
  z-index: 6;
  -webkit-backdrop-filter: blur(16px);
          backdrop-filter: blur(16px);
  -webkit-mask: -webkit-gradient(
    linear,
    left top, left bottom,
    color-stop(62.5%, rgba(0, 0, 0, 0)),
    color-stop(75%, rgba(0, 0, 0, 1)),
    color-stop(87.5%, rgba(0, 0, 0, 1)),
    to(rgba(0, 0, 0, 0))
  );
  -webkit-mask: linear-gradient(
    to bottom,
    rgba(0, 0, 0, 0) 62.5%,
    rgba(0, 0, 0, 1) 75%,
    rgba(0, 0, 0, 1) 87.5%,
    rgba(0, 0, 0, 0) 100%
  );
          mask: -webkit-gradient(
    linear,
    left top, left bottom,
    color-stop(62.5%, rgba(0, 0, 0, 0)),
    color-stop(75%, rgba(0, 0, 0, 1)),
    color-stop(87.5%, rgba(0, 0, 0, 1)),
    to(rgba(0, 0, 0, 0))
  );
          mask: linear-gradient(
    to bottom,
    rgba(0, 0, 0, 0) 62.5%,
    rgba(0, 0, 0, 1) 75%,
    rgba(0, 0, 0, 1) 87.5%,
    rgba(0, 0, 0, 0) 100%
  );
}
.gradient-blur > div:nth-of-type(6) {
  z-index: 7;
  -webkit-backdrop-filter: blur(32px);
          backdrop-filter: blur(32px);
  -webkit-mask: -webkit-gradient(
    linear,
    left top, left bottom,
    color-stop(75%, rgba(0, 0, 0, 0)),
    color-stop(87.5%, rgba(0, 0, 0, 1)),
    to(rgba(0, 0, 0, 1))
  );
  -webkit-mask: linear-gradient(
    to bottom,
    rgba(0, 0, 0, 0) 75%,
    rgba(0, 0, 0, 1) 87.5%,
    rgba(0, 0, 0, 1) 100%
  );
          mask: -webkit-gradient(
    linear,
    left top, left bottom,
    color-stop(75%, rgba(0, 0, 0, 0)),
    color-stop(87.5%, rgba(0, 0, 0, 1)),
    to(rgba(0, 0, 0, 1))
  );
          mask: linear-gradient(
    to bottom,
    rgba(0, 0, 0, 0) 75%,
    rgba(0, 0, 0, 1) 87.5%,
    rgba(0, 0, 0, 1) 100%
  );
}
.gradient-blur::after {
  content: "";
  z-index: 8;
  -webkit-backdrop-filter: blur(64px);
          backdrop-filter: blur(64px);
  -webkit-mask: -webkit-gradient(
    linear,
    left top, left bottom,
    color-stop(87.5%, rgba(0, 0, 0, 0)),
    to(rgba(0, 0, 0, 1))
  );
  -webkit-mask: linear-gradient(
    to bottom,
    rgba(0, 0, 0, 0) 87.5%,
    rgba(0, 0, 0, 1) 100%
  );
          mask: -webkit-gradient(
    linear,
    left top, left bottom,
    color-stop(87.5%, rgba(0, 0, 0, 0)),
    to(rgba(0, 0, 0, 1))
  );
          mask: linear-gradient(
    to bottom,
    rgba(0, 0, 0, 0) 87.5%,
    rgba(0, 0, 0, 1) 100%
  );
}


/*--------------------------------------------------------------
# Pages
--------------------------------------------------------------*/

	/* Home
	--------------------------------------------- */

.edition-template{
	z-index:0;
	position:fixed;
	width:100vw;
	height:100lvh;
	overflow-y:scroll;
	background:white;

}

.on-touch .edition-template{
	position:relative;
	width:100vw;
	height:auto;
	overflow-y:scroll;

}


.edizione section{
	text-align:left;
}


.edition-template.new{
	position:fixed;
	top:0;
	left:0;
	opacity:0;
	pointer-events:none;
	z-index:10;
}

.edition-template.active.prev.exit{
-webkit-animation: exit-p .6s ease forwards;
        animation: exit-p .6s ease forwards;
}

.edition-template.active.next.exit{
-webkit-animation: exit-n  .6s ease forwards;
        animation: exit-n  .6s ease forwards;
}

.edition-template.new.prev{
	-webkit-transform:translate3d(100vw,0,0);
	        transform:translate3d(100vw,0,0);
}

.edition-template.new.next{
	-webkit-transform:translate3d(-100vw,0,0);
	        transform:translate3d(-100vw,0,0);
}

.edition-template.new.move{
	opacity:1;
	-webkit-animation: move .6s ease forwards;
	        animation: move .6s ease forwards;
}

@-webkit-keyframes move{
	to{
		-webkit-transform:translate3d(0,0,0);
		        transform:translate3d(0,0,0);
	}
}

@keyframes move{
	to{
		-webkit-transform:translate3d(0,0,0);
		        transform:translate3d(0,0,0);
	}
}

@-webkit-keyframes exit-n{
	to{
		-webkit-transform:translate3d(100vw,0,0);
		        transform:translate3d(100vw,0,0);
	}
}

@keyframes exit-n{
	to{
		-webkit-transform:translate3d(100vw,0,0);
		        transform:translate3d(100vw,0,0);
	}
}

@-webkit-keyframes exit-p{
	to{
		-webkit-transform:translate3d(-100vw,0,0);
		        transform:translate3d(-100vw,0,0);
	}
}

@keyframes exit-p{
	to{
		-webkit-transform:translate3d(-100vw,0,0);
		        transform:translate3d(-100vw,0,0);
	}
}

/*-------------------- TEXT --------------------*/

.section-text strong{
	font-weight:700;
}

.section-text em{
	font-style:italic;
}

.section-text a{
	font-weight:400;
	text-decoration:underline;
	color:inherit;
}

.section-text ul{
	padding:var(--space-min) 0;
}

.section-text img{
	max-width:100px;
	height:auto;
}

/*-------------------- HERO --------------------*/


/* Main title */

.main-title-wrap{
	position: absolute;
	top: 50%;
	left: 50%;
	width: auto;
	height: auto;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack:center;
	    -ms-flex-pack:center;
	        justify-content:center;
	-webkit-box-align:center;
	    -ms-flex-align:center;
	        align-items:center;
	z-index:12;
	transform:translate3d(-50%,-50%,0);
}

.main-title-wrap .main-title{
	text-align:center;
}

.main-title-wrap a{
	text-decoration:none;
}

.on-touch .main-title-wrap{
	position: absolute;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 100svh;
	transform:translate3d(0%,0%,0);
	z-index:1;
}


/* MEDIA HERO  */

.media-hero{
	width:100%;
	height:100lvh;
	margin-bottom:var(--space-medium);
}

.media-hero img,.media-hero video{
	width:100%;
	height:100lvh;
	-o-object-fit:contain;
	   object-fit:contain;
	-o-object-position:center;
	   object-position:center;
}

.media-hero.full-screen img,.media-hero.full-screen video{
	-o-object-fit:cover;
	   object-fit:cover;
}



/* LETTERS */

section.letters{
  position:sticky;
  top:0;
  left:0;
  width:100%;
  height:100svh;
  z-index:2;
padding:0;
}

.on-touch section.letters{
	position:absolute;
}

.svg-wrap {
 	opacity:0;
	position:absolute;
	pointer-events:none;
}


.content.letters-content{
	width:calc(100vw - 700px);
	max-width:1200px;
  	margin:0 auto;
}

.on-touch .content.letters-content{
	margin-top:100svh;
}



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

.content.letters-content{
  	margin:0 var(--space-small);
}
}



/*-------------------- CONTENT --------------------*/

.content{
	position:relative;
  	z-index:10;
}

.content-anchor{
	position:absolute;
	top:80vh;
}


.content:not(.letters-content) .section-programma,.content:not(.letters-content) .section-partecipanti,.content:not(.letters-content) .section-intro,.content:not(.letters-content) .section-submission{
	width:var(--section-width);
	margin:0 auto;
}

@media screen and (max-width:767px){
	.content:not(.letters-content) .section-programma,.content:not(.letters-content) .section-partecipanti,.content:not(.letters-content) .section-intro,.content:not(.letters-content) .section-submission{
	width:90%;
	margin:0 5%;
}
	
	.content-anchor{
	top:70vh;
}
}


/*-------------------- INTRO --------------------*/

.section-intro{
	padding-bottom:var(--space-medium);
}

/*-------------------- PROGRAMMA --------------------*/

.section-programma{
	padding-bottom:var(--space-big);
}


.programma-wrap{
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-ms-flex-wrap:wrap;
	    flex-wrap:wrap;
	gap:var(--space-small);
}

.programma-col{
	width:calc(50% - 30px);
}


.programma-col .col-title{
	margin-bottom:var(--space-small);
}

.single-line{
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-ms-flex-wrap:nowrap;
	    flex-wrap:nowrap;
	margin-bottom:var(--space-min);
}

.single-line .line-col.label{
	font-weight:600;
	padding-right:var(--space-small);
	white-space:nowrap;
}

@media screen and (max-width:1440px){
	.programma-wrap{
		gap:0;
	}
	.programma-col{
		width:100%;
		margin-bottom:var(--space-medium);
	}
	.programma-col:last-child{
		margin-bottom:0;
	}

}


/*-------------------- LINEA --------------------*/

.line-space{
	width:100vw;
	height:1px;
	position:relative;
}

.letters-content .line-space{
	left:-350px;
}


/*-------------------- PARTECIPANTI --------------------*/

.section-partecipanti{
	padding-top:var(--space-big);
	padding-bottom:var(--space-bigger);
}

.section-partecipanti.on-gallery{
	padding-bottom:var(--space-bigger);
}

.partecipanti-group{
	margin-bottom:var(--space-big);
}

.partecipanti-group:last-child{
	margin-bottom:0;
}

.partecipanti-wrap{
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-ms-flex-wrap:wrap;
	    flex-wrap:wrap;
}

.partecipante{
	width:calc(50% - 30px);
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-ms-flex-wrap:nowrap;
	    flex-wrap:nowrap;
}


.partecipante:nth-child(odd){
	margin-right:var(--space-medium);
}


.partecipante .image-col{
	position:relative;
}

.partecipante .image-col img{
	height:240px;
	width:240px;
	-o-object-fit:cover;
	   object-fit:cover;
	-o-object-position:center;
	   object-position:center;
}

.partecipante .image-col .img-placeholder{
	height:240px;
	width:240px;
	opacity:.4;
}

.partecipante .image-col .name-placeholder{
	position:absolute;
	top:50%;
	left:50%;
	z-index:1;
	-webkit-transform:translate3d(-50%,-50%,0);
	        transform:translate3d(-50%,-50%,0);
	text-transform:uppercase;
	font-size:150px;
}

.partecipante .info-col{
	padding-right:var(--space-small);
	width:calc(100% - 240px);
}

.content.letters-content .partecipante .image-col{
	width:12.5vw;
	min-height: 12.5vw;
}

.content.letters-content .partecipante .image-col img{
	position:absolute;
	width:12.5vw;
	height:100%;
	min-height: 12.5vw;
}

.content.letters-content .partecipante .image-col .img-placeholder{
	position:absolute;
	width:12.5vw;
	height:100%;
	min-height: 12.5vw;
}

.content.letters-content .partecipante .info-col{
	width:calc(100% - 12.5vw);
}

.partecipante .name{
	margin-bottom:var(--space-min);
}

.partecipante .link-wrap{
	margin-bottom:var(--space-min);
}

.partecipante .link-item{
	opacity:.4;
}

.on-desktop .partecipante .link-item:hover{
	opacity:1;
}

.partecipante .link-item a{
	text-decoration:none;
}

.partecipante .link-item.first-link a{
	text-decoration:underline;
}



@media screen and (max-width:1440px){
.partecipante .image-col img,.partecipante .image-col .img-placeholder{
	height:180px;
	width:180px;
}

.partecipante .image-col .name-placeholder{
	font-size:110px;
}



.partecipante .info-col{
	width:calc(100% - 180px);
}
.partecipanti-wrap{
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
}

.partecipante:nth-child(odd){
	margin-right:0;
}

.partecipante{
	width:100%;

}


}

@media screen and (max-width:1024px){
	.partecipante .image-col{
	margin-bottom:var(--space-small);
width:180px;
}

.partecipante .info-col,
.content.letters-content .partecipante .info-col{
	width:100%;
}
.partecipanti-wrap{
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
}

.partecipante:nth-child(odd){
	margin-right:0;
}

.partecipante{
	width:100%;
	-webkit-box-orient:vertical;
	-webkit-box-direction:reverse;
	    -ms-flex-direction:column-reverse;
	        flex-direction:column-reverse;
margin-bottom:var(--space-small);
}

.partecipante:last-child{
margin-bottom:0;
}


.content.letters-content .partecipante .image-col{
	width:180px;
	height: 180px;
	min-height: 180px;
}

.content.letters-content .partecipante .image-col img,.content.letters-content .partecipante .image-col .img-placeholder{
	position:relative;
	width:180px;
	height:180px;
	min-height: 180px;
}


}


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

	.partecipante .image-col{
		width:160px;
	}

.content.letters-content .partecipante .image-col,.partecipante .image-col .img-placeholder{
	width:160px;
	height: 160px;
	min-height: 160px;
}

	.content.letters-content .partecipante .image-col img,.partecipante .image-col img,.content.letters-content .partecipante .image-col .img-placeholder{
	width:160px;
	height:160px;
	min-height: 160px;
}
}



/*-------------------- GALLERY --------------------*/


.gallery.ticker{
	height:65vh;
	overflow:hidden;
	margin-bottom:var(--space-bigger);
}


.gallery img,.gallery video{
	height:65vh;
	width:auto;
	-o-object-fit:contain;
	   object-fit:contain;
	-o-object-position:center;
	   object-position:center;
	max-width:100vw;
}

/* Container */

.ticker {
    margin: 0;
    padding: 0;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    display: inline-block;
  	background: transparent;
}

/* Wrapper */

.ticker-item {
  display: inline-block;
}

/* Single block */

.ticker-block{
    padding: 0;
    display: inline-block;
}

.ticker-text {
  	display:-webkit-box;
  	display:-ms-flexbox;
  	display:flex;
	-ms-flex-wrap:nowrap;
	    flex-wrap:nowrap;
}


/*-------------------- SUBMISSION --------------------*/


.main-title-wrap .blur-container{
	display:block;
	padding-bottom:17px;
}


.main-title-wrap .underline-title{
	width:100%;
	height:6px;
	z-index:1;
	position:absolute;
	bottom:5px;
	left:2px;
}

.main-title-wrap .uniform-blur{
	width:calc(100% + 10px);
	height:19px;
	bottom:-2px;
	left:-2px;
	top:auto;
}


@media screen and (max-width:1024px){
	.submission-wrap.main-title-wrap{
		top:calc(50vh - (51px / 2));
		left:0;
		width:100%;
		height:auto;
		transform:translate3d(0,0,0);
	}
}



@media screen and (max-width:767px){
.submission-wrap.main-title-wrap{
	top:calc(50vh - (43px / 2));
}
}

@media screen and (max-width:382px){
	.submission-wrap.main-title-wrap{
	top:calc(50vh - (69px / 2));
	width:65%;
	left:calc(35% / 2);
		
}
}


.section-submission{
	padding-bottom:var(--space-medium);
}

.section-submission:last-child{
	padding-bottom:var(--space-bigger);
}


/*-------------------- LOADER --------------------*/

#loader{
	position:fixed;
	top:50%;
	left:50%;
	width:240px;
	height:240px;
	-webkit-transform:translate3d(-50%,-50%,0);
	        transform:translate3d(-50%,-50%,0);
	z-index:9999999;
	pointer-events:none;
	opacity:0;
	mix-blend-mode:difference;
}

.on-load #loader{
	opacity:1;
}


/*-------------------- POLICY --------------------*/

.page-id-3 #edizioni-btn,.page-id-100 #edizioni-btn{
	display:none;
}

.policy{
	margin-top:var(--space-bigger);
	padding:0 10%;
}

.policy .section-text{
	max-width:1200px;
	margin:0 auto;
}

#cmplz-document{
	max-width:1200px;
  margin:0 auto;
}

.policy .section-text h2,.policy #cmplz-document h2{
	font-family:'Dritto Extended', sans-serif;
	margin:var(--space-medium) 0 var(--space-small);
	font-size:16px;
	line-height:22px;
	text-transform:uppercase;
	padding:0;
}

.policy .section-text p,.policy #cmplz-document p{
	font-family:'Inter', sans-serif;
	font-size:16px;
	line-height:22px;
}

.page-id-3 #footer ,.page-id-100 #footer{
	margin-top:var(--space-bigger);
}


.page-id-3 #footer #footer-bg,.page-id-100 #footer #footer-bg{
	background-color:var(--black);
}

.page-id-00 #cmplz-document,.page-id-100 .editor-styles-wrapper .cmplz-unlinked-mode{
	max-width:100%;
}



/*--------------------------------------------------------------
# Plugins
--------------------------------------------------------------*/

/* Cookie banner */

#cmplz-cookiebanner-container .cmplz-message{
	text-align:center;
  line-height:14px;
width:auto;
}

#cmplz-cookiebanner-container .cmplz-cookiebanner{
	left:auto;
	right:50%;
  	transform:translate3d(50%,0,0);
	width:350px;
	min-width:350px;
	bottom:20px;
	z-index:9999999;
	opacity:1;
}

#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-accept{
	height:auto;
  	width:auto;
  font-size:var(--text-small);
  line-height:var(--text-small);
  padding: 5px 15px;
    margin: 0 auto;
}


#cookie-notice .cookie-notice-container{
	padding:20px;
	border:2px solid var(--black);
}

#cookie-notice .cn-text-container{
	margin-bottom:15px;
	font-family: 'Inter', sans-serif;
	font-weight:400;
	font-size:12px;
}



#cookie-notice a.cn-button{
	font-family: 'Inter', sans-serif;
	font-weight:500 !important;

}


@media screen and (max-width:767px){
#cmplz-cookiebanner-container .cmplz-cookiebanner{
		left:20px;
		right:20px;
		width:calc(100% - 40px);
		min-width:350px;
		bottom:20px;
  		transform:translate3d(0%,0,0);
	}
}



/*--------------------------------------------------------------
# Utilities
--------------------------------------------------------------*/

/* Accessibility
--------------------------------------------- */

/* Text meant only for screen readers. */
.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	-webkit-clip-path: inset(50%);
	        clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important;
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	-webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	        box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	-webkit-clip-path: none;
	        clip-path: none;
	color: #21759b;
	display: block;
	font-size: 0.875rem;
	font-weight: 700;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000;
}

/* Do not show the outline on the skip link target. */
#primary[tabindex="-1"]:focus {
	outline: 0;
}