@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 *********************/
/* .region-content does not exist in D9; position is inherited from
   .lamma8__homepage_col_container (position:relative). */
.path-frontpage .citysearch-form-container {
  position: absolute;
  left: 25px;
  top: 11px;
  width: 25%;
}

.path-frontpage .citysearch-form-container .form-item {
  width: 100%;
}

.path-frontpage .citysearch-form-container .form-item .input-group {
  width: 100%;
}

/* D9: no .input-group wrapper — target input directly as fallback */
.path-frontpage .citysearch-form-container .form-item .input-group input,
.path-frontpage .citysearch-form-container .form-item input {
  color: #103A60;
  padding-left: 40px;
  background-color: #fff;
  background-image: url("../../images/cerca-blu.png");
  background-position: 10px center;
  background-repeat: no-repeat;
  height: 26px;
  padding-top: 3px;
  padding-bottom: 3px;
  font-size: 12px;
  background-size: auto 18px;
}

.path-frontpage .citysearch-form-container .form-item .input-group input::-moz-placeholder,
.path-frontpage .citysearch-form-container .form-item input::-moz-placeholder {
  color: #103A60;
  opacity: 1;
}

.path-frontpage .citysearch-form-container .form-item .input-group input:-ms-input-placeholder,
.path-frontpage .citysearch-form-container .form-item input:-ms-input-placeholder {
  color: #103A60;
}

.path-frontpage .citysearch-form-container .form-item .input-group input::-webkit-input-placeholder,
.path-frontpage .citysearch-form-container .form-item input::-webkit-input-placeholder {
  color: #103A60;
}

@media all and (max-width: 575px) {
  .path-frontpage .citysearch-form-container {
    left: 5px;
    right: 5px;
    top: 0;
    width: auto;
  }
}