/*
	Theme Name: BISCOTTODELLAFORTUNA
	Theme URI:  BISCOTTODELLAFORTUNA
	Description:  BISCOTTODELLAFORTUNA
	Version: 1
	Author: NEUE MILANO
	Author URI: neuemilano.com
	Tags: Blank, HTML5, CSS3
*/


/*------------------------------------*\
    MAIN
\*------------------------------------*/

@font-face {
    font-family: 'europa_grotesk_shbold';
    src: url('fonts/europa-grotesk-sh-bold-webfont.woff2') format('woff2'),
         url('fonts/europa-grotesk-sh-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

:root {
    --nero: #000000;
    --rosso:#f00;
}


html, body {

  width: 100%;       /* <=== AGGIUNGI QUESTO */
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
}

body#homepage main{
		height: 100dvh;
}

body#page.mati-fortuna {
    background: #fff;
	 display: flex;
      flex-direction: column;
      height: 100dvh;
}

/* global box-sizing */
*,
*:after,
*:before {
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	-webkit-font-smoothing:antialiased;
	font-smoothing:antialiased;
	text-rendering:optimizeLegibility;
}
/* html element 62.5% font-size for REM use */


body {
	font-family: 'europa_grotesk_shbold';
	text-transform: uppercase;
	font-optical-sizing: auto;
	-webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	background:#fff;
	margin:0px; padding:0px;
    position: relative;
	color: var(--rosso)
}


body p, body, h1, h2, h3 {
	margin-top: 0px;
    padding-top: 0px; 
	font-size: 16px;
    line-height: 20px;
}


.flexbox {
 flex-grow: 1;
  display: flex;
  flex-direction: column;
  overflow: auto;
  width: 100%;     
}

main#content {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  width: 100%;
}

body#homepage main#content {
	justify-content: center;
	position: relative;
}

body#single main#content {
	justify-content:flex-start;
	height: auto;
	padding-bottom: 22px;
}

#main_content {
  flex-grow: 1;
}


body #menu ul li {
    padding-bottom: 0px;
}


.wp-block-image {
    max-width: 415px;
    margin: auto;
}

body#single.mati_fortuna .wp-block-image {
	max-width: 800px;
}


#intro{
	 height: 100dvh; 
	width: 100%; 
	background:var(--rosso);
	display: flex;
	align-items: center;      /* Allineamento verticale */
	justify-content: center;  /* (opzionale) Allineamento orizzontale */
	overflow: hidden;
 
}
.biscottino{
    max-width: 100px;
}
body:not(.intro--on).intro--off #intro img {
    opacity: 0;
    transition: all 800ms 
cubic-bezier(0.54, 0, 0.24, 1);
}



body.show_intro.intro--on {
    overflow-y: hidden;
    pointer-events: none;
}



body:not(.intro--on).intro--off #intro{
	overflow: hidden;
	height: 0px;
   transition: all 800ms cubic-bezier(0.54, 0, 0.24, 1);
   background: #000;
}

body:not(.intro--on).intro--off #intro h2{
color: #000;
}





.box_flexbox.box_v_align{
	flex-direction: column;
	justify-content: center !important;
}



a{
	color:#000;
	cursor: pointer;
	text-decoration:none
}


.box_v_align{
	opacity: 1;
}



#menu_mob a, header ul li, .event.box_flexbox a,
#moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content button.mgbutton,
#moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content button.mgbutton.moove-gdpr-infobar-reject-btn {
    display: inline-block;
	text-align: center;
	color:var(--rosso);
	font-size: 25px;
	line-height: 18px;
	letter-spacing: 1px;
	background: rgba(255, 255, 255, 0.50);
    backdrop-filter: blur(15px);
   padding: 5px 40px;
}
header ul li a,
#menu_mob a{
  	color:var(--rosso);
}

header ul li:hover,
.event.box_flexbox a:hover {
	background: var(--rosso);
	backdrop-filter: none;
}

header ul li:hover a,
.event.box_flexbox a:hover,
.after_fortuna header ul li:hover a,
.after_fortuna .event.box_flexbox a:hover{
    color: #fff;
}

.after_fortuna header ul li:hover, 
.after_fortuna .event.box_flexbox a:hover {
		background: transparent;
		
}






header ul{
	padding: 0px;
	margin: auto;
	text-align: center;
}

header{
	padding: 7px 0px;
    display: flex;
    align-items: center;
    text-align: center;
    justify-content: center;
    flex-direction: column;
    gap: 7px;
	width: 100%;
	position:fixed;
	z-index: 1;
}


#homepage header{
	position: absolute;
	top: 0px;
}


.elenco_projs .box_flexbox{
	width: 100vw;
	flex-direction: column;	
}


  .hidden {
	display: none;
  }



ul.project_link{
    list-style: none;
    padding: 0px;
    margin: 0px;
}

ul.project_link li{
	text-align: center;
}


 .box_content.elenco_projs{
	  height:100dvh;
 }

  .box_content.elenco_projs ul li {
    height: 50dvh;
  }


 

  .box_content.elenco_projs ul li a{
    display: flex;
  flex-direction: column; /* mantiene p + h2 + p uno sotto l’altro */
  justify-content: center;
  align-items: center;
  height: 100%; /* importante se l’li ha un’altezza */
  text-align: center;
  width:100%
  }

  .event p,
  #page p,
  #single p {
    padding: 0px;
    margin: 0px;
    font-size: 25px;
    font-weight: 400;
    font-family: 'europa_grotesk_shbold';
    letter-spacing: 1px;
    line-height: 100%;
	color:var(--rosso);
}

#page p a{
	color:var(--rosso);
}

#page p a:hover{
	color: rgb(255 0 0 / 50%);
}

.event h2,
#page h2,
#single h2,
#intro h2 {
	    line-height: 60px!important;
    font-size: 80px;
	   font-family: 'europa_grotesk_shbold';
	   letter-spacing: 1.6px;
    line-height: 80px;
    color: var(--rosso);
    font-weight: bold;
}

#intro h2{
	color:#fff;
	text-align: center;
	   transition: color 800ms cubic-bezier(0.54, 0, 0.24, 1);

}


#single .wp-block-group.info {
    padding-top: 30vh;
}

main#content .wp-block-group p {
    max-width: 90%;
    margin: auto;
}

main#content .wp-block-group p.text_s {
    max-width: 55%;
    margin: auto;
    font-size: 15px;
    line-height: 15px;
}


 .box_content.elenco_projs ul li:hover,
.after_fortuna main#content,
.list_project .project_link .box_flexbox.hover {
	background:var(--rosso);
  }

   .box_content.elenco_projs ul li:hover p, 
    .box_content.elenco_projs ul li:hover h2,
	.after_fortuna main#content .event p,
	.after_fortuna main#content .event h2,
	.after_fortuna main#content p, 
	.after_fortuna main#content h2,
	.list_project .project_link .box_flexbox.hover h2,
	.list_project .project_link .box_flexbox.hover p
	{
		color:#fff
	}


	.wp-block-group.talent {
    padding-top: 10px;
}

h1,h2,h3{
	padding: 0px;
	margin: 0px;
}

section#content_area .event {
	position: relative;
    width: 100%;
    height: 100dvh;
    flex-direction: column;
}

.event.box_flexbox a#scroll_event {
    position: absolute;
    bottom: 10px;
	 transition: bottom 300ms cubic-bezier(0.54, 0, 0.24, 1);
}

body.gdpr-infobar-visible a#scroll_event{
     bottom: 50px!important;
}

#menu_mob{
	display: none;
}


.accordion {
 overflow: hidden;
}



.accordion-header {
  width: 100%;
  background:none;
  text-align: center;
  border: none;
  cursor: pointer;
}

.accordion-content {
  max-height: 0;
  overflow: hidden;
  transition: max-height 800ms cubic-bezier(0.54, 0, 0.24, 1);
}

.accordion-content {
  max-width: 500px;
    margin: auto;
}


	
/*** COOKIE BANNER ***/
#moove_gdpr_cookie_info_bar {
    min-height: 30px !important;
	z-index: 3!important;
}

.show_intro #moove_gdpr_cookie_info_bar {
    opacity: 0;
}

#moove_gdpr_cookie_info_bar {
	opacity: 1;
	transition: all 0.3s cubic-bezier(0.1, 0.68, 0.26, 1)!important;
}


#moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content .moove-gdpr-cookie-notice p,
#moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content a.mgbutton, #moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content button.mgbutton{
	font-size:25px!important;
    font-family: 'europa_grotesk_shbold';;
    font-style: normal;
    letter-spacing: 1px!important;
    font-weight: 500!important;
	transition: none!important;
    color: var(--rosso) !important;
	background: rgba(255, 255, 255, 0.50)!important;
    backdrop-filter: blur(15px)!important;
    padding: 5px 40px!important;
}

#moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content button.mgbutton:hover{
	 background: var(--rosso) !important;
	 color:#fff!important;
	 backdrop-filter: none!important;
}




#moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content a.mgbutton, #moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content button.mgbutton
{ text-transform: uppercase;}

#moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container {
    padding: 0px !important;
    width: 100%;
}
#moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content {
    justify-content: center;
	padding-left: 0 !important;
    padding-right: 0 !important;
	margin-bottom: 10px;
}

#moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content a.mgbutton.moove-gdpr-infobar-reject-btn, #moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content button.mgbutton.moove-gdpr-infobar-reject-btn {
    background-color: transparent;
    box-shadow: none;
    color: #DBDBDB;
}
#moove_gdpr_cookie_info_bar.moove-gdpr-light-scheme {
    border-top: 0 !important;
	background-color: transparent!important;
}

#moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content p, #moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content p a,
#moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content .moove-gdpr-cookie-notice p a {
    font-size: 25px;
    line-height: 25px;
    letter-spacing: 1px;
	text-decoration: none!important;
}

#moove_gdpr_cookie_info_bar {
    min-height: initial;
}

#moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content {
    padding-left: 0;
    padding-right: 0;
}
#moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content a.mgbutton, #moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content button.mgbutton {
    padding: 5px 40px !important;
	margin: 0px 3.5px!important;
}

#moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content .moove-gdpr-cookie-notice p{
	padding-top: 7px!important;
	margin-right:3.5px!important;
}

#moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content .moove-gdpr-button-holder {
    display: flex;
	float: right;
	padding: 0px!important;
}



.visibleMob{
	display: none!important;
}

.visibleDesk{
	display: block;
}



body.gdpr-infobar-visible div#bottom_bar {
    opacity: 0;
}


/* clear */
.clear:before,
.clear:after {
    content:' ';
    display:table;
}

.clear:after {
    clear:both;
}

.displaynone{
	display: none !important;
}


.box_flexbox{
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-flow: wrap;
    flex-wrap: wrap;
	align-items: center;
}

img {
	max-width:100%;
	vertical-align:bottom;
}


a:focus {
	outline:0;
}
a:hover,
a:active {
	outline:0;
}



#content{
    height: 100dvh;
}
.wp-block-video {
    text-align: center;
}
.wp-block-video video{
	max-width: 800px;
    margin: 0 auto;
	width: 100%;
}



/*------------------------------------*\
    RESPONSIVE
\*------------------------------------*/


@media only screen and (max-width:1140px) {
	#menu_mob a, header ul li, .event.box_flexbox a, #moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content button.mgbutton, #moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content button.mgbutton.moove-gdpr-infobar-reject-btn,
	#moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content .moove-gdpr-cookie-notice p,
	#moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content a.mgbutton, 
	#moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content button.mgbutton {
   		padding: 5px 25px!important;
		font-size: 23px!important;
	}
}

@media only screen and (max-width:1000px) {
	#menu_mob a, header ul li, .event.box_flexbox a, #moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content button.mgbutton, #moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content button.mgbutton.moove-gdpr-infobar-reject-btn,
	#moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content .moove-gdpr-cookie-notice p,
	#moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content a.mgbutton, 
	#moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content button.mgbutton {
   		padding: 5px 10px!important;
	}
}



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

	body p, body, h1, h2, h3 {
		font-size: 13px;
		font-style: normal;
		line-height: 16px; /* 123.077% */
		letter-spacing: 0.065px;
	}	


	.event h2, #page h2, #single h2, #intro h2{
		font-size: 50px;
		line-height: 38px !important;
	}

	#single #event_content h2{
	    word-wrap: break-word;
        overflow-wrap: break-word;
        word-break: break-word;
		-webkit-hyphens: auto;
	}
	
	#menu_mob a, header ul li, .event.box_flexbox a, #moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content button.mgbutton, #moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content button.mgbutton.moove-gdpr-infobar-reject-btn,
	#moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content .moove-gdpr-cookie-notice p,
	#moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content a.mgbutton, 
	#moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content button.mgbutton {
		font-size: 20px!important;
		line-height:20px;
	 	padding: 5px 12px !important;
	}

	#menu_mob{
		display: block;
	}

	header ul li{
		margin-bottom: 5px;
        display: block;
	}

	#event_content .wp-block-group {
   		padding-top: 8px;
	}

	#site_nav{
		opacity: 0;
		pointer-events: none;
		width: 100%;
		padding: 0px 10px;
		height: 0dvh;
	}

	#site_nav.visible{
		opacity: 1;
		height: auto;
		pointer-events: all;
	}

	div#menu_mob {
		width: 100%;
		padding: 0px 10px;
	}

	div#menu_mob a{
		width: 100%;
	}

	
    	

	#page .accordion-content p {
		padding: 0px 10px;
		padding-top: 5px;
	}

	.spacer{
		height: 150px!important;
	}

	.wp-block-image {
		max-width: 100%;
		padding: 10px;
	}

	.wp-block-group.talent {
    	padding-top: 0px;
	}

	#single .wp-block-group.info {
    	padding-top: 150px;
	}

	main#content .wp-block-group p.text_s,
	p.text_s{
		font-size: 12px;
		line-height: 12px;
	}
	
	main#content .wp-block-group p.text_s {
		max-width: 100%;
		padding: 0px 10px;
		padding-top: 8px;
		
	}

	#moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content{
		display: flex!important;
	}

	#moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content .moove-gdpr-cookie-notice{
		margin: 0px!important;
		padding: 0px!important;
	}
	
	

header#header-page {
    position: relative;
    z-index: inherit;
}


	.visibleDesk{
		display: none!important;
	}

	header {
      padding: 3.22px 0px;
      gap: 3.22px;
	}


	.visibleMob{
		display: block!important;
	}

	
	#moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content a.mgbutton, #moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content button.mgbutton{
		margin-top: 0px!important;
		margin-bottom: 0px!important;
	}

	
	#moove_gdpr_cookie_info_bar {
		min-height: 30px !important;
	}



}


/*------------------------------------*\
    MISC
\*------------------------------------*/

::selection {
	background:transparent;
	color:grey;
	text-shadow:none;
}
::-webkit-selection {
	background:transparent;
	color:grey;
	text-shadow:none;
}
::-moz-selection {
	background:transparent;
	color:grey;
	text-shadow:none;
}

/*------------------------------------*\
    WORDPRESS CORE
\*------------------------------------*/

.alignnone {
	margin:5px 20px 20px 0;
}
.aligncenter,
div.aligncenter {
	display:block;
	margin:5px auto 5px auto;
}
.alignright {
	float:right;
	margin:5px 0 20px 20px;
}
.alignleft {
	float:left;
	margin:5px 20px 20px 0;
}
a img.alignright {
	float:right;
	margin:5px 0 20px 20px;
}
a img.alignnone {
	margin:5px 20px 20px 0;
}
a img.alignleft {
	float:left;
	margin:5px 20px 20px 0;
}
a img.aligncenter {
	display:block;
	margin-left:auto;
	margin-right:auto;
}
.wp-caption {
	background:#FFF;
	border:1px solid #F0F0F0;
	max-width:96%;
	padding:5px 3px 10px;
	text-align:center;
}
.wp-caption.alignnone {
	margin:5px 20px 20px 0;
}
.wp-caption.alignleft {
	margin:5px 20px 20px 0;
}
.wp-caption.alignright {
	margin:5px 0 20px 20px;
}
.wp-caption img {
	border:0 none;
	height:auto;
	margin:0;
	max-width:98.5%;
	padding:0;
	width:auto;
}
.wp-caption .wp-caption-text,
.gallery-caption {
	font-size:11px;
	line-height:17px;
	margin:0;
	padding:0 4px 5px;
}

/*------------------------------------*\
    PRINT
\*------------------------------------*/

@media print {
	* {
		background:transparent !important;
		color:#000 !important;
		box-shadow:none !important;
		text-shadow:none !important;
	}
	a,
	a:visited {
		text-decoration:underline;
	}
	a[href]:after {
		content:" (" attr(href) ")";
	}
	abbr[title]:after {
		content:" (" attr(title) ")";
	}
	.ir a:after,
	a[href^="javascript:"]:after,
	a[href^="#"]:after {
		content:"";
	}
	pre,blockquote {
		border:1px solid #999;
		page-break-inside:avoid;
	}
	
	tr,img {
		page-break-inside:avoid;
	}
	img {
		max-width:100% !important;
	}
	@page {
		margin:0.5cm;
	}
	p,
	h2,
	h3 {
		orphans:3;
		widows:3;
	}
	h2,
	h3 {
		page-break-after:avoid;
	}
}