/*
Theme Name: Mit Stofskifte
Theme URI: https://www.mitstofskifte.dk
Author: Stofskifteforeningen
Author URI: https://www.mitstofskifte.dk
Description: Mit Stofskifte via Stofskifteforeningen
Version: 1.0
License: -
*/

* {
  box-sizing: border-box;
}

/* .collapsing {
  -webkit-transition: none;
  transition: none;
  display: none;
} */

:root {
  --lightorange: #ed8864;
  --orange: #e04f13;
  --lightblue: #bdcde5;
  --blue: #7c9cce;
  --lightbrown: #e0c2b6;
  --brown: #bb8875;
  --lightergray: #efefef;
  --lightgray: #e6e6e6;
  --mediumgray: #cbcbcb;
  --gray: #78797f;
  --darkgray: hsl(227, 7%, 26%);
  --bs-nav-link-color: #7c9cce !important;

  --newgray: #cbc5be;
  --newdarkgray: #3f4148;
  --newsandgray: #e3e0e0;
  --newsandgreen: #dadad2;
  --newlightgray: #d8d8d8;
  --newsalmon: #ba8875;
  --newblue: #7d9dcf;
  --newdarkblue: #2b65af;
  --newlightgreen: #357440;
  --newsand: #fdefe8;
  --newred: #e15015;

  --darkgreen: #004328;
  --green: #59b13a;
  --lightgreen: #71b852;
  --bs-btn-active-border-color: #59b13a;

  /* Boot overrides */
  --bs-primary-text-emphasis: var(--darkgray);
  --bs-body-color: var(--darkgray);
  --bs-border-color: var(--lightgreen);
  --bs-dropdown-item-border-radius: 5px;
  --bs-border-width: 2px;
}

.wp-block-post-terms a,
.taxonomy-post_tag a {
  background-color: var(--green) !important;
  font-size: 0.75rem;
  font-weight: 700;
  color: #fff;
  border-radius: 0.375rem;
  text-decoration: none;
  display: inline-block;
  padding: 0.35em 0.65em;
  line-height: 1;
  font-family: Roboto-Regular;
}

figure.mx-auto.d-block img {
  display: block;
  margin: 0 auto;
}

.roboto-regular {
  font-family: Roboto-Regular;
}

.btn-check:checked + .btn,
:not(.btn-check) + .btn:active,
.btn:first-child:active,
.btn.active,
.btn.show {
  border-color: var(--green);
}

/* tooltip */
.content a[data-bs-toggle="tooltip"] {
  text-decoration: none;
  border-bottom: 3px #9f9f9f dotted;
}

.custom-tooltip {
}

.custom-tooltip .tooltip-inner {
  font-family: "Noto Serif", serif;
  text-align: left;
  max-width: 350px;
  background-color: var(--newdarkgray);
}

.custom-tooltip .tooltip-arrow:before {
  border-top-color: var(--newdarkgray) !important;
}

/* HIDER */
@media only screen and (min-width: 768px) {
  .hider {
    max-width: 800px;
  }
}

.hider {
  border-radius: 20px 20px 0 0;
  position: relative;
  margin: 0 auto;
  padding: 30px 30px 10px 30px;
  background-color: var(--newlightgreen);
  color: #fff;
  max-height: 130px;
  overflow: hidden;
  position: relative;
  transition: max-height 0.5s ease;
}

.hider::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  height: 40px;
  width: 100%;
  background: linear-gradient(to bottom, transparent, white);
  pointer-events: none;
}

.hider.expanded {
  max-height: none;
  border-radius: 20px;
  overflow: unset;
}

.hider.expanded::after {
  display: none;
}

.read-more-btn {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background: #fff;
  border: 2px solid var(--newlightgreen);
  color: #000;
  padding: 8px 16px;
  border-radius: 999px;
  cursor: pointer;
  z-index: 9;
  margin-inline: auto;
  width: fit-content;
}

.read-more-btn.expanded-activated {
  margin-bottom: -20px;
}

/* /HIDER */

article {
  font-family: "Noto Serif", serif;
}

article ul {
  margin: 10px 0 20px 0;
}

@media only screen and (max-width: 768px) {
  .grid-card {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

.grid-card .card {
  background-color: rgba(250, 241, 237, 0.76);
  color: #000;
}

.grid-card .card svg {
  fill: var(--darkgreen);
}

.font-size-20,
.fs-20 {
  font-size: 20px;
}

.bg-primary {
  background-color: var(--green) !important;
}

/* Text farvenave */

.lightorange,
.text-lightorange {
  color: #ed8864 !important;
}

.orange,
.text-orange {
  color: #e04f13 !important;
}

.text-lightgreen,
.lightgreen {
  color: #bdcde5 !important;
}

.text-blue,
.blue {
  color: var(--green) !important;
}

.text-lightgreen,
.lightgreen {
  color: #e0c2b6 !important;
}

.text-brown,
.brown {
  color: #bb8875 !important;
}

.text-lightergray,
.lightergray {
  color: #efefef !important;
}

.text-lightgray,
.lightgray {
  color: #e6e6e6 !important;
}

.text-mediumgray,
.mediumgray {
  color: #cbcbcb !important;
}

.text-gray,
.gray {
  color: #77797f !important;
}

.text-darkgray,
.darkgray {
  color: #3f4148 !important;
}

/* BG farvenave */

.bg-lightorange,
.bg-lightorange button {
  background-color: #ed8864 !important;
}

.bg-orange,
.bg-orange button {
  background-color: #e04f13 !important;
}

.bg-lightgreen,
.bg-lightgreen button {
  background-color: var(--lightgreen) !important;
}

.bg-blue,
.bg-blue button {
  background-color: var(--green) !important;
}

.bg-lightgreen,
.bg-lightgreen button {
  background-color: var(--lightgreen) !important;
}

.bg-brown,
.bg-brown button {
  background-color: #bb8875 !important;
}

.bg-lightergray,
.bg-lightergray button {
  background-color: #efefef !important;
}

.bg-lightgray,
.bg-lightgray button {
  background-color: #e6e6e6 !important;
}

.bg-mediumgray,
.bg-mediumgray button {
  background-color: #cbcbcb !important;
}

.bg-gray,
.bg-gray button {
  background-color: #77797f !important;
}

.bg-darkgray,
.bg-darkgray button {
  background-color: #3f4148 !important;
}

/* Border farvenave */

.ramme-lightorange {
  border: 1px solid #ed8864 !important;
}

.ramme-orange {
  border: 1px solid #e04f13 !important;
}

.ramme-lightgreen {
  border: 1px solid #bdcde5 !important;
}

.ramme-blue {
  border: 1px solid #7c9cce !important;
}

.ramme-lightgreen {
  border: 1px solid #e0c2b6 !important;
}

.ramme-brown {
  border: 1px solid #bb8875 !important;
}

.ramme-lightergray {
  border: 1px solid #efefef !important;
}

.ramme-lightgray {
  border: 1px solid #e6e6e6 !important;
}

.ramme-mediumgray {
  border: 1px solid #cbcbcb !important;
}

.ramme-gray {
  border: 1px solid #77797f !important;
}

.ramme-darkgray {
  border: 1px solid #3f4148 !important;
}

/* slut farvenavne */
@media only screen and (min-width: 1200px) {
  .xtra-width {
    width: 1000px;
    z-index: 2;
  }
}

.min-vh-80 {
  min-height: 80vh;
}

@media only screen and (max-width: 991px) {
  .min-vh-80 {
    min-height: 40vh;
  }
}

.box {
  margin: 0.5rem 0;
  border-radius: 5px;
  padding: 1.5rem;
}

.fakta-box {
  border-radius: 20px;
  padding: 30px 30px 15px 30px;
  max-width: 800px;
  margin: 0 auto;
  color: #fff;
  background-color: var(--darkgreen);
}

.fakta-box a {
  color: #fff;
}

.article-content,
article.laer-mere {
  margin-bottom: 80px;
}

@media only screen and (min-width: 1200px) {
  .max-600 {
    max-width: 600px;
  }
}

@media only screen and (max-width: 768px) {
  .wp-block-spacer {
    max-height: 25px !important;
  }
}

.wp-block-media-text img,
.wp-block-image img {
  border-radius: 10px;
}

.wp-block-media-text p:last-of-type {
  margin-bottom: 0;
}

.wp-block-separator {
  border: none;
  background-color: var(--newdarkgray);
  margin: 0;
  height: 3px;
  border-radius: 0.5px;
}

figure.wp-block-embed {
  border: 0;
  border-radius: 10px;
  overflow: hidden;
  line-height: 0;
  margin-bottom: 1.5rem;
}

.wp-block-embed iframe {
  width: 100%;
  height: 100%;
  aspect-ratio: 16/9;
}

.top-10 {
  top: 10% !important;
}

.col-lg-4 .d-lg-flex img {
  max-width: 108px;
}

.random-post .ratio {
  overflow: hidden;
}

.random-post .ratio img {
  height: auto;
}

.random-post .laes_ogsaa,
.specific-post .laes_ogsaa {
  position: absolute;
  bottom: 10px;
  left: -10px;
  display: inline-block;
  background: var(--brown);
  color: #fff;
  padding: 0px 5px;
  border-radius: 5px;
  pointer-events: none;
  font-size: 0.75rem;
}

div:not(.mt-auto) .random-post .random-post-thumbnail img {
  opacity: 0;
  max-width: auto !important;
}

div:not(.mt-auto) .random-post .random-post-thumbnail {
  background-image: url(https://mitstofskifte.dk/wp-content/themes/mitstofskifte/img/mit_stofskifte_indlaeg.jpg);
  background-size: cover;
  background-position: center center;
}

@media only screen and (max-width: 991px) {
  .random-post .random-post-thumbnail img {
    max-width: 150px;
    margin-right: 10px !important;
  }

  .random-post .laes_ogsaa,
  .specific-post .laes_ogsaa {
    position: relative;
    margin-top: -10px;
  }

  .random-post a.text-decoration-none,
  .specific-post a.text-decoration-none {
    margin-bottom: 10px;
  }

  .specific-post .thumb-bg {
    height: 300px;
  }
}

@media only screen and (min-width: 992px) {
  .col .random-post .random-post-thumbnail img {
    width: 193px;
  }

  .col-lg-4 .random-post .random-post-thumbnail img {
    width: 108px;
  }
}

.mt-auto .random-post .ratio:before {
  padding-top: 75px;
}

.mt-auto .random-post.mb-5 {
  margin-bottom: 1rem !important;
}

@font-face {
  font-family: NordiquePro-Bold;
  src: url(fonts/NordiquePro-Bold.ttf);
  font-weight: 700;
}

@font-face {
  font-family: Roboto-Light;
  src: url(fonts/Roboto-Light.ttf);
  font-weight: 300;
}

@font-face {
  font-family: Roboto-Regular;
  src: url(fonts/Roboto-Regular.ttf);
  font-weight: 400;
}

@font-face {
  font-family: Roboto-Medium;
  src: url(fonts/Roboto-Medium.ttf);
  font-weight: 500;
}

body {
  background-color: #ffffff;
  font-family: Roboto-Light, serif;
  font-size: 18px;
  line-height: 27px;
}

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

h1,
h2,
h3,
h4 {
  font-family: NordiquePro-Bold;
  margin-bottom: 1.5rem;
}

h1 {
  font-size: 96px;
  line-height: 96px;
  margin-bottom: 40px;
  color: var(--darkgreen);
}

h2 {
  font-size: 48px;
  line-height: 48px;
  margin-bottom: 40px;
}

h3,
h4 {
  font-size: calc(1.3rem + 0.6vw);
}

h5 {
  font-size: 24px;
  line-height: 35px;
  margin-bottom: 15px;
}

.min-vh-50 {
  min-height: 50vh !important;
}

.min-vh-60 {
  min-height: 60vh !important;
}

@media only screen and (max-width: 991px) {
  .min-vh-60 {
    min-height: auto !important;
    padding: 1.5rem 0;
  }
}

@media only screen and (min-width: 768px) {
  .dropdown:hover .dropdown-menu {
    display: block;
    left: 0;
  }
}

.dropdown > .dropdown-toggle:active {
  pointer-events: none;
}

@media only screen and (max-width: 1200px) {
  h1,
  footer .container h1 {
    font-size: 65px;
    line-height: 65px;
    margin-bottom: 30px;
  }

  h2,
  footer .container h2 {
    font-size: 40px;
    line-height: 40px;
    margin-bottom: 30px;
  }
}

@media only screen and (max-width: 768px) {
  h1,
  footer .container h1 {
    font-size: 36px;
    line-height: 36px;
    margin-bottom: 30px;
  }

  h2,
  footer .container h2 {
    font-size: 28px;
    line-height: 28px;
    margin-bottom: 30px;
  }
}

p {
  margin-bottom: 2rem;
}

figure {
  margin: 0;
}

figure.img-fluid img {
  width: 100%;
}

hr {
  margin: 40px 0;
  border-width: 2px;
  border-color: var(--darkgray);
}

.dropdown-item {
  text-wrap: unset;
}

.dropdown-item.active,
.dropdown-item:active {
  background-color: var(--gray);
}

.mepr-unauthorized-message {
  font-weight: bold;
}

.wp-block-button__link,
.mepr-submit,
.btn,
.facetwp-load-more {
  background: var(--green);
  /*border-radius: 5px;*/
  border-radius: 999px;
  border: 0;
  padding: 7px 40px 8px 40px;
  transition: background-color 0.2s;
}

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

.btn.btn-outline-primary:hover {
  background: none;
}

.facetwp-load-more {
  margin: 20px auto 0 auto;
  display: block;
}

.wp-block-button__link,
.btn {
  border: 1px solid transparent;
  transition: background-color 0.2s, border-color 0.1s;
}

.wp-block-button__link:hover,
.btn:hover {
  background-color: var(--lightgreen);
  transition: background-color 0.2s, border-color 0.1s;
  border: 1px solid #e6e6e6;
}

@media (min-width: 1400px) {
  .container,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl,
  .container-xxl {
    max-width: calc(1000px + 2 * (var(--bs-gutter-x) * 0.5));
  }
}

@media (min-width: 1200px) {
  .container,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl,
  .container-xxl {
    max-width: calc(1000px + 2 * (var(--bs-gutter-x) * 0.5));
  }
}

.header_nav {
  background-color: #fff;
}

.navbar-collapse {
  position: relative;
}

.position-relative:hover .dropdown-menu {
  display: block;
}

#menu-accordion .position-relative:hover svg,
#menu-accordion .position-relative:hover svg path,
#menu-accordion button.navbar-toggler[aria-expanded="true"] svg,
#menu-accordion button.navbar-toggler[aria-expanded="true"] svg path {
  fill: #fff !important;
  stroke-width: 2px;
  stroke: green !important;
  transition: all 0.5s;
}

#menu-accordion .position-relative:hover svg path.shadow-hide,
#menu-accordion
  button.navbar-toggler[aria-expanded="true"]
  svg
  path.shadow-hide {
  opacity: 0 !important;
}

.header_nav .header_top {
  border-bottom: 2px solid var(--lightgray);
  padding: 23px 0;
}

.header_nav #searchform {
  border: 2px solid var(--lightgray);
  border-radius: 999px;
  padding: 0 1rem;
}

.header_nav #searchform #s {
  background: transparent;
  height: 44px;
  border: 0;
}

.header_nav #searchform #searchsubmit {
  text-indent: -999px;
  width: 24px;
  height: 24px;
  border: none;
  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="21" fill="none"><path fill="%2359b13a" fill-rule="evenodd" d="M9 .5a9 9 0 0 1 7.032 14.617l3.675 3.676a1 1 0 0 1-1.32 1.497l-.094-.083-3.676-3.675A9 9 0 1 1 9 .5Zm0 2a7 7 0 1 0 0 14 7 7 0 0 0 0-14Z" clip-rule="evenodd"/></svg>')
    no-repeat center center;
}

@media only screen and (max-width: 768px) {
  .header_nav #searchform #searchsubmit {
    padding: 1.3rem;
  }
}

.header_nav .header_top .search {
  display: none;
}

.header_nav .header_top button.profile {
  background-color: unset;
  padding: 0 5px;
  margin-left: 24px;
}

.header_bottom {
  position: relative;
  z-index: 100;
}

.header_nav .header_bottom {
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
}

.header_bottom .dropdown,
.navbar {
  position: unset;
  padding: 0;
}

.header_nav .header_bottom #searchform div {
  display: flex;
}

.header_nav .header_bottom #searchform input#s {
  width: 100%;
}

.header_bottom .navbar-expand-md .navbar-nav .dropdown-menu {
  max-width: 100px;
  border: 0;
  padding: 0;
  border-radius: 0;
  border-top: 0px;
  border-bottom-width: 5px;
  border-radius: 0 0 10px 10px;
  min-width: 350px;
  z-index: 10;
  border-bottom: 10px solid #fff;
}

@media only screen and (min-width: 768px) {
  .header_bottom .navbar-expand-md .navbar-nav .dropdown-menu {
    box-shadow: 0 6px 5px rgba(0, 0, 0, 0.25);
    border: 10px solid #fff;
    border-top: 0;
  }
}

.wp-block-file[data-wp-interactive] {
  width: 1332px !important;
  max-width: 100% !important;
  margin: 0 auto;
  display: block;
}

@media only screen and (max-width: 576px) {
  .wp-block-file[data-wp-interactive] {
    width: 100%;
    padding: 0 0.75rem;
  }
}

@media only screen and (min-width: 576px) {
  .wp-block-file[data-wp-interactive] {
    width: calc(540px - 1.5rem) !important;
  }
}

@media only screen and (min-width: 768px) {
  .wp-block-file[data-wp-interactive] {
    width: calc(720px - 1.5rem) !important;
  }
}

@media only screen and (min-width: 991px) {
  .wp-block-file[data-wp-interactive] {
    width: calc(960px - 1.5rem) !important;
  }
}

@media only screen and (min-width: 1200px) {
  .wp-block-file[data-wp-interactive] {
    width: calc(1140px - 1.5rem) !important;
  }
}

.header_bottom .dropdown {
  position: relative;
}

.header_bottom .dropdown-menu[data-bs-popper] {
  margin-top: 0;
}

.header_nav .header_bottom #searchform {
  display: none;
}

.header_nav .header_bottom .dropdown-toggle::after {
  display: none !important;
}

@media only screen and (min-width: 1200px) {
  .mp_wrapper {
    max-width: 640px;
    margin: 20px auto;
    padding: 0 15px;
  }

  .mp_wrapper .mp_wrapper {
    max-width: none;
    margin: 0;
    padding: 0;
  }
}

footer {
  padding: 85px 0;
  background-color: var(--darkgreen);
  color: #fff;
}

footer h4 {
  font-weight: bold;
  font-size: 1.1rem;
  margin-bottom: 10px;
  color: #fff !important;
}

footer a {
  color: #fff;
}

footer p.btn a {
  text-decoration: none;
}

/* -------------- */
/* SEARCH RESULTS */
/* -------------- */

body.search-results .strip form#searchform > div {
  display: inline-block;
  padding: 5px 15px;
  border: 2px solid var(--newgray);
  border-radius: 99rem;
}

body.search-results .nav-links {
  width: 100%;
  text-align: center;
  font-weight: bold;
  margin-bottom: 2rem;
  font-size: 1.2rem;
  font-weight: bold;
}

body.search-results .nav-links a {
  font-weight: normal;
}

body.search-results .strip form#searchform input {
  background: none;
  border: none;
}

body.search-results .strip form#searchform input#searchsubmit {
  text-indent: -999px;
  width: 24px;
  height: 30px;
  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="21" fill="none"><path fill="%233F4148" fill-rule="evenodd" d="M9 .5a9 9 0 0 1 7.032 14.617l3.675 3.676a1 1 0 0 1-1.32 1.497l-.094-.083-3.676-3.675A9 9 0 1 1 9 .5Zm0 2a7 7 0 1 0 0 14 7 7 0 0 0 0-14Z" clip-rule="evenodd"/></svg>')
    no-repeat center center;
}

body.search-results .border-bottom {
  border-color: var(--orange) !important;
}

.pagination .nav-links {
  margin: 15px 0;
  display: flex;
  gap: 1rem;
}

.pagination a {
  text-decoration: none;
}

.pagination .nav-links a,
.pagination span {
  padding: 0.5rem 0.75rem;
  border: 2px solid var(--newsandgray);
  border-radius: 5px;
}

.pagination span.page-numbers.dots {
  border-color: transparent;
  padding: 0.5rem 0;
}

.pagination span.page-numbers.current {
  background-color: var(--newsandgray);
}

.pagination a.next,
.pagination a.prev {
  border-color: transparent;
  padding: 0.5rem 0;
}

@media only screen and (max-width: 550px) {
  .pagination .nav-links {
    gap: 2px;
    font-size: 16px !important;
  }
}

/* -------------------- */
/* LOGIN  - page-id-119 */
/* -------------------- */

body.page-id-119 .mp-wrapper {
  padding: 0;
}

body.page-id-119 .min-vh-100,
body.page-id-119 .vh-100 {
  height: auto !important;
  min-height: 80vh !important;
}

body.page-id-119 .mp_wrapper .mepr-form-has-errors {
  float: right;
}

body.page-id-119 .mp_wrapper label {
  width: auto !important;
}

body.page-id-119 .logo {
  margin-bottom: 30px;
}

.mp-form-row.mepr_bold.mepr_price {
  display: none;
}

.mp-form-row input,
.mepr_password .mp-form-label {
  border: 0 !important;
  background: none;
}

.mp-form-row {
  border-bottom: 1px solid var(--orange);
  position: relative;
}

.mp-form-row label {
  color: var(--darkgray);
  line-height: 3rem;
  transition: opacity 0.25s;
}

.mepr_password div.mp-hide-pw {
  width: 100%;
  position: relative;
}

.mp-form-row,
.mp-form-row.mepr_password .mp-form-label {
  display: flex;
  width: 100%;
}

body.page-id-119 .collapse-2 .mp-form-row.mepr_password .mp-form-label {
  width: auto;
}

body.page-id-119 .mp-form-row:focus-within label {
  opacity: 0.5;
  transition: opacity 0.25s;
}

.mepr-hidden {
  display: none !important;
}

.mp_wrapper .cc-error {
  position: absolute;
  right: 0;
  margin-top: 10px;
  font-size: 0.9rem;
  background-color: #e6e6e6;
  z-index: 1;
}

.mepr-form input.invalid {
  border: none !important;
  background: none !important;
}

body.page-id-119 #collapse-2 .mepr_password .mp-form-label {
  width: auto;
}

body.page-id-119 #collapse-2 .mp-hide-pw {
  flex: 1;
}

body.page-id-119 button.btn {
  background: none;
  color: var(--darkgray);
  text-decoration: underline;
  padding: 0;
  margin: 1rem 0 0 0;
  font-size: 1rem;
}

.submit input#wp-submit {
  background-color: var(--green);
  border: 0;
  border-radius: 5px;
  color: #fff;
  padding: 10px 35px;
  transition: background-color 0.25s;
}

body :not(.btn-check) + .btn:active {
  background: none;
  color: var(--green);
}

.submit input#wp-submit:hover {
  background-color: var(--lightgreen);
  transition: background-color 0.25s;
}

.login-page-lower h2 {
  color: var(--green);
  margin-bottom: 65px;
}

.login-page-lower .d-flex {
  margin-bottom: 50px;
}

.login-page-lower p {
  margin: 0 0 0 40px;
}

@media only screen and (min-width: 992px) {
  .login-page-lower p {
    max-width: 415px;
  }
}

.login-page-lower p a {
  text-decoration: none;
  display: inline-block;
}

@media only screen and (min-width: 1400px) {
  .front-login-left,
  .front-login-right {
    padding: 0 60px !important;
  }
}

@media only screen and (max-width: 992px) {
  body.page-id-119 .mp-form-row {
    color: #fff;
    border-color: #fff;
  }

  body.page-id-119 .mp-form-row label {
    color: #fff;
  }

  body.page-id-119 .mp-form-row input {
    color: #fff;
  }
}

@media only screen and (max-width: 991px) {
  body.page-id-119 .min-vh-100,
  body.page-id-119 .vh-100,
  body.page-id-315 .min-vh-100,
  body.page-id-315 .vh-100 {
    height: auto !important;
    min-height: auto !important;
  }

  .front-login-right {
    padding-top: 0 !important;
  }

  body.page-id-119 .multi-collapse,
  body.page-id-119 .multi-collapse a,
  body.page-id-119 .multi-collapse button.btn,
  body.page-id-315 .multi-collapse,
  body.page-id-315 .multi-collapse a,
  body.page-id-315 .multi-collapse button.btn {
    color: #fff;
  }

  body.page-id-119 .login-container,
  body.page-id-315 .login-container {
    background-position: center center;
    background-size: cover;
  }

  body.page-id-119 .login-top .areoi-background,
  body.page-id-315 .login-top .areoi-background {
    display: none;
  }
}

/* -------------------------------------------- */
/* MIT STOFSKIFTE STARTER MED DIG  - page-id-20 */
/* -------------------------------------------- */

body.page-id-20 h2 {
  color: var(--orange);
}

body.page-id-20 .bliv-medlem-img .wp-block-image img {
  width: 100%;
}

.btn.bliv-medlem {
  transform-origin: bottom left;
  scale: 1.3;
}

@media only screen and (max-width: 991px) {
  .hjerte {
    width: 30px;
  }
}

body.page-id-20 .list-group .list-group-item,
.category-strip .last_visited_post a,
.min-hverdag-bund .list-group .list-group-item {
  text-decoration: none;
  transition: background 0.25s;
  margin-bottom: 10px;
  border-radius: 5px;
  padding: 20px;
  border: 0;
  background: url('data:image/svg+xml,<svg width="30" height="30" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M23.6251 15.0001L5.62476 15.0001" stroke="%233F4148" stroke-width="1.5" stroke-linecap="square"/><path d="M16.8125 7.46939L24.375 14.9994L16.8125 22.5306" stroke="%233F4148" stroke-width="1.5" stroke-linecap="square"/></svg>')
    #fff no-repeat 97% 50%;
}

.category-strip .last_visited_post a {
  margin-top: 10px;
}

body.page-id-20 .list-group .list-group-item:hover,
.category-strip .last_visited_post a:hover,
.min-hverdag-bund .list-group .list-group-item:hover {
  transition: background 0.25s;
  background-position: 99% 50%;
  background-color: var(--lightgray);
}

.last_visited_post {
  padding: 20px 0;
  border: 1px solid var(--darkgray);
  border-left: 0;
  border-right: 0;
  font-family: "Roboto-Regular", serif;
}

.last_visited_post a {
  padding-left: 20px;
  font-family: "Roboto-Light", serif;
}

body.page-id-20 .bliv-medlem h2 {
  color: var(--green);
}

body.page-id-20 .custom-posts a {
  text-decoration: none;
}

.post-info {
  font-size: 14px;
  line-height: 1.2;
  margin: 0 0 10px 0;
}

.post-info a.d-block {
  font-size: 18px;
}

body.page-id-20 a.posts-cat {
  font-weight: bold;
}

body.page-id-20 .post-thumnbnail {
  overflow: hidden;
}

body.page-id-20 .post-thumnbnail img {
  height: 300px;
  width: 100%;
  object-fit: cover;
}

.post-info span:last-of-type {
  display: none;
}

/* NY FORSIDE */

.header_top .btn.opret_bruger {
  color: #fff;
}

.header_top .btn.login {
  color: var(--green);
  background-color: transparent;
  border: 1px solid var(--green);
}

@media only screen and (max-width: 767px) {
  .header_top .btn.login,
  .header_top .btn.opret_bruger {
    padding: 5px;
    line-height: 2em;
  }
}

body.page-id-119 .header_nav {
  position: relative;
  z-index: 2;
}

/* .forsidebillede {
  margin-left: -220px;
  margin-top: -80px;
} */

/* BIBLIOTEK */
.areoi-content-grid-item .card {
  background-color: var(--newsand);
  border: 0;
}

@media only screen and (max-width: 768px) {
  .areoi-content-grid-masonry .areoi-content-grid-columns {
    grid-auto-rows: auto !important;
  }
}

/* CITATBOKS */
@media only screen and (max-width: 767px) {
  .d-flex.gap-4.col-md-7.mx-auto.align-items-center {
    display: block !important;
  }
  .d-flex.gap-4.col-md-7.mx-auto.align-items-center figure {
    margin-bottom: 0.5rem;
  }
}

.d-flex.gap-4.col-md-7.mx-auto.align-items-center figure {
  min-width: 200px;
}
/* CITATBOKS SLUT */

.forsidepic {
  display: inline-block;
}

.forsidepic:after {
  content: "";
  position: absolute;
  left: -5px;
  right: -5px;
  top: 0;
  bottom: 0;
  border-radius: 15px;
  transform: rotate(3deg);
  background: #59b13a;
  z-index: -1;
}

.indhold_container .col {
  margin-bottom: 1.5rem;
}

.indhold_container .card {
  background-color: var(--newsand);
  height: 100%;
  margin-bottom: 20px;
}

.indhold_container a,
.areoi-content-grid-item .areoi-full-link {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="296.54" height="119.271"><path d="M353.702 279.818a59.636 59.636 0 0 0-59.636 59.636M353.702 279.818a59.636 59.636 0 0 1-59.636-59.636" style="fill:none;stroke:%2300000080;stroke-width:6.4252;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:6.8;stroke-dasharray:none;paint-order:stroke fill markers" transform="translate(-57.162 -220.182)"/><path d="M353.702 279.818H57.162" style="fill:none;stroke:%2300000080;stroke-width:6.92888;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:6.8;stroke-dasharray:none;stroke-opacity:1;paint-order:stroke fill markers" transform="translate(-57.162 -220.182)"/></svg>');
  background-size: 30px;
  background-position: right center;
  background-repeat: no-repeat;
  padding-right: 2.2rem;
}

.areoi-content-grid-item .areoi-full-link {
  background-position: 90% 95%;
  padding-right: 0;
  background-size: 50px;
}

.carousel {
  max-width: 600px;
  margin: 0 auto;
  border-radius: 20px;
  overflow: hidden !important;
}

.carousel.text-bg-dark {
  background-color: #13280c !important;
}

.carousel-item {
  transition: transform 0.2s ease-in-out;
}

.carousel-item .container {
  align-content: center;
}

.carousel-item .container img {
  border-radius: 5px;
}

.carousel-control-next,
.carousel-control-prev {
  opacity: 1 !important;
  width: auto !important;
  filter: brightness(100);
}

.carousel-control-prev {
  left: 0px;
}

.carousel-control-next {
  right: 0px;
}

.carousel-control-prev-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%233F4148'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e");
}

.carousel-control-next-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%233F4148'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}

#minHverdagCarousel.carousel .row .col-lg-3 .ratio {
  background-size: cover !important;
}

body.page-id-119 .btn {
  font-weight: bold;
}

ul.front-list {
  list-style-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="25" fill="none"><rect width="24" height="24" y=".5" fill="%2371b852" rx="12"/><path fill="%23fff" fill-rule="evenodd" d="M16.502 7.263a.577.577 0 0 0-.31.199c-.025.029-1.408 2.017-3.073 4.418a1033.66 1033.66 0 0 1-3.062 4.401.167.167 0 0 1-.254 0c-.018-.02-.464-.731-.989-1.581-.525-.85-.97-1.567-.99-1.593a.616.616 0 0 0-.301-.21.682.682 0 0 0-.31-.006.68.68 0 0 0-.407.379.662.662 0 0 0-.056.312c0 .151.009.196.062.311.045.097 1.968 3.203 2.05 3.31.19.251.486.446.781.515.491.113 1.003-.077 1.344-.5.03-.036 5.947-8.558 6.12-8.812a.84.84 0 0 0 .123-.256.976.976 0 0 0 0-.392c-.061-.242-.249-.446-.456-.496a.75.75 0 0 0-.272 0Z" clip-rule="evenodd"/></svg>');
  list-style-position: 10px;
}

ul.front-list li {
  font-weight: bold;
  margin-bottom: 10px;
}

@media only screen and (max-width: 1400px) {
  .forsidebillede {
    margin-left: 0;
    margin-top: 0;
    position: relative !important;
    align-items: center;
    display: grid;
  }

  .resp-spacer {
    height: 80px !important;
  }
}

/* -------------------- */
/* LOGIN  - page-id-118 */
/* -------------------- */
body.page-id-118 section.content {
  max-width: 640px;
  margin: 50px auto;
  padding: 0 15px;
}

.mp-form-label label {
  width: auto !important;
}

button.mp-hide-pw {
  position: absolute;
  right: 0;
  top: 0;
  display: flex;
  width: auto;
  height: 100%;
  align-items: center;
  background: 0 0;
  color: #85929e;
  text-decoration: none;
  padding: 1em 1.4em;
  border: none !important;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

@media only screen and (max-width: 767px) {
  form#searchform,
  body.search-results .strip form#searchform > div {
    width: 100%;
    display: flex;
  }

  form#searchform input#s {
    width: 100%;
  }

  form#searchform {
    margin-bottom: 10px;
  }

  .wp-block-button__link,
  .btn {
    padding-left: 35px;
    padding-right: 35px;
  }

  .header_nav .navbar-toggler {
    border: 0;
    margin: 0 0 0 5px;
    padding: 0;
  }

  .header_nav .header_top .d-flex.justify-content-between {
    justify-content: unset !important;
  }

  .header_nav .header_top .logo_link {
    margin-right: auto;
  }

  @media only screen and (max-width: 400px) {
    .logo_link svg {
      height: 45px !important;
    }
  }

  .header_bottom .navbar-expand-md #main-menu .content {
    padding: 20px 0 15px 0;
  }

  .header_nav .header_bottom #searchform {
    display: block;
  }

  body.category-13 .facetwp-template img {
    width: 100%;
  }
}

@media only screen and (max-width: 380px) {
  /* .header_nav .header_top .navbar {
    flex-wrap: nowrap;
  } */
  .header_nav .header_top .navbar .navbar-toggler {
    margin: 0 0 0 10px;
  }
}

@media only screen and (min-width: 768px) {
  .header_nav .header_top .navbar {
    display: none;
  }

  .navbar-expand-md .navbar-nav .nav-link {
    padding: 23px 35px;
  }

  .navbar-nav .nav-link.active,
  .navbar-nav .nav-link.show {
    color: var(--darkgray);
    font-weight: bold;
  }

  .navbar-expand-md .navbar-nav .nav-link span:after {
    border-bottom: 1px solid var(--darkgreen);
    display: block;
    content: "";
    transform: scaleX(0);
    margin-bottom: -1px;
    transition: transform 100ms ease-out;
    transform-origin: 100% 50%;
  }

  .navbar-expand-md .navbar-nav .nav-link:hover span:after {
    transform: scaleX(1);
    transition: transform 100ms ease-in-out;
    transform-origin: 0% 50%;
  }

  .navbar-expand-md .navbar-nav .nav-link.active span {
    font-family: "Roboto-Regular";
    padding-bottom: 3px;
  }

  .navbar-expand-md .navbar-nav li.menu-item:first-child .nav-link {
    padding-left: 0;
  }
}

@media only screen and (max-width: 991px) and (min-width: 768px) {
  .navbar-expand-md .navbar-nav .nav-link {
    padding: 23px 17px;
  }
}

.facetwp-template img {
  width: 100%;
  height: auto;
}

.fs-wrap .fs-dropdown .fs-options {
  /* max-height: fit-content; */
  max-height: 400px;
}

.fs-wrap .fs-dropdown {
  padding: 10px;
  border-radius: 0 0 25px 25px;
  border: 2px solid var(--newdarkgray);
  border-top: 0;
}

.fs-wrap {
  width: auto !important;
}

.facetwp-facet {
  margin-bottom: 10px !important;
}

.fs-wrap .fs-label-wrap {
  padding: 10px;
  width: 300px;
  border-radius: 25px;
  border: 2px solid var(--newdarkgray);
}

.fs-open .fs-label-wrap {
  border-radius: 25px 25px 0 0;
  border-bottom: 0;
  padding-bottom: 12px;
}

.fs-label-wrap .fs-arrow {
  width: 5px;
  height: 5px;
  border: 1px solid var(--darkgray);
  border-left: 0;
  border-top: 0;
  transform: rotate(45deg);
  margin-right: 10px;
}

.fs-wrap.single .fs-option.selected {
  background-color: var(--newsandgray);
  border-radius: 3px;
}

.fs-search {
  display: none;
}

@media only screen and (max-width: 767px) {
  .figure-caption span {
    display: block;
    margin-top: 5px;
  }
}

/* --------------------------------- */
/* Min hverdag - Category category-3 */
/* --------------------------------- */

.category-strip.strip,
.category-strip.strip h1.title {
  color: #fff;
}

.category-strip .last_visited_post {
  padding: 0;
  border: 0;
}

.category-strip .last_visited_post * {
  display: block;
}

.category hr {
  margin-bottom: 25px;
}

.category hr:last-child {
  display: none;
}

.category article a {
  text-decoration: none;
}

@media only screen and (min-width: 768px) {
  .category article figure {
    max-height: 250px;
    overflow-y: hidden;
  }
}

.category article h2 a {
  text-decoration: none;
}

.indramning {
  border-top: 1px solid var(--orange);
  border-bottom: 1px solid var(--orange);
  text-align: left;
  padding: 50px 0px;
  font-size: 1.25em;
}

/* -------------------- */
/* Min hverdag - Indlæg */
/* -------------------- */

.wp-element-caption {
  font-size: 0.8rem;
  line-height: 0.8rem;
  text-align: center;
  margin-bottom: 1rem;
}

.article_content h2 {
  color: var(--orange);
}

.strip.min-hverdag .video {
  position: relative;
}

.strip.min-hverdag .video:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  pointer-events: none;
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="56.747" height="56.747" viewBox="0 0 15.014 15.014"><g transform="translate(-73.548 -117.048)"><circle cx="81.055" cy="124.555" r="7.388" style="fill:%23FFFFFF60;stroke:%23BB8875;stroke-width:.238688;stroke-opacity:1"/><path d="m85.9 141.892-9.911 5.723-9.912 5.722v-22.89l9.912 5.723z" style="fill:%23BB8875;fill-opacity:1;stroke:none;stroke-width:1;stroke-opacity:1" transform="matrix(.22761 0 0 .2184 63.759 93.566)"/></g></svg>');
  background-repeat: no-repeat;
  background-position: center center;
  transition: all 0.25s;
  background-size: 120px;
}

.strip.min-hverdag .video:hover:after {
  background-color: #ffffff20;
  background-size: 100px;
  transition: all 0.25s;
}

@media only screen and (max-width: 700px) {
  .strip.min-hverdag .video:after {
    background-size: 60px;
  }

  .strip.min-hverdag .video:hover:after {
    background-size: 75px;
  }
}

.video-modal .modal-content {
  border-radius: 0;
  border: 0;
  background-image: 0;
}

.vimeoplayer {
  position: relative;
}

.modal-content:after {
  content: "";
  right: -50px;
  top: 0;
  width: 50px;
  height: 50px;
  background-image: url('data:image/svg+xml,<svg fill="%23fff" xmlns="http://www.w3.org/2000/svg" width="50" height="50" viewBox="0 0 256 256"><path d="M202.829 197.172a4 4 0 1 1-5.658 5.656L128 133.658l-69.171 69.17a4 4 0 0 1-5.658-5.656L122.343 128 53.171 58.828a4 4 0 0 1 5.658-5.656L128 122.342l69.171-69.17a4 4 0 0 1 5.658 5.656L133.657 128Z"/></svg>');
  position: absolute;
  pointer-events: none;
}

blockquote.wp-block-quote p {
  margin-bottom: 0;
}

blockquote.wp-block-quote cite {
  font-size: 18px;
  line-height: 18px;
  font-style: normal;
}

/* @media only screen and (min-width: 768px) {
  article .wp-post-image {
    max-width: 80%;
  }
} */

article {
  font-size: 1rem !important;
}

article.laer-mere blockquote {
  border-radius: 20px;
  background-color: var(--newdarkgray);
  color: #fff;
  max-width: 600px;
  padding: 30px;
  margin: 50px auto !important;
}

article blockquote.wp-block-quote h2,
article blockquote.wp-block-quote h3 {
  padding-bottom: 10px;
  border-bottom: 2px solid var(--newred);
}

h3.accordion-header {
  font-size: 15px;
  font-family: "Noto Serif", serif;
}

article .accordion-item {
  margin-bottom: -2px;
  border-radius: 0;
}

article .accordion-item:first-of-type .accordion-button,
article .accordion-item:last-of-type .accordion-button.collapsed {
  border-radius: 1rem;
}

article .accordion-item:first-child {
  border-radius: 10px 10px 0 0;
}

article .accordion-item:last-child {
  border-radius: 0 0 10px 10px;
}

.accordion-item:not(:first-of-type) {
  border-top: medium solid var(--newlightgray);
}

.accordion-body {
  background: #fff;
  background: linear-gradient(
    180deg,
    rgb(255, 255, 255) 0%,
    rgb(255, 255, 255) 80%,
    rgba(0, 0, 0, 0.05) 100%
  );
}

.accordion-item {
  border: medium solid var(--newlightgray);
  margin-bottom: 15px;
  border-radius: 5px;
}

.accordion-button {
  font-size: 1rem;
  font-weight: bold;
  border: 0;
  border-radius: 5px;
  padding-top: 20px;
  padding-bottom: 20px;
}

.accordion-button:focus,
.accordion-button:not(.collapsed) {
  color: var(--bs-body-color);
}

.accordion-button:not(.collapsed)::after {
  background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000000'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}

a.btn-primary.open {
  position: relative;
  border-radius: 20px 20px 0 0;
  transition: border-radius 0.25s;
}

a.btn-primary.open:hover {
  border-bottom-color: transparent;
}

a.btn-primary {
  border-radius: 40px;
  transition: border-radius 0.25s;
  font-family: Roboto-Light, serif;
}

.text-bg-primary {
  background-color: var(--green) !important;
}

#info {
  border-radius: 0 20px 20px 20px;
}

.rounded img {
  border-radius: 20px;
}

ul.indholdsfortegnelse {
  max-width: 600px;
}

ul.indholdsfortegnelse .list-group-item {
  border-color: #bdbdbd;
  border-width: 2px;
  border-bottom-width: 0;
}

ul.indholdsfortegnelse .list-group-item:last-child {
  border-bottom-width: 2px;
}

/* a.btn-primary.open:before {
  position: absolute;
  content: "";
  left: -2px;
  bottom: -2px;
  height: 20px;
  width: 20px;
  background-color: var(--green);
  border-left: 1px solid #e6e6e6;
  border-bottom: 1px solid #e6e6e6;
} */

/* @media only screen and (max-width: 991px) {
  .accordion-button {
    font-size: 20px;
  }
} */

.accordion-button:not(.collapsed) {
  background-color: #fff;
  box-shadow: none;
}

.accordion-button:focus {
  box-sizing: none;
}

.strip .accordion-item {
  /*border: 1px solid var(--gray);*/
  /*line-height: 1.2rem !important;*/
}

.article_content .wp-block-file:not(.wp-element-button) {
  font-size: 18px;
  display: flex;
}

/* Kapitel 2 */
.saadan-fungerer-stofskiftet .col {
  margin-bottom: 20px;
}

.saadan-fungerer-stofskiftet .m-2 {
  color: #000;
  text-align: center;
}

.saadan-fungerer-stofskiftet .areoi-element img {
  max-width: 150px;
  margin: 15px 0 0 0;
}

.saadan-fungerer-stofskiftet .areoi-element:nth-child(1) .m-2 {
  background-color: var(--green);
  color: #fff;
}

.saadan-fungerer-stofskiftet .areoi-element:nth-child(2) .m-2 {
  background-color: var(--brown);
  color: #fff;
}

.saadan-fungerer-stofskiftet .areoi-element:nth-child(3) .m-2 {
  background-color: var(--lightorange);
  color: #fff;
}

.saadan-fungerer-stofskiftet .areoi-element:nth-child(4) .m-2 {
  background-color: var(--lightgreen);
}

.saadan-fungerer-stofskiftet .m-2 h3,
.saadan-fungerer-stofskiftet .m-2 p {
  margin-bottom: 0;
}

.saadan-fungerer-stofskiftet .m-2 p {
  margin-top: 1rem;
}

.saadan-fungerer-stofskiftet .areoi-element:nth-child(1) .m-2:after {
  content: "";
  color: var(--green);
  width: 0px;
  height: 0px;
  position: absolute;
  left: 100%;
  top: calc(50% - 25px);
  z-index: 1;
  border-top: 25px solid transparent;
  border-bottom: 25px solid transparent;
  border-left: 50px solid var(--green);
}

.saadan-fungerer-stofskiftet .areoi-element:nth-child(2) .m-2:after {
  content: "";
  color: var(--brown);
  width: 0px;
  height: 0;
  position: absolute;
  top: calc(100% - 25px);
  bottom: 0;
  right: calc(100% - 25px);
  z-index: 1;
  border-top: 25px solid transparent;
  border-bottom: 25px solid transparent;
  border-right: 50px solid var(--brown);
  transform: rotate(-45deg);
}

.saadan-fungerer-stofskiftet .areoi-element:nth-child(3) .m-2:after {
  content: "";
  color: var(--lightorange);
  width: 0px;
  height: 0px;
  position: absolute;
  left: 100%;
  top: calc(50% - 25px);
  z-index: 1;
  border-top: 25px solid transparent;
  border-bottom: 25px solid transparent;
  border-left: 50px solid var(--lightorange);
}

.mb-sub-3 .card {
  margin-bottom: 2rem;
}

.card-header {
  font-weight: bold;
}

/* .wp-block-file__button.wp-element-button::after {
    content: "";
    margin-left: 15px;
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" fill="%23fff" xml:space="preserve" width="800" height="800" viewBox="0 0 482.14 482.14"><path d="M142.024 310.194c0-8.007-5.556-12.782-15.359-12.782-4.003 0-6.714.395-8.132.773v25.69c1.679.378 3.743.504 6.588.504 10.449 0 16.903-5.279 16.903-14.185zM202.709 297.681c-4.39 0-7.227.379-8.905.772v56.896c1.679.394 4.39.394 6.841.394 17.809.126 29.424-9.677 29.424-30.449.126-18.063-10.458-27.613-27.36-27.613z"/><path d="M315.458 0H121.811c-28.29 0-51.315 23.041-51.315 51.315v189.754h-5.012c-11.418 0-20.678 9.251-20.678 20.679v125.404c0 11.427 9.259 20.677 20.678 20.677h5.012v22.995c0 28.305 23.025 51.315 51.315 51.315h264.223c28.272 0 51.3-23.011 51.3-51.315V121.449L315.458 0zM99.053 284.379c6.06-1.024 14.578-1.796 26.579-1.796 12.128 0 20.772 2.315 26.58 6.965 5.548 4.382 9.292 11.615 9.292 20.127 0 8.51-2.837 15.745-7.999 20.646-6.714 6.32-16.643 9.157-28.258 9.157-2.585 0-4.902-.128-6.714-.379v31.096h-19.48v-85.816zm286.981 166.334H121.811c-10.954 0-19.874-8.92-19.874-19.889v-22.995h246.31c11.42 0 20.679-9.25 20.679-20.677V261.748c0-11.428-9.259-20.679-20.679-20.679h-246.31V51.315c0-10.938 8.921-19.858 19.874-19.858l181.89-.19V98.5c0 19.638 15.934 35.587 35.587 35.587l65.862-.189.741 296.925c0 10.97-8.904 19.89-19.857 19.89zm-211.969-80.912v-85.422c7.225-1.15 16.642-1.796 26.58-1.796 16.516 0 27.226 2.963 35.618 9.282 9.031 6.714 14.704 17.416 14.704 32.781 0 16.643-6.06 28.133-14.453 35.224-9.157 7.612-23.096 11.222-40.125 11.222-10.198 0-17.423-.646-22.324-1.291zm140.827-50.575v15.996h-31.23v34.973h-19.74v-86.966h53.16v16.122h-33.42v19.875h31.23z"/></svg>');
    background-size: auto;
    height: 20px;
    width: 20px;
    background-size: cover;
    float: right;
} */

.wp-block-file__button.wp-element-button::after {
  content: "PDF";
  float: right;
  margin-left: 15px;
  font-size: 10px;
  font-weight: bold;
  color: var(--green);
  background: #fff;
  border-radius: 3px;
  padding: 1px 4px;
}

@media only screen and (max-width: 517px) {
  .saadan-fungerer-stofskiftet .areoi-element:nth-child(1) .m-2:after,
  .saadan-fungerer-stofskiftet .areoi-element:nth-child(2) .m-2:after,
  .saadan-fungerer-stofskiftet .areoi-element:nth-child(3) .m-2:after,
  .saadan-fungerer-stofskiftet .areoi-element:nth-child(4) .m-2:after {
    bottom: 0;
    left: calc(50% - 25px);
    right: unset;
    top: calc(100% - 2px);
    transform: rotate(0);
    border-left: 25px solid transparent;
    border-right: 25px solid transparent;
    border-top: 50px solid;
  }
}

/* -------------------------- */
/* KOM OG VÆR MED page-id-572 + /begivenheder */
/* -------------------------- */

.border-brown {
  border-color: var(--brown) !important;
}

.arrangements a.stretched-link[aria-expanded="true"] svg {
  rotate: -180deg;
  transition: rotate 0.15s;
}

.arrangements .card-body {
  background-color: #fbfbfb;
  border-radius: 5px;
}

.arrangements h1 {
  font-size: 30px;
  line-height: 35px;
}

.arrangements a.stretched-link[aria-expanded="false"] svg {
  rotate: 0deg;
  transition: rotate 0.15s;
}

.arrangementimg {
  font-weight: bold;
}

.arrangementimg img {
  border-radius: 10px;
}

.arrangement-text img {
  max-width: 100%;
  height: auto;
}

.arrangementimg p {
  margin: 0;
}

.arrangementimg img {
  width: 100%;
  height: auto;
}

@media only screen and (max-width: 990px) {
  .article_content .wp-block-file:not(.wp-element-button),
  .article_content .wp-block-file:not(.wp-element-button) a {
    display: block;
    margin-bottom: 5px;
    text-decoration: none;
  }

  .article_content .wp-block-file:not(.wp-element-button) strong {
    margin-top: 15px;
    display: block;
  }

  .article_content .wp-block-file a.wp-block-file__button {
    display: inline-block;
  }
}

.article_content .wp-element-button {
  border-radius: 5px;
  background-color: var(--green);
  line-height: 18px;
  margin-top: auto;
  margin-left: auto;
  margin-bottom: 10px;
}

.indholdsfortegnelse .list-group .list-group-item {
  background: none;
  border: 0;
}

.list-group-item + .list-group-item.active {
  margin-top: inherit;
}

.list-group-item.active {
  font-family: "Roboto-Medium";
  color: var(--darkgray);
}

.min-hverdag-bund {
  background-color: var(--lightgreen);
  padding: 5rem 0 !important;
}

.min-hverdag-bund .list-group .list-group-item.current {
  background: url('data:image/svg+xml,<svg style="transform: rotate(-90deg)" width="30" height="30" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M23.6251 15.0001L5.62476 15.0001" stroke="%23FFFFFF" stroke-width="1.5" stroke-linecap="square"/><path d="M16.8125 7.46939L24.375 14.9994L16.8125 22.5306" stroke="%23FFFFFF" stroke-width="1.5" stroke-linecap="square"/></svg>')
    var(--green) no-repeat 97% 50%;
  border: 3px solid #fff;
  color: #fff;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.25);
}

.min-hverdag-bund .list-group .list-group-item.inactive {
  background: url('data:image/svg+xml,<svg width="30" height="30" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M23.6251 15.0001L5.62476 15.0001" stroke="%23FFFFFF" stroke-width="1.5" stroke-linecap="square"/><path d="M16.8125 7.46939L24.375 14.9994L16.8125 22.5306" stroke="%23FFFFFF" stroke-width="1.5" stroke-linecap="square"/></svg>')
    var(--green) no-repeat 97% 50%;
  color: var(--lightergray);
}

.min-hverdag-bund .list-group .list-group-item.current:hover,
.min-hverdag-bund .list-group .list-group-item.inactive:hover {
  background-color: #6586ba;
  transition: background 0.25s;
  background-position: 99% 50%;
}

@media only screen and (max-width: 990px) {
  .gaa-tilbage {
    margin-bottom: 0 !important;
  }
}

@media only screen and (min-width: 991px) {
  .strip.min-hverdag .title {
    margin-top: -4rem;
    position: relative;
  }

  .article_content .wp-element-button {
    text-align: center;
  }
}

.nav-tabs .nav-link {
  font-size: 1rem;
}

/* DROPDOWN WIDGETS */
/* .depth_0 {
  display: none !important;
} */

.dropdown-menu {
  padding: 5px;
}

.dropdown-menu p {
  display: none;
}

@media only screen and (max-width: 1300px) {
  li.menu-item:last-of-type .dropdown-menu {
    right: 0;
    left: auto;
  }
}

.min-hverdag-liste .row a,
.laer-mere-liste .row a {
  padding: 10px 0;
}

@media only screen and (max-width: 767px) {
  .min-hverdag-liste .row a,
  .laer-mere-liste .row a {
    padding: 10px 0 5px 0;
  }
}

.min-hverdag-liste .row:hover,
.laer-mere-liste .row:hover {
  background-color: rgba(0, 0, 0, 0, 0.1);
  transition: background-color 0.2s;
}

/* fixes */
@media only screen and (max-width: 1245px) and (min-width: 992px) {
  body.page-id-20 .max-600.float-lg-end {
    padding-left: 2rem;
  }
}

/* Utilities */

.ikonlinje {
  max-width: 600px;
  border-radius: 15px;
  background-color: var(--newsand);
  margin: 0 auto 10px auto;
}

.ikonlinje h3 {
  margin-bottom: 0;
}

.ikonlinje p:last-of-type {
  margin-bottom: 0;
}

.ikonlinje img.rounded,
.ikonlinje img {
  border-radius: 5px;
}

.w-100-img img {
  width: 100%;
}

.overflow-hidden {
  overflow: hidden !important;
}

.position-initial {
  position: initial !important;
}

.z-index-0 {
  z-index: 0 !important;
}

.z-index-1 {
  z-index: 1 !important;
}

.z-index-2 {
  z-index: 2 !important;
}

.fs-4 {
  line-height: 1.5;
}

/*  Cookies */
@media only screen and (max-width: 768px) {
  .cky-btn-revisit-wrapper {
    transform: scale(0.5);
  }

  body .cky-revisit-bottom-left {
    bottom: 0;
    left: 0;
  }
}

/* plugin overrides */
.pum-container {
  z-index: 1050 !important;
}