 
 /*	||||||||||||||||||||||||||||
	||||||||||||||||||||||||||||
	ETS map
	||||||||||||||||||||||||||||
	||||||||||||||||||||||||||||		*/

.etsmap-button {
margin-top: 0px;
border: none;
box-shadow: none;
-webkit-border-radius: 20px;
border-radius: 20px;
text-align: center;
height: 40px;
width: 40px;
overflow: hidden;
opacity: 0.8;
color: #262626;
font-weight:bold;
}
.etsmap-button:hover{
cursor: pointer;
}
.etsmap-button:hover,
.etsmap-button.active {
opacity: 1;
}
#toggle-layer-1{
background-color: #483f52;
}
#toggle-layer-2{
background-color: #465058;
}
#toggle-layer-3{
background-color: #36515c;
}
#toggle-layer-4{
background-color: #36595b;
}
.leaflet-top {
top: 20px;
}





.etsmap-button p{
font-size: 1.3em;
line-height: 0.8em;
color: #333;
font-family: 'DINCondensed', sans-serif;

}
.leaflet-container a,
.leaflet-container a.leaflet-popup-close-button:hover{
text-decoration: none;
}
.leaflet-container a:hover{
text-decoration: underline;
}
.popUpText.closed:hover{
background-color: yellow;
}
.popUpText{
cursor: pointer;
}
.leaflet-popup-content p{
font-family: 'Tenso-Regular', sans-serif;

}
.leaflet-popup-content h3{
font-family: 'DINCondensed', sans-serif;
font-size: 1.3em;
line-height: 1.3em;
color: #333;
text-transform: uppercase;
border-bottom: 2px solid #333;
padding: 10px 0;
}

.leaflet-container a.leaflet-popup-close-button {
padding: 6px 4px 0 0;
text-align: center;
font: 22px/14px 'DINCondensed' sans-serif;
color: #0078A8;
}
.leaflet-popup-content-wrapper {
padding: 1px;
text-align: left;
-webkit-border-radius: 0px;
border-radius: 0px;
}

/* 
MAP FULLSCREEN
MAP ZOOM
 */
.leaflet-bar a.leaflet-control-zoom-in,
.leaflet-bar a.leaflet-control-zoom-in:hover,
.leaflet-bar a.leaflet-control-zoom-out,
.leaflet-bar a.leaflet-control-zoom-out:hover,
.leaflet-bar a.leaflet-control-zoom-fullscreen{
margin-top: 0px;
border: none;
box-shadow: none;
-webkit-border-radius: 20px;
border-radius: 20px;
text-align: center;
height: 40px;
width: 40px;
overflow: hidden;
opacity: 0.8;
color: #262626;
font-weight:bold;
}
.leaflet-bar a.leaflet-control-zoom-in,
.leaflet-bar a.leaflet-control-zoom-in:hover{
border-bottom-left-radius: 0;
-webkit-border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
-webkit-border-bottom-right-radius: 0;
line-height: 2.4em;
text-decoration: none;
}
.leaflet-bar a.leaflet-control-zoom-out,
.leaflet-bar a.leaflet-control-zoom-out:hover{
margin-top: 2px;
border-top-left-radius: 0;
-webkit-border-top-left-radius: 0;
border-top-right-radius: 0;
-webkit-border-top-right-radius: 0;
line-height: 1.6em;
text-decoration: none;
}
.leaflet-bar  a.leaflet-control-zoom-fullscreen{
margin-top: 0px;
border: none;
box-shadow: none;
-webkit-border-radius: 20px;
border-radius: 20px;
text-align: center;
height: 40px;
width: 40px;
overflow: hidden;
opacity: 0.8;
color: #262626;
font-weight:bold;
}
.leaflet-bar {
box-shadow: none;
-webkit-border-radius: 0;
border-radius: 0;
}



@media only screen and (orientation:landscape) and (min-width: 768px) and (max-height: 768px) and (max-width: 1024px)

{
.etsmap-button {
display: inline-block;
clear: none;
}

.leaflet-right .leaflet-control {
margin-right: 10px;
display: inline-block;
clear: none;
}
.leaflet-bar{
}
.leaflet-bar a.leaflet-control-zoom-in,
.leaflet-bar a.leaflet-control-zoom-in:hover,
.leaflet-bar a.leaflet-control-zoom-out,
.leaflet-bar a.leaflet-control-zoom-out:hover,
.leaflet-bar a.leaflet-control-zoom-fullscreen{
margin-top: 0px;
border: none;
box-shadow: none;
-webkit-border-radius: 20px;
border-radius: 20px;
text-align: center;
height: 40px;
width: 40px;
overflow: hidden;
opacity: 0.8;
color: #262626;
display: inline-block;
font-weight:bold;
}

.leaflet-bar a.leaflet-control-zoom-in,
.leaflet-bar a.leaflet-control-zoom-in:hover{
border-top-right-radius: 0;
-webkit-border-top-right-radius: 0;
border-bottom-right-radius: 0;
-webkit-border-bottom-right-radius: 0;
line-height: 2.1em;
text-decoration: none;
vertical-align: bottom;
}
.leaflet-bar a.leaflet-control-zoom-out,
.leaflet-bar a.leaflet-control-zoom-out:hover{
margin-top: 0;
margin-left: 4px;
border-top-left-radius: 0;
-webkit-border-top-left-radius: 0;
border-bottom-left-radius: 0;
-webkit-border-bottom-left-radius: 0;
line-height: 1.8em;
vertical-align: bottom;
text-decoration: none;
}



}