/* * Custom code goes here. * A template should always ship with an empty custom.css */ @import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Noto+Serif+Display:ital,wght@0,100..900;1,100..900&display=swap'); $fInter: 'Inter', sans-serif; $fNotoSerifDisplay: 'Noto Serif Display', serif; $cDark: #3c3c3c; $cGold: #806d4b; .product-variants:nth-of-type(2):hover { background-color: transparent; scale: 100%; padding-right: 0; margin-right: 0; margin-bottom: 0; } // .product-variants:hover { // background-color: #555; // border-radius: 3px; // scale: 110%; // padding-right: 30px; // margin-right: -20px; // margin-bottom: 20px; // } .product-bar .product-variants, #button-mirror-reflection, .product-block-piece { transition: ease-in-out 0.1s all; } // #button-mirror-reflection:hover { // background-color: #555; // border-radius: 3px; // scale: 110%; // padding-right: 30px; // margin-right: -20px; // margin-bottom: 20px; // z-index: 1000; // } // .product-block-piece:hover { // background-color: #555; // border-radius: 3px; // scale: 110%; // padding-right: 30px; // margin-right: -20px; // margin-bottom: 20px; // } .reviews-list-title { justify-content: center; display: block; float: left; clear: left; width: 100%; } .product-additional-block { /* width: calc(50% - 10px); */ width: calc(100% - 10px); margin: 0 5px; float: left; border: 1px solid #ddd; margin-top: 20px; } .product-additional-block .block-title { text-align: center; background-color: #3d3d3d; color: #fff; padding: 10px 0; font-weight: 400; font-size: 15px; } .product-additional-block .block-content { font-size: 12px; padding: 10px; } .product-manual-button { padding: 10px 20px; margin: 5px; border: 1px solid; width: calc(50% - 10px); display: inline-block; float: left; text-align: center; } #header .logo { max-height: 40px; } #roycontent_top { margin-top: 70px; } #phblogrecentposts { margin-top: 50px; } body#module-ph_simpleblog-list rs-fullwidth-wrap, body#module-ph_simpleblog-single rs-fullwidth-wrap, body#module-ph_simpleblog-category rs-fullwidth-wrap { display: none; } body:not(#index) #header:not(.normal) .layout_layout1:not(.ybc_vertical_menu) .mm_menus_li > a { color: #1c1c1c !important; } body:not(#index) #header:not(.normal) .row.action > div svg * { stroke: #1c1c1c !important; } body:not(#index) #header:not(.normal) .row.action .blockcart a i { background-color: #1c1c1c; } body:not(#index) #header:not(.normal) .logo-normal { display: block; } body:not(#index) #header:not(.normal) .logo-trans { display: none; } .logo_loader { max-width: 150px; } .wallcover-button { background-color: #222; display: inline-block; padding: 10px 20px; color: #fff; } body#index #roycontent_top > .row > ul > li:nth-child(2) > .li-cont > a > h2, body#index #roycontent_top > .row > ul > li:nth-child(4) > .li-cont > a > h2 { width: 50%; float: left; opacity: 1 !important; } body#index #roycontent_top > .row > ul > li:nth-child(2) > .li-cont > a > img, body#index #roycontent_top > .row > ul > li:nth-child(4) > .li-cont > a > img { width: 50%; float: right; } body#index #roycontent_top > .row > ul > li:nth-child(3) > .li-cont > a > h2, body#index #roycontent_top > .row > ul > li:nth-child(5) > .li-cont > a > h2 { width: 50%; float: right; margin-left: 50%; opacity: 1 !important; } body#index #roycontent_top > .row > ul > li:nth-child(3) > .li-cont > a > img, body#index #roycontent_top > .row > ul > li:nth-child(5) > .li-cont > a > img { width: 50%; float: left; } .messenger-contact-container { position: fixed; right: 10px; bottom: 10px; z-index: 1000; } .messenger-contact-tip { display: none; position: absolute; right: 0; top: 10px; width: 200px; margin-right: 10px; border-radius: 20px; padding: 10px 20px; z-index: 10000; background: #0084ff; color: #fff; font-size: 12px; } #header.normal .row.action { padding: 5px 15px; } #header.sticky.normal .row.action { padding: 5px 15px; } #header .row.action { min-height: auto; } #roy_brands { display: none; } body#product .product-quantity .qty, body#product .prod-buttons, body#product .product-minimal-quantity { display: none; } .product-bar { width: 100%; // background-color: #3d3d3d; // position: absolute; // left: 0; height: 120px; // padding: 0px 80px; } .product-bar-container { // height: 120px; margin-bottom: 0px; } .payu-form-margin { margin-bottom: 50px; } @media (max-width: 1404px) { .product-bar { display: flex; justify-content: center; flex-wrap: wrap; height: auto; } // .product-bar-container { // margin-bottom: 100px; // } .add-to-cart { margin-bottom: 20px !important; } } // @media (max-width: 990px) { // .product-bar-container { // margin-bottom: 200px; // } // } @media (max-width: 675px) { .product-bar { justify-content: left; padding: 0px; } // .product-bar-container { // margin-bottom: 250px; // } .product-block-piece:first-of-type { // margin-left: 30px !important; } } // @media (max-width: 450px) { // .product-bar-container { // margin-bottom: 440px; // } // } .product-bar { display: flex; padding-bottom: 14px; } .product-add-to-cart { margin-top: 12px !important; margin-left: 22px; } body#product .product-variants { margin-top: 40px; } body:not(#index) #top_column { display: none; } body#product #tabsection { width: 50%; float: left; margin-top: 0; } body#product #roycontent_productbeforebuy { float: left; width: 50%; clear: none; margin: 0; padding: 0; } body#product #roycontent_productbeforebuy ul li { width: 100% !important; } body#index #roycontent_top ul li { margin: 0; } @media (max-width: 991px) { body#product #tabsection, body#product #roycontent_productbeforebuy { width: 100%; } body#product #tabsection { margin-left: auto; margin-right: auto; } .product-manual-button { width: calc(100% - 10px); } } #roycontent_footer .row > ul > li { width: 100%; } .footer-column { width: 25%; float: left; text-align: left; } @media (max-width: 991px) { .footer-column { width: 100%; } .footer-column h4 { margin-top: 40px; } .footer-column:first-child h4 { margin-top: 0; } .products-section-title { font-size: 34px !important; } } .footer-container > .container > .row { display: none; } .footer-column h4 { margin-bottom: 25px; text-transform: uppercase; } .footer-column p { margin-bottom: 0; float: left; clear: left; } .footer-column a { display: inline-block; float: left; clear: left; margin-bottom: 5px; } // #roycontent_footer .html_inside:after { // content: ''; // width: 25%; // float: left; // height: 100px; // background-image: url('/modules/roy_customizer/upload/logo-normal-1.png'); // background-size: contain; // background-position: center; // background-repeat: no-repeat; // } // @media (max-width: 991px) { // #roycontent_footer .html_inside:after { // display: none; // } // } .product-block-prices { display: inline-block; float: right; } h1.h1.product-title { display: inline-block; } body#product .container .col-content { display: none; } body#product .container .col-image { width: 100%; float: left; margin: auto !important; } body#product .product-discounts { margin-bottom: 0; } body#product .product-prices { margin-top: 0; } body.wcag * { color: #ffff00 !important; border-color: #ffff00 !important; background-color: #000 !important; box-shadow: none !important; } body.wcag .ets_mm_block > h4 > a { color: #ffff00 !important; } body.wcag .ets_mm_megamenu.transition_default .mm_menus_li .mm_columns_ul { background: #000 !important; border: 10px solid #ffff00 !important; } body.wcag #header.normal .row.action > div svg * { stroke: #ffff00 !important; } body.wcag #header.normal i { background-color: #ffff00 !important; } body.wcag #header.normal .row.action .blockcart a span.cart-products-count { background: #ffff00 !important; color: #000 !important; } #button-wcag { height: 28px; width: 28px; cursor: pointer; margin-right: 12px; } #button-wcag svg { fill: #1c1c1c !important; } #button-wcag::after { content: ''; display: block; border: 1px solid #806d4b; height: 100%; margin-left: 11px; } body.wcag #button-wcag svg { fill: #ffff00 !important; } body.wcag .messenger-contact-tip { background-color: #ffff00 !important; } body.wcag .messenger-contact-tip svg * { stroke: #000 !important; } .toggle-listing-filters { padding: 10px 20px; margin: 5px; border: 1px solid; cursor: pointer; user-select: none; } main.filtersHidden .toggle-listing-filters .hide-filters { display: none; } main:not(.filtersHidden) .toggle-listing-filters .hide-filters { display: block; } main:not(.filtersHidden) .toggle-listing-filters .show-filters { display: none; } main.filtersHidden #content-wrapper { width: 100%; } main.filtersHidden #left-column { display: none !important; } @media (min-width: 992px) { main.filtersHidden .js-product-miniature { width: 25% !important; } } body.size-2 *:not(span):not(p) > a, body.size-2 p, body.size-2 *:not(a):not(button) > span:not(.mm_bubble_text), body.size-2 h1, body.size-2 h2, body.size-2 h3, body.size-2 h4, body.size-2 h5, body.size-2 h6, body.size-2 .block-content, body.size-2 .block-title, body.size-2 .btn:not(.btn-touchspin) { font-size: 120% !important; line-height: 120% !important; } body.size-3 *:not(span):not(p) > a, body.size-3 p, body.size-3 *:not(a):not(button) > span:not(.mm_bubble_text), body.size-3 h1, body.size-3 h2, body.size-3 h3, body.size-3 h4, body.size-3 h5, body.size-3 h6, body.size-3 .block-content, body.size-3 .block-title, body.size-3 .btn:not(.btn-touchspin) { font-size: 140% !important; line-height: 140% !important; } body.size-4 *:not(span):not(p) > a, body.size-4 p, body.size-4 *:not(a):not(button) > span:not(.mm_bubble_text), body.size-4 h1, body.size-4 h2, body.size-4 h3, body.size-4 h4, body.size-4 h5, body.size-4 h6, body.size-4 .block-content, body.size-4 .block-title, body.size-4 .btn:not(.btn-touchspin) { font-size: 160% !important; line-height: 160% !important; } body.size-5 *:not(span):not(p) > a, body.size-5 p, body.size-5 *:not(a):not(button) > span:not(.mm_bubble_text), body.size-5 h1, body.size-5 h2, body.size-5 h3, body.size-5 h4, body.size-5 h5, body.size-5 h6, body.size-5 .block-content, body.size-5 .block-title, body.size-5 .btn:not(.btn-touchspin) { font-size: 180% !important; line-height: 180% !important; } /* 100% na stale */ p span, p a, h1 span, h2 span, h3 span, h4 span, h5 span, h6 span, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-size: 100% !important; line-height: 100% !important; } #buttons-size-wcag { display: inline-block !important; } .button-wcag-size-down, .button-wcag-size-up { height: 15px; text-align: center; width: 100%; cursor: pointer; font-size: 21px; margin-top: -1px; user-select: none; } .product-images .piece { position: absolute; left: 0; top: 0; width: 20%; /* 1 cm = 0.2% */ height: 33.3333%; /* 1 cm = 0.3333% */ background: rgba(255, 255, 255, 0.3); border: 1px solid #fff; cursor: move; } .product-block-piece { float: left; display: inline-block; margin-top: 20px; margin-left: 30px; } .product-block-piece:first-of-type { margin-left: 0px; } .product-bar label, .piece-divider, #custom-wallpaper-price, #custom-wallpaper-price-label { color: #fff; user-select: none; } #checkbox-piece { height: auto; margin-right: 10px; } #piece-width, #piece-height { height: auto; padding: 5px; width: 55px; } .piece-size-controls, .piece-size-values { width: auto; clear: both; } .piece-size-values { float: right; } #piece, .piece-size-values { /* display:none; */ } .product-block-custom-price { display: inline-block; margin-top: 20px; margin-left: 30px; /*min-width: 94px;*/ } #custom-wallpaper-price { /* display:none; */ text-align: center; } #custom-wallpaper-price-label { margin-bottom: 12px; text-align: center; /* display:none; */ } .product-images img.thumb { user-select: none; } .product-images img.thumb.mirrored { transform: scaleX(-1); } #piece.mirrored { transform: scaleX(-1); background-position: left; } #button-mirror-reflection { margin-top: 20px; display: inline-block; float: left; // margin-left: 30px; cursor: pointer; user-select: none; } #button-mirror-reflection p { color: #000; } .product_image_wrapper > .images-container > .mask, .product_image_wrapper > .images-container > .mask .thumb-container { overflow: visible !important; } .wallpaper-ruler.ruler-horizontal { top: -23px; position: absolute; width: 100%; height: 10px; border: 1px solid #888; border-bottom: 0; } .wallpaper-ruler.ruler-vertical { right: -23px; position: absolute; width: 10px; height: 100%; border: 1px solid #888; border-left: 0; top: 0; } .wallpaper-ruler p { margin: 0; text-align: center; font-size: 12px; } .wallpaper-ruler.ruler-horizontal p { width: 100%; margin-top: -2px; } .wallpaper-ruler.ruler-vertical p { transform: translate3d(-50%, -50%, 0) rotate(-90deg); position: absolute; top: 50%; } .flag-eu img { max-height: 80px; } .product_image_wrapper .product-thumbs-wrapper { display: none; } body#product .product-variants .product-variants-item { margin: 0; } .product-bar .product-variants { display: inline-block; margin-top: 20px !important; margin-left: 30px; text-align: center; color: #fff; float: left; } #textSearch { width: calc(100% - 30px); float: left; } #clearTextSearch { float: left; margin-left: 5px; width: 25px; height: 25px; background-color: #e6e6e6; border-radius: 13px; text-align: center; line-height: 25px; font-size: 11px; margin-top: 15px; cursor: pointer; } body:not(#index) #bottom_column { padding-top: 0; padding-bottom: 0; } .product-bar-icon svg { fill: #ffffff !important; width: 100% !important; height: 100% !important; } .product-bar-icon img { width: 100%; max-width: fit-content; } .product-bar-icon { float: left; } .product-bar-box { float: left; } .product-bar-box select.form-control { padding: 5px 20px 5px 10px !important; height: auto !important; min-height: unset !important; min-width: 130px !important; } .product-bar-box span { text-align: left !important; } .product-bar-icon { // height: 50px !important; // max-width: 50px; // margin-right: 10px !important; // border-left: 1px solid; // padding-left: 20px; // box-sizing: content-box; // border-color: #eee !important; } .button-mirror-reflection-label { margin-top: 24px; } .piece-size-values, #custom-wallpaper-price, #custom-wallpaper-price-label { opacity: 0.23; } #piece { display: none; } body#product #main .images-container .product-images li.thumb-container .thumb { max-width: 1000px; } body#product #main .images-container .product-images li.thumb-container, body#product #main .images-container .product-images, body#product #main .images-container { display: inline-block; } body#product #main .product_image_wrapper { display: flex; } body#product #main .images-container { margin: auto; } body#product #main .images-container .product-images li.thumb-container .thumb.dark { opacity: 0.3; } body#product #main .images-container .product-images li.thumb-container { background-color: #000; } body#product #human { background-image: url('/img/wysokosc_czlowieka.png'); width: 97px; display: block; height: 57%; position: absolute; right: -158px; bottom: 0; background-repeat: no-repeat; background-size: auto 100%; background-position: left; } @media (max-width: 1330px) { body#product #human { display: none; } } .wariant_kolorystyczny > label { cursor: pointer; } @media (min-width: 767px) { body#category #main { padding-top: 0 !important; } .category-cover .img-responsive { max-width: unset; width: 100%; } } body#category h1, body#category #category-description { text-align: center; } .products.row .thumbnail-container .action-block { display: none !important; } body.cms-id-9 #content > p:first-child { height: 18.6vw; } body.cms-id-9 #content > p:first-child img { position: absolute; left: 0; } body.cms-id-9 .page-header { display: none; } body.cms-id-9 #main { padding-top: 0 !important; } body.cms-id-9 h1 { text-align: center; padding-top: 25px; padding-bottom: 8px !important; } body.cms-id-9 .yours-desc { text-align: center; line-height: 1.5rem !important; font-weight: 400 !important; } #category-description p { font-weight: 400 !important; } .button-open-hp { width: 180px; display: block; margin: auto; float: none; text-align: center; background-color: #806d4a; color: #fff !important; font-weight: 200; padding: 8px; font-size: 18px; cursor: pointer; user-select: none; position: relative; margin-top: 55px; margin-bottom: 90px; } .button-open-hp::before, .button-open-hp::after { content: ''; background-image: url(/img/hp-button-decoration.jpg); width: 150px; height: 23px; position: absolute; top: -29px !important; left: 29% !important; display: block; width: 42%; background-size: contain; background-repeat: no-repeat; background-position: center; cursor: default; } .button-open-hp::after { transform: scale(-1); top: auto !important; bottom: -29px !important; } .yours-text-block { width: 25.333%; text-align: left; float: left; margin-right: 3%; margin-left: 5%; position: relative; } .yours-text-block .content { font-weight: 300; line-height: 21px; } .yours-text-block .title { font-size: 22px; font-weight: 400; padding-bottom: 8px; } .yours-text-block.block-1::before { content: '1'; } .yours-text-block.block-2::before { content: '2'; } .yours-text-block.block-3::before { content: '3'; } .yours-text-block::before { position: absolute; left: -66px; color: #806d4a; width: 46px; height: 48px; border: 2px solid #88704e; text-align: center; line-height: 47px; font-size: 24px; font-weight: 100; top: -9px; } @media (max-width: 992px) { .yours-text-block { width: calc(100% - 65px); margin-bottom: 40px; margin-right: 0; margin-left: 65px; } } #hp-wallart-iframe { width: 100%; height: 700px; } body.cms-id-10 h1 { display: none; } body.cms-id-10 #main { padding-top: 0 !important; } .product_count_block, .countcontainer, .count_icon.tip_inside { display: none; } body#product main { padding-top: 0; } .product-top-banner { width: 100%; margin-left: -80px; width: calc(100% + 160px); margin-bottom: 70px; } .product-top-banner img { width: 100%; } .btn-instagram { -webkit-box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, 0.2); box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, 0.2); text-transform: uppercase; font-weight: 600; padding: 0.5rem 1.25rem; background: #415994; color: white; } .btn-instagram:hover { color: white; background: #203363; } .btn-instagram i { margin-right: 8px; font-size: 19px; position: relative; top: 2px; } @media (max-width: 1320px) { .simpleblog__listing__post__wrapper { display: flex; align-items: center; flex-direction: column; } } .bg-white-important { background-color: white !important; } .radio-item { display: inline-block; position: relative; } .radio-item input[type='radio'] { display: none; } .radio-item label { color: #666; font-weight: normal; } .radio-item input[type='radio']:checked + label:after { border-radius: 11px; width: 14px; height: 14px; position: absolute; top: 2px; left: 2px; content: ' '; display: block; background-color: black !important; } .radio-item input[type='radio']:checked + .switchColor.customInput:after { background-color: yellow !important; } .hidden { display: none !important; visibility: none !important; } .strong { font-weight: strong; } .fancybox-size-controls { display: block; // color: white; color: #000; } .fancybox-material-controls { // color: white; color: #000; /* margin-top: -6px*/ display: block; } .product-block-piece .product-bar-icon { margin-top: 0px !important; } .product-variants .product-bar-box { margin-top: 10px !important; } .fancybox-active { height: 100% !important; } .text p { font-size: 11px; margin-bottom: 5px; line-height: 18px; } .material-canvas img, .material-sand img { max-width: 100%; } .valid-width-alert, .valid-height-alert, .valid-alert { color: red; display: inline-block; } .piece-height-px, .piece-width-px { background: #f2f2f2; position: absolute; color: #82704e; width: 50px; text-align: center; } .piece-width-px { bottom: -25px; right: -1px; } .piece-height-px { transform: rotate(270deg); bottom: 10px; right: -37px; } .mirrored .piece-width-px { transform: scaleX(-1); bottom: -25px; left: -1px; } .mirrored .piece-height-px { transform: rotate(270deg) scaleY(-1); bottom: 10px; left: -37px; } // .fancybox-size-controls:hover, // .fancybox-material-controls:hover { // color: white !important; // } @media (min-width: 767px) { body#index #roycontent_top ul li:nth-child(1) { order: 1; } body#index #roycontent_top ul li:nth-child(2) { order: 2; } body#index #roycontent_top ul li:nth-child(2) > .li-cont { width: 100%; } body#index #roycontent_top ul li:nth-child(3) { order: 2; } body#index #roycontent_top ul li:nth-child(4) { order: 4; } body#index #roycontent_top ul li:nth-child(4) > .li-cont { width: 100%; } body#index #roycontent_top ul li:nth-child(5) { order: 5; } body#index #roycontent_top ul li:nth-child(6) { order: 7; } body#index #roycontent_top ul li:nth-child(6) > .li-cont { width: 100%; } body#index #roycontent_top ul li:nth-child(7) { order: 6; } body#index #roycontent_top ul li:nth-child(4n + 1) { text-align: right; } } .faceted-slider { padding: 10px; } .product-variants::nth-of-type(1, 2):hover { background-color: #555; border-radius: 3px; scale: 110%; padding-right: 30px; margin-right: -20px; margin-bottom: 20px; } .product-bar .product-variants, #button-mirror-reflection, .product-block-piece { transition: ease-in-out 0.1s all; } // #button-mirror-reflection:hover { // background-color: #555; // border-radius: 3px; // scale: 110%; // padding-right: 30px; // margin-right: -20px; // margin-bottom: 20px; // z-index: 1000; // } // .product-block-piece:hover { // background-color: #555; // border-radius: 3px; // scale: 110%; // padding-right: 30px; // margin-right: -20px; // margin-bottom: 20px; // } /*BM edit 27.10.2021 start */ #cart #cart-subtotal-shipping { display: none; } // #button-mirror-reflection:hover, // .product-block-piece:hover, // .product-variants:hover { // padding-right: 20px; // margin-bottom: 0; // } #squaremeter, #dimension, #squaremeter_availability { display: none; } #totalprice { display: inline-block; margin-top: 20px; /* margin-left: 30px;*/ min-width: 94px; color: #fff; } #totalpriceinfo { padding-top: 0; color: #000; font-weight: bold; font-size: 18px; } #cart .qty, #cart .product-line-grid-price { display: none; } #cart .product-line-prices { justify-content: end; } .product-variants:first-of-type:hover { background-color: #555; border-radius: 3px; scale: 100%; // padding-right: 10px; // margin-right: 10px; margin-bottom: 0px; } .product-bar .product-variants { display: inline-block; // margin-top: 20px !important; margin-left: 0px; // margin-right: 10px; text-align: center; color: #fff; float: left; // padding-right: 10px; } .product-actions .product-variants-item .control-label { margin-bottom: 0; } .product-actions .product-variants-item strong { font-weight: 500; } .product-variants .product-bar-box { margin-top: 0px !important; max-width: 180px; text-align: left; } #button-mirror-reflection, #fancybox-size-controls, .product-bar.container .product-variants .fancybox-material-controls, body#product .product-variants, .product-block-custom-price { display: inline-flex; align-items: center; } #button-mirror-reflection p { margin: 0; } .fancybox-size-controls .product-block-piece { padding-top: 11px; padding-bottom: 11px; } .product-bar { padding-bottom: 20px; } .product-add-to-cart { margin-top: 20px !important; } .product-bar.container .product-variants-item { display: flex; align-items: center; } @media (min-width: 836) and (max-width: 897px) { .product-block-custom-price { margin-top: 0; } } @media (min-width: 1404px) { .product-bar { height: auto; } .product-block-custom-price { min-width: 0; } .add .btn.add-to-cart { padding: 22px 17px; } #totalprice { margin-left: 0; } } // @media (min-width: 676px) and (max-width: 1050px) { // .product-bar-container { // height: 200px; // } // } .side_menu .cart-prods li .product-img .image-cont { display: none; } /*BM edit 27.10.2021 end*/ //* Page "Architekci" body.cms-id-16 { .block-architekci { background-image: url('https://newwalls.pl/img/cms/custom-pages/architekci/architekci-hero-baner.jpg'); padding: 40px 80px 80px; background-size: cover; @media (max-width: 767px) { padding: 20px 20px; } } .architekci-title { font-size: 50px; color: #fff; margin-bottom: 40px; font-weight: 800; } .architekci-description { color: #fff; font-weight: 100; margin-bottom: 0; } #main { padding-top: 15px !important; #map-info-list { list-style: none; padding: 0; margin: 0 auto; width: 100%; max-width: 910px; > li { &:not(:last-child) { margin-bottom: 70px; } h2 { position: relative; font-size: 18px; padding-bottom: 15px; margin-bottom: 15px; &::before { content: ''; position: absolute; bottom: 0; left: -15px; right: -15px; height: 1px; background-color: #ededed; } } > ul { list-style: none; padding: 0; margin: 0; display: grid; grid-template-columns: repeat(auto-fit, minmax(230px, 1fr)); column-gap: 60px; row-gap: 30px; li { h3 { font-size: 18px; text-transform: uppercase; margin: 0; } p { margin-bottom: 0; } } } } } } #bottom_column { .products-section-title { text-align: center; } } } //* Page "Dystrybutorzy" body.cms-id-17 { .block-dystrybutorzy { background-image: url('https://newwalls.pl/img/cms/custom-pages/dystrybutorzy/dystrybutorzy-hero-baner.jpg'); padding: 40px 80px 80px; background-size: cover; @media (max-width: 767px) { padding: 20px 20px; } } .dystrybutorzy-title { font-size: 50px; color: #fff; margin-bottom: 40px; font-weight: 800; } .dystrybutorzy-description { color: #fff; font-weight: 100; margin-bottom: 0; } #main { padding-top: 15px !important; #map-info-list { list-style: none; padding: 0; margin: 0 auto; width: 100%; max-width: 910px; > li { &:not(:last-child) { margin-bottom: 70px; } h2 { position: relative; font-size: 18px; padding-bottom: 15px; margin-bottom: 15px; font-weight: 700; &::before { content: ''; position: absolute; bottom: 0; left: -15px; right: -15px; height: 1px; background-color: #ededed; } } > ul { list-style: none; padding: 0; margin: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(230px, 1fr)); column-gap: 60px; row-gap: 30px; li { h3 { text-align: left; font-size: 18px; text-transform: uppercase; margin: 0; } p { margin-bottom: 0; text-align: left; a { display: block; line-height: 1.5 !important; margin-bottom: 5px; } } } } } } } #bottom_column { .products-section-title { text-align: center; } } } //* Page "Struktury" body.cms-id-18 { .block-struktury { background-image: url('https://newwalls.pl/img/cms/custom-pages/struktury/struktury-hero-baner.jpg'); padding: 40px 80px 80px; background-size: cover; @media (max-width: 767px) { padding: 20px 20px; } } .struktury-title { font-size: 50px; color: #fff; margin-bottom: 40px; font-weight: 800; } .struktury-description { color: #fff; font-weight: 100; margin-bottom: 0; } #main { padding-top: 15px !important; #content { > h2 { font-size: 30px; margin-bottom: 50px; margin-left: 380px; } ul { list-style: none; margin: 0; padding: 0; } > ul { > li { display: flex; flex-direction: row; align-items: center; column-gap: 60px; row-gap: 40px; &:not(:last-child) { margin-bottom: 50px; padding-bottom: 50px; border-bottom: 1px solid #ebebec; } } } .tile-info { flex: 1; h2 { font-size: 22px; font-weight: 600; margin-bottom: 10px; } p { font-size: 16px; margin-bottom: 10px; } h3 { font-size: 16px; font-weight: 600; margin-bottom: 0; margin-top: 0; } ul { li { font-size: 13px; padding: 0; } } } .pattern-pay { margin-bottom: 50px; padding-bottom: 50px; border-bottom: 1px solid #ebebec; h2 { font-size: 30px; margin-bottom: 30px; } p { font-size: 13px; line-height: 1.3; margin-bottom: 10px; } } } } #bottom_column { .products-section-title { text-align: center; } } .pattern-action { width: fit-content; margin-top: 30px; .add-to-cart { background: #7d6e4f; border-color: #7d6e4f; i { background-color: #fff; } span { color: #fff !important; } &:hover { background: #7d6e4f; border-color: #7d6e4f; i { background-color: #fff; } span { color: #fff !important; } } } .product-bar-container { display: none !important; } } } .language_selector { .language-selector-wrapper { .dropdown-menu { min-width: unset; background: #ffffff !important; border-color: #fafafa !important; li { a { padding: 3px 1.5rem; } } } } } .head_action .curlan ul.dropdown-menu { right: -20px; } .block-category-first { .container { display: none !important; } } .block-category-second { .category-cover { display: none !important; } } body#index { #roycontent_top { #custom-cols { .html-item { position: relative; margin-bottom: 20px; &:nth-child(1) { .html-item-data { p { a { background: #7d6e4f; } } } } &:nth-child(2) { .html-item-data { p { a { background: #548fb1; } } } } &:nth-child(3) { .html-item-data { p { a { background: #ab8d16; } } } } &:hover { .html-item-img { &::before { opacity: 1; border-width: 15px; } } } .html-item-img { position: relative; &::before { content: ''; position: absolute; inset: 0; border: 0 solid rgba(255, 255, 255, 0.5); opacity: 0; transition: all 0.3s ease-in-out; } img { // max-height: 790px; max-height: unset; height: unset; } } .html-item-data { position: absolute; bottom: 0; left: 15px; right: 15px; padding: 30px; h1 { color: #fff; font-size: 80px; } p { color: #fff; font-size: 22px; margin-bottom: 0; a { color: #fff; font-size: 22px !important; display: flex; justify-content: center; align-items: center; height: 80px; margin-bottom: 20px; margin-top: 20px; font-weight: 100; } } @media (max-width: 1200px) { padding: 20px; h1 { font-size: 50px; } p { font-size: 18px; a { font-size: 18px !important; height: 70px; } } } } } } } } .order-sample { background: #3d3d3d; padding: 15px; text-align: center; a { color: #fff; } } .product-bar { &.product-bar-title { flex-direction: column; h2 { font-size: 30px; margin-bottom: 0; } h3 { color: #666666; font-size: 20px; margin-bottom: 15px; font-weight: 400; } } &.product-bar-data { position: relative; padding-bottom: 30px; &::before { content: ''; position: absolute; bottom: 0; left: 15px; right: 15px; height: 1px; background: #7d6e4f; } } } #fancybox-size-controls, .product-variants, #button-mirror-reflection, #button-color-variants { width: 25%; .product-bar-icon { margin-right: 25px; margin-left: 25px; } .product-bar-box, .product-bar-box p { color: #666666; font-size: 16px; font-weight: 400; } @media (max-width: 1100px) { width: 50%; } @media (max-width: 768px) { width: 100%; } } .product-bar-label { p { font-size: 30px; margin-bottom: 0; } } #fancybox-size-controls { .product-block-piece { display: flex; flex-direction: row; align-items: center; } } #button-color-variants { display: flex; flex-direction: row; align-items: center; cursor: pointer; height: 72px; margin-top: 20px; .product-bar-box { p { margin-bottom: 0; } } } #box-color-variants { display: none; position: fixed; inset: 0; z-index: 9; background: rgba(255, 255, 255, 0.5); backdrop-filter: blur(5px); .product-variants { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); margin: 0; padding: 20px; background: rgba(0, 0, 0, 0.95); width: auto; .product-variants-item { .control-label { display: none; } ul { padding: 0; width: 100%; max-width: 410px; display: flex; flex-direction: row; flex-wrap: wrap; gap: 10px; li { margin: 0; label { margin: 0; } } } } } } .product-actions-custom { width: 50%; margin-left: auto; margin-top: 20px; .product-actions-custom--wrapper { display: flex; flex-direction: row; align-items: center; width: 100%; #totalprice { flex: 1; } .btn.btn-primary.add-to-cart { background: #7d6e4f; border-color: #7d6e4f; i { background-color: #fff; } span { color: #fff; } } @media (max-width: 768px) { flex-direction: column; } } @media (max-width: 1400px) { width: 100%; margin: 0; } } #custom-order-modal, #custom-email-pattern-modal { position: fixed; top: 0; right: 0; bottom: 0; left: 0; display: none; outline: 0; z-index: 2020 !important; .custom-order-modal--wrapper, .custom-email-pattern-modal--wrapper { height: 100%; width: 100%; display: flex; justify-content: center; @media (min-height: 650px) { align-items: center; } @media (max-height: 650px) { overflow: auto; } } .custom-order-box { position: relative; background: #fff; border-radius: 20px; box-shadow: 0 5px 40px 0 rgba(0, 0, 0, 0.2); width: 100%; max-width: 800px; padding: 50px; height: fit-content; } #custom-order-box-close { position: absolute; top: 0; right: 0; width: 40px; min-width: 40px; height: 40px; border-top-left-radius: 0; border-bottom-right-radius: 0; border-top-right-radius: 20px; border-bottom-left-radius: 20px; background: #fff; box-shadow: 0 5px 40px 0 rgba(0, 0, 0, 0.2); cursor: pointer; &::before { content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) rotate(45deg); width: 15px; height: 1px; background: #000; } &::after { content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) rotate(-45deg); width: 15px; height: 1px; background: #000; } } #custom-order-form { .row { &:not(:last-child) { margin-bottom: 20px; } > div[class^='col-'] { display: flex; flex-direction: column; align-items: flex-start; input[type='text'], input[type='file'], textarea { width: 100%; } textarea { resize: none; } } } .custom-order-form-title { font-size: 29px; margin-bottom: 20px; } ul { padding: 0; margin: 32px 0 0 0; li { display: flex; flex-direction: row; align-items: center; column-gap: 15px; input { height: auto; cursor: pointer; } label { margin: 0; line-height: 1.2; cursor: pointer; } } } .form-btn { width: 100%; display: flex; align-items: center; justify-content: flex-end; .loader { display: none; width: 32px; height: 32px; border: 5px solid #806d4a; border-bottom-color: #fff; border-radius: 50%; box-sizing: border-box; animation: rotation 1s linear infinite; } @keyframes rotation { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .send-form { display: flex; flex-direction: row; align-items: center; background: #7d6e4f; border-color: #7d6e4f; i { display: flex; width: 28px; height: 28px; margin-right: 12px; background-color: #fff; mask-image: url('/modules/roy_customizer/images/rt_cart2.svg'); mask-size: cover; transition: all 0.22s cubic-bezier(0.07, 0.74, 0.56, 0.89); } .text { color: #fff; transition: all 0.22s cubic-bezier(0.07, 0.74, 0.56, 0.89); } } } } .custom-file-upload { position: relative; display: inline-block; cursor: pointer; } .custom-file-upload-label { display: flex; align-items: center; column-gap: 15px; padding-left: 0; padding-right: 0; border: none; box-shadow: none; cursor: pointer; img { width: 28px; height: 28px; } } #file-selected { display: block; margin-top: 10px; font-size: 14px; } .custom-file-upload input[type='file'] { position: absolute; left: 0; top: 0; opacity: 0; width: 100%; height: 100%; cursor: pointer; } } #custom-order-btn, #custom-sample-btn { padding: 10px 20px; margin: 5px; border: 1px solid; width: 99%; display: inline-block; text-align: center; } #custom-pattern-btn { display: flex; align-items: center; column-gap: 15px; img { width: 30px; } } .fancybox-material-box { .material-canvas { &:nth-child(2n + 1) { background: #dfdfdf; } .col-xs-12 { display: flex; flex-direction: row; flex-wrap: wrap; gap: 20px; align-items: center; justify-content: space-between; } } } /** * New styles */ ._btn-1 { position: relative; display: inline-block; &:hover { &::before { width: 100%; } span { color: #fff; } } &::before { content: ''; position: absolute; left: 0; top: 0; bottom: 0; width: 1px; background-color: $cGold; transition: all 250ms ease-in-out; } span { position: relative; color: $cGold; font-family: $fInter; font-weight: 300; font-size: 15px; line-height: 1; display: inline-flex; align-items: center; text-align: center; padding: 16px; transition: all 250ms ease-in-out; } } ._footer-social { ._footer-social--wrapper { text-align: center; margin-bottom: 70px; h2 { color: $cDark; font-family: $fInter; font-style: normal; font-weight: 500; font-size: 37px; line-height: 1; margin-bottom: 14px; } h3 { color: $cGold; font-family: $fNotoSerifDisplay; font-style: normal; font-weight: 400; font-size: 40px; line-height: 1; } ol { display: flex; justify-content: center; flex-direction: row; column-gap: 24px; margin-top: 40px; li { padding: 0; margin: 0; line-height: 1; a { color: $cDark; font-family: $fInter; font-style: normal; font-weight: 700; font-size: 19px; line-height: 1; display: inline-flex; align-items: center; flex-direction: row; column-gap: 13px; padding: 21px 43px; border: 2px solid #000000; border-radius: 12px; i { font-size: 30px; line-height: 0.8; } } } } } } ._join-us { ._join-us--wrapper { position: relative; padding: 80px 0; &::before { content: ''; position: absolute; top: 0; left: 50%; bottom: 0; width: 100svw; background: #f0f0f0; transform: translateX(-50%); } h3 { position: relative; color: $cGold; font-family: $fNotoSerifDisplay; font-weight: 400; font-size: 40px; line-height: 1; text-align: center; margin-bottom: 50px; } p { position: relative; color: $cDark; font-family: $fInter; font-weight: 400; font-size: 14px; line-height: 1.78; text-align: center; &:last-child { margin-bottom: 0; } } a { display: block; margin: 0 auto; width: 100%; max-width: fit-content; } ._join-us--text { margin-bottom: 50px; } } } section#main { overflow: hidden; } #roycontent_home { ul { li { overflow: initial; .li-cont { overflow: initial; } } } } footer#footer { .footer-container { padding-top: 100px; padding-bottom: 40px; background: #000000; } #roycontent_footer { ._footer_box { display: flex; flex-direction: row; flex-wrap: wrap; column-gap: 40px; row-gap: 40px; ._footer_col_1 { width: calc(25% - 20px); text-align: left; img { width: 100%; max-width: 219px; } } ._footer_col_2 { width: calc(75% - 20px); text-align: left; display: flex; flex-direction: row; flex-wrap: wrap; column-gap: 40px; row-gap: 50px; ._footer-col-33 { width: calc(100% / 3 - (40px - (40px / 3))); h4 { color: #ffffff; font-family: $fInter; font-weight: 700; font-size: 16px; line-height: 1; text-transform: uppercase; margin-bottom: 12px; } p { color: #8c8c8c; font-family: $fInter; font-style: normal; font-weight: 500; font-size: 16px; line-height: 2; > a { color: inherit; font-family: inherit; font-style: inherit; font-weight: inherit; font-size: inherit; line-height: inherit; } } ul, ol { position: relative; display: flex; flex-direction: column; row-gap: 12px; padding: 0; margin: 0; list-style: none; li { padding: 0; margin: 0; a { color: #8c8c8c; font-family: $fInter; font-style: normal; font-weight: 500; font-size: 16px; line-height: 1; } } } ol { li { a { font-size: 25px; } } } } } } ._footer_box_bottom { display: flex; flex-direction: row; justify-content: space-between; margin-top: 50px; padding-top: 30px; border-top: 1px solid #ffffff; ._footer_col_1 { } ._footer_col_2 { } ul { li { padding: 0; margin: 0; a, p { color: #ffffff; font-family: $fInter; font-style: normal; font-weight: 400; font-size: 14px; line-height: 25px; margin-bottom: 0; } } } } } } #roycontent_home { li.htmlcontent-item-id-40 { padding: 140px 0 50px; > div.li-cont { position: initial; } h3 { position: relative; color: $cGold; font-family: $fNotoSerifDisplay; font-style: normal; font-weight: 400; font-size: 40px; line-height: 1; } ._box-content { position: relative; width: 100%; max-width: 440px; margin-bottom: 70px; z-index: 2; h3 { margin-bottom: 50px; } p { position: relative; color: $cDark; font-family: $fInter; font-style: normal; font-weight: 400; font-size: 14px; line-height: 1.7; margin-bottom: 50px; } a { } } ._box-partners { position: relative; width: 100%; max-width: 750px; z-index: 2; h3 { margin-bottom: 70px; } ._partners-slider { .swiper-slide { img { width: 100%; max-width: fit-content; height: 40px; } } } } ._box-bg { position: absolute; top: 0; left: 50%; width: 100svw; transform: translateX(-50%); z-index: 1; ._box-bg--wrapper { display: block; width: fit-content; margin-left: auto; } img { width: 100%; max-width: fit-content; } } } li.htmlcontent-item-id-41 { padding: 0; margin: 0; width: 100svw; margin-left: 50%; transform: translateX(-50%); ._box-big-tiles { display: flex; flex-direction: row; align-items: center; justify-content: space-between; ._box-big-tile { height: 672px; overflow: hidden; &:hover { img { transform: scale(1.1); } } img { height: 672px; object-fit: cover; transition: 200ms; } } } } }