@import url('https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200..1000;1,200..1000&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Istok+Web:ital,wght@0,400;0,700;1,400;1,700&display=swap');
@import url('https://fonts.cdnfonts.com/css/frutiger');
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');

:root {
--NAS-beige: #c2b59b;
--NAS-beige01: #ddd2bf;
--NAS-black: #1b1d1c;
--NAS-green: #96c1ab;
--NAS-green01: #bfd6c6;
--NAS-purple: #303e5f;
--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: #331919;
--theme-color-contrast: #f3f3f3;
--theme-color: var(--NAS-purple);
--theme-nav-backgroundcolor: var(--NAS-purple);
--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);
}

html {
font-family: 'Roboto', sans-serif;
}
/*
main#content .layout__row:first-of-type{
    background: #303e5f;
    padding: 50px 0;
    margin-top: 0;
}
*/

.home .layout__row:first-of-type{
    background: #303e5f;
    padding-bottom: 30px;
    margin-top: 0;
}

.home {
background: #f2ece2;
}

body {
--sw-img-slider-background-color: #f2ece2;
}


body {
--sw-img-slider-img-height--small: 50px;
}


/* MENY*/

.navbar__nav>li:last-child a {
    font-size: 16px;
    background-color: #ffffff;
    color: #16254e;
    text-transform: capitalize;
    padding: 7px 10px;
    border: 2px solid #16254e;
 }

.navbar__nav>li:last-child a:hover {
    background-color: #c2dbce!important;
}

.navbar__nav>li:last-child{
background-color: unset;
flex: 2 1 200px;
padding-left:20px;
}

.navbar {
height: 80px;
}

.navbar__logo {
max-height: 70px;
}


/* ////////HJEM/////////// */



.home .cta-events__event {
margin: 10px 20px;
display: grid;
 grid-template-columns: 80px 1fr;
}

.home .cta-events {
background-color: transparent;
border-radius: 10px;
padding: 0 !important;
overflow: hidden;
max-width: 85rem;
margin-inline: auto;
}

.home .cta-events__grid {
grid-template-columns: 1fr;
    grid-gap: 1rem;
}

.home .cta-events__grid > ul {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    grid-gap: 0;
}

.home .cta-events__event-description {
display: none;
}


.home .cta-events__grid--grid-gap-30 li:nth-child(even) {
  background-color: #7c7a92;
  color: #f8f6f3;
}

.home .cta-events__grid--grid-gap-30 li:nth-child(odd) {
  background-color: #555775;
  color: #f8f6f3;
}

.home .cta-events__date {
border-right-color: #f8f6f3;
}

.home .cta-events__location-heading {
font-size: 1.8rem;
color: #f8f6f3;
}

.home .cal {
padding-bottom: 50px;
}

.news .article-card {
    border: none;
    box-shadow: rgb(0 0 0 / 18%) 0px 5px 15px;
    background-color: white;
    border-radius: 10px;
}


.news .article-card__image {
    max-width: 100%;
    border-radius: 4px 4px 0 0;
    max-height: 290px;
    margin-left: auto;
    margin-right: auto;
    display: block;
    padding-block: 25px;
    min-height: 125px;
}


.article__main-image {
    margin: auto;
    border-radius: 5px;
    max-height: 350px;
}

.article__heading {
   text-align: center;
   font-size: 2.5rem;
}

.article__text-small {
   text-align: center;
}


.news .article-card__content {
   background-color: #ffffff;
   padding: 1rem 1.5rem;
   border-radius: 10px;
   
}

.news .article-card__text {
    font-size: 1.8rem;
}

.news .article-card__read-more {
    color: #fff !important;
    padding: 10px;
    text-align: center;
    background-color: #303e5f;
    font-size: 1.8rem;
   font-weight: 600;
   border-radius: 4px;
}


.home .layout__row--background-light:has(.news) {
    background-color: #c9dccf;
    padding-bottom: 50px;
}




.home .forsidebilde img {
   padding: 15px 25px;
}



.home .fokus .deaktivert {
display: none;
}


.home .fokus .grid__sm--3:has(.deaktivert) {
grid-template-columns: 1fr 1fr;
}




.home .fokus .datalist-card {
    border: none;
    box-shadow: rgb(0 0 0 / 18%) 0px 5px 15px;
    border-radius: 10px;
}



.home .fokus .datalist-card__button-text {
    margin-right: -8px;
    visibility: visible;
    opacity: 1;
    max-height: 1.6rem;
    overflow: unset;
    max-width: unset;
    font-size: 1.8rem;
}
.home .fokus .datalist-card__icon {
    visibility: hidden;
}

.home .fokus .datalist-card__button {
    border-radius: 0px 0px 10px 10px;
}

/* ////////HEADER/////////// */

.page-title {
    font-size: 2.5rem;
    color: #303e5f;
    border-bottom: none;
    margin: 0;
    padding-bottom: 20px;
    padding-top: 20px;
    text-align: center;
    font-weight: 500;
}

.header-small {
    font-size: 2.4rem;
    color: #303e5f;
    margin: 0;
    text-align: center;
    font-weight: 400;
}


.header-big {
    font-size: 4rem;
    color: #303e5f;
    border-bottom: none;
    margin: 0;
    padding-bottom: 20px;
    padding-top: 20px;
    text-align: center;
    font-weight: 500;
}

.purple-header-big {
    font-size: 4rem;
    color: #303e5f;
    border-bottom: none;
    margin: 0;
    padding-bottom: 20px;
    padding-top: 20px;
    text-align: center;
    font-weight: 500;
}

.header-home {
    font-size: max(6vw, 30px);
    color: #303e5f;
    border-bottom: none;
    margin: 0;
    padding-bottom: 20px;
    padding-top: 20px;
    text-align: center;
    font-weight: 500;
}

/* ////////OM OSS/////////// */


.about .firmdepartmentnavheader{
color: black;
background: white;
padding: 0px;
border-radius: 5px;
}

.about .firmdepartmentnavheader__link{
background-color: white;
font-size: 20px;
font-weight: 500;
}

.about a.firmdepartmentnavheader__link {
    color: #303e5f;
    font-size: 2.2rem;
}

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


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

.about .accordion {
border: 2px solid;
border-radius: 5px;
border-color: #96c1ab;
}


.about .hist .accordion__header {
    background-color: #ffffff;
    padding: 20px 15px;
    border-radius: 5px;
}

.about .hist h2.accordion__heading {
font-size: 1.8rem;
}


.about .about-member {
    background-color: #bfd6c6;
    padding: 30px 20px;
    border-radius: 10px;
}


.article-list-category {
background-color: #f8f6f3;
}

/* //////// AKUSTIKK /////////// */

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

.akustikk .panel-box {
    margin-bottom: 20px;
    background-color: white;
    border: 2px solid #bfd6c6;
    border-color: #bfd6c6;
    border-radius: 5px;
}

.akustikk .panel-box__header {
    background-color: #bfd6c6;
}

.akustikk .panel-box__heading {
    padding: 15px 25px;
}

.akustikk h2.panel-box__heading {
   font-size: 2rem;
   font-weight: 500;
   color: #1b1d1c;
}

.akustikk .panel-box__content {
    padding: 25px;
}


/* ////////BLI MEDLEM/////////// */

.medlem .grid__sm--3 {
        grid-template-columns: 1fr;
}
.medlem .panel-box {
    margin-bottom: 20px;
    background-color: white;
    border: 2px solid #bfd6c6;
    border-color: #bfd6c6;
    border-radius: 5px;
}

.medlem .panel-box__header {
    background-color: #bfd6c6;
}

.medlem .panel-box__heading {
        padding: 15px 25px;
}

.medlem h2.panel-box__heading {
   font-size: 2rem;
   font-weight: 500;
   color: #1b1d1c;
}

.medlem .image-list__button {
    padding: 10px 10px;
    margin-bottom: 5px;
    font-size: 1.8rem;
   margin-top: 30px;
    border-radius: 3px;
}

 .medlem .panel-box__content {
    padding: 25px;
}



/* ////////LENKER/////////// */

.links .grid__sm--4 {
grid-template-columns: repeat(auto-fit, minmax(234px, 1fr));
}


.links .cta-box__button {
text-align: center;
background-color: #bfd6c6;
font-size: 1.8rem;
}

.links .cta-box {
    box-shadow: 0px 0px 5px 0px rgb(211 226 214);
    border: 1px solid #c9dccf;
    border-radius: 5px;
}

.links .cta-box__content-container {
background-color: #bfd6c6;
 border-radius: 3px;
}

.links .cta-box:hover {
    box-shadow: 0px 0px 10px 0px #aabdaf;
}

.links .list-2-col__item:hover {
    background-color: #f8f6f3;
}

.links a.list-2-col__item {
    color: #1b1d1c;
    font-weight: 500;
    font-size: 1.8rem;
}

.links .list-2-col__item:nth-child(-n+2) {
    border-top: 2px solid #303e5f;
    border-top-color: #303e5f;
}

.links .list-2-col__item {
    border-bottom: 2px solid #303e5f;
    border-color: #303e5f;
}

/* ////////RAPPORT/////////// */

.rapport .cta-box {
 box-shadow: 0px 0px 5px 0px rgb(248 246 243);
    border: 1px solid #f4f1e8;
}

.rapport .cta-box__button {
  text-align: center;
  background-color: #f2ece2;
  font-size: 1.8rem;
}

.rapport .cta-box__content-container {
background-color: #f2ece2;
height: 90px;
}

.rapport .cta-box:hover {
    box-shadow: 0px 0px 10px 0px #f4f1e8;
}


.month-calendar__table-heading--weekend {
    background-color:#bfd6c6 !important;
}

/* ////////HØSTMØTE/////////// */

.meet .grid__lg--3 {
       grid-template-columns: 1fr 1fr;
}


.meet .article-card__content {
      background-color: #ffffff;
      text-align: center;
}    




.meet .article-card {
    box-shadow: rgba(50, 50, 105, 0.15) 0px 2px 5px 0px, rgba(0, 0, 0, 0.05) 0px 1px 1px 0px;
}

.meet .article-card__read-more {
   color: #303e5f !important;
   font-size: 1.8rem;
}

.article-card__heading {
    font-size: 2rem;
}

.article-card__text {
    font-size: 1.8rem;
}

.meet .article__main-image {
display: none;
}


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

@media only screen and (max-width: 650px) {
.home .fokus .grid__sm--3:has(.deaktivert) {
        grid-template-columns: 1fr;
}