/* ============================================
   CMS CONTENT STYLES
   ============================================
   
   Questo file contiene gli stili per il contenuto
   HTML dinamico generato dal CMS PrestaShop.
   
   Questi stili NON seguono la metodologia BEM perché
   le classi vengono generate automaticamente dal CMS
   nella descrizione dei prodotti.
   
   ⚠️ NON modificare i nomi delle classi in questo file
   senza aggiornare anche i template nel CMS PrestaShop.
   ============================================ */


/* ============================================
   CONTENT BOXES (Text + Image)
   ============================================ */

/* Main title */
h1.titolo-main-scheda {
    text-align: center;
    font-size: 50px;
    color: #000;
    line-height: 62px;
    font-weight: bold;
    margin-bottom: 70px;
}

/* Full-width image */
img.img-full {
    margin-bottom: 150px;
    padding: 0 50px;
}

/* Text + Image box container */
.text-img-box {
    margin-bottom: 60px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

/* Text container */
.text-img-box .text-div {
    padding: 50px 100px;
    width: 50%;
}

/* Image container */
.text-img-box .img-div {
    width: 50%;
}

/* Text on left, image on right */
.text-left-box .img-div {
    text-align: right;
    padding-right: 50px;
}

/* Text on right, image on left */
.text-right-box .text-div {
    padding-left: 100px;
    text-align: right;
}

/* Centered layout */
.text-center-box {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.text-center-box h2.titolo-box {
    text-align: center;
}

/* Pre-title (h3) */
h3.pre-title {
    font-size: 25px;
    color: #000;
    line-height: 30px;
}

/* Box title (h2) */
h2.titolo-box {
    font-size: 50px;
    line-height: 1.2;
    font-weight: bold;
    color: #000;
    margin: 20px 0;
}

/* Paragraphs in text boxes */
.text-div p {
    font-size: 21px;
    line-height: 1.6;
    margin-bottom: 20px !important;
}

/* CTA Button */
.bottone-watch a {
    color: #fff;
    padding: 10px 20px;
    margin-top: 10px;
    position: relative;
    float: right;
    background: #6bbd93;
    border-radius: 30px;
    font-size: 20px;
    font-weight: bold;
    text-decoration: none;
}

.text-left-box .bottone-watch a {
    float: left;
}


/* ============================================
   COMPARISON TABLES
   ============================================ */

/* Section wrapper */
.fascia {
    position: relative;
    float: left;
    width: 100%;
}

/* Table wrapper */
.body-scheda .fascia-tabella-new {
    float: none;
    margin-bottom: 100px !important;
}

/* Main table */
.tabella-gemi {
    width: 100%;
    background: #319be8;
    padding: 10px;
    font-family: 'Raleway', sans-serif;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

/* Table inner content */
.tabella-in {
    color: #fff;
}

/* Header row */
.body-scheda .fascia-tabella-new .riga-1 {
    background: #fff;
}

/* Table rows */
.riga {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 10px;
    border-left: 2px solid;
    border-right: 2px solid;
    border-bottom: 2px solid #fff;
}

/* Row with product images */
.riga-con-aspiratori img {
    width: 115px!important;
    top: 0!important;
    position: relative!important;
}

/* First column (wider) */
.cella.cella-1 {
    -webkit-box-flex: 2;
    -ms-flex: 2 0 50%;
    flex: 2 0 50%;
}

/* Other columns */
.cella.cella-2, .cella.cella-3, .cella.cella-4, .cella.cella-5 {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 13%;
    flex: 1 0 13%;
    text-align: center;
}

/* Large table columns */
.mega-tabella .cella.cella-2, 
.mega-tabella .cella.cella-3, 
.mega-tabella .cella.cella-4, 
.mega-tabella .cella.cella-5 {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 10%;
    flex: 1 0 10%;
}

/* Non-header cells styling */
.riga:not(.riga-1) .cella.cella-2, 
.riga:not(.riga-1) .cella.cella-3, 
.riga:not(.riga-1) .cella.cella-4, 
.riga:not(.riga-1) .cella.cella-5 {
    text-align: center;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 5px 0;
}

/* Cell text weight */
.cella.cella-2, .cella.cella-3, .cella.cella-4, .cella.cella-5,
.cella.cella-2 strong, .cella.cella-3 strong, .cella.cella-4 strong, .cella.cella-5 strong {
    font-weight: 400;
}

/* Cell images */
.riga:not(.riga-1) .cella.cella-2 img, 
.riga:not(.riga-1) .cella.cella-3 img, 
.riga:not(.riga-1) .cella.cella-4 img, 
.riga:not(.riga-1) .cella.cella-5 img {
    width: 30px !important;
}

/* Header row images */
.riga-1 .cella-2 img {
    width: 90px;
    position: relative;
    top: -7px;
}

/* Specific cell margins */
.body-scheda .fascia-tabella-new .cella.cella-2, 
.body-scheda .fascia-tabella-new .cella.cella-3 {
    text-align: center;
}

.body-scheda .fascia-tabella-new .riga:not(.riga-1) .cella.cella-2, 
.body-scheda .fascia-tabella-new .riga:not(.riga-1) .cella.cella-3 {
    margin: 15px 0;
}

/* Table titles */
h2.tit-tabella {
    margin: 10px 0;
    font-size: 22px;
    line-height: 30px;
    font-weight: 700;
    color: #fff;
    text-align: left;
}

h2.tit-tabella strong {
    margin: 0px;
}

.body-scheda .fascia-tabella-new h2.tit-tabella {
    color: #319be8;
}

h3.tit-tab-2 {
    text-transform: uppercase;
    font-size: 16px;
    margin: 0px;
}

/* Cell heading */
.riga .cella-3 h4 {
  color: #444;
}


/* ============================================
   INSTALLATION LIST
   ============================================ */

.lista-installare {
    margin-top: 70px;
    margin-bottom: 150px;
    padding-left: 100px;
}

.lista-installare li {
    font-size: 21px;
    line-height: 40px;
    color: #000;
}