@import url(https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,500;0,700;1,400;1,500;1,700&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Oswald:wght@300;400;500;700&display=swap);
.bgbg {
  background-image: url("../images/ni.jpeg");
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: bottom center;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0.5;
  z-index: -1;
  top: 0;
  position: fixed;
}

.toolbar-fixed .bgbg {
  top: var(--drupal-displace-offset-top);
  bottom: calc(-1 * var(--drupal-displace-offset-top));
}

.bg-texture {
  background-image: url("../img/45-degree-fabric-dark.png");
}

.author-wrapper-bg {
  background-image: url("../img/fon.png");
  background-size: cover;
  background-repeat: no-repeat;
}

.author-bg {
  background-image: url("../img/port-crop.png");
  background-repeat: no-repeat;
  background-color: #ffe2fe;
  background-position: center bottom -2rem;
  background-size: contain;
  border: 8px solid rgba(255, 255, 255, 0.2);
}

.ff-heading {
  font-family: "Oswald";
}

.tracking-in-expand {
  animation: tracking-in-expand 0.7s cubic-bezier(0.215, 0.61, 0.355, 1) both;
}

/* ----------------------------------------------
 * Generated by Animista on 2022-12-22 21:3:19
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info.
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */
/**
 * ----------------------------------------
 * animation tracking-in-expand
 * ----------------------------------------
 */
@keyframes tracking-in-expand {
  0% {
    letter-spacing: -0.5em;
    opacity: 0;
  }
  40% {
    opacity: 0.6;
  }
  100% {
    opacity: 1;
  }
}
.slide-in-top {
  animation: slide-in-top 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
}

/* ----------------------------------------------
 * Generated by Animista on 2022-12-22 21:38:12
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info.
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */
/**
 * ----------------------------------------
 * animation slide-in-top
 * ----------------------------------------
 */
@keyframes slide-in-top {
  0% {
    transform: translateY(-1000px);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}
.bounce-in-left {
  animation: bounce-in-left 1.1s both;
}

/* ----------------------------------------------
 * Generated by Animista on 2022-12-22 21:41:3
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info.
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */
/**
 * ----------------------------------------
 * animation bounce-in-left
 * ----------------------------------------
 */
@keyframes bounce-in-left {
  0% {
    transform: translateX(-600px);
    animation-timing-function: ease-in;
    opacity: 0;
  }
  38% {
    transform: translateX(0);
    animation-timing-function: ease-out;
    opacity: 1;
  }
  55% {
    transform: translateX(-68px);
    animation-timing-function: ease-in;
  }
  72% {
    transform: translateX(0);
    animation-timing-function: ease-out;
  }
  81% {
    transform: translateX(-28px);
    animation-timing-function: ease-in;
  }
  90% {
    transform: translateX(0);
    animation-timing-function: ease-out;
  }
  95% {
    transform: translateX(-8px);
    animation-timing-function: ease-in;
  }
  100% {
    transform: translateX(0);
    animation-timing-function: ease-out;
  }
}
.scale-in-center {
  animation: scale-in-center 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
}

/* ----------------------------------------------
 * Generated by Animista on 2022-12-22 21:43:26
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info.
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */
/**
 * ----------------------------------------
 * animation scale-in-center
 * ----------------------------------------
 */
@keyframes scale-in-center {
  0% {
    transform: scale(0);
    opacity: 1;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
.wrapper-img-hover {
  display: block;
  overflow: hidden;
}
.wrapper-img-hover > img {
  transition: transform ease-in-out 300ms;
  max-width: 100%;
  max-height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.wrapper-img-hover:hover > img {
  transform: scale(1.1);
}

.tracking-in-expand-fwd {
  animation: tracking-in-expand-fwd 0.8s cubic-bezier(0.215, 0.61, 0.355, 1) both;
}

/* ----------------------------------------------
 * Generated by Animista on 2022-12-24 13:1:9
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info.
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */
/**
 * ----------------------------------------
 * animation tracking-in-expand-fwd
 * ----------------------------------------
 */
@keyframes tracking-in-expand-fwd {
  0% {
    letter-spacing: -0.5em;
    transform: translateZ(-700px);
    opacity: 0;
  }
  40% {
    opacity: 0.6;
  }
  100% {
    transform: translateZ(0);
    opacity: 1;
  }
}
.block-home-blog-article-grid {
  display: grid;
  grid-gap: 1rem;
  grid-template-columns: repeat(12, 1fr);
}

.block-home-blog-article-first {
  grid-column: 12 span;
  display: grid;
  grid-gap: 1rem;
  border-bottom: 1px solid #e9ecef;
  padding-bottom: 1rem;
}
@media (min-width: 768px) {
  .block-home-blog-article-first {
    grid-template-columns: 25% 75%;
  }
}

.block-home-blog-article {
  grid-column: 3 span;
}

.subscribe-row {
  display: grid;
  grid-gap: 1rem;
  grid-template-columns: repeat(2, 1fr);
  grid-template-areas: "name  surname " "  email email" "  notice notice" " submit submit ";
}
@media (min-width: 768px) {
  .subscribe-row {
    grid-template-columns: repeat(3, 1fr);
    grid-template-areas: "name surname email" "notice notice submit";
  }
}
.subscribe-row > div:nth-child(1) {
  grid-area: name;
}
.subscribe-row > div:nth-child(2) {
  grid-area: surname;
}
.subscribe-row > div:nth-child(3) {
  grid-area: email;
}
.subscribe-row > div:nth-child(4) {
  grid-area: notice;
}
.subscribe-row > div:nth-child(5) {
  grid-area: submit;
}

.region-footer-nav .navbar-nav {
  flex-direction: row !important;
  gap: 0.5rem;
  font-family: "Oswald";
}

.static-page-content {
  padding: 1rem;
  color: #212529;
}
.static-page-content a {
  --bs-link-color: $blue;
  --bs-link-hover-color: $blue-600;
}

.menu-social-icons .link-text {
  display: none;
}

.block-copyright {
  font-size: 0.875em;
}