/****** STORE SKRÆME ******/

@media only screen and (min-width: 1920px) {
}

/****** BÆRBAR / MINDRE SKÆRME ******/

@media only screen and (max-width: 1240px) {
  :root .home {
    --h1: 55px;
    --h2: 40px;
    --h3: 32px;
  }
  :root body {
    /* Font sizes */
    --h1: 55px;
    --h2: 40px;
    --h3: 32px;
    --h4: 21px;
    --h5: 15px;
    --h6: 13px;
    --p-small: 14px;
    --p: 16px;

    /* Gaps */
    --gap-section: 140px;
    --gap-l: 60px;
    --gap-ml: 40px;
    --gap-m: 25px;
    --gap-s: 20px;
    --gap-xs: 10px;

    /* Sidebar */
    --sidebar-width: 280px;
  }

  /* sidebar */
  .sidebar-new #secondary:before {
    width: 100%;
  }

  /* sidebar */
  .sidebar-new #secondary:before {
    background-color: var(--color-2);
  }

  #secondary {
    padding-block: var(--gap-l);
  }

  #content {
    margin-inline: 0px;
  }

  #primary {
    padding-inline: var(--gap-m);
  }

  #secondary .mt span svg {
    display: none;
  }

  #secondary .mt a {
    font-size: var(--p-small);
  }
}

@media only screen and (max-width: 1042px) {
  #site-navigation.main-navigation .current-menu-item {
    background-color: #b1b1b1;
  }

  #site-navigation.main-navigation .current-menu-item a {
    color: var(--color-text);
  }
  #site-navigation.main-navigation .sub-menu li:not(.current-menu-item) a {
    color: var(--color-text);
  }

  #site-navigation.main-navigation .current-menu-ancestor {
    background-color: var(--color-2);
  }

  #site-navigation.main-navigation
    .current-menu-ancestor.current-menu-parent.current_page_parent.current_page_ancestor {
    background-color: var(--color-2-hover);
  }

  #site-navigation.main-navigation .current-menu-ancestor > a {
    color: var(--color-text);
  }

  #site-navigation.main-navigation a:hover {
    background-color: var(--color-1-hover);
    color: var(--color-bg);
  }
}
/****** IPADS - VERTIKALT ******/

@media only screen and (max-width: 959px) {
  :root body {
    /* Grid columns */
    --grid-2-cols: 1;
    --grid-3-cols: 2;
    --grid-4-cols: 2;
    --grid-5-cols: 3;
    --grid-6-cols: 3;
    --grid-7-cols: 4;
    --grid-8-cols: 4;
    --grid-9-cols: 5;
    --grid-10-cols: 5;
    --grid-11-cols: 6;
    --grid-12-cols: 6;
  }
  /* Move this rule if you change the the grid columns */
  .last-on-mobile {
    order: 66;
  }

  .new-stom-posts.stom-css-grid {
    gap: var(--gap-l) !important;
  }

  .section-wrap.stom-billede-sektion.begivenhed-container .stom-cols-6 {
    padding-block: var(--gap-ml);
  }

  body.calendar .calendar-archive-section .kalender-container button {
    display: none !important;
  }

  body.calendar .calendar-archive-section .blog-dato h3 {
    margin-bottom: 0;
  }

  .section-wrap.herobar .section p {
    justify-content: flex-start;
    gap: var(--gap-s);
  }
}

@media only screen and (max-width: 810px) {
}

/****** MINDRE END IPADS VERTIKALT ******/

@media only screen and (max-width: 782px) {
}

@media only screen and (max-width: 767px) {
  :root .home {
    --h1: 32px;
    --h2: 25px;
    --h3: 20px;
  }
  :root body {
    /* Font sizes */
    --h1: 32px;
    --h2: 25px;
    --h3: 20px;
    --h4: 18px;
    --h5: 14px;
    --h6: 12px;
    --p: 15px;
    --p-small: 13px;

    /* Gaps */
    --gap-section: 60px;
    --gap-l: 50px;
    --gap-ml: 30px;
    --gap-m: 20px;
    --gap-s: 15px;
    --gap-xs: 8px;

    /* Outer margin */
    --content-margin: 0;
  }

  .section-wrap.holdtilmelding .section p {
    font-size: 15px;
  }

  .section-wrap.stom-billede-sektion.begivenhed-container .stom-picture {
    width: 100%;
  }

  .section-wrap.stom-billede-sektion.begivenhed-container .stom-cols-6 {
    width: 100%;
  }

  #primary div.flex {
    display: block;
  }
}

@media only screen and (max-width: 639px) {
  :root body {
    /* Grid columns */
    --grid-2-cols: 1;
    --grid-3-cols: 1;
    --grid-4-cols: 1;
    --grid-5-cols: 1;
    --grid-6-cols: 1;
    --grid-7-cols: 1;
    --grid-8-cols: 1;
    --grid-9-cols: 1;
    --grid-10-cols: 1;
    --grid-11-cols: 1;
    --grid-12-cols: 1;
  }

  .stom-button a {
    padding: 8px 30px;
  }

  .section-wrap.herobar .section p {
    justify-content: space-around;
    gap: 0;
  }
}

/****** MOBILER ******/

@media only screen and (max-width: 479px) {
  .section-wrap.holdtilmelding {
    background-attachment: scroll;
  }
}

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