/*
Theme Name: Planty
Theme URI: 
Author: 
Author URI: 
Description: Planty Block Theme
Requires at least: 6.0
Tested up to: 6.5.2
Requires PHP: 5.7
Version: 1.0.2
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: planty
Tags: full-site-editing, 
*/

.wp-block-media-text__content {
  padding: 0px !important;
}

.wp-block-button .wp-block-button__link {
  font-size: 14px !important;
}

/* Typography Responsiveness */
@media (max-width: 600px) {
  h1 {
    font-size: 30px;
  }
  h2 {
    font-size: 25px;
  }
  h3 {
    font-size: 20px;
  }
  p {
    font-size: 18px;
  }
}

@media (min-width: 600px) and (max-width: 1280px) {
  h1 {
    font-size: 35px;
  }
  h2 {
    font-size: 30px;
  }
  h3 {
    font-size: 20px;
  }
  p {
    font-size: 14.4px;
  }
  .wp-block-button .wp-block-button__link {
    font-size: 12px !important;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
  }
}
/* Typography Responsiveness */

/* Margin Responsiveness */
/* Extra large devices (larger than 1920px) */
@media (min-width: 1920px) {
  .planty-container {
    margin-left: 192px !important;
    margin-right: 192px !important;
  }
}
/* Margin responsiveness */

/* Top Align Heading */
.top-align-heading {
  line-height: 1;
  vertical-align: top;
}
/* Top Align Heading */

/* Button & Link Animations */
a.wp-block-button__link:hover {
  background-color: #5b929b;
  color: #ffffff;
  transition: ease-out 0.2s;
}

h3 a:hover {
  text-decoration: underline;
}

p a:hover {
  text-decoration: underline;
}

.blog-carousel a:hover {
  text-decoration: underline !important;
}

/* Button & Link Animations */

.discover-product-btn {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 14px !important;
}

.discover-product-btn:hover img {
  opacity: 0.4; /* Reduce opacity of image on hover */
  transition: opacity 0.2s ease-out;
}
.discover-product-btn:hover .discover-button {
  visibility: visible; /* Show button on hover */
}

.discover-button {
  visibility: hidden;
  position: absolute; /* Ensures button doesn't affect image layout */
  z-index: 1; /* Ensures button is above the image */
  transition: visibility 0s, opacity 0.2s ease-out; /* Smooth transition for visibility and opacity change */
}

/* #planty-bento-boxes p {
  opacity: 0;
  transition: ease 0.6s;
}

#planty-bento-boxes:hover p {
  opacity: 100%;
}

@media only screen and (max-width: 600px) {
  #planty-bento-boxes p {
    opacity: 100%;
  }
} */

#cta {
  display: flex;
  position: relative;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  text-align: center;
  width: 100%;
  max-width: 50vw;
  padding: 25px;
  min-height: 50vh;
  background-color: #95aeb3;
  box-sizing: border-box;
}

@media only screen and (max-width: 600px) {
  #cta {
    max-width: 100vh;
  }
}

#cta .cover {
  margin: auto;
  /* font-size: 35px; */
}

/* #cta For mobile flex-direction: row; */
/* @media only screen and (max-width: 600px) {
#cta {
  flex-direction: column;
  min-height: 300px;
}
#cta .hovered {
  display: flex; 
  opacity: 1 !important;
  padding: 10px;
}
#cta .contact-us {
  background-color: #5b929b;
  color: white;
}

#cta .cover {
  display: none;
}
} */

#cta:hover {
  background-color: #5b929b !important;
  color: white;
}

#cta .hovered {
  display: none;
  opacity: 0;
  position: absolute;
  display: flex 1 1 auto;
  /* gap: 5vh; */
  flex-direction: column;
  transition: visibility 0s, opacity 0.2s ease-out;
  word-wrap: break-word; /* Break long words */
}

#cta .hovered .content {
  display: flex;
  /* gap: 2vh; */
  flex-direction: column;
}

#cta .wp-block-button__link:hover {
  background-color: white;
  color: #064b56;
}

#cta .cover {
  color: #064b56;
}

#cta:hover .cover {
  display: none;
}
#cta:hover .hovered {
  display: flex;
  position: relative;
  align-content: space-between;
  align-items: stretch;
  opacity: 1;
  max-width: 80%;
}

@media only screen and (max-width: 600px) {
  #cta:hover .hovered {
    max-width: 90%;
  }
}

#cta .sib-default-btn {
  margin: 5px !important;
  margin-top: 50px;
}