$cWhite: #fff; $cBlack: #111516; $cGold: #e6cb6f; $cGoldDark: #d3ba67; $cBgAccent: #eff6f7; $cBone: #f6f6f6; $fInter: 'Inter', sans-serif; body>main { overflow-x: hidden; } html { scroll-padding-top: 150px; } body { font-size: 15px; line-height: 1.5; color: #232323; .elementor-widget-text-editor { color: #232323; } h3 { color: #232323; } &#index { footer#footer { section.footer-box-newsletter { display: none !important; } } } &#category { section#wrapper { section#main { margin-bottom: 100px; #product-list-header { * { color: #000; } strong { font-weight: 600; } p { margin-bottom: 10px; } } } } } } #footer { a { color: #c5c5c5; transition: all 250ms ease-in-out; &:hover { color: $cGold; text-decoration: none; } } } a { color: $cGold; } .btn-1 { display: inline-block; color: $cBlack; border: 1px solid $cGold; padding: 15px; background: $cWhite; transition: all 250ms ease-in-out; cursor: pointer; &:hover { color: $cWhite; background: $cGold; } } .btn-primary { color: $cWhite; background: $cGold; transition: all 250ms ease-in-out; &:hover { color: $cWhite; background: $cGoldDark; } } #box-newsletter { position: relative; &::before { content: ''; position: absolute; width: 100vw; left: 50%; top: 0; bottom: 0; transform: translateX(-50%); background-color: $cWhite; } } .simple-blog-posts { .elementor-swiper-button { color: $cGold; &.elementor-swiper-button-next { right: 0; } &.elementor-swiper-button-prev { left: 0; } } #simple-blog-box { padding: 0 29px; .simple-blog-post { border-radius: 10px; overflow: hidden; ._image { img { height: 100%; max-height: 200px; width: 100%; object-fit: cover; object-position: center; } } ._content { padding: 20px; background-color: $cBgAccent; .post-title { color: $cBlack; font-size: 18px; font-weight: 300; margin: 0 0 0.7em; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; line-height: 1.25; font-weight: 400; } a._btn { display: inline-block; color: $cGold; font-weight: 400; text-decoration: underline; } } } } } .js-product { &.product { article.product-miniature { &:hover { .thumbnail-container { .wishlist-button-add { opacity: 1; visibility: visible; transform: translateY(0); } ul.product-flags { transform: translateX(calc(-100% - 30px)); // li.product-flag { // &.new { // transform: translateX(0); // } // &.discount { // transform: translateX(-100%); // } // } } } } .thumbnail-container { width: 100%; border: 1px solid #eff6f7; .thumbnail-top { background: #ffffff; a { img {} } .highlighted-informations {} .product-add-to-basket { display: flex; align-items: center; justify-content: center; .add-to-cart { font-family: $fInter; font-size: 12px; font-weight: 700; padding: 8px 16px; display: flex; align-items: center; background: #462d26; border-radius: 1px; column-gap: 8px; &:hover { background: #e79332; } i { font-size: 15px; margin-bottom: 2px; } span { line-height: 1; margin-bottom: 1px; font-size: 14px; font-weight: 700; } } } } .product-description { margin-top: 14px; &::after { display: none !important; } .product-title { margin-bottom: 14px; line-height: 1; a { color: #462d26; font-family: $fInter; font-size: 14px; font-weight: 400; line-height: 1.2; } } .product-price-and-shipping { .regular-price { font-size: 14px; font-family: $fInter; color: rgb(70, 45, 38, 0.34); font-weight: 700; } .price { color: #462d26; font-family: $fInter; font-size: 14px; font-weight: 700; } .discount-product {} &.product-price-discount { display: flex; flex-direction: row; column-gap: 10px; .price { order: 1; color: #c40000; } .regular-price { order: 2; } } } } ul.product-flags { position: absolute; top: 24px; left: 24px; z-index: 2; transition: all 250ms ease-in-out; row-gap: 8px; li.product-flag { font-size: 11px; font-weight: 400; padding: 3px 8px; min-width: fit-content; min-height: auto; margin-top: 0; list-style: none; // &:first-child { // margin-top: 0; // } font-family: $fInter; font-size: 12px; font-weight: 700; &.new { background: #462d26; padding: 4px 8px; } &.discount { display: flex; flex-direction: row; column-gap: 8px; background-color: transparent; padding: 0; span { font-family: $fInter; font-size: 12px; font-weight: 700; padding: 4px 8px; background: #c40000; } // background: #e30613; // border-bottom-right-radius: 10px; } &.out_of_stock { background: #462d26; // position: absolute; // top: 0; // right: 0; // background: #111516; // border-bottom-left-radius: 10px; } } } .wishlist-button-add { opacity: 0; visibility: hidden; // box-shadow: 0px 0px 15px 1px rgba(0, 0, 0, 0.1); box-shadow: none; transition: all 250ms ease-in-out; transform: translateY(calc(-100% - 1rem)); i { color: #462d26; } } } } } } .product-images>li.thumb-container>.thumb.selected, .product-images>li.thumb-container>.thumb:hover { border-color: $cGold; } .blockreassurance_product { .item-product { svg { path { fill: $cGold; } } } } //* Single Product body#product { overflow-x: hidden; >main { overflow: initial; } #content { ul.product-flags { display: flex; flex-direction: row; gap: 10px; flex-wrap: wrap; li.product-flag { font-size: 11px; font-weight: 400; padding: 3px 8px; min-width: fit-content; min-height: auto; transition: all 250ms ease-in-out; margin-top: 0; border-radius: 10px; &.new { background: $cGold; margin-top: 0; } &.discount { background: #e30613; } &.out_of_stock { position: absolute; top: 0; right: 0; background: #111516; } } } } .product-info-box { margin: 0; // background: $cWhite; padding-top: 5px; padding-bottom: 65px; border-radius: 10px; #content { max-width: unset; ul.product-flags { margin: 0; } } h1 { color: $cBlack; font-size: 24px; font-weight: 400; } .product-prices { display: flex; align-items: flex-end; gap: 10px; .product-discount { margin-bottom: 0px; .regular-price { color: #a9a8a8; font-weight: 300; margin: 0; } } .product-price { margin-bottom: 0; .current-price { color: $cBlack; font-size: 26px; font-weight: 600; margin-bottom: 0; .discount { display: none; } } } .tax-shipping-delivery-label { margin-bottom: 0; } } .product-info-box-left { &:hover { .scroll-box-arrows { opacity: 1; visibility: visible; } } .images-container { .js-qv-mask { margin: 0; width: 100%; } } .product-images { margin-bottom: 0; } .scroll-box-arrows { opacity: 0; visibility: hidden; transition: all 250ms ease-in-out; .material-icons { line-height: 0; bottom: 45px; width: 33px; height: 33px; display: flex; align-items: center; justify-content: center; background: #ece9e2; border-radius: 100%; } } } .product-info-box-right { ul.product-flags { margin-bottom: 24px; li.product-flag { font-size: 11px; font-weight: 400; padding: 3px 8px; min-width: fit-content; min-height: auto; margin-top: 0; list-style: none; font-family: $fInter; font-size: 12px; font-weight: 700; &.new { background: #462d26; padding: 4px 8px; } &.discount { display: flex; flex-direction: row; column-gap: 8px; background-color: transparent; padding: 0; span { font-family: $fInter; font-size: 12px; font-weight: 700; padding: 4px 8px; background: #c40000; } } &.out_of_stock { background: #462d26; } } } .h1 { color: #462d26; font-size: 20px; font-weight: 500; font-family: $fInter; text-transform: initial; margin-bottom: 32px; } .product-prices { .product-discount { .regular-price { color: #462d26; font-size: 28px; font-weight: 700; font-family: $fInter; line-height: 1; opacity: 0.35; } } .product-price { .current-price { .current-price-value { color: #462d26; font-size: 28px; font-weight: 700; font-family: $fInter; line-height: 1; } } } .tax-shipping-delivery-label { display: none; } } .gm_omniprice { display: none; } .product-information { .product-description { display: none; } .product-actions { .product-variants { margin: 16px 0; border-top: 1px solid #ddd; // border-bottom: 1px solid #ddd; .product-variants-item { position: relative; display: flex; align-items: center; justify-content: flex-start; // margin: 16px 0; margin: 0; padding: 16px 0; width: 100%; &:not(:last-child) { border-bottom: 1px solid #ddd; // padding-bottom: 16px; } &::before { content: ''; position: absolute; left: -20px; right: -20px; top: -1px; bottom: 0; background: #fff; transition: all 250ms ease-in-out; opacity: 0; visibility: hidden; transition-delay: 400ms; } .color_select { display: flex; gap: 10px; li { margin: 0; padding: 0; input { display: none; &:checked+span { border: 0 !important; &::before { content: ''; display: block; position: absolute; top: -2px; left: -2px; height: 30px; width: 30px; border: 1px solid #000; border-radius: 50%; } } } span { margin: 0; padding: 0; height: 26px; width: 26px; border-radius: 50%; } } } &.active { &::before { opacity: 1; visibility: visible; transition-delay: 0ms; } } .product-variants-item--wrapper { width: 100%; position: relative; } .control-label-nav { display: flex; flex-direction: row; justify-content: space-between; align-items: center; cursor: pointer; &.active { .form-control-select-standard-handler { transform: scale(-1); } } .form-control-select-standard-handler { cursor: pointer; } } .control-label { color: #462d26; font-size: 14px; font-weight: 700; font-family: $fInter; width: 100%; max-width: 200px; margin-bottom: 0; .control-label-selected { font-weight: 400; } } select { // border-radius: 10px; display: none; } .form-control-select-custom { display: none; position: absolute; left: -20px; right: -20px; top: calc(100% + 16px); z-index: 10; .custom-select { display: block; padding: 25px; border: none; background: #fff; height: auto; ul.custom-dropdown { display: flex; flex-direction: column; row-gap: 16px; margin: 0; li { display: flex; flex-direction: row; column-gap: 14px; margin: 0; color: #110e0c; font-size: 14px; font-weight: 400; font-family: $fInter; cursor: pointer; &:not(:last-child) { padding-bottom: 16px; border-bottom: 1px solid #110e0c1a; } &.active { .li-checkbox { background: #462d26; border-color: #462d26; &::before { content: ''; position: absolute; top: 8px; left: 5.5px; width: 8px; height: 2px; background: #f9f7f2; transform: rotate(-45deg); transition: all 250ms ease-in-out; } &::after { content: ''; position: absolute; top: 9px; left: 4.5px; width: 3.5px; height: 2px; background: #f9f7f2; transform: rotate(45deg); transition: all 250ms ease-in-out; } } } .li-checkbox { position: relative; display: block; width: 19px; min-width: 19px; height: 19px; border: 1px solid #d9cebe; border-radius: 100%; } } } } } // > ul { // margin-bottom: 0; // li { // > label { // margin-bottom: 0; // > span { // display: inline-block; // width: 20px; // height: 20px; // } // } // } // } .fabric-colors { display: flex; flex-direction: row; align-items: center; gap: 9px; a { color: #462d26; font-size: 14px; font-weight: 400; font-family: $fInter; text-decoration: underline; } } } } .product-add-to-cart { padding: 24px; background: #ece9e2; @media (max-width: 767px) { position: relative; padding: 24px 0; * { z-index: 2; } &::after { content: ''; position: absolute; top: 0; bottom: 0; left: 50%; width: 100svw; transform: translateX(-50%); background: #ece9e2; z-index: 1; } } >.control-label { display: none; } .product-quantity { margin-bottom: 10px; .qty { margin-bottom: 0; margin-right: 16px; >.input-group { display: flex; flex-direction: row; flex-wrap: nowrap; align-items: center; float: none; border: 1px solid #462d26d9; border-radius: 1px; input#quantity_wanted { order: 2; font-size: 14px; font-family: $fInter; font-weight: 500; padding: 0; text-align: center; width: 35px; border: none; background: transparent; height: 29px; } button { padding: 0; height: auto; color: #462d26d9; font-size: 14px; font-weight: 500; font-family: $fInter; border: none; background: transparent; &.btn { height: 29px; padding: 0 10px; &.bootstrap-touchspin-up { order: 3; } &.bootstrap-touchspin-down { order: 1; } } } } } .add { margin: 0; width: 100%; .add-to-cart { background: #e79332; margin: 0; width: 100%; color: #f9f7f2; font-size: 14px; font-weight: 500; font-family: $fInter; text-transform: initial; &:hover { background: #110e0c; } .material-icons { line-height: 1; font-size: 14px; height: auto; width: auto; vertical-align: baseline; margin-right: 3px; } } } .wishlist-button-add { margin-left: 16px; width: 30px; border-radius: 0; background: transparent; box-shadow: none; i { background-image: url('/img/cms/icons/icon-heart.svg'); background-position: center; background-repeat: no-repeat; background-size: contain; width: 26px; height: 26px; font-size: 0; } } } #product-availability { display: none; } .product-minimal-quantity { margin: 0; display: none; } } .product-additional-info { display: none; margin: 30px 0; } } .blockreassurance_product { display: flex; flex-direction: column; row-gap: 20px; margin: 40px 0 0 0; >div { display: flex; flex-direction: row; align-items: center; flex-wrap: wrap; color: #462d26; font-size: 14px; font-weight: 500; font-family: $fInter; .item-product { margin-right: 16px; padding: 0; width: 24px; height: 24px; svg { width: 24px; height: 24px; path { fill: transparent !important; } } } .block-title { margin-right: 10px; } p { font-weight: 700; margin: 0; } } .item-1 { .block-description { text-decoration: underline; cursor: pointer; } } .block-raty { width: 100%; display: none; .block-raty--wrapper { display: flex; flex-direction: row; flex-wrap: wrap; gap: 10px; padding-top: 20px; img { height: 35px; } } } } #description-nav { padding: 32px 24px; margin: 0; list-style: none; display: flex; flex-direction: row; li { &:not(:last-child) { padding-right: 10px; margin-right: 10px; border-right: 1px solid #110e0c1a; } a { color: #462d26; font-size: 16px; font-weight: 600; font-family: $fInter; } } } .product-customization { >.card { padding: 24px; background: #ece9e2; p { color: #462d26; font-size: 14px; font-family: $fInter; } ul { margin-bottom: 0; } textarea { display: flex; flex-direction: row; flex-wrap: nowrap; align-items: center; float: none; border: 1px solid rgba(70, 45, 38, 0.8509803922); border-radius: 1px; font-size: 14px; font-family: 'Inter', sans-serif; font-weight: 500; background: rgba(0, 0, 0, 0); height: 44px; outline: none; } button.btn { background: #e79332; margin: 0; width: 100%; color: #f9f7f2; font-size: 14px; font-weight: 500; font-family: $fInter; text-transform: initial; padding: 10px; line-height: 1.5; } } } } } } .product-description-box { position: relative; margin-bottom: 100px; padding-top: 60px; padding-bottom: 60px; &::before { content: ''; position: absolute; top: 0; left: 50%; bottom: 0; width: 100svw; transform: translateX(-50%); background: #ffffff; } .c-row { display: flex; flex-direction: row; column-gap: 60px; .c-col { width: calc(50% - 30px); @media (max-width: 767px) { width: 100%; } } .c-col-2 { @media (max-width: 767px) { display: none; } .product-description-box-img { position: sticky; top: 150px; img { width: 100%; max-width: fit-content; } } } } ul.product-accordion-box { padding: 0; margin: 0; list-style: none; li.accordion-item { &.active { .accordion-item-header { img { transform: scale(-1); } } } .accordion-item-header { display: flex; flex-direction: row; align-items: center; justify-content: space-between; column-gap: 30px; padding: 16px 0; border-bottom: 1px solid #110e0c1a; cursor: pointer; h3 { color: #462d26; font-size: 24px; font-weight: 600; font-family: $fInter; margin: 0; } img { transition: all 0.3s ease-in-out; } } .accordion-item-body { .accordion-item-body--wrapper { padding-top: 24px; padding-bottom: 64px; color: #000; font-size: 14px; font-weight: 400; font-family: $fInter; line-height: 1.4; strong { font-weight: 700; } img { max-width: fit-content; width: 100%; height: auto; } .js-product-details { .product-reference { display: none; } .product-quantities { display: none; } .product-features { .data-sheet {} } } } } } } } .tabs { border-radius: 10px; .nav-tabs { .nav-item { .nav-link { color: $cBlack; font-weight: 400; font-size: 16px; &:hover { border-bottom: $cGold 3px solid; } &.active { color: $cBlack; border-color: $cGold; } } } } } #empty-product-comment { border-radius: 10px; } } #blockcart-modal { .modal-content { .modal-header {} .modal-body { .product-name { color: $cBlack; font-weight: 500; margin-bottom: 16px; } .cart-content-btn { .btn { &.btn-primary { background: $cGold; } } } } } } //* Koszyk body#cart { #content-wrapper { .card-block-title { .h1 { color: #462d26; font-size: 24px; font-weight: 700; font-family: $fInter; text-transform: initial; text-align: center; margin-bottom: 16px; } } .cart-grid { margin-bottom: 150px; .cart-grid-body { .card { background: transparent; } .cart-overview { padding: 0; table { width: 100%; thead { &::after { content: ''; display: block; height: 24px; } tr { th { color: #462d26d9; font-size: 12px; font-weight: 400; font-family: $fInter; white-space: nowrap; padding: 8px 0; border-bottom: 1px solid #110e0c1a; &:not(:last-child) { padding-right: 20px; } } } } tbody { tr { &:not(:first-child) { td { padding-top: 18px; } } &:not(:last-child) { td { padding-bottom: 18px; border-bottom: 1px solid #110e0c1a; } } td { vertical-align: top; &:not(:last-child) { padding-right: 20px; } .product-card-img { img { width: 80px; } } .product-card-desc { line-height: 1; a { color: #462d26; font-size: 14px; font-weight: 400; font-family: $fInter; } } .product-card-infos { line-height: 1; margin-top: 8px; .product-card-info { &:not(:last-child) { margin-bottom: 8px; } span { color: #462d26d9; font-size: 12px; font-weight: 400; font-family: $fInter; } } } .product-card-price { padding-top: 7px; .current-price { line-height: 1; .price { color: #462d26; font-size: 14px; font-family: $fInter; font-weight: 700; } } .product-discount { line-height: 1; margin-top: 3px; .regular-price { color: #462d26d9; font-size: 12px; font-family: $fInter; font-weight: 400; } } } .product-card-qty { >.input-group { display: flex; flex-direction: row; flex-wrap: nowrap; align-items: center; float: none; border: 1px solid #462d26d9; border-radius: 1px; input.js-cart-line-product-quantity { order: 2; font-size: 14px; font-family: $fInter; font-weight: 500; padding: 0; text-align: center; width: 35px; border: none; background: transparent; height: 29px; } button { padding: 0; height: auto; color: #462d26d9; font-size: 14px; font-weight: 500; font-family: $fInter; border: none; background: transparent; &.btn { height: 29px; padding: 0 7px; &.bootstrap-touchspin-up { order: 3; } &.bootstrap-touchspin-down { order: 1; } } } } } .product-card-sum-price { padding-top: 7px; line-height: 1; } .product-card-action { display: block; padding-top: 9px; .remove-from-cart { position: relative; width: 10px; height: 10px; display: block; &::before { content: ''; position: absolute; width: 10px; height: 1px; background: #bbb6aa; top: 50%; left: 50%; transform: translate(-50%, -50%) rotate(45deg); } &::after { content: ''; position: absolute; width: 10px; height: 1px; background: #bbb6aa; top: 50%; left: 50%; transform: translate(-50%, -50%) rotate(-45deg); } .material-icons { display: none; } } } } } } } @media (max-width: 570px) { table thead { display: none; } table, tbody, tr, td { display: block; width: 100%; } tbody { padding: 20px; text-align: center; } tr { margin-bottom: 1rem; border: 1px solid #ccc; border-radius: 5px; padding: 10px; background: #f9f9f9; border: 1px solid rgba(17, 14, 12, 0.1019607843); } td { position: relative; // padding-left: 0; text-align: right; // border: none !important; padding: 15px 10px 15px 50% !important; &::before { position: absolute; left: 10px; top: 50%; transform: translateY(-50%); white-space: nowrap; font-weight: bold; text-align: left; } .product-card-qty { display: block; margin-left: auto; width: fit-content; } .product-card-action { width: fit-content; margin-left: auto; .remove-from-cart { &::before { width: 15px !important; height: 2px !important; } &::after { width: 15px !important; height: 2px !important; } } } >div { padding-top: 0 !important; } } td:nth-child(1)::before { content: 'Obrazek'; } td:nth-child(2)::before { content: 'Nazwa produktu'; } td:nth-child(3)::before { content: 'Cena jednostkowa'; } td:nth-child(4)::before { content: 'Ilość'; } td:nth-child(5)::before { content: 'Cena łączna'; } td:nth-child(6)::before { content: 'Usuń'; } .product-card-img img { max-width: 100%; height: auto; } } .no-items { color: #462d26; font-size: 16px; font-family: $fInter; font-weight: 700; width: 100%; display: block; text-align: center; } } .card-block {} .cart-overview { .cart-items { .cart-item { .product-line-grid { .product-line-grid-body { .product-line-info { a { color: $cBlack; font-weight: 400; font-size: 16px; } } .product-price { margin: 10px 0; .product-discount { .regular-price { color: #a9a8a8; font-weight: 300; margin: 0; } .discount { background: $cGold; } } .current-price { .price { color: $cBlack; font-weight: 600; font-size: 16px; } } } } } } } } } } .cart-summary { margin-bottom: 24px; background: #ece9e2; .cart-detailed-totals { .cart-detailed-subtotals { padding: 24px 24px 0 24px; .cart-summary-line { &:not(:last-child) { margin-bottom: 8px; } &:last-child { margin-bottom: 0; } span { font-size: 14px; font-family: $fInter; &.label { font-weight: 500; } &.value { font-weight: 400; } } } } .cart-summary-totals { padding: 16px 24px; .cart-summary-line { &.cart-total { padding: 0; border: 0; span { font-size: 14px; font-family: $fInter; font-weight: 700; } } } } } .cart-detailed-actions { padding: 0 24px 18px; a.btn { color: #f9f7f2; font-size: 14px; font-family: $fInter; font-weight: 500; padding: 14px 12px; background-color: #e79332; text-transform: initial; } } .card-payment-support { padding: 0 24px 12px; ul { padding: 0; margin: 0; list-style: none; display: flex; flex-direction: row; flex-wrap: wrap; align-items: center; justify-content: center; column-gap: 30px; row-gap: 12px; li { img { max-width: 44px; } } } } } } } body#checkout { #content-wrapper { .cart-grid-body { .checkout-step { padding: 0; background-color: #f9f7f2; .step-title { color: #462d26; font-size: 14px; font-family: $fInter; font-weight: 700; text-transform: initial; padding-bottom: 10px; border-bottom: 1px solid #462d26; margin-bottom: 32px; .step-number { &::after { content: '. '; } } } &.-current { opacity: 1 !important; .step-title { color: #e79332; border-bottom: 1px solid #e79332; } } &.-complete { opacity: 0.5; } .content { padding: 0; } #customer-form { max-width: 480px; } .form-group { label { color: #110e0c; font-size: 12px; font-family: $fInter; font-weight: 500; margin-bottom: 4px; } input { &.form-control { background: #462d261a; border: 1px solid #462d2624; padding: 14px 16px; color: #110e0c; font-size: 14px; font-family: $fInter; font-weight: 500; } } .btn-show-password-box { position: absolute; top: 0; right: 0; bottom: 0; width: fit-content; .btn-show-password { padding: 0; background: transparent; display: flex; height: 100%; align-items: center; width: 30px; outline: none; } } .form-control-comment { color: rgba(70, 45, 38, 0.8509803922); font-size: 12px; font-family: $fInter; font-weight: 400; } } .form-informations { margin-top: 40px; .form-informations-title { color: #110e0c; font-size: 16px; font-family: $fInter; font-weight: 700; } .form-informations-option { color: #110e0c; font-size: 16px; font-family: $fInter; font-weight: 400; font-style: initial !important; } .form-informations-subtitle { display: none; } } .form-footer { text-align: start; width: fit-content; .btn { color: #f9f7f2; font-size: 14px; font-weight: 500; font-family: $fInter; background: #e79332; padding: 12px 80px; text-transform: initial; } } #delivery-address { max-width: 480px; margin-left: 0; } .delivery-options { max-width: 480px; .delivery-option { padding: 12px 16px; margin: 0; border: 1px solid #462d2624; border-radius: 1px; column-gap: 16px; min-height: initial; background: transparent; &:not(:last-child) { margin-bottom: 16px; } .delivery-option-checkbox { width: fit-content; line-height: 0; } .delivery-option-2 { flex: 1; display: flex; flex-direction: row; align-items: center; justify-content: space-between; .carrier-price { color: #110e0c; font-family: $fInter; font-size: 14px; font-weight: 700; } } } } .order-options { #delivery { label { color: #110e0c; font-size: 12px; font-family: $fInter; font-weight: 500; margin-bottom: 4px; } textarea { width: 100%; max-width: 480px; border: 1px solid #462d2624; background: #462d261a; border-radius: 1px; resize: none; margin-bottom: 30px; } } } button[type='submit'] { color: #f9f7f2; font-size: 14px; font-family: $fInter; font-weight: 500; padding: 12px 80px; background: #e79332; text-transform: initial; float: none !important; } #conditions-to-approve { ul { li { .condition-label { margin: 0; line-height: 1; label { margin: 0; line-height: 1; } } } } } .payment-options { .js-additional-information { margin: 0 0 20px 0; padding: 24px; border: 1px solid #462d2624; p { color: #110e0c; font-size: 14px; font-weight: 700; font-family: $fInter; } dl { border-left: 1px solid #462d2624; border-right: 1px solid #462d2624; border-top: 1px solid #462d2624; dt { border-right: 1px solid #462d2624; } dt, dd { color: #462d26; font-size: 14px; font-weight: 400; font-family: $fInter; background: transparent; margin: 0; flex: 0 0 50%; border-bottom: 1px solid rgba(70, 45, 38, 0.1411764706); } } } } } } #js-checkout-summary { background: transparent; .js-checkout-summary-box { margin-bottom: 16px; background-color: #ece9e2; >.card-block { padding: 24px 24px 0 24px; } .cart-summary-totals { padding: 16px 24px 24px 24px; .cart-total { line-height: 1; padding: 0; span { color: #462d26; font-size: 14px; font-weight: 700; font-family: $fInter; } } } #cart-summary-product-list { .media-list { margin-bottom: 24px; padding-bottom: 24px; border-bottom: 1px solid rgb(70, 45, 38, 0.3); .media { &:not(:last-child) { margin-bottom: 24px; } .media-left { img { width: 40px; } } .media-body { .product-name { a { color: #462d26; font-size: 14px; font-weight: 400; font-family: $fInter; display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; max-width: 260px; } } } } } } } .cart-summary-products { .h4 { font-size: 16px; font-weight: 700; font-family: $fInter; margin-bottom: 24px; text-transform: uppercase; } .media-list { .media { .media-left { padding-right: 16px; } .media-body { .product-name { line-height: 1; margin-bottom: 2px; display: block; a { color: $cBlack; font-weight: 600; } } .product-specification { .product-line-info { line-height: 1; margin-bottom: 2px; span { color: #462d26d9; font-size: 12px; font-family: $fInter; font-weight: 400; } } .product-quantity { color: #462d26d9; font-size: 12px; font-family: $fInter; font-weight: 400; line-height: 1; } } .product-price { color: $cBlack; font-weight: 600; } } } } } .cart-summary-subtotals-container { padding: 0; border: none; .cart-summary-line { line-height: 1; margin-bottom: 8px; span { color: #462d26; font-size: 14px; font-family: $fInter; font-weight: 500; } } } } .delivery-options { .delivery-option { border: none; } } } } body#order-confirmation { .breadcrumb { display: none; } #content-wrapper { #main { #registration-form { display: none; } section { &#content, &#content-hook_payment_return, &#content-hook-order-confirmation-footer { display: none; } &#content-hook_order_confirmation { margin-bottom: 150px; margin-top: 50px; background: transparent; .card-title { color: #462d26; font-size: 24px; font-weight: 700; font-family: $fInter; margin-bottom: 24px; text-align: center; display: flex; flex-direction: column; align-items: center; row-gap: 32px; text-transform: initial; } p { color: #1a1a18; font-size: 16px; font-weight: 400; font-family: $fInter; text-align: center; max-width: 750px; margin-left: auto; margin-right: auto; margin-bottom: 32px; } .elementor-button { color: #f9f7f2; font-size: 14px; font-weight: 500; font-family: $fInter; padding: 18px 80px; background: #e79332; margin: 0 auto; display: flex; width: 100%; max-width: fit-content; } } } } } footer#footer { .footer-box-newsletter, .footer-box-services, .footer-box-other-info { display: none; } } } footer#footer { background-color: #f9f7f2; } .category-tiles-list { display: grid; grid-template-columns: repeat(6, 1fr); grid-gap: 20px; a { display: block; } } body { &:not(#ets_blog_page) { main { #left-column { >div.block { display: none !important; } } } } &#ets_blog_page { #content-wrapper { .ets-blog-wrapper-detail { border-radius: 10px; } } #left-column { .title_block { color: $cBlack; font-size: 20px; font-weight: 400; } .ets_block_slider { .ets_title_block { color: $cBlack; font-size: 16px; font-weight: 400; } } } ul.ets-blog-list { >li { .post-wrapper { border-radius: 10px; overflow: hidden; display: flex; flex-direction: row; flex-wrap: wrap; .ets-blog-wrapper-content { background: #eff6f7; padding-top: 15px; padding-bottom: 15px; } .ets_title_block { color: $cBlack; font-size: 18px; font-weight: 300; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; line-height: 1.25; font-weight: 400; } .blog_description { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; } .read_more { display: inline-block; color: $cGold; font-weight: 400; text-decoration: underline; font-style: underline !important; border: none; } } } } } } .ets_blog_sidebar { >.block { box-shadow: none !important; border-radius: 10px; } } body { #left-column { .block-categories { .category-top-menu { li { a { &.h6 { color: $cBlack; font-size: 20px; font-weight: 400; } } .category-sub-menu { li { a { color: $cBlack; font-size: 16px; font-weight: 400; } } } } } } #search_filters { .h6 { color: $cBlack; font-size: 20px; font-weight: 400; } .facet { .h6 { color: $cBlack; font-size: 16px; font-weight: 400; } } } } } body#category { #left-column { >div { border-radius: 10px; } } #content-wrapper { section#main { div { border-radius: 10px; } } // #subcategories { // .subcategories-list { // li { // .subcategory-image { // a { // border-radius: 10px; // } // } // } // } // } } } .product-description { color: #000; font-size: 15px; line-height: 1.5; ul { list-style-type: disc; margin-left: 25px; } h3 { color: #000 !important; font-size: 18px; } } .data-sheet { dd, dt { font-weight: 400 !important; font-size: 15px; } } //* ~~~~~~~~~~~~ New styles ~~~~~~~~~~~~ #header-search { position: relative; width: 100%; max-width: 340px; padding-right: 32px; margin-right: 14px; &::before { content: ''; position: absolute; top: 50%; right: 0; width: 1px; height: 28px; background: rgba(#110e0c, 0.1); transform: translateY(-50%); } form.elementor-search { >ul.elementor-search__products { background: #f9f7f2; border-radius: 0; border: 1px solid rgba(17, 14, 12, 0.1); .ui-menu-item { background: #fff; &:not(:last-child) { margin-bottom: 2px; } .elementor-search__product-details { .elementor-search__product-name { color: #462d26; font-size: 14px; font-weight: 400; font-family: 'Inter', sans-serif; } .elementor-search__product-category { display: none; } .elementor-search__product-price { color: #462d26; font-size: 14px; font-weight: 700; font-family: 'Inter', sans-serif; } } } } } } #header-menu { .elementor-nav-menu { >ul { justify-content: space-between; align-items: center; width: 100%; &::after { display: none; } } .menu-item-separator { display: block; width: 1px; height: 14px; background: #110e0c1a; } } } #home-slider-box { width: 100svw; margin-left: 50%; transform: translateX(-50%); ul.carousel-inner { border-radius: 0 !important; } figure { width: 100%; img { @media (max-width: 991px) { min-height: 390px; object-fit: cover; } } } } .home-slider { // padding-right: 10px; // padding-left: 10px; .carousel-item { .caption { width: 100%; max-width: 80%; bottom: auto; top: 80px; @media (max-width: 991px) { top: 36px; left: 40px; } .caption-description { h2 { color: #f9f7f2; font-size: 64px; margin-bottom: 18px; line-height: 1.1; font-weight: 500; font-family: $fInter; span { color: #e79332; } @media (max-width: 991px) { font-size: 32px; margin-bottom: 10px; } } p { font-size: 16px; color: #f9f7f2; } } } } .slide-button { position: relative; display: flex; flex-direction: row; align-items: center; column-gap: 12px; padding: 16px 45px; width: fit-content; margin-top: 40px; border-top: 1px solid #e79332; border-bottom: 1px solid #e79332; color: #e79332; font-size: 16px; font-weight: 500; img { width: 100%; max-width: 24px; } &::before { content: ''; position: absolute; left: -1px; top: -2px; bottom: 0; width: 10px; height: calc(100% + 4px); background-image: url('/img/cms/icons/btn-side-line.svg'); background-position: center; background-size: contain; background-repeat: no-repeat; } &::after { content: ''; position: absolute; right: -1px; top: -2px; bottom: 0; width: 10px; height: calc(100% + 4px); background-image: url('/img/cms/icons/btn-side-line.svg'); background-position: center; background-size: contain; background-repeat: no-repeat; transform: scale(-1); } @media (max-width: 991px) { font-size: 13px; } } } .home-box-1 { >.elementor-column-wrap { >.elementor-widget-wrap { display: grid; grid-template-columns: 7fr 5fr; grid-template-rows: 1fr 1fr; grid-template-areas: 'item1 item2''item1 item3'; gap: 20px; >.elementor-element { &:nth-child(1) { grid-area: item1; } &:nth-child(2) { grid-area: item2; } &:nth-child(3) { grid-area: item3; } } @media (max-width: 767px) { grid-template-columns: 1fr; grid-template-rows: auto; grid-template-areas: 'item1' 'item2' 'item3'; } } } .home-box1-tile { &:nth-child(1) { .elementor-cta-content { .elementor-button { &::before { content: url('/img/cms/Home/Group 1223.svg'); } } } } >.elementor-widget-container { height: 100%; >.elementor-cta { height: 100%; } } .elementor-cta-content { position: absolute; inset: 0; background: transparent; justify-content: space-between; align-content: space-between; .elementor-button { position: relative; padding: 0; display: flex; flex-direction: row; align-items: center; gap: 10px; &::before { content: url('/img/cms/Home/Group 1224.svg'); } } } } } .home-box-info { position: relative; &::before { content: ''; position: absolute; top: 0; left: 50%; height: 1px; width: 100vw; transform: translateX(-50%); background: rgba(#aa8a5e, 0.25); } &::after { content: ''; position: absolute; bottom: 0; left: 50%; height: 1px; width: 100vw; transform: translateX(-50%); background: rgba(#aa8a5e, 0.25); } >.elementor-container { >.elementor-row { align-items: center; } } .home-box-info-img { img { max-width: unset; } } } .footer-box-services { position: relative; &::before { content: ''; position: absolute; bottom: 0; left: 50%; height: 1px; width: 100vw; transform: translateX(-50%); background: rgba(#aa8a5e, 0.25); } .elementor-widget-wrap { flex-direction: row; flex-wrap: nowrap; } } .footer-box-other-info { >.elementor-container { >.elementor-row { column-gap: 80px; position: relative; @media (min-width: 1025px) { &::before { content: ''; position: absolute; top: -60px; bottom: -60px; left: 50%; width: 1px; transform: translateX(-50%); background: rgba(#aa8a5e, 0.25); } } } } } article { &.product-miniature { &.product-card { .product-description { .product-title { a {} } } } } } nav.pagination { .page-list { display: flex; align-items: center; justify-content: center; gap: 10px; background: transparent; .pagination-item { &.prev { a { background: transparent; transition: all 250ms ease-in-out; img { transition: all 250ms ease-in-out; } &:hover { background: #ffa629; img { filter: brightness(0) invert(1); } } } } &.next { a { background: transparent; transition: all 250ms ease-in-out; img { transition: all 250ms ease-in-out; transform: scale(-1); } &:hover { background: #ffa629; img { filter: brightness(0) invert(1); } } } } &.current { a { color: #ffffff; background: #ffa629; } } .spacer { display: flex; align-items: center; justify-content: center; padding: 5px 11px; height: 33px; width: 33px; color: #9f928c; font-size: 14px; font-weight: 500; font-family: $fInter; } a { display: flex; align-items: center; justify-content: center; color: #9f928c; font-family: $fInter; font-size: 14px; font-weight: 500; letter-spacing: -0.5px; padding: 5px 11px; height: 33px; min-width: 33px; background: #ece9e2; border-radius: 1px; transition: all 250ms ease-in-out; &:hover { color: #fff; background: #ffa629; } } } } } body#category { section#main { #subcategories { padding: 0; margin: 0; background: transparent; .subcategory-heading { display: none; } .subcategories-list { display: flex; flex-direction: row; gap: 16px; flex-wrap: wrap; li { .subcategory-item { display: flex; flex-direction: row; column-gap: 16px; align-items: center; background: #ece9e2; border-radius: 50px; padding: 8px 24px 8px 24px; height: 100%; .subcategory-image { width: 43px; height: 43px; padding: 0; background: #ffffff; border-radius: 100%; margin-left: -16px; img { width: 100%; height: 100%; object-fit: contain; border-radius: 100%; } } .subcategory-name { color: #462d26; font-size: 16px; font-weight: 600; font-family: $fInter; margin: 0; } } } } } } } nav.breadcrumb { margin-bottom: 1.563rem; ol { display: flex; flex-direction: row; column-gap: 16px; align-items: center; li { span { color: #462d26; font-size: 14px; font-weight: 500; font-family: $fInter; } &.separator { img { width: 5px; height: 9px; } } } } } body#cms { // Disable custom footer elements &.cms-id-5, &.cms-id-6, &.cms-id-7 { footer#footer { section.footer-box-newsletter { display: none; } section.footer-box-services { display: none; } section.footer-box-other-info { display: none; } } } section#main { header.page-header { margin-bottom: 32px; h1 { color: #462d26; font-size: 32px; font-family: $fInter; font-weight: 700; margin: 0; } } } } #cms-citys { .elementor-icon-list-items { display: grid; grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)); gap: 20px; li { .elementor-icon-list-text { display: block; width: 100%; text-align: center; padding: 12px 24px; background: #462d26; } } } } #js-product-list { >.products { row-gap: 40px; } } #basket-side-panel { .elementor-cart__title { text-align: center; min-height: unset; line-height: 1; padding: 20px 0 25px; } .elementor-cart__products { .elementor-cart__product { position: relative; .elementor-cart__product-name { padding-left: 16px; } .elementor-cart__product-attrs { padding: 3px 0; } .elementor-cart__product-price { padding-left: 16px; } .elementor-cart__product-remove { position: absolute; top: 20px; right: 0; } } } .elementor-cart__footer-box { position: relative; margin-top: auto; &::before { content: ''; position: absolute; inset: 0 -30px; background: #ece9e2; z-index: -1; } .elementor-cart__summary { border: none; >span { margin-bottom: 5px; } } .elementor-cart__footer-buttons { width: 100%; } } .elementor-cart__footer-delivery { margin-bottom: 20px; ul { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: row; align-items: center; justify-content: center; column-gap: 11px; li { span { color: #462d26; font-family: $fInter; font-size: 12px; font-weight: 500; } } } } } .custom-checkbox { display: flex; align-items: flex-start; column-gap: 10px; label { padding: 0; margin: 0; cursor: pointer; color: #110e0c; font-size: 14px; font-family: $fInter; font-weight: 400; } } input[type='checkbox'], input[type='radio'] { appearance: none; position: relative; width: 15px; height: 15px; min-width: 15px; min-height: 15px; display: inline-block; border: 1px solid #d9cebe; border-radius: 3px; transition: all 250ms ease-in-out; overflow: hidden; cursor: pointer; &::before { content: ''; position: absolute; top: -5px; left: 15px; width: 7px; height: 2px; background: #f9f7f2; transform: rotate(-45deg); transition: all 250ms ease-in-out; } &::after { content: ''; position: absolute; top: -4px; left: -8px; width: 4px; height: 2px; background: #f9f7f2; transform: rotate(45deg); transition: all 250ms ease-in-out; } &:checked { background: #462d26; border-color: #462d26; &::before { top: 6px; left: 4px; } &::after { top: 7px; left: 3px; } } } body#authentication { section#main { .page-header { margin-bottom: 32px; h1 { color: #462d26; font-size: 24px; font-weight: 700; font-family: $fInter; text-align: center; margin-bottom: 0; } } #content { background: transparent; max-width: 480px; margin: 0 auto 150px; form { label { color: #110e0c; font-size: 12px; font-weight: 500; font-family: $fInter; } input[type='text'] { border: 1px solid #462d2624; background: #462d261a; } .btn-show-password-box { width: fit-content; position: absolute; right: 0; .btn-show-password { background: transparent; } } .forgot-password { text-align: left; a { color: #110e0c; font-size: 12px; font-weight: 500; font-family: $fInter; text-decoration: underline; } } button { color: #f9f7f2; background: #e79332; padding: 14px 80px; text-transform: initial; } } hr { margin: 32px 0 16px; } .no-account { a { color: #110e0c; font-size: 14px; font-weight: 500; font-family: $fInter; } } .register-form { >p { display: none; } form { .form-check { display: flex; flex-direction: row; column-gap: 30px; label { margin: 0; display: flex; align-items: center; column-gap: 5px; .custom-radio { line-height: 1; } } } footer.form-footer { display: flex; align-items: center; justify-content: center; margin: 30px 0 0 0; } } } } } } .newsletter-form { form.elementor-email-subscription { .elementor-field-type-subscribe { @media (max-width: 767px) { display: flex; flex-direction: row; row-gap: 16px; flex-wrap: wrap; button { width: 100%; } } } } .elementor-field-label { display: flex; gap: 10px; margin-top: 10px; .elementor-checkbox-label { font-size: 12px; font-weight: 500; font-family: $fInter; } } } #content-wrapper { a[target='raty_procedura'] { display: none !important; } } .leo-megamenu { margin-bottom: 0; .dropdown-menu { background: #f9f7f2; border: 1px solid #110e0c1a; overflow: auto; a { &:hover { color: #e79332 !important; text-decoration: underline; } } } } .leo-top-menu { .nav { display: flex; align-items: center; width: 100%; >li { position: relative; padding: 0 25px; &:first-child { padding-left: 0; } &::after { display: block; width: 1px; height: 14px; background: rgba(17, 14, 12, 0.1019607843); position: absolute; right: 0; top: 50%; margin-top: -7px; content: ''; } &.promo-item { >a[href="https://masimmo.pl/44-promocje"] { color: #e79332 !important; } } >a { text-transform: uppercase; font-weight: 600; } } a { font-family: 'Inter', sans-serif; font-size: 14px; font-weight: 400; white-space: nowrap; &:hover { color: #e79332; text-decoration: underline; span { color: #e79332; } } &::after { display: none !important; } span { text-transform: uppercase; } } } } .cart-grid-footer { display: flex; align-items: center; gap: 20px; img { height: 30px; } } #popular-products, #new-products { h2 { font-family: 'Inter'; color: #462d26; font-size: 36px; font-weight: 500; } } #products { .sort-by-row { display: flex; justify-content: flex-end; gap: 20px; align-items: center; .products-sort-order { .dropdown-menu { background: #fff; width: 100%; a { white-space: nowrap; font-size: 14px; font-family: 'Inter'; font-weight: 400; &:hover { background: #fff; font-weight: 700; color: #462d26; } } } button { background: none; border: 0; display: flex; justify-content: space-between; align-items: center; color: #462d26; font-family: 'Inter'; font-size: 16px; font-weight: 700; width: 350px; } } } } #search_filters { background: none; border-top: 1px solid #110e0c1a; border-bottom: 1px solid #110e0c1a; border-radius: 0 !important; .head { display: flex; justify-content: space-between; align-items: center; .h6 { font-size: 16px; font-weight: 700; font-family: 'Inter'; text-transform: uppercase; color: #462d26; cursor: pointer; margin-bottom: 0; display: flex; align-items: center; column-gap: 5px; } .js-search-filters-clear-all { background: #462d26; color: #fff; } } &.active { background: #fff; border: 0; border-radius: 10px !important; .content { display: grid; } } .content { display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; gap: 20px; background: #fff; padding: 25px; display: none; .h6 { font-weight: 700; font-size: 16px; font-family: 'Inter'; margin-bottom: 25px; } .custom-checkbox { top: 0; position: static; } .facet-label { display: flex; gap: 10px; align-items: center; margin-bottom: 10px; a { margin-top: 0; } } } } #js-product-list-top { padding: 0 20px; } .active_filters { background: #fff; border-radius: 10px; color: #462d26; .filter-block { background: #462d26; color: #fff; padding: 3px 10px; i { text-shadow: none; color: #fff !important; } } } #contact { main { .container { >.row:nth-child(2) { display: grid; grid-template-columns: 310px 1fr; gap: 32px; @media (max-width: 767px) { grid-template-columns: 1fr; } #left-column { display: block; width: 100%; max-width: 100%; padding: 0; } #content-wrapper { display: block; width: 100%; max-width: 100%; padding: 0; #content { padding: 40px; h3 { font-size: 32px; color: #110e0c; font-family: 'Inter'; font-weight: 600; margin-bottom: 32px; } form { .psgdpr_consent_message { display: grid; grid-template-columns: 20px 1fr; gap: 5px; align-items: center; } .btn-primary { width: 277px; display: flex; align-items: center; justify-content: center; font-size: 14px; font-family: 'Inter'; text-transform: none; font-weight: 500; height: 47px; &:hover { background: #462d26; } } label { color: #110e0c; font-size: 12px; font-weight: 500; font-family: 'Inter'; margin-bottom: 4px; &[for='file-upload'].btn-default { background: #462d26; color: #fff; height: 47px; display: flex; align-items: center; justify-content: center; } } input[type='email'], input[type='text'], select { height: 47px; display: flex; align-items: center; justify-content: flex-start; padding: 0 16px; font-size: 14px; color: #110e0c; font-family: 'Inter'; border: 1px solid #462d2624; background-color: #f9f7f2; &:focus { outline: none; box-shadow: none; } } textarea { padding: 0 16px; font-size: 14px; color: #110e0c; font-family: 'Inter'; border: 1px solid #462d2624; background-color: #f9f7f2; padding: 10px; &:focus { outline: none; box-shadow: none; } } } } } } } } } .elementor-widget-product-carousel { &:hover { .elementor-swiper-button { opacity: 1 !important; &.swiper-button-disabled { opacity: 0.3 !important; } } } &:not(:hover) { .elementor-swiper-button { &.elementor-swiper-button-prev { left: -10px; } &.elementor-swiper-button-next { right: -10px; } } } } .elementor-swiper-button { background: #ebe3d7; border-radius: 100%; width: 33px; height: 33px; display: flex; align-items: center; justify-content: center; opacity: 0 !important; top: calc((250px / 2) + (33px / 2)); transition: all 250ms ease-in-out; i { padding-bottom: 2px; } &.elementor-swiper-button-prev { i { padding-right: 3px; &::before { content: url('/img/cms/icons/slider-arrow-left-brown.svg'); } } } &.elementor-swiper-button-next { i { padding-left: 3px; &::before { content: url('/img/cms/icons/slider-arrow-right-brown.svg'); } } } } .leo-megamenu .navbar-toggler { &.c-navbar-toggler { display: flex; flex-direction: row; align-items: center; justify-content: center; gap: 8px; background: #e9e3d7; margin: 0; padding: 18px 24px; width: auto; outline: none !important; .c-sr-only { color: #110e0c; font-family: $fInter; font-size: 11px; font-weight: 500; } } } #header-panel-box { .header-panel-box-row-1 { @media (max-width: 991px) { margin-bottom: 15px; } >div { >.elementor-row { flex-wrap: nowrap; align-items: center; } } } .header-panel-box-row-2 { .header-panel-box-row-2-col-1 { >div { >.elementor-widget-wrap { flex-wrap: nowrap; align-items: center; >.elementor-widget-ps-widget-module { margin-bottom: 0; width: fit-content; } >.elementor-widget-ajax-search { >.elementor-widget-container { border: 1px solid #e9e3d7; min-height: 44px; } form.elementor-search { >.elementor-search__container { button.elementor-search__submit { order: 1; } input.elementor-search__input { order: 2; padding-left: 0; &::placeholder { font-size: 11px; font-weight: 500; } } .elementor-search__clear { order: 3; } } } } } } } } } section.off-canvas-nav-megamenu { nav.offcanvas-mainnav { background: #ffffff; .off-canvas-button-megamenu { text-align: initial; margin: 24px 24px 0 24px; display: flex; flex-direction: row; justify-content: space-between; >a { img { width: 100%; max-width: 200px; } } .off-canvas-nav-close { margin: 0; position: relative; font-size: 0; width: 14px; height: 14px; min-width: 14px; &::before { content: ''; position: absolute; width: 2px; height: 14px; background: #b8b7b6; top: 50%; left: 50%; transform: translate(-50%, -50%) rotate(45deg); } &::after { content: ''; position: absolute; width: 2px; height: 14px; background: #b8b7b6; top: 50%; left: 50%; transform: translate(-50%, -50%) rotate(-45deg); } } } ul.nav.navbar-nav.megamenu { padding: 28px 24px 24px 24px; li.nav-item { &.open-sub { >a { border: none !important; .menu-title { color: #e79332; } } .dropdown-menu { border-bottom: 1px solid #110e0c1a; } } a { padding-top: 16px; padding-bottom: 16px; line-height: 1; border-color: #110e0c1a; .menu-title { color: #110e0c; font-size: 14px; font-weight: 600; font-family: $fInter; } } .caret { top: 7px; &::before { content: url('/img/cms/icons/arrow-down-brown-mini.svg'); } } .dropdown-menu { .leo-widget { padding: 0; div.menu-title { padding: 0; a { color: #110e0c; font-size: 14px; font-weight: 600; font-family: $fInter; padding-top: 8px; padding-bottom: 14px; } } ul { li { a { color: #110e0c; font-size: 14px; font-weight: 600; font-family: $fInter; padding-top: 14px; padding-bottom: 14px; } } } } } &.promo-item { >a { >.menu-title { color: #c40000; } } } .dropdown-sub { padding-bottom: 20px; .dropdown-menu-inner, ul { padding-left: 15px; border-left: 1px solid rgba(17, 14, 12, 0.1); } .dropdown-menu-inner { .mega-col { &:not(:first-child) { .menu-title { padding-top: 20px; } } .leo-widget { &[data-id_widget='1753179161'] { display: none; } } } } ul { li { a { font-weight: 400 !important; padding: 10px 0 !important; } } } } } } } } .dropdown-menu { .leo-widget { padding-bottom: 20px; } }