/* Headings */
.paragraph-wrapper h1 { font-size: 2rem; line-height: 2.2rem; margin-bottom: 20px; color: var(--secondary-color) }
.paragraph-wrapper h2 { font-size: 1.7rem; line-height: 1.9rem; margin-bottom: 20px; /*color: var(--secondary-color)*/ }
.paragraph-wrapper h3 { font-size: 1.6rem; line-height: 1.8rem; margin-bottom: 20px; /*color: var(--secondary-color)*/ }
.paragraph-wrapper h4 { font-size: 1.4rem; line-height: 1.6rem; margin-bottom: 20px; /*color: var(--secondary-color)*/ }
.paragraph-wrapper h5 { font-size: 1.3rem; line-height: 1.5rem; margin-bottom: 20px; /*color: var(--secondary-color)*/ }
.paragraph-wrapper h6 { font-size: 1.2rem; line-height: 1.4rem; margin-bottom: 20px; /*color: var(--secondary-color)*/ }

/* Paragraph */
.paragraph-wrapper:not(:empty):not(:last-child) { margin-bottom: 50px; }
.paragraph-wrapper:not(.paragraph-wrapper-image-center) .paragraph-content { display: flex; gap: 20px; }
.paragraph-wrapper.paragraph-wrapper-image-right .paragraph-content { flex-direction: row-reverse; }
.paragraph-text { flex-grow: 1; }

/* Image */
.paragraph-wrapper:not(.paragraph-wrapper-image-center) .paragraph-image-wrapper { max-width: 600px; flex-shrink: 0; flex-basis: 20%; }
.paragraph-wrapper.paragraph-wrapper-image-left .paragraph-image-wrapper { margin-right: 30px; }
.paragraph-wrapper.paragraph-wrapper-image-right .paragraph-image-wrapper { margin-left: 30px; }
.paragraph-wrapper.paragraph-wrapper-image-center .paragraph-image-wrapper { text-align: center; }
.paragraph-wrapper.paragraph-wrapper-image-center .paragraph-image-wrapper img { width: 50%; }
.paragraph-wrapper.paragraph-wrapper-image-center .paragraph-text { margin-top: 30px; }
.paragraph-wrapper:not(.paragraph-wrapper-image-center) .paragraph-text { flex-basis: 80%; }
.paragraph-image-wrapper a { display: block; }
.paragraph-image-wrapper img { max-width: 100%; width: 100%; display: inline-block; }
.paragraph-image > span { display: block; text-align: center; margin-top: 10px; }
/* 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-abstract > div { font-size: var(--plugin-abstract-font); line-height: var(--plugin-abstract-lineheight); }
.paragraph-abstract > div strong, .paragraph-abstract > div a strong { color: var(--text-color); display: inline-block; }
.paragraph-abstract > div iframe[src*="youtube"] { display: block; }
.paragraph-abstract > div span { font-size: var(--plugin-abstract-font) !important; line-height: var(--plugin-abstract-lineheight); }
/*Img*/
.paragraph-abstract img { max-width: 100%; }
.paragraph-abstract img ~ img { margin-bottom: 30px; display: block; }
/*Embed*/
.paragraph-abstract embed { max-width: 100%; }
/* List */
.paragraph-abstract > div ul { padding: 2px 0 15px 15px; }
.paragraph-abstract > div > ul { padding-left: 0; }
.paragraph-abstract > div ul li { margin: 3px 0; }
.paragraph-abstract > div ul li::before { content: '•'; font-weight: 700; font-size: 1.2rem; padding-right: 6px; display: none; }
.paragraph-abstract > div ol li { counter-increment: paragraph-ol-counter; margin: 3px 0; }
.paragraph-abstract > div ol li::before { content: counter(paragraph-ol-counter) ". "; margin: 3px 0; font-weight: 700; }
/* Table */
.paragraph-abstract > div table { border: 0; width: 100% !important; }
.paragraph-abstract > div table th { font-weight: 700; text-align: left; border-bottom: 1px solid #EEE; }
.paragraph-abstract > div .table-responsive { overflow-x: auto; }
.paragraph-wrapper .paragraph-title:has(+ .paragraph-content table) { margin-top: 20px; }
/* Link */
.paragraph-abstract pre { display: none; visibility: hidden; }
.paragraph-abstract > div a { font-weight: 600; width: fit-content; position: relative; display: inline-block; color: var(--secondary-color); }
.paragraph-abstract > div a:not(:has(img)):after { content: ''; position: absolute; display: block; width: 0; height: 1px; background: var(--secondary-color); bottom: 0; left: 0; transition: width .3s linear; }
.paragraph-abstract:has(iframe[src*="youtube"]) > div a[href*="https://www.youtube"] { background-color: var(--secondary-color); color: #FFF; padding: 5px 10px; border-radius: var(--border-radius); }

/* Btn */
.paragraph-abstract > div a.paragraph-btn { position: relative; padding-right: 40px; color: #FFF }
.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; }
/* File */
.paragraph-wrapper:has(.paragraph-download) { display: inline-block; width: fit-content; margin-bottom: 30px !important; }
.paragraph-wrapper:has(.paragraph-download):not(lasts-child) { margin-bottom: 0; margin-right: 30px; }
.paragraph-download { font-size: 1.1rem; line-height: 1.6rem; margin-top: 30px; display: inline-block; color: #FFF }
.paragraph-download:before { content: "\f019"; display: inline-block; font-weight: 900; font-family: "Font Awesome 5 Free"; padding-right: 10px; }
.paragraph-wrapper .paragraph-content .paragraph-text > audio { width: 50%; }

/* Social buttons */
.paragraph-abstract > div a.social-button { display: flex; width: fit-content; min-width: 310px; overflow: hidden; border-radius: 4px; transition: 0.3s linear; }
.paragraph-abstract > div a.social-button > .social-img-container { display: flex; align-items: center; }
.paragraph-abstract > div a.social-button > .social-img-container > svg { height: 100px; fill: #FFF }
.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); transition: color 0.3s }
.paragraph-abstract > div a.social-button > .social-text-container { display: flex; flex-direction: column; justify-content: center; text-shadow: 0 0 0 rgba(0,0,0,0.2); padding: 15px 15px 15px 0 }
.paragraph-wrapper .paragraph-content .paragraph-text .paragraph-abstract > div a.social-button .social-button-txt1 { font-size: 0.85rem; }
.paragraph-wrapper .paragraph-content .paragraph-text .paragraph-abstract > div a.social-button .social-button-txt2 { font-size: 0.9rem; }
/* Facebook */
.paragraph-wrapper .paragraph-content .paragraph-text .paragraph-abstract > div a.social-button.social-button-facebook { color: #FFF; background-color: #3364A3; }
/* Instagram */
.paragraph-wrapper .paragraph-content .paragraph-text .paragraph-abstract > div a.social-button.social-button-instagram { background: #f09433; background: linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%); color: #FFF; }
.paragraph-abstract > div:has(iframe[src*=instagram]) { display: flex; justify-content: start; align-items: start; }
.paragraph-abstract > div iframe[src*=instagram]:not(:last-child) { margin-right: 10px !important; }
/* Youtube */
.paragraph-wrapper .paragraph-content .paragraph-text .paragraph-abstract > div a.social-button.social-button-youtube { background-color: #cf3427; color: #FFF; }
/* Linkedin */
.paragraph-wrapper .paragraph-content .paragraph-text .paragraph-abstract > div a.social-button.social-button-linkedin { background-color: #0E76A8; color: #FFF; }
.paragraph-wrapper .paragraph-content .paragraph-text .paragraph-abstract > div a.social-button.social-button-linkedin > .social-img-container { padding: 10px; }
.paragraph-wrapper .paragraph-content .paragraph-text .paragraph-abstract > div a.social-button.social-button-linkedin > .social-img-container > svg { height: 80px; }
/* Twitter */
.paragraph-wrapper .paragraph-content .paragraph-text .paragraph-abstract > div a.social-button.social-button-twitter { background-color: #1D9BF0; color: #FFF; }
.paragraph-wrapper .paragraph-content .paragraph-text .paragraph-abstract > div a.social-button.social-button-twitter > .social-img-container { padding: 15px; }
.paragraph-wrapper .paragraph-content .paragraph-text .paragraph-abstract > div a.social-button.social-button-twitter > .social-img-container > svg { height: 70px; }

/* VTE */
/*.paragraph-wrapper:has(+ .paragraph-wrapper-vte) { margin-bottom: 0 !important; }*/
div.Siglacom-VTE { position: relative; overflow: hidden; aspect-ratio: 16 /9; cursor: pointer; background-color: #EEE; }
div.Siglacom-VTE > img { width: 100%; z-index: 5; opacity: 0; 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%); z-index: 10; width: 76px; height: 50px; background-position: 0px -51px; background-repeat: no-repeat; }
div.Siglacom-VTE > iframe[src*="youtube"] { position: absolute; top: 0; left: 0; z-index: 15; width: 100%; height: 100%; }
div.vt-scrollbar { max-height: 310px; margin-top: 30px; }
div.vt-scrollbar .Siglacom-VTElink { text-decoration: none; display: block; font-weight: 400; color: var(--text-color); }
div.vt-scrollbar .Siglacom-VTElink:active, div.vt-scrollbar a.Siglacom-VTElink:focus { text-decoration: none; }
div.vt-scrollbar strong { font-size: var(--plugin-abstract-font); line-height: var(--plugin-abstract-lineheight); display: block; }
.Siglacom-VTElink { margin-bottom: 0px; display: block; }
.Siglacom-VTElink.current { text-decoration: underline !important; }
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background: var(--secondary-color) !important; }
.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background: var(--secondary-color) !important; }
.mCSB_scrollTools .mCSB_draggerRail { background: transparent !important; }

/*Cookie*/
.paragraph-abstract > div table.CookieDeclarationTable { width: auto !important; }
.paragraph-wrapper .paragraph-content .paragraph-text .paragraph-abstract > div table tr:not(:last-child) { border-bottom: 1px solid #EEE; }
.paragraph-wrapper .paragraph-content .paragraph-text .paragraph-abstract > div table tr:last-child .CookieDeclarationTableCell { border-bottom: unset; }

@media (pointer:fine) {
    .paragraph-abstract > div a[class*="social-button-"]:hover { filter: brightness(110%); }
    .paragraph-abstract > div a.paragraph-btn:hover:after { height: 3px; }
    .paragraph-abstract > div a:hover:after { width: 100%; }
}

@media (max-width:1300px) {
    .paragraph-wrapper:not(.paragraph-wrapper-image-center) .paragraph-image-wrapper { max-width: 500px; }
}

@media (max-width:1200px) {
    .paragraph-wrapper:not(.paragraph-wrapper-image-center) .paragraph-image-wrapper { max-width: 100%; }
    .paragraph-wrapper:not(.paragraph-wrapper-image-center).small-pic .paragraph-content { display: flex; }
    .paragraph-wrapper:not(:has(.paragraph-image-wrapper)) .paragraph-text { margin-top: 20px; }
    .paragraph-wrapper .paragaph-content:has(.paragraph-image-wrapper) .paragraph-text { margin-top: 0; }
    .paragraph-text:has(.paragraph-download) { margin-top: 0; }
    .paragraph-wrapper.paragraph-wrapper-image-left .paragraph-image-wrapper { margin-right: 0px; }
    .paragraph-wrapper.paragraph-wrapper-image-right .paragraph-image-wrapper { margin-left: 0px; }
    .paragraph-wrapper .paragraph-text:first-child { margin-top: 0 !important; }
    .paragraph-abstract > div:has(iframe[src*=instagram]) { flex-wrap: wrap; }
}

@media (max-width:1023px) {
    .paragraph-wrapper h1 { font-size: 1.8rem; line-height: 2rem; }
    .paragraph-wrapper h2 { font-size: 1.5rem; line-height: 1.7rem; }
    .paragraph-wrapper h3 { font-size: 1.4rem; line-height: 1.5rem; }
    .paragraph-wrapper h4 { font-size: 1.3rem; line-height: 1.5rem; }
    .paragraph-wrapper h5 { font-size: 1.2rem; line-height: 1.4rem; }
    .paragraph-wrapper h6 { font-size: 1.1rem; line-height: 1.3rem; }

    .paragraph-wrapper:not(.paragraph-wrapper-image-center) .paragraph-image-wrapper img { display: block; margin: 0 auto; }
    .paragraph-image-wrapper img { width: 190px; }
}

@media (max-width:767px) {
    .paragraph-wrapper:not(.paragraph-wrapper-image-center) .paragraph-content { flex-direction: column; }
    .paragraph-wrapper:has(.paragraph-download):not(lasts-child) { margin-right: 0; }
    .paragraph-wrapper .paragaph-content:has(.paragraph-image-wrapper) .paragraph-text { margin-top: 20px; }
    .paragraph-wrapper:not(.paragraph-wrapper-image-center) .paragraph-image-wrapper,
    .paragraph-wrapper:not(.paragraph-wrapper-image-center) .paragraph-text { flex-basis: unset; }
    .paragraph-wrapper.paragraph-wrapper-image-center .paragraph-image-wrapper img { width: 100%; }
}

@media (max-width:640px) {
    .paragraph-wrapper:not(.paragraph-wrapper-image-center).small-pic .paragraph-content { display: block; }
    .paragraph-wrapper:not(.paragraph-wrapper-image-center).small-pic .paragraph-image-wrapper img { margin: 0 auto; display: block; }
}

@media (max-width:480px) {
    .paragraph-wrapper:not(:empty):not(:last-child) { margin-bottom: 30px; }
    .paragraph-wrapper h1 { font-size: 1.6rem; line-height: 1.8rem; }
    .paragraph-wrapper h2 { font-size: 1.4rem; line-height: 1.6rem; }
    .paragraph-wrapper h3 { font-size: 1.3rem; line-height: 1.5rem; }
    .paragraph-wrapper h4 { font-size: 1.2rem; line-height: 1.4rem; }
    .paragraph-wrapper h5 { font-size: 1.1rem; line-height: 1.3rem; }
    .paragraph-wrapper h6 { font-size: 1rem; line-height: 1.2rem; }
    .paragraph-download { padding: 15px; }
}