body {
   /* overflow: hidden; */
}

svg#brxe-9447a4 * {
  fill: white !important;
}

svg#brxe-wvjcko * {
    fill: white !important;
}

.fr-social-charlie {
    --icon-color: var(--white) !important;
}
.leaflet-bar a {
  text-decoration: none !important;
}

:not(.not-default-page).page-layout-full-width.layout-full #primary {
    width: calc(100vw - var(--geodoc_cornice) - var(--spessore_cornice_geodoc) - var(--spessore_cornice_sidebar) - var(--spessore_cornice_sidebar) - var(--cornice) - var(--spessore_cornice) - var(--spessore_cornice) - var(--cornice) - var(--spessore_cornice_geodoc) - var(--geodoc_cornice) + 16px - var(--spessore_cornice_geodoc) - var(--spessore_cornice_geodoc));
    position: relative;
    left: calc(-34px - var(--spessore_cornice_geodoc) );
    top: calc(-34px - var(--spessore_cornice_geodoc) );
    /* border: 1px solid red; */
    min-height  : calc(100vh - 166px - var(--page_top_position) - var(--geodoc_cornice) - var(--geodoc_cornice));
}

.brxe-code {
  height: calc(100vh - 134px);
}

#GeoDoc {
    display: block;
    position    : relative;
    border      : calc(var(--spessore_cornice_geodoc)) solid rgb( var(--colore_geodoc_cornice), 1.00);
    top         : calc(var(--geodoc_cornice) + var(--page_top_position) - 11px + var(--spessore_cornice_geodoc));
    left        : calc(var(--geodoc_cornice) + var(--geodoc-left-adjust) - 11px + var(--spessore_cornice_geodoc));
    bottom      : var(--geodoc_cornice);
    right       : var(--geodoc_cornice);
    min-height  : calc(100vh - 127px + var(--spessore_cornice_geodoc) - var(--page_top_position) - var(--geodoc_cornice) - var(--geodoc_cornice));
    width: calc(100vw - var(--geodoc_cornice) - var(--spessore_cornice_geodoc) - var(--spessore_cornice_sidebar) - var(--spessore_cornice_sidebar) - var(--cornice) - var(--spessore_cornice) - var(--spessore_cornice) - var(--cornice) - var(--spessore_cornice_geodoc) - var(--geodoc_cornice) + 25px);
}

.geodoc-open {
    left: calc(var(--sidebar_left_position) - var(--spessore_cornice_sidebar) - var(--close-button-size) - calc(var(--close-button-size)/8));
    transition: right 500ms;
}

.geodoc-close {
    z-index: 99000;
    position: relative;
    color: white;
    top: 0px;
    background-color: #222;
    width: var(--close-button-size);
    height:var(--close-button-size);
    text-align:center;
    line-height:var(--close-button-size) !important;
    cursor: pointer;
    transition: left 500ms;
}
@media only screen and (max-width: 768px) {
	#GeoDoc {
		bottom      : calc(var(--geodoc_cornice) - 30px);
	}
	.geodoc-close {
		width: calc(1.2 * var(--close-button-size));
		height:calc(1.2 * var(--close-button-size));
	}
  .geodoc-open {
      left: calc(var(--sidebar_left_position) - var(--spessore_cornice_sidebar) - var(--close-button-size) - calc(1.2 * var(--close-button-size)/8));
  }
  .sidebar-open {
    width: 100vw !important;
    /*z-index: 99999 !important;*/
  }
}
@media only screen and (max-width: 690px) {
	#GeoDoc {
		bottom      : calc(var(--geodoc_cornice) - 30px);
		min-height  : calc(100vh - 110px + var(--spessore_cornice_geodoc) - var(--page_top_position) - var(--geodoc_cornice) - var(--geodoc_cornice));
    width: 100%;
    max-width: 100%;
  }
	.geodoc-close {
		width  : calc(1.2 * var(--close-button-size));
		height :calc(1.2 * var(--close-button-size));
	}
  .geodoc-open {
      left: calc(var(--sidebar_left_position) - var(--spessore_cornice_sidebar) - var(--close-button-size) - calc(1.2 * var(--close-button-size)/4));
  }
  .sidebar-tabs > .Functions > section {
      height: calc(100vh - var(--page_top_position) - var(--cornice) - 32px);

  }
  .sidebar-open {
    width: 100vw !important;
    /*z-index: 99999 !important;*/
  }

}

/* id map */
#map {
    position    : absolute;
    top         : calc( var(--cornice) );
    bottom      : calc( var(--cornice) ); /* 0px */
    left        : calc( var(--cornice) + var(--close-button-size));
    right       : calc( var(--cornice) );
    border      : var(--spessore_cornice) solid rgb( var(--colore_cornice), 1.00);
    transition  : left 500ms;
}
#myUL > section {
	display: none;
}
.section-open {
	display: block !important;
}
.map-open {
    left        : calc( var(--cornice) + var(--spessore_cornice_sidebar) + var(--spessore_cornice) - var(--spessore_cornice_geodoc) + var(--sidebar_left_position) ) !important;
}
@media only screen and (max-width: 768px) {
	#map {
		width       : calc(100%- var(--sidebar_left_position) + var(--cornice) + var(--cornice) - var(--spessore_cornice_sidebar) - var(--spessore_cornice_geodoc) - var(--spessore_cornice));
    z-index: 0;
  }
	.map-open {
		left        : calc( var(--cornice) + var(--spessore_cornice_sidebar) + var(--spessore_cornice) - var(--spessore_cornice_geodoc) + var(--sidebar_left_position) ) !important;
    		transition  : right 500ms;
	}
  body:{
    height: 100vh  
  }
}

@media only screen and (max-width: 690px) {
	#map {
		width       : calc(100%- var(--sidebar_left_position) + var(--cornice) + var(--cornice) - var(--spessore_cornice_sidebar) - var(--spessore_cornice_geodoc) - var(--spessore_cornice));
    z-index: 0;
  }
	.map-open {
		left        : calc( var(--cornice) + var(--spessore_cornice_sidebar) + var(--spessore_cornice) - var(--spessore_cornice_geodoc) + var(--sidebar_left_position) ) !important;
    		transition  : right 500ms;
	}
  body:{
    height: 100vh  
  }
}
.map {
    height: calc(100% - var(--cornice) - var(--geodoc_cornice) - var(--spessore_cornice) - var(--spessore_cornice_geodoc));
}
/*
a {
    color: rgb(var(--colore_cornice)) !important;
}
a:hover {
    color: rgb(var(--gray)) !important;
}

a:active {
    color: rgb(var(--gray)) !important;
}
*/
.height-full {
    /*height: calc(100%  - var(--cornice) - 80px - var(--cornice));*/
    height: calc(100% - var(--cornice) - var(--cornice)  );
}

.width-full {
    /* width: calc(100%  - var(--cornice) - 42px - var(--cornice)); */
    /*width: calc(100%  - var(--cornice) - 320px - var(--cornice));*/
    width: calc(100%- var(--sidebar_left_position) + var(--cornice) + var(--cornice) - var(--spessore_cornice_sidebar) - var(--spessore_cornice_geodoc) - var(--spessore_cornice));
}

.leaflet-container {
	/*font-size: 12px !important;*/
	font-size: 1.25rem;
	/*line-height: 1.5;*/
}

.leaflet-left {
    /* left: 93px; */
}

.leaflet-tooltip-left:before {
    right: 0;
    margin-right: -12px;
    border-left-color: rgba(0, 0, 0, 0.6);
}
.leaflet-tooltip-right:before {
    left: 0;
    margin-left: -12px;
    border-right-color: rgba(0, 0, 0, 0.6);
}
.leaflet-tooltip {
    position: absolute;
    padding: 4px;
    background-color: rgba(255, 255, 255, 0.9);
    border: 0px solid #000;
    color: #000;
    white-space: nowrap;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    pointer-events: none;
    box-shadow: 0 1px 3px rgba(0,0,0,0.4);
    font-size: 12px;
}

.float-right {
    float: right!important;
}

.marker-cluster-large {
  background-color: var(--primary) !important; /* rgba(103, 24, 28, 0.8) !important; */
}
.marker-cluster-large div {
  background-color: var(--primary) !important; /* rgba(103, 24, 28, 0.8) !important; */
}
.marker-cluster-large div span {
  background-color: var(--primary) !important; /* rgba(103, 24, 28, 0.8) !important; */
  color: #ffffff;
}

.marker-cluster-medium {
  background-color: var(--primary) !important; /* rgba(168, 40, 47, 0.8) !important; */ 
}
.marker-cluster-medium div{
  background-color: var(--primary) !important; /* rgba(168, 40, 47, 0.8) !important; */ 
}
.marker-cluster-medium div span{
  background-color: var(--primary) !important; /* rgba(168, 40, 47, 0.8) !important; */ 
  color: #ffffff;
}

.marker-cluster-small {
  background-color: var(--primary) !important; /* rgba(207, 48, 56, 0.8) !important; */
}
.marker-cluster-small div {
  background-color: var(--primary) !important; /* rgba(207, 48, 56, 0.8) !important; */
}
.marker-cluster-small div span {
  background-color: var(--primary) !important; /* rgba(207, 48, 56, 0.8) !important; */
  color: #ffffff;
}





.marker-cluster-small-green {
  background-color: rgba(36, 156, 42, 0.8) !important;
}
.marker-cluster-smalll-green div {
  background-color: rgba(36, 156, 42, 0.8) !important;
}
.marker-cluster-smalll-green div span {
  background-color: rgba(36, 156, 42, 0.8) !important;
  color: #ffffff;
}

.marker-cluster-medium-green {
  background-color: rgba(40, 103, 24, 0.8) !important;
}
.marker-cluster-medium-green div{
  background-color: rgba(40, 103, 24, 0.8) !important;
}
.marker-cluster-medium-green div span{
  background-color: rgba(40, 103, 24, 0.8) !important;
  color: #ffffff;
}

.marker-cluster-large-green {
  background-color: rgba(27, 71, 16, 0.8) !important;
}
.marker-cluster-large-green div {
  background-color: rgba(27, 71, 16, 0.8) !important;
}
.marker-cluster-large-green div span {
  background-color: rgba(27, 71, 16, 0.8) !important;
  color: #ffffff;
}


.polaroid_image_cover {
    width: 250px;
    height: 100px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 50% 50%;
}

.polaroid_image {
  position: relative;
  width: 270px;
  max-height: 150px;
  top: 2px;
  left: 2px;
  right: 2px;
}

.polaroid_image img {
  object-fit: cover;
  /* object-fit: fill; */
  object-position: 50% 50%;
  width: 100%;
  max-height: 150px;
  position: relative;
  top: 2px;
  left: 2px;
  right: 2px;
}



/* width */
::-webkit-scrollbar {
  width: 10px;
}

/* Track */
::-webkit-scrollbar-track {
  background: #f1f1f1; 
}
 
/* Handle */
::-webkit-scrollbar-thumb {
  background: #888; 
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #555; 
}












input[type=range] {
  border: none !important;
  -webkit-appearance: none;
  margin: 0px 0; /* 18px 0 */
  width: 100%;
}
input[type=range]:focus {
  outline: none;
}
input[type=range]::-webkit-slider-runnable-track {
  width: 100%;
  height: 8.4px;
  cursor: pointer;
  box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
  background: var(--base);
  border-radius: 1.3px;
  border: 0.2px solid #010101;
}
input[type=range]::-webkit-slider-thumb {
  box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
  border: 1px solid #000000;
  height: 18px;
  width: 8px;
  border-radius: 3px;
  background: #ffffff;
  cursor: pointer;
  -webkit-appearance: none;
  margin-top: -7px;
}
input[type=range]:focus::-webkit-slider-runnable-track {
  background:var(--base);
}
input[type=range]::-moz-range-track {
  width: 100%;
  height: 8.4px;
  cursor: pointer;
  box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
  background: var(--base);
  border-radius: 1.3px;
  border: 0.2px solid #010101;
}
input[type=range]::-moz-range-thumb {
  box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
  border: 1px solid #000000;
  height: 18px;
  width: 8px;
  border-radius: 3px;
  background: #ffffff;
  cursor: pointer;
}
input[type=range]::-ms-track {
  width: 100%;
  height: 8.4px;
  cursor: pointer;
  background: transparent;
  border-color: transparent;
  border-width: 16px 0;
  color: transparent;
}
input[type=range]::-ms-fill-lower {
  background: var(--base);
  border: 0.2px solid #010101;
  border-radius: 2.6px;
  box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
}
input[type=range]::-ms-fill-upper {
  background:var(--base);
  border: 0.2px solid #010101;
  border-radius: 2.6px;
  box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
}
input[type=range]::-ms-thumb {
  box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
  border: 1px solid #000000;
  height: 18px;
  width: 8px;
  border-radius: 3px;
  background: #ffffff;
  cursor: pointer;
}
input[type=range]:focus::-ms-fill-lower {
  background: var(--base);
}
input[type=range]:focus::-ms-fill-upper {
  background: var(--base);
}