@import 'bootstrap.min.css';
@import 'spacing.css';
@import '../blueimp/css/blueimp-gallery.min.css';
@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300..700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100..900&display=swap');
@import url('https://unpkg.com/aos@next/dist/aos.css');

#adminpanel {
  position: fixed;
  bottom: 10px;
  left: 40px;
}

img {
  max-width: 100%;
}

#cookiesBarTrigger {
  position: fixed;
  bottom: 5px;
  left: 5px;
  z-index: 100;
  cursor: pointer;

  img {
    width: 25px;
    height: 25px;
  }
}

.blog-grid {
  grid-template-columns: repeat(4, 1fr);

  .blog-full-width {
    grid-column-start: 1;
    grid-column-end: 5;
  }

  article.card:nth-child(even) {
    grid-column-start: 1;
    grid-column-end: 3;
  }

  article.card:nth-child(odd) {
    grid-column-start: 3;
    grid-column-end: 5;
  }

  @media (max-width: 992px) {
    grid-template-columns: repeat(2, 1fr);

    .blog-full-width {
      grid-column-start: 1;
      grid-column-end: 3;
    }

    article.card:nth-child(even) {
      grid-column-start: 1;
      grid-column-end: 3;
    }

    article.card:nth-child(odd) {
      grid-column-start: 1;
      grid-column-end: 3;
    }

  }
}

body {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  padding-top: 3.7rem;
  background-image: linear-gradient(112.5deg, rgb(214, 214, 214) 0%, rgb(214, 214, 214) 10%, rgb(195, 195, 195) 10%, rgb(195, 195, 195) 53%, rgb(176, 176, 176) 53%, rgb(176, 176, 176) 55%, rgb(157, 157, 157) 55%, rgb(157, 157, 157) 60%, rgb(137, 137, 137) 60%, rgb(137, 137, 137) 88%, rgb(118, 118, 118) 88%, rgb(118, 118, 118) 91%, rgb(99, 99, 99) 91%, rgb(99, 99, 99) 100%), linear-gradient(157.5deg, rgb(214, 214, 214) 0%, rgb(214, 214, 214) 10%, rgb(195, 195, 195) 10%, rgb(195, 195, 195) 53%, rgb(176, 176, 176) 53%, rgb(176, 176, 176) 55%, rgb(157, 157, 157) 55%, rgb(157, 157, 157) 60%, rgb(137, 137, 137) 60%, rgb(137, 137, 137) 88%, rgb(118, 118, 118) 88%, rgb(118, 118, 118) 91%, rgb(99, 99, 99) 91%, rgb(99, 99, 99) 100%), linear-gradient(135deg, rgb(214, 214, 214) 0%, rgb(214, 214, 214) 10%, rgb(195, 195, 195) 10%, rgb(195, 195, 195) 53%, rgb(176, 176, 176) 53%, rgb(176, 176, 176) 55%, rgb(157, 157, 157) 55%, rgb(157, 157, 157) 60%, rgb(137, 137, 137) 60%, rgb(137, 137, 137) 88%, rgb(118, 118, 118) 88%, rgb(118, 118, 118) 91%, rgb(99, 99, 99) 91%, rgb(99, 99, 99) 100%), linear-gradient(90deg, rgb(195, 195, 195), rgb(228, 228, 228));
  background-blend-mode: overlay, overlay, overlay, normal;
  background-repeat: no-repeat;
}

.navbar-brand img {
  height: 3.7rem;
}

.navbar-toggler svg {
  width: 1.8rem;
  height: 1.8rem;
}

.navbar-main {
  box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);
}

main {
  flex: 1;
}

footer {
  margin-top: auto;
}

.section-even {
  background: rgba(237, 242, 250, 0.6);
}

textarea.form-control {
  height: auto !important;
}

h2{
  strong{
    color: var(--bs-primary);
  }
  span{
    color: var(--bs-danger);
  }
}

.wysiwyg img{
  height: auto !important;
}

@media all and (max-width: 767px) {
  body{
    top: 0 !important;
  }
  .skiptranslate:not(.goog-te-gadget) {
    display: none !important;
  }
}