﻿.headslider .swiper-slide > *::after {content: '';position: absolute;top: 0;left: 0;right: 0;bottom: 0;z-index: 110;background: linear-gradient(rgba(0,0,0,.8), transparent);}
html[data-device="mobile"] .headslider:not(.slimheads) .swiper-slide > *::after { background: linear-gradient(rgba(0,0,0,0.8), rgba(0,0,0,0.3)); background:linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.3) 20% 100%); }
.headslider .swiper-slide > * > img { width: 100%; }
.headslider .swiper-slide > a { display: block; }
.headslider .headtexts {position: absolute; display: block;text-align: center; top: 60%;left: 50%;transform: translate(-50%, -50%);z-index: 130;background: transparent; width: 90%; padding-inline:5%;}
.headslider .headtexts a, .headslider .headtexts span.headlink { color: #FFF; display: block; display: flex; flex-direction: column; justify-content: center; align-items: center; }
html:not(.touch) .headslider .headtexts a:hover, html:not(.touch) .headslider .swiper-slide:hover .headtexts a { color: #FFF; transform: translateY(0px); -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); transition: 0.3s linear; -webkit-transition: 0.3s linear; -moz-transition: 0.3s linear; -ms-transition: 0.3s linear; }
.headslider .headtitle {text-transform: uppercase;display: block;font-size: 4em; line-height: 1.1; font-weight: 800;max-width: 1200px;}
.headslider .headtitle > span { font-weight: 200; }
.headslider .abstract {display: block;font-size: 1.4em;line-height: 1.2em;font-weight: 300;margin-top: 30px;}
.headslider .abstract span.header-btn,
.headslider .headtexts a.btn {display: block; font-size: 0.7em; line-height: 1em; font-weight: 500; background-color: var(--quinary-color); width: fit-content; margin: 0; padding: 15px 25px;margin-top: 10px; transition: all 0.3s; margin-inline:auto;}
.headslider .headtexts a.btn {display: inline-block;}
.headslider .abstract span.header-btn:hover,
.headslider .headtexts a.btn:hover {background-color: var(--secondary-color);}
.headslider .abstract h2 {color:#fff;}
.headslider .swiper-container-horizontal > .swiper-pagination-bullets { text-align: center; bottom: 100px; left: 0; right: 0; width: auto; }
.headslider .swiper-pagination-bullet { width: 10px; height: 10px; display: inline-block; -webkit-border-radius: 120px; -moz-border-radius: 120px; border-radius: 120px; background: #FFF; border: 0px solid rgba(0, 0, 0, 0.40); opacity: 0.99; }
.headslider .swiper-pagination-bullet.swiper-pagination-bullet-active { width: 16px; height: 16px; }
.headslider .swiper-container-horizontal > .swiper-pagination .swiper-pagination-bullet { margin: 0 3px; }
.headslider .swiper-button-prev, .headslider .swiper-button-next { display: none; background-image: none; font-size: 1.8em; color: #FFF; width: auto; height: auto; outline: none; }

.headslider .swiper-pagination-bullet.swiper-pagination-bullet-active {width:10px;height: 10px; background:var(--quinary-color);}

/* YOUTUBE */
.headslider iframe.swiper-video-item { opacity: 0; display: none; position: absolute; top: 0; left: 0; width: 100%; z-index: 100; height: 100vh; }
.headslider iframe.swiper-video-item.pre-loaded { display: block; }
.headslider iframe.swiper-video-item.loaded { opacity: 1; transition: opacity 0.6s linear; -webkit-transition: opacity 0.6s linear; -moz-transition: opacity 0.6s linear; -ms-transition: opacity 0.6s linear; }


@supports (object-fit: cover) {
    .headslider .swiper-slide { height: 100vh; }
    .headslider .swiper-slide img { object-fit: cover; height: 100vh; }
}

/* SLIM */
.headslider.slimheads.heads-bck .swiper-slide { height: 40vh; background-position: 50% 50%; background-repeat: no-repeat; background-size: cover; }
.headslider.slimheads.heads-bck .swiper-slide::after { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 110; background: linear-gradient(rgba(0,0,0,0.5), transparent); }
.headslider.slimheads.heads-bck .abstract { display: none; }
.headslider.slimheads .headtitle, .headslider.slimheads .abstract { display: none; }

/*la scelta del giorno*/
html[data-document="13622"] .headslider .swiper-slide {height: 95vh !important; min-height: 750px; }
html[data-document="13622"] .headslider .swiper-slide > *::after {background: linear-gradient(45deg, rgba(0, 0, 0, .8), transparent);}
html[data-document="13622"] .headslider .headtexts {width: 90%;}
html[data-document="13622"] .headslider .headtexts .headlink {align-items: start; justify-content: start;}
html[data-document="13622"] .headslider .abstract {display: block !important; text-align: start;}
html[data-document="13622"] .headslider .abstract > h1 { font-size: 7rem; max-width: 55%; color: #fff; margin-bottom: 40px; padding-bottom: 40px; position: relative;}
html[data-document="13622"] .headslider .abstract > h1:after {content: ''; height: 2px; width: 60px; position: absolute; bottom: 0; left: 0; background:var(--secondary-color);}
html[data-document="13622"] .headslider .abstract > h5 { font-size: 1.5rem; color:var(--secondary-color); text-transform: uppercase; font-weight: 400; margin-bottom: 20px;}
html[data-document="13622"] .headslider .abstract > p {max-width: 45%; line-height: 1.5;}

/*** MEDIA QUERY ***/
@media (max-width:1400px) {
    html[data-document="13622"] .headslider .abstract > h1 {max-width: 75%; font-size: 6rem;}
    html[data-document="13622"] .headslider .abstract > p {max-width: 65%;}
}

@media (min-width:1201px) and (max-width:1500px) { 
    .headslider .headtitle {font-size: 4em;}
    .headslider .abstract { font-size: 1.2em; }
    .headslider .headtexts { width:60%; }
}

@media (max-width:1200px) {
    .headslider .headtitle { font-size: 3em; }
    .headslider .abstract { font-size: 1.4em; }
    .headslider .headtexts {top: 50%;}
}

@media (max-width:1023px) {
    .headslider .headtexts {text-shadow: 0 0 15px rgba(0,0,0,.45); padding-inline: 3%;}
    .headslider .headtitle { font-size: 3em; }
    .headslider .abstract { font-size: 1.4em; }
    .headslider .abstract span.header-btn {text-shadow: none;}
    .headslider .swiper-container-horizontal > .swiper-pagination-bullets   {bottom: 50px;}

    html[data-document="13622"] .headslider .abstract > h1 {max-width: 85%; font-size: 4.5rem;}
    html[data-document="13622"] .headslider .abstract > p {max-width: 75%;}
}

@media (max-width:767px) {
    .headslider .headtitle { font-size: 1.5em; }
    .headslider .abstract { font-size: 1em; margin-top: 10px; }
    .headslider .abstract h2 { font-size: 1.3em;}
    .headslider .swiper-pagination { display: none; }
    .headslider .swiper-button-prev, .headslider .swiper-button-next { display: block; }

    html[data-document="13622"] .headslider .abstract > h1 {max-width: 95%; font-size: 3.5rem;}
    html[data-document="13622"] .headslider .abstract > p {max-width: 85%;}

    @media (orientation: portrait) {
        @supports (object-fit: cover) {
            .headslider.slimheads.heads-bck .swiper-slide { height: 30vh; }
            .headslider.slimheads.heads-bck .swiper-slide img { height: 60vh; }
        }
    }
}

@media (max-width:480px) {
    .headslider.slimheads.heads-bck .swiper-slide { height: 30vh; }
    .headslider .headtexts {padding-inline: 2%; top: 50%; width:85%}
    .headslider .headtitle {font-size: 1.8em;}
    .headslider .abstract h2 { font-size: 1.5em;}
    .headslider .abstract {font-size: 1em; margin-top: 10px;}
    .headslider .swiper-pagination { display: block; bottom: 60px; }
    .headslider .swiper-button-prev, .headslider .swiper-button-next { display: none; }
    
    html[data-document="13622"] .headslider .abstract > h1 {max-width: 95%; font-size: 2.5rem;}
    html[data-document="13622"] .headslider .abstract > h5 {font-size: 1.2rem;}
    html[data-document="13622"] .headslider .abstract > p {max-width: 95%;}
}

@media (max-width:320px) {
    .headslider .headtitle { font-size: 1.45em; }
}

@media (orientation:landscape) and (max-height:640px) {
    .headslider .headtitle {font-size: 1.8em;}
}
