@charset "UTF-8";
:root {
  /* For backoffice only */
  --form-font-family: "Open Sans", sans-serif, Arial;
  --form-color: "#212529";
  --form-color-bg: #E9D9CC66;
  /* Colors for standard text styles */
  --text-color: #696969; /* #545454; */
  --text-bold-color: #355351;
  --text-link-color: #3e605e; /*#537f7c;*/
  --text-heading-color: #355351;
  --text-intro-color: #406461;
  --text-accordion-color: #fda91dff;
  --text-citation-color: #4a726f; /* #355351; */
  --text-citation-quote-color: #406461;
  --text-pointout-color: #355351;
  --text-pointout-quote-color: #406461;
  --text-closeup-color: #406461;
  --text-summary-color: #355351;
  --nav-color: #2f4d4c;
  --search-color-bg: #f8f6f2;
  --heading-color: #364a48;
  /* Colors for not selected a role mode */
  --none-color: #3c5351;
  --none-color-bg: #f8f6f2;
  --none-header-color: #3c5351;
  --none-header-color-bg: #f8f6f2;
  --none-nav-color: #3c5351;
  --none-nav-color-bg: #fcece4;
  --none-media-color: #537f7c;
  --none-media-color-bg: #d4baae;
  --none-content-teaser-title-color: #4a726f;
  --none-content-menu-title-color: #4a726f;
  --none-content-menu-color: #4a726f;
  --none-title-color: #537f7c;
  --none-title-color-bg: #fcece4;
  --none-tab-color: #517d7a;
  --none-footer-header-color: #537f7c;
  --none-footer-color: #537f7c;
  --none-footer-color-bg: #fdd38b;
  --none-forside-color: #3E605E;
  --none-forside-color-bg: #faf7f2; /* #f6e4c4; */
  --none-forside-color-menu-bg: #cbcbcb; /* #f6e4c4; */
  --none-spis-color: #304e4d;
  --none-spis-color-bg: #fff2de; /* #f6e4c4; */
  --none-spis-color-menu-bg: #fcd18a; /* #f6e4c4; */
  --none-hvorfor-color: #304e4d;
  --none-hvorfor-color-bg: #cedBe4; /* #c8d5dc; */
  --none-hvorfor-color-menu-bg: #92a9b9; /* #c8d5dc; */
  --none-matkropp-color: #304e4d;
  --none-matkropp-color-bg: #c3d7cf; /* #bccdcc; */
  --none-matkropp-color-menu-bg: #8fabaa; /* #bccdcc; */
  --none-veienut-color: #304e4d;
  --none-veienut-color-bg: #e7dfda; /* #F5ecdc */
  --none-veienut-color-menu-bg: #bca098; /* #F5ecdc */
  --none-familievenner-color: #304e4d;
  --none-familievenner-color-bg: #e0d8cc; /* #d2c4a1; */
  --none-familievenner-color-menu-bg: #b69f67; /* #d2c4a1; */
  /* Colors for selected role Ungdom */
  --ungdom-color: #3c5351;
  --ungdom-color-bg: #faf7f2;
  --ungdom-header-color: #3E605E; /* #446f6c; */
  --ungdom-header-color-bg: #faf7f2; /* #f8f6f2; */
  --ungdom-nav-color: #2f4d4c;
  --ungdom-nav-color-bg: #a9bfbd; /* #9dbdbb; */
  --ungdom-media-color: #FFC964; /* #f6bb56; */
  --ungdom-media-color-bg: #3e605e;
  --ungdom-content-teasers-title-color: #4a726f;
  --ungdom-content-menu-title-color: #2f4d4c;
  --ungdom-content-menu-color: #2f4d4c;
  --ungdom-title-color: #FFC964; /* #B6DCDA; */
  --ungdom-title-color-bg: #4b7370; /*#446966; /* #728886; /* #78908e; */
  --ungdom-tab-color: #4c7673;
  --ungdom-footer-header-color: #76b6b3;
  --ungdom-footer-color: #ffcec4;
  --ungdom-footer-color-bg: #214241;
  --ungdom-forside-color: #3E605E; /* #446f6c; */
  --ungdom-forside-color-bg: #faf7f2; /* #f8f6f2; */
  --ungdom-forside-color-menu-bg: #cbcbcb; /* #f8f6f2; */
  --ungdom-spis-color: #304e4d;
  --ungdom-spis-color-bg: #fff2de; /* #F5ecdc */
  --ungdom-spis-color-menu-bg: #fcd18a; /* #F5ecdc */
  --ungdom-hvorfor-color: #304e4d;
  --ungdom-hvorfor-color-bg: #cedBe4; /* #c8d5dc; */
  --ungdom-hvorfor-color-menu-bg: #92a9b9; /* #c8d5dc; */
  --ungdom-matkropp-color: #304e4d;
  --ungdom-matkropp-color-bg: #c3d7cf; /* #bccdcc; */
  --ungdom-matkropp-color-menu-bg: #8fabaa; /* #bccdcc; */
  --ungdom-veienut-color: #304e4d;
  --ungdom-veienut-color-bg: #e7dfda; /* #F5ecdc */
  --ungdom-veienut-color-menu-bg: #bca098; /* #F5ecdc */
  --ungdom-familievenner-color: #304e4d;
  --ungdom-familievenner-color-bg: #e0d8cc; /* #d2c4a1; */
  --ungdom-familievenner-color-menu-bg: #b69f67; /* #d2c4a1; */
  /* Colors for selected role Foreldre */
  --foreldre-color: #3c5351;
  --foreldre-color-bg: #faf6e9;
  --foreldre-header-color: #4a726f;
  --foreldre-header-color-bg: #f8f6f2;
  --foreldre-nav-color: #2f4d4c;
  --foreldre-nav-color-bg: #f5d8a6; /* #F5D49A; /* #f4deb8; */
  --foreldre-media-color: #183a38;
  --foreldre-media-color-bg: #d69445; /* #E6AA43; #e2a742; */
  --foreldre-content-teasers-title-color: #3E605E;
  --foreldre-content-menu-title-color: #426663;
  --foreldre-content-menu-color: #426663;
  --foreldre-title-color: #375654;
  --foreldre-title-color-bg: #F5B95F; /* #edc889; */
  --foreldre-tab-color: #3E605E;
  --foreldre-footer-header-color: #3e605e;
  --foreldre-footer-color: #5e3f0a;
  --foreldre-footer-color-bg: #fdd38b;
  --foreldre-forside-color: #4a726f;
  --foreldre-forside-color-bg: #f8f6f2;
  --foreldre-forside-color-menu-bg: #cbcbcb;
  --foreldre-spis-color: #4a726f; /* #304e4d; */
  --foreldre-spis-color-bg: #fff2de; /* #f6e4c4; */
  --foreldre-spis-color-menu-bg: #fcd18a;
  --foreldre-hvorfor-color: #4a726f; /* #304e4d; */
  --foreldre-hvorfor-color-bg: #cedBe4; /* #c8d5dc; */
  --foreldre-hvorfor-color-menu-bg: #92a9b9; /* #c8d5dc; */
  --foreldre-matkropp-color: #4a726f; /* #304e4d; */
  --foreldre-matkropp-color-bg: #c3d7cf; /* #bccdcc; */
  --foreldre-matkropp-color-menu-bg: #8fabaa; /* #bccdcc; */
  --foreldre-veienut-color: #426663;
  --foreldre-veienut-color-bg: #e7dfda; /* #F5ecdc */
  --foreldre-veienut-color-menu-bg: #bca098; /* #F5ecdc */
  --foreldre-familievenner-color: #4a726f; /* #304e4d; */
  --foreldre-familievenner-color-bg: #e0d8cc; /* #d2c4a1; */
  --foreldre-familievenner-color-menu-bg: #ad9355; /* #d2c4a1; */
  --favoritemenu-icon: url('data:image/svg+xml,\
    <svg xmlns="http://www.w3.org/2000/svg" viewBox="-4 -4 24 24">\
      <g stroke="rgb(0, 0, 0)" fill="none">\
          <path d="m8 2.748-.717-.737C5.6.281 2.514.878 1.4 3.053c-.523 1.023-.641 2.5.314 4.385.92 1.815 2.834 3.989 6.286 6.357 3.452-2.368 5.365-4.542 6.286-6.357.955-1.886.838-3.362.314-4.385C13.486.878 10.4.28 8.717 2.01zM8 15C-7.333 4.868 3.279-3.04 7.824 1.143q.09.083.176.171a3 3 0 0 1 .176-.17C12.72-3.042 23.333 4.867 8 15"/>\
      </g>\
    </svg>');
  --searchmenu-icon: url('data:image/svg+xml,\
    <svg xmlns="http://www.w3.org/2000/svg" viewBox="-4 -4 24 24">\
      <g stroke="rgb(0, 0, 0)" fill="none">\
        <path d="M11.742 10.344a6.5 6.5 0 1 0-1.397 1.398h-.001q.044.06.098.115l3.85 3.85a1 1 0 0 0 1.415-1.414l-3.85-3.85a1 1 0 0 0-.115-.1zM12 6.5a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0"/>\
      </g>\
    </svg>');
  --contentmenu-icon: url('data:image/svg+xml,\
    <svg xmlns="http://www.w3.org/2000/svg" viewBox="-4 -4 24 24">\
      <g stroke="rgb(0, 0, 0)" fill="none">\
        <path d="M2.5 12a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5m0-4a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5m0-4a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5"/>\
      </g>\
    </svg>');
  --exitmenu-icon: url('data:image/svg+xml,\
    <svg xmlns="http://www.w3.org/2000/svg" viewBox="-4 -4 24 24">\
      <g stroke="rgb(0, 0, 0)" fill="none">\
        <path d="M4.646 4.646a.5.5 0 0 1 .708 0L8 7.293l2.646-2.647a.5.5 0 0 1 .708.708L8.707 8l2.647 2.646a.5.5 0 0 1-.708.708L8 8.707l-2.646 2.647a.5.5 0 0 1-.708-.708L7.293 8 4.646 5.354a.5.5 0 0 1 0-.708"/>\
      </g>\
    </svg>');
}

abbr[title], abbr[data-original-title] {
  text-decoration: none;
}

main .trac-active-term-list {
  margin: 0 auto;
  max-width: 1200px;
}
main .trac-active-term-list .trac-items {
  justify-content: center;
}

.trac-active-term-list {
  font-family: "Formula", serif;
  margin-top: 30px;
}
.trac-active-term-list h2 {
  text-align: center;
}
.trac-active-term-list .trac-items {
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-end;
  align-items: flex-end;
}
.trac-active-term-list .trac-items .trac-item {
  margin: 20px;
  text-transform: uppercase;
}
.trac-active-term-list .trac-items .trac-item .button {
  margin: 0;
  padding: 20px;
  height: 244px;
  width: 244px;
  font-size: 30px;
  padding-top: 180px;
  border-color: lightgray;
  border-radius: 20px;
  background-position-x: center;
  background-repeat: no-repeat;
}
@media screen and (min-width: 768px) {
  .trac-active-term-list .trac-items .trac-item .button {
    font-size: 40px;
    height: 300px;
    width: 300px;
    padding-top: 215px;
  }
}
.trac-active-term-list .trac-items .trac-item .button.ungdom {
  background-image: url(../images/ungdom_button.png);
  background-size: 244px;
  color: var(--ungdom-nav-color);
  background-color: var(--ungdom-nav-color-bg);
}
.trac-active-term-list .trac-items .trac-item .button.ungdom.active {
  background-color: var(--ungdom-media-color-bg);
  color: #fff;
}
.trac-active-term-list .trac-items .trac-item .button.foreldre {
  background-image: url(../images/foreldre_button.png);
  background-repeat: no-repeat;
  background-size: 244px;
  color: var(--foreldre-nav-color);
  background-color: var(--foreldre-nav-color-bg);
}
.trac-active-term-list .trac-items .trac-item .button.foreldre.active {
  background-color: var(--foreldre-media-color-bg);
  color: #fff;
}
.trac-active-term-list .ajax-progress-throbber .throbber {
  width: 100px;
  height: 100px;
  position: absolute;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  top: 50%;
}

@font-face {
  font-family: "Formula";
  font-style: normal;
  font-weight: normal;
  src: local("Formula"), url("../fonts/FormulaCondensed-Light.woff") format("woff");
}
@font-face {
  font-family: "Formula";
  font-style: normal;
  font-weight: bold;
  src: local("Formula"), url("../fonts/FormulaCondensed-Bold.woff") format("woff");
}
@font-face {
  font-family: "Open Sans";
  src: url("../fonts/OpenSans-Light.eot");
  src: local("Open Sans Light"), local("OpenSans-Light"), url("../fonts/OpenSans-Light.eot?#iefix") format("embedded-opentype"), url("../fonts/OpenSans-Light.woff2") format("woff2"), url("../fonts/OpenSans-Light.woff") format("woff"), url("../fonts/OpenSans-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "Open Sans";
  src: url("../fonts/OpenSans-Regular.eot");
  src: local("Open Sans"), local("OpenSans"), url("../fonts/OpenSans-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/OpenSans-Regular.woff2") format("woff2"), url("../fonts/OpenSans-Regular.woff") format("woff"), url("../fonts/OpenSans-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "Open Sans";
  src: url("../fonts/OpenSans-SemiBold.eot");
  src: local("Open Sans SemiBold"), local("OpenSans-SemiBold"), url("../fonts/OpenSans-SemiBold.eot?#iefix") format("embedded-opentype"), url("../fonts/OpenSans-SemiBold.woff2") format("woff2"), url("../fonts/OpenSans-SemiBold.woff") format("woff"), url("../fonts/OpenSans-SemiBold.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: "Open Sans";
  src: url("../fonts/OpenSans-Bold.eot");
  src: local("Open Sans Bold"), local("OpenSans-Bold"), url("../fonts/OpenSans-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/OpenSans-Bold.woff2") format("woff2"), url("../fonts/OpenSans-Bold.woff") format("woff"), url("../fonts/OpenSans-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "Open Sans";
  src: url("../fonts/OpenSans-ExtraBold.eot");
  src: local("Open Sans ExtraBold"), local("OpenSans-ExtraBold"), url("../fonts/OpenSans-ExtraBold.eot?#iefix") format("embedded-opentype"), url("../fonts/OpenSans-ExtraBold.woff2") format("woff2"), url("../fonts/OpenSans-ExtraBold.woff") format("woff"), url("../fonts/OpenSans-ExtraBold.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
}
@font-face {
  font-family: "Open Sans";
  src: url("../fonts/OpenSans-LightItalic.eot");
  src: local("Open Sans Light Italic"), local("OpenSans-LightItalic"), url("../fonts/OpenSans-LightItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/OpenSans-LightItalic.woff2") format("woff2"), url("../fonts/OpenSans-LightItalic.woff") format("woff"), url("../fonts/OpenSans-LightItalic.ttf") format("truetype");
  font-weight: 300;
  font-style: italic;
}
@font-face {
  font-family: "Open Sans";
  src: url("../fonts/OpenSans-Italic.eot");
  src: local("Open Sans Italic"), local("OpenSans-Italic"), url("../fonts/OpenSans-Italic.eot?#iefix") format("embedded-opentype"), url("../fonts/OpenSans-Italic.woff2") format("woff2"), url("../fonts/OpenSans-Italic.woff") format("woff"), url("../fonts/OpenSans-Italic.ttf") format("truetype");
  font-weight: 400;
  font-style: italic;
}
@font-face {
  font-family: "Open Sans";
  src: url("../fonts/OpenSans-SemiBoldItalic.eot");
  src: local("Open Sans SemiBold Italic"), local("OpenSans-SemiBoldItalic"), url("../fonts/OpenSans-SemiBoldItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/OpenSans-SemiBoldItalic.woff2") format("woff2"), url("../fonts/OpenSans-SemiBoldItalic.woff") format("woff"), url("../fonts/OpenSans-SemiBoldItalic.ttf") format("truetype");
  font-weight: 600;
  font-style: italic;
}
@font-face {
  font-family: "Open Sans";
  src: url("../fonts/OpenSans-BoldItalic.eot");
  src: local("Open Sans Bold Italic"), local("OpenSans-BoldItalic"), url("../fonts/OpenSans-BoldItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/OpenSans-BoldItalic.woff2") format("woff2"), url("../fonts/OpenSans-BoldItalic.woff") format("woff"), url("../fonts/OpenSans-BoldItalic.ttf") format("truetype");
  font-weight: 700;
  font-style: italic;
}
@font-face {
  font-family: "Open Sans";
  src: url("../fonts/OpenSans-ExtraBoldItalic.eot");
  src: local("Open Sans ExtraBold Italic"), local("OpenSans-ExtraBoldItalic"), url("../fonts/OpenSans-ExtraBoldItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/OpenSans-ExtraBoldItalic.woff2") format("woff2"), url("../fonts/OpenSans-ExtraBoldItalic.woff") format("woff"), url("../fonts/OpenSans-ExtraBoldItalic.ttf") format("truetype");
  font-weight: 900;
  font-style: italic;
}
@font-face {
  font-family: "Open Sans Condensed";
  src: url("../fonts/OpenSansCondensed-Light.eot");
  src: local("Open Sans Condensed Light"), local("OpenSansCondensed-Light"), url("../fonts/OpenSansCondensed-Light.eot?#iefix") format("embedded-opentype"), url("../fonts/OpenSansCondensed-Light.woff2") format("woff2"), url("../fonts/OpenSansCondensed-Light.woff") format("woff"), url("../fonts/OpenSansCondensed-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "Open Sans Condensed";
  src: url("../fonts/OpenSansCondensed-LightItalic.eot");
  src: local("Open Sans Condensed Light Italic"), local("OpenSansCondensed-LightItalic"), url("../fonts/OpenSansCondensed-LightItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/OpenSansCondensed-LightItalic.woff2") format("woff2"), url("../fonts/OpenSansCondensed-LightItalic.woff") format("woff"), url("../fonts/OpenSansCondensed-LightItalic.ttf") format("truetype");
  font-weight: 300;
  font-style: italic;
}
@font-face {
  font-family: "Open Sans Condensed";
  src: url("../fonts/OpenSansCondensed-Bold.eot");
  src: local("Open Sans Condensed Bold"), local("OpenSansCondensed-Bold"), url("../fonts/OpenSansCondensed-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/OpenSansCondensed-Bold.woff2") format("woff2"), url("../fonts/OpenSansCondensed-Bold.woff") format("woff"), url("../fonts/OpenSansCondensed-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "Myriad Pro Condensed";
  src: url("../fonts/MyriadPro-LightCond.eot");
  src: local("Myriad Pro Condensed Light Condensed"), local("MyriadPro-LightCond"), url("../fonts/MyriadPro-LightCond.eot?#iefix") format("embedded-opentype"), url("../fonts/MyriadPro-LightCond.woff2") format("woff2"), url("../fonts/MyriadPro-LightCond.woff") format("woff"), url("../fonts/MyriadPro-LightCond.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "Myriad Pro Condensed";
  src: url("../fonts/MyriadPro-Cond.eot");
  src: local("Myriad Pro Condensed"), local("MyriadPro-Cond"), url("../fonts/MyriadPro-Cond.eot?#iefix") format("embedded-opentype"), url("../fonts/MyriadPro-Cond.woff2") format("woff2"), url("../fonts/MyriadPro-Cond.woff") format("woff"), url("../fonts/MyriadPro-Cond.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "Myriad Pro Condensed";
  src: url("../fonts/MyriadPro-SemiboldCond.eot");
  src: local("Myriad Pro Semibold Condensed"), local("MyriadPro-SemiboldCond"), url("../fonts/MyriadPro-SemiboldCond.eot?#iefix") format("embedded-opentype"), url("../fonts/MyriadPro-SemiboldCond.woff2") format("woff2"), url("../fonts/MyriadPro-SemiboldCond.woff") format("woff"), url("../fonts/MyriadPro-SemiboldCond.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: "Myriad Pro Condensed";
  src: url("../fonts/MyriadPro-BoldCond.eot");
  src: local("Myriad Pro Bold Condensed"), local("MyriadPro-BoldCond"), url("../fonts/MyriadPro-BoldCond.eot?#iefix") format("embedded-opentype"), url("../fonts/MyriadPro-BoldCond.woff2") format("woff2"), url("../fonts/MyriadPro-BoldCond.woff") format("woff"), url("../fonts/MyriadPro-BoldCond.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "Myriad Pro Condensed";
  src: url("../fonts/MyriadPro-BlackCond.eot");
  src: local("Myriad Pro Black Condensed"), local("MyriadPro-BlackCond"), url("../fonts/MyriadPro-BlackCond.eot?#iefix") format("embedded-opentype"), url("../fonts/MyriadPro-BlackCond.woff2") format("woff2"), url("../fonts/MyriadPro-BlackCond.woff") format("woff"), url("../fonts/MyriadPro-BlackCond.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
}
@font-face {
  font-family: "Myriad Pro Condensed";
  src: url("../fonts/MyriadPro-LightCondIt.eot");
  src: local("Myriad Pro Light Condensed Italic"), local("MyriadPro-LightCondIt"), url("../fonts/MyriadPro-LightCondIt.eot?#iefix") format("embedded-opentype"), url("../fonts/MyriadPro-LightCondIt.woff2") format("woff2"), url("../fonts/MyriadPro-LightCondIt.woff") format("woff"), url("../fonts/MyriadPro-LightCondIt.ttf") format("truetype");
  font-weight: 300;
  font-style: italic;
}
@font-face {
  font-family: "Myriad Pro Condensed";
  src: url("../fonts/MyriadPro-CondIt.eot");
  src: local("Myriad Pro Condensed Italic"), local("MyriadPro-CondIt"), url("../fonts/MyriadPro-CondIt.eot?#iefix") format("embedded-opentype"), url("../fonts/MyriadPro-CondIt.woff2") format("woff2"), url("../fonts/MyriadPro-CondIt.woff") format("woff"), url("../fonts/MyriadPro-CondIt.ttf") format("truetype");
  font-weight: 400;
  font-style: italic;
}
@font-face {
  font-family: "Myriad Pro Condensed";
  src: url("../fonts/MyriadPro-SemiboldCondIt.eot");
  src: local("Myriad Pro Semibold Condensed Italic"), local("MyriadPro-SemiboldCondIt"), url("../fonts/MyriadPro-SemiboldCondIt.eot?#iefix") format("embedded-opentype"), url("../fonts/MyriadPro-SemiboldCondIt.woff2") format("woff2"), url("../fonts/MyriadPro-SemiboldCondIt.woff") format("woff"), url("../fonts/MyriadPro-SemiboldCondIt.ttf") format("truetype");
  font-weight: 600;
  font-style: italic;
}
@font-face {
  font-family: "Myriad Pro Condensed";
  src: url("../fonts/MyriadPro-BoldCondIt.eot");
  src: local("Myriad Pro Bold Condensed Italic"), local("MyriadPro-BoldCondIt"), url("../fonts/MyriadPro-BoldCondIt.eot?#iefix") format("embedded-opentype"), url("../fonts/MyriadPro-BoldCondIt.woff2") format("woff2"), url("../fonts/MyriadPro-BoldCondIt.woff") format("woff"), url("../fonts/MyriadPro-BoldCondIt.ttf") format("truetype");
  font-weight: 700;
  font-style: italic;
}
@font-face {
  font-family: "Myriad Pro Condensed";
  src: url("MyriadPro-BlackCondIt.eot");
  src: local("Myriad Pro Black Condensed Italic"), local("MyriadPro-BlackCondIt"), url("MyriadPro-BlackCondIt.eot?#iefix") format("embedded-opentype"), url("MyriadPro-BlackCondIt.woff2") format("woff2"), url("MyriadPro-BlackCondIt.woff") format("woff"), url("MyriadPro-BlackCondIt.ttf") format("truetype");
  font-weight: 900;
  font-style: italic;
}
*:focus-visible {
  outline: -webkit-focus-ring-color none;
}

main {
  position: relative;
}

.region-content .title-container,
.region-offcanvas .title-container {
  position: relative;
}

body.path-admin .region-content,
body.path-user .region-content,
body.path-media .region-content {
  margin: 8px;
}
body.path-admin .region-content .block-core,
body.path-user .region-content .block-core,
body.path-media .region-content .block-core {
  margin: 0 auto;
  max-width: 1200px;
}
body.path-admin .region-content .block-system-main-block,
body.path-user .region-content .block-system-main-block,
body.path-media .region-content .block-system-main-block {
  background-color: #eee;
  border: 1px solid lightgray;
  padding: 20px;
  margin: 0 auto 20px;
  max-width: 1200px;
}

.region-content {
  padding: 0;
}
.region-content #block-spisemot-b4-local-tasks {
  z-index: 4;
}
.region-content .block-local-actions-block {
  max-width: 1200px;
  margin: 0 auto;
}
.region-content .node-type-list,
.region-content .node-confirm-form {
  margin: 0 auto;
  width: 100%;
  max-width: 900px;
  padding: 20px;
}

.alert {
  margin-bottom: 0;
}

.hidden {
  display: none !important;
}

.disabled {
  filter: opacity(0.5);
  cursor: not-allowed;
}

body {
  position: relative;
  overflow-x: hidden;
}
body.trac, body.trac-, body.trac-0 {
  color: var(--none-color);
  background-color: var(--none-color-bg);
}
body.trac-ungdom {
  color: var(--ungdom-color);
  background-color: var(--ungdom-color-bg);
}
body.trac-foreldre {
  color: var(--foreldre-color);
  background-color: var(--foreldre-color-bg);
}

#block-searchview details,
#block-contentsmenu details,
article .content-container details {
  --details-duration: 250ms;
  clear: both;
  border: 0;
}
#block-searchview details > summary,
#block-contentsmenu details > summary,
article .content-container details > summary {
  list-style: none;
  right: 1em;
  padding-left: 5px;
}
#block-searchview details > summary::after,
#block-contentsmenu details > summary::after,
article .content-container details > summary::after {
  content: url("../icons/details-closed.svg");
  display: inline-block;
  line-height: 0;
  position: absolute;
  right: 6px;
  transition: rotate var(--details-duration) ease;
}
@media (prefers-reduced-motion: reduce) {
  #block-searchview details > summary::after,
  #block-contentsmenu details > summary::after,
  article .content-container details > summary::after {
    transition: none;
  }
}
#block-searchview details[open]:not(.details--closing) > summary::after,
#block-contentsmenu details[open]:not(.details--closing) > summary::after,
article .content-container details[open]:not(.details--closing) > summary::after {
  rotate: 180deg;
}
#block-searchview details[open] > .details-wrapper button.details-bottom-btn,
#block-searchview details[open=true] > .details-wrapper button.details-bottom-btn,
#block-contentsmenu details[open] > .details-wrapper button.details-bottom-btn,
#block-contentsmenu details[open=true] > .details-wrapper button.details-bottom-btn,
article .content-container details[open] > .details-wrapper button.details-bottom-btn,
article .content-container details[open=true] > .details-wrapper button.details-bottom-btn {
  width: 100%;
  cursor: pointer;
  padding: 10px;
  border: 0;
  background-color: transparent;
}
#block-searchview details[open] > .details-wrapper button.details-bottom-btn::after,
#block-searchview details[open=true] > .details-wrapper button.details-bottom-btn::after,
#block-contentsmenu details[open] > .details-wrapper button.details-bottom-btn::after,
#block-contentsmenu details[open=true] > .details-wrapper button.details-bottom-btn::after,
article .content-container details[open] > .details-wrapper button.details-bottom-btn::after,
article .content-container details[open=true] > .details-wrapper button.details-bottom-btn::after {
  content: url("../icons/details-open.svg");
  position: absolute;
  right: 6px;
  bottom: 1em;
}
#block-searchview details > summary,
#block-contentsmenu details > summary,
article .content-container details > summary {
  font-family: "Myriad Pro Condensed", sans-serif;
  letter-spacing: 0.5px;
  font-size: 1.8em;
  padding: 15px 0 15px 3px;
  font-weight: 400;
  line-height: 1.1;
  color: var(--heading-color);
}
#block-searchview details > summary::-webkit-details-marker,
#block-contentsmenu details > summary::-webkit-details-marker,
article .content-container details > summary::-webkit-details-marker {
  content: "";
  display: none !important;
}
#block-searchview details > summary::marker,
#block-contentsmenu details > summary::marker,
article .content-container details > summary::marker {
  content: "";
  display: none !important;
}
#block-searchview details > summary::before,
#block-contentsmenu details > summary::before,
article .content-container details > summary::before {
  display: inline-block;
  position: relative;
}
#block-searchview details .details-wrapper,
#block-contentsmenu details .details-wrapper,
article .content-container details .details-wrapper {
  padding: 1em;
  overflow: hidden;
  transition: height var(--details-duration) ease, padding-block var(--details-duration) ease;
}
@media (prefers-reduced-motion: reduce) {
  #block-searchview details .details-wrapper,
  #block-contentsmenu details .details-wrapper,
  article .content-container details .details-wrapper {
    transition: none;
  }
}
#block-searchview details .details-wrapper button.details-bottom-btn,
#block-contentsmenu details .details-wrapper button.details-bottom-btn,
article .content-container details .details-wrapper button.details-bottom-btn {
  width: 100%;
  cursor: pointer;
  border: 0;
  background-color: transparent;
}
#block-searchview details .details-wrapper button.details-bottom-btn::after,
#block-contentsmenu details .details-wrapper button.details-bottom-btn::after,
article .content-container details .details-wrapper button.details-bottom-btn::after {
  content: url("../icons/details-open.svg");
  position: absolute;
  right: 1em;
  bottom: 1em;
}
#block-searchview details .details-wrapper > details,
#block-contentsmenu details .details-wrapper > details,
article .content-container details .details-wrapper > details {
  border: 0;
}
#block-searchview details .details-wrapper > details summary,
#block-contentsmenu details .details-wrapper > details summary,
article .content-container details .details-wrapper > details summary {
  font-size: 1.5em;
  letter-spacing: 0.5px;
  padding-left: 0;
  font-weight: normal;
}
#block-searchview details .details-wrapper > details summary:before,
#block-contentsmenu details .details-wrapper > details summary:before,
article .content-container details .details-wrapper > details summary:before {
  display: inline-block;
  position: relative;
  width: 20px;
  left: -3px;
  vertical-align: top;
}
#block-searchview details .details-wrapper > details .details-wrapper,
#block-contentsmenu details .details-wrapper > details .details-wrapper,
article .content-container details .details-wrapper > details .details-wrapper {
  padding: 1em;
  border: 0;
}
#block-searchview details .details-wrapper > details[open] summary::before,
#block-contentsmenu details .details-wrapper > details[open] summary::before,
article .content-container details .details-wrapper > details[open] summary::before {
  content: url("../icons/details-closed.svg");
}

header {
  position: relative;
}
header .region-header {
  display: flex;
  flex-flow: row nowrap;
  align-items: flex-end;
  align-content: center;
  justify-content: center;
  min-width: 100%;
  height: 12.5vw;
  max-height: 150px;
}
header .region-header #block-sitebranding {
  flex-grow: 0;
}
header .region-header #block-sitebranding .navbar-brand {
  padding: 0;
  margin: 0;
}
header .region-header #block-sitebranding .navbar-brand a img {
  width: 16vw;
  max-width: 192px;
  height: auto;
  margin: 0.5vw;
}
header .region-header #block-owners-logo {
  flex-grow: 1;
  display: flex;
  justify-content: center;
  align-content: end;
}
header .region-header #block-owners-logo .owners-logo {
  background-image: url(../images/owners_logo.png);
  background-repeat: no-repeat;
  background-size: 30vw;
  background-position: center;
  width: 60vw;
  max-width: 720px;
  height: 10vw;
  max-height: 120px;
  margin-right: 20vw;
}
@media screen and (min-width: 1200px) {
  header .region-header #block-owners-logo .owners-logo {
    background-size: 360px;
  }
}
header body.trac .region-header, header body.trac- .region-header, header body.trac-0 .region-header {
  color: var(--none-header-color);
  background-color: var(--none-header-color-bg);
}
header body.trac-ungdom .region-header {
  color: var(--ungdom-header-color);
  background-color: var(--ungdom-header-color-bg);
}
header body.trac-foreldre .region-header {
  color: var(--foreldre-header-color);
  background-color: var(--foreldre-header-color-bg);
}

.region-nav-main {
  position: relative;
  width: 100% !important;
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
  z-index: 10;
}
.region-nav-main nav,
.region-nav-main .view {
  display: flex;
  flex-flow: row nowrap;
  justify-content: center;
  font-family: "Formula", serif;
  font-style: normal;
  font-weight: 300;
}
.region-nav-main nav ul,
.region-nav-main .view ul {
  position: relative;
  display: flex;
  flex-flow: row nowrap;
  justify-content: center;
  padding: 0;
  margin: 0;
}
.region-nav-main nav ul li,
.region-nav-main .view ul li {
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-end;
  align-items: stretch;
  text-decoration: none;
  padding: 0 1vw;
  margin: 0;
  width: fit-content;
  z-index: 1;
}
@media screen and (min-width: 1200px) {
  .region-nav-main nav ul li,
  .region-nav-main .view ul li {
    padding: 0 12px;
  }
}
.region-nav-main nav ul li a, .region-nav-main nav ul li a.menu-title,
.region-nav-main .view ul li a,
.region-nav-main .view ul li a.menu-title {
  hyphens: auto;
  height: fit-content;
  hyphens: auto;
  font-size: 3vw;
  padding: 0.15vw;
  letter-spacing: unset;
  flex: auto;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .region-nav-main nav ul li a, .region-nav-main nav ul li a.menu-title,
  .region-nav-main .view ul li a,
  .region-nav-main .view ul li a.menu-title {
    letter-spacing: 1.2px;
    font-size: 23px;
    hyphens: auto;
  }
}
@media screen and (min-width: 1200px) {
  .region-nav-main nav ul li a, .region-nav-main nav ul li a.menu-title,
  .region-nav-main .view ul li a,
  .region-nav-main .view ul li a.menu-title {
    font-size: 25px;
  }
}
.region-nav-main nav ul li .menu_link_content,
.region-nav-main nav ul li .selected-title,
.region-nav-main .view ul li .menu_link_content,
.region-nav-main .view ul li .selected-title {
  display: none;
  position: absolute;
  justify-content: center;
  align-items: center;
  width: 85%;
  left: 0;
  bottom: -10vw;
  font-family: "Formula", sans-serif;
  font-size: 5.6vw;
  letter-spacing: unset;
}
@media screen and (min-width: 576px) {
  .region-nav-main nav ul li .menu_link_content,
  .region-nav-main nav ul li .selected-title,
  .region-nav-main .view ul li .menu_link_content,
  .region-nav-main .view ul li .selected-title {
    width: 85%;
    bottom: -52px;
    font-size: 32px;
  }
}
.region-nav-main nav ul li a.nav-link,
.region-nav-main .view ul li a.nav-link {
  padding: 0 0.3em;
}
.region-nav-main nav ul li a.nav-link:before,
.region-nav-main .view ul li a.nav-link:before {
  background-size: 100%;
  background-position: center;
}
@media screen and (min-width: 576px) {
  .region-nav-main nav ul li a.nav-link:before,
  .region-nav-main .view ul li a.nav-link:before {
    background-size: 90%;
  }
}
.region-nav-main nav ul li a:before,
.region-nav-main .view ul li a:before {
  margin: 5px auto;
  content: "";
  display: block;
  height: 8vw;
  max-height: 96px;
  width: 8vw;
  max-width: 96px;
  background-size: 8vw 8vw;
  background-repeat: no-repeat;
}
@media screen and (min-width: 1200px) {
  .region-nav-main nav ul li a:before,
  .region-nav-main .view ul li a:before {
    background-size: 96px 96px;
  }
}
.region-nav-main #block-activeterm {
  flex-grow: 0;
  margin: 0;
  position: absolute;
  top: -7.5vw;
  right: 0;
  z-index: 10;
}
@media screen and (min-width: 1200px) {
  .region-nav-main #block-activeterm {
    top: -90px;
  }
}
.region-nav-main #block-activeterm .trac-items {
  align-items: flex-start;
}
.region-nav-main #block-activeterm .trac-items .trac-item {
  margin: -0.25vw 0.15vw;
}
.region-nav-main #block-activeterm .trac-items .trac-item .button {
  margin: 0;
  padding: 0;
  background-size: 7.5vw 5vw;
  background-position-y: 0.3vw;
  width: 7.5vw;
  height: 7.5vw;
  padding-top: 5.25vw;
  font-size: 1.6vw;
  border-radius: 0.3vw;
}
@media screen and (min-width: 1200px) {
  .region-nav-main #block-activeterm .trac-items .trac-item .button {
    background-size: 90px 60px;
    background-position-y: 4px;
    width: 90px;
    height: 90px;
    padding-top: 63px;
    font-size: 20px;
  }
}
.region-nav-main #block-activeterm .trac-items .trac-item.active {
  filter: opacity(100%);
  order: 100;
  position: relative;
}
.region-nav-main #block-activeterm .trac-items .trac-item.active .button {
  background-size: 11vw 7.25vw;
  width: 11vw;
  height: 11vw;
  padding-top: 7.5vw;
  font-size: 2.5vw;
  border-radius: 0.4vw;
}
@media screen and (min-width: 1200px) {
  .region-nav-main #block-activeterm .trac-items .trac-item.active .button {
    background-size: 132px 87px;
    background-position-y: 0;
    width: 132px;
    height: 132px;
    padding-top: 96px;
    font-size: 24px;
  }
}
.region-nav-main #block-breadcrumb {
  min-height: 50px;
}
.region-nav-main #block-breadcrumb.search-bg {
  background-color: var(--search-color-bg) !important;
}
.region-nav-main #block-breadcrumb .hidden {
  display: none !important;
}
.region-nav-main #block-breadcrumb .breadcrumb-wrapper {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  height: 5vw;
  max-height: 60px;
  min-height: 50px;
}
.region-nav-main #block-breadcrumb .breadcrumb-wrapper button.favoritebutton,
.region-nav-main #block-breadcrumb .breadcrumb-wrapper button.searchbutton,
.region-nav-main #block-breadcrumb .breadcrumb-wrapper button.contentbutton,
.region-nav-main #block-breadcrumb .breadcrumb-wrapper button.exitbutton {
  /* Base styles */
  display: block;
  cursor: pointer;
  border: 0;
  /* Hide button caption text */
  overflow: hidden;
  color: transparent;
  /* The fill animation */
  background-color: var(--nav-color);
  width: 40px;
  height: 40px;
}
@media screen and (min-width: 1200px) {
  .region-nav-main #block-breadcrumb .breadcrumb-wrapper button.favoritebutton,
  .region-nav-main #block-breadcrumb .breadcrumb-wrapper button.searchbutton,
  .region-nav-main #block-breadcrumb .breadcrumb-wrapper button.contentbutton,
  .region-nav-main #block-breadcrumb .breadcrumb-wrapper button.exitbutton {
    width: 48px;
    height: 48px;
  }
}
.region-nav-main #block-breadcrumb .breadcrumb-wrapper .exitbutton {
  z-index: 11;
  -webkit-mask: var(--exitmenu-icon);
  mask: var(--exitmenu-icon);
}
.region-nav-main #block-breadcrumb .breadcrumb-wrapper .favoritebutton {
  -webkit-mask: var(--favoritemenu-icon);
  mask: var(--favoritemenu-icon);
}
.region-nav-main #block-breadcrumb .breadcrumb-wrapper .searchbutton {
  -webkit-mask: var(--searchmenu-icon);
  mask: var(--searchmenu-icon);
}
.region-nav-main #block-breadcrumb .breadcrumb-wrapper .contentbutton {
  -webkit-mask: var(--contentmenu-icon);
  mask: var(--contentmenu-icon);
}

body.trac-ungdom.path-forside .region-nav-main li a.forside + div.selected-title, body.trac-foreldre.path-forside .region-nav-main li a.forside + div.selected-title {
  display: flex;
}
body.trac-ungdom.path-spis .region-nav-main li a.spis + div.selected-title, body.trac-foreldre.path-spis .region-nav-main li a.spis + div.selected-title {
  display: flex;
}
body.trac-ungdom.path-hvorfor .region-nav-main li a.hvorfor + div.selected-title, body.trac-foreldre.path-hvorfor .region-nav-main li a.hvorfor + div.selected-title {
  display: flex;
}
body.trac-ungdom.path-matkropp .region-nav-main li a.matkropp + div.selected-title, body.trac-foreldre.path-matkropp .region-nav-main li a.matkropp + div.selected-title {
  display: flex;
}
body.trac-ungdom.path-veienut .region-nav-main li a.veienut + div.selected-title, body.trac-foreldre.path-veienut .region-nav-main li a.veienut + div.selected-title {
  display: flex;
}
body.trac-ungdom.path-familievenner .region-nav-main li a.familievenner + div.selected-title, body.trac-foreldre.path-familievenner .region-nav-main li a.familievenner + div.selected-title {
  display: flex;
}

body.trac .region-nav-main, body.trac- .region-nav-main, body.trac-0 .region-nav-main {
  background-color: var(--none-header-color-bg);
}
body.trac .region-nav-main nav, body.trac .region-nav-main .view, body.trac- .region-nav-main nav, body.trac- .region-nav-main .view, body.trac-0 .region-nav-main nav, body.trac-0 .region-nav-main .view {
  background-color: var(--none-nav-color-bg);
}
body.trac .region-nav-main #block-breadcrumb, body.trac- .region-nav-main #block-breadcrumb, body.trac-0 .region-nav-main #block-breadcrumb {
  background-color: var(--none-header-color-bg);
}
body.trac .region-nav-main #block-breadcrumb .bar1, body.trac .region-nav-main #block-breadcrumb .bar2, body.trac .region-nav-main #block-breadcrumb .bar3, body.trac- .region-nav-main #block-breadcrumb .bar1, body.trac- .region-nav-main #block-breadcrumb .bar2, body.trac- .region-nav-main #block-breadcrumb .bar3, body.trac-0 .region-nav-main #block-breadcrumb .bar1, body.trac-0 .region-nav-main #block-breadcrumb .bar2, body.trac-0 .region-nav-main #block-breadcrumb .bar3 {
  background-color: var(--none-header-color);
}
body.trac .region-nav-main li, body.trac- .region-nav-main li, body.trac-0 .region-nav-main li {
  background-color: var(--none-nav-color-bg);
}
body.trac .region-nav-main li a, body.trac- .region-nav-main li a, body.trac-0 .region-nav-main li a {
  color: var(--none-nav-color);
}
body.trac .region-nav-main li a.forside:before, body.trac- .region-nav-main li a.forside:before, body.trac-0 .region-nav-main li a.forside:before {
  background-image: url("../images/none-forside.svg");
}
body.trac .region-nav-main li a.spis:before, body.trac- .region-nav-main li a.spis:before, body.trac-0 .region-nav-main li a.spis:before {
  background-image: url("../images/none-spis.svg");
}
body.trac .region-nav-main li a.hvorfor:before, body.trac- .region-nav-main li a.hvorfor:before, body.trac-0 .region-nav-main li a.hvorfor:before {
  background-image: url("../images/none-hvorfor.svg");
}
body.trac .region-nav-main li a.matkropp:before, body.trac- .region-nav-main li a.matkropp:before, body.trac-0 .region-nav-main li a.matkropp:before {
  background-image: url("../images/none-matkropp.svg");
}
body.trac .region-nav-main li a.veienut:before, body.trac- .region-nav-main li a.veienut:before, body.trac-0 .region-nav-main li a.veienut:before {
  background-image: url("../images/none-veienut.svg");
}
body.trac .region-nav-main li a.familievenner:before, body.trac- .region-nav-main li a.familievenner:before, body.trac-0 .region-nav-main li a.familievenner:before {
  background-image: url("../images/none-familievenner.svg");
}
body.trac.path-forside .region-nav-main li a.forside, body.trac-.path-forside .region-nav-main li a.forside, body.trac-0.path-forside .region-nav-main li a.forside {
  display: block;
  color: transparent;
  background-color: var(--none-forside-color-bg);
}
body.trac.path-forside .region-nav-main li a.forside + .menu_link_content,
body.trac.path-forside .region-nav-main li a.forside + .selected-title, body.trac-.path-forside .region-nav-main li a.forside + .menu_link_content,
body.trac-.path-forside .region-nav-main li a.forside + .selected-title, body.trac-0.path-forside .region-nav-main li a.forside + .menu_link_content,
body.trac-0.path-forside .region-nav-main li a.forside + .selected-title {
  color: var(--none-forside-color);
  background-color: transparent;
}
body.trac.path-forside .region-nav-main #block-breadcrumb, body.trac-.path-forside .region-nav-main #block-breadcrumb, body.trac-0.path-forside .region-nav-main #block-breadcrumb {
  background-color: var(--none-forside-color-bg);
}
body.trac.path-spis .region-nav-main li a.spis, body.trac-.path-spis .region-nav-main li a.spis, body.trac-0.path-spis .region-nav-main li a.spis {
  display: block;
  color: transparent;
  background-color: var(--none-spis-color-bg);
}
body.trac.path-spis .region-nav-main li a.spis + .menu_link_content,
body.trac.path-spis .region-nav-main li a.spis + .selected-title, body.trac-.path-spis .region-nav-main li a.spis + .menu_link_content,
body.trac-.path-spis .region-nav-main li a.spis + .selected-title, body.trac-0.path-spis .region-nav-main li a.spis + .menu_link_content,
body.trac-0.path-spis .region-nav-main li a.spis + .selected-title {
  color: var(--none-spis-color);
  background-color: transparent;
}
body.trac.path-spis .region-nav-main #block-breadcrumb, body.trac-.path-spis .region-nav-main #block-breadcrumb, body.trac-0.path-spis .region-nav-main #block-breadcrumb {
  background-color: var(--none-spis-color-bg);
}
body.trac.path-hvorfor .region-nav-main li a.hvorfor, body.trac-.path-hvorfor .region-nav-main li a.hvorfor, body.trac-0.path-hvorfor .region-nav-main li a.hvorfor {
  display: block;
  color: transparent;
  background-color: var(--none-hvorfor-color-bg);
}
body.trac.path-hvorfor .region-nav-main li a.hvorfor + .menu_link_content,
body.trac.path-hvorfor .region-nav-main li a.hvorfor + .selected-title, body.trac-.path-hvorfor .region-nav-main li a.hvorfor + .menu_link_content,
body.trac-.path-hvorfor .region-nav-main li a.hvorfor + .selected-title, body.trac-0.path-hvorfor .region-nav-main li a.hvorfor + .menu_link_content,
body.trac-0.path-hvorfor .region-nav-main li a.hvorfor + .selected-title {
  color: var(--none-hvorfor-color);
  background-color: transparent;
}
body.trac.path-hvorfor .region-nav-main #block-breadcrumb, body.trac-.path-hvorfor .region-nav-main #block-breadcrumb, body.trac-0.path-hvorfor .region-nav-main #block-breadcrumb {
  background-color: var(--none-hvorfor-color-bg);
}
body.trac.path-matkropp .region-nav-main li a.matkropp, body.trac-.path-matkropp .region-nav-main li a.matkropp, body.trac-0.path-matkropp .region-nav-main li a.matkropp {
  display: block;
  color: transparent;
  background-color: var(--none-matkropp-color-bg);
}
body.trac.path-matkropp .region-nav-main li a.matkropp + .menu_link_content,
body.trac.path-matkropp .region-nav-main li a.matkropp + .selected-title, body.trac-.path-matkropp .region-nav-main li a.matkropp + .menu_link_content,
body.trac-.path-matkropp .region-nav-main li a.matkropp + .selected-title, body.trac-0.path-matkropp .region-nav-main li a.matkropp + .menu_link_content,
body.trac-0.path-matkropp .region-nav-main li a.matkropp + .selected-title {
  color: var(--none-matkropp-color);
  background-color: transparent;
}
body.trac.path-matkropp .region-nav-main #block-breadcrumb, body.trac-.path-matkropp .region-nav-main #block-breadcrumb, body.trac-0.path-matkropp .region-nav-main #block-breadcrumb {
  background-color: var(--none-matkropp-color-bg);
}
body.trac.path-veienut .region-nav-main li a.veienut, body.trac-.path-veienut .region-nav-main li a.veienut, body.trac-0.path-veienut .region-nav-main li a.veienut {
  display: block;
  color: transparent;
  background-color: var(--none-veienut-color-bg);
}
body.trac.path-veienut .region-nav-main li a.veienut + .menu_link_content,
body.trac.path-veienut .region-nav-main li a.veienut + .selected-title, body.trac-.path-veienut .region-nav-main li a.veienut + .menu_link_content,
body.trac-.path-veienut .region-nav-main li a.veienut + .selected-title, body.trac-0.path-veienut .region-nav-main li a.veienut + .menu_link_content,
body.trac-0.path-veienut .region-nav-main li a.veienut + .selected-title {
  color: var(--none-veienut-color);
  background-color: transparent;
}
body.trac.path-veienut .region-nav-main #block-breadcrumb, body.trac-.path-veienut .region-nav-main #block-breadcrumb, body.trac-0.path-veienut .region-nav-main #block-breadcrumb {
  background-color: var(--none-veienut-color-bg);
}
body.trac.path-familievenner .region-nav-main li a.familievenner, body.trac-.path-familievenner .region-nav-main li a.familievenner, body.trac-0.path-familievenner .region-nav-main li a.familievenner {
  display: block;
  color: transparent;
  background-color: var(--none-familievenner-color-bg);
}
body.trac.path-familievenner .region-nav-main li a.familievenner + .menu_link_content,
body.trac.path-familievenner .region-nav-main li a.familievenner + .selected-title, body.trac-.path-familievenner .region-nav-main li a.familievenner + .menu_link_content,
body.trac-.path-familievenner .region-nav-main li a.familievenner + .selected-title, body.trac-0.path-familievenner .region-nav-main li a.familievenner + .menu_link_content,
body.trac-0.path-familievenner .region-nav-main li a.familievenner + .selected-title {
  color: var(--none-familievenner-color);
  background-color: transparent;
}
body.trac.path-familievenner .region-nav-main #block-breadcrumb, body.trac-.path-familievenner .region-nav-main #block-breadcrumb, body.trac-0.path-familievenner .region-nav-main #block-breadcrumb {
  background-color: var(--none-familievenner-color-bg);
}
body.trac-ungdom .region-nav-main {
  background-color: var(--ungdom-header-color-bg);
}
body.trac-ungdom .region-nav-main nav, body.trac-ungdom .region-nav-main .view {
  background-color: var(--ungdom-nav-color-bg);
}
body.trac-ungdom .region-nav-main #block-breadcrumb {
  background-color: var(--ungdom-header-color-bg);
}
body.trac-ungdom .region-nav-main #block-breadcrumb .bar1, body.trac-ungdom .region-nav-main #block-breadcrumb .bar2, body.trac-ungdom .region-nav-main #block-breadcrumb .bar3 {
  background-color: var(--ungdom-header-color);
}
body.trac-ungdom .region-nav-main li {
  background-color: var(--ungdom-nav-color-bg);
}
body.trac-ungdom .region-nav-main li a {
  color: var(--ungdom-nav-color);
}
body.trac-ungdom .region-nav-main li a.forside:before {
  background-image: url("../images/ungdom-forside.svg");
}
body.trac-ungdom .region-nav-main li a.spis:before {
  background-image: url("../images/ungdom-spis.svg");
}
body.trac-ungdom .region-nav-main li a.hvorfor:before {
  background-image: url("../images/ungdom-hvorfor.svg");
}
body.trac-ungdom .region-nav-main li a.matkropp:before {
  background-image: url("../images/ungdom-matkropp.svg");
}
body.trac-ungdom .region-nav-main li a.veienut:before {
  background-image: url("../images/ungdom-veienut.svg");
}
body.trac-ungdom .region-nav-main li a.familievenner:before {
  background-image: url("../images/ungdom-familievenner.svg");
}
body.trac-ungdom.path-forside .region-nav-main li a.forside {
  display: block;
  color: transparent;
  background-color: var(--ungdom-forside-color-bg);
}
body.trac-ungdom.path-forside .region-nav-main li a.forside + .menu_link_content,
body.trac-ungdom.path-forside .region-nav-main li a.forside + .selected-title {
  color: var(--ungdom-forside-color);
  background-color: transparent;
}
body.trac-ungdom.path-forside .region-nav-main #block-breadcrumb {
  background-color: var(--ungdom-forside-color-bg);
}
body.trac-ungdom.path-spis .region-nav-main li a.spis {
  display: block;
  color: transparent;
  background-color: var(--ungdom-spis-color-bg);
}
body.trac-ungdom.path-spis .region-nav-main li a.spis + .menu_link_content,
body.trac-ungdom.path-spis .region-nav-main li a.spis + .selected-title {
  color: var(--ungdom-spis-color);
  background-color: transparent;
}
body.trac-ungdom.path-spis .region-nav-main #block-breadcrumb {
  background-color: var(--ungdom-spis-color-bg);
}
body.trac-ungdom.path-hvorfor .region-nav-main li a.hvorfor {
  display: block;
  color: transparent;
  background-color: var(--ungdom-hvorfor-color-bg);
}
body.trac-ungdom.path-hvorfor .region-nav-main li a.hvorfor + .menu_link_content,
body.trac-ungdom.path-hvorfor .region-nav-main li a.hvorfor + .selected-title {
  color: var(--ungdom-hvorfor-color);
  background-color: transparent;
}
body.trac-ungdom.path-hvorfor .region-nav-main #block-breadcrumb {
  background-color: var(--ungdom-hvorfor-color-bg);
}
body.trac-ungdom.path-matkropp .region-nav-main li a.matkropp {
  display: block;
  color: transparent;
  background-color: var(--ungdom-matkropp-color-bg);
}
body.trac-ungdom.path-matkropp .region-nav-main li a.matkropp + .menu_link_content,
body.trac-ungdom.path-matkropp .region-nav-main li a.matkropp + .selected-title {
  color: var(--ungdom-matkropp-color);
  background-color: transparent;
}
body.trac-ungdom.path-matkropp .region-nav-main #block-breadcrumb {
  background-color: var(--ungdom-matkropp-color-bg);
}
body.trac-ungdom.path-veienut .region-nav-main li a.veienut {
  display: block;
  color: transparent;
  background-color: var(--ungdom-veienut-color-bg);
}
body.trac-ungdom.path-veienut .region-nav-main li a.veienut + .menu_link_content,
body.trac-ungdom.path-veienut .region-nav-main li a.veienut + .selected-title {
  color: var(--ungdom-veienut-color);
  background-color: transparent;
}
body.trac-ungdom.path-veienut .region-nav-main #block-breadcrumb {
  background-color: var(--ungdom-veienut-color-bg);
}
body.trac-ungdom.path-familievenner .region-nav-main li a.familievenner {
  display: block;
  color: transparent;
  background-color: var(--ungdom-familievenner-color-bg);
}
body.trac-ungdom.path-familievenner .region-nav-main li a.familievenner + .menu_link_content,
body.trac-ungdom.path-familievenner .region-nav-main li a.familievenner + .selected-title {
  color: var(--ungdom-familievenner-color);
  background-color: transparent;
}
body.trac-ungdom.path-familievenner .region-nav-main #block-breadcrumb {
  background-color: var(--ungdom-familievenner-color-bg);
}
body.trac-foreldre .region-nav-main {
  background-color: var(--foreldre-header-color-bg);
}
body.trac-foreldre .region-nav-main nav, body.trac-foreldre .region-nav-main .view {
  background-color: var(--foreldre-nav-color-bg);
}
body.trac-foreldre .region-nav-main #block-breadcrumb {
  background-color: var(--foreldre-header-color-bg);
}
body.trac-foreldre .region-nav-main #block-breadcrumb .bar1, body.trac-foreldre .region-nav-main #block-breadcrumb .bar2, body.trac-foreldre .region-nav-main #block-breadcrumb .bar3 {
  background-color: var(--foreldre-header-color);
}
body.trac-foreldre .region-nav-main li {
  background-color: var(--foreldre-nav-color-bg);
}
body.trac-foreldre .region-nav-main li a {
  color: var(--foreldre-nav-color);
}
body.trac-foreldre .region-nav-main li a.forside:before {
  background-image: url("../images/foreldre-forside.svg");
}
body.trac-foreldre .region-nav-main li a.spis:before {
  background-image: url("../images/foreldre-spis.svg");
}
body.trac-foreldre .region-nav-main li a.hvorfor:before {
  background-image: url("../images/foreldre-hvorfor.svg");
}
body.trac-foreldre .region-nav-main li a.matkropp:before {
  background-image: url("../images/foreldre-matkropp.svg");
}
body.trac-foreldre .region-nav-main li a.veienut:before {
  background-image: url("../images/foreldre-veienut.svg");
}
body.trac-foreldre .region-nav-main li a.familievenner:before {
  background-image: url("../images/foreldre-familievenner.svg");
}
body.trac-foreldre.path-forside .region-nav-main li a.forside {
  display: block;
  color: transparent;
  background-color: var(--foreldre-forside-color-bg);
}
body.trac-foreldre.path-forside .region-nav-main li a.forside + .menu_link_content,
body.trac-foreldre.path-forside .region-nav-main li a.forside + .selected-title {
  color: var(--foreldre-forside-color);
  background-color: transparent;
}
body.trac-foreldre.path-forside .region-nav-main #block-breadcrumb {
  background-color: var(--foreldre-forside-color-bg);
}
body.trac-foreldre.path-spis .region-nav-main li a.spis {
  display: block;
  color: transparent;
  background-color: var(--foreldre-spis-color-bg);
}
body.trac-foreldre.path-spis .region-nav-main li a.spis + .menu_link_content,
body.trac-foreldre.path-spis .region-nav-main li a.spis + .selected-title {
  color: var(--foreldre-spis-color);
  background-color: transparent;
}
body.trac-foreldre.path-spis .region-nav-main #block-breadcrumb {
  background-color: var(--foreldre-spis-color-bg);
}
body.trac-foreldre.path-hvorfor .region-nav-main li a.hvorfor {
  display: block;
  color: transparent;
  background-color: var(--foreldre-hvorfor-color-bg);
}
body.trac-foreldre.path-hvorfor .region-nav-main li a.hvorfor + .menu_link_content,
body.trac-foreldre.path-hvorfor .region-nav-main li a.hvorfor + .selected-title {
  color: var(--foreldre-hvorfor-color);
  background-color: transparent;
}
body.trac-foreldre.path-hvorfor .region-nav-main #block-breadcrumb {
  background-color: var(--foreldre-hvorfor-color-bg);
}
body.trac-foreldre.path-matkropp .region-nav-main li a.matkropp {
  display: block;
  color: transparent;
  background-color: var(--foreldre-matkropp-color-bg);
}
body.trac-foreldre.path-matkropp .region-nav-main li a.matkropp + .menu_link_content,
body.trac-foreldre.path-matkropp .region-nav-main li a.matkropp + .selected-title {
  color: var(--foreldre-matkropp-color);
  background-color: transparent;
}
body.trac-foreldre.path-matkropp .region-nav-main #block-breadcrumb {
  background-color: var(--foreldre-matkropp-color-bg);
}
body.trac-foreldre.path-veienut .region-nav-main li a.veienut {
  display: block;
  color: transparent;
  background-color: var(--foreldre-veienut-color-bg);
}
body.trac-foreldre.path-veienut .region-nav-main li a.veienut + .menu_link_content,
body.trac-foreldre.path-veienut .region-nav-main li a.veienut + .selected-title {
  color: var(--foreldre-veienut-color);
  background-color: transparent;
}
body.trac-foreldre.path-veienut .region-nav-main #block-breadcrumb {
  background-color: var(--foreldre-veienut-color-bg);
}
body.trac-foreldre.path-familievenner .region-nav-main li a.familievenner {
  display: block;
  color: transparent;
  background-color: var(--foreldre-familievenner-color-bg);
}
body.trac-foreldre.path-familievenner .region-nav-main li a.familievenner + .menu_link_content,
body.trac-foreldre.path-familievenner .region-nav-main li a.familievenner + .selected-title {
  color: var(--foreldre-familievenner-color);
  background-color: transparent;
}
body.trac-foreldre.path-familievenner .region-nav-main #block-breadcrumb {
  background-color: var(--foreldre-familievenner-color-bg);
}

.region-content .title-container {
  position: relative;
}
body.trac .region-content .title-container, body.trac- .region-content .title-container, body.trac-0 .region-content .title-container {
  color: var(--none-title-color);
  background-color: var(--none-media-color-bg);
}
body.trac .region-content .media-container, body.trac- .region-content .media-container, body.trac-0 .region-content .media-container {
  color: var(--none-media-color);
  background-color: var(--none-media-color-bg);
}
body.trac-ungdom .region-content .title-container {
  color: var(--ungdom-title-color);
  background-color: var(--ungdom-media-color-bg);
}
body.trac-ungdom .region-content .media-container {
  color: var(--ungdom-media-color);
  background-color: var(--ungdom-media-color-bg);
}
body.trac-foreldre .region-content .title-container {
  color: var(--foreldre-title-color);
  background-color: var(--foreldre-media-color-bg);
}
body.trac-foreldre .region-content .media-container {
  color: var(--foreldre-media-color);
  background-color: var(--foreldre-media-color-bg);
}
.region-content .title-container {
  position: relative;
}

.region-offcanvas {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  background-color: darkgray;
}
.region-offcanvas #block-contentsmenu,
.region-offcanvas #block-searchview {
  position: absolute;
  top: 0;
  max-width: 1200px;
  min-height: 100%;
  z-index: 5;
  margin: 0 auto;
}
@media screen and (min-width: 1200px) {
  .region-offcanvas #block-contentsmenu,
  .region-offcanvas #block-searchview {
    left: calc(50% - 600px);
  }
}
.region-offcanvas #block-contentsmenu .view-empty,
.region-offcanvas #block-searchview .view-empty {
  width: 100vw;
  max-width: 1200px;
  padding: 20px;
}
.region-offcanvas #block-contentsmenu details .details-wrapper,
.region-offcanvas #block-searchview details .details-wrapper {
  padding: 0;
}
.region-offcanvas #block-contentsmenu > div,
.region-offcanvas #block-searchview > div {
  display: none;
  height: 0;
}
.region-offcanvas #block-contentsmenu > div.open,
.region-offcanvas #block-searchview > div.open {
  display: block;
  height: auto;
}
.region-offcanvas #block-contentsmenu > div.open .menu-item,
.region-offcanvas #block-searchview > div.open .menu-item {
  padding: 0.3em 0;
}
.region-offcanvas #block-contentsmenu > div.open .menu-item a:hover,
.region-offcanvas #block-searchview > div.open .menu-item a:hover {
  background-color: rgba(20, 20, 20, 0.1);
  text-decoration: none !important;
}
.region-offcanvas #block-contentsmenu > div.open .menu-item a,
.region-offcanvas #block-searchview > div.open .menu-item a {
  display: flex;
  flex-direction: row;
}
.region-offcanvas #block-contentsmenu > div.open .menu-item a .text,
.region-offcanvas #block-searchview > div.open .menu-item a .text {
  display: flex;
  flex-direction: column;
  padding-left: 10px;
}
.region-offcanvas #block-contentsmenu > div.open .menu-item a .text .title,
.region-offcanvas #block-searchview > div.open .menu-item a .text .title {
  font-weight: bold;
}
.region-offcanvas #block-contentsmenu > div.open .menu-item a .text .description,
.region-offcanvas #block-searchview > div.open .menu-item a .text .description {
  margin-bottom: 0;
  font-size: 80%;
}
.region-offcanvas #block-contentsmenu > div.open .menu-item article,
.region-offcanvas #block-searchview > div.open .menu-item article {
  border-bottom: 1px solid lightgray;
}
.region-offcanvas #block-contentsmenu > div.open .menu-item article .node__content,
.region-offcanvas #block-searchview > div.open .menu-item article .node__content {
  display: flex;
  flex-flow: row nowrap;
}
.region-offcanvas #block-contentsmenu > div.open .menu-item article .node__content a,
.region-offcanvas #block-searchview > div.open .menu-item article .node__content a {
  padding: 10px 20px 10px 10px;
  width: 100%;
}
.region-offcanvas #block-contentsmenu > div.open .menu-item article .node__content a:hover,
.region-offcanvas #block-searchview > div.open .menu-item article .node__content a:hover {
  background-color: rgba(20, 20, 20, 0.1);
  text-decoration: none;
}
.region-offcanvas #block-contentsmenu > div.open .menu-item article .node__content a .field--name-field-image,
.region-offcanvas #block-searchview > div.open .menu-item article .node__content a .field--name-field-image {
  width: fit-content;
  float: left;
  margin-right: 1em;
}
.region-offcanvas #block-contentsmenu > div.open .menu-item article .node__content a .field--name-field-menu-title,
.region-offcanvas #block-searchview > div.open .menu-item article .node__content a .field--name-field-menu-title {
  font-weight: bold;
  font-size: large;
}
.region-offcanvas #block-contentsmenu > div.open .details-bottom-btn:after,
.region-offcanvas #block-searchview > div.open .details-bottom-btn:after {
  position: static;
  margin-right: 1em;
  float: right;
}
.region-offcanvas #block-contentsmenu .content-menu {
  align-items: stretch;
  justify-content: center;
  overflow-x: hidden;
  overflow-y: auto;
  width: 100vw;
  top: 0;
  max-width: 1200px;
  border: 0;
  border-bottom: 2px solid gray;
}
.region-offcanvas #block-contentsmenu .content-menu > .view-content, .region-offcanvas #block-contentsmenu .content-menu > .attachment .views-element-container {
  border: 0;
  cursor: not-allowed;
  width: 100%;
  border-top: 2px solid gray;
}
.region-offcanvas #block-contentsmenu details {
  margin: 0;
}
.region-offcanvas #block-contentsmenu details summary {
  padding: 10px;
}
.region-offcanvas #block-contentsmenu .view-empty {
  padding: 20px;
}
.region-offcanvas #block-contentsmenu .ui-accordion-header {
  position: relative;
  padding: 0;
}
.region-offcanvas #block-contentsmenu .ui-accordion-header .grouping-field {
  padding: 5px;
}
.region-offcanvas #block-contentsmenu .ui-accordion-content {
  padding: 0;
}
.region-offcanvas #block-contentsmenu .menu-item-container, .region-offcanvas #block-contentsmenu .content, .region-offcanvas #block-contentsmenu .menu-item {
  position: relative;
  width: 100%;
  height: fit-content;
  padding: 10px;
  border-bottom: 1px solid grey;
}
.region-offcanvas #block-contentsmenu .menu-item-container .menu-item, .region-offcanvas #block-contentsmenu .content .menu-item, .region-offcanvas #block-contentsmenu .menu-item .menu-item {
  display: block;
}
.region-offcanvas #block-searchview .view-content {
  padding: 10px;
  background-color: var(--search-color-bg);
}
.region-offcanvas #block-searchview .view-content .menu-item {
  border-top: 1px solid grey;
}

body.trac #block-contentsmenu details .forside,
body.trac #block-contentsmenu details .frontpage,
body.trac #block-searchview details .forside,
body.trac #block-searchview details .frontpage, body.trac- #block-contentsmenu details .forside,
body.trac- #block-contentsmenu details .frontpage,
body.trac- #block-searchview details .forside,
body.trac- #block-searchview details .frontpage, body.trac-0 #block-contentsmenu details .forside,
body.trac-0 #block-contentsmenu details .frontpage,
body.trac-0 #block-searchview details .forside,
body.trac-0 #block-searchview details .frontpage {
  color: var(--none-header-color);
  background-color: var(--none-header-color-bg);
}
body.trac #block-contentsmenu details .spis,
body.trac #block-searchview details .spis, body.trac- #block-contentsmenu details .spis,
body.trac- #block-searchview details .spis, body.trac-0 #block-contentsmenu details .spis,
body.trac-0 #block-searchview details .spis {
  color: var(--none-spis-color);
  background-color: var(--none-spis-color-bg);
}
body.trac #block-contentsmenu details .hvorfor,
body.trac #block-searchview details .hvorfor, body.trac- #block-contentsmenu details .hvorfor,
body.trac- #block-searchview details .hvorfor, body.trac-0 #block-contentsmenu details .hvorfor,
body.trac-0 #block-searchview details .hvorfor {
  color: var(--none-hvorfor-color);
  background-color: var(--none-hvorfor-color-bg);
}
body.trac #block-contentsmenu details .matkropp,
body.trac #block-searchview details .matkropp, body.trac- #block-contentsmenu details .matkropp,
body.trac- #block-searchview details .matkropp, body.trac-0 #block-contentsmenu details .matkropp,
body.trac-0 #block-searchview details .matkropp {
  color: var(--none-matkropp-color);
  background-color: var(--none-matkropp-color-bg);
}
body.trac #block-contentsmenu details .veienut,
body.trac #block-searchview details .veienut, body.trac- #block-contentsmenu details .veienut,
body.trac- #block-searchview details .veienut, body.trac-0 #block-contentsmenu details .veienut,
body.trac-0 #block-searchview details .veienut {
  background-color: var(--none-veienut-color-bg);
  color: var(--none-veienut-color);
}
body.trac #block-contentsmenu details .familievenner,
body.trac #block-searchview details .familievenner, body.trac- #block-contentsmenu details .familievenner,
body.trac- #block-searchview details .familievenner, body.trac-0 #block-contentsmenu details .familievenner,
body.trac-0 #block-searchview details .familievenner {
  color: var(--none-familievenner-color);
  background-color: var(--none-familievenner-color-bg);
}
body.trac .menu-item.active, body.trac- .menu-item.active, body.trac-0 .menu-item.active {
  background-color: var(--none-nav-color-bg);
}
body.trac .menu-item .menu-text .field--name-field-menu-title a, body.trac- .menu-item .menu-text .field--name-field-menu-title a, body.trac-0 .menu-item .menu-text .field--name-field-menu-title a {
  color: var(--none-content-menu-title-color);
}
body.trac .menu-item .menu-text .field--name-body, body.trac- .menu-item .menu-text .field--name-body, body.trac-0 .menu-item .menu-text .field--name-body {
  color: var(--none-content-menu-color);
}
body.trac .view-search .view-content, body.trac .view-search .view-empty, body.trac- .view-search .view-content, body.trac- .view-search .view-empty, body.trac-0 .view-search .view-content, body.trac-0 .view-search .view-empty {
  background-color: var(--search-color-bg);
}
body.trac .view-search .view-content.active, body.trac .view-search .view-empty.active, body.trac- .view-search .view-content.active, body.trac- .view-search .view-empty.active, body.trac-0 .view-search .view-content.active, body.trac-0 .view-search .view-empty.active {
  background-color: var(--none-nav-color-bg);
}
body.trac-ungdom #block-contentsmenu details.forside summary,
body.trac-ungdom #block-searchview details.forside summary {
  background-color: var(--ungdom-forside-color-menu-bg);
}
body.trac-ungdom #block-contentsmenu details.forside,
body.trac-ungdom #block-searchview details.forside {
  color: var(--ungdom-forside-color);
  background-color: var(--ungdom-forside-color-bg);
}
body.trac-ungdom #block-contentsmenu details.spis summary,
body.trac-ungdom #block-searchview details.spis summary {
  background-color: var(--ungdom-spis-color-menu-bg);
}
body.trac-ungdom #block-contentsmenu details.spis,
body.trac-ungdom #block-searchview details.spis {
  color: var(--ungdom-spis-color);
  background-color: var(--ungdom-spis-color-bg);
}
body.trac-ungdom #block-contentsmenu details.hvorfor summary,
body.trac-ungdom #block-searchview details.hvorfor summary {
  background-color: var(--ungdom-hvorfor-color-menu-bg);
}
body.trac-ungdom #block-contentsmenu details.hvorfor,
body.trac-ungdom #block-searchview details.hvorfor {
  color: var(--ungdom-hvorfor-color);
  background-color: var(--ungdom-hvorfor-color-bg);
}
body.trac-ungdom #block-contentsmenu details.matkropp summary,
body.trac-ungdom #block-searchview details.matkropp summary {
  background-color: var(--ungdom-matkropp-color-menu-bg);
}
body.trac-ungdom #block-contentsmenu details.matkropp,
body.trac-ungdom #block-searchview details.matkropp {
  color: var(--ungdom-matkropp-color);
  background-color: var(--ungdom-matkropp-color-bg);
}
body.trac-ungdom #block-contentsmenu details.veienut summary,
body.trac-ungdom #block-searchview details.veienut summary {
  background-color: var(--ungdom-veienut-color-menu-bg);
}
body.trac-ungdom #block-contentsmenu details.veienut,
body.trac-ungdom #block-searchview details.veienut {
  background-color: var(--ungdom-veienut-color-bg);
  color: var(--ungdom-veienut-color);
}
body.trac-ungdom #block-contentsmenu details.familievenner summary,
body.trac-ungdom #block-searchview details.familievenner summary {
  background-color: var(--ungdom-familievenner-color-menu-bg);
}
body.trac-ungdom #block-contentsmenu details.familievenner,
body.trac-ungdom #block-searchview details.familievenner {
  color: var(--ungdom-familievenner-color);
  background-color: var(--ungdom-familievenner-color-bg);
}
body.trac-ungdom #block-contentsmenu .menu-item.active,
body.trac-ungdom #block-searchview .menu-item.active {
  background-color: var(--ungdom-nav-color-bg);
}
body.trac-ungdom #block-contentsmenu .menu-item .title,
body.trac-ungdom #block-searchview .menu-item .title {
  color: var(--ungdom-content-menu-title-color);
}
body.trac-ungdom #block-contentsmenu .menu-item .description,
body.trac-ungdom #block-searchview .menu-item .description {
  color: var(--ungdom-content-menu-color);
}
body.trac-ungdom #block-contentsmenu .view-search .view-content, body.trac-ungdom #block-contentsmenu .view-search .view-empty,
body.trac-ungdom #block-searchview .view-search .view-content,
body.trac-ungdom #block-searchview .view-search .view-empty {
  background-color: var(--search-color-bg);
}
body.trac-ungdom #block-contentsmenu .view-search .view-content > div.active, body.trac-ungdom #block-contentsmenu .view-search .view-empty > div.active,
body.trac-ungdom #block-searchview .view-search .view-content > div.active,
body.trac-ungdom #block-searchview .view-search .view-empty > div.active {
  background-color: var(--ungdom-nav-color-bg);
}
body.trac-foreldre #block-contentsmenu details.forside summary,
body.trac-foreldre #block-searchview details.forside summary {
  background-color: var(--foreldre-forside-color-menu-bg);
}
body.trac-foreldre #block-contentsmenu details.forside,
body.trac-foreldre #block-searchview details.forside {
  color: var(--foreldre-forside-color);
  background-color: var(--foreldre-forside-color-bg);
}
body.trac-foreldre #block-contentsmenu details.spis summary,
body.trac-foreldre #block-searchview details.spis summary {
  background-color: var(--foreldre-spis-color-menu-bg);
}
body.trac-foreldre #block-contentsmenu details.spis,
body.trac-foreldre #block-searchview details.spis {
  color: var(--foreldre-spis-color);
  background-color: var(--foreldre-spis-color-bg);
}
body.trac-foreldre #block-contentsmenu details.hvorfor summary,
body.trac-foreldre #block-searchview details.hvorfor summary {
  background-color: var(--foreldre-hvorfor-color-menu-bg);
}
body.trac-foreldre #block-contentsmenu details.hvorfor,
body.trac-foreldre #block-searchview details.hvorfor {
  color: var(--foreldre-hvorfor-color);
  background-color: var(--foreldre-hvorfor-color-bg);
}
body.trac-foreldre #block-contentsmenu details.matkropp summary,
body.trac-foreldre #block-searchview details.matkropp summary {
  background-color: var(--foreldre-matkropp-color-menu-bg);
}
body.trac-foreldre #block-contentsmenu details.matkropp,
body.trac-foreldre #block-searchview details.matkropp {
  color: var(--foreldre-matkropp-color);
  background-color: var(--foreldre-matkropp-color-bg);
}
body.trac-foreldre #block-contentsmenu details.veienut summary,
body.trac-foreldre #block-searchview details.veienut summary {
  background-color: var(--foreldre-veienut-color-menu-bg);
}
body.trac-foreldre #block-contentsmenu details.veienut,
body.trac-foreldre #block-searchview details.veienut {
  background-color: var(--foreldre-veienut-color-bg);
  color: var(--foreldre-veienut-color);
}
body.trac-foreldre #block-contentsmenu details.familievenner summary,
body.trac-foreldre #block-searchview details.familievenner summary {
  background-color: var(--foreldre-familievenner-color-menu-bg);
}
body.trac-foreldre #block-contentsmenu details.familievenner,
body.trac-foreldre #block-searchview details.familievenner {
  color: var(--foreldre-familievenner-color);
  background-color: var(--foreldre-familievenner-color-bg);
}
body.trac-foreldre #block-contentsmenu .menu-item.active,
body.trac-foreldre #block-searchview .menu-item.active {
  background-color: var(--foreldre-nav-color-bg);
}
body.trac-foreldre #block-contentsmenu .menu-item .menu-text .field--name-field-menu-title a,
body.trac-foreldre #block-searchview .menu-item .menu-text .field--name-field-menu-title a {
  color: var(--foreldre-content-menu-title-color);
}
body.trac-foreldre #block-contentsmenu .menu-item .menu-text .field--name-body,
body.trac-foreldre #block-searchview .menu-item .menu-text .field--name-body {
  color: var(--foreldre-content-menu-color);
}
body.trac-foreldre #block-contentsmenu .view-search .view-content, body.trac-foreldre #block-contentsmenu .view-search .view-empty,
body.trac-foreldre #block-searchview .view-search .view-content,
body.trac-foreldre #block-searchview .view-search .view-empty {
  background-color: var(--search-color-bg);
}
body.trac-foreldre #block-contentsmenu .view-search .view-content > div.active, body.trac-foreldre #block-contentsmenu .view-search .view-empty > div.active,
body.trac-foreldre #block-searchview .view-search .view-content > div.active,
body.trac-foreldre #block-searchview .view-search .view-empty > div.active {
  background-color: var(--foreldre-nav-color-bg);
}

.modal-background {
  z-index: 4; /* Sit on top */
  background-image: url(../images/black_transparent.png);
  filter: brightness(0.2);
  opacity: 0.8;
  cursor: not-allowed;
  user-select: none !important;
}
.modal-background:disabled {
  cursor: not-allowed;
}

footer .region-footer {
  margin: 0 auto;
  max-width: 1200px;
  display: flex;
  flex-flow: row nowrap;
  line-height: 1;
}
footer .region-footer #block-bunntekst {
  flex-grow: 1;
}
footer .region-footer #block-tools {
  flex-grow: 0;
}

body.trac footer.mt-auto, body.trac- footer.mt-auto, body.trac-0 footer.mt-auto {
  color: var(--nope-footer-color);
}
body.trac footer.mt-auto a, body.trac- footer.mt-auto a, body.trac-0 footer.mt-auto a {
  color: var(--none-footer-color);
}
body.trac footer.mt-auto, body.trac- footer.mt-auto, body.trac-0 footer.mt-auto {
  background-color: var(--none-footer-color-bg) !important;
}
body.trac footer.mt-auto h4, body.trac footer.mt-auto h5, body.trac- footer.mt-auto h4, body.trac- footer.mt-auto h5, body.trac-0 footer.mt-auto h4, body.trac-0 footer.mt-auto h5 {
  color: var(--none-footer-header-color) !important;
}
body.trac-ungdom footer.mt-auto {
  color: var(--ungdom-footer-color);
}
body.trac-ungdom footer.mt-auto a {
  color: var(--ungdom-footer-color);
}
body.trac-ungdom footer.mt-auto {
  background-color: var(--ungdom-footer-color-bg) !important;
}
body.trac-ungdom footer.mt-auto h4, body.trac-ungdom footer.mt-auto h5 {
  color: var(--ungdom-footer-header-color) !important;
}
body.trac-foreldre footer.mt-auto {
  color: var(--foreldre-footer-color);
}
body.trac-foreldre footer.mt-auto a {
  color: var(--foreldre-footer-color);
}
body.trac-foreldre footer.mt-auto {
  background-color: var(--foreldre-footer-color-bg) !important;
}
body.trac-foreldre footer.mt-auto h4, body.trac-foreldre footer.mt-auto h5 {
  color: var(--foreldre-footer-header-color) !important;
}

body.page-node-type-main.path-node .view-frontpage-header {
  max-width: 1200px;
  max-height: 56.25%;
  margin: 0 auto;
}
body.page-node-type-main.path-node .view-frontpage-header .node__content,
body.page-node-type-main.path-node .view-frontpage-header .view-content {
  display: flex;
  flex-flow: row wrap;
}
body.page-node-type-main.path-node .view-frontpage-header .node__content .header-container,
body.page-node-type-main.path-node .view-frontpage-header .view-content .header-container {
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
}
@media screen and (min-width: 576px) {
  body.page-node-type-main.path-node .view-frontpage-header .node__content .header-container,
  body.page-node-type-main.path-node .view-frontpage-header .view-content .header-container {
    flex-flow: row nowrap;
  }
}
body.page-node-type-main.path-node .view-frontpage-header .node__content .header-container .media-container,
body.page-node-type-main.path-node .view-frontpage-header .view-content .header-container .media-container {
  justify-content: flex-start;
  width: 100%;
  align-items: center;
  z-index: 2;
}
body.page-node-type-main.path-node .view-frontpage-header .node__content .header-container .media-container img,
body.page-node-type-main.path-node .view-frontpage-header .view-content .header-container .media-container img {
  height: auto;
  max-width: 100%;
}
@media screen and (min-width: 1200px) {
  body.page-node-type-main.path-node .view-frontpage-header .node__content .header-container .media-container img,
  body.page-node-type-main.path-node .view-frontpage-header .view-content .header-container .media-container img {
    max-width: 720px;
  }
}
body.page-node-type-main.path-node .view-frontpage-header .node__content .header-container .description-container,
body.page-node-type-main.path-node .view-frontpage-header .view-content .header-container .description-container {
  text-align: center;
  width: 100%;
  padding: 2vw;
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  font-size: 20px;
}
body.page-node-type-main.path-node .view-frontpage-header .node__content .header-container .description-container ul,
body.page-node-type-main.path-node .view-frontpage-header .view-content .header-container .description-container ul {
  text-align: left;
}
body.page-node-type-main.path-node .view-frontpage-header .node__content .header-container .description-container,
body.page-node-type-main.path-node .view-frontpage-header .view-content .header-container .description-container {
  max-width: 100%;
}
@media screen and (min-width: 576px) {
  body.page-node-type-main.path-node .view-frontpage-header .node__content .header-container .description-container,
  body.page-node-type-main.path-node .view-frontpage-header .view-content .header-container .description-container {
    max-width: 40%;
    text-align: left;
  }
}
@media screen and (min-width: 1200px) {
  body.page-node-type-main.path-node .view-frontpage-header .node__content .header-container .description-container,
  body.page-node-type-main.path-node .view-frontpage-header .view-content .header-container .description-container {
    max-width: 480px;
    padding: 15px;
    text-align: left;
    font-size: 22px;
  }
}
body.page-node-type-main.trac .field--name-field-header,
body.page-node-type-main.trac .view-header, body.page-node-type-main.trac- .field--name-field-header,
body.page-node-type-main.trac- .view-header, body.page-node-type-main.trac-0 .field--name-field-header,
body.page-node-type-main.trac-0 .view-header {
  color: var(--none-media-color);
  background-color: var(--none-media-color-bg);
}
body.page-node-type-main.trac-ungdom .field--name-field-header,
body.page-node-type-main.trac-ungdom .view-header {
  color: var(--ungdom-media-color) !important;
  background-color: var(--ungdom-media-color-bg);
}
body.page-node-type-main.trac-foreldre .field--name-field-header,
body.page-node-type-main .view-header .field--name-field-header {
  color: var(--foreldre-media-color) !important;
  background-color: var(--foreldre-media-color-bg);
}

body.page-node-type-main.path-frontpage .region-content .header-container .media-container {
  position: relative;
  margin: 0 auto;
  max-width: 100vw;
  max-height: 56.25vw;
  width: 100vw;
  height: 56.25vw;
}
@media screen and (min-width: 1200px) {
  body.page-node-type-main.path-frontpage .region-content .header-container .media-container {
    max-width: 1200px;
    max-height: 675px;
  }
}
body.page-node-type-main.path-frontpage .region-content .header-container .media-container > div {
  position: absolute;
  z-index: 0;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
@media screen and (min-width: 1200px) {
  body.page-node-type-main.path-frontpage .region-content .header-container .media-container > div {
    max-width: 1200px;
    max-height: 675px;
  }
}

body.page-node-type-main.path-node .region-content .header-container {
  margin: 0 auto;
  display: flex;
  flex-flow: row wrap;
  width: 100vw;
  justify-content: flex-start;
}
@media screen and (min-width: 768px) {
  body.page-node-type-main.path-node .region-content .header-container {
    flex-flow: row nowrap;
  }
}
@media screen and (min-width: 1200px) {
  body.page-node-type-main.path-node .region-content .header-container {
    max-width: 1200px;
  }
}
body.page-node-type-main.path-node .region-content .header-container .media-container {
  justify-content: flex-start;
  width: 60%;
  align-items: center;
  z-index: 2;
}
body.page-node-type-main.path-node .region-content .header-container .media-container img {
  height: auto;
  max-width: 100%;
}
@media screen and (min-width: 1200px) {
  body.page-node-type-main.path-node .region-content .header-container .media-container img {
    max-width: 720px;
  }
}
body.page-node-type-main.path-node .region-content .header-container .description-container {
  text-align: center;
  width: 100%;
  max-width: 100%;
  padding: 2vw;
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  font-size: 20px;
}
body.page-node-type-main.path-node .region-content .header-container .description-container ul {
  text-align: left;
}
@media screen and (min-width: 768px) {
  body.page-node-type-main.path-node .region-content .header-container .description-container {
    max-width: 40%;
    text-align: left;
  }
}
@media screen and (min-width: 1200px) {
  body.page-node-type-main.path-node .region-content .header-container .description-container {
    max-width: 480px;
    padding: 15px;
    font-size: 22px;
  }
}
body.page-node-type-main.path-node .region-content .header-container .media-container {
  z-index: 0;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
@media screen and (min-width: 1200px) {
  body.page-node-type-main.path-node .region-content .header-container .media-container {
    max-width: 1200px;
    max-height: 675px;
  }
}
body.page-node-type-main.path-node .region-content .header-container .view-header,
body.page-node-type-main.path-node .region-content .header-container .view-content-header,
body.page-node-type-main.path-node .region-content .header-container .view-frontpage-header {
  max-width: 1200px;
  margin: 0 auto;
}
body.page-node-type-main.path-node .region-content .header-container .view-header .node__content,
body.page-node-type-main.path-node .region-content .header-container .view-header .view-content,
body.page-node-type-main.path-node .region-content .header-container .view-content-header .node__content,
body.page-node-type-main.path-node .region-content .header-container .view-content-header .view-content,
body.page-node-type-main.path-node .region-content .header-container .view-frontpage-header .node__content,
body.page-node-type-main.path-node .region-content .header-container .view-frontpage-header .view-content {
  display: flex;
  flex-flow: row wrap;
}
body.page-node-type-main.path-node .region-content .header-container .view-header .node__content .header-container,
body.page-node-type-main.path-node .region-content .header-container .view-header .view-content .header-container,
body.page-node-type-main.path-node .region-content .header-container .view-content-header .node__content .header-container,
body.page-node-type-main.path-node .region-content .header-container .view-content-header .view-content .header-container,
body.page-node-type-main.path-node .region-content .header-container .view-frontpage-header .node__content .header-container,
body.page-node-type-main.path-node .region-content .header-container .view-frontpage-header .view-content .header-container {
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
}
@media screen and (min-width: 576px) {
  body.page-node-type-main.path-node .region-content .header-container .view-header .node__content .header-container,
  body.page-node-type-main.path-node .region-content .header-container .view-header .view-content .header-container,
  body.page-node-type-main.path-node .region-content .header-container .view-content-header .node__content .header-container,
  body.page-node-type-main.path-node .region-content .header-container .view-content-header .view-content .header-container,
  body.page-node-type-main.path-node .region-content .header-container .view-frontpage-header .node__content .header-container,
  body.page-node-type-main.path-node .region-content .header-container .view-frontpage-header .view-content .header-container {
    flex-flow: row nowrap;
  }
}
body.page-node-type-main.path-node .region-content .header-container .view-header .node__content .header-container .media-container,
body.page-node-type-main.path-node .region-content .header-container .view-header .view-content .header-container .media-container,
body.page-node-type-main.path-node .region-content .header-container .view-content-header .node__content .header-container .media-container,
body.page-node-type-main.path-node .region-content .header-container .view-content-header .view-content .header-container .media-container,
body.page-node-type-main.path-node .region-content .header-container .view-frontpage-header .node__content .header-container .media-container,
body.page-node-type-main.path-node .region-content .header-container .view-frontpage-header .view-content .header-container .media-container {
  justify-content: flex-start;
  width: 100%;
  align-items: center;
  z-index: 2;
}
body.page-node-type-main.path-node .region-content .header-container .view-header .node__content .header-container .media-container img,
body.page-node-type-main.path-node .region-content .header-container .view-header .view-content .header-container .media-container img,
body.page-node-type-main.path-node .region-content .header-container .view-content-header .node__content .header-container .media-container img,
body.page-node-type-main.path-node .region-content .header-container .view-content-header .view-content .header-container .media-container img,
body.page-node-type-main.path-node .region-content .header-container .view-frontpage-header .node__content .header-container .media-container img,
body.page-node-type-main.path-node .region-content .header-container .view-frontpage-header .view-content .header-container .media-container img {
  height: auto;
  max-width: 100%;
}
@media screen and (min-width: 1200px) {
  body.page-node-type-main.path-node .region-content .header-container .view-header .node__content .header-container .media-container img,
  body.page-node-type-main.path-node .region-content .header-container .view-header .view-content .header-container .media-container img,
  body.page-node-type-main.path-node .region-content .header-container .view-content-header .node__content .header-container .media-container img,
  body.page-node-type-main.path-node .region-content .header-container .view-content-header .view-content .header-container .media-container img,
  body.page-node-type-main.path-node .region-content .header-container .view-frontpage-header .node__content .header-container .media-container img,
  body.page-node-type-main.path-node .region-content .header-container .view-frontpage-header .view-content .header-container .media-container img {
    max-width: 720px;
  }
}
body.page-node-type-main.path-node .region-content .header-container .view-header .node__content .header-container .description-container,
body.page-node-type-main.path-node .region-content .header-container .view-header .view-content .header-container .description-container,
body.page-node-type-main.path-node .region-content .header-container .view-content-header .node__content .header-container .description-container,
body.page-node-type-main.path-node .region-content .header-container .view-content-header .view-content .header-container .description-container,
body.page-node-type-main.path-node .region-content .header-container .view-frontpage-header .node__content .header-container .description-container,
body.page-node-type-main.path-node .region-content .header-container .view-frontpage-header .view-content .header-container .description-container {
  text-align: center;
  width: 100%;
  padding: 2vw;
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  font-size: 20px;
}
body.page-node-type-main.path-node .region-content .header-container .view-header .node__content .header-container .description-container ul,
body.page-node-type-main.path-node .region-content .header-container .view-header .view-content .header-container .description-container ul,
body.page-node-type-main.path-node .region-content .header-container .view-content-header .node__content .header-container .description-container ul,
body.page-node-type-main.path-node .region-content .header-container .view-content-header .view-content .header-container .description-container ul,
body.page-node-type-main.path-node .region-content .header-container .view-frontpage-header .node__content .header-container .description-container ul,
body.page-node-type-main.path-node .region-content .header-container .view-frontpage-header .view-content .header-container .description-container ul {
  text-align: left;
}
body.page-node-type-main.path-node .region-content .header-container .view-header .node__content .header-container .description-container,
body.page-node-type-main.path-node .region-content .header-container .view-header .view-content .header-container .description-container,
body.page-node-type-main.path-node .region-content .header-container .view-content-header .node__content .header-container .description-container,
body.page-node-type-main.path-node .region-content .header-container .view-content-header .view-content .header-container .description-container,
body.page-node-type-main.path-node .region-content .header-container .view-frontpage-header .node__content .header-container .description-container,
body.page-node-type-main.path-node .region-content .header-container .view-frontpage-header .view-content .header-container .description-container {
  max-width: 100%;
}
@media screen and (min-width: 576px) {
  body.page-node-type-main.path-node .region-content .header-container .view-header .node__content .header-container .description-container,
  body.page-node-type-main.path-node .region-content .header-container .view-header .view-content .header-container .description-container,
  body.page-node-type-main.path-node .region-content .header-container .view-content-header .node__content .header-container .description-container,
  body.page-node-type-main.path-node .region-content .header-container .view-content-header .view-content .header-container .description-container,
  body.page-node-type-main.path-node .region-content .header-container .view-frontpage-header .node__content .header-container .description-container,
  body.page-node-type-main.path-node .region-content .header-container .view-frontpage-header .view-content .header-container .description-container {
    max-width: 40%;
    text-align: left;
  }
}
@media screen and (min-width: 1200px) {
  body.page-node-type-main.path-node .region-content .header-container .view-header .node__content .header-container .description-container,
  body.page-node-type-main.path-node .region-content .header-container .view-header .view-content .header-container .description-container,
  body.page-node-type-main.path-node .region-content .header-container .view-content-header .node__content .header-container .description-container,
  body.page-node-type-main.path-node .region-content .header-container .view-content-header .view-content .header-container .description-container,
  body.page-node-type-main.path-node .region-content .header-container .view-frontpage-header .node__content .header-container .description-container,
  body.page-node-type-main.path-node .region-content .header-container .view-frontpage-header .view-content .header-container .description-container {
    max-width: 480px;
    padding: 15px;
    text-align: left;
    font-size: 22px;
  }
}

body.page-node-type-main.trac .field--name-field-header,
body.page-node-type-main.trac .view-header, body.page-node-type-main.trac- .field--name-field-header,
body.page-node-type-main.trac- .view-header, body.page-node-type-main.trac-0 .field--name-field-header,
body.page-node-type-main.trac-0 .view-header {
  color: var(--none-media-color);
  background-color: var(--none-media-color-bg);
}
body.page-node-type-main.trac-ungdom .field--name-field-header,
body.page-node-type-main.trac-ungdom .view-header {
  color: var(--ungdom-media-color) !important;
  background-color: var(--ungdom-media-color-bg);
}
body.page-node-type-main.trac-foreldre .field--name-field-header,
body.page-node-type-main .view-header .field--name-field-header {
  color: var(--foreldre-media-color) !important;
  background-color: var(--foreldre-media-color-bg);
}

.field--name-field-teasers .content-list {
  max-width: 1200px;
  margin: 0 auto;
}
.field--name-field-teasers .content-list .view-content {
  display: flex;
  flex-flow: row wrap;
  align-items: stretch;
  margin: 10px 0;
  width: 100%;
}
.field--name-field-teasers .content-list .view-content .views-row {
  position: relative;
  display: grid;
  margin: 10px;
  border: 0;
  border-radius: 10px;
  padding: 10px;
  box-shadow: 0 0 20px 0 #aaa;
  background-color: transparent;
}
.field--name-field-teasers .content-list .view-content .views-row > * {
  grid-area: 1/1;
}
.field--name-field-teasers .content-list .view-content .views-row .spisemot-favs-views.views-heart {
  position: absolute;
  z-index: 2;
  justify-self: end;
  margin: 10px 20px 0; /* position within grid */
}
.field--name-field-teasers .content-list .view-content .views-row a {
  position: relative;
  height: 100%;
  font-family: "formula", serif;
  letter-spacing: 1px;
  font-style: normal;
  font-size: 1.5rem;
  font-weight: 300;
  padding: 0;
}
.field--name-field-teasers .content-list .view-content .views-row a img {
  width: 100%;
  height: auto;
}
.field--name-field-teasers .content-list .view-content .views-row {
  width: calc(100% - 20px);
  min-width: calc(100% - 20px);
}
@media screen and (min-width: 576px) {
  .field--name-field-teasers .content-list .view-content .views-row.width-25 {
    width: calc(50% - 20px);
    min-width: calc(50% - 20px);
  }
}
@media screen and (min-width: 992px) {
  .field--name-field-teasers .content-list .view-content .views-row.width-25 {
    width: calc(33% - 20px);
    min-width: calc(33% - 20px);
  }
}
@media screen and (min-width: 1200px) {
  .field--name-field-teasers .content-list .view-content .views-row.width-25 {
    width: calc(25% - 20px);
    min-width: calc(25% - 20px);
  }
}
@media screen and (min-width: 576px) {
  .field--name-field-teasers .content-list .view-content .views-row.width-33 {
    width: calc(50% - 20px);
    min-width: calc(50% - 20px);
  }
}
@media screen and (min-width: 992px) {
  .field--name-field-teasers .content-list .view-content .views-row.width-33 {
    width: calc(33.33% - 20px);
    min-width: calc(33.33% - 20px);
  }
}
@media screen and (min-width: 576px) {
  .field--name-field-teasers .content-list .view-content .views-row.width-50 {
    width: calc(50% - 20px);
    min-width: calc(50% - 20px);
  }
}
.field--name-field-teasers .content-list .view-content .views-row.width-100 {
  max-width: calc(100% - 20px);
}

body.trac .region-content .field--name-field-teaser-title a, body.trac- .region-content .field--name-field-teaser-title a, body.trac-0 .region-content .field--name-field-teaser-title a {
  color: var(--none-content-teasers-title-color);
}
body.trac-ungdom .region-content .field--name-field-teaser-title a {
  color: var(--ungdom-content-teasers-title-color);
}
body.trac-foreldre .region-content .field--name-field-teaser-title a {
  color: var(--foreldre-content-teasers-title-color);
}

.tabs-primary {
  margin: 0;
}
.tabs-primary .nav-tabs {
  border: 0;
  margin: 20px auto 0 auto;
}
.tabs-primary .nav-tabs li {
  border: 1px solid lightgray;
  border-radius: 8px 8px 0 0;
  border-bottom: 0;
  margin-bottom: -1.5px;
  background-color: transparent;
}
.tabs-primary .nav-tabs li.nav-link.active {
  border-bottom: 0;
  background-color: #eee;
  border-color: lightgray;
}

.tabs-secondary {
  position: absolute;
}
.tabs-secondary ul.nav-tabs {
  margin: 20px;
  border: 0;
}
.tabs-secondary ul.nav-tabs li {
  margin: 0 5px;
  border: 1px solid lightgrey;
  border-radius: 8px;
}
.tabs-secondary ul.nav-tabs li.nav-link {
  border-color: lightgray;
}
.tabs-secondary ul.nav-tabs li.nav-link.active {
  border-color: darkgray;
}

.horizontal-tabs {
  border: 0;
}
.horizontal-tabs > ul.horizontal-tabs-list {
  border-bottom: 1px solid lightgrey;
  background-color: transparent;
  font-family: "formula", "Open Sans", sans_serif;
  font-style: normal;
  font-weight: 300;
  font-size: 1.1rem;
  letter-spacing: 1px;
  z-index: 2;
}
@media screen and (min-width: 768px) {
  .horizontal-tabs > ul.horizontal-tabs-list {
    font-size: 1.2rem;
  }
}
@media screen and (min-width: 992px) {
  .horizontal-tabs > ul.horizontal-tabs-list {
    font-size: 1.3rem;
  }
}
.horizontal-tabs > ul.horizontal-tabs-list li.horizontal-tab-button {
  border: 0;
  min-width: 0;
  padding: 0 8px;
  background: none;
}
.horizontal-tabs > ul.horizontal-tabs-list li.horizontal-tab-button a {
  padding: 0 6px !important;
}
.horizontal-tabs > ul.horizontal-tabs-list li.horizontal-tab-button.selected a {
  border-bottom: 2px solid;
}
.horizontal-tabs > ul.horizontal-tabs-list li.horizontal-tab-button a:hover {
  background-color: transparent;
  border-bottom: 2px solid;
}
.horizontal-tabs > .horizontal-tabs-panes .horizontal-tabs-pane > .details-wrapper {
  padding: 0;
}
.horizontal-tabs > .horizontal-tabs-panes .horizontal-tabs-pane {
  padding: 0 10px;
}
.horizontal-tabs > .horizontal-tabs-panes .horizontal-tabs-pane details {
  margin-top: 0;
  padding-top: 30px;
}
.horizontal-tabs > .horizontal-tabs-panes .horizontal-tabs-pane .field--name-field-media-document {
  width: 100%;
}

.region-content .title-container {
  flex-grow: 1;
  width: 100%;
  height: fit-content;
  display: flex;
  flex-flow: column;
  justify-content: center;
  text-align: center;
}
.region-content .media-container {
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
}
.region-content .media-container .field--name-field-image img,
.region-content .media-container .field--name-field-video {
  width: 100vw;
  height: auto;
}
.region-content .media-container .field--name-field-image {
  z-index: 2;
}
.region-content .media-container .field--name-field-video {
  z-index: 3;
  position: absolute;
}
.region-content .media-container .field--name-field-video .field--name-field-media-oembed-video {
  position: relative;
  overflow: hidden;
  padding-top: 56.25%;
  width: 100% !important;
  height: auto;
}
.region-content .media-container .field--name-field-video .field--name-field-media-oembed-video .media-oembed-content {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
}

body.trac.page-node-type-main .node .title-container, body.trac-.page-node-type-main .node .title-container, body.trac-0.page-node-type-main .node .title-container {
  color: var(--none-media-color);
  background-color: var(--none-media-color-bg);
}
body.trac.page-node-type-main .node .media-container, body.trac-.page-node-type-main .node .media-container, body.trac-0.page-node-type-main .node .media-container {
  background-color: var(--none-media-color-bg);
}
body.trac-ungdom.page-node-type-main .node .title-container {
  color: var(--ungdom-media-color);
  background-color: var(--ungdom-media-color-bg);
}
body.trac-ungdom.page-node-type-main .node .media-container {
  background-color: var(--ungdom-media-color-bg);
}
body.trac-foreldre.page-node-type-main .node .title-container {
  color: var(--foreldre-media-color);
  background-color: var(--foreldre-media-color-bg);
}
body.trac-foreldre.page-node-type-main .node .media-container {
  background-color: var(--foreldre-media-color-bg);
}

.node-form,
#node-page-edit-form,
#node-page-delete-form,
#revision-overview-form {
  background-color: var(--form-color-bg);
  box-shadow: 0 0 20px var(--form-color-bg);
  padding: 20px;
  margin: 20px auto;
  max-width: 900px;
}

.node-form #edit-field-image-wrapper,
.node-form #edit-field-video-wrapper,
.node-form #edit-field-menu-title-wrapper,
.node-form #edit-field-page-title-wrapper {
  border-bottom: 1px solid lightgray;
}
.node-form details {
  padding: 3px !important;
}
.node-form .filter-guidelines li {
  list-style: none;
  padding-top: 3px;
  font-size: 0.8em;
}
.node-form details summary,
.node-form details label,
.node-form details legend,
.node-form .form-item label {
  font-weight: bold;
  margin-right: 10px;
}
.node-form .form-radios label,
.node-form .form-checkboxes label,
.node-form .form-disabled label {
  font-weight: normal;
  margin-right: 10px;
}
.node-form details > summary {
  color: var(--text-link-color);
}
.node-form .form-item button {
  margin-right: 10px;
}
.node-form .form-actions {
  text-align: left;
}
.node-form #edit-moderation-state-wrapper label {
  font-weight: bold;
  margin-right: 10px;
}
.node-form #edit-moderation-state-wrapper .container-inline {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
}
.node-form #edit-moderation-state-wrapper .container-inline .form-control {
  width: fit-content;
}
.node-form .form-submit {
  width: fit-content;
  text-align: left;
}

.media-library-edit__link {
  top: auto;
  right: auto;
  bottom: 170px;
  left: 170px;
}

body.page-node-type-page .region-content .media-container,
body.page-node-type-frontpage .region-content .media-container {
  justify-content: center;
  width: 100vw;
  height: 56.25vw;
}
@media screen and (min-width: 768px) {
  body.page-node-type-page .region-content .media-container,
  body.page-node-type-frontpage .region-content .media-container {
    max-height: 46.5vw;
  }
}
@media screen and (min-width: 1200px) {
  body.page-node-type-page .region-content .media-container,
  body.page-node-type-frontpage .region-content .media-container {
    max-height: 558px;
  }
}
@media screen and (min-width: 768px) {
  body.page-node-type-page .region-content .field--name-field-image img,
  body.page-node-type-page .region-content .field--name-field-video,
  body.page-node-type-frontpage .region-content .field--name-field-image img,
  body.page-node-type-frontpage .region-content .field--name-field-video {
    max-width: 82.6vw;
  }
}
@media screen and (min-width: 1200px) {
  body.page-node-type-page .region-content .field--name-field-image img,
  body.page-node-type-page .region-content .field--name-field-video,
  body.page-node-type-frontpage .region-content .field--name-field-image img,
  body.page-node-type-frontpage .region-content .field--name-field-video {
    max-width: 992px;
  }
}
body.page-node-type-page .title-container,
body.page-node-type-frontpage .title-container {
  z-index: 10;
  padding: 1vw 0;
}
@media screen and (min-width: 1200px) {
  body.page-node-type-page .title-container,
  body.page-node-type-frontpage .title-container {
    padding: 12px 0;
  }
}
body.page-node-type-page .title-container .flex-container,
body.page-node-type-frontpage .title-container .flex-container {
  display: flex;
  flex-flow: row nowrap;
  justify-content: center;
  align-items: center;
  max-width: 1200px;
  width: 100%;
  margin: 0 auto;
}
body.page-node-type-page .title-container .flex-container .nav-container,
body.page-node-type-frontpage .title-container .flex-container .nav-container {
  width: 6vw;
  height: 6vw;
  max-width: 72px;
  max-height: 72px;
}
body.page-node-type-page .title-container .flex-container .nav-container a,
body.page-node-type-frontpage .title-container .flex-container .nav-container a {
  width: 100%;
  height: 100%;
}
body.page-node-type-page .title-container .flex-container .field--name-field-page-title,
body.page-node-type-frontpage .title-container .flex-container .field--name-field-page-title {
  flex-grow: 1;
  z-index: 2;
  font-family: formula, Arial, Helvetica, sans-serif;
  letter-spacing: 1px;
  font-style: normal;
  font-weight: 300;
  margin: 0 auto;
  font-size: 5vw;
  line-height: 6vw;
}
@media screen and (min-width: 1200px) {
  body.page-node-type-page .title-container .flex-container .field--name-field-page-title,
  body.page-node-type-frontpage .title-container .flex-container .field--name-field-page-title {
    font-size: 60px;
    line-height: 72px;
  }
}
body.page-node-type-page .content-container,
body.page-node-type-frontpage .content-container {
  padding: 30px 10px 0;
  margin: 0 auto;
  max-width: 800px;
}
body.page-node-type-page .content-container details .details-description,
body.page-node-type-frontpage .content-container details .details-description {
  font-size: 0.85em;
  font-style: italic;
  margin-bottom: 10px;
}
body.page-node-type-page .content-container details.horizontal-tabs-pane > .details-wrapper,
body.page-node-type-frontpage .content-container details.horizontal-tabs-pane > .details-wrapper {
  height: auto !important;
}
body.page-node-type-page .content-container details.horizontal-tabs-pane > .details-wrapper > .details-bottom-btn,
body.page-node-type-frontpage .content-container details.horizontal-tabs-pane > .details-wrapper > .details-bottom-btn {
  display: none;
}
body.page-node-type-page.trac .region-content .title-container, body.page-node-type-page.trac- .region-content .title-container, body.page-node-type-page.trac-0 .region-content .title-container,
body.page-node-type-frontpage.trac .region-content .title-container,
body.page-node-type-frontpage.trac- .region-content .title-container,
body.page-node-type-frontpage.trac-0 .region-content .title-container {
  background-color: var(--none-title-color-bg);
  color: var(--none-title-color);
}
body.page-node-type-page.trac .region-content .title-container .nav-container a.prev-arrow, body.page-node-type-page.trac- .region-content .title-container .nav-container a.prev-arrow, body.page-node-type-page.trac-0 .region-content .title-container .nav-container a.prev-arrow,
body.page-node-type-frontpage.trac .region-content .title-container .nav-container a.prev-arrow,
body.page-node-type-frontpage.trac- .region-content .title-container .nav-container a.prev-arrow,
body.page-node-type-frontpage.trac-0 .region-content .title-container .nav-container a.prev-arrow {
  content: url("../images/none-arrow-left.svg");
}
body.page-node-type-page.trac .region-content .title-container .nav-container a.next-arrow, body.page-node-type-page.trac- .region-content .title-container .nav-container a.next-arrow, body.page-node-type-page.trac-0 .region-content .title-container .nav-container a.next-arrow,
body.page-node-type-frontpage.trac .region-content .title-container .nav-container a.next-arrow,
body.page-node-type-frontpage.trac- .region-content .title-container .nav-container a.next-arrow,
body.page-node-type-frontpage.trac-0 .region-content .title-container .nav-container a.next-arrow {
  content: url("../images/none-arrow-right.svg");
}
body.page-node-type-page.trac .region-content .horizontal-tab-button a, body.page-node-type-page.trac- .region-content .horizontal-tab-button a, body.page-node-type-page.trac-0 .region-content .horizontal-tab-button a,
body.page-node-type-frontpage.trac .region-content .horizontal-tab-button a,
body.page-node-type-frontpage.trac- .region-content .horizontal-tab-button a,
body.page-node-type-frontpage.trac-0 .region-content .horizontal-tab-button a {
  color: var(--none-tab-color);
}
body.page-node-type-page.trac .region-content .horizontal-tab-button.selected, body.page-node-type-page.trac- .region-content .horizontal-tab-button.selected, body.page-node-type-page.trac-0 .region-content .horizontal-tab-button.selected,
body.page-node-type-frontpage.trac .region-content .horizontal-tab-button.selected,
body.page-node-type-frontpage.trac- .region-content .horizontal-tab-button.selected,
body.page-node-type-frontpage.trac-0 .region-content .horizontal-tab-button.selected {
  border-bottom-color: var(--none-tab-color) !important;
}
body.page-node-type-page.trac .region-content .horizontal-tab-button a:hover, body.page-node-type-page.trac- .region-content .horizontal-tab-button a:hover, body.page-node-type-page.trac-0 .region-content .horizontal-tab-button a:hover,
body.page-node-type-frontpage.trac .region-content .horizontal-tab-button a:hover,
body.page-node-type-frontpage.trac- .region-content .horizontal-tab-button a:hover,
body.page-node-type-frontpage.trac-0 .region-content .horizontal-tab-button a:hover {
  border-bottom-color: var(--none-tab-color);
}
body.page-node-type-page.trac-ungdom .region-content .title-container,
body.page-node-type-frontpage.trac-ungdom .region-content .title-container {
  background-color: var(--ungdom-title-color-bg);
  color: var(--ungdom-title-color);
}
body.page-node-type-page.trac-ungdom .region-content .title-container .nav-container a.prev-arrow,
body.page-node-type-frontpage.trac-ungdom .region-content .title-container .nav-container a.prev-arrow {
  content: url("../images/ungdom-arrow-left.svg");
}
body.page-node-type-page.trac-ungdom .region-content .title-container .nav-container a.next-arrow,
body.page-node-type-frontpage.trac-ungdom .region-content .title-container .nav-container a.next-arrow {
  content: url("../images/ungdom-arrow-right.svg");
}
body.page-node-type-page.trac-ungdom .region-content .horizontal-tab-button a,
body.page-node-type-frontpage.trac-ungdom .region-content .horizontal-tab-button a {
  color: var(--ungdom-tab-color);
}
body.page-node-type-page.trac-ungdom .region-content .horizontal-tab-button.selected,
body.page-node-type-frontpage.trac-ungdom .region-content .horizontal-tab-button.selected {
  border-bottom-color: var(--ungdom-tab-color) !important;
}
body.page-node-type-page.trac-ungdom .region-content .horizontal-tab-button a:hover,
body.page-node-type-frontpage.trac-ungdom .region-content .horizontal-tab-button a:hover {
  border-bottom-color: var(--ungdom-tab-color);
}
body.page-node-type-page.trac-foreldre .region-content .title-container,
body.page-node-type-frontpage.trac-foreldre .region-content .title-container {
  background-color: var(--foreldre-title-color-bg);
  color: var(--foreldre-title-color);
}
body.page-node-type-page.trac-foreldre .region-content .title-container .nav-container a.prev-arrow,
body.page-node-type-frontpage.trac-foreldre .region-content .title-container .nav-container a.prev-arrow {
  content: url("../images/foreldre-arrow-left.svg");
}
body.page-node-type-page.trac-foreldre .region-content .title-container .nav-container a.next-arrow,
body.page-node-type-frontpage.trac-foreldre .region-content .title-container .nav-container a.next-arrow {
  content: url("../images/foreldre-arrow-right.svg");
}
body.page-node-type-page.trac-foreldre .region-content .horizontal-tab-button a,
body.page-node-type-frontpage.trac-foreldre .region-content .horizontal-tab-button a {
  color: var(--foreldre-tab-color);
}
body.page-node-type-page.trac-foreldre .region-content .horizontal-tab-button.selected,
body.page-node-type-frontpage.trac-foreldre .region-content .horizontal-tab-button.selected {
  border-bottom-color: var(--foreldre-tab-color) !important;
}
body.page-node-type-page.trac-foreldre .region-content .horizontal-tab-button a:hover,
body.page-node-type-frontpage.trac-foreldre .region-content .horizontal-tab-button a:hover {
  border-bottom-color: var(--foreldre-tab-color);
}

.content-order {
  max-width: 1200px;
  margin: 0 auto 20px;
  border: 0;
}
.content-order summary {
  width: fit-content;
  float: left;
  margin-left: 10px;
  margin-bottom: 20px;
  border: 1px solid darkgrey;
  border-radius: 10px;
}
.content-order summary::marker {
  content: "";
}
.content-order .draggable td {
  padding: 5px;
}
.content-order .draggable a.tabledrag-handle {
  margin-left: 5px;
}
.content-order .draggable a.tabledrag-handle .handle {
  background-position-y: 6px;
}
.content-order tr.draggable.drag,
.content-order tr.drag-previous {
  background-color: #ffd !important;
}
.content-order .tabledrag-hide {
  width: 10%;
}
.content-order button.link {
  color: var(--text-link-color);
}

#webform-submission-contact-add-form {
  margin: 20px auto;
  max-width: 760px;
}
#webform-submission-contact-add-form .form-item {
  margin-top: 1em;
}
#webform-submission-contact-add-form #edit-flexbox {
  border: 1px solid lightgray;
  padding: 10px;
  flex-flow: column;
}
#webform-submission-contact-add-form #edit-flexbox #edit-flexbox-type {
  flex-flow: row;
}

.region-nav-main #block-searchfilter {
  position: absolute;
  display: none;
  justify-content: center;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: var(--none-header-color-bg);
}
.region-nav-main #block-searchfilter.open {
  display: flex;
  z-index: 5;
  align-items: center;
  height: 6vw;
  max-height: 72px;
  min-height: 56px;
}
.region-nav-main #block-searchfilter .form--inline {
  display: flex;
  width: 90%;
  align-content: space-around;
}
.region-nav-main #block-searchfilter .form--inline .form-item,
.region-nav-main #block-searchfilter .form--inline .form-actions {
  margin: 0 5px;
  padding: 0;
}

.node--type-webform .field--name-body {
  width: 100%;
  max-width: 820px;
  padding: 9px;
  margin: 0 auto;
}
.node--type-webform .webform-submission-form {
  width: 100%;
  max-width: 820px;
  padding: 9px;
  margin: 0 auto;
  border: 0;
  border-top: 1px solid lightgrey;
}
.node--type-webform .webform-submission-form .webform-flexbox {
  flex-flow: column;
}
.node--type-webform .webform-submission-form summary {
  font-family: "formula";
  font-style: normal;
  font-weight: 300;
  font-size: 1.3rem;
  letter-spacing: 1px;
}
.node--type-webform .webform-submission-form summary .webform-element-help {
  width: 18px;
  height: 18px;
  font-size: 16px;
  line-height: 1.5;
}
.node--type-webform .webform-submission-form details {
  background-color: var(--form-color-bg);
  padding: 5px;
  border: 0;
  border-radius: 10px;
  box-shadow: 0px 0px 20px 0px #aaa;
}
.node--type-webform .webform-submission-form details legend, .node--type-webform .webform-submission-form details label {
  font-weight: bold;
}
.node--type-webform .webform-submission-form #edit-name,
.node--type-webform .webform-submission-form #edit-email {
  width: 75%;
}

body.trac .node--type-webform summary, body.trac- .node--type-webform summary, body.trac-0 .node--type-webform summary {
  color: var(--none-tab-color);
}
body.trac-ungdom .node--type-webform summary {
  color: var(--ungdom-tab-color);
}
body.trac-foreldre .node--type-webform summary {
  color: var(--foreldre-tab-color);
}

#visitors-date-filter-form,
#visitors-date-filter-form ~ div,
#visitors-date-filter-form ~ table {
  max-width: 1200px;
  margin: 0 auto;
}

body {
  font-family: "Open Sans", sans-serif, Arial;
}

hr {
  clear: both;
  margin: 0;
  border: 0;
}

li {
  padding-bottom: 0.6em;
  line-height: 1.4;
}

a {
  color: var(--text-link-color);
  letter-spacing: 1.5px;
  font-size: 1.1em;
}

b, strong {
  font-weight: 600;
}

p, li {
  font-family: "Open Sans", sans-serif;
  font-weight: normal;
}

h1, h2, h3 {
  font-family: "Myriad Pro Condensed", sans-serif;
  font-weight: 600;
  margin: 0;
  color: var(--heading-color);
}

h1 {
  font-size: 2.5em;
  padding: 20px 0;
  line-height: 1;
}

h2 {
  font-size: 2em;
  padding: 15px 0;
  line-height: 1.1;
}

h3 {
  font-size: 1.5em;
  padding: 10px 0;
  line-height: 1.2;
}

p.intro, p.ingress {
  font-size: 1.15em;
  color: var(--text-intro-color);
  font-weight: 600;
  font-style: italic;
}

p.citation {
  font-size: 1.2em;
  font-style: italic;
  color: var(--text-citation-color);
}

p.pointout,
p.exclamation {
  font-family: "Open Sans", sans-serif;
  letter-spacing: -0.4px;
  font-size: 1.25em;
  font-weight: 600;
  color: var(--text-pointout-color);
}

p.closeup {
  font-size: 1.2em;
  font-weight: 600;
  color: var(--text-closeup-color);
  padding: 0.5em;
}

.textformat-full-html p.citation,
.textformat-story p.citation,
.textformat-list p.citation {
  position: relative;
  display: inline-block;
  padding: 0 2.5em;
  margin: 1em 0;
  font-weight: 400;
  border: 0;
}
.textformat-full-html p.citation:before,
.textformat-story p.citation:before,
.textformat-list p.citation:before {
  font-family: Georgia, sans-serif;
  content: "“";
  position: absolute;
  color: inherit;
  font-weight: 600;
  font-size: 2.5em;
  top: -0.3em;
  left: 0;
}
.textformat-full-html p.citation:after,
.textformat-story p.citation:after,
.textformat-list p.citation:after {
  font-family: Georgia, sans-serif;
  content: "”";
  position: absolute;
  color: inherit;
  font-weight: 600;
  font-size: 2.3em;
  bottom: -0.7em;
  right: 0.2em;
}
.textformat-full-html p.pointout,
.textformat-full-html p.exclamation,
.textformat-story p.pointout,
.textformat-story p.exclamation,
.textformat-list p.pointout,
.textformat-list p.exclamation {
  position: relative;
  margin: 1em 0;
}
.textformat-full-html p.exclamation,
.textformat-story p.exclamation,
.textformat-list p.exclamation {
  position: relative;
  padding-left: 2em;
  margin: 1em 0;
}
.textformat-full-html p.exclamation:before,
.textformat-story p.exclamation:before,
.textformat-list p.exclamation:before {
  font-family: Georgia, sans-serif;
  content: "!";
  position: absolute;
  color: inherit;
  font-weight: 400;
  font-size: 2.5em;
  top: -0.2em;
  left: 0;
}
.textformat-full-html details,
.textformat-story details,
.textformat-list details {
  padding: 0 !important;
  border: 0;
  border-bottom: 2px solid lightgrey !important;
  display: block;
  position: relative;
}
.textformat-full-html details[open]:not(.details--closing) > summary::after,
.textformat-story details[open]:not(.details--closing) > summary::after,
.textformat-list details[open]:not(.details--closing) > summary::after {
  rotate: 180deg;
}
.textformat-full-html details[open]::before,
.textformat-story details[open]::before,
.textformat-list details[open]::before {
  content: "";
  background-image: url("../icons/transparent_white.png");
  background-repeat: repeat;
  opacity: 0.5;
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.textformat-full-html details summary,
.textformat-story details summary,
.textformat-list details summary {
  padding-top: 0.5em;
  padding-bottom: 0.3em;
  margin-right: 0.9em;
  color: var(--text-summary-color);
}
.textformat-full-html details summary::before,
.textformat-story details summary::before,
.textformat-list details summary::before {
  display: inline-block;
  position: relative;
  content: "" !important;
  width: 0;
}
.textformat-full-html details .details-wrapper > details,
.textformat-story details .details-wrapper > details,
.textformat-list details .details-wrapper > details {
  border: 0;
  border-bottom: 2px solid lightgrey;
  display: block;
  position: relative;
}
.textformat-full-html details .details-wrapper > details[open],
.textformat-story details .details-wrapper > details[open],
.textformat-list details .details-wrapper > details[open] {
  border: 0;
}
.textformat-full-html details .details-wrapper > details[open]::before,
.textformat-story details .details-wrapper > details[open]::before,
.textformat-list details .details-wrapper > details[open]::before {
  content: "";
  border-bottom: 2px solid lightgrey;
  background-image: url("../icons/transparent_white.png");
  background-repeat: repeat;
  opacity: 0.9;
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.textformat-full-html details .details-wrapper > details summary,
.textformat-story details .details-wrapper > details summary,
.textformat-list details .details-wrapper > details summary {
  padding-top: 0.5em;
  padding-bottom: 0.2em;
  margin-right: 1.4em;
  color: var(--text-summary-color);
}
.textformat-full-html details .details-wrapper > details summary::before,
.textformat-story details .details-wrapper > details summary::before,
.textformat-list details .details-wrapper > details summary::before {
  content: "" !important;
  width: 0;
}
.textformat-full-html details .details-wrapper > details summary::after,
.textformat-story details .details-wrapper > details summary::after,
.textformat-list details .details-wrapper > details summary::after {
  content: url("../icons/details-closed.svg");
  display: inline-block;
  position: absolute;
  right: 0.5em;
}
.textformat-full-html details .details-wrapper > details .details-wrapper,
.textformat-story details .details-wrapper > details .details-wrapper,
.textformat-list details .details-wrapper > details .details-wrapper {
  border: 0;
}

.content-container .media {
  display: block;
}
.content-container figure.caption.align-left,
.content-container article.media.align-left {
  margin-right: 1em;
  margin-bottom: 0.5em;
  float: left;
}
.content-container figure.caption.align-right,
.content-container article.media.align-right {
  margin-left: 1em;
  margin-bottom: 0.5em;
  float: right;
}
.content-container figure.caption.align-center,
.content-container article.media.align-center {
  margin-bottom: 0.5em;
  text-align: center;
  text-align-last: center;
}
.content-container figure.caption figcaption,
.content-container article.media figcaption {
  font-style: italic;
  font-size: 0.85em;
}
.content-container article.media img, .content-container article.media iframe {
  display: block;
  width: 100%;
  max-width: 100%;
  height: auto;
}
.content-container article.media iframe {
  aspect-ratio: 16/9;
}
.content-container article.media.align-center {
  margin-left: auto;
  margin-right: auto;
}
.content-container article.media.media--view-mode-width-33, .content-container article.media.media--view-mode-width-50, .content-container article.media.media--view-mode-width-66, .content-container article.media.media--view-mode-width-75, .content-container article.media.media--view-mode-width-100 {
  width: 100%;
}
.content-container article.media.media--view-mode-width-25 {
  width: 33.33%;
}
@media screen and (min-width: 576px) {
  .content-container article.media.media--view-mode-width-25 {
    width: 25%;
  }
  .content-container article.media.media--view-mode-width-33 {
    width: 33.33%;
  }
  .content-container article.media.media--view-mode-width-50 {
    width: 50%;
  }
  .content-container article.media.media--view-mode-width-66 {
    width: 66.66%;
  }
  .content-container article.media.media--view-mode-width-75 {
    width: 75%;
  }
  .content-container article.media.media--view-mode-width-100 {
    width: 100%;
  }
}

.messages + .messages {
  margin-top: 0 !important;
}

.messages__wrapper {
  background-color: #f3faef;
  border-top: 1px solid lightgrey;
  border-bottom: 1px solid lightgrey;
}
.messages__wrapper .messages--status {
  margin: 0 auto;
  width: fit-content;
  box-shadow: 0 0 0 0;
  border: 0;
}

.views-element-container .views-exposed-form {
  margin-top: 50px;
}
.views-element-container .form-type-select label {
  display: block;
}

.media-library-widget-modal.ui-dialog--narrow {
  max-width: 1200px;
}
.media-library-widget-modal .media-library-wrapper {
  flex-flow: column nowrap;
}
.media-library-widget-modal .media-library-wrapper .media-library-menu {
  display: flex;
  flex-flow: row nowrap;
}
.media-library-widget-modal .media-library-wrapper .media-library-menu li {
  display: inline-block;
  list-style: none;
  padding: 5px 10px;
}
.media-library-widget-modal .media-library-wrapper .media-library-menu li a.active {
  padding: 10px;
  border: 1px solid #0056b3;
  border-radius: 5px;
  color: #fff;
  background-color: #0056b3;
}
.media-library-widget-modal .media-library-wrapper .media-library-content #media-library-add-form-wrapper label {
  font-weight: bold;
}
.media-library-widget-modal .media-library-wrapper .media-library-content #media-library-add-form-wrapper .form-control {
  height: inherit;
}
.media-library-widget-modal .media-library-wrapper .media-library-content #media-library-view .view-header {
  margin-top: 20px;
  border-top: 1px solid grey;
}
.media-library-widget-modal .media-library-wrapper .media-library-content #media-library-view .view-header a {
  margin-left: 10px;
  padding: 3px 10px 10px;
  border: 1px solid grey;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}
.media-library-widget-modal .media-library-wrapper .media-library-content #media-library-view .view-header a.is-active {
  font-weight: bold;
  background-color: lightgrey;
}

#drupal-modal .container-inline label:after {
  content: "";
}

.media-library-item__attributes {
  position: inherit;
}

/*# sourceMappingURL=style.css.map */