@import url(https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@300;400;500;600&display=swap);
/* @charset "UTF-8"; */
:root {
  --primary-bg-color: #439996;
  --primary-bg-hover: #233ac5;
  --primary-bg-border: #5161c1;

  --bg-color: #f0f0f5;
  --bg-card-color: #fff;
  --bg-card-color-mobile: #f1f1f1;

  --dark-body: #292e4a;
  --dark-border: #30314e;
  --dark-primary: #439996;
  --dark-primary-hover: #233ac5;

  --transparent-primary: #439996;
  --transparent-body: #584cd9;
  --transparent-theme: rgba(0, 0, 0, 0.2);
  --transparent-border: hsla(0, 0%, 100%, 0.1);

  --primary-transparentcolor: #eaedf7;
  --darkprimary-transparentcolor: #2b356e;
  --transparentprimary-transparentcolor: hsla(0, 0%, 100%, 0.05);

  --blue: #1a1a3c;
  --indigo: indigo;
  --purple: #6f42c1;
  --pink: #fc5296;
  --orange: #fd7e14;
  --yellow: #fbb034;
  --green: #28a745;
  --teal: #20c997;
  --cyan: #17a2b8;
  --white: #fff;
  --gray: #6c757d;
  --gray-dark: #343a40;

  --primary: #439996;
  --secondary: #6c757d;
  --tertiary: #92a649;
  --primary-invert: #fff;
  --secondary-invert: #fff;
  --tertiary-invert: #000;
  --tertiary-hover: #92a649;

  --primary-modulo1: #829e13;
  --primary-modulo14: #1ac1f7;
  --primary-modulo26: #686868;

  --success: #28a745;
  --info: #17a2b8;
  --warning: #ffc107;
  --danger: #dc3545;
  --light: #f8f9fa;
  --dark: #343a40;

  --breakpoint-xs: 0;
  --breakpoint-sm: 576px;
  --breakpoint-md: 768px;
  --breakpoint-lg: 992px;
  --breakpoint-xl: 1200px;

  --font-weigth-semibold: 500;

  /*--font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  */
  --font-family: 'Titillium web','Helvetica Neue',Helvetica,Arial,sans-serif;
}




/* Mappa ENERGIA EVENTI pagina ene_mappa_eventi.js */
.map-container {
  position: relative;
  height: 650px; /* puoi usare vh se vuoi schermo intero */
}

.pod-input {
    position: absolute;
    top: 10px;
    left: 10px;
    width: 250px;
    padding: 5px;
    z-index: 5;
    border-radius: 5px 0px 0px 5px;
    border: 1px solid #ccc;
    background: white;
    box-shadow: 0 2px 6px rgba(0,0,0,0.3);
}

/* Versione smartphone */
@media (max-width: 600px) {
    .pod-input {
        width: 80%;        /* più largo, adatta allo schermo */
        left: 3%;         /* centrato orizzontalmente */
        top: 10px;
    }
}



.pod-btn {
    position: absolute;
    top: 10px;
    left: 260px;
    width: 25px;
    padding: 5px;
    z-index: 5;
    border-radius: 0px 5px 5px 0px;
    border: 1px solid #ccc;
    background: white;
    box-shadow: 0 2px 6px rgba(0,0,0,0.3);
}

/* Versione smartphone */
@media (max-width: 600px) {
    .pod-btn {
        width: 10%;        /* più largo, adatta allo schermo */
        left: 74%;         /* centrato orizzontalmente */
        top: 10px;
    }
}



/* TOOLBAR MAPPA ENE  */
.navbar {
    background: #fff;
    margin-bottom: 0;
    border: none
}

.navbar {
    position: relative;
    min-height: 75px;
    margin-bottom: 21px;
    border: 1px solid transparent;
}

.navbar .navbar-toggle {
    border: none;
    font-size: 2em;
    padding: 0;
    position: relative;
    z-index: 1000
}

.navbar .navbar-header {
    padding: 0
}

.navbar .navbar-brand {
    padding-right: 0
}

.navbar .navbar-brand .navbar-title {
    color: #000;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: -0.9px
}

.navbar .navbar-collapse {
    width: 100%
}

.navbar .navbar-nav>li>a {
    line-height: 40px;
    font-weight: bold;
    text-transform: uppercase;
    white-space: nowrap;
    padding-left: 3px;
    padding-right: 3px;
    padding-top: 0;
    padding-bottom: 0;
    margin: 15px 4px;
    border-radius: 4px;
    border-bottom: 4px solid red
}

.navbar .navbar-nav>li>a span {
    font-size: 1.5em;
    padding-right: 3px;
    vertical-align: text-bottom
}

@media (min-width: 768px) {
    .navbar-brand>img.navbar-logo {
        display:inline-block;
        height: 40px
    }
}

/* .navbar-brand>img.navbar-logo {
    width: 10%;
} */

@media (min-width: 992px) {
    .navbar-brand {
        display:inline-block;
        line-height: 40px
    }

    .navbar-brand>img.navbar-logo {
        background: #fff none repeat scroll 0 0;
        border-radius: 100%;
        display: inline-block;
        height: 100px;
        left: -22px;
        padding: 9px;
        position: absolute;
        top: -10px;
        width: 100px;
        z-index: 1;
        box-shadow: 0 1px 1px rgba(0,0,0,0.1)
    }

    .navbar-brand .navbar-title {
        padding-left: 80px;
        line-height: 1;
        display: inline-block;
        z-index: 2;
        position: relative
    }

    .navbar-nav {
        margin: 0 auto;
        display: table;
        table-layout: auto;
        float: none;
        width: 100%
    }

    .navbar-nav>li {
        display: table-cell;
        float: none;
        text-align: center
    }
}

@media (min-width: 1200px) {
    .navbar-brand .navbar-title {
        padding-left:74px
    }

    .menu-container {
        padding: 0
    }
}

@media (max-width: 768px) {
    .navbar-brand {
        display:block;
        line-height: 1;
        display: flex;
    }

    .navbar-brand>img.navbar-logo {
        /* width: 15%; */
        margin-right: 10px;
    }

    .navbar-brand .navbar-title {
        font-size: 0.9em;
        line-height: 1
    }

    .nav li a,.nav-facets .nav-sub li a {
        margin: 15px 0;
        display: block
    }

    .yamm .yamm-content {
        padding: 0 10px
    }

    .navbar .navbar-nav li a {
        border-bottom: none;
        margin: 5px 4px
    }

    .navbar .navbar-nav li .nav-sub li a {
        margin: 5px 0
    }
}

@media (max-width: 1199px) {
    .navbar .navbar-brand {
        height: 50px;
        padding: 10px 15px 10px 0px;
    }
}


/* TOOLBAR MAPPA ENE  */