body.woocommerce-page .list_products_header {
display: initial;
}
.WebC_SidebarTitle {
font-family: titillium, sans-serif;
font-size: 1.375em;
font-weight: 600;
font-style: normal;
line-height: 1.090909em;
text-decoration: none;
text-transform: none;
letter-spacing: 0px;
color: #fff;
margin-bottom: 1.2em !important;
}
.WebC_FooterTitle {
font-family: titillium, sans-serif;
text-align: left;
font-size: 1.125em;
line-height: 1.3em;
font-weight: 600;
margin-bottom: 1.9em;
margin-top: 1.5em;
color: #fff;
}
@media screen and (max-width: 1439px) {
.WebC_FooterTitle {
padding-left: 15px;
}
}
.WebC_FooterTitle.Newsletter {
padding-left: 0;
}
footer .sc_socials_descr {
color: #fff;
letter-spacing: 0;
line-height: 1.2em;
margin-bottom: 1em;
font-weight: 100;
}
.WebC_FooterFormTitle {
font-family: titillium, sans-serif;
font-size: 2.8125em;
font-weight: 100;
font-style: normal;
line-height: 1.2em;
text-decoration: none;
text-transform: none;
}
.WebC_ArchiveWcBottomDesc {
padding: 50px 20px;
}
@media screen and (max-width: 960px) {
.woocommerce-products-header {
padding: 25px;
}
.woocommerce-result-count {
display: none;
}
.WebC_WcArchiveTitle {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
gap: 10px;
}
.WebC_WcArchiveTitle svg {
width: 30px;
height: 30px;
cursor: pointer;
}
ul.WebC_WcArchiveListCat {
padding-left: 0;
list-style: none;
gap: 25px;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
position: fixed;
width: 100%;
height: 100%;
padding: 25px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: stretch;
-ms-flex-pack: stretch;
justify-content: stretch;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
top: 0px;
left: 0px;
gap: 30px;
z-index: 999999;
background: #f8f8f8;
-webkit-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
-webkit-transform: translateX(0) scaleX(1);
transform: translateX(0) scaleX(1);
}
ul.WebC_WcArchiveListCat.hide {
-webkit-transform: translateX(-100%) scaleX(0);
transform: translateX(-100%) scaleX(0);
-webkit-transform-origin: left;
transform-origin: left;
-webkit-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
ul.WebC_WcArchiveListCat .LiClose {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
width: 100%;
}
ul.WebC_WcArchiveListCat .LiClose span {
font-size: 25px;
font-weight: bold;
text-transform: uppercase;
}
ul.WebC_WcArchiveListCat .LiClose div {
font-size: 25px;
font-weight: bold;
}
ul.WebC_WcArchiveListCat li:not(.LiClose) {
border-radius: 25px;
padding: 3px; -webkit-transition: all 0.7s;
transition: all 0.7s;
background: transparent;
position: relative;
overflow: hidden;
}
ul.WebC_WcArchiveListCat li:not(.LiClose)::before {
content: '';
position: absolute;
top: -250%;
left: -5%;
width: 110%;
min-height: 250px;
aspect-ratio: 1;
background: -webkit-gradient(linear, left top, right top, color-stop(43%, #ff3a2d), color-stop(53%, #292734));
background: linear-gradient(90deg, #ff3a2d 43%, #292734 53%);
-webkit-transition: -webkit-transform 0.7s;
transition: -webkit-transform 0.7s;
transition: transform 0.7s;
transition: transform 0.7s, -webkit-transform 0.7s;
z-index: 0;
}
ul.WebC_WcArchiveListCat li:not(.LiClose):hover::before {
-webkit-transform: rotate(180deg);
transform: rotate(180deg); }
ul.WebC_WcArchiveListCat li:not(.LiClose) a {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 20px;
background-color: #fff;
border-radius: 25px;
padding: 0px 15px 0px 3px;
position: relative;
z-index: 10;
line-height: 30px;
font-weight: bold;
text-transform: uppercase;
font-size: 15px;
}
ul.WebC_WcArchiveListCat li:not(.LiClose) a img {
width: 25px;
height: 25px;
-o-object-fit: cover;
object-fit: cover;
border-radius: 50%;
-webkit-transform: scale(1.2);
transform: scale(1.2);
}
.WebC_WcArchiveTitle {
position: relative;
}
.WebC_WcArchiveTitle::before {
content: '';
width: 50px;
display: block;
height: 3px;
margin-bottom: 17px;
background-color: #ff3a2d;
position: absolute;
top: -15px;
}
}
@media screen and (min-width: 960px) {
.WebC_WcArchiveTitle svg {
display: none;
}
ul.WebC_WcArchiveListCat {
padding-left: 0;
list-style: none;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 25px;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
ul.WebC_WcArchiveListCat .LiClose {
display: none;
}
ul.WebC_WcArchiveListCat.hide {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
}
ul.WebC_WcArchiveListCat li {
border-radius: 25px;
padding: 3px; -webkit-transition: all 0.7s;
transition: all 0.7s;
background: transparent;
position: relative;
overflow: hidden;
}
ul.WebC_WcArchiveListCat li::before {
content: '';
position: absolute;
top: -250%;
left: -5%;
width: 110%;
min-height: 250px;
aspect-ratio: 1;
background: -webkit-gradient(linear, left top, right top, color-stop(43%, #ff3a2d), color-stop(53%, #292734));
background: linear-gradient(90deg, #ff3a2d 43%, #292734 53%);
-webkit-transition: -webkit-transform 0.7s;
transition: -webkit-transform 0.7s;
transition: transform 0.7s;
transition: transform 0.7s, -webkit-transform 0.7s;
z-index: 0;
}
ul.WebC_WcArchiveListCat li:hover::before {
-webkit-transform: rotate(180deg);
transform: rotate(180deg); }
ul.WebC_WcArchiveListCat li a {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 20px;
background-color: #fff;
border-radius: 25px;
padding: 0px 15px 0px 3px;
position: relative;
z-index: 10;
line-height: 30px;
font-weight: bold;
text-transform: uppercase;
font-size: 15px;
}
ul.WebC_WcArchiveListCat li a img {
width: 25px;
height: 25px;
-o-object-fit: cover;
object-fit: cover;
border-radius: 50%;
-webkit-transform: scale(1.2);
transform: scale(1.2);
}
.WebC_WcArchiveTitle {
position: relative;
}
.WebC_WcArchiveTitle::before {
content: '';
width: 50px;
display: block;
height: 3px;
margin-bottom: 17px;
background-color: #ff3a2d;
}
}
.WebC_WcArchiveCTA {
margin-top: 30px;
margin-bottom: 60px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
text-align: center;
}
.WebC_WcArchiveCTA .WebC_WcArchiveTitle {
font-family: titillium, sans-serif;
font-weight: 100px;
font-size: 2.8rem;
margin-top: 1.5rem;
margin-bottom: 1.5rem;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
text-align: center;
}
.WebC_WcArchiveCTA .Button-cta {
margin-top: 25px;
margin-bottom: 40px;
}
.WebC_WcArchiveCTA .Button-cta .sc_button {
color: #ffffff;
background-color: #ff3a2d;
font-family: Roboto, sans-serif;
font-size: 12px;
font-weight: 600;
font-style: normal;
line-height: 1.5em;
text-decoration: none;
text-transform: uppercase;
letter-spacing: 2.5px;
padding: 1em 2em;
border-radius: 10em;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.WebC_WcArchiveCTA .Button-cta .sc_button:hover {
background-color: #292734;
border-color: 1px solid #FFF;
} .sc_layouts_title_meta {
display: none;
}
.woocommerce-product-details__short-description h2 {
font-size: 1.875em;
font-weight: bold;
}