:root {
	--ultralightcolor: hsl(10, 95%, 93%);
	--mediumlightcolor: hsl(10, 90%, 72%);
	--maincolor: hsl(10, 82%, 49%); /* #e63a14 */
	--darkcolor: hsl(10, 90%, 38%);
	--ultradark: hsl(10, 95%, 24%);
	--complementarcolor: hsl(200, 85%, 45%);
}
body { font-family: 'Outfit', sans-serif;font-size:110%; margin: 0; padding: 0; }
header h1 {margin:0; padding:0}
a {  text-decoration: none;color: var(--darkcolor); }


a:hover { text-decoration: none;}
nav#menu-header {display:none;}
#header-wrapper .submenu {display:none;}
.onlydesktop {display: none;}
.onlymobile { display: block;}

#mobile .circleburger .menu-container,#mobile .circleburger .menu  {background:var(--ultradark); box-shadow: 0 0 0 0 var(--ultradark), 0 0 0 0 var(--ultradark); z-index: 205;}
#mobile .circleburger .menu.open {box-shadow: 0 0 0 100vw var(--ultradark), 0 0 0 100vh }
#mobile .circleburger .open-menu-link {background: var(--darkcolor);}
/*.awefont { font-family: 'Outfit', sans-serif; }*/
.mind-oc-boxhp h3.titolo  { font-family: 'Outfit', sans-serif;}

.titolopagina, .mind-oc-item h1 {font-family: 'Outfit', sans-serif;color: var(--darkcolor);  padding:6px 12px; text-transform: uppercase; line-height: 1.5; max-width: 1440px; margin: 0 auto;}

h4 { font-size: 100%; text-transform: uppercase; }

#header-wrapper {background: var(--darkcolor);  position:relative; overflow:hidden}

#header-wrapper.ishome {height: 700px;}
#header-wrapper.nothome {height: 200px;}

header {position: absolute; top:0; left: 0; width: 100%;height: 100%;}

.bgslider {position:absolute; z-index:2; top:0; left: 0;}
#header-container {max-width: 1440px; margin: 0 auto; height: 100%; z-index: 101; position: relative;}
#claim {z-index: 102; position: absolute; bottom: 12px; width:100%;max-width: 800px; left:50%; right:50%; transform:translateX(-50%); text-align: center;}
#claim .scritta {max-width: 600px; padding:0 40px; box-sizing: border-box; margin-top: -30px;}
/*header {animation-name: filterheader; animation-duration: 10s;animation-iteration-count: infinite; background:rgba(255, 255, 255, 0);}
*/
#social-nav {flex: 0 0 100%;   display: flex; justify-content: flex-end; align-items: flex-end; flex-wrap: wrap; padding: 0 0 6px 0;}
.social {flex: 0 0 100%; display: flex; justify-content: flex-end; margin: 4px 8px}
#socialicon_rss, #socialicon_tw, #socialicon_yt, #socialicon_fb, #socialicon_in, #socialicon_li , #english_pres {display:block;	width: 30px; height: 30px; filter: grayscale(0); opacity: 1; margin: 0 5px 0 0; transition: all .20s ease-in-out;}

.socialicon_rss {background: transparent url(/layout/asvis/img/social/rss.svg) center center no-repeat;background-size: contain; }
.socialicon_tw {background: transparent url(/layout/asvis/img/social/tw.svg) center center no-repeat;background-size: contain; }
.socialicon_in {background: transparent url(/layout/asvis/img/social/insta.svg) center center no-repeat;background-size: contain;}
.socialicon_li {background: transparent url(/layout/asvis/img/social/in.svg) center center no-repeat;background-size: contain;}

.socialicon_fb {background: transparent url(/layout/asvis/img/social/fb.svg) center center no-repeat;background-size: contain; }
.socialicon_yt {background: transparent url(/layout/asvis/img/social/yt.svg) center center no-repeat;background-size: contain; }

#socialicon_rss:hover,#socialicon_fb:hover, #socialicon_tw:hover, #socialicon_yt:hover, #socialicon_in:hover, #socialicon_li:hover, #english_pres:hover {filter: grayscale(100%);  }

#english_pres {background: transparent url(/layout/asvis/img/social/eng.svg) center center no-repeat; background-size: contain; width: 29px; height: 29px }

#search { text-align: center; width: 150px; margin: 0 auto;}
#search input { background:transparent; border:1px solid #eee; color:#fff; padding:5px; width:100px;  float:left}
#search .buttonsearch  { border:0; background: transparent url(/layout/asvis/img/social/search.svg) center center no-repeat; width:30px; height:20px; float:left}
#search .buttonsearch span, #search label { display:none}

#searchicon { margin-top:-1px !important}
#searchicon input[type='text'] { width:26px !important; height: 26px  !important;}

.payoff { width: 100%; clear: left; margin:0; position: absolute;}
.payoff img { width: 100%; margin:0; }
.payoff span{ display: none; }
.payoff .l_desktop {display: none;}
#payoffbox {clear:left; width: 100%; padding-bottom: 33.3333%; float: left; }

#logo23 a{filter: drop-shadow( 4px 4px 4px rgba(0, 0, 0, .7)); float: left; background: transparent url("/layout/asvis/img/festival2026.svg") no-repeat scroll bottom center;display:block; width: 200px; height: 100px;margin:32px 20px 20px 20px; background-size: 100%;transition-duration: 0.6s;}

.responsive-menu {z-index:10000 !important}
.hamburgher-menu .menu-title { background:var(--darkcolor) }
.responsive-menu a {text-transform: uppercase; font-family: 'Oswald'; font-weight: normal;color:#576b7b !important}
.responsive-menu a:hover {color:#000 !important; text-decoration: none;}



#content-wrapper { background:transparent; min-height: 300px} /*margin-top: 10px; */

aside .menu ul, aside .menu li {list-style-type: none; margin:0; padding:0 }
aside .menu a { display: block; margin: 10px 10px 10px 0; padding: 10px;background-color:#28131a; color:#fff;text-shadow: 1px 1px 3px rgba(0, 0, 0, 1); font-size:1.05rem; text-transform: uppercase; }
aside .menu a:hover { text-decoration: none; background-color:var(--darkcolor) !important;  color:#fff;}
aside .menu a.selected { position: relative;	background:var(--maincolor); color:#fff; }
aside .menu a.selected:after {	right: 0;	top: 50%;	border: solid transparent;	content: " ";	height: 0;	width: 0;	position: absolute;	pointer-events: none;
	border-color: rgba(222, 240, 251, 0);	border-right-color: #fff; 	border-width: 12px;	margin-top: -12px; }

.mind-oc-3 a {margin:0 10px 0 0}

#goals-wrapper { max-width:100%}
.boxhp .descrizione, .news .descrizione{font-style: italic;}

/*footer*/
#footer-wrapper .logo a {display:block; width: 195px; height: 110px;  background: transparent url("/plugins/slir/-w600/layout/asvis/img/logo-asvis-alleanza-italiana-per-lo-sviluppo-sostenibile-white-shadow.png") no-repeat scroll center center; margin: 0 auto; padding: 0; background-size: 100%;}
#footer-wrapper { background:var(--ultradark);text-shadow: 1px 1px 3px rgba(0, 0, 0, 1);  }
#footer-container {max-width: 1440px; margin: 0 auto;}
.foo-social {flex: 0 0 100%; display: flex; justify-content: flex-end; padding: 12px 0}
.foo-social .socialicon_rss, .foo-social .socialicon_tw, .foo-social .socialicon_yt, .foo-social .socialicon_fb, .foo-social .socialicon_in, .foo-social #socialicon_li, .foo-social .english_pres { border: 1px #758597 solid; border-radius: 50%; opacity: 1; transition: all .1s ease; width: 30px; height: 30px; margin: 0 5px 0 0;}
.foo-social .socialicon_rss:hover, .foo-social .socialicon_tw:hover, .foo-social .socialicon_yt:hover, .foo-social .socialicon_fb:hover, .foo-social .socialicon_in:hover, .foo-social #socialicon_li:hover, .foo-social .english_pres:hover {filter: brightness(130%)}
#subfooter-wrapper { color:#fff; padding:10px;text-shadow: 1px 1px 3px rgba(0, 0, 0, 1);}
#foo-map {text-align: center; padding-bottom: 24px;}
#foo-map a {display: inline-block; color: #fff; font-size: 0.9em; padding: 0 12px;}
.ccommon img {width: 80px; padding-top: 16px;}

/**/

/* TOGLI FOTO DA PERSONE EVENTI */
.mind-cal-item .persona_img { display: none;}
.mind-cal-item .linkimgnews { margin:0}

#subfooter-wrapper {color:#ddd;}
#prefooter-container h2 { color:#000; padding-left:10px;}

#mind-rel-eventpersone-title:before { content:'Partecipanti'}
#mind-rel-personecal-title:before { content:'Eventi correlati'}
		.titoletto {font-weight: bold; color:#000; padding-top: 15px;}
		.hr { border: 0; height: 1px; background:#888;margin-top: 2px;}
#mind-rel-eventpersone-title,#mind-rel-personecal-title { clear: both;}

.box-titolo-grande h3.titolo { text-align: center;padding: 5px 0 4px 3px;}

.btnsubmit {border-radius: 4px; background: var(--darkcolor); color:#fff; border:none }
.btnsubmit:hover {background: var(--maincolor); }

/* partner - titles  */
.mind-oc-277 .slide-wrapper { border-top:1px dotted #999; color:#999}
.title-cols {font-size: 80%; }
.mind-oc-277 .title-col1:before {content: 'PARTNER'}
.mind-oc-277 .title-col2:before {content: 'PARTNER'}
.mind-oc-277 .title-col3:before {content: 'PARTNER'}
.mind-oc-277 .title-col4:before {content: 'PARTNER'}
.mind-oc-277 .title-col5:before {content: 'MEDIA PARTNER'}
.mind-oc-277 .title-col6:before {content: 'OFFICIAL GREEN CARRIER'}

.mind-oc-82 .slide-wrapper { border-top:1px dotted #999; color:#999}
.title-cols {font-size: 80%; }
.mind-oc-82 .title-col1:before {content: 'PARTNER ISTITUZIONALI'}
.mind-oc-82 .title-col2:before {content: 'PARTNER ISTITUZIONALI'}
.mind-oc-82 .title-col3:before {content: 'PARTNER ISTITUZIONALI'}
.mind-oc-82 .title-col4:before {content: "NELL' AMBITO DI"}
/* .mind-oc-82 .title-col4:before {content: 'OFFICIAL GREEN CARRIER'} */
.mind-oc-82 .title-col5:before {content: 'IN COLLABORAZIONE CON'}
.mind-oc-82 .title-col6:before {content: 'IN COLLABORAZIONE CON'}

/* partner - titles  */

.contributo { display: flex; flex-direction:column; padding:20px 0; justify-content:center; align-items:center; max-width: 700px; margin: 0 auto;border-top:1px dotted #999;}

.mind-canali > span { width: 48px; height:48px; display: inline-block;}
.mind-canali .canale_dintorni {display:none}
.mind-canali .canale_agenda2030 {background: #fff url(/plugins/slir/-w44-h44/layout/asvis/img/icon/smalltile.png) center center no-repeat;}
.mind-canali .canale_goal1 {background: #e5243b url(/layout/asvis/img/sdg_small/sdg1.png) center center no-repeat;}
.mind-canali .canale_goal2 {background: #dda63a url(/layout/asvis/img/sdg_small/sdg2.png) center center no-repeat;}
.mind-canali .canale_goal3 {background: #4c9f38 url(/layout/asvis/img/sdg_small/sdg3.png) center center no-repeat;}
.mind-canali .canale_goal4 {background: #c5192d url(/layout/asvis/img/sdg_small/sdg4.png) center center no-repeat;}
.mind-canali .canale_goal5 {background: #ff3a21 url(/layout/asvis/img/sdg_small/sdg5.png) center center no-repeat;}
.mind-canali .canale_goal6 {background: #26bde2 url(/layout/asvis/img/sdg_small/sdg6.png) center center no-repeat;}
.mind-canali .canale_goal7 {background: #fcc30b url(/layout/asvis/img/sdg_small/sdg7.png) center center no-repeat;}
.mind-canali .canale_goal8 {background: #a21942 url(/layout/asvis/img/sdg_small/sdg8.png) center center no-repeat;}
.mind-canali .canale_goal9 {background: #fd6925 url(/layout/asvis/img/sdg_small/sdg9.png) center center no-repeat;}
.mind-canali .canale_goal10 {background: #dd1367 url(/layout/asvis/img/sdg_small/sdg10.png) center center no-repeat;}
.mind-canali .canale_goal11 {background: #fd9d24 url(/layout/asvis/img/sdg_small/sdg11.png) center center no-repeat;}
.mind-canali .canale_goal12 {background: #bf8b2e url(/layout/asvis/img/sdg_small/sdg12.png) center center no-repeat;}
.mind-canali .canale_goal13 {background: #3f7e44 url(/layout/asvis/img/sdg_small/sdg13.png) center center no-repeat;}
.mind-canali .canale_goal14 {background: #0a97d9 url(/layout/asvis/img/sdg_small/sdg14.png) center center no-repeat;}
.mind-canali .canale_goal15{background: #4dbc20 url(/layout/asvis/img/sdg_small/sdg15.png) center center no-repeat;}
.mind-canali .canale_goal16 {background: #00689d url(/layout/asvis/img/sdg_small/sdg16.png) center center no-repeat;}
.mind-canali .canale_goal17 {background: #19486a url(/layout/asvis/img/sdg_small/sdg17.png) center center no-repeat;}

.canale_goal1 h4 {color: #e5243b !important}
.canale_goal1 .content > div:nth-of-type(1) {border-top:3px solid #e5243b !important}
.canale_goal2 h4 {color: #dda63a !important}
.canale_goal2 .content > div:nth-of-type(1) {border-top:3px solid #dda63a !important}
.canale_goal3 h4 {color: #4c9f38 !important}
.canale_goal3 .content > div:nth-of-type(1) {border-top:3px solid #4c9f38 !important}
.canale_goal4 h4 {color: #c5192d !important}
.canale_goal4 .content > div:nth-of-type(1) {border-top:3px solid #c5192d !important}
.canale_goal5 h4 {color: #ff3a21 !important}
.canale_goal5 .content > div:nth-of-type(1) {border-top:3px solid #ff3a21 !important}
.canale_goal6 h4 {color: #26bde2 !important}
.canale_goal6 .content > div:nth-of-type(1) {border-top:3px solid #26bde2 !important}
.canale_goal7 h4 {color: #fcc30b !important}
.canale_goal7 .content > div:nth-of-type(1) {border-top:3px solid #fcc30b !important}
.canale_goal8 h4 {color: #a21942 !important}
.canale_goal8 .content > div:nth-of-type(1) {border-top:3px solid #a21942 !important}
.canale_goal9 h4 {color: #fd6925 !important}
.canale_goal9 .content > div:nth-of-type(1) {border-top:3px solid #fd6925 !important}
.canale_goal10 h4 {color: #dd1367 !important}
.canale_goal10 .content > div:nth-of-type(1) {border-top:3px solid #dd1367 !important}
.canale_goal11 h4 {color: #fd9d24 !important}
.canale_goal11 .content > div:nth-of-type(1) {border-top:3px solid #fd9d24 !important}
.canale_goal12 h4 {color: #bf8b2e !important}
.canale_goal12 .content > div:nth-of-type(1) {border-top:3px solid #bf8b2e !important}
.canale_goal13 h4 {color: #3f7e44 !important}
.canale_goal13 .content > div:nth-of-type(1) {border-top:3px solid #3f7e44 !important}
.canale_goal14 h4 {color: #0a97d9 !important}
.canale_goal14 .content > div:nth-of-type(1) {border-top:3px solid #0a97d9 !important}
.canale_goal15 h4 {color: #4dbc20 !important}
.canale_goal15 .content > div:nth-of-type(1) {border-top:3px solid #4dbc20 !important}
.canale_goal16 h4 {color: #00689d !important}
.canale_goal16 .content > div:nth-of-type(1) {border-top:3px solid #00689d !important}
.canale_goal17 h4 {color: #19486a !important}
.canale_goal17 .content > div:nth-of-type(1) {border-top:3px solid #19486a !important}

.tooltip { font-size: 80%; color: #666; padding-bottom: 4px; border-bottom:1px dotted #ccc; margin:0 4px}

#header-wrapper .v-container {
    height: 100%;
    width: 100%;
    position: relative;
}

#header-wrapper .v-container video {
  width: 100%;
  height: 100%;
  position: absolute;
  object-fit: cover;
  z-index: 0;
}


@media (min-width: 600px){ 
	/* #header-wrapper {height: 355px; background: var(--darkcolor) url("/layout/asvis/img/basefestival/sun_1920.jpg") center center no-repeat;} */
	.contributo { display: flex; flex-direction:row; align-items:center;margin:0 0 8px 0;}
	.cont-frase { flex:1 0 130px;  padding:30px 20px; box-sizing: border-box;max-width:400px}
	.cont-slider { flex: 1 0 400px;max-width:400px  }
	#footer-container { display: flex; flex-wrap: wrap;  justify-content: space-between; }
	#footer-container .logo { flex: 0 0 30%; }
	#footer-container .foo-social { flex: 0 0 70%; }
}

@media (min-width: 980px){ 
	.payoff .l_mobile {display: none;}
	.payoff .l_desktop {display: block;}
	.onlydesktop {display: block; }
	.onlymobile {display:none}
	.imgbox {max-width:1440px; margin:0 auto}
	 /* #claim {margin-top:-120px;}  */
	#claim img { width:100%}
	#header-wrapper.ishome { position:relative}
	#footer-wrapper .logo a {margin:0;}
	#subfooter-wrapper { padding: 20px 0}
	#footer-wrapper {  padding:0  }
	nav#mobile { display:none; }

	#header-container { position:relative;	}
	nav#menu-header {position:absolute; top:0 ; right:12px; z-index: 205; display: block; height: 60px;font-size: 70%; }
	#menu-header .navbar-nav li a { color:#fff; text-shadow:0px 0px 8px rgba(0, 0, 0, 0.7);}
	#menu-header .navbar-nav > li {background:var(--darkcolor);}
	#menu-header .navbar-nav {margin-left: 0;padding-left: 0; }
	/*colori dropdown menu*/
	#menu-header .dropdown .dropdown-menu {background:var(--ultradark) !important; }
	#menu-header .nav-item .dropdown-menu.active .arrow { border-bottom: 15px solid var(--ultradark) !important;}
	#menu-header .dropdown .dropdown-menu .dropdown-item {color: #fff !important;}
	#menu-header .dropdown .dropdown-menu .dropdown-item:hover {    background: var(--color-a-300);  }
	#menu-header .dropdown .dropdown-menu .dropdown-item.dropdown-item-liv2:hover {background: var(--color-b-100);}
	#menu-header .dropdown .dropdown-menu .dropdown-item.open {background: var(--color-a-200);}
	#menu-header .dropdown .dropdown-menu .dropdown-item.dropdown-item-liv2.open { background: var(--color-a-200);}
	#menu-header .dropdown-menu .box-liv2 { background: var(--color-a-200); }
	#menu-header .btn-toggle-liv2 i { color: #fff;}
/*colori dropdown menu*/



	header  ul, header  li { display: inline;}
	header .menu a {  padding:22px 6px 6px 6px;  color:#fff; margin-right:4px; transition-duration: 0.4s; font-size:0.9em; text-transform: uppercase;
		text-shadow: 0 3px 6px rgba(33,13,34,1); display: inline-block;background: rgba(95, 90, 102, 0.29);;}
	header .menu a:hover { text-decoration: none;  transition-duration: 0.6s; background:rgba(33,13,33,0.9);}
	header .submenu a {  padding:6px 6px 22px 6px; }
	/* GESTIONE COLONNA SX*/
	#content-container { display:flex }	
	aside {flex-grow: 0;flex-basis: 220px; order: 1;padding-top:46px;padding-right: 10px; }
	main {flex-grow: 1;flex-basis: 0;order: 2; }
}

@media (min-width: 1080px){ 
	header  .menu a {   padding:22px 12px 12px 12px; }
	header .submenu a {  padding:12px 12px 22px 12px; }
	#footer-wrapper .logo a { width: 220px; height: 130px;}
}

@media (min-width: 1180px){ 
	nav#menu-header {font-size: 90%; }
	/* #header-wrapper { background: var(--darkcolor) ; background-size: 100%;} */
	#logo23 a { width:250px; height: 150px;}
	header  .menu a {  font-size:1em; }
}
@media (min-width: 1440px){ 
	nav#menu-header {font-size: 100%; }

	.payoff .onlydesktop {min-height: 580px;max-height: 100vh;overflow: hidden;}
	/* #header-wrapper.ishome {padding-bottom:100vh; overflow: hidden;} */
	#logo23 a {margin-top:20px; width: 300px;}
}

	
/**/
@keyframes filterheader {
	0%   { background:rgba(255, 255, 255, 0.2);  }
	1%   { background:rgba(255, 255, 255, 0.4);  }
	20% {background:rgba(255, 255, 255, 0.5); }
	30% {background:rgba(255, 255, 255, 0.4); }
	40% {background:rgba(255, 255, 255, 0.3); }
	50% {background:rgba(255, 255, 255, 0.5); }
	60% {background:rgba(255, 255, 255, 0.7); }
	70% {background:rgba(255, 255, 255, 0.6); }
	80% {background:rgba(255, 255, 255, 0.5); }
	90% {background:rgba(255, 255, 255, 0.4); }
	100% {background:rgba(255, 255, 255, 0.2) }
}
/* GESTIONE vista NEWS per TOKEN
.mind-flex-wrapper .mind-oc-item .mind-oc-news .eldesc { display:none }
.mind-flex-wrapper .mind-oc-item .mind-oc-news h3 { font-size: 100%; font-weight:normal }
.mind-flex-wrapper .mind-oc-item .mind-oc-news a.linkimgnews div { width:80px !important;  height:40px !important;  }
.mind-flex-wrapper .mind-oc-item .mind-oc-news a.linkimgnews { padding:0;border:0;  }
.mind-flex-wrapper .mind-oc-item .mind-oc-news .mind-oc-item { padding:0 } */