/*
Theme Name: Cerra’s Market
Theme URI: https://searchprosystems.com/
Template: hello-elementor
Author: SearchPro Systems
Author URI: https://searchprosystems.com/
Description: Cerra’s Market is a Custom Child Theme for Hello Elementor Child developed by SearchPro Systems.
Tags: flexible-header,custom-colors,custom-menu,custom-logo,featured-images,rtl-language-support,threaded-comments,translation-ready
Version: 2.4.4
Updated: 2025-03-28 14:10

*/

.category-selector-container  .category-items {
    max-width: 1709px;
    width: 100%;
    margin: auto;
    padding: 100px 20px;
    color: #fff;
}

.category-selector-container {
/*     background: #000; */
}


.category-selector-container .category-selector {
    display: flex;
    align-items: center;
    justify-content: center;
	flex-wrap: wrap;
    gap: 30px;
    width: 100%;
    padding: 100px 20px;
    background: #ac2625;
}

.category-selector-container .category-selector a {
    color: #fff;
    border: solid 4px transparent;
    border-radius: 100px;
    padding: 8px 30px;
    line-height: normal;
    transition: all ease .4s;
}


.category-selector-container .category-selector a:hover, 
.category-selector-container .category-selector a.active {
    border-color: #fff;
}

.category-tab .subcategory-group {
    margin-bottom: 100px;
}

.category-tab h2 {
    text-align: center;
    font-family: "citrus-gothic-solid", Sans-serif;
	margin-bottom:80px;
}

.category-tab .subcategory-posts {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 15px;
}

.category-tab .subcategory-posts .subcategory-post-item {
    text-align: center;
    background: #FFFFFF;
    color: #000;
    padding: 30px 20px;
	display: flex;
    flex-direction: column;
    gap: 15px;
}

.category-tab .subcategory-posts .subcategory-post-item h3 {
    color: #ac2625;
    font-family: "citrus-gothic-solid", Sans-serif;
	margin-bottom:0;
}

.category-tab .subcategory-posts .subcategory-post-item span {
    color: #ac2625;
    font-weight: bold;
	margin-bottom:0;
	display: block;
}

.category-tab .subcategory-posts .subcategory-post-item p {
	margin-bottom:0;
}

.category-tab .subcategory-posts .subcategory-post-item p {
    text-align: left;
}

.category-tab .subcategory-posts .subcategory-post-item select {
    border-radius: 100px;
    border-color: #707070;
}

.category-tab .subcategory-posts .subcategory-post-item a,
.category-tab .subcategory-posts .subcategory-post-item button{
    margin-top: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: normal;
    font-size: 20px;
    background: #AC2625;
    color: #fff;
    border-radius: 100px;
    padding: 7px;
    transition: all ease .4s;
}

.category-tab .subcategory-posts .subcategory-post-item a:hover,
.category-tab .subcategory-posts .subcategory-post-item button:hover{
    background: #db9423;
}

.category-tab .subcategory-posts .subcategory-post-item form {
    height: 100%;
    display: flex;
    flex-direction: column;
}

.category-tab .subcategory-posts .subcategory-post-item form.variations_form select {
    margin-bottom: 20px;
}

.category-tab .subcategory-posts .subcategory-post-item button {
    margin-top: auto;
    background: #ac2625;
}

@media screen and (max-width:1023px){
	.category-tab h2{
		margin-bottom:60px;
	}
	.category-tab .subcategory-posts {
		grid-template-columns: repeat(2, 1fr);
	}
	
	.category-selector-container .category-selector {
		gap: 15px;
	}
	.category-selector-container .category-selector,
	.category-selector-container .category-items{
		padding: 60px 20px;
	}
}

@media screen and (max-width:767px){
	.category-tab .subcategory-posts {
		grid-template-columns: repeat(1, 1fr);
	}
	.category-selector-container .category-selector {
		flex-direction: column;
	}
}