﻿/* Paragraph */
.paragraph-wrapper:not(:empty):not(:last-child) { margin-bottom: 40px; }
.paragraph-wrapper .paragraph-title h2 { font-size: 1.3em; margin-bottom: 20px; line-height:1.2em; }
.paragraph-wrapper.paragraph-wrapper-image-right .paragraph-content,
.paragraph-wrapper.paragraph-wrapper-image-left .paragraph-content { display: flex; }
.paragraph-wrapper.paragraph-wrapper-image-right .paragraph-content { flex-direction: row-reverse; }
.paragraph-wrapper .paragraph-content .paragraph-text { flex-grow: 1; }
/* Image */
.paragraph-wrapper .paragraph-content .paragraph-image span.span-image { height: 0; position: relative; overflow: hidden; display: block; float:none; }
.paragraph-wrapper .paragraph-content .paragraph-image > a { display: inline-block; }
.paragraph-wrapper .paragraph-content .paragraph-image span.span-image > img { position: absolute; top: 0; left: 0; height: 100%; opacity: 0.25; transition: 1s opacity ease-out; -webkit-transition: 1s opacity ease-out; -moz-transition: 1s opacity ease-out; -ms-transition: 1s opacity ease-out; }
.paragraph-wrapper .paragraph-content .paragraph-image span.span-image > img.lazyloaded { opacity: 1; }
.paragraph-wrapper.paragraph-wrapper-image-center .paragraph-content .paragraph-image-wrapper { text-align: center; }
.paragraph-wrapper.paragraph-wrapper-image-center .paragraph-content .paragraph-image { margin-bottom: 30px; text-align: center; display: block; }
.paragraph-wrapper.paragraph-wrapper-image-left .paragraph-content .paragraph-image span.span-image,
.paragraph-wrapper.paragraph-wrapper-image-right .paragraph-content .paragraph-image span.span-image { max-width: 600px; }
.paragraph-wrapper.paragraph-wrapper-image-center .paragraph-content .paragraph-image span.span-image { max-width: 100% !important; width: 100% !important; }
.paragraph-wrapper.paragraph-wrapper-image-center .paragraph-content .paragraph-image > a { display: block; }
.paragraph-wrapper.paragraph-wrapper-image-left .paragraph-content .paragraph-image { margin-right: 30px; }
.paragraph-wrapper.paragraph-wrapper-image-right .paragraph-content .paragraph-image { margin-left: 30px; }
.paragraph-wrapper .paragraph-content .paragraph-image span:not(.span-image) { text-align: center; display: block; margin-top: 8px; margin-bottom: 20px; }
.paragraph-wrapper .paragraph-content .paragraph-image > a { border: 2px solid transparent; transition: 0.3s linear; -webkit-transition: 0.3s linear; -moz-transition: 0.3s linear; -ms-transition: 0.3s linear; }
.paragraph-wrapper .paragraph-content .paragraph-image > a:hover { border-color: #170f09; transition: 0.3s linear; -webkit-transition: 0.3s linear; -moz-transition: 0.3s linear; -ms-transition: 0.3s linear; }
.paragraph-wrapper .paragraph-content .dec-num {color: #ed8107; font-size: 2.3em; font-weight: 300;;}

/* Light gallery */
.sl-overlay { opacity: 1; background: rgba(0,0,0, 0.8); }
.sl-wrapper .sl-close, .sl-wrapper .sl-counter { color: #FFF; }
.sl-wrapper .sl-navigation button { color: #FFF; }
/* Abstract */
.paragraph-wrapper .paragraph-content .paragraph-text { line-height: 1.5em; font-size: 1em; color: #170f09; }
.paragraph-wrapper .paragraph-content .paragraph-text .paragraph-abstract > div { display: block; margin-bottom: 0px; }
.paragraph-wrapper .paragraph-content .paragraph-text .paragraph-abstract > div strong, .paragraph-wrapper .paragraph-content .paragraph-text .paragraph-abstract > div a strong { color: #170f09; }
.paragraph-wrapper .paragraph-content .paragraph-text .paragraph-abstract > div iframe[src*="youtube"] { margin: 0 auto; display: block; }
/* List */
.paragraph-wrapper .paragraph-content .paragraph-text .paragraph-abstract > div ul { padding: 2px 0 15px 10px; }
.paragraph-wrapper .paragraph-content .paragraph-text .paragraph-abstract > div ul li { margin: 3px 0; }
.paragraph-wrapper .paragraph-content .paragraph-text .paragraph-abstract > div ul li::before { content: '•'; font-weight: bold; font-size: 1.2em; padding-right: 5px; }
.paragraph-wrapper .paragraph-content .paragraph-text .paragraph-abstract > div ul li ul li::before { content: '›'; }
.paragraph-wrapper .paragraph-content .paragraph-text .paragraph-abstract > div ol { padding-left: 10px; }
.paragraph-wrapper .paragraph-content .paragraph-text .paragraph-abstract > div ol li { counter-increment: paragraph-ol-counter; margin: 3px 0; }
.paragraph-wrapper .paragraph-content .paragraph-text .paragraph-abstract > div ol li::before { content: counter(paragraph-ol-counter) ". "; margin: 3px 0; font-weight: bold; }
/* Table */
.paragraph-wrapper .paragraph-content .paragraph-text .paragraph-abstract .table-responsive{overflow-x: auto;}
.paragraph-wrapper .paragraph-content .paragraph-text .paragraph-abstract > div table { border: 0; width: auto !important; }
.paragraph-wrapper .paragraph-content .paragraph-text .paragraph-abstract > div table th {font-weight: bold;background-color: #f2d8bb;text-transform: uppercase;}
.paragraph-wrapper .paragraph-content .paragraph-text .paragraph-abstract > div table td,
.paragraph-wrapper .paragraph-content .paragraph-text .paragraph-abstract > div table th {padding: 15px 15px;border-bottom: 1px solid #d8d8d8;word-break: normal;text-align: left;}
.paragraph-wrapper .paragraph-content .paragraph-text .paragraph-abstract > div table tr:nth-child(even) {background-color: #F0EDED;}
.paragraph-wrapper .paragraph-content .paragraph-text .paragraph-abstract > div table tr:nth-child(odd) {background-color: #ffffff;}
/* Link */
.paragraph-wrapper .paragraph-content .paragraph-text .paragraph-abstract > div a { color: #170f09; font-weight: 600; transition: .3s ease-in-out;}
html:not(.touch) .paragraph-wrapper .paragraph-content .paragraph-text .paragraph-abstract > div a:hover, html:not(.touch) .paragraph-wrapper .paragraph-content .paragraph-text .paragraph-abstract > div a strong:hover { text-decoration: none; color: #ed8107; }
.paragraph-wrapper .paragraph-content .paragraph-text .paragraph-abstract > div a.paragraph-btn { display: inline-block; border: 1px solid #9d7b48; background-color: #FFF; color: #9d7b48; padding: 12px 18px; transition: 0.3s linear; -webkit-transition: 0.3s linear; -moz-transition: 0.3s linear; -ms-transition: 0.3s linear; position: relative; padding-right: 40px; }
.paragraph-wrapper .paragraph-content .paragraph-text .paragraph-abstract > div a.paragraph-btn.yt { background-color: var(--red-yt) !important; color:#FFF !important; border:none; }
.paragraph-wrapper .paragraph-content .paragraph-text .paragraph-abstract > div a.paragraph-btn.yt:before {content:""; background:url(/static/img/youtube.png) no-repeat center; background-size: contain; width: 20px; height: 15px; top:50%; transform:translateY(-50%); filter:invert(1);}
.paragraph-wrapper .paragraph-content .paragraph-text .paragraph-abstract > div a.paragraph-btn.yt:after {display: none !important;} 
/* Btn */
html:not(.touch) .paragraph-wrapper .paragraph-content .paragraph-text .paragraph-abstract > div a.paragraph-btn:hover { background-color: #FFF; color: #9d7b48; transition: 0.3s linear; -webkit-transition: 0.3s linear; -moz-transition: 0.3s linear; -ms-transition: 0.3s linear; }
.paragraph-wrapper .paragraph-content .paragraph-text .paragraph-abstract > div a.paragraph-btn:before { content: ''; content: "\f0a9"; display: inline-block; font-weight: 900; font-family: "Font Awesome 5 Free"; position: absolute; right: 12px; }
.paragraph-wrapper .paragraph-content .paragraph-text .paragraph-abstract > div a.paragraph-btn:after { content: ''; display: inline-block; position: absolute; width: 100%; height: 0px; bottom: 0; left: 0; background-color: #9d7b48; transition: 0.3s linear; -webkit-transition: 0.3s linear; -moz-transition: 0.3s linear; -ms-transition: 0.3s linear; }
html:not(.touch) .paragraph-wrapper .paragraph-content .paragraph-text .paragraph-abstract > div a.paragraph-btn:hover:after { height: 3px; transition: 0.3s linear; -webkit-transition: 0.3s linear; -moz-transition: 0.3s linear; -ms-transition: 0.3s linear; }
/* File */
.paragraph-wrapper .paragraph-content .paragraph-text .paragraph-download { color: #170f09; font-size: 1.1em; }
.paragraph-wrapper .paragraph-content .paragraph-text .paragraph-download:before { content: "\f019"; display: inline-block; font-weight: 900; font-family: "Font Awesome 5 Free"; padding-right: 10px; }
html:not(.touch) .paragraph-wrapper .paragraph-content .paragraph-text .paragraph-download:hover { text-decoration: underline; color: #ed8107; }
.paragraph-wrapper .paragraph-content .paragraph-text > audio { width: 50%; }

/* Foster nel mondo */
.paragraph-wrapper .paragraph-foster-nel-mondo { display: flex; font-size: 1.1em; padding: 40px 5%; width: 90%; justify-content: space-around; }
.paragraph-wrapper .paragraph-foster-nel-mondo > div { border-right: 1px solid #E6EAEA; flex-grow: 1; flex-basis: 0; padding: 0 50px; text-align: center; line-height: 1.6em; }
.paragraph-wrapper .paragraph-foster-nel-mondo > div:last-child { border: 0; }
.paragraph-wrapper .paragraph-foster-nel-mondo.customer-service { padding: 40px 0%; width: 100%; }

/* Social buttons */
.paragraph-wrapper .paragraph-content .paragraph-text .paragraph-abstract > div a.social-button { display: inline-block; min-width: 310px; overflow: hidden; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; transition: 0.3s linear; -webkit-transition: 0.3s linear; -moz-transition: 0.3s linear; -ms-transition: 0.3s linear; }
.paragraph-wrapper .paragraph-content .paragraph-text .paragraph-abstract > div a.social-button img { float: left; margin-right: 10px }
.paragraph-wrapper .paragraph-content .paragraph-text .paragraph-abstract > div a.social-button span { display: block; margin: 0 0 0 10px; text-shadow: 0 0 0 rgba(0,0,0,0.2) }
.paragraph-wrapper .paragraph-content .paragraph-text .paragraph-abstract > div a.social-button .social-button-txt1 { font-size: 0.85em; margin-top: 8px }
.paragraph-wrapper .paragraph-content .paragraph-text .paragraph-abstract > div a.social-button .social-button-txt2 { font-size: 0.9em; text-transform: uppercase }
    /* Facebook */
.paragraph-wrapper .paragraph-content .paragraph-text .paragraph-abstract > div a.social-button.social-button-facebook { color: #FFF; background-color: #3364A3; }
html:not(.touch) .paragraph-wrapper .paragraph-content .paragraph-text .paragraph-abstract > div a.social-button-facebook:hover { background-color: #FFF; color: #3364A3 }
    /* Instagram */
.paragraph-wrapper .paragraph-content .paragraph-text .paragraph-abstract > div a.social-button.social-button-instagram { background-color: #d4c7c2; color: #FFF; }
html:not(.touch) .paragraph-wrapper .paragraph-content .paragraph-text .paragraph-abstract > div a.social-button-instagram:hover { background-color: #FFF; color: #d4c7c2; }
    /* Linkedin */
.paragraph-wrapper .paragraph-content .paragraph-text .paragraph-abstract > div a.social-button.social-button-linkedin { background-color: #007AB9; color: #FFF; }
html:not(.touch) .paragraph-wrapper .paragraph-content .paragraph-text .paragraph-abstract > div a.social-button-linkedin:hover { background-color: #FFF; color: #007AB9; }
    /* Youtube */
.paragraph-wrapper .paragraph-content .paragraph-text .paragraph-abstract > div a.social-button.social-button-youtube { background-color: #cf3427; color: #FFF; }
html:not(.touch) .paragraph-wrapper .paragraph-content .paragraph-text .paragraph-abstract > div a.social-button-youtube:hover { background-color: #FFF; color: #cf3427; }
    /* Pinterest */
.paragraph-wrapper .paragraph-content .paragraph-text .paragraph-abstract > div a.social-button.social-button-pinterest { background-color: #cb2027; color: #FFF; }
html:not(.touch) .paragraph-wrapper .paragraph-content .paragraph-text .paragraph-abstract > div a.social-button-pinterest:hover { background-color: #FFF; color: #cb2027; }
   
   /*icons-btn*/
.paragraph-wrapper.podcast .paragraph-content .paragraph-text .paragraph-abstract > div > *:not(a) {width: 100%;}
.paragraph-wrapper .paragraph-content .paragraph-text .paragraph-abstract > div a.btn {background-color: var(--secondary-color); padding: 8px 16px; display: inline-flex; align-items: center; width: fit-content;  height: fit-content;}
.paragraph-wrapper .paragraph-content .paragraph-text .paragraph-abstract > div a[href*="spotify.com"]:before,
.paragraph-wrapper .paragraph-content .paragraph-text .paragraph-abstract > div a[href*="spreaker.com"]:before,
.paragraph-wrapper .paragraph-content .paragraph-text .paragraph-abstract > div a[href*="amazon.it"]:before {content:''; width:20px; height: 20px; display: block; margin-right: 10px;}
.paragraph-wrapper .paragraph-content .paragraph-text .paragraph-abstract > div a[href*="spotify.com"]:before {background:url(/static/svg/spotify.svg) no-repeat center; background-size: contain;}
.paragraph-wrapper .paragraph-content .paragraph-text .paragraph-abstract > div a[href*="spreaker.com"]:before {background:url(/static/svg/spreaker.svg) no-repeat center; background-size: contain; }
.paragraph-wrapper .paragraph-content .paragraph-text .paragraph-abstract > div a[href*="amazon.it"]:before {background:url(/static/svg/amazon-fill.svg) no-repeat center; background-size: contain; }

/*verticali*/
html:is([data-document-parent="13616"], [data-document-parent="13622"]) .paragraph-wrapper .paragraph-content .paragraph-text .paragraph-abstract > div iframe[src*="youtube"] { aspect-ratio: 9/16; height: auto;}

/*Cookie*/
.paragraph-abstract > div table.CookieDeclarationTable {width: auto !important; }

@media (pointer:fine) {
    .paragraph-wrapper .paragraph-content .paragraph-text .paragraph-abstract > div a.paragraph-btn.yt:hover { color:#FFF; background-color: #cb2027 !important;}

    html:not(.touch) .paragraph-wrapper .paragraph-content .paragraph-text .paragraph-abstract > div a[href*="spotify.com"]:hover,
    html:not(.touch) .paragraph-wrapper .paragraph-content .paragraph-text .paragraph-abstract > div a[href*="spreaker.com"]:hover {color: #000; box-shadow: 0 0 5px rgba(0,0,0,.3); filter: brightness(105%);}

    html:not(.touch) .paragraph-wrapper .paragraph-content .paragraph-text .paragraph-abstract > div a.btn:hover {color: #000; box-shadow: 0 0 5px rgba(0,0,0,.3); filter: brightness(105%);}
}

@media (min-width:1201px) and (max-width:1500px) { .paragraph-wrapper.paragraph-wrapper-image-left .paragraph-content .paragraph-image span.span-image, .paragraph-wrapper.paragraph-wrapper-image-right .paragraph-content .paragraph-image span.span-image { max-width: 450px; }
    /* Foster nel mondo */
    .paragraph-wrapper .paragraph-foster-nel-mondo { font-size: 1em; padding: 40px 0%; width: 100%; }
}

@media (min-width:1024px) and (max-width:1200px) {
    .paragraph-wrapper.paragraph-wrapper-image-left .paragraph-content .paragraph-image span.span-image,
    .paragraph-wrapper.paragraph-wrapper-image-right .paragraph-content .paragraph-image span.span-image { max-width: 350px; }
    /* Foster nel mondo */
    .paragraph-wrapper .paragraph-foster-nel-mondo { font-size: 1em; padding: 40px 0%; width: 100%; }
}

@media (max-width:1023px) {
    .paragraph-wrapper .paragraph-content .paragraph-image { margin-bottom: 20px; }
    .paragraph-wrapper.paragraph-wrapper-image-right .paragraph-content,
    .paragraph-wrapper.paragraph-wrapper-image-left .paragraph-content { display: block; }
    .paragraph-wrapper.paragraph-wrapper-image-center .paragraph-content .paragraph-image { display: block; }
    .paragraph-wrapper .paragraph-content .paragraph-image span.span-image { max-width: 100% !important; width: 100% !important; }
    .paragraph-wrapper.paragraph-wrapper-image-left .paragraph-content .paragraph-image { margin-right: 0px; text-align: center; }
    .paragraph-wrapper.paragraph-wrapper-image-right .paragraph-content .paragraph-image { margin-left: 0px; text-align: center; }
    .paragraph-wrapper .paragraph-content .paragraph-image > a { display: block; }

    /* Foster nel mondo */
    .paragraph-wrapper .paragraph-foster-nel-mondo { font-size: 1em; padding: 40px 0%; width: 100%; }
}

@media (max-width:767px) {
    .paragraph-wrapper .paragraph-content .paragraph-text > audio { width: 100%; }

    /* Foster nel mondo */
    .paragraph-wrapper .paragraph-foster-nel-mondo { display: block; }
    .paragraph-wrapper .paragraph-foster-nel-mondo > div { border-right: 0; border-bottom: 1px solid #E6EAEA; padding-bottom: 20px; margin-bottom: 20px; }
    .paragraph-wrapper .paragraph-foster-nel-mondo > div:last-child { margin-bottom: 0; padding-bottom: 0; }
}

@media (max-width:640px) {
    /*verticali*/
    html:is([data-document-parent="13616"], [data-document-parent="13622"]) .paragraph-wrapper .paragraph-content .paragraph-text .paragraph-abstract > div iframe[src*="youtube"] {width: 100%;}
}

@media (max-width:480px) {
    /* Social buttons */
    .paragraph-wrapper .paragraph-content .paragraph-text .paragraph-abstract > div a.social-button { min-width:280px; }
}


/* VTE */
div.Siglacom-VTE { position: relative; height: 0; padding-bottom: 56.25%; margin-bottom: 20px; overflow: hidden; cursor: pointer; background-color: #EEE; }
div.Siglacom-VTE > img { position: absolute; top: 50%; left: 50%; width: 100%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); z-index: 5; opacity: 0; transition: 1s opacity ease-out; -webkit-transition: 1s opacity ease-out; -moz-transition: 1s opacity ease-out; -ms-transition: 1s opacity ease-out; }
div.Siglacom-VTE > img.lazyloaded { opacity: 1; }
div.Siglacom-VTE:after { content: ''; background: url('../../img/videoplay.png'); display: block; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); z-index: 10; width: 76px; height: 50px; background-position: 0px -51px; background-repeat: no-repeat; }
html:not(.touch) div.Siglacom-VTE:hover:after { background-position: 0px 0px; }
div.Siglacom-VTE > iframe { position: absolute; top: 0; left: 0; z-index: 15; width: 100%; height: 100%; }
div.vt-scrollbar { max-height: 400px; margin-top: 0; padding: 15px 0px; overflow-y: scroll; }
.paragraph-wrapper .paragraph-content .paragraph-text .paragraph-abstract div.vt-scrollbar a.Siglacom-VTElink { text-decoration: none; color: #170f09; display: block; font-weight: normal; transition: .3s ease-in-out; }
.paragraph-wrapper .paragraph-content .paragraph-text .paragraph-abstract div.vt-scrollbar a.Siglacom-VTElink:active, .paragraph-wrapper .paragraph-content .paragraph-text .paragraph-abstract div.vt-scrollbar a.Siglacom-VTElink:focus { text-decoration: none; color: #170f09; }
html:not(.touch) div.vt-scrollbar a.Siglacom-VTElink:hover { color: #170f09; }
.paragraph-wrapper .paragraph-content .paragraph-text .paragraph-abstract > div .vt-scrollbar strong { font-size: 1.2em; margin-bottom:0px; display:block; }
.paragraph-wrapper .paragraph-content .paragraph-text .paragraph-abstract > div a.Siglacom-VTElink { color: #170f09; margin-bottom: 0px; display: block; }
.paragraph-wrapper .paragraph-content .paragraph-text .paragraph-abstract > div a.Siglacom-VTElink.current { text-decoration: underline !important; }
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background: #170f09 !important; }
html:not(.touch) .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background: #170f09 !important; }
.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background: #170f09 !important; }
