/*
=======================================================================
	Fonts
=======================================================================
*/

/* Light 300 

@font-face {
  font-family: 'NRKsans';
  src:  url('../fonts/NRKSans-Light.woff2') format('woff2'),
        url('../fonts/NRKSans-LIght.woff') format('woff');
  font-style:normal;
  font-weight:300;
}

@font-face {
  font-family: 'NRKsans';
  src:  url('../fonts/NRKSans-LightItalic.woff2') format('woff2'),
        url('../fonts/NRKSans-LightItalic.woff') format('woff');
  font-style:italic;
  font-weight:300;
} */

/* Regular 400 */

@font-face {
  font-family: 'NRKsans';
  src:  url('../fonts/NRKSans-Regular.woff2') format('woff2'),
        url('../fonts/NRKSans-Regular.woff') format('woff');
  font-style:normal;
}
/* Regular 400 
@font-face {
  font-family: 'NRKsans';
  src:  url('../fonts/NRKSans-RegularItalic.woff2') format('woff2'),
        url('../fonts/NRKSans-RegularItalic.woff') format('woff');
  font-style:italic;
}
    */
/* Semi Bold 600 

@font-face {
  font-family: 'NRKsans';
  src:  url('../fonts/NRKSans-Medium.woff2') format('woff2'),
        url('../fonts/NRKSans-Medium.woff') format('woff');
  font-style:normal;
  font-weight:600;
}

@font-face {
  font-family: 'NRKsans';
  src:  url('../fonts/NRKSans-MediumItalic.woff2') format('woff2'),
        url('../fonts/NRKSans-MediumItalic.woff') format('woff');
  font-style:italic;
  font-weight:600;
} */

/* Bold 700 */

@font-face {
  font-family: 'NRKsans';
  src:  url('../fonts/NRKSans-Bold.woff2') format('woff2'),
        url('../fonts/NRKSans-Bold.woff') format('woff');
  font-style:normal;
  font-weight:700;
}
/*
@font-face {
  font-family: 'NRKsans';
  src:  url('../fonts/NRKSans-BoldItalic.woff2') format('woff2'),
        url('../fonts/NRKSans-BoldItalic.woff') format('woff');
  font-style:italic;
  font-weight:700;
}
*/
/*
=======================================================================
	Custom Properties
=======================================================================
*/

.payment-alternative.alt-phone {
    display:none;
}

/*.payment-alternatives .payment-alternative.alt-vipps,*/
.payment-alternative.alt-sms,
/*.payment-alternatives .payment-alternative.alt-card,*/
.radio.vipps, .radio.kort {
    display: none;
}


:root {
    /* Colors */
    --primary-color: #0A2343; /* NRK Core Blue 900 */
    --primary-color-hover: #0C366C; /* NRK Core Blue 800 */
    --secondary-color: #D4EEFC; /* 80% black */
    --secondary-color-hover: #E8F7FF;
    --vipps-color: #ff5b24;
    --vipps-color-hover: #cc481d;
    --accent-color: #323232; /* 80% black */
    --accent-color-hover: var(--primary-color)000;
}


/*
=======================================================================
	Misc
=======================================================================
*/

html,
body {
    position: relative;
    color: var(--primary-color);
}

.sam input, .sam .btn {
    width: 100% !important;
    border-radius: 0;
    margin: 10px;
}

.sam .navn .form-control {
    width: 50% !important;
}

.btn {

    font-weight: 800;

}

/*
=======================================================================
	Accessibility
=======================================================================
*/

#tilinnhold, #tilnavigasjon {
    position: absolute;
    overflow: hidden;
    z-index: 999;
    text-align: center;
    width: 100%;
    color: #fff;
    top: -45px;
    font-size: 1.2em;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

#tilinnhold:focus, #tilnavigasjon:focus {
    height: 45px;
    line-height: 45px;
    text-align: center;
    width: 100%;
    top: 0;
    background: var(--primary-color);
}


/*********************************************************
	Bootstrap custom
**********************************************************/

@media (min-width: 1400px) {
    .container {
        width: 1370px;
    }
}

@media (min-width: 1500px) {
    .container {
        width: 1470px;
    }
}


/*********************************************************
	General
**********************************************************/

html {
    font-size: 62.5%
}

body {
    font-size: 1.3rem;
    line-height: 1.625em;
    font-family: "NRKsans",sans-serif;
}

.tooltip {
    font-size: 1.3rem;
    line-height: 1.625em;
    font-family: "NRKsans",sans-serif;
}

h1, h2, h3, h4, h5, h6 {
    margin-top: 0;
    font-family: "NRKsans",sans-serif;
}

h1 {
    font-weight: 800;
}

h2,
h3,
h4,
h5,
h6 {
    font-weight: 800;
    line-height: normal;
}

p + h1,
p + h2,
p + h3,
p + h4,
p + h5,
p + h6 {
    margin-top: 30px;
}


a {
    color: var(--primary-color);
}

a {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
    position:relative;
}

main a:not(.bttn):not(.img-link):not(.tab):not(.custom-bttn)::after:not(.cta)::after {
    content:"";
    border-bottom: 2px solid var(--primary-color);
    width: 100%;
    position: absolute;
    top: 100%;
    left: 0;
    -webkit-transition: all 0.15s ease;
    -moz-transition: all 0.15s ease;
    -o-transition: all 0.15s ease;
    -ms-transition: all 0.15s ease;
    transition: all 0.15s ease;
}

main a:not(.bttn):not(.img-link):not(.tab):not(.custom-bttn):hover::after,
main a:not(.bttn):not(.img-link):not(.tab):not(.custom-bttn):focus::after {
    border-bottom: 4px solid var(--primary-color);
}

a:hover,
a:focus {
    text-decoration: none;
    color: var(--primary-color);
}



        a:hover img {
            opacity: 0.8;
        }

.table {
    width: 100%;
}


@media screen and (min-width:767px) {
    body {
        font-size: 1.7em;
    }

    h1 {
    }

    h2 {
    }

    h3 {
    }

    h4 {
    }

    h5 {
    }

    h6 {
    }
}

@media screen and (min-width:991px) {
    body {
        font-size: 1.8em;
    }
}

@media screen and (min-width:1200px) {
    body {
        font-size: 2em;
    }

    p {
        font-weight: 400;
    }
}


/*********************************************************
	Text
**********************************************************/

.text a:not(.bttn),
.listelement a {
    text-decoration: underline;
    display: inline-block;
}

    .text a:hover:not(.bttn),
    .listelement a:hover {
        background-color: var(--primary-color);
        box-shadow: var(--primary-color) -5px 0px 0px 0px, var(--primary-color) 5px 0px 0px 0px;
        border-radius: 5px;
        border-bottom-color: transparent;
        color: #fff;
        text-decoration: none;
    }



/*********************************************************
	Page section
**********************************************************/

.page-section {
    position: relative;
    display: block;
    clear: both;
    float: none;
    /*
	padding-top:60px;
	padding-bottom:60px;
*/
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.page-section-inline {
    margin-bottom: 30px;
}
/* Not a fullscreen section */

.page-section-content {
    position: relative;
    z-index: 1;
}

.page-section.triangle-down:after {
    content: "";
    position: absolute;
    top: -1px;
    left: 50%;
    margin-left: -30px;
    width: 0;
    height: 0;
    border-left: 30px solid transparent;
    border-right: 30px solid transparent;
    border-top: 30px solid #fff;
}

.page-section.triangle-down-gray:after {
    content: "";
    position: absolute;
    top: -1px;
    left: 50%;
    margin-left: -30px;
    width: 0;
    height: 0;
    border-left: 30px solid transparent;
    border-right: 30px solid transparent;
    border-top: 30px solid #F7F4F2;
}

.page-section h1 {
    font-size: 2em;
    margin-bottom: 45px;
}

.page-section h2 {
    font-size: 1.8em;
    font-weight: 800;
}

.page-section h3 {
    font-size: 1.6em;
    font-weight: 800;
}

.page-section h4 {
    font-size: 1.4em;
    font-weight: 800;
}

.page-section h5 {
    font-size: 1.2em;
    font-weight: 800;
}

.page-section h6 {
    font-size: 1em;
    font-weight: 800;
}

.page-section h1:first-of-type,
.page-section div > h2 {
    margin-top: 0;
    padding-top: 0;
}

.page-section-content .article-image {
    margin-bottom: 1em;
}

.page-section-content .article-image-text {
    color: #666;
    font-size: 0.9em;
}





@media (max-width:767px) {
    .page-section .col-xs-12 {
        margin-bottom: 30px;
    }

        .page-section .col-xs-12:last-of-type {
            margin-bottom: 0;
        }
}

@media (min-width:768px) {
    .page-section h1 {
        font-size: 2em;
    }

    .page-section h2 {
        font-size: 1.4em
    }

    .page-section h3 {
        font-size: 1.3em
    }

    .page-section h4 {
        font-size: 1.2em
    }

    .page-section h5 {
        font-size: 1.2em
    }

    .page-section h6 {
        font-size: 1.2em
    }
}

@media (min-width:991px) {
}

@media (min-width:1200px) {
    .page-section h1 {
        font-size: 2.8em;
    }

    .page-section h2 {
        font-size: 1.8em;
    }

    .page-section h3 {
        font-size: 1.1em;
    }

    .page-section h4 {
        font-size: 1em;
    }

    .page-section h5 {
    }

    .page-section h6 {
    }
}

/*
@media (min-width: 2000px) {
    .page-section {
        width: 2000px;
        margin: 0 auto;
    }
}
*/


/*********************************************************
	Text
**********************************************************/

article {
}

    article blockquote {
        margin-top: 0;
        margin-bottom: 0;
    }

    article .text a {
        text-decoration: underline;
    }

    article .text a::after {display:none;}

    article .text p {
        padding: 0;
    }

    article .text > * {
        margin-bottom: 30px;
    }

    article .text > :last-child {
        margin-bottom: 0;
    }

    article .text .img-responsive {
        height: auto !important;
    }

    article .byline {
        margin-top: 2rem;
        font-size: 0.8em;
        color: rgba(0,0,0,.5);
    }

    article .byline-author {
        font-size: 0.8em;
    }

        article .byline-author:before {
            font-family: Font Awesome\ 5 Pro;
            font-weight:normal;
            content: "\f2be";
            margin-right: 10px;
            display: inline-block;
        }

    article .byline-date {
        margin-top: .2rem;
        color: rgba(0,0,0,.5);
        font-size: 0.8em;
    }

        article .byline-date:before {
            font-family: Font Awesome\ 5 Pro;
            content: "\f017";
            margin-right: 10px;
            display: inline-block;
        }

    article .text .teaser {
        margin-bottom: 2rem;
        font-weight: 400;
        font-size: 1.35em;
    }

.list article .teaser {
    font-weight: 400;
}

article .text h1 {
    margin-bottom: 1.5rem;
}

article .text h2 {
    margin-bottom: 0.25rem;
}

article .text * + h2, article .text * + h3, article .text * + h4, article .text * + h5, article .text * + h6 {
    margin-top: 3rem;
}

article .text * + h2, article .text * + h3, article .text * + h4, article .text * + h5, article .text * + h6 {
    margin-bottom: 0.45rem;
}

@media screen and (min-width: 768px) {
    article p.teaser {
        font-size: 1.2rem;
    }
}

@media screen and (min-width: 991px) {
    article p.teaser {
        font-size: 1.25rem;
    }
}

@media screen and (min-width: 1200px) {
    article p.teaser {
        font-size: 1.4rem;
    }
}






/*********************************************************
	Buttons
**********************************************************/

.bttn {
    display: inline-block;
    border: 3px solid transparent;
    background: var(--primary-color);
    font-size: 1.3em;
    color: #fff;
    padding: 20px 40px;
    text-decoration: none !important;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    font-weight: 800;
}

.bttn:focus {
 
    color: #fff;
   
}

.bttn-gift::after {
    content: "";
    
    background-image: url(../images/bosse_small_white.png);
    background-size: cover;
    width: 3rem;
    height: 3rem;
    display: inline-block;
    margin-left:10px;
}


/*
.bttn-black {
    background: var(--primary-color);
    border-color: var(--primary-color);
    color: #fff;
}

.bttn-outline {
    border-color: var(--primary-color);
    background: none;
    color: var(--primary-color);
}

.bttn-invert {
    border-color: var(--primary-color);
    background: var(--primary-color);
    color: var(--primary-color);
}

.bttn.white {
    color: #fff;
    border: 3px solid #fff;
}

.bttn-gift {
    color: #fff;
    background: var(--primary-color);
}

.bttn--buy {
    color: #fff;
    background: var(--accent-color);
}


.bttn.bttn-large {
    font-size: 1.4em;
    padding: 20px 30px;
}

.bttn:hover,
.bttn:focus {
    text-decoration: none;
    color: #fff;
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05);
}

.bttn:hover,
.bttn:focus {
    text-decoration: none;
}

.bttn-outline:hover,
.bttn-outline:focus {
    color: var(--primary-color);
    text-decoration: none;
}

.bttn-black:hover,
.bttn-black:focus {
    background: var(--primary-color);
}

.bttn--buy:hover,
.bttn--buy:focus {
    color: #fff;
    background: var(--accent-color-hover);
    text-decoration: none;
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05);
}


/* Multiple buttons */
.buttons {
    display: flex;
    gap: 4rem;
    justify-content: center;
    flex-wrap:wrap;
}


/*********************************************************
	Pre Header
**********************************************************/

.pre-header {
    padding-top: 5px;
    padding-bottom: 5px;
    /*border-bottom: 1px solid rgba(0,0,0,0.2);*/
}

.pre-header a {
    float: left;
    color: #333;
    font-size: 12pt;
    font-weight:700;
}

.pre-header a:before {
    font-family: Font Awesome\ 5 Pro;
    content: "\f177";
    margin-left: 10px;
    display: inline-block;
    margin-right: 7px;
}


/*********************************************************
	Header
**********************************************************/

.header-section {
    padding-top: 30px;
    padding-bottom: 30px;
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: center;
}

.header-section-element {
    position: relative;
}

.header-section-element-logo {
    flex:1;
}

.header-section-element-logo img {
    width:100%;
    max-width:30rem;
}

.header-section-element-nav {
    width:60%;
    display:flex;
    justify-content:flex-end;
    gap:1rem;
}

.header-section-element-nav .bttn-gift {
    padding:1rem;
}

.header-section-element-nav .bttn-gift::after {
    right:1rem;
    width:1.75rem;
    height:1.75rem;
}

@media (min-width: 768px) {
    .header-section-element-nav {
        gap:2rem;
    }

    .header-section-element-nav .bttn-gift {
        padding:1rem;
        font-size: 1.4em;
    }

    .header-section-element-nav .bttn-gift::after {
        right:1rem;
        width:2.25rem;
        height:2.25rem;
    }
}

@media (min-width: 1200px) {
    .header-section-element-nav {
        gap:3rem;
    }

    .header-section-element-nav .bttn-gift {
        padding:2rem 4rem 2rem 4rem;
        font-size: 2em;
    }

    .header-section-element-nav .bttn-gift::after {
        right:4rem;
        width:3rem;
        height:3rem;
    }
}

/* Img responsive inside tables breaks in FF */

.header-section h2 {
    margin: 0;
    padding: 0;
}

@media (min-width: 991px) {
    .header-section {
        padding-top: 40px;
        padding-bottom: 40px;
    }
}


/*********************************************************
	Main navigation XL
**********************************************************/

/*header .header-section-wrapper nav {
    position: relative;
    text-align: center;
    width: 100%;
}

    header .header-section-wrapper nav ul {
        margin: 0 auto;
        padding: 0;
        list-style: none;
    }

        header .header-section-wrapper nav ul li {
            display: inline-block;
            margin: 0;
            padding: 0;
            font-size: 1em;
        }

            header .header-section-wrapper nav ul li:last-child {
                margin: 0;
                padding: 0;
            }

            header .header-section-wrapper nav ul li a {
                font-size: 0.9em;
                color: #333;
                -webkit-transition: all 0.3s ease;
                -moz-transition: all 0.3s ease;
                -o-transition: all 0.3s ease;
                -ms-transition: all 0.3s ease;
                transition: all 0.3s ease;
                display: block;
                letter-spacing: 2px;
                padding: 0;
                border-bottom: 3px solid transparent;
                margin-right: 30px;
            }

            header .header-section-wrapper nav ul li:last-child a {
                margin-right: 0;
            }

            header .header-section-wrapper nav ul li a:hover {
                text-decoration: none;
                border-color: var(--primary-color);
            }

            header .header-section-wrapper nav ul li a:focus,
            header .header-section-wrapper nav ul li.active a {
                color: #333;
                text-decoration: none;
                border-color: var(--primary-color);
            }


@media (min-width: 1200px) {
    header .header-section-wrapper nav ul li a {
        margin-right: 40px;
    }
}*/


/*********************************************************
	Slide-in navigation
**********************************************************/

.slide-menu {
  position: fixed;
  top: 0;
  right: -80rem;
  width: 50rem;
  max-width:100%;
  height: 100%;
  background-color: #fff;
  transition: right 0.3s ease;
  z-index: 1050;
  padding: 3rem;
  display:flex;
  flex-direction:column;
  gap:6rem;
}

.slide-menu.open {
  right: 0;
}

.slide-menu__header {
    display:flex;
    gap:1rem;
    justify-content:space-between;
    align-items:center;
    width:100%;
}

.slide-menu__header__logo {
    flex: 1;
}

.slide-menu__header__logo svg {
    max-width:100%;
}

.slide-menu__header__nav {
    width:9rem
}

.slide-menu__body {
    display:flex;
    flex-direction:column;
    gap:6rem;
}

.slide-menu__body__cta {
    display:flex;
    gap:1rem;
}

.slide-menu__body__cta ul {
    margin:0;
    padding:0;
    list-style:none;
    display:flex;
    gap:1rem;
    align-items:center;
}

.slide-menu__body__cta ul li {
    margin:0;
    padding:0;
}

.slide-menu__body__cta ul li a {
    padding:2rem 4rem;
    font-size:2rem;
    font-weight:700;
}

.slide-menu__body__cta ul li a.bttn-gift {
    position:relative;
    padding: 2rem 6rem 2rem 2rem;
}

.slide-menu__body__cta ul li a.bttn-gift::after {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 2rem;
    background-image: url(../images/bosse_small_white.png);
    background-size: cover;
    width: 2rem;
    height: 2rem;
    display: block;
}

.slide-menu__body__cta ul li a.bttn-results {
    padding:2rem 2rem;
    font-size:2rem;
    font-weight:700;
    background-color:#fff;
    color: var(--primary-color);
}

.slide-menu__body__cta ul li a.bttn-results:hover,
.slide-menu__body__cta ul li a.bttn-results:focus {
    text-decoration:underline!important;
}

.slide-menu__body__nav ul {
    margin:0;
    padding:0;
    list-style:none;
    display:flex;
    flex-direction:column;
    gap:.5rem;
}

.slide-menu__body__nav ul li {
    margin:0;
    padding:0;
}

.slide-menu__body__nav ul li a {
    font-size:2rem;
    font-weight:700;
}

.slide-menu__body__nav ul li a:focus,
.slide-menu__body__nav ul li a:hover {
    text-decoration:underline!important;
}

.slide-menu__footer {
    display:flex;
    gap:1rem;
    align-items:flex-end;
}

.slide-menu__footer p {
    font-size:1.6rem;
    font-weight:700;
}

.slide-menu__footer > *{
    flex:1;
}

.slide-menu__footer__left .text > :last-child {
    margin-bottom:0;
}

.slide-menu__footer__right {
    display:flex;
    justify-content:flex-end;
}

.slide-menu__footer__right img {
    width:11rem;
    height:fit-content;
    margin-bottom: .75rem;
}

@media (max-width: 540px) {
    .slide-menu__body__cta ul {
        flex-direction:column;
        width:100%;
    }

    .slide-menu__body__cta ul li,
    .slide-menu__body__cta ul li a {
        width:100%;
    }
}

@media (min-width: 1200px) {
    .slide-menu {
        width: 70rem;
        padding: 6rem;
    }

.slide-menu__body__cta ul li a.bttn-gift {
        font-size:4rem;
        padding: 2rem 9rem 2rem 4rem;
    }

    .slide-menu__body__cta ul li a.bttn-gift::after {
        width: 3rem;
        height: 3rem;
        right:4rem;
    }

    .slide-menu__body__cta ul li a.bttn-results {
        font-size:2.6rem;
        padding:2rem 4rem;
    }

    .slide-menu__body__nav ul li a {
        font-size:2.6rem;
    }
}

body::after {
  content: '';  /* Innholdet er tomt */
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);  /* Halvtransparent svart */
  visibility: hidden;  /* Skjult som standard */
  opacity: 0;  /* Start med usynlig bakgrunn */
  transition: opacity 0.3s ease, visibility 0s 0.3s;  /* Animasjon for fade-in */
  z-index: 1049;  /* Plassering bak menyen */
}

body.menu-open::after {
  visibility: visible;  /* Gjør bakgrunnen synlig */
  opacity: 1;  /* Fade-in */
  transition: opacity 0.3s ease, visibility 0s;  /* Sørger for at visibility ikke forsinker fade-effekten */
}


/*********************************************************
	Hamburger
**********************************************************/

.bttn-nav {
    font-size: 2em;
    position: relative;
    background-color:#fff;
    padding:2rem;
}

    .bttn-nav,
    .bttn-nav:focus,
    .bttn-nav:active,
    .bttn-nav:hover {
        outline: none;
    }

        .bttn-nav span.hb {
            position: absolute;
            top:50%;
            left: 50%;
            transform: translate(-50%, -50%);
            display: block;
            width: 25px;
            height: 3px;
            background: var(--primary-color);
        }

        .bttn-nav > span.hb:before {
            content: "";
            display: block;
            width: 15px;
            height: 3px;
            background: var(--primary-color);
            position: absolute;
            top: -11px;
        }

        .bttn-nav > span.hb:after {
            content: "";
            display: block;
            width: 10px;
            height: 3px;
            background: var(--primary-color);
            position: absolute;
            bottom: -11px;
        }

        .bttn-nav > span.nav-caption {
            position: absolute;
            bottom: 0;
            left: 50%;
            transform: translateX(-50%);
            font-size: 12px;
            color: #333;
            letter-spacing: 2px;
        }


        .bttn-nav span.hb,
        .bttn-nav span.hb:before,
        .bttn-nav span.hb:after {
            -webkit-transition: all 0.3s ease;
            -moz-transition: all 0.3s ease;
            -o-transition: all 0.3s ease;
            -ms-transition: all 0.3s ease;
            transition: all 0.3s ease;
        }

        .bttn-nav:hover span.hb,
        .bttn-nav:hover span.hb:before,
        .bttn-nav:hover span.hb:after {
            width: 35px;
        }



@media (min-width: 768px) {
    .bttn-nav span.hb {
        width: 35px;
    }

    .bttn-nav > span.hb:before {
        width: 25px;
    }

    .bttn-nav > span.hb:after {
        width: 20px;
    }
}

@media (min-width: 991px) {
    .bttn-nav {
        font-size: 2em;
    }
}

@media (min-width: 1200px) {
    .bttn-nav {
        font-size: 2em;
    }
}





/*********************************************************
	Marquee
**********************************************************/

.scroll-container {
    opacity: 0;
}

.simply-scroll-container {
    color: var(--primary-color);
}

    .simply-scroll-container span {
        color: var(--primary-color);
        font-weight: 800;
    }
/*.simply-scroll-container {display:none;}*/





/*********************************************************
	New Marquee
**********************************************************/

.marquee {
    width: 100%;
    overflow: hidden;
}

    .marquee .marquee_element {
        display: inline-block;
        margin-left: 50px;
        margin-right: 50px;
    }


        .marquee .marquee_element span {
            color: var(--primary-color);
            font-weight: 800;
        }



/*********************************************************
	Page section bar amount
**********************************************************/

.page-section.bar-amount {
    position: relative;
    color: #var(--primary-color-hover) /*252525*/;
    
       text-align: center;
    padding-top: 0;
    padding-bottom: 0;
    /*	background: #var(--primary-color-hover) /*252525*/;*/
}

.bar-amount .frontpage-totalsum {
    display: block;
    padding: 15px 15px 15px 15px;
}

.bar-amount span {
    display: block;
    color: #333;
    letter-spacing: 3px;
    letter-spacing: .03em;
    font-size: 1em;
    line-height: 30px;
    font-weight: 700;
    text-transform: uppercase;
    opacity: 0.8;
}

.bar-amount h2 {
    font-size: 2.5em;
    display: inline-block;
    margin: 0;
    padding: 0;
}


@media (max-width: 767px) {
    .bar-amount .frontpage-totalsum {
    }
}

@media (min-width: 768px) {
    .page-section.bar-amount {
        background: none;
        padding-top: 60px;
    }

    .bar-amount span {
        letter-spacing: 9px;
        letter-spacing: .03em;
    }

    .bar-amount h2 {
        font-size: 3em;
    }

    .bar-amount .frontpage-totalsum {
        display: inline-block;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
    }
}

@media (min-width: 1200px) {
    .page-section.bar-amount {
        padding-top: 75px;
    }

    .bar-amount h2 {
        font-size: 6em;
    }
}



/*********************************************************
	Page section CTA
**********************************************************/

.page-section .cta {
    display: inline-block;
    font-size: 1.1em;
    background: var(--primary-color);
    color: #fff;
    padding: 20px;
    margin: 0 15px;
    text-align: center;
    width: 240px;
    position: relative;
    border: 3px solid transparent;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.page-section .cta.outline {
    background: #fff;
    color: var(--primary-color);
    border-color: var(--primary-color);
}

.page-section .cta.focus {
    background: var(--primary-color);
    color: #fff;
}

.page-section .cta:hover,
.page-section .cta:focus, {
    text-decoration: none;
    transform: scale(1.05);
    color: #fff;
}

.page-section .cta.outline:hover,
.page-section .cta.outline:focus {
    text-decoration: none;
    transform: scale(1.05);
    color: var(--primary-color);
}

.simple-cta a {
    position:relative;
    text-decoration:none;
    font-weight:700;
}

.simple-cta a::before {
    color: var(--primary-color);
    position: absolute;
    right: -30px;
    font-family: Font Awesome\ 5 Pro;
    content: "\f1e0";
    margin-left: 10px;
    display: inline-block;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.simple-cta a:hover,
.simple-cta a:focus,
.simple-cta a:hover:after,
.simple-cta a:focus:after {
    color: var(--primary-color) !important;
}



/*********************************************************
	Page section frontpage CTA
**********************************************************/

.page-section-front-page-cta {
    padding-top: 30px;
    padding-bottom: 60px;
    text-align: center;
}

.page-section-front-page-cta .buttons {
    display:flex;
    flex-direction:column;
    gap:3rem;
    justify-content:center;
    margin-bottom:3rem;
}

.page-section-front-page-cta .buttons .bttn-gift::after {
    content: "";
    position: initial;
    background-image: url(../images/bosse_small_white.png);
    background-size: cover;
    width:1.75rem;
    height:1.75rem;
    display: inline-block;
}

.page-section-front-page-cta .bttn-results:after {
    font-family: Font Awesome\ 5 Pro; 
    content: "\f080";
    margin-left: 10px;
    display: inline-block;
}


@media (min-width: 576px) {
    .page-section-front-page-cta .buttons {
        flex-direction:row;
    }
}

@media (min-width: 1200px) {
    .page-section-front-page-cta {
        padding-bottom: 125px;
    }

    .page-section-front-page-cta .bttn {
        float: none;
        width: 36rem;
        padding: 3rem;
        font-size: 1.7em;
        position: relative;
    }

    .page-section-front-page-cta .buttons .bttn-gift::after {
        width:1em;
        height:1em;
    }
}


/*********************************************************
	Page Section Frontpage Shortcuts
**********************************************************/

.page-section-frontpage-shortcuts {
    background-image: url(../images/bg-map.jpg);
    background-position: center center;
    background-attachment: fixed;
    background-color: var(--primary-color);
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

    .page-section-frontpage-shortcuts span {
        width: 100%;
    }

    .page-section-frontpage-shortcuts:before {
        background: var(--primary-color);
        content: '';
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        right: 0;
        opacity: 0.95;
    }

    .page-section-frontpage-shortcuts * {
        position: relative;
    }

    .page-section-frontpage-shortcuts h1 {
        color: #fff;
    }

    .page-section-frontpage-shortcuts label {
        color: #fff;
    }

    .page-section-frontpage-shortcuts select {
        width: 100%;
        height: 68px;
        padding-left: 15px;
        padding-right: 15px;
        margin: 0;
        background: none;
        font-size: 1.2em;
        color: var(--primary-color);
        /*border:3px solid #fff;*/
        border: 0;
        outline: none;
        display: inline-block;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        cursor: pointer;
        position: relative;
        z-index: 1;
        line-height: normal;
    }

select::-ms-expand {
    display: none;
}

.page-section-frontpage-shortcuts .select-wrapper {
    position: relative;
    background: #fff;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}

    .page-section-frontpage-shortcuts .select-wrapper:before {
         content: "";
           background: url(../images/vinkel-ned.png);
        width: 25px;
        height: 15px;
        position: absolute;
        top: 35px;
        right: 25px;
        z-index: 1;
     /*   background: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" id="nrk-chevron-down"%3E%3Cpath fill="currentColor" d="M4 10.88l8 5.6 8-5.6V9l-8 5.6L4 9v1.88z"%3E%3C/path%3E%3C/svg%3E') no-repeat center / contain;
        background-size: 32px 32px; */
    }

    .page-section-frontpage-shortcuts .select-wrapper:hover:before {
        /*	background: url(../images/vinkel-ned-red.png);*/
    }

    .page-section-frontpage-shortcuts .select-wrapper:hover select,
    .page-section-frontpage-shortcuts .select-wrapper:focus select,
    .page-section-frontpage-shortcuts input:hover,
    .page-section-frontpage-shortcuts input:focus {
        /*	border:3px solid var(--primary-color);*/
        outline: none;
    }

.page-section-frontpage-shortcuts input {
    width: 100%;
    font-size: 1.2em;
    padding: 15px;
    border: 3px solid #fff;
    background: #fff;
    color: var(--primary-color);
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}


.input-lg {
    height: 46px;
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.3333333;
}


.page-section-frontpage-shortcuts select {
    color: var(--primary-color);
}

    .page-section-frontpage-shortcuts select option {
        color: var(--primary-color);
    }

.page-section-frontpage-shortcuts ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: #333;
}

.page-section-frontpage-shortcuts ::-moz-placeholder { /* Firefox 19+ */
    color: #333;
}

.page-section-frontpage-shortcuts :-ms-input-placeholder { /* IE 10+ */
    color: #333;
}

.page-section-frontpage-shortcuts :-moz-placeholder { /* Firefox 18- */
    color: #333;
}



@media (min-width: 1200px) {
    .page-section-frontpage-shortcuts .select-wrapper:before {
        top: 35px;
    }
}


.text-muted {
    color: #cecece;
    line-height: 1.5;
    margin-bottom: 20px;
}





/*********************************************************
	News section
**********************************************************/

.page-section-news {
    padding-top: 0;
}

    .page-section-news .news-item {
        width: 100%;
        height: 500px;
        float: left;
        padding: 25px;
        background-size: cover !important;
        background-position: center center;
        color: #fff;
        position: relative;
    }

        .page-section-news .news-item:after {
            content: '';
            position: absolute;
            width: 100%;
            height: 100%;
            top: 0;
            left: 0;
            right: 0;
            background: url(../images/fade-down.png) top left repeat-x;
        }

    .page-section-news .news-item-caption {
        position: absolute;
        bottom: 0;
        left: 0;
        background: rgba(0, 0, 0, 0.72);
        padding: 30px 40px;
    }

    .page-section-news .news-item h2 {
        font-size: 1em;
    }

    .page-section-news .news-item1 {
        background-image: url(../images/news-item1.jpg);
    }

    .page-section-news .news-item2 {
        background-image: url(../images/news-item2.jpg);
    }

    .page-section-news .news-item3 {
        background-image: url(../images/news-item3.jpg);
    }

    .page-section-news .news-item4 {
        background-image: url(../images/news-item4.png);
    }


@media (min-width: 768px) {
    .page-section-news .news-item {
        width: 50%;
        padding: 25px;
    }

        .page-section-news .news-item:after {
            background: url(../images/fade-right.png) top right repeat-y;
        }

    .page-section-news h2 {
        font-size: 1em;
    }
}


@media (min-width: 1200px) {
    .page-section-news .news-item {
        width: 25%;
        padding: 25px;
    }

    .page-section-news h2 {
        font-size: 1em;
    }
}



/*********************************************************
	News section two
**********************************************************/

.page-section-news {
    padding-top: 0;
}

.page-section-news-two .news-item {
    padding: 20px 0;
}

    .page-section-news-two .news-item img {
        margin-bottom: 15px;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
        transition: all 0.3s ease;
    }

        .page-section-news-two .news-item img:hover {
            transform: scale(1.04);
            -webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.3);
            -moz-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.3);
            box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.3);
        }

    .page-section-news-two .news-item h2 {
        margin-bottom: 15px;
    }


@media (min-width: 768px) {
    .page-section-news-two .news-item {
        padding: 20px;
    }

        .page-section-news-two .news-item h2 {
            font-size: 1em;
        }
}

@media (min-width: 1200px) {
    .page-section-news-two .news-item h2 {
        font-size: 1.4em;
    }
}






/*********************************************************
	Page-section kommunetoppen
**********************************************************/



.page-section-topp10 {
    position: relative;
    /*	background-image: url(../images/norge.jpg);*/
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    background-attachment: fixed;
}

.page-section-topp10:after {
    /*	background: rgba(255, 255, 255, .92);*/
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
}

.page-section-topp10 h2 {
    text-align: center;
    margin-bottom: 75px;
}

.page-section-topp10 h3 {
    margin-bottom: 3px;
    font-size: 1.3em;
}

.toplist-item {
    display: table;
    width: 90%;
    margin: 0 auto;
    border: 3px solid var(--primary-color);
    margin: 0 auto 30px auto;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    font-size: 0.8em;
    color: var(--primary-color);
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}

.toplist-item:hover {
    text-decoration: none;
    color: var(--primary-color);
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05);
}

.toplist-item:first-child {
    width: 100%;
    font-size: 1em;
    margin: 0;
    border: 0;
}

.toplist-item.municipality {
}

.toplist-item > div {
    display: table-cell;
    vertical-align: middle;
}

.toplist-item-rank {
    width: 20%;
    text-align: center;
    font-size: 2em;
    font-weight: 100;
}

.toplist-item-info {
}

.toplist-item-badge {
    width: 20%;
    padding: 20px;
}

    .toplist-item-badge img {
        max-width: 50px;
    }

.toplist-item:last-child {
    margin-bottom: 0;
}

.page-section-topp10 ul {
    margin: 75px 0 0 0;
    padding: 0;
    list-style: none;
}

.page-section-topp10 ul li {
    margin: 0 0 30px 0;
    padding: 0;
    list-style: none;
}

.page-section-topp10 ul li:last-child {
    margin: 0;
}

.page-section-topp10 ol {
    counter-reset: li; /* Initiate a counter */
    margin-left: 0; /* Remove the default left margin */
    padding-left: 0; /* Remove the default left padding */
    margin-bottom: 75px;
}

.page-section-topp10 ol > li {
    position: relative; /* Create a positioning context */
    margin: 30px auto 0 auto; /* Give each list item a left margin to make room for the numbers */
    list-style: none; /* Disable the normal item numbering */
    /*		color:#var(--primary-color-hover) /*252525*/;*/
    /*		color:#fff;*/
}

.page-section-topp10 ol > li a {
    padding: 15px;
    display: table;
    color: var(--primary-color);
    width: 100%;
}

.page-section-topp10 ol > li a:hover {
    text-decoration: none;
}

.page-section-topp10 ol > li:hover { /*transform: scale(1.1);*/
}

.page-section-topp10 ol > li .li-info {
    display: table-cell;
    vertical-align: middle;
}

.page-section-topp10 ol > li .li-img {
    display: table-cell;
    vertical-align: middle;
}


.page-section-topp10 ol > li:before {
    content: counter(li); /* Use the counter as content */
    counter-increment: li; /* Increment the counter by 1 */
    position: absolute;
    top: -22px;
    left: -22px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 45px;
    height: 45px;
    line-height: 45px;
    text-align: center;
    margin-right: 0;
    color: var(--primary-color);
    font-size: 1em;
    font-weight: 100;
    text-align: center;
    background: green;
    display: none;
}

.page-section-topp10 ol > li:first-child:before {
    border: 0;
    color: #fff;
}

.page-section-topp10 li ol,
.page-section-topp10 li ul {
    margin-top: 6px;
}

.page-section-topp10 ol ol li:last-child {
    margin-bottom: 0;
}

.page-section-topp10 ol li .li-img {
    width: 30px;
}

.page-section-topp10 ol > li:first-child {
    background: var(--primary-color);
}

.page-section-topp10 ol > li {
    background: #f7f4ec;
}

.page-section-topp10 ol > li.toplist-item {
    border-color: #f7f4ec;
}

.page-section-topp10 ol > li {
    border-color: var(--secondary-color);
}

.page-section-topp10 ol > li:first-child {
    background: var(--secondary-color);
}

.page-section-topp10 ol > li a {
    color: var(--primary-color);
}

.page-section-topp10 .bttn:after {
      font-family: Font Awesome\ 5 Pro;
    content: "\f178"; 
    margin-left: 10px;
  /*   display: inline-block;
    background: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 24" id="nrk-arrow-right-long"%3E%3Cpath fill="currentColor" fill-rule="evenodd" clip-rule="evenodd" d="M36 12l-4.9-7h-2.2723l4.2 6H4l1 2h28.0277l-4.2 6H31.1l4.9-7z"%3E%3C/path%3E%3C/svg%3E') no-repeat center / contain;
*/}

@media (min-width: 767px) {
    .page-section-topp10 ol li .li-img {
        width: 40px;
    }
}

@media (min-width: 991px) {
    .page-section-topp10 ol li .li-img {
        width: 50px;
    }
}

@media (min-width: 1200px) {
    .page-section-topp10 ol li:first-child h3 {
        font-size: 1.6em;
    }

    .page-section-topp10 ol li .li-img {
        width: 60px;
    }

    .page-section-topp10 ol > li a {
        padding: 30px;
    }
}



/*********************************************************
	Page-section compare
**********************************************************/

.page-section-compare {
    position: relative;
    background-image: url(../images/bg-map.jpg);
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    background-attachment: fixed;
}

    .page-section-compare:before {
        background: rgba(10,35,67, .95);
        content: '';
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        right: 0;
    }

    .page-section-compare h1 {
        text-align: center;
        color:#fff;
    }

    .page-section-compare span {
        width: 100%;
    }

    .page-section-compare .form-wrapper {
        display: table;
        width: 100%;
    }

        .page-section-compare .form-wrapper > div {
            width: 100%;
            display: table-cell;
        }

        .page-section-compare .form-wrapper input {
            width: 100%;
            /*border: 3px solid #fff!important;*/
            font-size: 1.2em !important;
        }

            .page-section-compare .form-wrapper input[type=text] {
                padding: 15px;
                margin: 0;
                border: 0;
                color: var(--primary-color);
                font-size: 18px;
                float: left;
                height: 60px;
                line-height: normal;
                background: #fff;
                -webkit-border-radius: 6px;
                -moz-border-radius: 6px;
                border-radius: 6px;
            }

        .page-section-compare .form-wrapper button {
            float: right;
            width: 100px;
            height: 60px;
            border: 0;
            color: #fff;
            background: none;
            font-size: 18px;
            cursor: pointer;
            border: 3px solid #fff;
            margin-left: 10px;
        }


    .page-section-compare ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
        color: #999;
    }

    .page-section-compare ::-moz-placeholder { /* Firefox 19+ */
        color: #999;
    }

    .page-section-compare :-ms-input-placeholder { /* IE 10+ */
        color: #999;
    }

    .page-section-compare :-moz-placeholder { /* Firefox 18- */
        color: #999;
    }


/* Typeahead */

.tt-menu {
}

.tt-dataset {
    background: #fff;
    color: var(--primary-color);
    -webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.45);
    -moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.45);
    box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.45);
}
/*.tt-input {background:#fff!important;}*/
.tt-hint {
    color: rgba(0,0,0,0.6) !important;
}

.tt-suggestion {
    display: block;
    padding: 8px;
    text-align: left;
}

.tt-cursor {
    background: var(--primary-color);
    color: #fff;
}


.page-section-compare .bttn {
    margin-top: 30px;
}

.showhideinfo:after {
    font-family: Font Awesome\ 5 Pro;
    content: "\f107";
    margin-left: 10px;
}

.showhideinfo.active:after {
    font-family: Font Awesome\ 5 Pro;
    content: "\f106";
}

.page-section-compare-cta {
    text-align: center;
    margin-top: 60px;
    margin-bottom: 60px;
}

    .page-section-compare-cta .bttn:after {
        font-family: Font Awesome\ 5 Pro;
        content: "\f0ec";
        margin-left: 10px;
        display: inline-block;
    }
/*
.page-section-compare .bttn {background-color: var(--primary-color);}
.page-section-compare .bttn:hover,
.page-section-compare .bttn:focus {background-color: var(--primary-color-hover);}*/
.page-section-compare .bttn:after {
    font-family: Font Awesome\ 5 Pro;
        content: "\f0ec";
    margin-left: 10px;
    display: inline-block;
  /*  background: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" id="nrk-reorder" fill="currentColor"%3E%3Cpath d="m7 2 6 3.9v2.272l-5-3.25v12.08H6V4.922l-5 3.25V5.9L7 2Zm9 17.08V7h2v12.08l5-3.25v2.272l-6 3.9-6-3.9V15.83l5 3.25Z"%3E%3C/path%3E%3C/svg%3E') no-repeat center / contain;
*/}

@media (max-width: 767px) {
    .page-section-compare h2 {
        text-align: center;
    }
}


/*********************************************************
	Front Page Feature
**********************************************************/

.page-section-feature {
    position: relative;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    background-attachment: fixed;
    text-align: center;
    color: #fff;
}

    .page-section-feature article .text > * {
        margin-bottom: 30px;
    }

    .page-section-feature article .text .buttons {
        margin-top: 40px;
    }

    .page-section-feature article .text .teaser {
        line-height: 1.45;
    }

    .page-section-feature h1 {
        margin: 0 0 28px 0;
        position: relative;
        color: #fff;
        z-index: 9;
    }

    .page-section-feature:before {
        background: rgba(0,0,0,0.5);
        content: '';
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        right: 0;
    }

    .page-section-feature .bttn.popup-video:after {
        font-family: Font Awesome\ 5 Pro;
        content: "\f04b";
        margin-left: 10px;
    }



@media (min-width: 768px) {
}

@media (min-width: 991px) {
}

@media (min-width: 1200px) {
    .page-section-feature {
        padding-top: 200px;
        padding-bottom: 200px;
    }

        .page-section-feature h1 {
            font-size: 4em;
        }
}




/*********************************************************
	Page section dagens giver
**********************************************************/


.page-section-dagensgiver {
    padding-top: 0;
    padding-bottom: 0;
    background: rgba(89,57,122,1);
}

    .page-section-dagensgiver .dagensgiver-image {
        background-repeat: no-repeat;
        background-position: center center;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
    }

    .page-section-dagensgiver .dagensgiver-image,
    .page-section-dagensgiver .dagensgiver-caption {
        width: 100%;
    }

    .page-section-dagensgiver .dagensgiver-caption {
        padding: 50px;
    }

    .page-section-dagensgiver h1 {
        margin-bottom: 15px;
    }

        .page-section-dagensgiver h1 span {
            font-size: 0.5em;
            display: block;
            margin-bottom: 20px;
            opacity: 0.6;
        }


@media (min-width: 991px) {

    .page-section-dagensgiver .dagensgiver-image img {
        display: none;
    }

    .page-section-dagensgiver .dagensgiver-image,
    .page-section-dagensgiver .dagensgiver-caption {
        width: 50%;
        float: left;
    }

    .page-section-dagensgiver .dagensgiver-caption {
        display: table-cell;
        vertical-align: middle;
    }
}


/*********************************************************
	Page section logos
**********************************************************/


.page-section-logos .nav.nav-tabs {
    display: inline-block;
    margin: 0 auto;
    border: 0;
}

    .page-section-logos .nav.nav-tabs li {
        margin: 0;
    }

        .page-section-logos .nav.nav-tabs li a {
            margin: 0;
            border: 0;
            color: var(--primary-color);
        }

            .page-section-logos .nav.nav-tabs li a:hover {
                background: none;
                margin: 0;
                border: 0;
            }

        .page-section-logos .nav.nav-tabs li.active a {
            border: 0;
            color: var(--primary-color);
            background: var(--primary-color);
        }

        .page-section-logos .nav.nav-tabs li.active a {
            border: 0;
            color: var(--primary-color);
            background: none;
        }

.page-section-logos {
    text-align: center;
}

    .page-section-logos img {
        padding: 15px;
        max-width: 175px;
    }

    .page-section-logos .sponsors {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

        .page-section-logos .sponsors a {
            display: inline-block;
        }

    .page-section-logos .tooltip.top .tooltip-arrow {
        bottom: 0;
        left: 50%;
        margin-left: -5px;
        border-top-color: var(--primary-color);
        border-width: 5px 5px 0;
    }

    .page-section-logos .tooltip-inner {
        color: #fff;
        background: var(--primary-color);
        border: solid 1px #fff;
        font-size: 1.2em;
        padding: 1rem;
    }


@media (min-width: 1200px) {
    .page-section-logos img {
        padding: 30px 40px;
        max-width: 225px;
    }
}


/*********************************************************
	Footer
**********************************************************/

.hide-footer + footer,
.hide-footer + footer + .sub-footer {
    display: none;
}

footer {
    padding-top: 40px;
    padding-bottom: 40px;
    background: var(--primary-color);
    text-align: center;
    color: #fff;
}

    footer h1 {
        font-size: 2em;
        font-weight: 400;
        color: #fff;
        margin: 0 0 40px 0;
        padding: 0;
        font-weight: 800;
    }

    footer nav ul {
        margin: 0;
        padding: 0;
        list-style: none;
    }

        footer nav ul li {
            margin: 0 5px;
            padding: 0;
            display: inline;
        }

            footer nav ul li a {
                color: #fff;
                padding: 5px;
                display: inline-block;
                text-decoration: underline;
            }

                footer nav ul li a:hover,
                footer nav ul li a:focus {
                    color: rgba(0,0,0,1);
                }


                footer nav ul li a:hover,
                footer nav ul li a:focus {
                    background-color: var(--primary-color);
                    box-shadow: var(--primary-color) -5px 0px 0px 0px, var(--primary-color) 5px 0px 0px 0px;
                    border-radius: 5px;
                    border-bottom-color: transparent;
                    color: #fff;
                    text-decoration: none;
                }


.footer-social {
    margin-top: 60px;
}

.list-social {
    margin: 0;
    padding: 0;
    list-style: none;
}

    .list-social li {
        display: inline-block;
        margin: 10px 0;
    }
    /*.list-social li:first-child {margin-bottom:30px;}*/
    .list-social li {
        margin-bottom: 30px;
    }

        .list-social li a {
            line-height: 45px;
            color: var(--primary-color);
            position: relative;
            display: block;
            background: #fff;
            width: 70px;
            height: 70px;
            border-radius: 70px;
            line-height: 70px;
            text-align: center;
            font-size: 2em;
            opacity: .95;
            border: 1px solid transparent;
        }

            .list-social li a:hover,
            .list-social li a:focus {
                opacity: 1;
                background-color: var(--primary-color);
                color: #fff;
            }

.social-facebook:before {
    font-family: Font Awesome\ 5 Brands;
    content: "\f39e";
}

.social-twitter:before {
    font-family: Font Awesome\ 5 Brands;
    content: "\f099";
}

.social-instagram:before {
    font-family: Font Awesome\ 5 Brands;
    content: "\f16d";
}

.list-social li a:focus {
    border: 1px solid #fff;
}

.list-social + p {
    margin-top: 15px;
}

.footer-numbers {
    text-align: center;
    margin-top: 60px;
    font-weight: bold;
}

    .footer-numbers > div {
        margin-left: 35px;
        margin-right: 35px;
        display: inline-block;
    }



@media (min-width: 500px) {
    /*.list-social li:first-child {margin-right:30px;}*/
    .list-social li {
        margin-right: 30px;
    }
}

@media (min-width: 767px) {
    footer {
        padding-top: 60px;
        padding-bottom: 60px;
    }

    .list-social li:first-child,
    .list-social li {
        margin-top: 0;
        margin-bottom: 0;
    }
}

@media (min-width: 991px) {
    footer {
        padding-top: 100px;
        padding-bottom: 100px;
    }
}

@media (min-width: 1200px) {
    footer {
        padding-top: 100px;
        padding-bottom: 100px;
    }

        footer h1 {
            font-size: 4.5em;
        }

        footer nav ul li a,
        .list-social a,
        .footer-numbers {
            font-size: 1.2em;
        }
}


/*********************************************************
	Sub Footer
**********************************************************/

.sub-footer {
    background: #1F1F1F;
    padding-top: 30px;
    padding-bottom: 30px;
    color: rgba(255,255,255,0.2);
    text-align: center;
}

.sub-footer {
    background: #fff;
    padding-top: 30px;
    padding-bottom: 30px;
    color: var(--primary-color);
    text-align: center;
}

    .sub-footer a {
        color: var(--primary-color);
        text-decoration: underline;
    }

        .sub-footer a:hover,
        .sub-footer a:focus {
            background-color: var(--primary-color);
            box-shadow: var(--primary-color) -5px 0px 0px 0px, var(--primary-color) 5px 0px 0px 0px;
            border-radius: 5px;
            border-bottom-color: transparent;
            color: #fff;
            text-decoration: none;
        }


.pre-copyright img {
    padding-bottom: 30px;
    max-width: 150px;
}

.post-copyright {
    margin-top: 15px;
}






/*********************************************************
	Page section gift form
**********************************************************/

.page-section-gift-form {
    padding-top: 50px;
    background: #F7F4F2;
}

    /* Gift form framework */

    .page-section-gift-form .gift-form-wrapper-outer {
        background: rgba(0,0,0,0.1);
    }

    .page-section-gift-form .gift-form-wrapper {
        background: rgba(0,0,0,0.85);
        width: 100%;
        float: left;
        padding: 30px 15px 30px 15px;
    }

.giftform-extra-info {
    width: 100%;
    float: left;
    position: relative;
    font-weight: 100;
    padding: 40px 15px 30px 15px;
}

    .giftform-extra-info a {
        text-decoration: underline;
    }

        .giftform-extra-info a:hover,
        .giftform-extra-info a:focus {
            background-color: var(--primary-color);
            box-shadow: var(--primary-color) -5px 0px 0px 0px, var(--primary-color) 5px 0px 0px 0px;
            border-radius: 5px;
            border-bottom-color: transparent;
            color: #fff;
            text-decoration: none;
        }

.gift-form-download {
    padding: 1.5rem;
    border: 2px solid var(--primary-color);
    margin-bottom: 2rem;
    display: inline-block;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

    .gift-form-download:before {
        font-family: Font Awesome\ 5 Pro;
        content: "\f019";
        margin-right: 10px;
    }

    .gift-form-download:hover {
        background: var(--primary-color);
        color: #fff;
        text-decoration: none;
    }




.page-section-gift-form .tooltip.top .tooltip-inner {
    background-color: var(--primary-color);
}

.page-section-gift-form .tooltip.top .tooltip-arrow {
    border-top-color: var(--primary-color);
}



@media (min-width: 768px) {
    .gift-form-wrapper-outer {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

    .page-section-gift-form .gift-form-wrapper {
        width: 50%;
        padding: 40px;
    }

    .giftform-extra-info {
        width: 50%;
        padding: 40px;
    }
}

@media (min-width: 991px) {
    .page-section-gift-form .gift-form-wrapper {
        width: 70%;
    }

    .giftform-extra-info {
        width: 30%;
    }
}

@media (min-width: 1200px) {

    .gift-form-download {
        float: right;
    }

    .page-section-gift-form .gift-form-wrapper,
    .page-section-gift-form .giftform-extra-info {
        padding: 40px;
    }

    .gift-form-section-1 {
        margin-right: 8%;
    }

    .gift-form-section-1,
    .gift-form-section-2 {
        width: 46%;
        float: left;
    }
}

/* Gift form framework end */


.page-section-gift-form h1 {
    margin: 0 0 0.3em 0;
}

span.sub-header {
    font-size: 1.2em;
    font-weight: 200;
    display: block;
    margin-bottom: 30px;
}

.page-section-gift-form legend {
    color: #fff;
    border: 0;
    font-weight:600;
}

.page-section-gift-form label {
    color: #fff;
    font-weight: 100;
}

.page-section-gift-form .form-group {
    margin-bottom: 30px;
}

    .page-section-gift-form .form-group .mandatory {
        color: var(--primary-color);
        font-size: 1.6em;
    }

    .page-section-gift-form .form-group .help-block {
        color: #fff;
        font-size: .8em;
    }

.page-section-gift-form input[type="text"],
.page-section-gift-form input[type="email"].
.page-section-gift-form input[type="tel"] {
    min-height: 55px;
}

.page-section-gift-form textarea {
    height: 200px;
    font-size: 18px;
    line-height: 1.3333333;
}

.page-section-gift-form input[type=radio] {
    top: 50%;
    margin-top: -8px;
}

.page-section-gift-form .postnr {
    width: 40%;
    /*float: left;*/
    margin-right: 5%;
}

.page-section-gift-form .sted {
    width: 55%;
    float: left;
}


.page-section-gift-form input[type="submit"], .sam input[type="submit"] {
    background: #528D00;
    color: #fff;
    padding: 20px 30px;
    font-size: 1.2em;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    border: 0;
    margin-top: 20px;
    width: 100%;
}

    .page-section-gift-form input[type="submit"]:hover,
    .sam input[type="submit"]:hover,
    .sam input[type="submit"]:focus,
    .page-section-gift-form input[type="submit"]:focus {
        background: #599900;
        color: #fff;
    }



@media (max-width: 767px) {
    .giftform-extra-info:after {
        content: "";
        position: absolute;
        top: 0;
        left: 50%;
        margin-left: -20px;
        width: 0;
        height: 0;
        border-left: 20px solid transparent;
        border-right: 20px solid transparent;
        border-top: 20px solid rgba(0,0,0,0.85);
    }
}

@media (min-width: 768px) {
    .giftform-extra-info:after {
        content: "";
        position: absolute;
        top: 40px;
        left: 0;
        width: 0;
        height: 0;
        border-top: 20px solid transparent;
        border-bottom: 20px solid transparent;
        border-left: 20px solid rgba(0,0,0,0.85);
    }
}

@media (min-width: 1200px) {
    .giftform-extra-info:after {
        top: 50px;
    }
}


/*
=======================================================================
	Page section gift form
=======================================================================
*/


.itemid-1068 footer {
    display: none;
}

.giftformdownloadlink {
    text-decoration: underline;
}

.giftformdownloadlink:before {
    font-family: Font Awesome\ 5 Pro;
    content: "\f33d";
    margin-right: 10px;
    display: inline-block;
}

.page-section-gift-form .gift-form-header {
    background: #fff;
    -webkit-border-top-left-radius: 10px;
    -webkit-border-top-right-radius: 10px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-topright: 10px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    padding: 20px 50px;
}

.page-section-gift-form .gift-form-header h1 {
    margin: 0;
    padding: 0;
    font-size: 1.5em;
    font-weight: 600;
    position: relative;
    display: inline-block;
}

.page-section-gift-form .gift-form-header h1:after {
    content: "";
    position: absolute;
    top: 50%;
    right: -50px;
    transform: translateY(-50%);
    background-image: url(../images/bosse_small_gray.png);
    background-size: cover;
    width: 30px;
    height: 30px;
    display: block;
}

.page-section-gift-form .sub-header a {
    text-decoration: underline;
}

.page-section-gift-form h2 {
    font-size: 1em;
    color: var(--primary-color);
}

.page-section-gift-form label {
    color: var(--primary-color);
    font-weight:600;
}

.page-section-gift-form .gift-form-wrapper {
    background: none;
    padding: 0;
    float: none;
    width: 100% !important;
}

.page-section-gift-form .gift-form-wrapper-inner {
    float: none;
    padding: 30px;
    -webkit-border-bottom-right-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
    -moz-border-radius-bottomright: 10px;
    -moz-border-radius-bottomleft: 10px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    background: #fff;
}

.page-section-gift-form .form-group .help-block,
.page-section-gift-form legend {
    color: var(--primary-color);
    font-size: 1em;
}

.form-control {
    /*border: 1px solid var(--primary-color);*/
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}


.page-section-gift-form input[type="submit"] {
    background: var(--primary-color);
    width: 100%;
}

    .page-section-gift-form input[type="submit"]:hover,
    .page-section-gift-form input[type="submit"]:focus {
        background: var(--primary-color-hover);
    }

.page-section-gift-form input[type="submit"] {
    width: auto;
}

.page-section-gift-form input[type="submit"],
.page-section-gift-form .sam input[type="submit"] {
    padding: 20px 50px;
}


.page-section-gift-form .payment-alternatives .payment-alternative.alt-vipps {
    padding: 0 !important;
    background-color: #fff !important;
}

.page-section-gift-form #txtBidrag,
.page-section-gift-form #txtPhoneVipps,
.page-section-gift-form #txtBidragVipps {
    font-size: 1.65em;
    height: auto;
}

.page-section-gift-form #txtPhoneVipps{
    font-size: 1.25em;
    height: auto;
}

.page-section-gift-form .postnr {
    width: 30%;
    /*float: left;*/
    margin-right: 5%;
    margin-bottom:30px;
}

.page-section-gift-form .sted {
    width: 65%;
    float: left;
}

.page-section-gift-form .text-muted {
    color: #757575;
    font-weight: 100;
    margin-top: 8px;
    display: block;
}

.page-section-gift-form .text-muted:before {
    font-family: Font Awesome\ 5 Pro;
    content: "\f05a";
    margin-right: 4px;
}

.giftform-info {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    padding: 30px;
    margin-top: 50px;
    background: #fff;
}

.giftform-info a {
    text-decoration: underline;
}

@media (min-width: 1200px) {
    .page-section-gift-form .form-group-cols {
        display: table;
    }

    .page-section-gift-form .form-group-col {
        display: table-cell;
        padding-right: 30px;
    }

    .page-section-gift-form .form-group-col:last-child {
        padding-right: 0;
    }

    .page-section-gift-form .gift-form-wrapper-inner,
    .giftform-info {
        padding: 50px;
    }
}



.custom-dropdown {
  position: absolute;
  width: auto;
  border: 1px solid #ccc;
  border-radius: 4px;
  max-height: 52rem;
  overflow-y: auto;
  background-color: white;
  z-index: 999;
  display: none;
}

.dropdown-item {
  padding: 10px;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  border-bottom: 1px solid #eee;
}

.dropdown-item:hover {
  background-color: #f5f5f5;
}

.dropdown-name {
  font-weight: 600;
}

.dropdown-meta {
  display: grid;
  grid-template-columns: 17rem auto;
  gap: 10px;
  font-size: 1.5rem;
  font-weight:600;
}




/*********************************************************
	Gift form after six
**********************************************************/

.gift-form-custom-input-private {
    display: inline-block;
    margin-top: 30px;
    text-decoration: underline;
    padding: 2px 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    font-size: 0.9em;
}

    .gift-form-custom-input-private:hover {
        text-decoration: underline;
        background: var(--primary-color);
        color: var(--primary-color);
        text-decoration: none;
    }



/*********************************************************
	Page section gift form Private
**********************************************************/


.page-section-gift-form-private {
}

.giftform-private .gift-form-wrapper,
.giftform-private .giftform-extra-info {
    padding: 0;
}

.giftform-private .giftform-wrapper {
}


    .giftform-private .giftform-wrapper.gift-form-custom-input {
        margin-bottom: 3rem;
    }

.giftform-private .giftform-custom-input-wrapper {
    background: #e7e7e7;
    padding: 30px;
}

.giftform-private .giftform-custom-input-header {
    background: #bbbbbb;
    color: var(--primary-color);
    margin: 0;
    color: var(--primary-color);
    font-size: 1em;
    color: var(--primary-color);
    font-weight: bold;
    padding: 25px 30px;
    display: block;
}

    .giftform-private .giftform-custom-input-header a:hover img {
        opacity: 1;
    }

.giftform-private .giftform-custom-input-info {
    padding: 30px 30px 0 30px;
    position: relative;
    background: #e7e7e7;
}

    .giftform-private .giftform-custom-input-info:after {
        content: "";
        position: absolute;
        top: 0;
        left: 40px;
        width: 0;
        height: 0;
        border-left: 20px solid transparent;
        border-right: 20px solid transparent;
        border-top: 20px solid #bbbbbb;
    }

    .giftform-private .giftform-custom-input-info a {
        text-decoration: underline;
    }


/*.giftform-private .giftform-custom-input-info-wrapper {padding:40px;background: rgba(255,255,255,0.2);}*/
.giftform-private .giftform-custom-input-info-wrapper > :last-child {
    margin-bottom: 0;
}

.giftform-private .giftform-alt-payment {
    margin-top: 30px;
}
/*.giftform-private .giftform-alt-payment-wrapper {background: #d9d9d9;padding:40px;}*/
.giftform-private .giftform-alt-payment-header {
    position: relative;
    background: #b9b9b9;
    display: none;
}

    .giftform-private .giftform-alt-payment-header h2 {
        margin: 0;
        padding: 25px 40px;
    }

    .giftform-private .giftform-alt-payment-header:after {
        display: none;
        content: "";
        position: absolute;
        bottom: -20px;
        left: 40px;
        width: 0;
        height: 0;
        border-left: 20px solid transparent;
        border-right: 20px solid transparent;
        border-top: 20px solid #b9b9b9;
    }




.giftform-private.page-section-gift-form label {
    color: var(--primary-color);
}

.giftform-private.page-section-gift-form .form-group .help-block {
    color: var(--primary-color);
}


.giftform-private.page-section-gift-form label {
    font-weight: bold;
}

    .giftform-private.page-section-gift-form label i {
        font-size: 1.3em;
    }

.giftform-firstname {
    width: 47.5%;
    float: left;
    margin-right: 5%;
}

.giftform-surname {
    width: 47.5%;
    float: left;
}


.giftform-private .payment-alternative.alt-sms,
.giftform-private .payment-alternative.alt-phone {
}


@media (max-width: 768px) {
    .giftform-private .postnr {
        width: 100%;
        margin: 0 0 30px 0;
    }
}

@media (min-width: 768px) {
    .giftform-private .giftform-custom-input-header {
        margin-bottom: 0;
    }
}

@media (max-width: 990px) {
    .giftform-private .giftform-custom-input-header a h2 {
        position: relative;
    }

        .giftform-private .giftform-custom-input-header a h2:after {
            position: absolute;
            top: 50%;
            -webkit-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            transform: translateY(-50%);
            right: 15px;
            font-family: Font Awesome\ 5 Pro;
            content: "\f105";
            float: right;
            display: inline-block;
        }

    .giftform-private .giftform-custom-input-header a.active h2:after {
        content: "\f106";
    }
}

@media (min-width: 991px) {
    .giftform-custom-input-info,
    .giftform-custom-input-wrapper {
        display: block;
    }

    /*.giftform-private .giftform-custom-input-header {pointer-events:none;}*/
    .giftform-private .giftform-custom-input-header a:hover {
        cursor: text;
    }

    .giftform-private .giftform-alt-payment {
        margin-top: 0;
    }

    .giftform-private .giftform-alt-payment-header {
        display: block;
    }

        .giftform-private .giftform-alt-payment-header:after {
            display: block;
        }

    .giftform-private .giftform-alt-payment-wrapper {
        background: #d9d9d9;
        padding: 40px;
    }

    .giftform-private .payment-alternative.alt-sms,
    .giftform-private .payment-alternative.alt-phone {
    }
}

@media (min-width: 1200px) {
    .private-img {
        width: 400px;
        margin-left: 4rem;
    }
}


/*********************************************************
	Page section gift form Private 2019
**********************************************************/

.itemid-147278 footer {
    display: none;
}


/*********************************************************
	Page section registration form
**********************************************************/

.page-section-registration-form {
    padding: 15px 0;
}


.page-section-registration-form .select-wrapper {
    -webkit-border-radius: 0!important;
    -moz-border-radius: 0!important;
    border-radius: 0!important;
}

.page-section-registration-form select {
    background: #fff;
    padding-top:0;
}

.logo-section.logo-section-registration-form .row {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.logo-section.logo-section-registration-form .header-section-element-logo {
    float: right;
}
/*.logo-section.logo-section-registration-form .row div[class*="col-"] {display:table-cell;vertical-align:middle;float:none;}*/

.logo-section.logo-section-registration-form img {
    float: right;
    width: 100%;
}


.logo-section-registration-form {
    padding-bottom: 20px;
    background: rgba(0, 0, 0, 0.95);
    color: #fff;
}

    .logo-section-registration-form .logo-section-wrapper * {
        text-align: left;
    }

    .logo-section-registration-form .logo-section-wrapper h1 {
        margin: 0 0 10px 0;
    }

    .logo-section-registration-form .logo-section-wrapper .sub-header {
        margin: 0;
    }

        .logo-section-registration-form .logo-section-wrapper .sub-header:before {
            font-family: Font Awesome\ 5 Pro;
            content: "\f105";
            margin-right: 10px;
        }

@media (min-width: 768px) {
    .page-section-registration-form {
        padding-top: 30px;
        padding-bottom: 30px;
    }
}

@media (min-width: 991px) {
    .page-section-registration-form {
        padding-top: 60px;
        padding-bottom: 60px;
    }
}

@media (min-width: 1200px) {
}






/* Gift form framework */

.page-section-registration-form .registration-form-wrapper-outer { /*background: rgba(0,0,0,0.1);*/
}

.page-section-registration-form .registration-form-wrapper {
    width: 100%;
    float: left;
}

.registration-form-section {
    padding: 40px 15px 20px 15px;
    position: relative;
    background: var(--primary-color);

}

    .registration-form-section:after {
        position: absolute;
        bottom: -20px;
        left: 50%;
        z-index: 9999;
        margin-left: -20px;
        content: "";
        width: 0;
        height: 0;
        border-left: 20px solid transparent;
        border-right: 20px solid transparent;
        border-top: 20px solid #333333;
    }

    .registration-form-section:last-of-type {
        padding-bottom: 30px;
    }

        .registration-form-section:last-of-type:after {
            display: none;
        }

    .registration-form-section.form-section-bank {
        border: 0;
    }

.registration-form-wrapper > .registration-form-header {
    background: var(--primary-color);
    border: 0;
    padding: 15px;
    position: relative;
}

    .registration-form-wrapper > .registration-form-header h2 {
        margin: 0;
        color: #fff;
    }

        .registration-form-wrapper > .registration-form-header h2:before {
            font-family: Font Awesome\ 5 Pro;
            content: "\f00c";
            margin-right: 10px;
        }

    .registration-form-wrapper > .registration-form-header:after {
        position: absolute;
        bottom: -20px;
        left: 50%;
        z-index: 9999;
        margin-left: -20px;
        content: "";
        width: 0;
        height: 0;
        border-left: 20px solid transparent;
        border-right: 20px solid transparent;
        border-top: 20px solid var(--primary-color);
    }

.registrationform-extra-info {
    width: 100%;
    float: left;
    position: relative;
    font-weight: 100;
}



/* Gift form framework end */


.page-section-registration-form h1 {
    margin: 0 0 0.3em 0;
}

span.sub-header {
    font-size: 1.2em;
    font-weight: 200;
    display: block;
    margin-bottom: 30px;
}


.page-section-registration-form .form-section-header {
}

.page-section-registration-form h2 {
    color: #fff;
}

.page-section-registration-form h3 {
    color: #fff;
    margin: 0;
}

.page-section-registration-form .registration-form-header .sub-header {
    color: #fff;
    opacity: 0.75;
    font-size: 1em;
    margin-top: 10px;
}

.page-section-registration-form .registration-form-extra-info h2 {
    color: var(--primary-color);
}

.page-section-registration-form label {
    color: #fff;
    font-weight: 100;
}

.page-section-registration-form .form-group {
    margin-top: 30px;
}

    .page-section-registration-form .form-group .mandatory {
        color: var(--primary-color);
        font-size: 1.6em;
    }

.page-section-registration-form input,
.page-section-registration-form textarea {
    border: 0;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
}

.page-section-registration-form select {
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -o-border-radius: 0px;
    border-radius: 0px;
    width: 100%;
}

.page-section-registration-form input[type="text"],
.page-section-registration-form input[type="email"].
.page-section-registration-form input[type="tel"] {
    min-height: 55px;
}

.page-section-registration-form textarea {
    height: 200px;
    font-size: 18px;
    line-height: 1.3333333;
}

.page-section-registration-form input[type=radio] {
    top: 50%;
    margin-top: -8px;
}

.page-section-registration-form .postnr {
    width: 40%;
    float: left;
    margin-right: 5%;
}

.page-section-registration-form .sted {
    width: 55%;
    float: left;
}


.page-section-registration-form button,
.page-section-registration-form input[type="submit"] {
    background: #528D00;
    color: #fff;
    padding: 20px 30px;
    font-size: 1.2em;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    border: 0;
    margin-top: 20px;
    width: 100%;
}

    .page-section-registration-form button:hover {
        background: #599900;
        color: #fff;
    }


.registration-form-extra-info {
    margin-bottom: 30px;
    position: relative;
}

    .registration-form-extra-info > * {
        margin-bottom: 2rem;
    }

    .registration-form-extra-info > :last-child {
        margin-bottom: 0;
    }

    .registration-form-extra-info * + h2 {
        margin-top: 30px;
    }

    .registration-form-extra-info a {
        border-bottom: 2px dotted var(--primary-color);
    }

        .registration-form-extra-info a:hover {
            border-bottom: 2px solid var(--primary-color);
            text-decoration: none;
        }

.registration-form-extra-info-registration {
    background: #FEEFB3;
    padding: 1.5rem;
    margin-bottom: 4rem;
}

    .registration-form-extra-info-registration h3 {
        color: var(--primary-color);
        margin-bottom: 1.5rem;
    }

    .registration-form-extra-info-registration > :last-child {
        margin-bottom: 0 !important;
    }

.registration-form-extra-info img {
    margin-top: 20px;
    width: 40%; /*float:right;*/
    -webkit-box-shadow: 0px 0px 25px 0px rgba(0,0,0,0.5);
    -moz-box-shadow: 0px 0px 25px 0px rgba(0,0,0,0.5);
    box-shadow: 0px 0px 25px 0px rgba(0,0,0,0.5);
}


@media (max-width: 400px) {
}

@media (min-width: 768px) {
    .registration-form-section {
        padding: 40px 30px;
        position: relative;
    }

    .registration-form-wrapper > .registration-form-header {
        padding: 30px;
    }
}

@media (min-width: 991px) {
    .registration-form-extra-info {
        padding-right: 40px;
    }

        .registration-form-extra-info * + h2 {
            margin-top: 30px;
        }
}

@media (min-width: 1200px) {
    .registration-form-section:first-of-type h2 {
        font-size: 1.6em;
    }

    .registration-form-extra-info * + h2 {
        margin-top: 40px;
    }
}




/*********************************************************
	Page section gift receipt
**********************************************************/

.page-section-giftreceipt {
    background: #F7F4F2;
}


    .page-section-giftreceipt .tbl-invoice {
        background: #fff;
        width: 100%;
        margin-top: 30px;
        -webkit-box-shadow: 0px 0px 50px 0px rgba(51, 51, 51, 0.2);
        -moz-box-shadow: 0px 0px 50px 0px rgba(51, 51, 51, 0.2);
        box-shadow: 0px 0px 50px 0px rgba(51, 51, 51, 0.2);
    }

        .page-section-giftreceipt .tbl-invoice thead {
            background: #fff56e;
        }

        .page-section-giftreceipt .tbl-invoice th,
        .page-section-giftreceipt .tbl-invoice td {
            padding: 25px;
            vertical-align: top;
        }

        .page-section-giftreceipt .tbl-invoice table th,
        .page-section-giftreceipt .tbl-invoice table td {
            padding: 0;
        }

        .page-section-giftreceipt .tbl-invoice table td {
            padding: 0 0 15px 0;
        }

        .page-section-giftreceipt .tbl-invoice tfoot a {
            padding: 1rem 3rem;
            background: #da251c;
            color: #fff;
            float: right;
        }

            .page-section-giftreceipt .tbl-invoice tfoot a:hover {
                text-decoration: none;
                color: #fff;
                background: #b51f17;
            }

            .page-section-giftreceipt .tbl-invoice tfoot a:before {
                font-family: Font Awesome\ 5 Pro;
                content: "\f02f";
                margin-right: 10px;
                display: inline-block;
            }


.receipt-options {
    margin-top: 4rem;
}

    .receipt-options a {
        font-size: 1em;
        background: pink;
        padding: 1.5rem 3rem;
        display: inline-block;
        margin-bottom: 2rem;
        border: 2px solid transparent;
        color: #fff;
        width: 100%;
    }

        .receipt-options a:hover,
        .receipt-options a:focus {
            background: blue;
            text-decoration: none;
            color: #fff;
        }

        .receipt-options a:first-child {
            margin-left: 0;
        }

        .receipt-options a.alt1 {
            background: #494949;
        }

            .receipt-options a.alt1:hover,
            .receipt-options a.alt1:focus {
                background: #303030;
            }

            .receipt-options a.alt1:before {
                font-family: Font Awesome\ 5 Pro;
                content: "\f0a3";
                margin-right: 10px;
                display: inline-block;
            }

        .receipt-options a.alt2 {
            background: #3B5998;
        }

            .receipt-options a.alt2:hover,
            .receipt-options a.alt2:focus {
                background: #283b66;
            }

            .receipt-options a.alt2:before {
                font-family: Font Awesome\ 5 Brands;
                content: "\f09a";
                margin-right: 10px;
                display: inline-block;
            }

        .receipt-options a.alt3 {
            background: #00882d;
        }

            .receipt-options a.alt3:hover,
            .receipt-options a.alt3:focus {
                background: #00541c;
            }

            .receipt-options a.alt3:before {
                font-family: Font Awesome\ 5 Pro;
                content: "\f1e0";
                margin-right: 10px;
                display: inline-block;
            }


@media (min-width: 768px) {
}

@media (min-width: 991px) {
    .receipt-options {
        float: right;
        text-align: right;
    }

    .receipt-card-options {
        float: none;
        text-align: center;
    }

    .receipt-options a {
        margin-left: 2rem;
        margin-bottom: 2rem;
        width: auto;
    }
}

@media (min-width: 1200px) {
}

.page-section-receipt-options ol {
    counter-reset: li; /* Initiate a counter */
    margin-left: 0; /* Remove the default left margin */
    padding-left: 0; /* Remove the default left padding */
    margin-bottom: 75px;
}

    .page-section-receipt-options ol > li {
        position: relative;
        margin: 30px 0 0 0;
        list-style: none;
        border: 1px solid rgba(0,0,0,0.25);
        color: #fff;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
        transition: all 0.3s ease;
    }

        .page-section-receipt-options ol > li:before {
            content: counter(li);
            counter-increment: li;
            position: absolute;
            top: 0;
            left: 0;
            z-index: 9999;
            -moz-box-sizing: border-box;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            width: 113px;
            height: 113px;
            line-height: 100px;
            text-align: center;
            margin-right: 0;
            padding: 6px;
            color: #fff;
            font-size: 2em;
            font-weight: 900;
            text-align: center;
        }


        .page-section-receipt-options ol > li a {
            color: #fff;
            display: block;
            padding: 30px 30px 30px 110px;
        }

            .page-section-receipt-options ol > li a:hover,
            .page-section-receipt-options ol > li a:focus {
                text-decoration: none;
            }

        .page-section-receipt-options ol > li:hover {
            transform: scale(1.05);
            -webkit-box-shadow: 0px 0px 50px 0px rgba(51, 51, 51, 0.4);
            -moz-box-shadow: 0px 0px 50px 0px rgba(51, 51, 51, 0.4);
            box-shadow: 0px 0px 50px 0px rgba(51, 51, 51, 0.4);
        }

        .page-section-receipt-options ol > li.alt1 a {
            background: #494949;
        }

        .page-section-receipt-options ol > li.alt2 a {
            background: #3B5998;
        }

        .page-section-receipt-options ol > li.alt3 a {
            background: #00882d;
        }

@media (max-width: 767px) {
    .tbl-invoice table td,
    .tbl-invoice table th {
        display: block;
    }
}



/*********************************************************
	Page section gift receipt 2020
**********************************************************/

.templateid-53 .header-section-cta-xs,
.templateid-53 footer {
    display: none;
}

.templateid-53 .bttn-gift {
    visibility: hidden;
}

.page-section-giftreceipt2020 {
    background: none;
}

    .page-section-giftreceipt2020 h1 {
        margin-bottom: 50px;
    }

    .page-section-giftreceipt2020 .section-download-pdf {
        margin-bottom: 50px;
        padding: 50px;
        background-color: #f1f1f1;
    }

        .page-section-giftreceipt2020 .section-download-pdf > * {
            margin-bottom: 30px;
        }

        .page-section-giftreceipt2020 .section-download-pdf > :last-child {
            margin-bottom: 0;
        }

    .page-section-giftreceipt2020 .section-download-pdf-text > * {
        margin-bottom: 30px;
    }

    .page-section-giftreceipt2020 .section-download-pdf-text > :last-child {
        margin-bottom: 0;
    }

    .page-section-giftreceipt2020 .section-download-pdf h2 {
        font-size: 1.3em;
    }

    .page-section-giftreceipt2020 .download-pdf {
        display: inline-block;
        /*background: #ff0000;*/
        padding: 15px 30px;
        /*background: rgb(233,32,43);*/
        background: var(--primary-color);
        color: #fff;
        border: 0;
        font-size: 1em;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        -o-border-radius: 0;
        border-radius: 0;
    }

        .page-section-giftreceipt2020 .download-pdf:before {
            font-family: Font Awesome\ 5 Pro;
            content: "\f33d";
            display: inline-block;
            margin-right: 10px;
        }

        .page-section-giftreceipt2020 .download-pdf + p a {
            text-decoration: underline;
        }

    .page-section-giftreceipt2020 .receipt-options {
        display: flex;
        margin-top: 0;
        float: none;
    }

        .page-section-giftreceipt2020 .receipt-options a {
            position: relative;
            padding: 65px 15px 15px 15px;
            text-align: center;
            width: 100%;
            height: 100%;
            text-decoration:none;
        }

        .page-section-giftreceipt2020 .receipt-options a::after {
            display:none;
        }

            .page-section-giftreceipt2020 .receipt-options a.alt1 {
                background-color: #eaa815;
            }

                .page-section-giftreceipt2020 .receipt-options a.alt1:hover,
                .page-section-giftreceipt2020 .receipt-options a.alt1:focus {
                    background-color: #c58c0d;
                }

            .page-section-giftreceipt2020 .receipt-options a .caption-subtitle {
                font-size: .7em;
                color: rgba(255,255,255,0.8);
                border-top: 1px solid rgba(255,255,255,0.5);
                padding-top: 10px;
                line-height: 1.5;
            }

            .page-section-giftreceipt2020 .receipt-options a:before {
                position: absolute;
                top: 22px;
                left: 50%;
                transform: translateX(-50%);
                font-size: 1.5em;
                margin: 0;
            }


.giftreceipt-moreinfo {
    background: #f1f1f1;
    margin-bottom: 50px;
}

.giftreceipt-moreinfo-header,
.giftreceipt-moreinfo-form {
    padding: 15px;
}

.giftreceipt-moreinfo-header {
    background-color: var(--primary-color);
}

    .giftreceipt-moreinfo-header h2 {
        font-weight: normal;
        color: #fff;
        font-size: 1.5em;
    }

    .giftreceipt-moreinfo-header .teaser {
        font-size: 1em;
        color: #fff;
        margin-top: 15px;
        margin-bottom: 0;
    }

.giftreceipt-moreinfo .form-control {
    border: 1px solid var(--primary-color);
}

.giftreceipt-moreinfo label {
    font-weight: lighter;
}

.giftreceipt-moreinfo small {
    font-size: .8em;
    line-height: normal;
    letter-spacing: 0;
}

.page-section-giftreceipt2020 .form-group:last-of-type {
    margin-bottom: 0;
}

.page-section-giftreceipt2020 .giftreceipt-moreinfo-receipt {
    margin-bottom: 50px;
    padding: 50px;
    text-align: center;
    background-color: #dff7e0;
}

    .page-section-giftreceipt2020 .giftreceipt-moreinfo-receipt h1 {
        font-size: 1.2em;
        margin-bottom: 0;
        font-weight: normal;
    }

    .page-section-giftreceipt2020 .giftreceipt-moreinfo-receipt h1::after {
        font-family: Font Awesome\ 5 Pro;
        content: "\f058";
        display: inline-block;
        margin-left:1rem;
        color: #00882d;
        font-weight:bold;
    }




@media (max-width: 767px) {
    .section-download-pdf-text {
        margin-top: 15px;
    }

    .page-section-giftreceipt2020 .receipt-options {
        margin-left: -5px;
        margin-right: -5px;
    }

        .page-section-giftreceipt2020 .receipt-options .col-xs-4 {
            padding-left: 5px;
            padding-right: 5px;
        }
}

@media (min-width: 768px) {
    .giftreceipt-moreinfo-header {
        padding-left: 30px;
        padding-right: 30px;
    }

    .giftreceipt-moreinfo-form {
        padding: 30px;
    }
    /*
	.page-section-giftreceipt2020 .section-download-pdf {display:table;}
	.page-section-giftreceipt2020 .section-download-pdf > * {display:table-cell;vertical-align:middle;}
	.page-section-giftreceipt2020 .section-download-pdf-text {text-align:left;padding-right:50px;width:65%;}	
*/
}

@media (min-width: 1200px) {
    .giftreceipt-moreinfo-header {
        padding: 30px 50px;
    }

    .giftreceipt-moreinfo-form {
        padding: 50px;
        border: 5px solid var(--primary-color);
    }

    .page-section-giftreceipt2020 .section-download-pdf,
    .page-section-giftreceipt2020 .giftreceipt-moreinfo,
    .page-section-giftreceipt2020 .giftreceipt-moreinfo-receipt {
        margin-bottom: 70px;
    }
}


/*********************************************************
	Page section Download Giftcard
**********************************************************/

.section-download-giftcard {
    margin-bottom: 70px;
    padding: 50px;
    background-color: #f1f1f1;
}

    .section-download-giftcard a {
        background: rgb(233,32,43);
        color: #fff;
        padding: 15px 30px;
        display: inline-block;
    }


/*********************************************************
	Page section User Options
**********************************************************/
.user-options {
    margin-top: 30px;
}

    .user-options a {
        display: inline-block;
        margin: 15px;
        color: #fff;
        text-decoration: none !important;
        padding: 30px 30px;
        font-size: 1.7em;
        min-width: 150px;
        font-weight: bold;
    }

        .user-options a.option-yes {
            background: #31ad4c;
            color: #fff;
        }

            .user-options a.option-yes:hover {
                background: #279a40;
                color: #fff;
            }

        .user-options a.option-no {
            background: #999;
        }

            .user-options a.option-no:hover {
                background: #666;
            }

        .user-options a.option-private {
            background: var(--primary-color);
        }

            .user-options a.option-private:hover, .bttn:hover {
                background: var(--primary-color-hover);
                color: #fff;
            }

.bttn-nav:hover {
    background: #fff;

}

        .user-options a.option-other, .bttn-sec {
            background-color: var(--secondary-color);
            /* font-family: 'NRK Sans Variable', sans-serif; */
            /* font-variation-settings: var(--nrk-sans-bold); */
            /* font-weight: 800; */
            color: var(--primary-color);
        }

            .user-options a.option-other:hover, .bttn-sec:hover {
                background: var(--secondary-color-hover);
                color: var(--primary-color);
            }

        .user-options a.option-giftcard {
            background: #e6ac00;
        }

            .user-options a.option-giftcard:hover {
                background: #cc9900;
            }

    /*********************************************************
	Page section User Options 2020
**********************************************************/

    .user-options.user-options2020 .cta {
        margin-top: 1.5rem;
        margin-bottom: 1.5rem;
    }

    .user-options.user-options2020 .cta {
        min-width: 280px;
        max-width: 670px;
        display: inline-block;
        margin: 15px;
        padding: 30px;
    }

        .user-options.user-options2020 .cta h3 {
            margin: 0;
        }

            .user-options.user-options2020 .cta h3 + p {
                font-size: .8em;
                margin-top: .5em;
                margin-bottom: 0;
            }

.user-options-legend {
    display: block;
    margin-top: 30px;
}

    .user-options-legend .asterisk {
        font-size: 1.4em;
        font-weight: bold;
    }



/*********************************************************
	Page section gift form private payment alternatives
**********************************************************/

.payment-alternative {
    padding: 25px 30px;
    margin-bottom: 3rem;
    font-size: 1.1em;
}

    .payment-alternative h2 {
        font-weight: normal;
        margin: 0;
        padding: 0;
    }

        .payment-alternative h2 span {
            font-weight: bold !important;
        }

    .payment-alternative.alt-vipps {
        background: #fe5b24;
    }

    .payment-alternative.alt-bosse {
        position: relative;
        padding: 0;
    }

        .payment-alternative.alt-bosse a {
            padding: 25px 100px 25px 30px;
            display: block;
        }

            .payment-alternative.alt-bosse a:after {
                content: "";
                position: absolute;
                top: 50%;
                transform: translateY(-50%);
                right: 30px;
                background-image: url(../images/bosse_small.png);
                background-size: cover;
                width: 20px;
                height: 20px;
                display: block;
            }

        .payment-alternative.alt-bosse:before {
            content: "";
            position: absolute;
            top: 0;
            right: 80px;
            height: 100%;
            width: 2px;
            border-left: 1px solid rgba(0,0,0,0.05);
            border-right: 1px solid rgba(255,255,255,0.25);
            display: block;
        }

@media (min-width: 1200px) {
    .payment-alternative.alt-bosse a:after {
        width: 30px;
        height: 30px;
    }
}

.payment-alternative.alt-sms {
    padding: 0;
}

.payment-alternative.alt-sms a {
    padding: 25px 100px 25px 30px;
    color: var(--primary-color);
    display: block;
    position: relative;
    pointer-events:none;
}

.payment-alternative.alt-phone {
    background: #e7e7e7;
    padding: 0;
}

.payment-alternative.alt-phone a {
    padding: 25px 100px 25px 30px;
    color: var(--primary-color);
    display: block;
    position: relative;
}

.payment-alternative.alt-sms a:before,
.payment-alternative.alt-phone a:before {
    content: "";
    position: absolute;
    top: 0;
    right: 80px;
    height: 100%;
    width: 2px;
    border-left: 1px solid rgba(0,0,0,0.05);
    border-right: 1px solid rgba(255,255,255,0.25);
    display: block;
}

.payment-alternative.alt-sms a:after {
    content: "";
    font-family: Font Awesome\ 5 Pro;
    content: "\f10b";
    display: inline-block;
    text-align: center;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 30px;
    font-size: 1.5em;
}

.payment-alternative.alt-sms a:after,
.payment-alternative.alt-phone a:after {
    font-family: Font Awesome\ 5 Pro;
    font-weight: bold;
    content: "\f095";
    display: inline-block;
    text-align: center;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 30px;
    font-size: 1.5em;
}

.payment-alternative.alt-account {
    background: #e7e7e7;
    color: var(--primary-color);
}

    .payment-alternative.alt-account a {
        color: #fff;
    }

.payment-alternative.alt-invoice {
    background: #e7e7e7;
}

    .payment-alternative.alt-invoice a {
        color: var(--primary-color);
        background: #e7e7e7;
        text-decoration: underline !important;
    }


@media (min-width: 768px) {
}

@media (min-width: 991px) {
}

@media (min-width: 1200px) {
    .payment-alternative.alt-sms a {
        padding: 25px 100px 25px 30px;
    }
}


/*********************************************************
	Page section gift form private payment alternatives 2019
**********************************************************/

.payment-alternatives {
    margin-top: 30px;
}

    .payment-alternatives .payment-alternative {
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
        border: 2px solid var(--primary-color);
        background: none;
    }

    .payment-alternatives .payment-alternative-header a {
        position: relative;
        color: var(--primary-color);
        display: block;
    }

        .payment-alternatives .payment-alternative-header a:after {
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            right: 30px;
            font-family: Font Awesome\ 5 Pro;
            content: "\f078";
        }

    .payment-alternatives .payment-alternative-header.active a:after {
        content: "\f077";
    }

    .payment-alternatives .payment-alternative-expand {
        display: none;
        padding: 30px;
    }

    .payment-alternatives .payment-alternative.alt-vipps {
        background-color: var(--vipps-color);
        border-color: var(--vipps-color);
        color: #fff;
    }

        .payment-alternatives .payment-alternative.alt-vipps .payment-alternative-header {
            background: var(--vipps-color);
        }

            .payment-alternatives .payment-alternative.alt-vipps .payment-alternative-header a {
                color: #fff;
                display: block;
                position: relative;
                padding: 25px 30px;
            }

                .payment-alternatives .payment-alternative.alt-vipps .payment-alternative-header a img {
                    width: 115px;
                }

        .payment-alternatives .payment-alternative.alt-vipps input[type="submit"] {
            padding: 20px 50px;
        }

        .payment-alternatives .payment-alternative.alt-vipps .form-group-submit label {
            visibility: hidden;
        }

        .payment-alternatives .payment-alternative.alt-vipps .payment-alternative-expand .form-control {
            border: 1px solid var(--vipps-color);
        }

        .payment-alternatives .payment-alternative.alt-vipps .payment-alternative-expand input[type="submit"] {
            background: var(--vipps-color);
            color: #fff;
        }

            .payment-alternatives .payment-alternative.alt-vipps .payment-alternative-expand input[type="submit"]:hover,
            .payment-alternatives .payment-alternative.alt-vipps .payment-alternative-expand input[type="submit"]:focus {
                background: var(--vipps-color-hover);
                color: #fff;
            }



    .payment-alternatives .payment-alternative.alt-invoice a {
        background: none;
    }

    .payment-alternatives .payment-alternative.alt-sms a:after,
    .payment-alternatives .payment-alternative.alt-phone a:after {
        color: var(--primary-color);
    }

    .payment-alternatives .payment-alternative.alt-sms a:before,
    .payment-alternatives .payment-alternative.alt-phone a:before {
        border-left: 1px solid var(--primary-color);
        border-right: 1px solid var(--primary-color);
    }

    .payment-alternatives .payment-alternative.alt-bosse:before {
        border-left: 1px solid var(--primary-color);
        border-right: 1px solid var(--primary-color);
    }

    .payment-alternatives .payment-alternative.alt-card {
        border-color: #f2c01d;
        padding: 0;
    }

        .payment-alternatives .payment-alternative.alt-card .payment-alternative-header {
            background: #f2c01d;
        }

            .payment-alternatives .payment-alternative.alt-card .payment-alternative-header a {
                padding: 25px 30px;
            }


        .payment-alternatives .payment-alternative.alt-card.active {
            -webkit-border-bottom-left-radius: 0;
            -webkit-border-bottom-right-radius: 0;
            -moz-border-radius-bottomleft: 0;
            -moz-border-radius-bottomleft: 0;
            border-bottom-left-radius: 0;
            border-bottom-right-radius: 0;
        }

            .payment-alternatives .payment-alternative.alt-card.active + .payment-alternative-card-expand {
                border: 2px solid #f2c01d;
                border-top: 0;
            }

        .payment-alternatives .payment-alternative.alt-card .payment-alternative-expand .form-control {
            border: 1px solid #f2c01d;
        }

        .payment-alternatives .payment-alternative.alt-card .payment-alternative-expand .postnr {
            width: 100%;
        }

        .payment-alternatives .payment-alternative.alt-card .payment-alternative-expand input[type="submit"] {
            background: #f2c01d;
            color: var(--primary-color);
        }

            .payment-alternatives .payment-alternative.alt-card .payment-alternative-expand input[type="submit"]:hover,
            .payment-alternatives .payment-alternative.alt-card .payment-alternative-expand input[type="submit"]:focus {
                background: var(--primary-color);
                color: #fff;
            }




/*********************************************************
	Page section challenge
**********************************************************/

.page-section-challenge-intro {
}

.page-section-challenge {
    background: var(--primary-color);
    border-bottom: 1px solid rgba(255,255,255,0.25);
    color: #fff;
}

    .page-section-challenge textarea {
        color: #333;
    }

    .page-section-challenge h2 {
        color: #fff;
        margin-bottom: 60px;
        font-size: 1.5em;
    }

        .page-section-challenge h2 span {
            background: var(--secondary-color);
            color: var(--primary-color);
            -webkit-border-radius: 50px;
            -moz-border-radius: 50px;
            border-radius: 50px;
            width: 44px;
            display: inline-block;
            text-align: center;
            margin-right: 30px;
        }

    .page-section-challenge .challenger-plus {
        color: var(--primary-color);
        text-align: center;
        margin-bottom: 30px;
    }

.element-challenged {
    margin-bottom: 80px;
}

.page-section-challenge label {
    color: #fff;
    font-weight: normal;
    margin-bottom: 20px;
}

.page-section-challenge input {
    border: 0;
}

.element-challenged .row {
    margin-bottom: 30px;
}

    .element-challenged .row:last-of-type {
        margin-bottom: 0;
    }

.page-section-challenge .form-group {
    margin-bottom: 0;
}

    .page-section-challenge .form-group input {
        -webkit-border-radius: initial;
        -moz-border-radius: initial;
        -o-border-radius: initial;
        border-radius: initial;
    }

.element-challenger {
    margin-bottom: 30px;
}

    .element-challenger .form-group {
        margin-bottom: 20px;
    }

        .element-challenger .form-group:last-of-type {
            margin-bottom: 0;
        }

    .element-challenger label {
        font-weight: 800;
    }

    .element-challenger textarea {
        width: 100%;
        padding: 10px;
    }

.page-section-challenge input[type="button"] {
    margin: 0 auto;
}



@media (max-width: 400px) {
}

@media (min-width: 768px) {
    .page-section-challenge h2 span {
        width: 37px;
    }
}

@media (min-width: 991px) {
}

@media (min-width: 1200px) {
    .page-section-challenge h2 span {
        width: 35px;
        font-weight: 800 !important;
    }

    .element-challenger {
        margin-bottom: 60px;
    }
}


/*********************************************************
	Page section results main content
**********************************************************/

.page-section-results {
    /* background: #F7F4F2;*/
    padding-top: 3rem;
    background-color: #F7F4F2
}

/* Results navigation */

.page-section-results-navigation a {
    padding-block: 15px;
    text-align: left;
    display:inline-block;
}

.page-section-results-navigation a::before {
    font-family: Font Awesome\ 5 Pro;
    font-weight:400;
    content: "\f104";
    display: inline-block;
    margin-right: 1rem;
}

.page-section-results-navigation a {
    font-weight:700;
}

.results-navigation-select-wrapper {
    position: relative;
    width: 100%;
    border-radius: 6px;
    background-color:#fff;
    box-shadow: 0px 2px 2px rgba(0,0,0,0.1);
}

    .results-navigation-select-wrapper select {
        width: 100%;
        height: 57px;
        padding-left: 15px;
        padding-right: 15px;
        margin: 0;
        background: none;
        font-size: 1em;
        border: 0;
        outline: none;
        display: inline-block;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        cursor: pointer;
        position: relative;
        z-index: 1;
        line-height: normal;
        border-radius: 6px;
        font-weight:800;
    }

        .results-navigation-select-wrapper select option {
            color: var(--primary-color);
            background: #fff;
        }

    .results-navigation-select-wrapper:before {
        content: "";
        background: url(../images/vinkel-ned.png);
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        width: 18px;
        height: 10px;
        position: absolute;
        top: 25px;
        right: 25px;
        z-index: 5;
    }

.page-section-results .row div[class*="col-"] {
    margin-bottom: 30px;
}

.page-section-results > .container > .row:last-child .row:last-child div[class*="col-"]:last-child {
    margin-bottom: 0;
}


/* Country header */

.page-section-results-country h1 {
    margin-bottom: 15px;
}

.page-section-results-country .link-historic-data {
    margin-bottom: 30px;
    display: inline-block;
}

.page-section-results-country .link-historic-data:before {
    font-family: Font Awesome\ 5 Pro;
    content: "\f30b";
    margin-right: 10px;
    display: inline-block;
}


/* County header */

.results-header-county-wrapper-outer {
    display:flex;
    flex-direction:column;
    gap:1rem;
    margin-top:3rem;
    font-weight:700;
    text-align:center;
}

.results-header-county {
    margin-bottom: 30px;
}

.results-header-county img {
    width: 75px;
    margin: 0 auto;
}

.results-header-county h1 {
    display: block;
    margin: 0;
    text-align: center;
}

.results-header-county h1 span {
    font-weight: 100;
    font-size: 2rem;
}

.results-header-county a {
    text-decoration: none;
    padding: 5px;
}

.results-header-county a:hover,
.results-header-county a:active {
    text-decoration: none;
}

/* Hide Oslo from Oslo */
.itemid-584 .results-header-county .results-header-parent-link {display:none;}

/* Hide Svalbard from Svalbard */
.itemid-1093 .results-header-county .results-header-parent-link {display:none;}

.county-population {
    font-size: 1.1em;
    display: block;
    text-align: center;
    margin-top: 15px;
}

.county-population span {
    font-weight: 100;
}

.results-header-parent-link a::before {
    font-family: Font Awesome\ 5 Pro;
    font-weight: 400;
    content: "\f104";
    display: inline-block;
    margin-right: 1rem;
}

.results-panel {
    background: #fff;
    box-shadow: 0 0px 8px 0 rgba(0, 0, 0, 0.06), 0 1px 0px 0 rgba(0, 0, 0, 0.02);
    -webkit-border-bottom-right-radius: 6px;
    -webkit-border-bottom-left-radius: 6px;
    -moz-border-radius-bottomright: 2px;
    -moz-border-radius-bottomleft: 2px;
    border-bottom-right-radius: 6px;
    border-bottom-left-radius: 6px;
    border-radius: 6px;
}

.results-panel-total {
    background-color: var(--secondary-color);
    padding:2.5rem;
}

.results-panel-header {
    padding: 15px;
    text-align: center;
    display: table;
    width: 100%;
    -webkit-border-top-left-radius: 6px;
    -webkit-border-top-right-radius: 6px;
    -moz-border-radius-topleft: 2px;
    -moz-border-radius-topright: 2px;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
}

.results-panel-header-wrapper {
    display: table-cell;
    vertical-align: middle;
}

.results-panel-header h2 {
    margin: 0;
    padding: 0;
    font-size: 1.35em;
    font-weight: 700;
}

.results-panel-header .results-panel-big-headline {
    font-size: 2rem;
}

.results-panel-content-outer {
    display: table;
    height: 100%;
    width: 100%;
    padding: 1.5rem;
}

.results-panel-content-inner {
    display: table-cell;
    vertical-align: middle;
    height: 100%;
    text-align: center;
}

.results-panel-content-inner img {
    max-width: 130px;
    margin: 0 auto;
}

.results-panel-content-inner.results-panel-table {
    vertical-align: top;
}

.results-panel .table-responsive > .table > thead .header {max-width:50%;}

.results-panel .table-responsive > .table > tbody > tr > td,
.results-panel .table-responsive > .table > tbody > tr > th {
    white-space: inherit;
}

.results-panel .table-responsive > .table > tbody > tr > td {
    white-space: nowrap;
}

.results-panel .results-panel-nav {
    width: 100%;
    text-align: center;
    padding-top: 10px;
    padding-bottom: 20px;
}

.results-panel .results-panel-nav div {
    display: inline-block;
    padding: 5px 15px;
    position: relative;
    font-size: 0.8em;
}

.results-panel .results-panel-nav div:hover {
    cursor: pointer;
}

.results-panel .results-panel-nav div.selected-tab {
    background: var(--primary-color);
    color: #fff;
}

.results-panel .results-panel-nav div.selected-tab:after {
    content: "";
    position: absolute;
    bottom: -10px;
    left: 50%;
    margin-left: -10px;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid var(--primary-color);
}

/* Red buttons */
.results-panel .results-panel-nav div.selected-tab.for2016 {
    background: #d5291f;
}

.results-panel .results-panel-nav div.selected-tab.for2016:after {
    border-top: 10px solid #d5291f;
}
/* End red buttons */


.results-panel.results-panel-per-capita table {
    width: 100%;
}

    .results-panel.results-panel-per-capita table td {
        text-align: left;
    }

        .results-panel.results-panel-per-capita table td:first-child {
            width: 30%;
        }

        .results-panel.results-panel-per-capita table td:last-child {
            padding-left: 20px;
            text-align: left;
        }

.results-panel.results-panel-per-capita img {
    margin-right: 5%;
}

.results-panel.results-panel-per-capita .results-panel-amount {
    font-size: 2.1rem;
    font-weight: 800;
    display: inline-block;
}

/*.results-panel img {margin: 0 auto 15px auto;}*/
.results-panel .results-panel-amount-big {
    font-size: 3rem;
    font-weight: 800;
    margin-bottom: 15px;
    line-height: normal;
}

.results-panel .results-panel-amount-bigger {
    font-size: 4rem;
    font-weight: 800;
    margin-bottom: 15px;
    line-height: normal;
}

.results-panel .results-panel-caption {
    display: block;
    font-weight:700;
}


.td-amount2 {
    white-space: nowrap !important;
}

.results-panel table .th-amount,
/*.results-panel table 	tr td:last-child {text-align:right;}*/
.results-panel table .td-amount:before {
    content: "Kr. ";
}

.results-panel table .td-amount:after {
    content: ",-";
}


.results-panel table thead th:hover {
    cursor: pointer;
}

/*.results-panel table thead th:after {
    font-family: Font Awesome\ 5 Pro;
    content: "\f0dc";
    margin-left: 10px;
    color: #var(--primary-color-hover)*/ /*252525*//*;
}*/

.results-panel table thead th.headerSortUp {
    color: var(--primary-color);
}

    .results-panel table thead th.headerSortUp:after {
        font-family: Font Awesome\ 5 Pro;
        content: "\f0de";
        color: var(--primary-color);
    }

.results-panel table thead th.headerSortDown {
    color: var(--primary-color);
}

    .results-panel table thead th.headerSortDown:after {
        font-family: Font Awesome\ 5 Pro;
        content: "\f0dd";
        color: var(--primary-color);
    }

.results-panel table a {position:absolute;}
.results-panel table a::before {
    font-family: Font Awesome\ 5 Pro;
    font-weight:400;
    content: "\f35d";
    margin-left: 10px;
    display: inline-block;
    color: #3c3c3c;
    position: absolute;
    transform: translateX(150%);
    right: 0;
}

.templateid-89 .results-panel table a::before {display:none;}

@media (min-width: 991px) {
    .results-navigation-select-wrapper select {
        height: 59px;
    }
}

@media (min-width: 1200px) {
    .results-header-county h1 {
        font-size: 8rem;
    }

    .results-panel .results-panel-header.results-panel-big-headline h2 {
        font-size: 3rem;
        font-weight: 700;
    }

    .results-panel .results-panel-amount-big {
        font-size: 7rem;
    }

    .results-panel .results-panel-amount-bigger {
        font-size: 10rem;
    }

    .results-navigation-select-wrapper select {
        height: 62px;
    }
}


/*********************************************************
	Results panel compare
**********************************************************/

.page-section .results-panel-compare h3 {
    font-size: 1.4em;
    font-style: italic;
}

.results-panel-compare .compare-year {
    border-bottom: 1px solid #ccc;
    padding-bottom: 1em;
    padding-top: 1em;
}

    .results-panel-compare .compare-year:last-child {
        border-bottom: 0;
    }


/*********************************************************
	Page section municipality info
**********************************************************/

.page-section-municipality-info {
    background: #fff;
    padding: 30px;
    text-align: center;
}

    .page-section-municipality-info img {
        margin-bottom: 15px;
    }

    .page-section-municipality-info h3 {
        font-size: 1em;
        font-weight: 100;
    }

    .page-section-municipality-info .county-name {
        font-size: 1em;
        font-weight: 400;
        margin-bottom
    }

    .page-section-municipality-info .population {
        font-size: 2em;
        font-weight: 800;
    }


/*********************************************************
	Page section results tools (left column)
**********************************************************/

.page-section-results-tools {
    border-radius: .6rem;
}

.page-section-results-tool span {
    width: 100%;
}

.page-section-results-tool h3 {
    margin-bottom: 15px;
    font-size: 1.2em;
}

.page-section-results-tool h3 span {
    font-weight: 100;
}

.page-section-results-tools .row div[class*="col-"] {
    margin-bottom: 30px;
}

.page-section-results-tools .row div[class*="col-"]:last-child {
    margin-bottom: 0;
}

.page-section-results-tool input {
    color: var(--primary-color);
    width: 100%;
    font-size: 1em;
    font-weight:700;
    padding: 15px;
    border: 0;
    background: #fff;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    box-shadow: 0px 2px 2px rgba(0,0,0,0.1);
}

.page-section-results-tool ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: rgba(0,0,0,0.5);
}

.page-section-results-tool ::-moz-placeholder { /* Firefox 19+ */
    color: rgba(0,0,0,0.5);
}

.page-section-results-tool :-ms-input-placeholder { /* IE 10+ */
    color: rgba(0,0,0,0.5);
}

.page-section-results-tool :-moz-placeholder { /* Firefox 18- */
    color: rgba(0,0,0,0.5);
}


@media (min-width: 768px) {
    .page-section-results-tools .row div[class*="col-"],
    .page-section-results-tools .row div[class*="col-"]:last-child {
        margin-bottom: 0;
    }
}

@media (min-width: 991px) {
}

@media (min-width: 1200px) {
}


/*********************************************************
	Page section results hele landet
**********************************************************/

.results-panel.pr-innbygger {
}

.results-panel.deltakende-kommuner #stat-participating-councils {
}


@media (min-width: 768px) {
}

@media (min-width: 991px) {
}

@media (min-width: 1200px) {
}


/*********************************************************
	Hamburger
**********************************************************/

.c-hamburger {
    display: none;
    overflow: hidden;
    margin: 0;
    padding: 0;
    width: 50px;
    height: 40px;
    font-size: 0;
    text-indent: -9999px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    box-shadow: none;
    border-radius: none;
    border: none;
    cursor: pointer;
    -webkit-transition: background 0.3s;
    transition: background 0.3s;
    background: none;
    z-index: 999999;
}

    .c-hamburger:focus {
        outline: none;
    }

    .c-hamburger span {
        display: block;
        position: absolute;
        top: 17px;
        left: 10px;
        right: 10px;
        height: 4px;
    }

        .c-hamburger span::before,
        .c-hamburger span::after {
            position: absolute;
            display: block;
            left: 0;
            width: 100%;
            height: 4px;
            content: "";
        }

        .c-hamburger span::before {
            top: -10px;
        }

        .c-hamburger span::after {
            bottom: -10px;
        }











.c-hamburger--htx:after {
}

.c-hamburger--htx span {
    -webkit-transition: background 0s 0.3s;
    transition: background 0s 0.3s;
}

    .c-hamburger--htx span::before,
    .c-hamburger--htx span::after {
        -webkit-transition-duration: 0.3s, 0.3s;
        transition-duration: 0.3s, 0.3s;
        -webkit-transition-delay: 0.3s, 0s;
        transition-delay: 0.3s, 0s;
    }

    .c-hamburger--htx span::before {
        -webkit-transition-property: top, -webkit-transform;
        transition-property: top, transform;
    }

    .c-hamburger--htx span::after {
        -webkit-transition-property: bottom, -webkit-transform;
        transition-property: bottom, transform;
    }

/* active state, i.e. menu open */
.c-hamburger--htx.is-active {
}

    .c-hamburger--htx.is-active span {
        background: none;
    }

        .c-hamburger--htx.is-active span::before {
            top: 0;
            -webkit-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
            transform: rotate(45deg);
        }

        .c-hamburger--htx.is-active span::after {
            bottom: 0;
            -webkit-transform: rotate(-45deg);
            -ms-transform: rotate(-45deg);
            transform: rotate(-45deg);
        }

        .c-hamburger--htx.is-active span::before,
        .c-hamburger--htx.is-active span::after {
            -webkit-transition-delay: 0s, 0.3s;
            transition-delay: 0s, 0.3s;
        }


/*
.c-hamburger.c-hamburger--htx.is-active span::before,
.c-hamburger.c-hamburger--htx.is-active span::after {
	background:#fff;
	}
*/


@media (max-width:767px) {
    .c-hamburger {
        display: block;
    }
    /*	.main-menu {display:none;}*/
}



/*.mobile-nav-toggle {position:relative;}*/

header .c-hamburger-wrapper {
    position: relative;
}

header .c-hamburger-wrapper {
    position: absolute;
    /*	top:50px;*/
    right: 5px;
    margin-top: -20px;
}

    header .c-hamburger-wrapper:after {
        position: absolute;
        bottom: -10px;
        left: 0;
        content: "MENY";
        font-size: 0.8em;
        color: #fff;
        width: 100%;
    }


header .c-hamburger span {
    background: #fff;
}

    header .c-hamburger span::before,
    header .c-hamburger span::after {
        background-color: #fff;
    }


/*********************************************************
	Magnific popup
**********************************************************/


.mfp-fade.mfp-bg {
    opacity: 0;
    -webkit-transition: all 0.15s ease-out;
    -moz-transition: all 0.15s ease-out;
    transition: all 0.15s ease-out;
}

    .mfp-fade.mfp-bg.mfp-ready {
        opacity: 0.8;
    }

    .mfp-fade.mfp-bg.mfp-removing {
        opacity: 0;
    }

.mfp-fade.mfp-wrap .mfp-content {
    opacity: 0;
    -webkit-transition: all 0.15s ease-out;
    -moz-transition: all 0.15s ease-out;
    transition: all 0.15s ease-out;
}

.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
    opacity: 1;
}

.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
    opacity: 0;
}




/*********************************************************
	Press
**********************************************************/

.page-section-press table {
    margin-bottom: 40px;
}

    .page-section-press table caption {
        font-size: 2.5rem;
    }

    .page-section-press table tr th {
        width: 75%;
    }

        .page-section-press table tr td:first-child,
        .page-section-press table tr th:first-child {
            padding-left: 0;
        }


/*********************************************************
	Attention banner
**********************************************************/

.page-section-attention-banner-frontpage {
    background: var(--primary-color);
}

.attention-banner-giftform {
    margin-bottom: 6rem;
}

.attention-banner {
    background: var(--primary-color);
    color: #fff;
    text-align: center;
    padding: 4rem;
}

    .attention-banner a {
        margin-top: 15px;
    }



/*********************************************************
	User Options 
**********************************************************/

.user-options .cta {
    margin-top: 1rem;
    margin-bottom: 1rem;
}


/*********************************************************
	Custom toggle
**********************************************************/

/* ON/OFF Switch */
.onoffswitch {
    position: absolute;
    top: 40px;
    left: 50%;
    transform: translateX(-50%);
    width: 65px;
    display: inline-block;
    font-size: 80%;
}

    .onoffswitch .onoffswitch-label {
        display: block;
        overflow: hidden;
        cursor: pointer;
        border: 1px solid hsl(0, 0%, 90%);
        -moz-border-radius: 20px;
        -webkit-border-radius: 20px;
        border-radius: 20px;
        margin: 0;
    }



    .onoffswitch .onoffswitch-inner {
        width: 200%;
        margin-left: -100%;
        -webkit-transition: margin 0.15s ease-in-out;
        -o-transition: margin 0.15s ease-in-out;
        -moz-transition: margin 0.15s ease-in-out;
        transition: margin 0.15s ease-in-out;
    }

        .onoffswitch .onoffswitch-inner:before,
        .onoffswitch .onoffswitch-inner:after {
            float: left;
            width: 50%;
            height: 28px;
            padding: 0;
            line-height: 28px;
            font-size: 80%;
            color: hsl(0, 0%, 100%);
            font-weight: normal;
            -moz-box-sizing: border-box;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
        }

        .onoffswitch .onoffswitch-inner:before {
            content: "JA";
            padding-left: 10px;
            background-color: var(--primary-color);
            color: #fff;
        }

        .onoffswitch .onoffswitch-inner:after {
            content: "NEI";
            padding-right: 8px;
            background-color: var(--primary-color);
            color: #fff;
            text-align: right;
        }

    .onoffswitch .onoffswitch-switch {
        width: 22px;
        height: 22px;
        margin: 0;
        background: hsl(0, 0%, 100%);
        box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
        -moz-border-radius: 50%;
        -webkit-border-radius: 50%;
        border-radius: 50%;
        position: absolute;
        top: 4px;
        bottom: 0;
        right: 39px;
        -webkit-transition: right 0.15s ease-in-out;
        -o-transition: right 0.15s ease-in-out;
        -moz-transition: right 0.15s ease-in-out;
        transition: right 0.15s ease-in-out;
    }

.toggle-group {
    position: relative;
    height:7.5rem;
}

.toggle-group input[type=checkbox] {
    position: absolute;
    left: 50%;
    top: 40px;
}

        .toggle-group input[type=checkbox]:checked ~ .onoffswitch .onoffswitch-label .onoffswitch-inner {
            margin-left: 0;
        }

        .toggle-group input[type=checkbox]:checked ~ .onoffswitch .onoffswitch-label .onoffswitch-switch {
            right: 4px;
            box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
        }

        .toggle-group input[type=checkbox]:focus ~ .onoffswitch {
            outline: thin dotted #333;
            outline: 0;
        }

    .toggle-group label {
        position: absolute;
        left: 50%;
        top: 0;
        transform: translateX(-50%);
        cursor: pointer;
        display: inline-block;
        text-align: center;
        line-height: 28px;
        width: 100%;
        z-index: 1;
        height: 80px;
        width: 350px;
        font-weight: 700;
    }

.results-header-toggle input:focus + label {
    text-decoration: underline;
}

/* ==== Accessibility ===== */
.aural {
    clip: rect(1px, 1px, 1px, 1px);
    height: 1px;
    overflow: hidden;
    position: absolute;
    width: 1px;
}

    .aural:focus {
        clip: rect(0, 0, 0, 0);
        font-size: 1em;
        height: auto;
        outline: thin dotted;
        position: static !important;
        width: auto;
        overflow: visible;
    }


.results-header-toggle .tooltip.top .tooltip-arrow {
    bottom: 0;
    left: 50%;
    margin-left: -5px;
    border-top-color: var(--primary-color);
    border-width: 5px 5px 0;
}

.results-header-toggle .tooltip-inner {
    width: 300px;
    color: #fff;
    background: var(--primary-color);
    font-size: 1.2em;
    padding: 1.5rem;
}


/*
=======================================================================
	Custom Shop
=======================================================================
*/

.product-page .product-image-gallery {margin:-10px;}
.product-page .product-image-gallery > * {margin:10px;}
.product-page .product-image-gallery a:not(:first-child) {width:15%;}

.product-page .product-image-gallery-more-images {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: repeat(5, 1fr);
    grid-column-gap: 10px;
    grid-row-gap: 0px;
}

@media screen and (min-width: 768px) {
    .product-page .product-image-gallery a:not(:first-child) {
        width: 17%;
    }
}

/*.product-page .is-flex {align-items:center;}*/

.product-page .text {margin-bottom: 30px;}
.product-page .text h1.page-section-title {margin-top:2rem;margin-bottom:2rem;}
.product-page .text .teaser {font-size: 125%;}



.product-page input[type="number"],
.product-page .select-wrapper {
    border: 1px solid var(--primary-color);
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}

.product-page input[type="number"],
.product-page select {
    height:80px;
    line-height:80px;
    padding:0;
    padding-left:30px;
    padding-right:30px;
}

.product-page textarea,
.product-page input[type="number"],
.product-page select {
    font-size:1.45em;
}

.product-page .product-qty {
    min-width: 100px;
    max-width: 100px;
    padding-left: 0!important;
    padding-right: 0!important;
    text-align: center;
}


.product-page .bttn--buy:after,
.checkout .bttn--buy:after {
    font-family: Font Awesome\ 5 Pro;
    content: "\f4be"; 
    margin-left: 10px;
    display: inline-block;
    font-weight: bold;
}

@media (min-width: 768px) {
    .product-page .text h1.page-section-title {margin-top:0;}
}

@media (min-width: 991px) {
}

@media (min-width: 1200px) {
    .product-page h1 {
        font-size: 3.5em;
    }

    .product-page .product-image-gallery {
        margin-right: 30px;
        margin-top:50px;
    }
}

/*
=======================================================================
	Custom Shop Cart Banner
=======================================================================
*/

#divCartBanner {
    background: var(--secondary-color);
}

    #divCartBanner a:after {
        font-family: Font Awesome\ 5 Pro;
        content: "\f07a";
        margin-left: 10px;
        display: inline-block;
        color: #fff;
    }

/*
=======================================================================
	Custom Shop Cart
=======================================================================
*/


.cart-basket table tbody tr td {
    padding-top: 20px;
    padding-bottom: 0;
}

.cart-basket thead th {
    font-weight: bold;
}

.cart-basket tbody tr {
    border-top: none;
}

.cart-basket .checkout-card--options {
    background: var(--accent-color);
    position: relative;
    display: inline-block;
    padding: 8px 20px;
}

    .cart-basket .checkout-card--options:after {
        width: 0;
        height: 0;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        border-bottom: 10px solid var(--accent-color);
        position: absolute;
        top: -8px;
        left: 8%;
        content: "";
        -webkit-border-radius: 6px;
        -moz-border-radius: 6px;
        border-radius: 6px;
    }

    .cart-basket .checkout-card--options a {
        color: #fff;
        padding: 8px 0;
        margin: 8px;
        display: inline-block;
        border-bottom: 2px solid transparent;
    }

        .cart-basket .checkout-card--options a:hover,
        .cart-basket .checkout-card--options a:focus {
            border-color: #fff;
            text-decoration: none;
        }


        .cart-basket .checkout-card--options a:after {
            font-family: Font Awesome\ 5 Pro;
            margin-left: 10px;
            display: inline-block;
            color: #fff;
        }

.cart-basket .cart-basket--edit-card:after {
    content: "\f044";
}

.cart-basket .cart-basket--preview:after {
    content: "\f33d";
}

.cart-basket .total-incl-vat {
    font-size: 2em;
}
.row-checkout-form {
    background: #F7F4F2;
}
/*
=======================================================================
	Custom Shop Checkout Form
=======================================================================
*/
.form-header {
    background: var(--primary-color);
    -webkit-border-top-left-radius: 10px;
    -webkit-border-top-right-radius: 10px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-topright: 10px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    padding: 20px 50px;
}

    .form-header h2 {
        margin: 0;
        padding: 0;
        font-size: 1.5em;
        font-weight: normal;
        color: #fff;
        position: relative;
        display: inline-block;
    }

.form-body {
    background-color: #fff;
    padding: 30px;
    border: 2px solid var(--primary-color);
    -webkit-border-bottom-right-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
    -moz-border-radius-bottomright: 10px;
    -moz-border-radius-bottomleft: 10px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    background: #fff;
}

    .form-body label {
        font-weight: normal;
    }

@media (min-width: 1200px) {
    .form-body {
        padding: 50px;
    }
}


/*
=======================================================================
	Custom Shop Checkout Navigation
=======================================================================
*/

.bttn--back-to-product {
    background: none;
    color: #999;
    border-color: #999;
}

    .bttn--back-to-product:hover,
    .bttn--back-to-product:focus {
        color: var(--primary-color);
        border-color: var(--primary-color);
    }

    .bttn--back-to-product:before {
        font-family: "Font Awesome 5 Pro";
        content: "\f177";
        display: inline-block;
        margin-right: 10px;
    }

.bttn--next:hover,
.bttn--next:focus {
    background-color: var(--secondary-color);
    border-color: var(--secondary-color);
}

.bttn--next:after {
    font-family: "Font Awesome 5 Pro";
    content: "\f178";
    display: inline-block;
    margin-left: 10px;
}

@media (min-width: 1200px) {
    .bttn--back-to-product {
        float: left;
    }

    .bttn--next {
        float: right;
    }
}


/*
=======================================================================
	Custom Select
=======================================================================
*/

select {
    width: 100%;
    padding: 15px;
    margin: 0;
    background: none;
    font-size: 1em;
    font-weight:700;
    color: var(--primary-color);
    border: 0;
    outline: none;
    display: inline-block;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    cursor: pointer;
    position: relative;
    z-index: 1;
}

select option {
    color: var(--primary-color);
}

.select-wrapper {
    position: relative;
    background: #fff;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    overflow:hidden;
    box-shadow: 0px 2px 2px rgba(0,0,0,0.1);
}

    .select-wrapper:before {
        content: "";
        background: url(../images/vinkel-ned.png);
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        width: 18px;
        height: 10px;
        position: absolute;
        top: 50%;
        transform:translateY(-50%);
        right: 25px;
        z-index: 5;
    }

/*********************************************************
	Page section registration form
**********************************************************/

.page-section-registration-form {
    padding: 15px 0;
}

.logo-section.logo-section-registration-form .row {
    display: table;
}

    .logo-section.logo-section-registration-form .row div[class*="col-"] {
        display: table-cell;
        vertical-align: middle;
        float: none;
    }

.logo-section.logo-section-registration-form img {
    float: right;
    width: 100%;
}

/*
.logo-section.logo-section-registration-form div[class*="col-"] {padding-bottom:15px}
.logo-section.logo-section-registration-form div[class*="col-"]:last-child {padding-bottom:0;}	
*/

.logo-section-registration-form {
    padding-bottom: 20px;
    background: rgba(0, 0, 0, 0.95);
    color: #fff;
}

    .logo-section-registration-form .logo-section-wrapper * {
        text-align: left;
    }

    .logo-section-registration-form .logo-section-wrapper h1 {
        margin: 0 0 10px 0;
    }

    .logo-section-registration-form .logo-section-wrapper .sub-header {
        margin: 0;
    }

        .logo-section-registration-form .logo-section-wrapper .sub-header:before {
            font-family: Font Awesome\ 5 Pro;
            content: "\f105";
            margin-right: 10px;
        }

@media (min-width: 768px) {
    .page-section-registration-form {
        padding-top: 30px;
        padding-bottom: 30px;
    }
}

@media (min-width: 991px) {
    .page-section-registration-form {
        padding-top: 60px;
        padding-bottom: 60px;
    }
}