@charset "UTF-8";
/**
 * Default Variables.
 *
 * Modify this file to provide default Bootstrap Framework variables. The
 * Bootstrap Framework will not override any variables defined here because it
 * uses the `!default` flag which will only set their default if not already
 * defined here.
 *
 * You can copy existing variables directly from the following file:
 * ./THEMENAME/bootstrap/assets/stylesheets/bootstrap/_variables.scss
 */
/******** start colors ********************/
/* elenco colori lamma utilizzati */
/* hash di configurazione colori font */
/* hash di configurazione sfondi */
/* hash di configurazione colori bordi */
/* hash di configurazione shadow  */
/******** end colors ********************/
/******** start font *********************/
/* hash di configurazione font size di default */
/* hash di configurazione line-height di default */
/* hash di configurazione font-weight di default */
/******** end font *********************/
/******** start mixin *********************/
/*** 
 le classi con %iniziale non venegono stampate in pagina
 servono esclusivamente per estendere 
**/
/*
  nel caso di row bootstraap
  dove non voglio la spaziatura a sinistra per la prima col
  si usa cosi'
   .lamma8__*{
        @extend %first-col-without-padding-left;
        ...
   }   
*/
/* direttamte da bootstraap4 */
div.no-gutters {
  margin-right: 0;
  margin-left: 0;
}

div.no-gutters > [class*="col-"] {
  padding-right: 0;
  padding-left: 0;
}

/*
 setta il font weight per una classe e tutti i suoi figli di primo livello
  valori in in ingresso regular.semibold,light,medium e valori numeri
  es.  @include lamma-font-weight('medium');
       @include lamma-common($weight:light, $important:1) attenzione important entra a gamba tesa
*/
/*
    crea dei bottoni al modo bootstraap
    es. @include lamma-button; 
        @include lamma-button(red,lime,blue)
        @include lamma-button(red,lime,blue,10px,30px,15px,18px,6px)
        @include lamma-button($padding-horizontal:30px); TOP Sintax per cambiare solo un parametro
*/
/*
    crea dei titoli
    es. @include lamma-title; 
        @include lamma-title($color:red)
        @include lamma-title($font-size:21px)
        @include lamma-title(medium,25px,35px,red)
        @include lamma-title($important:1) attenzione important entra a gamba tesa
*/
/*
    crea dei font con size comune 
    es. @include lamma-common; 
        @include lamma-common($color:red)
        @include lamma-common($font-size:21px)
        @include lamma-common(medium,25px,35px,red)
        @include lamma-common($important:1) attenzione important entra a gamba tesa
*/
/*
    crea dei font con size small 
    es. @include lamma-small; 
        @include lamma-small($color:red)
        @include lamma-small($font-size:21px)
        @include lamma-small(medium,25px,35px,red)
        @include lamma-small($important:1) attenzione important entra a gamba tesa
*/
/*
    crea dei font utility
    necessita di tutti i parametri
    es. @include _lamma-font()
*/
/*

    crea il bordo superiore con finestrella in trasparenza su immagine di sfondo
    requisito che il div in cui è incluso sia ina absolute o relative 
    o relative con altezza settata a 20px
    html:     
    <div class="border_top_window">
        <div class="shape"></div>
    </div> 
    /// $position e $border-width in pixel
    es  @include lamma-border-top-window;
        @include lamma-border-top-window(
                    $bg-color: red,
                    $border-color:lime,
                    $position:80, 
                    $border-width:1
                );

*/
/*

    crea il titolo con il bordino parziale sotto 
    es  @include lamma-title-bordered;
        @include lamma-title-bordered(
                    $bg-color: red,
                    $border-color:lime,
                    $position:80, 
                    $border-width:1
                );

*/
/******** end mixin *********************/
.homepage_current_situation {
  background-color: #EFEDED;
  border-left: 2px solid #9bc542;
  padding: 10px;
  margin: 10px 0;
}

.homepage_current_situation .title {
  /*
        utilizzo mixin generica per il font
    */
  /*
        utilizzo mixin custom per il font-weight
    */
  font-weight: 700;
  font-size: 15px;
  line-height: 19px;
  /* potrei voler semplicemnte ereditare il colore font dal parent */
  color: #103A60;
  padding-right: 10px;
}

.homepage_current_situation .title > * {
  font-weight: 700;
}

.homepage_current_situation .title * {
  color: #103A60;
}

.homepage_current_situation .citta {
  /*
        utilizzo mixin generica per il font
    */
  /*
        utilizzo mixin custom per il font-weight
    */
  font-size: 13px;
  line-height: 18px;
  padding-right: 5px;
}

.homepage_current_situation .pioggia_1 {
  padding-right: 25px;
  background: no-repeat right 2px center url("../../images/homepage/rain.png");
}