/*
 * The <style> blocks Joomla printed into the <head> of every page on the old
 * taubane.no, in their original order: the template's custom CSS and the
 * Helix typography settings. Inter is self-hosted by next/font (--font-inter)
 * instead of being loaded from Google Fonts.
 *
 * #sp-topp only exists on the front page; the old site printed that rule there
 * alone.
 */
#sp-main-body {
    padding-top: 50px}


@media (max-width: 575px) {
#sp-top-bar {
        display:none }
.container {
    padding-left: 15px !important;
    padding-right:15px !important;
}}

body.site {
/* The old site set background-image: url(/2023/images/bakgrunn.jpg), which
   returns 404 there, so the page has always shown the plain body colour. */
background-repeat: inherit;
background-size: cover;
background-attachment: fixed;
background-position: 0 0;
}

.sp-column.kvitbakgrunn {
background: #fff !important;
color: #4f4f4f;
padding: 25px;
box-shadow: 0 10px 15px 0 rgba(0,0,0,0.05);
}

.container {
    padding-left: 40px;
    padding-right:40px
}
.row {
    --bs-gutter-x: 4rem
}
body{font-family: var(--font-inter), sans-serif;font-size: 1rem;text-decoration: none;}
h1{font-family: var(--font-inter), sans-serif;font-size: 2rem;font-weight: 600;color: #4983b9;text-decoration: none;}
h2{font-family: var(--font-inter), sans-serif;font-size: 1.75rem;font-weight: 600;color: #4983b9;text-decoration: none;}
h3{font-family: var(--font-inter), sans-serif;font-weight: 600;color: #4983b9;text-decoration: none;}
h4{font-family: var(--font-inter), sans-serif;font-size: 1.2rem;font-weight: 600;color: #4983b9;text-decoration: none;}
.sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span, .sp-megamenu-parent .sp-dropdown li.sp-menu-item > a{font-family: var(--font-inter), sans-serif;font-size: 1.1rem;font-weight: 600;text-decoration: none;}
.menu.nav-pills > li > a, .menu.nav-pills > li > span, .menu.nav-pills .sp-dropdown li.sp-menu-item > a{font-family: var(--font-inter), sans-serif;font-size: 1.1rem;font-weight: 600;text-decoration: none;}
.logo-image {height:80px;}.logo-image-phone {height:80px;}
@media(max-width: 992px) {.logo-image {height: 60px;}.logo-image-phone {height: 60px;}}
@media(max-width: 576px) {.logo-image {height: 50px;}.logo-image-phone {height: 50px;}}
#sp-topp{ padding:50px 0px 0px 0px; }