@font-face {
	font-weight: normal;
	font-style: normal;
	font-family: "woodmart-font";
	src: url("//cosmoslh.com/wp-content/themes/woodmart/fonts/woodmart-font-1-400.woff2?v=7.5.2") format("woff2");
}

:root {
	--wd-text-font: "Rubik", Arial, Helvetica, sans-serif;
	--wd-text-font-weight: 400;
	--wd-text-color: rgb(64,64,64);
	--wd-text-font-size: 17px;
	--wd-title-font: "Rubik", Arial, Helvetica, sans-serif;
	--wd-title-font-weight: 600;
	--wd-title-color: rgb(0,0,0);
	--wd-entities-title-font: "Rubik", Arial, Helvetica, sans-serif;
	--wd-entities-title-font-weight: 500;
	--wd-entities-title-color: rgb(0,0,0);
	--wd-entities-title-color-hover: rgb(64, 64, 64);
	--wd-alternative-font: "Rubik", Arial, Helvetica, sans-serif;
	--wd-widget-title-font: "Rubik", Arial, Helvetica, sans-serif;
	--wd-widget-title-font-weight: 600;
	--wd-widget-title-transform: uppercase;
	--wd-widget-title-color: rgb(0,0,0);
	--wd-widget-title-font-size: 16px;
	--wd-header-el-font: "Rubik", Arial, Helvetica, sans-serif;
	--wd-header-el-font-weight: 500;
	--wd-header-el-transform: inherit;
	--wd-header-el-font-size: 17px;
	--wd-primary-color: rgb(191,4,4);
	--wd-alternative-color: rgb(248,181,21);
	--wd-link-color: rgb(0,0,0);
	--wd-link-color-hover: rgb(22,22,22);
	--btn-default-font-family: "Rubik", Arial, Helvetica, sans-serif;
	--btn-default-font-weight: 600;
	--btn-default-transform: inherit;
	--btn-default-bgcolor: rgb(191,4,4);
	--btn-default-bgcolor-hover: rgb(255,255,255);
	--btn-accented-bgcolor: rgb(191,4,4);
	--btn-accented-bgcolor-hover: rgb(255,255,255);
	--wd-form-brd-width: 2px;
	--notices-success-bg: #459647;
	--notices-success-color: #fff;
	--notices-warning-bg: #E0B252;
	--notices-warning-color: #fff;
}
.woodmart-woocommerce-layered-nav .wd-scroll-content {
	max-height: 223px;
}
.wd-popup.wd-age-verify {
	--wd-popup-width: 500px;
}
.wd-popup.wd-promo-popup {
	background-color: #111111;
	background-image: none;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: left center;
	--wd-popup-width: 800px;
}
.page-title-default {
	background-color: rgb(191,4,4);
	background-image: url(https://cosmoslh.com/wp-content/uploads/2024/08/bg-cosmos.webp);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}
.footer-container {
	background-color: #ffffff;
	background-image: url(https://cosmoslh.com/wp-content/uploads/2024/08/bg-cosmos.webp);
	background-repeat: no-repeat;
	background-size: cover;
	background-attachment: inherit;
	background-position: center center;
}
.wd-popup.popup-quick-view {
	--wd-popup-width: 920px;
}
:root{
--wd-container-w: 1222px;
--wd-form-brd-radius: 0px;
--btn-default-color: #333;
--btn-default-color-hover: #333;
--btn-accented-color: #fff;
--btn-accented-color-hover: #fff;
--btn-default-brd-radius: 35px;
--btn-default-box-shadow: none;
--btn-default-box-shadow-hover: none;
--btn-accented-bottom-active: -1px;
--btn-accented-brd-radius: 0px;
--btn-accented-box-shadow: inset 0 -2px 0 rgba(0, 0, 0, .15);
--btn-accented-box-shadow-hover: inset 0 -2px 0 rgba(0, 0, 0, .15);
--wd-brd-radius: 0px;
}

@media (min-width: 1239px) {
.platform-Windows .wd-section-stretch > .elementor-container {
margin-left: auto;
margin-right: auto;
}
}

@media (min-width: 1222px) {
html:not(.platform-Windows) .wd-section-stretch > .elementor-container {
margin-left: auto;
margin-right: auto;
}
}


ul#menu-menu-ppl-footer {
    display: flex;
    justify-content: center;
}

ul#menu-menu-ppl-footer li a {
    margin: 0px 15px;
    font-size: 17px;
    color: #fff!important;
}

.footer-column.footer-column-1.col-12 {
    margin-bottom: 5px;
}

div#block-8 {
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
}

.main-page-wrapper {
    padding-top: 0px;
}

.site-content {
    margin-bottom: 0px;
}
.wd-blog-element {
    padding: 60px 0px;
}

.archive .main-page-wrapper, .product-template-default .main-page-wrapper{
    padding: 50px 0px;
}

/*Slides*/
.wd-slide-inner h1 {
    margin: 0px!important;
}

.page-id-326 .wd-slide, .page-id-338 .wd-slide, .page-id-343 .wd-slide {
    min-height: 300px!important;
}
/*Grid de Categorias*/
.wd-product-cats {
    padding: 0px 15px;
}
.cat-design-default .hover-mask {
    position: relative!important;
    inset-inline: 0px!important;
    bottom: 0px!important;
    padding: 0 !important;
}

.hover-mask h3 {
    background-color: #BF0404;
	  background-image: url(https://cosmoslh.com/wp-content/uploads/2024/08/marca-de-agua.webp);
    background-position: -125px -26px;
    background-repeat: no-repeat;
    background-size: cover;
    color: #fff!important;
    text-align: center!important;
    padding: 30px 10px!important;
	  width:100%!important;
}

.hover-mask h3 a:hover {
    background-color: #303030!important;
}


/*Woocommerce*/
.product-element-top.wd-quick-shop a {
    margin: 0px 10px;
}

.product-tabs-wrapper {
    display: none;
}

nav.woocommerce-breadcrumb {
    font-size: 12px;
}

span.price, p.price {
    display: none!important;
}

.wd-carousel-item {
    padding: 30px 0px!important;
}

.wd-nav[class*="wd-style-"]>li:is(.current-menu-item,.wd-active,.active)>a {
    color: #333333;
}

.wd-nav[class*="wd-style-underline"] .nav-link-text:after {
    background-color: rgb(191 4 4 / 0%);
}

span.nav-link-text:hover {
    color: #BF0404;
}

:is(.widget_categories,.widget_pages,.widget_archive,.widget_nav_menu) ul li.current_page_item>a {
    color: var(--color-gray-800);
    font-weight: 400;
}@media (min-width: 1025px) {
	.single-product-content {
padding-top:24px;
}

body:not(.home) .whb-row {
border-bottom: 1px solid rgba(129, 129, 129, 0.2);
}

.min-footer {
    font-size: 15px;
}

.error404 .main-page-wrapper {
    padding: 60px;
}
}

@media (max-width: 576px) {
	ul#menu-menu-ppl-1 {
    display: block;
}

.cat-design-default .hover-mask {
    position: relative!important;
    inset-inline: 0px!important;
    bottom: 0px!important;
    padding: 0 !important;
    top: -82px;
    border-radius: 30px 0px 30px 0px!important;
}
h3.wd-entities-title {
    border-radius: 0px 0px 30px 30px!important;
}

ul#menu-menu-ppl-footer {
    display: block;
    text-align: center;
}
.wd-cats-element .hover-mask {
    margin-bottom: -80px;
}
}

