.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 .hidden-fields-container {
display: none;
}
.wpcf7 form .wpcf7-response-output {
margin: 2em 0.5em 1em;
padding: 0.2em 1em;
border: 2px solid #00a0d2; }
.wpcf7 form.init .wpcf7-response-output,
.wpcf7 form.resetting .wpcf7-response-output,
.wpcf7 form.submitting .wpcf7-response-output {
display: none;
}
.wpcf7 form.sent .wpcf7-response-output {
border-color: #46b450; }
.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output {
border-color: #dc3232; }
.wpcf7 form.spam .wpcf7-response-output {
border-color: #f56e28; }
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
border-color: #ffb900; }
.wpcf7-form-control-wrap {
position: relative;
}
.wpcf7-not-valid-tip {
color: #dc3232; font-size: 1em;
font-weight: normal;
display: block;
}
.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 {
display: inline-block;
margin: 0 0 0 1em;
}
.wpcf7-list-item-label::before,
.wpcf7-list-item-label::after {
content: " ";
}
.wpcf7-spinner {
visibility: hidden;
display: inline-block;
background-color: #23282d; opacity: 0.75;
width: 24px;
height: 24px;
border: none;
border-radius: 100%;
padding: 0;
margin: 0 24px;
position: relative;
}
form.submitting .wpcf7-spinner {
visibility: visible;
}
.wpcf7-spinner::before {
content: '';
position: absolute;
background-color: #fbfbfc; top: 4px;
left: 4px;
width: 6px;
height: 6px;
border: none;
border-radius: 100%;
transform-origin: 8px 8px;
animation-name: spin;
animation-duration: 1000ms;
animation-timing-function: linear;
animation-iteration-count: infinite;
}
@media (prefers-reduced-motion: reduce) {
.wpcf7-spinner::before {
animation-name: blink;
animation-duration: 2000ms;
}
}
@keyframes spin {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
@keyframes blink {
from {
opacity: 0;
}
50% {
opacity: 1;
}
to {
opacity: 0;
}
}
.wpcf7 [inert] {
opacity: 0.5;
}
.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-reflection > output {
display: list-item;
list-style: none;
}
.wpcf7-reflection > output[hidden] {
display: none;
}* {box-sizing:border-box; font-family: 'degular', sans-serif;}
html,body {
background: #000000; color:#fff;font-size:5vw;
line-height:1.5;
overflow-x: hidden!important;
}
h1,h2,h3,h4,h5,h6 { margin:0 ;padding: 0; font-weight:normal}
h3 {font-weight:500}
h2 {font-size:1.7rem;line-height:1.6rem}
a {color: #fff;}
.post-edit-link { background:orange; display:inline-block;
width: 2rem;height: 2rem;overflow:hidden;text-decoration:none;
line-height: 2rem;border-radius:50%;
border: 1vw solid #111;color: #111;font-size: 1rem;}
.post-edit-link:before { content: '\e803';font-family: 'fontello'; width: 2rem;display: inline-block;text-align: center;position: relative;
top: -.8vw;left: -0.6vw;}
p {font-weight:300;line-height: 1.15rem;font-size: 1.05rem;margin: 1rem 0;}
#page {overflow:hidden;}
html {
--scrollbarBG: #76000799;
--thumbBG: #FB555E;
}
body::-webkit-scrollbar {
width: .5rem;
}
body {
scrollbar-width: thin;
scrollbar-color: var(--thumbBG) var(--scrollbarBG);
}
body::-webkit-scrollbar-track {
background: var(--scrollbarBG);
}
body::-webkit-scrollbar-thumb {
background-color: var(--thumbBG) ;
border-radius: .5rem;
border: .05rem solid var(--scrollbarBG);
}
@media only screen and (min-width: 782px) {
html,body {font-size:1.5vw}
.onlymobile {display:none!important}
.post-edit-link { border:.2vw solid #111}
.post-edit-link:before {top:-.15vw;left:-.1vw}
} .padding {padding: 1rem .8rem 3rem .8rem;}
.padding>*:first-child {margin-top:0;}
.flexcontainer {display:flex; flex-wrap: wrap; }
.fixtop {margin-top:-.02rem}
.desktop {display:none}
.mobile {display:block}
@media only screen and (min-width: 782px) {
.padding {padding: 1rem 2rem 1rem 2rem;}
.desktop {display:block}
.mobile {display:none}
} .bottone {
flex:0 0 100%;
width:100%;
display:flex;
padding: 0rem 0;
text-align: center;
margin-bottom: .5rem;
}
.bottone span {flex:0 0 100%;}
.bottone a { 
text-decoration:none;
display:flex;
justify-content:center;
align-items:center;
width:100%; 
background-color:#760007;
border-radius: 1.5rem;
color:#fff;
}
@media only screen and (min-width: 782px) {
.bottone a {transition:all .3s ease-in-out}
.bottone a:hover {
color: #760007!important;
border-color:#760007!important;
}
} .stondo {position:relative;height: 0.5rem;display:block;z-index: 0;}
.stondo:before {
content:''; 
position:absolute;height:.8rem;
background:black;
top:0;left:0;width:100%;
display:block;
z-index: 0;
border-top-right-radius:5vw;border-top-left-radius:5vw;
}
.stondo.mattone:before {background:#760007;}
.stondo.bianco:before {background:#ffffff;}
.stondo.rosso:before {background:#FB555E;}
.stondo.blu:before {background:#111827}
.stondo.bordato {margin-left: -0.8rem;margin-right: -.8rem;}
.stondo.bordato:before {border-top: .05rem solid #760007;}
.bgrosso {background:#FB555E;}
.bgbianco {background:#ffffff;color:#111}
.bgbianco a {color:#111}
.bgmattone {background:#760007;}
.bgblu {background:#111827}
@media only screen and (min-width: 782px) {
.stondo.bordato {margin-left:-2rem;margin-right:-2rem;}
} #header {background:#111;position:relative;height:4rem;overflow:hidden}
#header nav {position:relative;display: block;height: 2rem;}
#header #logo {margin:0;padding: 0;height: 2rem;font-size: 1rem;line-height: 2rem;z-index:2;position:absolute;top:1rem;left:1rem;width: 20%;}
#header #logo img {width:50vw;height:auto}
#menu {position:absolute;bottom:0;width:100%; }
#menufixed ul, #menu ul {  width:100%;display:flex;
list-style:none;justify-content: space-around;padding: 0;margin: 0;  }
#menufixed ul a, #menu ul a {color:#fff;text-decoration:none;font-weight: 200; }
#menufixed ul a.selected {color:#760007;}
#menufixed ul li, #menu ul li {line-height: 2rem;height: 1.5rem;position: relative;top: -.5rem;}
#menufixed ul li {line-height: 2rem;z-index:9;top: 0;}
#menufixed {position:fixed;top:-5rem;left:0;width:100%;transition:top .3s ease-in-out;z-index: 9;}
#menufixed.apri {top:0}
#menufixed .stondo:before {
bottom:0;left:0;width:100%;top:auto;
border-top-right-radius:0;border-top-left-radius:0;
border-bottom-right-radius:5vw;border-bottom-left-radius:5vw;
}
#header.convideo {padding-top:calc(160% - 4rem);margin: 0;
animation-delay: 5s;
animation-duration: 3s;
animation-name: comein;
animation-iteration-count:1;
animation-fill-mode: forwards;
}
@keyframes comein {
from {
padding-top:calc(150% - 4rem);
}
to {
padding-top:calc(180% - 4rem);
}
}
#video {
background: black;
height: 0;
line-height: 0;
padding-top: 180%;
position: absolute;
top: 0;
left: 0;
width: 100%;
z-index: 0;
text-align: center;
pointer-events: none;
}
#video iframe {position:absolute;top:0;left:0; margin-top:-5rem;width:100%;}
#player1 {position:relative;top:-3rem}
#content {position: relative;}
#playercontrol1 {bottom:auto;top: 139vw;}
@media only screen and (min-width: 782px) {
#header #logo img  {width: 100%;} #video, #header.convideo {
padding-top: 57%;
animation:none;
}
#playercontrol1 {bottom:3rem;top: auto;right:1rem;}
} .building-better-days {margin-bottom:.5rem;justify-content: space-between;}
.building-better-days:where(.wp-block-columns.is-layout-flex){
gap:0
}
.building-better-days h2 {
font-weight:normal;
font-size: 2.7rem;
line-height: 2.7rem;
text-align: left;
font-weight: 500;
}
#frontpage .padding.bgmattone {padding-bottom:3rem}
#frontpage .padding.bgmattone p {
margin-top:0;padding-top:0;
}
#frontpage .padding.bgmattone p:last-child {
padding-top:.5rem
}
@media only screen and (min-width: 782px) {
.building-better-days .wp-block-column:last-child h2 { text-align:right}
.siamo-un-agenzia p { margin: 0;}
.building-better-days h2 {line-height:3.7rem; font-size:3.7rem}
#frontpage .siamo-un-agenzia .wp-block-button,
#frontpage .siamo-un-agenzia .wp-block-button a {
width:80%;
max-width: 16.5rem;
}
#frontpage .siamo-un-agenzia .wp-block-button {text-align:right}
#frontpage .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column {flex-basis:initial!important}
}
#frontpage .wp-block-button, #frontpage .wp-block-button a {
width:100%;
font-weight: 500;
font-size: 1rem!important;
padding: 0; line-height: 2rem;
}
#frontpage .wp-block-button a {border:1px solid} #finestra img{border-radius: 1rem;}
#finestra .blocco-1 .img-laterale figure{margin: 0!important;}
#finestra .blocco-1 .img-laterale img{width: 83%;max-height: 780px;max-width: 1300px;}
#finestra .blocco-1 .info-siamoquelli{margin:0}
#finestra .blocco-1 .info-siamoquelli a{color: #FB555E;}
#finestra .blocco-1 .info-siamoquelli .nomeartista{text-align: center;}
#finestra .blocco-1 .info-siamoquelli .linkarticolo{text-align: center;}
#finestra .blocco-1 .is-style-wide{margin:0;margin-bottom: 5%;}
#finestra li {font-size:1.2rem; line-height:1.2em}
#finestra li a, #finestra p a {color:#FB555E!important}
#finestra hr {margin:5rem auto;max-width:33%;} #finestra .blocco-2 .img-principale img{width: 90%;margin-left: 10%;}
#finestra .blocco-2  .img-piccole-container{flex-direction: column;}
#finestra .blocco-2  .img-piccole-container img{width: 88%}
#finestra .wp-block-columns img {height:100%!important;width:auto!important;}
#finestra .blocco-4 img{width: 90%;}
#finestra .blocco-4{text-align: center;}
#finestra h1 {font-weight:500;line-height: 1.1em; padding:2rem 0}
#finestra h2 {padding: 1rem 0!important;font-weight:bold;font-size:1.4rem;display: block!important;}
#finestra h3 {line-height:1em;margin:2rem 0 1rem 0!important}
#finestra p {margin:0 0 1rem 0;font-size: 1.2rem!important;line-height: 1.2em;}
#finestra .wp-block-button a {background:#FB555E;color:#fff;padding: .2rem 1rem;font-size: 1rem;}
#finestra .metaend {display:none}
#finestra .wp-block-button {padding:1rem 0 0 0; width:100%}
#finestra .wp-block-button a {width:100%}
@media screen and (min-width: 782px){
#finestra .blocco-1 .img-siamoquelli{flex-direction: row;}
#finestra .blocco-1 .info-siamoquelli .nomeartista{text-align: left;}
#finestra .blocco-1 .info-siamoquelli .linkarticolo{text-align: right;}
}    #frontpage .flexcontainer{width: 100%;flex-direction: column;}
#frontpage .grande{font-size: 2.7rem;}
#frontpage .descrizione{margin-top: 20%;margin-bottom: 15%;color:#FB555E;}
#frontpage .bottone a{color: #FB555E!important;border:1px solid #FB555E;}
#frontpage .wp-block-botton{font-size: 0.8rem;}
@media screen and (min-width: 782px){
#frontpage .flexcontainer{flex-direction: row;}
#frontpage .titolo_1{flex: 0 0 60%}
#frontpage .titolo_2{flex: 0 0 40%;text-align: right;}
#frontpage .descrizione, #frontpage .btn{flex: 0 0 50%}
#frontpage .titolo_3{flex: 0 0 100%;}
#frontpage .descrizione, #frontpage .btn{margin-top: 5%;margin-bottom: 5%;}
#frontpage .grande{font-size: 3.5rem;}
#frontpage .bottone{flex: 0 0 50%;margin-top: auto;justify-content: right;}
#frontpage .bottone a{flex: 0 0 30%;width: 30%;}
#frontpage .bottone, #frontpage .descrizione{margin-bottom: 5%;}
#frontpage a.wp-block-button__link {transition:all .5s ease-in-out;}
#frontpage a.wp-block-button__link:hover { 
background:#fff!important;
color:#760007!important;
}
}
.ancora { width:1px;display:block;height:1px;} #quellidi2 .flexcontainer {padding-top:2rem}
#quellidi2 .item {margin-bottom:1rem}
#progettimusicali .bottone a {padding-bottom:.01rem}
#progettimusicali .details {margin-left:-.5rem;margin-right: -0.5rem;flex: 0 0 calc(100% + 1rem);width: calc(100% + 1rem);margin-bottom:3rem;margin-top: 1rem;} #quellidi2 .item a, #progettimusicali .item a{color: #FB555E;text-decoration: none;}
#progettimusicali .item .abstract{margin: 0;margin-bottom: 10%;}
#quellidi2 .item img, #progettimusicali .item img{border-radius: 1rem;}
#progettimusicali h2 {color: #FB555E;font-weight: 500;font-size: 1.5rem;line-height: 1.6rem;}
#progettimusicali h2 .testo {padding-bottom: 1rem;display: block;font-weight: 500;} .playercontrol {pointer-events: all;
position:absolute;bottom: 2.5rem;right: 1rem;z-index:999}
.playercontrol a {background:#000;color:#fff;text-decoration:none;border-radius:50%;display:inline-block;width:1.5rem;height:1.5rem;line-height:1.5rem;text-align:center;font-size:.8rem;}
.playercontrol a.off {color:#ddd}
.playercontrol a.play, .playercontrol a.stop {display:none}
.podcast25 iframe {background-color: #7f7f7f;}
@media only screen and (min-width: 782px) {
#progettimusicali h2 {display: flex;justify-content: space-between;margin-bottom: 2%;}	 
#progettimusicali .testo {flex: 0 0 77%;padding-top: 1%;} #progettimusicali .bottone {flex: 0 0 10%;}
#quellidi2 .flexcontainer, #progettimusicali .flexcontainer {justify-content: space-between}
#quellidi2 .item, #progettimusicali .item {flex:0 0 47%}
#progettimusicali .details, #quellidi .details {margin-left:-2rem;margin-right: -2rem;
flex: 0 0 calc(100% + 4rem);width: calc(100% + 4rem);} .playercontrol {right:3rem;bottom: 2.5rem;}
#quellidi2 .item a img, #progettimusicali .item a img {transition:all .2s ease-in-out}
#quellidi2 .item a:hover img, #progettimusicali .item a:hover img {
box-shadow:0 0 .5rem #760007aa;
} } .bgblu .bottone a {background:transparent;border:.1rem solid #fff;padding: 0;line-height: 2rem;}
#scuola h2 {padding-bottom:1rem;text-transform:uppercase;line-height: 1.5rem;}
#scuola .logocontainer {text-align:center;padding:1rem 0 2rem 0}
#scuola .logocontainer img {width:80%;}
@media only screen and (min-width: 782px) {
#scuola p {margin-top:0}
#scuola .bottone {max-width:10rem;}
#scuola .bottone a:hover {
color: #111!important;
background-color:#fff;
border:.1rem solid #fff!important;
}
#scuola .logocontainer {width:36%;float:right;padding:0}
#scuola .logocontainer img {width:100%;}
} #altriprogetti .swiper {width: calc(100%);height: 82vw;overflow:hidden;padding-bottom: 1rem; }
#altriprogetti .swiper-slide.pic {border-radius:1rem;position:relative;  padding-top: 0;overflow:hidden;padding-bottom: 1rem;height: 74vw;width: auto;}
#altriprogetti .swiper-slide.pic img {     width: auto;height: 100%;}
#altriprogetti .swiper-button-prev,  .swiper-button-next {display:none}
#altriprogetti .swiper-horizontal>.swiper-scrollbar, .swiper-scrollbar.swiper-scrollbar-horizontal {display:none}
#altriprogetti .swiper-pagination-bullet-active {background-color:#760007}
#altriprogetti .swiper-slide.pic img{border-radius: 1rem;margin-left: .5rem;margin-right: .5rem;}
#altriprogetti .flexcontainer{flex-direction: column;padding: 1rem 0;}
#altriprogetti .item {flex:0 0 100%;width:100%}
#altriprogetti .item .nome {font-weight: 500;font-size: 1.2rem;padding-bottom: .5rem;}
#altriprogetti .item .description {color:#760007;font-size:.85rem;padding-bottom: 0; }
#altriprogetti .item .long-description {font-size:.85rem;padding-bottom: 2rem;font-weight: 100;}
#altriprogetti .item .anno {font-weight: 500;}
#altriprogetti .item .details {margin-left:-.5rem;margin-right: -0.5rem;flex: 0 0 100%;overflow: hidden;width: calc(100% + 1rem);  }
#altriprogetti .info-container{flex: 0 0 100%;display: flex;flex-direction: column;width: 100%;}
#altriprogetti .details {max-height:0;transition:max-height .3s ease-in-out;}
#altriprogetti .details img {opacity:1;transition: opacity .5s ease-in-out;}
#altriprogetti .aperto .details {max-height: 2000px; }
#altriprogetti .aperto .details img {opacity:1;}
#altriprogetti .bottone.desktop {display:none}
#altriprogetti .bottone a { font-weight: 200;}
#altriprogetti .testo-container {width: calc(100% - 1rem);position:relative;left: .5rem;}
@media only screen and (min-width: 782px) {
#altriprogetti .testo-container{display: flex;left: 2rem;}
#altriprogetti .testo-container .anno{flex: 0 0 20%; width: 20%;color: transparent;}
#altriprogetti .testo-container .long-description{flex: 0 0 65%;padding-left: 1rem;}
#altriprogetti .flexcontainer{flex-direction: row;justify-content: space-between;padding-bottom: 0;}
#altriprogetti .item .details {margin-left: -2rem;margin-right: -2rem;flex: 0 0 calc(100% + 4rem);width: calc(100% + 4rem);padding-top: 1rem;}	
#altriprogetti .nome{flex: 0 0 20%;width: 20%;}
#altriprogetti .description{padding-top: .5%;flex: 0 0 65%;width: 65%;padding-left:1rem}
#altriprogetti .testo-container {width: calc(100% - 4rem);}
#altriprogetti .bottone{flex: 0 0 15%;width: 15%;}
#altriprogetti .bottone.desktop {display:flex;margin-bottom: 0;}
#altriprogetti .bottone.mobile {display:none}
#altriprogetti .item:not(.aperto):hover .description:after {
content: '\e800';
display:inline-block;
font-family: "fontello";
margin: 0;
padding: 0;
height: 1rem;
}
.bottone a:hover {
color: #760007!important;
background-color:#fff; }
#altriprogetti .info-container{cursor: pointer;flex-direction: row;}
#altriprogetti .swiper{height: 32vw!important;}
#altriprogetti .swiper-slide.pic{  height: 30vw;}
#altriprogetti .swiper-slide.pic img{    }
#altriprogetti .swiper-pagination{display: none;}
} #lavoriamocon .logo-container{width: 100%;display: flex;flex-wrap: wrap;padding-top: 2rem;}
#lavoriamocon .logo{
flex: 0 0 33%;
width: 33%;
display: flex;
flex-direction: column;
justify-content: space-between;
margin-top: 0;
color: #FB555E;
padding: 1rem 1.5rem;
}
#lavoriamocon .padding {padding-bottom:3rem}
#lavoriamocon .logo img{width: 100%;height: auto; transform: scale(1.2);}
@media screen and (min-width: 782px){
#lavoriamocon .logo{flex: 0 0 20%;width: 20%;padding: 1rem 3.7rem;}
} .team-container{
width: 100%;
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
}
.team-wrap{
flex: 0 0 29.5%;
width: 29.5%;
display: flex;
flex-direction: column;
margin-top: 1rem;
margin-bottom: 1rem;
color: #FB555E;
line-height: .8rem;
margin-right: 5%;
}
.team-wrap:nth-child(3n+3) {margin-right: 0;}
#ilteam h2 {color:#FB555E;font-weight:500}
.team-wrap .avatar{width: 100%;margin-bottom: .5rem;}
.team-wrap .avatar img{width: 100%;height: auto;border-radius: 5%;vertical-align: bottom;filter: grayscale(1);}
.team-wrap .nome{width: 100%;font-size: .7rem;font-weight: 500;}
.team-wrap .ruolo{width: 100%;font-size: .6rem;font-weight: 200;}
.team-wrap .profilo{width: 100%;font-size: .6rem;font-weight: 200;}
.team-wrap .profilo a{color: #FB555E;}
.team-wrap .profilo a:hover{color: black;}
@media screen and (min-width: 782px){
.team-wrap{flex: 0 0 12.5%;width: 12.5%;margin-right: 4%;}
.team-wrap .nome{font-size: 1rem;padding-bottom: 0rem;}
.team-wrap .ruolo{font-size: .7rem;}
.team-wrap .profilo{font-size: .7rem;display: none;}
.team-wrap {margin-right: 2%!important;}
.team-wrap:nth-child(7n) {margin-right:0!important}
} #ready .bottone{margin-top: 15%;margin-bottom: 7%;}
#ready .bottone a{border: .05rem solid #76000788;color: #760007 !important;background: none;font-weight: 500;}
#readyfor span{display: block;font-size: 2.7rem;height: 3rem;font-weight: 500;}
@media screen and (min-width: 782px){
#readyfor span{font-size: 5.5rem;height: 6rem;}
#readyfor span.right{text-align: right;}
#ready .bottone{justify-content: right;margin-top: 3%;margin-bottom: 2%;}
#ready .bottone a{flex: 0 0 12%;width: 12%;transition:all .5s ease-in-out}
#ready .bottone a:hover{background:#fff;color: #760007 !important;}
} #footer .flexcontainer{width: 100%;flex-direction: column;padding-top: 5%}
#footer .logo{flex: 0 0 100%;width: 100%;color:white;text-align: center;  line-height: 1rem;}
#footer .logo img{width: 55%}
#footer .albero{flex: 0 0 100%;width: 100%;text-align: center;}
#footer .albero img{width: 40%;margin-top:10%;}
#footer .messaggio{flex: 0 0 100%;width: 100%;}
#footer p,#footer div{color: white;font-weight: 200;}
#footer .testo_1{margin: 0;font-size: 1.2rem;font-weight: 400;text-align: center;line-height: 1.4rem;padding-bottom: .5rem;}
#footer .testo_2{margin: 0;font-size: 1rem;text-align: center;font-weight: 200;}
#footer .bottone{margin-top: 10%;}
#footer .bottone a{border: .1rem solid #fff9;color: #fff!important;background: none;font-weight: 500;}
#footer .lista-contatti{flex: 0 0 100%;width: 100%;display: flex;flex-direction: column;}
#footer .contatto{flex: 0 0 100%;width: 100%;margin-top: 10%;text-align: center;}
#footer .contatto a {text-decoration:none}
#footer .informazioni{flex: 0 0 100%;width: 100%;font-size: .74rem;margin-top: 10%;text-align: center;font-weight: 100;opacity: .9;}
#footer .informazioni a {color:#fff;font-size:1rem;text-decoration:none}
@media screen and (min-width: 782px){
#footer .flexcontainer{flex-direction: row;padding-top:2%;}
#footer .logo{flex: 0 0 25%;width:25%; }
#footer .logo img{width: 75%;}
#footer .albero{flex: 0 0 30%;width:30%}
#footer .albero img{margin-top:0;}
#footer .messaggio{flex: 0 0 45%;width:45%}
#footer .messaggio .testo_1{font-size:1.5rem;text-align: left;line-height: 1.7rem;}
#footer .messaggio .testo_2{font-size:1.2rem;text-align: left;line-height: 1.4rem;}
#footer .bottone{display: flex;justify-content: right;margin-top: 4%;}
#footer .bottone a{flex: 0 0 18%;width:18%;margin-right: 27%;font-size: 1rem;}
#footer .bottone a:hover{background:#fff;color: #760007 !important;}
#footer .lista-contatti{flex-direction: row;justify-content: right;margin-top: 7%;}
#footer .contatto{flex:0 0 22.5%;width:22.5%;margin-top:0;font-size: 1.2rem;text-align: left;}
#footer .contatto a:hover {text-decoration:underline}
#footer .informazioni a:hover {text-decoration:underline}
#footer .informazioni{font-size: 1rem;}
}
#freeze {position: fixed;width:100vw;height:100vh;background: #000000dd;z-index:9998;top: 0;left: 0;}
#finestra{
width: 100vw;
background: white;
position: fixed;
top:0;
left: -100vw;
height: 100vh;
z-index: 9999;
color: #FB555E;
transition: left .3s ease-in-out;
padding: 3rem 1rem 0 1rem;
overflow:scroll;
overflow-x:hidden;
scrollbar-width: thin;
scrollbar-color: var(--scrollbarBG) var(--thumbBG);
}
#finestra::-webkit-scrollbar { width: .5rem;}
#finestra::-webkit-scrollbar-track { background: var(--scrollbarBG);}
#finestra::-webkit-scrollbar-thumb { background-color: var(--thumbBG) ; border-radius: .5rem; border: .05rem solid var(--scrollbarBG);}
#finestra .chiudi {
position: fixed;
top: .2rem;
right: 100vw;
transition:right .3s ease-in;
z-index: 2;
}
#finestra.aperta .chiudi {top: .5rem;right: 1.45rem;}
#finestra .chiudi span{
width: 1.5rem;
height: 1.5rem;
line-height: 1.4rem;
display: inline-block;
border: 1px solid #FB555E;
border-radius: 100%;
text-align: center;
background: #FB555E;
color: white;
font-weight: bold;
cursor: pointer;
font-size: .6rem;
}
#finestra.aperta{
left: 0;
} #finestra .contentwrapper .wp-block-columns .wp-block-column p {padding:0;margin:0;font-weight:200;font-size:.8rem}
#finestra .banner{width:100%;text-align:center;}
#finestra .banner img{width:100%;height:auto}
#finestra iframe {border-radius:1rem;overflow:hidden} .is-layout-flex.wp-block-columns {margin-bottom:0;}
:where(.wp-block-columns.is-layout-flex) {
gap: 0em;
}
.wp-block-column.bottone_sotto .wp-block-buttons {padding-bottom:2em}
@media only screen and (min-width: 782px) {
.padda {padding-left:2rem;padding-right:2rem}
.wp-block-column.bottone_sotto {
display: flex;
flex-direction: column;
}	
.wp-block-column.bottone_sotto .wp-block-buttons {
flex-grow: 1;align-content: end;margin-bottom: 0;
padding-bottom: 0;}
:where(.wp-block-columns.is-layout-flex) {gap:1em}
.wp-block-columns iframe {height:100%; width:100%}
.wp-block-columns .wp-block-embed {height:100%}
.wp-block-columns .wp-block-embed .wp-block-embed__wrapper{height:100%;padding-bottom:1em}
}
@media only screen and (min-width: 782px) {
#finestra {
width:80%;
}
#freeze {cursor:pointer}
#finestra.aperta .chiudi {right: calc(20% + 1.5rem);}
}
#finestra .call_to_action {
background:#760000;
padding:1rem;
color:#fff;
padding-bottom:3rem
}
#finestra .call_to_action h2 {color:#fff;margin:0;padding:0} .contentwrapper a {color:#FB555E}
body:not(.page-template-page-home-new) #header {height: 7rem;}
.articolo-pagina img {width:100%!important;height:auto}
.metaend span {
display:block;
font-size:.7rem; text-transform:uppercase;
}
.metaend a {
color:#fb555e
}
@media only screen and (min-width: 782px) {
.articolo-pagina {padding-right:20%}
} input,button,textarea {max-width:100%}
.acceptance .wpcf7-list-item  {padding:0;margin:0}
#finestra .acceptance {font-size:.8rem!important;}
#finestra .acceptance a {color:#fb555e}
textarea, input {line-height:2rem;border-radius:.5rem;border:0;background:#eee;padding:0 .5rem}
input.wpcf7-form-control.wpcf7-submit {display:inline-block;background:#fb555e;width:100%; 
border-radius: 1rem;
background: #760000;
color: #fff;
margin-top:1rem;
}
textarea {height: 10.3rem!important;}
.wpcf7-form p {margin: .3rem 0 0 0!important;}
.wpcf7-form .input {margin-top:.7rem}
form.wpcf7-form {display:flex;flex-direction:column;padding-bottom:3rem}
.altricampi {order:2}
@media only screen and (min-width: 782px) {
input.wpcf7-form-control.wpcf7-submit {width:50%}
form.wpcf7-form {flex-direction:row;flex-wrap:wrap;justify-content: space-between;}
.wpcf7-form>div {width: 49%;}
textarea {height:16.3rem!important;}
.altricampi {order:0}
} nav.pagination {display:flex;width:100%;margin-top:2rem}
.nav-links {display:flex;align-items:center;justify-content:center;flex: 1 1 100%;width:100%;}
.nav-links a {text-decoration:none}
.nav-links .current {background:#000;color:#fff}
.nav-links>* {
margin: 0 .2rem;
width: 2.3rem;
text-align:center;
height: 2.3rem;
line-height: 2.3rem;
border-radius:50%;
background:#fff;
color:#111
}
.nav-links .dots {background:transparent} #G_info {position:fixed;width:90%;background-color:#222;font-size:1rem;margin:5%;left:0;bottom:0;padding:1rem;z-index:1000;text-align:center;color:#fff;border-radius:.5rem;}
#G_info span:first-child {display:block; margin-bottom:1rem;}
#G_info span:last-child {display:flex;justify-content:center;align-items:center}
#G_info ins {text-decoration:none}
#G_info a {text-decoration:none; color:#111;background:#fff; font-size:.7rem;font-weight:bold;border:.1rem solid #fff;margin:0 .5rem;border-radius:.3rem;padding:0 .5rem}
@media only screen and (min-width: 782px) {
#G_info {margin-bottom:2%}
#G_info span {display:inline-block!important;margin:0!important}
} .error404 #menu ul li a {display:none}
.error404 #footer .flexcontainer {visibility:hidden;height:15rem} .qc-cmp2-persistent-link {
background: #000;
font-size: .4rem;
position: fixed;
bottom: 0;
left: 0;
right: auto;
}