/*!
Theme Name: Helter Child
Theme URI: http://www.helter.it
Author: Letizia Tasselli
Author URI: http://www.helter.it/contatti
Description: Tema child di Helter
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: helter-child
Template: helter
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

*/

@-webkit-viewport {width: device-width;}
@-moz-viewport {width: device-width;}
@-ms-viewport {width: device-width; }
@-o-viewport {width: device-width; }
@viewport {width: device-width;}
@-moz-document url-prefix() {html{ overflow-x: hidden;}}
:root {
  --ht-white:#fff;
  --ht-black:#000;
  --ht-accent:#1268fb;
  --ht-accent-medium:#c1e8f7;
  --ht-accent-light:#dff6ff;
  --ht-grey:#767676;
  --ht-medium-grey: #eaeaea;
  --ht-light-grey:#fafafa;
  --ht-dark-grey: #121619;
  --ht-sand:#f8f5f3;
  --ht-manrope: 'Manrope', sans-serif;
  --ht-font-400:400;  
  --ht-font-450:450;
  --ht-font-500:500;
  --ht-font-550:550;
  --ht-font-600:600;
  --ht-font-650:650;
  --ht-font-700:700;
}

@font-face {
  font-family: 'Manrope';
  src: url('fonts/Manrope-Regular.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Manrope';
  src: url('fonts/Manrope-Medium.woff2') format('woff2');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Manrope';
  src: url('fonts/Manrope-SemiBold.woff2') format('woff2');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Manrope';
  src: url('fonts/Manrope-Bold.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

* {padding: 0; margin: 0;}
html, body {height: auto; overflow-x: hidden;}
body {-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale; font-family:var(--ht-manrope);}
a {-o-transition:.5s; -ms-transition:.5s; -moz-transition:.5s; -webkit-transition:.5s; transition:.5s; font-weight: var(--ht-font-600);color: var(--ht-accent);text-decoration: none;display: inline-block}
a:hover {}
img {height: auto;max-width: 100%;}
.contenuto a {background-color: var(--ht-accent-light); color:var(--ht-accent); padding-left:3px; padding-right:3px;font-weight: var(--ht-font-600);}
.contenuto a:hover {background-color: var(--ht-accent-medium); }

/*Carousel*/
#carouselOptistruct .carousel-item img {max-height: 700px; width: 100%; object-fit: cover;}
.overlay {position: absolute;top: 0;left: 0;width: 100%;height: 100vh;background: rgba(0, 0, 0, 0.3);z-index: 2;}
.overlay:after {content: "";display: block;position: absolute;  top: 0;bottom: 0;left: 0;right: 0;background: black;opacity: 0.45;z-index: 1;}
.carousel-caption {position: absolute; z-index:2; top: 50%;left: 50%;transform: translate(-50%, -50%);width: 100%;height: auto;display: flex;flex-direction: column;align-items: flex-start;justify-content: center;text-align: left;color: white;padding: 10px;}
.carousel-caption h1 {font-weight:var(--ht-font-400);font-size:2.8rem; letter-spacing:-0.5px; line-height:3rem;}
.carousel-caption p {font-weight:var(--ht-font-500); font-size:1.1rem}
#carouselOptistructScheda {max-height: 500px;overflow: hidden;position: relative;min-height: 500px;}
#carouselOptistructScheda .carousel-item,
#carouselOptistructScheda img {max-height:500px; width: 100%; object-fit: cover;min-height: 500px;}
#carouselOptistructScheda .carousel-item {height: 100%;}

/*Scroll/Header*/
.scroll-indicator {position: fixed;top: 0;left: 0;height: 4px;background: linear-gradient(90deg, #0055b8 0%, #00a7e1 100%);z-index: 1002; transition: width 0.3s ease;width: 0;}
.header {position: fixed;top: 0;left: 0;width: 100%;z-index: 1001;transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);background: transparent;}
.header.scrolled {background: rgba(255, 255, 255, 0.95);backdrop-filter: blur(15px);-webkit-backdrop-filter: blur(15px);box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);}
.site-header {transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);}
.header.scrolled .site-header, .header .site-header {padding: 12px;margin-top:4px}
.header .navbar {transition: all 0.4s ease;}
.navbar-brand .site-title a {transition: all 0.3s ease;}
.header.scrolled .mega-menu {}
.navbar-brand {padding:0}
.header.scrolled .mega-menu-link {color: #333 !important;transition: color 0.3s ease;}
.header.scrolled .mega-menu-link:hover {color: var(--ht-accent) !important;}
.header .mega-toggle-animated {transition: all 0.3s ease;}
.header.scrolled .mega-toggle-animated-inner,
.header.scrolled .mega-toggle-animated-inner::before,
.header.scrolled .mega-toggle-animated-inner::after {background-color: #333 !important;}
.mega-menu-link {position: relative;transition: all 0.3s ease;}
.mega-menu-link::after {content: '';position: absolute;bottom: -5px;left: 50%;width: 0;height: 2px;background: #007cba;transition: all 0.3s ease;transform: translateX(-50%);}
.mega-menu-link:hover::after {width: 100%;}
.carousel {margin-top: 0;}
.header .site-title {background-image: url(/images/smartcae-optistruct-logo-w.svg);background-size: 200px 37px;background-repeat: no-repeat;width: 200px;height: 37px;}
.header.scrolled .site-title {background-image: url(/images/smartcae-optistruct-logo-c.svg);background-size: 200px 37px;background-repeat: no-repeat;width: 200px;height: 37px;}
@keyframes fadeInDown {
    from {
        opacity: 0;
        transform: translateY(-20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}
.header.scrolled {animation: fadeInDown 0.4s ease;}
.header:not(.scrolled) .mega-menu-link {color: var(--ht-white);}
.header:not(.scrolled) .mega-toggle-animated-inner,
.header:not(.scrolled) .mega-toggle-animated-inner::before,
.header:not(.scrolled) .mega-toggle-animated-inner::after {background-color: var(--ht-white) !important;}
.header.scrolled {background: rgba(255, 255, 255, 0.8);border-bottom: 1px solid rgba(255, 255, 255, 0.2);}
.header,
.site-header,
.mega-menu-link,
.scroll-indicator {will-change: transform, opacity, background-color;}
html {scroll-behavior: smooth;}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link, #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link:hover {font-weight:var(--ht-font-650)}
#mega-menu-wrap-primary {width: 100%;}
.header.scrolled .navbar-brand .site-title a,
.header.scrolled .mega-menu-primary .mega-menu-link {color: #333 !important;}
.header {z-index: 9999 !important;}
.scroll-indicator {z-index: 10000 !important;}

/*Button*/
a.btn-w {border:2px solid var(--ht-white); color: var(--ht-white); text-decoration:none; font-weight: var(--ht-font-600); font-size: 0.95em; padding:10px; border-radius:30px; text-align:center; transition: color 0.3s linear; -webkit-transition: color 0.3s linear; -moz-transition: color 0.3s linear;}
a.btn-w:hover {background-color:rgba(255,255,255,0.2)}
a.btn-a {background-color:var(--ht-accent);color: var(--ht-white); text-decoration:none; font-weight: var(--ht-font-600); font-size: 0.95em; padding:10px; border-radius:30px; text-align:center; transition: color 0.3s linear; -webkit-transition: color 0.3s linear; -moz-transition: color 0.3s linear;display:block; width:100%}
a.btn-a:hover {background-color:#0d5add; color:var(--ht-white)}
a.btn {transition: transform 0.3s ease-out; margin-top:25px; font-weight:var(--ht-font-600); font-size: 0.95em;  color:var(--ht-dark-grey); border-radius:0; padding:0 0 10px 0; }
a.btn-light {transition: transform 0.3s ease-out; margin-top:25px; font-weight:var(--ht-font-600); font-size: 0.95em; color:#fff; border-radius:0; padding:0 0 10px 0; background-color: transparent; }
a.btn-light:visited, a.btn-light:active {background-color:transparent}
a.btn-light:hover { color:#fff;background-color: transparent;transform: scale(1.02) translateY(-2px);}
a.btn:hover {color:var(--ht-accent);background-color: transparent;transform: scale(1.02) translateY(-2px);}

.leadbox__close {background:transparent !important}
.btn-check:focus + .btn-light, .btn-light:focus {color: #000; outline: 0 !important; background-color: transparent !important;border-color: transparent !important;}
.btn-light:focus {outline: 0 !important; }
.btn-light {color:#fff !important; border-color:#fff !important}
a.btn-light:active {border:0}
i.bi.fa-lg {font-size: 25px;margin-right: 12px;}
.btn-prodotti {background-color:var(--ht-accent);border-radius: 0.3rem !important;padding: 5px 10px; display: block; text-transform:uppercase !important; font-weight:var(--ht-font-650); color: #fff; border:0; font-size:0.95em}
.btn-prodotti:hover {background-color: #0e58d6;border-radius: 0.3rem !important; padding: 5px 10px; color: #fff;display: block; border:0}
span.me-2 {vertical-align: -0.06rem;}
a.card-link:hover {background-color:var(--ht-accent); color:var(--ht-white)}
a.card-link {text-transform:uppercase;font-weight:var(--ht-font-700)}
p.card-text {font-size:0.85rem; line-height:1.35rem}
.card {border-radius:15px}

/*Template*/
.mw-1450 {max-width:1450px; margin:0 auto}
.section-container {padding:3rem 1rem}
.section-container-mini {padding:0 1rem}
.section-container-big {padding:10rem 1rem}
.grey {background-color: var(--ht-light-grey)}
.accent {background-color: var(--ht-accent); }
.accent-gradient {background: var(--ht-accent); background: linear-gradient(90deg, #0055b8 0%, #1268fb 100%);}

/*Typography*/
h1 {font-weight:var(--ht-font-400);font-size:2.4rem; letter-spacing: -0.5px; line-height: 2.55rem;}
h2 {font-weight:var(--ht-font-700); letter-spacing: -0.5px; color:var(--ht-dark-grey)}
h3 {font-weight:var(--ht-font-500); color:var(--ht-dark-grey); font-size: 1.5rem; line-height: 1.9rem; margin-bottom:3px}
h4 {letter-spacing: -0.5px; border-bottom:1px solid #fff; padding-bottom:10px; text-transform:uppercase;font-weight:var(--ht-font-600); font-size:1.1rem; margin-bottom:20px}

h5 {letter-spacing: -0.5px;font-weight:var(--ht-font-400); font-size:1.8rem; border-bottom:1px solid var(--ht-accent); padding-bottom:10px; color:var(--ht-accent)}


h6 {font-weight:var(--ht-font-600); letter-spacing: -0.5px; color:var(--ht-dark-grey)}
p {font-size:0.95rem; line-height:1.6rem}
blockquote p {font-size:1.1rem; line-height:1.65rem}

/*Menù*/
#mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block-1 .mega-toggle-animated-inner, #mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block-1 .mega-toggle-animated-inner::before, #mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block-1 .mega-toggle-animated-inner::after {height:2px !important}
#mega-menu-wrap-primary .mega-menu-toggle.mega-menu-open + #mega-menu-primary {padding-top: 45px; margin-top:-4px; border-top:1px solid rgba(255,255,255,0.2) !important; }
#mega-menu-wrap-primary .mega-menu-toggle + #mega-menu-primary {margin-top: -4px;}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link {padding:0 20px!important; border-bottom:1px solid rgba(255,255,255,0.2)}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link {color:var(--ht-white) !important; text-trasform:uppercase !important; position: relative;text-decoration: none;}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link:hover {color:var(--ht-white);}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link::before {content: ''; color: var(--ht-white);position: absolute;width: 100%;height: 1px;border-radius: 1px;background-color: var(--ht-white);bottom: -1px;left: 0;transform-origin: right;transform: scaleX(0);transition: transform .3s ease-in-out;}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link:hover::before {color: var(--ht-white);transform-origin: left;transform: scaleX(1);}
#mega-menu-wrap-primary .mega-menu-toggle.mega-menu-open ~ button.mega-close {right: min(calc(100vw - 40px), 5px) !important;}

#mega-menu-wrap-primary #mega-menu-primary > li#mega-menu-item-8 
{border-top:1px solid rgba(255,255,255,0.2)!important}
#mega-menu-wrap-primary .mega-menu-toggle ~ button.mega-close {
    width: 40px;
    height: 40px;
    background: transparent url('/images/close.svg') center center no-repeat;
    background-size: 20px 20px; /* regola la grandezza della X */
    border: none;
    cursor: pointer;
    padding: 0;
}
#mega-menu-wrap-primary .mega-menu-toggle ~ button.mega-close:before,
#mega-menu-wrap-primary .mega-menu-toggle ~ button.mega-close:after {
    display: none !important; /* nascondi eventuali pseudo-elementi esistenti */
    content: none !important;
}



/*Shortcut*/
.box {background-color:var(--ht-accent); border-radius:30px;}
.box-w {background-color:var(--ht-white); border-radius:30px; border:1px solid var(--ht-medium-grey)}
.box img {border-top-right-radius:30px; border-bottom-right-radius:30px}
.rad-img {border-bottom-left-radius:30px; border-bottom-right-radius:30px}
.shortcut {margin-bottom: auto;}
.box-mini {background-color:var(--ht-white);border:1px solid var(--ht-dark-grey)}


/*Scheda*/
#entry-body {margin-top:-90px; z-index:2; position:relative;}
.gradient-border-top {height: 8px;background: linear-gradient(90deg, #0055b8 0%, #1268fb 100%);}
p#breadcrumbs {font-size:0.9rem; padding:0.8rem 1.5rem; width: 100%; border-bottom: 1px solid #ccc; margin-bottom:0}
.sidebar {padding:1rem 1.5rem 2rem 1.5rem}
ul.side {padding-left:0}
ul.side li {list-style-type:none;margin:10px 0}
ul.side li a {color:var(--ht-white); font-weight:var(--ht-font-600); font-size: .95rem; text-trasform:uppercase; line-height: 1.375rem;position: relative;text-decoration: none;}
ul.side li a:hover {color:var(--ht-white);}
ul.side li a::before {content: ''; color: var(--ht-white);position: absolute;width: 100%;height: 1px;border-radius: 1px;background-color: var(--ht-white);bottom: -1px;left: 0;transform-origin: right;transform: scaleX(0);transition: transform .3s ease-in-out;}
ul.side li a:hover::before {color: var(--ht-white);transform-origin: left;transform: scaleX(1);}
.immagine-paragrafo img {border-radius:10px}
.br {border-bottom-left-radius:10px; border-bottom-right-radius:10px}
.entry-content {padding:1.5rem}
.scroll-fallback {scroll-margin-top: 100px;}
.video-element video {width:100%; border-radius:10px; margin-bottom:20px}
.media-paragrafo img {width:100%; border-radius:10px; margin-bottom:30px}
.custom-video-player {margin-bottom:30px}
.video-cover {position: relative;width: 100%;padding-top: 56.25%;background-size: cover;background-position: center;cursor: pointer;border-radius: 10px;overflow: hidden;}
.play-button {position: absolute;left: 50%; top: 50%;transform: translate(-50%, -50%);width: 64px; height: 64px;background: rgba(0,0,0,0.6);border-radius: 50%;box-shadow: 0 2px 8px rgba(0,0,0,0.4);z-index: 10;}
.play-button:after {content: '';display: block;width: 0; height: 0;border-left: 24px solid #fff;border-top: 14px solid transparent;border-bottom: 14px solid transparent;margin: 18px 0 0 22px;}
.blocco-paragrafo {border-top:5px solid var(--ht-accent); padding-top:20px}
.paragrafo {border-top:1px solid var(--ht-accent); padding-top:20px}


.nav-link.active {background-color:var(--ht-accent); font-weight:var(--ht-font-600); color:var(--ht-white)}
.nav-link {background-color:rgba(13,110,253,0.5);  color:var(--ht-white); margin: 0 5px;font-weight:var(--ht-font-600);}
li.nav-item {margin:0 5px}
.nav-link:hover { color:var(--ht-white);}
.tab-content>.active {background-color:var(--ht-accent); border-radius:0.375rem; padding:2rem}
.accordion-item, .accordion-button, .accordion-button:not(.collapsed) {background-color:transparent; border:0; color:#fff}
.accordion-item:first-of-type>.accordion-header .accordion-button, .accordion-button {font-weight:var(--ht-font-600)}
.accordion-button:after {background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffffff'><path fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/></svg>") !important;}
.accordion-item:last-of-type>.accordion-header .accordion-button.collapsed {border-radius:0}
.accordion-button {border-bottom:1px solid var(--ht-white); padding:20px 0}
button:focus:not(:focus-visible) {border-bottom:1px solid var(--ht-white);}
.accordion-body {padding:15px 0 10px 0}

a.sticky {
    background-color: var(--ht-accent);
    z-index: 10000;
    position: fixed;
    float: right;
    right: 15px;
    bottom: 0;
    color: #fff;
    font-weight: var(--ht-font-650);
    text-transform: uppercase;
    border-top-left-radius: 0.5rem;
    border-top-right-radius: 0.5rem;
    margin-bottom: -2px !important;
}
a.sticky:hover {
    background-color: #0e58d6;
}
.sticky-testo {font-size:0.95rem;
    display: block;
    padding: 14px 10px 5px 10px;
    margin-left: 2px;
    float: left;
}
#sticky-image {
    background-color: #0c4bb7;
    padding: 10px;
    float: left;
    border-top-right-radius: 0.5rem;}

/*FOOTER */
.filter {filter: invert(.5) brightness(.6);}
footer {background-color: var(--ht-medium-grey); padding:3rem 0}
footer p {font-size:0.9em;color: var(--ht-dark-grey);  font-weight:var(--ht-font-500)}
a.fl {transition: transform 0.2s ease;font-weight:var(--ht-font-500); border-bottom:0;color: var(--ht-dark-grey);text-decoration: none;display: inline-block;}
a.fl:hover {border-bottom:0;color: var(--ht-accent);transform: scale(1.02) translateY(-2px);text-decoration: none;}
.copyright p {font-size:0.85em; font-weight:var(--ht-font-500)}
.social {margin-left:10px}
input#mce-EMAIL {background-color:var(--ht-light-grey);width: 100%;color:#7aa8d6;border: 0;font-weight: 500; text-transform:uppercase;border-radius: 0;font-size:0.85em;padding: 20px 15px;}
input#mc-embedded-subscribe {padding: 20px 15px; font-weight: 500;width: 100%; background-color:var(--ht-grey);border: 0; text-transform:uppercase; color: var(--ht-white); font-size:0.85em;border-radius: 0;-o-transition:.5s; -ms-transition:.5s; -moz-transition:.5s; -webkit-transition:.5s; transition:.5s;}
input#mc-embedded-subscribe:hover {background-color:var(--ht-accent); color:var(--ht-white)}
textarea:focus, input:focus{outline: none;}
::placeholder {color: var(--ht-dark-grey);opacity: 1; }
div#mc_embed_signup {margin-right: 12px; margin-top: 10px;}
p.gdpr {font-size:0.7em; line-height:0.95rem; color:var(--ht-dark-grey); max-width:98%; float:right}
input#gdpr_17 {margin-left: -12px;}
div#mergeRow-gdpr {margin-top: 15px;}
footer hr {margin:2rem 0}
footer ul {padding-left:0}
footer ul li {list-style-type:none; text-align:right; font-weight:var(--ht-font-500); color:var(--ht-dark-grey); margin-bottom:5px}
footer ul li a {color:var(--ht-dark-grey);font-size:0.9em}
footer ul li a:hover {color:var(--ht-accent)}
.altair-logo {padding:10px; border-radius:10px; background-color:var(--ht-white);}

@media only screen and (max-width: 1500px) {
.mw-1450 {max-width:100%; margin:0 auto}
.carousel-caption {padding-left:4rem;}
section#entry-body {padding: 0 2.5rem;}
.scheda.section-container {padding: 3rem 2.5rem;}
.header-container {padding-left:3.5rem; padding-right:3.5rem;}
}

@media only screen and (max-width: 991px) {
.header-container {padding-left: 2rem;padding-right: 2rem;}
.shortcut.p-5, .short.p-5 {padding:2rem !important; }
.carousel-caption {padding-left:2.5rem;padding-right:2.5rem;}
.carousel-caption h1 {font-size: 2.2rem;line-height: 2.4rem;}
.carousel-caption p {font-size: 1rem;}
h1 {font-size:2.1rem; line-height: 2.2rem;}
p {font-size:0.9rem}
a.btn-light, a.btn {margin-top:15px}
h3 {font-size: 1.3rem; line-height: 1.7rem;}
}

@media only screen and (max-width: 767px) {
#carouselOptistruct .carousel-item img {min-height:600px;max-height:600px;}
.blocco-paragrafo {position: relative;border-top: 1px solid var(--ht-accent);padding-top: 20px;}
.blocco-paragrafo:before {content: '';position: absolute;top: 0; left: 0;width: 35%;height: 0;border-top: 5px solid var(--ht-accent);z-index: 1;}
h3 {font-size: 1.5rem; line-height: 1.9rem;}
.scheda.section-container {padding: 2rem 1rem;}
blockquote p, blockquote {margin:0 0 0}
h1 {font-size:2rem; line-height: 2.2rem;}
section#entry-body {padding:0; margin-top:0}
.carousel-caption {padding-left:3rem;padding-right:3rem;}
footer h6, footer p {text-align:center; display:block;}
footer ul li {text-align:center}
.sidebar {padding: 2rem 1.5rem 2rem 1.5rem;}
.paragrafo {border-top: 0 solid var(--ht-accent);padding-top: 0;}
#carouselOptistructScheda {max-height: 380px;overflow: hidden;position: relative;}
#carouselOptistructScheda .carousel-item,
#carouselOptistructScheda img {max-height: 380px; width: 100%; object-fit: cover;}
#carouselOptistructScheda .carousel-item {height: 100%;}
.br {border-bottom-left-radius: 0;border-bottom-right-radius: 0;}
}



@media only screen and (max-width: 576px) {
a.sticky {right: 25px;left: 25px;}
#sticky-image {float: inline-end;}
h1 {font-size: 1.8rem;line-height: 2.1rem;}
#carouselOptistructScheda .carousel-item img {width: 100%;height: 400px; object-fit: cover;}
#carouselOptistructScheda .carousel-caption {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: auto;
    transform: none;
    width: 100%;
    padding: 1.1rem 1.4rem 2rem 1.4rem;  /* puoi ridurre il bottom se vuoi più vicino */
    margin: 0;
    background: linear-gradient(to top, rgba(0,0,0,0.30), rgba(0,0,0,0.00));
    color: #fff;
    text-align: left;
    z-index: 2;
}
ul#pills-tab {padding: 0;}
.scheda.section-container {padding: 2rem 1rem 0 1rem;}
li.nav-item, .nav-link {margin: 0 0;}
li.nav-item {width: 100%;margin: 0;padding: 0;}
a.sticky {box-shadow:0 -6px 18px -8px rgba(0,0,0,0.13);}
.header-container {padding-left: 0.5rem;padding-right: 0;}
.carousel-caption p {font-size: 0.95rem;line-height: 1.35rem;}
.carousel-caption h1 {font-size: 2.1rem;}
.section-container, .section-container-big {padding:1.3rem 1rem;}
.carousel-caption {padding-left: 1rem; padding-right: 1rem;}
.custom-caption {align-items: flex-end;padding-bottom: 0;}
}