.tax-product_brand .brand-description{overflow:hidden;zoom:1}.tax-product_brand .brand-description img.brand-thumbnail{width:25%;float:right}.tax-product_brand .brand-description .text{width:72%;float:left}.widget_brand_description img{box-sizing:border-box;width:100%;max-width:none;height:auto;margin:0 0 1em}ul.brand-thumbnails{margin-left:0;margin-bottom:0;clear:both;list-style:none}ul.brand-thumbnails:before{clear:both;content:"";display:table}ul.brand-thumbnails:after{clear:both;content:"";display:table}ul.brand-thumbnails li{float:left;margin:0 3.8% 1em 0;padding:0;position:relative;width:22.05%}ul.brand-thumbnails.fluid-columns li{width:auto}ul.brand-thumbnails:not(.fluid-columns) li.first{clear:both}ul.brand-thumbnails:not(.fluid-columns) li.last{margin-right:0}ul.brand-thumbnails.columns-1 li{width:100%;margin-right:0}ul.brand-thumbnails.columns-2 li{width:48%}ul.brand-thumbnails.columns-3 li{width:30.75%}ul.brand-thumbnails.columns-5 li{width:16.95%}ul.brand-thumbnails.columns-6 li{width:13.5%}.brand-thumbnails li img{box-sizing:border-box;width:100%;max-width:none;height:auto;margin:0}@media screen and (max-width:768px){ul.brand-thumbnails:not(.fluid-columns) li{width:48%!important}ul.brand-thumbnails:not(.fluid-columns) li.first{clear:none}ul.brand-thumbnails:not(.fluid-columns) li.last{margin-right:3.8%}ul.brand-thumbnails:not(.fluid-columns) li:nth-of-type(odd){clear:both}ul.brand-thumbnails:not(.fluid-columns) li:nth-of-type(even){margin-right:0}}.brand-thumbnails-description li{text-align:center}.brand-thumbnails-description li .term-thumbnail img{display:inline}.brand-thumbnails-description li .term-description{margin-top:1em;text-align:left}#brands_a_z h3:target{text-decoration:underline}ul.brands_index{list-style:none outside;overflow:hidden;zoom:1}ul.brands_index li{float:left;margin:0 2px 2px 0}ul.brands_index li a,ul.brands_index li span{border:1px solid #ccc;padding:6px;line-height:1em;float:left;text-decoration:none}ul.brands_index li span{border-color:#eee;color:#ddd}ul.brands_index li a:hover{border-width:2px;padding:5px;text-decoration:none}ul.brands_index li a.active{border-width:2px;padding:5px}div#brands_a_z a.top{border:1px solid #ccc;padding:4px;line-height:1em;float:right;text-decoration:none;font-size:.8em}div.wpcf7-response-output { margin: 0 !important; padding: 0 20px; border: none !important; display: inline-block; clear: both; } div.wpcf7-mail-sent-ok { color: #fff; text-shadow: 1px 1px rgba(0,0,0,0.2); background: #398f14; } div.wpcf7-mail-sent-ng { color: #fff; text-shadow: 1px 1px rgba(0,0,0,0.2); background: #ff0000; } div.wpcf7-spam-blocked { color: #fff; text-shadow: 1px 1px rgba(0,0,0,0.2); background: #ffa500; } div.wpcf7-validation-errors { color: white; background: #b8002b; } /* Valid tip */ span.wpcf7-form-control-wrap { display: block; position: relative; } span.wpcf7-form-control-wrap span.wpcf7-not-valid-tip { height: 50px !important; right: 10px; top: 0; padding: 0 !important; font-size: 15px; font-weight: 700; color: #b8002b; line-height: 50px !important; position: absolute; z-index: 100; } /* Ajax loader */ div.wpcf7 .ajax-loader { display: none; } div.wpcf7 .ajax-loader.is-active { display: inline-block; }.slick-list,.slick-slider,.slick-track{position:relative;display:block}.slick-loading .slick-slide,.slick-loading .slick-track{visibility:hidden}.slick-slider{box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}.slick-list{overflow:hidden;margin:0;padding:0}.slick-list:focus{outline:0}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-list,.slick-slider .slick-track{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.slick-track{top:0;left:0}.slick-track:after,.slick-track:before{display:table;content:''}.slick-track:after{clear:both}.slick-slide{display:none;float:left;height:100%;min-height:1px}[dir=rtl] .slick-slide{float:right}.slick-slide img{display:block}.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}.slick-initialized .slick-slide{display:block}.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}.slick-arrow.slick-hidden{display:none}/* ------------- OTHER ------------- */ .blockOverlay { background: #f5f5f5 !important; opacity: 0.7 !important; z-index: 10 !important; } .woocommerce-cart .tax_label, .woocommerce-checkout .tax_label { display: none; } #GoogleMapsGLS { margin-bottom: 30px; } /* ----------------------- SYSTEM MESSAGES ----------------------- */ .woocommerce-NoticeGroup-checkout { width: 100%; margin-top: 20px; display: block; } /* Message */ .woocommerce-message { margin-left: 0 !important; margin-bottom: 20px; padding: 20px 20px 20px 60px; font-size: 17px; font-weight: 700; color: white; line-height: 20px; background: var(--color-green); position: relative; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .woocommerce-message:before { width: 20px; height: 20px; left: 20px; top: 50%; background: url(//tibeko.hu/wp-content/themes/tibeko/images/icon_info_white.svg) no-repeat center; background-size: auto 20px; position: absolute; content: ''; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .woocommerce-message a { color: white !important; } /* Info */ .woocommerce-info { margin-left: 0 !important; margin-bottom: 20px; padding: 20px; font-size: 17px; font-weight: 700; color: #000; line-height: 20px; border: 2px solid var(--color-silver-line); position: relative; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .woocommerce-info a { text-decoration: underline; color: var(--color-blue); } .woocommerce-info a:hover { color: #000; } .woocommerce-info.woocommerce-message { padding: 20px 20px 20px 60px; color: white !important; border: none !important; } /* Error */ .woocommerce-error { margin-left: 0 !important; margin-bottom: 20px; padding: 20px 20px 20px 60px; font-size: 17px; font-weight: 700; color: white; line-height: 20px; background: var(--color-red); position: relative; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .woocommerce-error.small { padding: 10px; font-size: 15px; font-weight: 700; } .woocommerce-error:before { width: 20px; height: 20px; left: 20px; top: 50%; background: url(//tibeko.hu/wp-content/themes/tibeko/images/icon_info_white.svg) no-repeat center; background-size: auto 20px; position: absolute; content: ''; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .woocommerce-info .button, .woocommerce-message .button { height: 30px; right: 20px; top: 15px; padding: 0 10px; font-size: 15px; line-height: 30px; position: absolute; } /* ------------- FORMS ------------- */ .form-row { margin-bottom: 15px; } .form-row.form-row-first { width: 48%; float: left; } .form-row.form-row-last { width: 48%; float: right; } .form-row.form-row-wide, .form-row.notes { width: 100%; float: none; clear: both; } .form-row.notes { margin-bottom: 0; } .form-row a { text-decoration: underline; color: #000; } .form-row a:hover { text-decoration: none; } .form-row small { margin-top: 5px; font-size: 13px; line-height: 16px; display: block; } .form-row label { margin-bottom: 5px; font-size: 16px !important; font-weight: 700; line-height: 100%; text-align: left; display: block; } .form-row select, .form-row textarea, .form-row input[type=tel], .form-row input[type=text], .form-row input[type=email], .form-row input[type=password] { width: 100%; height: 50px; padding-left: 10px; background: white; border: 2px solid var(--color-silver-line); position: relative; } .form-row select:focus, .form-row textarea:focus, .form-row input[type=tel]:focus, .form-row input[type=text]:focus, .form-row input[type=email]:focus, .form-row input[type=password]:focus { border-color: var(--color-dark-blue); } .form-row textarea { height: 150px; padding: 10px; resize: vertical; } .form-row .button { height: 50px; } form.wpcf7-form br { display: none; } form.wpcf7-form .wpcf7-list-item { margin: 0 10px 0 0 !important; } .form-row.woocommerce-invalid-required-field input { border-color: #d91828 !important; } #billing_country_field, #shipping_country_field { display: none !important; } /* Columns */ .u-columns { width: 100%; display: flex; } .u-columns h2 { margin-bottom: 10px; font-size: 25px; font-weight: 700; color: var(--color-dark-blue); line-height: 1; } .u-columns .col-1, .u-columns .col-2 { width: 50%; padding: 30px; background: white; border: 1px solid var(--color-silver-line); } .u-columns .col-2 { border-left: none; } .woocommerce-privacy-policy-text { font-size: 14px; color: #555; line-height: 18px; } .woocommerce-form-login__rememberme { margin-bottom: 30px; } /* --------------- RESULTS --------------- */ .custom_archive_title_wrapper { padding-right: 300px; position: relative; } .woocommerce-result-count { height: 40px; font-weight: 700; line-height: 40px; float: left; } form.woocommerce-ordering { height: 40px; float: right; } form.woocommerce-ordering select { height: 40px; padding-left: 10px; font-size: 15px; border: 1px solid #adb0b0; } /* ------------------------ TERM DESCRIPTION ------------------------ */ .term-description { margin-bottom: 30px; clear: both; position: relative; overflow: hidden; } .term-description p:last-child { margin-bottom: 0 !important; } .term-description .continued { width: 100%; height: 100px; left: 0; bottom: 0; background: -moz-linear-gradient(top, rgba(238 239 243 / 0%) 0%, rgba(238 239 243 / 100%) 100%); background: -webkit-linear-gradient(top, rgba(238 239 243 / 0%) 0%,rgba(238 239 243 / 100%) 100%); background: linear-gradient(to bottom, rgba(238 239 243 / 0%) 0%,rgba(238 239 243 / 100%) 100%); position: absolute; } .term-description .continued .adjust { width: 20%; height: 30px; left: 0; bottom: 0; font-weight: 500; text-align: center; text-decoration: none !important; color: white !important; line-height: 30px; background: var(--color-blue); position: absolute; } .term-description.active { height: auto !important; } .term-description.active .continued { height: 40px; left: auto; bottom: auto; background: transparent; position: relative; } /* ---------------- PRODUCTS ---------------- */ .products { margin-left: -10px !important; margin-right: -10px; display: flex; flex-wrap: wrap; clear: both; } .products .item { width: 33.3333333333%; margin-top: 20px; padding-left: 10px !important; padding-right: 10px !important; vertical-align: top; display: inline-block; position: relative; } .products .item:nth-child(-n+3) { margin-top: 0; } .products .item .wrapper { height: 100%; padding-bottom: 140px; background: white; border: 1px solid var(--color-silver-line); position: relative; } .products .item .wrapper:hover { border-color: #aaa; } /* Body */ body.home .products .item { width: 25%; } body.home .products .item:nth-child(-n+4) { margin-top: 0; } /* Related */ .related.products { margin-left: 0 !important; margin-right: 0 !important; padding-top: 30px; display: block; } .related.products h2 { margin-bottom: 20px; font-size: 30px; font-weight: 700; text-align: center; color: var(--color-dark-blue); line-height: 1; } .related.products .item { width: 25%; } .related.products .item:nth-child(-n+4) { margin-top: 0; } /* Stock status */ .products .item .labels { left: 0; top: 20px; position: absolute; z-index: 2; } .products .item .labels .label { margin-bottom: 5px; } .products .item .labels .onsale { height: 30px; padding: 0 10px; font-size: 13px; font-weight: 700; color: white; line-height: 30px; background: var(--color-green); } .products .item .labels .outofstock { height: 30px; padding: 0 10px; font-size: 13px; font-weight: 700; color: white; line-height: 31px; background: var(--color-red); } .products .item .labels .shipping_promotion { height: 30px; padding: 0 10px; font-size: 13px; font-weight: 700; color: #000; line-height: 31px; background: #ffc402; } /* Free shipping */ .products .item .freeshipping { width: 100%; height: 24px; left: 0; bottom: 0; font-size: 13px; font-weight: 700; text-align: center; color: var(--color-red); line-height: 24px; background: #FEECEF; position: absolute; z-index: 2; } /* Thumbnail */ .products .item .thumbnail { height: 280px; padding: 0 20px; display: block; position: relative; } .products .item .thumbnail img { width: auto; max-width: 100%; height: auto; max-height: 240px; top: 50%; display: inline-block; position: relative; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } /* Entry */ .products .item .entry { padding: 15px 20px; text-align: center; border-top: 1px solid var(--color-silver-line); } .products .item .categories_title { min-height: 80px; } /* Posted in */ .products .item .posted_in { margin-bottom: 10px; font-size: 15px; color: #999; line-height: 16px; } .products .item .posted_in a { text-decoration: none !important; color: #999 !important; display: none; } .products .item .posted_in a:last-child { display: block; } .products .item .entry h3 { margin-bottom: 10px !important; font-size: 19px !important; font-weight: 700 !important; line-height: 20px !important; overflow: hidden; } .products .item .entry h3 a { font-size: 18px; font-weight: 700; text-decoration: none !important; color: var(--color-blue); line-height: 20px; display: block; } .products .item .entry h3 a:hover { color: #000 !important; } /* Attributes */ .products .item .entry .attributes { font-size: 15px; } .products .item .entry .attributes ul { margin-left: 0 !important; margin-bottom: 0 !important; line-height: 20px !important; list-style: none !important; } .products .item .entry .attributes ul li { margin-right: 4px; vertical-align: top; display: inline-block; } .products .item .entry .attributes ul li:after { content: ', '; } .products .item .entry .attributes ul li:last-child:after { content: ''; } /* Stock status */ .products .item .stock_status { width: 100%; left: 0; bottom: 110px; padding: 5px 10px; font-size: 14px; line-height: 16px; border-top: 1px solid var(--color-silver-line); position: absolute; } /* Price and button */ .products .item .price { width: 100%; height: 60px; left: 0; bottom: 50px; font-size: 26px; text-align: center; color: #414042; line-height: 1; background: var(--color-body); position: absolute; } .products .item .price del { font-size: 18px; font-weight: normal; text-decoration: line-through; color: #999; display: block; } .products .item .price .price_additional_text { display: none !important; } .products .item a.button { width: 100%; height: 50px; left: 0; bottom: 0; padding: 0 10px; font-size: 22px; text-align: center; line-height: 50px; background-color: var(--color-blue); position: absolute; } .products .item a.button:hover { color: white !important; background-color: var(--color-dark-blue); } .products .item a.button:before { width: 0; height: 0; bottom: 100%; left: 50%; border: solid transparent; content: ""; position: absolute; pointer-events: none; border-color: rgba(19 67 148 / 0); border-bottom-color: var(--color-blue); border-width: 8px; margin-left: -8px; } .products .item a.button:hover:before { border-bottom-color: var(--color-dark-blue); } .products .item a.button.button_outofstock { padding-left: 20px; background-image: none !important; } .products .item .added_to_cart { display: none !important; } /* Product categories */ .products .item.product-category { width: 25%; } .products .item.product-category a { padding-top: 10px; text-decoration: none !important; color: #222 !important; display: block; } .products .item.product-category img { width: auto; max-width: 100%; height: auto; max-height: 170px; } .products .item.product-category h2 { min-height: 40px; margin-bottom: 0 !important; font-size: 18px !important; color: #222 !important; line-height: 20px !important; } .products .item.product-category h2 mark { background: none !important; } /* Columns 1 */ .products.columns-1 { margin-left: 0 !important; margin-right: 0; } .products.columns-1 .item { width: 100% !important; margin-bottom: 0 !important; padding-left: 0 !important; padding-right: 0 !important; border: none !important; border-top: 1px solid #ddd !important; display: block; } .products.columns-1 .item .wrapper { border: none !important; } .products.columns-1 .item .wrapper, .products.columns-1 .item .wrapper:hover { -moz-box-shadow: 0 0 0 rgba(0,0,0,0); -webkit-box-shadow: 0 0 0 rgba(0,0,0,0); box-shadow: 0 0 0 rgba(0,0,0,0); } .products.columns-1 .item a.thumbnail { height: 100px; padding: 10px 0; display: block; } .products.columns-1 .item a.thumbnail img { max-height: 80px; } .products.columns-1 .item .entry { padding: 10px 15px 0; } .products.columns-1 .item .entry .posted_in { display: none !important; } .products.columns-1 .item .entry h3 { min-height: inherit; } .products.columns-1 .item .entry h3 a { font-size: 18px; } .products.columns-1 .item .entry .categories_title { min-height: inherit; } .products.columns-1 .item .price_wrapper { height: 60px; padding: 0 15px; } .products.columns-1 .item a.button { width: 60px; right: 15px; padding: 0; text-indent: -9999px; background-position: center; } /* Product categories */ .products .item.product-category { height: 80px; } .products .item.product-category a { height: 100%; background: white; border: 1px solid var(--color-silver-line); display: block; position: relative; } .products .item.product-category a:hover { border-color: #aaa; } .products .item.product-category a img { width: auto; height: 70px !important; left: 4px; top: 4px; position: absolute; } .products .item.product-category a h2 { min-height: inherit !important; left: 90px; right: 10px; top: 50%; margin-bottom: 0 !important; font-size: 16px !important; line-height: 16px !important; position: absolute; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .products .item.product-category a h2 .count { display: none !important; } /* ------------------ PAGINATION ------------------ */ .woocommerce-pagination { margin-top: 30px; border: 1px solid var(--color-silver-line); } .woocommerce-pagination ul { height: 50px; margin-left: 0 !important; margin-bottom: 0 !important; font-size: 0; text-align: center; } .woocommerce-pagination ul li { height: 100%; margin-left: 0 !important; padding-left: 0 !important; vertical-align: top; border-right: 1px solid var(--color-silver-line); display: inline-block; } .woocommerce-pagination ul li:first-child { border-left: 1px solid var(--color-silver-line); } .woocommerce-pagination ul li:before { display: none; !important; } .woocommerce-pagination ul li a, .woocommerce-pagination ul li span { width: 50px; height: 100%; font-size: 17px; font-weight: 700; text-decoration: none !important; line-height: 50px; display: block; } .woocommerce-pagination ul li a:hover { background: #eee; } .woocommerce-pagination ul li span { color: white; background: var(--color-blue); } /* ----------------------- SINGLE PRODUCT ----------------------- */ .product { position: relative; } .product.main_content { background: white; border: 1px solid var(--color-silver-line); display: flex; flex-wrap: wrap; } .product.main_content .images_wrapper { width: 50%; padding: 50px; } .product.main_content .main_description { width: 100%; padding: 30px; border-top: 3px solid var(--color-silver-line); } /* Images */ .product .images { margin-bottom: 30px; text-align: center; position: relative; z-index: 1; overflow: hidden; } .product .images img { width: auto; max-width: 100%; } .product .images .woocommerce-product-gallery__image:nth-child(1) { margin-bottom: 20px; } .product .images .woocommerce-product-gallery__image:nth-child(1) a { display: block; } .product .images .woocommerce-product-gallery__image:nth-child(1) img { width: auto; max-width: 100%; height: auto; max-height: 400px; margin: auto; display: block; } .product .images .woocommerce-product-gallery__image:nth-child(n+2) { padding-left: 5px; padding-right: 5px; text-align: center; vertical-align: top; display: inline-block; } .product .images .woocommerce-product-gallery__image:nth-child(n+2) a { padding: 5px; text-align: center; background: white; border: 3px solid var(--color-silver-line); display: inline-block; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .product .images .woocommerce-product-gallery__image:nth-child(n+2) a:hover { border-color: var(--color-dark-blue); } .product .images .woocommerce-product-gallery__image:nth-child(n+2) a img { width: 100%; max-width: 60px !important; height: auto; max-height: 60px; margin: auto; display: block; } /* Summary */ .product .summary { width: 50%; padding: 30px 30px 30px 0; } .product .summary h1 { margin-bottom: 10px !important; font-size: 40px !important; color: #000; } .product .summary .sku_wrapper { margin-bottom: 20px; font-size: 14px; color: #565856; } .product .summary .admin_actions { margin-bottom: 20px; } .product .summary .admin_actions a { height: 30px; padding: 0 10px; font-weight: 700; text-decoration: none !important; color: white !important; line-height: 30px; background: var(--color-green); display: inline-block; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .product .summary .admin_actions a:hover { background: var(--color-dark-blue); } /* Tested product */ .product .summary .custom_meta_box { margin-bottom: 20px; font-weight: 700; background: var(--color-green-light); border: 1px solid var(--color-green); border-radius: 5px; } .product .summary .custom_meta_box .custom_meta { padding: 10px; border-bottom: 1px solid var(--color-green); display: flex; align-items: center; align-content: center; } .product .summary .custom_meta_box .custom_meta:last-child { border-bottom: none; } .product .summary .custom_meta_box .custom_meta img { width: auto; height: 24px; margin-right: 10px; display: block; } /* Short description */ .product .summary .woocommerce-product-details__short-description { margin-bottom: 20px; font-size: 15px; color: #555; line-height: 24px; } .product .summary a.more_description { height: 20px; margin-top: -10px; margin-bottom: 20px; font-weight: 700; color: var(--color-blue) !important; line-height: 20px; background: url(//tibeko.hu/wp-content/themes/tibeko/images/icon_info.svg) no-repeat left center; background-size: auto 100%; display: inline-block; } .product .summary a.more_description:hover { color: var(--color-dark-blue) !important; } /* Add-ons */ .product .summary .wc-pao-addons-container { margin-bottom: 20px; } .product .summary .wc-pao-addons-container .wc-pao-addon-container { margin-bottom: 10px; display: flex; flex-wrap: wrap; align-items: center; } .product .summary .wc-pao-addons-container .wc-pao-addon-container label { width: 180px; margin-right: 10px; font-size: 16px; } .product .summary .wc-pao-addons-container .wc-pao-addon-container .form-row { width: auto !important; margin-bottom: 0 !important; flex: 1; } .product .summary .wc-pao-addons-container .wc-pao-addon-container .form-row select { width: 100%; height: 40px; } .wc-pao-addon .wc-pao-addon-wrap select { font-size: 16px !important; } .product-addon-totals ul { margin-left: 0 !important; margin-bottom: 0 !important; font-size: 15px; } .product-addon-totals { margin: 20px 0 !important; } .product-addon-totals p { margin-bottom: 0 !important; } /* Bundle */ .product form.bundle_form .bundled_product { margin-bottom: 20px !important; padding-bottom: 20px !important; display: flex; flex-wrap: wrap; } .product form.bundle_form .bundled_product .bundled_product_images { width: 60px !important; float: none !important; } .product form.bundle_form .bundled_product .bundled_product_images .bundled_product_image { margin-bottom: 0 !important; } .product form.bundle_form .bundled_product .bundled_product_images a { padding: 10px; border: 2px solid var(--color-silver-line); display: block; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .product form.bundle_form .bundled_product .bundled_product_images a:hover { border-color: var(--color-blue); } .product form.bundle_form .bundled_product .bundled_product_images img { width: 100%; height: auto; display: block; } .product form.bundle_form .bundled_product .details { width: calc(100% - 60px) !important; padding: 0 0 0 20px !important; float: none !important; } .product form.bundle_form .bundled_product .details h4 { width: 100%; margin-bottom: 10px; font-size: 16px; font-weight: 700; line-height: 20px; } .product form.bundle_form .bundled_product .details .bundled_product_optional_checkbox { line-height: 20px; display: flex !important; } .product form.bundle_form .bundled_product .details .bundled_product_optional_checkbox input { margin: 0 5px 0 0 !important; } .product form.bundle_form .bundled_product .details .bundled_product_optional_checkbox .price { margin-bottom: 0 !important; font-size: 18px; line-height: 20px; display: flex; } .product form.bundle_form .bundled_product .details .bundled_product_optional_checkbox .price del { margin-right: 10px; } .product form.bundle_form .bundled_product .details .cart { width: 100%; margin-bottom: 0 !important; } .product form.bundle_form .bundled_product .details .cart .quantity { width: 160px; } .product form.bundle_form .bundled_product .details .bundled_product_excerpt { display: none !important; } .product form.bundle_form .bundled_product .details .stock { display: none !important; } /* Stock */ .product .summary .stock { padding: 10px 0; font-weight: 700; color: var(--color-green); border-top: 2px solid var(--color-green); border-bottom: 2px solid var(--color-green); } .product .summary .stock.available-on-backorder { color: #f36c00; border-top-color: #f36c00; border-bottom-color: #f36c00; } .product .summary .stock.out-of-stock { color: var(--color-red); border-top-color: var(--color-red); border-bottom-color: var(--color-red); } .product .summary .last_update { font-size: 16px; color: #000; } /* Add to cart */ .product .summary .cart { margin-bottom: 30px; font-size: 0; } .product .summary .cart .quantity { width: calc(50% - 10px); height: 56px; margin-right: 10px; vertical-align: top; border: 1px solid var(--color-silver-line); display: inline-block; position: relative; } .product .summary .cart .quantity input.qty { width: 100%; width: calc(100% - 80px); height: 54px; text-align: center; border-right: 1px solid var(--color-silver-line); } .product .summary .cart .plus, .product .summary .cart .minus { width: 80px; height: 27px; right: 0; top: 0; font-size: 15px; text-decoration: none; text-align: center; vertical-align: text-top; background: white; display: block; position: absolute; overflow: visible; cursor: pointer; } .product .summary .cart .minus { top: auto; bottom: 0; border-top: 1px solid var(--color-silver-line); } .product .summary .cart .plus:hover, .product .summary .cart .minus:hover { background: #f5f5f5; } .product .summary .price { margin-bottom: 20px; font-size: 26px; font-weight: 700; } .product .summary .price del { font-size: 16px; font-weight: normal; text-decoration: line-through; display: block; } .product .summary .price .net_price { font-size: 18px; font-weight: normal; color: #565856; } .product .summary .single_add_to_cart_button { width: 50%; height: 56px; padding: 0 !important; font-size: 20px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } /* Attributes */ .product .summary .attributes ul { font-size: 15px; color: #555; line-height: 24px; } /* Notofication */ .product .summary .wcwl_elements { margin-bottom: 20px; padding: 20px; background: var(--color-body); border: 1px solid var(--color-silver-line); } .product .summary .wcwl_elements .wcwl_intro { font-weight: 700; color: #000; } .product .summary .wcwl_elements .wcwl_intro p { margin-bottom: 10px !important; } .product .summary .wcwl_elements .wcwl_email_elements label { display: none !important; } .product .summary .wcwl_elements .wcwl_email_elements input[type=email] { width: 100%; height: 50px; padding-left: 10px; background: white; border: 2px solid var(--color-silver-line); position: relative; } .product .summary .wcwl_elements .wcwl_email_elements input[type=email]:focus { border-color: var(--color-dark-blue); } .product .summary .wcwl_elements .wcwl_notice.woocommerce-message { margin-bottom: 0 !important; } .product .summary .wcwl_elements .wcwl_notice.woocommerce-message p:last-child { margin-bottom: 0 !important; } /* Product meta */ .product .summary .product_meta { margin-bottom: 20px; background: var(--color-body); line-height: 20px; } .product .summary .product_meta .posted_in { padding: 10px; font-size: 16px; color: #000; display: block; } .product .summary .product_meta .posted_in:nth-child(odd) { background: var(--color-body-dark); } .product .summary .product_meta .posted_in.tracking img { width: 50px; height: auto; display: block; } .product .summary .product_meta > span a { font-weight: normal; color: var(--color-dark-blue) !important; } .product .summary .product_meta > span a:hover { text-decoration: underline; color: #000 !important; } /* Additional box */ .product .additional_box { min-height: 90px; margin-bottom: 20px; padding: 65px 20px 20px 140px; font-size: 17px; background: #f1f1f1 url(//tibeko.hu/wp-content/themes/tibeko/images/img_helpcenter.png) no-repeat left bottom; background-size: auto 95%; border: 1px solid var(--color-silver-line); position: relative; } .product .additional_box .text { height: 40px; left: 140px; top: 15px; padding: 0 15px; font-size: 16px; font-weight: 700; color: white; line-height: 40px; background: var(--color-dark-blue); position: absolute; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; } .product .additional_box .text:before { left: -15px; top: 50%; border: solid transparent; height: 0; width: 0; position: absolute; border-color: transparent; border-right-color: var(--color-dark-blue); border-width: 10px; margin-top: -10px; content: ''; } /* Facebook Like button */ .product .fb_like_button { margin-bottom: 20px; } .product .fb_like_button .text { margin-bottom: 5px; font-weight: 700; } /* Description */ .product .summary .description { margin-top: 50px; font-size: 18px; line-height: 150%; } .product .summary .description h3 { font-weight: normal; color: #000 !important; } .product .summary .description img { max-width: 100%; } .product .summary .description ul { margin-left: 10px; } .product .summary .description ul li { list-style: square; } .product .summary .description table { margin-bottom: 20px; text-align: center; line-height: 18px; border: 2px solid var(--color-silver-line); } .product .summary .description table td { padding: 5px; background-repeat: no-repeat; background-position: center; } .product .summary .description table tbody td { border: 1px solid var(--color-silver-line); } .product .summary .description table tbody td:first-child { font-weight: 700; text-align: left; } /* ------------------------- WAITLIST PRODUCTS ------------------------- */ .waitlist-products { margin-left: -10px; margin-right: -10px; display: flex; flex-wrap: wrap; } .waitlist-products hr { display: none !important; } .waitlist-products .waitlist-single-product { width: 25%; margin-left: 10px; margin-right: 10px; margin-top: 20px; background: white; border: 1px solid var(--color-silver-line); } .waitlist-products .waitlist-single-product:nth-child(-n+4) { margin-top: 0; } .waitlist-products .waitlist-single-product h4 { padding: 20px; border-bottom: 3px solid var(--color-silver-line); } .waitlist-products .waitlist-single-product p { margin-bottom: 0 !important; } .waitlist-products .waitlist-single-product .waitlist-thumbnail { padding: 20px; display: block; } .waitlist-products .waitlist-single-product .waitlist-thumbnail img { max-width: 100%; max-height: 200px; margin: auto; display: block; } .waitlist-products .waitlist-single-product .wcwl_remove_product { width: 100%; height: 40px; text-decoration: none !important; color: white !important; line-height: 40px; background: var(--color-red); display: block; } .waitlist-products .waitlist-single-product .wcwl_remove_product:hover { background: var(--color-dark-blue); } /* ---------------------------- FREE SHIPPING STATUS ---------------------------- */ .free_shipping_wrapper { margin-bottom: 20px; padding: 10px 20px; font-size: 18px; text-align: center; color: white; line-height: 1; background: var(--color-red); } .free_shipping_wrapper .free_shipping_status { height: 32px; padding-left: 40px; line-height: 32px; background: url(//tibeko.hu/wp-content/themes/tibeko/images/icon_free_delivery_shipping_white.svg) no-repeat left center; background-size: auto 100%; display: inline-block; } /* ------------------ SHOP TABLE ------------------ */ table.shop_table { width: 100%; margin-bottom: 20px; border-spacing: 0; border-collapse: collapse; } /* tFoot */ table.shop_table tfoot th, table.shop_table tfoot td { padding: 10px; } /* -------------- CART -------------- */ .woocommerce-cart-form { margin-bottom: 30px; padding-top: 20px; background: white; border: 1px solid var(--color-silver-line); } table.shop_table { position: relative; } table.shop_table.cart { margin-bottom: 0 !important; } table.shop_table .product-name { text-align: left; } table.shop_table .product-price { text-align: center; line-height: 20px; } table.shop_table .product-quantity { width: 170px; text-align: center; } table.shop_table .product-subtotal { text-align: right; } table.shop_table thead tr th { padding: 10px; font-size: 13px; font-weight: 700; text-transform: uppercase; color: #27282d; letter-spacing: 2px; border-bottom: 1px solid var(--color-silver-line); } table.shop_table tbody tr td { padding: 10px; font-size: 17px; vertical-align: middle; color: #27282d; border-left: none !important; border-right: none !important; border-bottom: 1px solid var(--color-silver-line); } table.shop_table tbody tr td.product-thumbnail { width: 120px; text-align: center; } table.shop_table tbody tr td.product-thumbnail a { display: block; } table.shop_table tbody tr td.product-thumbnail img { width: auto; max-height: 60px; padding: 5px; vertical-align: middle; background: white; border: 1px solid var(--color-silver-line); display: inline-block; } table.shop_table tbody tr td.product-name { font-weight: 700; color: #27282d; } table.shop_table tbody tr td.product-name a { font-size: 16px; font-weight: 700; text-decoration: none !important; color: #27282d; } table.shop_table tbody tr td.product-name .backorder_notification { margin-bottom: 0 !important; color: #f36c00; } table.shop_table tbody tr td.product-name dl.variation dt { width: fit-content; font-size: 14px; font-weight: 400; line-height: 16px; display: inline-block; } table.shop_table tbody tr td.product-name dl.variation dd { width: fit-content; font-size: 14px; line-height: 16px; display: inline-block; } table.shop_table tbody tr td.product-name dl.variation dd p { margin-bottom: 0 !important; line-height: 16px !important; } /* Quantity */ table.shop_table tbody tr td.product-quantity { padding-top: 13px; } table.shop_table tbody tr td.product-quantity label { display: none; } table.shop_table tbody tr td.product-quantity input.update_cart { font-size: 14px; font-weight: 700; color: #999; background: none; cursor: pointer; } table.shop_table tbody tr td.product-quantity input.update_cart:hover { color: #27282d; } table.shop_table tbody tr td.product-quantity .quantity { width: 180px; height: 60px; padding: 10px 0; font-size: 0; background: white; border: 1px solid var(--color-silver-line); display: block; } table.shop_table tbody tr td.product-quantity .quantity .qty_btn { width: 33.3333333333%; height: 100%; vertical-align: top; font-size: 30px; background: none; display: inline-block; cursor: pointer; } table.shop_table tbody tr td.product-quantity .quantity input.qty { width: 33.3333333333%; height: 100%; vertical-align: top; text-align: center; border-left: 1px solid var(--color-silver-line); border-right: 1px solid var(--color-silver-line); display: inline-block; } /* Price */ table.shop_table tbody tr td.product-price { font-weight: 700; color: #1f2123; } table.shop_table tbody tr td.product-price del { font-size: 14px; font-weight: normal; text-decoration: line-through; color: #999; display: block; } table.shop_table tbody tr td.product-price .net_price { font-size: 15px; font-weight: normal; color: #565856; } /* Subtotal */ table.shop_table tbody tr td.product-subtotal { font-weight: 700; } /* Remove product */ table.shop_table tbody tr td.product-remove { width: 60px; text-align: center; } table.shop_table tbody tr td.product-remove a { width: 30px; height: 30px; text-indent: -9999px; background: var(--color-red) url(//tibeko.hu/wp-content/themes/tibeko/images/icon_trash_white.svg) no-repeat center; background-size: auto 14px; display: inline-block; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } table.shop_table tbody tr td.product-remove a:hover { background-color: var(--color-dark-blue); } table.shop_table.cart tbody tr td.update_cart { text-align: right; border-bottom: none; } table.shop_table.cart tbody tr td.update_cart strong { font-size: 15px; } /* Actions */ table.shop_table.cart tbody tr td.actions { text-align: left; border-bottom: none; } table.shop_table.cart tbody tr td.actions label { display: none; } table.shop_table.cart tbody tr td.actions button { height: 60px; padding: 0 30px; vertical-align: top; } table.shop_table.cart tbody tr td.actions .coupon { margin-bottom: 20px; display: flex; flex-wrap: wrap; } table.shop_table.cart tbody tr td.actions .coupon input { width: calc(50% - 5px); height: 60px; margin-right: 5px; padding-left: 30px; border: 1px solid var(--color-silver-line); } table.shop_table.cart tbody tr td.actions .coupon button { width: calc(50% - 5px); height: 60px; margin-left: 5px; padding: 0 10px; vertical-align: top; } /* Cart collaterals */ .cart-collaterals .cart_totals { padding: 30px; background: white; border: 1px solid var(--color-silver-line); } .cart-collaterals .cart_totals h2 { margin-bottom: 10px !important; font-size: 30px; } .cart-collaterals .cart_totals ul { margin-bottom: 0 !important; } .cart-collaterals .cart_totals ul li { font-size: 16px; } .cart-collaterals .cart_totals ul li a.shipping-calculator-button { display: none; } .cart-collaterals .cart_totals table.shop_table { margin-bottom: 0 !important; font-size: 17px; text-align: left; } .cart-collaterals .cart_totals table.shop_table tbody tr th { width: 170px; padding: 10px; font-size: 17px; font-weight: 700; text-align: left; color: var(--color-dark-blue); border-bottom: 1px solid var(--color-silver-line); } .cart-collaterals .cart_totals table.shop_table tbody tr td { padding: 10px; font-size: 17px; border-bottom: 1px solid var(--color-silver-line); } .cart-collaterals .cart_totals table.shop_table tbody tr.order-total th, .cart-collaterals .cart_totals table.shop_table tbody tr.order-total td { border-bottom-width: 1px; } .cart-collaterals .cart_totals table.shop_table tbody tr.fee strong { color: var(--color-red); } .cart-collaterals .cart_totals .wc-proceed-to-checkout { margin-top: 20px; border-bottom: none; } .cart-collaterals .cart_totals .wc-proceed-to-checkout .button { height: 60px; padding: 0; text-align: center; line-height: 60px; background: var(--color-green); display: block; } .cart-collaterals .cart_totals .wc-proceed-to-checkout .button:hover { background: var(--color-dark-blue); } .cart-collaterals .cart_totals ul#shipping_method { margin-left: 0 !important; } .cart-collaterals .cart_totals ul#shipping_method li { margin-bottom: 5px; padding-left: 0 !important; list-style: none; } .cart-collaterals .cart_totals ul#shipping_method li:last-child { margin-bottom: 0 !important; } .cart-collaterals .cart_totals ul#shipping_method li:before { display: none !important; } .cart-collaterals .cart_totals p.woocommerce-shipping-destination { display: none !important; } /* Empty cart */ .cart-empty, .return-to-shop { text-align: center; } /* ---------------- CHECKOUT ---------------- */ /* Coupon */ form.checkout_coupon { margin-bottom: 20px; padding-bottom: 20px; border-bottom: 3px solid var(--color-silver-line); display: flex; flex-wrap: wrap; } form.checkout_coupon input { width: calc(50% - 5px); height: 60px; margin-right: 5px; padding-left: 30px; border: 1px solid var(--color-silver-line); } form.checkout_coupon button { width: calc(50% - 5px); height: 60px; margin-left: 5px; padding: 0 10px; vertical-align: top; } /* Checkout form */ form.checkout { display: flex; flex-wrap: wrap; position: relative; } form.checkout #customer_details { width: calc(100% - 450px); padding-right: 50px; } form.checkout #customer_details .col-2 { clear: both; } form.checkout .order_review { width: 450px; position: relative; } form.checkout .order_review p { font-size: 16px; } form.checkout .order_review h3 { margin-bottom: 0 !important; padding: 10px 20px; color: white !important; background: var(--color-blue); } table.shop_table.woocommerce-checkout-review-order-table { width: 100%; margin-bottom: 30px; font-size: 15px; background: white; border: 1px solid var(--color-silver-line); border-top: none; } table.shop_table.woocommerce-checkout-review-order-table thead tr th { text-align: left; } table.shop_table.woocommerce-checkout-review-order-table thead tr th.product-total { text-align: right; } table.shop_table.woocommerce-checkout-review-order-table tbody tr td { padding: 10px; line-height: 1; } table.shop_table.woocommerce-checkout-review-order-table tbody tr td.product-name { font-size: 15px; border-bottom: 1px solid var(--color-silver-line); } table.shop_table.woocommerce-checkout-review-order-table tbody tr td.product-total { font-size: 15px; text-align: right; border-bottom: 1px solid var(--color-silver-line); } table.shop_table.woocommerce-checkout-review-order-table tfoot tr th { width: 50%; padding: 10px; text-align: left; } table.shop_table.woocommerce-checkout-review-order-table tfoot tr td { padding: 10px; } table.shop_table.woocommerce-checkout-review-order-table tfoot tr.cart-subtotal td { text-align: right; } table.shop_table.woocommerce-checkout-review-order-table tfoot tr.cart-discount th { background: var(--color-body); } table.shop_table.woocommerce-checkout-review-order-table tfoot tr.cart-discount td { text-align: right; background: var(--color-body); } table.shop_table.woocommerce-checkout-review-order-table tfoot tr.shipping td { border-top: 1px solid var(--color-silver-line); } table.shop_table.woocommerce-checkout-review-order-table tfoot tr.shipping td .shipping_label { margin-bottom: 5px; font-size: 20px !important; color: var(--color-blue) !important; position: relative; } table.shop_table.woocommerce-checkout-review-order-table tfoot tr.order-total th, table.shop_table.woocommerce-checkout-review-order-table tfoot tr.order-total td { font-size: 18px; text-align: right; line-height: 20px; background: var(--color-body); border-top: 1px solid var(--color-silver-line); } table.shop_table.woocommerce-checkout-review-order-table tfoot tr.order-total td .includes_tax { font-size: 14px; display: block; } table.shop_table.woocommerce-checkout-review-order-table tfoot tr.order-total th { text-align: left; } table.shop_table.woocommerce-checkout-review-order-table tfoot tr.fee td { border-top: 1px solid var(--color-silver-line); } table.shop_table.woocommerce-checkout-review-order-table tfoot tr.fee td strong { color: var(--color-red); } table.shop_table.woocommerce-checkout-review-order-table tfoot ul { margin-left: 0 !important; margin-bottom: 0 !important; } table.shop_table.woocommerce-checkout-review-order-table tfoot ul li { margin-bottom: 10px; padding-left: 30px; font-size: 16px; font-weight: 700; line-height: 20px !important; position: relative; list-style: none !important; } table.shop_table.woocommerce-checkout-review-order-table tfoot ul li:last-child { margin-bottom: 0; } table.shop_table.woocommerce-checkout-review-order-table tfoot ul li input { left: 0; top: 5px; position: absolute; } table.shop_table.woocommerce-checkout-review-order-table tfoot ul li span { font-weight: normal; } table.shop_table.woocommerce-checkout-review-order-table tfoot ul li .tax_label { display: none; } table.shop_table.woocommerce-checkout-review-order-table tfoot ul li small { font-weight: normal; } table.shop_table.woocommerce-checkout-review-order-table tfoot ul li label { cursor: pointer; } /* Payment methods */ form.checkout .woocommerce-checkout-payment { background: white; border: 1px solid var(--color-silver-line); border-top: none; } form.checkout .woocommerce-checkout-payment ul { margin-left: 0 !important; margin-bottom: 0 !important; padding: 20px; } form.checkout .woocommerce-checkout-payment ul li { margin-bottom: 10px; list-style: none !important; } form.checkout .woocommerce-checkout-payment ul li:last-child { margin-bottom: 0; } form.checkout .woocommerce-checkout-payment ul li p { font-size: 15px !important; line-height: 20px !important; } form.checkout .woocommerce-checkout-payment ul li:last-child p { margin-bottom: 0 !important; } form.checkout .woocommerce-checkout-payment ul li input { margin-top: -2px !important; } form.checkout .woocommerce-checkout-payment ul li label { font-size: 15px; font-weight: 700; text-transform: uppercase; cursor: pointer; } form.checkout .woocommerce-checkout-payment ul li.payment_method_paypal img { display: none !important; } form.checkout .woocommerce-checkout-payment ul li.payment_method_paypal .about_paypal { display: none !important; } /* Place order */ form.checkout .form-row.place-order { margin-bottom: 0 !important; font-size: 15px; line-height: 20px; } form.checkout .form-row.place-order .button { width: 100%; height: 60px; padding: 0; font-size: 24px; text-align: center; line-height: 60px; background-color: var(--color-green); display: block; } form.checkout .form-row.place-order .button:hover { background-color: #000; } /* Terms and conditions */ .woocommerce-terms-and-conditions-wrapper { padding: 20px; border-top: 3px solid var(--color-silver-line); position: relative; } .woocommerce-terms-and-conditions-wrapper p { margin-bottom: 0 !important; padding-left: 30px; } .woocommerce-terms-and-conditions-wrapper p label { font-size: 17px; line-height: 20px; } .woocommerce-terms-and-conditions-wrapper input[type=checkbox] { left: 20px; top: 23px; position: absolute; } /* ------------- ORDER ------------- */ table.shop_table.order_details { width: 100%; margin-bottom: 20px; border: 1px solid var(--color-silver-line); table-layout: fixed; } table.shop_table.order_details thead tr th { padding: 10px; } table.shop_table.order_details thead tr th.product-name { text-align: left; } table.shop_table.order_details thead tr th.product-total { text-align: right; } table.shop_table.order_details tbody tr td { padding: 10px; border-bottom: 1px solid var(--color-silver-line); } table.shop_table.order_details tbody tr td.product-total { text-align: right; } table.shop_table.order_details tbody tr td ul { margin-bottom: 0 !important; } table.shop_table.order_details tbody tr td ul.wc-item-meta li p { margin-bottom: 0 !important; display: inline-block; } table.shop_table.order_details tfoot tr th, table.shop_table.order_details tfoot tr td { width: 50%; padding: 10px; text-align: left; border-top: 1px solid var(--color-silver-line); } table.shop_table.order_details tfoot tr td { text-align: right; } table.shop_table.order_details tfoot tr:last-child th, table.shop_table.order_details tfoot tr:last-child td { font-weight: 700; color: #000; background: var(--color-body); border-top-width: 3px; } table.shop_table.my_account_orders { width: 100%; padding: 0; } table.shop_table.my_account_orders tbody tr td { padding: 10px; font-size: 16px; text-align: center; line-height: 20px; border-bottom: 1px solid var(--color-silver-line); } table.shop_table.my_account_orders tbody tr td.woocommerce-orders-table__cell-order-total { font-size: 13px; color: #999; } table.shop_table.my_account_orders tbody tr td.woocommerce-orders-table__cell-order-total span.amount { font-size: 16px; color: #27282d; display: block; } .woocommerce-customer-details .addresses { width: 100%; text-align: center; background: white; border: 1px solid var(--color-silver-line); display: table; } .woocommerce-customer-details .addresses .col-1 { width: 50%; padding: 20px; border-right: 1px solid var(--color-silver-line); display: table-cell; } .woocommerce-customer-details .addresses .col-2 { width: 50%; padding: 20px; display: table-cell; } /* ---------------------- THANK YOU PAGE ---------------------- */ body.woocommerce-checkout.woocommerce-order-received #content h1 { margin-bottom: 10px; text-align: center; } body.woocommerce-checkout.woocommerce-order-received ul.woocommerce-thankyou-order-details { margin-left: 0 !important; padding: 20px; font-size: 0; background: white; border: 1px solid var(--color-silver-line); } body.woocommerce-checkout.woocommerce-order-received ul.woocommerce-thankyou-order-details li { padding-left: 0 !important; } body.woocommerce-checkout.woocommerce-order-received ul.woocommerce-thankyou-order-details li:before { display: none !important; } body.woocommerce-checkout.woocommerce-order-received ul.woocommerce-thankyou-order-details li .name { width: 50%; font-size: 16px; vertical-align: top; display: inline-block; } body.woocommerce-checkout.woocommerce-order-received ul.woocommerce-thankyou-order-details li .value { width: 50%; font-size: 16px; vertical-align: top; display: inline-block; } body.woocommerce-checkout.woocommerce-order-received ul.woocommerce-thankyou-order-details li.woocommerce-order-overview__order .value { font-size: 18px; font-weight: 700; } /* Addreses */ body.woocommerce-checkout.woocommerce-order-received .woocommerce-customer-details .col { width: 48%; padding: 20px; border: 1px solid var(--color-silver-line); } body.woocommerce-checkout.woocommerce-order-received .woocommerce-customer-details .col p:last-child { margin-bottom: 0 !important; } body.woocommerce-checkout.woocommerce-order-received .woocommerce-customer-details .col address { line-height: 20px; } table.shop_table.order_details { background: white; } /* ----------------- MY ACCOUNT ----------------- */ .woocommerce-MyAccount-navigation ul { height: 50px; margin-left: 0 !important; margin-bottom: 20px; font-size: 0; background: var(--color-dark-blue); } .woocommerce-MyAccount-navigation ul li { margin-left: 0 !important; padding-left: 0 !important; vertical-align: top; display: inline-block; } .woocommerce-MyAccount-navigation ul li:before { display: none !important; } .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--downloads { display: none !important; } .woocommerce-MyAccount-navigation ul li a { height: 50px; padding: 0 20px; font-size: 17px; font-weight: 700; text-decoration: underline !important; color: white !important; line-height: 50px; display: block; position: relative; } .woocommerce-MyAccount-navigation ul li a:hover { text-decoration: none !important; } .woocommerce-MyAccount-navigation ul li a:before { width: 100%; height: 5px; left: 0; top: -5px; background: var(--color-yellow); display: none; position: absolute; content: ''; } .woocommerce-MyAccount-navigation ul li.is-active a { text-decoration: none !important; color: #000 !important; line-height: 46px; background: var(--color-yellow); } .woocommerce-MyAccount-navigation ul li.is-active a:before { display: block; } /* ---------------------- CHAINED SELECT ---------------------- */ .select2-container .select2-selection--single { height: 50px; } .select2-container--default .select2-selection--single .select2-selection__arrow { top: 11px; } .select2-container--default .select2-selection--single .select2-selection__rendered { line-height: 50px; } /* ------------------ RWD DESIGN ------------------ */ @media only screen and (max-width: 1200px) { /* PRODUCTS */ .products .item { width: 50%; } .products .item:nth-child(3) { margin-top: 0; } /* PRODUCTS: Related products */ .related.products .item { width: 33.3333333333%; } .related.products .item:nth-child(3) { margin-top: 20px; } } @media only screen and (max-width: 960px) { /* PRODUCTS */ .products .item { width: 33.3333333333%; } .products .item:nth-child(3) { margin-top: 20px; } /* PRODUCTS */ body.home .products .item { width: 33.3333333333%; } body.home .products .item:nth-child(4) { margin-top: 20px; } /* PRODUCTS: Related products */ .related.products .item { width: 33.3333333333%; } .related.products .item:nth-child(3) { margin-top: 20px; } /* SINGLE PRODUCT */ .product.main_content { display: block; } .product.main_content .images_wrapper { width: 100%; padding: 20px; } /* SINGLE PRODUCT: Summary */ .product .summary { width: 100%; padding: 0 20px 20px 20px; } /* CART */ table.shop_table .product-subtotal { width: 90px; } table.shop_table tbody .product-name a { font-size: 16px; } table.shop_table tbody .product-name a.thumbnail { margin-right: 0; margin-bottom: 10px; display: block; } table.shop_table tbody .product-name a.thumbnail img { max-width: 50px; max-height: 50px; } table.shop_table.cart tbody tr td.actions .coupon { padding: 20px; background: #f5f5f5; border-top: 1px solid var(--color-silver-line); } table.shop_table.cart tbody tr td.actions .coupon_add_text { display: none; } table.shop_table.cart tbody tr td.actions button { width: 200px; height: 50px; padding: 0; } table.shop_table.cart tbody tr td.actions input[type=text] { width: calc(100% - 205px); height: 50px; } table.shop_table.cart tr.update_cart+tr:not(.cart_item) { width: 100%; left: auto; top: auto; margin-top: 0; position: relative; } /* CHECKOUT */ form.checkout { display: block; } form.checkout:before { display: none; } form.checkout #customer_details { width: 100%; padding: 20px 0; display: block; } form.checkout .order_review { width: 100%; padding: 20px 0; border-top: 5px solid var(--color-silver-line); display: block; } /* MY ACCOUNT */ .woocommerce-MyAccount-navigation ul { height: auto; } .woocommerce-MyAccount-navigation ul li { display: block; } .woocommerce-MyAccount-navigation ul li a { height: 40px; margin-right: 0; line-height: 40px; } .woocommerce-MyAccount-navigation ul li.is-active a { line-height: 40px; } .woocommerce-MyAccount-navigation ul li.is-active a:before { display: none !important; } .u-columns .form-row { width: 100% !important; float: none !important; } } @media only screen and (max-width: 768px) { /* RESULTS */ .custom_archive_title_wrapper { padding-right: 0; } .custom_archive_title_wrapper h1 { margin-bottom: 20px !important; } /* SINGLE PRODUCT: Images */ .product .images { margin-bottom: 0; } .product .images img { width: auto; max-width: 100%; height: auto; } .product .images .woocommerce-product-gallery__image { max-width: 400px; margin: auto; } .product .images .woocommerce-product-gallery__image:nth-child(1) img { max-height: none; } .product .images .woocommerce-product-gallery__image:nth-child(n+2) a img { max-width: 70px !important; height: auto; max-height: 70px; } /* SINGLE PRODUCT: Description */ .product.main_content .alt_short_description { padding: 0 20px; } .product.main_content .main_description { padding: 20px; } /* CART */ table.shop_table .product-quantity { width: 120px; padding: 0 10px; } table.shop_table tbody .product-quantity .quantity input[type=number] { width: 100%; margin-bottom: 5px; display: block; } table.shop_table tbody .product-quantity .remove { margin-left: 3px; } table.shop_table tbody .product-quantity .update_cart { margin: 0; margin-right: 3px; } /* MY ACCOUNT */ .u-columns { display: block; } .u-columns .col-1, .u-columns .col-2 { width: 100%; padding: 20px; display: block; } .u-columns .col-2 { border-top: none; border-left: 1px solid var(--color-silver-line); } /* THANK YOU PAGE */ .woocommerce-customer-details .addresses { display: block; } .woocommerce-customer-details .addresses .col-1, .woocommerce-customer-details .addresses .col-2 { width: 100%; display: block; } } @media only screen and (max-width: 640px) { /* FORMS */ .form-row.form-row-first, .form-row.form-row-last { width: 100%; float: none; clear: both; } form.checkout_coupon .form-row.form-row-first { margin-bottom: 10px !important; } form.checkout_coupon .form-row.form-row-last .button { width: 100%; display: block; } /* RESULTS */ .woocommerce-result-count { height: auto; line-height: 20px; float: none; } form.woocommerce-ordering { height: auto; margin-bottom: 20px; float: none; } form.woocommerce-ordering select { width: 100%; } /* PRODUCTS */ .products .item { width: 50%; } .products .item:nth-child(3) { margin-top: 20px; } /* PRODUCTS */ body.home .products .item { width: 50%; } body.home .products .item:nth-child(3) { margin-top: 20px; } /* PRODUCTS: Related products */ .related.products .item { width: 50%; } .related.products .item:nth-child(3) { margin-top: 20px; } /* PRODUCTS: Free shipping */ .products .item .freeshipping { top: 0; bottom: auto; } /* SINGLE PRODUCT: Summary */ .product .summary h1 { font-size: 35px !important; } /* SINGLE PRODUCT: Related products */ .related.products { padding-top: 30px; } /* FREE SHIPPING STATUS */ .free_shipping_wrapper { margin-bottom: 0; font-size: 17px; } .free_shipping_wrapper .free_shipping_status { height: auto; padding-left: 0; padding-top: 30px; line-height: 20px; background-position: top center; background-size: auto 30px; } /* CART + MY ACCOUNT */ .woocommerce-cart-form { padding-top: 0; background: none; border: none; } table.shop_table.shop_table_responsive { font-size: 0; } table.shop_table.shop_table_responsive thead { display: none !important; } table.shop_table.shop_table_responsive tbody tr { display: block; } table.shop_table.shop_table_responsive tbody th { display: none !important; } table.shop_table.shop_table_responsive tbody td { width: 100%; padding: 10px 0 !important; font-size: 16px; text-align: left !important; border: none !important; border-bottom: 1px solid #ddd !important; display: block; } table.shop_table.cart.shop_table_responsive tbody tr { margin: 20px 0; padding: 10px; background: white; border: 1px solid var(--color-silver-line); position: relative; } table.shop_table.cart.shop_table_responsive tbody td:last-child { border-bottom: none !important; } table.shop_table.shop_table_responsive tbody td.product-remove { padding: 0 !important; } table.shop_table.shop_table_responsive tbody td.product-price, table.shop_table.shop_table_responsive tbody td.product-quantity, table.shop_table.shop_table_responsive tbody td.product-subtotal, table.shop_table.shop_table_responsive tbody td.product-remove { width: 100%; display: block; } table.shop_table.shop_table_responsive tbody td.product-thumbnail, table.shop_table.shop_table_responsive tbody td.product-subtotal { border-bottom: none !important; } table.shop_table.shop_table_responsive tbody td.product-remove a { width: 30px; height: 30px; right: 20px; top: 20px; background-size: auto 16px; position: absolute; } table.shop_table tbody tr td.product-quantity .quantity { margin: 0; margin-right: 10px; } table.shop_table.shop_table_responsive tbody td::before { font-weight: 700; display: inline-block; content: attr(data-title) ": "; } table.shop_table.shop_table_responsive tbody td.actions::before, table.shop_table.shop_table_responsive tbody td.update_cart::before, table.shop_table.shop_table_responsive tbody td.product-thumbnail::before, table.shop_table.shop_table_responsive tbody td.product-quantity::before, table.shop_table.shop_table_responsive tbody td.product-remove::before { display: none; } /* CART: Actions */ table.shop_table.shop_table_responsive tr.update_cart+tr:not(.cart_item) { padding: 0; } table.shop_table.shop_table_responsive tbody tr td.actions { padding: 10px !important; background: #f5f5f5; } table.shop_table.shop_table_responsive tbody tr td.actions .coupon { padding: 0; background: none; border-top: none; } /* CART: Cart collaterals */ .cart-collaterals .cart_totals { padding: 20px; } .cart-collaterals .cart_totals .shipping_label { display: none; } .cart-collaterals .cart_totals table.shop_table tbody tr td { width: 100%; } .cart-collaterals .cart_totals table.shop_table tbody tr td::before { width: 100px; } /* CHECKOUT: Table */ table.shop_table.woocommerce-checkout-review-order-table thead th.product-total { text-align: right; } table.shop_table.woocommerce-checkout-review-order-table tbody td.product-total { text-align: right; } table.shop_table.woocommerce-checkout-review-order-table tfoot tr th { text-align: left; } table.shop_table.woocommerce-checkout-review-order-table tfoot tr.order-total th { text-align: left; } } @media only screen and (max-width: 480px) { /* SYSTEM MESSAGES */ .woocommerce-info a.showcoupon { display: block; } /* SYSTEM MESSAGES */ .woocommerce-info, .woocommerce-error, .woocommerce-message { padding: 10px; font-size: 16px; display: flex; flex-direction: column; flex-wrap: nowrap; } .woocommerce-info:before, .woocommerce-error:before, .woocommerce-message:before { display: none !important; } .woocommerce-message .button { width: 100%; height: 40px; margin-top: 10px; right: auto; top: auto; font-size: 15px; text-align: center; line-height: 40px; display: block; position: relative; order: 2; } /* MY ACCOUNT */ .u-columns .u-column1, .u-columns .u-column2 { padding: 20px 0; background: none !important; border: none !important; } .u-columns .u-column1 { padding-top: 0 !important; } .u-columns .u-column2 { border-top: 2px solid var(--color-silver-line) !important; } /* PRODUCTS */ .term-description { height: 170px; overflow: hidden; } .term-description.active { height: auto; overflow: visible; } /* PRODUCTS: Thumbnail */ .products .item .thumbnail { height: 150px; padding: 0 10px; } .products .item .thumbnail img { max-width: 100%; max-height: 130px; } /* PRODUCTS: Entry */ .products .item .entry { padding: 10px; } .products .item .entry h3 a { font-size: 16px; } /* PRODUCTS: Price and button */ .products .item a.button { padding: 0; font-size: 17px !important; background-image: none !important; display: block; } .products .item a.button.button_outofstock { padding-left: 0; } /* PRODUCTS: Product categories */ .products .item.product-category { height: 60px; } .products .item.product-category a img { height: 50px !important; top: 5px; } .products .item.product-category a h2 { left: 65px; font-size: 14px !important; line-height: 14px !important; } /* SINGLE PRODUCT: Images */ .product .images .woocommerce-product-gallery__image:nth-child(1) img { max-height: 250px; } /* SINGLE PRODUCT: Summary */ .product .summary h1 { font-size: 24px !important; } /* SINGLE PRODUCT: Short description */ .product .summary .woocommerce-product-details__short-description { display: none !important; } /* SINGLE PRODUCT: Stock */ .product .summary .left, .product .summary .right { float: none; } /* SINGLE PRODUCT: Add to cart */ .product .summary .cart .quantity { width: 100%; margin-right: 0; margin-bottom: 10px; display: block; } .product .summary .price { width: 100%; margin-left: 0; display: block; } .product .summary .single_add_to_cart_button { width: 100%; display: block; } /* Additional box */ .product .additional_box { padding: 20px 20px 20px 80px; font-size: 15px; background-position: -80px bottom; } .product .additional_box .text { height: auto; left: auto; top: auto; margin-bottom: 10px; padding-top: 10px; padding-bottom: 10px; line-height: 20px; position: relative; } /* CART: Coupon */ table.shop_table.cart tbody tr td.actions input[type=text] { width: 100%; margin-bottom: 10px; padding-left: 0; text-align: center; display: block; } table.shop_table.cart tbody tr td.actions button { width: 100%; } table.shop_table.cart tbody tr td.update_cart strong { margin-bottom: 10px; color: var(--color-red); line-height: 16px; display: block; } table.shop_table.cart tbody tr td.update_cart .button { width: 100%; display: block; } /* CART: Cart collaterals */ .cart-collaterals .cart_totals table.shop_table tbody tr td { width: 100%; } /* CHECKOUT */ .woocommerce-checkout-payment .button { width: 100%; display: block; } table.shop_table.woocommerce-checkout-review-order-table tfoot ul li label .woocommerce-Price-amount { display: block; } } @media only screen and (max-width: 320px) { /* PRODUCTS: Price and button */ .products .item a.button { padding: 0; font-size: 16px !important; } /* CART: Cart collaterals */ .cart-collaterals .cart_totals .wc-proceed-to-checkout .button { height: auto; padding: 10px; line-height: 20px; } }/* Theme Name: Tibeko webáruház Theme URI: https://tibeko.hu Description: A Tibeko webáruház alapértelmezett sablonja. Author: 360 Marketing Author URI: https://360-marketing.hu Version: 2.0 */ *{ margin: 0; padding: 0; border: 0; flex-wrap: wrap; text-decoration: none; } *, *:after, *::before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } :root { --color-body: #eeeff3; --color-body-dark: #e2e4ec; --color-blue-a10: rgba(19 67 148 / 10%); --color-blue: #134394; --color-dark-blue: #0f2a56; --color-green: #19916b; --color-green-light: #e7fbf5; --color-red: #d80d2c; --color-yellow: #ffd400; --color-silver-line: #dbdfe0; } body { font-family: 'Source Sans Pro', sans-serif; font-size: 18px; background: var(--color-body); overflow-x: hidden; } body.rwd_menu__opened { overflow: hidden; } h1, h2, h3, h4, h5 { font-weight: normal; } button, input, select, textarea { font-family: 'Source Sans Pro', sans-serif; font-size: 17px; outline: none; } select { height: 50px; } img.alignleft { margin: 0 20px 5px 0; float: left; } img.alignright { margin: 0 0 5px 20px; float: right; } img.aligncenter { margin: 0 auto 20px; display: block; } hr { height: 30px; border-top: 3px solid var(--color-silver-line); } .left { float: left; } .right { float: right; } .clear, .related { clear: both; } .inner { max-width: 1200px; margin: auto; position: relative; } .inner_800 { max-width: 800px; } .inner_600 { max-width: 600px; } .inner.archive_inner { width: 100%; display: table; } .hide { display: none !important; } .p_20 { padding: 20px; } .p_30 { padding: 30px; } .b_r_3 { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .b_r_50p { -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } .special_offer { height: 180px; margin-bottom: 30px; display: none; } .vertical_middle { top: 50%; position: relative; transform: translateY(-50%); } .required, .red { color: var(--color-red); } .button { height: 40px; padding: 0 20px; font-family: 'Barlow Condensed', sans-serif; font-size: 20px; font-weight: 400; text-transform: uppercase; text-decoration: none !important; color: white !important; line-height: 40px; background-color: var(--color-blue); cursor: pointer; display: inline-block; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } .button:hover { background-color: var(--color-dark-blue); } .button:disabled { color: white !important; background-color: #ccc; } .button_small { padding: 0 15px; font-size: 18px; } .button_full { width: 100% !important; text-align: center; display: block; } .button_has_icon { padding-left: 45px; } .button.button_yellow { color: #000 !important; background-color: var(--color-yellow); } .button.button_yellow:hover { background-color: white; } .button.button_green { background-color: var(--color-green); } .button.button_green:hover { background-color: var(--color-dark-blue) !important; } /* Font */ .center { text-align: center; } .sec_font, #footer a.phone, .products .item .price { font-family: 'Barlow Condensed', sans-serif; } .uppercase { text-transform: uppercase; } /* Animation */ .anim { -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } .anim_cubic { -webkit-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1); -moz-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1); -o-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1); transition: all 1s cubic-bezier(0.19, 1, 0.22, 1); } /* Checkbox and radio */ input[type="checkbox"], input[type="radio"] { width: 20px; min-width: 20px; height: 20px; margin: -4px 4px 0 0 !important; padding: 0 !important; text-align: center !important; background-color: white; border: 1px solid #d8d8d8; clear: none; cursor: pointer; display: inline-block; line-height: 0; outline: 0; vertical-align: middle !important; -webkit-appearance: none; -webkit-box-shadow: none; box-shadow: none; -webkit-transition: .05s border-color ease-in-out; transition: .05s border-color ease-in-out; } input[type="radio"] { -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } input[type="radio"]:checked:before { width: 10px; height: 10px; left: 4px; top: 4px; text-align: center; background: var(--color-dark-blue); position: relative; border-radius: 8px; display: block; content: ''; } input[type="checkbox"]:checked:before { width: 10px; height: 10px; left: 4px; top: 4px; text-align: center; background: var(--color-dark-blue); position: relative; display: block; content: ''; } /* ------------- MODAL ------------- */ .mfp-content .modal_panel { margin: 20px auto; background: white; position: relative; } .fancybox-container .modal_added_to_cart { width: 100%; max-width: 600px; padding: 30px; } .fancybox-container .modal_added_to_cart h3 { margin-bottom: 20px; font-size: 30px; color: var(--color-green); line-height: 100%; } .fancybox-container .modal_added_to_cart h3:before { left: 0; top: 0; font-size: 30px; position: absolute; } .fancybox-container .modal_added_to_cart .thumbnail { width: 150px; height: 150px; padding: 4px; text-align: center; border: 1px solid var(--color-silver-line); } .fancybox-container .modal_added_to_cart .thumbnail img { max-width: 140px; max-height: 140px; } .fancybox-container .modal_added_to_cart .datas { width: calc(100% - 150px); padding-top: 10px; padding-left: 20px; } .fancybox-container .modal_added_to_cart .datas h4 { margin-bottom: 15px; font-size: 18px; font-weight: 500; color: #000; } .fancybox-container .modal_added_to_cart .datas .price { margin-bottom: 15px; font-size: 20px; color: #8a817a; } .fancybox-container .modal_added_to_cart .datas .price del { display: none; } /* ----------------------- COOKIE LAW INFO ----------------------- */ #cookie-law-info-bar { padding: 20px !important; text-align: left !important; font-size: 15px !important; } #cookie-law-info-bar .cli-plugin-button { margin-left: 0 !important; } /* ---------------- RWD NAV ---------------- */ #rwd_menu { width: 100%; right: -100%; top: 120px; bottom: 0; padding-bottom: 80px; color: white; background: var(--color-dark-blue); position: fixed; z-index: 1000; overflow: auto; } #rwd_menu select { width: 100%; height: 50px; margin-bottom: 10px; background: white; } /* Search */ #rwd_menu .aws-container { padding: 20px; } /* Profile button */ #rwd_menu .button { width: 100%; right: -100%; bottom: 0; height: 60px; text-align: center; line-height: 60px; position: fixed; } /* Primary menu */ #rwd_menu ul.primary_menu { margin-bottom: 30px; } #rwd_menu ul.primary_menu li { border-bottom: 1px solid rgba(255 255 255 / 20%); } #rwd_menu ul.primary_menu li a { padding: 15px 20px; font-size: 26px; color: white; line-height: 100%; display: block; } /* Secondary menu */ #rwd_menu ul.secondary_menu li a { padding: 6px 20px; font-size: 20px; color: white; line-height: 100%; display: block; } /* RWD menu opened */ body.rwd_menu__opened #rwd_menu { right: 0; } body.rwd_menu__opened #rwd_menu .button { right: 0; } /* --------------- HEADER --------------- */ #header { height: 190px; background: white; border-bottom: 1px solid var(--color-silver-line); } body.home #header { margin-bottom: 20px; } /* Header top */ #header .header_top { height: 50px; color: white; line-height: 50px; background: var(--color-blue); } #header .header_top a { color: white; } #header .header_top a:hover { text-decoration: underline; } #header .header_top a.facebook { width: 50px; text-decoration: none !important; vertical-align: top; background: url(//tibeko.hu/wp-content/themes/tibeko/images/icon_facebook.svg) no-repeat center; background-size: auto 20px; border-left: 1px solid rgba(255 255 255 / 20%); display: inline-block; } #header .header_top ul { height: 50px; font-size: 0; vertical-align: top; display: inline-block; } #header .header_top ul li { height: 100%; margin-right: 20px; vertical-align: top; display: inline-block; } #header .header_top ul li a { font-size: 17px; display: inline-block; } /* Header bottom */ #header .header_bottom { height: calc(100% - 50px); } #header .header_bottom .inner { width: 100%; height: 100%; display: flex; } #header .header_bottom .header_bottom_left { width: 285px; height: 100%; border-right: 1px solid var(--color-silver-line); } #header .header_bottom .header_bottom_left a { width: auto; height: 80px; display: block; } #header .header_bottom .header_bottom_left img { width: auto; height: 100%; display: block; } #header .header_bottom .header_bottom_right { width: calc(100% - 285px); height: 100%; } #header .header_bottom .header_bottom_right_top { height: 75px; padding-left: 40px; padding-top: 30px; display: flex; } #header .header_bottom .header_bottom_right_top .aws-container { width: calc(100% - 290px); } #header .header_bottom .header_bottom_right_top .aws-container form { height: 45px !important; } #header .header_bottom .header_bottom_right_top .aws-container input[type=search] { font-size: 16px; border-color: var(--color-silver-line) !important; } #header .header_bottom .header_bottom_right_top .profile_cart { width: 290px; height: 46px; text-align: right; } #header .header_bottom .header_bottom_right_top .profile_cart .profile { width: 46px; height: 100%; margin-right: 30px; background: var(--color-body) url(//tibeko.hu/wp-content/themes/tibeko/images/icon_user.svg) no-repeat center; background-size: auto 20px; display: inline-block; } #header .header_bottom .header_bottom_right_top .profile_cart .profile.loggedin { background-color: var(--color-green); background-image: url(//tibeko.hu/wp-content/themes/tibeko/images/icon_user_loggedin_white.svg); } #header .header_bottom .header_bottom_right_top .profile_cart .ajax_cart { height: 100%; padding-left: 50px; vertical-align: top; color: var(--color-blue); background: url(//tibeko.hu/wp-content/themes/tibeko/images/icon_cart.svg) no-repeat left center; background-size: auto 30px; display: inline-block; position: relative; } #header .header_bottom .header_bottom_right_top .profile_cart .ajax_cart .count { width: 24px; height: 24px; left: 20px; bottom: 0; font-size: 16px; text-align: center; color: #000; line-height: 24px; background: var(--color-yellow); position: absolute; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } #header .header_bottom .header_bottom_right_top .profile_cart .ajax_cart .text { font-size: 15px; color: var(--color-blue); line-height: 20px; } #header .header_bottom .header_bottom_right_top .profile_cart .ajax_cart .total { font-size: 28px; font-weight: 500; color: var(--color-dark-blue); line-height: 100%; } #header .header_bottom .header_bottom_right_bottom { height: calc(100% - 75px); padding-left: 40px; } #header .header_bottom .header_bottom_right_bottom ul li { vertical-align: top; margin-right: 20px; display: inline-block; } #header .header_bottom .header_bottom_right_bottom ul li a { font-size: 22px; font-weight: 500; color: #000; line-height: 64px; display: block; } #header .header_bottom .header_bottom_right_bottom ul li a:hover { text-decoration: underline; } /* RWD button */ #header .rwd_button { height: 46px; right: 20px; padding: 0 15px; font-size: 22px; color: white; line-height: 46px; background: var(--color-dark-blue); position: absolute; z-index: 2; cursor: pointer; } /* Fixed header */ body.fixed_header #header { width: 100%; height: 100px; left: 0; top: 0; position: fixed; z-index: 100; } body.fixed_header #header .header_top { display: none; } body.fixed_header #header .header_bottom { height: 100%; } body.fixed_header #header .header_bottom .header_bottom_left a { height: 60px; } body.fixed_header #header .header_bottom .header_bottom_right_top { padding-top: 27px; } body.fixed_header #header .header_bottom .header_bottom_right_bottom { display: none; } /* -------------------- WARNING TEXT -------------------- */ .warning_text { margin-bottom: 20px; } .warning_text .warning_text_wrapper { padding: 15px 20px 15px 50px; font-size: 17px; color: white; line-height: 20px; background: var(--color-blue) url(//tibeko.hu/wp-content/themes/tibeko/images/icon_info_white.svg) no-repeat 17px center; background-size: auto 16px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } /* -------------------------- SLIDER and BANNERS -------------------------- */ #slider_banners { height: 500px; margin-bottom: 20px; } #slider_banners .slider_banners_wrapper { height: 100%; display: flex; } /* Slider */ #slider_banners #slider { width: calc(100% - 330px); position: relative; } #slider_banners #slider .slick-list, #slider_banners #slider .slick-track, #slider_banners #slider .slick-slide { height: 100%; } #slider_banners #slider .slick-slide { background-repeat: no-repeat; background-position: left center; background-size: cover; } #slider_banners #slider ul.slick-dots { right: 20px; bottom: 20px; font-size: 0; position: absolute; } #slider_banners #slider ul.slick-dots li { margin-left: 10px; vertical-align: top; display: inline-block; } #slider_banners #slider ul.slick-dots li button { width: 24px; height: 24px; font-size: 15px; background: var(--color-yellow); cursor: pointer; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } #slider_banners #slider ul.slick-dots li.slick-active button { color: white; background: var(--color-dark-blue); } /* Banners */ #slider_banners #banners { width: 330px; padding-left: 10px; } #slider_banners #banners .banner { height: calc(50% - 5px); background-color: white; background-repeat: no-repeat; background-position: right center; background-size: cover; border: 1px solid var(--color-silver-line); display: block; position: relative; } #slider_banners #banners .banner:first-child { margin-bottom: 10px; -webkit-border-radius: 0 3px 0 0; -moz-border-radius: 0 3px 0 0; border-radius: 0 3px 0 0; } #slider_banners #banners .banner:last-child { -webkit-border-radius: 0 0 3px 0; -moz-border-radius: 0 0 3px 0; border-radius: 0 0 3px 0; } #slider_banners #banners .banner .cover { width: 100%; height: 100%; left: 0; top: 0; position: absolute; } #slider_banners #banners .banner .title { left: 0; top: 30px; padding: 14px 20px; font-size: 22px; color: #000; line-height: 100%; background: var(--color-yellow); position: absolute; } /* -------------- WHY US -------------- */ #whyus .whyus_wrapper { margin-bottom: 20px; border-top: 3px solid var(--color-silver-line); border-bottom: 3px solid var(--color-silver-line); display: flex; } #whyus .whyus_wrapper .point { width: 33.3333333333%; height: 100px; padding: 0 20px 0 110px; font-size: 24px; color: var(--color-dark-blue); line-height: 100%; border-right: 1px solid var(--color-silver-line); position: relative; } #whyus .whyus_wrapper .point:last-child { border-right: none; } #whyus .whyus_wrapper .point img { width: 50px; height: auto; left: 30px; display: block; position: absolute; } /* ---------------- SERVICES ---------------- */ #services { margin-bottom: 20px; } #services .services_wrapper { width: 100%; display: flex; } #services .services_wrapper .service { width: calc(50% - 10px); height: 200px; margin-right: 10px; margin-top: 20px; font-size: 17px; color: white; line-height: 22px; background-color: var(--color-dark-blue); background-repeat: no-repeat; background-position: center; background-size: cover; position: relative; } #services .services_wrapper .service:nth-child(-n+2) { margin-top: 0; } #services .services_wrapper .service:nth-child(even) { margin-left: 10px; margin-right: 0; } #services .services_wrapper .service .cover { width: 100%; height: 100%; left: 0; top: 0; padding: 30px 30px 0; background: -moz-linear-gradient(left, rgba(15,42,86,1) 0%, rgba(15,42,86,0.1) 100%); background: -webkit-linear-gradient(left, rgba(15,42,86,1) 0%,rgba(15,42,86,0.1) 100%); background: linear-gradient(to right, rgba(15,42,86,1) 0%,rgba(15,42,86,0.1) 100%); position: absolute; } #services .services_wrapper .service .title { margin-bottom: 10px; font-size: 40px; line-height: 100%; } #services .services_wrapper .service .button { right: 0; bottom: 0; position: absolute; -webkit-border-radius: 3px 0 0 0; -moz-border-radius: 3px 0 0 0; border-radius: 3px 0 0 0; } /* ------------ BLOG ------------ */ #blog { margin-top: 30px; padding: 50px 0; border-top: 3px solid white; } #blog .title { margin-bottom: 30px; font-size: 40px; color: var(--color-dark-blue); line-height: 100%; } /* -------------------------- FRONTPAGE PRODUCTS -------------------------- */ .frontpage_products { padding: 20px 0; } .frontpage_products .product_list_header { margin-bottom: 30px; position: relative; } .frontpage_products .product_list_header .title { font-size: 40px; color: var(--color-dark-blue); line-height: 100%; } /* ------------------ BREADCRUMB ------------------ */ #breadcrumb { margin-bottom: 20px; padding: 10px 0; font-size: 16px; font-weight: 700; line-height: 20px; border-bottom: 1px solid var(--color-silver-line); } #breadcrumb a { font-weight: normal; text-decoration: underline; color: var(--color-blue); } #breadcrumb a:hover { color: #000; } /* --------------- CONTENT --------------- */ body.fixed_header #container { padding-top: 170px; } #container .container_wrapper { display: flex; } #container.fullwidth { display: block; } #content { width: calc(100% - 280px); padding-bottom: 50px; padding-left: 20px; } #container.fullwidth #content { width: 100%; padding-left: 0; } #content h1 { margin-bottom: 30px; font-size: 50px; text-transform: uppercase; color: var(--color-dark-blue); line-height: 100%; } #content h2 { margin-bottom: 20px; font-size: 30px; font-weight: 700; color: var(--color-dark); line-height: 120%; } #content h3 { margin-bottom: 10px; font-size: 25px; font-weight: 700; color: var(--color-blue); line-height: 100%; } #content p { margin-bottom: 20px; line-height: 25px; } #content a { text-decoration: underline; color: var(--color-blue); } #content a:hover { text-decoration: none; color: #000; } #content ul { margin-left: 30px; margin-bottom: 20px; line-height: 25px; list-style: disc; } #content ul li { list-style: disc; } #content ol { margin-left: 30px; margin-bottom: 20px; line-height: 25px; list-style: decimal; } #content blockquote { margin: 0 -50px 20px; padding: 40px 100px 40px 50px; font-style: italic; background: white; position: relative; } #content blockquote:before { width: 60px; height: 60px; right: 0; top: 0; background: var(--color-blue) url(//tibeko.hu/wp-content/themes/tibeko/images/icon_quote_white.svg) no-repeat center; background-size: auto 24px; position: absolute; content: ''; } #content blockquote p:last-child { margin-bottom: 0 !important; } /* Iframe wrapper */ #content .iframe_wrapper { height: 0; margin-bottom: 30px; padding-bottom: 56.25%; padding-top: 25px; position: relative; } #content .iframe_wrapper iframe { width: 100%; height: 100%; left: 0; top: 0; position: absolute; } /* Open / close sidebar */ #content .open_sidebar { height: 50px; margin-bottom: 20px; font-size: 22px; color: #000; line-height: 50px; background: var(--color-yellow); cursor: pointer; } #content .open_sidebar img { width: auto; height: 20px; margin-bottom: 4px; vertical-align: middle; display: inline-block; } /* WOO filter */ #content .woof_products_top_panel li span { padding-right: 20px; background-image: url(//tibeko.hu/wp-content/themes/tibeko/images/icon_delete.svg); background-size: 14px !important; } /* Contact */ #content .contact_wrapper { display: flex; } #content .contact_wrapper .contact_wrapper_left { width: 50%; padding-right: 50px; } #content .contact_wrapper .contact_wrapper_right { width: 50%; position: relative; } #content .contact_wrapper .contact_wrapper_right iframe { width: 100%; height: 100%; left: 0; top: 0; border: 3px solid var(--color-silver-line); position: absolute; } /* Contact data */ #content .contact_data { margin-bottom: 20px; padding: 30px 30px 30px 70px; line-height: 30px; background: white; border: 1px solid var(--color-silver-line); position: relative; } #content .contact_data:before { width: 3px; left: 30px; top: 30px; bottom: 30px; background: var(--color-blue); position: absolute; content: ''; } /* Blog */ .news_wrap { margin-left: -15px; margin-right: -15px; display: flex; } .news_wrap .news { width: calc(33.3333333333% - 30px); margin: 50px 15px 0; padding-bottom: 40px; background: white; border: 1px solid var(--color-silver-line); border-top: none; position: relative; } .news_wrap .news:nth-child(-n+3) { margin-top: 0; } .news_wrap .news .thumbnail { display: block; } .news_wrap .news .thumbnail img { width: 100%; height: auto; display: block; } .news_wrap .news .entry { padding: 20px; } .news_wrap .news .entry h3 { margin-bottom: 20px !important; font-size: inherit !important; } .news_wrap .news .entry h3 a { font-size: 25px !important; font-weight: 700; text-decoration: none !important; color: var(--color-blue) !important; line-height: 100%; display: inline-block; } .news_wrap .news .entry h3 a:hover { text-decoration: underline !important; text-decoration-thickness: 1px; } .news_wrap .news .read_more { left: 20px; bottom: 20px; position: absolute; } /* Blog Post Meta */ #content .post_metas { margin-bottom: 50px; font-size: 15px; display: flex; justify-content: space-between; align-items: center; align-content: center; } #content .post_metas .wrap_left { display: flex; align-items: center; align-content: center; } #content .post_metas .wrap_left .category { margin-right: 10px; padding: 2px 10px; font-size: 14px; font-weight: 700; color: white; background: var(--color-blue); } #content .post_metas .wrap_left .reading_time span { margin: 0 10px; font-weight: 700; color: var(--color-gray); } #content .post_metas .wrap_right .share_this_post { padding: 5px 10px; border: 1px solid var(--color-silver-line); display: flex; align-items: center; } #content .post_metas .wrap_right .share_this_post label { margin-right: 10px; font-weight: 700; } #content .post_metas .wrap_right .share_this_post a { width: 40px; height: 30px; margin-left: 2px; display: flex; align-items: center; justify-content: center; } #content .post_metas .wrap_right .share_this_post a:hover { background: var(--color-yellow); } #content .post_metas .wrap_right .share_this_post a img { width: auto; height: 20px; display: block; } #content .post_metas .wrap_right .share_this_post .link_copied { font-weight: 700; } #content .post_metas .wrap_right .share_this_post.active { padding-left: 0; } #content .post_metas .wrap_right .share_this_post.active label, #content .post_metas .wrap_right .share_this_post.active a:not(.copy_to_clipboard) { display: none; } #content .post_metas .wrap_right .share_this_post.active .link_copied { display: block !important; } #content .post_metas .wrap_right .share_this_post.active .copy_to_clipboard { background: transparent !important; cursor: auto; } #content .excerpt { font-weight: 700; } /* Hero Image */ #content .hero_image { margin: 0 -50px 30px; } #content .hero_image img { width: 100%; height: auto; display: block; } #content .wp-caption { margin-bottom: 30px; } #content .wp-caption.aligncenter { margin-left: auto; margin-right: auto; } #content .wp-caption img { width: 100%; height: auto; display: block; border-radius: 10px; } #content .wp-caption p.wp-caption-text { margin-top: 10px; margin-bottom: 0 !important; padding: 10px; font-size: 14px; font-weight: 700; line-height: 20px; background: var(--color-gold); border-radius: 10px; } /* Prev or Next Post */ #content .prev_next_post_wrap { border-top: 2px solid var(--color-silver-line); display: flex; } #content .prev_next_post_wrap > div { padding: 30px 0; flex-grow: 1; flex-basis: 0; } #content .prev_next_post_wrap > div a { font-size: 16px; display: flex; align-items: center; } #content .prev_next_post_wrap > div a img { width: 50px; height: 50px; padding: 3px; background: white; border: 1px solid var(--color-silver-line); display: block; border-radius: 2px; } #content .prev_next_post_wrap > div a span { width: calc(100% - 50px); padding: 0 20px; } #content .prev_next_post_wrap > div:nth-child(2) { border-left: 1px solid var(--color-silver-line); } #content .prev_next_post_wrap > div:nth-child(2) a { text-align: right; justify-content: end; } #content .prev_next_post_wrap > div:nth-child(2) a img { order: 2; } #content .prev_next_post_wrap > div:nth-child(2) a span { order: 1; } /* --------------- SIDEBAR --------------- */ #sidebar { width: 280px; height: 100%; padding-right: 20px; } #sidebar .widget { margin-bottom: 30px; } #sidebar .widget .widget_title { margin-bottom: 20px; font-size: 30px; color: var(--color-dark-blue); line-height: 100%; } /* Woof */ #sidebar .widget.widget-woof h4 { margin-bottom: 10px; font-size: 17px; font-weight: 700; color: #000; line-height: 20px; } #sidebar .widget.widget-woof .woof_checkbox_onbackorder_container .woof_container_inner { padding-left: 25px; position: relative; } #sidebar .widget.widget-woof .woof_checkbox_onbackorder_container .woof_container_inner input[type=checkbox] { left: 0; top: 7px; position: absolute; } #sidebar .close_sidebar { width: 100%; height: 50px; left: 0; top: 0; font-size: 22px; color: white; line-height: 50px; background: var(--color-red); position: absolute; cursor: pointer; } #sidebar .close_sidebar:hover { background: var(--color-dark-blue); } .woof .widget_price_filter .ui-slider .ui-slider-range { background-color: var(--color-blue) !important; } .woof_reset_button_2 { color: white; background-color: var(--color-red) !important; cursor: pointer; } .woof_reset_button_2:hover { background-color: var(--color-blue) !important; } /* ------------------ WOO FILTER ------------------ */ .woof_products_top_panel li span { background-image: url(//tibeko.hu/wp-content/themes/tibeko/images/icon_delete.svg); background-size: 14px !important; } #sidebar .woof_text_search_container input[type=search] { margin-bottom: 10px !important; padding: 9px !important; font-size: 15px !important; border: 1px solid var(--color-silver-line); } #sidebar .woof_text_notes_for_customer { font-size: 14px; color: #999; } #sidebar .woof_submit_search_form_container { padding: 0 20px; } #sidebar .woof_submit_search_form_container .button { width: 100%; display: block; } .woof_info_popup { background-color: rgba(15 42 86 / 90%) !important; -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; border-radius: 0 !important; -webkit-box-shadow: none !important; -moz-box-shadow: none !important; box-shadow: none !important; } /* --------------- FOOTER --------------- */ #footer { background: var(--color-dark-blue); } #footer h4 { margin-bottom: 10px; font-size: 15px; color: var(--color-yellow); } #footer p { margin-bottom: 30px; } #footer p:last-child { margin-bottom: 0; } #footer a { color: white; } #footer a.phone { font-size: 36px; } #footer a.email { text-decoration: underline; color: var(--color-yellow); } #footer a.email:hover { color: white; } #footer .icon { width: 50px; height: 50px; left: 0; top: 20px; background-color: var(--color-yellow); background-repeat: no-repeat; background-position: center; background-size: auto 24px; position: absolute; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } #footer .icon.facebook { left: auto; right: 0; background-image: url(//tibeko.hu/wp-content/themes/tibeko/images/icon_facebook_dark.svg); } #footer .icon.facebook:hover { background-color: white; } #footer .icon.phone { background-image: url(//tibeko.hu/wp-content/themes/tibeko/images/icon_phone.svg); } #footer .icon.marker { background-image: url(//tibeko.hu/wp-content/themes/tibeko/images/icon_marker.svg); } /* Footer top */ #footer .footer_top { padding: 50px 0; } #footer .footer_top .footer_wrapper { font-size: 17px; color: white; display: flex; } #footer .footer_top .footer_wrapper .footer_wrapper_left { width: 50%; padding-left: 70px; position: relative; } #footer .footer_top .footer_wrapper .footer_wrapper_right { width: 50%; padding-left: 70px; position: relative; } /* Footer bottom */ #footer .footer_bottom .inner { padding-top: 30px; padding-bottom: 30px; border-top: 1px solid rgba(255 255 255 / 20%); } #footer .footer_bottom .footer_wrapper { font-size: 15px; color: #b3b6c0; display: flex; } #footer .footer_bottom .footer_wrapper .footer_wrapper_left { width: max-content; } #footer .footer_bottom .footer_wrapper .footer_wrapper_right { text-align: right; flex: 1; } #footer .footer_bottom .footer_wrapper ul { margin-bottom: 10px; font-size: 0; } #footer .footer_bottom .footer_wrapper ul li { margin: 0 10px; vertical-align: top; display: inline-block; } #footer .footer_bottom .footer_wrapper ul li:first-child { margin-left: 0; } #footer .footer_bottom .footer_wrapper ul li:last-child { margin-right: 0; } #footer .footer_bottom .footer_wrapper ul li.hide_in_footer { display: none !important; } #footer .footer_bottom .footer_wrapper ul li a { font-size: 17px; font-weight: 700; color: white; } #footer .footer_bottom .footer_wrapper ul li a:hover { text-decoration: underline; } #footer .footer_bottom .footer_wrapper .author a { text-decoration: underline; color: white; } #footer .footer_bottom .footer_wrapper .author a:hover { text-decoration: none; } /* -------------- WHY US -------------- */ .why_us { right: 0; top: 50%; position: fixed; z-index: 100; cursor: pointer; transform: translateY(-50%); } .why_us .title { width: 50px; height: 100%; max-height: 250px; font-size: 20px; color: white; background: var(--color-blue); writing-mode: vertical-rl; text-align: center; display: flex; align-items: center; justify-content: center; border-radius: 5px 0 0 5px; } .why_us ul { width: max-content; max-width: 500px; height: absolute; right: 60px; top: 0; padding: 20px; background: rgba(255 255 255 / 95%); border: 2px solid var(--color-blue); display: none; align-items: center; position: absolute; border-radius: 5px; } .why_us ul li { width: 100%; font-size: 18px; line-height: 20px; display: block; } .why_us:hover .title { background: var(--color-dark-blue); } .why_us:hover ul { display: flex; } /* -------------- BARION -------------- */ #barion { padding: 10px 0; background: white; } #barion img { max-width: 100%; height: auto; margin: auto; display: block; } /* ------------------ NEWSLETTER ------------------ */ form.mailster-form .mailster-wrapper { margin-bottom: 15px; } form.mailster-form .mailster-wrapper.mailster-lastname-wrapper { width: 48%; float: left; } form.mailster-form .mailster-wrapper.mailster-firstname-wrapper { width: 48%; float: right; } form.mailster-form .mailster-wrapper.mailster-email-wrapper { width: 100%; float: none; clear: both; } form.mailster-form a { text-decoration: underline; color: #000; } form.mailster-form a:hover { text-decoration: none; } form.mailster-form small { margin-top: 5px; font-size: 13px; line-height: 16px; display: block; } form.mailster-form label { margin-bottom: 5px; font-size: 16px !important; font-weight: 700; line-height: 16px; text-align: left; display: block; } form.mailster-form .mailster-wrapper select, form.mailster-form .mailster-wrapper textarea, form.mailster-form .mailster-wrapper input[type=text], form.mailster-form .mailster-wrapper input[type=email] { width: 100%; height: 50px; padding-left: 10px; background: white; border: 2px solid var(--color-silver-line); position: relative; } form.mailster-form .mailster-wrapper select:focus, form.mailster-form .mailster-wrapper textarea:focus, form.mailster-form .mailster-wrapper input[type=text]:focus, form.mailster-form .mailster-wrapper input[type=email]:focus { border-color: var(--color-dark-blue); } form.mailster-form .mailster-wrapper.error select, form.mailster-form .mailster-wrapper.error textarea, form.mailster-form .mailster-wrapper.error input[type=text], form.mailster-form .mailster-wrapper.error input[type=email], form.mailster-form .mailster-wrapper.error input[type=checkbox] { border-color: var(--color-red) !important; outline: none !important; } .mailster-form-info { font-size: 16px; } .mailster-form-info p { margin-bottom: 10px !important; } .mailster-form-info.error { background: var(--color-red) !important; } .mailster-form-info.error ul { margin-bottom: 0 !important; } .mailster-form-info.error ul li { list-style: disc !important; } .mailster-required { color: var(--color-red) !important; } /* ------------------ RWD DESIGN ------------------ */ @media only screen and (max-width: 1440px) { /* HEADER */ #header { height: 150px; } /* HEADER: Header top */ #header .header_top { height: 40px; line-height: 40px; } #header .header_top ul { height: 40px; } /* HEADER: Header bottom */ #header .header_bottom { height: calc(100% - 40px); } #header .header_bottom .header_bottom_left a { height: 70px; } #header .header_bottom .header_bottom_right_top { height: 65px; padding-left: 30px; padding-top: 20px; display: flex; } #header .header_bottom .header_bottom_right_top .aws-container { height: 45px !important; } #header .header_bottom .header_bottom_right_top .aws-container form { height: 100% !important; } #header .header_bottom .header_bottom_right_top .profile_cart { height: 45px; } #header .header_bottom .header_bottom_right_top .profile_cart .ajax_cart .total { font-size: 26px; } #header .header_bottom .header_bottom_right_bottom { height: calc(100% - 65px); padding-left: 30px; } #header .header_bottom .header_bottom_right_bottom ul li a { font-size: 20px; line-height: 44px; } } @media only screen and (max-width: 1200px) { /* DEFAULT */ .p_l_20 { padding-left: 20px; } .p_r_20 { padding-right: 20px; } /* HEADER */ #header .header_bottom .header_bottom_left { width: 240px; } #header .header_bottom .header_bottom_right { width: calc(100% - 240px); padding-right: 20px; } /* CONTENT: Blog */ .news_wrap { margin-left: -10px; margin-right: -10px; } .news_wrap .news { width: calc(33.3333333333% - 20px); margin: 50px 10px 0; } } @media only screen and (max-width: 960px) { /* DISPLAY: None */ .hide_in_960 { display: none !important; } /* DISPLAY: Block */ .show_in_960 { display: block !important; } /* HEADER */ #header { height: 120px; } /* HEADER: Header bottom */ #header .header_bottom .header_bottom_left { width: 170px; } #header .header_bottom .header_bottom_left a { height: 50px; } #header .header_bottom .header_bottom_right { width: calc(100% - 170px); } #header .header_bottom .header_bottom_right_top { height: 80px; padding-left: 20px; padding-top: 17px; } #header .header_bottom .header_bottom_right_top .aws-container { width: calc(100% - 170px); height: 46px !important; } #header .header_bottom .header_bottom_right_top .profile_cart { width: auto; height: 46px; right: 110px; position: absolute; } /* SLIDER and BANNERS */ #slider_banners { height: auto; } /* SLIDER and BANNERS: Slider */ #slider_banners #slider { width: 100%; height: auto; max-height: 500px; min-height: 220px; margin-bottom: 20px; } #slider_banners #slider .slick-slide { position: relative; } #slider_banners #slider .slick-slide:before { padding-top: 55%; display: block; content: ''; } /* SLIDER and BANNERS: Banners */ #slider_banners #banners { width: 100%; height: 200px; padding-left: 0; display: flex; } #slider_banners #banners .banner { width: calc(50% - 10px); height: 100%; } #slider_banners #banners .banner:first-child { margin-bottom: 0; margin-right: 10px; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } #slider_banners #banners .banner:last-child { margin-left: 10px; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } /* WHY US */ #whyus .whyus_wrapper .point { height: auto; padding: 10px 20px; font-size: 22px; text-align: center; } #whyus .whyus_wrapper .point img { width: auto; height: 50px; left: auto; top: auto; margin: 0 auto 20px; position: relative; } #whyus .whyus_wrapper .point .title { top: auto; } #whyus .whyus_wrapper .point .vertical_middle { -webkit-transform: translate(0); -ms-transform: translate(0); transform: translate(0); } /* SERVICES */ #services .services_wrapper .service .cover { padding: 20px 20px 0; } #services .services_wrapper .service .title { font-size: 30px; } /* CONTENT */ #container .container_wrapper { display: block; position: static; } #content { width: 100%; padding-left: 0; } #content blockquote { margin: 0 0 20px; } /* CONTENT: Contact */ #content .contact_wrapper { display: block; } #content .contact_wrapper .contact_wrapper_left { width: 100%; padding-right: 0; } #content .contact_wrapper .contact_wrapper_right { width: 100%; } #content .contact_wrapper .contact_wrapper_right iframe { height: 300px; left: auto; top: auto; position: relative; } /* CONTENT: Meta */ #content .post_metas { display: block; } #content .post_metas .wrap_left { width: 100%; } #content .post_metas .wrap_right .share_this_post { width: max-content; margin: 30px auto 0; } /* CONTENT: Hero Image */ #content .hero_image { margin: 0 0 30px; } /* SIDEBAR */ #sidebar { width: 100%; height: 100%; left: -100%; top: 120px; padding: 70px 20px 20px; background: white; position: fixed; z-index: 10; overflow: auto; } body.opened_sidebar #sidebar { left: 0; } /* FOOTER: Footer bottom */ #footer .footer_bottom .footer_wrapper .footer_wrapper_left { width: 100%; text-align: center; order: 2; } #footer .footer_bottom .footer_wrapper .footer_wrapper_right { width: 100%; margin-bottom: 30px; text-align: center; order: 1; } #footer .footer_bottom .footer_wrapper ul li { margin: 0 10px; } #footer .footer_bottom .footer_wrapper ul li:first-child { margin-left: 10px; } #footer .footer_bottom .footer_wrapper ul li:last-child { margin-right: 10px; } } @media only screen and (max-width: 768px) { /* DISPLAY: None */ .hide_in_768 { display: none !important; } /* WHY US */ #whyus .whyus_wrapper .point { padding: 10px; font-size: 20px; } /* SERVICES */ #services .services_wrapper .service { width: 100%; height: auto; margin-right: 0; } #services .services_wrapper .service:nth-child(2) { margin-top: 20px; } #services .services_wrapper .service:nth-child(even) { margin-left: 0; } #services .services_wrapper .service .cover { height: auto; min-height: 170px; left: auto; top: auto; padding: 20px 20px 50px; position: relative; } /* CONTENT: Blog */ .news_wrap .news { width: calc(50% - 20px); } .news_wrap .news:nth-child(3) { margin-top: 50px; } .news_wrap .news .entry h3 a { font-size: 20px !important; line-height: 23px; } /* CONTENT: Prev or Next Post */ #content .prev_next_post_wrap > div { width: 100%; flex-grow: inherit; flex-basis: auto; } #content .prev_next_post_wrap > div a { text-align: center; justify-content: center; } #content .prev_next_post_wrap > div a img { margin: 0 auto 10px; } #content .prev_next_post_wrap > div a span { width: 100%; padding: 0; } #content .prev_next_post_wrap > div:nth-child(2) { border-top: 1px solid var(--color-silver-line); border-left: none; } #content .prev_next_post_wrap > div:nth-child(2) a { text-align: center; justify-content: center; } #content .prev_next_post_wrap > div:nth-child(2) a img { order: 1; } #content .prev_next_post_wrap > div:nth-child(2) a span { order: 2; } /* FOOTER: Footer top */ #footer .footer_top { padding: 30px 0; } #footer .footer_top .footer_wrapper { display: block; } #footer .footer_top .footer_wrapper .footer_wrapper_left { width: 100%; margin-bottom: 30px; } #footer .footer_top .footer_wrapper .footer_wrapper_right { width: 100%; } } @media only screen and (max-width: 640px) { /* DISPLAY: None */ .hide_in_640 { display: none !important; } /* HEADER: Header bottom */ #header .header_bottom .header_bottom_left { border-right: none; } #header .header_bottom .header_bottom_right_top .aws-container { display: none; } /* WHY US */ #whyus .whyus_wrapper .point { font-size: 18px; } } @media only screen and (max-width: 480px) { /* DISPLAY: None */ .hide_in_480 { display: none !important; } /* DISPLAY: Block */ .show_in_480 { display: block !important; } /* MODAL */ .fancybox-container .modal_added_to_cart { padding: 30px 20px 60px; } .fancybox-container .modal_added_to_cart h3 { font-size: 26px; } .fancybox-container .modal_added_to_cart .thumbnail { width: 100px; height: 100px; padding: 2px; } .fancybox-container .modal_added_to_cart .thumbnail img { max-width: 100%; max-height: 100%; } .fancybox-container .modal_added_to_cart .datas { width: calc(100% - 100px); } .fancybox-container .modal_added_to_cart .datas h4 { font-size: 22px; line-height: 100%; } .fancybox-container .modal_added_to_cart .button { width: 100%; left: 0; bottom: 0; text-align: center; position: absolute; } /* RWD NAV */ #rwd_menu { top: 80px; } /* HEADER */ #header { width: 100%; height: 80px; left: 0; top: 0; position: fixed; z-index: 100; } /* HEADER: Header bottom */ #header .header_bottom { height: 100%; } /* SLIDER and BANNERS: Banners */ #slider_banners #banners { height: 150px; } #slider_banners #banners .banner .cover { background: rgba(15 42 86 / 80%); } #slider_banners #banners .banner .title { left: 0; right: 0; top: 50%; text-align: center; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } /* WHY US */ #whyus .whyus_wrapper .point { width: 100%; border-right: none; border-bottom: 1px solid var(--color-silver-line); } #whyus .whyus_wrapper .point:last-child { border-bottom: none; } /* SERVICES */ #services .services_wrapper .service .cover { padding: 20px 20px 60px; } #services .services_wrapper .service .button { width: 100%; text-align: center; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } /* BREADCRUMB */ #breadcrumb { font-size: 15px; } /* CONTENT */ #container { padding-top: 80px; } body.home #container { padding-top: 100px; } /* CONTENT: Blog */ .news_wrap { margin-left: 0; margin-right: 0; } .news_wrap .news { width: 100%; margin: 50px 0 0; } .news_wrap .news:nth-child(2) { margin-top: 50px; } /* SIDEBAR */ #sidebar { top: 80px; } /* FOOTER: Footer top */ #footer .icon { left: auto; top: auto; margin: 0 auto 20px; position: relative; } #footer .footer_top .footer_wrapper { text-align: center; } #footer .footer_top .footer_wrapper .footer_wrapper_left { padding-left: 0; } #footer .footer_top .footer_wrapper .footer_wrapper_right { padding-left: 0; } /* FOOTER: Footer bottom */ #footer .footer_bottom .footer_wrapper ul { margin-bottom: 30px; } #footer .footer_bottom .footer_wrapper ul li { margin: 0 0 10px !important; display: block; } } @media only screen and (max-width: 375px) { }.woo-coupon-box-widget, .woo-coupon-box-widget *{ box-sizing: border-box; } .woo-coupon-box-widget { display: block; width: 100%; max-width: 600px; padding: 10px; font-size: 14px; margin: 0 auto; } .woo-coupon-box-widget .wcbwidget-coupon-box-newsletter .wcbwidget-gdpr-field { clear: both; padding: 10px; } .woo-coupon-box-widget .wcbwidget-coupon-box-newsletter .wcbwidget-newsletter-form { float: left; width: 100%; } .woo-coupon-box-widget .wcbwidget-coupon-box-newsletter .wcbwidget-newsletter-form input { display: inline-block; font-size: 14px; float: left; line-height: 1.5; padding: 20px; margin: 0 10px 0 0; height: 42px; align-self: flex-end; border: 1px solid #eee; background-color: #fff; outline: medium none; overflow: hidden; vertical-align: middle; width: 100%; } .woo-coupon-box-widget .wcbwidget-coupon-box-newsletter .wcbwidget-newsletter-form .wcbwidget-newsletter { padding: 10px; } .woo-coupon-box-widget .wcbwidget-coupon-box-newsletter .wcbwidget-newsletter-form .wcbwidget-input-group { display: flex; flex-direction: row; font-size: 0; padding: 10px; } .woo-coupon-box-widget .wcbwidget-newsletter-form .wcbwidget-input-group .wcbwidget-input-group-btn { display: inline-block; font-size: 14px; box-sizing: border-box; } .woo-coupon-box-widget .wcbwidget-newsletter-form .wcbwidget-input-group .wcbwidget-input-group-btn .wcbwidget-button { cursor: pointer; display: inline-block; font-weight: bold; text-align: center; width: 100%; margin: -2px 0 0; line-height: 1.5; padding: 12px 30px; height: 42px; font-size: 13px; vertical-align: text-top; white-space: nowrap; } /*button loading*/ .woo-coupon-box-widget .wcbwidget-adding { position: relative; opacity: 1; pointer-events: auto; -webkit-transition: all 0s linear, opacity .1s ease; transition: all 0s linear, opacity .1s ease; color: transparent !important; } .woo-coupon-box-widget .wcbwidget-adding:after { position: absolute; content: ''; top: 50%; left: 50%; margin: -.64285714em 0 0 -.64285714em; width: 1.28571429em; height: 1.28571429em; -webkit-animation: button-spin .6s linear; animation: button-spin .6s linear; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; border-radius: 500rem; border-color: #fff transparent transparent; border-style: solid; border-width: .2em; box-shadow: 0 0 0 1px transparent; } @keyframes button-spin { from { -webkit-transform: rotate(0); transform: rotate(0) } to { -webkit-transform: rotate(360deg); transform: rotate(360deg) } } .woo-coupon-box-widget .wcbwidget-invalid-email{ border: 1px solid red !important; } .woo-coupon-box-widget .wcbwidget-warning-message{ display: inline-block; width: 100%; color: red; font-size: 12px; padding-left: 10px; } .woo-coupon-box-widget.woo-coupon-box-widget-type-2 .wcbwidget-coupon-box-newsletter .wcbwidget-newsletter-form input, .woo-coupon-box-widget.woo-coupon-box-widget-type-2 .wcbwidget-coupon-box-newsletter .wcbwidget-newsletter-form .wcbwidget-input-group-btn{ display: block; float: none; margin: 10px 0; max-width: 100%; } .woo-coupon-box-widget.woo-coupon-box-widget-type-2 .wcbwidget-coupon-box-newsletter .wcbwidget-newsletter-form .wcbwidget-input-group{ display: block; } .woo-coupon-box-widget .wcb-coupon-treasure-container { text-align: center; } .wcb-coupon-treasure-container .wcb-coupon-scissors { position: relative; display: inline-block; margin: 15px 0; opacity: 1; } .wcb-coupon-treasure-container .wcb-coupon-scissors:before { content: url(//tibeko.hu/wp-content/plugins/woo-coupon-box/images/scissors.png); position: absolute; top: -7px; left: -7px; font-size: 0; line-height: 0; color: white; } .woo-coupon-box-widget .wcb-coupon-treasure { border: 2px dashed #999; box-shadow: none; text-align: center; text-transform: uppercase; } .woo-coupon-box-widget .wcb-coupon-treasure:focus { outline: none; } @media screen and (max-width: 600px){ .woo-coupon-box-widget .wcbwidget-coupon-box-newsletter .wcbwidget-newsletter-form input, .woo-coupon-box-widget .wcbwidget-coupon-box-newsletter .wcbwidget-newsletter-form .wcbwidget-input-group-btn{ display: block; float: none; margin: 10px 0; max-width: 100%; } .woo-coupon-box-widget .wcbwidget-coupon-box-newsletter .wcbwidget-newsletter-form .wcbwidget-input-group{ display: block; } }