html {
font-size: 16px;
}
body {
--color-primary: #191919;
--color-complementary: #585858;
--color-secondary: #089c70;
--color-background: #ffffff;
--color-error: #b00020;
--color-succes: #089c70;
font-size: 1rem;
}
:is(body, .site-header-inner, #content, .single-product, .content-top, .product-page-container, textarea, tbody th) {
background-color: var(--color-background);
}
.wp-block-separator {
border-bottom: 1px solid;
border-color: var(--color-complementary);
} .woostify-theme-color,
.primary-navigation li.current-menu-item>a,
.primary-navigation>li.current-menu-ancestor>a,
.primary-navigation>li.current-menu-parent>a,
.primary-navigation>li.current_page_parent>a,
.primary-navigation>li.current_page_ancestor>a,
.woocommerce-cart-form__contents tbody .product-subtotal,
.woocommerce-checkout-review-order-table .order-total,
.woocommerce-table--order-details .product-name a,
.primary-navigation a:hover,
.primary-navigation a:hover>.menu-item-arrow .woostify-svg-icon,
.primary-navigation .menu-item-has-children:hover>a,
.primary-navigation .menu-item-has-children:hover>a>.menu-item-arrow .woostify-svg-icon,
.default-widget a strong,
.woocommerce-mini-cart__total .amount,
.woocommerce-form-login-toggle .woocommerce-info a:hover,
.woocommerce-form-coupon-toggle .woocommerce-info a:hover,
.has-woostify-primary-color,
.blog-layout-grid .site-main .post-read-more a,
.site-footer a:hover,
.woostify-simple-subsbrice-form input[type="submit"],
.woocommerce-tabs li.active a,
#secondary .widget .current-cat>a,
#secondary .widget .current-cat>span,
.site-tools .header-search-icon:hover,
.product-loop-meta .button:hover,
#secondary .widget a:not(.tag-cloud-link):hover,
.cart-sidebar-content .woocommerce-mini-cart__buttons a:not(.checkout):hover,
.product-nav-item:hover>a,
.product-nav-item .product-nav-item-price,
.woocommerce-thankyou-order-received,
.site-tools .tools-icon:hover,
.site-tools .tools-icon:hover .woostify-svg-icon,
.tools-icon.my-account:hover>a,
.multi-step-checkout-button[data-action="back"]:hover,
.multi-step-checkout-button[data-action="back"]:hover .woostify-svg-icon,
.review-information-link:hover,
.has-multi-step-checkout .multi-step-item,
#secondary .chosen a,
#secondary .chosen .count,
.cart_totals .shop_table .woocommerce-Price-amount,
#order_review .shop_table .woocommerce-Price-amount {
color: var(--color-secondary);
}
.onsale,
.pagination li .page-numbers.current,
.woocommerce-pagination li .page-numbers.current,
.tagcloud a:hover,
.price_slider_wrapper .ui-widget-header,
.price_slider_wrapper .ui-slider-handle,
.cart-sidebar-head .shop-cart-count,
.wishlist-item-count,
.shop-cart-count,
.sidebar-menu .primary-navigation a:before,
.woocommerce-message,
.woocommerce-info,
#scroll-to-top,
.woocommerce-store-notice,
.has-woostify-primary-background-color,
.woostify-simple-subsbrice-form input[type="submit"]:hover,
.has-multi-step-checkout .multi-step-item .item-text:before,
.has-multi-step-checkout .multi-step-item:before,
.has-multi-step-checkout .multi-step-item:after,
.has-multi-step-checkout .multi-step-item.active:before,
.woostify-single-product-stock .woostify-single-product-stock-progress-bar {
background-color: var(--color-secondary);
}
.cart-sidebar-content .woocommerce-mini-cart__buttons a:not(.checkout):hover,
.product-loop-meta .button:hover,
.multi-step-checkout-button[data-action="back"]:hover,
.multi-step-checkout-button[data-action="back"] .woostify-svg-icon:hover,
.review-information-link:hover,
a:hover {
color: var(--color-secondary);
}
.button,
.woocommerce-widget-layered-nav-dropdown__submit,
.form-submit .submit,
.elementor-button-wrapper .elementor-button,
.has-woostify-contact-form input[type="submit"],
#secondary .widget a.button,
.product-loop-meta.no-transform .button,
.product-loop-meta.no-transform .added_to_cart,
[class*="elementor-kit"] .checkout-button {
background-color: var(--color-secondary);
} #cookie-law-info-bar {
border-radius: 0 !important;
}
#cookie-law-info-bar a[class*="button"],
.cli-tab-footer .wt-cli-privacy-accept-btn {
padding: 12px 24px;
margin: 0 auto 12px auto;
width: 100%;
text-transform: uppercase;
font-weight: 700;
}
#cookie-law-info-bar a[class*="button"].cli_settings_button {
background-color: rgba(222, 223, 224, 0.15) !important;
color: #bfbfbf !important;
}
#cookie-law-info-bar a[class*="button"].wt-cli-accept-all-btn,
.cli-tab-footer .wt-cli-privacy-accept-btn {
background-color: var(--color-secondary) !important;
} .topbar {
background-color: #f9f9f9;
padding: .25rem 0;
color: var(--color-primary);
}
.topbar * {
color: var(--color-primary);
}
.topbar a:hover>svg>path {
fill: var(--color-secondary);
}
@media screen and (max-width: 992px) {
.topbar .woostify-container :is(.topbar-left, .topbar-center) {
display: none;
}
}
a.custom-logo-link::after {
content: 'Miejsce stworzone przez Stylistkę dla Stylistek.';
display: block;
padding-left: 8px;
font-size: .8rem;
line-height: 1.5;
margin-top: -8px;
}
@media screen and (max-width: 992px) {
.site-content {
margin: 1rem 0;
}
a.custom-logo-link::after {
padding-left: 0;
margin-top: 0;
}
}
@media screen and (min-width: 1024px) {
div.center-content,
div.center-content a {
position: relative;
}
div.center-content::before,
div.center-content::after {
content: '';
display: block;
position: absolute;
top: 0;
bottom: 0;
width: 1px;
height: 0;
background-color: var(--color-primary);
transition: height .25s;
}
div.center-content::before {
left: -8px;
}
div.center-content::after {
right: -8px;
}
div.center-content:hover::before,
div.center-content:hover::after {
height: 100%;
}
div.center-content>a::before,
div.center-content a::after {
content: '';
display: block;
position: absolute;
width: 0%;
height: 1px;
background-color: var(--color-primary);
transition: width .25s;
}
div.center-content>a::before {
top: -8px;
left: 0;
}
div.center-content a::after {
bottom: -8px;
right: 0;
}
div.center-content>a:hover::before,
div.center-content a:hover::after {
width: 100%;
}
}
.has-header-layout-5 header.header-layout-5 .navigation-box .woostify-container {
justify-content: flex-start;
}
header#masthead .site-header-inner {
border-bottom: 0;
}
header .navigation-box-inner {
background-color: #f9f9f9;
}
.primary-navigation>li.menu-item>a:hover,
.primary-navigation>li.menu-item.current-menu-item>a,
header .site-tools .woostify-svg-icon svg:hover path {
color: var(--color-secondary);
}
span[class*="icon-shopping-cart-"] svg path {
color: unset;
fill: none;
}
span[class*="icon-search"] svg path {
fill: transparent;
}
.center-content a {
font-weight: 500;
color: #000;
font-size: 1.25rem;
letter-spacing: .1rem;
}
@media (min-width: 992px) {
.main-navigation .primary-navigation>.menu-item>a {
padding: 10px 0;
margin: 0 10px;
display: flex;
justify-content: space-between;
align-items: center;
}
.main-navigation .primary-navigation>.menu-item>a:first-child {
margin: 0 10px 0 0;
}
.main-navigation .primary-navigation>.menu-item .sub-menu {
min-width: 200px;
}
} #scroll-to-top,
#scroll-to-top.active {
bottom: calc(80px + 20px);
background-color: var(--color-secondary);
border-radius: 50%;
border: 0;
}
@media (min-width: 1024px) {
#scroll-to-top,
#scroll-to-top.active {
bottom: 20px;
}
}
h1,
h2,
h3,
h4,
h5,
h6 {
margin: 0 0 1rem 0;
font-weight: 500;
}
header .cs_number {
font-size: 1.1rem;
font-weight: 700;
}
.widget-area.shop-widget h4 {
font-size: 18px;
}
.cs-content {
max-width: 1140px;
}
.alignleft {
margin: 0.375em 1.75em 0 0;
}
.wp-block-cover, 
.wp-block-cover-image {
min-height: unset !important;
}
.wp-block-cover {
overflow: hidden;
aspect-ratio: 4 / 4;
}
.wp-block-cover>img,
.wp-block-cover:hover>img,
.wp-block-cover:hover>span.wp-block-cover__background.has-background-dim.has-background-dim-0 {
transition: all .3s;
}
.wp-block-cover>img {
transform: scale(1.2);
}
.wp-block-cover:hover>img {
transform: scale(1.0);
}
.wp-block-cover a,
.wp-block-cover a:hover {
color: var(--color-background);
text-decoration: none;
}
.cs__flex {
position: absolute;
inset: 0;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
top: 4rem;
}
.cs__flex p:first-child > a{
position: absolute;
inset: 0;
display: flex;
justify-content: center;
align-items: center;
top: -11rem;
} .wp-block-cover a::after {
content: '';
position: absolute;
height: 1px;
width: 0;
display: flex;
left: 0;
bottom: 0;
background-color: #ffffff;
transition: width .25s;
}
.wp-block-cover a:hover::after {
width: 100%;
} .page-header {
background-color: transparent;
margin-top: 1rem;
}
.page-header .entry-title {
font-size: 1rem;
font-weight: 500;
}
.page-header .entry-title > span {
color: var(--color-secondary);
}
.woostify-breadcrumb > span:last-child {
color: var(--color-secondary);
font-weight: 500;
}
@media screen and (min-width: 1024px) {
.woocommerce .product .woocommerce-loop-product__title {
color: var(--color-primary);
font-weight: 500;
font-size: .9rem;
}
li.product,
li.product>.product-loop-wrapper {
position: relative;
}
li.product::before,
li.product::after,
li.product>.product-loop-wrapper::after,
li.product>.product-loop-wrapper::before {
content: '';
display: block;
position: absolute;
z-index: 3;
}
li.product::before,
li.product::after {
background-color: var(--color-primary);
height: 1px;
width: 0%;
transition: width .45s;
}
li.product::before {
top: 0;
left: 0;
}
li.product::after {
bottom: 0;
right: 0;
}
li.product:hover::before,
li.product:hover::after {
width: 100%;
}
li.product>.product-loop-wrapper::before,
li.product>.product-loop-wrapper::after {
background-color: var(--color-primary);
width: 1px;
height: 0%;
transition: height 0.45s;
}
li.product>.product-loop-wrapper::before {
top: 0;
left: 0;
}
li.product>.product-loop-wrapper::after {
bottom: 0;
right: 0;
}
li.product:hover>.product-loop-wrapper::before,
li.product:hover>.product-loop-wrapper::after {
height: 100%;
}
} .site-info .site-infor-col:first-child:last-child,
footer .wc-block-grid__product-title {
text-align: left;
}
footer .wc-block-grid__product-title {
font-size: .6rem;
line-height: .9rem;
}
footer.site-footer {
background-color: var(--color-primary);
color: var(--color-background);
}
footer :is(.site-footer .widget-title,
.site-footer .widgettitle,
.woostify-footer-social-icon a,
a, h1, h2, h3, h4, h5, h6) {
color: var(--color-background);
}
footer a {
position: relative;
}
footer a::after {
content: '';
display: block;
position: absolute;
bottom: -2px;
left: 0;
width: 0%;
background: white;
height: 1px;
transition: width .25s;
}
footer a:hover::after {
width: 100%;
}
footer :is(h1, h2, h3, h4, h5, h6) {
font-size: 1rem;
line-height: 1.4rem;
font-weight: 700;
margin-bottom: 2rem;
}
footer :is(.widget li):not(.wc-block-grid__product) {
line-height: 1.4rem;
list-style: disc;
}