/* Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */

/* ========================================================================
   Use this file to add custom CSS easily
 ========================================================================== */
 
/* Michelangelo modifiche Gennaio 2026 */
uk-panel-teaser {
  margin-bottom: 10px!important;
}

/* Michelangelo modifiche Ottobre 2019*/
/* colore testo elenco catalogo */
.uk-contrast .uk-nav-side > li > a {
    color: rgb(38, 32, 32);
	text-shadow: none;
}
.uk-contrast .uk-nav-side > li > a:hover, .uk-contrast .uk-nav-side > li > a:focus {
    background: rgba(255, 255, 255, 0.1);
    color: #CCCCCC;
	text-shadow: none;
}


li, dt, dd {
  line-height: 36px;
}

/* == MILA testo dentro la sezione support meno grigio == */

.uk-panel-box-secondary {
  color: rgba(255, 255, 255, 0.9);
}

/* == MILA FASCIA SOTTO MENU TRASPARENTE == */

.uk-navbar {
    background-color: rgba(255,255,255, 0.9);
}



/* == MILA VOCI DI MENU == */

.uk-navbar-nav > li > a {
    font-size: 11px;
    letter-spacing: 0.6px;
    padding: 0 6px;
}

.uk-navbar-nav > li.uk-active > a {
    background-color: rgba(255, 255, 255, 0.9);
    color: #f49a12;
}

/* == MILA nel CHRONOFOR MI SCRIVEVA SOLO MAIUSCOLO INVECE CON QUESTA REGOLA NO == */

.gbs3 .form-control {
    text-transform: none;
}

/* == MILA NOME DEL MODULO CENTRATO PER ESEMPIO PRODOTTI IN VETRINA NELLA PAGINA CATALOGO== */

.uk-panel-title {
    text-align: center;}


/* == MILA VOCI DEI NOMI CAPITOLI CATALOGO PIU GRANDI== */

.uk-nav-side > li > a {
  color: #333333;
  margin-bottom: 0px;
  border-radius: 0;
  font-family: 'Roboto', Helvetica, Arial, sans-serif;
  font-size: 16px;
  text-transform: uppercase;
  letter-spacing: 1px;
  -webkit-transition: all 0.12s ease-in-out;
  transition: all 0.12s ease-in-out;
}


/* == MILA con questa regola ho fatto in modo che la fascia sotto menu non restasse staccata dal TOP == */
.tm-navbar-sticky .tm-navbar-wrapper, .tm-navbar-sticky .tm-navbar-wrapper-animate
{
    border: none;
}

/* MILA - Slideshow sfondo testi PRIMA CHE CAMBIASSI LOGO IN QUELLO QUADRATO 
.tm-slideshow-content-panel {
    background-color: rgba(255, 255, 255, 0.6);
    padding: 8px 8px 1px 18px;
}*/

/* MILA - Slideshow sfondo testi DOPO CHE HO CAMBIATO IL LOGO IN QUELLO QUADRATO E REGOLE PER FAR VEDERE SU CELLULARE LE SCRITTE DELLA SLIDE */
.tm-slideshow-content-panel {
    background-color: rgba(255, 255, 255, 0.8);
    padding: 8px 24px 1px 24px;
    width: 360px;
    margin-left: 80px;
}

/* MILA - REGOLE SOLO PER GLI SCHERMI PICCOLI QUINDI I MOBILE */
@media screen and (max-device-width: 480px) {
        .uk-container {
    padding: 0 5px;}

.tm-slideshow-avanti .uk-overlay-panel {
    padding;}

	.tm-slideshow-content-panel {
    background-color: rgba(255, 255, 255, 0.6);
    padding: 8px 8px 1px 8px;
    width: auto;
    margin-left: 1px;
}

h2 {
    font-size:16px;
    line-height: 1;
}

h3 {
    font-size: 12px;
    line-height: 1;
}

}


/* == MILA COLORE LINK == */
.uk-link-muted, .uk-link-muted a {
    color: #282836;
}

/* == MILA RENDERE I VIDEO DI YOUTUBE RESPONSIVI == */
.video-responsive {
position: relative;
padding-bottom: 56.25%;
padding-top: 35px;
height: 0;
overflow: hidden;
}

.video-responsive iframe {
position: absolute;
top:0;
left: 0;
width: 100%;
height: 100%;
}

/* == MILA FORM CASSETTE SU MISURA == */

.chrono_credits {
font-size:0;
}

/* == MILA colore dei link personalizzato == */

#linkBLU {
  color: #282836;
  text-decoration: underline;
  font-weight: bold;
}

/* == MILA colore di una voce di menu personalizzata == */

.menucovid {
    color: red !important;
    font-weight: bold !important;

}

.menucatalogo {
    color: #fff !important;
    font-weight: bold !important;
    background: #004c99;
}

/* == MILA testo sopra allo sfondo blu più bianco == */

.uk-contrast {
    color: rgba(255, 255, 255, 0.8);
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.18);
}


/* == MILA data sotto agli articoli della sezione News == */

.uk-article-meta {
    font-size: 20px;
    color: #999;
    text-transform: none;
}

/* == MILA colore di sfondo solo per la pagina GREEN per farlo sono andato nel template nella pagina green ed ho aggiunto alla pagina la classe greenclass == */
.greenclass {
    background-color: #c3edab;
}