/* FONTS */

@font-face {
    font-family: 'Big Caslon';
    src: url('../font/BigCaslon-Medium.woff2') format('woff2'),
        url('../font/BigCaslon-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Typewriter';
    src: url('../font/TypewriterBold.woff2') format('woff2'),
        url('../font/TypewriterBold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Typewriter';
    src: url('../font/Typewriter.woff2') format('woff2'),
        url('../font/Typewriter.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'You Wont Bring Me Down';
    src: url('../font/YouWontBringMeDown.woff2') format('woff2'),
        url('../font/YouWontBringMeDown.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'vogue_parisregular';
    src: url('../font/vogueparis_regular-webfont.woff2') format('woff2'),
         url('../font/vogueparis_regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}


/* 
font-family: 'Abhaya Libre', serif;
font-family: 'Amatic SC', cursive;
*/


* {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

img{image-rendering: -moz-crisp-edges; /* Firefox */
image-rendering: -o-crisp-edges; /* Opera */
image-rendering: -webkit-optimize-contrast; /* Webkit (non-standard naming) */
image-rendering: optimizequality;;
-ms-interpolation-mode: nearest-neighbor; /* IE (non-standard property) */}

/* GENERALI */
.grecaptcha-badge{display: none;}
body{overflow-x: hidden; overflow-y: hidden; font-family: 'Abhaya Libre', serif; font-size: 21px; line-height: 23px; font-weight: normal;}
body.page-template-default{overflow-y: scroll;}
.page-template-newsletter .entry-content{margin-top: 0;}
.contenitore-flex {display: flex; flex-direction: row; flex-wrap: wrap;}
.fcol{flex-direction: column;}
.no-overflow{overflow: hidden;}
input:focus, select:focus, textarea:focus, button:focus {outline: none!important;}
picture{position: relative;}
picture img{width: 100%;}
.post, .page{margin:0!important;}
.un-terzo {flex-basis: 33.3333%;} 
.un-mezzo{flex-basis: 50%;}
.due-terzi {flex-basis: 66.6666%;}
.un-quarto{flex-basis: 25%;}
.un-settimo{flex-basis: 14%;} 
.un-sesto{flex-basis: 16%;}
.due-quinti{flex-basis: 40%;}
.tre-quinti{flex-basis: 60%;}
#cookie-law-info-bar a{color: #fff;}
.animato{-webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both;}
.oggetto-hover{-webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; animation-play-state: paused; animation-iteration-count: infinite;}
.oggetto-hover:hover{animation-play-state: running;}


/* HEADER */
.page-id-80 .site-header.clone{display: none;}
.page-template-confetti .site-header, .page-id-80 .site-header{position: fixed;  display: flex;  z-index: 999; width: 90%; padding: 50px 0; top: 0; left: 0; right: 0; transition:all .5s linear; pointer-events: none; margin: 0 auto; align-items: center;}
.theme-confetti .main-navigation {display: flex; width: 100%; flex-direction: row; justify-content: flex-end;}
.contenitore-menu-landing {display: flex; flex-direction: column;}
.site-branding svg{width: 100%; max-width: 150px;}

/* MENU */
.hamburger{display: flex!important; z-index: 999; pointer-events: all; position: relative;}
.hamburger::after{content: url('https://www.confettinpillole.it/wp-content/themes/confetti/SVG/confetti-scotch-rosso.svg'); position: absolute; width: 240%; z-index: -1; left: -80%; right: 0; margin: 0 auto; top: 2%;}
a.link-to-shop img{max-width: 23px; width: 100%; z-index: 999; pointer-events: all;}

.link-to-shop{position: relative; margin-top: 20px;}
.link-to-shop::after{content: url('https://www.confettinpillole.it/wp-content/themes/confetti/SVG/confetti-scotch-rosa.svg'); position: absolute; width: 230%; z-index: -1; left: -70%; right: 0; margin: 0 auto; top: -13%;}
a.link-to-shop img{max-width: 20px; width: 100%;}

/* OVERLAY */
.contenitore-link-landing{max-width: 80vw;  width: 100vw; align-items: center; justify-content: space-between;}
.contenitore-link-landing .un-quarto{flex-basis: 22%; height: 30vw; display: flex; flex-direction: column; justify-content: center; align-items: center;}
.contenitore-link-landing .un-quarto:nth-child(1){background-color: #e56a54; }
.contenitore-link-landing .un-quarto:nth-child(2){background-color: #ffc658; display: none;} /* PILLOLE */
.contenitore-link-landing .un-quarto:nth-child(3){background-color: #f59bbb; }
.contenitore-link-landing .un-quarto:nth-child(4){background-color: #9f5cc0;}
.contenitore-link-landing .un-quarto a{justify-content: center; align-items: center; font-family: 'Abhaya Libre', serif; font-size: 27px; line-height: 35px; text-align: center; font-weight: normal; text-decoration: none; color: #fff!important; width: 100%; height: 100%;}
.contenitore-link-landing .un-quarto img{margin-bottom: 50px; height: 75px;}

.contenitore-link-landing .un-quarto:nth-child(1) img{max-width: 61px; }
.contenitore-link-landing .un-quarto:nth-child(2) img{max-width: 53px; }
.contenitore-link-landing .un-quarto:nth-child(3) img{max-width: 60px; }
.contenitore-link-landing .un-quarto:nth-child(4) img{max-width: 75px; }

/* HOMEPAGE */
.page-template-confetti .entry-content{ display: flex; flex-wrap: nowrap; overflow-x: scroll; overflow-y: hidden; margin: 0;}
.sezione-sito{width: 100vw; height: 100vh; flex: 0 0 auto; background-image: url('https://www.confettinpillole.it/wp-content/uploads/2020/12/confetti-texture.jpg'); background-size: cover;}
.contenuto-sezione{height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; position: relative;}
img.logo-intro{max-width: 30vw;}
span.claim-news{padding: 0 5%;}

/* SEZIONE 2 */
h2.titolo-domanda{font-family: 'Abhaya Libre', serif; font-size: 5vw; line-height: 5vw; text-align: center; font-weight: normal; text-decoration: none; color: #000; text-align: center;} 
.icona-anello{position: absolute; max-width: 13vw; top: 3vw; left: 2vw;}
.icona-calendario{position: absolute; max-width: 7vw; bottom: 3vw; right: 12vw;}

.scritta-scotch{z-index: 2; visibility: hidden;}
.scritta-scotch.spaceInDown{visibility: visible;}
.scritta-scotch span{position: relative; z-index: 2;}
.scritta-scotch:nth-of-type(1){position: absolute; top: 20vw; left: 15vw; margin: 0;}
.scritta-scotch:nth-of-type(1) span{font-family: 'You Wont Bring Me Down'; font-size: 36px; line-height: 1; font-weight: normal; color: #000; transform: rotate(-15deg); display: inline-block; opacity: 0; transition: all linear 0.5s 0.5s;}
.scritta-scotch:nth-of-type(1)::after{content: url('https://www.confettinpillole.it/wp-content/themes/confetti/SVG/confetti-scotch-viola.svg'); position: absolute; width: 300%; z-index: 1; left: -90%; right: 0; margin: 0 auto; top: -50%;}
.scritta-scotch:nth-of-type(1).spaceInDown span{opacity: 1;}

.scritta-scotch:nth-of-type(2){position: absolute; bottom: 6vw; right: 29vw; margin: 0;}
.scritta-scotch:nth-of-type(2) span{font-family: 'Amatic SC', cursive; font-size: 41px; line-height: 1; font-weight: normal; color: #000; transform: rotate(15deg); display: inline-block;  opacity: 0; transition: all linear 0.5s 1.0s;}
.scritta-scotch:nth-of-type(2)::after{content: url('https://www.confettinpillole.it/wp-content/themes/confetti/SVG/confetti-scotch-giallo.svg'); position: absolute; width: 300%; z-index: 1; left: -90%; right: 0; margin: 0 auto; top: -50%;}
.scritta-scotch:nth-of-type(2).spaceInDown{animation-delay: 1s;}
.scritta-scotch:nth-of-type(2).spaceInDown span{opacity: 1; transition-delay: 1.5s}

.icona-anello.animate__swing{-webkit-transform-origin: center; transform-origin: center;}

/* SEZIONE 3 */
h2.titolo-affermazione{font-family: 'Big Caslon'; color: #000; font-size: 7vw; line-height: 8vw; font-weight: 500; text-align: center; text-transform: uppercase; position: relative; margin: 0; visibility: visible; }
h2.titolo-affermazione .scotch-assoluto{position: absolute; z-index: 1; top: -6vw; left: 0; opacity: 0!important; margin: 0; visibility: visible; } 
h2.titolo-affermazione .scotch-assoluto.tinDownIn{opacity: 1!important;  -moz-opacity: 1!important; -webkit-opacity: 1!important;  visibility: visible;  }
p.testo-sottotitolo{font-family: 'Abhaya Libre', serif; font-size: 30px; line-height: 38px; font-weight: normal; color: #000; max-width: 70vw; margin: 50px auto; text-align: center;}

a.link-multicolor{text-decoration: none!important; font-family: 'Big Caslon'; font-size: 26px; line-height: 1;}
a.link-multicolor span:nth-child(4n+1){color: #9f5cc0; border-bottom: 1px solid #9f5cc0;}
a.link-multicolor span:nth-child(4n+2){color: #f59bbb; border-bottom: 1px solid #f59bbb;}
a.link-multicolor span:nth-child(4n+3){color: #e56a54; border-bottom: 1px solid #e56a54;}
a.link-multicolor span:nth-child(4n+4){color: #ffc658; border-bottom: 1px solid #ffc658;}

/* SEZIONE 4 */
.riga-about{max-width: 80vw; width: 80vw; position: relative; text-align: center; margin-top: -10px;}
.riga-about a{text-decoration: none;}
.riga-about p, .riga-lista p{font-family: 'Abhaya Libre', serif;  font-size: 25px; line-height: 1; font-weight: normal; color: #000; margin: 20px auto;}
.riga-about span{font-family: 'Big Caslon'; font-size: 37px; line-height: 1; font-weight: 500; color: #000; text-transform: uppercase; margin: 0 5px;}
.riga-about p.contenitore-flex{align-items: center; justify-content: center;}
img.ico-markpoint{max-width: 25px; margin-left: 25px;}

/* BORDI */
.riga-about:nth-child(1)::before{position: relative; content: ''; width: 100%; display: inline-block; height: 2px; border-top: 2px dashed #000;}
.riga-about.riga-about:nth-child(2)::before{position: relative; content: ''; width: 110%; display: inline-block; height: 2px; border-top: 2px dashed #000; left: -5%;}
.riga-about:nth-child(3)::before{position: relative; content: ''; width: 100%; display: inline-block; height: 2px; border-top: 2px dashed #000; }
.riga-about:nth-child(4)::before{position: relative; content: ''; width: 110%; display: inline-block; height: 2px; border-top: 2px dashed #000; left: -5%;}
.riga-about:nth-child(5)::before{position: relative; content: ''; width: 100%; display: inline-block; height: 2px; border-top: 2px dashed #000; }
.riga-about:nth-child(6)::before{position: relative; content: '';width: 80%; display: inline-block; height: 2px; border-top: 2px dashed #000;  margin: 0 auto;}
.riga-about:nth-child(6)::after{position: relative; content: ''; width: 100%; display: inline-block; height: 2px; border-bottom: 2px dashed #000; top: -10px;}

.ico-lampadina{position: absolute; max-width: 6.5vw; right: 0; bottom: 1vw;}
.sezione-conosciamoci a.link-multicolor{margin-top: 30px;}

.contenitore-foto-alessandra{position: absolute; left: 5vw; top: 10vh; width: 15vw; transform: rotate(-15deg);}
.contenitore-foto-alessandra img.foto-alessandra{opacity: 0; transition: all linear 0.5s;}
.contenitore-foto-alessandra.attivo img.foto-alessandra{opacity: 1;}
.foto-alessandra-scotch-giallo{position: absolute; width: 40%; z-index: 1; left: -90%; right: 0; margin: 0 auto; top: -30px; animation-delay: 0.5s; opacity: 0; -webkit-animation-duration: 0.5s!important; animation-duration: 0.5s!important;}
.foto-alessandra-scotch-viola{ position: absolute; width: 20%; z-index: 1; right: 0; margin: 0 auto; bottom: -30px; animation-delay: 1.0s; opacity: 0; -webkit-animation-duration: 0.5s!important; animation-duration: 0.5s!important;}

/* SEZIONE 5 */
.riga-lista{max-width: 80%; width: 80%; position: relative; text-align: center; margin-top: -10px;}
h2.titolo-lista{font-family: 'Big Caslon'; font-size: 37px; line-height: 1; font-weight: 500; color: #000; text-transform: uppercase;}
.contenuto-sezione.sezione-liste{flex-direction: row; flex-wrap: wrap;}
.contenuto-sezione.sezione-liste .un-mezzo{align-items: center; justify-content: center; }
.contenuto-sezione.sezione-liste .un-mezzo:first-of-type{margin-top: -69px;}

/* BORDI */
.riga-lista p{margin: 5px auto;}
.un-mezzo .riga-lista:nth-of-type(1)::before{position: relative; content: ''; width: 100%; display: inline-block; height: 2px; border-top: 2px dashed #000;}
.un-mezzo .riga-lista:nth-of-type(2)::before{position: relative; content: ''; width: 110%; display: inline-block; height: 2px; border-top: 2px dashed #000; left: -5%;}
.un-mezzo .riga-lista:nth-of-type(3)::before{position: relative; content: ''; width: 100%; display: inline-block; height: 2px; border-top: 2px dashed #000; }
.un-mezzo .riga-lista:nth-of-type(4)::before{position: relative; content: ''; width: 110%; display: inline-block; height: 2px; border-top: 2px dashed #000; left: -5%;}
.un-mezzo .riga-lista:nth-of-type(5)::before{position: relative; content: ''; width: 100%; display: inline-block; height: 2px; border-top: 2px dashed #000; }
.un-mezzo .riga-lista:nth-of-type(6)::before{position: relative; content: '';width: 80%; display: inline-block; height: 2px; border-top: 2px dashed #000;  margin: 0 auto;}
.un-mezzo .riga-lista:nth-of-type(7)::before{position: relative; content: '';width: 90%; display: inline-block; height: 2px; border-top: 2px dashed #000;  margin: 0 auto;}
.un-mezzo .riga-lista:nth-of-type(8)::before{position: relative; content: '';width: 70%; display: inline-block; height: 2px; border-top: 2px dashed #000;  margin: 0 auto;}
.un-mezzo .riga-lista:nth-of-type(9)::before{position: relative; content: '';width: 100%; display: inline-block; height: 2px; border-top: 2px dashed #000;  margin: 0 auto;}
.un-mezzo .riga-lista:nth-of-type(9)::after{position: relative; content: ''; width: 80%; display: inline-block; height: 2px; border-bottom: 2px dashed #000; top: -10px;}

.contenitore-top{position: relative; margin-top: 10px;}
.contenitore-top .ico-top{width: 100%; max-width: 156px;}
.ico-top-scotch-giallo{position: absolute; width: 100%; z-index: 1; right: 0; margin: 0 auto; top: 0px; animation-delay: 1.0s; opacity: 0; -webkit-animation-duration: 0.5s!important; animation-duration: 0.5s!important;}
.ico-top-scotch-giallo.animato.tinDownIn{opacity: 0.8!important;}

.ico-horror{width: 100%; max-width: 185px; margin-top: 30px; margin-bottom: 30px;}
.ico-heart{max-width: 6vw; position: absolute; top: 3vw; left: 6vw;}

/* SEZIONE 6 */
.contenitore-link-ig{display: flex; align-items: center; margin-top: 30px;}
.contenitore-link-ig img{width: 100%; max-width: 56px; margin-right: 20px;}
.nastro-viola{width: 100%; max-width: 137px; position: absolute; right: 10vw; top: 1vw; opacity: 0; -webkit-animation-duration: 0.5s!important; animation-duration: 0.5s!important;}
.nastro-rosso{width: 100%; max-width: 137px; position: absolute; left: 9vw; bottom: 16px; opacity: 0; animation-delay: 0.5s; -webkit-animation-duration: 0.5s!important; animation-duration: 0.5s!important;}
.nastro-rosso img{transform: rotate(-40deg);}
.nastro-viola.spaceInRight{opacity: 1;}
.nastro-rosso.spaceInDown{opacity: 1;}
.contenitore-foto-blocco{position: absolute; left: 2vw; top: 0; width: 15vw; }

/* SEZIONE 7 */
.ico-smartphone{position: absolute; width: 10vw; left: 5vw; bottom: 2vw;}

/* SEZIONE 8 */
.contenuto-sezione.sezione-prodotti{flex-direction: row; justify-content: space-around;}
.sezione-prodotti .un-quarto{text-align: center; justify-content: center; align-items: center; flex-basis: 20%;}
.sezione-prodotti .un-quarto:nth-of-type(1) img{max-width: 160px; height: 202px;}
.sezione-prodotti .un-quarto:nth-of-type(2) img{max-width: 160px;  height: 202px;}
.sezione-prodotti .un-quarto:nth-of-type(3) img{max-width: 200px;  height: 202px;}
.sezione-prodotti .un-quarto:nth-of-type(4) img{max-width: 200px;  height: 202px;}

.sezione-prodotti .un-quarto h3{font-family: 'Big Caslon'; font-size: 21px; line-height: 26px; font-weight: 500; text-transform: uppercase; color: #000;}

/* SEZIONE 9 */
.sezione-mail h2.titolo-affermazione{font-size: 3.5vw; line-height: 4vw;}
.sezione-mail h2.titolo-affermazione img.scotch-assoluto{width: 80%; top: 0vw; left: 2vw;}
.sezione-mail a.link-multicolor{margin-top: 50px;}
.sezione-70{width: 70vw;}

/* SEZIONE 10 */
.sezione-social a img{width: 100vw; max-width: 172px;}
.sezione-social a.link-multicolor{margin-top: 50px;}


/* SEZIONE 11 */
.sezione-newsletter .wpcf7{display: flex; flex-direction: column; align-items: center; justify-self: center; text-align: center; width: 80vw; max-width: 80vw;}
.sezione-newsletter .wpcf7 form{width: 100%;}
.riga-form{position: relative; display: flex; flex-direction: column; font-family: 'Big Caslon'; font-size: 26px; line-height: 27px; font-weight: 500; text-transform: uppercase; color: #000; margin: 40px auto;}
.riga-form p{margin: 0;}
.sezione-newsletter .wpcf7 .riga-form:nth-of-type(1)::before{position: relative; content: ''; width: 80%; display: inline-block; height: 2px; border-top: 2px dashed #000;  margin: 0 auto; top:-20px}
.sezione-newsletter .wpcf7 .riga-form:nth-of-type(2)::before{position: relative; content: ''; width: 70%; display: inline-block; height: 2px; border-top: 2px dashed #000;  margin: 0 auto; top:-20px}
.sezione-newsletter .wpcf7 .riga-form:nth-of-type(3)::before{position: relative; content: ''; width: 60%; display: inline-block; height: 2px; border-top: 2px dashed #000;  margin: 0 auto; top:-20px}
.sezione-newsletter .wpcf7 .riga-form:nth-of-type(4)::before{position: relative; content: ''; width: 75%; display: inline-block; height: 2px; border-top: 2px dashed #000;  margin: 0 auto; top:-20px}
.sezione-newsletter .wpcf7 .riga-form:nth-of-type(5)::before{position: relative; content: ''; width: 90%; display: inline-block; height: 2px; border-top: 2px dashed #000;  margin: 0 auto; top:-20px}
.sezione-newsletter .wpcf7 .riga-form:nth-of-type(5)::after{position: relative; content: ''; width: 80%; display: inline-block; height: 2px; border-top: 2px dashed #000;  margin: 0 auto; bottom:-20px}




div.wpcf7 input[type="text"], div.wpcf7 input[type="email"], div.wpcf7 input[type="tel"]{border: 0!important; border-radius: 0px; padding: 0px; -webkit-appearance: none!important; -moz-appearance: none!important; outline: 0; background-color: transparent;}
div#ui-datepicker-div { z-index:1000!important; }
input[type="date"]{background: transparent; border: none!important;}


.riga-policy{ font-size: 15px; color: #000!important; letter-spacing: 2px; margin: 20px 0; display: flex; vertical-align: middle; justify-content: center; margin-top: 100px;}
.riga-policy p{margin: 0;}
.riga-policy a{color: #000!important;}
.riga-policy input[type=checkbox]{-webkit-appearance:none!important; -moz-appearance: none!important;width: 20px; height: 20px; border: 2px solid #000;  margin-right: 20px;   outline:0;}
.riga-policy input[type=checkbox]:checked{background-color: #000; -webkit-appearance:none!important;   outline:0;}
span.wpcf7-list-item{margin: 1px 0!important;}

.sezione-newsletter form .wpcf7-submit{border: 0!important; border-radius: 0px; padding: 0px; -webkit-appearance: none!important; -moz-appearance: none!important; outline: 0; background-color: transparent; background: none; font-family: 'Big Caslon'; font-size: 26px; line-height: 27px; font-weight: 500; text-transform: uppercase; color: #000; text-decoration: underline;}
.sezione-newsletter h2.titolo-affermazione{font-size: 2.0vw; line-height: 1;}
.sezione-newsletter h2.titolo-affermazione:nth-of-type(2){font-size: 7.5vw;  font-family: 'vogue_parisregular'; line-height: 1.5;}
.sezione-newsletter h2.titolo-affermazione:nth-of-type(2) img.scotch-assoluto{top: 20px; width: 100%;}
.sezione-newsletter h2.titolo-affermazione img.scotch-assoluto{top:0; width: 70%; right: 0; margin: auto;}
.sezione-newsletter h2.titolo-affermazione img.scotch-assoluto.tinUpIn{opacity: 1!important;}
.ico-penne{position: absolute; max-width: 6.5vw; left: 4vw; top: 3.5vw; transform-origin: center!important;}
.sezione-newsletter .scritta-scotch:nth-of-type(2){bottom: 2vw; right: 20vw;}
.sezione-newsletter .scritta-scotch:nth-of-type(2)::after{width: 150%; left: -30%;}
.sezione-newsletter .scritta-scotch:nth-of-type(1)::after{width: 240%; left: -80%; top: -60%;}

/* SEZIONE 11 */
.sezione-mezza{width: 50vw;}

.sezione-social a.link-multicolor{cursor: default;}
.sezione-credits{}

.riga-aziendali{border-top: 2px dashed #000; border-bottom: 2px dashed #000;  text-align: center; padding: 20px;}
.riga-aziendali:nth-of-type(2){border-top: 0;}
.riga-aziendali p, .riga-aziendali a, .riga-aziendali a:hover{margin: 0; text-decoration: none; color: #000!important;}
.riga-aziendali:last-of-type{border-top: 0;}
.sezione-credits > .contenitore-flex{ align-items: center; height: 100%;}

.credits{display: flex; align-items: flex-end; margin-left: 50px; height: 100%; padding-bottom: 5%;}
.credits svg, .credits a{ max-width: 32px!important; width: 100%!important; height: 32px!important;}
.credits a:first-child{ color: #000!important; text-decoration: none!important; max-width: fit-content!important; margin: 0 10px 0 0; margin: 0 10px 0 0; height: auto;   line-height: 32px; max-width: -moz-fit-content !important; display: table;}

/* 404 */
.error404 .site-header{display: none!important;}
.error-404{height: 100vh; width: 100vw; text-align: center; display: flex; flex-direction: column; align-items: center; justify-content: center; margin: 0; }