*,
*::before,
*::after {
  box-sizing: border-box;
}

:root {
  --clr-orange: #f6821f;
  --clr-darkblue: #192746;
  --clr-darkblue-hover: #1e2f55;
  --clr-white: #fff;
  --clr-lighter-gray: #f5f5f5;
  --clr-light-gray: #f1f1f1;
  --clr-content: #262626;
  --clr-button: var(--clr-white);
  --clr-footer-content: #b4b4b4;
  --clr-published-date: #b4b4b4;

  --clr-menu-item: var(--clr-white);
  --clr-menu-item-lvl1-active: var(--clr-orange);
  --clr-menu-item-lvl2-active: var(--clr-darkblue);

  --clr-orange-hover: #f57a11;

  --bg-button: var(--clr-orange);
  --bg-blog-article: #fbfbfb;
  --clr-grid-border: #c8c8c8;

  --header-height: min(20vw, 9rem);

  /*fonts*/
  --ff-azo-sans: azo-sans-web;
  --fs-header: clamp(2.5rem, calc(5vw + 0.15rem), 3.75rem);
  --fs-cat-header: clamp(2.5rem, calc(10vw + 0.5rem), 10rem);
  --fs-menu-item: clamp(1.25rem, calc(5vw + 0.15rem), 3.75rem);
  --fs-content: clamp(1rem, 10vw, 1.25rem);
  --fs-cs-article-header: 1.75rem; /*2.25rem;*/
  --fs-published-date: 1.25rem;
  --fs-button-small: 1.125rem;
  --fs-button-med: 1.5rem;
  --fs-table-header: 1.5rem;
  --fs-button-large: 1.875rem;
  --fs-subheading: 1.875rem;
  --fs-footer-module-heading: 1.875rem;
  --fs-footer-links: 1.25rem;

  --fw-menu-item: 300;
  --fw-light: 300;
  --fw-header: 700;
  --fw-article-header: 500;
  --fw-content: 400;
  --fw-buttons: 400;

  /* paddings */
  --padding-sections: clamp(5rem, 10vw, 12.5rem) 0;

  /* margins */
  --margin-bottom_image_content: 6.25rem;
}

img {
  display: block;
  max-width: 100%;
  object-fit: cover;

  height: 100%;
}

figure > img,
.item-image-container > img,
.archive__image > img,
.category__image > img {
  width: 100%;
}

figure {
  padding: 0;
  margin: 0;
  height: 100%;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  padding: 0;
  color: var(--clr-darkblue);
}

h2 {
  font-size: var(--fs-header);
  font-weight: var(--fw-header);
  font-family: var(--ff-azo-sans);
}

p,
ol,
ul {
  font-family: var(--ff-azo-sans);
  font-size: var(--fs-content);
  font-weight: var(--fw-content);
  line-height: 1.5;
  color: var(--clr-content);
}

.com-content-archive__items :is(p, ol, ul) {
  word-break: break-word;
}

.visually-hidden,
.visually-hidden + thead {
  display: none;
}

html,
body {
  padding: 0;
  margin: 0;
}

body {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  font-family: var(--ff-azo-sans), sans-serif;
  overflow-x: hidden;
  font-size: 16px;
}

body.menu-open {
  overflow-y: hidden;
}

.header.hide,
.archive-image-container.hide {
  display: none !important;
}

p {
  margin-top: 0;
}

/* logo */
.logo > .mod-menu a > .image-title,
.system-message-container {
  display: none;
}

/* navigation */

.hide-mobile {
  display: none;
}

.mod-menu {
  list-style: none;
  padding: 0;
  margin: 0;
}

.main-navigation {
  display: flex;
  justify-content: flex-end;
  grid-column: -5 / -1;
}

.main-navigation > .fullscreen-nav {
  display: none;
}

.main-navigation.menu-open > .fullscreen-nav {
  display: flex;
  justify-content: center;
  text-align: center;
  position: fixed;
  inset: 0;
  padding-top: var(--header-height);
  background-color: var(--clr-darkblue);
  z-index: 1000;
}

:is(.main-navigation, .fullscreen-nav) > .btn {
  background: var(--clr-orange);
  aspect-ratio: 1 / 1;
  gap: 0.35em;
  display: flex;
  height: 100%;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  place-self: flex-end;
}

:is(.main-navigation.menu-open) > .fullscreen-nav > .btn {
  height: auto;
}

:is(.main-navigation, .fullscreen-nav) > .btn:is(:hover, :focus-within) {
  cursor: pointer;
}

:is(.main-navigation, .fullscreen-nav) > .btn > *,
.btn-close.filters > * {
  background-color: var(--clr-white);
  height: 5px;
  display: flex;
  gap: 2px;
  width: min(50%, 45px);
  transition: transform 300ms linear;
}

.main-navigation > .btn:is(:hover, :focus-within) > .top {
  transform: translateX(-25%);
}

.main-navigation > .btn:is(:hover, :focus-within) > .bottom {
  transform: translateX(25%);
}

.btn-close {
  height: 9rem;
  width: min(calc(100vmax / 8), 9rem);
  background: transparent !important;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 100;
}

.btn-close:hover {
  cursor: pointer;
}

.btn-close.filters {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

.btn-close > * {
  position: absolute;
}

.btn-close > .top {
  transform: rotate(45deg);
}

.btn-close > .bottom {
  transform: rotate(-45deg);
}

.btn-close.filters > * {
  background-color: var(--clr-darkblue);
}

.fullscreen-nav > .btn-close:hover > .top {
  transform: rotate(0) translateY(-5px);
}

.fullscreen-nav > .btn-close:hover > .bottom {
  transform: rotate(0) translateY(5px);
}

.fullscreen-nav .mod-menu {
  display: flex;
  flex-direction: column;
  width: 100%;
  align-items: flex-start;
  padding-top: 2rem;
  position: relative;
}

.fullscreen-nav .mod-menu > li:is(:hover, :focus-within) {
  cursor: pointer;
}

.fullscreen-nav .mod-menu > li {
  transition: transform 0.35s linear;
  position: relative;
  top: 0;
  text-align: left;
  padding: 0.5em 0 0.5em 1rem;
}

.fullscreen-nav .mod-menu li {
  width: 100%;
}

.fullscreen-nav > .mod-menu > li.open > .deeper-icon {
  margin-right: 1rem;
}

.fullscreen-nav > .mod-menu > li > .deeper-icon {
  margin-right: 0;
}

.fullscreen-nav > .mod-menu li.open {
  border-bottom: 0 none !important;
}

.fullscreen-nav .mod-menu > li:not(:last-of-type),
.fullscreen-nav .mod-menu > li.open .mod-menu__sub > li:not(:last-of-type) {
  border-bottom: 1px solid color-mix(in srgb, var(--clr-darkblue) 50%, #000);
}

.fullscreen-nav .deeper {
  display: grid;
  width: 100%;
  grid-template-columns: 3fr 0.5fr;
  grid-template-areas: "header deeper" "submenu submenu";
  padding-right: 1rem !important;
  text-align: left;
  align-items: center;
}

.fullscreen-nav .deeper > i {
  display: none;
}

.deeper :first-child {
  grid-area: header;
}

.deeper .deeper-icon {
  grid-area: deeper;
}

.deeper > .mod-menu__sub {
  grid-area: submenu;
}

.fullscreen-nav > .mod-menu > li > .mod-menu__sub li.open > .deeper-icon {
  margin-right: 1rem;
}

.fullscreen-nav .deeper .deeper-icon {
  font-size: var(--fs-content);
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 2rem;
  aspect-ratio: 1;
  padding: 1rem;
  justify-self: flex-end;
}

.fullscreen-nav .mod-menu__sub {
  list-style: none;
}

.fullscreen-nav .deeper.open > .deeper-icon.plus {
  display: none;
}

.fullscreen-nav .deeper.open {
  padding: 0 !important;
}

.fullscreen-nav .deeper.open > *,
.fullscreen-nav .deeper.open > .mod-menu__sub > li {
  padding: 0.5em 0 0.5em 1rem;
}

.fullscreen-nav .deeper .deeper-icon.minus {
  display: none;
}

.fullscreen-nav .deeper .deeper-icon > span {
  background: #fff;
  height: 3px;
  width: 2rem;
  position: absolute;
}

.fullscreen-nav .deeper .deeper-icon > span.top {
  transform: rotate(0) translateX(-50%);
  left: 50%;
}
.fullscreen-nav .deeper .deeper-icon > span.bottom {
  transform: rotate(90deg);
}

.fullscreen-nav .mod-menu > .deeper.open {
  flex-direction: column;
}

.fullscreen-nav .mod-menu > li.open > :is(.nav-header, .deeper-icon) {
  color: var(--clr-orange);
  position: relative;
  display: grid;
  text-align: left;
}

.deeper {
  transition: transform 0.5s ease, opacity 0.5s linear;
}

.open {
  transform: translateY(0);
}

.below-open {
  transform: translateY(100vh);
}

.above-open {
  transform: translateY(-100vh);
}

.deeper-icon {
  cursor: pointer;
}

.fullscreen-nav .mod-menu > li.open > .mod-menu__sub {
  position: relative;
}

.fullscreen-nav .mod-menu > li.open > .mod-menu__sub > li.open > ul {
  display: flex !important;
  flex-direction: column;
}

.fullscreen-nav .mod-menu > li.open > .mod-menu__sub > li.open .deeper-icon.plus {
  display: none;
}

.fullscreen-nav .mod-menu > li.open > .mod-menu__sub > li.open .deeper-icon.minus {
  display: flex !important;
}

.fullscreen-nav .mod-menu > li.open > .nav-header::after {
  content: "";
  width: 2rem;
  height: 3px;
  bottom: -0.5em;
  z-index: 10;
  position: absolute;
  background-color: var(--clr-orange);
  display: none;
}

.fullscreen-nav .mod-menu > li.open > .mod-menu__sub {
  display: flex !important;
  flex-direction: column;
  align-items: flex-start;
  padding: 0;
}

.fullscreen-nav .mod-menu > li.open > .mod-menu__sub {
  list-style: none;
}

.fullscreen-nav .back {
  position: fixed;
  bottom: 0;
  width: 100%;
  background: rgba(0, 0, 0, 0.45);
  padding: 1em;
  opacity: 0;
  color: #fff;
  font-size: 1rem;
  font-family: var(--ff-azo-sans);
  transition: opacity 0.3s ease-in-out;
  visibility: hidden;
}

.fullscreen-nav .back.show {
  opacity: 1;
  visibility: visible;
}

.fullscreen-nav .back.show:is(:focus-within, :hover) {
  cursor: pointer;
}

.fullscreen-nav .mod-menu .nav-item :is(a, .mod-menu__heading) {
  text-decoration: none;
  color: var(--clr-menu-item);
  font-family: var(--fs-menu-item);
  font-size: var(--fs-menu-item);
  font-weight: var(--fw-menu-item);
}

.fullscreen-nav > .mod-menu > .nav-item.active > * {
  color: var(--clr-orange);
}

.fullscreen-nav .mod-menu__sub > .nav-item.active > * {
  color: var(--clr-orange);
}

.fullscreen-nav .mod-menu > .nav-item.deeper {
  position: relative;
}

.fullscreen-nav .mod-menu > .nav-item.deeper.open {
  position: absolute;
  top: 2rem;
}

.fullscreen-nav .mod-menu > .nav-item.deeper.open > .mod-menu__sub > .nav-item > ul > li {
  transform: translateY(0);
}

.fullscreen-nav .mod-menu > .nav-item.deeper.open > .mod-menu__sub > .nav-item.open {
  position: absolute;
  top: 0;
}

.fullscreen-nav .mod-menu__sub > * {
  padding: 1em 0;
}

.fullscreen-nav .mod-menu__sub > * > * {
  overflow-wrap: break-word;
  line-height: 1;
}

.fullscreen-nav .mod-menu > .nav-item.parent > ul {
  display: none;
}

.fullscreen-nav .mod-menu > .nav-item.parent > ul.mod-menu__sub > .parent > .mod-menu__sub {
  display: none;
}

.fullscreen-nav a:focus {
  color: color-mix(in srgb, var(--clr-orange) 75%, white) !important ;
}

header {
  height: var(--header-height);
  position: sticky;
  z-index: 1000;
  top: 0;
  background: var(--clr-white);
}

header > .logo {
  display: flex;
  align-items: center;
  grid-column: 2 / -8;
}

header > .logo img {
  width: min(100%, 22.8125rem);
}

/* main content */

/* frontpage layout */
.frontpage .blog-items {
  grid-auto-rows: auto;
  grid-template-columns: 1fr;
  grid-template-areas:
    "intro"
    "mission"
    "vision"
    "news"
    "events"
    "blog";
}

.blog-items {
  display: grid;
}

header,
.com-content-archive,
.com-content-archive > .archive-image-container,
.com-content-archive > form,
.com-content-archive__items .content-wrapper > *,
.blog .blog-item,
.members,
.com-content-category-blog > .category__heading-wrapper,
.com-contact-category > .contact-category > .category-desc,
.category__heading-wrapper + .alert-container,
.blog-items:is(.cat-11, .cat-12, .cat-13, .cat-26, .cat-27),
.com-content-article,
.com-contact-category > .contact-category,
.com-contact-category > .contact-category > .category-desc,
footer > .footer__grid,
footer > .copy-planning__grid {
  display: grid;
  grid-template-columns: repeat(24, 1fr);
}

.blog .blog-item,
.members {
  position: relative;
  place-content: flex-start;
}

.blog .blog-item .item-content,
.members .moduletable,
.com-contact-category .alert-container {
  grid-column: 2 / -2;
}

#count-info {
  margin: 1rem 0;
}

.com-contact-category .alert-container:not(#count-info) {
  margin-bottom: 4rem;
}

.frontpage .blog .introarticle {
  max-height: calc(105vh - var(--header-height));
  min-height: 75vmin;
  overflow: hidden;
  grid-area: intro;
}

.frontpage .blog .introarticle .page-header h2 {
  font-size: clamp(2rem, calc(5vw + 0.15rem), 3.75rem);
  padding: 2em 0;
  text-wrap: balance;
  word-break: break-word;
}

.frontpage .blog .introarticle .item-image {
  display: flex;
  height: 100%;
  width: 100%;
}

.frontpage .blog .news {
  grid-area: news;
}

.frontpage .blog .events {
  grid-area: events;
}

.frontpage .blog .blog {
  grid-area: blog;
  background-color: var(--clr-lighter-gray);
}

.frontpage .blog .blog-item:is(.news, .events, .blog, .hasImage) .item-content {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: repeat(2, 1fr);

  gap: 2em;
  grid-template-areas:
    "newsheader newsheader"
    "newscontent newscontent"
    "newsbutton newsbutton";
}

.frontpage .blog .blog-item:is(.news, .events, .blog, .hasImage) .item-content > .page-header {
  grid-area: newsheader;
  display: flex;
  align-items: center;
  margin-bottom: 1rem;
  padding: 0 calc(100vmin / 24);
  margin-left: 0 !important;
}

.frontpage .blog .blog-item:is(.news, .events, .blog, .hasImage) .item-content > .fields-container {
  grid-area: newsbutton;
  padding: 0 calc(100vmin / 24);
  width: 100%;
  margin: 1rem 0 0 0;
  align-self: center;
  justify-self: flex-end;
  list-style-type: none;
  position: relative;
  z-index: 10;
}

.frontpage .blog .blog-item:is(.news, .events, .blog, .hasImage) .item-content > .article-content {
  grid-area: newscontent;
}

.frontpage .blog .blog-item:is(.news, .events, .blog, .hasImage) .item-content .page-header {
  margin-left: calc(100vmin / 24);
}

.frontpage .blog .mod-articlesnews .mod-articlesnews__item:last-of-type {
  margin-right: 1em;
}

.frontpage .blog .blog-item.introarticle,
.frontpage .blog .blog-item.introarticle .item-image-container {
  align-items: center;
  place-content: center;
}

.frontpage .blog .blog-item.introarticle .item-image-container {
  display: flex;
  position: absolute;
  inset: 0;
}

.frontpage .blog .blog-item.introarticle .article-content {
  display: none;
}

.frontpage .blog .introarticle .item-image-container .gradient-overlay,
.category__image > .gradient-overlay,
.com-content-article > .item-image-container > .gradient-overlay,
.com-content-archive > .archive-image-container > .archive__image > .gradient-overlay,
.contact-category > .category-desc > .contact-category-image > .gradient-overlay {
  position: absolute;
  inset: 0;
  background-image: linear-gradient(45deg, var(--clr-darkblue), var(--clr-orange));
  opacity: 1;
}

.frontpage .blog .introarticle .item-image-container .gradient-overlay + figure,
.category__image > .gradient-overlay + img,
.com-content-article > .item-image-container > .gradient-overlay + img,
.com-content-archive > .archive-image-container > .archive__image > .gradient-overlay + img,
.com-contact-category > .contact-category > .category-desc > .contact-category-image > .gradient-overlay + img {
  position: relative;
  mix-blend-mode: soft-light;
}

.frontpage .blog .events .item-image-container .gradient-overlay {
  position: absolute;
  inset: 0;
  background-color: var(--clr-darkblue);
  z-index: -1;
}

.frontpage .blog .events .item-image-container .gradient-overlay + figure {
  position: absolute;
  z-index: -1;
  mix-blend-mode: overlay;
  opacity: 0.15;
  inset: 0;
}

.frontpage .blog .blog-item.hasImage:not(.events) .item-content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: relative;
  z-index: 10;
  color: var(--clr-white);
}

.frontpage .introarticle .page-header h2 {
  font-weight: var(--fw-light);
  width: min(100%, 75rem);
  color: var(--clr-white);
  font-size: clamp(1.5rem, calc(5vw + 0.15rem), 3.75rem);
}

.frontpage .blog-item:not(.introarticle) .item-content {
  padding: var(--padding-sections);
}

.frontpage .blog-item:not(.introarticle) .page-header h2 {
  text-transform: uppercase;
  margin-bottom: 0.25em;
}

.frontpage .blog-item.events .page-header h2 {
  color: var(--clr-orange);
}

.frontpage .blog .mission {
  grid-area: mission;
}

.frontpage .blog .vision {
  grid-area: vision;
  background-color: var(--clr-darkblue);
  position: relative;
  z-index: 10;
}

.frontpage .blog .vision .page-header h2 {
  color: var(--clr-orange);
}

.frontpage .blog .vision p {
  color: var(--clr-white);
}

.frontpage .blog .blog-item.news {
  /*margin-top: -2.5rem;*/
  background: var(--clr-lighter-gray);
}

/* archive */

.com-content-archive {
  grid-auto-rows: auto;
  display: grid;
}

#filter-message {
  margin-bottom: 2rem;
}

.com-content-archive--inner {
  display: grid;
  grid-column: 1 / -1;
  grid-template-areas:
    "archive-form"
    "archive-msg"
    "archive-items";
}

.com-content-archive form {
  grid-area: archive-form;
}

.com-content-archive #archive-items {
  grid-area: archive-items;
}

.com-content-archive #filter-message {
  grid-area: archive-msg;
}

.com-content-archive__items .in-category {
  text-transform: none !important;
}

.com-content-archive__items .in-category a {
  text-decoration: none;
  color: inherit;
  transition: color 300ms linear;
}

.com-content-archive__items .in-category a:is(:hover, :focus-within) {
  color: var(--clr-content);
}

.com-content-archive > *:not(.archive-image-container, form),
.com-content-archive > .archive-image-container > .page-header,
.com-content-archive form > fieldset {
  grid-column: 2 / -2;
}

.com-content-archive > .archive-image-container,
.com-content-archive > .archive-image-container > .archive__image,
.com-content-archive form {
  grid-column: 1 / -1;
}

.com-content-archive > .archive-image-container > .page-header,
.com-content-archive > .archive-image-container > .archive__image {
  grid-row: 1 / -1;
}

.com-content-archive > .archive-image-container > .page-header {
  position: relative;
  z-index: 5;
}

.com-content-archive form {
  position: sticky;
  top: var(--header-height);
  background: #fff;
  margin-bottom: 2rem;
}

.com-content-archive form.open-filters {
  position: relative;
  grid-column: 2 / -2;
}

.com-content-archive form > fieldset {
  margin: 0;
  padding: 0;
  border: 0 none;
}

.com-content-archive form > fieldset > .filter-search {
  display: flex;
}

.com-content-archive form > fieldset > .filter-search > div.me-2 {
  margin-right: auto;
}

.com-content-archive .btn-show-filters.open-filters + .filter-search button {
  width: 100%;
  max-width: 100%;
  padding: 1em 0;
}

.btn-show-filters {
  border: 1px solid var(--clr-darkblue);
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 1em 0.5em;
  background-color: var(--clr-darkblue);
  color: var(--clr-light-gray);
}

.btn-show-filters,
.filter-search button {
  transition: background-color 300ms linear;
}

.btn-show-filters > span,
.filter-search button > span {
  margin-left: 0.5em;
}

.btn-show-filters:is(:hover, :focus-within),
.filter-search button:is(:hover, :focus-within) {
  cursor: pointer;
  background-color: var(--clr-darkblue-hover);
}

.com-content-archive form > fieldset > .btn-show-filters + .filter-search {
  display: none;
}

.com-content-archive form > fieldset > .btn-show-filters.open-filters + .filter-search {
  display: grid;
  grid-template-columns: repeat(24, 1fr);
  place-content: center;
  position: fixed;
  inset: 0;
  z-index: 10001;
  background-color: #fff;
  gap: 1em 0;
}

.com-content-archive form > fieldset > .btn-show-filters.open-filters {
  display: none;
}

.filter-search > * {
  grid-column: 2 / -2;
}

.filter-search > span,
.filter-search button {
  display: flex;
  width: 100%;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  height: 100%;
}

.filter-search > span > .label {
  width: 100%;
  margin-bottom: 0.25em;
}

.filter-search > span > select {
  width: 100%;
  font-size: var(--fs-button-small);
  padding: 0.5em 0.5em;
}

.filter-search button {
  background-color: var(--clr-darkblue);
  border: 1px solid var(--clr-darkblue);
  color: var(--clr-light-gray);
  grid-auto-flow: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  font-size: var(--fs-button-small);
  display: grid;
  max-width: max-content;
  place-self: flex-start;
  grid-row: 1 / -1;
}

/* category layout*/

.com-content-category-blog > .category__heading-wrapper,
.com-contact-category > .contact-category > .category-desc,
.com-content-archive > .archive-image-container {
  margin-bottom: var(--margin-bottom_image_content);
}

.category__heading-wrapper > * {
  grid-column: 1 / -1;
  grid-row: 1 / -1;
}

.category__heading-wrapper > *:not(.category__image),
.com-content-archive > .archive-image-container > .page-header {
  grid-column: 2 / -2;
  position: relative;
  z-index: 1;
  display: flex;
  align-self: flex-end;
}

.category__heading-wrapper .heading-desc {
  display: flex;
  flex-direction: column;
}

/* alert boxes */
.alert-container > .alert {
  background-color: var(--alert-bg-color);
  border: 1px solid var(--alert-border-color);
  color: var(--alert-font-color);
  padding: 1em;
  grid-column: 2 / -2;
}

.alert-container > .alert-info {
  --alert-bg-color: #cff4fc;
  --alert-border-color: #9eeaf9;
  --alert-font-color: #055160;
}

.alert-container > .no-results,
.alert-container.no-results > .alert-info {
  --alert-font-color: #58151c;
  --alert-bg-color: #f8d7da;
  --alert-border-color: #f1aeb5;
}

/***** filters category *****/

:is(#header-list, #data-list) .hide-mobile {
  display: none;
}

.members-filter-container,
.cat-filters-container,
.cat-filters-container + .alert-container {
  display: grid;
  grid-template-columns: repeat(24, 1fr);
}

.members-filter-container {
  grid-column: 1 / -1;
}

.cat-filters-container + .alert-container {
  padding-bottom: 2em;
}

.cat-filters-container,
.members-filter-container {
  padding: 1em 0;
  position: sticky;
  top: var(--header-height);
  z-index: 10;
  background-color: #fff;
}

:is(.cat-filters-container, .members-filter-container) > .inner-container,
.btn-filter-mobile {
  grid-column: 2 / -2;
}

:is(.cat-filters-container, .members-filter-container) > .inner-container {
  display: none;
  gap: 1em;
}

.cat-filters-container.open,
.members-filter-container.open {
  position: fixed;
  inset: 0;
  z-index: 1001;
  background-color: #fff;
}

:is(.cat-filters-container, .members-filter-container) > .inner-container.open {
  position: fixed;
  z-index: 1001;
  inset: 0;
  display: grid;
  grid-template-columns: repeat(24, 1fr);
  grid-auto-rows: min-content;
  place-content: center;
  background-color: #fff;
}

:is(.cat-filters-container, .members-filter-container) > .inner-container.open > * {
  grid-column: 1 / -1;
}

:is(.cat-filters-container, .members-filter-container) > .inner-container.open > .filter-container {
  flex-direction: column;
  align-items: flex-start;
}

:is(.cat-filters-container, .members-filter-container) > .inner-container.open > .filter-container > * {
  margin: 0;
  width: 100%;
}

:is(.cat-filters-container, .members-filter-container) > .inner-container.open .hide {
  display: none;
}

:is(.cat-filters-container, .members-filter-container) > .inner-container.open button {
  padding: 1em 0;
}

:is(.cat-filters-container, .members-filter-container) > .inner-container > .filter-container {
  display: inline-flex;
  align-items: center;
}

:is(.cat-filters-container, .members-filter-container) > .inner-container > .filter-container > *:not(i) {
  font-size: var(--fs-content);
}

:is(.cat-filters-container, .members-filter-container) > .inner-container select {
  margin-left: 0.5em;
}

:is(.cat-filters-container, .members-filter-container) select {
  padding: 0.25em;
  font-family: var(--ff-azo-sans);
}

:is(.cat-filters-container, .members-filter-container) button,
.btn-filter-mobile {
  background: var(--clr-darkblue);
  border: 1px solid var(--clr-darkblue-hover);
  box-shadow: none;
  color: #fff;
  padding: 0.4em 1em;
  transition: background 300ms linear;
}

.btn-filter-mobile {
  padding: 1em 0;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5em;
}

.btn-filter-mobile *:not(i) {
  font-size: var(--fs-content);
}

:is(.cat-filters-container, .members-filter-container) button:is(:hover, :focus-within),
.btn-filter-mobile:is(:hover, :focus-within) {
  background-color: var(--clr-darkblue-hover);
  cursor: pointer;
}

#filter-message {
  font-family: var(--ff-azo-sans);
  font-size: var(--fs-content);
}

/************/

.category__heading-wrapper > .category__image,
.contact-category > .category-desc > .contact-category-image,
.com-content-archive > .archive-image-container > .archive__image {
  overflow: hidden;
  position: relative;
  width: 100%;
  aspect-ratio: 16 / 9;
  max-height: 30rem;
}

.category__heading-wrapper .category__header > h1,
.com-contact-category > .contact-category > .category-desc > .description.information > h1,
.archive-image-container > .page-header > h1 {
  font-size: var(--fs-cat-header);
  font-weight: var(--fw-header);
  color: var(--clr-white);
  text-transform: uppercase;
  margin-left: -0.075em;
  margin-bottom: -0.2em;
  line-height: 1;
  word-break: break-word;
}

.category__heading-wrapper .category-desc p,
.com-contact-category > .contact-category > .category-desc > .description.information > p {
  font-size: 2.5rem;
  color: var(--clr-orange-hover);
  padding: 0;
  margin: 0;
  line-height: 1;
}

.blog-items:is(.cat-11, .cat-12, .cat-13, .cat-26, .cat-27) .blog-item > .item-image-container {
  grid-column: 1 / -1;
  width: 100%;
  aspect-ratio: 16 / 9;
  overflow: hidden;
  height: 100%;
}

.blog-items:is(.cat-11, .cat-12, .cat-13, .cat-26, .cat-27) .blog-item > .item-content,
.com-content-archive__items > .content-wrapper > * > * {
  grid-column: 1 / -1;
}

.blog-items:is(.cat-11, .cat-12, .cat-13, .cat-26, .cat-27) .blog-item > .item-content > .article-content {
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: space-between;
  overflow-wrap: break-word;
}

.blog-item:is(.cat-11, .cat-12, .cat-13, .cat-26, .cat-27) {
  grid-template-rows: auto 1fr;
}

.blog-item .item-content .article-info + .tags {
  display: none;
}

.blog-item .item-content .article-content p > img {
  display: none;
}

.article-info > .article-info-term {
  display: none;
}

.article-info,
.article-info > :is(.published, *) {
  margin: 0;
  padding: 0;
}

.blog-items .content-wrapper,
.com-content-archive__items .content-wrapper {
  --items-on-screen: 1;
  display: grid;
  grid-template-columns: repeat(var(--items-on-screen), 1fr);
  gap: 4em 2em;
  grid-column: 2 / -2;
}

/* item page - single article*/

.com-content-article {
  margin-top: clamp(2rem, 10vw, 10rem);
}

.com-content-article > *:is(.article-info, .page-header) {
  grid-column: 2 / -2;
}

.com-content-article > .item-image-container {
  grid-column: 1 / -1;
  margin-bottom: 3rem;
  position: relative;
  overflow: hidden;
}

.com-content-article > .item-image-container > figure {
  mix-blend-mode: soft-light;
  position: relative;
}

.com-content-article > .item-image-container img {
  max-height: 40rem;
  aspect-ratio: 16 / 9;
}

.com-content-article > *:not(.item-image-container) {
  grid-column: 2 / -2;
}

.com-content-article .article-form ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.com-content-article__body > p:first-of-type {
  margin-top: 0;
}

.article-text a {
  color: var(--clr-content);
}

.com-content-article > .page-header > h1 {
  font-size: clamp(2rem, calc(3vw + 1rem), 5rem);
  font-weight: var(--fw-header);
  text-transform: uppercase;
  color: #262626;
  margin-bottom: 0.5em;
}

.field-entry.sahkopostit {
  margin-top: 0.5em;
  display: grid;
  grid-template-columns: 1fr;
}

.field-entry:is(.yhdistyksen-yhteystiedot, .sahkopostit) .field-label {
  font-weight: bold;
}

.field-entry:is(.yhdistyksen-yhteystiedot, .sahkopostit) * {
  font-family: var(--ff-azo-sans);
  font-size: var(--fs-content);
}

.field-entry:is(.yhdistyksen-yhteystiedot, .sahkopostit) .fields-container > * {
  display: grid;
  gap: 0.5em;
}

.field-entry:is(.yhdistyksen-yhteystiedot, .sahkopostit) .fields-container .field-entry {
  display: grid;
  grid-template-columns: 1fr;
}

/* article tags */
.tags.list-inline {
  margin: 0;
  margin-top: 2rem;
  border-top: 1px solid rgb(230, 230, 230);
  padding: 0;
  padding-top: 2rem;
  list-style: none;
  display: flex;
  gap: 1em 2em;
  grid-column: 2 / 16;
  flex-wrap: wrap;
}

.tags.list-inline > li {
  display: inline-flex;
}

.tags.list-inline > li > a {
  background-color: var(--clr-darkblue);
  font-size: var(--fs-footer-links);
  color: var(--clr-lighter-gray);
  text-decoration: none;
  padding: 0.5em 1em;
  border-radius: 50px;
  display: flex;
  height: 100%;
  justify-content: center;
  align-items: center;
  text-align: center;
}

.search-info-complete {
  border: 1px solid #9eeaf9;
  background: #cff4fc;
  color: #055160;
  padding: 1rem;
  font-family: var(--ff-azo-sans);
  font-size: var(--fs-content);
  margin: 1rem 0;
}

/* yritysjäsenet */

.com-contact-category > .contact-category > h1 {
  grid-column: 2 / -2;
}

.com-contact-category > .contact-category > .category-desc {
  grid-column: 1 / -1;
}

.com-contact-category > .contact-category > .category-desc > .contact-category-image {
  grid-column: 1 / -1;
  grid-row: 1 / -1;
}

.com-contact-category > .contact-category > .category-desc .description.information {
  grid-column: 2 / -2;
  grid-row: 1 / -1;
  align-self: flex-end;
  position: relative;
  z-index: 2;
}

.com-contact-category__items,
#sortedContacts,
.contact-category .filter-container {
  grid-column: 2 / -2;
}

.com-contact-category__items ul {
  padding: 0;
  margin: 0;
  list-style: none;
  width: 100%;
}

.com-contact-category__items #contactList tbody a {
  text-decoration: none;
  word-break: break-word;
  color: #262626;
}

.com-contact-category__items #contactList,
.com-contact-category__items #contactList tbody {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0 !important;
}

.com-contact-category__items #contactList tbody > tr:is(:hover, :focus-within),
.com-contact-category__items .member-container:is(:hover, :focus-within) {
  cursor: default !important;
}

.com-contact-category__items #contactList tbody > tr > th > .field-label,
.com-contact-category__items #contactList tbody > tr > td {
  display: none;
}

.com-contact-category__items #contactList tbody > tr > th {
  display: flex;
  padding: 1rem 0;
  justify-content: flex-start;
}

.com-contact-category__items #contactList tbody > tr:not(:last-of-type),
.com-contact-category__items ul#data-list li:not(:last-of-type) {
  border-bottom: 1px solid rgb(230, 230, 230);
}

.com-contact-category__items #contactList tbody > tr:is(:hover, :focus-within),
.com-contact-category__items ul#data-list li:is(:hover, :focus-within) {
  cursor: pointer;
  background-color: rgb(240, 240, 240);
}

.com-contact-category__items #contactList tbody > tr > th {
  position: relative;
  display: flex;
  justify-content: space-between;
}

.com-contact-category__items #contactList tbody > tr > th .caret-icon {
  padding-right: 1rem;
  position: absolute;
  right: 0;
  transform: rotate(0) translate(0, 0);
  transition: transform 300ms linear;
  transform-origin: center;
}

.com-contact-category__items #contactList tbody > tr.open > th .caret-icon {
  transform: rotate(90deg) translate(0, 50%);
}

.com-contact-category__items #contactList tbody > tr.open td {
  display: flex;
  padding-bottom: 1rem;
}

.com-contact-category__items #contactList tbody > tr.open td .field-value > .fields-container > li {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

.com-contact-category__items #contactList tbody > tr.open td .field-value > .fields-container > li .field-entry {
  display: grid;
  grid-template-columns: 1fr;
}

.com-contact-category__items #contactList tbody > tr.open td .field-value > .fields-container > li .field-entry .field-label {
  font-weight: bold;
}

.com-contact-category__items ul.member-container > li,
.com-contact-category__items ul.members-headers {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  gap: 0 1em;
}

.com-contact-category__items ul.members-headers {
  border-bottom: 2px solid var(--clr-darkblue);
}

.com-contact-category__items ul > li {
  padding: 1em 0;
  gap: 0 1em;
}
#header-list li,
#data-list .name {
  display: flex;
  align-items: center;
}

:is(#header-list, #data-list) button {
  background: none;
  border: 0 none;
  box-shadow: none;
  color: var(--clr-content);
  position: relative;
  display: flex;
  align-items: center;
}

:is(#header-list, #data-list) button:is(:hover, :focus-within) {
  cursor: pointer;
}

:is(#header-list, #data-list) button > span {
  font-size: var(--fs-content);
  font-family: var(--ff-azo-sans);
  padding-left: 1rem;
  font-weight: bold;
}

#data-list button > span {
  font-weight: unset;
  padding-left: 0.5em;
}

:is(#header-list, #data-list) button > i {
  font-size: var(--fs-content);
}

#data-list button {
  padding-left: 0.5em;
}

#data-list li a {
  word-break: break-word;
  text-decoration: none;
  color: var(--clr-darkblue-hover);
}

#data-list li a:is(:hover, :focus-within) {
  color: var(--clr-darkblue);
}

.modal {
  display: none;
  position: fixed;
  inset: 0;
}

.modal.open {
  display: block;
  z-index: 2000;
}

.modal.open .modal-backdrop {
  background-color: rgba(0, 0, 0, 0.85);
  position: absolute;
  inset: 0;
}

.modal.open .modal-content .close-modal {
  position: relative !important;
  top: 50%;
  background-color: #f9f9f9 !important;
  width: 2rem;
  height: 2rem;
  border-radius: 50%;
  color: var(--clr-darkblue) !important;
  padding: 2rem !important;
  align-self: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.modal.open .modal-content h2 {
  font-size: 2rem;
}

.modal.open .modal-content .close-modal i {
  font-size: 2rem !important;
  position: relative !important;
  top: unset !important;
  transform: none !important;
}

.modal.open .modal-content {
  display: flex;
  flex-direction: column;
  position: absolute;
  width: min(75rem, 90%);
  max-height: 90%;
  overflow-y: auto;
  top: 50%;
  left: 50%;
  background-color: #fff;
  transform: translate(-50%, -50%) !important;
  padding: 2rem;
  padding-top: 0;
  box-shadow: 0 0 5rem #000;
  gap: 2em;
}

.modal.open .modal-button {
  position: sticky;
  top: -1px;
  display: flex;
  align-items: center;
  width: 100%;
  justify-content: center;
  background-color: #fff;
  padding-top: 2rem;
  padding-bottom: 2rem;
}

.modal-content > * {
  flex-basis: 100%;
}

.modal-content .contact-logo img {
  height: unset;
}

.modal-content .inner-modal.left {
  display: flex;
  border-bottom: 1px solid var(--clr-darkblue);
}

.inner-modal.right {
  --grid-columms: 1;
  display: grid;
  grid-template-columns: repeat(var(--grid-columms), 1fr);
  grid-template-areas:
    "right"
    "left"
    "field-desc";
  gap: 1em;
}

.inner-modal.right .imr.left {
  grid-area: left;
}

.inner-modal.right .imr.left > * {
  display: flex;
  flex-direction: column;
}

.inner-modal.right .imr.right {
  grid-area: right;
}

.inner-modal .field-decs {
  display: flex;
  flex-direction: column;
  grid-area: field-desc;
}

.contact-category *:is(#count-info, .alert-container) {
  font-family: var(--ff-azo-sans);
  font-size: var(--fs-content);
}

/* tags */

.com-tags-tag {
  display: grid;
  grid-template-columns: repeat(24, 1fr);
  margin-top: 5rem;
}

.com-tags-tag .page-header,
.com-tags-tag .com-tags__items {
  grid-column: 2 / -2;
}

.com-tags-tag__category {
  padding: 0;
  margin: 0;
  list-style: none;
  display: grid;
}

.com-tags-tag__category li {
  padding: 1rem 0;
}

.com-tags-tag__category li:not(:last-of-type) {
  border-bottom: 1px solid rgb(230, 230, 230);
}

.com-tags-tag__category li h3 a {
  text-decoration: none;
  color: var(--clr-darkblue);
  font-family: var(--ff-azo-sans);
  font-weight: normal;
  font-size: var(--fs-subheading);
}

/* rs form */

.article-form {
  margin-top: 2rem;
  padding-top: 2rem;
  border-top: 1px solid rgba(230, 230, 230);
}

.article-form .rsform-article .field-value > p {
  display: none;
}

.formContainer .formDescription {
  margin: 0;
}

.rsform-article form h2 {
  font-size: var(--fs-subheading);
  line-height: 1;
}

.formContainer .formRow * {
  font-family: var(--ff-azo-sans);
  font-size: var(--fs-content);
}

.formContainer .formRow > .formSpan12 {
  display: grid;
  gap: 1em;
}

.formContainer .formRow > .formSpan12 > div:not(.rsform-block-header) {
  display: grid;
  gap: 0.25em;
}

.formContainer .formRow .formControls > *,
.formContainer .formRow .formControls *:is(input[type="text"], input[type="email"], input[type="url"], input[type="tel"], select, label) {
  width: 100%;
}

.formContainer .formRow .formControls *:is(input[type="text"], input[type="email"], input[type="url"], input[type="tel"], select) {
  padding: 0.5em 1em;
}

.formContainer .formRow *:is(.rsform-type-radiogroup, .rsform-type-checkboxgroup) .formControls .formBody {
  display: grid;
  gap: 0.25em;
}

.rsform-type-submitbutton .formBody {
  display: flex;
  flex-direction: column;
  gap: 0.5em;
}

.rsform-type-submitbutton *:is(input, button) {
  padding: 0.5em 1em;
  width: 100%;
  color: white;
  transition: all 300ms linear;
}

.rsform-type-submitbutton *:is(button, input):is(:hover, :focus-within) {
  cursor: pointer;
}

.rsform-type-submitbutton #Submit {
  background: #198754;
  border: 1px solid #198754;
}

.rsform-type-submitbutton #Submit:is(:hover, :focus-within) {
  background: #157347;
  border: 1px solid #146c43;
}

.rsform-type-submitbutton .rsform-reset-button {
  background: #dc3545;
  border: 1px solid #dc3545;
}

.rsform-type-submitbutton .rsform-reset-button:is(:hover, :focus-within) {
  background: #bb2d3b;
  border: 1px solid #b02a37;
}

/* footer */

footer {
  margin-top: 5rem;
}

footer > .footer__wave {
  width: calc(100% + 1px);
  max-width: none;
  margin-left: -1px;
}

footer > .footer__grid {
  padding-top: 5rem;
}

footer > .footer__grid > *,
footer > .copy-planning__grid > * {
  grid-column: 2 / -2;
}

footer > .footer__grid {
  background-color: #121b30;
}

.footer__modules {
  gap: 1em;
}

.footer__modules > * {
  margin-bottom: 4rem;
}

.footer__modules .footer__menu {
  grid-area: footer-menu;
}

.footer__modules .footer__quicklinks {
  grid-area: footer-quicks;
}

.footer__modules .footer__memberof {
  grid-area: footer-memberof;
}

.footer__modules .social-media {
  grid-area: socialmedia;
}

.footer__modules .footer__memberof .mod-menu {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.footer__modules .footer__memberof a > img {
  width: unset;
}

.footer__modules .footer__contactinfo {
  grid-area: footer-contactinfo;
}

.footer__modules .footer__contactinfo li {
  gap: 0 !important;
}

.footer__modules .footer__contactinfo .field-entry {
  grid-template-columns: 1fr !important;
}

.footer__modules .footer__contactinfo .arrow {
  display: none;
}

.footer__modules .footer__contactinfo .mod-articlesnews__item .fields-container {
  list-style: none;
  padding: 0;
  margin: 0;
}

.footer__contactinfo .field-value .fields-container > li {
  display: flex;
  flex-direction: column;
}

.footer__modules .footer__contactinfo .mod-articlesnews__item .fields-container > .field-entry .field-label,
.footer__modules .footer__contactinfo .mod-articlesnews__item .article-display {
  display: none;
}

footer .moduletable > h3 {
  font-family: var(--ff-azo-sans);
  font-size: var(--fs-footer-module-heading);
  font-weight: var(--fw-article-header);
  color: #f1f1f1;
  text-transform: uppercase;
  margin-bottom: 0.5em;
}

footer .moduletable .mod-menu {
  list-style: none;
}

.footer__contactinfo span.field-entry > span.field-value,
footer .moduletable a {
  text-decoration: none;
  color: #b4b4b4;
  font-size: var(--fs-footer-links);
  font-weight: var(--fw-light);
  line-height: 1.75;
  transition: color 200ms linear;
}

footer .moduletable a:is(:focus-within, :hover) {
  color: var(--clr-light-gray);
}

footer > .copy-planning__grid {
  border-top: 1px solid #000000;
  background-color: #121b30;
  padding: 2em 0;
}

.copy__container {
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  gap: 0.5em;
}

.copy__container > *,
.copy__container a {
  color: #b4b4b4;
  font-size: 1rem;
  font-weight: var(--fw-light);
  text-decoration: none;
}

/* modules */

.frontpage .moduletable.newsflash .mod-articlesnews .arrow {
  display: none;
}

.frontpage .moduletable.newsflash .mod-articlesnews.show-buttons .arrow {
  position: absolute;
  /*background-color: #00000055;*/
  opacity: 1;
  z-index: 10;
  top: clamp(4.65rem, 10vw, 12.5rem);
  margin-right: calc(100vmin / 24);
  width: 4rem !important;
  aspect-ratio: 1;
  display: flex !important;
  align-items: center;
  justify-content: center;
  transition: opacity 300ms ease;
}

.frontpage .moduletable.newsflash .mod-articlesnews.show-buttons .arrow > * {
  font-size: 2rem;
}

.frontpage .moduletable.newsflash .mod-articlesnews.show-buttons .arrow:is(:hover, .focus-within) {
  cursor: pointer;
}

.frontpage .events .moduletable.newsflash .mod-articlesnews.show-buttons .arrow > * {
  color: #fff;
}

.frontpage .moduletable.newsflash {
  margin-left: 0;
}

.frontpage .mod-articlesnews__item {
  min-width: min-content;
}

.frontpage .moduletable.newsflash > .mod-articlesnews {
  overflow-x: scroll;
  width: 100%;
  gap: 2em;
  padding: 0 calc(100vmin / 24);
  scrollbar-width: none;
  scroll-behavior: smooth;
  display: grid;
  grid-auto-flow: column;
}

.frontpage .moduletable.newsflash > .mod-articlesnews > .slider {
  display: none;
}

.frontpage .moduletable.newsflash > .mod-articlesnews.show-buttons > .slider {
  display: none !important;
  position: absolute;
  display: flex;
  background-color: red;
  height: 10px;
  width: 10rem;
  left: 50%;
  transform: translateX(-50%);
  bottom: -20%;
  z-index: 10;
}

.frontpage .moduletable.newsflash > .mod-articlesnews.show-buttons > .slider > .slide {
  display: none !important;
  height: 100%;
  background-color: orange;
  width: calc(10rem / var(--items-on-screen));
  margin-left: 0;
  display: flex;
}

.frontpage .moduletable.newsflash > .mod-articlesnews.show-buttons:is(:hover, :focus-within) .arrow {
  opacity: 1;
}

.frontpage .moduletable.newsflash > .mod-articlesnews::-webkit-scrollbar {
  display: none;
}

.frontpage .moduletable.newsflash .arrow.left {
  right: 0;
  transform: translateX(-100%);
}

.frontpage .moduletable.newsflash .arrow.right {
  right: 0;
}

.frontpage .moduletable.newsflash > .mod-articlesnews .article-display,
.blog-items:is(.cat-11, .cat-12, .cat-13, .cat-26, .cat-27) .blog-item .item-content,
.com-content-archive__items .content-wrapper > * {
  display: flex;
  flex-direction: column;
  height: 100%;
  background: var(--clr-light-gray);
  padding: 2em 1em;
  border: 1px solid #e1e1e1;
}

.com-content-archive__items .content-wrapper > * {
  padding: 0;
  display: grid;
  grid-template-rows: auto 1fr;
}

.com-content-archive .archive-article-content {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.com-content-archive__items .readmore-element {
  height: 100%;
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
}

.com-content-archive__items .content-wrapper .item-image-container {
  aspect-ratio: 16 / 9;
  height: 100%;
  width: 100%;
  overflow: hidden;
}

.com-content-archive__items .content-wrapper > * > .archive-article-content > *:not(.item-image-container) {
  padding: 0 1em;
}

.com-content-archive__items .content-wrapper > * > .archive-article-content > .article-info {
  padding-top: 1em;
}

.com-content-archive__items .content-wrapper > * > .archive-article-content > .readmore-element {
  padding-bottom: 1em;
}

.com-content-archive__navigation.page-open > .com-content-archive__pagination {
  display: flex;
}

.com-content-archive__navigation.page-open .pagination__wrapper {
  width: 100%;
}

.com-content-archive__navigation.page-open .pagination__wrapper .pagination {
  display: flex;
  flex-direction: column;
  list-style: none;
  padding: 0;
  align-items: center;
  justify-content: center;
  margin: 0;
  border: 1px solid #e1e1e1;
  border-top: 0 none;
}

.com-content-archive__navigation .com-content-archive__counter:is(:focus-within, :hover) {
  cursor: pointer;
}

.com-content-archive__navigation.page-open .com-content-archive__counter,
.com-content-archive__navigation.page-open .pagination__wrapper .pagination > li:is(:hover, .active, :focus-within, :active) {
  background: color-mix(in srgb, var(--bg-blog-article) 100%, black 4%);
}

.com-content-archive__navigation .pagination__wrapper .pagination > li.active > :is(a, span) {
  font-weight: bold;
}

.com-content-archive__navigation .pagination__wrapper .pagination > li > :is(a, span) {
  color: var(--clr-darkblue);
  text-decoration: none;
}

.com-content-archive__navigation .pagination__wrapper .pagination > li.disabled > :is(a, span) {
  color: #e1e1e1;
}

.com-content-archive__navigation.page-open .pagination__wrapper .pagination > li,
.com-content-archive__navigation.page-open .pagination__wrapper .pagination > li > :is(a, span) {
  padding: 0.5em 0;
  display: flex;
  width: 100%;
  justify-content: center;
  align-items: center;
}

.com-content-archive__navigation.page-open .pagination__wrapper .pagination > li {
  padding: 0;
  background-color: var(--bg-blog-article);
}

.com-content-archive__navigation .pagination__wrapper .pagination > li i:is(.fa-angles-left, .fa-angle-left) {
  padding-right: 0.5em;
}

.com-content-archive__navigation .pagination__wrapper .pagination > li i:is(.fa-angles-right, .fa-angle-right) {
  padding-left: 0.5em;
}

.com-content-archive__navigation .pagination__wrapper .pagination > li i {
  font-size: 0.75em;
  margin-top: 4px;
}

.com-content-archive__navigation.page-open .pagination__wrapper .pagination > li:not(:last-of-type) {
  border-bottom: 1px solid #e1e1e1;
}

.com-content-archive__navigation .pagination__wrapper .pagination > li:is(:nth-last-of-type(2), :last-of-type) a {
  flex-direction: row-reverse;
  display: flex;
  align-items: center;
  justify-content: center;
}

.com-content-archive__navigation > p {
  display: flex;
  justify-content: center;
  align-items: center;
  background: var(--bg-blog-article);
  padding: 1em;
  border: 1px solid #e1e1e1;
  margin: 0;
  margin-top: 1em;
  gap: 0.5em;
}

.com-content-archive__navigation > p > i {
  transform: rotate(0);
  transition: transform 300ms linear;
  transform-origin: center;
}

.com-content-archive__navigation.page-open > p > i {
  transform: rotate(180deg);
}

.com-content-archive__navigation > .com-content-archive__pagination {
  display: none;
}

.blog-items:is(.cat-11, .cat-12, .cat-13, .cat-26, .cat-27) .blog-item .item-content,
.com-content-archive__items .content-wrapper > * {
  background: var(--bg-blog-article);
}

.moduletable.newsflash .published-on,
.article-info .published {
  text-transform: uppercase;
  color: var(--clr-published-date);
  font-family: var(--ff-azo-sans);
  font-size: var(--fs-published-date);
  font-weight: var(--fw-light);
}

.article-info .category-name {
  color: var(--clr-published-date);
  font-weight: var(--fw-light);
}

.moduletable.newsflash .module-heading,
.blog-items:is(.cat-11, .cat-12, .cat-13, .cat-26, .cat-27) .blog-item .item-content > .page-header > h2,
.com-content-archive__items > .content-wrapper > * > .archive-article-content > .page-header > h2 {
  padding: 0.5em 0;
  font-size: var(--fs-cs-article-header);
  word-break: break-word;
}

.blog-items:is(.cat-11, .cat-12, .cat-13, .cat-26, .cat-27) .blog-item .item-content > .page-header > h2 {
  width: 100%;
}

.moduletable.newsflash .article-content {
  height: 100%;
}

.moduletable.newsflash .article-content p,
.blog-items:is(.cat-11, .cat-12, .cat-13, .cat-26, .cat-27) .blog-item .item-content > .article-content > p:first-of-type,
.com-content-archive__items > .content-wrapper > * > .intro > p:first-of-type {
  padding: 0;
  margin: 0;
}

.moduletable.newsflash .readmore-container > .readmore,
p.readmore {
  padding: 0;
  margin: 0;
}

p.readmore {
  display: flex;
  justify-content: flex-end;
}

.moduletable.newsflash .readmore-container,
p.readmore {
  place-self: flex-end;
  align-self: flex-end;
  margin-top: 2em;
  width: 100%;
}

.com-content-archive__items > .content-wrapper > * > .archive-article-content > .article-content {
  display: flex;
  justify-content: space-between;
}

.com-content-archive__items > .content-wrapper > * > .archive-article-content > .article-content + .readmore-element > .readmore > a,
.moduletable.newsflash .readmore-container > .readmore > a,
.blog-items:is(.cat-11, .cat-12, .cat-13, .cat-26, .cat-27) .blog-item .item-content > .readmore-element > p.readmore > a {
  background: var(--bg-button);
  color: var(--clr-button);
  text-decoration: none;
  padding: 0.5em 2em;
  /*border-radius: 0.5em;*/
  font-size: var(--fs-button-small);
  white-space: nowrap;
  width: 100%;
  text-align: center;
  transition: background 300ms linear;
}

.readmore-element a:is(:focus-within, :hover) {
  background: var(--clr-orange-hover) !important;
}

.blog-item .article-content img {
  display: none;
}

.moduletable.newsflash .readmore-container > .readmore > a:is(:hover, :focus-within) {
  background-color: var(--clr-orange-hover);
}

.members {
  padding: var(--padding-sections);
  padding-bottom: 2rem;
}

.members .module__subheader {
  grid-column: 2 / -2;
  display: flex;
  justify-content: center;
}

.members .module__subheader > span {
  font-family: var(--ff-azo-sans);
  font-weight: var(--fw-header);
  font-size: var(--fs-subheading);
  color: var(--clr-orange);
  text-transform: uppercase;
}

.members .moduletable > h3 {
  font-size: var(--fs-header);
  font-family: var(--ff-azo-sans);
  color: var(--clr-darkblue);
  display: flex;
  justify-content: center;
  text-align: center;
  margin-bottom: var(--margin-bottom_image_content);
}

.members .moduletable .members__list {
  --grid-items: 2;
  list-style: none;
  display: grid;
  grid-template-columns: repeat(var(--grid-items), 1fr);
  place-items: center;
  position: relative;
  margin: 0;
  padding: 0;
}

.members .moduletable .members__list::after {
  content: "";
  position: absolute;
  border: 1px solid var(--clr-white);
  inset: 0;
}

.members .moduletable .members__list li {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1em;
  width: 100%;
  height: 100%;
  position: relative;
  border-right: 1px solid var(--clr-grid-border);
  border-bottom: 1px solid var(--clr-grid-border);
}

.members .moduletable .members__list li:last-of-type {
  border-right: 0 none;
}

.members .moduletable .members__list li > * {
  position: relative;
  z-index: 10;
  padding: 0 !important;
  display: flex;
  justify-content: center;
  align-items: center;
  word-break: break-word;
  text-align: center;
}

.members .moduletable .members__list li > a {
  color: var(--clr-content);
}

.members .moduletable .members__list li > a + span {
  display: none;
}

.members .moduletable .members__list li img {
  width: min(100%, 18.7rem) !important;
  border-radius: 0;
  object-fit: contain;
}

/* buttons */
.show-all-button .field-value > p {
  margin: 0;
  padding: 0;
}

.show-all-button .field-value > p > a {
  display: flex;
  justify-content: center;
  background: color-mix(in srgb, var(--bg-blog-article) 100%, black 4%);
  border: 1px solid #e1e1e1;
  color: var(--clr-content);
  font-family: var(--ff-azo-sans);
  font-size: var(--fs-button-med);
  padding: 0.5em 2em;
  text-decoration: none;
  white-space: nowrap;
}

.blog-item.events .show-all-button .field-value > p > a {
  background-color: color-mix(in srgb, var(--clr-darkblue) 75%, black);
  color: var(--clr-white);
  border: 1px solid color-mix(in srgb, var(--clr-darkblue) 50%, black);
}

.com-contact-category__items .table-headings {
  display: none;
}

/* media queries */
@media (min-width: 37.5rem) {
  .frontpage .moduletable.newsflash > .mod-articlesnews > *,
  .blog-items .content-wrapper,
  .com-content-archive__items .content-wrapper {
    --items-on-screen: 1;
  }

  .blog-items.children-1 .content-wrapper {
    --items-on-screen: 1;
  }

  .members .moduletable .members__list {
    --grid-items: 3;
  }

  .footer__modules {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-areas:
      "footer-menu footer-memberof"
      "footer-quicks footer-contactinfo"
      "socialmedia footer-contactinfo";
  }

  .field-entry.sahkopostit {
    margin-top: 0.5em;
    grid-template-columns: 0.5fr 1fr;
  }

  .field-entry:is(.yhdistyksen-yhteystiedot, .sahkopostit) .fields-container > * {
    gap: 0.5em;
  }

  .field-entry:is(.yhdistyksen-yhteystiedot, .sahkopostit) .fields-container .field-entry {
    grid-template-columns: 0.5fr 1fr;
  }
}

@media (min-width: 50rem) {
  header > .logo {
    grid-column: 2 / -15;
  }

  .hide-desktop {
    display: none !important;
  }

  .hide-desktop.btn-show-filters {
    display: flex !important;
  }

  .frontpage .blog .blog-item.vision {
    position: relative;
  }

  .blog-items.children-1 .content-wrapper,
  .com-content-archive__items .content-wrapper {
    --items-on-screen: 2;
  }

  .copy__container {
    flex-direction: row;
  }

  .com-content-archive__navigation {
    display: grid;
    grid-template-columns: auto auto;
    border-top: 1px solid #e1e1e1;
    margin-top: 2em;
  }

  .com-content-archive__navigation .com-content-archive__pagination,
  .com-content-archive__navigation .com-content-archive__pagination .pagination__wrapper,
  .com-content-archive__navigation .com-content-archive__pagination .pagination__wrapper > ul {
    display: flex;
    width: 100%;
  }

  .com-content-archive__navigation .com-content-archive__pagination .pagination__wrapper > ul {
    justify-content: flex-end;
    align-items: center;
  }

  .com-content-archive__navigation .com-content-archive__pagination .pagination__wrapper > ul .text {
    display: none;
  }

  .com-content-archive__navigation > .com-content-archive__counter {
    margin: 0;
    pointer-events: none;
    background-color: unset;
    border: unset;
    justify-content: flex-start;
    padding-left: 0;
  }

  .com-content-archive__navigation > .com-content-archive__counter i {
    display: none;
  }

  .com-content-archive__navigation .com-content-archive__pagination .pagination__wrapper > ul {
    list-style: none;
    padding: 0;
    margin: 0;
  }

  .com-content-archive__navigation .com-content-archive__pagination .pagination__wrapper > ul > li > :is(a, span) {
    padding: 0.5em;
  }

  .com-content-archive__navigation .com-content-archive__pagination .pagination__wrapper > ul > li > a:is(:hover, :focus-within) {
    background: #e1e1e1;
    border-radius: 10rem;
  }

  .com-content-archive__items .readmore-element p {
    width: auto;
  }

  :is(.cat-filters-container, .members-filter-container) > .inner-container {
    display: flex;
  }
}

@media (min-width: 60rem) {
  .members .moduletable .members__list {
    --grid-items: 5;
  }

  .inner-modal.right {
    --grid-columms: 2;
    grid-template-areas:
      "left right"
      "field-desc field-desc";
  }

  .modal.open .modal-content {
    padding: 5rem;
  }

  .modal.open .modal-button {
    position: absolute;
    width: unset;
    right: 3.5rem;
    top: 2rem;
    padding: 0;
  }

  .modal.open .modal-content .close-modal {
    top: unset;
    right: 0;
    background-color: unset !important;
    width: unset;
    height: unset;
    border-radius: unset;
    padding: 0 !important;
  }

  .inner-modal.right .imr.left > * {
    display: block;
  }

  .com-contact-category__items ul.member-container > li,
  .com-contact-category__items ul.members-headers {
    grid-template-columns: repeat(2, 1fr);
  }

  .com-contact-category__items ul > li {
    padding: 1em 0;
  }

  :is(#header-list, #data-list) .field.hide-mobile {
    display: flex;
    align-items: center;
  }

  .secondary-menu > ul > li > a {
    font-size: var(--fs-content);
    color: var(--clr-darkblue);
    text-decoration: none;
  }

  .com-content-archive__navigation .com-content-archive__pagination .pagination__wrapper > ul .text {
    display: inline-flex;
  }

  .frontpage .blog .blog-item.news {
    margin-top: -2.5rem;
  }

  .hide-desktop.btn-show-filters {
    display: none !important;
  }

  .frontpage .moduletable.newsflash > .mod-articlesnews {
    --items-on-screen: 2 !important;
  }

  .com-content-archive form > fieldset > .btn-show-filters + .filter-search {
    display: flex;
    grid-template-columns: repeat(4, min-content);
    width: min(100%, 60rem);
    gap: 2em;
    padding-bottom: 2em;
  }

  .com-content-archive form > fieldset > .btn-show-filters + .filter-search button {
    width: min(100%, 25rem);
    padding: 0.5em 1em;
  }

  .com-content-archive form > fieldset > .btn-show-filters.open-filters + .filter-search {
    display: flex;
    position: relative;
  }

  .com-content-archive form.open-filters {
    grid-column: 1 / -2;
  }

  .frontpage .blog-items {
    grid-template-columns: repeat(2, 1fr);
    grid-template-areas:
      "intro intro"
      "mission vision"
      "news news"
      "events events"
      "blog blog";
  }

  .frontpage .blog .blog-item:is(.mission, .vision) {
    margin-top: -4rem;
    padding-top: 2rem;
    grid-template-columns: repeat(12, 1fr);
  }

  .frontpage .blog .blog-item:is(.mission, .vision) .item-content {
    grid-column: 2 / -3;
  }

  .frontpage .blog .blog-item.vision::before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    bottom: 0;
    left: -4rem;
    width: 5rem;
    clip-path: polygon(80% 0, 100% 0%, 100% 100%, 0 100%);
    background: var(--clr-darkblue);
  }

  .frontpage .blog .blog-item.vision .item-content {
    margin-left: -2rem;
  }

  .frontpage .blog .blog-item:is(.news, .events, .blog, .hasImage) .item-content > .page-header {
    margin-bottom: 0;
  }

  .frontpage .blog .blog-item:is(.news, .events, .blog, .hasImage) .item-content > .fields-container {
    margin-top: 0;
  }

  .com-content-archive__items > .content-wrapper > * > .article-content + .readmore-element > .readmore > a,
  .moduletable.newsflash .readmore-container > .readmore > a,
  .blog-items:is(.cat-11, .cat-12, .cat-13, .cat-26, .cat-27) .blog-item .item-content > .article-content > p.readmore > a {
    width: auto;
  }

  .footer__modules {
    grid-template-columns: repeat(3, 1fr);
    gap: 2em;
    grid-template-areas:
      "footer-menu footer-memberof footer-contactinfo"
      "footer-quicks footer-memberof socialmedia";
  }

  header.w-dropdown .logo {
    grid-column: 2/ 10;
  }

  .secondary-menu .mod-menu.w-dropdown {
    flex-direction: row;
    padding-left: 0;
    padding-top: 0;
    max-width: unset;
    width: unset;
    align-items: center;
    white-space: nowrap;
  }

  .secondary-menu .mod-menu.w-dropdown > .nav-item.parent > ul,
  .secondary-menu > ul > li:not(:first-of-type).hide {
    display: none !important;
  }

  .secondary-menu .mod-menu.w-dropdown .nav-item.active > :is(a, .mod-menu__heading) {
    font-weight: bold;
  }

  .secondary-menu .mod-menu.w-dropdown > .nav-item.deeper {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    position: relative;
  }

  .secondary-menu .mod-menu.w-dropdown > .nav-item.deeper:is(:hover, :focus-within) {
    background-color: var(--clr-darkblue);
  }

  .secondary-menu .mod-menu.w-dropdown > .nav-item.deeper:is(:hover, :focus-within) > * {
    color: white;
  }

  .secondary-menu .mod-menu.w-dropdown .nav-item.deeper i {
    margin-left: 1rem;
    margin-top: 3px;
  }

  .secondary-menu .mod-menu.w-dropdown .nav-item :is(a, .mod-menu__heading) {
    font-size: var(--fs-content);
    color: var(--clr-darkblue);
    text-decoration: none;
  }

  .secondary-menu .mod-menu.w-dropdown > .nav-item.parent:is(:focus-within, :hover)::after,
  .secondary-menu .mod-menu.w-dropdown li:is(:hover, :focus-within) .mod-menu__sub {
    display: none;
  }

  .secondary-menu > .mod-menu.w-dropdown > .nav-item.parent:is(:focus-within, :hover) > ul {
    display: flex !important;
    flex-direction: column;
    left: auto;
    right: 0;
    bottom: unset;
    overflow: unset;
    padding: 0;
    position: absolute;
    /*background: #fff;*/
    background-color: var(--clr-darkblue);
    top: 75%;
    min-width: 100%;
  }

  .secondary-menu .mod-menu.w-dropdown > .nav-item.parent:is(:focus-within, :hover) > ul li * {
    color: White;
  }

  .secondary-menu .mod-menu.w-dropdown > .nav-item.parent:is(:focus-within, :hover) > ul li {
    padding: 1em;
    position: relative;
    display: flex;
    flex-direction: row-reverse;
    justify-content: flex-end;
    padding-right: 1em !important;
    width: 100%;
  }

  .secondary-menu .mod-menu.w-dropdown > .nav-item.parent:is(:focus-within, :hover) > ul > li:last-of-type {
    padding-bottom: 1em;
  }

  .secondary-menu .mod-menu.w-dropdown > .nav-item.parent:is(:focus-within, :hover) > ul > li:is(:hover, :focus-within) {
    /*background-color: color-mix(in srgb, #fff 95%, #000);*/
    background-color: var(--clr-darkblue-hover);
  }

  .secondary-menu .mod-menu.w-dropdown > .nav-item .deeper-icon {
    display: none !important;
  }

  .secondary-menu .mod-menu.w-dropdown > .nav-item.deeper > .mod-menu__sub > li.deeper > i {
    transform: rotate(90deg) translateY(50%);
  }

  .secondary-menu .mod-menu.w-dropdown > .nav-item.deeper:is(:hover, :focus-within) > .mod-menu__sub > li.deeper:is(:hover, :focus-within) > ul {
    display: flex;
    position: absolute;
    top: 0;
    padding: 0;
    width: 100%;
    right: 100%;
    list-style: none;
    flex-direction: column;
    /*background: #fff;*/
    background-color: var(--clr-darkblue-hover);
  }

  .secondary-menu .mod-menu.w-dropdown > .nav-item.deeper > .mod-menu__sub > li.deeper:is(:hover, :focus-within) > ul > li {
    padding-left: 1em !important;
  }

  .secondary-menu .mod-menu.w-dropdown > .nav-item.deeper > .mod-menu__sub > li.deeper:is(:hover, :focus-within) > ul > li:is(:hover, :focus-within) {
    background-color: color-mix(in srgb, var(--clr-darkblue-hover) 95%, #000);
  }
}

@media (min-width: 75rem) {
  .blog-items .content-wrapper,
  .com-content-archive__items .content-wrapper,
  .blog-items:is(.children-1, .children-2, .children-3) .content-wrapper {
    --items-on-screen: 2;
  }

  .com-contact-category__items ul.member-container > li,
  .com-contact-category__items ul.members-headers {
    grid-template-columns: repeat(4, 1fr);
  }

  .com-contact-category__items ul > li {
    padding: 0.5em 0;
  }

  .com-contact-category__items ul > li .name button {
    justify-content: flex-start;
    text-align: left;
  }

  #header-list {
    top: calc(var(--header-height) + 4rem);
    padding-top: 1rem;
  }

  :is(#header-list, #data-list) button > i {
    left: 0.5em;
  }

  :is(#header-list, #data-list) .hide-mobile {
    display: flex;
    align-items: center;
  }

  .modal-button button > i {
    left: 0;
  }

  header > .logo .mod-menu,
  header > .logo .mod-menu > li,
  header > .logo .mod-menu > li > a {
    display: flex;
    width: auto;
  }

  .frontpage .blog .introarticle {
    min-height: calc(95vmin - var(--header-height));
  }

  .frontpage .moduletable.newsflash {
    position: relative;
  }

  .frontpage .blog .blog-item:is(.news, .events, .blog, .hasImage) .item-content {
    grid-template-areas:
      "newsheader newsbutton"
      "newscontent newscontent";
  }

  .frontpage .blog .blog-item:is(.news, .events, .blog, .hasImage) .item-content .mod-articlesnews.show-buttons .arrow {
    background-color: #00000055;
    top: 0;
    bottom: 0;
    aspect-ratio: unset;
    margin: 0;
    opacity: 0;
  }

  .com-content-article > .com-content-article__body {
    grid-column: 2 / 16;
  }

  .frontpage .blog .blog-item:is(.news, .events, .blog, .hasImage) .item-content .mod-articlesnews.show-buttons:hover .arrow {
    opacity: 1;
  }

  .frontpage .blog .blog-item:is(.news, .events, .blog, .hasImage) .item-content .mod-articlesnews.show-buttons .arrow.left {
    left: 0;
    transform: translateX(0%);
  }

  .frontpage .blog .blog-item:is(.news, .events, .blog, .hasImage) .item-content > .fields-container {
    width: auto;
  }

  .frontpage .moduletable.newsflash > .mod-articlesnews,
  .frontpage .blog .blog-item:is(.news, .events, .blog, .hasImage) .item-content > .fields-container,
  .frontpage .blog .blog-item:is(.news, .events, .blog, .hasImage) .item-content > .page-header {
    padding: 0 calc(100vmax / 24);
  }

  .com-content-archive__items > .content-wrapper > * > .article-content + .readmore-element > .readmore > a,
  .moduletable.newsflash .readmore-container > .readmore > a,
  .blog-items:is(.cat-11, .cat-12, .cat-13, .cat-26, .cat-27) .blog-item .item-content > .readmore-element > p.readmore > a {
    width: unset;
  }

  .fullscreen-nav > .mod-menu > .deeper > .deeper-icon {
    display: none;
  }

  .fullscreen-nav > .mod-menu > .deeper {
    grid-template-columns: 1fr;
  }

  .fullscreen-nav .deeper > .mod-menu__sub .deeper {
    grid-template-areas:
      "deeper header"
      ". submenu";
    grid-template-columns: auto 1fr;
  }

  .fullscreen-nav .deeper > .mod-menu__sub .deeper > .deeper-icon {
    margin-right: 1rem;
  }

  .fullscreen-nav .deeper > .mod-menu__sub .deeper.open > .deeper-icon.plus {
    display: none;
  }

  .fullscreen-nav .deeper > .mod-menu__sub .deeper.open > .deeper-icon.minus {
    display: flex !important;
  }

  .fullscreen-nav .deeper > .mod-menu__sub .deeper.open > ul {
    display: flex !important;
    list-style: none;
    flex-direction: column;
    padding-left: 5rem;
    padding-top: 1em;
    gap: 1em;
    padding-bottom: 0.5em;
  }

  .main-navigation.menu-open > .fullscreen-nav {
    justify-content: flex-start;
    text-align: left;
    padding-top: 0;
  }

  .open,
  .below-open,
  .above-open {
    transform: translateY(0) !important;
  }

  .fullscreen-nav .mod-menu {
    align-items: flex-start;
    padding-left: calc(100vmin / 24);
    max-width: 35rem;
    height: 100%;
    gap: 0;
    padding-top: 5rem;
  }

  .fullscreen-nav .mod-menu > li {
    padding: 0.25em 0;
  }

  .fullscreen-nav .mod-menu > .nav-item.parent {
    width: 100%;
  }

  .fullscreen-nav .mod-menu__sub > .nav-item.active > *,
  .fullscreen-nav .mod-menu__sub > li:is(:hover, :focus-within) > a {
    color: var(--clr-darkblue) !important;
  }

  .fullscreen-nav .mod-menu > .nav-item.parent:is(:focus-within, :hover, .active)::after {
    --trianglesize: 20px;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    content: "";
    border-right: var(--trianglesize) solid var(--clr-orange);
    border-top: var(--trianglesize) solid transparent;
    border-bottom: var(--trianglesize) solid transparent;
  }

  .fullscreen-nav .mod-menu > .nav-item.parent.active:not(:focus-within, :hover)::after {
    display: none;
  }

  .fullscreen-nav .mod-menu > li .nav-header {
    pointer-events: none !important;
  }

  .fullscreen-nav .mod-menu > .nav-item:is(:focus-within, :hover) > * {
    color: var(--clr-orange-hover);
  }

  .fullscreen-nav .mod-menu > .nav-item.parent:is(:focus-within, :hover, .active) > ul {
    display: flex;
    flex-direction: column;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 35rem;
    padding: var(--padding);
    padding: 5rem;
    background: var(--clr-orange);
    list-style: none;
  }

  .fullscreen-nav .mod-menu > .nav-item.parent:is(:focus-within, :hover) > ul {
    z-index: 1;
    overflow-y: auto;
  }

  .com-contact-category__items #contactList tbody > tr,
  .com-contact-category__items .table-headings {
    display: grid;
    grid-template-columns: calc(100% / 6) 1fr;
    border-spacing: 0;
    border-collapse: collapse;
  }

  .com-contact-category__items .table-headings,
  .com-contact-category__items .members-headers {
    border-bottom: 2px solid var(--clr-darkblue);
    width: 100%;
    font-size: var(--fs-content);
    font-weight: bold;
    position: sticky;
    top: var(--header-height);
    z-index: 10;
    background-color: #fff;
  }

  .com-contact-category__items .table-headings .heading {
    padding: 0.5em 1em 0.5em 0.25em;
  }

  .com-contact-category__items #contactList tbody tr > *:is(td, th) {
    border-spacing: 0;
    border-collapse: collapse;
    padding: 0;
  }

  .com-contact-category__items #contactList tbody > tr > th .caret-icon {
    display: none;
  }

  .com-contact-category__items #contactList tbody > tr .list-title {
    text-align: left;
    font-weight: normal;
    display: grid;
    grid-template-columns: 1fr;
  }

  .com-contact-category__items #contactList tbody > tr > th,
  .com-contact-category__items #contactList tbody > tr > td {
    display: grid;
  }

  .com-contact-category__items #contactList tbody > tr:is(:hover, :focus-within) {
    background-color: inherit;
  }

  .com-contact-category__items #contactList tbody > tr:is(:hover, :focus-within),
  .com-contact-category__items ul#data-list li:is(:hover, :focus-within) {
    cursor: default !important;
    background-color: rgb(240, 240, 240);
  }

  .com-contact-category__items #contactList tbody tr:nth-child(2n + 2),
  .com-contact-category__items #data-list li:nth-child(2n + 2) {
    background: #f9f9f9;
  }

  .com-contact-category__items #contactList tbody tr .list-title {
    grid-template-rows: repeat(1, 1fr);
  }

  .com-contact-category__items#contactList tbody .list-title > .field-label {
    display: none;
  }

  .com-contact-category__items #contactList tbody .field-entry.subform .fields-container > li,
  .com-contact-category__items .table-headings > div:not(.heading) {
    display: grid;
    grid-template-columns: 1fr 1.25fr 0.5fr 1fr 0.5fr;
    width: 100%;
  }

  .com-contact-category__items #data-list > li,
  .com-contact-category__items #header-list {
    display: grid;
    /*grid-template-columns: 1.25fr 1.25fr 0.55fr 1fr 0.5fr;*/
    grid-template-columns: repeat(4, 1fr);
    width: 100%;
  }

  .com-contact-category__items #contactList tbody .field-entry.subform .fields-container .field-entry {
    display: flex;
    flex-direction: column;
  }

  .com-contact-category__items #contactList tbody tr > th > .field-value,
  .com-contact-category__items #contactList tbody .subform .fields-container li > .field-entry > .field-value {
    height: 4em;
    display: flex;
    align-items: center;
    font-size: var(--fs-content);
    padding: 0 0.25em;
  }

  .com-contact-category__items #contactList tbody tr .field-entry.subform .fields-container .field-label {
    display: none;
  }

  .com-content-article .article-form {
    grid-column: 16 / -2;
  }

  .article-form {
    margin-top: 0;
    padding-top: 0;
    border-top: 0 none;
  }

  .com-content-article .article-form > ul {
    padding-left: 2rem;
  }

  .fullscreen-nav .mod-menu > li:not(:last-of-type),
  .fullscreen-nav .mod-menu > li.open .mod-menu__sub > li:not(:last-of-type) {
    border-bottom: 0 none;
  }

  .fullscreen-nav .deeper.open > *,
  .fullscreen-nav .deeper.open > .mod-menu__sub > li {
    padding: 0;
  }

  .fullscreen-nav .deeper.open,
  .fullscreen-nav .deeper.open > .mod-menu__sub {
    padding: 0;
  }

  .fullscreen-nav .deeper.open {
    padding: 1em 0 !important;
  }

  .fullscreen-nav .mod-menu__sub > * {
    padding: 1em 0;
  }

  .fullscreen-nav .deeper .deeper-icon {
    width: 3rem;
    background: var(--clr-darkblue);
  }

  .show-all-button .field-value > p > a,
  .blog-item.events .show-all-button .field-value > p > a {
    background: var(--clr-orange);
    border: unset;
    color: #fff;
  }
}

@media (min-width: 100rem) {
  .frontpage .moduletable.newsflash > .mod-articlesnews {
    --items-on-screen: 3 !important;
  }

  .blog-items .content-wrapper,
  .com-content-archive__items .content-wrapper,
  .blog-items:is(.children-1, .children-2, .children-3) .content-wrapper {
    --items-on-screen: 3;
  }

  .mod-articlesnews.items-1,
  .mod-articlesnews.items-2 {
    grid-template-columns: repeat(3, minmax(calc((95% / var(--items-on-screen)) - 2em), 1fr)) !important;
    overflow: hidden;
  }

  header.w-dropdown .secondary-menu {
    display: flex;
    flex: 1;
    justify-content: flex-end;
  }

  .secondary-menu {
    position: absolute;
    display: flex;
    right: 10rem;
    height: var(--header-height);
    justify-content: flex-end;
  }

  .secondary-menu > ul {
    display: flex;
    justify-content: flex-end;
    align-items: center;
  }

  .secondary-menu > ul > li {
    padding: 0 1em;
  }
}