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

/* reset */
* {box-sizing: border-box;}
body {margin: 0; background-color: #fff;}
body > .bv-page-message {display: none;}

/* header */
.header {position: absolute; top: 0; right: 0; left: 0;}
.header > div {position: relative; margin: 0 auto; max-width: 100%;}
.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: 90px;}

    /* header */
    .header {height: 100px; background-color: #2d526d;}
    .header .logo {width: 80px; top: 0; left: 20px;}

    /* property menu */
    .bv-fw-property-menu .bv-menu-trigger {font-size: 16px !important; text-transform: initial !important;}
} 

@media all and (min-width: 1001px) {
    body {padding-top: 120px; background-size: cover; background-attachment: fixed; background-position: center;}
    body:before {content: ''; pointer-events: none; background-color: rgba(0,0,0,.4);  position: fixed; top: 0; right: 0; bottom: 0; left: 0;}

    /* header */
    .header {height: 120px;}
    .header .logo {width: 100px; top: 0; left: 120px;}

    /* 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: 0; right: 120px; left: 120px;}
    body .bv-fw-property-menu .bv-menu-combined {display: flex;}
    body .bv-fw-property-menu .bv-menu.bv-main {margin-right: 20px;}
    body .bv-fw-property-menu > div {display: flex; max-width: 100%; justify-content: flex-end; flex-wrap: nowrap;}
    body .bv-fw-property-menu .bv-menu > ul > li > a {color: #fff; font-weight: 700 !important; font-size: 18px !important; transition: color .1s; padding-top: 45px;}
    body .bv-fw-property-menu .bv-menu > ul > li > a:hover {color: #fff; background-image: url(https://www.bygdin.com/Images/menuborder.png); background-position: top center; background-repeat: no-repeat;}  
    body .bv-fw-property-menu .bv-menu > ul > li + li {margin-left: 20px !important;} 
    body .bv-fw-property-menu .bv-menu.bv-main>ul>li>a:before {display: none;}
    body .bv-fw-property-menu .bv-language {top: 46px;}
    body .bv-fw-property-menu .bv-language > a {color: #fff;}
}

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