﻿.tabs-wrapper { margin-bottom:40px;}
.tabs-wrapper > ul.tabs-nav { display: flex; }
.tabs-wrapper > ul.tabs-nav > li { transition: 0.3s linear; -webkit-transition: 0.3s linear; -moz-transition: 0.3s linear; -ms-transition: 0.3s linear; }
.tabs-wrapper > ul.tabs-nav > li.active { background-color: #F4F4F4; transition: 0.3s linear; -webkit-transition: 0.3s linear; -moz-transition: 0.3s linear; -ms-transition: 0.3s linear; }
.tabs-wrapper > ul.tabs-nav > li > a { padding: 15px 25px; display:inline-block; color: #170F09; font-size: 0.85em; text-transform: uppercase; font-weight: 600;transition: all 0.3s;}

.tabs-wrapper > .tabs-content > .tabs-pane { display: none; background-color: #F4F4F4; padding: 30px 30px; }
.tabs-wrapper > .tabs-content > .tabs-pane.active {display:block;}
.tabs-wrapper .paragraph-btn {background-color: transparent !important;}

/*Servizi su Misura*/
html[data-document="13609"] .tabs-wrapper > ul.tabs-nav {gap:5px; margin-bottom:15px; }
html[data-document="13609"] .tabs-wrapper > ul.tabs-nav > li {flex: 1; text-align: center; background: #F4F4F4; width: 100%; display: flex; justify-content: center; align-items: center;}
html[data-document="13609"] .tabs-wrapper > ul.tabs-nav > li.active {background: #ed8107;}
html[data-document="13609"] .tabs-wrapper > ul.tabs-nav > li > a {width:fill-available; width:-webkit-fill-available; width:-moz-available; font-size: 1rem; line-height: 1.1;   }

@media (pointer:fine) {
    .tabs-wrapper > ul.tabs-nav > li > a:hover {color: #ed8107;transition: all 0.3s;}

    html[data-document="13609"] .tabs-wrapper > ul.tabs-nav > li:not(.active):hover {transform:translateY(-5px); box-shadow: 1px 1px 3px rgba(0,0,0,.3);}
    html[data-document="13609"] .tabs-wrapper > ul.tabs-nav > li:hover a {color:#000;}
    html[data-document="13609"] .tabs-wrapper > ul.tabs-nav > li:not(.active):hover a {color:#ed8107;}
}

@media (max-width:1024px) {
    .tabs-wrapper > ul.tabs-nav { display: block }

    html[data-document="13609"] .tabs-wrapper > ul.tabs-nav {display: flex; flex-direction:column;}

    @supports (display: grid) {
        .tabs-wrapper > ul.tabs-nav { display: grid; grid-template-columns: 1fr 1fr; }
        .tabs-wrapper > ul.tabs-nav > li:last-child:nth-last-child(odd) { grid-column: auto / span 2; }
        .tabs-wrapper > ul.tabs-nav > li:first-child:nth-last-child(even),
        .tabs-wrapper > ul.tabs-nav > li:first-child:nth-last-child(even) ~ li { grid-column: auto / span 1; }
        .tabs-wrapper > ul.tabs-nav > li { text-align: center; }
    }
}

@media (max-width:640px) {
    .tabs-wrapper > ul.tabs-nav { display: block }
}
