:root {
--Av-black: #1b1c1d;
--AV-green: #51b948;
--AV-green-0: #eaf7e9;
--AV-green-1: #44923e;
--white: white;
--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-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-font-color: darkwhite;
--theme-color-contrast: whitesmoke;
--theme-color: var(--Av-black);
--theme-nav-backgroundcolor: var(--Av-black);
--theme-nav-color: var(--white);
--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-font-color: var(--theme-color-contrast);
--cta-events-date-border-color: var(--theme-color);
}


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

/*//////////////////MEDLEM////////////////////*/





.medlem .medlemsfordel .grid__sm--3 {
        grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
}

/*
body.medlem {
    margin: 0; 
    /* background: white; */
    background-image: url(https://i.styreweb.com/v1/photoalbum/10408449/1Mf4zg6Fx8Cb2KqCG0CF8L3xtE_5dXbxx.jpg?width=2500&autorotate=true);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top center;
    background-attachment: fixed;
background-color: rgb(255 255 255 / 90%);
    background-blend-mode: lighten;
}
*/
.medlem .datalist-card__heading {
    display: none;
}
.medlem .datalist-card__header {
    padding: 10px;
}

.medlem .datalist-card {
    background-color: #e9f7e8;
   border: 1px solid #c2c4c0a6;
    border-color: #c2c4c0a6;
    box-shadow: rgb(0 0 0 / 6%) 0px 5px 15px;
}

.medlem .medlemsfordeler {
    background-color: white;
    padding: 15px;
    border: 1px solid #c2c4c0a6;
    border-color: #c2c4c0a6;
    box-shadow: rgb(0 0 0 / 6%) 0px 5px 15px;
}

/*//////////////////KONTAKT////////////////////*/
.kontakt .grid__md--2 {
        grid-template-columns: 1fr 2fr;
         border: 1px solid #c2c4c0a6;
    border-color: #c2c4c0a6;
    box-shadow: rgb(0 0 0 / 6%) 0px 5px 15px;
}

.kontakt .contact {
    background-color: #ffffff;
}


.kontakt .contact__item-heading {
color: #1b1c1d;
font-size: 1.9rem;
background-color: #ffffff;
}

.kontakt .contact__form-container {
background-color: #ffffff;
}

.navbar {
   height: 80px;
}
.home .navbar {
  background-color: unset;
}

.navbar__logo {
    max-height: 50px;
}

.page-title {
  visibility: hidden;
}

/*//////////////////FORSIDE////////////////////*/

.home {
    --dark-bg-color: rgb(13 13 13 / 79%);
}

.home .intro{
    background-color: var(--dark-bg-color);
    padding: 20px;
}

.home .head{
    background-color: var(--dark-bg-color);
    padding: 0 20px;
}


.home div.news{
    background-color: var(--dark-bg-color);
   padding: 25px 30px;
}

.overskrift_forside {
    letter-spacing: 1.1px;
    font-size: max(5vw, 3rem);
    text-align: center;
    font-weight: 600;
    color: white;
}


.text-forside {
    letter-spacing: 1px;
    font-size: max(1.5vw, 1.8rem);
    text-align: center;
    font-weight: 600;
    color: white;
    padding-inline: 15px;
}

.text-forside2 {
    letter-spacing: 1.1px;
    font-size: 2.5rem;
    text-align: center;
    font-weight: 600;
    color: #ffffff;

}
.overskrift {
    letter-spacing: 1.1px;
    font-size: 2.2rem;
    text-align: center;
    font-weight: 500;
    color: black;

}
body.home {
    margin: 0;
    background-color: black;
    background-image: url("https://i.styreweb.com/v1/photoalbum/10303869/Bilde_til_Forside_Nydalen28mai10_(5).JPG?autorotate=true&width=2500&mode=max");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top center;
    background-attachment: fixed;
}

.home main {
    transition: backdrop-filter 1s;
    flex: 1;
    display: flex;
    flex-direction: column;
    padding-top: 40px;
}

.home .layout__row:has(.org-footer){
margin-top:auto;
}

.home .header {
        width: 100%;
        z-index: 100;
        min-height: 3em;
        background-color: rgba(13, 13, 13, 0.727);
        color: #fff;
        box-sizing: border-box;
        transition: background-color .25s;
    }

.home .content {
    background-color: rgba(13, 13, 13, 0.783);
    width: 100%;
    padding: 16px 32px;
    color: #fff;
    margin-top: 100px;
    box-sizing: border-box;
}

.body-container {
display: flex;
    flex-direction: column;
}

html:not([data-scroll='0']) {
  
  body.home {
    padding-top: 3em;  
   --dark-bg-color: rgb(13 13 13 / 85%);
  }


.home  main{
    transition: backdrop-filter 1s;
    backdrop-filter: blur(5px)  brightness(95%) grayscale(45%);

    
}

.home .header  {
    
    background-color:  rgba(13, 13, 13, 1);
    box-shadow: 0 0 .5em rgba(0, 0, 0, .5);
  }
  
}



.album-detail__back {
    display: none;
}

.section-title {
 display: none;
}



.article-card-small {
    background-color: #ffffffb3;
    border: none;
}

h3.article-card-small__heading {
   color: #1b1c1d;
}

.article-card-small__read-more {
color: #1b1c1d;
font-size: 1.7rem;
}
/*//////////////////BUTTONS////////////////////*/

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

.av-btn-primary {
  background: #63c45a;
    border: 1px solid #63c45a;
  color: black !important;
  padding: 10px 20px;
  border-radius: 4px;
  font-size: 19px;
  text-align: center;
  transition: 0.7s;
  text-decoration: none !important;
  font-weight: 500;
  letter-spacing: 0.1rem;
  text-transform: ;
}

.av-btn-primary:hover {
  background: #8aed81bf;
  border: 1px solid #63c45a;
  color: black !important;
  transform: none;
  text-decoration: none !important;
}

.av-btn-secondary{
  background: #ffcbdd;
  color: black !important;
  padding: 10px 20px;
  border: 1px solid #ffcbdd;
  border-radius: 4px;
  font-size: 19px;
  text-align: center;
  transition: 0.7s;
  text-decoration: none !important;
  font-weight: 500;
  letter-spacing: 0.1rem;
  text-transform: ;
}

.av-btn-secondary:hover {
  background: #ffe9f1cf;
  border: 1px solid #ffe9f1cf;
  color: black !important;
  transform: none;
  text-decoration: none !important;
}


.about .board .grid--grid-gap-30 {
    grid-gap: 30px !important;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
}

.about .board-member img {
    display: none;
}

.about .board-member__contact-item:last-child {
   display: none;
}

.about .board-member__top {
    padding: 20px 0px 15px;
    height: 160px;
    background-image: none;
    background-color: #51b9482e;
}

.about .board-member__name {
    font-size: 1.9rem;
}

.about .board-member__role {
     color: #3b3939;
    font-size: 1.8rem;
}

.about h1.board-member__name {
    color: #404040;
}

.about .board-member__contact-item {
    background-color: #d0eccd;
    justify-content: center;
}




@media only screen and (max-width: 600px) {
 .av-btn-wrapper{
flex-direction: column;
}
.kontakt .grid__md--2 {
    grid-template-columns: 1fr;
}
}

@media only screen and (max-width: 576px) {
    .news .article-card-small__image-container {
        background-color: #ffffff00;
}
}