/** Typograhpy **/
h1, h2, h3, h4, h5, h6, div, span, p, a {
	  font-family: "Onest", system-ui !important;
}

.wrapper-socials a {
    font-family: 'FontAwesome' !important;
}

.dropdown-trigger .dropdown-trigger-item:before,
.slide-sidebar-wrapper .slide-sidebar-close:before,
.woocommerce .shop-mode-buttons .woocommerce-grid:before,
.woocommerce .shop-mode-buttons .woocommerce-list:before, 
div[class*="wp-block-"] .wc-block-review-list-item__item .wc-block-review-list-item__rating__stars:before, .woocommerce .star-rating:before, .star-rating:before {
font-family: 'fontello' !important;
}

.search-trigger .search-trigger-icon, .wishlist-link .wishlist-link-icon {
    font-family: 'fontello' !important;
}

.cosmecos-subheading, .special-text{
	font-family: 'Quentin', sans-serif !important;
}

/* Header Logo */
.logo-link img {
    width: 200px;
}

/* Page Title Banner */
.page-title-container,
.swiper-slide-inner {
    position: relative;
    overflow: hidden;
}

.page-title-bg,
.swiper-slide-inner {
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
}

.page-title-bg::before,
.swiper-slide-inner::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.3);
    z-index: 1; /* Overlay layer */
}

.page-title-container h1,
.swiper-slide-inner .swiper-slide-contents {
    position: relative;
    z-index: 2; /* Ensure contents are above the overlay */
    color: white;
}

.page-title-wrapper {
    display: flex;
    flex-direction: column; 
}

.page-title-wrapper .page-title {
    order: 1; 
}

.page-title-wrapper .page-subtitle {
    order: 2; 
	font-size: 20px !important;
}




/* Global CSS */
.content-wrapper {
    margin: auto;
}

.woocommerce-page .content-wrapper,
.single-product .content-wrapper
{
    padding: 100px 0;
    display: flex;
    justify-content: center; 
} 

@media only screen and (max-width: 767px) {
	.woocommerce-page .content-wrapper,
	.single-product .content-wrapper{
        padding: 60px 0;
    }
} 

@media only screen and (min-width: 1200px) {
    .content-wrapper.content-wrapper-sidebar-position-right .content {
        width: 1280px;
    }
}

@media only screen and (min-width: 992px) {
    .content-wrapper.content-wrapper-sidebar-position-right .content {
        order: 1;
        max-width: 1280px;
        width: 1280px;
    }
}

/* Button Color */
.woocommerce button.button,
.woocommerce a.button,
.woocommerce input.button {
    background-color: #b29079 !important;
    color: #fff; 
}

.body-container button:not(.customize-partial-edit-shortcut-button):not(.components-button){
	 background-color: #b29079 !important;
    color: #fff;
}

.cosmecos-button,
.page-numbers,
.content-wrapper div.wpforms-container.wpforms-container-full .wpforms-form button[type="submit"] {
    background-color: #b29079 !important;
}

/* Footer */
.footer-section {
	padding: 10px 0;
	padding-top: 20px;
}

@media only screen and (min-width: 1200px) {
    .footer-type-1 .footer-widgets .widget {
        width: calc(33% - 30px);
    }
}

@media only screen and (max-width: 1200px) {
    .footer-type-1 .footer-widgets .widget {
        width: 100%;
    }
}

.footer-columns-row .footer-column {
	margin: 0;
}

@media only screen and (min-width: 992px) {
    .footer-columns-row .footer-column {
        width: 100%;
    }
}

.footer-columns-row .footer-column:first-child:not(:last-child){
	color: #fff;
}

.footer .widget_cosmecos_contacts_widget .cosmecos-contacts-widget-field:before{
   color: #fff !important;
}

/* Single Product */


.single-product.woocommerce div.product .product_meta .product_meta_item{
	display: none !important;
}

.page-title-container .page-title-wrapper-with-decoration .page-title:before {
	display: none;
}

.single-product.woocommerce .content-wrapper .woocommerce-tabs {
	max-width: 1500px;
}

.single-product.woocommerce .content-wrapper div.product .cart .button, .single-product.woocommerce .content-wrapper div.product .cart .added_to_cart {
	background-color: #b29079;
}

.product_meta {
	display: none! important;
}

.yith-wcwl-add-button {
		display: none! important;
}

/* Body Wash 
.slick-slider .slick-track{
	display: none;
}

**/


