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

body {margin: 0;background-color: #0A0A0A;}

* {box-sizing: border-box;}

/* header */
.header {position: absolute; top: 0; right: 0; left: 0;}
.header > div {position: relative; height: 120px;}
.header .logo,
.header .logo img {display: block;}
.header .logo {
	/*position: absolute;
	top: 50%;*/
	z-index: 10002;
}

.header .nav .nav__item {
	text-transform: uppercase;
	font-size: 12px;
	font-weight: 500;
	color: #fff;
}

div[data-testid="page_title_and_status"] .bv-bv_text {
	color: #BDBDBD;
}

div[data-testid="page_title_and_status"] .bv-bv_subtitle,
div[data-testid="accommodation_detail"] .bv-bv_title,
div[data-testid="standalone_detail_container"] .bv-bv_subtitle,
div[data-testid="room_card_plate"] .bv-bv_subtitle {
	text-transform: uppercase;
}

div[data-testid="package_card_plate"] .svg-inline--fa.fa-check path {
    fill: #fff !important;
}

body .bv-fw-property-menu {font-family: 'Roboto', sans-serif; font-size: 17px; text-transform: uppercase; color: #bf885d; font-weight: normal;}
body .bv-fw-property-menu p {text-transform: initial !important;}

/* menu background reset */
body .bv-fw-property-menu,
body .bv-fw-property-menu .bv-menu {background: transparent;}

/* menu inherits */
body .bv-fw-property-menu .bv-menu,
body .bv-fw-property-menu ul,
body .bv-fw-property-menu li,
body .bv-fw-property-menu a,
body .bv-fw-property-menu .bv-menu-trigger {font-family: inherit !important; font-size: inherit !important; font-weight: inherit !important; color: inherit !important;}

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

    body .bv-fw-property-menu {position: absolute; top: 5px; right: 10px; left: 70px;}

    .header > div {height: 60px;}
    .header .logo,
    .header .logo img {width: 30px; height: 42px;}

    .header .logo {
    	/*margin-top: -21px;
    	left: 30px;*/
    }
}

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

    .header > div {height: 120px;}
    .header .logo,
    .header .logo img {width: 60px; height: 84px;}
    
    .header .logo {
/*    	margin-top: -42px;*/
/*    	left: 30px;*/
    }

    body .bv-fw-property-menu {position: absolute; top: 70px; right: 10px; left: 95px;}
    body .bv-fw-property-menu > div {max-width: 100%;}
    body .bv-fw-property-menu .bv-menu.bv-main li + li {margin-left: 20px;}

    .bv-framework-title * {color: #fff !important;}
}

@media (min-width: 1024px) {    
    html body.book-section-accommodation .bv-fw-property-menu .bv-menu li.menu-accommodation a:before,
    html body.book-section-activity .bv-fw-property-menu .bv-menu li.menu-activity a:before,
    html body.book-section-conference .bv-fw-property-menu .bv-menu li.menu-conference a:before,
    html body.book-section-giftcard .bv-fw-property-menu .bv-menu li.menu-giftcard a:before,
    html body.book-section-package .bv-fw-property-menu .bv-menu li.menu-package a:before {background-color: currentColor; height: 1px; bottom: 13px; opacity: .7;}
}