@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Lora:wght@400;500;600&display=swap');

/* Old css file */
/* https://resources.citybreak.com/bookvisit/laponia/style.css */

/* reset */
* {
	box-sizing: border-box;
}

body {
	margin: 0;
	background-color: #383A2B !important;
	font-family: 'Inter', sans-serif;
}

body > .bv-page-message {
	display: none;
}

/* header */
.header {
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	background-color: #383A2B;
}

.header > div {
	position: relative;
	margin: 0 auto;
}

.header .logo {
	position: absolute;
	z-index: 10002;
	display: block;
}

.header .logo img {
	display: block;
	width: 100%;
}

/* misc */
.bv-gui-btn {border-radius: 30px !important;}

@media all and (max-width: 1000px) {
    body {padding-top: 87px;}

    /* header */
    .header {
    	height: 87px;
    	background-color: #33522e;
    }

    .header .logo {
    	width: 260px;
    	top: 20px;
    	left: 18.75px;
    }

    /* property menu */
    .bv-fw-property-menu .bv-menu-trigger {
    	color: #e1e1e1;
    	font-weight: 600 !important;
    	font-size: 18px !important;
    	font-family: "Lora",sans-serif !important;
    }
} 

@media all and (min-width: 1001px) {
    body {
    	padding-top: 120px;
    	background-size: cover;
    	background-attachment: fixed;
    	background-position: top center;
    }

    /*body:before {
    	content: '';
    	pointer-events: none;
    	opacity: .3;
    	background-color: #000;
    	position: fixed;
    	top: 0;
    	right: 0;
    	bottom: 0;
    	left: 0;
    }*/

    /* header */
    .header {
    	height: 120px;
    }

    .header > div {
    	max-width: 90%;
    }

    .header .logo {
    	width: 390px;
    	top: 45px;
    	left: 0;
    }

    /* title */
    .bv-framework-title h1,
    .bv-framework-title h2 {}
    .bv-framework-title * {
    	opacity: 1 !important;
    	color: #fff !important;
    }

    /* property menu */
    body .bv-fw-property-menu,
    body .bv-fw-property-menu .bv-menu {background: transparent;}
    body .bv-fw-property-menu {position: absolute; top: 53px; right: 0; left: 0;}
    body .bv-fw-property-menu .bv-menu-combined {display: flex;}
    body .bv-fw-property-menu .bv-menu.bv-main {margin-right: 40px;}
    body .bv-fw-property-menu > div {display: flex; max-width: 91%; justify-content: flex-end; flex-wrap: nowrap;}
    body .bv-fw-property-menu .bv-menu > ul > li > a {color: #e1e1e1; font-weight: 600 !important; font-size: 18px !important; transition: color .1s; font-family: "Lora",sans-serif !important; text-transform: uppercase;}
    body .bv-fw-property-menu .bv-menu > ul > li > a:hover {color: #aeaeae;}  
    body .bv-fw-property-menu .bv-menu > ul > li + li {margin-left: 40px !important;} 
    body .bv-fw-property-menu .bv-menu.bv-main>ul>li>a:before {display: none;}
    body .bv-fw-property-menu .bv-language > a {color: #e1e1e1;}
}

@media all and (max-width: 599px) {
    html.bv-widget-noscroll-small-device .header .logo,
    html.bv-menu-noscroll .header .logo {z-index: 1 !important;}
}