
/*
Theme Name: Woostify Child
Theme URI: https://woostify.com
Template: woostify
Author: Woostify
Author URI: https://woostify.com/about
Description: Woostify is fast, lightweight, responsive and super flexible WooCommerce theme built with SEO, speed, and usability in mind. The theme works great with any of your favorite page builder likes Elementor, Beaver Builder, SiteOrigin, Thrive Architect, Divi, etc. Therefore, you can build any type of websites like shop, business agencies, corporate, portfolio, education, university portal, consulting, church, restaurant, medical and so on. Woostify is compatible with all well-coded plugins, including major ones like WooCommerce, OrbitFox, Yoast, BuddyPress, bbPress, etc. Learn more about the theme and ready to import demo sites at https://woostify.com
Tags: e-commerce,two-columns,left-sidebar,right-sidebar,custom-background,custom-colors,custom-header,custom-menu,featured-images,full-width-template,threaded-comments,rtl-language-support,footer-widgets,sticky-post,theme-options
Version: 2.4.2.1759492059
Updated: 2025-10-03 11:47:39

*/

@media only screen and (min-width: 993px) {
.site-header-inner .primary-navigation li.current-menu-item > a , .primary-navigation .menu-item-text{
    color: #2b2b2b !important;
}
/*dropdown 	 */
	.site-header-inner .primary-navigation a:hover, .menu-item-has-children:hover a{
    color:#2b2b2b !important;
}
}
/* homepage slider */
.n2-active {
    background: #ffde00 !important;
}

/* slider button */
.slider-button {
    width: 1200px !important;
    margin: 0 auto;
    min-width: 1200px !important;
    margin: 0 auto !important;
    text-align: left !important;
}

@media only screen and (max-width: 1024px) {
.slider-heading h1{
    font-size: 36px !important;
}
.slider-button a{
    font-size: 16px !important; 
    padding: 8px 16px !important;
}
}

@media only screen and (max-width: 768px) {
.slider-heading h1{
    font-size: 24px !important;
}
.slider-button a{
    font-size: 14px !important;
     padding: 8px 16px !important;
}
}
/* home page polygon cut  */
@media only screen and (min-width: 768px) {
.grey-bg-cut {
      clip-path: polygon(12% 0, 100% 0, 100% 100%, 0% 100%);
}
.grey-bg-cut-right{
      clip-path: polygon(0% 0%, 88% 0%, 100% 100%, 0% 100%);

}
}

/* wiper tech that actually works section */
.image-box-wiper-feature h3 {
    margin-top: 0 !important;
}

/* faqs */

.faqs .e-n-accordion-item[open] {
  border: 0  !important; /* removes any border */
  box-shadow: 0 0 24px rgba(4, 39, 61, 0.08); /* 0 X, 0 Y, 24 blur, 8% opacity */
  border-radius: 8px; /* optional, looks cleaner with shadow */
  transition: box-shadow 0.3s ease; /* smooth open animation */
  background-color: #fff; /* optional: ensures shadow visibility */
}

.faqs .e-n-accordion-item[open] summary,.e-n-accordion-item[open] .elementor-element{
   border: 0  !important; /* removes any border */
}

/* contact page */
.custom-contact-form .wpcf7-form {
  margin: 0 auto;
}

.custom-contact-form .form-row {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 15px;
  gap: 15px;
  width:100%;
}

.custom-contact-form .form-col {
  flex: 1;
  min-width: 0;
}

.custom-contact-form .form-col.full-width {
  flex: 0 0 100%;
}

.custom-contact-form input[type="text"],
.custom-contact-form input[type="email"],
.custom-contact-form input[type="tel"],
.custom-contact-form textarea {
      width: 100%;
    padding: 10px;
    border: 1.6px solid #828282;
    border-radius: 8px;
    background-color: #f9f9f9;
    box-sizing: border-box;
    font-size: 16px;
}

.custom-contact-form input[type="text"]:focus,
.custom-contact-form input[type="email"]:focus,
.custom-contact-form input[type="tel"]:focus,
.custom-contact-form textarea:focus {
  outline: none;
  border-color: #FFDE00;
}

.custom-contact-form textarea {
  height: 100px;
  resize: vertical;
}

.custom-contact-form input[type="submit"] {
  width: 100%;
  padding: 12px;
  background-color: #000;
  color: #fff;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  font-size: 16px;
  text-transform: capitalize;
  font-weight: 600;
}

.custom-contact-form input[type="submit"]:hover {
  background-color: #333;
}

.custom-contact-form .wpcf7-response-output {
  margin-top: 10px;
  padding: 10px;
  border: 1px solid #ddd;
  border-radius: 4px;
}

fieldset.hidden-fields-container {
    display: none;
}

/* single product template */
.single-product h1.product_title.entry-title {
    font-size: 32px;
    font-weight: 600;
    color: #000;
}
@media only screen and (max-width: 768px) {
  .single-product h1.product_title.entry-title {
    font-size: 28px;
}
}

.single-product .product-page-container {
    background: transparent;
}
.single-product .content-top {
    background: transparent !important;
}


.single-product .woocommerce-product-details__short-description {
    padding-top: 0;
    padding-bottom: 5px;
    color: #636363;
    font-size: 18px;
    line-height: 1.4em;
}
.single-product  .woocommerce-tabs.wc-tabs-wrapper {
    background: #F0F0F0;
    margin-bottom: 50px;
}

/* max-width for sections */
.single-product .product-page-container {
    max-width: 1200px;
    margin: 0 auto;
}

.single-product .content-top {
    max-width: 1200px !important;
    margin: 0 auto;
}

.single-product .woocommerce-tabs.wc-tabs-wrapper {
    max-width: 1200px;
    margin: 0 auto;
}
@media only screen and (max-width: 1220px) {
.single-product .product-page-container, .single-product .content-top, .single-product .woocommerce-tabs.wc-tabs-wrapper {
    margin-left: 30px;
    margin-right: 30px;
}
}
/* spacing in tabs */
@media only screen and (max-width: 990px){
.single-product .woocommerce-tabs.wc-tabs-wrapper {
    padding-left: 30px;
    padding-right: 30px;
}
}

/* tabs */
/* Style for active tab */
.single-product  .tabs.wc-tabs li.active a {
    background-color: #000; /* black background */
    color: #fff; /* white text */
}

/* Optional: make inactive tabs stand out less */
.single-product  .tabs.wc-tabs li {
    background-color: transparent;
    color: #000;
    transition: all 0.3s ease;
    margin:0;
   
}
.single-product .tabs.wc-tabs li a{
     padding:10px 30px;

}

/* Optional hover effect for inactive tabs */
.single-product .tabs.wc-tabs li a:hover {
    background-color: #333;
    color: #fff;
}

/* hiding reviews tab from product */
.reviews_tab {
    display: none !important;
}
ul.tabs.wc-tabs li {
    border: 1px solid #636363;
}


/* product archive page */
.archive .site-content .woostify-container {
    max-width:1200px;
}
@media only screen and (max-width: 1220px){
  .archive .site-content .woostify-container .content-area{
     padding-left:30px;
  }
  .archive .site-content .woostify-container .widget-area{
    padding-right:30px;
  }
      

}

/* acf button */
a.my-btn, a.my-btn:hover {
    background-color: #FFDE00;
    font-size: 20px;
    font-weight: 600;
    color: #000000;
    border-radius: 5px 5px 5px 5px;
    padding: 10px 30px 10px 30px;
}

@media (min-width: 992px){
.btn-menu a{
    padding: 0px 20px !important;
    font-size: 20px !important;
    font-weight: 600 !important;
    color: #fff !important;
    background-color: #000 !important;
    border-radius: 5px 5px 5px 5px !important;
}
#masthead .btn-menu a span{
    color: #fff !important;
}

}


/* Menu */
@media (min-width: 992px) {
    .main-navigation .primary-navigation > .menu-item .sub-menu a{
    padding-right: 20px !important;        
    line-height:1.3em;
    }
}

.single-product nav.woostify-breadcrumb {
    display: none;
}

/* hiding category */
.single-product span.posted_in {
    display: none;
}

/* product arvhive margin */
.post-type-archive-product  div#content , .tax-product_cat div#content{
    margin: 50px 0 !important;
}

/* sidebar */
.post-type-archive-product  div#block-11 , .tax-product_cat div#block-11{
    margin-bottom: 0;
}
.post-type-archive-product  div#block-11 h2 , .tax-product_cat div#block-11 h2 {
    font-size: 20px;
    margin-bottom: 0 !important;
}

.post-type-archive-product  label.wp-block-search__label , .tax-product_cat label.wp-block-search__label {
    color: #000;
}

.post-type-archive-product  .wp-block-search__inside-wrapper , .tax-product_cat .wp-block-search__inside-wrapper {
    margin-top: 15px;
}

.post-type-archive-product  label.wp-block-search__label , .tax-product_cat label.wp-block-search__label {
    font-size: 20px;
}

/* my accoutn page */
.woocommerce-account div#content {
    max-width: 1200px;
    display: flex;
    margin: 0 auto !important;
    margin-top: 50px !important;
    min-height: auto !important;
    margin-bottom: 50px !important;
}

.woocommerce-account .footer-width-fixer h2{
    text-align:left !important;
}

/* hiding related products */
section.related.products {
    display: none;
}
.woostify-product-navigation {
    display: none;
}

/* ymm dropdown */
.ymm-container {
    background-color: #000000;
    padding: 20px;
}
.ymm-dropdown {
    display: flex;
    gap: 10px;
    align-items: center;
}

.ymm-dropdown select {
    background-color: #ffffff;
    font-size: 16px;
    font-weight: 600;
    color: #000000;
    border: 2px solid #ffde00;
    border-radius: 5px;
    padding: 10px 30px 10px 10px; /* Adjusted padding for arrow */
    appearance: none;
    position: relative;
    width: 220px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%23000000' viewBox='0 0 16 16'%3E%3Cpath d='M7.247 11.14 2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 10px center;
    
}
.ymm-dropdown button {
    background-color: #FFDE00;
    font-size: 18px;
    font-weight: 700;
    color: #000000;
    border: none;
    border-radius: 5px;
    padding: 10px 30px;
    cursor: pointer;
        width: 220px;

}
.ymm-dropdown button:hover {
    background-color: #e0c400;
}

@media screen and (max-width: 1024px) {
    .ymm-dropdown select, .ymm-dropdown button {
        width: 200px;
    }
    .ymm-dropdown button{
        font-size: 16px;
    }
}
@media screen and (max-width: 768px) {
    .ymm-dropdown {
                flex-direction: column;
                align-items: stretch;
            }
            .ymm-dropdown select {
                width: 100%;
                margin-bottom: 10px;
            }
            .ymm-dropdown button {
                width: 100%;
                margin-top: 10px;
            }
}
/* hiding content top */
.content-top {
    display: none;
}

.single-product .site-header-inner {
  border-bottom: none;
}

.single-product .ymm-dropdown-section-elementor{
    margin-bottom:50px;
}

/* mailchimp footer */
.mailchimp-wrapper-footer {
    display: flex;
    max-width: fit-content;
    /* border-radius: 50px !important; */
}

.mailchimp-wrapper-footer input#email {
    padding: 8px 15px;
    border:none;
    border-radius: 5px 0 0 5px;
}

.mailchimp-wrapper-footer button {
    padding: 8px 14px;
    color: #000;
    background: #FFDE00;
    border: none;
    border-radius: 0 5px 5px 0;
}