/**
Theme Name: FLOFEA
Author: Stormlabs
Author URI: https://stormlabs.be
Description: A custom theme especially made for FLOFEA!
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: flofea
Template: astra
*/

/*custom width for shop
 * min height for product titles */
 @media (min-width: 922px) {
    .ast-woo-shop-archive .site-content > .ast-container {
			max-width: 2000px;
	}
	
	#secondary {
		width: 300px;
	}
	
	h2.woocommerce-loop-product__title {
		min-height: 55px;
	}
	
	.astra-shop-thumbnail-wrap {
		height:280px;
		overflow:hidden;
	}
	
	/*make sidebar in checkout wider*/
	.woocommerce-page.woocommerce-checkout form #order_review_heading, .woocommerce-page.woocommerce-checkout form #order_review {
		width:45%
	}
	
	.woocommerce.woocommerce-checkout form #customer_details.col2-set, .woocommerce-page.woocommerce-checkout form #customer_details.col2-set {
		width: 50%;
	}

	/* search bar width */

	.site-header-below-section-center .header-widget-area.widget-area.site-header-focus-item.header-widget-area-inner {
		width: 500px;
	}

	
}

@media (max-width: 768px) {
	.astra-shop-thumbnail-wrap {
		height:165px;
		overflow:hidden;
	}

	h2.woocommerce-loop-product__title {
		min-height: 55px;
	}

	.ast-woo-product-category {
		min-height: 40.31px;
	}
}
/*pagination buttons*/
span.current.page-numbers {
	background-color: var(--ast-global-color-1) !important;
}



.site-header {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 98;
  background-color: #ffffff;
  box-shadow: 0 2px 5px rgba(0,0,0,0.1); 
  transition: background-color 0.3s, padding 0.3s;
}

.site-header.sticky {
  background-color: #f8f8f8; 
}

.site-content {
  margin-top: 120px; 
}
.is-sticky .site-header {
  padding: 10px 0;
}

/* add margin to subcategory list*/
ul.wc-block-product-categories-list ul.wc-block-product-categories-list--depth-1 {
	margin-top: 15px;
	
}
#evf-form-560 .evf-field-label {
    font-family: 'Franklin Gothic URW', sans-serif;
    font-weight: 500;
		text-transform: uppercase;
	  font-size: 16px;
			color: #fef9f5;
	letter-spacing: 2px
		
}
#evf-form-560 .input-text,#evf-form-560 textarea.input-text {
    font-family: 'Franklin Gothic URW', sans-serif; color:#fef9f5; padding-left: 0;
    font-weight: 300;
	background:#BCB4A7;
	border-top: none; border-right: none; border-left: none; border-bottom-color: #4E2812
	
}
#evf-form-560 button {
    font-family: 'Franklin Gothic URW', sans-serif;
    font-weight: 300;
    color: #4e2812;
    border: 2px solid #4e2812;
    background-color: transparent;
	text-transform: uppercase;
    transition: background-color 0.3s ease, color 0.3s ease; border-radius: 0; letter-spacing: 2px

}
#evf-form-560 button:hover {background-color: #4e2812;
    color: #FEF9F5;
}

/* pickup appointment hide price*/
.cell-price, .mpa-cart-total, .mpa-order-details, .mpa-booking-details-section .mpa-booking-details-section-row.booking-total-price,  .mpa-booking-details-section .mpa-booking-details-section-row.booking-total-paid  {
	display:none;
}

/*Motopress layout issue*/
.iti.iti--allow-dropdown.iti--separate-dial-code > input[type=tel].mpa-customer-phone {
	padding-left: 91px !important;
}

/* search results aspect ratio issue */
.ast-article-post .post-thumb-img-content img {
	aspect-ratio: unset;
}