/*
 Theme Name:   ZamZamPeyala
 Theme URI:    https://www.wpbeginner.com/
 Description:  A Twenty Twenty child theme 
 Author:       WPBeginner
 Author URI:   https://www.wpbeginner.com
 Template:     twentytwenty
 Version:      1.0.0
*/

@import url("../twentytwenty/style.css");
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700;800;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Open+Sans&display=swap');

body h1,
body h2,
body h3,
body h4,
body h5,
body h6 {font-family: 'Oswald', sans-serif !important;}
body p {font-family: 'Open Sans', sans-serif !important;}

body h1, body h2, body h3, body h4, body h5, body h6 {margin: 0 !important;}
.container {
    max-width: 1170px;
    width: 100%;
}
.section-inner {width: 100%;padding: 10px 0;}
a{text-decoration: none !important;}
a:hover{text-decoration: none !important;}
.site-logo, .header-titles {margin: 0 !important;}
.header-titles-wrapper {margin-right: 0;max-width: 100%;}
.post-inner {padding: 0px !important;}

.woocommerce-page header#site-header {
    background: white;
    box-shadow: 0 0 10px 0 #ebebeb;
    position: relative;
}
.woocommerce-page header#site-header .primary-menu a {
    color: #252525 !important;
}
.woocommerce-page header#site-header .primary-menu .btn-order a {
    color: white !important;
}

/* start header */
.singular .entry-header {display: none;}
#site-header {position:absolute;width:100%;background:transparent;}
/*body:not(.home) #site-header {box-shadow: 0 0 10px #0000003d;position:relative;}*/
#site-header .primary-menu a {color: #fff !important;text-decoration: none !important;font-size: 14px;text-transform: uppercase;letter-spacing: 0px;font-weight: 400;}
/*body:not(.home) .primary-menu a {color:#000 !important;}*/
.primary-menu a:hover {color: #da251d !important;}
.primary-menu > li {margin: 0 15px}
.primary-menu > li:first-child {margin-left: 0;}
.primary-menu > li:last-child {margin-right: 0;}
.primary-menu .btn-order a {background: #da251d;padding: 10px 20px;border-radius: 0px;}
/*body:not(.home) .primary-menu .btn-order a {color:#fff !important;}*/
.primary-menu .btn-order a:hover {background: #661a17;}
ul.primary-menu {align-items: center;margin: 0 !important;font-size: 0;}
ul.primary-menu li a:focus{outline: 0 !important;}
.site-logo img {max-height: 100%;}
/* end header */

/* start banner slider  */
.no-bottom-margin {margin-bottom:0 !important;}
.txt-slider {
    position: absolute !important;top: 0;bottom: 0;left: 0;
    right: 0;background: #00000094;display: flex;align-items: center;justify-content: center;}
.banner_main_head span, .food_history_main_heading span {color: #da251d;}
.home-banner-slider button.slick-arrow {
    padding: 0;font-size: 0;width: 48px;height: 92px;position: absolute;z-index: 99;
    outline: 0 !important;top: 50%;-webkit-transform: translate(0, -50%);-ms-transform: translate(0, -50%);transform: translate(0, -50%);}
.home-banner-slider .slick-prev{background-image: url(https://zamzampeyala.pk/wp-content/uploads/2023/12/back.png);left: 2%;}
.home-banner-slider .slick-next{background-image: url(https://zamzampeyala.pk/wp-content/uploads/2023/12/next.png);right: 2%;}
.home-banner-slider button.slick-arrow {
    background-size: contain;
    background-repeat: no-repeat;
    background-color: transparent;
	filter:invert(1);
}

/* start contact-from 7 */
.contact-us input[type="text"]:focus, input[type="email"]:focus, textarea:focus {outline: none !important;
    color: #da251d;}
.contact-us input[type="text"], input[type="email"], textarea {font-family: 'Open Sans';
    padding: 14px;font-size: 16px;font-weight: 500;border-bottom: solid 1px !important;border: 0px;
}
.contact-us input[type="submit"] {background-color: #da251d;border-radius: 10px;padding: 17px;padding-left: 50px;padding-right: 50px;}
.contact-us span.wpcf7-not-valid-tip {font-family: 'Open Sans';font-size: 13px;}
.contact-us .wpcf7-response-output {font-family: 'Open Sans';font-size: 13px;margin-top: -8px;}
.contact-us .contact-col {margin-bottom: 30px !important;}
/* end contact-from 7 */

section#home-products-slider .woocommerce ul.products li{clear: none;margin:10px !important;margin-top: 60px !important;}
.woocommerce ul.products li {text-align: center;box-shadow: 0 0 10px 0 #00000026;}

.zamzam-products .woocommerce ul.products li.product span.price,
.zamzam-products .woocommerce ul.products li.product a.button {display: none;}

.zamzam-products .woocommerce ul.products li a.woocommerce-loop-product__link {
    pointer-events: none;
}
.agha-menu-tab .elementor-tab-title {
    height: auto !important;
}
.agha-menu-tab .woocommerce ul.products li.product {
    margin-bottom: 35px;
}
.woocommerce ul.products li.product a.button {
    width: 100%;
    background: #da251d;
    padding: 7px;
    font-size: 15px;
}
.woocommerce ul.products li.product a.added_to_cart {
    width: 100%;
    font-size: 15px;
    color: #da251d;
}
.woocommerce ul.products li.product span.price {
    margin: 15px 0;
    line-height: 1;
    font-family: 'Open Sans';
    color: #da251d;
    font-weight: 600;
    font-size: 25px;
}
.woocommerce .onsale {
    display: none;
}
.woocommerce ul.products li.product img {height: 300px;object-fit: cover;border-radius: 5px 5px 0 0;}
.woocommerce ul.products li.product h2.woocommerce-loop-product__title {
    line-height: 1;margin-top: 0px!important;font-size: 18px;letter-spacing: 0;color: #fff;font-weight: 700;
    font-family: 'Open Sans', sans-serif !important;background: #f1f1f1;padding: 10px 0;border-radius: 0 0 5px 5px;color: #252525;}

/*section#home-products-slider button.slick-arrow {
    position: absolute;top: 0;bottom: auto;padding: 10px 20px;background: #c1120a;z-index: 999;border-radius: 5px;font-size: 15px;
    text-transform: capitalize;font-family: 'Open Sans', sans-serif !important;font-weight: 600;margin: 0 !important;color: white;}
section#home-products-slider button.slick-next {right: 10px;}
section#home-products-slider button.slick-prev {left: 10px;}*/

section#home-products-slider button.slick-next {right: 10px;}
section#home-products-slider button.slick-prev {left: 10px;}
section#home-products-slider .slick-arrow {top: 0 !important;}
section#testimonial-slider .slick-arrow,
section#home-products-slider .slick-arrow {
    background: transparent;border: 1px solid #fff;padding: 0;font-size: 0;
    width: 50px;height: 50px;position: absolute;z-index: 99;outline: 0 !important;top: 50%;
    -webkit-transform: translate(0, -50%);-ms-transform: translate(0, -50%);transform: translate(0, -50%);transition: 0.5s;}

section#testimonial-slider .slick-arrow:hover,
section#home-products-slider .slick-arrow:hover, {background: #da251d;border-color: #da251d;}

section#testimonial-slider .slick-slide {outline: 0;margin: 0 28px;}
section#testimonial-slider .slick-next {right: -4%;}
section#testimonial-slider .slick-prev {left: -4%;}

section#testimonial-slider .slick-next:before,
section#home-products-slider button.slick-next:before {
    background: url(https://evolve4u.org/wp-content/uploads/2021/04/slider-arrow-left.png) no-repeat;
    -webkit-transform: scaleX(-1);transform: scaleX(-1);margin-left: 5px;}

section#testimonial-slider .slick-prev:before,
section#home-products-slider button.slick-prev:before 
{background: url(https://evolve4u.org/wp-content/uploads/2021/04/slider-arrow-left.png) no-repeat;}

section#testimonial-slider .slick-arrow:before,
section#home-products-slider .slick-arrow:before {
    content: '';display: inline-flex;height: 100%;width: 25%;background-size: cover !important;background-repeat: no-repeat !important;} 

.elementor-testimonial-wrapper {padding: 10px;border: 1px solid;}
.elementor-testimonial-wrapper .elementor-testimonial-content {min-height: 100px;}
section#menu-product ul li {
    margin-bottom: 50px;
}
.footer-nav-widgets-wrapper {display: none;}
footer#site-footer {background: #151515;padding: 50px 0;}
.foot-copyright {padding: 10px 0;text-align: center;background: #da251d;color: white;}
p.footer-copyright {font-weight: 500;font-size: 17px;}
.footer-info {width: 100%;}
.footer-info nav.menu-footer-container ul {background: #a5a5a50f;padding: 25px;text-align: center;}
.footer-info nav.menu-footer-container ul li {display: inline-block;margin: 0 30px;line-height: 1;}
.footer-info nav ul li:first-child {margin-left: 0;}
.footer-info nav ul li:last-child {margin-right: 0;}
.footer-info nav.menu-footer-container ul li a,
nav.menu-follow-us-container ul li a {font-weight: 400;color: white;font-size: 20px;}
nav.menu-follow-us-container ul {text-align: center;}
nav.menu-follow-us-container ul li {display: inline-block;margin: 0 20px;line-height: 1;}
nav.menu-follow-us-container ul li a i {font-size: 30px;color: white;}
.woocommerce .content-area,
.woocommerce .content-area .site-main,
.woocommerce-page #site-content .woocommerce {
    padding: 0;
    overflow: hidden;
    max-width: 100%;
    width: 100%;
}
nav.woocommerce-breadcrumb, header.woocommerce-products-header {
    display: none;
}
.woocommerce .content-area .site-main {
    padding: 50px 0;
    margin: 0;
}
ul.product-categories {
    margin: 0;
    list-style-type: none;
}
ul.product-categories li {
    margin: 0;
    line-height: 1;
}
ul.product-categories li a {
    color: #252525;
    background: #f1f1f1;
    display: block;
    line-height: 1;
    padding: 10px;
    font-size: 15px;
    border: 1px solid #f9f9f9;
    transition: 0.5s;
}
h3.widget-title {
    line-height: 1;
    font-size: 20px;
    padding: 10px;
    letter-spacing: 1px;
    text-transform: uppercase;
}
ul.product-categories li.current-cat a,
ul.product-categories li a:hover {
    background: #da251d;
    color: white;
}
ul.products li.product .woocommerce-loop-product__link {
    pointer-events: none;
}
.woocommerce-additional-fields {
    display: none;
}
.woocommerce-checkout #site-content .woocommerce {
    padding: 50px 0;
}
button#place_order {
    background: #da251d;
}
.top-bar {
    background: #da251d;
    text-align: center;
    color: white;
    font-size: 20px;
    padding: 5px;
}
.top-bar p {
    margin: 0;
}

/*MENU ICON CSS */
.menu_icon {width: 80px !important;padding: 0 5px;cursor: pointer;position: relative;height: 40px !important;}
span.menu-line {
    background: #fff;height: 2px;position: absolute;width: 60px;display: block;opacity: 1;top: 20px;right: 0;left: 0;margin: 8px;transition: 0.4s;}
span.menu-line:nth-child(2) {top: 10px;left: 0px;}
span.menu-line:nth-child(1) {top: 0;}
.menu-modal.active {background: #f1f1f1 !important;}
.menu-modal-inner {background: #f1f1f1 !important;width: 100% !important;}
.mobile-menu li a {padding: 15px !important;font-weight: 500 !important;
    color: #252525;font-size: 18px !important;text-decoration: none !important;}
button.close-nav-toggle .toggle-text {display: none;}
button.close-nav-toggle {padding: 15px;}
.mobile-menu ul.sub-menu.active {width: 100%;}
.mobile-menu ul.sub-menu li a {font-size: 16px !important;}
button.toggle:focus, button.btn-menu:focus {outline: 0;}
button.btn-menu {background: transparent;padding: 10px 0;}

@media screen and (min-width: 992px) and (max-width: 1199px)
{
.hide-btn-menu {
    display: none;
}
section#testimonial-slider .slick-next {
    right: 0;
}
section#testimonial-slider .slick-prev {
    left: 0%;
}
}

@media screen and (min-width: 200px) and (max-width: 768px)
{
    header#site-header, .woocommerce-page header#site-header 
    {position: relative;background:#da251d;border-bottom:1px solid white;box-shadow: none;}
    .top-bar {
    font-size: 12px;border-bottom: 1px solid;
    }
    .hide-menu {display: none;}
    header#site-header .header-inner {overflow: hidden;align-items: center;display: flex;}
    .site-logo img {height: 70px !important;}
    section#testimonial-slider .slick-arrow, 
    section#home-products-slider .slick-arrow {width: 35px;height: 35px;}
    section#home-products-slider .slick-arrow {top: 20px !important;}
    section#testimonial-slider .slick-next {right: 0;}
    section#testimonial-slider .slick-prev {left: 0;}
    .footer-info nav.menu-footer-container ul li {display: block;margin: 15px 0;line-height: 1;}
    p.footer-copyright {font-weight: 500;font-size: 15px;}
    .home-banner-slider button.slick-arrow, li.btn-order {display: none !important;}
    nav.menu-follow-us-container ul li {
    margin: 0 15px;
    }
}