/* Theme Name: Ábrahám Műhely Theme URI: http://www.asztalkell.hu Description: Az Ábrahám Műhely weboldal alapértelmezett sablonja Author: Effix Marketing Author URI: http://www.effix.hu/ Version: 3.0 */ *{ margin: 0; padding: 0; border: 0; text-decoration: none; list-style: none; } *, *:after, *::before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } html, body { height: 100%; } body { font-family: 'Roboto', sans-serif; font-size: 16px; font-weight: 400; color: #444; background: #f2f2f2; letter-spacing: 0px;} body.rwd_menu__opened { overflow: hidden; } /* ----------------- CLASSES ----------------- */ .red { color: #fb4f1d; } .inner { max-width: 1200px; margin: auto; position: relative; } .left { float: left; } .right { float: right; } .clear { clear: both; } .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%; } .uppercase { text-transform: uppercase; } .t_a_c { text-align: center; } .hide { display: none; } .embed_font { font-family: 'PT Serif', serif; } .vertical_middle{ top: 50%; position: relative; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } img.alignleft, img.alignright, img.aligncenter, img.alignnone { max-width: 100%; padding: 5px; background: #fff; -moz-box-shadow: 0 0 5px #d1d4bc; -webkit-box-shadow: 0 0 5px #d1d4bc; box-shadow: 0 0 5px #d1d4bc; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } img.noborder { padding: 0 !important; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } h1, h2, h3, h4, h5 { font-weight: normal; line-height: 1.6; } h1.title { margin-bottom: 40px; padding: 0 120px; font-size: 40px; font-weight: 700; text-transform: uppercase; color: #222; background-image: url(images/swirl_left.png), url(images/swirl_right.png); background-repeat: no-repeat; background-position: left top, right top; display: inline-block; } hr { margin: 30px 0; border-top: 3px double #ddd; clear: both; } button, input, select, textarea { font-family: 'Roboto', sans-serif; font-size: 17px; font-weight: 400; outline: none; border: 1px solid #2c2c2c; border-radius: 5px; padding: 10px; margin: 10px; background: rgba(254, 205, 165, 0.1);} button:hover {background: rgba(122, 220, 185, 0.1);} input {background: white;} .wpcf7 select {width: 50%; min-width: 500px;} .wpcf7 input {width: 50%; min-width: 500px;} .search-field input { border: 1px solid #2c2c2c; border-radius: 5px; padding: 10px; margin: 10px; width: 90%; } /* Buttons */ .button { height: 60px; padding: 0 30px; font-size: 16px; font-weight: 500; text-transform: uppercase; text-decoration: none !important; color: #fff !important; line-height: 60px; background-color: #675044; display: inline-block; position: relative; cursor: pointer; -webkit-transition: all 0.1s ease-out; -moz-transition: all 0.1s ease-out; -o-transition: all 0.1s ease-out; transition: all 0.1s ease-out; } .button:hover { color: #000 !important; background-color: white; } .button_40 { height: 40px; padding: 0 15px; line-height: 40px; } .button_50 { height: 50px; padding: 0 20px; color: #000 !important; line-height: 50px; background-color: white; } .button_gold { color: #000 !important; background-color: white; } .button:disabled { background: #ddd; cursor: not-allowed; } /* Font */ :before, :after { font-family: 'fontello', sans-serif; } /* 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_1 { -webkit-transition: all 0.1s ease-out; -moz-transition: all 0.1s ease-out; -o-transition: all 0.1s ease-out; transition: all 0.1s ease-out; } .anim_5 { -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s 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); } /* Label */ .wapl-label .label-green { background-color: #7ac142; } #website { opacity: 1; } .search-field input { border: 1px solid #2c2c2c; border-radius: 5px; padding: 10px; margin: 10px; width: 90%; } /* -------------- MODAL -------------- */ .modal { width: 100%; height: 100%; left: 0; top: 0; background: rgba(0,0,0,0.95); position: fixed; z-index: 10000; cursor: url(images/cursor_close.png); opacity: 0; visibility: hidden; } body.modal_is_opened .modal { opacity: 1; visibility: visible; } /* Added to cart */ .modal .modal_added_to_cart { width: 400px; left: 50%; top: 100px; margin-left: -200px; padding: 30px; text-align: center; background: white; position: absolute; opacity: 0; visibility: hidden; } .modal .modal_added_to_cart a { text-decoration: underline; color: #000; } .modal .modal_added_to_cart a:hover { text-decoration: none; } .modal .modal_added_to_cart a.button { margin-bottom: 10px; } .modal .modal_added_to_cart p { margin-bottom: 20px; } .modal .modal_added_to_cart p:last-of-type { margin-bottom: 0; } .modal .modal_added_to_cart strong { color: #000; } body.modal_added_to_cart_active .modal .modal_added_to_cart { top: 80px; opacity: 1; visibility: visible; } .checkmark__circle { stroke-dasharray: 166; stroke-dashoffset: 166; stroke-width: 2; stroke-miterlimit: 10; stroke: #7ac142; fill: none; } .checkmark { width: 100px; height: 100px; margin: 0 auto 40px auto; display: block; border-radius: 50%; stroke-width: 2; stroke: #fff; stroke-miterlimit: 10; box-shadow: inset 0px 0px 0px #7ac142; } .checkmark__check { transform-origin: 50% 50%; stroke-dasharray: 100; stroke-dashoffset: 100; } .active .checkmark__circle { animation: stroke 0.5s cubic-bezier(0.65, 0, 0.45, 1) forwards; } .active .checkmark { animation: fill 0.5s ease-in-out 0.4s forwards, scale 0.3s ease-in-out 0.9s both; } .active .checkmark__check { animation: stroke 0.3s cubic-bezier(0.65, 0, 0.45, 1) 0.8s forwards; } @keyframes stroke { 100% { stroke-dashoffset: 0; } } @keyframes scale { 0%, 100% { transform: none; } 50% { transform: scale3d(1.1, 1.1, 1); } } @keyframes fill { 100% { box-shadow: inset 0px 0px 0px 50px #7ac142; } } /* --------------- COOKIE --------------- */ #cookie { width: 430px; left: 30px; bottom: 30px; padding: 15px 70px 15px 15px; font-size: 13px; color: #eee; line-height: 17px; background: rgba(0,0,0,0.95); position: fixed; z-index: 1000; visibility: hidden; opacity: 0; } body.cookie_panel #cookie { visibility: visible; opacity: 1; } #cookie a { text-decoration: underline; color: white; } #cookie a.accept { height: 30px; right: 20px; top: 20px; font-size: 30px; text-decoration: none; color: white; line-height: 30px; position: absolute; } #cookie a.accept:hover { color: #e4ac14; } /* ---------------- FLOATING ---------------- */ .floating_special_offer { left: -59px; top: 290px; padding: 10px; font-size: 13px; color: white; line-height: 15px; background: rgba(0,0,0,0.75); position: fixed; z-index: 10; -ms-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); transform: rotate(-90deg); } /* ---------------- RWD MENU ---------------- */ nav.rwd_menu { width: 100%; height: calc(100vh - 80px); top: 80px; right: 0; padding: 50px; background: #333; position: fixed; z-index: 1000; overflow: scroll; visibility: hidden; opacity: 0; } nav.rwd_menu ul { text-align: center; } nav.rwd_menu .primary_menu { margin-bottom: 30px; padding-bottom: 30px; border-bottom: 1px solid rgba(255,255,255,0.2); } nav.rwd_menu .primary_menu ul li a { font-size: 50px; color: white; } nav.rwd_menu .secondary_menu { margin-bottom: 30px; } nav.rwd_menu .secondary_menu ul li a { font-size: 40px; color: #999; } nav.rwd_menu form input[type=text] { width: 100%; height: 50px; margin-bottom: 5px; padding-left: 10px; display: block; } nav.rwd_menu form input[type=submit] { width: 100%; padding: 0; text-align: center; display: block; } body.rwd_menu__opened nav.rwd_menu { visibility: visible; opacity: 1; } /* --------------- HEADER --------------- */ #header { width: 100%; height: 80px; position: fixed; z-index: 99; } #header:before { width: 100%; height: 100%; left: 0; top: 0; background: rgba(0,0,0,0.8); position: absolute; content: ''; } #header:before, #header :before { -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); } /* Logo */ #header .logo { width: 20%; height: 100%; position: relative; } #header .logo:before { width: 100%; height: 100%; left: 0; top: 0; background: #111; position: absolute; content: ''; } #header .logo a { text-align: center; display: block; } #header .logo img { width: auto; max-width: 100%; height: 50px; } /* Menu and cart */ #header .menu__cart { width: 80%; height: 100%; position: relative; } #header .menu__cart .ajax_cart { width: 80px; height: 100%; right: 0; top: 0; background: white url(images/icon_cart.svg) no-repeat center; display: block; position: absolute; } #header .menu__cart .ajax_cart .count { min-width: 30px; height: 30px; right: 10px; top: 10px; font-size: 15px; font-weight: 500; text-align: center; color: white; line-height: 24px; background: #111; border: 3px solid white; position: absolute; } #header .menu__cart .ajax_cart .cart-contents { display: none; } #header .menu__cart menu ul { /*padding-top: 28px; */ font-size: 0; } #header .menu__cart menu ul li { margin-left: 30px; display: inline-block; } #header .menu__cart menu ul li a { line-height: 80px; font-size: 16px; color: #ddd; letter-spacing: 1px;} #header .menu__cart menu ul li a:hover { color: white; } /* RWD button */ #header .menu__cart button { width: 80px; height: 80px; right: 0; top: 0; font-size: 30px; color: white; background: #bf9011; position: absolute; cursor: pointer; } /* Home */ body.home #header:before { height: 0; } body.home #header .logo:before { height: 0; } /* Fixed header */ body.fixed_header #header:before { height: 100%; } body.fixed_header #header .logo:before { height: 100%; } /* --------------- SLIDER --------------- */ #slider { height: 85vh; margin-bottom: 50px; position: relative; z-index: 1; clear: both; } #slider .mask { width: 100%; height: 100%; left: 0; top: 0; background: #000; text-align: center; position: absolute; z-index: 999; } #slider .mask .preloader { width: 100px; height: 100px; margin: auto; background: url(images/loader.png); -webkit-animation: play .8s steps(5) infinite; -moz-animation: play .8s steps(5) infinite; -ms-animation: play .8s steps(5) infinite; -o-animation: play .8s steps(5) infinite; animation: play .8s steps(5) infinite; } #slider .mask p { height: 30px; font-size: 16px; color: white; line-height: 30px; } body.is_loaded #slider .mask { opacity: 0; visibility: hidden; } @-webkit-keyframes play { from { background-position: 0px; } to { background-position: -500px; } } @-moz-keyframes play { from { background-position: 0px; } to { background-position: -500px; } } @-ms-keyframes play { from { background-position: 0px; } to { background-position: -500px; } } @-o-keyframes play { from { background-position: 0px; } to { background-position: -500px; } } @keyframes play { from { background-position: 0px; } to { background-position: -500px; } } #slider .owl-carousel, #slider .owl-stage-outer, #slider .owl-stage, #slider .owl-item, #slider .item { height: 100%; } #slider .item { position: relative; background-repeat: no-repeat; background-position: center; background-size: cover; overflow: hidden; } #slider .item .button_wrapper { width: 100%; bottom: 13%; left: 0; text-align: center; position: absolute; } #slider .cover { width: 100%; height: 100%; left: 0; top: 0; background: rgba(0,0,0,0.3); position: absolute; z-index: 3; } #slider .entry { max-width: 800px; height: 350px; margin: auto; text-align: center; position: relative; } #slider .entry h2 { width: 80%; margin: auto; font-size: 60px; color: white; } #slider .entry h2 a { color: white; } #slider .entry .frame { border-style: solid; border-color: rgba(255,255,255,0.5); position: absolute; } #slider .entry .frame.frame_1 { left: 0; top: 50px; right: 0; bottom: 50px; border-width: 1px; } #slider .entry .frame.frame_2_1 { height: 30%; left: 5%; top: 0; border-left-width: 1px; } #slider .entry .frame.frame_2_2 { width: 90%; left: 5%; top: 0; border-top-width: 1px; } #slider .entry .frame.frame_2_3 { height: 30%; right: 5%; top: 0; border-right-width: 1px; } #slider .entry .frame.frame_2_4 { height: 30%; left: 5%; bottom: 0; border-left-width: 1px; } #slider .entry .frame.frame_2_5 { width: 90%; left: 5%; bottom: 0; border-bottom-width: 1px; } #slider .entry .frame.frame_2_6 { height: 30%; right: 5%; bottom: 0; border-right-width: 1px; } body.slider_frame__animate #slider .entry .frame.frame_1 { left: 10px; top: 10px; right: 10px; bottom: 10px; } body.slider_frame__animate #slider .entry .frame.frame_2_1 { height: 50%; left: 0; } body.slider_frame__animate #slider .entry .frame.frame_2_2 { width: 100%; left: 0; } body.slider_frame__animate #slider .entry .frame.frame_2_3 { height: 50%; right: 0; } body.slider_frame__animate #slider .entry .frame.frame_2_4 { height: 50%; left: 0; } body.slider_frame__animate #slider .entry .frame.frame_2_5 { width: 100%; left: 0; } body.slider_frame__animate #slider .entry .frame.frame_2_6 { height: 50%; right: 0; } /* --------------- OFFERS --------------- */ #offers { margin-bottom: 50px; } #offers ul li { width: 285px; height: 320px; margin-right: 30px; float: left; position: relative; } #offers ul li h3 { margin-bottom: 25px; font-size: 25px; text-transform: uppercase; line-height: 100%; } #offers ul li .entry { height: 100%; background-repeat: no-repeat; background-position: center; background-size: cover; display: block; position: relative; } #offers ul li .content { color: white; position: absolute; } #offers ul li .content span { color: white; } #offers ul li a.read_more { height: 40px; padding: 0 15px; font-size: 17px; text-transform: uppercase; color: white; line-height: 40px; background: #fb4f1d; display: inline-block; } #offers ul li a.read_more:hover { color: #fb4f1d; background: white; } /* Panels */ #offers ul li.panel_1 .content span, #offers ul li.panel_2 .content span { margin-bottom: 10px; font-size: 16px; display: block; } #offers ul li.panel_1 .content h3, #offers ul li.panel_2 .content h3 { margin-bottom: 0; font-size: 35px; } #offers ul li.panel_1 .cover, #offers ul li.panel_2 .cover { width: 100%; height: 100%; left: 0; top: 0; background-color: rgba(0,0,0,0.3); position: absolute; } #offers ul li.panel_1 .button, #offers ul li.panel_2 .button { height: 40px; margin-top: 20px; padding: 0 15px; line-height: 40px; } /* Last */ #offers ul li.panel_3 { width: 47.5%; width: calc(100% - 630px); max-width: 570px; margin-right: 0; } #offers ul li.panel_3:before { top: 0; left: 0; right: 0; bottom: 0; border: 7px solid #ddd; position: absolute; content: ''; z-index: -1; } #offers ul li.panel_3 .content { text-align: center; } #offers ul li.panel_3 .content span { padding: 0 60px; font-family: 'PT Serif', serif; font-size: 35px; position: relative; } #offers ul li.panel_3 .content span:before, #offers ul li.panel_3 .content span:after { width: 40px; height: 1px; left: 0; top: 25px; background: #e4ac14; position: absolute; content: ''; } #offers ul li.panel_3 .content span:after { left: auto; right: 0; } #offers ul li.panel_3 .content h3 { font-size: 50px; } #offers ul li.panel_3 .button { height: 50px; line-height: 50px; } /* About us */ #aboutus { padding: 100px 0; background: #1d1d1d url(images/bgr_aboutus.png) no-repeat center left; } #aboutus .inner { height: 100%; } #aboutus .images { width: 50%; height: 100%; position: absolute; } #aboutus .images .image { background: #000; position: absolute; } #aboutus .images .image img { display: block; } #aboutus .images .image_1 { left: 0; top: 0; z-index: 2; -moz-box-shadow: 0 10px 30px rgba(0,0,0,0.75); -webkit-box-shadow: 0 10px 30px rgba(0,0,0,0.75); box-shadow: 0 10px 30px rgba(0,0,0,0.75); } #aboutus .images .image_2 { left: 25%; top: 20%; z-index: 1; } #aboutus .images .image_2 img { opacity: 0.5; } #aboutus .images .wood_chip { width: 205px; height: 272px; right: 0; bottom: 0; background: url(images/img_wood_chip.png) no-repeat right bottom; z-index: 3; } #aboutus .images .image_1 img, #aboutus .images .image_2 img{ width: 400px; height: 250px; max-width: 100%; max-height: 100%; } #aboutus .entry { width: 500px; } #aboutus .entry h4 { margin-bottom: 10px; font-size: 16px; font-weight: 500; color: white; } #aboutus .entry h2 { margin-bottom: 30px; padding-bottom: 30px; font-size: 30px; color: white; line-height: 130%; border-bottom: 1px solid rgba(255,255,255,0.2); } #aboutus .entry h2:after { display: none; } #aboutus .entry .content { margin-bottom: 20px; font-size: 18px; color: #999; line-height: 160%; } /* ------------------- PRODUCTS ------------------- */ #featured_products { overflow: hidden; } #featured_products header { margin-bottom: 30px; } #featured_products header h2 { height: 50px; margin-right: 20px; padding-right: 20px; font-size: 30px; vertical-align: top; color: #111; line-height: 50px; border-right: 1px solid #000; display: inline-block; } #featured_products header a { height: 50px; font-size: 16px; text-decoration: underline; vertical-align: top; color: #111; line-height: 50px; display: inline-block; } #featured_products header a:hover { color: #e4ac14; } ul.products { width: 103%; margin-left: 0 !important; padding-bottom: 20px; overflow: auto; list-style: none; clear: both; } ul.products li { width: 33.3333333333%; min-height: 450px; margin-bottom: 50px; position: relative; float: left; line-height: 1.4; list-style: none !important; } ul.products li .wrapper { left: 0; margin: 20px; /*top: 50px; right: 90px; bottom: 10px;*/ background: white; position: absolute; border-radius: 7px; box-shadow: 3px 4px 5px #c2c2c2;} ul.products li .wrapper h3 { line-height: 1.3; /*top: 50px; right: 90px; bottom: 10px;*/ } /* Thumbnail */ /* MÓDOSÍTVA */ ul.products li a { display: block; position: relative; } ul.products li img { position: relative; width: 100%; /*min-height: 260px;*/ height: auto; display: block; -webkit-transition: opacity .5s ease;-o-transition: opacity .5s ease;transition: opacity .5s ease; border-radius: 7px;} ul.products li .thumbnail { display: block; overflow: hidden; } ul.products li .thumbnail:hover img { -ms-transform: scale(1.05) translateZ(0); -webkit-transform: scale(1.05) translateZ(0); transform: scale(1.05) translateZ(0); } ul.products li .wapl-label { left: 20px; right: 20px; bottom: 20px; position: absolute; } ul.products li .wapl-label.wapl-alignright { text-align: right; } ul.products li .wapl-label .product-label { padding: 5px 10px; font-size: 90%; } ul.products li img.secondary_img{ opacity: 0; position: absolute; top: 0; left: 0; border-radius: 7px; } ul.products li:hover img{ opacity: 0; } ul.products li:hover img.secondary_img{ opacity: 1; } /* Entry */ ul.products li .entry { padding: 20px; } ul.products li .entry h3 { margin-bottom: 10px; font-size: 20px !important; font-weight: normal !important; color: #111 !important; line-height: 1.3; } ul.products li .entry h3 a { text-decoration: none !important; color: #2c2c2c !important; } ul.products li .entry h3 a:hover { background: rgba(255,255,255, 0.1);color: #000 !important; } /* Short description */ ul.products li .description { font-size: 15px; color: #777; line-height: 17px; } /* Price */ ul.products li .price { width: 100%; left: 0; bottom: 30px; padding: 0 30px; line-height: 23px; position: absolute; z-index: 1; } ul.products li .price .price_without_tax { font-size: 25px; color: #111; display: none;} ul.products li .price .price_with_tax, .price_with_tax { margin-top: 5px; font-size: 16px; color: #333; } ul.products li .price del { font-size: 16px; font-weight: normal; text-decoration: line-through; color: #999; display: block; } .product .summary p.price{ display:none; } /* Add to cart */ ul.products li .action_buttons { right: 0; bottom: 0; font-size: 0; position: absolute; z-index: 2; } ul.products li .action_buttons a { width: 50px; height: 50px; font-size: 20px; text-decoration: none !important; text-align: center; color: #000 !important; line-height: 50px; background: none; display: inline-block; } ul.products li .action_buttons a:hover { color: #111 !important; } ul.products li .action_buttons a span { display: none; } ul.products li .action_buttons a.add_to_cart_button { padding: 0; font-size: 0; border-right: 1px solid #ddd; } ul.products li .action_buttons a.add_to_cart_button:before { font-size: 20px; content: '\e859'; } ul.products li .action_buttons a.button_details { width: auto; font-size: 16px; } ul.products li a.added_to_cart { display: none !important; } /* Product category */ /* MÓDOSÍTVA */ ul.products li.product-category { width: 27%; min-height: 350px; /*margin: 0 1% 30px 1%; */background: white; position: relative; margin: 3%; box-shadow: 3px 4px 5px #c2c2c2; border-radius: 7px;} ul.products li.product-category:hover { -moz-box-shadow: 3px 3px 3px rgba(0,0,0,0.1); -webkit-box-shadow: 3px 3px 3px rgba(0,0,0,0.1); box-shadow: 3px 3px 3px rgba(0,0,0,0.1); -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; } ul.products li.product-category a { width: 100%; height: auto; left: 0; top: 0; text-decoration: none !important; color: #2c2c2; display: block; position: absolute; } ul.products li.product-category img { position: relative; width: 100%; /*min-height: 260px;*/ height: auto; display: block; -webkit-transition: opacity .5s ease;-o-transition: opacity .5s ease;transition: opacity .5s ease; } ul.products li.product-category h3 { padding: 20px 20px 0 20px; font-family: 'PT Serif', serif; font-size: 20px; font-weight: 400; } ul.products li.product-category h3 mark { font-weight: normal; background-color: transparent !important; } ul.products li.product-category img.secondary_img{ opacity: 0; position: absolute; top: 0; left: 0; } ul.products li.product-category:hover img.primary_img{ opacity: 0; } ul.products li.product-category:hover img.secondary_img{ opacity: 1; } /* ------------------ CONTAINER ------------------ */ #container { padding-top: 20px; padding-bottom: 20px; line-height: 25px; position: relative; } body.page-template-default #container:before, body.page-template-affiliate #container:before { width: 1px; height: 100%; right: 250px; top: 0; background: #ddd; position: absolute; content: ''; } #container a { text-decoration: none; color: #111; } #container a:hover { color: #000; } #container p { margin-bottom: 20px; } #container strong { color: #000; } #container h1 { font-family: 'PT Serif', serif; font-size: 26px; text-align: center; margin-bottom: 20px;text-transform: uppercase; color: #111; line-height: 1.6;} #container h2 { font-family: 'PT Serif', serif; font-size: 22px; text-align: justify; margin-bottom: 20px; text-transform: uppercase; color: #111; line-height: 1.6; } #container h3 { margin-top: 10px; font-size: 20px; font-weight: 600; color: #2c2c2c; line-height: 1.4; } #container h3.embed_font { font-size: 30px; line-height: 1.4;} /* List */ #container ul { margin-left: 20px; margin-bottom: 20px; margin-top: 20px; list-style: square; } #container ul.nomargin { margin-left: 0; } #container ul.nomargin li { list-style: none; } #container p ~ ul { margin-top: -10px; } #container ol { margin-left: 20px; margin-bottom: 20px; } #container p ~ ol { margin-top: -10px; } /* Content */ #content { width: 100%; width: calc(100% - 250px); max-width: 950px; padding-right: 30px; float: left; } #container.full #content { width: 100%; max-width: none; padding-right: 0; float: none; } #content ul li { list-style: square; } /* Archive */ #content ul.archive li { margin-bottom: 30px; padding-bottom: 30px; border-bottom: 1px solid #ddd; } #content ul.archive li a.thumbnail { width: 40%; display: block; } #content ul.archive li a.thumbnail img { width: 100%; height: auto; display: block; } #content ul.archive li .entry { width: 55%; } #content ul.archive li .entry h4 { } #content ul.archive li .entry h4 a { font-size: 25px; text-decoration: none; line-height: 100%; } #content ul.archive li .entry .excerpt { margin-top: 5px; } /* Gallery */ #content .gallery { margin-left: -5px; margin-right: -5px; } #content .gallery br { display: none !important; } #content .gallery .gallery-item { margin-top: 0; margin-bottom: 10px; padding-left: 5px; padding-right: 5px; } #content .gallery .gallery-item a { border-bottom: none; display: block; } #content .gallery .gallery-item a img { width: 100%; height: auto; border: none !important; display: block; } #content .gallery .gallery-item .gallery-caption { display: none !important; } #content .gallery.gallery-columns-5 .gallery-item { width: 20%; } #content .gallery.gallery-columns-7 .gallery-item { width: 14.2%; } /* Term description */ #content .term-description { font-size: 15px; line-height: 20px; } /* FAQ */ .faqs .faq .faq_header { padding: 20px 0; font-size: 30px; color: #111; border-top: 1px solid #ddd; position: relative; cursor: pointer; } .faqs .faq:first-of-type .faq_header { border-top: none; } .faqs .faq .faq_header:before { width: 50px; height: 50px; right: 0; top: 0; text-align: center; line-height: 50px; color: #999; position: absolute; content: '\e873'; } .faqs .faq .faq_header:hover:before { color: #111; } .faqs .faq.active .faq_header:before { content: '\e876'; } .faqs .faq .faq_content { padding: 20px; display: none; } /* Inline content */ .inline_content { width: 580px; height: 335px; left: 50%; margin-left: -290px; padding: 10px; background: white; position: relative; } .mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close { width: 40px !important; height: 40px !important; right: -20px !important; top: 10px !important; padding: 0 !important; text-align: center !important; color: white !important; line-height: 44px; background: #e4ac14 !important; position: absolute; opacity: 1 !important; cursor: zoom-out; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } .mfp-image-holder:hover .mfp-close:hover, .mfp-iframe-holder .mfp-close:hover { background: #111; } .mfp-inline-content .mfp-close { top: -20px !important; } /* ------------------ BREADCRUMB ------------------ */ #breadcrumb { padding-top: 80px; font-size: 16px; font-weight: 700; color: #222; background: white; border-bottom: 1px solid #ddd; height: 170px;} #breadcrumb .inner { height: 100%; top: 15%;} #breadcrumb .breadcrumbs { width: 60%; /*padding: 10px 320px 10px 0; */ line-height: 20px; } #breadcrumb a { font-weight: normal; text-decoration: underline; color: #777; } #breadcrumb a:hover { color: #444; } /* Share */ #breadcrumb ul.share { height: 40px; right: 0; top: 50%; margin-top: -20px; font-size: 0; text-align: right; position: absolute; } #breadcrumb ul.share li { height: 100%; font-size: 18px; text-align: center; display: inline-block; list-style: none; } #breadcrumb ul.share li a span { display: none; } #breadcrumb ul.share li a { width: 40px; height: 100%; text-decoration: none !important; color: white !important; line-height: 40px; display: block; opacity: 1; } #breadcrumb ul.share li a:hover { opacity: 0.9; } #breadcrumb ul.share li a.facebook { background: #3b5998; } /*#breadcrumb ul.share li a.gplus { background: #d73d32; }*/ #breadcrumb ul.share li a.pinterest { background: #b91725; } #breadcrumb ul.share li a.email { background: #232323; } #breadcrumb ul.share li a.print { background: #ddd; } :before, :after { font-family: 'fontawsome', sans-serif; } #breadcrumb ul.share li a.twitter { background: #00abf1; } /* ---------------- SIDEBAR ---------------- */ #sidebar { width: 250px; padding-left: 30px;float: right; } #sidebar .widget { margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #ddd; } #sidebar .widget h3.widget_title { margin-bottom: 15px; padding-bottom: 15px; font-size: 20px; font-weight: normal; text-transform: uppercase; color: #222; position: relative; } #sidebar .widget h3.widget_title:after { width: 40px; height: 1px; left: 0; bottom: 0; background: #111; position: absolute; content: ''; } #sidebar select { width: 100%; height: 40px; padding-left: 5px; border: 2px solid #ddd; } #sidebar ul { margin-left: 10px; margin-bottom: 0.5rem; list-style-type: square; /*margin-left: 0; margin-bottom: 0;*/ } #sidebar li { margin-bottom: 0.5rem; list-style-type: circle;/*margin-left: 0; margin-bottom: 0;*/ } #sidebar li a{ /*margin-left: 0; margin-bottom: 0;*/ } #sidebar li a:hover { text-decoration: underline; /*margin-left: 0; margin-bottom: 0;*/ } #sidebar .open_close__sidebar { display: none; } #sidebar #sidebar_wrapper .search-field input { border: 1px solid #2c2c2c; border-radius: 5px; padding: 10px; margin: 10px; width: 90%; } /* Product list */ ul.product_list_widget { list-style: none; } ul.product_list_widget li { margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px solid #ddd; } ul.product_list_widget li:last-child { margin-bottom: 0; padding-bottom: 0; border-bottom: none; } ul.product_list_widget li a { text-decoration: none !important; display: block; position: relative; } ul.product_list_widget li a h4 { margin-bottom: 5px; font-size: 15px; font-weight: 500; color: #312d2b; line-height: 100%; } ul.product_list_widget li a:hover h4 { text-decoration: underline; color: #000; } ul.product_list_widget li .thumbnail { width: 85px; height: 70px; text-align: center; position: relative; float: left; } ul.product_list_widget li .thumbnail img { max-width: 70px; max-height: 70px; display: inline-block; } ul.product_list_widget li .price { font-weight: 700; color: #fb4f1d; line-height: 15px; } ul.product_list_widget li .price del { font-size: 14px; font-weight: 400; text-decoration: line-through; color: #999; display: block; } /* Cart */ .widget_shopping_cart li { border-bottom: 1px solid #545557; position: relative; } .widget_shopping_cart li:last-child { border-bottom: none; } .widget_shopping_cart li a { padding-left: 60px; padding-right: 20px; line-height: 100%; position: relative; } .widget_shopping_cart li a:hover { text-decoration: underline; } .widget_shopping_cart li a img { width: 50px; height: auto; left: 0; top: 0; position: absolute; } .widget_shopping_cart li a.remove { width: 15px; height: 15px; right: 0; top: 0; padding: 0 !important; text-align: center; color: #b81c23 !important; line-height: 15px; position: absolute; z-index: 10; } .widget_shopping_cart li a.remove:hover { color: #000 !important; } .widget_shopping_cart li span.quantity { padding-left: 60px; font-size: 13px; color: #777; display: block; } .widget_shopping_cart li .variation { display: none; } .widget_shopping_cart .total { height: 40px; font-size: 16px; line-height: 40px; } .widget_shopping_cart .total strong { font-weight: normal; color: #999 !important; } .widget_shopping_cart .total .amount { font-weight: 900; color: #000; float: right; } .widget_shopping_cart .buttons { height: 40px; } .widget_shopping_cart .buttons a.checkout { display: none; } .widget_shopping_cart .buttons a { height: 40px; padding: 0; font-size: 15px; text-decoration: none !important; text-align: center; color: #fff !important; line-height: 40px; background: #bf9011; display: block; position: relative; cursor: pointer; -webkit-transition: all 0.1s ease-out; -moz-transition: all 0.1s ease-out; -o-transition: all 0.1s ease-out; transition: all 0.1s ease-out; } .widget_shopping_cart .buttons a:hover { opacity: 0.95; } /* Product list */ .widget_products ul li { min-height: 70px; border-bottom: 1px solid #ddd; position: relative; } .widget_products ul li a { padding-left: 60px; display: block; } .widget_products ul li a h4 { font-weight: 700; color: #000; line-height: 100%; } .widget_products ul li a h4:hover { text-decoration: underline; } .widget_products ul li a .thumbnail { width: 60px; height: 60px; left: 0; top: 0; text-align: center; position: absolute; } .widget_products ul li a .thumbnail img { max-width: 48px; max-height: 48px; display: block; } .widget_products ul li a .price { font-size: 14px; color: #bf9011; } .widget_products ul li a .price del { font-size: 13px; font-weight: normal; text-decoration: line-through; color: #999; display: block; } .widget_products ul li a .price .price_with_tax { display: none; } /* ------------------- PAGINATION ------------------- */ .pagination { margin-bottom: 30px; padding-top: 10px; border-top: 3px solid #ddd; } .pagination span, .pagination a { padding: 5px 0 5px 0; } .pagination span.pages { font-weight: bold; float: right; } .pagination span.current, .pagination a { width: 30px; margin-right: 5px; text-align: center; display: inline-block; } .pagination span.current { background: #121212; color: #fff; } .pagination a { text-decoration: none !important; } .pagination a:hover { -moz-box-shadow: 0 0 5px #ccc; -webkit-box-shadow: 0 0 5px #ccc; box-shadow: 0 0 5px #ccc; } /* --------------- FOOTER --------------- */ #footer { padding: 50px 0; font-size: 16px; color: #444; background: #111; } #footer.inner { width: 100%; display: table; } #footer a { font-size: 17px; color: white; } #footer h4 { margin-bottom: 20px; font-size: 16px; font-weight: 500; color: white; text-transform: uppercase; } /* Footer left */ #footer .footer_left { width: 320px; padding: 30px 30px 30px 0; font-size: 17px; color: white; line-height: 25px; vertical-align: top; border-right: 1px solid #343434; display: table-cell; } #footer .footer_left p { margin-bottom: 20px; } #footer .footer_left p:last-of-type { margin-bottom: 0; } #footer .footer_left small { font-size: 14px; text-transform: uppercase; color: #999; } /* Footer right */ #footer .footer_right { padding-top: 30px; vertical-align: top; display: table-cell; } #footer .footer_right .box { margin-bottom: 30px; } #footer .footer_right .box a { padding-left: 30px; position: relative; } #footer .footer_right .box a:hover { padding-left: 25px; } #footer .footer_right .box a:before { width: 20px; height: 1px; left: 0; top: 11px; background: white; position: absolute; content: ''; } #footer .footer_right .box a:hover:before { width: 15px; } #footer .footer_right a, #footer .footer_right a:before { -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; } #footer .footer_right .box.box_first { width: 280px; padding-left: 30px; } #footer .footer_right .footer_bottom { padding: 30px 0 30px 30px; font-size: 14px; text-transform: uppercase; color: #999; border-top: 1px solid #343434; } #footer .footer_right .footer_bottom a { font-size: 14px; text-decoration: underline; } /* -------------- BARION -------------- */ #barion { padding: 20px 0; background: white; } #barion img { max-width: 100%; display: inline-block; } /* ------------- FORM ------------- */ ul.form { margin-left: 0 !important; list-style: none; } ul.form li { width: 100%; margin-bottom: 10px; list-style: none !important; } ul.form li label { margin-bottom: 5px; font-weight: 700; color: #000; line-height: 15px; display: block; } ul.form li textarea, ul.form li input[type=tel], ul.form li input[type=text], ul.form li input[type=email], ul.form li input[type=password] { width: 500px; height: 50px; padding-left: 10px; background: white; border-bottom: 2px solid #333; } ul.form li textarea:focus, ul.form li input[type=tel]:focus, ul.form li input[type=text]:focus, ul.form li input[type=email]:focus, ul.form li input[type=password]:focus { border-bottom-color: #e4ac14; } ul.form li textarea { height: 150px; padding: 10px; resize: vertical; } /* Notice */ ul.notice { margin-left: 0 !important; padding: 20px; } ul.notice.succes { background: #f6fef7; border-color: 1px solid #21a538; } .upsell_products_on_cart_page{ margin: 30px 0; } /* ----------------------------------------------- GO FULL WIDTH AT LESS THAN 1600 PIXELS ----------------------------------------------- */ @media only screen and (max-width: 1600px) { /* HEADER: Logo */ #header .logo { width: 20%; } /* HEADER: Menu and cart */ #header .menu__cart { width: 80%; } /* HEADER: Menu and cart */ #header .menu__cart menu ul li { margin-left: 20px; } } @media only screen and (max-width: 1400px) { /* DISPLAY: None */ .hide_in_1400 { display: none; } /* DISPLAY: Block */ .show_in_1400 { display: block; } /* HEADER */ #header { height: 80px; } /* HEADER: Menu and cart */ #header .menu__cart .ajax_cart { width: 80px; right: 80px; } #header .menu__cart .ajax_cart .count { right: 13px; top: 10px; } /*#header .menu__cart menu ul { padding-top: 30px; }*/ /* SLIDER */ #slider .entry { max-width: 700px; height: 300px; } #slider .entry h2 { font-size: 50px; } /* OFFERS */ #offers ul li.panel_3 .content span { font-size: 30px; } #offers ul li.panel_3 .content h3 { font-size: 40px; } } @media only screen and (max-width: 1200px) { /* DEFAULT */ .p_l_30 { padding-left: 20px; } .p_r_30 { padding-right: 20px; } /* OFFERS: Last */ #offers ul li.panel_3 .content span { padding: 0 20px; font-size: 3vw; } #offers ul li.panel_3 .content span:before, #offers ul li.panel_3 .content span:after { display: none; } #offers ul li.panel_3 .content h3 { font-size: 5vw; } /* PRODUCTS: Entry */ ul.products li .entry { padding: 20px 20px 0 20px; } /* PRODUCTS: Price */ ul.products li .price { bottom: 50px; padding: 0 20px; line-height: 18px; } ul.products li .price .price_without_tax { font-size: 20px; } /* ABOUT US */ #aboutus { padding: 70px 0; } #aboutus .images .image { width: 70%; } #aboutus .images .image img { width: 100%; } #aboutus .entry { width: 50%; padding-left: 50px; } /* FOOTER */ #footer .footer_right .footer_bottom .left, #footer .footer_right .footer_bottom .right { float: none; } } @media only screen and (max-width: 1100px) { /* DISPLAY: None */ .hide_in_1100 { display: none; } /* DISPLAY: Block */ .show_in_1100 { display: block; } /* HEADER: Logo */ #header .logo { width: calc(100% - 160px); } #header .logo a { text-align: left; } /* HEADER: Menu and cart */ #header .menu__cart { width: 160px; } } @media only screen and (max-width: 960px) { /* DISPLAY: None */ .hide_in_960 { display: none; } /* DISPLAY: Block */ .show_in_960 { display: block !important; } /* OFFERS */ #offers ul li { width: 49%; margin-right: 1%; } #offers ul li.panel_2 { margin-left: 1%; margin-right: 0; } #offers ul li.panel_3 { width: 100%; max-width: none; margin-right: 0; margin-top: 30px; } /* PRODUCTS */ ul.products li { width: 50%; } ul.products li.product-category { width: 48%; } /* ABOUT US */ #aboutus { padding: 50px 0; } #aboutus .entry { width: 100%; padding-left: 0; float: none; } #aboutus .entry h2 { line-height: 100%; } /* CONTAINER */ body.page-template-default #container:before, body.page-template-affiliate #container:before { display: none; } #content { width: 100%; max-width: none; padding-right: 0; float: none; } /* FOOTER */ #footer .footer_right .box { float: none; } #footer .footer_right .box.box_last { padding-left: 30px; } } @media only screen and (max-width: 768px) { /* DISPLAY: None */ .hide_in_768 { display: none !important; } /* DISPLAY: Block */ .show_in_768 { display: block !important; } /* SLIDER */ #slider { margin-bottom: 30px; } #slider .item .button_wrapper { bottom: 16%; } #slider .entry { max-width: 90%; } #slider .entry h2 { font-size: 6vw; } /* OFFERS: Last */ #offers { margin-bottom: 30px } /* CONTENT: Gallery */ #content .gallery .gallery-item { width: 25% !important; } /* FOOTER */ #footer{ padding: 30px 0; } #footer.inner { display: block; } #footer .footer_left { width: 100%; padding: 0 0 30px 0; border-right: none; border-bottom: 1px solid #343434; display: block; } #footer .footer_right { display: block; } #footer .footer_right .box.box_first { padding-left: 0; } #footer .footer_right .box.box_last { padding-left: 0; } } @media only screen and (max-width: 640px) { /* DISPLAY: None */ .hide_in_640 { display: none !important; } /* RWD MENU */ nav.rwd_menu { padding: 30px; } nav.rwd_menu .primary_menu ul li a { font-size: 40px; } nav.rwd_menu .secondary_menu ul li a { font-size: 25px; } /* SLIDER */ #slider .entry { height: auto; } #slider .entry h2 { font-size: 7vw; } /* OFFERS */ #offers ul li { width: 100%; margin-right: 0; } #offers ul li.panel_2 { margin-left: 0; margin-top: 30px; } /* CONTENT: Gallery */ #content .gallery .gallery-item { width: 33.3333333333% !important; } /* PRODUCTS */ #featured_products header h2 { height: auto; margin-right: 0; padding-right: 0; font-size: 30px; text-align: center; line-height: normal; border-right: none; display: block; } ul.products { width: 100%; overflow: auto; } ul.products li { width: 100%; min-height: inherit; float: none; } ul.products li .wrapper { left: auto; top: auto; right: auto; bottom: auto; position: relative; } ul.products li .entry { padding-bottom: 70px; } ul.products li .price { left: auto; bottom: auto; margin-top: 20px; padding: 0; position: relative; } ul.products li .action_buttons { left: 0; } ul.products li .action_buttons a { width: 50%; } ul.products li.product-category { width: 100%; margin: 0; float: none; } /* FAQ */ .faqs .faq .faq_header { padding: 10px 20px 10px 0; font-size: 20px; } .faqs .faq .faq_content { padding: 10px 0; } } @media only screen and (max-width: 480px) { /* HEADER: Logo */ header hgroup .logo { width: 180px; margin-left: -90px; } /* SLIDER */ #slider .entry h2 { font-size: 8vw; } /* CONTENT: Gallery */ #content .gallery .gallery-item { width: 50% !important; } /* COOKIE */ #cookie { width: auto; left: 30px; right: 30px; } } /* Azonnali elérhetőség */ .azonnali { position:fixed; top:175px; } .azonnali-box { position: fixed; left: 0; transform: translate3D(-100%,0,0); -moz-transform: translate3D(-100%,0,0); -webkit-transform: translate3D(-100%,0,0); -o-transform: translate3D(-100%,0,0); transition: transform 0.5s; -webkit-transition: transform 0.5s; -o-transition: transform 0.5s; -moz-transition: transform 0.5s; background: #fff; border-radius: 5px; } @media only screen and (min-width: 0px) and (max-width: 480px) { .azonnali { display: none !important; } } .azonnali-box { padding: 5px; color: white; background: rgba(0,0,0,0.8); z-index:99999; } .azonnali-box a { color: white; } .azonnali-box:hover { transform: translate3D(0,0,0); -moz-transform: translate3D(0,0,0); -webkit-transform: translate3D(0,0,0); -o-transform: translate3D(0,0,0); z-index:999999999; } .azonnali-slider { height: 100%; left: 100%; position: absolute; } .azonnali-slider .img { width: 35px; height: 35px; left: 3px; top: 3px; background: rgba(0,0,0,0.8) url(images/icon_phone_white.svg) no-repeat center; background-size: auto 22px; position: absolute; border-radius: 3px; } /* Azonnali elérhetőség vége */ /* TERMÉK ÉS KATEGÓRIA CÍMKÉK */ body{ overflow-x: hidden; } ul.products li{ overflow: hidden; } .product_floated_label{ position: absolute; z-index: 50;; left: -50px; top: 35px; color: #FFF; background-color: #000; font-weight: bold; padding: 3px 0; width: 200px; text-align: center; -ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transform: rotate(-45deg); font-size: 14px; } #upsell_product_popup_container{ position: fixed; display: none; z-index: 999999; width: 100%; box-sizing: border-box; top: 0; left: 0; right: 0; bottom: 0; margin: auto; height: 100%; background-color: rgba(0, 0, 0, 0.9); } #upsell_product_popup_container button.close_upsell_popup{ position: fixed; top: 10px; right: 10px; font-size: 14px; color: #FFF; font-weight: bold; background: transparent; cursor: pointer; padding: 5px; } #upsell_product_popup{ position: fixed; z-index: 998; width: 80%; box-sizing: border-box; padding: 20px; top: 0; left: 0; right: 0; bottom: 0; margin: auto; height: 80%; min-height: 200px; max-height: 100%; overflow: hidden; } #upsell_product_popup iframe{ width: 100%; height: 100%; display: none; } #upsell_product_popup iframe header, #upsell_product_popup iframe #breadcrumb{ display: none; } .single-product .up-sells.upsells{ margin-top: 80px; } /* TERMÉK ÉS KATEGÓRIA CÍMKÉK VÉGE */ /* MÓDOSÍTÁS */ h2.woocommerce-loop-category__title{ padding: 20px 20px 0 20px; font-family: 'PT Serif', serif; font-size: 20px !important; font-weight: 400; color: #2c2c2c !important; text-transform: none !important; line-height: 1.5; display: inline-block; vertical-align: middle; } h2.woocommerce-loop-category__title mark{ font-weight: normal; background-color: transparent !important; } .woocommerce-product-details__short-description{ margin: 20px 0; padding: 15px 0; font-size: 16px; color: #444; line-height: 1.6; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; } .woocommerce-product-details__short-description ul{ margin-top: 10px !important; } body.error404 #container h2{ font-family: 'PT Serif', serif; font-size: 30px; text-transform: uppercase; color: #111; line-height: 100%; padding: 0; font-weight: normal; } .single_variation_wrap .quantity label.screen-reader-text{ display: none; } .shop_table_responsive tr.shipping, .woocommerce-checkout-review-order-table tr.shipping{ display: none; } .tab_content_read_more{ font-size: 16px; font-weight: bold; color: #000; position: absolute; left: 0; right: 0; bottom: 0; background: rgba(255, 255, 255, 0.8); z-index: 10; text-align: center; padding: 20px 0; cursor: pointer; } .tab_content_read_more .arrow{ border: solid black; border-width: 0 3px 3px 0; display: inline-block; padding: 3px; margin-left: 10px; margin-bottom: 3px; transition: 0.3s; } .product .panel.wc-tab .arrow{ transform: rotate(45deg); -webkit-transform: rotate(45deg); } .product .panel.wc-tab.open .arrow{ transform: rotate(-135deg); -webkit-transform: rotate(-135deg); margin-bottom: 0; } .product .panel.wc-tab{ height: 400px; position: relative; overflow: hidden; transition: 0.3s; } .product .panel.wc-tab.open{ height: auto; padding: 30px 30px 60px 30px; } @media only screen and (max-width: 991px){ #upsell_product_popup{ width: 95%; } #header .logo{ display: none; } #header .menu__cart{ width: 100%; } .ajax_cart{ display: none !important; } #header .menu__cart button{ background: transparent; color: #fff; } } /* MEROVING */ .portfolio_wrapper .simplefilter { margin: 20px 0 !important; } .portfolio_wrapper .simplefilter li { background: #fff !important; /*f1f1f1 */ color: #111 !important; } .portfolio_wrapper .filtr-item .item-desc { right: 1px !important; } .lightbox .lb-caption a { color: #fff; font-size: 1.2em; } .portfolio_wrapper .m_prodlink { clear: both; display: block; font-size: 0.75em; text-transform: uppercase; } #content h2.title { margin-bottom: 30px; } #content .wp-block-button a { color: #fff; border-radius: 0; -webkit-transition: all 0.1s ease-out; -moz-transition: all 0.1s ease-out; -o-transition: all 0.1s ease-out; transition: all 0.1s ease-out; } #content .wp-block-button a:hover { background: #fff; color: #111; } #content .fullwish { background: #111; max-height: 200px; margin-bottom: 120px; } #content .fullwish img { max-height: 260px; margin: 20px 0 0 40px; } #content .fullwish h3 { color: white; font-family: 'PT Serif', serif; margin: 20px 40px 0 0; font-size: 2em; text-align: right; line-height: 2.4em; } #content .fullwish .wp-block-button a { background: white; color: #111; margin: 20px 40px 20px 0; padding: 12px 36px; } #content .fullwish .wp-block-button a:hover { background: #ddd; } .woocommerce-product-details__short-description { clear: both; } /* up-sells */ .single-product .upsells li { width: 100%; float: none; } .single-product .upsells li img { height: auto; min-height: auto; } .single-product .upsells .wrapper > .woocommerce-LoopProduct-link { width: 40%; float: left; } .single-product .upsells .wrapper > .woocommerce-LoopProduct-link + .entry { float: right; width: 60%; padding: 10px 20px; } .single-product .upsells ul.products > li { min-height: 200px; } /* menü */ .rwd_menu .sub-menu { margin-bottom: 20px; } .rwd_menu .sub-menu li a:before { content:"\2192"; font-size: 20px !important; position: relative; top: -5px; padding-right: 5px; } .rwd_menu .sub-menu li a { font-size: 30px !important; } .hide_in_1100 .sub-menu { display: none; position: absolute; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); z-index: 1; min-width: 320px; background: rgba(0,0,0,0.8); padding: 10px 5px !important; } .hide_in_1100 .sub-menu li { float: left; clear: both; margin-right: 30px; margin-top: 0.5rem; border-bottom: 1px solid rgba(225,223,250,0.2); } .hide_in_1100 > ul > li:hover > .sub-menu { display: block; border-radius: 10px; box-shadow: 2px 3px 4px 7px rgba(155,223,250,0.7); min-width: 320px; } .hide_in_1100 > ul > li > ul > li:hover > .sub-menu { display: block; float: left; margin-left: 3rem; border-radius: 10px; box-shadow: 2px 3px 4px 7px rgba(155,223,250,0.7); min-width: 320px; } .hide_in_1100 .sub-menu li a { line-height: 30px !important; } /* gyik */ #tab-test_tab { height: auto; }