html {cursor: url(cursor.svg), auto !important;}


.mapboxgl-ctrl-compass {
display: none !important;
}


.mapboxgl-canvas-container { cursor: url(grab.svg), grab !important;}

.mapboxgl-canvas-container:active { cursor: url(grabbing.svg), grabbing !important;}

.uxicon {vertical-align: middle;
height:30px;
width:30px;}

#img-container{padding:5px;
        text-align: center;
        display: block;
    }

.logowidth {
	width: 150px;
}

.mapbox-improve-map {
    display: none;
}

    #northarrow {
		width: auto;
		height: auto;
        position: absolute;
        z-index: 1;
        bottom: 25px;
        right: 15px;
 }

    #menu {
		width: 225px;
        background: white;
        font-family: 'Press Start 2P', system-ui;
        font-size: 10px;
        position: absolute;
        z-index: 1;
        top: 15px;
        left: 15px;
        display: table-row;
        color: #fff;
		border: 4px;
		border-style: solid;
		border-color: black;
        box-shadow: 6px 6px 0px rgba(0, 0, 0, 1) !important;
        -moz-box-shadow: 6px 6px 0px rgba(0, 0, 0, 1) !important;
        -webkit-box-shadow: 6px 6px 0px rgba(0, 0, 0, 1) !important;
		  -webkit-user-select: none; /* Safari */
  -ms-user-select: none; /* IE 10 and IE 11 */
  user-select: none; /* Standard syntax */
 }

#zoombutton {
        display: block;
        margin: 0;
        padding: 7px;
		padding-top: 4px;
		padding-bottom: 4px;
        color: black;
    }
#zoombutton:hover {
background: #df896e;
color: white;
    }

#collapser {
        background: white url("../style/menucollapse.svg") no-repeat center;
        background-origin: content-box;
        background-size: 20px;
        display: block;
        margin: auto;
        padding: 5px;
		height: 14px;
        color: black;
    }

#collapsecontent {display: block;}

#collapser:hover {
        background: #df896e url("../style/menucollapse.svg") no-repeat center;
        background-origin: content-box;
        background-size: 20px;
    }

    .on {
        background: white url("../style/check1.svg") no-repeat right;
        background-origin: content-box;
        background-size: 30px 30px;
        display: block;
        margin: 0;
        padding: 7px;
		padding-top: 4px;
		padding-bottom: 4px;
        color: black;
        border-bottom: 1px solid #8D9192;
    }

    .collapsed {
        background: white url("../style/arrow1.svg") no-repeat right;
        background-origin: content-box;
        background-size: 30px 30px;
        display: block;
        margin: 0;
        padding: 7px;
				padding-top: 4px;
		padding-bottom: 4px;
        color: black;
        border-bottom: 1px solid #8D9192;
    }

.bordertop{border-top: 1px solid #8D9192;}
    .on:hover {
        background: #df896e url("../style/check1hover.svg") no-repeat right;
        background-origin: content-box;
        background-size: 30px 30px;
        color: white;
    }

    .collapsed:hover {
        background: #df896e url("../style/arrow1hover.svg") no-repeat right;
        background-origin: content-box;
        background-size: 30px 30px;
        color: white;
    }

    .off {
        background: white url("../style/check3.svg") no-repeat right;
        background-origin: content-box;
        background-size: 30px 30px;
        color: black;
        display: block;
        margin: 0;
        padding: 7px;
				padding-top: 4px;
		padding-bottom: 4px;
        border-bottom: 1px solid #8D9192;
    }

    .expanded {
        background: white url("../style/arrow2.svg") no-repeat right;
        background-origin: content-box;
        background-size: 30px 20px;
        color: black;
        display: block;
        margin: 0;
        padding: 7px;
				padding-top: 4px;
		padding-bottom: 4px;
        border-bottom: 1px solid #8D9192;
    }



    .off:hover {
        background: #df896e url("../style/check3hover.svg") no-repeat right;
        background-origin: content-box;
        background-size: 30px 30px;
        color: white;
    }

    .expanded:hover {
        background: #df896e url("../style/arrow2hover.svg") no-repeat right;
        background-origin: content-box;
        background-size: 30px 30px;
        color: white;
    }
    .menu-bottom {
	border-bottom: 0px
    }
   .menu-bottom:hover {
	border-bottom: 0px
    }




h6 {
	font-family: 'IBM Plex Sans';
	  font-size: 13px;
  line-height: 20px;
  font-weight: 400;
	  margin: 7px;
}

h3 {
	font-family: 'Rubik Mono One';
	margin: 7px;
	font-size: 20px;
	word-spacing: -0.6ch;
}



.popup-content-parent {display: table-row;}


.popup-image-holder {display: table-cell; vertical-align: middle;  width: auto; padding-left:10px;}

.popup-content {display: table-cell; vertical-align: middle; width: auto; padding-left:10px; padding-right:10px; height:100%;}


.popup-content-lot {text-align: right; bottom:20px; right: 20px; position: absolute;}




a:hover {color: #ccad7c;}



.cabins-popup .mapboxgl-popup-close-button {
  /* display: none; */
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  pointer-events: auto;
  -webkit-text-size-adjust: 150%;
  position: absolute;
  right: 10px;
  top: 10px;
	font-size:20px;
  border: 0;
  cursor: pointer;
  background-color: rgba(0, 0, 0, 0);;
  color: #235215;
  opacity: 1;
  text-decoration: none;
  text-align: right;
  outline: none;
  border: none;
!important}

.cabins-popup .mapboxgl-popup-content {
  /* padding: 15px 15px 15px 15px; */
  font: 'IBM Plex Sans', Arial, Helvetica, sans-serif;
  -webkit-text-size-adjust: 100%;

width: auto;
  color: #235215;
  background-color: white;
  text-align: left;
	border-color:#235215;
}



    @media only screen and (max-width: 600px) {

      /* #map {
        height: 50%;
      } */

.popup-image-holder {display: none; visibility: hidden;}
		
		.mobilehide {display: none; visibility: hidden;}
		
      #menu {
        position: fixed;
        z-index: 10;
        border-radius: 0px;
        top: unset;
        bottom: 0px;
        left: 0px;
		right: 0px;
        max-height: 50%;
        width: auto;
        /* background-color: rgba(255, 255, 255, 0.7); */
        /* flex-basis: auto; */
        overflow: scroll;
        padding: 10px;
		 padding-top: 0px;
		  
		  border-top: 4px;
		  border-left: none;
		  border-right: none;
		border-top-style: solid;
		 border-bottom-style: none;
		border-color: black;
        box-shadow: 0px 0px 0px rgba(0, 0, 0, 0) !important;
        -moz-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0) !important;
        -webkit-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0) !important;
      }
		
		#collapsecontent {display: none;}
}



.cabins-popup .mapboxgl-popup-content,
.cabins-popup .mapboxgl-popup-content--wrapper {
  clip-path: polygon(0px calc(100% - 20px),
    4px calc(100% - 20px),
    4px calc(100% - 12px),
    8px calc(100% - 12px),
    8px calc(100% - 8px),
    12px calc(100% - 8px),
    12px calc(100% - 4px),
    20px calc(100% - 4px),
    20px 100%,
    calc(100% - 20px) 100%,
    calc(100% - 20px) calc(100% - 4px),
    calc(100% - 12px) calc(100% - 4px),
    calc(100% - 12px) calc(100% - 8px),
    calc(100% - 8px) calc(100% - 8px),
    calc(100% - 8px) calc(100% - 12px),
    calc(100% - 4px) calc(100% - 12px),
    calc(100% - 4px) calc(100% - 20px),
    100% calc(100% - 20px),
    100% 20px,
    calc(100% - 4px) 20px,
    calc(100% - 4px) 12px,
    calc(100% - 8px) 12px,
    calc(100% - 8px) 8px,
    calc(100% - 12px) 8px,
    calc(100% - 12px) 4px,
    calc(100% - 20px) 4px,
    calc(100% - 20px) 0px,
    20px 0px,
    20px 4px,
    12px 4px,
    12px 8px,
    8px 8px,
    8px 12px,
    4px 12px,
    4px 20px,
    0px 20px);
  position: relative;
}
.cabins-popup .mapboxgl-popup-content {
  border: 4px solid transparent;
}
.cabins-popup .mapboxgl-popup-content--wrapper {
  width: fit-content;
  height: fit-content;
}
.cabins-popup .mapboxgl-popup-content--wrapper .cabins-popup .mapboxgl-popup-content {
  display: block;
  clip-path: polygon(4px 20px,
    8px 20px,
    8px 12px,
    12px 12px,
    12px 8px,
    20px 8px,
    20px 4px,
    calc(100% - 20px) 4px,
    calc(100% - 20px) 8px,
    calc(100% - 12px) 8px,
    calc(100% - 12px) 12px,
    calc(100% - 8px) 12px,
    calc(100% - 8px) 20px,
    calc(100% - 4px) 20px,
    calc(100% - 4px) calc(100% - 20px),
    calc(100% - 8px) calc(100% - 20px),
    calc(100% - 8px) calc(100% - 12px),
    calc(100% - 12px) calc(100% - 12px),
    calc(100% - 12px) calc(100% - 8px),
    calc(100% - 20px) calc(100% - 8px),
    calc(100% - 20px) calc(100% - 4px),
    20px calc(100% - 4px),
    20px calc(100% - 8px),
    12px calc(100% - 8px),
    12px calc(100% - 12px),
    8px calc(100% - 12px),
    8px calc(100% - 20px),
    4px calc(100% - 20px));
}
.cabins-popup .mapboxgl-popup-content::after,
.cabins-popup .mapboxgl-popup-content--wrapper::after {
  content: "";
  position: absolute;
  clip-path: polygon(0px calc(100% - 20px),
    4px calc(100% - 20px),
    4px calc(100% - 12px),
    8px calc(100% - 12px),
    8px calc(100% - 8px),
    12px calc(100% - 8px),
    12px calc(100% - 4px),
    20px calc(100% - 4px),
    20px 100%,
    calc(100% - 20px) 100%,
    calc(100% - 20px) calc(100% - 4px),
    calc(100% - 12px) calc(100% - 4px),
    calc(100% - 12px) calc(100% - 8px),
    calc(100% - 8px) calc(100% - 8px),
    calc(100% - 8px) calc(100% - 12px),
    calc(100% - 4px) calc(100% - 12px),
    calc(100% - 4px) calc(100% - 20px),
    100% calc(100% - 20px),
    100% 20px,
    calc(100% - 4px) 20px,
    calc(100% - 4px) 12px,
    calc(100% - 8px) 12px,
    calc(100% - 8px) 8px,
    calc(100% - 12px) 8px,
    calc(100% - 12px) 4px,
    calc(100% - 20px) 4px,
    calc(100% - 20px) 0px,
    20px 0px,
    20px 4px,
    12px 4px,
    12px 8px,
    8px 8px,
    8px 12px,
    4px 12px,
    4px 20px,
    0px 20px,
    0px 50%,
    4px 50%,
    4px 20px,
    8px 20px,
    8px 12px,
    12px 12px,
    12px 8px,
    20px 8px,
    20px 4px,
    calc(100% - 20px) 4px,
    calc(100% - 20px) 8px,
    calc(100% - 12px) 8px,
    calc(100% - 12px) 12px,
    calc(100% - 8px) 12px,
    calc(100% - 8px) 20px,
    calc(100% - 4px) 20px,
    calc(100% - 4px) calc(100% - 20px),
    calc(100% - 8px) calc(100% - 20px),
    calc(100% - 8px) calc(100% - 12px),
    calc(100% - 12px) calc(100% - 12px),
    calc(100% - 12px) calc(100% - 8px),
    calc(100% - 20px) calc(100% - 8px),
    calc(100% - 20px) calc(100% - 4px),
    20px calc(100% - 4px),
    20px calc(100% - 8px),
    12px calc(100% - 8px),
    12px calc(100% - 12px),
    8px calc(100% - 12px),
    8px calc(100% - 20px),
    4px calc(100% - 20px),
    4px 50%,
    0px 50%);
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: #235215;
  display: block;
  pointer-events: none;
}
.cabins-popup .mapboxgl-popup-content::after {
  margin: -4px;
}

.mapboxgl-popup-anchor-top-left .mapboxgl-popup-tip,
.mapboxgl-popup-anchor-top-right .mapboxgl-popup-tip,
.mapboxgl-popup-anchor-bottom-left .mapboxgl-popup-tip,
.mapboxgl-popup-anchor-bottom-right .mapboxgl-popup-tip {
  border-top-color: rgba(0, 0, 0, 0);
  box-shadow: 4px 4px 4px -1px rgba(0, 0, 0, 0);
}