.wp-block {} /*  (.wp-block {} ensures MT files load in Gutenberg editor) */

/*  MICROTHEMER STYLES  */


/*= Main Menu ================= */

/** Main Menu >> .whatsapp-btn **/
.whatsapp-btn a {
	padding: 0 !important;
	margin: 0 !important;
}


/*= Grid ====================== */

/** Grid >> grid-container **/
.grid-container {
	padding-bottom: 0 !important;
	padding-left: 0 !important;
	display: grid !important;
	grid-gap: 25px !important;
	gap: 25px !important;
	grid-template-columns: 1fr 1fr 1fr 1fr !important;
	grid-template-rows: auto auto !important;
}

/** Grid >> item-container **/
.grid .item-container {
	list-style-type: none !important;
	box-shadow: 0 15px 15px -10px rgba(0, 0, 0, 0.29) !important;
	background-color: rgb(255, 255, 255) !important;
	height: 100% !important;
	border-color: rgb(108, 108, 108) !important;
	border-width: 1px !important;
	display: -webkit-box !important;
	display: -moz-box !important;
	display: -ms-flexbox !important;
	display: -webkit-flex !important;
	display: flex !important;
	-webkit-flex-direction: column !important;
	-moz-flex-direction: column !important;
	-ms-flex-direction: column !important;
	flex-direction: column !important;
	-webkit-justify-content: space-between !important;
	justify-content: space-between !important;
}

/** Grid >> item-featured-image **/
.grid .item-featured-image {
	padding: 10px !important;
}

/** Grid >> item-featured-image IMG **/
.grid .item-featured-image img {
	width: 100% !important;
	height: auto !important;
	padding: 10px !important;
}

/** Grid >> item-title **/
.grid .item-title {
	/* MT [ google_font: 1 ] */
	font-family: 'Montserrat' !important;
	color: rgb(255, 255, 255) !important;
	font-size: 16px !important;
	line-height: 1.2 !important;
	font-weight: 600 !important;
	text-align: center !important;
	background-color: rgb(0, 101, 51) !important;
	min-height: 85px !important;
	padding: 15px !important;
	-webkit-justify-content: center !important;
	justify-content: center !important;
	-webkit-align-items: center !important;
	align-items: center !important;
	display: -webkit-box !important;
	display: -moz-box !important;
	display: -ms-flexbox !important;
	display: -webkit-flex !important;
	display: flex !important;
}

/** Grid >> item-sku **/
.grid .item-sku {
	/* MT [ google_font: 1 ] */
	font-family: 'Montserrat' !important;
	font-weight: 700 !important;
	text-align: center !important;
	background-color: rgb(149, 193, 31) !important;
	padding: 5px !important;
	display: none !important;
}

/** Grid >> sku **/
.grid .sku {
	color: rgb(255, 255, 255) !important;
}

/** Grid >> sku_wrapper **/
.product_meta .sku_wrapper {
	background-color: rgb(149, 193, 31) !important;
	content: none !important;
}

/** Grid >> meta posted in **/
.product_meta .posted_in {
	display: none !important;
}

/** Grid >> item-category **/
.grid .item-category {
	/* MT [ google_font: 1 ] */
	font-family: 'Abel' !important;
	font-size: 12px !important;
	text-align: center !important;
	text-transform: uppercase !important;
	background-color: rgb(187, 175, 150) !important;
	padding: 5px !important;
	border: 1px solid rgb(167, 157, 138) !important;
}

/** Grid >> item-button **/
.grid .item-button {
	text-align: center !important;
}

/** Grid >> item-button A **/
.grid .item-button a {
	/* MT [ google_font: 1 ] */
	font-family: 'Montserrat' !important;
	color: rgb(255, 255, 255) !important;
	text-align: center !important;
	text-transform: uppercase !important;
	background-color: rgb(45, 45, 45) !important;
	padding: 10px !important;
	display: block !important;
}

/** Grid >> item-button A (:hover) **/
.grid .item-button a:hover {
	background-color: rgb(82, 82, 82) !important;
}

/** Grid >> product_meta **/
.grid .product_meta {
	color: rgb(111, 150, 6) !important;
	padding-top: 0 !important;
	border-top-width: 0 !important;
	border-style: none !important;
}


/*= Filter ==================== */

/** Filter >> grid-filter-container **/
.grid-filter-container {
	margin-bottom: 75px !important;
	display: -webkit-box !important;
	display: -moz-box !important;
	display: -ms-flexbox !important;
	display: -webkit-flex !important;
	display: flex !important;
	-webkit-justify-content: center !important;
	justify-content: center !important;
	-webkit-align-items: center !important;
	align-items: center !important;
}

/** Filter >> grid-filter **/
.grid-filter {
	background-color: rgb(187, 175, 150) !important;
	width: 90% !important;
	padding: 15px 30px 15px 30px !important;
	border-radius: 5px !important;
	display: -webkit-box !important;
	display: -moz-box !important;
	display: -ms-flexbox !important;
	display: -webkit-flex !important;
	display: flex !important;
	-webkit-justify-content: center !important;
	justify-content: center !important;
	-webkit-align-items: center !important;
	align-items: center !important;
	grid-column-gap: 10px !important;
	column-gap: 10px !important;
}

/** Filter >> search-box **/
.search-box {
	width: 30% !important;
	display: block !important;
}

/** Filter >> filter-search **/
.filter-search {
	width: 100% !important;
	padding: 3px !important;
}

/** Filter >> grid-filter label **/
.grid-filter label {
	/* MT [ google_font: 1 ] */
	font-family: 'Montserrat' !important;
	font-weight: 600 !important;
	text-transform: uppercase !important;
	padding-top: 3px !important;
}

/** Filter >> grid-filter select **/
.grid-filter select {
	margin-right: 10px !important;
	margin-left: 10px !important;
}

/** Filter >> select2-container **/
.select2-container {
	margin-right: 10px !important;
	margin-left: 10px !important;
}

/** Filter >> select2 **/
.select2 {
	font-size: 13px !important;
}

/** Filter >> select2-selection__rendered **/
.select2-container .select2-selection--single .select2-selection__rendered {
	padding-top: 0 !important;
	padding-bottom: 0 !important;
}

/** Filter >> filter-spiner **/
.filter-spiner {
	margin-left: 15px !important;
}

/** Filter >> filter-spiner img **/
.filter-spiner img {
	display: block !important;
}

/** Filter >> filter-reset-btn **/
.filter-reset-btn {
	/* MT [ google_font: 1 ] */
	font-family: 'Montserrat' !important;
	color: rgb(255, 255, 255) !important;
	text-transform: uppercase !important;
	background-color: rgb(0, 101, 51) !important;
	padding: 7px 10px 7px 10px !important;
	border-width: 0 !important;
	cursor: pointer !important;
}


/*= Home menu ================= */

/** Home menu >> .home-menu li.menu-item **/
.home-menu li.menu-item {
	background-color: rgb(0, 102, 51) !important;
	padding-top: 7px !important;
	margin-right: 5px !important;
	margin-left: 5px !important;
}

/** Home menu >> .home-cat-menu li.menu-item **/
.home-cat-menu li.menu-item {
	background-color: rgb(187, 175, 150) !important;
	padding-top: 7px !important;
	margin-right: 5px !important;
	margin-left: 5px !important;
}

/** Home menu >> .homr-cat-menu .menu-item a **/
.home-cat-menu li.menu-item a {
	color: #333333 !important;
}


/*( < 1200 )*/
@media (max-width: 1199.98px) {
	/** Grid >> grid-container **/
	.grid-container {
	display: grid !important;
	grid-template-columns: 1fr 1fr 1fr !important;
	grid-template-rows: auto auto !important;
}

	/** Grid >> item-sku **/
	.grid .item-sku {
	font-size: 15px !important;
}

	/** Filter >> grid-filter **/
	.grid-filter {
	padding-right: 15px !important;
	padding-left: 15px !important;
	-webkit-flex-direction: column !important;
	-moz-flex-direction: column !important;
	-ms-flex-direction: column !important;
	flex-direction: column !important;
	grid-row-gap: 10px !important;
	row-gap: 10px !important;
}

	/** Filter >> search-box **/
	.search-box {
	width: 80% !important;
}

	/** Filter >> button-box **/
	.button-box {
	display: -webkit-box !important;
	display: -moz-box !important;
	display: -ms-flexbox !important;
	display: -webkit-flex !important;
	display: flex !important;
	-webkit-flex-direction: row !important;
	-moz-flex-direction: row !important;
	-ms-flex-direction: row !important;
	flex-direction: row !important;
	grid-column-gap: 20px !important;
	column-gap: 20px !important;
}

}


/*( < 980 )*/
@media (max-width: 979.98px) {
	/** Grid >> grid-container **/
	.grid-container {
	display: grid !important;
	grid-template-columns: 1fr 1fr !important;
	grid-template-rows: auto auto !important;
}

	/** Filter >> search-box **/
	.search-box {
	width: 90% !important;
}

}


/*( < 768 )*/
@media (max-width: 767.98px) {
	/** Grid >> grid-container **/
	.grid-container {
	display: grid !important;
	grid-template-columns: 1fr !important;
	grid-template-rows: auto !important;
}
.grid-container > :nth-child(1) {
	grid-area: 1 / 1 / 2 / 2 !important;
}

}


/*( < 480 )*/
@media (max-width: 479.98px) {
	/** Grid >> grid-container **/
	.grid-container {
	display: grid !important;
	grid-template-columns: 1fr !important;
	grid-template-rows: auto !important;
}
.grid-container > :nth-child(1) {
	grid-area: 1 / 1 / 2 / 2 !important;
}

}