body{ font-size: 16px; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", Arial, sans-serif;}
a{text-decoration:none;color: #000000;}
.page-template-home-template-lodola a{text-decoration: none;color: #fff!important;}
p{line-height: 1.3}  .text-0{font-size: 5rem;}
h1, .text-1{font-size: 3.4rem;}
h2, .text-2{font-size: 2.2rem;}
h3, .text-3{font-size: 1.5rem;}
h4, p, .text-4{font-size: 1rem;}
h1, h2, h3, h4, p, ol, ul{margin-bottom: 1rem;}
.berman a{color: yellow!important; font-size: 23px!important;}
@font-face {
font-family: 'Monoton'!important;
font-style: normal;
font-weight: bold;
src: url(https://fonts.gstatic.com/s/monoton/v15/5h1aiZUrOngCibe4TkHLQka4BU4.woff2) format('woff2')!important;
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@media (max-width: 768px) {
.text-0{font-size: 4rem}
}    .panel-video{ opacity:0;z-index: -1; position:relative}
@media (max-width: 768px) {
.panel-video{margin-top: 0vh;}
.panel-video.video-res video{height: 80vh;}
}  .cover-lodola{
padding: 20px;min-height: 100vh;
justify-content: center;
align-items: center;
position:relative;
}
.cover{
background: #000;padding: 20px;min-height: 100vh;
display: flex; flex-flow: column;
justify-content: center;
align-items: center;
text-align: center;
position:relative;
}  .title-custom{
padding: 8% 18%;
position: relative;
}
.text-bio{
font-size: 18px;margin-bottom: 20px; line-height: 1.5;
}
.title-custom:after {
content: ' ';
width: 18%;
padding-bottom: 25%;
position: absolute;
top: -20%;
right: 0%;
background: url(//marcolodola.com/wp-content/themes/marco-lodola/custom/img/pegaso_lodola.png) no-repeat bottom left;
background-size: 100%;
}
.title-custom:before {
content: ' ';
width: 18%;
padding-bottom: 25%;
position: absolute;
bottom: -20%;
left: 0%;
background: url(//marcolodola.com/wp-content/themes/marco-lodola/custom/img/love_lodola.png) no-repeat top left;
background-size: 100%;
}
.media-box-lodola img{
display: block; margin: 20px auto; box-shadow: 0 5px 20px rgba(0,0,0,.55); border-radius: 20px;
}  @keyframes cambiaColore {
0% {
text-shadow: 0 0 10px rgba(255, 0, 0, 0.7), 0 0 20px rgba(255, 0, 0, 0.5), 0 0 30px rgba(255, 0, 0, 0.3);
color: red;
}
20% {
text-shadow: 0 0 10px rgba(255, 255, 0, 0.7), 0 0 20px rgba(255, 255, 0, 0.5), 0 0 30px rgba(255, 255, 0, 0.3);
color: yellow;
}
40% {
text-shadow: 0 0 10px rgb(0 238 255 / 70%), 0 0 20px rgb(0 226 255 / 50%), 0 0 30px rgb(0 245 255 / 30%);
color: #00ffed;
}
60% {
text-shadow: 0 0 10px rgb(28 117 28 / 70%), 0 0 20px rgb(0 255 0 / 27%), 0 0 30px rgba(0, 255, 0, 0.3);
color: lime;
}
80% {
text-shadow: 0 0 10px rgb(255 0 255 / 75%), 0 0 20px rgba(128, 0, 128, 0.5), 0 0 30px rgba(128, 0, 128, 0.3);
color: magenta;
}
100% {
text-shadow: 0 0 10px rgba(255, 0, 0, 0.7), 0 0 20px rgba(255, 0, 0, 0.5), 0 0 30px rgba(255, 0, 0, 0.3);
color: red;
}
}
.led-text {
animation: cambiaColore 6s infinite;
} .natale-custom{
position: relative;
}
.natale-custom:after {
content: ' ';
width: 12%;
padding-bottom: 50%;
position: absolute;
top: -20%;
right: 0%;
background: url(https://marcolodola.com/wp-content/themes/marco-lodola/custom/img/albero_rosso_lod.png) no-repeat bottom left;
background-size: 100%;
}
.natale-custom:before {
content: ' ';
width: 12%;
padding-bottom: 50%;
position: absolute;
bottom: -20%;
left: 0%;
background: url(https://marcolodola.com/wp-content/themes/marco-lodola/custom/img/albero_verde_lod.png) no-repeat top left;
background-size: 100%;
}
@media (max-width: 768px) {
.natale-custom:after{
display: none!important;
}
.natale-custom:before{
display: none!important;
}
} .alberi {
height: 200px;
overflow: hidden;
position: relative;
}
.alberi-container {
width: 200%; animation: scrollBackground 23s linear infinite;
}
.background-alberi {
width: 50%; float: left;
background: url(https://marcolodola.com/wp-content/themes/marco-lodola/custom/img/lod-alberi.png) no-repeat bottom center;
height: 100%;
}
@keyframes scrollBackground {
0% {
transform: translateX(0);
}
100% {
transform: translateX(-50%); }
}  .fade-in{opacity: 0; transform: translateY(1rem);}
.text-reveal{transform: translateY(1rem);clip-path: polygon(0 0, 100% 0, 100% 0, 0 0);}
.fade-up{opacity: 0; transform: translateY(5rem);}