/* Temporary homepage header customisations.
   Merge these styles into style.css before removing this enqueue. */

/* Classes to be removed:
   .homepage-header
   .homepage-header-left
   .homepage-header-right
   .homepage-header-right-textbox
   .homepage-header-right-textbox-p .topology-p
   .homepage-right-learn-more-container

   Custom Typeform Embed:

   <a class="typeform-share button topology-link" href="https://topologyinteriors.typeform.com/to/ljx2HR" data-mode="drawer_right" data-hide-headers=true data-hide-footer=true data-submit-close-delay="0" target="_blank">Start here </a>
   <script> (function() { var qs,js,q,s,d=document, gi=d.getElementById, ce=d.createElement, gt=d.getElementsByTagName, id="typef_orm_share", b="https://embed.typeform.com/"; if(!gi.call(d,id)){ js=ce.call(d,"script"); js.id=id; js.src=b+"embed.js"; q=gt.call(d,"script")[0]; q.parentNode.insertBefore(js,q) } })() </script>
   
   
   */

#homepage-header-bg {
  background: linear-gradient(rgba(0, 0, 0, 0.35), rgba(0, 0, 0, 0.35)), url('https://www.topologyinteriors.com/wp-content/uploads/2026/06/topology-home-header-bg.jpg?id=35719') !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
}

#hero-heading h2 {
  color: white !important;
  font-size: 2.8rem;
  line-height: 1;
}

#hero-heading p {
  color: white !important;
  font-weight: 550;
}

#hero-heading h2 em {
  font-weight: 400;
}

#typeform-header-button {
  background: #f3ede8;
  padding: 15px 30px;
  border-radius: 30px;
  color: #1a1919;
  font-weight: 550;
  text-decoration: none;
  display: block;
  width: fit-content;
  margin: 35px auto 0;
}

@media screen and (min-width: 768px) {
  #hero-heading h2 {
    font-size: 4rem;
  }
}

@media screen and (min-width: 1200px) {
  #hero-heading h2 {
    font-size: 5.5rem;
    line-height: 1;
  }
  #hero-heading p {
    font-size: 1.3rem;
  }
}

#typeform-container {
}