/* ==========================================================
   MOBILE APP LAYOUT - STEG 1
   Karta i fullskärm
========================================================== */

@media (max-width:900px){

    .hk-sidebar{
        display:none !important;
    }

    .hk-map-panel{
        position:fixed !important;
        inset:0 !important;
        z-index:9999 !important;
    }

    #hk-map{
        width:100% !important;
        height:100vh !important;
    }

}
/*Added 260728*/
/* ==========================================================
   Camping Explorer
========================================================== */

@media (max-width:900px){

    .hk-camping-explorer{
	display:block;
	/*display:flex;
	flex-direction:column;*/
		
    position:fixed;

    left:0;
    right:0;
    bottom:0;

    min-height:90px;

    background:#fff;

    border-radius:24px 24px 0 0;

    box-shadow:0 -6px 30px rgba(0,0,0,.18);

    z-index:99999;

    transition:height .25s ease;
	overflow:hidden;

	}
	.hk-camping-explorer.collapsed{

    	height:75px;

	}

	.hk-camping-explorer.half{

    	height:45vh;

	}

	.hk-camping-explorer.full{

    	top:80px;
	}

    .hk-explorer-handle{

        width:46px;

        height:5px;

        background:#d0d0d0;

        border-radius:999px;

        margin:12px auto;

    }

    .hk-explorer-header{

        text-align:center;

        font-weight:600;

        font-size:15px;

    }
	.hk-explorer-content{

    margin-top:16px;

	}
	.hk-camping-explorer.collapsed .hk-explorer-content{

    	display:none;

	}

	.hk-camping-explorer.half .hk-explorer-content,
	.hk-camping-explorer.full .hk-explorer-content{

    	display:block;

	}
}