@import url('https://fonts.googleapis.com/css2?family=Bodoni+Moda:ital,opsz,wght@0,6..96,400..900;1,6..96,400..900&family=Prata&display=swap');

:root {
--NLF-black: #1b1d1e;
--NLF-blue: #2c1b6c;
--NLF-lavender: #7f6c8f;
--NLF-red: #c82b26;
--NLF-white: #ffffff;
--NLF-yellow: #f7de00;
--transparent: transparent;
--grey: grey;
--lightgrey: lightgrey;
--lightgrey1: #efefef;
--lightgrey2: #e6e6e6;
--lightgrey3: #696969;
--lightergrey: #dedede;
--darkgrey: #585858;
--whitesmoke: whitesmoke;
--black: #383838;
--lightergrey: #dedede;
--light-darkgrey: #d8d8d8;
--grey1: #bbbbbb;
--grey-green: #effff1;
--grey2: #ebebeb;
--default-white: white;
--default-darkwhite: #f3f3f3;
--sw-info-color: #3490dc;
--layout-row-shaddow-color-light: rgba(0,0,0,0.1);
--layout-row-shaddow-color-dark: rgba(0,0,0,0.2);
--calendar-selection-background-color: white;
--theme-heading-color: black;
--theme-heading1-color: black;
--theme-heading2-color: black;
--theme-heading3-color: black;
--theme-font-color: #331919;
--theme-body-font-color: #424242;
--theme-color-lighten-10: hsl(var(--theme-color),40%);
--theme-color-lighten-20: hsl(var(--theme-color),30%);
--theme-color-darken-10: hsl(var(--theme-color),60%);
--theme-color-darken-20: hsl(var(--theme-color),70%);
--donate-wizard-button-next-color: #585858;
--theme-color: var(--NLF-black);
--theme-nav-backgroundcolor: var(--NLF-black);
--theme-nav-color: var(--NLF-white);
--theme-color-contrast: var(--NLF-black);
--default-black: var(--black);
--default-grey: var(--grey);
--navbar-background-color: var(--theme-nav-backgroundcolor);
--navbar-collapsed-background-color: var(--whitesmoke);
--navbar-font-color: var(--theme-nav-color);
--navbar-collapsed-font-color: var(--default-black);
--page-title-border-color: var(--theme-color);
--footer-background-color: var(--theme-color);
--footer-copyright-font-color: var(--NLF-white);
--footer-font-color: var(--NLF-white);
--cta-events-date-border-color: var(--theme-color);
--footer-heading-color: var(--NLF-white);
}



.layout__row--background-light {
    background-color: var(--NLF-black);
}

.home {
background:  var(--NLF-black);
}


.home .heroimage img {
filter: grayscale(0.2);
mask-image: linear-gradient(black 50%, transparent);
}



.overskrift_forside {
    letter-spacing: 1.1px;
    font-size: max(5vw, 30px);
    text-align: center;
    font-weight: 600;
    color: var(--NLF-white);
    backdrop-filter: blur(1px) grayscale(0.4);
    text-shadow: 2px 4px 2px black;
}

.home .head {
    width: 100%;
    z-index: 3;
}


.home .head {
-webkit-animation: text-focus-in 1s ease-in-out 0.2s both;
	        animation: text-focus-in 1s ease-in-out 0.2s both;
}

/* ----------------------------------------------
 * Generated by Animista on 2024-9-11 12:57:53
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation text-focus-in
 * ----------------------------------------
 */
@-webkit-keyframes text-focus-in {
  0% {
    -webkit-filter: blur(12px);
            filter: blur(12px);
    opacity: 0;
  }
  100% {
    -webkit-filter: blur(0px);
            filter: blur(0px);
    opacity: 1;
  }
}
@keyframes text-focus-in {
  0% {
    -webkit-filter: blur(12px);
            filter: blur(12px);
    opacity: 0;
  }
  100% {
    -webkit-filter: blur(0px);
            filter: blur(0px);
    opacity: 1;
  }
}



.home .cta-events {
   background-color: #3f3a5678;
   backdrop-filter: blur(5px);
}

h3.cta-events__location-heading {
color: var(--NLF-white);
}

a.cta-events__event {
  color: var(--NLF-white);
}

.home .cta-events__date {
   border-right-color: var(--NLF-white);
}

div.cta-events__event-description {
   color: var(--NLF-white);
}

h1.cta-events__event-description-heading {
    color: var(--NLF-white);
}


.orginfo .org-footer {
    flex-wrap: nowrap;
}

.orginfo .media-box {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 35px;
    margin: 2.4rem 0;
}

.orginfo .media-box img {
    object-fit: contain;
    max-width: 150px !important;
}

/* //////////////////////////////////ARTIKLER/////////////////////////////////// */

.home .article-card-overlay{
    border-radius: 4px;
  }
  
.home div.plus {
    left: unset;
    z-index: 2;
    right: 10px;
}
.home .plus__icon {
    background-color: #5d4e6b;
}

 .home .article-card-overlay__heading-container div {
    width: 100%;
  }
 .home .article-card-overlay__heading{
    margin: 0;
    padding: 16px ;
    background-color: var(--NLF-lavender);
    text-align: center;
  }


#pagetitlecontainer .page-title { 
   text-align: center;
   font-size: 28px;
   font-weight: 500;
   padding-block: 20px;
   border-bottom: none;
}

.lokalforening #pagetitlecontainer .page-title { 
   text-align: left;
   font-size: 28px;
   font-weight: 500;
}



/* //////////////////////////////////LOGO/////////////////////////////////// */

.navbar__logo {
        max-height: 80px;
}  
.navbar{
    flex-direction: column;
    align-items: center;
}
 
.navbar:has(.navbar__body-dynamic){
    flex-direction: row;
}
 
.navbar__body:not(.navbar__body-dynamic){
    display: flex;
    flex-direction: column;
}

.navbar__body:not(.navbar__body-dynamic) .navbar__branding {
    align-items: center;
    justify-content: center;
    flex: 1 1 100%;
    padding-top: 16px;  
}


.navbar__firmname {
  font-family: "Bodoni Moda", serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-size: 3.2rem; 
}

/* //////////////////////////////////BUTTONS/////////////////////////////////// */

.home .cta {
 margin-top: min(100px, -30vw);
}


.nlf-btn-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  width: 100%;
  z-index: 1;
}


  .nlf-btn-primary {
        background: #6c438d;
        color: var(--NLF-white);
        padding: 10px 25px;
        border: 1px solid #6c438d;
        border-radius: 5px;
        font-size: 18px;
        text-align: center;
        transition: 0.3s;
        max-width: 300px;
        cursor: pointer;
    
    }
    .nlf-btn-primary:hover {
        background: #6c438db5;
        border: 1px solid #6c438d;
        color: var(--NLF-white);
        transform: none;
    }
    .nlf-btn-primary a {
        text-decoration: none;
        color: inherit;
        font-weight: 500;
        letter-spacing: 0.1rem;
    }

.nlf-btn-primary a:hover {
       text-decoration: none;
}


.panel-box__heading {
    margin: 0;
    padding: 10px 15px;
}

/* ///////////////////////KURS////////////////////////////// */

.kurs .panel-box__header {
   background-color: var(--NLF-lavender);
   border-radius: 5px 5px 0px 0px;
}

.kurs h2.panel-box__heading {
    font-size: 1.7rem;
    color: white;
    font-weight: 500;
    text-align: center;
}

.kurs .panel-box {
    margin-top: 15px;
    border-radius: 7px 7px 5px 5px;
    border-color: var(--NLF-lavender);
}

.panel-box__image {
    margin: 10px auto;
}


/* ///////////////////////UNGE_LOTTER////////////////////////////// */

.unge-lotter .datalist-card {
border-color: #7f6c8fd1;
    box-shadow: 2px 1px 5px 1px #7f6c8f7a;
}
/* ///////////////////////BLI_MEDLEM////////////////////////////// */


.medlem .kurs .grid__sm--3 {
   grid-template-columns: 1fr;
}

.medlem .panel-box {
    background-color: var(--NLF-lavender);
    border-color: var(--NLF-lavender);
   
background-image: linear-gradient(#50445a, #564961f5, #0000000a);
}

.medlem .panel-box__header {
    background-color: var(--NLF-lavender);
    text-align: center;
    background-image: linear-gradient(#000000ab, #00000057);
}
.medlem .panel-box__heading {
   color: var(--NLF-white);
   font-weight: 400;
   font-size: 2rem;
}

.medlem .panel-box__content {
    padding: 20px 10px;
}

.medlem .image-list__button {
   display: flex;
   justify-content: center;
   font-size: 18px;
   width: 70%;
   margin: auto;
}

.medlem .layout__row--background-light:has(.lotter) {
    background-color: #7f6c8f70;
    padding: 20px;
}

.medlem .accordion {
    border: 2px solid var(--NLF-black);
    border-color: var(--NLF-black);
    border-radius: 2px;
}

.medlem .accordion__header {
    background-color: var(--NLF-white);
}


/* ///////////////////////OM_OSS////////////////////////////// */
 
    .about .grid__sm--4 {
grid-template-columns: 1fr 1fr 1fr;
}



.about .layout__row--background-light:has(.avtale) {
    background-color: #7f6c8f70;
}

.about .more {
    padding-top: 20px;
    padding-bottom: 20px;
}

.about .layout__row--bordertop-light {
    border-top: 1px solid #7f6c8f4a;
    border-top-color: #7f6c8f4a;
}

.about .layout__row--borderbottom-light {
    border-bottom: 1px solid #7f6c8f4a;
    border-bottom-color: #7f6c8f4a;
}

.about .cta-box {
   padding: 0;
}

.about .cta-box:hover {
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5);
}

.about .cta-box__content-container {
    background-color: var(--NLF-lavender);
    height: 115px;
}

.cta-box__content-container:hover {
       background-image: linear-gradient(#00000078, transparent);
}

.about .cta-box__button {
    background-color: transparent;
    color: white;
    font-size: 1.9rem;
}


.nav-oversikt .firmdepartmentnavheader__link {
    background-color: var(--NLF-black);
    font-size: 18px;
    font-weight: 400;
}

.nav-oversikt .firmdepartmentnavheader>div>div {
display: flex;
    width: 100%;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}


.nav-oversikt .firmdepartmentnavheader {
    color: white;
    background: var(--NLF-black);
    padding: 20px;
}

.body-container:has(.nav-oversikt.firmdepartmentnavheader) {
  display: flex;
  flex-direction: column;
}
 
.main-container:has(.nav-oversikt.firmdepartmentnavheader) {
  display: flex;
  flex-direction: column;
  flex: 1;
}
 
.layout__row:has(.nav-oversikt.firmdepartmentnavheader) {
  flex: 1;
  align-content: end;
  background-color: transparent;
}
 
.layout__row__columnwrapper:has(.nav-oversikt.firmdepartmentnavheader) {
  width: 100%;
  max-width: unset;
  padding: 0;
  display: flex;
  justify-content: center;
  background-color: var(--NLF-black);
}
 
.layout__column:has(.nav-oversikt.firmdepartmentnavheader) {
max-width: 1024px;
}

/* ///////////////////////BESKYTTERINNE////////////////////////////// */
.beskytterinne .grid__sm--4 {
grid-template-columns: 1fr;
}

.beskytterinne .datalist-card {
    background-color: #7f6c8f75;
}

/*.beskytterinne div#Riktekst6.widget {
  padding: 0px 30px 20px;
}*/

/* ///////////////////////MEDIA////////////////////////////// */

.media .panel-box {
  border: none;
}

.media .panel-box__header {
    background-color: var(--NLF-white);
    border-color: var(--NLF-lavender);

}

.media .panel-box__heading {
    font-size: 1.9rem;
}

.media .medialinks {
  display: flex;
  flex-direction: column;
  align-items: center; 
  width: 100%;
}
 
.media .medialinks .grid__sm--3 {
    grid-template-columns: 1fr;
    width: 70%;
}


.media .medialinks .image-list__button {
    display: block !important;
    padding: 12px 15px;
    font-size: 1.6rem;
    color: var(--NLF-black);
}

/* ///////////////////////LOKALFORENINGER////////////////////////////// */


.lokalforening .layout__column--sidebarright-sidebar .layout__column--sectionwrapper {
      background: var(--NLF-lavender);
      color: var(--NLF-white);
}
.lokalforening .layout__column--sidebarright-sidebar .layout__column--sectionwrapper a {
      color: var(--NLF-white);
}

.lokal .datalist-card {
     background-color: var(--NLF-lavender) !important;
     box-shadow: 0px -2px 6px 1px #7f6c8f;
     border: unset;
     border-radius: 1px;
}

.lokal h2.datalist-card__heading {
      color: var(--NLF-white);
}


/* //////////////////////////OVERSKRIFT/////////////////////// */

.overskrift-normal {
    letter-spacing: 1.1px;
    font-size: 2.4rem;
    text-align: center;
    font-weight: 600;
    color: var(--NLF-black);
}

/* //////////////////////////OFTE STILTE SPØRSMÅL/////////////////////// */

.qa .grid__sm--3 {
    grid-template-columns: 1fr;
    grid-gap: 15px;
}

.qa .accordion {
   border-color: var(--NLF-lavender);
}

.qa .accordion__header {
   background-color: var(--NLF-lavender);
   color: var(--NLF-white);
   border-radius: 2px;
}

.qa h2.accordion__heading {
   color: var(--NLF-white);
}

/* //////////////////////////FORBUNDSLEDER/////////////////////// */

.forbundsleder .grid__sm--3 {
grid-template-columns: 1fr;
}

.forbundsleder .datalist-card {
    background-color: #7f6c8f75;
}

.forbundsleder div#Riktekst6.widget {
  padding: 0px 30px 20px;
}




.nearest-first{
    display: flex;
    flex-direction: column-reverse;
}


/* //////////////////////////MEDIA/////////////////////// */

@media only screen and (max-width: 768px) {
.nav-oversikt .firmdepartmentnavheader>div>div {
   display: flex;
   width: 100%;
   flex-direction: column;
   align-items: center;
}
}

@media only screen and (max-width: 1024px) {
    .about .grid__sm--4 {
        grid-template-columns: 1fr 1fr;
    }
    }

@media only screen and (max-width: 576px) {
    .about .grid__sm--4 {
        grid-template-columns: 1fr;
    }
    }

@media only screen and (max-width: 768px) {
    .medlem .grid__sm--3 {
        grid-template-columns: 1fr;
    }
}

@media only screen and (max-width: 617px) {
.medlem .grid__sm--2 {
        grid-template-columns: 1fr;
}
}

@media only screen and (min-width: 576px) and (max-width: 885px) {
     .layout__row--two-col:has(.org-footer) {
        grid-template-columns: 1fr;
    }
}

@media only screen and (max-width: 576px) {
         .layout__row--two-col:has(.org-footer) {
             grid-template-columns: 1fr 1fr;
    }
 
       .orginfo .media-box {
           display: grid;
           grid-template-columns: repeat(2, 1fr);
           gap: 0.7rem;
           margin: 2rem 0;
}
}