/* ==========================================================
   AXIOMSEND - PERSONALIZZAZIONI GRAFICHE
   ========================================================== */

#Slogan1,#Slogan2, #Slogan3  {
padding: 60px 0;
text-align: center;
font: 32px var(--font-base);
font-style: italic;
}
#Slogan4, #Slogan5 {
    padding: 60px 0;
    text-align: center;
}
.contact-info {
    color: #888;
    font-size: 18px;
    max-width: 250px;
    text-align: right;
}
.contact-info #contact, #menu-slide {
    display: none;
}
.contact-info span {
    color: #1a322f;  
    font-size: 18px;  
    margin-top: 5px;    
    display: block;
}

.fixed-nav{
-ms-transition:all .3s ease 0s}

.fixed-nav{

position:fixed!important;
top:0;
right:0;
left:0;
padding: 7px 0!important;
background:#fff;
box-shadow:0 1px 6px 0 #787878;
z-index: 999;
-webkit-transition:all .3s ease 0s;
-moz-transition:all .3s ease 0s;
-o-transition:all .3s ease 0s;
transition:all .3s ease;

background: rgba(224, 224, 224, 0.9) !important;
}

.menu1{
position:relative;
margin:0;
padding:0}

.menu1 li{
display:inline-block;
margin-right:15px}

.menu1 li:last-child{
margin-right:0}

.menu1 li a{
position:relative;
display:block;
color:#181717;

font-style: italic;
font-weight: 500;

line-height:16px;
z-index:2}
.menu1 li a:hover, .menu1 li .active {
    color: #00CED1;
    text-decoration: underline;
}
.bx-wrapper img {

    width: 100%;
    max-width: 1600px;
    margin: auto;
    height: 88vh;
    object-fit: cover;
}
.imagecomment {
    
    position: absolute;
    bottom: 12%;
    left: 10%;
    background: rgba(58,58,58, 0.8) none repeat scroll 0 0 !important;
    font-size: 2.5em;
    font-weight: 600;
    color: #fff;
    -webkit-box-shadow: -2px 2px 10px rgba(0, 0, 0, 0.3);
    box-shadow: -2px 3px 10px rgba(0, 0, 0, 0.3);
    padding: 15px;
}
#contatti-wrap {
    /*background: #A3C51C;*/
    background: rgba(168, 202, 35, 0.8);
}
#inevidenza-wrap {
    /* background: #181717; */
    background: url(../Images/green-evidenza.png) no-repeat;
    background-size: cover;
    -webkit-background-size: cover;
    opacity: 0.75;
}
#inevidenza-wrap h2 {
    color: #fff;
}

.thisothernews .leggiit a {
display:inline-block;
margin-top:20px;
transition:all .3s ease 0s;
text-align:center;
display: none;
}

/* ==========================================================================
   10. BLOCCO "IN EVIDENZA"
   ========================================================================== */

#inevidenza {
    padding: 60px 0 20px;
}
#inevidenza .container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: center;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 0 15px;
}
#inevidenza h2, .inevidenza h2{  
    text-align: center;
    margin-top: 0;
    font-weight: 500;
    margin-bottom: 30px;
}
#newsletter{  
display: inline-block;
width:300px;
vertical-align: middle;
margin: 0 20px;
text-align: left;
}

#newsletter h2{  
margin-top:0;
color: #3b968b;}

.newslt img{  
margin:10px auto;
background:#f2f2f2;
height:75px;
width:75px;
padding:15px}

.newslt a{  
color:#fff}

.newslt a:hover{  
color:#666}

.contatti-home{  

    max-width: 1200px;
    padding: 0;
    border: none;
    background-color: transparent;
    font-size: 54px;
    color: #fff;
    text-align: center;
    max-width: 1200px;
    margin: 0 auto;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.contatti-home a {
    color: #fff;
    text-decoration: underline;
}
.contatti-home p {
    margin: 0;
    line-height: 110%;
}

/* ==========================================================================
   15. BOTTONI PRINCIPALI
   ========================================================================== */

/* -------------------------------------------------------------------------- */
/* 3. STILI BOTTONE PRINCIPALE (.btn-primary-axiom) - CORRETTO !IMPORTANT */
/* -------------------------------------------------------------------------- */

/* Aumentata la specificità per sovrascrivere la maggior parte delle proprietà senza !important */
#maincontent .btn-primary-axiom {
    display: inline-block; 
    margin: 0 auto;  
    text-align: center; 
    text-decoration: none;
    
    
    background-color: #00CED1 !important; 
    color: #1a4a75 !important; 
    padding: 18px 35px !important;
    font-size: 1.25em !important;
    border: none !important;

    border-radius: 5px;
    line-height: 1.3;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
    transition: background-color 0.3s ease, transform 0.1s ease, box-shadow 0.3s ease;
}

#maincontent .btn-primary-axiom:hover {
    background-color: #1a4a75 !important; 
    color: #ffffff !important; 
    cursor: pointer;
    transform: translateY(-2px);
    box-shadow: 0 7px 15px rgba(0, 0, 0, 0.4) !important; 
}

/* -------------------------------------------------------------------------- */
/* 6. CORREZIONE DEFINITIVA FOOTER AXIOM SEND (e griglie generali) */
/* -------------------------------------------------------------------------- */

/* GESTIONE GRIGLIA A QUATTRO COLONNE (Massima pulizia strutturale) */
.quattrocol.axiom-grid-links {
    max-width: 1200px;
    margin: auto;
    padding: 60px 0 30px;
    
    
    display: flex;
    justify-content: space-between;  
    flex-wrap: wrap;  
    
    box-sizing: border-box;
}

.quattrocol .ycol1 {
    width: 23%; /* Larghezza di base per 4 colonne con spazio tra */
    box-sizing: border-box;
    text-align: left;  
}

/* Correzione allineamento per il blocco legale in fondo al footer */
.footer-bottom-legal {
    max-width: 1200px; /* Allinea alla stessa larghezza della griglia */
    margin: 0 auto; /* Centra il blocco nella p */
}


/* ==========================================================================
   16. RESPONSIVE
   Breakpoint principali: 992px / 768px
   ========================================================================== */

/* ========================================================================= */
/* --- SEZIONE AGGIUNTA: MEDIA QUERIES PER RESPONSIVITÀ (Integrità Classe Mantenuta) --- */
/* ========================================================================= */

@media (max-width: 992px) {
    /* Schermi Medii/Tablet: Passa le griglie complesse a 2 colonne (50%) */

    /* Griglia a 4 colonne */
    .quattrocol .ycol1 {
        width: 48%; 
        margin-bottom: 30px;
    }
    /* Griglia a 3 colonne */
    .trecol .ycol1 .col {
        width: 48%;
        margin-bottom: 30px;
        float: left; /* Assicura il layout a 2 colonne se usano float */
    }
    /* Elenco a 4 colonne */
    .asidelist1 ul {
        -webkit-column-count: 2;
        -moz-column-count: 2;
        column-count: 2;
        -webkit-column-gap: 30px;
        -moz-column-gap: 30px;
        column-gap: 30px;
    }
    /* Menu a 6 colonne */
    .menu3 {
        -webkit-column-count: 3;
        -moz-column-count: 3;
        column-count: 3;
    }

}

@media (max-width: 768px) {
    /* Schermi Piccoli/Smartphone: Passa tutte le griglie a 1 colonna (100%) */

    /* Griglie a colonne */
    .quattrocol .ycol1, .trecol .ycol1, .trecol .ycol1 .col, .col-sm-4 {
        width: 100%;
        float: none;
        margin-bottom: 20px;
    }
    .asidelist1 ul, .menu3, .menu2 {
        -webkit-column-count: 1;
        -moz-column-count: 1;
        column-count: 1;
        /* Resetta i layout a flexbox */
        display: block;
        margin: 0;
    }
    .menu2 li {
        width: 100%;
        margin: 10px 0;
    }
    /* Regolazione spaziatura in evidenza (miglior adattamento) */
    .evidenziato, .evidenziato1, .evidenziato2 {
        padding-left: 20px; 
        padding-right: 20px;
        text-align: center;
    }
    .evidenziato:before, .evidenziato1:before, .evidenziato2:before {
        position: static;
        display: block;
        margin: 0 auto 15px; 
        transform: none;
        top: auto;
    }
}