/*
 * This theme's own rules, loaded after the old site's style.css.
 *
 * The homepage hero is the old slider's one slide, so it keeps the slide's
 * size, which style.css gave only to `.swiper-hero .swiper-slide`: 750px, and
 * 500px up to 767px wide. At that width its phone photo, when it has one,
 * replaces the background; !important because theme.js sets the background as
 * an inline style.
 */
.vikk-home-hero {
    height: 750px;
    background-size: cover;
    background-position: center center;
}

@media (max-width: 767px) {
    .vikk-home-hero {
        height: 500px;
    }

    .vikk-home-hero-has-mobile {
        background-image: var(--vikk-hero-mobile) !important;
    }
}

/*
 * The white logo, at the top of the phone menu and in the footer. The old page
 * printed its 235px file at that size; the logo is an upload now, which core
 * converts to its own sizes, so the width is set here and the height follows
 * the picture.
 */
.vikk-light-logo {
    width: 235px;
    max-width: none;
    height: auto;
}