@font-face {
        font-family: 'Carton Six Regular';
        font-style: normal;
        font-weight: normal;
        src: local('Carton Six Regular'), url('https://www.comix.it/wp-content/themes/twentyseventeen-child/assets/images/vodcast/Carton_Six.woff') format('woff');
    }

    body,
    html {
        margin: 0;
        padding: 0;
        width: 100%;
        height: 100%;
        font-family: 'Cartoon Six', sans-serif;
    }

    body {
        background: url('https://www.comix.it/wp-content/themes/twentyseventeen-child/assets/images/vodcast/quadretti.jpg') no-repeat center center fixed;
        background-size: cover;
    }

    .logo {
        width: 100%;
        background-color: #fff;
    }

    .logo svg {
        padding: 20px;
        max-width: 150px;
    }

    .hero {
        position: relative;
    	height: 100%;
        overflow: hidden;
		display:block;
    }
	.hero video{
			display:block;
		}
#videoThumbnail {
  width: 100%;
  height: auto;
  cursor: pointer;
  display: block; /* Assicurati che sia visibile all'inizio */
}
#myVideo{
width:100%;
	display:none;
}
    .video-container {
  position: relative;
  max-width: 100%;
  overflow: hidden;
}

.video-overlay {
  position: relative;
}

.video-overlay img {
  width: 100%;
  height: auto;
  display: block;
}

.controls {
  position: absolute;
  bottom: 20px;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  gap: 15px;
  padding: 10px;
  border-radius: 10px;
  z-index: 10;
}

.controls button {
  background: #000;
  border: none;
  padding: 10px;
  font-size: 16px;
  border-radius: 5px;
  cursor: pointer;
  color: #fff;
}

.icon {
  /*width: 30px;*/
  height: 30px;
  stroke: #fff;
  stroke-width: 1.5px;
}



#videoThumbnail2 {
  width: 100%;
	max-width: 800px !important;
  height: auto;
  cursor: pointer;
  display: block; /* Assicurati che sia visibile all'inizio */
border-radius:0;
}
#myVideo2{
width:100%;
	display:none;
}
    .video-container2 {
  position: relative;
  max-width: 100%;
  overflow: hidden;
}

.video-overlay2 {
  position: relative;
}

.video-overlay2 img {
  width: 100%;
  height: auto;
  display: block;
}

.controls2 {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  gap: 15px;
  padding: 0;
  border-radius: 10px;
  z-index: 10;
}

.controls2 button {
  background: #000;
  border: none;
  padding: 10px;
  font-size: 16px;
  border-radius: 5px;
  cursor: pointer;
  color: #fff;
opacity: 0.7;
}

.icon2 {
  width: 30px;
  height: 30px;
  stroke: #fff;
  stroke-width: 1.5px;
}



    .row {
        width: 100%;
        margin-right: 0px;
        margin-left: 0px;
    }

    .row-yellow {
        height: 78px;
        background: #FFD152;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 36px;
    }

    .row-yellow p {
        font-family: 'Carton Six Regular';
        font-style: normal;
        font-weight: normal;
        font-size: calc(1rem + 1vw);
        text-align: center;
    }

    .row-image {
        height: 800px;
        background-size: contain;
        display: flex;
        /*background-color: #fff;*/
    }

    .row-image .column {
        width: 50%;
        padding: 20px;
    }

    .row-image .column img {
        width: auto;
        height: auto;
        max-width: 160px;
    }

    .box-testo-principale {
        font-family: 'Carton Six Regular';
        font-size: clamp(1rem, 5vw, 72px);
        text-align: center;
        line-height: 1.2;
        text-align: left;
        margin-left: 20%;
    }

    .box-testo-principale .comix-2026-txt {
        display: inline-block;
        background-color: black;
        color: #FFD152;
        padding: 10px 20px;
        border-radius: 20px;
        box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
        transform: rotate(356deg);
    }

    .box-testo-principale .comix-2026-txt2 {
        color: black;
        margin-top: 10px;
    }

    .box-testo-principale .comix-2026-txt2 span {
        color: #EB008B;
    }

    .row-image .comix-2026-txt3 {
        font-family: 'Barlow Semi Condensed', sans-serif;
        font-size: clamp(1rem, 5vw, 36px);
        font-weight: 600;
        color: #1E1E1E;
        margin-left: 20%;
        margin-top: 30px;
    }

    .row-image .comix-2026-social ul {
        font-family: 'Barlow Semi Condensed', sans-serif;
        font-size: clamp(1rem, 5vw, 36px);
        text-align: center;
        line-height: 1.2;
        text-align: left;
        margin-left: 20%;
        display: flex;
    }

    .row-image .comix-2026-social ul li {
        list-style: none;
        margin-top: 20px;
    }

    .row-image .comix-2026-social ul img {
        width: 100px;
        margin-right: 20px;
    }


    /* CLASSI PAGINA INFLUENCER VODCAST*/

    .vodcast-info {
        width: 100%;
        max-width: 950px;
        text-align: center;
        margin: 0 auto;
        padding-top: 130px;
    }

    .dec_personaggio_vodcast {
        width: 100%;
        max-width: 598px !important;
        position: absolute;
        top: -280px;
        left: 0;
    }

    .freccia_personaggio_vodcast {
        width: 100%;
        max-width: 300px !important;
        position: absolute;
        top: 50px;
        right: 0;
    }

    .mess_podcast_inattesa {
        width: 100%;
        margin-top: 100px;
        padding: 25px;
        text-align: center;
        font-family: 'Carton Six Regular';
        font-size: calc(1rem + 2vw);
        line-height: normal;
    }

    .vodcast-info h2 {
        width: 100%;
        padding: 25px;
        text-align: center;
        font-family: 'Carton Six Regular';
        font-size: calc(1rem + 2vw);
        line-height: normal;
    }

    .vodcast-info .descrizione_autore {
        color: #000000;
        font-family: 'Barlow';
        font-size: clamp(1rem, 5vw, 22px);
        padding: 0;
        margin: 0;
        font-weight: 600;
        text-align: center;
        margin-top: 10px;
        margin-bottom: 30px;
    }

    .back_vodcast {
        background-image: url('https://www.comix.it/wp-content/themes/twentyseventeen-child/assets/images/vodcast/back_vodcast.png');
        background-size: cover;
        background-position: center;
        display: flex;
        align-items: center;
        justify-content: center;
        box-sizing: border-box;
        flex-direction: column;
        z-index: 1;
        width: 100%;
        height: 55%;
        /*box-shadow: -16px 24px 18.1px 0 rgba(0, 0, 0, 0.25);*/
    }

    .back_vodcast div {
        width: 50%;
    }

    .mess_podcast_inattesa span {
        color: #EB008B;
    }

    .dec2_personaggio_vodcast {
        position: absolute;
        max-width: 500px !important;
        right: 0;
    }

    .vodcast-info .data_puntata {
        font-family: 'Carton Six Regular';
        font-size: calc(0.3rem + 2vw);
        line-height: normal;
    }

    .vodcast-info .data_puntata span {
        color: #EB008B;
    }


    .box-youtube-dx {
        background-image: url('https://www.comix.it/wp-content/themes/twentyseventeen-child/assets/images/vodcast/blocco1.png');
        background-size: contain;
        background-repeat: no-repeat;
        background-position: right;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .box-youtube-dx iframe {
        height: 500px;
        max-width: 700px;
    }

    .owl-wrapper-outer {
        margin-left: 10%;
        overflow: unset !important;
    }

    .owl-carousel {
        position: relative;
        top: -79px;
        opacity: 1;
        display: block;
    }

    .owl-carousel .carousel-item img {
        max-width: 100%;
        /* Imposta la larghezza massima al 100% del contenitore */
        max-height: 450px;
        /* Imposta un'altezza massima (puoi regolare il valore) */
        object-fit: contain;
        /* Mantiene le proporzioni dell'immagine */
        margin: 0 auto;
        /* Centra l'immagine */
    }

    .carousel-section {
        background-size: cover;
        background-position: center;
        background-color: #fff;
        text-align: center;
        color: white;
    }

    .carousel-section h1 {
        margin-top: 40px;
    }

    .topBar {
        width: 100%;
        height: auto;
    }

    .boxInterrogati {
        display: flex;
        align-items: center;
        height: 100%;
    }

    .boxInterrogati-bx1 {
        width: 50%;
        height: 100%;
        left: 0;
        color: #1d1d1b;
    }

    .boxInterrogati-bx1 h1 {
        font-family: 'Carton Six Regular';
        font-size: clamp(1rem, 5vw, 100px);
        margin: 0;
		font-weight:300;
    }

    .boxInterrogati-bx1 h1 span {
        color: #EB008B;
		font-weight:300;
    }

    .boxInterrogati-bx2 {
        width: 50%;
        height: 100%;
        position: relative;
        top: 0;
        left: 0;
        color: #1d1d1b;
    }

    .boxInterrogati-bx2 img {
        width: 100%;
        height: auto;
        max-width: 800px !important;
    }

    .box-ultima-puntata {
        position: relative;
    }

	.box-ultima-puntata video{
        max-width:800px;
    }

    .box-ultima-puntata .left {
        display: flex;
        flex-direction: column;
        align-items: center;
        background-image: url('https://www.comix.it/wp-content/themes/twentyseventeen-child/assets/images/vodcast/bg_vodcast_box_footer.jpg');
        background-size: cover;
        background-position: left;
        padding: 20px;
        box-sizing: border-box;
        background-color: #000;
        background-repeat: no-repeat;
        justify-content: center;
        padding-right: 212px;
    }

    .box-ultima-puntata .left div {
        width: 340px;
    }

    .box-ultima-puntata .left .ult-uscita-txt1 {
        font-size: calc(1rem + 0.5vw);
        color: #fff;
		padding-top:30px;
    }

    .box-ultima-puntata .left .ult-uscita-txt2 {
        font-family: 'Carton Six Regular';
        font-size: clamp(1rem, 5vw, 50px);
        color: #FFD152;
        padding-bottom: 30px;
    }

    .box-ultima-puntata .left .ult-uscita-txt3 {
        font-family: 'Barlow';
        font-size: clamp(1rem, 5vw, 27px);
        color: #fff;
    }

    .box-ultima-puntata .right {
        background-image: url('https://www.comix.it/wp-content/themes/twentyseventeen-child/assets/images/vodcast/post-it-giallo.png');
        background-size: cover;
        background-position: center;
        display: flex;
        align-items: center;
        justify-content: center;
        box-sizing: border-box;
        z-index: 1;
        width: 47%;
        position: absolute;
        right: 0;
        height: 716px;
        top: -47px;
    }

    .box-ultima-puntata .right iframe {
        max-width: 100%;
        max-height: 100%;
    }

    .row-split {
        height: 624px;
        display: flex;
    }

    .row-split .left {
        width: 58%;
        background-size: auto;
        padding: 85px;
        color: white;
        height: 533px;
        position: absolute;
        top: 23px;
        background-position: left;
    }

    .row-split .right {
        width: 47%;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .row-footer {
        height: 530px;
        background-size: 100%;
        background-position: bottom;
        background-repeat: no-repeat;
        width: 100%;
        background-image: url('https://www.comix.it/wp-content/themes/twentyseventeen-child/assets/images/vodcast/blocco-finale.png');
    }

    .row-newsletter {
        display: flex;
        flex-direction: column;
        background-image: url('https://www.comix.it/wp-content/themes/twentyseventeen-child/assets/images/vodcast/bg-striscia-video.png');
        background-repeat: no-repeat;
        background-size: cover;
    }

    .row-newsletter .left {
        width: 50%;
        background-size: cover;
        background-position: center;
    }

    .row-newsletter .right {
        width: 50%;
        padding: 20px;
    }

    .row-newsletter .row-newsletter-box1 {
        display: flex;
        align-content: center;
        justify-content: end;
        padding-right: 65px;
        padding-top: 65px;
        padding-bottom: 65px;
    }

    .row-newsletter .row-newsletter-box1 img {
        width: 100%;
        height: auto;
        max-width: 600px !important;
    }

    .row-newsletter .row-newsletter-box2 {
        display: flex;
        justify-content: center;
        color: #fff;
        font-family: 'Carton Six Regular';
        font-size: clamp(1rem, 5vw, 63px);

    }

    .row-newsletter .row-newsletter-box2 div {
        display: inline-block;
        background-color: #EB008B;
        color: #FFCA05;
        padding: 10px 20px;
        border-radius: 20px;
        box-shadow: 2px 2px 5px #EB008B;
        transform: rotate(352deg);
        margin-left: 20px;
        margin-right: 20px;
        position: relative;
        top: -14px;
    }

    .row-newsletter .left {
        font-family: 'Barlow';
        font-size: clamp(1rem, 5vw, 27px);
        color: #fff;
        display: flex;
        justify-content: center;
        width: 100%;
        margin-top: 60px;
        margin-bottom: 60px;
    }

    .row-newsletter .left form {
        display: flex;
        flex-direction: row;
        align-items: anchor-center;
    }

    .row-newsletter .left form label {
        font-family: 'Barlow';
        font-size: clamp(1rem, 5vw, 20px);
        color: #fff;
        margin-right: 13px;
        font-weight: 400;
    }

    .row-newsletter .left form input[type="email"] {
        width: 300px;
        height: 31px;
        opacity: 0.5;
        border: 0 !important;
    }

    .row-newsletter .left form button[type="submit"] {
        width: 100px;
        height: 37px;
        opacity: 0.5;
        font-size: 20px;
        padding: 0;
        margin-bottom: 0;
    }

    .rotated-img.negative {
        transform: rotate(-4deg);
        margin-top: 40px;
        margin-bottom: 40px;
        text-align: center;
        max-width: 395px;
    }

    .rotated-img.negative h3 {
        color: #EB008B;
        font-family: 'Carton Six Regular';
        font-size: clamp(1rem, 5vw, 36px);
        padding: 0;
        margin: 0;
        margin-top: 10px;
        text-align: left;
		font-weight:300;
    }

    .rotated-img.negative p {
        color: #000000;
        font-family: 'Barlow';
        font-size: clamp(1rem, 5vw, 21px);
        padding: 0;
        margin: 0;
        font-weight: 600;
        text-align: left;
    }

    .rotated-img.positive {
        transform: rotate(3deg);
        margin-top: 40px;
        margin-bottom: 40px;
        text-align: center;
        max-width: 395px;
			margin-left: 8px;
		margin-right: 8px;
    }

		.rotated-img.positive p a{
			color:#000000 !important;
		}
	.rotated-img.negative p a{
			color:#000000 !important;
		}

    .rotated-img.positive h3 {
        color: #EB008B;
        font-family: 'Carton Six Regular';
        font-size: clamp(1rem, 5vw, 36px);
        padding: 0;
        margin: 0;
        margin-top: 10px;
        text-align: left;
		font-weight:300;
    }

    .rotated-img.positive p {
        color: #000000;
        font-family: 'Barlow';
        font-size: clamp(1rem, 5vw, 21px);
        padding: 0;
        margin: 0;
        font-weight: 600;
        text-align: left;
    }

    form {
        margin-top: 20px;
    }

	.owl-dots{
		display:none;
	}
	.torna-home{
		    text-align: center;
			display: flex;
			width: 100%;
			flex-direction: column;
			padding: 100px;
			font-size: 36px;
			font-family: 'Carton Six Regular';
		    padding: 31px;
		}
		
		.torna-home a{
			color:#000;
		}
.owl-nav button {
  background-color: transparent;
  border: none;
  font-size: 2rem;
  color: #333;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 100;
  cursor: pointer;
}

.owl-prev {
  left: -30px;
}
.owl-prev span {
    background-color: #ffd152;
        width: 80px;
        height: 80px;
    display: block;
    border-radius: 300px;
    position: absolute;
    left: 35px;
    top: -42px;
	    font-size: 51px;
    font-weight: 600;
	color:#000;
}
.owl-next {
  right: -30px;
}
.owl-next span {
    background-color: #ffd152;
        width: 80px;
        height: 80px;
    display: block;
    border-radius: 300px;
    position: absolute;
    right: 35px;
    top: -42px;
	    font-size: 51px;
    font-weight: 600;
	color:#000;
}
    @media (max-width: 768px) {
        .row {
            flex-direction: column;
        }
		
		    .hero {
        position: relative;
    	display: block;
				line-height:0;
        overflow: hidden;
    }
		.hero video{
			display:block;
		}

        .row-yellow {
            width: 100%;
            height: auto;
            font-size: 24px;
            padding: 10px;
        }
		
		.row-yellow p{
			font-size:18px;
		}

        .row-image {
            flex-direction: column;
            height: auto;
        }

        .row-image .column {
            width: 100%;
            padding: 0;
            margin-bottom: 30px;
        }

        .freccia-img {
            max-width: 100px;
        }

        .comix-text {
            margin-left: 0;
            font-size: 24px;
        }

        .comix-highlight {
            padding: 5px 10px;
            font-size: 18px;
        }

        .season-text {
            margin-left: 0;
            font-size: 18px;
            text-align: center;
        }

        .platform-list {
            margin-left: 0;
            justify-content: center;
            gap: 10px;
        }

        .box-youtube-dx iframe {
            height: 200px;
            max-width: 80%;
        }

        .video-column {
            background-image: none;
            padding: 10px;
        }

        .video-iframe {
            height: 200px;
            max-width: 100%;
        }

        .carousel-section {
            padding: 0;
        }

        .carousel-header {
            flex-direction: column;
            align-items: center;
        }

        .carousel-title {
            width: 100%;
            text-align: center;
        }

        .carousel-image {
            width: 100%;
            text-align: center;
        }
		.back_vodcast div{
			width:100%;
		}
		
.owl-prev {
  left: -30px;
}
.owl-prev span {
        width: 50px;
        height: 50px;
    display: block;
    border-radius: 300px;
    position: absolute;
    left: 35px;
    top: -45px;
	    font-size: 40px;
    font-weight: 600;
	color:#000;
	        line-height: 43px;

}
.owl-next {
  right: -30px;
}
.owl-next span {
        width: 50px;
        height: 50px;
    display: block;
    border-radius: 300px;
    position: absolute;
    right: 35px;
    top: -45px;
	    font-size: 40px;
    font-weight: 600;
	color:#000;
	        line-height: 43px;

}
		
		.box-testo-principale {
        	text-align: center;
			margin-left:0;
			font-size:36px;
    	}

        .box-ultima-puntata .right {
            width: 100%;
            height: 385px;
            position: relative;
            /* padding: 26px; */
            background-image: url('https://www.comix.it/wp-content/themes/twentyseventeen-child/assets/images/vodcast/post-it-giallo.png');
            background-size: cover;
            background-position: center;
            margin: auto;
        }

        .box-ultima-puntata .left {
            width: 100%;
            padding: 10px;
            background-image: url('https://www.comix.it/wp-content/themes/twentyseventeen-child/assets/images/vodcast/bg_vodcast_box_footer.jpg');
            background-size: cover;
            background-position: center;
            position: static;
        }

        .box-ultima-puntata .left .ult-uscita-txt1 {
            font-size: 16px;
        }

        .box-ultima-puntata .left .ult-uscita-txt2 {
            font-size: 40px;
        }

        .box-ultima-puntata .left .ult-uscita-txt3 {
            font-size: 25px;
        }

        .row-split {
            flex-direction: column;
            height: auto;
        }

        .row-image .comix-2026-txt3 {
            margin-top: 20px;
            margin-left: 0;
			text-align:center;
			font-size:21px;
        }

        .row-image .comix-2026-social ul {
            font-family: 'Barlow Semi Condensed', sans-serif;
            font-size: clamp(1rem, 5vw, 36px);
            text-align: center;
            line-height: 1.2;
            text-align: left;
            margin-left: auto;
            display: flex;
            width: 100%;
            justify-content: center;
            margin-bottom: 20px;
        }

        .row-image .comix-2026-social ul img {
            width: 50px;
            margin-right: 10px;
        }
		
		.row-image .column img.freccia{
			width:30% !important;
		}

        /* CLASSI PAGINA INFLUENCER VODCAST*/

        .dec2_personaggio_vodcast {
            display: none;
        }

        .vodcast-info {
            width: 100%;
            max-width: 400px;
            text-align: center;
            margin: 0 auto;
            padding-top: 123px;
        }

        .vodcast-info h2 {
            font-size: 5rem;
        }

        .vodcast-info .data_puntata {
            font-size: 3rem;
        }

        .dec_personaggio_vodcast {
            display: none;
        }

        .freccia_personaggio_vodcast {
            display: none;
        }

        .mess_podcast_inattesa {
            font-size: 3rem;
            padding-top: 10px;
        }

        .split-left,
        .split-right {
            width: 100%;
            position: static;
            padding: 10px;
            text-align: center;
        }

        .split-right iframe {
            width: 100%;
            height: 200px;
        }

        .row-footer {
            height: 85px;
            padding: 10px;
        }

        .row-newsletter {
            flex-direction: column;
            align-items: center;
            padding: 10px;
            background-size: cover;
        }

        .row-newsletter .row-newsletter-box1 {
            display: flex;
            align-content: center;
            justify-content: end;
            padding-right: 45px;
            padding-top: 45px;
            padding-bottom: 65px;
            padding-left: 45px;
        }

        .row-newsletter .row-newsletter-box1 img {
            max-width: 100%;
        }

        .row-newsletter .row-newsletter-box2 {
                text-align: center;
        font-size: 20px;
        flex-direction: column;
        height: auto;
        display: block;
        }
		
	.row-newsletter .row-newsletter-box2 div {
		        display: inline-block;
        background-color: #EB008B;
        color: #FFCA05;
        padding: 10px 20px;
        border-radius: 20px;
        box-shadow: 2px 2px 5px #EB008B;
        transform: rotate(0deg);
        margin-left: 10px;
        margin-right: 10px;
        position: relative;
        top: 0;
	}

        .newsletter-highlight {
            font-size: 18px;
            padding: 5px 10px;
        }

        .newsletter-form {
            margin-left: 0;
            text-align: center;
        }

        .row-newsletter .left form {
            display: flex;
            flex-direction: column;
            align-items: anchor-center;
        }

        .newsletter-input {
            width: 90%;
        }

        .newsletter-button {
            width: 90%;
        }

        .boxInterrogati {
            flex-direction: column;
            align-items: center;
        }

        .boxInterrogati-bx1 h1 {
            font-size: 11vw;
            padding-top: 30px;
            padding-bottom: 20px;
        }

        .boxInterrogati-bx1 {
            width: 65%;
        }

        .boxInterrogati-bx2 {
            width: 90%;
            top: 5px;
            left: 58px;
        }

        .rotated-img {
            width: 100%;
            margin: 20px 0;
        }

        .rotated-img h3 {
            font-size: 18px;
        }

        .rotated-img p {
            font-size: 14px;
        }

        .rotated-img.negative {
            transform: rotate(-0deg);
            max-width: 100%;
        }

        .rotated-img.negative h3 {
            text-align: center;
            font-size: 8vw;
        }

        .rotated-img.negative p {
            text-align: center;
            font-size: 4vw;
        }

        .rotated-img.positive {
            transform: rotate(-0deg);
            max-width: 100%;
        }

        .rotated-img.positive h3 {
            text-align: center;
            font-size: 8vw;
        }

        .rotated-img.positive p {
            text-align: center;
        }
		
		.rotated-img.positive p a{
			color:#000000 !important;
		}

        .owl-carousel .owl-item img {
            max-width: 100%;
            max-height: 350px;
        }

        .owl-wrapper-outer {
            margin-left: auto !important;
        }

        .owl-carousel {
            overflow: visible;
        }

        .owl-stage-outer {
            overflow: visible;
        }

        .owl-carousel {
            position: relative;
            top: -54px;
            opacity: 1;
            display: block;
            padding-left: 30px;
            padding-right: 30px;
        }
    }