/**
Theme Name: Astra
Theme URI: https://wpastra.com/
Author: Brainstorm Force
Author URI: https://wpastra.com/about/?utm_source=theme_preview&utm_medium=author_link&utm_campaign=astra_theme
Description: The Astra WordPress theme is lightning-fast and highly customizable. It has over 1 million downloads and the only theme in the world with 5,700+ five-star reviews! It’s ideal for professional web designers, solopreneurs, small businesses, eCommerce, membership sites and any type of website. It offers special features and templates so it works perfectly with all page builders like Spectra, Elementor, Beaver Builder, etc. Fast performance, clean code, mobile-first design and schema markup are all built-in, making the theme exceptionally SEO-friendly. It’s fully compatible with WooCommerce, SureCart and other eCommerce plugins and comes with lots of store-friendly features and templates. Astra also provides expert support for free users. A dedicated team of fully trained WordPress experts are on hand to help with every aspect of the theme. Try the live demo of Astra: https://zipwp.org/themes/astra/
Version: 4.11.5
Requires at least: 5.3
WC requires at least: 3.0
WC tested up to: 9.6
Tested up to: 6.8
Requires PHP: 5.3
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: astra
Domain Path: /languages
Tags: custom-menu, custom-logo, entertainment, one-column, two-columns, left-sidebar, e-commerce, right-sidebar, custom-colors, editor-style, featured-images, full-width-template, microformats, post-formats, rtl-language-support, theme-options, threaded-comments, translation-ready, blog
AMP: true

Astra WordPress Theme, Copyright 2020 WPAstra.
Astra is distributed under the terms of the GNU GPL.

Astra is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of.
Nicolas Gallagher and Jonathan Neal https://necolas.github.com/normalize.css/

Astra icon font is based on IcoMoon-Free vector icon by Keyamoon.
IcoMoon-Free vector icon distributed under terms of CC BY 4.0 or GPL. (https://creativecommons.org/licenses/by/4.0/ or https://www.gnu.org/licenses/gpl.html)
Source: http://keyamoon.com/

Flexibility is a JavaScript polyfill for Flexbox By Jonathan Neal, 10up. (https://github.com/jonathantneal/flexibility)
Licensed under MIT ( https://github.com/jonathantneal/flexibility/blob/master/LICENSE.md )

Screenshot image is a collage of actual sites created using the Astra WordPress Theme.

Icons used in the Screenshot image are all licensed under Creative Commons ( CC BY 4.0 ) License ( https://fontawesome.com/license/free )
https://fontawesome.com/v5.15/icons/store?style=solid
https://fontawesome.com/v5.15/icons/shopping-cart?style=solid
https://fontawesome.com/v5.15/icons/pen-square?style=solid
https://fontawesome.com/v5.15/icons/user-tie?style=solid
https://fontawesome.com/v5.15/icons/user-tie?style=solid

Illustrations used in the Screenshot images are all licensed under Creative Commons ( CC0 ) License ( https://gumroad.com/l/humaaans )
https://websitedemos.net/web-design-agency-08/wp-content/uploads/sites/796/2021/05/standing-24.png
https://websitedemos.net/web-design-agency-08/wp-content/uploads/sites/796/2021/05/sitting-2.png

Hand-drawn illustrations used are created by Brainstorm Force and released under Creative Commons ( CC0 ) License.
https://websitedemos.net/web-design-agency-08/wp-content/uploads/sites/796/2021/05/girl-with-image-container.png
https://websitedemos.net/web-design-agency-08/wp-content/uploads/sites/796/2021/05/boy-with-code-container.png
https://websitedemos.net/web-design-agency-08/wp-content/uploads/sites/796/2021/05/web-browser.png

The same site as screenshot can be imported from here https://websitedemos.net/web-design-agency-08/.

For more information, refer to this document on how to create a page like in the screenshot - https://wpastra.com/docs/replicating-the-screenshot/.

Astra default breadcrumb is based on Breadcrumb Trail by Justin Tadlock. (https://github.com/justintadlock/breadcrumb-trail)
Breadcrumb Trail is distributed under the terms of the GNU GPL v2 or later.

Astra local fonts feature is based on Webfonts Loader by WordPress Themes Team (WPTT). (https://github.com/WPTT/webfont-loader)
Licensed under MIT ( https://github.com/WPTT/webfont-loader/blob/master/LICENSE )

/* Note: The CSS files are loaded from assets/css/ folder. */
.productlist ul.products {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 20px;
    padding: 0;
    list-style: none;
}

/* Styling individual product item */
.productlist ul.products li.product {
    flex: 1 1 calc(25% - 20px);
    max-width: calc(25% - 20px);
    border: 1px solid #e0e0e0;
    border-radius: 10px;
    overflow: hidden;
    background: #fff;
    padding: 15px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    text-align: center;
    position: relative;
}
input.wpcf7-form-control.wpcf7-submit.has-spinner {
    background: #faa00f;
}
span.site-title {
    display: none;
}
.productlist a.button.product_type_simple {
    display: none !important;
}
/* === Single Product Page Styling === */
.single-post-thumbnail {
	margin-bottom: 20px;
	text-align: center;
}

.single-post-thumbnail img {
	max-width: 100%;
	height: auto;
}
.product-template-default .custom-buttons-wrapper {
    display: none !important;
}
.custom-buttons-wrapper button.button {
    padding: 15px !important;
}
.archive .custom-buttons-wrapper {
    display: none !important;
}
/* Add margin to top of product container */
.single-product .product {
  margin-top: 10px;
  background: #fff;
  box-shadow: 0 4px 8px rgba(0,0,0,0.05);
  border-radius: 10px;
}
.single-post h1.entry-title {
    font-size: 26px;
}
/* Product Image Styling */
.woocommerce div.product div.images img {
  width: 100%;
  object-fit: cover;
  border-radius: 8px;
}
.woocommerce-js div.product form.cart .button.single_add_to_cart_button {
    background: #faa00f;
}
span.woocommerce-Price-amount.amount {
    color: #faa00f;
}
.ast-on-card-button.ast-onsale-card {
    background: #faa00f;
}
ul.products.columns-4 a.button.product_type_simple {
    display: none !important;
}
span.woocommerce-Price-amount.amount {
    color: #fff;
}
a.button.add_to_cart_button.ajax_add_to_cart {
    background: #faa00f !important;
    line-height: 24px;
}
/* Product Title Styling */
.woocommerce div.product .product_title {
  color: #000; /* Black */
  font-weight: bold;
  font-size: 32px;
  margin-top: 20px;
  margin-bottom: 10px;
}
.woocommerce ul.products li.product.desktop-align-left, .woocommerce-page ul.products li.product.desktop-align-left {
    text-align: left;
}
.woocommerce-js ul.products li.product .woocommerce-loop-product__title, .woocommerce-page ul.products li.product .woocommerce-loop-product__title {
    margin-bottom: .5em;
    padding: 0;
    font-size: 1em;
    height: 53px;
}
span.price {
    margin: 5px 0px 0px 0px !important;
}
.productlist .star-rating {
    display: none !important;
}
/* Product Price Styling */
.woocommerce div.product p.price,
.woocommerce div.product span.price {
  color: #0073aa;
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 15px;
}
span.ast-woo-product-category {
    color: #fe4d7f !important;
    font-size: 18px !important;
}
ul.products.columns-4 button.button {
    background: #fe4d7f !important;
}
/* Product Description */
.woocommerce div.product .woocommerce-Tabs-panel p {
  font-size: 16px;
  line-height: 1.6;
  color: #333;
}

/* Add to Cart Button Styling */
.single-product .single_add_to_cart_button {
  background-color: #000;
  color: #fff;
  padding: 12px 24px;
  border-radius: 6px;
  font-size: 16px;
  text-transform: uppercase;
  border: none;
  transition: background 0.3s ease;
}
ul.products.columns-4 a.button.product_type_simple {
display:none !important;
}
.single-product .single_add_to_cart_button:hover {
  background-color: #333;
}

/* Styling for product images */
.productlist ul.products li.product img {
    max-width: 100%;
    height: auto;
    border-radius: 8px;
}

/* Sale badge style */
.productlist ul.products li.product .onsale {
     background: #e2ae55;
    font-size: 12px;
    padding: 5px 10px;
    right: 7px;
    top: 10px;
 
}
.full-pagee {
    margin-top: 30px;
}
.woocommerce-js ul.products li.product .price del {
    color: #000;
    opacity: 1.5; 
    display: inline-block;
    font-weight: bold;
}

span.ast-woo-product-category {
    color: #05a5b3 !important;
    opacity: 6.5;
    font-weight: 900;
}
/* Product title */
.productlist ul.products li.product h2 {
    font-size: 16px;
    margin: 10px 0;
    font-weight: bold;
    color: #333;
}  

/* Price styling */
ul.products li.product .price {
    font-size: 18px !important;
    color: #f57328 !important;
    margin: 10px 0; 
}
.titlee h3 {
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 10px;
}
.testiomall {
    display: none;
}
.productlist p { 
    text-align: center;
    font-size: 19px;
	margin-bottom: 0px;
}
/* Add to cart button */
ul.products li.product a.button {
    display: inline-block;
    background: #05a5b3;
    color: #fff;
    padding: 10px 20px;
    border-radius: 5px;  
    text-decoration: none;
    font-size: 14px;
    transition: background 0.3s ease;
    width: 100%;
    text-align: center;
}

.productlist ul.products li.product a.button:hover {
    background: #005880;
}

/* Save amount display */
.productlist ul.products li.product .save-amount {
    font-size: 14px;
    color: #4caf50;
    margin-bottom: 10px;
    font-weight: bold;
}
/* Features Section Styling */
.features-section {
    display: flex;
    justify-content: space-around;
    align-items: flex-start;
    text-align: center;
    background: #fff; /* Adjust background color as needed */
    gap: 20px;
}

.feature-item {
    flex: 1 1 20%;
    padding: 10px;
    border: 1px solid;
    margin-bottom: 30px;
}
.container-timereview {
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding-left: 20px;
    padding-right: 20px;
}
.contact-info {
    width: 50%;
}

/* General Styles for Blog Container */
.blog_top_bar {
    max-width: 1200px;
    margin: 0 auto;
    padding: 20px;
}

/* Blog Title */
.blog-title {
    font-size: 2.5rem;
    text-align: center;
    margin-bottom: 30px;
}

/* Blog Posts Container */
.blog-posts {
    display: grid;
    grid-template-columns: repeat(1, 1fr); /* Default 1 column */
    gap: 30px;
    margin-bottom: 40px;
}

/* Individual Blog Post */
.blog-post {
    background-color: #fff;
    padding: 20px;
    border: 1px solid #ddd;
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    gap: 15px;
    transition: transform 0.3s ease-in-out;
}

.blog-post:hover {
    transform: translateY(-5px); /* Hover effect */
}

.post-thumbnail img {
    width: 100%;
    height: auto;
    border-radius: 8px;
    object-fit: cover;
}

.title-excerpt-blogpage {
    flex: 1;
}

.post-title { 
	line-height: 19px;
    font-size: 1.8rem;
    margin: 0 0 15px;
}

.post-title a { 
    text-decoration: none;
	color: #000;
    font-size: 18px;
	
}
.woocommerce ul.products li.product img {
    width: 250px;
    height: 250px !important;
    object-fit: cover;
    object-position: center;
}
.post-title a:hover {
    color: #005580;
}

.post-excerpt {
    font-size: 1rem;
    color: #555;
    line-height: 1.6;
}

.post-author {
    display: flex;
    align-items: center;
    gap: 10px;
}

.author-avatar img {
    border-radius: 50%;
}

.author-name span {
    font-size: 0.9rem;
    color: #888;
}

.post-interactions .read-more {
    margin-top: 15px;
    padding: 10px 15px;
    background-color: #faa00f;
    color: white;
    text-decoration: none;
    border-radius: 5px;
}

.post-interactions .read-more:hover {
    background-color: #005580;
}

/* Pagination Styles */
.pagination {
    text-align: center;
    margin-top: 30px;
}

.pagination .page-numbers {
    display: inline-block;
    margin: 0 5px;
    padding: 10px 15px;
    border: 1px solid #ddd;
    border-radius: 4px;
    color: #0073aa;
    text-decoration: none;
}

.pagination .page-numbers:hover {
    background-color: #0073aa;
    color: white;
}

.pagination .page-numbers.current {
    background-color: #0073aa;
    color: white;
}


.s-media {
    display: flex;
    justify-content: space-around;
} 
.contact-form {
    background-color: #ffffff6e;
    padding: 40px;
    width: 45%;
    padding-bottom: 20px;
    padding-top: 20px;
}

.contact-info-img img {
    border-radius: 10px;
} 
h2.wp-block-heading {
    color: #fff;
}
.woocommerce span.onsale, .wc-block-grid__product .wc-block-grid__product-onsale {
    background-color: #e2ae55;
    color: #ffffff;
}
span.wc-block-product-categories-list-item__name {
    color: #fff;
    font-size: 17px;
    font-weight: 500;
}
span.wc-block-product-categories-list-item-count {
	color: #fff;
    font-size: 17px;
    font-weight: 500;
}

.ast-filter-wrap div#block-21 {
    padding-top: 0px !important;
    padding-left: 9px !important;
	background : #e2ae55 !important;
	padding-bottom: 20px;
}
h2.wp-block-heading {
    color: #000;
}
.post-type-archive-product #secondary {
    margin: 38px;
}
.ast-filter-wrap div#block-19 {
    padding: 0px !important;
}
.ast-filter-wrap div#block-20 {
    padding: 25px !important;
    margin: 0px !important;
    padding-bottom: 1px !important;
	background : #e2ae55 !important;
}
.ast-woocommerce-container {
    padding-top: 0px !important;
    padding-left: 10px !important;
}
.wc-blocks-filter-wrapper[hidden] {
    display: block !important;
    visibility: visible !important;
}
.contact-info-item {
    display: flex;
    margin-bottom: 30px;
}
.row { 
    display: flex; 
    align-items: center;
    justify-content: space-between;
}
.container-timereview {
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding-left: 20px;
    padding-right: 20px;
}
.section-header h2 {
    color: #000;
    font-weight: bold;
    font-size: 3em;
    margin-bottom: 20px;
}
.section-header {
    padding: 0px 130px;
}
.archive .woocommerce ul.products li.product.desktop-align-left, .woocommerce-page ul.products li{
    text-align: left;
    border: 1px solid #e0e0e0;
    padding: 15px !important;
    border-radius: 10px;
}
.section-header {
    margin-bottom: 50px;
    text-align: center;
}
.feature-item img {
    width: 60px;
    height: 60px;
    margin-bottom: 15px;
}   
.productlist ul.products li.product a.button:hover {
    background: #e2ae55;
}
.feature-item h3 {
    font-size: 18px;
    color: #b71c1c; /* Match red color */
    margin-bottom: 10px;
    font-weight: bold;
    font-family: 'Arial', sans-serif; /* Adjust as needed */
}

.feature-item p {
    font-size: 14px;
    color: #666;
    line-height: 1.5;
    font-family: 'Arial', sans-serif; /* Adjust as needed */
}
/* Grid Container */
.category-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr); /* 3 items per row */
  gap: 20px; 
  justify-items: center;
  align-items: center;
} 
.productlist {  
    margin-top: 20px;  
}
/* Individual Items */
.category-item {
  position: relative;
  width: 100%;
  max-width: 375px;
  overflow: hidden;
  border-radius: 10px;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

.category-item:hover {
  transform: translateY(-5px);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.15);
}
.cate .nut {  
  font-weight: bold;
  color: #05a5b3;
}
.testiomall { 
    position: relative;
    width: 100vw;
    left: calc(-50vw + 50%);
    background-color: #000;
    padding: 20px;  
}   
h3.cate {
    text-align: center;
    text-transform: uppercase;
	font-weight: bold;
    font-size: 26px;
	margin-bottom: 20px;
        margin-top: 20px;
}
.cate .vanaa {
  color: #e2ae55;
}


/* Category Images */
.category-image {
  width: 100%;
  height: 200px;
  object-fit: cover;
  border-radius: 10px;
}
 .container {
    max-width: 1240px;
    margin: 0 auto;
}

/* Category Titles */
.category-title {  
  position: absolute;
  bottom: 0;
  width: 100%;
  text-align: center;
  background: rgba(0, 0, 0, 0.6);
  color: #fff;
  font-size: 18px;
  font-weight: bold;
  padding: 10px 0;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}
/* Hide mobile slider by default */

/* General Cart Styling */
.woocommerce-cart .site-main {
  background: #fff;
  padding: 40px 20px;
  font-family: 'Segoe UI', sans-serif;
}
.mobile-slider {
    display: none;
}
.desktop-tablet-slider {
    display: block;
}
a.button.wc-forward {
    background: #fe4d7f !important;
}
.woocommerce-message::before, .woocommerce-info::before {
    color: #fe4d7f !important;
}
.coupon button{
background: #fe4d7f !important;
}
span.woocommerce-Price-currencySymbol {
    color: #000;
}
span.woocommerce-Price-amount.amount {
    color: #000;
    font-weight: bold;
}
span.woocommerce-Price-amount.amount {
    color: #000;
}
button#place_order {
    background: #faa00f;
}
/* Cart Table */
.woocommerce-cart table.shop_table {
  width: 100%;
  border-collapse: collapse;
  margin-bottom: 40px;
  border: 1px solid #ddd;
  border-radius: 8px;
  overflow: hidden;
}

.woocommerce-cart table.shop_table th,
.woocommerce-cart table.shop_table td {
  padding: 16px;
  border-bottom: 1px solid #eee;
  text-align: left;
  vertical-align: middle;
  font-size: 15px;
  color: #222;
}

.woocommerce-cart table.shop_table th {
  background-color: #f8f8f8;
  font-weight: 600;
}

/* Product image */
.woocommerce-cart table.shop_table td.product-thumbnail img {
  width: 60px;
  height: auto;
  border-radius: 4px;
}

/* Quantity input */
.woocommerce .quantity input.qty {
  width: 60px;
  padding: 6px;
  text-align: center;
  border-radius: 4px;
  border: 1px solid #ccc;
}

/* Remove button */
.woocommerce-cart a.remove {
  color: #faa00f !important;
  font-size: 20px;
}
.fullwi {
    display: flex;
    gap: 10px;
    margin-top: 10px;
}

.fullwi a.button,
.fullwi form button.button {
    width: 100%;
    text-align: center;
    padding: 10px;
}

/* Cart Totals */
.woocommerce-cart .cart-collaterals {
  display: flex;
  justify-content: flex-end;
}

.cart_totals {
  background: #fff;
  border: 1px solid #ddd;
  padding: 30px;
  border-radius: 8px;
  max-width: 400px;
  width: 100%;
}

.cart_totals h2 {
  font-size: 20px;
  margin-bottom: 20px;
  color: #222;
}

.cart_totals table {
  width: 100%;
}

.cart_totals table th,
.cart_totals table td {
  padding: 10px 0;
  font-size: 16px;
  color: #000;
}
.woocommerce ul.products li.product .button {
    width: 100%;
    box-sizing: border-box;
}

/* Checkout button */
.woocommerce .wc-proceed-to-checkout a.checkout-button {
  background-color: #faa00f !important;
  color: #000 !important;
  padding: 14px 20px;
  border-radius: 6px;
  font-weight: 600;
  text-align: center;
  display: block;
  margin-top: 20px;
  transition: 0.3s;
}

.woocommerce .wc-proceed-to-checkout a.checkout-button:hover {
  background-color: #e6980e !important;
}

/* Coupon Section */
.woocommerce-cart .cart_totals .coupon input.input-text {
  border-radius: 4px;
  padding: 10px;
  border: 1px solid #ccc;
  margin-right: 10px;
  width: auto;
}

.woocommerce-cart .cart_totals .coupon .button {
  background-color: #faa00f;
  color: #000;
  border: none;
  padding: 10px 18px;
  border-radius: 4px;
  font-weight: 600;
}

.woocommerce-cart .cart_totals .coupon .button:hover {
  background-color: #e6980e;
}
/* Ensure product cards are positioned for absolute icon placement */
.woocommerce ul.products li.product {
  position: relative;
}

/* Wishlist icon wrapper */
.custom-wishlist-button-shop {
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 10;
  background-color: #fff;
  border-radius: 50%;
  padding: 10px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
  transition: transform 0.3s ease;
}

/* Heart icon inside */
.custom-wishlist-button-shop .tinvwl_add_to_wishlist_button {
  color: #fe4d7f !important;
  font-size: 24px !important;
  line-height: 1;
  display: inline-block;
}

/* Optional: scale on hover */
.custom-wishlist-button-shop:hover {
  transform: scale(1.1);
}

/* Responsive design */
@media (max-width: 768px) {
    .productlist ul.products li.product {
        flex: 1 1 calc(50% - 20px);
        max-width: calc(50% - 20px);
    }
	.features-section {
        flex-wrap: wrap;
    }
	.mobile-slider {
        display: block;
    }

    /* Hide desktop and tablet slider on small screens */
    .desktop-tablet-slider {
        display: none;
    }
	.woocommerce ul.products li.product img {
        height: 200px !important;  /* Smaller image height for mobile devices */
    }
	.category-grid {
    grid-template-columns: 1fr; /* 1 item per row on small screens */
  }

    .feature-item {
        flex: 1 1 calc(50% - 20px); /* Two items per row */
        max-width: calc(50% - 20px);
    }
	

    
}

@media (max-width: 480px) {
    .productlist ul.products li.product {
        flex: 1 1 100%;
        max-width: 100%;
    }
	.top-boxes {
    gap: 30px !important;
}
	.feature-item {
        flex: 1 1 100%; /* One item per row */
        max-width: 100%;
    }
	.ast-woocommerce-container {
	     padding-left: 0px !important;
	}
}
 @media (min-width: 1200px) {
    .ast-plain-container.ast-no-sidebar #primary {
         margin-top: 0px !important; 
		 margin-bottom: 0px !important; 
        
    }
	.blog-posts {
        grid-template-columns: repeat(3, 1fr); /* 3 columns for large screens */
    }
	}
@media (max-width: 1024px) {
  .container-timereview .row {
    flex-direction: column;
    align-items: center;
  }
.ast-woocommerce-container {
padding-left: 0px !important;
}
  .contact-info, .contact-form {
    width: 100%;
    padding: 15px;
  }

  .contact-info-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 20px;
    text-align: center;
  }

  .contact-info-img img {
    max-width: 100%;
    height: auto;
  }

  .contact-info-content h4 {
    font-size: 20px;
  }

  .contact-info-content p,
  .contact-info-content address {
    font-size: 16px;
  }
}

@media (max-width: 768px) {
  .container-timereview {
    padding: 10px;
  }

  .contact-form {
    margin-top: 20px;
  }
}

@media (max-width: 480px) {
  .contact-info-content h4 {
    font-size: 18px;
  }
.section-header {
    padding: 0px;
}
  .contact-info-content p,
  .contact-info-content address {
    font-size: 14px;
  }
.section-header {
    padding: 0px;
}
  .contact-info-img {
    margin-bottom: 15px;
  }
}