/* Theme Name: Axetor Child Description: Child theme of Axetor for the Dutch workwear shop. Template: axetor Version: 1.0.13 */ /* Hide the "Clear" link on variation selection */ .variations_form .reset_variations { display: none !important; } /* TWK-HOME-START (copied from top-werkkleding.nl homepage) */ .btn_theme .elementor-button-link { overflow: hidden; } .btn_theme .elementor-button-link .elementor-button-text { display: flex; align-items: center; animation: button-animation-out 0.25s; } .btn_theme .elementor-button-link .elementor-button-text::after { content: "\f061"; font-family: "Font Awesome Light"; font-size: 14px; margin-left: 10px; color: var(--theme-color-default); transition: 0.25s all; } .rtl .btn_theme .elementor-button-link .elementor-button-text::after { margin-right: 10px; margin-left: inherit; } [dir] .btn_theme .elementor-button-link .elementor-button-text::after { content: "\f060"; } .btn_theme .elementor-button-link:hover .elementor-button-text { animation: button-animation-in 0.25s; } .btn_theme .elementor-button-link:hover .elementor-button-text::after { color: #000; } .btn_theme.color_2 .elementor-button-link .elementor-button-text::after { color: #000; } .btn_theme.color_2 .elementor-button-link:hover .elementor-button-text::after { color: #000; } .t_horizontal { transform-origin: top left; transform: rotate(-90deg) translateX(-100%); } [dir] .t_horizontal { margin-left: 0; margin-right: auto; } .t_outline.outline_green { -webkit-text-stroke: 2px #a6ba39; } .t_linear { background: linear-gradient(180deg, #eaeaea 0%, rgba(226, 226, 226, 0) 85.73%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } @media (max-width: 767px) {.mobile-relative { position: relative !important; }} .el_categori { width: auto !important; position: absolute; bottom: 30px; left: 30px; right: 30px; background: rgba(255, 255, 255, 0.01); backdrop-filter: blur(20px); } @media (max-width: 1200px) and (min-width: 1025px) {.el_categori { bottom: 20px; left: 20px; right: 20px; padding: 20px !important; }} .el_brand-info .elementor-image-box-img img { width: 170px; } .el_brand-info .elementor-image-box-content { max-width: 670px; } .btn_theme.color_2 .elementor-button-link .elementor-button-text::after { color: #000; } .btn_theme_2 .elementor-button-link { font-family: var(--font-family-senary); overflow: hidden; } .btn_theme_2 .elementor-button-link .elementor-button-text { animation: button-animation-out 0.25s; } .btn_theme_2 .elementor-button-link:hover .elementor-button-text { animation: button-animation-in 0.25s; } .el_category2 .image { min-height: 370px; border-radius: 10px; border: 1px solid #e1e1e1; position: relative; padding: 50px 60px; background-color: #fff; transition: 0.3s all; overflow: hidden; } @media (max-width: 1200px) and (min-width: 1025px) {.el_category2 .image { padding: 40px 30px; }} @media (max-width: 991px) and (min-width: 768px) {.el_category2 .image { padding: 40px 30px; }} @media (max-width: 480px) {.el_category2 .image { padding: 40px 30px; }} .el_category2 .image img { position: absolute; bottom: 0; right: 0; max-width: 70%; z-index: 1; transition: 0.25s all; } .el_category2 .image .item-sub-title { font-family: var(--font-family-senary); position: relative; z-index: 2; } .el_category2 .image .item-description { position: absolute; bottom: 50px; left: 60px; z-index: 2; } @media (max-width: 1200px) and (min-width: 1025px) {.el_category2 .image .item-description { bottom: 40px; left: 30px; }} @media (max-width: 991px) and (min-width: 768px) {.el_category2 .image .item-description { bottom: 40px; left: 30px; }} @media (max-width: 480px) {.el_category2 .image .item-description { bottom: 40px; left: 30px; }} .el_category2 .image .btn_type3 { display: flex; align-items: center; justify-content: center; font-size: 12px; line-height: 24px; font-weight: 700; text-transform: uppercase; padding: 10px 10px; border-radius: 30px; background-color: var(--theme-color-default); color: #000; min-width: 44px; transition: 0.3s all; } .el_category2 .image .btn_type3 span { opacity: 0; visibility: hidden; transition: 0.3s all; width: 0; margin-right: 0; } .rtl .el_category2 .image .btn_type3 span { margin-left: 0; margin-right: inherit; } .el_category2 .image .btn_type3::after { content: "\f061"; font-family: "Font Awesome 5 Free"; font-size: 14px; } [dir] .el_category2 .image .btn_type3::after { content: "\f060"; } .el_category2 .image .btn_type3:hover { padding: 10px 30px; } .el_category2 .image .btn_type3:hover span { width: auto; margin-right: 10px; opacity: 1; visibility: visible; } .rtl .el_category2 .image .btn_type3:hover span { margin-left: 10px; margin-right: inherit; } .el_category2 .image:hover { background-color: #f5f5f5; } .el_category2 .image:hover img { transform: scale(1.1); } .el_category2 .slick-list { overflow: visible; clip-path: inset(0 -100% 0 0); } .t_outline.outline_red { -webkit-text-stroke: 2px #c70a33; } .btn_theme.i_color-black .elementor-button-link .elementor-button-text::after { color: #000; } .t_outline.outline_red { -webkit-text-stroke: 2px #c70a33; } .btn_theme.i_color-black .elementor-button-link .elementor-button-text::after { color: #000; } .btn_type3 .elementor-button-link { display: flex; align-items: center; justify-content: center; font-size: 12px; line-height: 24px; font-weight: 700; text-transform: uppercase; padding: 10px 10px !important; border-radius: 30px; background-color: var(--theme-color-default); color: #000; min-width: 44px; transition: 0.3s all; overflow: hidden; } .btn_type3 .elementor-button-link span { opacity: 0; visibility: hidden; transition: 0.3s all; width: 0; margin-right: 0; } .rtl .btn_type3 .elementor-button-link span { margin-left: 0; margin-right: inherit; } .btn_type3 .elementor-button-link::after { content: "\f061"; font-family: "Font Awesome 5 Free"; font-size: 14px; } [dir] .btn_type3 .elementor-button-link::after { content: "\f060"; } .btn_type3 .elementor-button-link:hover { padding: 10px 30px !important; } .btn_type3 .elementor-button-link:hover span { width: auto; margin-right: 10px; opacity: 1; visibility: visible; } .rtl .btn_type3 .elementor-button-link:hover span { margin-left: 10px; margin-right: inherit; } .btn_type3.no-text .elementor-button-link::after { animation: button-animation-out 0.25s; } .btn_type3.no-text .elementor-button-link:hover { padding: 10px 10px !important; } .btn_type3.no-text .elementor-button-link:hover span { margin-right: 0; } .rtl .btn_type3.no-text .elementor-button-link:hover span { margin-left: 0; margin-right: inherit; } .btn_type3.no-text .elementor-button-link:hover::after { animation: button-animation-in 0.25s; } .caption_heading4 .widget-image-caption { font-family: var(--font-family-senary); } @media (max-width: 1400px) and (min-width: 1025px) {.caption_heading4 .widget-image-caption { font-size: 30px !important; }} .twk-brands{display:flex;flex-wrap:wrap;gap:12px 28px;justify-content:center;padding:20px 0}.twk-brands a{font-weight:700;text-transform:uppercase;color:#000} /* TWK-HOME-END */ /* TWK-FOOTLOGO */ /* stopka: logo w oryginalnych kolorach (dolny pas jest bialy) */ .hfe-site-logo .hfe-site-logo-container img.hfe-site-logo-img{width:200px !important;max-width:200px !important;height:auto !important;} /* TWK-ARCHIVE-VAR: the (invisible, absolutely positioned) variation swatches on product cards covered the title/price and swallowed clicks. Show them statically. */ .axetor-archive-variation{opacity:1 !important;position:static !important;} /* TWK-MENU: header like live top-werkkleding.nl (red marquee bar + mega menu) */ .twk-marquee{background:#c70a33;color:#fff;overflow:hidden;white-space:nowrap;height:40px;display:flex;align-items:center;width:100%} .twk-marquee-track{display:inline-flex;align-items:center;gap:0;animation:twk-marq 40s linear infinite;will-change:transform} .twk-marquee span{font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.2px;padding:0 40px} .twk-marquee i{font-style:normal;opacity:.8} @keyframes twk-marq{from{transform:translateX(0)}to{transform:translateX(-50%)}} @media (prefers-reduced-motion:reduce){.twk-marquee-track{animation:none}} @media (min-width:1025px){ .elementor-element-c5d841c{position:relative} .elementor-element-c5d841c .main-navigation ul.menu{display:flex;flex-wrap:nowrap;gap:0 34px;align-items:center} .elementor-element-c5d841c .main-navigation ul.menu > li{position:static} .elementor-element-c5d841c .main-navigation ul.menu > li.twk-drop{position:relative} .elementor-element-c5d841c .main-navigation ul.menu > li > a{padding:32px 0;color:#000} .elementor-element-c5d841c .main-navigation ul.menu > li:hover > a{color:#ffc700} .elementor-element-c5d841c .main-navigation ul.menu > li > ul.sub-menu{display:none;position:absolute;top:100%;margin:0;padding:0;list-style:none;background:#fff;border-radius:0;box-shadow:0 20px 30px rgba(0,0,0,.08);z-index:9999} .elementor-element-c5d841c .main-navigation ul.menu > li.twk-mega > ul.sub-menu{left:0;right:0;width:100%;padding:30px 0 34px;border-top:1px solid #e5e5e5} .elementor-element-c5d841c .main-navigation ul.menu > li.twk-mega:hover > ul.sub-menu,.elementor-element-c5d841c .main-navigation ul.menu > li.twk-mega:focus-within > ul.sub-menu{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));row-gap:28px} .elementor-element-c5d841c .main-navigation ul.menu > li.twk-mega > ul.sub-menu > li{padding:0 30px;border-right:1px solid #e0e0e0;margin:0} .elementor-element-c5d841c .main-navigation ul.menu > li.twk-mega > ul.sub-menu > li > a{color:#000;font-weight:700;font-size:16px;padding:0 0 14px;text-transform:none;width:auto;display:block} .elementor-element-c5d841c .main-navigation ul.menu > li.twk-mega > ul.sub-menu > li > ul.sub-menu{display:block;position:static;margin:0;padding:0;background:none;box-shadow:none} .elementor-element-c5d841c .main-navigation ul.menu > li.twk-mega > ul.sub-menu > li > ul.sub-menu > li > a{color:#8b8b8b;font-size:14px;font-weight:500;padding:5px 0;text-transform:none;display:block;width:auto} .elementor-element-c5d841c .main-navigation ul.menu > li.twk-mega > ul.sub-menu > li > ul.sub-menu > li > a:hover{color:#000} .elementor-element-c5d841c .main-navigation ul.menu > li.twk-mega > ul.sub-menu > li > a:hover{color:#ffc700} .elementor-element-c5d841c .main-navigation ul.menu > li.twk-drop:hover > ul.sub-menu{display:block;left:0;min-width:230px;padding:14px 0;border-radius:6px} .elementor-element-c5d841c .main-navigation ul.menu > li.twk-drop > ul.sub-menu > li > a{color:#444;padding:8px 24px;text-transform:none;font-weight:500;width:100%;display:block} .elementor-element-c5d841c .main-navigation ul.menu > li.twk-drop > ul.sub-menu > li > a:hover{color:#000;background:#f5f5f5} } /* TWK-MENU-END */ /* TWK-MENU-FIX */ @media (min-width:1025px){ /* panel mega ma sie rozciagac na caly naglowek, nie na waski widget */ .elementor-element-c5d841c .elementor-element-2ffe666, .elementor-element-c5d841c .elementor-element-2ffe666 .elementor-widget-container, .elementor-element-c5d841c .elementor-nav-menu-wrapper, .elementor-element-c5d841c nav.main-navigation, .elementor-element-c5d841c .primary-navigation{position:static !important} .elementor-element-c5d841c{flex-wrap:nowrap !important;justify-content:space-between !important;gap:24px} .elementor-element-c5d841c > .elementor-element-2ffe666{flex:0 0 auto !important;width:auto !important} .elementor-element-c5d841c > .elementor-element-a1acc65{flex:0 0 auto !important;width:auto !important;margin:0 auto} .elementor-element-c5d841c > .elementor-element-37772c0{flex:0 1 300px !important;width:300px !important;max-width:300px} .elementor-element-c5d841c > .elementor-element-80f07ad{flex:0 0 auto !important;width:auto !important} .elementor-element-c5d841c .main-navigation ul.menu > li > a{white-space:nowrap;flex-wrap:nowrap} .elementor-element-c5d841c .main-navigation ul.menu > li > a .dropdown-toggle,.elementor-element-c5d841c .main-navigation ul.menu > li > a i{margin-left:6px} .elementor-element-c5d841c .main-navigation ul.menu > li > ul.sub-menu > li > a, .elementor-element-c5d841c .main-navigation ul.menu > li > ul.sub-menu > li > ul.sub-menu > li > a{white-space:normal;overflow-wrap:anywhere} .elementor-element-c5d841c .main-navigation ul.menu > li.twk-mega > ul.sub-menu{box-sizing:border-box;left:0 !important;right:0 !important} .elementor-element-c5d841c .main-navigation ul.menu > li.twk-mega > ul.sub-menu > li{min-width:0} .elementor-element-c5d841c .main-navigation ul.menu > li.twk-mega > ul.sub-menu > li:nth-child(5n){border-right:0} } /* TWK-MENU-FIX2: theme hides nested submenus (opacity/visibility) - in the mega panel they must be always visible; flex row is .e-con-inner */ @media (min-width:1025px){ .elementor-element-c5d841c > .e-con-inner{display:flex !important;flex-wrap:nowrap !important;align-items:center;justify-content:space-between !important;gap:24px;max-width:100% !important} .elementor-element-c5d841c > .e-con-inner > .elementor-element-2ffe666{flex:0 0 auto !important;width:auto !important} .elementor-element-c5d841c > .e-con-inner > .elementor-element-a1acc65{flex:0 0 auto !important;width:auto !important;margin:0 auto} .elementor-element-c5d841c > .e-con-inner > .elementor-element-37772c0{flex:0 1 300px !important;width:300px !important;max-width:300px} .elementor-element-c5d841c > .e-con-inner > .elementor-element-80f07ad{flex:0 0 auto !important;width:auto !important} .elementor-element-c5d841c .main-navigation ul.menu li.menu-item.twk-mega > ul.sub-menu > li.menu-item{display:block;min-width:0;position:static} .elementor-element-c5d841c .main-navigation ul.menu li.menu-item.twk-mega > ul.sub-menu > li.menu-item > ul.sub-menu{display:block !important;position:static !important;opacity:1 !important;visibility:visible !important;pointer-events:auto !important;transform:none !important;left:auto !important;top:auto !important;float:none;width:auto;padding:0;margin:0;background:none;box-shadow:none;border:0} .elementor-element-c5d841c .main-navigation ul.menu li.menu-item.twk-mega > ul.sub-menu > li.menu-item > ul.sub-menu::before{display:none} .elementor-element-c5d841c .main-navigation ul.menu li.menu-item.twk-mega > ul.sub-menu > li.menu-item > ul.sub-menu > li.menu-item{display:block;min-width:0} .elementor-element-c5d841c .main-navigation ul.menu li.menu-item.twk-mega > ul.sub-menu > li.menu-item > ul.sub-menu > li.menu-item > a{color:#8b8b8b !important;font-size:14px;font-weight:500;padding:5px 0;text-transform:none} .elementor-element-c5d841c .main-navigation ul.menu li.menu-item.twk-mega > ul.sub-menu > li.menu-item > ul.sub-menu > li.menu-item > a:hover{color:#000 !important} .elementor-element-c5d841c .main-navigation ul.menu li.menu-item.twk-mega > ul.sub-menu > li.menu-item > a{color:#000 !important;font-weight:700;font-size:16px;padding:0 0 12px;text-transform:none} .elementor-element-c5d841c .main-navigation ul.menu li.menu-item.twk-mega > ul.sub-menu > li.menu-item > a:hover{color:#ffc700 !important} .elementor-element-c5d841c .main-navigation ul.menu li.menu-item.twk-mega > ul.sub-menu{align-items:start;row-gap:34px} .elementor-element-c5d841c .main-navigation ul.menu li.menu-item.twk-mega > ul.sub-menu > li.menu-item{align-self:stretch} } /* TWK-CATTILES: helper rules from the live homepage (were an HTML widget with a visible