/* Theme Name: DunaStore Theme URI: https://dunastore.hu Description: A DunaStore webáruház alapértelmezett sablonja. Author: DunaStore Author URI: https://dunastore.hu Version: 1.0 */ *{ margin: 0; border: 0; padding: 0; flex-wrap: wrap; text-decoration: none; } *, *:after, *::before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } :root { --color-orange: #f46717; --color-orange-a20: rgba(244 103 23 / 20%); --color-red: #d80d2c; --color-gray: #999999; --color-silver: #f5f5f5; --color-silver-line: #dddddd; --color-green: #10ac84; --color-dark: #292929; } body { font-family: 'DM Sans', sans-serif; font-size: 17px; background: var(--color-silver); line-height: 25px; overflow-x: hidden; } body.rwd_menu__opened { overflow: hidden; } h1, h2, h3, h4, h5 { font-weight: normal; } button, input, select, textarea { font-family: 'DM Sans', sans-serif; font-size: 17px; outline: none; } select { height: 50px; } img.alignleft { margin: 0 20px 5px 0; float: left; } img.alignright { margin: 0 0 5px 20px; float: right; } hr { height: 30px; border-top: 3px solid var(--color-silver-line); } .left { float: left; } .right { float: right; } .clear, .related { clear: both; } .inner { max-width: 1280px; margin: auto; position: relative; } .inner_800 { max-width: 800px; } .inner_600 { max-width: 600px; } .hide { display: none !important; } .p_20 { padding: 20px; } .p_30 { padding: 30px; } .b_r_3 { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .b_r_10 { -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; } .b_r_50p { -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } .special_offer { height: 180px; margin-bottom: 30px; display: none; } .vertical_middle { top: 50%; position: relative; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .required, .red { color: #d91828; } .has_shadow {-moz-box-shadow: 0 3px 3px rgba(0,0,0,0.2); -webkit-box-shadow: 0 3px 3px rgba(0,0,0,0.2); box-shadow: 0 3px 3px rgba(0,0,0,0.2); } .button { height: 40px; padding: 0 15px; font-size: 17px; font-weight: 700; text-transform: uppercase; text-decoration: none !important; text-align: center; color: white !important; line-height: 40px; background-color: var(--color-dark); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; cursor: pointer; display: inline-block; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } .button:hover { background-color: #000; } .button:disabled { color: white !important; background-color: #ccc; } .button_h30 { height: 30px; line-height: 30px; font-size: 14px; } .button_h50 { height: 50px; padding: 0 20px; line-height: 50px; } .button_has_icon { padding-left: 45px; } .button_full { width: 100% !important; text-align: center; display: block; } .button_orange { color: white !important; background-color: var(--color-orange); } .button_orange:hover { color: var(--color-dark) !important; background-color: white; } .button_orange.dark_hover:hover { color: white !important; background-color: var(--color-dark); } .button_green { color: white !important; background-color: var(--color-green); } .button_green:hover { background-color: var(--color-dark); } .button_green_white_hover:hover { color: var(--color-dark) !important; background-color: white; } .button_red { color: white !important; background-color: var(--color-red); } .button_red:hover { color: white !important; background-color: var(--color-dark); } .button.button_outline { border: 1px solid white; } .button.button_outline:hover { background: var(--color-orange); border-color: var(--color-orange); } /* Font */ .center { text-align: center; } .sec_font, .products.related h2 { font-family: 'Barlow Semi Condensed', sans-serif; } .uppercase { text-transform: uppercase; } /* Animation */ .anim, .modal:before, #rwd_menu ul li a { -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } .anim_long { -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .anim_cubic { -webkit-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1); -moz-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1); -o-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1); transition: all 1s cubic-bezier(0.19, 1, 0.22, 1); } /* Col */ .row { width: 100%; font-size: 0; } .row > .col { font-size: 17px; vertical-align: top; display: inline-block; } .row .col_50 { width: 50%; } .row .col_33 { width: 33.3333333333%; } .row .col_25 { width: 25%; } .row .col_20 { width: 20%; } .row .col_16 { width: 16.6666666666%; } .row .col_14 { width: 14.28%; } .row.row_table { display: table; table-layout: fixed; } .row.row_table > .col { display: table-cell; } /* Checkbox and radio */ input[type="checkbox"], input[type="radio"] { width: 20px; min-width: 20px; height: 20px; margin: -4px 4px 0 0 !important; padding: 0 !important; text-align: center !important; background-color: white; border: 1px solid #d8d8d8; clear: none; cursor: pointer; display: inline-block; line-height: 0; outline: 0; vertical-align: middle !important; -webkit-appearance: none; -webkit-box-shadow: none; box-shadow: none; -webkit-transition: .05s border-color ease-in-out; transition: .05s border-color ease-in-out; } input[type="radio"] { -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } input[type="radio"]:checked:before { width: 10px; height: 10px; left: 4px; top: 4px; text-align: center; background: var(--color-dark); position: relative; border-radius: 8px; display: block; content: ''; } input[type="checkbox"]:checked:before { width: 10px; height: 10px; left: 4px; top: 4px; text-align: center; background: var(--color-dark); position: relative; display: block; content: ''; } /* ------------- MODAL ------------- */ .fancybox-container .modal_added_to_cart { width: 100%; max-width: 600px; padding: 30px; } .fancybox-container .modal_added_to_cart h3 { margin-bottom: 20px; font-size: 30px; color: var(--color-green); line-height: 1; } .fancybox-container .modal_added_to_cart h3:before { left: 0; top: 0; font-size: 30px; position: absolute; } .fancybox-container .modal_added_to_cart .thumbnail { width: 150px; height: 150px; padding: 4px; text-align: center; border: 1px solid var(--color-silver-line); } .fancybox-container .modal_added_to_cart .thumbnail img { max-width: 140px; max-height: 140px; } .fancybox-container .modal_added_to_cart .datas { width: calc(100% - 150px); padding-top: 10px; padding-left: 20px; } .fancybox-container .modal_added_to_cart .datas h4 { margin-bottom: 15px; font-size: 18px; font-weight: 700; color: #3a3a3a; } .fancybox-container .modal_added_to_cart .datas .price { margin-bottom: 15px; font-size: 20px; color: #8a817a; } .fancybox-container .modal_added_to_cart .datas .price del { display: none; } .fancybox-container .fancybox-content p { margin-bottom: 20px; } .fancybox-container .fancybox-content a { text-decoration: underline; color: var(--color-red); outline: none; } .fancybox-container .fancybox-content a:hover { text-decoration: none; color: #2e2e2e; } .fancybox-container .fancybox-content h1 { margin-bottom: 20px; font-size: 30px; } .fancybox-container .fancybox-content .iframe_wrapper { margin-bottom: 0 !important; } .fancybox-container .fancybox-content.exitpopup { max-width: 800px; padding: 0; } .fancybox-container .fancybox-content.exitpopup .fancybox-close-small { width: 40px; height: 40px; right: 10px; top: 10px; padding: 0; line-height: 30px; background: var(--color-red) url(images/icon_close_white.svg) no-repeat center; background-size: auto 16px; position: absolute; cursor: pointer; opacity: 1; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } .fancybox-container .fancybox-content.exitpopup .fancybox-close-small:hover { background-color: #2e2e2e; } .fancybox-container .fancybox-content.exitpopup .fancybox-close-small svg { display: none; } .fancybox-container .fancybox-content.exitpopup .wrapper { padding: 30px; } .fancybox-container .fancybox-content.exitpopup .wrapper h3 { margin-bottom: 10px; font-size: 25px; font-weight: 700; color: var(--color-red); line-height: 100%; } .fancybox-container .fancybox-content.exitpopup .wrapper img { max-width: 100%; height: auto; max-height: 250px; margin: auto; display: block; } .fancybox-container .fancybox-content.exitpopup .wrapper p { margin-bottom: 20px; line-height: 30px; } .fancybox-container .fancybox-content.exitpopup .wrapper p:last-child { margin-bottom: 0; } .fancybox-container .fancybox-content.exitpopup .wrapper ul { margin-left: 20px; margin-bottom: 20px; } .fancybox-container .fancybox-content.exitpopup .wrapper ul li { list-style: square; } .fancybox-container .fancybox-content.exitpopup .wrapper ul.check { margin-left: 10px; } .fancybox-container .fancybox-content.exitpopup .wrapper ul.check li { list-style: none; } .fancybox-container .fancybox-content.exitpopup .wrapper ul.check li:before { margin-right: 5px; font-size: 19px; color: #85ad74; content: '✔'; } .fancybox-container .fancybox-content.exitpopup .wrapper.has_image { padding: 0; font-size: 0; display: table; table-layout: fixed; } .fancybox-container .fancybox-content.exitpopup .wrapper.has_image .image { width: 50%; background-color: #2e2e2e; background-repeat: no-repeat; background-position: center; background-size: cover; display: table-cell; } .fancybox-container .fancybox-content.exitpopup .wrapper.has_image .content { width: 50%; padding: 30px; font-size: 17px; line-height: 30px; display: table-cell; } .fancybox-container .fancybox-content.exitpopup .wrapper.has_only_image { padding: 0; } .fancybox-container .fancybox-content.exitpopup .wrapper.has_only_image img { width: 100%; height: auto; display: block; } /* ----------------------- COOKIE LAW INFO ----------------------- */ #cookie-law-info-bar { width: 100% !important; max-width: 320px !important; padding: 20px !important; text-align: left !important; font-size: 14px !important; } #cookie-law-info-bar span { display: block; } #cookie-law-info-bar .cli_action_button { width: 100% !important; height: 40px !important; margin-left: 0 !important; margin-top: 10px; padding: 0 !important; font-size: 15px !important; font-weight: 700; text-transform: uppercase; text-align: center; line-height: 40px !important; background-color: var(--color-orange) !important; display: block; } #cookie-law-info-bar .cli_action_button:hover { opacity: 0.9; } #cookie-law-info-bar .cli_settings_button { width: 100% !important; height: 40px !important; margin-left: 0 !important; padding: 0 !important; font-size: 15px !important; font-weight: 700; text-transform: uppercase; text-align: center; color: var(--color-dark) !important; line-height: 40px !important; background-color: transparent !important; border: 1px solid var(--color-silver-line) !important; display: block; } #cookie-law-info-bar .cli_settings_button:hover { border-color: var(--color-dark) !important; } /* ---------------- RWD NAV ---------------- */ #rwd_menu { width: 100%; left: 0; top: 0; bottom: 0; background: rgba(0 0 0 / 20%); position: fixed; z-index: 100; visibility: hidden; opacity: 0; } #rwd_menu .rwd_menu_wrap { width: 480px; height: 100%; right: -100%; top: 0; background: #333; position: absolute; overflow-y: auto; } #rwd_menu .rwd_menu_section { padding-left: 50px; padding-right: 50px; } #rwd_menu .rwd_menu_section.useful_info { padding-top: 50px; padding-bottom: 50px; background: rgba(255 255 255 / 5%); } #rwd_menu .rwd_menu_section h3 { margin-bottom: 10px; font-size: 16px; font-weight: 700; text-transform: uppercase; color: rgba(255 255 255 / 30%); } /* RWD menu header */ #rwd_menu .rwd_header { height: 130px; position: relative; } #rwd_menu .rwd_header img { width: auto; height: 20px; left: 50px; display: block; position: absolute; } #rwd_menu .rwd_header .rwd_button { width: 50px; height: 50px; right: 50px; background: var(--color-orange); position: absolute; z-index: 2; cursor: pointer; border-radius: 3px; } #rwd_menu .rwd_header .rwd_button .burg { width: 20px; height: 2px; left: 15px; top: calc(50% - 1px); background: transparent; display: block; position: absolute; -moz-transition: 0.2s; -o-transition: 0.2s; -webkit-transition: 0.2s; transition: 0.2s; } #rwd_menu .rwd_header .rwd_button .burg:before, #rwd_menu .rwd_header .rwd_button .burg:after { width: 20px; height: 2px; background: white; position: absolute; content: ''; -moz-transition: 0.2s; -o-transition: 0.2s; -webkit-transition: 0.2s; transition: 0.2s; } #rwd_menu .rwd_header .rwd_button .burg:before { top: 0; left: 0; -webkit-transform: rotate(45deg); } #rwd_menu .rwd_header .rwd_button .burg:after { top: 0; right: 0; -webkit-transform: rotate(-45deg); } /* Contacts */ #rwd_menu .rwd_contacts { margin-bottom: 30px; padding-bottom: 30px; border-bottom: 1px solid rgba(255 255 255 / 20%); display: flex; justify-content: space-between; } #rwd_menu .rwd_contacts .button { width: 100%; padding: 0 10px; } /* Menu */ #rwd_menu ul.menu { list-style: none; } #rwd_menu ul.menu li a { color: white; display: block; } /* Primary menu */ #rwd_menu ul.primary_menu { margin-bottom: 30px; } #rwd_menu ul.primary_menu li { border-bottom: 1px solid rgba(255 255 255 / 15%); } #rwd_menu ul.primary_menu li a { padding: 15px 0; font-size: 20px; font-weight: 700; color: white; line-height: 1; display: block; position: relative; } #rwd_menu ul.primary_menu li a:hover { text-decoration: underline; text-decoration-thickness: 1px; } #rwd_menu ul.primary_menu li.menu-item-has-children > a:after { width: 24px; height: 24px; right: 0; top: calc(50% - 12px); background: url(images/icon_arrow_down_open_white.svg) no-repeat center; background-size: auto 100%; position: absolute; content: ''; } #rwd_menu ul.primary_menu li.menu-item-has-children.open > a:after { ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); transform: rotate(180deg); } #rwd_menu ul.primary_menu li ul { margin-left: -50px; margin-right: -50px; background: white; display: none; } #rwd_menu ul.primary_menu li ul li { border-bottom-color: var(--color-silver-line); } #rwd_menu ul.primary_menu li ul li:last-child { border-bottom: none; } #rwd_menu ul.primary_menu li ul li a { left: auto !important; padding: 15px 50px 15px; font-size: 17px; color: var(--color-dark) !important; line-height: 20px; opacity: 100% !important; } #rwd_menu ul.primary_menu li ul li.menu-item-has-children > a:after { width: 20px; height: 20px; right: 20px; top: calc(50% - 10px); background: url(images/icon_arrow_down_small.svg) no-repeat center; background-size: 12px; position: absolute; content: ''; } #rwd_menu ul.primary_menu li ul li.open > a:before { display: none; } #rwd_menu ul.primary_menu li ul li ul { background: #eef0f4; } #rwd_menu ul.primary_menu li ul li ul li { border-bottom: none; } #rwd_menu ul.primary_menu li ul li ul li a { padding: 10px 20px; } #rwd_menu ul.primary_menu li.menu-item-53 ul { font-size: 0; } #rwd_menu ul.primary_menu li.menu-item-53 ul li { width: 50% !important; vertical-align: top; display: inline-block; } /* Secondary menu */ #rwd_menu ul.secondary_menu li { margin-bottom: 5px; background-color: transparent !important; } #rwd_menu ul.secondary_menu li a { font-size: 18px; font-weight: 400; } #rwd_menu ul.secondary_menu li a:hover { text-decoration: underline; } body.rwd_menu__opened #rwd_menu { visibility: visible; opacity: 100%; } body.rwd_menu__opened #rwd_menu .rwd_menu_wrap { right: 0; } /* ---------------------- ALL CATEGORIES ---------------------- */ #all_categories { width: 100%; height: 100%; left: 0; top: 0; background: rgba(245,245,245,0.5); position: fixed; z-index: 1000; visibility: hidden; opacity: 0; } #all_categories .categories_wrapper { width: 400px; height: 100%; left: -100%; top: 0; background: white; position: absolute; -moz-box-shadow: 10px 0 35px rgba(1,2,2,.1); -webkit-box-shadow: 10px 0 35px rgba(1,2,2,.1); box-shadow: 10px 0 35px rgba(1,2,2,.1); } #all_categories .close { width: 50px; height: 50px; right: 0; top: 0; background: var(--color-orange) url(images/icon_close_white.svg) no-repeat center; background-size: auto 20px; position: absolute; cursor: pointer; } #all_categories .close:hover { background-color: var(--color-dark); } #all_categories .categories_container { height: 100%; padding: 30px 30px 0; overflow-y: auto; } #all_categories .categories_container h2 { margin-bottom: 20px; font-size: 25px; font-weight: 700; line-height: 1; letter-spacing: -0.5px; } #all_categories .product-categories > li > a { padding-left: 50px; background-repeat: no-repeat; background-position: 10px center; background-size: auto 24px; } #all_categories .product-categories > li.cat-item-76 > a { background-image: url(images/icon_auto_motor.svg); } #all_categories .product-categories > li.cat-item-82 > a { background-image: url(images/icon_construction.svg); } #all_categories .product-categories > li.cat-item-103 > a { background-image: url(images/icon_watering.svg); } #all_categories .product-categories > li.cat-item-158 > a { background-image: url(images/icon_butor_lakberendezes.svg); } #all_categories .product-categories > li.cat-item-186 > a { background-image: url(images/dunastore-irodatechnika.svg); } #all_categories .product-categories > li.cat-item-207 > a { background-image: url(images/dunastore-sport-fitnesz.svg); } #all_categories .product-categories > li.cat-item-280 > a { background-image: url(images/dunastore-haztartasi-gep.svg); } #all_categories .product-categories > li.cat-item-295 > a { background-image: url(images/dunastore-etel-ital.svg); } #all_categories .product-categories > li.cat-item-292 > a { background-image: url(images/dunastore-szepsegapolas-egeszseg.svg); } #all_categories .product-categories > li.cat-item-561 > a { background-image: url(images/dunastore-haziallatok.svg); } .slinky-menu { overflow: hidden; transform: translateZ(0); } .slinky-menu > ul { left: 0; position: relative; transform: translateZ(0); } .slinky-menu ul, .slinky-menu li { list-style: none; } .slinky-menu ul { width: 340px !important; } .slinky-menu a { align-items: center; display: flex; } .slinky-menu a span { flex: 1; line-height: 1.4; } .slinky-menu li ul { left: 100%; top: 0; display: none; position: absolute; } .slinky-menu .header { display: flex; } .slinky-menu .header .title { flex: 1; line-height: 1.4; order: 1; } .slinky-theme-default { } .slinky-theme-default .title { padding: 1em; color: var(--color-dark); } .slinky-theme-default li { border-bottom: 1px solid var(--color-silver-line); } .slinky-theme-default a:not(.back) { padding: 12px 10px; color: var(--color-dark); line-height: 1; } .slinky-theme-default a:not(.back):hover { background-color: var(--color-silver-line); } .slinky-theme-default a:not(.back):active { } .slinky-theme-default .children a { padding: 10px !important; } .slinky-theme-default .back { font-size: 13px; font-weight: 700; text-transform: uppercase; color: #666; line-height: 20px; } .slinky-theme-default .next::after, .slinky-theme-default .back::before { width: 1em; height: 1em; background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+ICAgIDxwYXRoIGQ9Ik0xMi4yMTkgMi4yODFMMTAuNzggMy43MiAxOC4wNjIgMTFIMnYyaDE2LjA2M2wtNy4yODIgNy4yODEgMS40MzggMS40MzggOS05IC42ODctLjcxOS0uNjg3LS43MTl6IiAvPjwvc3ZnPg==) center no-repeat; background-size: 1em; content: ''; opacity: 0.25; transition: 200ms; } .slinky-theme-default .next::after { margin-left: 1em; } .slinky-theme-default .back::before { padding: 1em; transform: scaleX(-1); } .slinky-theme-default .next:hover::after, .slinky-theme-default .back:hover::before { opacity: 0.75; } .slinky-theme-default .next:active::after, .slinky-theme-default .back:active::before { opacity: 1; } #all_categories.is_open { visibility: visible; opacity: 1; } #all_categories.is_open .categories_wrapper { left: 0; } /* ------------------------ ALT SEARCH PANEL ------------------------ */ #alt_search_panel { height: 50px; font-size: 0; background: var(--color-orange); } #alt_search_panel input[type=text] { width: calc(100% - 50px); height: 50px; padding-left: 10px; font-size: 17px; vertical-align: top; display: inline-block; } #alt_search_panel input[type=submit] { width: 50px; height: 50px; vertical-align: top; background: var(--color-dark) url(images/icon_search_white.svg) no-repeat center; background-size: auto 20px; display: inline-block; cursor: pointer; } #alt_search_panel input[type=submit]:hover { background-color: #3a3a3a; } #alt_search_panel .aws-container .aws-search-form { height: 50px; } #alt_search_panel .aws-container .aws-search-field { height: 100%; padding: 0 0 0 20px; font-size: 15px; color: white !important; line-height: 50px; background: transparent !important; border: none; } #alt_search_panel .aws-container .aws-search-field::placeholder { color: rgba(255 255 255 / 70%); opacity: 100%; } #alt_search_panel .aws-container .aws-search-field:-ms-input-placeholder { color: rgba(255 255 255 / 70%); } #alt_search_panel .aws-container .aws-search-field::-ms-input-placeholder { color: rgba(255 255 255 / 70%); } #alt_search_panel .aws-container .aws-search-form .aws-wrapper { width: calc(100% - 50px); } #alt_search_panel .aws-container .aws-search-form .aws-search-btn { width: 50px; height: 50px; margin: 0; line-height: 10px; background: var(--color-dark) url(//dunastore.hu/wp-content/themes/dunastore/images/icon_search_white.svg) no-repeat center; background-size: auto 20px; border: 0; } #alt_search_panel .aws-container .aws-search-form .aws-search-btn_icon { width: 50px; display: none !important; } #alt_search_panel .aws-container .aws-search-form .aws-search-btn_icon svg { fill: white; } /* -------------------- WARNING TEXT -------------------- */ .warning_text { margin-top: -20px; margin-bottom: 20px; padding: 10px 20px; font-size: 17px; font-weight: 700; color: white; line-height: 20px; background: var(--color-red); } /* --------------- HEADER --------------- */ #header { width: 100%; left: 0; top: 0; background: white; z-index: 101; } #header .inner { height: 100%; } /* Header top */ #header .header_top { height: 40px; font-size: 14px; color: var(--color-dark); } #header .header_top a { color: var(--color-dark); } #header .header_top a:hover { text-decoration: underline; } #header .header_top .header_top_wrap { height: 100%; display: flex; justify-content: space-between; border-bottom: 1px solid var(--color-silver-line); } #header .header_top .wrap_left { height: 100%; display: flex; } #header .header_top .wrap_left .phone { height: 100%; display: flex; align-items: center; } #header .header_top .wrap_left .phone strong { margin-right: 5px; } #header .header_top .part.free_delivery div { padding-left: 30px; background: url(images/icon_free_delivery_shipping.svg) no-repeat left center; background-size: auto 24px; } #header .header_top ul { height: 100%; display: flex; list-style: none; align-items: center; } #header .header_top ul li { margin-left: 15px; } #header .header_top ul li:first-child { margin-left: 0; } #header .header_top ul li a:hover { text-decoration: underline; } /* Header center */ #header .header_center { height: 80px; } #header .header_center .inner { height: 100%; } /* Logo */ #header .header_center .logo { height: 30px; display: inline-block; } #header .header_center .logo img { width: auto; height: 100%; display: block; } /* Search */ #header .header_center .aws-container { width: calc(100% - 670px); height: 50px; top: 15px; left: 270px; background: #e7e7e7; position: absolute; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } #header .header_center .aws-container form { height: 100% !important; } #header .header_center .aws-container form .aws-wrapper { width: calc(100% - 50px) !important; height: 100%; } #header .header_center .aws-container form input { padding-left: 20px !important; font-size: 18px; background: transparent !important; border: none !important; } #header .header_center .aws-container .aws-search-btn { width: 50px; height: 50px; margin: 0 !important; background: none !important; border: none !important; } .aws-search-result .aws_result_title { color: var(--color-orange) !important; } #header .header_center .alt_aws_search_button { width: 40px; height: 40px; right: 220px; position: absolute; } #header .header_center .alt_aws_search_button a { width: 100%; height: 100%; padding-top: 11px; background: var(--color-dark) url(images/icon_search_white.svg) no-repeat center; background-size: auto 20px; display: block; position: relative; z-index: 2; cursor: pointer; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } #header .header_center .alt_aws_search_button a:hover { background-color: #000; } #header .header_center .alt_aws_search_button.active a { background-image: url(images/icon_cancel_white.svg); background-size: auto 20px; } /* View categories */ #header .header_center .alt_view_categories { height: 60px; left: 250px; top: 0; padding-left: 20px; border-left: 1px solid var(--color-silver-line); position: absolute; } #header .header_center .alt_view_categories a { width: 210px; height: 40px; padding: 0 15px 0 45px; font-size: 17px; font-weight: 700; color: white; line-height: 40px; background: var(--color-orange) url(images/icon_list_white.svg) no-repeat 10px center; display: inline-block; } #header .header_center .alt_view_categories a:hover { background-color: var(--color-dark); } /* Profile and logout */ #header .header_center .profile { height: 50px; right: 130px; padding-left: 50px; padding-right: 20px; font-size: 17px; font-weight: 700; color: var(--color-dark); line-height: 50px; border-top: 1px solid #e7e7e7; border-bottom: 1px solid #e7e7e7; position: absolute; z-index: 2; } #header .header_center .profile:before { width: 30px; height: 30px; left: 10px; top: 10px; background: url(images/icon_user.svg) no-repeat center; background-size: auto 20px; position: absolute; content: ''; } #header .header_center .profile a { color: var(--color-dark); } #header .header_center .profile a:hover { text-decoration: underline; } /* Cart */ #header .header_center .ajax_cart { height: 40px; right: 0; padding-left: 40px; font-size: 17px; font-weight: 700; text-transform: uppercase; color: var(--color-dark); line-height: 40px; background: url(images/icon_cart.svg) no-repeat left center; background-size: auto 30px; position: absolute; z-index: 3; } #header .header_center .ajax_cart .count { min-width: 24px; height: 24px; left: 15px; top: -7px; padding: 0 5px; font-size: 12px; text-align: center; color: white; line-height: 20px; background: var(--color-orange); border: 2px solid white; position: absolute; -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; } /* Header bottom */ #header .header_bottom { height: 60px; background: var(--color-orange); } #header .header_bottom ul { height: 60px; font-size: 0; position: relative; } #header .header_bottom ul li { height: 100%; vertical-align: top; display: inline-block; position: relative; } #header .header_bottom ul li:after { width: 1px; height: 100%; right: 0; top: 0; background: white; position: absolute; content: ''; opacity: 0.2; } #header .header_bottom ul li.menu-item-71:after { display: none !important; } #header .header_bottom ul li a { padding: 0 20px; font-size: 17px; font-weight: 700; color: white; line-height: 60px; display: block; } #header .header_bottom ul li a:hover { text-decoration: underline; } /* #header .header_bottom ul li.menu-item-16781 a { padding-right: 40px; position: relative; } #header .header_bottom ul li.menu-item-16781 a:after { width: 24px; height: 20px; right: 10px; top: 10px; font-family: 'DM Sans', sans-serif; font-size: 13px; font-weight: 700; text-align: center; color: white; line-height: 22px; background: var(--color-green); position: absolute; content: 'ÚJ'; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } */ #header .header_bottom ul li.view_categories { background: #e1590c; } #header .header_bottom ul li.view_categories a { padding-left: 50px; color: white; background: url(images/icon_list_white.svg) no-repeat 20px center; } #header .header_bottom ul li.view_categories:after { display: none; } #header .header_bottom ul li.my_account { height: 100%; right: 0; top: 0; padding-left: 15px; border-left: 1px solid rgba(255,255,255,0.5); position: absolute; } #header .header_bottom ul li.my_account a { padding-left: 35px; padding-right: 0; } #header .header_bottom ul li.my_account a:before { width: 26px; height: 26px; left: 0; top: 12px; background: white url(images/icon_user.svg) no-repeat center; background-size: auto 16px; position: absolute; content: ''; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } #header .header_bottom ul li.hightlighted, #header .header_bottom ul li.require_product { background: var(--color-red); } #header .header_bottom ul li.blackfriday { background: #111; } #header .header_bottom ul li.require_product:after { display: none !important; } #header .header_bottom ul li.require_product a { padding-left: 50px; text-transform: initial; background: var(--color-red) url(images/icon_dunastore_haztartasi_eszkozok.svg) no-repeat 20px center; background-size: auto 24px; } #header .header_bottom ul li.has_coupon { background: var(--color-red); display: none; } #header .header_bottom ul li.has_coupon:after { display: none !important; } #header .header_bottom ul li.has_coupon a { text-transform: initial; } #header .header_bottom ul li.has_coupon img { width: auto; height: 24px; margin-bottom: 4px; margin-right: 5px; vertical-align: middle; display: inline-block; } /* RWD button */ #header .rwd_button { height: 50px; right: 20px; padding-left: 50px; padding-right: 15px; font-size: 16px; font-weight: 700; color: white; line-height: 50px; background: var(--color-orange); display: inline-block; position: absolute; cursor: pointer; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } #header .rwd_button .burg { width: 40px; height: 40px; top: 5px; left: 5px; position: absolute; } #header .rwd_button .burg:before, #header .rwd_button .burg:after { width: 20px; height: 1px; background: white; position: absolute; content: ''; -moz-transition: 0.2s; -o-transition: 0.2s; -webkit-transition: 0.2s; transition: 0.2s; } #header .rwd_button .burg:before { top: calc(50% - 2px); left: 10px; } #header .rwd_button .burg:after { top: calc(50% + 2px); right: 10px; } /* RWD menu is opened */ body.rwd_menu__opened #header .rwd_button .burg:before { top: 50%; -webkit-transform: rotate(45deg); } body.rwd_menu__opened #header .rwd_button .burg:after { top: 50%; -webkit-transform: rotate(-45deg); } /* Fixed header */ body.fixed_header #header { border-bottom: 1px solid var(--color-silver-line); position: fixed; z-index: 100; -webkit-animation: header_down 1s infinite; -moz-animation: header_down 1s infinite; -o-animation: header_down 1s infinite; animation: header_down 1s infinite; animation-iteration-count: 1; } body.fixed_header #header .header_top, body.fixed_header #header .header_bottom { display: none; } body.fixed_header #header .header_center { height: 60px; } body.fixed_header #header .header_center .profile { display: none; } body.fixed_header #header .alt_view_categories { display: block !important; } body.fixed_header #header .header_center .aws-container { height: 40px; top: 10px; left: 500px; } body.fixed_header #header .header_center .aws-container .aws-search-btn { width: 40px; height: 40px; } /* ------------ GRID ------------ */ .section_grid_layout { margin: 50px 0; } .section_grid_layout .title { margin-bottom: 20px; font-size: 40px; line-height: 100%; } .section_grid_layout .grid_wrap { width: 100%; height: 600px; display: grid; grid-template-areas: "A B D D" "C C D D"; gap: 20px; position: relative; overflow: hidden; } .section_grid_layout .grid_wrap a { height: 100%; color: white; background-color: var(--color-dark); background-repeat: no-repeat; background-position: center; background-size: cover; display: block; position: relative; overflow: hidden; } .section_grid_layout .grid_wrap a h3 { left: 20px; right: 20px; top: 30px; position: absolute; } .section_grid_layout .grid_wrap a .read_more { left: 20px; bottom: -40px; font-size: 14px; font-weight: 500; line-height: 100%; text-decoration: underline; letter-spacing: 1px; position: absolute; } .section_grid_layout .grid_wrap a:hover .read_more { bottom: 30px; } .section_grid_layout .grid_wrap a .cover { width: 100%; height: 100%; left: 0; top: 0; background: rgba(41 41 41 / 10%); position: absolute; } .section_grid_layout .grid_wrap a:hover .cover { background: rgba(41 41 41 / 50%); } /* ----------------------- NEWEST PRODUCTS ----------------------- */ .frontpage_products { padding: 30px 0; } .frontpage_products .product_list_header { margin-bottom: 20px; position: relative; } .frontpage_products .product_list_header .title { font-size: 40px; vertical-align: top; line-height: 100%; display: inline-block; } .frontpage_products .product_list_header .action_buttons { margin-left: 50px; padding-top: 8px; font-size: 0; vertical-align: top; display: inline-block; } .frontpage_products .product_list_header .action_buttons a { height: 30px; margin-right: 40px; font-size: 17px; font-weight: 700; color: var(--color-orange); line-height: 30px; vertical-align: top; border-bottom: 2px dotted var(--color-orange); display: inline-block; } .frontpage_products .product_list_header .action_buttons a:hover { color: var(--color-dark); border-bottom-color: var(--color-dark); } /* --------------------------- CATEGORIES DROPDOWN --------------------------- */ .dropdown_product_cat_wrapper { } .dropdown_product_cat_wrapper select { width: 100%; height: 50px; margin-bottom: 20px; padding-left: 15px; color: white; background: var(--color-orange); } /* ---------------------- BEFORE CONTENT ---------------------- */ #before_content { margin-bottom: 20px; padding: 15px 0; font-size: 15px; line-height: 20px; background: white; border-bottom: 1px solid var(--color-silver-line); } #before_content a { font-weight: 700; text-decoration: underline; color: var(--color-dark); } #before_content a:hover { text-decoration: none; } /* ------------ HERO ------------ */ #hero { margin-bottom: 30px; color: white; background: var(--color-dark); } #hero .hero_wrap { display: flex; flex-wrap: wrap; } #hero .hero_wrap .wrap_left { width: 50%; min-height: 300px; padding-left: calc((100% - 1280px) /2); padding-right: 50px; display: flex; flex-wrap: wrap; align-items: center; align-content: center; position: relative; z-index: 0; overflow: hidden; } #hero .hero_wrap .wrap_left h1 { width: 100%; font-size: 60px; color: white; line-height: 100%; } #hero .hero_wrap .wrap_left .rank-math-breadcrumb { font-weight: 700; } #hero .hero_wrap .wrap_left .rank-math-breadcrumb a { font-weight: 400; text-decoration: underline; color: var(--color-brown); } #hero .hero_wrap .wrap_left .rank-math-breadcrumb a:hover { color: #000; } #hero .hero_wrap .wrap_left .rank-math-breadcrumb .separator { color: var(--color-brown); } #hero .hero_wrap .wrap_right { width: 50%; background-repeat: no-repeat; background-position: center; background-size: cover; } /* --------------- CONTENT --------------- */ #container { padding-top: 20px; padding-bottom: 50px; } body.page-template-contact #container { padding-top: 0; } body.fixed_header #container { padding-top: 200px; } body.home #container, body.woocommerce-checkout #container { padding-bottom: 0; } body.woocommerce-checkout.woocommerce-order-received #container { padding-bottom: 50px; } /* Has sidebar */ #container #has_sidebar { display: flex; justify-content: space-between; } #container #has_sidebar #content { width: calc(100% - 300px); } #content .rank-math-breadcrumb { margin-bottom: 10px !important; font-size: 13px; font-weight: 700; line-height: 18px; } #content .rank-math-breadcrumb p { margin-bottom: 0 !important; } #content .rank-math-breadcrumb a { font-weight: normal; } #content .rank-math-breadcrumb a:hover { text-decoration: none !important; } #content .rank-math-breadcrumb .separator { font-weight: normal; } #content h1 { margin-bottom: 30px; font-size: 50px; line-height: 100%; } #content h2 { margin-bottom: 20px; font-size: 40px; line-height: 100%; } #content h3, #content h2.gls, #content h2.postapont { margin-bottom: 10px; font-size: 25px; font-weight: 700; color: var(--color-orange); line-height: 100%; } #content h2.white, #content h3.white { color: white; } #content h1 .count { height: 30px; margin-left: 10px; padding: 0 10px; font-size: 16px; font-family: 'DM Sans',sans-serif; vertical-align: middle; color: white; line-height: 30px; background: var(--color-dark); display: inline-block; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; } #content p { margin-bottom: 20px; } #content a { text-decoration: underline; color: var(--color-dark); } #content a:hover { color: #000; } #content img { max-width: 100%; height: auto; } /* Table */ #content table.custom_1 { width: 100%; margin-bottom: 20px; border-collapse: collapse; border-spacing: 0; table-layout: fixed; } #content table.custom_1 thead tr th { padding: 10px; font-size: 14px; text-align: left; text-transform: uppercase; color: white; background: var(--color-dark); } #content table.custom_1 tbody tr td { padding: 10px; font-size: 15px; text-align: left; background: white; border: 1px solid var(--color-silver-line); } /* List */ #content ul { margin-bottom: 20px; margin-left: 30px; list-style: square; } #content ol { margin-bottom: 20px; margin-left: 30px; } #content ol li { list-style-type: decimal; } #content ol.lower-alpha li { list-style-type:lower-alpha; } /* Brands */ #content .brands_wrap { display: flex; } #content .brands_wrap .brand { width: 20%; text-align: center; } #content .brands_wrap .brand a { display: block; position: relative; } #content .brands_wrap .brand a.logo:before { padding-top: 80%; display: block; content: ''; } #content .brands_wrap .brand img { width: auto; max-width: 80%; height: auto; max-height: 80%; left: 50%; top: 50%; display: block; position: absolute; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } #content .brands_wrap .brand h3 { margin-bottom: 0 !important; padding-top: 10px; } #content .brands_wrap .brand h3 a { font-size: 16px; text-decoration: none !important; line-height: 20px; } #content .brands_wrap .brand .count { font-weight: 400; color: var(--color-gray); } /* Iframe wrapper */ #content .iframe_wrapper { height: 0; margin-bottom: 30px; padding-bottom: 56.25%; padding-top: 25px; position: relative; } #content .iframe_wrapper iframe { width: 100%; height: 100%; left: 0; top: 0; position: absolute; } /* Open sidebar */ #content .open_sidebar { width: 100%; height: 50px; margin-bottom: 20px; font-size: 17px; font-weight: 700; color: white; line-height: 50px; background: var(--color-orange); cursor: pointer; border-radius: 3px; } #content .open_sidebar:hover, #content .open_sidebar.active { background: var(--color-dark); } #content .open_sidebar img { width: auto; height: 24px; margin-bottom: 4px; vertical-align: middle; display: inline-block; } /* Contact */ #content .email_phone_wrap { margin: 30px 0 50px; padding-bottom: 50px; border-bottom: 2px solid var(--color-silver-line); display: flex; flex-wrap: wrap; } #content .email_phone_wrap .item { flex-grow: 1; flex-basis: 0; } #content .email_phone_wrap .item .subtitle { margin-bottom: 10px; font-size: 15px; font-weight: 500; color: var(--color-brown); line-height: 100%; letter-spacing: 3px; } /* Google */ #GoogleMapscontent #firstHeading { margin-bottom: 10px; font-size: 20px; font-weight: 700; color: var(--color-dark); line-height: 1; } #GoogleMapscontent #bodyContent p { margin-bottom: 5px !important; } /* Product finder */ #content.product_finder .product_finder_header { height: 240px; margin-bottom: 30px; background: url(images/bgr_product_finder.jpg) no-repeat center; background-size: cover; position: relative; } #content.product_finder .product_finder_header h1 { left: 30px; text-shadow: 2px 2px rgba(0,0,0,0.2); color: white; } #content.product_finder .product_finder_header .cover { width: 100%; height: 100%; left: 0; top: 0; background: rgba(41,41,41,0.3); position: absolute; } #content.product_finder .product_finder_content { padding: 30px 50px; background: white; } #content.product_finder .product_finder_content p { font-size: 18px; } /* Black Friday */ #content.black_friday img.hero { width: 100%; max-width: 400px; height: auto; } /* Blog single */ #content .tags { margin-bottom: 20px; font-size: 14px; } #content .tags a { padding: 5px 10px; text-decoration: none !important; color: white !important; background: var(--color-orange); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } #content .tags a:hover { text-decoration: underline !important; } /* ------------ BLOG ------------ */ #blog { padding: 50px 0; background: white; border-top: 1px solid var(--color-silver-line); } #blog h2 { margin-bottom: 30px; font-size: 40px; vertical-align: top; line-height: 100%; } .blog_wrap { margin-left: -20px; margin-right: -20px; display: flex; } .blog_wrap .blog { width: calc(33.3333333333% - 40px); margin: 50px 20px 0; padding-bottom: 50px; position: relative; } .blog_wrap .blog:nth-child(-n+3) { margin-top: 0; } .blog_wrap .blog .thumbnail { background: var(--color-dark); position: relative; overflow: hidden; } .blog_wrap .blog .thumbnail img { width: 100%; height: auto; display: block; } .blog_wrap .blog .thumbnail .datetime { height: 30px; right: 0; bottom: 0; padding: 0 10px; font-size: 13px; color: white; line-height: 30px; background: var(--color-orange); position: absolute; } .blog_wrap .blog .entry { padding-top: 20px; } .blog_wrap .blog .entry h3 { margin-bottom: 20px; font-size: 20px !important; font-weight: 700; line-height: 120%; } .blog_wrap .blog .entry h3 a { text-decoration: none !important; color: var(--color-dark); } .blog_wrap .blog .entry h3 a:hover { text-decoration: underline !important; text-decoration-thickness: 1px; } .blog_wrap .blog .entry .excerpt { font-size: 15px; line-height: 22px; } .blog_wrap .blog .entry .excerpt p:last-child { margin-bottom: 0 !important; } .blog_wrap .blog .read_more { left: 0; bottom: 0; position: absolute; } /* ------------------------ TABLE OF CONTENT ------------------------ */ .ez-toc-counter { margin-bottom: 30px !important; padding: 40px !important; background: white !important; border: 1px solid var(--color-silver-line) !important; -webkit-box-shadow: none !important; box-shadow: none !important; } .ez-toc-counter .ez-toc-title { margin-bottom: 20px !important; font-size: 20px !important; font-weight: 700 !important; color: #000 !important; display: block !important; } .ez-toc-counter ul { margin-left: 0 !important; margin-bottom: 0 !important; list-style: none !important; } .ez-toc-counter ul li { margin-bottom: 5px !important; padding-left: 30px !important; position: relative; list-style: none !important; } .ez-toc-counter ul li:last-child { margin-bottom: 0; } .ez-toc-counter ul li:before { left: 0; margin-right: 1em; color: var(--color-blue); position: absolute; content: '→'; } .ez-toc-counter ul li a { color: var(--color-blue) !important; } .ez-toc-counter ul li a:hover { color: var(--color-body-text) !important; } .ez-toc-counter ul li a:before { display: none !important; } /* --------------- SIDEBAR --------------- */ #sidebar { width: 250px; z-index: 99; } #sidebar .sidebar_wrap { top: 80px; position: sticky; } #sidebar .widget { margin-bottom: 50px; } #sidebar .close_sidebar { width: 100%; height: 40px; left: 0; top: 0; font-size: 17px; font-weight: 700; text-transform: uppercase; color: white; line-height: 40px; background-color: var(--color-orange); display: block; position: absolute; cursor: pointer; } #sidebar .close_sidebar:hover { background-color: var(--color-dark); } #sidebar .widget-title, #sidebar .widget_title { margin-bottom: 10px; font-size: 22px; font-weight: 700; color: var(--color-dark); line-height: 100%; } /* Price filter */ #sidebar .widget.widget_price_filter .screen-reader-text { display: none; } #sidebar .widget.widget_price_filter .price_slider_amount { margin-top: 10px; display: flex; } #sidebar .widget.widget_price_filter .price_slider_amount .button { width: 100%; height: 40px; line-height: 40px; order: 2; } #sidebar .widget.widget_price_filter .price_slider_amount .price_label { width: 100%; margin-bottom: 10px; font-size: 16px; font-weight: 700; text-align: center; order: 1; } /* Product categories */ #sidebar .widget.widget_product_categories ul { } #sidebar .widget.widget_product_categories ul li { border-bottom: 1px solid var(--color-silver-line); list-style: none; } #sidebar .widget.widget_product_categories ul li a { margin: 10px 0; font-size: 16px; font-weight: 700; color: var(--color-dark); line-height: 100%; display: inline-block; } #sidebar .widget.widget_product_categories ul li a:hover { text-decoration: underline; } #sidebar .widget.widget_product_categories ul li ul { margin-left: 20px; } #sidebar .widget.widget_product_categories ul li ul { margin-bottom: 10px; } #sidebar .widget.widget_product_categories ul li ul li { border-bottom: none; list-style: disc; } #sidebar .widget.widget_product_categories ul li ul li a { margin: 5px 0; font-weight: normal; } #sidebar .widget.widget_product_categories ul li ul li ul { } /* -------------------------- FACEBOOK PAGE LIKE -------------------------- */ #facebook_page_like { padding: 20px 0; text-align: center; background: white; border-top: 1px solid var(--color-silver-line); } #facebook_page_like .fb-page { margin: auto; display: block; } /* --------------- FOOTER --------------- */ #footer { color: #ccc; background: var(--color-dark); } #footer p { margin-bottom: 20px; } #footer h3 { margin-bottom: 20px; font-size: 20px; font-weight: 700; color: white; line-height: 1; } /* Footer top */ #footer .footer_top { height: 100px; border-bottom: 1px solid rgba(255,255,255,0.15); } #footer .footer_top .part { height: 100px; padding: 0 50px; vertical-align: top; display: inline-block; } #footer .footer_top .part a { font-size: 22px; font-weight: 700; color: white; display: block; } #footer .footer_top .part a:hover { text-decoration: underline; } #footer .footer_top .part.logo { background: var(--color-orange); } #footer .footer_top .part.logo img { width: auto; height: 24px; margin: auto; display: block; } #footer .footer_top .part.has_icon a { padding-left: 50px; line-height: 30px; background-repeat: no-repeat; background-position: left center; background-size: auto 30px; } #footer .footer_top .part.phone a { background-image: url(images/icon_phone_white.svg); } #footer .footer_top .part.email a { background-image: url(images/icon_email_white.svg); } /* Footer center */ #footer .footer_center .inner { padding-top: 50px; padding-bottom: 30px; } #footer .footer_center ul { list-style: none; } #footer .footer_center ul li a { padding: 5px 0 5px 20px; font-size: 17px; color: #ccc; display: block; position: relative; } #footer .footer_center ul li a:hover { text-decoration: underline; color: white; } #footer .footer_center ul li a:before { width: 4px; height: 4px; left: 5px; top: 14px; background: var(--color-orange); position: absolute; content: ''; } #footer .footer_center ul li.cli_settings_button { background: transparent !important; } #footer .footer_center .col_partners a { display: block; } #footer .footer_center .col_partners img { max-width: 200px; height: auto; display: block; } #footer .footer_center .aboutus { font-size: 14px; line-height: 20px; } #footer .footer_center .aboutus .inner { padding-top: 0; padding-bottom: 20px; text-align: left !important; } #footer .footer_center .copyright .inner { padding-top: 20px; padding-bottom: 20px; border-top: 1px solid rgba(255,255,255,0.15); } /* Footer bottom */ #footer .footer_bottom { padding: 10px 0; background: white; } #footer .footer_bottom img { max-width: 100%; height: auto; margin: auto; display: block; } /* ----------------- SCROLL UP ----------------- */ #scrollUp { width: 50px; height: 50px; right: 20px; bottom: 20px; text-indent: -9999px; background: var(--color-orange) url(images/icon_arrow_up_white.svg) no-repeat center; background-size: 12px auto; position: fixed; z-index: 99 !important; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } #scrollUp:hover { background-color: #ec5b0c; } /* -------------------- CONTACT FORM -------------------- */ .wpcf7-form br { display: none; } /* ------------- OTHER ------------- */ .blink_me { -webkit-animation: blinker 1s linear infinite; -moz-animation: blinker 1s linear infinite; -o-animation: blinker 1s linear infinite; animation: blinker 1s linear infinite; } @keyframes blinker { 50% { opacity: 0.5; } } @-webkit-keyframes blinker { 50% { opacity: 0.5; } } /* ----------------- KEYFRAMES ----------------- */ @-webkit-keyframes header_down { from { top: -70px; } to { top: 0; } } @-moz-keyframes header_down { from { top: -70px; } to { top: 0; } } @-o-keyframes header_down { from { top: -70px; } top { top: 0; } } @keyframes header_down { from { top: -70px; } to { top: 0; } } /* ------------------ RWD DESIGN ------------------ */ @media only screen and (max-width: 1400px) { /* HEADER: Header bottom */ #header .header_bottom { height: 50px; } #header .header_bottom ul { height: 50px; } #header .header_bottom ul li a { font-size: 17px; line-height: 50px; } } @media only screen and (max-width: 1280px) { /* DISPLAY: None */ .hide_in_1200, .hide_in_1280 { display: none !important; } /* DISPLAY: Block */ .show_in_1200, .show_in_1280 { display: block !important; } /* DEFAULT */ .p_l_30, .p_l_20 { padding-left: 20px; } .p_r_30, .p_r_20 { padding-right: 20px; } /* HEADER: Search */ #header .header_center .aws-container { width: calc(100% - 700px); } /* HEADER: Profile and logout */ #header .header_center .profile { right: 150px; } /* HEADER: Cart */ #header .header_center .ajax_cart { right: 20px; } /* HEADER: Header bottom */ #header .header_bottom ul li a { padding: 0 10px; font-size: 16px; } /* GRID */ .section_grid_layout .grid_wrap { height: 550px; } /* CONTENT: Blog */ .blog_wrap { margin-left: -10px; margin-right: -10px; } .blog_wrap .blog { width: calc(33.3333333333% - 20px); margin: 50px 10px 0; } /* HERO */ #hero .hero_wrap .wrap_left { padding-left: 20px; } /* FOOTER: Footer top */ #footer .footer_top .part { padding: 0 30px; } } @media only screen and (max-width: 960px) { /* DISPLAY: None */ .hide_in_960 { display: none !important; } /* DISPLAY: Block */ .show_in_960 { display: block !important; } /* DEFAULT */ .inner.archive_inner { display: block; } /* WARNING TEXT */ .warning_text { margin-top: 0; } /* HEADER */ #header { margin-bottom: 0; } /* HEDER: Header top */ #header .header_top ul li { margin-left: 10px; padding-left: 0; } #header .header_top ul li:before { display: none; } /* HEADER: Logo */ #header .header_center .logo { width: 150px; height: 24px; } /* HEADER: Search */ #header .header_center .aws-container { display: none !important; } /* HEADER: Search */ #header .header_center .aws-container { width: calc(100% - 450px); left: 230px; } /* HEADER: Cart */ #header .header_center .ajax_cart { right: 150px; } /* GRID */ .section_grid_layout .grid_wrap { height: 1000px; grid-template-areas: "A A B B" "C C C C" "D D D D"; } .section_grid_layout .grid_wrap a .cover { background: rgba(41 41 41 / 50%); } /* CONTENT: Has sidebar */ #container #has_sidebar #content { width: 100%; } /* CONTENT: Blog */ .blog_wrap .blog { width: calc(50% - 20px); } .blog_wrap .blog:nth-child(3) { margin-top: 50px; } body.home .blog_wrap .blog:nth-child(3) { display: none; } /* CONTENT: Brands */ #content .brands_wrap .brand { width: 33.3333333333%; } /* SIDEBAR */ #sidebar { width: 300px; height: 100%; left: -100%; top: 0; background: white; border-right: 1px solid var(--color-silver-line); float: none; position: fixed; z-index: 99; overflow: auto; } body.opened_sidebar #sidebar { left: 0; } #sidebar .widget-title, #sidebar .widget_title { font-size: 18px; } #sidebar .sidebar_wrap { top: auto; padding: 60px 20px 20px; position: relative; } #sidebar .woof_container { border: none; border-bottom: 1px solid var(--color-silver-line); } /* FOOTER: Footer top */ #footer .footer_top { height: 80px; } #footer .footer_top .part { height: 80px; padding: 0 20px; } #footer .footer_top .part a { font-size: 20px; } #footer .footer_top .part.logo img { height: 20px; } /* FOOTER: Footer center */ #footer .footer_center .row { font-size: 0; display: block; } #footer .footer_center .row .col { width: 50%; vertical-align: top; display: inline-block; } #footer .footer_center .row .col:nth-child(1), #footer .footer_center .row .col:nth-child(2) { margin-bottom: 30px; } } @media only screen and (max-width: 768px) { /* DISPLAY: None */ .hide_in_768 { display: none !important; } /* DISPLAY: Block */ .show_in_768 { display: block !important; } /* HEADER: Header top */ #header .header_top .left { float: none; } #header .header_top .part.free_delivery { text-align: center; display: block; } #header .header_top .part.free_delivery .free_shipping_status { display: inline-block; } /* GRID */ .section_grid_layout .grid_wrap { height: 800px; grid-template-areas: "A A B B" "C C C C" "D D D D"; } /* HERO */ #hero .hero_wrap .wrap_left { width: 100%; min-height: inherit; padding: 20px; } #hero .hero_wrap .wrap_left h1 { font-size: 40px; } /* CONTENT */ #content h1 { font-size: 6vw; } #content h2 { font-size: 5vw; } /* CONTENT: Product finder */ #content.product_finder .product_finder_header { height: 200px; } #content.product_finder .product_finder_header h1 { left: 20px; } #content.product_finder .product_finder_content { padding: 20px; } /* CONTENT: Black Friday */ #content.black_friday .clock { zoom: 0.7; } /* TABLE OF CONTENT */ .ez-toc-counter { padding: 30px 20px !important; } /* FOOTER: Footer top */ #footer .footer_top { height: auto; } #footer .footer_top .part { height: auto; padding: 20px; text-align: center; display: block; } #footer .footer_top .part a { font-size: 22px; display: inline-block; } #footer .footer_top .part .vertical_middle { top: auto; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } #footer .footer_top .part.phone { border-bottom: 1px solid rgba(255,255,255,0.15); } #footer .footer_top .part.logo img { margin: auto; } /* Footer center */ #footer .footer_center .inner { padding-top: 30px; padding-bottom: 30px; } } @media only screen and (max-width: 640px) { /* DISPLAY: None */ .hide_in_640 { display: none !important; } /* DISPLAY: Block */ .show_in_640 { display: block !important; } /* MODAL */ .fancybox-container .modal_added_to_cart { padding: 20px; } .fancybox-container .modal_added_to_cart h3 { font-size: 26px; } .mfp-content .mfp-close { right: 10px !important; top: 20px !important; } .fancybox-container .modal_added_to_cart .mfp-close { right: 10px !important; top: -20px !important; } /* RWD NAV */ #rwd_menu .rwd_menu_wrap { width: calc(100% - 20px); } /* HEADER: Header top */ #header .header_top .left { float: none; } #header .header_top .part.free_delivery { text-align: center; display: block; } #header .header_top .part.free_delivery .free_shipping_status { display: inline-block; } /* HEADER: Logo */ #header .header_center .logo { width: 130px; height: 20px; } /* HEADER: Search */ #header .header_center .alt_aws_search_button { right: 200px; } /* CONTENT */ #content h1 { font-size: 7vw; } #content h2 { font-size: 6vw; } /* CONTENT: Product finder */ #content.product_finder .product_finder_header { height: 150px; } /* CONTENT: Black Friday */ #content.black_friday .clock { zoom: 0.6; } /* CONTENT: Blog */ .blog_wrap { width: 100%; max-width: 600px; margin-left: auto; margin-right: auto; } .blog_wrap .blog { width: 100%; margin: 50px 0 0; } .blog_wrap .blog:nth-child(2) { margin-top: 50px; } /* CONTENT: Brands */ #content .brands_wrap .brand { width: 50%; } } @media only screen and (max-width: 480px) { /* DISPLAY: None */ .hide_in_480 { display: none !important; } /* DISPLAY: Block */ .show_in_480 { display: block !important; } /* MODAL */ .fancybox-container .modal_added_to_cart .thumbnail { width: 80px; height: 80px; } .fancybox-container .modal_added_to_cart h3 { font-size: 20px; } .fancybox-container .modal_added_to_cart .thumbnail { margin-bottom: 20px; } .fancybox-container .modal_added_to_cart .thumbnail img { max-width: 70px; max-height: 70px; } .fancybox-container .modal_added_to_cart .datas { width: calc(100% - 80px); padding-top: 0; } .fancybox-container .modal_added_to_cart .datas h4 { margin-bottom: 10px; font-size: 17px; line-height: 1; } .fancybox-container .modal_added_to_cart .datas .price { margin-bottom: 10px; } /* RWD NAV */ #rwd_menu .rwd_menu_section { padding-left: 20px; padding-right: 20px; } #rwd_menu .rwd_menu_section.useful_info { padding-top: 30px; padding-bottom: 30px; } /* RWD NAV: RWD menu header */ #rwd_menu .rwd_header { height: 80px; } #rwd_menu .rwd_header img { left: 20px; } #rwd_menu .rwd_header img { width: auto !important; height: 18px !important; left: 20px; } #rwd_menu .rwd_header .rwd_button { right: 20px; } #rwd_menu ul.primary_menu li ul { margin-left: -20px; margin-right: -20px; } #rwd_menu ul.primary_menu li ul li a { padding: 15px 20px 15px; } /* WARNING TEXT */ .warning_text { font-size: 15px; } /* HEADER: Header top */ #header .header_top .left { float: none; } #header .header_top .part.free_delivery { text-align: center; display: block; } #header .header_top .part.free_delivery .free_shipping_status { display: inline-block; } /* HEADER: Logo */ #header .header_center .logo { width: 114px; height: 18px; } /* HEADER: Search */ #header .header_center .alt_aws_search_button { right: 140px; } /* HEADER: Cart */ #header .header_center .ajax_cart { width: 40px; font-size: 0; } #header .header_center .ajax_cart .count { font-size: 12px; } /* CONTENT */ #content h1 { margin-bottom: 20px; font-size: 8vw; } #content h2 { font-size: 7vw; } /* CONTENT: Product finder */ #content.product_finder .product_finder_header { height: 120px; } /* CONTENT: Black Friday */ #content.black_friday .clock { zoom: 0.5; } /* CONTENT: Christmas */ body.christmas #container { padding-bottom: 150px; background-size: 200% auto; } /* SCROLL UP */ #scrollUp { width: 40px; height: 40px; right: 0; bottom: 0; -webkit-border-radius: 3px 0 0 0; -moz-border-radius: 3px 0 0 0; border-radius: 3px 0 0 0; } /* FOOTER: Footer center */ #footer .footer_center .row .col { width: 100%; margin-bottom: 30px; text-align: center; display: block; } #footer .footer_center .row .col:last-child { margin-bottom: 0; } #footer .footer_center ul li a { display: inline-block; } #footer .footer_center .col_partners { text-align: center; } #footer .footer_center .col_partners img { max-width: 250px; margin: auto; } #footer .footer_center .aboutus .inner { text-align: justify !important; } } @media only screen and (max-width: 320px) { /* DISPLAY: None */ .hide_in_320 { display: none !important; } /* DISPLAY: Block */ .show_in_320 { display: block !important; } /* HEADER: Header top */ #header .header_top .left { float: none; } #header .header_top .part.free_delivery { text-align: center; display: block; } #header .header_top .part.free_delivery .free_shipping_status { display: inline-block; } /* CONTENT: Black Friday */ #content.black_friday .clock { zoom: 0.4; } /* FOOTER: Footer center */ #footer h3 { font-size: 22px; } /* FOOTER: Footer center */ #footer .footer_center .col_partners img { max-width: 80%; } }