@import url('https://fonts.googleapis.com/css2?family=Comfortaa&display=swap');

.comfortaa-<uniquifier> {
  font-family: "Comfortaa", serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}

div[data-component-id="13829"].m-section {
	position: fixed;
    z-index: 10;
    width: 100%;
    height: 100vh;
    top: 0;
    text-align: center;
}
div[data-component-id="13827"].m-section {
display: none;
}
div[data-component-id="13829"] .m-wrapper {
    padding:0;
}

div[data-component-id="13829"] .-richtext>*+* {
    margin-top: 0;
}

div[data-component-id="13829"] img {
    width:45%;
	border-radius:2.5%;
	width: min(max(1vh, 80vw), 80vh);
}
div[data-component-id="13827"] .m-text__wrapper .m-wrapper {
	height: 100vh;
    	width: 100%;
}
div[data-component-id="13827"] .m-text__inner {
	height: 100vh;
	width: 100%;
}

/* fine Bronzo */
/* inizio white */

div[data-component-id="13948"].m-section {
    z-index: 10;
    width: 100%;
    height: 100vh;
    top: 0;
    text-align: center;
}

div[data-component-id="13948"] .m-wrapper {
    padding:0;
}

div[data-component-id="13948"] .-richtext>*+* {
    margin-top: 0;
}

div[data-component-id="13948"] img {
    width:45%;
	border-radius:2.5%;
	width: min(max(1vh, 80vw), 80vh);
}


/* fine White */


.modal {
    width: 100%;
    height: 100vh;
}
/* Pipistrello BRONZO 
.titleText {
    display: flex;
    color: #613a35;
    font-size: min(max(3.5rem, 5.555555vw), 8.5rem);
    line-height: 90%;
    position: absolute;
    width: 50%;
    margin: auto;

    justify-content: center;
    align-items: center;
    align-content: center;
    flex-direction: row;
    flex-wrap: nowrap;
}
*/

.titleText {
    display: flex;
    color: #555;
    font-size: min(max(3.5rem, 3.555555vw), 8.5rem);
    line-height: 90%;
    position: absolute;
    width: 50%;
    margin: auto;
    top: min(max(27vh, 20vw), 28.3vh);
    /* left: 25%; */
    justify-content: center;
    align-items: center;
    align-content: flex-start;
    flex-wrap: nowrap;
    flex-direction: column;
}

.btn {
  font-family: "Comfortaa", serif;
  font-optical-sizing: auto;
  font-weight: 300;
  font-style: normal;
    width: 100%;
    right: 25vw;
    top: 8vh;
    z-index: 11;
    font-size: min(max(2rem, 3.5vw), 5rem);
    color: #ababab;
    align-items: baseline;
    justify-content: flex-end;
    text-align: right;
    right: 0;
    flex-wrap: wrap;
    flex-direction: row-reverse;
}

label.btn:hover
{
    cursor: pointer;
}

.closeBtn {
    width: 100%;
    text-align: right;
}
.bannerModal {
	/*position: absolute;*/
    text-align: center;
    font-size: min(max(1.8rem, 1.6vw), 4.5rem);
    color: white;
    width: 100%;
    margin: auto;
    margin-top: min(max(10vh, -6vh), 1vh);
}
.modal {
    display: flex;
    opacity: 1;
    visibility: visible;
    position: fixed;
    width: 100%;
    height: 100vh;
    margin: 0;
    padding: 0;
    background: rgba(0, 0, 0, .75);
    transition: opacity .250s ease;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
}   
.modal-state {
  display: none;
  transition: transform .7s ease-in-out;
}
/*
.modalContent {
    margin-top: 9vh;
    margin-top: min(max(100vh, 10vh), 11vh);
    margin-top: 0;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-content: center;
    justify-content: center;
    align-items: center;
}
*/
.modalContent {
    margin-top: 9vh;
    margin-top: min(max(100vh, 10vh), 11vh);
    margin-top: 0;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
}
.modal-state:checked + .modal {
  visibility: hidden;
  opacity: 0;
  transition: opacity 250ms ease-in, visibility 0ms ease-in 250ms;
}
.modal-state:checked + [data-component-id="13829"] {
  visibility: hidden;
  opacity: 0;
  transition: opacity 250ms ease-in, visibility 0ms ease-in 250ms;
}