// // Desktop // _____________________________________________ @media screen and (min-width: 801px) { .cms-home { margin-top: -5px; } .category-image { margin-top: -90px; } .page-main { margin-top: 1px; } .magicmenu .nav-desktop { height: 1px; margin-top: 9px; padding-left: 10%; } .magicmenu .nav-desktop .level0 .level-top>span { font-size: 11px; } .nav-sections { font-size: 1px; height: 1px; } .magicmenu .nav-desktop .level0 .level-top { padding: 4px 8px; height: 1px; } .header.content, .page-header { height: 55px; margin-top: 0px; } .magicmenu .nav-desktop, .header.content, .page-header, .minicart-wrapper .action.showcart:before { position: fixed; } .cms-home, .page-main, .category-image, .page-header, .header.content, .header.panel, .top-container, .page-wrapper>.widget, .block.category.event, .breadcrumbs, .footer.content, [data-content-type=row][data-appearance=contained] { padding-left: 0px !important; padding-right: 0px !important; margin-left: 0px !important; margin-right: 0px !important; max-width: 100% !important; width: 100% !important; } .header.content, .page-header { z-index: 2; } .magicmenu .nav-desktop, .minicart-wrapper .action.showcart:before, .logo { z-index: 3; } .logo { background-color: transparent; margin-top: -25px; max-width: 6%; max-height: 6%; z-index: 999999999; } .minicart-wrapper, .action.showcart:before { margin-top: -35px; margin-right: 40px; content: '\f290'; font-family: 'FontAwesome'; color:#fff; } input[type=search] { border: 2px solid #080808; border-radius: 10px; height: 38px; width: 120%; } .product.info.main, .product.info.price, .product.info.stock.sku, .product.info.extrahint, .product.info.social, .product.info.media, .product.name .base, .product.info.detailed, .product-item-name, .product.name a, .product.data.items>.item.title>.switch { font-size: 20px; font-weight: 900; color: #000000; font-family: 'Great Vibes'; } .product-info-main .page-title-wrapper h1 { font-size: 30px; font-weight: 900; color: #000000; font-family: 'Great Vibes'; } .product-info-main .product.alert, .header.content, .page-header, .navigation, .message.global.cookie { color: #ffffff; background-color: #000000; } .rating-summary .rating-result>span:before { color: #ffeb00; } .product-info-main .product-info-stock-sku { color: #147fcb; } .product-info-main .stock.available, .product-info-main .stock.unavailable { color: #74f512; } .product-info-main .stock.unavailable { color: #f30000; } .product-options-bottom .price-box .price-container .price, .product-info-price .price-box .price-container .price { font-size: 30px; color: #2c030f; font-weight: 900; } .wishlist.split.button>.action.split, .product-social-links .action.towishlist, .block-bundle-summary .action.towishlist, .product-item .action.towishlist, .table-comparison .action.towishlist { color: #bb0808; } .copyright, .block-search input, .page-main>.page-title-wrapper .page-title, .category-title, .header.panel, .header.links, .top.search, .product-addto-links, .block-search .action.search { display: none; } li.nav-1 > a, li.nav-2 > a, li.nav-3 > a, li.nav-4 > a, li.nav-5 > a, li.nav-6 > a, li.nav-7 > a, li.nav-8 > a, li.nav-9 > a { color: #ffffff !important; background-color: #000000 !important; } } // Color nesting @primary__color: #000000; // Buttons @button__color: #ffffff; @button__background: #000000; @button__border: 1px solid #ffffff; // Primary button @button-primary__background: #000000; @button-primary__border: 1px solid #4a3939; @button-primary__color: #ffffff; @button-primary__hover__background: darken(#000000, 5%); @button-primary__hover__border: 1px solid #4a3939; @button-primary__hover__color: #4a3939; // Navigation @navigation__color: #ffffff; @navigation__background__color: #000000; @submenu__background__color: #000000; @submenu__color: #000000; @navigation-level0-item__color: #ffffff; @navigation-desktop-level-item__line-height: 9px; // Links @link__color: #4a3939; // Header icons @header-icons-color: #ffffff; @header-icons-color-hover: #ffffff; // Header @header-panel__background-color: #000000; @header-content__background-color: #000000; @panel-wrapper__background-color: #000000; // Footer @copyright__background-color: #000000; // fonts font-family: 'FontAwesome'; font-display: swap; // icons @icons__font-name: 'FontAwesome'; @icon-font__size: 14px; @icon-font__line-height: inherit; @icon-wishlist-full: '\f004'; @icon-wishlist-empty: '\f08a'; @icon-success: '\f058'; @icon-error: '\f071'; @icon-warning: '\f071'; @icon-update: '\f021'; @icon-star: '\f005'; @icon-star-empty: '\f006'; @icon-settings: '\f013'; @icon-menu: '\f0c9'; @icon-location: '\f041'; @icon-info: '\f129'; @icon-list: '\f00b'; @icon-grid: '\f009'; @icon-comment-reflected: '\f075'; @icon-collapse: '\f147'; @icon-checkmark: '\f00c'; @icon-bag: '\f290'; @icon-cart: '\f291'; @icon-calendar: '\f073'; @icon-arrow-up: '\f176'; @icon-arrow-down: '\f175'; @icon-search: '\f002'; @icon-next: '\f105'; @icon-prev: '\f104'; @icon-pointer-down: '\f0d7'; @icon-pointer-up: '\f0d8'; @icon-pointer-right: '\f0da'; @icon-pointer-left: '\f0d9'; @icon-flag: '\f024'; @icon-expand: '\f196'; @icon-envelope: '\f0e0'; @icon-compare-full: '\f0ec'; @icon-compare-empty: '\f0ec'; @icon-comment: '\f075'; @icon-up: '\f106'; @icon-down: '\f107'; @icon-help: '\f059'; @icon-arrow-up-thin: '\f176'; @icon-arrow-right-thin: '\f178'; @icon-arrow-down-thin: '\f175'; @icon-arrow-left-thin: '\f177'; @icon-account: '\f007'; @icon-gift-registry: '\f274'; @icon-present: '\f06b'; @icon-trash: '\f1f8'; @icon-edit: '\f040'; @icon-remove: '\f00d'; @icon-print: '\f02f'; @icon-download: '\f0ab'; @icon-private: '\f023'; // // Tablet // _____________________________________________ @media screen and (max-width: 800px) { .cms-home { margin-top: -1px; } .category-image { margin-top: -20px; } .page-main { margin-top: 1px; } .header.content, .page-header { height: 20px; margin-top: -5px; } .logo { background-color: transparent; margin-top: 1px; max-width: 6%; max-height: 6%; z-index: 999999999; } .cms-home, .category-image, .page-header, .header.content, .header.panel, .top-container, .page-wrapper>.widget, .block.category.event, .breadcrumbs, .footer.content, [data-content-type=row][data-appearance=contained] { padding-left: 1px !important; padding-right: 1px !important; margin-left: 1px !important; margin-right: 1px !important; max-width: 100% !important; width: 100% !important; } .page-main { padding-left: 1px !important; padding-right: 1px !important; margin-left: 1px !important; margin-right: 1px !important; max-width: 100% !important; width: 100% !important; } .minicart-wrapper, .action.showcart:before, .block-search { margin-right: 20px; } .product-info-main .page-title-wrapper h1, .product.info.main, .product.info.price, .product.info.stock.sku, .product.info.extrahint, .product.info.social, .product.info.media, .product.name .base, .product.info.detailed, .product-item-name, .product.name a { color: #000000; } .product.info.main, .product.info.price, .product.info.stock.sku, .product.info.extrahint, .product.info.social, .product.info.media, .product.name .base, .product.info.detailed, .product-item-name, .product.name a { font-size: 20px; font-weight: 800; font-family: 'Great Vibes'; } .product-info-main .page-title-wrapper h1 { font-size: 30px; font-weight: 900; color: #000000; font-family: 'Great Vibes'; } .header.content, .page-header, .message.global.cookie, .minicart-wrapper, .action.showcart:before, .block-search { color: #ffffff; background-color: #000000; } .rating-summary .rating-result>span:before { color: #ffeb00; } .product-info-main .product-info-stock-sku { color: #147fcb; } .product-info-main .stock.available, .product-info-main .stock.unavailable { color: #74f512; } .product-info-main .stock.unavailable { color: #f30000; } .product-options-bottom .price-box .price-container .price, .product-info-price .price-box .price-container .price { font-size: 30px; color: #2c030f; font-weight: 900; } .product.data.items>.item.title>.switch { color: #000000; font-weight: 900; } .wishlist.split.button>.action.split, .product-social-links .action.towishlist, .block-bundle-summary .action.towishlist, .product-item .action.towishlist, .table-comparison .action.towishlist { color: #bb0808; } .copyright, .magicmenu, .topnavx, page-main>.page-title-wrapper .page-title, .category-title, .header.panel, .header.links { display: none; } li.nav-1 > a, li.nav-2 > a, li.nav-3 > a, li.nav-4 > a, li.nav-5 > a, li.nav-6 > a, li.nav-7 > a, li.nav-8 > a, li.nav-9 > a { color: #000000 !important; background-color: #ffffff !important; } } // Color nesting @page__background-color: #ffffff; @sidebar__background-color: #ffffff; @primary__color: #000000; // Buttons @button__color: #ffffff; @button__background: #000000; @button__border: 1px solid #000000; // Primary button @button-primary__background: #000000; @button-primary__border: 1px solid #000000; @button-primary__color: #ffffff; @button-primary__hover__background: darken(#4a3939, 5%); @button-primary__hover__border: 1px solid #4a3939; @button-primary__hover__color: #ffffff; // Navigation @navigation-level0-item__color: #000000; @submenu-item__color: #000000; @navigation__background: #ffffff; // Links @link__color: #4a3939; // Header icons @header-icons-color: #ffffff; @header-icons-color-hover: #ffffff; // Header @header-panel__background-color: #000000; // Footer @copyright__background-color: #000000; // // Mobile // _____________________________________________ @media screen and (max-width: 699px) { .cms-home { margin-top: -1px; } .category-image { margin-top: -20px; } .page-main { margin-top: 1px; } .header.content, .page-header { height: 20px; margin-top: -5px; } .logo { background-color: transparent; margin-top: 1px; max-width: 6%; max-height: 6%; z-index: 999999999; } .cms-home, .category-image, .page-header, .header.content, .header.panel, .top-container, .page-wrapper>.widget, .block.category.event, .breadcrumbs, .footer.content, [data-content-type=row][data-appearance=contained] { padding-left: 1px !important; padding-right: 1px !important; margin-left: 1px !important; margin-right: 1px !important; max-width: 100% !important; width: 100% !important; } .page-main { padding-left: 1px !important; padding-right: 1px !important; margin-left: 1px !important; margin-right: 1px !important; max-width: 100% !important; width: 100% !important; } .minicart-wrapper, .action.showcart:before, .block-search { margin-right: 20px; } .product-info-main .page-title-wrapper h1, .product.info.main, .product.info.price, .product.info.stock.sku, .product.info.extrahint, .product.info.social, .product.info.media, .product.name .base, .product.info.detailed, .product-item-name, .product.name a { color: #000000; } .product.info.main, .product.info.price, .product.info.stock.sku, .product.info.extrahint, .product.info.social, .product.info.media, .product.name .base, .product.info.detailed, .product-item-name, .product.name a { font-size: 20px; font-weight: 700; font-family: 'Great Vibes'; } .product-info-main .page-title-wrapper h1 { font-size: 30px; font-weight: 900; color: #000000; font-family: 'Great Vibes'; } .header.content, .page-header, .message.global.cookie, .minicart-wrapper, .action.showcart:before, .block-search { color: #ffffff; background-color: #000000; } .rating-summary .rating-result>span:before { color: #ffeb00; } .product-info-main .product-info-stock-sku { color: #147fcb; } .product-info-main .stock.available, .product-info-main .stock.unavailable { color: #74f512; } .product-info-main .stock.unavailable { color: #f30000; } .product-options-bottom .price-box .price-container .price, .product-info-price .price-box .price-container .price { font-size: 30px; color: #2c030f; font-weight: 900; } .product.data.items>.item.title>.switch { color: #000000; font-weight: 900; } .wishlist.split.button>.action.split, .product-social-links .action.towishlist, .block-bundle-summary .action.towishlist, .product-item .action.towishlist, .table-comparison .action.towishlist { color: #bb0808; } .copyright, .magicmenu, .topnavx, page-main>.page-title-wrapper .page-title, .category-title, .header.panel, .header.links { display: none; } li.nav-1 > a, li.nav-2 > a, li.nav-3 > a, li.nav-4 > a, li.nav-5 > a, li.nav-6 > a, li.nav-7 > a, li.nav-8 > a, li.nav-9 > a { color: #000000 !important; background-color: #ffffff !important; } } // Color nesting @page__background-color: #ffffff; @sidebar__background-color: #ffffff; @primary__color: #000000; // Buttons @button__color: #ffffff; @button__background: #000000; @button__border: 1px solid #000000; // Primary button @button-primary__background: #000000; @button-primary__border: 1px solid #000000; @button-primary__color: #ffffff; @button-primary__hover__background: darken(#4a3939, 5%); @button-primary__hover__border: 1px solid #4a3939; @button-primary__hover__color: #ffffff; // Navigation @navigation-level0-item__color: #000000; @submenu-item__color: #000000; @navigation__background: #ffffff; // Links @link__color: #4a3939; // Header icons @header-icons-color: #ffffff; @header-icons-color-hover: #ffffff; // Header @header-panel__background-color: #000000; // Footer @copyright__background-color: #000000;