@font-face {
font-weight: normal;
font-style: normal;
font-family: "woodmart-font";
src: url(//storyclubwear.gr/wp-content/themes/woodmart/fonts/woodmart-font-2-400.woff2?v=8.3.8) format("woff2");
}
:root {
--wd-text-font: "Inter", Arial, Helvetica, sans-serif;
--wd-text-font-weight: 400;
--wd-text-color: rgb(26,27,29);
--wd-text-font-size: 16px;
--wd-title-font: "Roboto", Arial, Helvetica, sans-serif;
--wd-title-font-weight: 500;
--wd-title-color: rgb(26,27,29);
--wd-entities-title-font: "Roboto", Arial, Helvetica, sans-serif;
--wd-entities-title-font-weight: 500;
--wd-entities-title-color: rgb(26,27,29);
--wd-entities-title-color-hover: rgb(51 51 51 / 65%);
--wd-alternative-font: "Roboto", Arial, Helvetica, sans-serif;
--wd-widget-title-font: "Roboto", Arial, Helvetica, sans-serif;
--wd-widget-title-font-weight: 600;
--wd-widget-title-transform: capitalize;
--wd-widget-title-color: rgb(0,0,0);
--wd-widget-title-font-size: 22px;
--wd-header-el-font: "Roboto", Arial, Helvetica, sans-serif;
--wd-header-el-font-weight: 700;
--wd-header-el-transform: uppercase;
--wd-header-el-font-size: 18px;
--wd-otl-style: dotted;
--wd-otl-width: 2px;
--wd-primary-color: rgb(0,0,0);
--wd-alternative-color: rgb(0,0,0);
--btn-default-bgcolor: #f7f7f7;
--btn-default-bgcolor-hover: #efefef;
--btn-accented-bgcolor: rgb(0,0,0);
--btn-accented-bgcolor-hover: rgb(0,0,0);
--btn-transform: capitalize;
--btn-font-size: 14px;
--wd-form-brd-width: 1px;
--notices-success-bg: #459647;
--notices-success-color: #fff;
--notices-warning-bg: #E0B252;
--notices-warning-color: #fff;
--wd-link-color: rgb(255,255,255);
--wd-link-color-hover: rgb(255,255,255);
--wd-sticky-btn-height: 95px;
}
.wd-age-verify-wrap {
--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-promo-popup-wrap {
--wd-popup-width: 800px;
}
:is(.woodmart-archive-shop .wd-builder-off,.wd-wishlist-content,.related-and-upsells,.cart-collaterals,.wd-shop-product,.wd-fbt) .wd-products-with-bg, :is(.woodmart-archive-shop .wd-builder-off,.wd-wishlist-content,.related-and-upsells,.cart-collaterals,.wd-shop-product,.wd-fbt) .wd-products-with-bg :is(.wd-product,.wd-cat) {
--wd-prod-bg:rgb(255,255,255);
--wd-bordered-bg:rgb(255,255,255);
}
:is(.woodmart-woocommerce-layered-nav, .wd-product-category-filter) .wd-scroll-content {
max-height: 223px;
}
.wd-page-title .wd-page-title-bg img {
object-fit: cover;
object-position: center center;
}
.wd-footer {
background-color: rgb(255,255,255);
background-image: none;
}
html .wd-nav.wd-nav-main > li > a, html .wd-nav-mobile > li > a, html .wd-nav-mobile .wd-sub-menu li a {
font-family: "Roboto", Arial, Helvetica, sans-serif;
font-weight: 700;
font-size: 18px;
line-height: 22px;
text-transform: uppercase;
color: rgb(26,27,29);
}
html .wd-nav.wd-nav-main > li:hover > a, html .wd-nav.wd-nav-main > li.current-menu-item > a, html .wd-nav-mobile > li > a:hover, html .wd-nav-mobile > li.current-menu-item > a, html .wd-nav-mobile .wd-sub-menu li a:hover, html .wd-nav-mobile .wd-sub-menu li.current-menu-item > a {
color: rgb(25,25,112);
}
html .wd-checkout-steps li {
font-size: 26px;
text-transform: capitalize;
}
html table th {
text-transform: capitalize;
}
html .wd-product .wd-product-cats a, html .product.wd-cat .wd-entities-title, html .product.wd-cat.cat-design-replace-title .wd-entities-title, html .wd-masonry-first .wd-cat:first-child .wd-entities-title, html .product.wd-cat .wd-cat-count, html .product.wd-cat.cat-design-replace-title .wd-cat-count {
font-family: "Roboto", Arial, Helvetica, sans-serif;
font-weight: 700;
font-size: 22px;
line-height: 32px;
text-transform: uppercase;
color: rgb(255,255,255);
}
html .wd-nav.wd-layout-drilldown > li > a, html .wd-nav.wd-layout-drilldown > li [class*="sub-menu"] > :is(.menu-item,.wd-drilldown-back) > a, html .wd-nav.wd-layout-drilldown .woocommerce-MyAccount-navigation-link > a {
font-family: "Roboto", Arial, Helvetica, sans-serif;
font-weight: 500;
line-height: 22px;
text-transform: inherit;
color: rgb(0,0,0);
}
html .wd-nav.wd-layout-drilldown > li > a:hover, html .wd-nav.wd-layout-drilldown > li [class*="sub-menu"] > :is(.menu-item,.wd-drilldown-back) > a:hover, html .wd-nav.wd-layout-drilldown >li [class*="sub-menu"] > .woocommerce-MyAccount-navigation-link > a:hover, html .wd-nav.wd-layout-drilldown li.current-menu-item > a {
color: rgb(25,25,112);
}
{
font-family: "Roboto", Arial, Helvetica, sans-serif;
font-weight: 500;
font-size: 10px;
line-height: 20px;
color: rgb(0,0,0);
}
.page .wd-page-content {
background-color: rgb(255,255,255);
background-image: none;
}
.woodmart-archive-shop:not(.single-product) .wd-page-content {
background-color: rgb(255,255,255);
background-image: none;
}
.single-product .wd-page-content {
background-color: rgb(255,255,255);
background-image: none;
}
.woodmart-archive-blog .wd-page-content {
background-color: rgb(246,245,248);
background-image: none;
}
.single-post .wd-page-content {
background-color: rgb(246,245,248);
background-image: none;
}
body, [class*=color-scheme-light], [class*=color-scheme-dark], .wd-search-form[class*="wd-header-search-form"] form.searchform, .wd-el-search .searchform {
--wd-form-bg: rgb(255,255,255);
}
.wd-nav-arrows.wd-pos-sep:not(:where(.wd-custom-style)) {
--wd-arrow-size: 42px;
--wd-arrow-icon-size: 16px;
--wd-arrow-offset-h: -21px;
--wd-arrow-color: rgb(255,255,255);
--wd-arrow-color-hover: rgba(255,255,255,0.9);
--wd-arrow-color-dis: rgb(255,255,255);
--wd-arrow-bg: rgb(52,82,239);
--wd-arrow-bg-hover: rgba(52,82,239,0.9);
--wd-arrow-bg-dis: rgb(52,82,239);
--wd-arrow-radius: 24px;
}
.wd-nav-arrows.wd-pos-together:not(:where(.wd-custom-style)) {
--wd-arrow-gap: 10px;
--wd-arrow-size: 42px;
--wd-arrow-icon-size: 16px;
--wd-arrow-offset-h: -5px;
--wd-arrow-offset-v: 5px;
--wd-arrow-color: rgb(255,255,255);
--wd-arrow-color-hover: rgba(255,255,255,0.8);
--wd-arrow-color-dis: rgb(255,255,255);
--wd-arrow-bg: rgb(52,82,239);
--wd-arrow-bg-hover: rgba(52,82,239,0.9);
--wd-arrow-bg-dis: rgb(52,82,239);
--wd-arrow-radius: 24px;
}
.wd-nav-scroll {
--wd-nscroll-bg: rgba(250,186,91,0.15);
--wd-nscroll-drag-bg: rgb(250,186,91);
--wd-nscroll-drag-bg-hover: rgba(250,186,91,0.9);
}
.product-labels .product-label.onsale {
background-color: rgb(0,0,0);
}
.product-labels .product-label.new {
background-color: rgb(52,82,239);
}
.mfp-wrap.wd-popup-quick-view-wrap {
--wd-popup-width: 920px;
}
@media (max-width: 1024px) {
:root {
--wd-sticky-btn-height: 95px;
}
}
@media (max-width: 768.98px) {
:root {
--wd-sticky-btn-height: 50px;
}
.wd-nav-arrows.wd-pos-sep:not(:where(.wd-custom-style)) {
--wd-arrow-size: 32px;
--wd-arrow-icon-size: 14px;
--wd-arrow-offset-h: 62px;
}
.wd-nav-arrows.wd-pos-together:not(:where(.wd-custom-style)) {
--wd-arrow-size: 32px;
--wd-arrow-icon-size: 14px;
}
}
:root{
--wd-container-w: 1600px;
--wd-form-brd-radius: 5px;
--btn-default-color: #333;
--btn-default-color-hover: #333;
--btn-accented-color: #fff;
--btn-accented-color-hover: #fff;
--btn-default-brd-radius: 5px;
--btn-default-box-shadow: none;
--btn-default-box-shadow-hover: none;
--btn-accented-brd-radius: 5px;
--btn-accented-box-shadow: none;
--btn-accented-box-shadow-hover: none;
--wd-brd-radius: 5px;
}
@media (min-width: 1600px) {
[data-vc-full-width]:not([data-vc-stretch-content]),
:is(.vc_section, .vc_row).wd-section-stretch {
padding-left: calc((100vw - 1600px - var(--wd-sticky-nav-w) - var(--wd-scroll-w)) / 2);
padding-right: calc((100vw - 1600px - var(--wd-sticky-nav-w) - var(--wd-scroll-w)) / 2);
}
}
.wd-page-title {
background-color: #0a0a0a;
} .menu-item-new-arrivals {
color: #1007a0;
} .wd-tools-element > a {
display: flex; align-items: center; justify-content: center; height: 40px; color: var(--wd-header-el-color);
line-height: 1;
text-decoration: none !important;
padding-inline: none !important; } .newarrivalsallmenuitem,
.newarrivalsallmenuitem a {
font-weight: 900 !important;
text-decoration: underline;
} .boldmenuitem,
.boldmenuitem a {
font-weight: 900 !important;
} .wd-social-icons > a {
color: #000000;
} .wd-filter-list a {
font-size:14px;
color:#000000;
margin-bottom: 6px;
display: flex;
align-items: center;
} .newsletter-line {
display: flex;
align-items: center;
gap: 14px; flex-wrap: wrap; } .newsletter-title {
font-size: 13px;
letter-spacing: 0.5px;
font-weight: 700;
} .newsletter-gender label {
display: inline-flex;
align-items: center;
gap: 6px;
cursor: pointer;
} .newsletter-gender input[type="radio"] {
appearance: none;
-webkit-appearance: none; width: 14px;
height: 14px;
border: 1px solid #000;
border-radius: 2px; position: relative;
cursor: pointer;
} .newsletter-gender input[type="radio"]:checked::after {
content: "";
width: 8px;
height: 8px;
background: #000;
position: absolute;
top: 2px;
left: 2px;
} .newsletter-email input {
min-width: 240px; padding: 10px;
} .newsletter-email input[type="email"] {
background-color: #d7d6d6;
border: 1px solid #ccc;
} .newsletter-row {
display: flex;
align-items: center;
gap: 16px;
flex-wrap: nowrap; } .newsletter-row > div {
display: flex;
align-items: center;
} .newsletter-row .wpcf7-form-control-wrap {
display: contents; } .newsletter-row .wpcf7-not-valid-tip,
.newsletter-row .wpcf7-response-output {
display: none !important;
} @media (max-width: 768px) { .newsletter-row {
flex-wrap: wrap;
} .newsletter-gender {
width: 100%;
} .newsletter-email {
flex: 1;
} .newsletter-submit {
flex-shrink: 0;
}
} .heading-link {
display: block;
text-decoration: none;
color: inherit;
} .heading-with-icon {
display: flex;
align-items: center;
justify-content: space-between;
font-family: 'Roboto', sans-serif;
font-weight: 900;
font-size: 110px;
color: #000000;
text-transform: uppercase;
line-height: 1.05;
padding-bottom: 16px;
border-bottom: 1px solid #424242;
} .heading-with-icon::after {
content: "›";
width: 64px;
height: 64px;
display: flex;
align-items: center;
justify-content: center;
border: 1px solid #424242; font-size: 40px;
line-height: 1;
margin-left: 24px;
box-sizing: border-box;
} .heading-link:hover,
.heading-link:hover .heading-with-icon {
color: inherit;
text-decoration: none;
} .heading-link.highlight-green .heading-with-icon {
color: #d9232a; }
.x-mas-highlited-green {
color: #d9232a; }
@media (max-width: 768px) {
.heading-with-icon {
font-size: 34px;             
line-height: 1.15;
padding: 10px 0;
}
.heading-with-icon .heading-icon {
width: 30px;
height: 30px;
}
}
@media (max-width: 380px) {
.heading-with-icon {
font-size: 40px;
}
} @media (max-width: 768px) {
.mobile-category-grid .wd-cat-thumb::before,
.mobile-category-grid .category-image-wrap::before,
.mobile-category-grid .wd-cat-thumb:before,
.mobile-category-grid .category-image-wrap:before {
content: none !important;
padding-top: 0 !important;
height: 0 !important;
display: none !important;
}
.mobile-category-grid .wd-cat-thumb,
.mobile-category-grid .category-image-wrap {
height: auto !important;
min-height: 0 !important;
}
.mobile-category-grid .wd-cat-thumb img {
display: block !important;
position: static !important;
height: auto !important;
width: 100% !important;
}
.wd-side-hidden.wd-opened {
transform: none;
width: 90%;
}
}  .wd-nav-mobile > li > a,
.wd-nav-mobile > li > ul li > a {
border-bottom: none !important;
} .mobile-nav .wd-nav-opener {
border-left: none !important;
border-bottom: none !important;
} .cart-info .wd-product-detail,
.product_list_widget > li .wd-entities-title,
.cart-info ul.variation {
margin-bottom: 8px;
font-size: 12px !important;
font-weight: normal;
color: #000000;
} .wd-heading .title {
flex: 1 1 auto;
margin-bottom: 0;
font-size: 170%;
font-weight: 900;
letter-spacing: 1px;
} .woocommerce-mini-cart__buttons .btn-cart {
background-color: #d7d6d6 !important;
}
.wd-sticky-bt {
background-color: #d7d6d6 !important;
} @media (max-width: 1024px) {
.wd-side-hidden {
--wd-side-hidden-w: min(400px, 80vw);
}
}
.wd-shipping-progress-bar.wd-style-bordered .wd-free-progress-bar {
padding: 4px;
border: 2px dashed black;
border-radius: var(--wd-brd-radius);
margin-bottom: 20px;
background-color: #d7d6d6 !important;
color:#000;
}
.wd-progress-bar .progress-bar {
background-color: #5cb85c;
}
.wd-free-progress-bar .progress-bar {
margin-top: 10px; background-size: 15px 15px;
} .search-top-container {
border: 1px solid #000; border-radius: 2px; padding: 8px 34px; width: 120px; } .woocommerce-terms-and-conditions-wrapper a {
font-weight: 600; color: #000; } .woocommerce-checkout-payment 
.woocommerce-privacy-policy-text:not(:last-child) {
font-size: 14px; } .place-order .woocommerce-form__label span {
font-size: 14px; } #wd_email_subscription_consent_field {
font-size: 14px; } #ppcp-recaptcha-v2-container {
display: none; }
.wd-all-results {
font-size:12px;
}
.wd-search-full-screen .searchform input[type="text"] {
font-size:26px;
}
.woocommerce-shipping-methods {
font-size:14px;
font-weight:600;
}
.payment_methods {
font-size:14px;
}
.payment_methods li>label {
display: inline;
margin-bottom: 0;
font-size: 14px;
font-weight: 600;
}
.vc_custom_1765621113291 {
font-size:14px;
}
.shipping-microcopy {
padding: 12px 16px;
margin-bottom: 14px;
border-radius: 6px;
font-size: 14px;
text-align: center;
}
.shipping-microcopy.notice-below {
background: #f7f7f7;
border-left: 4px solid #000;
color: #000;
}
.shipping-microcopy.notice-above {
background: #e9f7ef;
border-left: 4px solid #2ecc71;
color: #1e7e34;
font-weight: 600;
}
.shipping-microcopy.notice-above {
background: linear-gradient(90deg, #e9f7ef, #f6fffa);
}
form#add_payment_method ul.woocommerce-PaymentMethods li.payment_method_cardlink_payment_gateway_woocommerce label img, ul.wc_payment_methods li.wc_payment_method.payment_method_cardlink_payment_gateway_woocommerce label img {
max-width: 100%;
max-height: 24px !important;
float: none !important;
margin-top: 0px;
margin-left: 0px;
}
[class*="__field-wrapper"] {
font-size:14px;
}
@media (min-width: 1025px) {
.pets-border-radius {
border-radius: 80px;
}
.newarrivalsmenuitem {
color: #32174d !important;
}
.wd-tools-element .wd-tools-text {text-transform:none;}
}
@media (min-width: 768px) and (max-width: 1024px) {
.pets-border-radius {
border-radius: 40px;
}
}
@media (min-width: 577px) and (max-width: 767px) {
.pets-border-radius {
border-radius: 40px;
}
}
@media (max-width: 576px) {
.pets-border-radius {
border-radius: 40px;
}
}