/**
 * Theme Name:     Irena
 * Author:         Ira
 * Template:       astra
 * Text Domain:	   irena
 * Description:    The Custom Theme based on Astra WordPress theme.
 */


/* about */

.banner {
  position: relative;
  background: #FFFDF9; /* base background */
  overflow: hidden;
  padding: 100px 20px;
  text-align: center;
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
}

.banner h1 {
  position: relative;
  z-index: 10;
  font-size: 3rem;
  color: #333;
}

/* Shared shape styles */
.shape {
  position: absolute;
  z-index: 1;
  opacity: 0.9;
}

/* Angular polygon shapes */
.shape1 {
  width: 400px;
  height: 400px;
  background: #FFF2E6;
  top: -150px;
  left: -100px;
  clip-path: polygon(0 0, 100% 10%, 80% 100%, 0% 80%);
}

.shape2 {
  width: 300px;
  height: 300px;
  background: #FFA18A;
  bottom: -100px;
  right: -100px;
  clip-path: polygon(20% 0, 100% 20%, 80% 100%, 0% 80%);
}

.shape3 {
  width: 250px;
  height: 250px;
  background: #FFF2E6;
  bottom: 25%;
  left: 20%;
  clip-path: polygon(50% 0, 100% 40%, 70% 100%, 0 60%);
}




 /* _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ 

             HOME PAGE -AMAI
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _   */


:root {
    --brand: #D3A580;
    --dark-golden: #533911;
    --light-beige: #FCF7F2;
    --dark-grey: #212325;
}

  @media only screen and (max-width: 365px) {
    h1, .entry-content :where(h1), h2 {
      font-size: 2.8rem;
    }
}


.animated-text {
  transition-delay: .5s;
}

.font-fraunces {
  font-family: 'Fraunces', serif;
}

@media only screen and (max-width: 767px) {
  .mobile-center-text {
    text-align: center;
  }
}

/* button transition */
a.wp-block-button__link {
  transition: background-color 1.3s, border-color 1.3s !important;
}





.home-banner {

  div.home-banner-heading {
    transition: opacity 1.3s ease-in-out;

    h1 {
      max-width: 1240px!important;
      margin: 0 auto!important;
      padding: 0 20px;
      font-size: 59.2px;
      
      font-weight: 600;
    font-family: 'Fraunces', serif!important;
    line-height: 1.4em;
    text-transform: capitalize;
          position: relative;
          z-index: 100;
      
      @media only screen and (max-width: 1024px) {
          
        }
    }

    .in-irish-soil {
      position: relative;
      color: var(--light-beige);
      margin-left: 140px;
      
    @media only screen and (max-width: 590px) {
        margin-left: 0!important;
      }
    }

      /* align with Brazilian Roots */
    @media only screen and (min-width: 545px) and (max-width: 921px) {
      margin-left: 100px!important;
    }
    @media only screen and (max-width: 544px) {
      margin-left: 75px!important;
    }
  }

  /* Initially hide Amai and make fade smooth for both */
  .logo-over-video {
      opacity: 0; /* Initially hide Amai  */
      transition: opacity 1.3s ease-in-out;
      max-width: 300px;
      position: absolute;
      opacity: 0;
      top: 200px;
      left: 100px;
      margin: 0 auto;
      z-index: 999;
  }


   /* home banner video */

  .home-video-container {
    margin-top: -250px!important;
    height: 101vh;
    overflow: hidden;
    row-gap: 0 !important;
    padding: 0 !important;

      /* figure */
    .wp-block-video {
        height: 100%;
        margin-top: 0px;
      }

      video {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
        object-position: 50% 20%;
      }

 
      /* video placement */
    @media only screen and (max-width: 921px) {
      margin-top: -252px!important;
    }
    @media only screen and (max-width: 768px) {
      /* margin-top: -480px!important; */
      margin-left: 0!important;
    }
  }

  .home-banner-cta {
      &:hover {
        transition-duration: .5s;
      }
      &.menu:hover {
          transform: translateX(-10px);
      } 
      &.book:hover {
          transform: translateX(10px);
      }     
  }
}