/* * @category CodeDESIGN * @package CodeDESIGN_CustomScripts * @subpackage Module * @file /app/code/CodeDESIGN/CustomScripts/view/frontend/web/css/codedesign_custom_frontend.css * @copyright Copyright (C) 2006 - 2025 codeDESIGN | Milos Mandic / All rights reserved. * @link https://www.filterverlag.de * @author codeDESIGN | Milos Mandic */ /* codeDESIGN - codedesign_custom_frontend.css */ @charset "utf-8"; /* https://play.tailwindcss.com/ */ /* https://nerdcave.com/tailwind-cheat-sheet */ /* CUSTOM CSS FOR MAGENTO 2 FRONTEND */ html, body { hyphens: auto; -moz-hyphens: auto; -webkit-hyphens: auto; -ms-hyphens: auto; -webkit-locale: 'de'; -webkit-text-size-adjust: none; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } body b, body strong { font-weight: 600 !important; } /* APPLIES TO GIF AND PNG IMAGES; AVOIDS BLURRY EDGES */ img_off[src$=".gif"], img_off[src$=".png"], img_off[src$=".jpg"], img_off[src$=".webp"] { image-rendering: optimizeSpeed; /* Legal fallback */ image-rendering: -moz-crisp-edges; /* Firefox */ image-rendering: -o-crisp-edges; /* Opera */ image-rendering: -webkit-optimize-contrast; /* Safari */ image-rendering: optimize-contrast; /* CSS3 Proposed */ image-rendering: crisp-edges; /* CSS4 Proposed */ image-rendering: pixelated; /* CSS4 Proposed */ -ms-interpolation-mode: nearest-neighbor; /* IE8+ */ } /* img { image-rendering: auto; image-rendering: crisp-edges; image-rendering: pixelated; } */ /* TAILWIND BREAKPOITNS *px AND ABOVE */ @media (min-width:640px) { } @media (min-width:768px) { } @media (min-width:1024px) { } @media (min-width:1280px) { } @media (min-width:1536px) { } /* TAILWIND BREAKPOITNS *px AND BELOW */ @media (max-width: 639px) { } @media (max-width: 767px) { } @media (max-width: 1023px) { } @media (max-width: 1279px) { } @media (max-width: 1534px) { } /* GLOBAL CSS VARIABLES */ :root { scrollbar-color: #1293D5 #F8F8F8; --ci_color: #1293D5; --ci_color_hover: #43A8DC; --ci_color_grey: #e5e7eb; --ci_color_grey_hover: #ccd1d5; --ci_color_white: #ffffff; --ci_color_white_hover: #e5e7eb; --ci_color_black: #242424; --ci_color_black_hover: #3c3c3c; --ci_color_font: #1293D5; --ci_color_font_hover: #43A8DC; --ci_color_font_white: #ffffff; --ci_color_font_white_hover: #ffffff; --ci_color_font_black: #242424; --ci_color_font_black_hover: #3c3c3c; --ci_color_font_grey: #acacac; --ci_color_font_grey_hover: #888888; --ci_color_grey_light: #e5e7eb; --ci_color_grey_light_hover: #ccd1d5; --ci_color_grey_lighter: #f4f4f4; --ci_color_grey_lighter_hover: #e5e7eb; --ci_color_accent: #1293D5; --ci_color_accent_hover: #43A8DC; --ci_color_accent_font: #ffffff; --ci_color_accent_black: #242424; --ci_color_accent_black_hover: #3c3c3c; --ci_color_accent_black_font: #ffffff; --ci_color_accent_1: #1293D5; --ci_color_accent_1_hover: #43A8DC; --ci_color_accent_2: #e5e7eb; --ci_color_accent_2_hover: #ccd1d5; --ci_color_accent_3: #242424; --ci_color_accent_3_hover: #3c3c3c; --project-color-1: #1293D5; --project-color-2: #43A8DC; --project-color-3: #e5e7eb; --project-color-4: #ccd1d5; --project-color-5: #242424; --project-color-6: #3c3c3c; --font-h1: 500 28px/28px 'Plus Jakarta Sans','Open Sans','Helvetica Neue',Helvetica,Arial,sans-serif; --font-h2: 500 24px/24px 'Plus Jakarta Sans','Open Sans','Helvetica Neue',Helvetica,Arial,sans-serif; --font-h3: 600 18px/26px 'Plus Jakarta Sans','Open Sans','Helvetica Neue',Helvetica,Arial,sans-serif; --font-h4: 600 16px/26px 'Plus Jakarta Sans','Open Sans','Helvetica Neue',Helvetica,Arial,sans-serif; --font-h5: 600 16px/26px 'Plus Jakarta Sans','Open Sans','Helvetica Neue',Helvetica,Arial,sans-serif; --font-extra-small: 500 11px/11px 'Plus Jakarta Sans','Open Sans','Helvetica Neue',Helvetica,Arial,sans-serif; --border_bottom-headings: 1px solid #e2e2e2; --border_bottom-headings-white: 1px solid #ffffff; } /* MAIN FONT DEFINITIONS */ html, body { background: #f2f2f2; font-family: 'Plus Jakarta Sans','Open Sans','Helvetica Neue',Helvetica,Arial,sans-serif; font-size: 14px; /* font-weight: 300; line-height: 26px; */ color: #242424; } .main_font { font-family: 'Plus Jakarta Sans','Open Sans','Helvetica Neue',Helvetica,Arial,sans-serif; } .main_font_headline { font-family: 'Plus Jakarta Sans','Open Sans','Helvetica Neue',Helvetica,Arial,sans-serif; } .main_font_content { font-family: 'Plus Jakarta Sans','Open Sans','Helvetica Neue',Helvetica,Arial,sans-serif; } /* DEFAULT SYSTEM MESSAGES COLORS success || notice || warning || error || default */ .page.messages_ { position: absolute; right: 0px; top: 0px; z-index: 9999; } div.message.success, div.message.notice, div.message.warning, div.message.error, div.message.info { font-weight: normal; font-size: 13px; border-width: 0px; } div.message.success, div.message.message_success { background: #ecfdf5; border-color: #10b981; } div.message.notice, div.message.message_notice { background: #eff6ff; border-color: #3b82f6; } div.message.warning, div.message.message_warning { background: #fffbeb; border-color: #f59e0b; } div.message.error, div.message.message_error { background: #fef2f2; border-color: #ef4444; } div.message.default, div.message.message_default { background: #ffffff; border-color: #e2e2e2; } div.message-icon-border { height: 100%; width: 3px; } div.message-icon-border.success { background: #10b981; } div.message-icon.success { color: #10b981; } div.message-icon-border.notice { background: #3e72c5; } div.message-icon.notice { color: #3e72c5; } div.message-icon-border.warning { background: #f59e0b; } div.message-icon.warning { color: #f59e0b; } div.message-icon-border.error { background: #ea6868; } div.message-icon.error { color: #ea6868; } div.message-icon-border.default { background: #e2e2e2; } div.message-icon.default { color: #242424; } /* SYSTEM ERROR MESSAGES */ /* WE ASSUME THAT THEY ALL COME IN UL LI */ fieldset .field.field-reserved ul, form .field.field-reserved ul { font-size: 13px; line-height: inherit; } fieldset .field.field-error .messages, form .field.field-error .messages { width: 100%; max-width: 100%; color: #242424; /* color: rgb(220 38 38/var(--tw-text-opacity)); max-width: -moz-fit-content; max-width: fit-content; */ } ul.messages li[data-msg-field], ul.messages[aria-live="polite"] li[data-msg-field] { background: rgb(243, 244, 246); border-color: #ef4444; margin: 10px 0px 0px 0px; padding: 6px 6px 6px 6px; border-width: 1px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; font-size: 13px; line-height: inherit; } /* BASIC ELEMENTS */ /* TODO MOVE TO TAILWIND */ .btn, .btn-primary, .actions-toolbar .primary button, .hyva_checkout-index-index .btn, .ambar-btn-accept { background-color: var(--ci_color_black); font-size: 11px; line-height: 30px; color: var(--ci_color_font_white); border: none; /* -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; */ -moz-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; --tw-shadow: 0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1); --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow,0 0 #242424),var(--tw-ring-shadow,0 0 #242424),var(--tw-shadow); } .btn-secondary, .hyva_checkout-index-index .btn-secondary, .ambar-btn-decline, .ambar-btn-settings { background-color: var(--ci_color_white) !important; background: linear-gradient(to right, #242424 0, #242424 100%) no-repeat right 100%; background-size: 0 100%; transition: background-size .5s ease,color .5s ease; font-size: 11px; line-height: 30px; color: var(--ci_color_font_black); border: none; /* -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; */ /* -moz-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; */ --tw-shadow: 0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1); --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow,0 0 #242424),var(--tw-ring-shadow,0 0 #242424),var(--tw-shadow); } .btn:hover, .btn-primary:hover, .btn-primary:hover, .actions-toolbar .primary button:hover, .hyva_checkout-index-index .btn-secondary:hover, .ambar-btn-accept:hover, .ambar-btn-decline:hover, .ambar-btn-settings:hover { background-color: var(--ci_color_black_hover); color: var(--ci_color_font_white); } .btn-secondary:hover, .ambar-btn-decline:hover, .ambar-btn-settings:hover { background-position: left 100%; background-size: 100% 100%; color: var(--ci_color_font_white); } .btn-with-icon-and-wording svg { margin: 0px 15px 0px 0px; } .actions-toolbar { border-color: #e7e7e7; } [type="checkbox"] { border: 1px solid #242424; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } [type="radio"] { border: 1px solid #242424; } [type="checkbox"]:checked, [type="radio"]:checked { background-color: #242424; border: 1px solid #242424; } [type="checkbox"]:focus, [type="checkbox"]:hover, [type="radio"]:focus, [type="radio"]:hover { outline: none; border: 1px solid var(--ci_color); -moz-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; } [type="checkbox"]:checked:focus, [type="checkbox"]:checked:hover, [type="checkbox"]:indeterminate, [type="radio"]:checked:focus, [type="radio"]:checked:hover { background-color: var(--ci_color); outline: none; border: 1px solid var(--ci_color); -moz-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; } input[type="button"]:focus, input[type="checkbox"]:focus, input[type="color"]:focus, input[type="date"]:focus, input[type="datetime-local"]:focus, input[type="email"]:focus, input[type="file"]:focus, input[type="hidden"]:focus, input[type="image"]:focus, input[type="month"]:focus, input[type="number"]:focus, input[type="password"]:focus, input[type="radio"]:focus, input[type="range"]:focus, input[type="reset"]:focus, input[type="search"]:focus, input[type="submit"]:focus, input[type="tel"]:focus, input[type="text"]:focus, input[type="time"]:focus, input[type="url"]:focus, input[type="week"]:focus { outline: none; border: 1px solid var(--ci_color) !important; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .form-email, .form-input, .form-multiselect, .form-select:not(.sorter-options), .form-textarea { border: 1px solid #e7e7e7; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .form-input-text { min-height: 44px; font-size: 14px; line-height: 14px; border: 1px solid #e7e7e7; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; --tw-shadow: 0px 1px 2px 0px #0000000d; --tw-shadow-colored: 0px 1px 2px 0px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow); } .field.required > label::after { top: 4px; --tw-icon-size: 0.7em; } address { font-style: normal; } .card { border: 0px solid #e7e7e7; /* -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; */ -moz-box-shadow: 3px 5px 30px 0px rgba(36, 36, 36, 0.15); -webkit-box-shadow: 3px 5px 30px 0px rgba(36, 36, 36, 0.15); box-shadow: 3px 5px 30px 0px rgba(36, 36, 36, 0.15); -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; } #amexfee-form .card { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .text-blue-600 { color: #242424; -moz-transition: color 0.5s ease 0s; -webkit-transition: color 0.5s ease 0s; -o-transition: color 0.5s ease 0s; transition: color 0.5s ease 0s; } .hover\:text-blue-600:hover { --tw-text-opacity: 1; color: var(--ci_color); } .border-gray-300 { border-color: #e7e7e7; } /* OVERLAY / BACKDROP / CART PANEL */ .backdrop { background-color: #ffffff; background-color: rgba(255, 255, 255, 0.5); position: fixed; inset: 0; display: flex; } /* LOGO */ /* LOGO HEADER */ div.header_logo { max-width: 220px; } /* LOGO CHECKOUT HEADER */ div.checkout_header_logo { max-width: 220px; padding: 40px 0px 40px 0px; } /* LOGO FOOTER */ div.footer_logo { max-width: 220px; padding: 40px 0px 40px 0px; -moz-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; } @media (max-width: 1023px) { div.footer_logo { max-width: 220px; padding: 40px 0px 60px 0px; } } @media (max-width: 767px) { div.footer_logo { max-width: 220px; padding: 20px 0px 80px 0px; } } /* TEXT COLORS */ .text-color-grey { color: #acacac; } /* HEADLINES */ h1.page-title, div.custom_modal_content h2, div.am-custom-tabs-wrapper div.am-tabs div.am-tabs-item div.tab-content-title-wrapper div.tab-content-title { width: 100%; font: var(--font-h1); color: var(--ci_color_black); letter-spacing: -1px; margin: 10px 0px 15px 0px; padding: 0px 0px 10px 0px; position: relative; border-bottom: var(--border_bottom-headings); } body.cms-page-view div.column.main h2, div.column.main div.custom_category_attributes_below_pagination h2 { font: var(--font-h2); color: var(--ci_color_black); letter-spacing: 0px; margin: 10px 0px 15px 0px; padding: 0px 0px 10px 0px; position: relative; border-bottom: var(--border_bottom-headings); } .h3_style, body.cms-page-view div.column.main h3, body.cms-b2b-antrag h2, div.column.main div.custom_category_attributes_below_pagination h3, fieldset.fieldset legend.legend h3, div.block-new-customer div.block-title h2, fieldset.fieldset.user-defined div.admin__legend.step-title h3, body.customer-account-index h2.mb-6.text-2xl.block-title, body.customer-account-edit fieldset.fieldset.info legend.legend span, body.customer-address-index div.block-title, body.customer-address-form div.text-2xl.mb-6, body.customer-address-form fieldset.fieldset legend.legend span, body.newsletter-manage-index div.text-2xl.mb-6 span, body.additionalemails-email-index div.block-title, div.am-custom-tabs-wrapper div.am-tabs div.am-tabs-item div.tab-content.card h2, div.am-custom-tabs-wrapper div.am-tabs div.am-tabs-item div.tab-content.card h3, div.am-custom-tabs-wrapper div.am-tabs div.am-tabs-item div.amfaq-product-tab div.block-title, div.am-sitemap div.am-sitemap-section h2, div.am-sitemap div.am-sitemap-section div.am-sitemap-list dt, div.text-ambar-policy-content h5, div.custom_modal_content h3, div.custom_category_search h3, div.sticky_add_to_cart_title, div.checkout_cart_custom_cms_block h5, div.checkout-terms-conditions-list-item-content h3, div.am-cookie-bar-settings div.header h3, div.cookie-group-info div.group-title h3, div.amgdpr-policy-popup-content h3, div.amblog-post-content h2, div.amblog-post-content h3, div.amblog-post-container div.amblog-post-title a.post-title, nav.navigation-main-top h3.navigation_category_title, body.iframe-product-view div.page-wrapper main.page-main h1.page-title, div.am-custom-tabs-wrapper div.am-tabs div.am-tabs-item div.custom_product_attributes_manufacturer_details div.tab-content-title-wrapper div.tab-content-title { font: var(--font-h3); color: var(--ci_color_black); letter-spacing: 0px; margin: 10px 0px 15px 0px; padding: 0px 0px 10px 0px; position: relative; border-bottom: var(--border_bottom-headings); } fieldset.fieldset legend.legend, div.am-cookie-bar-settings div.header h3, div.cookie-group-info div.group-title h3, div.amblog-post-container div.amblog-post-title { width: 100%; } body.customer-account-edit fieldset.fieldset.info legend.legend span, body.newsletter-manage-index div.text-2xl.mb-6 span, body.customer-address-form fieldset.fieldset legend.legend span, div.amblog-post-container div.amblog-post-title a.post-title { width: 100%; display: inline-block; } .h3_style, fieldset.fieldset legend.legend h3, div.block-new-customer div.block-title h2, fieldset.fieldset.user-defined div.admin__legend.step-title h3, body.customer-account-index h2.mb-6.text-2xl.block-title, body.customer-address-index div.block-title, body.newsletter-manage-index div.text-2xl.mb-6 span, body.customer-account-edit fieldset.fieldset.info legend.legend span, body.customer-address-form div.text-2xl.mb-6, body.customer-address-form fieldset.fieldset legend.legend span, body.additionalemails-email-index div.block-title, div.am-sitemap div.am-sitemap-section div.am-sitemap-list dt, div.amgdpr-policy-popup-content h3, div.custom_category_search h3, div.sticky_add_to_cart_title, nav.navigation-main-top h3.navigation_category_title { margin: 0px 0px 15px 0px; } div.am-cookie-bar-settings div.header h3, div.cookie-group-info div.group-title h3, div.amblog-post-container div.amblog-post-title a.post-title { margin: 0px 0px 0px 0px; } div.amblog-post-content h2, div.amblog-post-content h3 { margin: 10px 0px 0px 0px; } h1.page-title:after, .h3_style:after, div.custom_modal_content h2:after, body.cms-page-view div.column.main h2:after, body.cms-page-view div.column.main h3:after, body.cms-b2b-antrag h2:after, div.column.main div.custom_category_attributes_below_pagination h2:after, div.column.main div.custom_category_attributes_below_pagination h3:after, fieldset.fieldset legend.legend h3:after, div.block-new-customer div.block-title h2:after, fieldset.fieldset.user-defined div.admin__legend.step-title h3:after, body.customer-account-index h2.mb-6.text-2xl.block-title:after, body.customer-account-edit fieldset.fieldset.info legend.legend span:after, body.customer-address-index div.block-title:after, body.newsletter-manage-index div.text-2xl.mb-6 span:after, body.customer-address-form div.text-2xl.mb-6:after, body.customer-address-form fieldset.fieldset legend.legend span:after, body.additionalemails-email-index div.block-title:after, div.am-custom-tabs-wrapper div.am-tabs div.am-tabs-item div.tab-content-title-wrapper div.tab-content-title:after, div.am-custom-tabs-wrapper div.am-tabs div.am-tabs-item div.tab-content.card h2:after, div.am-custom-tabs-wrapper div.am-tabs div.am-tabs-item div.tab-content.card h3:after, div.am-custom-tabs-wrapper div.am-tabs div.am-tabs-item div.amfaq-product-tab div.block-title:after, div.am-sitemap div.am-sitemap-section h2:after, div.am-sitemap div.am-sitemap-section div.am-sitemap-list dt:after, div.text-ambar-policy-content h5:after, div.custom_modal_content h3:after, div.custom_category_search h3:after, div.sticky_add_to_cart_title:after, div.checkout_cart_custom_cms_block h5:after, div.checkout-terms-conditions-list-item-content h3:after, div.am-cookie-bar-settings div.header h3:after, div.cookie-group-info div.group-title h3:after, div.amgdpr-policy-popup-content h3:after, div.amblog-post-content h2:after, div.amblog-post-content h3:after, div.amblog-post-container div.amblog-post-title a.post-title:after, nav.navigation-main-top h3.navigation_category_title:after, body.iframe-product-view div.page-wrapper main.page-main h1.page-title:after { background: var(--ci_color_accent); bottom: -1px; content: ''; height: 1px; left: 0%; margin: 0px 0px 0px 0px; position: absolute; width: 82px; transition: all 0.33s ease-in-out; -moz-transition: all 0.33s ease-in-out; -o-transition: all 0.33s ease-in-out; -webkit-transition: all 0.33s ease-in-out; } h1.page-title:hover:after, .h3_style:hover:after, div.custom_modal_content h2:hover:after, body.cms-page-view div.column.main h2:hover:after, body.cms-page-view div.column.main h3:hover:after, body.cms-b2b-antrag h2:hover:after, div.column.main div.custom_category_attributes_below_pagination h2:hover:after, div.column.main div.custom_category_attributes_below_pagination h3:hover:after, fieldset.fieldset legend.legend h3:hover:after, div.block-new-customer div.block-title h2:hover:after, fieldset.fieldset.user-defined div.admin__legend.step-title h3:hover:after, body.customer-account-index h2.mb-6.text-2xl.block-title:hover:after, body.customer-account-edit fieldset.fieldset.info legend.legend span:hover:after, body.customer-address-index div.block-title:hover:after, body.newsletter-manage-index div.text-2xl.mb-6 span:hover:after, body.customer-address-form div.text-2xl.mb-6:hover:after, body.customer-address-form fieldset.fieldset legend.legend span:hover:after, body.additionalemails-email-index div.block-title:hover:after, div.am-custom-tabs-wrapper div.am-tabs div.am-tabs-item div.tab-content-title-wrapper:hover div.tab-content-title:after, div.am-custom-tabs-wrapper div.am-tabs div.am-tabs-item div.tab-content.card h2:hover:after, div.am-custom-tabs-wrapper div.am-tabs div.am-tabs-item div.tab-content.card h3:hover:after, div.am-custom-tabs-wrapper div.am-tabs div.am-tabs-item div.amfaq-product-tab div.block-title:hover:after, div.am-sitemap div.am-sitemap-section h2:hover:after, div.am-sitemap div.am-sitemap-section div.am-sitemap-list:hover dt:after, div.text-ambar-policy-content h5:hover:after, div.custom_modal_content h3:hover:after, div.custom_category_search:hover h3:after, div.sticky_add_to_cart_title:hover:after, div.checkout_cart_custom_cms_block:hover h5:after, div.checkout-terms-conditions-list-item-content:hover h3:after, div.am-cookie-bar-settings div.header h3:hover:after, div.cookie-group-info div.group-title h3:hover:after, div.amgdpr-policy-popup-content h3:hover:after, div.amblog-post-content h2:hover:after, div.amblog-post-content h3:hover:after, div.amblog-post-container div.amblog-post-title a.post-title:hover:after, nav.navigation-main-top h3.navigation_category_title:hover:after, body.iframe-product-view div.page-wrapper main.page-main h1.page-title:hover:after { background: var(--ci_color_accent_hover); width: 180px; } /* HEADER */ header.page-header { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; -moz-box-shadow: 3px 5px 30px 0px rgba(36, 36, 36, 0.15); -webkit-box-shadow: 3px 5px 30px 0px rgba(36, 36, 36, 0.15); box-shadow: 3px 5px 30px 0px rgba(36, 36, 36, 0.15); } /* HEADER COLUMNS */ div.header_logo_and_mobilemenu { margin: 0px 0px 0px 0px; } div.header_logo_and_mobilemenu div.header_mobilemenu { margin: 26px 0px 0px 0px; } div.header_amasty_amxsearch { margin: 20px 0px 0px 0px; } @media (max-width:1024px) { div.header_amasty_amxsearch { margin: 6px 0px 10px 0px; } } div.header_icons { margin: 36px 0px 0px 0px; } /* HEADER SEARCH */ div.header_amasty_amxsearch input[type="search"] { border: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; font-size: 14px; line-height: 14px; padding: 15px 0px 15px 60px; -moz-box-shadow: 3px 5px 30px 0px rgba(36, 36, 36, 0.15); -webkit-box-shadow: 3px 5px 30px 0px rgba(36, 36, 36, 0.15); box-shadow: 3px 5px 30px 0px rgba(36, 36, 36, 0.15); -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; } div.header_amasty_amxsearch input[type="search"]:hover, div.header_amasty_amxsearch input[type="search"]:focus { -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; -moz-transition: -moz-border-radius 0.5s ease 0s; -webkit-transition: -webkit-border-radius 0.5s ease 0s; -o-transition: border-radius 0.5s ease 0s; transition: border-radius 0.5s ease 0s; } div.header_amasty_amxsearch button.am-custom-search-button { background: transparent; color: #242424; cursor: pointer; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; position: absolute; left: 0px; z-index: 20; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); -moz-opacity: 1.0; -khtml-opacity: 1.0; opacity: 1.0; -moz-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; } div.header_amasty_amxsearch:hover button.am-custom-search-button, div.header_amasty_amxsearch button.am-custom-search-button:hover { color: var(--ci_color_font); } div.header_amasty_amxsearch div.amsearch-container { z-index: 19; margin: 10px 0px 0px 0px; padding: 0px 10px 0px 15px; -moz-box-shadow: 3px 5px 30px 0px rgba(36, 36, 36, 0.15); -webkit-box-shadow: 3px 5px 30px 0px rgba(36, 36, 36, 0.15); box-shadow: 3px 5px 30px 0px rgba(36, 36, 36, 0.15); -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; } /* @media (min-width:768px) { div.header_amasty_amxsearch div.amsearch-container { width: 1500px; left: calc(50% - 750px); } } @media (min-width:1024px) { div.header_amasty_amxsearch div.amsearch-container { width: 1500px; left: calc(50% - 750px); } } @media (min-width:1280px) { div.header_amasty_amxsearch div.amsearch-container { width: 1500px; left: calc(50% - 750px); } } @media (min-width:1536px) { div.header_amasty_amxsearch div.amsearch-container { width: 1500px; left: calc(50% - 750px); } } */ /* HEADER TOPLINE */ div.header_topline { border-bottom: 1px solid #e6e6e6; } /* HEADER TOPLINE HOTLINE */ div.header_topline_hotline { font-size: 10px; font-weight: 600; text-transform: uppercase; text-transform: uppercase; text-align: left; color: var(--ci_color_font_grey); margin: 4px 0px 0px 0px; } div.header_topline_hotline_icon { padding: 0px 10px 0px 0px; } div.header_topline_hotline div.header_topline_hotline_wording span { font-weight: 700; } /* NAVIGATION HEADER TOPLINE ITEMS */ div.header_topline_menu ul.header_topline_menu_list { float: right; margin: 4px 0px 0px 0px; padding: 0px 0px 0px 0px; } div.header_topline_menu ul.header_topline_menu_list li { font-size: 10px; font-weight: 600; text-transform: uppercase; text-align: left; color: var(--ci_color_font_grey); float: left; padding: 0px 10px 0px 10px; border-right: 1px solid #e2e2e2; } @media (max-width: 639px) { div.header_topline_menu ul.header_topline_menu_list > li:nth-child(2) { padding: 0px 0px 0px 10px; border-right: none; } } div.header_topline_menu ul.header_topline_menu_list li:first-child { padding: 0px 10px 0px 0px; } div.header_topline_menu ul.header_topline_menu_list li:last-child { padding: 0px 10px 0px 10px; border-right: none; } /* HEADER NAVIGATION MOBILE */ div.header_logo_and_mobilemenu div.header_mobilemenu button.mobile_menu_trigger_button { color: var(--ci_color_font_black); -moz-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; } div.header_logo_and_mobilemenu div.header_mobilemenu button.mobile_menu_trigger_button:hover { color: var(--ci_color_font); } nav.navigation-mobile { position: relative; z-index: 999 !important; } /* HEADER TOP CONTAINER BREADCRUMBS */ div.top-container { background: none; } div.top-container nav.breadcrumbs { border-bottom: 1px solid #e6e6e6; overflow: hidden !important; } div.top-container nav.breadcrumbs a, div.top-container nav.breadcrumbs a:link, div.top-container nav.breadcrumbs a:visited { color: var(--ci_color_font_black); } div.top-container nav.breadcrumbs li svg.separator { margin: 2px 4px 0px 4px; } /* FOOTER */ footer.page-footer div.footer.content { font-size: 13px; line-height: 22px; color: var(--ci_color_font_black); } /* FOOTER COLUMN ADDRESS / ROUTE */ div.footer_column_company_details div.footer_column_company_details_name { font-weight: 600; } div.footer_column_company_details div.footer_column_company_details_route { margin: 10px 0px 0px 0px; } div.footer_column_company_details div.footer_column_company_details_route div.footer_column_company_details_route_icon { color: var(--ci_color_font); padding: 0px 10px 0px 0px; -moz-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; } div.footer_column_company_details div.footer_column_company_details_route:hover div.footer_column_company_details_route_icon { color: var(--ci_color_font_black); } /* FOOTER COLUMN BENEFIT ITEMS */ div.footer_column_benefit_items div.footer_column_benefit_item div.footer_column_benefit_item_icon { color: var(--ci_color_font); padding: 0px 10px 0px 0px; -moz-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; } div.footer_column_benefit_items div.footer_column_benefit_item:hover div.footer_column_benefit_item_icon { color: var(--ci_color_font_black); } div.footer_column_hotline_content { padding: 23px 40px 0px 0px; } @media (max-width: 767px) { div.footer_column_hotline_content { padding: 23px 0px 0px 0px; } } /* FOOTER COLUMN HOTLINE */ div.footer_column_hotline div.footer_column_hotline_telephone { font-size: 20px; font-weight: 600; color: var(--ci_color_font_black); -moz-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; } div.footer_column_hotline:hover div.footer_column_hotline_telephone { color: var(--ci_color_font); } /* FOOTER GRID NAVIGATION ITEMS */ div.footer_grid_menu_list { } /* FOOTER MOBILE NAVIGATION ITEMS */ div.footer_mobile_menu { background: #ffffff; width: 100%; font-size: 14px; position: fixed; bottom: 0px; z-index: 35; } div.footer_mobile_menu ul.footer_mobile_menu_list { background: #ffffff; border-top: 1px solid #e6e6e6; flex-wrap: wrap; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; justify-content: space-around; text-align: center; list-style: none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } div.footer_mobile_menu ul.footer_mobile_menu_list li { padding: 10px 10px 10px 10px; text-align: center; } div.footer_mobile_menu ul.footer_mobile_menu_list li a.href_hover_underline_animation, div.footer_mobile_menu ul.footer_mobile_menu_list li a.href_hover_underline_animation:link, div.footer_mobile_menu ul.footer_mobile_menu_list li a.href_hover_underline_animation:visited { display: block; } div.footer_mobile_menu ul.footer_mobile_menu_list span.footer_mobile_menu_icon svg { margin: 0 auto; } /* FOOTER HINTS */ div.footer_hints { font-size: 12px; line-height: 16px; color: var(--ci_color_font_grey); padding: 20px 0px 20px 0px; border-top: 1px solid #e6e6e6; } @media (max-width: 1023px) { div.footer_hints { padding: 20px 0px 80px 0px; } } /* CUSTOMER */ /* CUSTOMER ACCOUNT CREATE */ body.customer-account-login div#customer-login-container { gap: 2.5rem; } /* CUSTOMER ACCOUNT CREATE FORM ELEMENTS WRAPPERS */ form.form-create-account div.customer-dob, form.form-edit-account div.customer-dob { width: 100%; } /* CUSTOMER ACCOUNT CREATE, EDIT FORM ELEMENTS */ form.form-create-account .form-email, form.form-create-account .form-input, form.form-create-account .form-multiselect, form.form-create-account .form-select:not(.sorter-options), form.form-create-account .form-textarea, form.form-edit-account .form-email, form.form-edit-account .form-input, form.form-edit-account .form-multiselect, form.form-edit-account .form-select:not(.sorter-options), form.form-edit-account .form-textarea { width: 100%; } /* CUSTOMER ACCOUNT FORM ELEMENTS AMASTY CUSTOMER FIELDS */ /* ATTRIBUTE VALUE CONTAINS THIS VALUE SOMEWHERE IN IT */ fieldset.fieldset.admin__fieldset.user-defined input[data-ui-id*="text-customerattr"], fieldset.fieldset.admin__fieldset.user-defined select[data-ui-id*="select-customerattr"] { width: 100%; } /* CUSTOMER ACCOUNT HEADINGS */ /* div.block.block-dashboard-addresses h2.block-title { font-size: 16px; font-weight: 600; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } */ /* CUSTOMER ACCOUNT PASSWORD STRENGTH */ div#password-strength-meter-container { font-size: 12px; line-height: 16px; margin: 10px 0px 0px 0px; padding: 6px 6px 6px 6px; } div.prpl-popuplogin-wrapper div#password-strength-meter-container { font-size: 12px; line-height: 16px; margin: -10px 0px 0px 0px; padding: 6px 0px 6px 0px; } div[data-role="password-strength-meter"] { } div.password-none { background: #e5e7eb; border-color: #ccd1d5; } div.password-weak { background: #fef2f2; border-color: #ef4444; } div.password-medium { background: #fffbeb; border-color: #f59e0b; } div.password-strong { background: #eff6ff; border-color: #3b82f6; } div.password-very-strong { background: #ecfdf5; border-color: #10b981; } /* CUSTOMER ACCOUNT EDIT */ div.calendar-window { z-index: 1; } div.block.block-addresses-default { margin: 0px 0px 20px 0px !important; } div.content.account-nav-content ul.nav.items li.nav.item a { display: inline-block; } div.content.account-nav-content ul.nav.items li.nav.item.current, div.content.account-nav-content ul.nav.items li.nav.item strong { text-decoration: none; } div.block.account-nav { padding: 14px 14px 14px 14px !important; } div.block.account-nav button.account-nav-title span.title { font-size: 16px; font-weight: 600; } body.customer-address-form div.field div.control input, body.customer-address-form div.field div.control select { width: 100%; } /* CUSTOMER ACCOUNT ORDER DETAILS */ span.order-details-order-status { background: #242424; font-size: 13px; font-weight: normal; color: var(--ci_color_font_white); padding: 4px 10px 4px 10px; } div.order-details-items, div.order-details-items ul.items.order-links { background: none; } div.order-details-items ul.items.order-links { padding: 20px 15px 0px 15px; } div.order-details-items ul.items.order-links li.nav.item a, div.order-details-items ul.items.order-links li.nav.item a:link, div.order-details-items ul.items.order-links li.nav.item a:visited { display: inline-block; text-decoration: none; padding: 20px 20px 20px 20px; } div.order-details-items ul.items.order-links li.nav.item { background: #ffffff; font-size: 13px; color: var(--ci_color_font_black); font-weight: 600; text-transform: none; margin: 0px 10px 0px 0px; padding: 0px 0px 0px 0px; border: 0px solid #e7e7e7; border-right: 0px; -moz-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; } div.order-details-items ul.items.order-links li.nav.item.current { padding: 20px 20px 20px 20px; } div.order-details-items ul.items.order-links li.nav.item:hover, div.order-details-items ul.items.order-links li.nav.item.current { background: #242424; color: var(--ci_color_font_white); font-weight: 600; } /* PRODUCT LABELS / ORGANIZED VIA AMASTY LABELS */ div.amlabel-position-wrapper div.amasty-label-container { max-width: 130px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } div.column.main section.product-list ul li.product-item div.amlabel-position-wrapper div.amasty-label-container { margin: 10px 0px 0px 0px !important; } div.product_labels div.product_tier_price_from { background: #009fe3; } div.product_labels div.product_tier_price_label { background: #F9B63B; } div.product_labels div.product_label { min-width: 49px; text-align: center; line-height: 24px; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; font-weight: 400; margin: 0px 0px 5px 0px; padding: 0px 4px 0px 4px; } /* PRODUCT DETAILS VIEW */ div.column.main div.product-info-main h1.page-title { margin: 0px 0px 15px 0px; padding: 0px 0px 10px 0px; } div.column.main div.product-info-main div.page-title-wrapper { margin: 0px 0px 0px 0px; } div.column.main div.product-info-main div.baseprice.baseprice-catalog_product_view { display: none; } /* PRODUCT DETAILS VIEW PRODUCT ATTRIBUTES */ div.product-info-main dl.product-details { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } div.product-info-main dl.product-details div.product-details-attribute-item { margin: 0px 0px 0px 0px; padding: 10px 0px 10px 0px; } div.product-info-main dl.product-details div.product-details-attribute-item:not(:last-of-type) { border-bottom: 1px solid #e7e7e7; } /* PRODUCT DETAILS VIEW PRODUCT ATTACHMENTS */ div.product-info-main div.product_attachment_icon { margin: 0px 15px 0px 0px; padding: 0px 0px 0px 0px; } div.product-info-main div.product_attachment_size { margin: 0px 0px 0px 15px; padding: 0px 0px 0px 0px; } /* PRODUCT DETAILS VIEW PRODUCT ADD TO CART ELEMENTS */ div.product-info-main div.product-details-addtocart-elements div.product-details-addtocart-elements-quantity > div input { width: 100px; } div.product-info-main div.product-details-addtocart-elements div.product-details-addtocart-elements-addtocart button { width: 100%; } div.product-info-main div.product-details-addtocart-elements div.product-details-addtocart-elements-addtocart button svg { margin: 0px 15px 0px 0px; } /* PRODUCT DETAILS VIEW EXPRESS PAYMENT METHODS ELEMENTS */ div.product-info-main div.product-details-direct-payment-methods-elements-title { width: 100%; color: var(--ci_color_font_black); text-align: center; position: relative; margin: 0px 0px 0px 0px; padding: 10px 0px 10px 0px } div.product-info-main div.product-details-direct-payment-methods-elements-title span { background: #f3f5f6; padding: 10px 20px 10px 20px; display: inline-block; position: relative; z-index: 1; } div.product-info-main div.product-details-direct-payment-methods-elements-title::after { content: ''; background: #e7e7e7; height: 1px; position: absolute; left: 0px; right: 0px; top: 50%; z-index: 0; } /* PRODUCT DETAILS VIEW EXPRESS PAYMENT METHODS ELEMENTS BUTTONS */ div.express_checkout_payment_button { position: relative; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } /* PRODUCT DETAILS VIEW TIER PRICES */ div.custom_accordion_cards_tier_prices span.title { font-size: 16px; font-weight: 600; color: #242424; } div.custom_accordion_cards_tier_prices div.hints { font-size: 12px; line-height: 12px; color: var(--ci_color_font_grey); } div.select-price-box.tierprice-tableview { position: relative; } div.select-price-box.tierprice-tableview div.tierprice-tableview-reset-button { position: absolute; right: 50px; top: -55px; } div.select-price-box.tierprice-tableview div.tierprice-tableview-reset-button button svg { color: #242424; } div.select-price-box.tierprice-tableview thead { color: #242424; font-weight: 600; border-bottom: 1px solid #e7e7e7; margin: 0px 0px 0px 0px; padding: 0px 0px 4px 0px; } div.select-price-box.tierprice-tableview tbody tr { cursor: pointer; -moz-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; } div.select-price-box.tierprice-tableview tbody tr:nth-child(even) { background-color: #f5f5f5; } div.select-price-box.tierprice-tableview tbody tr:hover { background-color: #eeeeee; } div.select-price-box.tierprice-tableview td { margin: 0px 0px 0px 0px; padding: 4px 0px 4px 0px; } div.select-price-box.tierprice-tableview span.price-container.price-tier_price { display: inline; padding: 0px 10px 0px 0px; } /* PRODUCT DETAILS VIEW BASEPRICE HIDE IT LOF MODULE */ div.product-info-main div.tier-price-container div.baseprice { display: none; } /* PRODUCT DETAILS VIEW AMASTY TABS */ div.product-info-main div.am-custom-tabs-wrapper { display: grid; gap: 0rem; } div.am-custom-tabs-wrapper nav.am-tabs-nav { } div.am-custom-tabs-wrapper nav.am-tabs-nav a.amtab-btn { background: #ffffff; font-size: 13px; color: var(--ci_color_font_black); font-weight: 600; text-transform: none; margin: 0px 0px 10px 0px; padding: 20px 20px 20px 20px; border: 0px solid #e7e7e7; border-right: 0px; -moz-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; } div.am-custom-tabs-wrapper nav.am-tabs-nav a.amtab-btn:hover, div.am-custom-tabs-wrapper nav.am-tabs-nav a.amtab-btn.amtab-active { background: #242424; color: var(--ci_color_font_white); font-weight: 600; } div.am-custom-tabs-wrapper div.am-tabs { background: #ffffff; border: 0px solid #e7e7e7; border-bottom: none; } div.am-custom-tabs-wrapper div.am-tabs div.tab-content.card.tab-view { border: none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } div.am-custom-tabs-wrapper div.am-tabs div.am-tabs-item div.tab-content.card { background: none; } div.am-custom-tabs-wrapper div.am-tabs div.am-tabs-item div.tab-content.card.tab-view div.am-custom-tab { background: #ffffff; border: 0px solid #e7e7e7; border-top: none; border-left: none; border-right: none; margin: 0px 0px 0px 0px; padding: 10px 30px 30px 30px; } div.am-custom-tabs-wrapper div.am-tabs div.am-tabs-item div.tab-content-title-wrapper { margin: 0px 0px 0px 0px; padding: 30px 30px 0px 30px; } /* PRODUCT DETAILS VIEW AMASTY TABS FAQ */ div.am-custom-tabs-wrapper div.am-tabs div.am-tabs-item div.amfaq-product-tab div.block-title { } div.am-custom-tabs-wrapper div.am-tabs div.am-tabs-item div.amfaq-product-tab div.button-container div.button-info { margin: 15px 0px 0px 0px; } /* PRICES */ div.product-info-main div.price-box { border-bottom: 1px solid #e7e7e7; margin: 0px 0px 16px 0px; padding: 0px 0px 12px 0px; } div.product-info-main span.old-price span.price-wrapper span.price, div.product-info-main span.final-price span.price-wrapper span.price { font: var(--font-h1); color: var(--ci_color_font_black); letter-spacing: -1px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } div.product-info-main span.old-price span.price-wrapper span.price { color: var(--ci_color_accent_black_hover); padding: 0px 0px 0px 4px; } div.product-info-main span.old-price span.price-wrapper.text-lined-through, div.column.main section.product-list ul li.product-item div.price-box.price-final_price span.old-price { position: relative; white-space: nowrap; } div.product-info-main span.old-price span.price-wrapper.text-lined-through:after, div.column.main section.product-list ul li.product-item div.price-box.price-final_price span.old-price:after { content: ''; border-top: 2px solid #242424; position: absolute; right: 0px; top: calc(50% - 2px); left: 0px; /* -moz-transform: rotate(-14deg); -webkit-transform: rotate(-14deg); -o-transform: rotate(-14deg); -ms-transform: rotate(-14deg); transform: rotate(-14deg); */ } div.column.main section.product-list ul li.product-item div.price-box.price-final_price span.old-price:after { top: calc(50% + 3px); } div.product-info-main span.final-price span.price-wrapper span.price.price-discounted { color: #b52832 !important; margin: 0px 0px 0px 10px; } /* PRODUCT DETAILS VIEW PRICES */ div.product-info-main span.final-price span.price span.price-wrapper span.price { font: var(--font-h1); color: var(--ci_color_black); letter-spacing: 0px; margin: 10px 0px 15px 0px; padding: 0px 0px 10px 0px; position: relative; border-bottom: var(--border_bottom-headings); } div.price-details-firegento span.tax-details { } div.price-details-firegento span.shipping-cost-details a { color: #242424; font-weight: 600; } /* EXPRESS CHECKOUT BUTTONS */ div.express-checkout-buttons-title { width: 100%; color: var(--ci_color_font_black); text-align: center; position: relative; margin: 0px 0px 20px 0px; padding: 0px 0px 0px 0px } body.checkout-cart-index div.cart-summary div.express-checkout-buttons-title { margin: 20px 0px 20px 0px; padding: 0px 0px 0px 0px } div.express-checkout-buttons-title span { background: #ffffff; padding: 10px 20px 10px 20px; display: inline-block; position: relative; z-index: 1; } div.express-checkout-buttons-title::after { content: ''; background: #e7e7e7; height: 1px; position: absolute; left: 0px; right: 0px; top: 50%; z-index: 0; } /* PRODUCT DETAILS VIEW PAYPAL EXPRESS CHECKOUT */ div.express_checkout_payment_button div.express_checkout_payment_button_paypal input[type="button"] { width: 100%; height: 100%; display: inline-block; position: absolute; left: 0px; top: 0px; cursor: pointer; } div.express_checkout_payment_button div.express_checkout_payment_button_paypal:before { content: ''; background: #FFC439 url(images/payment_button_paypal.svg) no-repeat; background-position: center; background-repeat: no-repeat; background-size: auto calc(100% - 26px); width: 180px; height: 45px; display: inline-block; cursor: pointer; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -moz-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; } /* PRODUCT DETAILS VIEW AMAZON PAY */ div.express_checkout_payment_button div.express_checkout_payment_button_amazon:before { content: ''; background: #242424 url(images/payment_button_amazon_white.svg) no-repeat; background-position: center; background-repeat: no-repeat; background-size: auto calc(100% - 26px); width: 180px; height: 45px; display: inline-block; cursor: pointer; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -moz-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; } div[class^='amazonpay-button-parent-container-checkout-'], div[class*=' amazonpay-button-parent-container-checkout-'] { display: none; } /* PRODUCT DETAILS VIEW AMAZON PAY */ div.braintree-apple-pay-button:nth-child(2) { display: none; } div.express_checkout_payment_button div.express_checkout_payment_button_apple:before { content: ''; background: #000000 url(images/payment_button_apple_pay_white.svg) no-repeat; background-position: center; background-repeat: no-repeat; background-size: auto calc(100% - 26px); width: 180px; height: 45px; display: inline-block; cursor: pointer; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -moz-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; } /* CART DRAWER / MINICART / CART OFFCANVAS / CART PANEL EXPRESS BUTTONS*/ div.express-checkout-buttons div.express_checkout_payment_button div.express_checkout_payment_button_paypal:before, div.express-checkout-buttons div.express_checkout_payment_button div.express_checkout_payment_button_amazon:before, div.express-checkout-buttons div.express_checkout_payment_button div.express_checkout_payment_button_apple:before { width: 100%; } div.express-checkout-buttons div.express_checkout_payment_button div.express_checkout_payment_button_paypal, div.express-checkout-buttons div.express_checkout_payment_button div.express_checkout_payment_button_amazon, div.express-checkout-buttons div.express_checkout_payment_button div.express_checkout_payment_button_apple { margin: 0px 0px 10px 0px; padding: 0px 0px 0px 0px; } div.express-checkout-buttons div.express_checkout_payment_button div.express_checkout_payment_button_amazon { margin: 0px 0px 8px 0px; } div.express-checkout-buttons div.express_checkout_payment_button div.express_checkout_payment_button_paypal { order: 1; } div.express-checkout-buttons div.paypal.checkout + div { order: 99; } div.express-checkout-buttons div.express_checkout_payment_button div.express_checkout_payment_button_amazon { order: 2; } div.express-checkout-buttons div.express_checkout_payment_button div.express_checkout_payment_button_apple { order: 3; } /* CHECKOUT CART FORM ITEMS */ div.product-item-details dl.item-options dt.item-options-label { } div.product-item-details dl.item-options dt.item-options-value { } /* CHECKOUT CART BUTTONS / METHODS - /checkout/cart/ */ div.checkout-methods-items div.express_checkout_payment_button { margin: 0px 0px 10px 0px; } div.checkout-methods-items div.express_checkout_payment_button div.express_checkout_payment_button_paypal:before, div.checkout-methods-items div.express_checkout_payment_button div.express_checkout_payment_button_amazon:before, div.checkout-methods-items div.express_checkout_payment_button div.express_checkout_payment_button_apple:before { width: 100%; } /* CHECKOUT HYVA - /checkout/ */ :where(#hyva-checkout-main) .input-group :where(.form-input-addon) { border-color: #e2e2e2; } /* CHECKOUT HYVA LOGIN, REGISTER LINKS */ div.checkout_customer_signin_register ul.checkout_customer_signin_register_menu_list { float: right; margin: 4px 0px 0px 0px; padding: 0px 0px 0px 0px; } div.checkout_customer_signin_register ul.checkout_customer_signin_register_menu_list li { font-size: 12px; font-weight: 600; line-height: 24px; text-transform: uppercase; text-align: left; float: left; padding: 0px 10px 0px 10px; border-right: 1px solid #e2e2e2; } @media (max-width: 639px) { div.checkout_customer_signin_register ul.checkout_customer_signin_register_menu_list > li:nth-child(2) { padding: 0px 0px 0px 10px; border-right: none; } } div.checkout_customer_signin_register ul.checkout_customer_signin_register_menu_list li:first-child { padding: 0px 10px 0px 0px; } div.checkout_customer_signin_register ul.checkout_customer_signin_register_menu_list li:last-child { padding: 0px 10px 0px 10px; border-right: none; } div.checkout_customer_signin_register span.checkout_customer_signin_register_menu_list_href_icon { margin: 0px 10px 0px 0px; padding: 0px 0px 0px 0px; } /* CHECKOUT HYVA BREADCUMBS */ nav.nav-breadcrumbs-checkout { line-height: 40px; } /* CHECKOUT HYVA ADDRESS FIELDS */ input#shipping-street-1, input#billing-street-1 { margin: 10px 0px 0px 0px; } /* CART DRAWER / MINICART / CART OFFCANVAS / CART PANEL */ div.cart_drawer_panel_links, div.cart_drawer_panel_link { font-size: 11px; line-height: 22px } /* PAGE WRAPPER */ div.page-wrapper main.page-main { background: none; margin: 0px 0px 0px 0px; padding: 20px 0px 20px 0px; } /* PAGE WRAPPER ADJUST PADDING FOR CMS INDEX */ body.cms-index-index div.page-wrapper main.page-main { background: none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } /* PAGE WRAPPER ADJUST PADDING FOR PDP */ body.catalog-product-view div.page-wrapper main.page-main { background: none; margin: 0px 0px 0px 0px; padding: 62px 0px 20px 0px; } /* MAIN COLUMNS AND SIDEBAR(S) */ /* SIDEBAR / SIDEBAR MAIN (LEFT) */ div.custom_sidebar_item { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } div.custom_sidebar_item div.custom_sidebar_item_image { margin: 0px 0px 20px 0px; padding: 0px 0px 0px 0px; } div.custom_sidebar_item div.custom_sidebar_item_content { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } div.codedesign_tracking_form_tabs div.codedesign_tracking_form_tab { background: #ffffff; font-size: 11px; color: #242424; font-weight: 600; text-transform: uppercase; margin: 0px 0px 0px 0px; padding: 10px 20px 10px 20px; cursor: pointer; float: left; -moz-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; } div.codedesign_tracking_form_tabs div.codedesign_tracking_form_tab:hover, div.codedesign_tracking_form_tabs div.codedesign_tracking_form_tab_active { background: #242424; color: #ffffff; font-weight: 600; } div.codedesign_tracking_form_tabs_forms { background: #f5f5f5; margin: 0px 0px 0px 0px; padding: 15px 15px 15px 15px; position: relative; } div.codedesign_tracking_form_tabs_forms input[type="text"] { margin: 15px 0px 15px 0px; } /* MAIN COLUMN CATEGORY */ div.column.main div.title-category { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } div.column.main div.category-view.container { margin: 14px 0px 20px 0px !important; padding: 0px 0px 0px 0px !important; } @media (max-width: 767px) { div.column.main div.category-view.container { margin: 0px 0px 0px 0px !important; padding: 0px 0px 0px 0px !important; } } /* MAIN COLUMN CATEGORY CUSTOM CATEGORY DESCRIPTION AND IMAGE */ div.column.main div.custom_category_description_with_image div.category-image img { -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } div.column.main div.custom_category_description_with_image div.category-description a { font-weight: 600; } /* MAIN COLUMN CATEGORY CUSTOM CATEGORY SEARCH */ div.column.main div.custom_category_search { width: 100%; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } div.column.main div.custom_category_search div.category_search_form { position: relative; } div.column.main div.custom_category_search div.category_search_form div.actions { color: var(--ci_color_font_grey); position: absolute; top: 10px; left: 20px; } div.column.main div.custom_category_search div.category_search_form:hover div.actions { color: var(--ci_color_font); -moz-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; } div.column.main div.custom_category_search div.category_search_form input.custom_category_search_input { text-indent: 50px; } /* MAIN COLUMN CATEGORY ADDITIONAL ATTRIBUTE DESCRIPTION */ div.custom_category_attributes_below_pagination { border-top: 1px solid #e6e6e6; margin: 30px 0px 20px 0px; padding: 20px 0px 0px 0px; } div.custom_category_attributes_below_pagination div.category-image { margin: 0px 0px 15px 0px; } div.custom_category_attributes_below_pagination div.category-description { margin: 0px 0px 20px 0px; padding: 0px 0px 0px 0px; } /* MAIN COLUMN CATEGORY PRODUCT LISTING */ div.column.main section.product-list { margin: 10px 0px 0px 0px; } div.column.main section.product-list div.toolbar.toolbar-products nav.modes { min-height: 44px; border: 1px solid #e7e7e7; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } /* MAIN COLUMN CATEGORY PRODUCT LISTING ITEMS */ div.column.main section.product-list ul li.product-item div.price-box.price-final_price { display: flex; flex-direction: row; border-bottom: 1px solid #e7e7e7; margin: 0px 0px 16px 0px; padding: 0px 0px 12px 0px; position: relative; } div.column.main section.product-list ul li.product-item span.price-container span.price, div.column.main section.product-list ul li.product-item a.minimal-price-link, div.column.main section.product-list ul li.product-item span.price-container span.price-label { font-size: 18px; font-weight: 600; letter-spacing: -1px; } div.column.main section.product-list ul li.product-item div.price-box.price-final_price span.old-price span.price-container span.price-label, div.column.main section.product-list ul li.product-item div.price-box.price-final_price span.special-price span.price-container span.price-label { display: none; } div.column.main section.product-list ul li.product-item div.price-box.price-final_price span.old-price, div.column.main section.product-list ul li.product-item div.price-box.price-final_price span.special-price, div.column.main section.product-list ul li.product-item div.price-box.price-final_price a.minimal-price-link { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } div.column.main section.product-list ul li.product-item div.price-box.price-final_price span.old-price { } div.column.main section.product-list ul li.product-item div.price-box.price-final_price span.old-price span.price-container { color: var(--ci_color_font_black); margin: 3px 0px 0px 0px; } div.column.main section.product-list ul li.product-item div.price-box.price-final_price span.old-price { order: 1; } div.column.main section.product-list ul li.product-item div.price-box.price-final_price span.special-price { color: #b52832 !important; order: 2; margin: 0px 6px 0px 6px; } div.column.main section.product-list ul li.product-item div.price-box.price-final_price a.minimal-price-link { background: #f9b63b; text-align: center; padding: 2px 5px 4px 5px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; order: 3; position: absolute; right: 0px; } div.column.main section.product-list ul li.product-item div.price-box.price-final_price a.minimal-price-link, div.column.main section.product-list ul li.product-item div.price-box.price-final_price a.minimal-price-link span.price-label { font-size: 12px; line-height: 20px; font-weight: 400; color: var(--ci_color_font_white); text-transform: lowercase; } /* GRUNDPREIS / VERSANDKOSTEN */ div.column.main section.product-list ul li.product-item div.price-details.price-details-firegento, div.column.main section.product-list ul li.product-item div.baseprice { font-size: 12px; line-height: 12px; color: var(--ci_color_font_black); margin: 6px 0px 0px 0px; } div.column.main section.product-list ul li.product-item div.baseprice { margin: 6px 0px 20px 0px; } /* MAIN COLUMN CATEGORY PRODUCT LISTING SCROLL DIVIDER */ div.column.main section.product-list div.amscroll-page-num.-amscroll-divider { font-weight: 600; border-bottom: 1px solid #e6e6e6; margin: 20px 0px 10px 0px; padding: 0px 0px 20px 0px; } div.column.main section.product-list button.amscroll-load-button { color: var(--ci_color_font_white) !important; box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow); } button.amscroll-load-button.-before { margin-top: 30px; } button.amscroll-load-button.-after { } /* MAIN COLUMN CATEGORY PRODUCT PAGINATION TOOLBAR */ div.column.main div.toolbar.toolbar-products { /* TOOLBAR AT TOP */ } div.column.main div.toolbar.toolbar-products.grid { /* TOOLBAR AT BOTTOM */ border-top: 1px solid #e6e6e6; margin: 30px 0px 20px 0px; padding: 20px 0px 0px 0px; } div.column.main div.toolbar nav a.pages-item-previous, div.column.main div.toolbar nav a.pages-item-next, div.column.main div.toolbar nav a, div.column.main div.toolbar nav a:link, div.column.main div.toolbar nav a:visited { /* background: #ffffff; border: 1px solid #e7e7e7; */ -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } div.column.main div.toolbar nav a.pages-item-previous, div.column.main div.toolbar nav a.pages-item-next { margin: 0px 10px 0px 0px; } div.column.main div.toolbar nav a, div.column.main div.toolbar nav a:link, div.column.main div.toolbar nav a:visited { text-align: center; align-items: center; justify-content: center; } div.column.main div.toolbar nav ol li { padding: 0px 10px 0px 0px; } div.column.main div.toolbar nav a.page.next.jump { border: none; } /* MAIN SIDEBAR LAYERED FILTERS */ div.sidebar.sidebar-main div.block-filter div.block-title { display: none; } @media (max-width: 767px) { div.sidebar.sidebar-main div.block-filter div.block-title { display: block; } } div#layered-filter-block-content { /* FOR OPENING ANIMATION ON MOBILE SIMILAR TO CART DRAWER */ -moz-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; } /* MAIN SIDEBAR LAYERED FILTERS AND INPUTS */ div.sidebar.sidebar-main input.dhl-input-text, div.sidebar.sidebar-main input.gls-input-text, div.sidebar.sidebar-main input.dpd-input-text, div.sidebar.sidebar-main div.block-filter input.am-search-box-category_ids, div.sidebar.sidebar-main div.block-filter input.am-search-box-manufacturer, div.sidebar.sidebar-main div.block-filter input.am-filter-price, div.sidebar.sidebar-main div.block-filter input.am-filter-price.-from, div.sidebar.sidebar-main div.block-filter input.am-filter-price.-to, div.column.main div.custom_category_search div.category_search_form input.custom_category_search_input { min-height: 44px; font-size: 14px; line-height: 14px; border: 1px solid #e7e7e7; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; /* --tw-shadow: 0px 1px 2px 0px #0000000d; --tw-shadow-colored: 0px 1px 2px 0px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow); */ } div.sidebar.sidebar-main div.block-filter div.amshopby-fromto-wrap div.range.am-fromto-widget span.amshopby-currency { position: absolute; top: 10px; } div.sidebar.sidebar-main div.block-filter div.am-filter-state { background: #ffffff; margin: 0px 0px 20px 0px; padding: 15px 15px 15px 15px; /* border: 1px solid #e7e7e7; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; */ } div.custom_accordion_cards div.custom_accordion_cards_card span.title { font-size: 16px; font-weight: 600; } div.sidebar.sidebar-main div.block-filter div.am-filter-state div.items.am-filter { border-top: 1px solid #e7e7e7; margin: 16px 0px 0px 0px; padding: 12px 0px 0px 0px; } div.sidebar.sidebar-main div.block-filter ul.items.am-filter-items-category_ids.am-labels-folding.-am-multiselect > li { padding: 0px 0px 15px 0px; } div.sidebar.sidebar-main div.block-filter ul.items.am-filter-items-category_ids.am-labels-folding.-am-multiselect > li ul li, div.sidebar.sidebar-main div.block-filter ol.items.am-filter-items-manufacturer.-am-multiselect, div.sidebar.sidebar-main div.block-filter ol.items.am-filter-items-stock.-am-singleselect, div.sidebar.sidebar-main div.block-filter div.am-show-more { font-size: 13px; } div.sidebar.sidebar-main div.am-filter-tooltip div[x-ref="tooltip"] { /* background-color: var(--ci_color_black); color: var(--ci_color_white); font-size: 13px; */ } /* MAIN SIDEBAR LAYERED FILTER SEARCHWORD */ div.sidebar.sidebar-main span.bg-yellow-300.marked { background-color: #242424; color: #ffffff; } /* MAIN SIDEBAR LAYERED FILTERS MOBILE TRIGGER */ div.sidebar.sidebar-main div.fixed_button_left { width: 60px; height: 60px; position: fixed; right: -10px; top: calc(50% - 60px); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); color: #ffffff; z-index: 99; } div.sidebar.sidebar-main div.fixed_button_left:hover:after { display: none; } div.sidebar.sidebar-main div.fixed_button_left::after { width: 60px; height: 60px; box-sizing: border-box; content: ''; display: block; position: absolute; z-index: 10; top: 0; left: 0; pointer-events: none; border: 10px solid #242424; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; -webkit-animation-duration: 2.0s; animation-duration: 2.0s; -webkit-animation-name: fixed_button_left_pulse_border; animation-name: fixed_button_left_pulse_border; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; } @-webkit-keyframes fixed_button_left_pulse_border { 0% { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } 80% { -webkit-transform: scale(1.2); transform: scale(1.2); } 100% { opacity: 0; -webkit-transform: scale(1.2); transform: scale(1.2); } } @keyframes fixed_button_left_pulse_border { 0% { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } 80% { -webkit-transform: scale(1.2); transform: scale(1.2); } 100% { opacity: 0; -webkit-transform: scale(1.2); transform: scale(1.2); } } div.sidebar.sidebar-main div.fixed_button_left_inner { width: 100%; height: 100%; position: relative; } div.sidebar.sidebar-main div.fixed_button_left_wording { background: #242424; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; position: absolute; z-index: 11; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; transition: all 0.33s ease-in-out; -moz-transition: all 0.33s ease-in-out; -o-transition: all 0.33s ease-in-out; -webkit-transition: all 0.33s ease-in-out; } div.sidebar.sidebar-main div.fixed_button_left:hover div.fixed_button_left_wording { background: #3c3c3c; } div.sidebar.sidebar-main div.fixed_button_left_label { background: #ffffff; font: normal 10px/10px Arial,Helvetica; color: #242424; white-space: nowrap; letter-spacing: 0px; text-transform: uppercase; text-decoration: none; padding: 3px 5px 4px 5px; margin: 0px 0px 0px -30px; position: absolute; z-index: 99; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; transition: all 0.33s ease-in-out; -moz-transition: all 0.33s ease-in-out; -o-transition: all 0.33s ease-in-out; -webkit-transition: all 0.33s ease-in-out; } div.sidebar.sidebar-main div.fixed_button_left:hover div.fixed_button_left_label { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -moz-opacity: 0.0; -khtml-opacity: 0.0; opacity: 0.0; } /* LIST ELEMENTS */ /* LIST ELEMENTS WITH ICONS (TO COLOR INLINE SVG WITH HEX COLORS WE NEED TO USE %23 INSTEAD # */ ul.bullet, ul.ul_list_with_chevron, div.am-custom-tabs-wrapper div.am-tabs div.am-tabs-item div.tab-content.card ul { } body.cms-page-view ul.bullet { margin: 0px 0px 20px 0px; } ul.bullet li, ul.ul_list_with_chevron li, dl.dl_list_with_chevron dd, div.am-custom-tabs-wrapper div.am-tabs div.am-tabs-item div.tab-content.card ul li, div.am-sitemap div.am-sitemap-section div.am-sitemap-list div.w-full.pl-8.pr-2.list-none.mt-1 { list-style: none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 22px; position: relative; } ul.bullet li:before, ul.ul_list_with_chevron li:before, dl.dl_list_with_chevron dd:before, div.am-custom-tabs-wrapper div.am-tabs div.am-tabs-item div.tab-content.card ul li:before, div.am-sitemap div.am-sitemap-section div.am-sitemap-list div.w-full.pl-8.pr-2.list-none.mt-1:before { content: url('data:image/svg+xml,'); margin: 3px 0px 0px 0px; padding: 0px 0px 0px 0px; display: inline-block; position: absolute; left: 0px; -moz-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; } ul.bullet li:hover:before, ul.ul_list_with_chevron li:hover:before, dl.dl_list_with_chevron dd:hover:before, div.am-custom-tabs-wrapper div.am-tabs div.am-tabs-item div.tab-content.card ul li:hover:before, div.am-sitemap div.am-sitemap-section div.am-sitemap-list div.w-full.pl-8.pr-2.list-none.mt-1:hover:before { content: url('data:image/svg+xml,'); left: 4px; } /* AJAX TABS GENERAL */ div.custom_ajax_tabs button.custom_ajax_tabs_navigation_tab_item[aria-expanded="true"], div.custom_ajax_tabs button.custom_ajax_tabs_navigation_tab_item[aria-expanded='false'] { background: #ffffff; font-size: 13px; color: #242424; font-weight: 600; text-transform: uppercase; margin: 0px 10px 0px 0px; padding: 10px 20px 10px 20px; -moz-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; } div.custom_ajax_tabs button.custom_ajax_tabs_navigation_tab_item[aria-expanded='false']:hover, div.custom_ajax_tabs button.custom_ajax_tabs_navigation_tab_item[aria-expanded="true"] { background: #242424; color: #ffffff; } @media (max-width:767px) { div.custom_ajax_tabs button.custom_ajax_tabs_navigation_tab_item[aria-expanded="true"], div.custom_ajax_tabs button.custom_ajax_tabs_navigation_tab_item[aria-expanded='false'] { width: 100%; text-align: left; } } div.custom_ajax_tabs div.custom_ajax_tabs_content_group { position: relative; } div.custom_ajax_tabs div.custom_ajax_tabs_content_group div.custom_ajax_tabs_content_wrapper div.custom_ajax_tabs_content { background: #ffffff; width: 100%; min-height: 300px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; position: relative; z-index: 1; -moz-box-shadow: 3px 5px 30px 0px rgba(36, 36, 36, 0.15); -webkit-box-shadow: 3px 5px 30px 0px rgba(36, 36, 36, 0.15); box-shadow: 3px 5px 30px 0px rgba(36, 36, 36, 0.15); -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; } div.swiper-slide.product-item { text-align: left; margin: 0px 0px 0px 0px; padding: 0px 0px 10px 0px; border: 10px solid #ffffff; transition: all 0.33s ease-in-out; -moz-transition: all 0.33s ease-in-out; -o-transition: all 0.33s ease-in-out; -webkit-transition: all 0.33s ease-in-out; } div.swiper-slide.product-item:hover { } div.swiper-slide.product-item div.product-info { min-height: 200px; text-align: left; padding: 0px 10px 0px 10px; } div.swiper-slide.product-item div.price-box.price-final_price { display: flex; flex-direction: row; border-bottom: 1px solid #e7e7e7; margin: 0px 0px 16px 0px; padding: 0px 0px 12px 0px; position: relative; } div.swiper-slide.product-item div.product-info div.product-info-product-item-link { min-height: 50px; } div.swiper-slide.product-item div.product-info a.product-item-link { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } div.swiper-slide.product-item span.price-container span.price, div.swiper-slide.product-item a.minimal-price-link, div.swiper-slide.product-item span.price-container span.price-label { font-size: 18px; font-weight: 600; letter-spacing: -1px; } div.swiper-slide.product-item div.price-box.price-final_price span.old-price span.price-container { color: var(--ci_color_font_black); margin: 3px 0px 0px 0px; } div.swiper-slide.product-item div.price-box.price-final_price span.special-price { color: #b52832 !important; order: 2; margin: 0px 6px 0px 6px; } div.swiper-slide.product-item div.price-box.price-final_price span.old-price span.price-container span.price-label, div.swiper-slide.product-item div.price-box.price-final_price span.special-price span.price-container span.price-label { display: none; } div.swiper-slide.product-item div.price-box.price-final_price span.old-price::after { content: ''; border-top: 2px solid #242424; position: absolute; right: 0px; left: 0px; } div.swiper-slide.product-item div.price-box.price-final_price span.old-price::after { max-width: 54px; top: calc(50% - 4px); } div.swiper-slide.product-item div.price-details.price-details-firegento, div.swiper-slide.product-item div.baseprice { font-size: 12px; line-height: 12px; color: var(--ci_color_font_black); margin: 6px 0px 0px 0px; } div.swiper-slide.product-item div.price-box.price-final_price a.minimal-price-link, div.swiper-slide.product-item div.price-box.price-final_price a.minimal-price-link span.price-label { font-size: 12px; line-height: 20px; font-weight: 400; color: var(--ci_color_font_white); text-transform: lowercase; } div.swiper-slide.product-item div.price-box.price-final_price a.minimal-price-link { background: #f9b63b; text-align: center; padding: 2px 5px 4px 5px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; order: 3; position: absolute; right: 0px; } div.swiper-slide.product-item div.product-info div.stock.unavailable { line-height: 40px; } div.custom_ajax_tabs div.custom_ajax_tabs_content_group div.custom_ajax_tabs_content_wrapper div.custom_ajax_tabs_content div.item.product.product-item.card { -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; } /* AJAX TABS SWIPER NAVIGATION */ div.custom_ajax_tabs div.custom_ajax_tabs_content_group div.custom_ajax_tabs_content_wrapper div.swiper-button-prev, div.custom_ajax_tabs div.custom_ajax_tabs_content_group div.custom_ajax_tabs_content_wrapper div.swiper-button-next { background: #242424; width: 50px; height: 50px; color: #ffffff; position: absolute; z-index: 0; } div.custom_ajax_tabs div.custom_ajax_tabs_content_group div.custom_ajax_tabs_content_wrapper div.swiper-button-prev { top: auto; bottom: 0px; left: auto; right: 0px; } div.custom_ajax_tabs div.custom_ajax_tabs_content_group div.custom_ajax_tabs_content_wrapper div.swiper-button-next { top: auto; bottom: 50px; left: auto; right: 0px; } div.custom_ajax_tabs div.custom_ajax_tabs_content_group div.custom_ajax_tabs_content_wrapper div.swiper-button-prev::after, div.custom_ajax_tabs div.custom_ajax_tabs_content_group div.custom_ajax_tabs_content_wrapper div.swiper-button-next::after { font-family: swiper-icons; font-size: 18px; text-transform: none !important; letter-spacing: 0; font-variant: initial; } div.swiper-cms-index-prev, div.swiper-cms-index-next { position: absolute; z-index: 0; } div.swiper-cms-index-prev { right: 50px; bottom: -50px; } div.swiper-cms-index-next { right: 0px; bottom: -50px; } /* AJAX TABS SWIPER PAGINATION */ div.custom_ajax_tabs_swiper_pagination div.swiper-pagination { max-width: 200px; height: 16px; position: absolute; bottom: -30px !important; right: 110px; left: auto !important; transform: inherit; overflow: hidden; } @media (max-width:767px) { div.custom_ajax_tabs_swiper_pagination div.swiper-pagination { } } div.custom_ajax_tabs_swiper_pagination div.swiper-pagination span.swiper-pagination-bullet { background: var(--ci_color_accent_black); width: 26px; height: 6px; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; } div.custom_ajax_tabs_swiper_pagination div.swiper-pagination span.swiper-pagination-bullet:hover { background: var(--ci_color_accent_black); } div.custom_ajax_tabs_swiper_pagination div.swiper-pagination span.swiper-pagination-bullet.swiper-pagination-bullet-active { background: var(--ci_color_accent_black); } div.custom_ajax_tabs_swiper_pagination div.swiper-pagination-price-hint { position: absolute; bottom: -35px; right: 320px; left: auto !important; transform: inherit; overflow: hidden; } @media (max-width:767px) { div.custom_ajax_tabs_swiper_pagination div.swiper-pagination-price-hint { display: none; } } /* AJAX TABS WITH SWIPER */ div.custom_ajax_tabs.custom_ajax_tabs_swiper { margin: 0px 0px 70px 0px; padding: 0px 0px 0px 0px; } div.custom_ajax_tabs.custom_ajax_tabs_swiper nav.custom_ajax_tabs_navigation.navigation { position: relative; z-index: 0; } div.custom_ajax_tabs.custom_ajax_tabs_swiper.custom_ajax_tabs_no_tabs nav.custom_ajax_tabs_navigation.navigation { display: none; } div.custom_ajax_tabs.custom_ajax_tabs_swiper div.swiper-button-prev, div.custom_ajax_tabs.custom_ajax_tabs_swiper div.swiper-button-next { display: none; } /* HYVA TABS */ div.custom_hyva_tabs div.tablist { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } div.custom_hyva_tabs div.tablist a.custom_hyva_tabs_tab { background: #ffffff; font-size: 13px; color: #242424; font-weight: 600; text-transform: uppercase; margin: 0px 0px 0px 0px; padding: 10px 20px 10px 20px; -moz-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; } div.custom_hyva_tabs div.tablist a.custom_hyva_tabs_tab_active { background: #242424; color: #ffffff; } div.custom_hyva_tabs div.tablist a.custom_hyva_tabs_tab_hover, div.custom_hyva_tabs div.tablist a.custom_hyva_tabs_tab_focus { background: #3f3f3f; color: #ffffff; } /* HYVA TABS - TABPANELS */ div.custom_hyva_tabs div.custom_hyva_tabs_tabpanel { } div.custom_hyva_tabs div.custom_hyva_tabs_tabpanel.custom_hyva_tabs_tabpanel_productslider div.custom_hyva_tabs_tabpanel_productslider_content_wrapper { width: 100%; min-height: 300px; -moz-box-shadow: 3px 5px 30px 0px rgba(36, 36, 36, 0.15); -webkit-box-shadow: 3px 5px 30px 0px rgba(36, 36, 36, 0.15); box-shadow: 3px 5px 30px 0px rgba(36, 36, 36, 0.15); -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; } div.custom_hyva_tabs div.custom_hyva_tabs_tabpanel.custom_hyva_tabs_tabpanel_productslider div.custom_hyva_tabs_tabpanel_productslider_content_wrapper.custom_hyva_tabs_tabpanel_productslider_content_wrapper_with_button { width: calc(100% - 30px); float: left; } div.custom_hyva_tabs_tabpanel_productslider_content_wrapper_button { min-width: 300px; text-align: center; position: absolute; top: 130px; right: -140px; -moz-transform: scale(1) rotate(90deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg); -webkit-transform: scale(1) rotate(90deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg); -o-transform: scale(1) rotate(90deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg); -ms-transform: scale(1) rotate(90deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg); transform: scale(1) rotate(90deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg); } div.custom_hyva_tabs_tabpanel_productslider_content_wrapper_button:after { clear: both; } div.custom_hyva_tabs_tabpanel_productslider_content_wrapper_button a { background: #242424; width: 100%; font-size: 14px; font-weight: 600; color: #ffffff; text-transform: uppercase; display: inline-block; padding: 10px 10px 10px 10px; } /* HYVA ACCORDION CARDS */ div.custom_accordion_cards { margin: 0px 0px 20px 0px; padding: 0px 0px 0px 0px; } div.custom_accordion_cards div.custom_accordion_cards_card, div.block-filter div.filter-content div.filter-option.card { background: #ffffff; margin: 0px 0px 20px 0px; padding: 14px 14px 14px 14px; /* border: 1px solid #e7e7e7; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; */ -moz-box-shadow: 3px 5px 30px 0px rgba(36, 36, 36, 0.15); -webkit-box-shadow: 3px 5px 30px 0px rgba(36, 36, 36, 0.15); box-shadow: 3px 5px 30px 0px rgba(36, 36, 36, 0.15); -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; } div.custom_accordion_cards div.custom_accordion_cards_card span.title { font-size: 16px; font-weight: 600; } div.custom_accordion_cards div.custom_accordion_cards_card span.icon { border: 1px solid #e7e7e7; padding: 4px 4px 4px 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } div.custom_accordion_cards div.custom_accordion_cards_card div.content { border-top: 1px solid #e7e7e7; margin: 16px 0px 0px 0px; padding: 12px 0px 0px 0px; } /* AMASTY SITEMAP */ div.am-sitemap div.am-sitemap-search-wrapper { width: 100% !important; margin: 0px 0px 20px 0px; padding: 0px 0px 0px 0px; } div.am-sitemap div.am-sitemap-section div.am-sitemap-list span.text-highlight { background: #242424; color: var(--ci_color_font_white); -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; margin: 0px 0px 0px 0px; padding: 0px 4px 3px 4px; } div.am-sitemap div.am-sitemap-section ul { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } div.am-sitemap div.am-sitemap-section ul dt { font-size: 18px !important; font-family: 'Open Sans', sans-serif; color: #242424; font-weight: 500; margin: 0px 0px 20px 0px !important; padding: 0px 0px 15px 0px !important; position: relative; border-bottom: 1px solid #e1e1e1; } div.am-sitemap div.am-sitemap-section ul dt:after { background: #009fe3; bottom: -1px; content: ''; height: 2px; left: 0%; margin: 0px 0px 0px 0px; position: absolute; width: 82px; transition: all 0.33s ease-in-out; -moz-transition: all 0.33s ease-in-out; -o-transition: all 0.33s ease-in-out; -webkit-transition: all 0.33s ease-in-out; } div.am-sitemap div.am-sitemap-section ul dt:hover:after { background: #009fe3; width: 180px; } div.am-sitemap div.am-sitemap-section dd { margin: 0px 0px 20px 0px !important; } div.am-sitemap div.am-sitemap-section dd ul li { line-height: 23px !important; list-style: none; margin: 0px 0px 0px 0px !important; padding: 0px 0px 0px 20px; position: relative; } div.am-sitemap div.am-sitemap-section dd ul li:before { content: "\f105"; font-family: 'Font Awesome 5 Pro'; font-weight: 100; font-size: 1.4em; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; display: inline-block; position: absolute; left: 0px; -moz-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; } div.am-sitemap div.am-sitemap-section dd ul li:hover:before { color: #009fe3; left: 6px; } div.am-sitemap div.am-sitemap-section dd ul li a, div.am-sitemap div.am-sitemap-section dd ul li a:link, div.am-sitemap div.am-sitemap-section dd ul li a:visited { line-height: 23px; color: #242424 !important; -moz-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; } div.am-sitemap div.am-sitemap-section dd ul li a:hover { color: #009fe3 !important; } /* AMASTY COOKIE BAR / CONSENT / GDPR */ .ambar-btn-accept, .ambar-btn-decline, .ambar-btn-settings { -webkit-border-radius: 4px !important; -moz-border-radius: 4px !important; border-radius: 4px !important; } span.amgdpr-consent-span a { font-weight: 600; } /* AMASTY PROMO FREE GIFT */ div.free-gift-button { background-color: var(--ci_color_black); font-size: 12px; line-height: 30px; color: var(--ci_color_font_white); border: none; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -moz-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; --tw-shadow: 0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1); --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow,0 0 #242424),var(--tw-ring-shadow,0 0 #242424),var(--tw-shadow); } div.free-gift-button:hover { background-color: var(--ci_color_black_hover); color: var(--ci_color_font_white); } div.free-gift-button a, div.free-gift-button a:link, div.free-gift-button a:visited { color: var(--ci_color_font_white); font-weight: 600; } /* AMASTY BLOG */ div.amblog-post-list div.amblog-post-container div.amblog-post-container-tags { } span.amblog-post-container-image-copyrights { background: rgba(0, 0, 0, 0.8); color: #ffffff; font-size: 10px; line-height: 10px; margin: 0px 0px 0px 0px; padding: 4px 10px 4px 10px; position: absolute; bottom: 5px; right: 0px; z-index: 101; } span.amblog-post-container-image-copyrights a, span.amblog-post-container-image-copyrights a:link, span.amblog-post-container-image-copyrights a:visited { color: #ffffff; text-decoration: none; } /* CUSTOM MODALS */ div.custom_modal_content { } div.custom_modal_content_closing_button_bottom { border-top: 1px solid #e7e7e7; margin: 16px 0px 0px 0px; padding: 12px 0px 0px 0px; } /* OTHER CLASSES */ .has_shadow { position: relative; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; -moz-box-shadow: 3px 5px 30px 0px rgba(36, 36, 36, 0.15); -webkit-box-shadow: 3px 5px 30px 0px rgba(36, 36, 36, 0.15); box-shadow: 3px 5px 30px 0px rgba(36, 36, 36, 0.15); transition-property: all; transition-duration: 0.33s; transition-timing-function: cubic-bezier(0.4, 0.6, 0.4, 1.0); transition-delay: 0s; transition-behavior: normal; border: none; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; } /* SWIPER SLIDER MARQUEE */ div.swiper.swiper-marquee { margin: 0px 0px 0px 0px; mask-image: linear-gradient(to right, transparent 0%, #ffffff 10%, #ffffff 90%, transparent 100%); } div.swiper-wrapper.swiper-wrapper-marquee { -webkit-transition-timing-function: linear !important; -o-transition-timing-function: linear !important; transition-timing-function: linear !important; align-items: center; } div.swiper-slide.swiper-slide-marquee { width: auto; min-width: 290px; display: flex; align-items: center; justify-content: center; } /* SWIPER SLIDER MARQUEE TOPLINE BENEFITS */ div.header_topline_swiper_benefits { max-height: 30px; overflow: hidden; } div.header_topline_swiper_benefits div.swiper-slide.swiper-slide-marquee { font-size: 10px; font-weight: 600; text-transform: uppercase; text-transform: uppercase; text-align: left; color: var(--ci_color_font_grey); } /* SWIPER SLIDER MARQUEE FOOTER BENEFITS */ div.footer_swiper_benefits { background: #242424; min-height: 50px; color: #ffffff; } div.header_topline_swiper_benefits div.swiper-slide.swiper-slide-marquee span.marquee_item_icon, div.footer_swiper_benefits div.swiper-slide.swiper-slide-marquee span.marquee_item_icon { padding: 0px 10px 0px 0px; } div.header_topline_swiper_benefits div.swiper-slide.swiper-slide-marquee span.marquee_item_content, div.footer_swiper_benefits div.swiper-slide.swiper-slide-marquee span.marquee_item_content { } /* SCROLL AND READING PROGRESS */ div.page_scroll_progress_bar { background: transparent; width: 100%; height: 2px; position: fixed; z-index: 999999; top: 0px; } div.page_scroll_progress_bar div.scroll_progress_bar { background: var(--ci_color); width: 0px; height: 2px; } div.page_scroll_to_top_with_progress { position: fixed; z-index: 29; bottom: 41px; right: 55px; overflow: hidden; display: inline-flex; align-items: center; justify-content: center; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; } @media (max-width: 1023px) { div.page_scroll_to_top_with_progress { bottom: 77px; right: 25px; } div.page_scroll_to_top div#scroll-to-top { bottom: 92px; right: 41px; } } div.page_scroll_to_top_with_progress span.page_scroll_to_top_with_progress_content { position: absolute; left: 25%; top: 25%; } div.page_scroll_to_top_with_progress svg.page_scroll_to_top_with_progress_svg_circles { width: 5rem; height: 5rem; } div.page_scroll_to_top_with_progress svg circle.page_scroll_to_top_with_progress_svg_circle_bar { color: var(--ci_color_grey); } div.page_scroll_to_top_with_progress svg circle.page_scroll_to_top_with_progress_svg_circle_progress { color: var(--ci_color); } /* ICONS RANDOM USAGE */ .icon_svg_image_hotline { background-color: #009fe3; -webkit-mask: url(../images/icons/icon_hotline.svg) no-repeat 100% 100%; mask: url(../images/icons/icon_hotline.svg); width: 60px; max-width: 100%; height: 60px; display: block; } /* ICONS PAYMENT SHIPPMENT */ div.icon_payment_shippment { border: 1px solid #e4e4e4; } div.icon_payment_shippment.icon_payment_shippment_footer { margin: 0px 0px 0px 0px; padding: 4px 4px 4px 4px } div.trusted_shops_widget_slider etrusted-rc-carousel-review-tile { -webkit-border-radius: 0px !important; -moz-border-radius: 0px !important; border-radius: 0px !important; } /* TRUSTED SHOPS WIDGETS AND SEALS */ div.etrusted_widget.etrusted_widget_in_topmenu { font-size: 12px; position: absolute; top: 4px; right: -15px; } @media (max-width: 1023px) { div.etrusted_widget.etrusted_widget_in_topmenu { top: -2px; } } div.footer_column_company_details div.trusted_shops_excellent_shop_badge div.trusted_shops_excellent_shop_badge_image { max-width: 50%; } div.trusted_shops_widget_slider { zoom: 83%; } div.trusted_shops_widget_slider etrusted-rc-carousel-review-tile { -webkit-border-radius: 0px !important; -moz-border-radius: 0px !important; border-radius: 0px !important; } /* HREF AND OTHER ELEMENTS EFFECTS UNDERLINE */ a.href_hover_underline_animation, a.href_hover_underline_animation:link, a.href_hover_underline_animation:visited, .hover_underline_animation, .actions-toolbar a.back, .actions-toolbar a.underline.text-secondary, div.am-custom-tabs-wrapper div.am-tabs div.am-tabs-item div.tab-content.card a, div.am-sitemap div.am-sitemap-section div.am-sitemap-list div.w-full.pl-8.pr-2.list-none.mt-1 a, span.amgdpr-consent-span a, div.content.account-nav-content ul.nav.items li.nav.item a { text-decoration: none; position: relative; -moz-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; } a.href_hover_underline_animation:hover, .hover_underline_animation:hover, .actions-toolbar a.back:hover, .actions-toolbar a.underline.text-secondary:hover, div.am-custom-tabs-wrapper div.am-tabs div.am-tabs-item div.tab-content.card a:hover, div.am-sitemap div.am-sitemap-section div.am-sitemap-list div.w-full.pl-8.pr-2.list-none.mt-1 a:hover, span.amgdpr-consent-span a:hover, div.content.account-nav-content ul.nav.items li.nav.item a:hover { text-decoration: none; } a.href_hover_underline_animation:before, .hover_underline_animation:before, .actions-toolbar a.back:before, .actions-toolbar a.underline.text-secondary:before, div.am-custom-tabs-wrapper div.am-tabs div.am-tabs-item div.tab-content.card a:before, div.am-sitemap div.am-sitemap-section div.am-sitemap-list div.w-full.pl-8.pr-2.list-none.mt-1 a:before, span.amgdpr-consent-span a:before, div.content.account-nav-content ul.nav.items li.nav.item a:before { content: ''; width: 100%; height: 1px; position: absolute; background: currentColor; top: 100%; left: 0; pointer-events: none; transform-origin: 100% 50%; transform: scale3d(0, 1, 1); transition: transform 0.3s; } a.href_hover_underline_animation:hover:before, .hover_underline_animation:hover:before, .actions-toolbar a.back:hover:before, .actions-toolbar a.underline.text-secondary:hover:before, div.am-custom-tabs-wrapper div.am-tabs div.am-tabs-item div.tab-content.card a:hover:before, div.am-sitemap div.am-sitemap-section div.am-sitemap-list div.w-full.pl-8.pr-2.list-none.mt-1 a:hover:before, span.amgdpr-consent-span a:hover:before, div.content.account-nav-content ul.nav.items li.nav.item a:hover:before { transform-origin: 0% 50%; transform: scale3d(1, 1, 1); } /* IMAGE ANIMATIONS AND EFFECTS */ /* */ .hover_circle { position: relative; overflow: hidden; display: block; } .hover_circle::before { content: ''; background: rgba(255,255,255,0.2); width: 0px; height: 0px; display: block; position: absolute; top: 50%; left: 50%; z-index: 2; border-radius: 100%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -moz-opacity: 0.0; -khtml-opacity: 0.0; opacity: 0.0; } .hover_circle:hover::before { -webkit-animation: animation_hover_circle 0.75s; animation: animation_hover_circle 0.75s; } @-webkit-keyframes animation_hover_circle { 0% { opacity: 1; } 40% { opacity: 1; } 100% { width: 200%; height: 200%; opacity: 0; } } @keyframes animation_hover_circle { 0% { opacity: 1; } 40% { opacity: 1; } 100% { width: 200%; height: 200%; opacity: 0; } } .pulse { position: relative; } .pulse:before, .pulse:after { content: ''; background: rgba(255, 255, 255, 0.4); width: 32px; height: 32px; position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -moz-opacity: 0.0; -khtml-opacity: 0.0; opacity: 0.0; margin: auto; } .pulse_white:before, .pulse_white:afte { background: rgba(255, 255, 255, 0.4); } .pulse_ci_color { background: rgba(var(--ci_color), 0.4); } .pulse:hover:before, .pulse:hover:after { display: none; } .pulse:before { animation: pulse 2.5s infinite linear; } .pulse:after { animation: pulse 3s 0.4s infinite linear; } @keyframes pulse { 0% { -ms-transform: scale(0); -moz-transform: scale(0); -webkit-transform: scale(0); -o-transform: scale(0); transform: scale(0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -moz-opacity: 0.0; -khtml-opacity: 0.0; opacity: 0.0; } 33% { -ms-transform: scale(1); -moz-transform: scale(1); -webkit-transform: scale(1); -o-transform: scale(1); transform: scale(1); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); -moz-opacity: 1.0; -khtml-opacity: 1.0; opacity: 1.0; } 100% { -ms-transform: scale(3); -moz-transform: scale(3); -webkit-transform: scale(3); -o-transform: scale(3); transform: scale(3); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -moz-opacity: 0.0; -khtml-opacity: 0.0; opacity: 0.0; } } /* TEMPLATE HINTS BREAKPOINTS */ div.template_hints_magento_breakpoints { background: #242424; min-width: 250px; font-size: 12px; color: #ffffff; display: inline-block; margin: 0px 0px 0px 0px; padding: 5px 10px 5px 10px; position: fixed; right: 10px; bottom: 240px; z-index: 9999; } /* TEMPLATE HINTS BLOCKS */ a.template_hints_magento_blocks, a.template_hints_magento_blocks:link, a.template_hints_magento_blocks:visited { min-width: 150px; font-size: 10px; color: #ffffff; display: inline-block; margin: 0px 0px 0px 0px; padding: 5px 10px 5px 10px; position: fixed; right: 10px; bottom: 50%; z-index: 9999; -moz-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; } a.template_hints_magento_blocks_on { background: #242424; } a.template_hints_magento_blocks_off { background: #a94442; } a.template_hints_magento_blocks:hover { background: #404040; } /* TEMPLATE HINTS */ div.debugging-hint-template-file, div.debugging-hint-block-class { background: #242424 !important; color: #ffffff !important; } /* UNIVERSAL */ .img-responsive, .img_responsive { display: block; max-width: 100%; height: auto; /* ISSUES IN CHROME - BLURRY */ image-rendering: -webkit-optimize-contrast; /* image-rendering: pixelated; filter: blur(0); -webkit-filter: blur(0); transform: translateZ(0); -webkit-transform: translateZ(0); */ } .iframe-responsive-container-16-9, .iframe_responsive_container_16_9 { width: 100%; position: relative; overflow: hidden; padding-top: 56.25%; /* 16:9 aspect ratio (divide 9 by 16 = 0.5625) */ } .iframe-responsive, .iframe_responsive { width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; bottom: 0px; } p { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } img { border: none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; display: block; } video { width: 100%; height: auto; cursor: pointer; } *::-webkit-media-controls-play-button { display: none !important; -webkit-appearance: none; } .scrollreveal_wrapper { overflow: hidden !important; } .position_absolute { position: absolute; } .position_relative { position: relative; } .position_fixed { position: fixed; } .position_static { position: static; } .float_left { float: left; } .float_right { float: right; } .clear_left { clear: left; } .clear_right { clear: right; } .clear_both { clear: both; } .left { text-align: left; } .right { text-align: right; } .center { text-align: center; } .justify { text-align: justify; } .display_table { display: table; border-collapse: collapse; } .display_table_cell { display: table-cell; } .display_table_row { display: table-row; } .display_block { display: block; } .display_inline_block { display: inline-block !important; } .display_inline { display: inline; } .display_none { display: none !important; } .overflow_hidden { overflow: hidden; } .pointer { cursor: pointer; } .help { cursor: help; } ::-moz-selection { background: var(--ci_color_accent); color: var(--ci_color_accent_font); } ::selection { background: var(--ci_color_accent); color: var(--ci_color_accent_font); } ::-webkit-input-placeholder { color: #242424; } ::-moz-placeholder { color: #242424; } :-ms-input-placeholder { color: #242424; } :-moz-placeholder { color: #242424; } .circle { -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; width: 200px; height: 200px; } .fade_in_on_scroll { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -moz-opacity: 0.0; -khtml-opacity: 0.0; opacity: 0.0; } .opacity_0 { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -moz-opacity: 0.0; -khtml-opacity: 0.0; opacity: 0.0; } .opacity_25 { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=25)"; filter: alpha(opacity=25); -moz-opacity: 0.25; -khtml-opacity: 0.25; opacity: 0.25; } .opacity_50 { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50); -moz-opacity: 0.50; -khtml-opacity: 0.50; opacity: 0.50; } .opacity_75 { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)"; filter: alpha(opacity=75); -moz-opacity: 0.75; -khtml-opacity: 0.75; opacity: 0.75; } .opacity_100 { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); -moz-opacity: 1.0; -khtml-opacity: 1.0; opacity: 1.0; } .rotate_90 { -moz-transform: rotate(90deg); -webkit-transform: rotate(90deg); -o-transform: rotate(90deg); -ms-transform: rotate(90deg); } .rotate_180 { -moz-transform: rotate(180deg); -webkit-transform: rotate(180deg); -o-transform: rotate(180deg); -ms-transform: rotate(180deg); } .rotate_270 { -moz-transform: rotate(270deg); -webkit-transform: rotate(270deg); -o-transform: rotate(270deg); -ms-transform: rotate(270deg); } .rotate_360 { -moz-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -ms-transform: rotate(360deg); } .flip_horizontally { -moz-transform: scale(-1, 1); -webkit-transform: scale(-1, 1); -o-transform: scale(-1, 1); -ms-transform: scale(-1, 1); transform: scale(-1, 1); } .flip_vertically { -moz-transform: scale(1, -1); -webkit-transform: scale(1, -1); -o-transform: scale(1, -1); -ms-transform: scale(1, -1); transform: scale(1, -1); } .scale_25 { -webkit-transform:scale(1.25); -moz-transform:scale(1.25); -ms-transform:scale(1.25); -o-transform:scale(1.25); transform:scale(1.25); } .width_25p { width: 25%; } .width_33p { width: 33.3%; } .width_100p { width: 100%; } .width_150 { width: 150px; } .width_280 { width: 280px; } .width_293 { width: 293px; } .width_330 { width: 330px; } .width_345 { width: 345px; } .no_hyphens { -moz-hyphens: none; -o-hyphens: none; -webkit-hyphens: none; -ms-hyphens: none; hyphens: none; } .with_border_radius { -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; } .list_unstyled { list-style: none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } .reset-this { animation : none; animation-delay : 0; animation-direction : normal; animation-duration : 0; animation-fill-mode : none; animation-iteration-count : 1; animation-name : none; animation-play-state : running; animation-timing-function : ease; backface-visibility : visible; background : 0; background-attachment : scroll; background-clip : border-box; background-color : transparent; background-image : none; background-origin : padding-box; background-position : 0 0; background-position-x : 0; background-position-y : 0; background-repeat : repeat; background-size : auto auto; border : 0; border-style : none; border-width : medium; border-color : inherit; border-bottom : 0; border-bottom-color : inherit; border-bottom-left-radius : 0; border-bottom-right-radius : 0; border-bottom-style : none; border-bottom-width : medium; border-collapse : separate; border-image : none; border-left : 0; border-left-color : inherit; border-left-style : none; border-left-width : medium; border-radius : 0; border-right : 0; border-right-color : inherit; border-right-style : none; border-right-width : medium; border-spacing : 0; border-top : 0; border-top-color : inherit; border-top-left-radius : 0; border-top-right-radius : 0; border-top-style : none; border-top-width : medium; bottom : auto; box-shadow : none; box-sizing : content-box; caption-side : top; clear : none; clip : auto; color : inherit; columns : auto; column-count : auto; column-fill : balance; column-gap : normal; column-rule : medium none currentColor; column-rule-color : currentColor; column-rule-style : none; column-rule-width : none; column-span : 1; column-width : auto; content : normal; counter-increment : none; counter-reset : none; cursor : auto; direction : ltr; display : inline; empty-cells : show; float : none; font : normal; font-family : inherit; font-size : medium; font-style : normal; font-variant : normal; font-weight : normal; height : auto; hyphens : none; left : auto; letter-spacing : normal; line-height : normal; list-style : none; list-style-image : none; list-style-position : outside; list-style-type : disc; margin : 0; margin-bottom : 0; margin-left : 0; margin-right : 0; margin-top : 0; max-height : none; max-width : none; min-height : 0; min-width : 0; opacity : 1; orphans : 0; outline : 0; outline-color : invert; outline-style : none; outline-width : medium; overflow : visible; overflow-x : visible; overflow-y : visible; padding : 0; padding-bottom : 0; padding-left : 0; padding-right : 0; padding-top : 0; page-break-after : auto; page-break-before : auto; page-break-inside : auto; perspective : none; perspective-origin : 50% 50%; position : static; /* May need to alter quotes for different locales (e.g fr) */ quotes : '\201C' '\201D' '\2018' '\2019'; right : auto; tab-size : 8; table-layout : auto; text-align : inherit; text-align-last : auto; text-decoration : none; text-decoration-color : inherit; text-decoration-line : none; text-decoration-style : solid; text-indent : 0; text-shadow : none; text-transform : none; top : auto; transform : none; transform-style : flat; transition : none; transition-delay : 0s; transition-duration : 0s; transition-property : none; transition-timing-function : ease; unicode-bidi : normal; vertical-align : baseline; visibility : visible; white-space : normal; widows : 0; width : auto; word-spacing : normal; z-index : auto; /* basic modern patch */ all: initial; all: unset; } /* PRINT */ @media print { .not_printable { display: none; } } /* DESKTOPS / TABLETS */ @media only screen and (min-width: 1201px) { .not_desktop { display: none !important; } .only_desktop { display: inline-block !important; } } @media only screen and (max-width: 1200px) { .not_desktop { display: inline-block !important; } .only_desktop { display: none !important; } } @media only screen and (min-width: 991px) { .only_tablet { display: none !important; } } @media only screen and (max-width: 992px) { .not_tablet { display: none !important; } .only_tablet { display: inline-block !important; } } /* MOBILE PHONES */ @media only screen and (min-width: 481px) { .only_mobile { display: none; } } @media only screen and (max-width: 480px) { .not_mobile { display: none; } .only_mobile { display: inline-block; } .width_150 { width: 80px; } } /* CODE DEBUG */ pre { background: #f8f8f8; background-color: #f8f8f8; background-image: -webkit-repeating-linear-gradient(top, #ffffff 0px, #ffffff 22px, #f8f8f8 22px, #f8f8f8 44px); background-image: -moz-repeating-linear-gradient(top, #ffffff 0px, #ffffff 22px, #f8f8f8 22px, #f8f8f8 44px); background-image: -ms-repeating-linear-gradient(top, #ffffff 0px, #ffffff 22px, #f8f8f8 22px, #f8f8f8 44px); background-image: -o-repeating-linear-gradient(top, #ffffff 0px, #ffffff 22px, #f8f8f8 22px, #f8f8f8 44px); background-image: repeating-linear-gradient(top, #ffffff 0px, #ffffff 22px, #f8f8f8 22px, #f8f8f8 44px); width: 100%; font: normal 14px/22px 'Open Sans','Helvetica Neue',Helvetica,Arial,sans-serif; font-weight: 400; color: #242424; counter-reset: line-numbering; border: 1px solid #e2e2e2; border-left: 4px solid #242424; margin: 0px 0px 40px 0px; padding: 20px 20px 20px 20px; overflow: hidden; overflow-x: visible; /* white-space: -moz-pre-wrap !important; white-space: -pre-wrap; white-space: -o-pre-wrap; white-space: pre-wrap; */ word-wrap: break-word; tab-size: 4; -moz-tab-size: 4; } pre span.line::before { width: 20px; content: counter(line-numbering); counter-increment: line-numbering; padding-right: 1em; /* space after numbers */ padding-left: 8px; text-align: right; color: #242424; } /* BOOTSTRAP 12ER GRID */ @-ms-viewport { width: device-width; } .visible-xs, .visible-sm, .visible-md, .visible-lg { display: none !important; } .visible-xs-block, .visible-xs-inline, .visible-xs-inline-block, .visible-sm-block, .visible-sm-inline, .visible-sm-inline-block, .visible-md-block, .visible-md-inline, .visible-md-inline-block, .visible-lg-block, .visible-lg-inline, .visible-lg-inline-block { display: none !important; } @media (max-width: 767px) { .visible-xs { display: block !important; } table.visible-xs { display: table; } tr.visible-xs { display: table-row !important; } th.visible-xs, td.visible-xs { display: table-cell !important; } } @media (max-width: 767px) { .visible-xs-block { display: block !important; } } @media (max-width: 767px) { .visible-xs-inline { display: inline !important; } } @media (max-width: 767px) { .visible-xs-inline-block { display: inline-block !important; } } @media (min-width:768px) and (max-width: 991px) { .visible-sm { display: block !important; } table.visible-sm { display: table; } tr.visible-sm { display: table-row !important; } th.visible-sm, td.visible-sm { display: table-cell !important; } } @media (min-width:768px) and (max-width: 991px) { .visible-sm-block { display: block !important; } } @media (min-width:768px) and (max-width: 991px) { .visible-sm-inline { display: inline !important; } } @media (min-width:768px) and (max-width: 991px) { .visible-sm-inline-block { display: inline-block !important; } } @media (min-width: 992px) and (max-width: 1199px) { .visible-md { display: block !important; } table.visible-md { display: table; } tr.visible-md { display: table-row !important; } th.visible-md, td.visible-md { display: table-cell !important; } } @media (min-width: 992px) and (max-width: 1199px) { .visible-md-block { display: block !important; } } @media (min-width: 992px) and (max-width: 1199px) { .visible-md-inline { display: inline !important; } } @media (min-width: 992px) and (max-width: 1199px) { .visible-md-inline-block { display: inline-block !important; } } @media (min-width: 1200px) { .visible-lg { display: block !important; } table.visible-lg { display: table; } tr.visible-lg { display: table-row !important; } th.visible-lg, td.visible-lg { display: table-cell !important; } } @media (min-width: 1200px) { .visible-lg-block { display: block !important; } } @media (min-width: 1200px) { .visible-lg-inline { display: inline !important; } } @media (min-width: 1200px) { .visible-lg-inline-block { display: inline-block !important; } } @media (max-width: 767px) { .hidden-xs { display: none !important; } } @media (min-width:768px) and (max-width: 991px) { .hidden-sm { display: none !important; } } @media (min-width: 992px) and (max-width: 1199px) { .hidden-md { display: none !important; } } @media (min-width: 1200px) { .hidden-lg { display: none !important; } } .visible-print { display: none !important; } @media print { .visible-print { display: block !important; } table.visible-print { display: table; } tr.visible-print { display: table-row !important; } th.visible-print, td.visible-print { display: table-cell !important; } } .visible-print-block { display: none !important; } @media print { .visible-print-block { display: block !important; } } .visible-print-inline { display: none !important; } @media print { .visible-print-inline { display: inline !important; } } .visible-print-inline-block { display: none !important; } @media print { .visible-print-inline-block { display: inline-block !important; } } @media print { .hidden-print { display: none !important; } } /* .container, .container_wide, .container_extra_wide { margin-right: auto; margin-left: auto; padding-left: 15px; padding-right: 15px; } @media (min-width:768px) { .container, .container_wide, .container_extra_wide { width: 750px; } } @media (min-width: 992px) { .container, .container_wide, .container_extra_wide { width: 970px; } } @media (min-width: 1200px) { .container { width: 1170px; } .container_wide { width: 1270px; } .container_extra_wide { width: 1440px; } } .container-fluid { margin-right: auto; margin-left: auto; padding-left: 15px; padding-right: 15px; } .row { margin-left: -15px; margin-right: -15px; } */ /* .row-equal-height { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .row-equal-height > [class*='col-'] { display: flex; flex-direction: column; } .col-no-padding { padding-left: 0px !important; padding-right: 0px !important; } .col-no-padding > [class^="col-"], .col-no-padding > [class*=" col-"] { padding-left: 0px !important; padding-right: 0px !important; } .col, .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 { position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; } .col, .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 { float: left; } .col-xs-12 { width: 100%; } .col-xs-11 { width: 91.66666667%; } .col-xs-10 { width: 83.33333333%; } .col-xs-9 { width: 75%; } .col-xs-8 { width: 66.66666667%; } .col-xs-7 { width: 58.33333333%; } .col-xs-6 { width: 50%; } .col-xs-5 { width: 41.66666667%; } .col-xs-4 { width: 33.33333333%; } .col-xs-3 { width: 25%; } .col-xs-2 { width: 16.66666667%; } .col-xs-1 { width: 8.33333333%; } .col-xs-pull-12 { right: 100%; } .col-xs-pull-11 { right: 91.66666667%; } .col-xs-pull-10 { right: 83.33333333%; } .col-xs-pull-9 { right: 75%; } .col-xs-pull-8 { right: 66.66666667%; } .col-xs-pull-7 { right: 58.33333333%; } .col-xs-pull-6 { right: 50%; } .col-xs-pull-5 { right: 41.66666667%; } .col-xs-pull-4 { right: 33.33333333%; } .col-xs-pull-3 { right: 25%; } .col-xs-pull-2 { right: 16.66666667%; } .col-xs-pull-1 { right: 8.33333333%; } .col-xs-pull-0 { right: auto; } .col-xs-push-12 { left: 100%; } .col-xs-push-11 { left: 91.66666667%; } .col-xs-push-10 { left: 83.33333333%; } .col-xs-push-9 { left: 75%; } .col-xs-push-8 { left: 66.66666667%; } .col-xs-push-7 { left: 58.33333333%; } .col-xs-push-6 { left: 50%; } .col-xs-push-5 { left: 41.66666667%; } .col-xs-push-4 { left: 33.33333333%; } .col-xs-push-3 { left: 25%; } .col-xs-push-2 { left: 16.66666667%; } .col-xs-push-1 { left: 8.33333333%; } .col-xs-push-0 { left: auto; } .col-xs-offset-12 { margin-left: 100%; } .col-xs-offset-11 { margin-left: 91.66666667%; } .col-xs-offset-10 { margin-left: 83.33333333%; } .col-xs-offset-9 { margin-left: 75%; } .col-xs-offset-8 { margin-left: 66.66666667%; } .col-xs-offset-7 { margin-left: 58.33333333%; } .col-xs-offset-6 { margin-left: 50%; } .col-xs-offset-5 { margin-left: 41.66666667%; } .col-xs-offset-4 { margin-left: 33.33333333%; } .col-xs-offset-3 { margin-left: 25%; } .col-xs-offset-2 { margin-left: 16.66666667%; } .col-xs-offset-1 { margin-left: 8.33333333%; } .col-xs-offset-0 { margin-left: 0%; } @media (min-width:768px) { .col, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 { float: left; } .col-sm-12 { width: 100%; } .col-sm-11 { width: 91.66666667%; } .col-sm-10 { width: 83.33333333%; } .col-sm-9 { width: 75%; } .col-sm-8 { width: 66.66666667%; } .col-sm-7 { width: 58.33333333%; } .col-sm-6 { width: 50%; } .col-sm-5 { width: 41.66666667%; } .col-sm-4 { width: 33.33333333%; } .col-sm-3 { width: 25%; } .col-sm-2 { width: 16.66666667%; } .col-sm-1 { width: 8.33333333%; } .col-sm-pull-12 { right: 100%; } .col-sm-pull-11 { right: 91.66666667%; } .col-sm-pull-10 { right: 83.33333333%; } .col-sm-pull-9 { right: 75%; } .col-sm-pull-8 { right: 66.66666667%; } .col-sm-pull-7 { right: 58.33333333%; } .col-sm-pull-6 { right: 50%; } .col-sm-pull-5 { right: 41.66666667%; } .col-sm-pull-4 { right: 33.33333333%; } .col-sm-pull-3 { right: 25%; } .col-sm-pull-2 { right: 16.66666667%; } .col-sm-pull-1 { right: 8.33333333%; } .col-sm-pull-0 { right: auto; } .col-sm-push-12 { left: 100%; } .col-sm-push-11 { left: 91.66666667%; } .col-sm-push-10 { left: 83.33333333%; } .col-sm-push-9 { left: 75%; } .col-sm-push-8 { left: 66.66666667%; } .col-sm-push-7 { left: 58.33333333%; } .col-sm-push-6 { left: 50%; } .col-sm-push-5 { left: 41.66666667%; } .col-sm-push-4 { left: 33.33333333%; } .col-sm-push-3 { left: 25%; } .col-sm-push-2 { left: 16.66666667%; } .col-sm-push-1 { left: 8.33333333%; } .col-sm-push-0 { left: auto; } .col-sm-offset-12 { margin-left: 100%; } .col-sm-offset-11 { margin-left: 91.66666667%; } .col-sm-offset-10 { margin-left: 83.33333333%; } .col-sm-offset-9 { margin-left: 75%; } .col-sm-offset-8 { margin-left: 66.66666667%; } .col-sm-offset-7 { margin-left: 58.33333333%; } .col-sm-offset-6 { margin-left: 50%; } .col-sm-offset-5 { margin-left: 41.66666667%; } .col-sm-offset-4 { margin-left: 33.33333333%; } .col-sm-offset-3 { margin-left: 25%; } .col-sm-offset-2 { margin-left: 16.66666667%; } .col-sm-offset-1 { margin-left: 8.33333333%; } .col-sm-offset-0 { margin-left: 0%; } } @media (min-width: 992px) { .col, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 { float: left; } .col-md-12 { width: 100%; } .col-md-11 { width: 91.66666666%; } .col-md-10 { width: 83.33333333%; } .col-md-9 { width: 75%; } .col-md-8 { width: 66.66666666%; } .col-md-7 { width: 58.33333333%; } .col-md-6 { width: 50%; } .col-md-5 { width: 41.66666666%; } .col-md-4 { width: 33.33333333%; } .col-md-3 { width: 25%; } .col-md-2 { width: 16.66666666%; } .col-md-1 { width: 8.33333333%; } .col-md-pull-12 { right: 100%; } .col-md-pull-11 { right: 91.66666667%; } .col-md-pull-10 { right: 83.33333333%; } .col-md-pull-9 { right: 75%; } .col-md-pull-8 { right: 66.66666667%; } .col-md-pull-7 { right: 58.33333333%; } .col-md-pull-6 { right: 50%; } .col-md-pull-5 { right: 41.66666667%; } .col-md-pull-4 { right: 33.33333333%; } .col-md-pull-3 { right: 25%; } .col-md-pull-2 { right: 16.66666667%; } .col-md-pull-1 { right: 8.33333333%; } .col-md-pull-0 { right: auto; } .col-md-push-12 { left: 100%; } .col-md-push-11 { left: 91.66666667%; } .col-md-push-10 { left: 83.33333333%; } .col-md-push-9 { left: 75%; } .col-md-push-8 { left: 66.66666667%; } .col-md-push-7 { left: 58.33333333%; } .col-md-push-6 { left: 50%; } .col-md-push-5 { left: 41.66666667%; } .col-md-push-4 { left: 33.33333333%; } .col-md-push-3 { left: 25%; } .col-md-push-2 { left: 16.66666667%; } .col-md-push-1 { left: 8.33333333%; } .col-md-push-0 { left: auto; } .col-md-offset-12 { margin-left: 100%; } .col-md-offset-11 { margin-left: 91.66666667%; } .col-md-offset-10 { margin-left: 83.33333333%; } .col-md-offset-9 { margin-left: 75%; } .col-md-offset-8 { margin-left: 66.66666667%; } .col-md-offset-7 { margin-left: 58.33333333%; } .col-md-offset-6 { margin-left: 50%; } .col-md-offset-5 { margin-left: 41.66666667%; } .col-md-offset-4 { margin-left: 33.33333333%; } .col-md-offset-3 { margin-left: 25%; } .col-md-offset-2 { margin-left: 16.66666667%; } .col-md-offset-1 { margin-left: 8.33333333%; } .col-md-offset-0 { margin-left: 0%; } } @media (min-width: 1200px) { .col, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 { float: left; } .col-lg-12 { width: 100%; } .col-lg-11 { width: 91.66666667%; } .col-lg-10 { width: 83.33333333%; } .col-lg-9 { width: 75%; } .col-lg-8 { width: 66.66666667%; } .col-lg-7 { width: 58.33333333%; } .col-lg-6 { width: 50%; } .col-lg-5 { width: 41.66666667%; } .col-lg-4 { width: 33.33333333%; } .col-lg-3 { width: 25%; } .col-lg-2 { width: 16.66666667%; } .col-lg-1 { width: 8.33333333%; } .col-lg-pull-12 { right: 100%; } .col-lg-pull-11 { right: 91.66666667%; } .col-lg-pull-10 { right: 83.33333333%; } .col-lg-pull-9 { right: 75%; } .col-lg-pull-8 { right: 66.66666667%; } .col-lg-pull-7 { right: 58.33333333%; } .col-lg-pull-6 { right: 50%; } .col-lg-pull-5 { right: 41.66666667%; } .col-lg-pull-4 { right: 33.33333333%; } .col-lg-pull-3 { right: 25%; } .col-lg-pull-2 { right: 16.66666667%; } .col-lg-pull-1 { right: 8.33333333%; } .col-lg-pull-0 { right: auto; } .col-lg-push-12 { left: 100%; } .col-lg-push-11 { left: 91.66666667%; } .col-lg-push-10 { left: 83.33333333%; } .col-lg-push-9 { left: 75%; } .col-lg-push-8 { left: 66.66666667%; } .col-lg-push-7 { left: 58.33333333%; } .col-lg-push-6 { left: 50%; } .col-lg-push-5 { left: 41.66666667%; } .col-lg-push-4 { left: 33.33333333%; } .col-lg-push-3 { left: 25%; } .col-lg-push-2 { left: 16.66666667%; } .col-lg-push-1 { left: 8.33333333%; } .col-lg-push-0 { left: auto; } .col-lg-offset-12 { margin-left: 100%; } .col-lg-offset-11 { margin-left: 91.66666667%; } .col-lg-offset-10 { margin-left: 83.33333333%; } .col-lg-offset-9 { margin-left: 75%; } .col-lg-offset-8 { margin-left: 66.66666667%; } .col-lg-offset-7 { margin-left: 58.33333333%; } .col-lg-offset-6 { margin-left: 50%; } .col-lg-offset-5 { margin-left: 41.66666667%; } .col-lg-offset-4 { margin-left: 33.33333333%; } .col-lg-offset-3 { margin-left: 25%; } .col-lg-offset-2 { margin-left: 16.66666667%; } .col-lg-offset-1 { margin-left: 8.33333333%; } .col-lg-offset-0 { margin-left: 0%; } } .clearfix, .clearfix:before, .clearfix:after, .container:before, .container:after, .container_wide:before, .container_wide:after, .container-fluid:before, .container-fluid:after, .row:before, .row:after { content: " "; display: table; } .clearfix:after, .container:after, .container_wide:after, .container-fluid:after, .row:after { clear: both; } .center-block { display: block; margin-left: auto; margin-right: auto; } .pull-right { float: right !important; } .pull-left { float: left !important; } *, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } */ /* 12 ROWS GRID */ /* .row-1 { height: 8.333333%; } .row-2 { height: 16.666666%; } .row-3 { height: 25%; } .row-4 { height: 33.333333%; } .row-5 { height: 41.666666%; } .row-6 { height: 50%; } .row-7 { height: 58.333333%; } .row-8 { height: 66.666666%; } .row-9 { height: 75%; } .row-10 { height: 83.333333%; } .row-11 { height: 91.666666%; } .row-12 { height: 100%; } */ /* TODO ADD INTO TAILWIND CONFIG */ /* .grid { display: grid; } .grid-cols-1 { grid-template-columns: repeat(1, minmax(0, 1fr)); } .grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } .grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } .grid-cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); } .grid-cols-5 { grid-template-columns: repeat(5, minmax(0, 1fr)); } .grid-cols-6 { grid-template-columns: repeat(6, minmax(0, 1fr)); } .grid-cols-7 { grid-template-columns: repeat(7, minmax(0, 1fr)); } .grid-cols-8 { grid-template-columns: repeat(8, minmax(0, 1fr)); } .grid-cols-9 { grid-template-columns: repeat(9, minmax(0, 1fr)); } .grid-cols-10 { grid-template-columns: repeat(10, minmax(0, 1fr)); } .grid-cols-11 { grid-template-columns: repeat(11, minmax(0, 1fr)); } .grid-cols-12 { grid-template-columns: repeat(12, minmax(0, 1fr)); } .grid-cols-13 { grid-template-columns: repeat(13, minmax(0, 1fr)); } .grid-cols-14 { grid-template-columns: repeat(14, minmax(0, 1fr)); } .grid-cols-15 { grid-template-columns: repeat(15, minmax(0, 1fr)); } .grid-cols-16 { grid-template-columns: repeat(16, minmax(0, 1fr)); } .col-span-1 { grid-column: span 1 / span 1; } .col-span-2 { grid-column: span 2 / span 2; } .col-span-3 { grid-column: span 3 / span 3; } .col-span-4 { grid-column: span 4 / span 4; } .col-span-5 { grid-column: span 5 / span 5; } .col-span-6 { grid-column: span 6 / span 6; } .col-span-7 { grid-column: span 7 / span 7; } .col-span-7 { grid-column: span 7 / span 7; } .col-span-8 { grid-column: span 8 / span 8; } .col-start-1 { grid-column-start: 1; } .col-start-2 { grid-column-start: 2; } .col-start-3 { grid-column-start: 3; } .col-start-4 { grid-column-start: 4; } .col-start-5 { grid-column-start: 5; } .col-start-6 { grid-column-start: 6; } .col-start-7 { grid-column-start: 7; } .col-start-8 { grid-column-start: 8; } .grid-rows-1 { grid-template-rows: repeat(1, minmax(0, 1fr)); } .grid-rows-2 { grid-template-rows: repeat(2, minmax(0, 1fr)); } .grid-rows-3 { grid-template-rows: repeat(3, minmax(0, 1fr)); } .grid-rows-4 { grid-template-rows: repeat(4, minmax(0, 1fr)); } .grid-rows-5 { grid-template-rows: repeat(5, minmax(0, 1fr)); } .grid-rows-6 { grid-template-rows: repeat(6, minmax(0, 1fr)); } .grid-rows-7 { grid-template-rows: repeat(7, minmax(0, 1fr)); } .grid-rows-8 { grid-template-rows: repeat(8, minmax(0, 1fr)); } .gap-1 { gap: 0.25rem; } .gap-2 { gap: 0.5rem; } .gap-3 { gap: 0.75rem; } .gap-4 { gap: 1rem; } .gap-5 { gap: 1.25rem; } .gap-6 { gap: 1.5rem; } .gap-6 { gap: 1.5rem; } .gap-7 { gap: 1.75rem; } .gap-8 { gap: 2rem; } */ @media (min-width:640px) { .sm\:hidden { display: none; } .sm\:block { display: block } .sm\:inline-block { display: inline-block } } @media (min-width:768px) { .md\:hidden { display: none; } .md\:block { display: block } .md\:inline-block { display: inline-block } } @media (min-width:1024px) { .lg\:hidden { display: none; } .lg\:block { display: block } .lg\:inline-block { display: inline-block } } @media (min-width:1280px) { .xl\:hidden { display: none; } .xl\:block { display: block } .xl\:inline-block { display: inline-block } } @media (min-width:1536px) { .2xl\:hidden { display: none; } .2xl\:block { display: block } .2xl\:inline-block { display: inline-block } }