:root {

}
html {
  scroll-behavior: smooth;
  font-size: 20px;
}
body {
  margin: 0;
  -webkit-font-smoothing: auto;
  font-family: "Fustat", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
}
a {
  background-color: transparent;
  transition: .3s;
  color: #37322D;
  text-decoration: none;
  max-width: 100%;
  font-weight:400;
}
a:hover {
  color: initial;
  text-decoration: none;
}
i {
  transition: .3s;
}
a:active,
a:hover {
  outline: 0;
  transition: .3s;
}
img {
  border: 0;
  max-width: 100%;
}
svg:not(:root) {
  overflow: hidden;
}
iframe {
  max-width:100%;
}
.container-fluid, .row {
    --bs-gutter-x: 0rem!important;
}
ul {
  padding-left: 0rem!important;
  margin-bottom: 0rem!important;
  list-style-type: none;
}
.responsive-image {
  width:100%;
  object-fit:cover;
  height:100%;
}
.navigaatio-container .korostettu a {
  background-color:white;
  color:black!important;
  padding:0.25rem 0.75rem;
  border-radius:0.25rem;
}
/* Set minimum width for the table */
.wp-block-table {
  min-width: 940px;
  overflow-x: auto; /* Enable horizontal scrolling */
  -webkit-overflow-scrolling: touch; /* Smooth scrolling on mobile */
}
.post-thumbnail img {
  height:auto;
}

/* Force horizontal scrolling only on smaller screens */
@media screen and (max-width: 940px) {
  .acf-innerblocks-container {
      overflow-x: auto; /* Enable horizontal scroll for the parent container */
  }

  .wp-block-table {
      display: block; /* Ensure table becomes block-level on small screens */
      width: auto; /* Ensure the table content stretches */
  }

  .wp-block-table table {
      width: 100%; /* Ensure the table stretches fully inside the block */
  }
}
.desktop-nav .current-menu-item a {
  text-decoration: underline;
}

/* Ninja forms */
.nf-form-fields-required {
  display:none!important;
}
.nf-field-label label {
  display:none!important;
}
.nf-field-element input {
  background-color:#333333!important;
  color:white!important;
  max-width:855px!important;
}
.nf-field-element input::placeholder {
  color:white!important;
}
.nf-field-element input[type="submit"] {
  color:white!important;
  border:1px solid #41F2B9!important;
  border-radius: 0.25rem!important;
  background-color:black!important;
  padding:0.25rem 0.5rem!important;
  font-size:0.8rem!important;
  font-weight:500!important;
  height:auto!important;
}
.arrow-link {
  display: inline-block; /* Ensure the link behaves like an inline-block */
  position: relative;    /* Create a context for positioning */
  width:100%;
}
.arrow-link a {
  padding-right:1rem;
}
.arrow-link::after {
  content: "";
  position: absolute;    /* Position the icon absolutely */
  right: 0;              /* Align the icon to the right of the link */
  top: 50%;              /* Vertically center the icon */
  transform: translateY(-50%); /* Adjust vertical alignment */
  width: 16px;           /* Adjust the size of the arrow */
  height: 16px;          /* Adjust the size of the arrow */
  background-image: url('https://upheat.com/wp-content/themes/staart-childtheme/icons/link-arrow-black.png');
  background-size: contain;
  background-repeat: no-repeat;
  margin-left: 8px;      /* Space between the text and the arrow */
  margin-top:4px;
}
/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
h1, h2, h3, h4, h5, h6 {
  transition: .3s;
}
h1 {
  font-size:4rem;
  line-height:4rem;
  font-family: "antipoda-variable", sans-serif;
  font-variation-settings: "wdth" 50, "wght" 400;
}
h2 {
  font-family: "antipoda-variable", sans-serif;
  font-variation-settings: "wdth" 50, "wght" 400;
  font-style: normal;
  font-size:2.4rem;
  line-height:2.4rem;
  font-weight:500;
}
h3 {
  font-family: "Fustat", sans-serif;
  font-optical-sizing: auto;
  font-weight: 600;
  font-style: normal;
  font-size:2.1rem;
  line-height: 2.7rem;
}
h4 {
  font-family: "Fustat", sans-serif;
  font-optical-sizing: auto;
  font-size:1.5rem;
  line-height:1.8rem;
}
h5 {
  font-family: "Fustat", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
  font-size:1.2rem;
  line-height:1.6rem
}
p, div, span {
  font-size: 0.9rem;
  font-family: "Fustat", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}

@media (max-width:1200px) {

  h1 {
    font-size:3.6rem;
    line-height:3.6rem;
  }

  h2 {
    font-size:2.2rem;
    line-height:2.2rem;
  }

  h3 {
    font-size:1.9rem;
    line-height: 2.5rem;
  }

  h4 {
    font-size:1.3rem;
    line-height:1.5rem;
  }
  h5 {
    font-size:1.2rem;
    line-height:1.6rem
  }

}

@media (max-width: 768px) {

  h1 {
    font-size:3.2rem;
    line-height:3.2rem;
  }

  h2 {
    font-size:1.9rem;
    line-height:1.9rem;
  }

  h3 {
    font-size:1.7rem;
    line-height: 2.3rem;
  }

  h4 {
    font-size:1.3rem;
    line-height:1.5rem;
  }
  h5 {
    font-size:1.2rem;
    line-height:1.6rem
  }

  p {
    font-size:0.8rem;
  }

  a {
    font-size:0.9rem;
  }

}