/* * Custom code goes here. * A template should always ship with an empty custom.css */ .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:#fff; } .product_image_wrapper > .images-container_bm > .mask, .product_image_wrapper > .images-container_bm > .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{ 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_bm .product-images li.thumb-container .thumb{ max-width: 1000px; width:100% } body#product #main .images-container_bm .product-images li.thumb-container, body#product #main .images-container_bm .product-images, body#product #main .images-container_bm{ display: inline-block; } body#product #main .product_image_wrapper{ display: flex; } body#product #main .images-container_bm{ margin: auto; } body#product #main .images-container_bm .product-images li.thumb-container .thumb.dark{ opacity: 0.3; } body#product #main .images-container_bm .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: .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;} .fancybox-material-controls {color: white; 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:3} 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} /*BM edit 27.10.2021 end*/ /*BM edit 16.12.2021 start */ #squaremeter {display:none} /*BM edit 16.12.2021 end*/