/* ==========  COLOR VARS ==========  */
@light-color: #eeeeee;
@mid-color: #b40612; 
@dark-color: #9b0404;



/* ==========  LIGHT ==========  */
#offcanvas .chiudi-offcanvas, #yoo-zoo .item .element-image .uk-icon-camera {
   color: @light-color; 
}
#yoo-zoo.cookbook-custom-dati-istat .item h3 {
    border-bottom: 4px solid @light-color; 
}
#menu-pa {
	border-top: 1px solid @light-color;
}
.uk-panel.fascia-evidenza-home, 
body.home .zoo-event-calendar div.ui-datepicker table.ui-datepicker-calendar thead, 
body.home .zoo-event-calendar .ui-widget-content .ui-datepicker-today {
    background-color: @light-color;  
}



/* ==========  MID  ==========  */
#sp-header.menu-fixed-out, 
#sp-header.menu-fixed, 
#yoo-zoo.cookbook-custom-dati-istat .element-joomlamodule h2, 
.uk-navbar-nav > li.uk-active > a, 
.uk-nav-side > li.uk-active > a, 
#torna-su .tm-totop-scroller, 
aside .zoo-category-list .current.active, 
.uk-panel.questionario-home, 
body.home .accesso-rapido, 
body.home .eventi-home .zoo-event-calendar a.ui-state-default {
    background-color: @mid-color;  
}
a, a:link, .uk-link, .tm-sidebar-b .uk-nav li a, .tm-sidebar-b  .uk-nav-sub li a, span.uk-icon-folder-open-o, .social-top em {
    color: @mid-color; 
}



/* ==========  DARK  ==========  */
.uk-navbar, 
body.home .accesso-rapido a:hover, 
body.home .eventi-home .zoo-event-calendar a.ui-state-default:hover, 
body.home .zoo-event-calendar .ui-datepicker .ui-datepicker-header {
    background: @dark-color; 
}
a:hover, 
.uk-link:hover, 
h1 a:hover, 
h2 a:hover, 
h3 a:hover, 
h4 a:hover, 
.uk-panel.fascia-evidenza-home a, 
.uk-panel.fascia-evidenza-home h2 {
	color: @dark-color; 
}
body.home .zoo-event-calendar .ui-datepicker {
    border: 1px solid @dark-color;
}



/* ==========  WHITE  ==========  */
.burger-clio a, 
.tm-headerbar a.tm-logo, 
.header-right p, 
.uk-panel.questionario-home a, 
body.home .accesso-rapido, 
body.home .accesso-rapido a, 
body.home .eventi-home .zoo-event-calendar a.ui-state-default {
    color: #fff !important;  
}