/**

 * Theme Name:     Hello Elementor Child
 * Author:         Elementor Team
 * Template:       hello-elementor
 * Text Domain:	   hello-elementor-child
 * Description:    Hello Elementor is a lightweight and minimalist WordPress theme that was built specifically to work seamlessly with the Elementor site builder plugin. The theme is free, open-source, and designed for users who want a flexible, easy-to-use, and customizable website. The theme, which is optimized for performance, provides a solid foundation for users to build their own unique designs using the Elementor drag-and-drop site builder. Its simplicity and flexibility make it a great choice for both beginners and experienced Web Creators.
 */

.my-btn a {
  position: relative;
}
.my-btn a:before {
  content: "";
  position: absolute;
  border: 1px solid #d4af37;
  top: -4px;
  bottom: -4px;
  left: -4px;
  right: -4px;
}
.header-menu nav ul li a.elementor-item-active:before {
  position: absolute;
  bottom: -3px;
  left: 0;
  right: 0;
  content: "";
  height: 1px;
  width: 100%;
  background: #d4af37;
  z-index: 9;
}
.header-menu nav ul li a.elementor-item-active {
  position: relative;
}
.my-form p {
  margin-bottom: 35px;
}
.my-form .form-row {
  display: flex;
  justify-content: space-between;
  gap: 40px;
  margin-bottom: 35px;
}
.my-form .form-column {
  width: 100%;
}
.my-form form label {
  color: #d4af37;
  font-size: 16px;
  line-height: 30px;
  font-family: "Montserrat", sans-serif;
  margin-bottom: 10px;
}
.my-form form input,
.my-form form select,
.my-form form textarea {
  padding: 0;
  background: transparent;
  border: 0;
  border-bottom: 1px solid #686868;
  padding-bottom: 5px;
  border-radius: 0;
  color: #878787;
}
.my-form form select {
  padding-bottom: 10px;
}
.submit-btn {
  border: 1px solid #d4af37;
  display: inline-block;
  padding: 1px;
}
.submit-btn .wpcf7-spinner {
  position: absolute;
  left: 0;
  top: 100%;
  margin: 12px 0;
}
.submit-btn input[type="submit"] {
  padding: 18px 65px !important;
}
input,
textarea,
select {
  outline: none;
  box-shadow: none;
  width: 100%;
}
.my-products-grid .woocommerce ul.products li.product a img {
  height: 250px !important;
  width: 100% !important;
  object-fit: cover !important;
}
.shop-filters .wpfFilterContent ul li {
  margin-bottom: 10px !important;
  font-size: 14px !important;
}
.shop-filters .wpfFilterButton.wpfButton,
.shop-filters .wpfClearButton.wpfButton {
  min-height: 42px !important;
  border-radius: 0 !important;
  font-size: 14px !important;
  border: 1px solid #d4af37 !important;
}
.my-products-grid .woocommerce nav.woocommerce-pagination ul {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}
.my-products-grid .woocommerce nav.woocommerce-pagination ul li span, .my-products-grid .woocommerce nav.woocommerce-pagination ul li a {
    font-size: 16px !important;
    font-weight: bold;
    border-radius: 4px !important;
    padding: 8px 12px !important;
    background-color: rgb(255 255 255 / 47%) !important;
    border: 1px solid #ffffff; 
}
.my-products-grid .woocommerce nav.woocommerce-pagination ul.page-numbers .current {
    color: #D4AF37 !important;
    background-color: rgb(207 167 24 / 33%) !important;
    border-color: #D4AF37;
}
.my-products-grid .woocommerce nav.woocommerce-pagination ul .prev {
    color: #6a581c !important;
    border-color: #6a581c !important;
    background-color: #000000 !important;   
}
.my-products-grid .woocommerce nav.woocommerce-pagination ul .next {
    color: #ffffff !important;
    border-color: #D4AF37 !important;
    background-color: #D4AF37 !important;
}
/* .my-products-grid .wpfFilterWrapper span.wpfCheckbox label:before{
  border-radius: 0 !important;
  background-color: transparent !important;
} */
 
/* .shop-filters .wpfFilterButton.wpfButton:hover,
.shop-filters .wpfClearButton.wpfButton:hover {
  background: #d4af37;
  color: #fff !important;
} */
/* input[type="file"]::before {
    content: "Add Your CV";
    display: inline-block;
    color: #878787 !important;
}

input[type="file"]::-webkit-file-upload-button {
    visibility: hidden;
}

input[type="file"] {
    color: transparent !important;
} */
@media (max-width: 1024px) {
  .my-products-grid ul.products {
    grid-template-columns: repeat(2, 1fr) !important;
  }
  .my-products-grid .woocommerce-pagination {
    margin-top: 100px !important;
  }
}

@media (max-width: 767px) {
  .header-menu nav ul li a.elementor-item-active:before {
    display: none;
  }
  .my-form .form-row {
    display: block;
    margin-bottom: 0;
  }
  .my-form .form-column {
    margin-bottom: 20px;
  }
  .submit-btn input[type="submit"] {
    padding: 8px 20px !important;
    font-size: 12px !important;
  }
  .my-form form label {
    font-size: 14px !important;
  }
  .my-products-grid ul.products {
    grid-template-columns: repeat(1, 1fr) !important;
  }
  .my-products-grid .woocommerce-pagination {
    margin-top: 50px !important;
  }
}


.archive .add_to_cart_button:after {
    content: '';
    position: absolute;
    background-image: url(/wp-content/themes/hello-elementor-child/assets/images/arrow-right.svg);
    background-position: right;
    background-size: 15px;
    background-repeat: no-repeat;
    right: -26px;
    top: 0;
    width: 100%;
    height: 100%;
}
.archive .wpfFilterWrapper .wpfCheckbox input[type="checkbox"]:checked + label::before {
    background-image: url(/wp-content/themes/hello-elementor-child/assets/images/check.png) !important;
    background-size: 14px 14px !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-color: #d4af37 !important;
    border-color: #d4af37 !important;
}

.archive .wpfFilterWrapper[data-radio="1"] .wpfCheckbox label:before {
    border-radius: 0 !important;
}
.archive .wpfFilterWrapper .wpfCheckbox label {
    width: 20px !important;
    height: 20px !important;
}