/*!
Theme Name: Kadence Child
Theme URI: https://www.kadencewp.com/kadence-theme/
Template: kadence
Author: Kadence WP
Author URI: https://www.kadencewp.com/
Description: A child theme for the Kadence Theme.
Version: 1.0.0
License: GNU General Public License v3.0 (or later)
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Text Domain: kadence-child-herc
*/

/* Theme customization starts here
-------------------------------------------------------------- */

#main-header .header-button {
  text-decoration: underline;
  text-align: center;
}

.mobile-header-button {
  text-decoration: underline!important;
  text-align: center;
}

.woocommerce-breadcrumb a:first-child {
    display: none;
}
/* Optional: Hide the first separator if it remains */
.woocommerce-breadcrumbDelim:first-child {
    display: none;
}

/* resize video */
  .wp-block-video {
    box-sizing: border-box!important;
  }

.videoaligncenter {
  display: flex;
  align-items: center;
  justify-content: center;
}


@media screen and (max-width:920px) {
  .wp-block-video video {
    height: 500px!important;
    vertical-align: middle;
    width: 100%;
    object-fit: cover!important;
  }
}

@media (min-width:921px){
  .wp-block-video video {
    width: 1420px!important;
    display: block !important;
    justify-content: center!important;
    align-items: center!important;
    text-align: center!important;
    clear:both;
  }
}



.cf7-newsletter-inline {
    display: flex;
    gap: 10px; /* Adjust spacing between them */
    align-items: center;
}
.cf7-newsletter-inline input[type="email"] {
    margin-bottom: 0; /* Remove default spacing */
}

.cf7-newsletter-button {
    background: black !important;
    font-size: medium !important;
}

.cf7-newsletter-notes {
    font-size: smaller !important;
    max-width: 450px !important;
}

.textondarkbk {
    color: var(--global-palette8);
}

@media (min-width:921px){
.cf7-contact-main-fieldset {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    gap:10px;
}

.cf7-contact-main-fieldset > * {
    flex-grow:1;
}
}


.cf7-contact-main input[type="tel"],
.cf7-contact-main input[type="text"] {
  border: 1px solid #ccc;
  border-radius: 4px;
  padding: 8px 12px;
  margin-bottom: 16px;
  box-sizing: border-box;
  width: 100%;
}



.cf7-contact-main input[type="email"],
.cf7-contact-main textarea {
  border: 1px solid #ccc;
  border-radius: 4px;
  padding: 8px 12px;
  margin-bottom: 16px;
  width: 100%;
  box-sizing: border-box;
}

.woocommerce ul.products li.product a img {
  border-radius: 10px 10px 10px 0px !important;
}

.grid-cols {
  column-gap: 0.5rem !important;
  row-gap: 0.5rem !important;
}

/* 
.woocommerce div.product div.summary, .woocommerce #content div.product div.summary, .woocommerce-page div.product div.summary, .woocommerce-page #content div.product div.summary {
  width: 100% !important;
}


.woocommerce div.product div.images {
  margin-bottom: 1em;
  padding-bottom: 0em;
  padding-right: 2em;
  margin-right: 2em;
}



*/ 

@media (min-width:921px){
  .woocommerce div.product div.images.woocommerce-product-gallery {
      position: sticky !important;
      top: 20px !important;
  }
}

.wrap-product-gallery-summary {
    display: flow-root;
}

.woocommerce div.product .product_title {
  font-size: 40px !important;
}

.product-long-description h2 {
  margin-bottom: 20px;
}

.bookappointment {
  font-size: 22px !important;
}

.woocommerce .product-enquery-form {
    clear: both;
    margin-top: 30px;
    margin-bottom: 50px;
}


.product-whyicon {
  width: 70%;
  padding-bottom: 30px;
}

.product-whyicon p {
  padding-left: 20px;
}

.product-faqs {
    display: flow-root;
    width: 70%;
}

/*  from faq plugin ************************************
*/

.product-faqs {
  width: 100%;
}

.faq-container {
  max-width: 1400px;
  margin: 0 auto;
  padding: 20px;
}

.faq-container p {
  margin: 0;
}

.faq-item {
  margin-bottom: 10px;
    border-bottom: 1px;
    border-bottom-style: solid;
    border-bottom-color: var(--global-palette2);
}

.faq-question {
  background: var(--global-palette8);
  border: none;
  width: 100%;
  text-align: left;
  padding: 15px;
  cursor: pointer;
  font-weight: bold;
  display: flex;
  justify-content: space-between;
  align-items: center;
    transition: all ease-in-out .2s;
}

.faq-question:hover {
  background: var(--global-palette2);
}

.faq-answer {
  padding: 15px 0 5px 15px;
  background: var(--global-palette8);
}

.faq-toggle-icon {
  font-size: 1.2em;
  margin-left: 10px;
  transition: transform 0.3s ease;
}

.faq-question[aria-expanded="true"] .faq-toggle-icon {
  transform: rotate(180deg);
}

/*  from faq plugin ************************************
*/