/* lexend-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Lexend';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/lexend-v25-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* lexend-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Lexend';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/lexend-v25-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
:root {
  --body-font-family: 'Lexend';
  --cassiopeia-font-family-headings: 'Lexend';
}
h1 {
  margin-block: 1rem 2rem;
}
.front h1 {
  text-align: center;
}
body:not(.front) h1::after {
  content: "";
  display: inline-block;
  background: repeating-linear-gradient(-45deg,hsla(0,0%,100%,0),hsla(0,0%,100%,0) 6px,#cadbae 0,#cadbae 8px);
  height: 1rem;
  width: 20%;
  margin-block-start: 1rem;
}
h2 {
  margin-block-end: 1rem;
}
/*
@media (width > 991px) {
  body.front {
    background-image: url('../images/cat-8500334_640.png');
    background-repeat: no-repeat;
    background-position: right;
  }
} */
.front .container-banner .banner-overlay {
  color: var(--body-color);
  background-position: bottom right;
  background-size: auto;
  background-attachment: unset;
  background-color: #cadbae;
  height: 60vh;
  .overlay {
    background-color: transparent;
  }
}
.container-header {
/*  background-image: radial-gradient(circle,rgba(202, 219, 174, 1) 0%, rgba(176, 204, 207, 1) 100%); */
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-areas: "top below"
                        "logo logo"
                        "nav nav";
  .container-topbar {
    padding: .5em;
    grid-area: top;
  }
  .container-below-top {
    grid-area: below;
    justify-content: flex-end;
  }
  .grid-child:has(.navbar-brand) {
    grid-area: logo;
  }
  .container-nav {
    grid-area: nav;
  }
  .navbar-brand {
    font-weight: 700;
  }
  .site-description {
    color: var(--headercolor);
  }
  .mod-menu > li.active::after,
  .mod-menu > li:hover::after {
    background: currentColor;
  }
  .navbar-toggler {
    color: currentColor;
    border-color: currentColor;
  }
}

@media (width >= 991.98px) {
    .container-header {
        grid-template-columns:
            [full-start] minmax(0,1fr)
            [main-start] repeat(4,minmax(0,19.875rem))
            [main-end] minmax(0,1fr)[full-end];
        grid-template-areas: ". logo logo nav nav .";
        gap: 0 1rem;
    }
    .container-header:has(.container-below-top, .container-topbar) {
        grid-template-areas: ". top top below below ."
                             ". logo logo nav nav .";
    }
}

.language-markup .tag {
    padding: 0;
}
.container-nav .mod-articles {
    display: flex;
    gap: 1rem;
    a {
      color: var(--headercolor);
        :hover,
        &.active {
            text-decoration: underline;
            text-underline-offset: 2px;
            text-decoration-thickness: 2px;
        }
    }
}
.btn-primary {
  --btn-hover-color: var(--btncolorh);
  --btn-active-color: var(--btncolorh);
}
.footertext {
  margin-block-end: 0;
}
.menu-horizontal {
  display: flex;
  align-items: center;
}
.footer .grid-child {
  flex-wrap: wrap;
  row-gap: 2rem;
}
@media (width <= 991.98px) {
  .footer .grid-child {
    flex-direction: unset;
  }
}