/* * @subpackage WesleysWitgoed v1.0 * @copyright Copyright (C) 2016 Greativity Themes WordPress Theme Devellopment All rights reserved. * @license GNU General Public License version 2 or later; see LICENSE.txt */ /*SNEEUW html{ background: url(/sneeuw2.gif)!important; background-blend-mode: overlay; background-position: center; background-repeat: repeat; } */ .module.left.checkout {display:none; } #content_wrapper, #topmain { background: #fff;} body.task-bids #content_wrapper {background:#eee!important;} /* Mobile menu light */ #footerbar-col a.wensenlijst_mobiel { background-size: 50px!important;} #footerbar-col a.log-in img,#footerbar-col a.log-uit img {width:87%!important;position:inherit;z-index:10;} .htitle {margin-top:8px;padding: 3px 0;color: #333;font-weight: bold;text-align: center;border-top: 2px solid #fe791f !important;border-bottom: 2px solid #fe791f !important;width: 98%;} .fa-info-circle::before{font-weight:900!important;font-family:'Font Awesome 5 Free';font-size:14pt;} a.homepage, .fa-home.homepage,li.item-101 { font-family: 'Font Awesome 5 Free' !important; font-weight: 900 !important; font-size:14pt!important;} a.homepage img {display:none;} @media screen and (max-width: 767px){ #navbar ul ul li {border-left:0px!important;border-right:0px!important;border-radius:0px!important;} #searchmob input#jshop_searchmob, #jshop_searchmob input[txt] {padding: 28px 10px!important;} #navbar ul.active li, #navbar ul li:hover a, #navbar ul li:hover a {background-color: transparent!important;background: rgba(255,255,255,0)!important;} #navbar .nav_wrapper li.item-102 a img{display:none;} .item-136, .item-133, .item-129, .item-127, .item-122, .item-101, .item-131, .item-279, .item-311 {border-bottom: 1px solid #0c7db3!important;} .ww-mmenu-icon {border-left: 0px solid #078ccc!important;}#navbar ul li a { color: #fff!important;font-weight:400!important;} } #searchmob { background-color: transparent!important; border: 0px solid #97d6f5!important; border-left: 0px solid #97d6f5!important; border-right: 0px solid #97d6f5!important; background: rgba(14,160,231,0.7)!important; } #navbar ul.active { border-top: 0px solid #078ccc!important; } #hnav li .ww-mmenu-icon:before, #hnav li .ww-mmenu-icon:after{ /* background-color:#fff!important;*/ top: 10px!important; } #navbar .menu-icon::before { top: 9px!important; right: 15px!important; width: 30px!important; height: 5px!important; border-top: 15px double #fff!important; border-bottom: 5px solid #fff!important; } #navbar ul li.open ul a, #navbar ul li a:hover { background-color: transparent!important; border-bottom: 0px solid #078ccc!important; } #navbar ul.active li.active a { background-color: rgba(0,0,0,0)!important; } /* wes-filter */ .row.controls.controls_bottom { display:none} .filter_price_between,#wes-filterprijs { padding: 4px 4px 4px 4px; border-radius: 3px; margin-left:10px; margin-right:10px; text-align:center} .price_head { text-align:center; } .VombieLikeButton {margin-left:-15px!important;} #search input:placeholder-shown { padding-top: 17px!important;} .qty_in_stock { position: relative; top: -32px;color: #fff;background: #0ea0e7;padding: 8px;border-radius: 0px;font-weight: 500;font-size: 12px;} /* Bestellingen */ body.itemid-241 ul.nav-stacked, body.com_formmaker form#login-form, #ext_field_3 {display: none;} body.itemid-241 input#remember {width: auto;} #form12 .wdform-label-section, #form12 .wdform-element-section {display: inline-block !important} #form12 .wdform-label-section, #form12 .wdform-element-section {max-width: 350px;} /* custom radio icons */ .regular-radio-check { -webkit-appearance: none; background-color: #fff; border: 4px solid #bdbdbd; border-radius: 10px; width: 100%; display: inline-block; position: relative; width: 14px;height: 14px;margin-left:20px} .regular-radio-check:checked { background: #fff; border: 4px solid #0ea0e7;} /* custom checkbox */ .checkbox { display: inline-flex; cursor: pointer; position: relative;} .checkbox > span { margin-top:5px; color: #34495E; padding: 0.5rem 0.25rem;} .checkbox > input { height: 18px; width: 18px; -webkit-appearance: none; -moz-appearance: none; -o-appearance: none; appearance: none; border: 2px solid #555; outline: none; transition-duration: 0.3s;cursor: pointer;} .checkbox > input:checked { border: 0px solid #555; background-color: #8c8c8c;margin-right:-10px;} .checkbox > input:checked + span::before { content: '\2713'; padding: 0; margin:0; vertical-align: bottom; position: relative; top: -3px; right:13px; overflow: hidden; font-weight:bold;color:#fff} .checkbox > input:active { border: 0px solid #555;} /* eerder bekeken door jou */ .block_item {background:#f5f5f5; box-shadow:0 0 4px #c0c0c0; border:1px solid #fafafa;width:200px;margin-bottom:25px;margin-right:10px;overflow:hidden;} #related1 .price_savings, #related1 .aantalx{display:none} #related1 .product_label {width:33%} #related1 a.hoverlink span {font-size:10px} #related1 .wwproducts { height:245px} #related1 #blockwhite {height:120px;} #related1 .priceouter {display: block;} #related1 .jshop_list_product .product .jshop_price {margin-left:auto} .jshop_related.block_product #santander5 {display:none!important} .mitadmitad {position:relative;} /* mijn gegevens pagina */ .editaccount_block .control-group { padding: 15px;} .editaccount_block .input { width: 100%;} .control-group.helft {width: 50%;float: left;} .control-group.account {width: 50%;float: left;} .editaccount_block input.button {background-color: #0ea0e7;padding: 10px;} /*wessim button * rgba(14, 160, 231, 0.5)*/ #wessim, #wessim2, #wessimmobiel {display:inline-block; border-radius:3px; background-color:#383838; color:#fff; padding:3px 5px 3px 5px; margin-top:16px;text-align:center;border:1px solid #000; font-weight:400; font-size:14px;} #wessim:hover, #wessim2:hover, #wessimmobiel:hover {background-color:#1d8abd;color:#fff} #wessim span.wes-tooltip, #wessim2 span.wes-tooltip, #wessimmobiel span.wes-tooltip{width:20px;height:20px;display:inline-block;border-radius:10px;background-color:#777;border:1px solid #000;vertical-align:top;line-height:18px;margin-left:6px; background-color:#fff; color:#383838;} #wes-product-termijn{display:none;position:fixed;width:100%;height:100%;top:0;background-color:#0b0b0bb8;transition: background-color 0.6s ease;z-index:99999999;padding:10%;} #wes-product-termijn.active{display:block;} #wes-product-termijn #wes-termijn-inner{width:100%;height:100%;padding:20px 0;background-color:#fff;border:3px solid #fe791f;border-radius:10px;position:relative;transition: bottom 0.4s ease;} #wes-product-termijn #wes-termijn-close{position:absolute;top:-18px;right:-23px;border-radius:50%;background-color:#fff;width:40px;height:40px;text-align:center;line-height:33px;font-size:25px;border:3px solid #fe791f;font-weight:700;cursor:pointer;} .santander {color:#888;} /* .block_product .price_savings {display:none;} */ /* tot hier */ /* 6-5-2020 */ .wwproducts:after{clear: both; content: ""; display: block;} #manufacturers { height:30px; width:99%!important;} .daydeal_product, .auction_product { width:300px;border-top:1px solid #cacaca;height:0;padding-top:10px;width:500px;max-width:185%; } .daydeal_product.detail, .before_text {display: inline-block; width:100%;text-align: center; margin-top: 3px; padding-top: 10px; font-weight: bold;} .wwproducts .before_text {width:550px; max-width:185%; margin-top:2px;} .daydeal_from_to { display:block; background:#0ea0e7;padding:5px;border-radius:0 0 2px 2px;color:#fff; margin-top:10px;} /*Nieuw voor de attributen wesley (gevonden) */ .deliverytime {color:#A4A4A4;font-weight: 600;} .jshop .input_type_radio{display:block; line-height:25px;font-weight:400;} #attributes span.attris {line-height:25px;} p.jshop_cart_attribute {font-weight: 500;font-style: normal!important;color: #737373;} .button_buy {float: left;margin-left: 51%;margin-top: 50%;display: inline;margin-top: 14%;top: 90%;background:grey;color:#fff;border-radius:3px;padding:5px;} .button_buy:hover {background:#fe791f;color:#fff;} /* tot hier */ @media screen and (max-width: 480px) { #form12 .wdform-label-section, #form12 .wdform-element-section, #form12 .wdform-field {max-width: 480px !important;width: 100% !important;display: block !important;} div.jshop_prod_attributes {padding:7px 6px!important;} #ww-accordion-4.active #ww-block-4,#ww-accordion-5.active #ww-block-5 {width:99%;} .easy_small_notice{ height: 200px; } #easybook .controls, #easybook .control-label{ width: 100%!important; } } /* Global Box-sizing */ *, *:after, *:before { box-sizing: border-box; text-rendering: optimizeLegibility; } /* General */ html {box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;} body {font-family: 'Roboto', Open Sans,Arial,Helvetica,Sans-Serif;color:#404040;font-size:15px;background-color:#f7f7f7;margin:0;padding:0;font-weight:400;} .priceouter {display: flex; justify-content: center; width: 100%; } .pricecontainer { align-self: center; width: 100%;} /* Clear */ .clear:before, .clear:after {content:' ';display:table;} .clear:after {clear:both;} img {max-width:100%;outline:0;border: 0;} a, a:visited {text-decoration:none;color: #ff6927;} a {-webkit-transition: all 0.3s ease-in-out 0s;-moz-transition: all 0.3s ease-in-out 0s;-o-transition: all 0.3s ease-in-out 0s;transition: all 0.3s ease-in-out 0s;} a:focus {outline:0;border: 0;color: #002b3c;} a:hover {outline:0;border: 0;text-decoration:none;color: #002b3c;} a:active {outline:0;border: 0;color: #002b3c;} /* Globals */ .left {float:left;} .right, .right-bus {float:right;} .center {display:block;margin-left: auto;margin-right:auto;} a.center, p.center, span.center {text-align: center;} .full {display:block;width:100%;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;} p {margin-bottom: 1em;} .bold {font-weight:600;} .font10 {font-size: 10px;} .font11 {font-size: 11px;} .font12,.font483 {font-size: 12px;} .font13 {font-size: 13px;} .font14 {font-size: 14px;} .font15 {font-size: 15px;} .font16 {font-size: 16px;} .font18 {font-size: 18px;} ul, li, lo {list-style: none outside none;padding: 0;} h1 {font-size:150%;margin-top:0;margin-bottom: 20px;} h2 {font-size:150%;} h3, h4, h5 {font-size:120%;} h6 {color:orange;font-size:9px;line-height:2px;margin:10px 1px 10px 1px;font-weight:bold} #breadcrumbs, #credits {font-size:80%;} #mxcpr {display: none;} /* Structure */ #wrapper {max-width:100%;min-height:100%;} .container {max-width:1188px;width: 100%;display:block;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;margin-left:auto;margin-right:auto;} #top, #wrapper, #navbar, #content_wrapper, footer, #footertop, #footer-wrapper, #footerbottom, #credits {display:block;width:100%;position:relative;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;padding-left:2%;padding-right:2%;} #top {background-color:#0ea0e7;height:74px;color:#fff;} #content_wrapper {max-width: 1188px;width: 100%;position: relative; } #topleft, #topmain, #content, #content_wrapper, #breadcrumbs, article, #contentbottom, #sidebar, #bottommain, #footer-left, #footer-center {float:left;} #topright, aside, #footer-right {float:right;} aside {position: absolute;top: 0;right: 0;} #content_wrapper, #topmain {box-shadow: 0px 0px 0px rgba(141, 141, 141, 0.5);-webkit-box-shadow: 0px 0px 4px rgba(141, 141, 141, 0.5);box-shadow: 0px 0px 4px rgba(141, 141, 141, 0.5);} /* Header & Nav & Breadcrumbs #fe791f*/ .check-cat li {display:inline-block;float:left;padding: 0 12px;} #header {background-color: #fff;height: 100px;} #top li, #breadcrumbs li, #bottommain li, #breadcrumbs {display:inline-block;float:left;padding: 0 12px;line-height: 40px;} #top ul, #navbar ul, #breadcrumbs ul, #bottommain ul, .check-cat ul {margin: 0;float:left;} #top li a, #top li a:visited, #navbar li a, #navbar li a:visited {color: #fff;padding: 5px 10px;} #top li a:hover {color: #fe791f;} #navbar {height: 36px;margin-top:25px;} #navbar .nav_wrapper {background-color: #FF5002;height: 36px;border-radius: 7px 7px 0 0;border-radius: 7px 7px 0 0;border-radius: 7px 7px 0 0;padding:0;background-image: linear-gradient(to left,#E64213, #FF6B29 23%, #FF6B29 48%, #FF6B29 18%,#E64213);} #navbar .nav_wrapper ul {margin:0px;} #navbar .nav_wrapper li a {padding: 0 14px;font-weight: normal;border-right: 1px solid #fff;height:20px;} #navbar .nav_wrapper li a img {vertical-align: bottom;} #navbar .nav_wrapper li.item-133 img {margin-right:5px;} #topright ul {height: 45px;margin-top: 22px;padding: 5px 0px;} #topright li {border-right: 1px solid #fff;line-height: 20px;height: 20px;} #navbar li {height: 36px;padding:8px 0;line-height: 20px;} #topright li:last-child, #navbar li.item-102 a:last-child {border-right: 0 solid transparent;} #topright li a {font-size: 16px;padding: 10px;} #topright li a img {margin-bottom: -3px;margin-right: 5px;} #header-module .module:nth-child(1), #header-module .module:nth-child(3) {width:34%;} #header-module .module:nth-child(2) {width:;} #header-module .login {padding: 15px 0px;margin-top:14px;} #header-module img.vinkje {margin:0 5px;} #header-module img.account {margin: 0 0 -12px;} #topmain img.compu, .flex-active-slide {width:100%;max-width:1188px;} #topmain img.mobile {display:none} #hnav li.item-102:hover ul {right: 0 !important;left: auto;} #navbar {padding-left: 0 !important;padding-right: 0 !important;width:100% !important;} #hnav ul li {height: auto;background-color: #F7F7F7;color: #222;} #hnav ul ul li a:link, #hnav ul ul li a:visited {color: #8a8a8a;padding: 10px;height: 60px;} #hnav ul ul li a:link, #hnav ul ul li a:visited {height: auto;line-height: 14px;color: #fff;padding: 5px 10px;} #navbar ul ul li:hover, #navbar ul ul li a:hover {background-color: rgba(222, 222, 222, 0.5) !important;color: #000 !important;} #navbar ul ul li {height: auto;padding: 0;border-left: 1px solid #fe791f;border-right: 1px solid #fe791f;} #navbar ul ul li:last-child {border-bottom: 1px solid #fe791f;} #navbar ul ul {margin-top: 1px;border-radius: 0 0 8px 8px;border-radius: 0 0 8px 8px;border-radius: 0 0 8px 8px;-webkit-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.4);box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.4);box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.4);width: 250px;background-color: #F7F7F7;} #navbar ul .selected ul a {background-image: none;border-left: none;border-right: none;color: #ffffff;margin: 0;} #navbar ul .selected .selected a {border-left: none;border-right: none;color: #ffffff;margin: 0 1px;} #navbar ul ul li a:link, #navbar ul ul li a:visited {display: block;height: 60px;line-height: 27px;border-left: none;border-right: none;border-bottom: 1px solid rgba(0, 0, 0, 0.2);border-top: 1px solid rgba(255, 255, 255, 0.2);padding:10px;font-size:15px;width:100%;} .fa-info-circle::before { font-size: 19px !important; } .menu_nav > li.item-102 > a { display: inline-flex; align-items: center; /* Centreer de tekst en iconen verticaal */ justify-content: center; /* Centreer de tekst en iconen horizontaal */ padding: 10px 15px; /* Pas de padding aan naar wens */ line-height: normal; /* Zorg ervoor dat de line-height normaal is */ text-align: center; /* Centreer de tekst horizontaal */ color: #fff; /* Witte tekstkleur */ text-decoration: none; /* Geen onderstreping */ } .item-358 {display:none!Important;} .item-368 {height:80px!important;} @media only screen and (min-width: 768px) { .item-357 { margin-top:-36px!important;} #navbar ul ul ul li {} /* Zorgt voor positionering en zichtbaarheid van submenu's */ .menu_nav { position: relative !important; /* Zorgt ervoor dat submenu's zich relatief positioneren */ z-index: 100 !important; /* Hogere z-index zodat submenu's boven andere elementen verschijnen */ } .sub_open { box-shadow: 0 2px 5px rgba(0,0,0,0.2) !important; /* Schaduw voor een betere zichtbaarheid */ display: none !important; /* Verbergen totdat nodig */ overflow: visible !important; /* Zorgt ervoor dat de inhoud niet afgesneden wordt */ left: 0px !important; /* Positioneer submenu's aan de rechterkant van hun parent item */ top: 36px !important; /* Uitlijnen met de bovenkant van het parent item */ top:100%!important; } .deeper.parent:hover .sub_open { display: block !important; /* Toon submenu wanneer erover gehoverd wordt */ } /* Specifieke stijlen voor sub-submenu's om ervoor te zorgen dat ze zichtbaar zijn en niet worden afgesneden */ .sub_open .sub_open { left: 100% !important; /* Positioneer sub-submenu's rechts van hun parent submenu */ top: 0 !important; /* Uitlijnen met de bovenkant van het submenu */ width: 200px !important; /* Overeenkomende breedte */ display: none !important; /* Verbergen totdat nodig */ overflow: visible !important; /* Zorg ervoor dat de inhoud niet afgesneden wordt */ } .item-163:hover .sub_open, .item-373:hover .sub_open { display: block !important; /* Toon sub-submenu wanneer erover gehoverd wordt op het parent item */ } /* Stel achtergrondkleur in voor alle directe submenus (sub-menu) */ #navbar ul ul ul { height:30px!important;} #navbar ul ul ul li { background:#FF5002; } #navbar ul ul ul li:hover { background:#E64213!important;} /* Algemene stijl voor submenu's */ .sub_open ul { background-color: #f8f8f8; /* Grijze achtergrond voor eerste niveau submenu */ } /* Algemene stijl voor submenu's */ .sub_open ul { background-color: #f8f8f8; /* Grijze achtergrond voor eerste niveau submenu */ } /* Specifieke stijl voor sub-submenu's */ .sub_open .sub_open ul { background-color: #FF5002 !important; /* Oranje achtergrond voor sub-submenu */ width: 150px !important; /* Maak sub-submenu smaller */ position: absolute !important; top: 0 !important; /* Begin op dezelfde hoogte als het submenu */ } /* Hoogte aanpassen van sub-submenu items */ .sub_open .sub_open ul li { font-size: 14px !important; /* Kleinere lettergrootte voor compactheid */ line-height: 18px !important; /* Verminderde ruimte tussen lijnen */ height: auto !important; /* Laat de hoogte automatisch aanpassen aan de content */ } .sub_open .sub_open ul li a { color: white !important; /* Witte tekst voor leesbaarheid */ display: block !important; /* Zorgt ervoor dat de hele regio klikbaar is */ height: 100% !important; /* Zorg dat de link de volledige hoogte inneemt */ padding: 5px 10px !important; /* Verklein de hoogte door de padding te verminderen */ } .sub_open .sub_open ul li a:hover { background-color: #E64213 !important; /* Donkerder oranje bij hover */ } /* Toon het sub-submenu wanneer erover gehoverd wordt */ .deeper.parent:hover .sub_open { display: block !important; } /* Zorg ervoor dat het sub-submenu op dezelfde hoogte verschijnt als het parent submenu-item */ .item-163:hover .sub_open, .item-373:hover .sub_open { display: block !important; top: 0 !important; /* Houd het sub-submenu op dezelfde hoogte als het parent-item */ } /* Verwijder extra marges en padding */ .sub_open ul li { margin: 0 !important; padding: 0 !important; } } @media only screen and (max-width: 1048px) { .item-102 .sub_open { left: -130px !important; /* Stel de linkerpositie in op 130px */ } } #navbar .nav_wrapper ul ul li a img {width: auto;height: 40px;float: left;} #hnav ul li a span {line-height: 18px;color: #ff6926;padding-left: 20px;font-weight: 700;font-size: 90%;position: relative;float: left;} #hnav ul li.item-163 a span:after {content: "Meest verkochte wasmachine";} #hnav ul li.item-357 a span:after {content: "Even in de oven of lekker koken";} #hnav ul li.item-358 a span:after {content: "Inbouw of opbouw";} #hnav ul li.item-398 a span:after {content: "Verwarm, grill en bak direct!";} #hnav ul li.item-178 a span:after {content: "Geen plaats voor een droger?";} #hnav ul li.item-177 a span:after {content: "Ideal voor een kleine ruimte";} #hnav ul li.item-179 a span:after {content: "De meest flexibele droger";} #hnav ul li.item-180 a span:after {content: "Met een slang naar buiten";} #hnav ul li.item-181 a span:after {content: "De meest energiezuinige droger";} #hnav ul li.item-182 a span:after {content: "Informatie Wesley's witgoed";} #hnav ul li.item-183 a span:after {content: "Stuur ons een mailtje";} #hnav ul li.item-184 a span:after {content: "Openingstijden winkel";} #hnav ul li.item-278 a span:after {content: "Witgoed onderdelen";} #hnav ul li.item-185 a span:after {content: "Wij kopen witgoed";} #hnav ul li.item-250 a span:after {content: "Witgoed reparatie ";} #hnav ul li.item-419 a span:after {content: "Voor ondernemers";} #hnav ul li.item-163 a span:after,#hnav ul li.item-357 a span:after,#hnav ul li.item-398 a span:after, #hnav ul li.item-358 a span:after,#hnav ul li.item-178 a span:after, #hnav ul li.item-177 a span:after, #hnav ul li.item-179 a span:after, #hnav ul li.item-180 a span:after, #hnav ul li.item-181 a span:after, #hnav ul li.item-182 a span:after, #hnav ul li.item-183 a span:after, #hnav ul li.item-184 a span:after, #hnav ul li.item-278 a span:after, #hnav ul li.item-185 a span:after, #hnav ul li.item-250 a span:after, #hnav ul li.item-419 a span:after {position:absolute; left: 20px;top: 25px;color: #a8a8a8;font-size: 90%;width: 200px;font-weight: 500;} li.item-178, li.item-181, li.item-278 {border-radius: 0 0 8px 8px;border-radius: 0 0 8px 8px;border-radius: 0 0 8px 8px;} li.item-102 ul {right: 0px !important;} #hnav, #hnav * {margin: 0;padding: 0;list-style: none;} #hnav ul {position: absolute;top: -999em;width: 14em;} #hnav.menu {float:right;} #hnav ul li {width: 100%;} #hnav li:hover {visibility: inherit;background-color: #0ea7e7;} #hnav li {float: left;position: relative;} #hnav a {position: relative;} #hnav li:hover ul, #hnav li.sfHover ul {left: 0;top: 36px;z-index: 99;} #hnav li.item-122:hover ul, #hnav li.item-127 ul, #hnav li.item-102 ul{left: 0;top: 0px;z-index: 99;} #hnav li.item-122 .sub_open {width: 253px;height: 0;overflow:hidden;position:absolute;top:0;left:0;} #hnav li.item-127 .sub_open {width: 253px;height: 0;overflow:hidden;position:absolute;top:0;left:0;} #hnav li.item-102 .sub_open {width: 253px;height: 0;overflow:hidden;position:absolute;top:0;left:0;} #hnav li.item-122:hover .sub_open, #hnav li.item-127:hover .sub_open {top:36px;opacity: 1;} #hnav li.item-102:hover .sub_open {top:36px;opacity: 1;} #hnav li.item-122 ul, #hnav li.item-127 ul, #hnav li.item-102 ul {margin-top:-247px;-webkit-transition: margin 0.5s ease;-moz-transition: margin 0.5s ease;transition: margin 0.5s ease;} #hnav li.item-122:hover ul, #hnav li.item-127:hover ul, #hnav li.item-102:hover ul {margin-top:0;} #hnav li.item-122 ul .sub_open, #hnav li.item-127 ul .sub_open {width: 600px;height: auto;opacity: 1;position:absolute;top:0px;left:100%;} #hnav li.item-122 ul .sub_open ul, #hnav li.item-127 ul .sub_open ul {top:-602px;height: auto;opacity:0;-webkit-transition: top 0.5s ease;-moz-transition: top 0.5s ease;transition: top 0.5s ease;} #hnav li.item-122 ul li .sub_open, #hnav li.item-127 ul li .sub_open {opacity:0;} #hnav li.item-122 ul li:hover .sub_open, #hnav li.item-127 ul li:hover .sub_open {opacity:1;top:0px;} #hnav li.item-122 ul li:hover ul, #hnav li.item-127 ul li:hover ul {opacity:1;top:0px;} #hnav li .ww-mmenu-icon, #fixed.sticky #top {display: none;} @media screen and (max-width: 767px) { #anibutton:hover span.aniknop {display:none;} body#fixed #main {margin-top: 40px!important;} .slideshow {margin-top: 0.9rem;} .fa-home.homepage,.fa-info-circle {margin-left:30px!important;} #hnav li ul, #easybook #anibutton{display:none} #navbar ul ul {background-color:transparent;} #navbar ul ul li:last-child {border-bottom:none;} #hnav ul li a span {font-size:90%; position:absolute; height:0;padding-left:20px;padding-top:5px;} #navbar ul a {border-right: 0px solid transparent;} #navbar {padding: 0px;} .item-368 {height:100px!important;} #navbar ul li.active a {color: #fff;} #navbar .menu-icon {content: "";display: block;padding: 0;text-align: center;cursor: pointer;-moz-user-select: none;font-size: 36px;position: relative;float: right;height: 45px;line-height: 45px;margin: 0;} #navbar .menu-icon::before {content: "";position: absolute;top: 12px;right: 10px;width: 1em;height: 0.125em;border-top: 0.375em double #fff;border-bottom: 0.125em solid #fff;box-sizing: content-box;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;} #navbar .menu-icon::after {content: "Menu";position: absolute;top: 0px;left: 10px;width: auto;height: auto;box-sizing: content-box;font-size: 24px;font-weight: 600;color: #fff;line-height: 40px;} #navbar.fixed-nav .menu-icon {height: 50px;} #navbar.fixed-nav .menu-icon::before {top: 13px;} #nav-fixed {height: 45px;float: left;margin: 0 auto;} #nav-fixed.fixed-nav #navbar {padding-top: 0;} #navbar .nav_wrapper li a img, #navbar .nav_wrapper li.item-133 img,#navbar .nav_wrapper li.item-367 img {vertical-align: middle;margin-right:10px;margin-top:-12px;} #navbar .nav_wrapper li.item-102 a img {margin-top: -5px;} #hnav ul {position:relative;top:0;} #hnav li.item-122 ul, #hnav li.item-127 ul, #hnav li.item-102 ul {margin-top:auto;} #hnav li.item-122 .sub_open,#hnav li.item-127 .sub_open {position:relative;height:auto;} #navbar ul {display: block;z-index: 2;} #navbar ul.active {display: block;box-shadow: 1px 4px 4px #8A8A8A;float: left;padding: 0;border-top: 2px solid #078ccc;width:100%;height:100%;} #navbar ul.menu_nav.active {overflow-y: scroll; height:calc(100vh - 45px);} #hnav li.item-122:hover .sub_open, #hnav li.item-127:hover .sub_open {height:auto;top:0px;} #hnav li.item-122 ul li:hover .sub_open, #hnav li.item-127 ul li:hover .sub_open {display:none;} #hnav li.item-122 .sub_open,#hnav li.item-127 .sub_open {width:100%;} .item-367,.item-102.deeper.parent {border-bottom: 1px solid #078ccc!important;padding: 15px 0px !important;} #navbar ul.active li.open ul {display:none;border-bottom: 1px dotted #fff;} #navbar ul.active li.open li a {padding-left: 25px;box-sizing: content-box;-webkit-box-sizing:content-box;-moz-box-sizing:content-box; border-bottom: 1px solid #575556; padding-top:20px;width:100%;} #navbar ul.active li, #navbar ul li.home a, #navbar ul li.open .sub li, #navbar ul li.open .sub {float: left;display: block;width: 100%;height: auto;margin: 0;background-color: #0ea0e7;position: relative;top: 0;} #navbar ul li.open:hover .sub, #navbar ul li.open:hover .sub a {display: inherit;} #navbar ul li{display: none;} #navbar ul li.open ul li a.boldw, #navbar ul li a, #navbar ul li.open ul li a.bold, #navbar ul li.deeper .sub li a.bold{font-size: 16px;padding: 0 15px 0px;border-radius: 0; border-radius: 0;border-radius: 0;border-bottom: 0px solid #078ccc;color: #fff;} #navbar ul li.deeper .sub li a {padding: 0 0 0 25px;} #navbar ul li a, #navbar.fixed-nav ul li a, #navbar ul li.open ul li a, #navbar.fixed-nav ul li.open ul li a {padding: 0px 5px 0 9px; font-size: 17px;height: 53px;line-height: 35px;} #navbar ul li.open ul li a, #navbar.fixed-nav ul li.open ul li a {padding-left: 25px;} #navbar ul li.home a, #navbar ul li.home a:hover, #navbar ul li.home.active a, #navbar ul li.home.active a:hover {background-image: none;height: auto;padding: 0 5px;border-bottom: 0px solid transparent;} #navbar ul li.home a span {display: block;} #navbar ul li.home a, #navbar.fixed-nav ul li.home a {width: 100%;padding: 5px;height: auto;box-sizing: border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;} #navbar .nav_wrapper li a {padding: 0 0 0 17px;border-right: 0 solid #FFF;height: 42px;display: block;} #navbar ul li a:hover, #navbar ul li:hover a, #navbar ul.active li.active a, #navbar ul.active li.home.active a, #navbar ul.active li.home a:hover {background-color: rgba(0,0,0,0);border-radius: 0px;color: #FFF;background-image: none;} #navbar ul li.deeper .sub li {border-bottom: 0px none;} #navbar ul li:hover .sub, .rechts-sorting {display:none;} #navbar ul li il.open {height: auto;} #navbar ul li.open ul, #navbar ul li{} #navbar ul li.open ul a, #navbar ul li a:hover {background-color:rgba(0,0,0,0);color: #FFF;border-radius: 0px;border-bottom: 2px solid #078ccc;} #navbar ul li.open ul .sub {opacity: 1;visibility: visible;position: relative;width: 100% !important;float: left;top: 0px;left: 0px; display: none;border-radius: 0;border-radius: 0;border-radius: 0;transition-delay: 0s;-webkit-transition-delay: 0s;-moz-transition-delay: 0s;padding: 0;border-bottom: 0px none;} #navbar ul li .sub .column {width: 49% !important;} #navbar ul li.deeper .sub li.title a {margin: 0px 0px 7px;width: 100%;} #navbar ul li.deeper .sub li a {width: 100%;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;margin: 0; border-top: 1px dotted #fff;border-bottom: 1px solid transparent;height: 0;} #navbar ul li.deeper .sub li.first a {border-top: 1px solid transparent;} .sub_open {width: 100%;height: 100%;top: 0;left: 0;} #navbar .nav_wrapper li.item-101 a, #navbar .nav_wrapper li.item-102 a {text-align: center;} #navbar .nav_wrapper li.item-311 a {text-align: center; height:48px;line-height:48px;width:100%;} #hnav li .ww-mmenu-icon{display:block;position:absolute;top:0;right:0;cursor:pointer;width:50px;height:35px;padding-left:10px;} #hnav ul li ul li .ww-mmenu-icon{display:none} #hnav li .ww-mmenu-icon:before, #hnav li .ww-mmenu-icon:after{position:absolute;right:30px;top:7px;content:' ';height:20px;width:2px;background-color:#fff;-webkit-transition:all 0.4s ease 0s;-moz-transition:all 0.4s ease 0s;-o-transition:all 0.4s ease 0s;transition:all 0.4s ease 0s;margin-top:1rem;} #hnav li .ww-mmenu-icon:before{transform:rotate(0);-webkit-transition:all 0.4s ease 0s;-moz-transition:all 0.4s ease 0s;-o-transition:all 0.4s ease 0s;transition:all 0.4s ease 0s;} #hnav li.open .ww-mmenu-icon:before{transform:rotate(135deg)} #hnav li .ww-mmenu-icon:after{transform:rotate(-90deg);-webkit-transition:all 0.4s ease 0s;-moz-transition:all 0.4s ease 0s;-o-transition: all 0.4s ease 0s;transition: all 0.4s ease 0s} #hnav li.open .ww-mmenu-icon:after{transform:rotate(45deg)} #hnav li.open .ww-mmenu-icon:before, #hnav li.open .ww-mmenu-icon:after{background-color:#ff6926} #navbar .nav_wrapper li a{width:calc(100% - 60px)} #navbar .nav_wrapper ul li ul li a{width:100%} #hnav li.item-102 a.ww-mmenu-icon {display:none;} .item-136,.item-133, .item-129, .item-127, .item-122,.item-131,.item-279,.item-311 {border-bottom: 3px solid #078ccc;padding: 15px 0px !important;} .ww-mmenu-icon {border-left: 2px solid #078ccc; width:60px!important;} } /* Search */ #search {width: 300px;background-color: #16679d;height: 45px;/*border: 2px solid #6fb3df;*/border-radius: 7px;border-radius: 7px;border-radius: 7px;position:relative;margin-top: 13px;} #search input#jshop_search, #jshop_search {width: 100%;background-color: transparent;border: 0px solid transparent;line-height: 31px;font-size: 15px;color: #fff;padding: 17px 10px;font-weight: 600;box-shadow: 0 0 0 transparent;-webkit-box-shadow: 0 0 0 transparent;box-shadow: 0 0 0 transparent;} #search input.button {position:absolute;top:0;right:0;height: 41px;color: transparent;border: 0 solid transparent;background: url("../images/zoek.png") no-repeat transparent center center;box-shadow: 0 0 0 transparent;-webkit-box-shadow: 0 0 0 transparent;box-shadow: 0 0 0 transparent;text-shadow: 0 0 0 transparent;} #search input::placeholder { opacity: 1; line-height: 31px; font-size: 14px; color: #fff; } /* Search mob */ #searchmob { background-color: #5bbff0;height: 60px;border: 2px solid #0ea0e7;border-radius: 0px;border-radius: 7px;position:relative;margin-top: 13px;margin-bottom:4px;} #searchmob input#jshop_searchmob, #jshop_searchmob {width: 100%;background-color:#fa6325;border: 0 solid transparent;line-height: 31px;font-size: 15px;color: #fff;padding: 5px 10px;font-weight: 600;box-shadow: 0 0 0 transparent;-webkit-box-shadow: 0 0 0 transparent;box-shadow: 0 0 0 transparent;margin: 0;} #searchmob input.button {position:absolute;top:0;right:15px;height: 41px;color: transparent;border: 1px solid #fff;background: url("../images/zoek.png") no-repeat transparent center center;box-shadow: 0 0 0 transparent;-webkit-box-shadow: 0 0 0 transparent;box-shadow: 0 0 0 transparent;text-shadow: 0 0 0 transparent;} #searchmob input:placeholder-shown {opacity:1;} #searchmob input::placeholder { opacity: 1; line-height: 31px; font-size: 18px; color: #fff; } /* Article */ #content {padding: 15px 0;} article {padding-bottom: 20px;} #topmain h2 {padding: 0 2%;} .bezorgkolom {column-count:4;-webkit-column-count:4;column-count:4;} ul.bezorgkolom, ul.bezorgkolom li {list-style: inside none none;padding-bottom: 0;} ul.bezorgkolom li {width:25%;float:left;} /* footer */ footer {background-color: #0ea0e7; color:#fff;float: left;padding: 0;} #footer-left, #footer-center, footer-right, #footer-wrapper {display:inline-block;padding-bottom:20px;} #footer-left {width:25%;float: left; border-right: 1px solid #2db4f4} #footer-center {width:25%;float: right;} #footer-right {width:45%;margin: 0 2%;float: left; border-right: 1px solid #2db4f4;} #footerbottom {background-color: #fff;float: left;padding: 5px 0 0;} #credits {background-color: #474747;color:#838383;float: left;} #credits a {color:#838383;} #credits a:hover {color: #ff6926;} footer .bezorgkolom {font-size: 13px;} footer h2 {font-size: 16px;} footer ul, footer ul li {list-style: inside url("../images/arrow.png") none;} footer ul li {padding-bottom:3px;} footer .fcontact {margin-top: 10px;font-size: 14px;width: 100%;} footer .fcontactright {margin-left: 10px;} /* sticky rgba(255,255,255,0.8)*/ #fixer {background:transparent;} #fixer, #top {margin-top: 0; top: 0;transition: all 0.5s ease;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;} body#fixed #fixer {position: fixed;z-index: 11;box-shadow: 0 0 5px #404040;-webkit-box-shadow: 0 0 5px #404040;box-shadow: 0 0 5px #404040;} body#fixed #main {margin-top: 13rem;} #checkout-seperator {display: block;height: 20px;} /* 483 Ticker #ticker {max-width: 100%;margin-top: 30px;padding: 4px;color: #002b3c;box-shadow: 0px 0px 3px #002b3c inset;-webkit-box-shadow: 0px 0px 3px #002b3c inset;box-shadow:0px 0px 3px #002b3c inset;overflow: hidden;} */ #ticker {margin-top:33px;line-height: 20px; border: 1px solid #ececec;font-weight:bold; padding: 10px;} /********** Webshop Wesley Filters **********/ .control-group.box_price_from,.control-group.box_price_to, .box_cat_man { display:none;} .form-horizontal .block_sorting_count_to_page .control-label { width:120px;} .form-horizontal .block_sorting_count_to_page .control-group {float:none;} /********** Webshop **********/ .control-group.box_price_from,.control-group.box_price_to, .box_cat_man { display:none;} .form-horizontal .block_sorting_count_to_page .control-label { width:120px;float:left;} .form-horizontal .block_sorting_count_to_page .control-group {overflow:auto; float:none; width:100%; background: #f2f2f2;padding: 10px; margin-left: auto; margin-right: auto;border-radius: 4px; border: 1px solid #dedede;} #jshop_module_cart {width: 175px;float: right;color: #002b3c;font-size: 14px;margin-top: 10px;} #jshop_module_cart a {background-color: #6FF220; width: 200px; display: block; text-decoration: none; text-indent: 10px; height: 41px; line-height: 24px; border: 1px solid #43A408; margin-left: -35px; box-shadow: 0px -11px 20px rgba(119, 119, 119, 0.5) inset; -webkit-box-shadow: 0px -11px 20px rgba(119, 119, 119, 0.5) inset; box-shadow: 0px -11px 20px rgba(119, 119, 119, 0.5) inset; transition-property: background-color, box-shadow; -webkit-transition-property: background-color, box-shadow; transition-property: background-color, box-shadow; transition-duration: 0.5s, 0.5s; -webkit-transition-duration: 0.5s, 0.5s; -moz-transition-duration: 0.5s, 0.5s; text-align: center; padding-top: 8px; padding-bottom: 10px;} #jshop_module_cart a span.cart-arrows {background-image: url('../images/cart-arrows.png');background-position:top right;width: 24px; height: 24px;display: inline-block;float: right;border-left: 1px solid #43A408;transition-property: background-position;-webkit-transition-property: background-position;transition-duration: 1s;-webkit-transition-duration: 1s;} #jshop_module_cart a:hover {transition-property: background-color, box-shadow;-webkit-transition-property: background-color, box-shadow;transition-duration: 0.5s, 0.5s;-webkit-transition-duration: 0.5s, 0.5s;} #jshop_module_cart a:hover span.cart-arrows {border-left: 1px solid #1f678a;background-position:top left;transition-property: background-position;-webkit-transition-property: background-position;transition-duration: 1s;-webkit-transition-duration: 1s;} #jshop_module_cart a {color:#fff;} /* Product specificaties wesley*/ .productspecs_title {font-size:20px;font-weight:bold;line-height:50px;} .kenlinks_wes, .kenrechts_wes {border:1px solid #E5E5E5;display: table; font-size:14px;padding-left:10px;padding-top:5px;color:#575757;min-height:32px; line-height: 32px;} .kenlinks_wes {position: relative; float: left; font-weight: bold;background-color: #f4f4f4;border-right: 1px solid #E5E5E5;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;width: 42%; } .kenrechts_wes {font-size:14px;margin-left:-4px;width:58%; word-wrap:break-word; white-space: normal;} .extra_fields > div:first-of-type span { border-top-width: 1px; border-top-style: solid;} .extra_fields div.kenmerkbreed {margin-top: 10px;} /* Einde Product specificaties wesley*/ /* Product */ .jshop h1, #content_area h1 {margin: 25px auto 10px;font-size: 20px;padding: 3px 0;color: #333;font-weight: bold;text-align: center; border-top: 2px solid #ff6926 !important;border-bottom: 2px solid #ff6926 !important;width: 100%;} .jshop_code_prod {font-size: 14px;padding-left: 15px;margin-top: -35px;display: block;} .block_product .jshop_code_prod {float:left;margin-top:-28px;font-size:10px;opacity:0.6;} #product {margin: 20px 0;width: 100%;} .productfull .image_middle {width: 325px;float: left; position: relative;} #productright {width: calc(100% - 325px);padding-left: 20px;display: inline-block;float: left;} .tabs input[type=radio] {display:none;} .tabs label {border-top-left-radius: 10px;height: 30px;text-decoration: none; float: left;font-weight: bold;color: #0ea1e7;padding: 2px 10px;line-height: 14px;font-size: 16px;cursor:pointer; width:15%;text-align:center;margin-top:25px} .tabs label:hover {color: #084b6a;} .tab-content {display: none;width: 100%;float: left;padding: 16px 0 6px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box; box-sizing: border-box;border-top: 2px solid #DEDEDE;} .tabs [id^="tab"]:checked + label {color: #084b6a;margin-top:20px;} #tab1:checked ~ #tab-content1, #tab2:checked ~ #tab-content2, #tab3:checked ~ #tab-content3, #tab4:checked ~ #tab-content4, #tab5:checked ~ #tab-content5, #tab6:checked ~ #tab-content6 {display: block;border-bottom: 3px dotted #d7d7d7; padding: 10px;} .derdekop1, .derde1, .derdekop2, .derde2, .derdekop3, .derde3 {width:48.8%;border-bottom:1px solid #404040;border-left:1px solid #404040;text-align: center;float: left;height: 1.5em;overflow: hidden;height:28px;padding:5px;} .derde1, .derde2, .derde3 {background-color:#fff;} .derdekop1, .derdekop2, .derdekop3 {background-color:#0EA1E7;border-top:1px solid #404040;color:#fff;padding:5px;} .derde2, .derdekop2 {border-right:1px solid #404040; padding-left: 10px; font-weight: bold;text-align: center!important;height:28px;} .bids_list {max-width: 300px;width: auto;margin: 10px auto;border-radius:4px;} iframe.framedbids {width: 100%;height: 150px;max-width:280px;margin:0 auto;display:block;border:none;} #veilingstop {height: 100%;width: 100%;background-color: rgba(255, 255, 255, 0.5);position: absolute;top: 0;} div.auction_title {display: none;} .framer {width:100%;border:2px solid #ddd;border-radius: 8px;border-radius: 8px;border-radius: 8px;background-color:#eee;padding-top: 2px;float: left;position: relative;} .myauction1, .myauction2 {width: 90%;float: left;} .myauction1 {float: left;background-color: #DEDEDE;border: 2px solid #CCC;margin: 10px 15px 0px 17px;padding: 5px 10px;} .myauction2 {width: 100%;padding: 0px;margin: 0px 0px 15px;} .auctionimg {display: none;} .productfull .text_zoom img {float: none;} .productfull .text_zoom {text-align: right;} .notice.message {color:red!important; font-weight:bold;} body.task-bids, body.task-bids #main {box-shadow: 0px 0px 0px #fff;-webkit-box-shadow: 0px 0px 0px #fff;box-shadow: 0px 0px 0px #fff;background-color: #eee;} .myauction2 {width: 100%;padding: 0px;margin: 15px 0px;} .auction-text {font-size:13px;width: 100%;float: left;color: #404040;text-shadow: 1px 1px 1px #FFF;text-align: left;padding-left: 10px;} .evenkenmerk {background-color: transparent;} div.kenmerk:first-child {border-top: 1px solid #E5E5E5;} div.kenmerk:last-child {border: 0px solid transparent;} .kenmerk {display:block;color: #333;border-width: 0px 1px 1px;border-style: none solid solid ;border-color: #E5E5E5;} .kenmerker {height:14px; border-bottom:solid 1px #e5e5e5;} .kenmerklinks, .kenmerkrechts { display:inline-block; padding: 5px 0; color:#575757;} .kenmerklinks {line-height: 24px; height:32px; font-weight: bold;background-color: #f4f4f4;border-right: 1px solid #E5E5E5;padding-left: 10px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing: border-box;width: 60%;} .kenmerkbreed img {margin: 0 5px 0 0;width: 48px;} body.task-bids #content {background-color: #EEE;padding:0;} body.task-bids #content_wrapper {box-shadow: 0 0 0 transparent;padding: 0;} .productfull .button_back {display: block;float: right;} .betaallinks {display: inline-block;width: 38%;text-align: center;} .betaalrechts {display: inline-block;width: 52%;vertical-align: top;} img.betaalideal {width: 100%;max-width: 215px;margin: 15px 0 20px;} .knoppenwesleyw {padding: 5px;margin-bottom: 20px;border: 1px solid #DDD;border-radius: 3px;border-radius: 3px;border-radius: 3px;box-shadow: 0px 0px 2px #CCC;-webkit-box-shadow: 0px 0px 2px #CCC;box-shadow: 0px 0px 2px #CCC;background-color: #F5F5F5;float:left;width:100%;} span.auction_span_title {font-size: 18px;font-weight: 600;font-family: 'Roboto', Open Sans,Arial;} .auction-value {margin-top: 10px;} .productfull #block_price {font-size: 48px;color:#FF6B29;background-color:transparent!important ;padding: 6px 12px;display: inline-block; margin-bottom:2px;} ul.betaalvink {margin: 21px 0 35px;} ul.betaalvink li {margin-bottom: 6px;color: #404040;font-size: 16px;margin-left: 15px;} ul.betaalvink li img {margin-right: 8px;} .auction-title2, .auction-value2 {display: inline-block;} .auction-uno{height:0;width:0;overflow:hidden} #list_product_image_middle a img {width:100%;} input#auction_buy_now {padding: 0 20px;height: 45px;font-size: 18px;font-family: 'Roboto', Open Sans,Arial;color:#fff;} #list_product_image_middle a {display: block;position: relative;margin: 0 0 20px;} #list_product_image_middle .product_label {top: 0px;} img.jshop_img_thumb, img.jshop_video_thumb {width: 30%;height: auto;margin-left: 1%;margin-right: 1%;padding: 1px;text-align: center;border: 1px solid #CCC;} img.jshop_video_thumb {vertical-align: top;} .manufacturer_logo {text-align: center; margin-bottom:18px; display:block;} img.zoom, #list_product_image_middle a img:nth-child(2) {width: 35px !important;height: auto;position: absolute;bottom: 6px;right: 5px;} .productfull div.text_zoom {width: 90px;position: absolute;bottom: -25px;right: 0px;} .productfull img.text_zoom, .productfull .text_zoom img {width: 22px !important;height: auto;vertical-align: bottom;padding: 0 0 3px;} div.jshop_prod_attributes {width: 100%; font-size: 14px; padding: 12px; border: solid 1px #D4D4D4; border-radius: 5px; padding: 7px 14px; margin-bottom:10px;} .radio_attr_label { line-height:27px;width:100%;} #tooltip { margin-top: 5px; margin-right: 5px;} .productfull .manufacturer_name {display:none;} .jshop_related.block_product .manufacturer_name {display:block;} input.auction_input_text {border: 1px solid #CCC;border-radius: 3px;border-radius: 3px;border-radius: 3px;padding: 2px;width: 48px;text-align: center;} .productfull .old_price {margin: 0 auto;width:100%} .auction-dos {margin-top: 12px;} .jshop_button_print {margin-top: -16px;} .jshop_button_print a {background: transparent url("../images/print.png") no-repeat center center;height: 16px;width:16px;display: block;} .auction-tres {text-align: center;} .video_full iframe {margin: 0 auto;} /* knoppen */ input#auction_make_bid, #anibutton, form#contact-form button, form#contact-form button:visited, body.task-login input.button, body.task-login input.button:visited, #easysubmit input.btn, a#downpdf {border: 1px solid #868585;border-radius: 5px;border-radius: 5px;border-radius: 5px;background-color: #b5b4b4;color: #fff;font-weight: 600;font-family: 'Roboto', Open Sans,Arial;box-shadow: 0 0 0 transparent;-webkit-box-shadow: 0 0 0 transparent;box-shadow: 0 0 0 transparent;} #anibutton:hover, form#contact-form button:hover, body.task-login input.button:hover, #easysubmit input.btn:hover, a#downpdf:hover {border: 1px solid #0C7DB3;background-color: #0ea0e7;cursor:pointer} input#auction_make_bid {border: 1px solid #0C7DB3;border-radius: 5px;border-radius: 5px;border-radius: 5px;background-color: #0ea0e7;color: #fff;font-weight: 600;font-family: 'Roboto', Open Sans,Arial;box-shadow: 0 0 0 transparent;-webkit-box-shadow: 0 0 0 transparent;box-shadow: 0 0 0 transparent;} input#auction_make_bid:hover {border: 1px solid #D56418;background-color: #ff6926;cursor:pointer} #easysubmit input.btn, a#downpdf {width: auto;padding: 5px 12px;font-size: 15px;} input#auction_make_bid {width:90%;height: 35px;float:right;font-size: 15px;margin: 0 5%;} input.button {background-color: #fff; border: 1px solid #cacaca;color: #8c8c8c;font-weight: 600;padding: 5px 5px;border-radius: 5px;border-radius: 5px;border-radius: 5px;cursor: pointer;font-family: tahoma,verdana; } input.button:hover, input.button:visited {background-color: #0ea0e7;border-color: #0C7DB3;color: #fff;padding:9px} body.task-login input.button, body.task-login input.button:visited {font-size: 15px;padding: 8px 20px;} input#auction_buy_now {position:relative;text-shadow: 0 0 0 transparent;font-weight: 600;font-family: 'Roboto', Open Sans,Arial;box-shadow: 0 0 0 transparent;-webkit-box-shadow: 0 0 0 transparent;box-shadow: 0 0 0 transparent;border: 0px solid transparent;background-color:transparent;} input#auction_buy_now:hover {;color:transparent;cursor:pointer} #anibutton {display: inline-block;position: relative;overflow:hidden;margin-bottom:8px;filter: drop-shadow(0 4px 6px rgba(0, 0, 0, 0.25));border-radius:8px; /* Schaduw buiten de knop */} span.aniknop {display:inline-block;position:absolute;right: 280px;width: 160px;height: 46px;-webkit-transition: all 0.6s ease;-moz-transition: all 0.6s ease;transition: all 0.6s ease;background-size: 100% !important;background: url("../images/tweedehands-witgoed-kopen.png") no-repeat right transparent;} #anibutton:hover span.aniknop {top: 10px;right: 5px;} #anibutton:hover,#anibutton {background-color:#5FD01B; border:1px solid #8AD05F;box-shadow: 0px -11px 20px rgba(119, 119, 119, 0.5) inset; -webkit-box-shadow: 0px -11px 20px rgba(119, 119, 119, 0.5) inset; box-shadow: 0px -11px 20px rgba(119, 119, 119, 0.5) inset;width:281px;padding:8px;} #anibutton:hover { filter: drop-shadow(0 6px 8px rgba(0, 0, 0, 0.3)); /* Sterkere schaduw bij hover */ } .jshop_pagination ul li {display:inline-block;margin-right: 10px;} .button8 { background-color:#6DE425; padding:10px 20px;border: 1px solid #8AD05F; box-shadow: 0px -11px 20px rgba(119, 119, 119, 0.5) inset; font-weight:bold; border-radius:6px; color:#ffffff; width:60%; font-size:18px;height:48px;} .button8:hover { padding:10px 20px; cursor:pointer;background-color:#5FD518;border: 1px solid #8AD05F; box-shadow: 0px -11px 20px rgba(119, 119, 119, 0.5) inset;} .button-login { background-color:#b5b4b4; padding:5px; border:1px solid #868585; font-weight:bold; border-radius:6px; color:#ffffff; font-size:12px;margin-top:22px} .button-login:hover {background-color: #0ea0e7; cursor:pointer;border:1px solid #0C7DB3} .inputboxx {display:block;max-width:250px;width:100%;height:30px;max-width:196px;width:200px;} #blue-button:hover {background:#0d85bf!important;} /* products ;width: 49%*/ .jshop_list_product .block_product {margin-bottom: 20px;display: inline-block;vertical-align: top;border-width: 0;} .prod1{ float: left; } .prod2{ float: left; } .jshop_list_product .product .image {padding-right: 0px !important;} .wwproducts { /*border-radius: 8px;border-radius: 8px;border-radius: 8px;border: 1px solid #CECECE;background-color: #f5f5f5;box-shadow: 0 0 4px #c0c0c0;-webkit-box-shadow: 0 0 4px #c0c0c0;box-shadow: 0 0 4px #c0c0c0;*/width: 610px;margin: 15px 0 0;display: block;position: relative;margin-right:-4px!important;max-width:100%;padding-bottom:2px} .innerprod {width: 548px;padding: 10px 10px 15px;} .roductright {float: right; width: 40%;} .roductleft {float: left; width: 54%;} .jshop .product_label {} .jshop_list_product .product .name {height: 50px;overflow: hidden;text-align: center;padding-top: 2px;} a.productnameww {text-decoration: none;color: #ff6926 !important;font-weight: 800;font-size: 18px;} .jshop_list_product .image_block {overflow: hidden;max-width: 200px;height: 138px;text-align: center;padding: 0px;} img.jshop_img {;padding: 0px !important;} a.hoverlink:link, a.hoverlink:visited {opacity: 0;height: 35px;border: 0 none;padding: 0px 0px;margin-top: -90px;display: block;transition: all 1.5s;text-decoration: none;} a.hoverlink:hover {opacity: 1;border: 0 none;} a.hoverlink span {background-color: #FFF;font-weight: bold;font-size: 14px;color: #000;padding: 20px 34px;opacity: 0.7;border: 0 none;white-space: nowrap;} #blockwhite {margin: 0px auto 10px;height: 167px;display: block;} .jshop_list_product .product .description, #right .marquito .description {font-size: 10px;margin-top: 0px;font-weight: 800;display: inline-block;color: #383838;padding: 0px 0px 5px;width: 100%;} .image ul { list-style: none; /* Verwijder standaard opsommingstekens */ font-size: 13px; margin: 0; line-height: 25px; text-align: left; padding-left: 20px; /* Ruimte voor het vinkje */ } .image ul li::before { content: "✅"; /* Unicode karakter voor het vinkje */ color: #0ea0e7; /* Pas de kleur van het vinkje aan indien gewenst */ font-size: 16px; /* Optioneel: grootte van het vinkje */ margin-right: 8px; /* Ruimte tussen het vinkje en de tekst */ display: inline-block; vertical-align: middle; } .jshop_list_product .jshop .old_price, #right .marquito .old_price, .oudeprijs {text-decoration: line-through;font-style: normal;display: inline-block;font-size: 95%;text-align: center;height: 20px;font-weight: 800;width: 100%;padding-bottom: 1px;} .wwshopper {text-align: center;margin: 0px 0px 10px;display: block;height: 30px;width: 100%;} .wwshopper span, #right .item_price {color: #383838;font-size: 20px;padding: 0;font-weight: 700;} .aantalx {display: block;width: 100%;margin-bottom: 5px;height: 25px;text-align: left;} div.knoppen {height: 35px;max-width: 220px;display: block;} div.detailbtn {margin-bottom: 5px;display: block;} div.detailbtn a.button_detail {background-color: #ff6b29;border: 1px solid #ea4916;color: #fff;font-weight: 500;padding: 9px 10px;border-radius: 5px;border-radius: 5px;border-radius: 5px;cursor: pointer;position:relative;overflow:hidden;text-align: center;text-decoration: none;width: 100%;display: block;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;filter: drop-shadow(0 6px 8px rgba(0, 0, 0, 0.1));} div.detailbtn a.button_detail:hover {color:transparent;filter: drop-shadow(0 6px 8px rgba(0, 0, 0, 0.25));} div.detailbtn a.button_detail:before {content: ' ';position:absolute;right: 225px;top: 2px;-ms-transform: rotate(0deg);-webkit-transform: rotate(0deg);transform: rotate(0deg);width: 112px;height: 32px;padding-bottom:20px!important;-webkit-transition: all 0.6s ease;-moz-transition: all 0.6s ease;transition: all 0.6s ease;background-size: 100% !important;background: url("../images/informatie.png") no-repeat top right transparent;} div.detailbtn a.button_detail:hover:before {top: 2px;right: 5px;} .wmtekst {padding:0 15px;} .jshop_list_product .not_available { position: absolute; top: 0; left: 0; width: 100%!important; /* Zorgt ervoor dat de overlay de volledige breedte van het product bedekt */ height: 100%; /* Zorgt ervoor dat de overlay de volledige hoogte van het product bedekt */ background: rgba(255, 255, 255, 0.5); /* Semi-transparante witte overlay */ z-index: 6; /* Zodat het bovenop andere elementen wordt weergegeven */ } body.view-products #content {padding: 10px 0;} /* Category */ .jshop_list_category, .marquito_category {float: left;display: block;width: 100%;} .jshop_categ {width: 49%;display: inline-block;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;} .jshop_categ:nth-child(1), .jshop_categ:nth-child(3) {float:left;padding-right:2%;border-radius: 10px;} .jshop_categ:nth-child(2), .jshop_categ:nth-child(4) {float:right;padding-left:2%;border-radius: 10px;} .jshop_categ .category {width: 100%;border: 18px solid #f5f5f5;margin:10px 0 0;box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);} .jshop_categ .category img.jshop_img {border: 0 none;width: 83%;} .cat_discr {display: inline-block;width: 62%;vertical-align: top;line-height: 25px;} .marquito_category .category .image, .category .image,.category .image {display: inline-block;width: 28%;padding:0;} h2#cattitlelink a.product_link, .jshop_list_category .product_link {text-decoration:none;font-size: 17px;color:#404040;} h2#cattitlelink a.product_link:hover {color:#0EA0E7;text-decoration:underline;} .cat_discr p {line-height: 18px;color: #808080;} /* Cart */ .cart {border: 0 solid;} .jshop_img_description_center, .jshop_img_description_order, .product_name, .product_prijs, .product_aantal, .product_prijstot, .product_verwijderen, .product_code, .product_naam, .aantal-product { color:#4f4f4f; display:inline-block;vertical-align: top;padding: 5px 0px} .product_naam, .product_name {padding-left: 0%;} .jshop_img_description_center {width:23%;} .jshop_img_description_order {width:23%;} .product_naam {width:18%;} .aantal-product {width:5%;} .product_code {width:14%;} .product_naam, .aantal-product, .product_code {border-left:1px solid #dedede;height: 148px;} .product_prijs, .product_aantal, .product_prijstot, .product_code {width:14%;border-left:1px solid #dedede;height: 148px;} .product_name {width:22%;border-left:0px solid #dedede;} .jshop_img_description_center, .jshop_img_description_order, .product_prijs, .product_aantal, .product_prijstot, .product_verwijderen, .product_code, .aantal-product {text-align:center;} .myorderinfo .userbillinfo {padding-right: 0;} .jshop .downlod_order_invoice {display: block;width: 100%;height: 45px;} a#downpdf {float: right;} .product_verwijderen {width:7%;border-left:0px solid #dedede;height: 148px;} .jshop_prod_cart {border:1px solid #dedede; border-top: 0px solid #dedede;width:100%;} .jshop_prod_cart.odd {background-color:#f8f8f8;padding-top:10px} .jshop_prod_cart.even{padding-top:10px} .jshop_prod_cart.top {font-weight: bold;border: 1px solid #DEDEDE;height: 30px;background-color: #CCC;} .jshop_subtotal .name, .jshop_subtotal .value {display:inline-block; color:#4f4f4f;} .jshop_subtotal .name {width: 83%;} .jshop_img_description_center img.jshop_img {max-width:100%} .verwijderentekst {display:none;} #checkout {width: 100%;background-color: #F8F8F8;border: 1px solid #F1F1F1;border-radius: 3px;height: 48px;line-height:22px;} .stappenplan2mobile, .stappenplan3mobile {display:none;} .stappenplan2mobile img, .stappenplan3mobile img, .stappenplan2 img, .stappenplan3 img {max-width: 100%;width: 100%;} .inputboxcc, #ajax_cart_content input.inputbox {background: #F7F7F7;border: 1px solid #C0C0C0;border-radius: 6px;box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.07) inset; margin-bottom: 4px;padding: 4px;width: 28%;} #checkout .td_1, #checkout .td_2 {display:inline-block;margin-top: 12px;} #checkout .td_1 {float:left;margin-left:10px;} #checkout .td_2 {float:right;margin-right:10px;} .td_2 a::before { content: ""; /* Noodzakelijk voor het weergeven van het pseudo-element */ display: inline-block; /* Maakt het mogelijk om breedte en hoogte te definiëren */ width: 30px; /* Breedte van je icoon */ height: 30px; /* Hoogte van je icoon */ background-image: url('/images/menupng/winkelwagenwas.png'); /* Vervang dit door het pad naar je icoon */ background-size: contain; /* Zorgt dat de afbeelding past binnen de afmetingen */ background-repeat: no-repeat; /* Voorkomt herhaling van de afbeelding */ margin-right: 3px; /* Afstand tussen het icoon en de tekst */ vertical-align: middle; /* Lijnt het icoon uit met de tekst */ margin-top:-3px } #checkout a img {display:none;} .td_1 a, .td_2 a {border-top-color: transparent;border-right-color: transparent;border-bottom-color: transparent;border-left-color: transparent;border-image: none;font-weight: 600;padding: 5px;border-radius: 5px;border-radius: 5px;border-radius: 5px;cursor: pointer;font-family: tahoma,verdana;border-width: 1px;border-style: solid;text-decoration: none !important;font-size: 14px;} .td_1 a:hover{background:#0272a8;} .td_1 a {background-color: #0ea0e7; cursor:pointer;border:1px solid #0C7DB3;color:#fff;padding:10px 12px;letter-spacing:1px;font-family:roboto;font-size:14px;} .td_2 a {background-color:#5FD518;border: 1px solid #8AD05F;letter-spacing:0px;font-family:roboto; box-shadow: 0px -11px 20px rgba(87, 87, 87, 0.5) inset;color: #fff; padding-left: 30px; padding-right:30px;padding:10px 15px;font-size:14px;margin-top:3px;} .td_2 a:hover {background-color: #53BB15;border: 1px solid #8AD05F; box-shadow: 0px -11px 20px rgba(87, 87, 87, 0.5) inset;} /* wensenlijst */ .jshop_img_description_center2,.toevoegen_winkelwagen,.product_verwijderen2,.product_aantal2, .product_prijs2, .product_name2 { color:#4f4f4f; display:inline-block;vertical-align: top;padding: 5px 0px} .toevoegen_winkelwagen,.product_verwijderen2, .product_aantal2,.product_prijs2, .product_name2{border-left:1px solid #dedede;height: 167px;} .jshop_img_description_center2, .product_verwijderen2, .product_aantal2, .product_prijs2, .product_name2,.toevoegen_winkelwagen, .product_verwijderen2 {text-align:center;} .product_name2{width:15%;} .toevoegen_winkelwagen {width:14%;} .jshop_img_description_center2 {width:17%;} .jshop_img_description_center2 li { margin-left: 10px; width: 200px; text-align: left; list-style: none; /* Verwijder de standaard lijststijl (geen afbeelding) */ position: relative; padding-left: 20px; /* Zorg voor ruimte voor het vinkje */ } .jshop_img_description_center2 li::before { content: "✅"; /* Unicode voor het vinkje */ color: #0ea0e7; /* Pas de kleur van het vinkje aan */ font-size: 16px; /* Optioneel: grootte van het vinkje */ position: absolute; left: 0; /* Plaats het vinkje links */ top: 0; } .product_aantal2, .product_prijs2 , .product_verwijderen2{width:10%} .verplaatsnaar {width:200px;display:inline-block} .verplaatsnaar:hover {background:#0c80b9!important;} /* log in block Checkout */ .loginblok { display:block; /*max-width:520px;*/ overflow: hidden; margin-left:auto;margin-right:auto;border:1px solid #e1e1e1;padding:10px;border-radius:7px;} #username,#password,#password_2 {height:30px; width:175px;max-width:100%;} /* social login */ .socialbutton { display: block;width: 83%;text-align: center; margin: auto; } .afrekensocial {display: block; padding-top: 10px; /*max-width: 608px;clear: both;*/} .afrekensocial .socialbutton {width: 50%; float: left;} .socialnooit { display: block;clear: both;font-size:13px; color:#7D7D7D; text-align: center; padding-bottom: 10px} .login-text3 {color:#7D7D7D; margin-top:15px; font-weight: bold;} .socialdiv {background:#e1e1e1;padding:15px; float: left;} .socialdiv label {display: block; padding-bottom: 10px;} .socialdiv .button-login {background-color: #0ea0e7; width: 100%; border: 1px solid #8c8c8c;color: #fff; border-radius: 4px; padding: 7px; margin-top: 28px;} .socialdiv .button-login:hover {background-color: #0ea0e7;color:#fff;} @media screen and (max-width: 568px) { .socialdiv {margin: auto !important; padding: 5px; padding-bottom: 10px;} } /* Checkout */ .jshop_prod_cart.odd .name {display:none} .jshop_prod_cart.odd .list_attribute,.jshop_prod_cart.even .list_attribute{border:0px solid #cecece;padding:0px;margin-top:10px;overflow:hidden;} .login-text2 {display: inline-block;color: #808080;font-weight: bold;float: left;margin: 12px 20px 0 0;} /* .jshop_login {padding: 5px 0 0;float: left;margin-bottom: -10px;background-color: transparent;} */ .login-chckout {display: inline-block;float: left;margin-right: 10px;} .login-text {font-size: 22px;font-weight: bold;display: inline-block;height: auto;color: #808080;} .checkout_left {width: 49%;float: left;margin-right: 1%;} .jshop h1.checkout_title, #content_area h1.checkout_title, .checkout_title {background: none repeat scroll 0 0 #0ea0e7;border: none !important;border-radius: inherit;box-shadow: none;color: #FFFFFF !important;font-size: 18px;font-weight: bold;margin: 7px 0 7px 0px;padding: 5px 10px;text-shadow: 1px 1px #1f678a;} .jshop p.checkout_title {font-size: 15px;} div.jshop_register {width: 100%;text-align: left;padding: 10px 0px;} .address_block .jshop_register .name {color: #4F4F4F;} div.jshop_register .inputbox, #login_regis .inputbox {width: 100%;} .checkout_middle {width: 49%;float: left;margin-left: 1%;} .checkout_right_with_middle {width: 100% !important;} #jshop_previews table.cart {width: 49%;float: left;margin-right: 1%;} #jshop_login input.button {margin-top: -5px;} #jshop_previews table.jshop_subtotal {width: 49%;float: left;margin-left:1%;} #jshop_previews .jshop_subtotal .value {float: right;width: 24%;} #jshop_previews .jshop_subtotal .name {width: 74%;} #jshop_previews .jshop_subtotal .name, #jshop_previews .jshop_subtotal .value {-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing: border-box;} #jshop_shippings {padding:0 10px; color:#4f4f4f;} #marpreviewimg img.jshop_img {display: block;margin: 0px auto 10px;width: 56% !important;} input.inputbox2 {background-color:#ddd !important;} #table_payments img {margin-bottom: -5px;} #register_block .regisrow.hide-html .input, #register_block #regis table, #register_block #regis table tbody, #register_block #regis table tbody tr {display:block;width: 100%;} #register_block table td.name {width: 31%;} #register_block table td {width: 69%;} /* registartieformulier */ #login_block ,#register_block {display: block;float: left;} #login_block {width: 39%;margin-right: 1%;} #register_block {width: 58%;margin-left: 2%;} #regis .regisrow {width:100%;display:block;float: left;} #regis a {text-decoration: underline;} #regis .hide-html .name {min-height: 0 !important;} #regis .name, #regis .input, #regis .namestraat, #regis .namezip, #regis .inputstraat, #regis .namestraatnr, #regis .inputstraatnr, #regis .inputzip, #regis .nameplaats, #regis .inputplaats {display:inline-block;float: left;} #regis .name, #regis .namestraat, #regis .namezip, #regis .nameplaats {width:31%;min-height: 25px;} #login_block #regis .name {width:35%} #login_block #regis .input {width:65%;} #regis .name, #regis .namestraat, #regis .namezip, #regis .namestraatnr, #regis {line-height: 34px; color:#4f4f4f;} #regis .input, #regis .inputstraat, #regis .inputplaats {width:69%;} #regis .inputstraat input#street, #regis .inputplaats input#city {background-color: #ddd;} #regis .namestraatnr {width: 22%;text-align: right;padding-right: 7px;} #regis .inputstraatnr {width:20%;} #regis .inputzip {width:27%;} #regis .inputbox, #regis .namestraatnr, #regis .nameplaats {-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing: border-box;} .requiredtext {display: block;float: left;width: 100%;} input#remember_me {margin: 10px 0 0;} .jshop p.checkout_title {font-size: 15px;} .jshop p.checkout_title span {font-size: 17px;font-weight: 500;} .requiredtext {display: block;float: left;width: 100%;padding-bottom: 10px;color: #ff6926;font-size: 11px;} #formulier-edit-account .input { background:#ffff; height:34px; border-radius:4px;color:#2d2b2b; line-height:40px; margin-top:6px; padding-left:5px} #form33 .button-submit:hover {background:red} #form39 select {border:1px solid #ccc!important;} body.view-formmaker.itemid-249 #footer,body.view-formmaker.itemid-249 #bottommain { display: none !important; } body.view-formmaker.itemid-249 #bottommain { float:right!important; } body.view-formmaker.itemid-249 #header { display:none!important; } body.view-formmaker.itemid-249 #content_wrapper { margin-top:-48px!important; } #form21 .button-submit:hover { transform: scale(1.05); } #form21 select,#form21 input[type="text"] { width: 100% !important; height: 30px!important; border-radius:5px!Important; } /* Standaard CSS: Desktop weergeven */ .desktop-view { display: block; } .mobile-view { display: none; } /* Mobiele weergave: alleen mobiele versie tonen */ @media (max-width: 768px) { .desktop-view { display: none; } .mobile-view { display: block; } } @media screen and (max-width: 767px) { /* Verberg de footer alleen op de pagina met het formulier #form21 */ #form21 textarea { width: 83% !important; height: 90px!important; border-radius:5px!Important; } #form21 select,#form21 input[type="text"] { width: 83% !important; height: 30px!important; border-radius:5px!Important; } #form21 .wdform_column { margin-left:10px; } /* Specifieke marge voor form21 */ #form21 #contenttop { margin: 25px; } #form21 .wdform_page {padding:25px!Important;} .item-133 {display:none!important;} .jshop_categ { width:100%; } #content {margin-top:0;} #searchmob input.button {top: 8px;} #login_block, #register_block {width:100%;margin: 0px 0px 20px;border-bottom: 1px solid #444;padding-bottom: 20px;} #regis .name, #regis .namestraat, #regis .namezip, #login_block #regis .name {width:25%;} #regis .input {width:75%;} #regis .namestraatnr, #regis .nameplaats {width: 20%;} #regis .inputstraat {width:45%;} #regis .inputstraatnr {width:10%;} #regis .inputzip {width:15%;} #regis .inputplaats {width:40%;} #login_block #regis .input {width: 30%;} body.login #logo, body.login #logo a, body.login #header, body.login #header-module {height:0;display:none;} #topright li:last-child, #header-module .module:nth-child(3), #bottommain ul {display:none;} #topright li:nth-child(2) {border-right:0px solid transparent;} #bottommain {height: 30px;} } @media screen and (max-width: 685px) { .jshop_categ, .jshop_categ:nth-child(1), .jshop_categ:nth-child(2), .jshop_categ:nth-child(3), .jshop_categ:nth-child(4) {width: 96%;padding: 0;float: none;margin: 0 auto;display: block;} } @media screen and (max-width: 568px) { .warranty-badge::after {display:none!important;} .warranty-badge { line-height: 20px; } .fa-check-circle::before { content: "\f058"; font-size: 1.0em; vertical-align: middle; line-height:20px; } #regis .name, #regis .namestraat, #regis .namezip, #login_block #regis .name {width:30%;} #regis .input {width:70%;} #regis .namestraatnr, #regis .nameplaats {width: 25%;} #regis .inputstraat {width:35%;} #regis .inputstraatnr {width:10%;} #regis .inputzip {width:15%;} #regis .inputplaats {width:30%;} #login_block #regis .input {width: 45%;} } @media screen and (max-width: 480px) { #regis .name, #regis .namestraat, #regis .namezip, #regis .namestraatnr, #regis .nameplaats, #login_block #regis .name {width:40%;text-align: left;} #regis .input, #regis .inputstraat, #regis .inputstraatnr, #regis .inputzip, #regis .inputplaats {width:60%;} #login_block #regis .input {width: 50%;} span.aniknop{width: 285px;right: 430px} #anibutton:hover span.aniknop{right: 50px;} input#auction_buy_now:hover{color: #fff} } @media screen and (max-width: 360px) { #regis .name, #regis .namestraat, #regis .namezip, #regis .namestraatnr, #regis .nameplaats {width:100%;line-height: 20px;margin-top:5px;} #login_block #regis .name {width:35%;} #regis .input, #regis .inputstraat, #regis .inputstraatnr, #regis .inputzip, #regis .inputplaats {width:100%;} #login_block #regis .input {width: 65%;} } /* social media */ .delen {display: block;float: left;width: 100%} body.com_jshopping.view- .innerdelen, .innerdelendesktop {float:right;margin-bottom: -49px;} a.facebook {background-image: url(../images/facebookweshover.png)} a.facebookmobiel {background-image: url(../images/facebookmobiel.png)} a.facebook:hover {background-image: url(../images/facebookwes.png);z-index:9;opacity:1!important;} a.google {background-image: url(../images/google.png)} a.twitter {background-image: url(../images/twitter.png)} a.twittermobiel {background-image: url(../images/twittermobiel.png)} a.whatsapp {background-image: url(../images/whatsappweshover.png);opacity:0;display:inline-block !important;} a.whatsappmobiel {background-image: url(../images/whatsappmobiel.png);opacity:0;display:inline-block !important;} a.whatsapp:hover {background-image: url(../images/whatsappwes.png);z-index:9;opacity:1!important;} a#socialmediamarquito.whatsapp:link, a#socialmediamarquito.whatsapp {width:38px;height:38px;background-size: 38px 38px;} a#socialmediawesley.whatsapp:link, a#socialmediawesley.whatsapp {width:51px;height:38px;background-size: 51px 29px;} a.mail {background-image: url(../images/mailhover.png)} a.mailmobiel {background-image: url(../images/mailmobiel.png)} a.mail:hover {background-image: url(../images/mail.png);z-index:9;opacity:1!important;} span.marquitodelentext {float: left;line-height:10px;display: block;width: 100%;margin-left:10px} a#socialmediamarquito:link, a#socialmediamarquito:visited {opacity:100%;width:38px;height:38px;background-size: 38px 38px;display: inline-block;margin-right:6px;background-repeat: no-repeat; padding-left: 2px;padding-right: 2px;margin-bottom:-8px;} a#socialmediawesley:link, a#socialmediawesley:visited {opacity:100%;width:51px;height:39px;background-size: 51px 29px;display: inline-block;margin-right:6px;background-repeat: no-repeat; padding-left: 2px;padding-right: 2px;margin-bottom:-8px;} .delenmobiel {float:none;margin-left:0;margin-right:0;text-align:center} /* Contact */ form#contact-form dl {max-width: 600px;width: 100%;} form#contact-form dt, form#contact-form dd {display: inline-block;margin: 0 0 5px;vertical-align: top;} form#contact-form dt {width: 25%;} form#contact-form dd {width: 74%;} form#contact-form input#jform_contact_email_copy {width: auto;} form#contact-form fieldset {border: 0px solid transparent;} form#contact-form button {padding: 8px 20px;font-size: 16px;} body.com_contact h2, body.com_contact h3, body.com_contact .contact-user-details {display:none;} form#fcp_form label {display: inline-block;width: 175px;text-align: left;} form#fcp_form input, form#fcp_form textarea, form#fcp_form select {padding-left:5px; padding-top:5px; background-color:#f3f3f3;border: 1px solid #ddd;border-radius: 2px;border-radius: 2px;border-radius: 2px;-webkit-box-shadow: 0px 0px 4px #ddd inset;box-shadow: 0px 0px 4px #ddd inset;box-shadow: 0px 0px 4px #ddd inset;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing: border-box;} form#fcp_form input, form#fcp_form select {width: 55%!important;max-width: 390px;} form#fcp_form select {padding: 5px 0;} form#fcp_form textarea {width: 65% !important;} form#fcp_form input#show_copy {width: auto !important;display:inline-block;vertical-align: top;margin-top: 3px;} form#fcp_form label.fcp_lcb {display: inline !important;margin-bottom: 0;} form#fcp_form input.fcp_lcb {margin-left: 10px;} #fcp_image_outer {height: 50px;margin-bottom: 20px;padding-left:40px;} #fcp_image_outer label {display: inline-block !important;width: auto !important;margin: 30px 0 0 0;padding-left:0;} form#fcp_form input#fcp_send_button {background-color: #555;-webkit-box-shadow: -1px -1px 2px #777 inset;box-shadow: -1px -1px 2px #777 inset;box-shadow: -1px -1px 2px #777 inset;border-width: 1px;border-style: solid;border-color: #444 transparent transparent #444;width:auto !important;margin-left: 5px;} .fcp_sendrow {margin-left: 0 !important;padding-left: 185px;} #fcp_image_outer .fcp_image_inner {padding-left: 185px;float: left;} #fcp_image_outer #fcp_err_image {margin-top: 0px;display: inline-block;text-align: right;width: 100%;} form#fcp_form div#fcp_image_outer {max-width:100% !important;padding: 0px;} form#fcp_form div#fcp_image_outer label {display: block !important;width: 100% !important;text-align: left;max-width: 100%;padding-left: 190px;} form#fcp_form div.fcp_copy_me {padding-left: 185px;} div.fcp_line {max-width: 100%;} @media screen and (max-width: 568px) { .product_label > img { margin-left:1px!important ;} #fcp_image_outer label {display:block;margin-top:0;float:right;} form#fcp_form input, form#fcp_form select, form#fcp_form label, form#fcp_form div.fcp_line {width: 100%;max-width: 390px;} form#fcp_form div#fcp_div004 {max-width:100% !important;} form#fcp_form div.fcp_line {position: relative;} form#fcp_form span.fcp_info, form#fcp_form span.fcp_error_msg {position: absolute;} form#fcp_form input, form#fcp_form select, form#fcp_form label, form#fcp_form div#fcp_image_outer label, #fcp_image_outer .fcp_image_inner {display: block;width: 100%;} form#fcp_form div.fcp_copy_me, .fcp_sendrow {padding-left: 0;} form#fcp_form span.fcp_info {top: 11px;right:0;} form#fcp_form span.fcp_error_msg {top:10px;right:30px;} #fcp_image_outer #fcp_err_image {position: static;margin-top: -5px;vertical-align: top;} } @media screen and (max-width: 320px) { form#fcp_form input.fcp_lcb {margin-left: 5px;} } /* beoordelingen */ .easy_frame {border: 1px solid #EDEDED;margin-bottom: 30px;padding: 5px;border-radius: 7px;border-radius: 7px;border-radius: 7px;box-shadow: 0 0 5px #b5b5b5;background-color: #f2f2f2 !important;} body.task-bids #fixer, body.task-bids footer, body.task-bids #bottommain, body.task-bids #topmain, body.task-bids aside, body.com_easybookreloaded.task-add #fixer, body.com_easybookreloaded.task-add footer, body.com_easybookreloaded.task-add #bottommain, body.com_easybookreloaded.task-add #topmain, body.com_easybookreloaded.task-add aside, body.com_easybookreloaded.task-add #easybook div.view,body.com_easybookreloaded.task-add #easybook h2, body.com_easybookreloaded.task-add #easybook .btn-group {display: none;} body.com_easybookreloaded.task-add {background-color: #fff;} body.com_easybookreloaded.task-add #main, body.com_easybookreloaded.task-add #content_wrapper {box-shadow: 0px 0px 0px #fff;-webkit-box-shadow: 0px 0px 0px #fff;box-shadow: 0px 0px 0px #fff;} #easybook .control-label {display: inline-block;width: 30%;float: left;padding-top: 5px;} #easybook .controls {display: inline-block;width: 70%;} #easybook input, #easybook textarea, input.inputbox, textarea.inputbox, form#contact-form input, form#contact-form textarea, #jform_email,#jform_username,#jform_token,#jform_password1,#jform_password2 {background-color: #F7F7F7;border: 1px solid #C0C0C0;border-radius: 6px;border-radius: 6px;border-radius: 6px;box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.07) inset;margin-bottom: 4px;margin-top: 4px;padding: 4px; width:100%; height:33px} #jform_email,#jform_username,#jform_token,#jform_password1,#jform_password2 {width:25%!important;} #easybook .stars input {width:auto;} #easybook .control-group:nth-child(3), #easybook .control-group:nth-child(4), #easybook .control-group:nth-child(6){display:none;} #easybook a.view, #easybook a.sign {display: none;} #gbtext {height:4rem!important;} #easybook a.view:hover, #easybook a.sign:hover {color:#3795EC;} .easy_intro {margin: 5px 0px 20px !important;padding: 20px 15px;border-top: 2px solid rgb(229, 229, 229);border-bottom: 2px solid rgb(229, 229, 229);font-size: 14px;color: #333;} .easy_content {background-color: #fff !important;border: 0px solid !important;margin: 8px 0 !important;text-align: left;padding: 10px 10px 15px;color: #404040;} .easy_top {background-color: #0ea0e7;height: 34px !important;} .easy_top_left {padding-left: 10px;padding-top: 5px;padding-bottom: 10px;float: left;} .easy_top, .easy_content, .easy_top_right .wstars, div.easylast_entrylastwws {border-radius: 5px;border-radius: 5px;border-radius: 5px;} .easy_small {float: right;font-size: 9px;vertical-align: middle;padding-left: 10px;color: #808080;} .easy_top_right .wstars {padding: 2px 8px 4px !important;margin: 8px 10px !important;background-color: #fff;height: 20px;width: 102px;display: inline-block;} .easy_top_right {padding: 0;float: right;color: transparent;width: 205px;} .easy_top_right a {display:none;} img.marquitostar {margin-top: 2px;} span.reviewtext {color: #fff;font-weight: 400;margin-top: 7px;float: left;} .easy_big, .easy_big a:link, .easy_big a:visited {margin-left: 1px !important;font-size: 16px;vertical-align: middle;color: #FFF !important;text-decoration:none;font-weight: 400;} .easetext {margin-bottom: 5px;min-height: 55px;} img.easyimage {float: left;margin-right:10px;} body.add.entry #top, body.add.entry #header, body.add.entry #navbar, body.add.entry #jslikeboxsidebarleft, body.add.entry #footer, body.add.entry #footer-wrapper, body.add.entry #right, body.add.entry h3, body.add.entry h2, body.add.entry p.marquitobeoor {display:none} body.add.entry {background-image: none !important;background-color:#fff !important;min-width: 200px !important;width:100%;} body.add.entry #wrapper {border-top: 0px solid;} body.add.entry #main {border-radius: 0px;border-radius: 0px;border-radius: 0px;-webkit-box-shadow: 0 0 0px transparent;box-shadow: 0 0 0px transparent;box-shadow: 0 0 0px transparent;margin-bottom: 0;background-image: none;} body.add.entry #content_wrapper {background-image: none;width: 100%;padding: 0px;background-color:#fff;} iframe.easyform {width:62%;max-width: 568px;height: 550px;display: inline-block;float: left;border: 0px solid;} .easynum {display: inline-block;padding: 0px 4px 0 4px;margin-bottom: 5px;background-color: #0ea0e7;border-radius: 50%;border-radius: 50%;border-radius: 50%;color:#fff;line-height:29px;height:29px;width:29px} .poppetie {float: left;width: auto;max-width: 38%;} img.easypop {max-width: 80%;height: auto;} .easylast_entrylastwws {background-color: #FFF !important;overflow: hidden;} div.easylast_namelastwws {background-color: #960117;} .module.lastwws {background-color: #F2F2F2 !important;} #content_wrapper div.easylast_namelastwws a:link, #content_wrapper div.easylast_namelastwws a:visited, #content_wrapper div.easylast_namelastwws a:hover {color:#fff !important;text-decoration:none;font-weight: bold;margin-left:5px;} .easylast_entrylastwws {margin-bottom:10px} #content_wrapper div.easylast_namelastwws a:hover {text-decoration:underline;} .easylast_textlastwws {padding: 0 5px;} div.easylast_small em {font-size: 11px!important;} .module.lastwws h3 {background-color: transparent !important;} .wstars img {vertical-align:top;} .row-fluid .btn.btn-primary.button.validate {margin-top:20px;} /* Tooltip */ #tab-content1 a#tooltip {text-decoration: none;color: #fff !important;background-color: #c3c3c3;width: 16px;height: 16px;text-align: center;line-height: 12px;margin: 2px 5px 0 0;border-radius: 50%;padding: 1px;border: 1px solid transparent;font-weight: 600;font-size: 12px;text-shadow: 1px -1px 1px rgba(200, 200, 200, 0.5);cursor:none;float: right;} #tab-content1 a#tooltip.hint--top::after {left: -100px;} a#tooltip, .fcp_info {text-decoration: none;color: #fff !important;background-color: #777;text-align: center;line-height: 12px;margin-left: 5px;border-radius: 50%;padding: 1px;border: 1px solid transparent;font-weight: 600;font-size: 12px;vertical-align:top; cursor:none;width: 16px;} a#tooltip:hover, td.attributes_title a#tooltip:hover {background-color: #155BD4;border: 1px solid #155BD4;color: #fff !important;} .hint, [data-hint] {position: relative;display: inline-block;} .hint:before, .hint:after, [data-hint]:before, [data-hint]:after {position: absolute;-webkit-transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);visibility: hidden;opacity: 0;z-index: 1000000;pointer-events: none; -webkit-transition: 0.3s ease;-moz-transition: 0.3s ease;transition: 0.3s ease;-webkit-transition-delay: 0ms;-moz-transition-delay: 0ms;transition-delay: 0ms;} .hint:hover:before, .hint:hover:after, .hint:focus:before, .hint:focus:after, [data-hint]:hover:before, [data-hint]:hover:after, [data-hint]:focus:before, [data-hint]:focus:after {visibility: visible;opacity: 1;} .hint:hover:before, .hint:hover:after, [data-hint]:hover:before, [data-hint]:hover:after {-webkit-transition-delay: 100ms;-moz-transition-delay: 100ms;transition-delay: 100ms;} .hint:before, [data-hint]:before {content: '';position: absolute;background: transparent;border: 6px solid transparent;z-index: 1000001;} .hint:after, [data-hint]:after {width: 350px;height: auto;content: attr(data-hint);background: rgb(21, 91, 212);color: white;padding: 8px 10px;font-size: 12px;line-height: 16px;white-space: normal;text-shadow: 0 -1px 0px rgba(0, 0, 0, 0.5);box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.3);text-align: left;} [data-hint='']:before, [data-hint='']:after {display: none !important;} .hint--top:before {border-top-color: rgb(21, 91, 212);margin-bottom: -12px;margin-left: -3px;} .hint--top:after {margin-left: -18px;} .hint--top:before, .hint--top:after {bottom: 100%;left: 4px;} .hint--top:hover:after, .hint--top:hover:before, .hint--top:focus:after, .hint--top:focus:before {-webkit-transform: translateY(-8px); -moz-transform: translateY(-8px);transform: translateY(-8px);} .hint--bounce:before, .hint--bounce:after {-webkit-transition: opacity 0.3s ease, visibility 0.3s ease, -webkit-transform 0.3s cubic-bezier(0.71, 1.7, 0.77, 1.24);-moz-transition: opacity 0.3s ease, visibility 0.3s ease, -moz-transform 0.3s cubic-bezier(0.71, 1.7, 0.77, 1.24);transition: opacity 0.3s ease, visibility 0.3s ease, transform 0.3s cubic-bezier(0.71, 1.7, 0.77, 1.24);} td.attributes_title a#tooltip {background-color: #b2b0b1;vertical-align:middle;} /* Misc */ .check-cat {font-size:12px; height: 40px; text-align:center;overflow:hidden;} #bottommain ul,.check-cat ul {float: none;text-align: center;} #bottommain li, .check-cat li {text-decoration:none;float: none; padding-left:25px;overflow:hidden; color:#ff6926;font-weight:bold;} #bottommain li img {margin-right:5px;} #marquitomap {width: 100%;height: 600px;} #marquitomap iframe {width: 100% !important;height: 600px !important;} .accordion-group.panel.nn_sliders-group.nested {border: none;max-width:112%;padding: 8px 0px!important;margin-left:-25px;overflow:hidden;display:block;width:600px} .nn_sliders.accordion > .accordion-group .accordion-heading .accordion-toggle {padding: 8px 15px 8px 29px;position: relative;background-color:transparent;} .nn_sliders.accordion > .accordion-group .panel-heading a.accordion-toggle::before {border: 1px solid #d5d5d5;padding: 2px 8px 3px 8px;content:url("../images/downarrow.png");left:10px;top:7px;width:0;height:auto;margin-right: 5px;} fieldset.auction_front, div.auction_confirm_block {max-width: 100%;} a.policy {text-transform: none !important;color: #ff6926 !important;font-weight: 500 !important;} #header h1#logo {font-size: 45px;line-height: 75px;margin-bottom: 0} #header h3#logo {display: none;} #header .imgbeoordeel {margin-top: 10px;text-align: center;} #easybook #anibutton {padding: 5px 10px;font-size: 18px;float: right; width:157px;max-width:100%} #reactieplaatsen {margin-top: -200px;position: absolute;} #marquitoframe {position: relative;padding-bottom: 56.25%;padding-top: 30px;height: 0;overflow: hidden;} #marquitoframe iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;} #product .flex-control-thumbs li {width: 23.5%;margin-right: 2%;} #product .flex-control-thumbs li:last-child {margin-right: 0;} #wsvideo {position: relative;padding-bottom: 56.25%;padding-top: 30px;height: 0;overflow: hidden;} #wsvideo iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;} a.face-link img.face-img {width: 40px;height: auto;background-color: #16b3ff;padding: 7px;box-shadow: 0 0 5px #777;-webkit-box-shadow: 0 0 5px #777;box-shadow: 0 0 5px #777;border-radius: 50%;border-radius: 50%;border-radius: 50%;-webkit-transition: all 0.3s ease-in-out 0s;-moz-transition: all 0.3s ease-in-out 0s;-o-transition: all 0.3s ease-in-out 0s;transition: all 0.3s ease-in-out 0s;} .nn_sliders-toggle-inner {font-weight:600;} a.face-link:hover img.face-img {background-color: #3b5998;} /* Modal pop-up */ /* Add animation (Chrome, Safari, Opera) */ @-webkit-keyframes modal { from {top:-200px;opacity: 0;} to {top:0px;opacity:1;} } /* Add animation (Standard syntax) */ @keyframes modal { from {top:-200px;opacity: 0;} to {top:0px;opacity:1;} } .modal {display: none;position: fixed;left: 0;top: 0;width: 100%;height: 100%;overflow: auto;background-color: #0b0b0bb8;z-index: 99;} .modal:target {display: block;} .modal-dialog {display: table-cell;vertical-align: middle;} .ExtendedFilterContainer .modal-dialog {display: block!important; } .modal-dialog .modal-content {margin: 10% auto;background-color: #fff;position: relative;padding: 0 0 20px 0;outline: 0;border: 1px #777 solid;width: 80%;max-height: 80%;box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);-webkit-animation-name: modal;-webkit-animation-duration: 0.5s;animation-name: modal;animation-duration: 0.5s;} #modal ul, #modal li, #belterug ul, #belterug li {margin-left: 20px; list-style-type: disc;width: 90%;} #modal p, #modal h3, #belterug p, #belterug h3 {padding: 0 20px;} #modal .inside, #belterug .inside {max-height: 80%;padding: 20px;} .closebtn {font-size: 34px;font-weight: bold;color: #000!important;position: absolute;top: -20px;right: -20px;background-color: #fff;border-radius: 50%;width: 41px;height: 41px;text-align: center;line-height: 35px;border: 3px solid #ff6926;padding: 0px 0 0 1px;} .closebtn:hover, .closebtn:focus {border: 4px solid #ff6926;text-decoration: none;cursor: pointer;} /* bel terug */ a.button.belmijterug {display: block;background-color: #0ea0e7;border-radius: 22px;border-radius: 22px;border-radius: 22px;box-shadow: 0 0 3px #999;height: 45px;width: 200px;margin: 0 10px;} #form24 a.button.belmijterug {background: #ff6926;display: inline-block;width: 145px;height: 41px;border-radius: 10px;border-radius: 10px;border-radius: 5px;border: 1px solid #fff; margin: 0;} a.button.belmijterug1 {display: block;background-color: #ff6926;border-radius: 22px;border-radius: 22px;border-radius: 22px;box-shadow: 0 0 3px #999;height: 45px;width: 200px;margin: 0 10px;} a.button.belmijterug1 :hover {background-color: #0b7fc4; border-radius: 22px;} a.button.belmijterug:hover {background-color: #0b7fc4;} #belterug {margin-top: 20px;} footer #form24 .wdform_page {padding: 15px 25px;} footer #form24 .wdform-element-section {display: block;width: 100%;} #belterug #form1 .wdform_page {background: #fff;font-family: 'Roboto', Open Sans,Arial,Helvetica,Sans-Serif !important;} #form24 .modal-dialog .modal-content {margin: 10%;} #form24 #modal ul, #form24 #modal li, #form24 #belterug ul, #form24 #belterug li {margin-left: 5%;} #form24 a.closebtn {color: #ff6926;} footer #belterug h2 {font-size: 150%;} footer #belterug p {color: #404040;} #belterug #form1 input[type="text"], #contactform20 #form20 input[type="text"],#wdform_18_element1, #contactform20 #form20 select, #contactform20 #form20 textarea, footer #form24 input[type="text"]{background-color: #F7F7F7;border: 1px solid #C0C0C0;border-radius: 6px;border-radius: 6px;border-radius: 6px;-webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.07) inset;box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.07) inset;box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.07) inset;margin-bottom: 4px;margin-top: 4px;padding: 4px;} #wdform_11_element31 {border:1px solid #ccc!important;} #belterug #form1 .button-submit, #contactform20 #form20 .button-submit, footer #form24 .button-submit, #form31 .button-submit {border: 0px solid #fff;border-radius: 0px;border-radius: 0px;border-radius: 0px;color: #fff;cursor: pointer;font-weight: 700;padding: 8px 12px;margin-top: 15px;font-size: 14px;background-color: #0ea0e7 !important; background-image: url("../images/versturen.png");background-position: top right;-webkit-transition: background-position 0.3s ease-in-out 0s;-moz-transition: background-position 0.3s ease-in-out 0s;-o-transition: background-position 0.3s ease-in-out 0s;transition: background-position 0.3s ease-in-out 0s; height:40px;} #belterug #form1 .button-submit {background-image: url("../images/belmeterug.png");} #belterug #form1 .button-submit:hover, #contactform20 #form20 .button-submit:hover {background-color: #0ea0e7 !important;background-position: top left;color: transparent;} #belterug h1 {margin: 25px auto 10px;font-size: 20px;padding: 3px 0;color: #333;font-weight: bold;text-align: center;border-top: 2px solid #ff6926 !important;border-bottom: 2px solid #ff6926 !important;width: 100%;} #belterug #form1 .wdform_column > div, #contactform20 #form20 .wdform_column > div {border-bottom: 0 solid #fff !important;} #belterug #form1 .wdform-label, #contactform20 #form20 .wdform-label, footer #form24 .wdform-label {line-height: 35px;} footer #form24 .wdform_column > div {border-bottom: 0px solid transparent;} #breadcrumbs img.imgresponsive, #breadcrumbs object.imgresponsive, #breadcrumbs a.imgresponsive {width: 104%;max-width: 104%;margin-left: -2%;margin-top: -20px;} #featvideo {position: relative;padding-bottom: 20.5%;padding-top: 30px;height: 0px;} #featvideo iframe, #featvideo object, #featvideo embed {position: absolute;top: 0px;left: 0px;width: 104%;height: 104%;margin-left: -2%;} /* extra button */ span.button-separator {display: inline-block;height: 1em;width: 5px;} p.mobile-footer-btns {text-align: center;margin: 0;} form#form24 a.reparatiebtn{padding: 0px 29px 0 5px;color: #fff;background-color: #0b91d0;display: inline-block;font-size: 15px;border-radius: 5px;border-radius: 5px; border-radius: 5px;box-shadow: 0 0 3px #999;height: 40px;margin: 0;line-height: 40px;vertical-align: top;position: relative;font-weight: 500;border: 1px solid #fff;} form#form24 a.button.belmijterug img {width: 100%;margin-top: 3px;} form#form24 a.reparatiebtn img {position:absolute;width: 25px;height: 25px;top: 7px;right: 4px;} span.button-separator {display: inline-block;width: 5px;} /* Nieuwe extra button Wesley */ #form25 .button-submit{border: 0px solid #fff;border-radius: 0px;border-radius: 0px;border-radius: 0px;color: #fff;cursor: pointer;font-weight: 700;padding: 8px 12px;margin-top: 15px;font-size: 14px;background-color: #0ea0e7 !important; background-image: url("../images/reparatie.png");background-position: top right;-webkit-transition: background-position 0.3s ease-in-out 0s;-moz-transition: background-position 0.3s ease-in-out 0s;-o-transition: background-position 0.3s ease-in-out 0s;transition: background-position 0.3s ease-in-out 0s; height:40px;} #form25 .button-submit:hover , .repbtn:hover { background-position: top left;color: transparent;} #form25 select {border:1px solid #babbbd!important; padding-left:6px;} .repbtn {border: 1px solid #fff;border-radius: 4px;border-radius: 4px; border-radius: 4px;color:#fff;cursor: pointer;font-weight: 600;padding: 8px 12px;margin-top: 15px;font-size: 14px;background-color: #FF6B29 !important; background-image: url("../images/reparatie1.png");background-position: top right;-webkit-transition: background-position 0.3s ease-in-out 0s;-moz-transition: background-position 0.3s ease-in-out 0s;-o-transition: background-position 0.3s ease-in-out 0s;transition: background-position 0.3s ease-in-out 0s; height:40px;} #repbtn-mobiel {border: 1px solid #fff;border-radius: 4px;border-radius: 4px; border-radius: 4px;color:#fff;cursor: pointer;font-weight: 600;padding: 8px 12px;margin-top: 15px;font-size: 14px;background-color: #31678c85; height:40px;display:inline-block;width:100%;text-align:center;line-height:22px;} .repbtn,.repbtn:hover {border:1px solid #fff;} .repbtn:hover { background-position: calc(100% - 148px) top; /* Verplaatst de afbeelding 10px naar rechts bij hover */ } /* Related products */ .jshop_list_product .list_related .jshop_related {margin-bottom: 0;padding: 0;} .linkslinks, .biedmee, #related1 {width: 100%;display: block;padding-left:12px;} ul.klikbaar {display:inline-block;} .related_header {margin: 20px 0 13px; border-bottom: 1px solid #c4bfbf;font-size: 14px;padding: 5px;text-transform: uppercase;display:inline-block;margin-top:10px} #related2 .row-fluid .sblock3, #related1 .row-fluid .sblock3 {width: 100%;} #related2 .jshop_list_product .block_product, #related1 .jshop_list_product .block_product {width: 100%;} #related2 .wwproducts, #related1 .wwproducts {width: 98%;max-width: 450px;position: relative;display: contents;margin: 0 auto;} #related2 .innerprod, #related1 .innerprod {width: 100%;box-sizing: border-box;} #related2 .roductright, #related1 .roductright {width: 49%;float: right;} #related2 .jshop_list_product .image_block, #related1 .jshop_list_product .image_block {width: 100%;} #related2 .roductleft, #related1 .roductleft {width:205px;float: left;} #related2 #blockwhite, #related1 #blockwhite {padding-top: 0px;} #related2 .image ul, #related2 .image ul li, #related1 .image ul, #related1 .image ul li {margin: 0;text-indent: -5px;} .jshop.list_related .price_savings {width:100%;} #related2 {display:none;} /* Footerbar */ .item-255, .item-256, .item-258 {display:none;} #handheld-footerbar {position: fixed;top: 0;left: 0;width: 180px;z-index: 9999;height: auto;display: none;} #footerbar-col {width: 33.33%;display: inline;float: left;height: 45px} #footerbar-col a {width: 100%;height: 100%;display: block;position: relative;background-color: #0ea0e7;} #footerbar-col a.my-account {background: url(../images/user.png) no-repeat center center #0ea0e7;background-size: 34px;} #footerbar-col a.wensenlijst_mobiel { background: url(https://www.wesleyswitgoed.nl/images/wishlist-mobiel.png) no-repeat center calc(50% + 1px) #FF6B29;} #footerbar-col a.log-in, #footerbar-col a.log-uit {background-color: #FF6B29 ;border-left: 1px solid #0f7cb1;box-shadow: 1px 0px 0px #fff inset;text-align: center;} #footerbar-col a.footer-search {background: url(../images/search.png) no-repeat center center #0ea0e7;background-size: 34px;border-left: 1px solid #0f7cb1;box-shadow: 1px 0px 0px #fff inset;} #footerbar-col a.footer-cart {background: url(../images/shopping-basket.png) no-repeat center center #0ea0e7;background-size: 34px;border-left: 1px solid #0f7cb1;box-shadow: 1px 0px 0px #fff inset;} #footerbar-col #quantity_products{position: absolute; top: 3px; right: 1px; background-color: #fff; color: #0ea0e7; border-radius: 50%; padding: 3px 6px; font-size: 12px; font-weight: bold; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);} #search-footerbar {position: absolute;bottom: 0;background-color: #0ea0e7;width: 100%;box-shadow: 0 0 6px rgba(0,0,0,.7);-webkit-transition: all,ease,.2s;-moz-transition: all,ease,.2s;transition: all,ease,.2s;} #search-footerbar.active {bottom: 100%;} #search-footerbar input#footer_search {width: 100%;background-color: transparent;border: 0 solid transparent;line-height: 31px;font-size: 15px;color: #fff;padding: 5px 10px;font-weight: 600;box-shadow: 0 0 0 transparent;-webkit-box-shadow: 0 0 0 transparent;box-shadow: 0 0 0 transparent;margin: 0;} #search-footerbar form {background-color: #5bbff0;height: 45px;border: 2px solid #97d6f5;border-radius: 7px;border-radius: 7px;border-radius: 7px;position: relative;width: 90%;margin: 8px auto;} #search-footerbar input.button {position: absolute;top: 0;right: 0;height: 41px;color: transparent;border: 0 solid transparent;background: url("../images/zoek.png") no-repeat transparent center center;box-shadow: 0 0 0 transparent;-webkit-box-shadow: 0 0 0 transparent;box-shadow: 0 0 0 transparent;text-shadow: 0 0 0 transparent;} body {overflow-x: hidden;} #footer-center .fcontactright a {display: none;} /* datepicker */ #ui-datepicker-div.ui-widget-content {background: #eeeeee url(images/ui-bg_highlight-soft_100_eeeeee_1x100.png) 10px -23px repeat-x;} #ui-datepicker-div .ui-widget-header {background-image: none;background-color:#ff6926;} #ui-datepicker-div .ui-state-default, #ui-datepicker-div.ui-widget-content .ui-state-default {color: #0ea0e7;} .wwproducts img.jshop_img { -webkit-transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; } /* Verwijderd de hover-effect van de gehele container en richt zich alleen op de knop */ .wwproducts div.detailbtn a.button_detail:hover { background-color: #FF6B29; color: transparent; } .wwproducts div.detailbtn a.button_detail:before { content: ' '; position: absolute; right: 225px; top: 2px; -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); width: 112px; height: 32px; padding-bottom: 20px !important; -webkit-transition: all 0.6s ease; -moz-transition: all 0.6s ease; transition: all 0.6s ease; background-size: 100% !important; background: url("../images/informatie.png") no-repeat top right transparent; transform: scale(0.9); } /* De hover-effecten worden nu alleen toegepast als je over de knop zelf gaat */ .wwproducts div.detailbtn a.button_detail:hover:before { top: 2px; right: 5px; } #bottommain p {text-align:center;display:none;} #bottommain a.reparatiebtn {padding: 15px 30px;color: #fff;background-color: #0ea0e7;margin: 0 auto;display: inline-block;font-size: 20px;border-radius: 7px;} #bottommain a.reparatiebtn:hover, #bottommain a.reparatiebtn:focus {background-color: #ff6926;} #bottommain a.reparatiebtn img {vertical-align: middle;margin-left: 15px;} /* Slider */ #slider.flex-viewport {margin-bottom: 30px;} #slider .flex-control-nav {bottom: -30px;} #slider.flex-viewport li.mobile {} #content .mobile, #footer-mobiel {display:none;} .ccontact {float: right;} /* mobile 2019 */ #ww-accordion-1, #ww-accordion-2, #ww-accordion-3, #accordion-4, #ww-accordion-4, #ww-accordion-5 {float: left;width: 100%;display: block;background-color: #f0f0f0;border-radius: 5px;border-radius: 5px;border-radius: 5px;border: 1px solid #8d8d8d;margin-bottom:5px;} #ww-accordion-1 #ww-block-1,#ww-accordion-2 #ww-block-2, #ww-accordion-3 #ww-block-3, #ww-accordion-4 #ww-block-4, #ww-accordion-5 #ww-block-5 {visibility: hidden;display: none;opacity:0;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;transition: all 0.5s ease;} #ww-accordion-1.active #ww-block-1, #ww-accordion-2.active #ww-block-2, #ww-accordion-3.active #ww-block-3, #ww-accordion-4.active #ww-block-4, #ww-accordion-5.active #ww-block-5 {visibility: visible;opacity:1;display: block;padding-top: 15px;border-top: 1px solid #ddd;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;transition: all 0.5s ease;padding:6px;} #ww-head-1, #ww-head-2, #ww-head-3, #ww-head-4 , #ww-head-5 {color:#fe6928;line-height: 35px;padding-left: 35px;position: relative;cursor: pointer;} #ww-head-1:before, #ww-head-2:before, #ww-head-3:before, #ww-head-4:before, #ww-head-5:before {content: '';border-top: 12px solid #bcbcbc;border-left: 6px solid transparent;border-right: 6px solid transparent;border-bottom: 0 solid transparent;position: absolute;left: 12px;top: 13px;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;transition: all 0.3s ease;transform: rotate(0deg);} #ww-accordion-1.active #ww-head-1:before, #ww-accordion-2.active #ww-head-2:before, #ww-accordion-3.active #ww-head-3:before, #ww-accordion-4.active #ww-head-4:before, #ww-accordion-5.active #ww-head-5:before {transform: rotate(-180deg);-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;transition: all 0.3s ease;} #ww-block-1 {background-color: #fff;} #ww-block-3 .related_header {display:none;} #ww-block-2 .framer {border: 0px solid transparent;border-radius: 0;border-radius: 0;border-radius: 0;} #ww-accordion-3 #ww-block-3 .jshop_list_product .wwproducts {border-width: 1px 0 1px 0; border-style: solid; border-color: #ddd;border-radius: 0;-webkit-box-shadow: 0 0 0 transparent;box-shadow: 0 0 0 transparent;box-shadow: 0 0 0 transparent;} #wes-popup-termijn{background-color:transparent;position:fixed;width:100%;height:100vh;bottom:-100vh;left:0;z-index:9999999999;display:block;padding:5%;transition:background-color 0.6s ease} #wes-popup-termijn.active{background-color:rgba(14, 160, 231, 0.5);bottom:0vh;transition:background-color 0.6s ease} #wes-popup-termijn #wes-popup-inner{width:100%;height:100%;bottom:-100vh;padding:20px 0;background-color:#fff;border:3px solid #ff6926;border-radius:10px;position:relative;transition:bottom 0.4s ease;} #wes-popup-termijn.active #wes-popup-inner{bottom:0vh;transition:bottom 0.4s ease;} #wes-popup-termijncat{display:none;position:fixed;width:100%;height:100%;top:0;background-color:#0b0b0bb8;transition: background-color 0.6s ease;z-index:99999999;padding:10%;} #wes-popup-termijncat.active{display:block;} #wes-popup-termijncat #wes-popup-inner{margin-left:auto;margin-right:auto; width:70%;height:100%;padding:20px 0;background-color:#fff;border:3px solid #ff6926;border-radius:10px;position:relative;transition: bottom 0.4s ease;height:auto;} #wes-popup-termijncat.active #wes-popup-inner{bottom:0vh;transition:bottom 0.4s ease;} #wes-popup-closecat{position:absolute;top:-18px;right:-23px;border-radius:50%;background-color:#fff;width:40px;height:40px;text-align:center;line-height:33px;font-size:25px;border:3px solid #ff6926;font-weight:700;cursor:pointer;} #wes-termijnen-links{border:1px solid #DDD;background-color:#F0F0F0;border-radius:15px;text-align:center;cursor:pointer} #wes-termijnen-links h3{font-weight:700;color:#ff6926;font-size:20px;margin:15px 0 5px 0} #wes-termijnen-links p{color:#7d7d7d;font-size:14px;font-weight:700;margin:0 0 10px} #wes-termijnen-links img{width:calc(100% - 20px);margin:10px;} #wes-popup-close{position:absolute;top:-10px;right:-10px;border-radius:50%;background-color:#fff;width:40px;height:40px;text-align:center;line-height:33px;font-size:25px;border:3px solid #ff6926;font-weight:700;cursor:pointer;} #ww-termijnen-popup{width:100%;height:100%;overflow-x:hidden;padding:0 15px;display:block} #ww-termijnen-popup .ww-top-termijn img{margin-bottom:10px} #ww-termijnen-popup img.termijn-mobile{display:none} #ww-termijnen-popup .ww-termijn-balk-blauw{display:block;padding:15px;background-color:#0ea1e7;line-height:30px;font-size:20px;font-weight:600;text-align:center;color:#fff} #ww-termijnen-popup .ww-termijnen-top-links, #ww-termijnen-popup .ww-termijnen-top-rechts{display:inline-block;vertical-align:top;padding-top:15px;width:49.7%} #ww-termijnen-popup ul{margin:0} #ww-termijnen-popup li.ww-termijn-lijst-vink{display:block;font-size:16px;position:relative;padding-left:40px;margin:5px 0;font-weight:600; line-height:40px;} #ww-termijnen-popup li.ww-termijn-lijst-vink img{width:auto;position:absolute;left:0} #ww-termijnen-popup .ww-termijn-balk-oranje{display:block;background-color:#fe6928;font-size:20px;font-weight:600;text-align:center;color:#fff;padding:10px 15px;margin:10px 0 15px} #ww-termijnen-popup .ww-tweedehands-witgoed-winkel{display:inline-block;width:24.2%;padding:0 7px;} #ww-termijnen-popup .ww-termijnen-stappen{margin-left:-10px;margin-right:-10px} #ww-termijnen-popup .ww-termijn-stap{display:inline-block;width:33%;text-align:center;padding:0 10px 10px;margin-bottom:15px;vertical-align:top} #ww-termijnen-popup h3{font-size:17px;margin:0} #ww-termijnen-popup p.ww-txt-termijnen{font-size:16px} #ww-termijnen-popup .ww-termijnen-footer p{font-size:13px} /* attributen nieuw */ #attributes span.attris{display:block;max-width:100%;position:relative} #attributes span.attris input[type="checkbox"]{display:inline-block;margin-right:7px} #attributes span.attris span.wes-attri-price{display:inline-block;font-weight:600;float:right} #attributes span.attris span.block_attr_name, #attributes span.attris span.block_attr_name{display:inline-block;font-weight:600} #attributes div.block_attr5{margin-top:10px} #attributes div.block_attr5,.block_attr18.block-attribut, .block_attr8.block-attribut, .block_attr6.block-attribut{margin-top:10px;margin-bottom:10px;} #attributes span.input_type_radio{margin-right:0} #attributes span.input_type_radio label{display:inline} /* geldlenen kost geld image */ .termijn-modal {display:block;max-width:100%;margin-left:auto;margin-right:auto;} .termijn-desktop {opacity:80%;display: block; max-width: 100%;margin: 10px auto 0; } .termijn-mobile1 {opacity:80%;margin-left:auto;margin-right:auto;display:block;} #wes-product-termijn #wes-termijn-inner { margin-left:auto;margin-right:auto;width:70%;height:auto;} #wes-product-termijn #wes-termijn-close { z-index:1;} .framer {margin-top:10px;} #wessim, #wessim2, #wessimmobiel {cursor: pointer; margin-bottom:5px;margin-top:16px;background-color:#0ea1e7;border:0px solid #6c6c6c;} div.detailbtn {margin-top:10px;} #santander5 {width: 100% ; display: inline-block; margin-left: 0px; font-size: 87%; padding: 4px; border-radius: 3px;} .sold-out{color:#0ea0e7;padding: 7px;font-weight: bold;font-size: 17px;} .sold-out2 {color:#383838; font-weight: 500; font-size: 12px; float:left;} hh3 {font-weight: bold; font-size: 20px; line-height: 40px;color:#0ea0e7;} .filter_price_between ,#wes-filterprijs{display: inline; background-color: #0ea0e7; margin-left: 5px; padding: 3px 5px 3px 5px; border-radius: 3px;color:#fff!important;font-weight: bold;font-size: 12px;} .productnamewww {font-weight: 800;font-size: 17px; border-bottom: 2px solid #ff6926;border-top: 0px solid #ff6926; display: inline-block; width: 98%; padding: 5px; height: 30px; color:#383838!important;text-decoration:none; overflow:hidden;} .productnamewww:hover { border-bottom: 2px solid #ff6926; display: inline-block; border-top: 2px solid #ff6926; padding: 5px; color:#0ea0e7!important;} .jshop_list_product .product .name {height:35px; width: 99%} #blockwhite {margin-top:10px;} #testprijs {background-color: #0ea0e7; padding:4px; border-radius:3px; color:#fff;display:inline-block; width:246px;float:none!important;} #block_price_wes {background:none; color:#383838; font-size:29px; font-weight:900; letter-spacing:-1px;} .product_witgoed_prijs {margin-top:3px;} #wes-termijnen-links:hover {background:#d2d2d2;} #wes-termijnen-links {display: none;} div.jshop_register .inputbox, #login_regis .inputbox {height:32px;} iframe {width:100%; max-width:1100px;} /* tot hier */ /* Aanpassing jan. 2020 */ #productinfo-top .left, #productinfo-top .right, #productinfo-bottom .left{float:none;display:inline-block;vertical-align:top} #productinfo-bottom .right{float:none;display:inline-block;vertical-align:bottom} .flexslider .slides li{overflow:hidden} .flexslider .slides li img{-webkit-transition:.4s all ease-in-out;-moz-transition:.4s all ease-in-out;transition: .4s all ease-in-out} .flexslider .slides li:hover img{transform:scale(1.0);-webkit-transition:.4s all ease-in-out;-moz-transition:.4s all ease-in-out;transition: .4s all ease-in-out} /* aanpasing feb. 2020 */ ul.klikbaar li {width: 22%;margin-right: 2%; float: left; display:inline-block;} ul.klikbaar li li:last-child {margin-right: 0;} .flex-control-paging {display: none;} .hidden-lg #searchmob {margin: auto;} .energielabels { position:absolute; left:24%; display:block; z-index:4; top:22%;} /*kortingscode coupon */ #kortingen{background-color:#0ea0e7;height:30px;width:auto} #kortingen .kortings{display:inline-block;color:#fff;width:auto;line-height:30px;vertical-align:top;padding:0 5px;font-weight:800} #kortingen .korting1{background-color:#ff6926;font-size:20px} #kortingen .korting2{background-color:#0ea0e7;padding:0;font-size:18px} #kortingen .korting3{background-color:#fff;color:#4b4b4b;padding:2px 5px;border-radius:3px;text-align:center;line-height:18px;margin:4px 6px} .manufacturer_name img {width: 66%;margin-top:10px;} .logo_manu {margin-top:-8px;width: 50%;margin-left:auto;margin-right:auto;} /* Responsive */ @media all and (max-width: 640px), only screen and (min-resolution: 192dpi) and (max-width: 1024px), only screen and (min-resolution: 2dppx) and (max-width: 1024px) { #topright ul {margin-top: 0;height: 30px;} #top {display: none;} #header-module .login {padding: 5px 0;} #jshop_module_cart {margin-top: 0px;} #navbar {margin-top: 5px;} body#fixed.sticky #fixer {margin-top: -55px;} #header {height: 50px;} #wsvideo, img.imgresponsive {display: none;} #footer-center .fcontactright a {display: block;} .wwproducts:hover img.jshop_img {width: 100%;max-width: 100%;margin-left: 0;} #slider.flex-viewport li.mobile, #content .mobile {display:block !important;} .bezorgkolom {column-count: 2;-webkit-column-count: 2;column-count: 2;} #form12 .wdform-field {width: 100% !important;} #form12 .wdform-field {display: block !important;margin-bottom: 15px;} } @media only screen and (min-width: 1166px) { .betaallinks {width: 48%;} } @media only screen and (min-width: 1183px) { .roductright {width: 48%!important;} .roductleft {width: 51%!important;} } @media screen and (min-width: 1025px) { .product_label2 {margin-left:225px!important;} .flexslider .slides img {width:83%} .betaalrechts { width:45%;} .productfull .image_middle {width: 375px;} #productright {width: calc(100% - 375px);} .filter_price_between,#wes-filterprijs {font-size:14px;} .wwproducts div.detailbtn a.button_detail:before {content: ' ';position:absolute;right: 225px;top: 2px;-ms-transform: rotate(0deg);-webkit-transform: rotate(0deg);transform: rotate(0deg);width: 148px;height: 32px;padding-bottom:20px!important;-webkit-transition: all 0.6s ease;-moz-transition: all 0.6s ease;transition: all 0.6s ease;background-size: 100% !important;background: url("../images/inf.png") no-repeat top right transparent!important;} } .item-133 img {width:19px;} @media (min-width:767px) and (max-width: 1000px) { .item-102.deeper.parent,.item-133 { font-size:0px!important;} } @media screen and (max-width: 1120px) { .jshop .product_label{} .betaalgespreidtermijn {display:none;} } @media screen and (max-width: 1024px) { .item-133::after { content: ''; /* Required for pseudo-elements */ position: absolute; right: 0; /* Align to the right side of the menu item */ top: 25%; /* Start position of the border (adjust based on requirement) */ bottom: 25%; /* End position of the border (creates the custom height effect) */ width: 1px; /* Width of the border */ background-color: #fff; /* Color of the border */ } #bottommain li, #topright li, .check-cat li {padding: 0px 3px;} #sbox-window {left: 0px !important;width: 97% !important;} #sbox-btn-close {top:0;right:0;} #ww-termijnen-popup .ww-termijnen-top-links, #ww-termijnen-popup .ww-termijnen-top-rechts{display:block;width:100%} #ww-termijnen-popup .ww-termijn-stap{width:49.7%} .wwproducts, .innerprod{ width:475px;} .energielabels {left: 25%; top: 5%;} } .moduletable .products_with_old_price { float: left; width: 100%; } @media screen and (min-width: 929px) { #auction-time {font-size:20px;} } @media screen and (min-width: 901px) { .item-127.deeper.parent::after,.item-122.deeper.parent::after{ content: ''; border: 4px solid transparent; border-top: 4px solid white; margin-left: -14px; margin-bottom: 3px; display: inline-block; vertical-align: bottom;float:right;margin-top:9px;margin-right:4px; } .wwproducts:hover { box-shadow: 0 8px 32px rgba(0,0,0,0.13), 0 1.5px 6px rgba(0,0,0,0.05); transform: translateY(-3px) scale(1.025); z-index: 9; border: none; background: #fff; /* Blijft wit voor fris effect */ } .wwproducts div.detailbtn a.button_detail:before {transform: scale(0.9);} } @media screen and (max-width: 960px) and (max-width: 820px){ #navbar .nav_wrapper li a {padding: 0px 11px;} } @media screen and (max-width: 900px) { div.jshop_prod_attributes {width: 100%;} .jshop_list_product .block_product {width: 48%} .wwproducts, .innerprod {width: 99%; min-height: 292px; } .products_with_old_price .block_product{ width: 47%; } .jshop_list_product .image_block {max-width:140px;} #blockwhite .price_savings {width: 100%;max-width:205px;} .betaallinks {width: 39%;} .betaalrechts {} #navbar .nav_wrapper li a {padding: 0px 11px;} .ccontact {width: calc(100% - 240px);float: right;} .productfull .image_middle, #productright {padding: 20px 0 0;width: 100%; } .linkslinks {display: inline-block;width:50%;max-width: 320px;float:left;} .biedmee {display: inline-block;width:50%;float:right;} .energielabels {left: 31%; top: 5%;} #myBtn483, .bestelbus-beschikbaar {display:none!important;} .innerdelendesktop {display:none} } @media screen and (min-width: 875px) { img.betaalideal {width: 52%;} } @media screen and (max-width: 875px) { .login-text2, .jshop_login, .login-chckout {display:block;} #jshop_login input.button {margin-top: 10px;} .control-group.account {width: 100%;} } @media screen and (max-width: 850px) { #navbar .nav_wrapper li a {padding: 0px 7px;} #featvideo {display: none;} } @media screen and (max-width: 1100px) { #repamel {display:none;} .hint--top::after {left: -200px;} #topleft {display:none} #header-module .module:nth-child(1) {width:40%;} #header-module .module:nth-child(2) {width:35%;} #header-module .module:nth-child(3) {width:30%;} #wishlistdiv {float: left;margin-top: 24px!important;} #header {height: 100px;} .product_name, .product_prijs, .product_aantal, .product_prijstot, .product_verwijderen, .product_naam, .aantal-product, .product_code, .product_aantal2 {height: 155px;} .module:nth-child(3) {display:none} } @media screen and (max-width: 799px) { body.com_jshopping.view- .innerdelen {float: left;margin-bottom: 0;width: 228px;} #tab-content1 a#tooltip.hint--top::after {left: -150px;} a#socialmediamarquito:link, a#socialmediamarquito:visited {opacity:1;box-shadow: 0 0 0 #333;} a.whatsapp {opacity:1;display: inline-block !important;} #top .swfm #ticker {display:none;} a#socialmediamarquito.whatsapp:link, a#socialmediamarquito.whatsapp {width:38px;height:38px;background-size: 38px 38px;} span.marquitodelentext {margin-bottom: 8px;} #header {height: 75px;} } @media only screen and (max-width: 1120px) and (min-width: 918px) { .wwproducts, .innerprod {max-width:100%} .jshop_list_product .image_block {max-width:168px;} } @media only screen and (max-width: 1120px) and (min-width: 917px) { #santander5 { width:100%;margin-left:0px;font-size:83%} } @media only screen and (max-width: 596px) and (min-width: 481px) { #santander5 { width:100%;margin-left:0px;font-size:83%} } @media only screen and (max-width: 1166px) and (min-width: 901px) { .betaalrechts {width:62%;} } @media only screen and (max-width: 917px) and (min-width: 901px) { .wwproducts, .innerprod { width:350px;} .jshop_list_product .image_block {max-width:138px;} } @media only screen and (min-width: 767px) { body#fixed.sticky #main {height:217px!important;} #fixer {margin-top:0px!important;} #header {height:80px!important;} .boldw img {display:none} #content {margin-top:20px; overflow: initial;} .item-327 {opacity:0!important;} .hide-desktop {display: none} .hide-buy {margin-top:30px!important;} .afrekensocial .socialbutton { width: 48%; float: left; margin-bottom:15px; margin-top:10px;margin-left:5px} .item-121, .full .nodesktop, #nodesktop {display:none!important;} #topmain .jshop_filters .row {height:51px;padding-top:20px;} } @media only screen and (max-width: 768px) and (min-width: 660px) { .roductright { width:50%;} .roductleft { width:46%;} } #footer-wrapper { margin-top: 20px; } @media only screen and (max-width: 748px) and (min-width: 661px) { #blockwhite .price_savings {font-size:10px;} .image ul, .image ul li {font-size:11px;} } @media only screen and (max-width: 764px) and (min-width: 660px) { .wwproducts, .innerprod { width:100%;} .list_product .wwproducts {min-height:295px;} } @media only screen and (max-width: 640px) and (min-width: 481px) { .wwproducts, .innerprod {width:100%;} } @media only screen and (min-width: 660px) and (max-width: 764px) { .jshop .product_label {right:148px;} } @media only screen and (min-width: 765px) and (max-width: 917px) { .jshop .product_label {right:40px;} #santander5 {width:100%;font-size:72%;margin-left:0px} } @media only screen and (min-width: 569px) and (max-width: 900px) { .productfull .btn.ajax_wichlist {right:1px;position:absolute;top:3px} } @media only screen and (max-width: 647px) and (min-width: 480px) { .jshop_list_product .block_product {width:100%;} } @media screen and (min-width: 767px) { .myaccount_urls.nomobile {clear: none;} .priceouter, #blockwhite {width:205px!important;} .boldw:hover{cursor:pointer;} .easy_top {height: 42px !important;} #easybook #anibutton {font-size: 17px!important;} #sbox-window {height:auto!important;} .nodesktop {display:none;} .hidden-lg {display:none;} .socialbutton {float: left;width: 48%;margin-left:5px; margin-top:-6px} .editaccount_block .form-horizontal {width: 48%; margin: auto;background-color: #f5f5f5;border-radius: 15px; padding: 15px;} p.jshop_cart_attribute {font-size:12px;} .paymentfooter {margin-right:30px;} body#fixed.sticky #fixer {position: fixed;z-index: 11;margin-top: -74px;box-shadow: 0 0 5px #404040;-webkit-box-shadow: 0 0 5px #404040;box-shadow: 0 0 5px #404040;} #navbar .nav_wrapper li a img { margin-left: 0px!important; margin-top: 0px!important; } #hnav ul li.item-1398 a span:after,#hnav ul li.item-163 a span:after,#hnav ul li.item-357 a span:after,#hnav ul li.item-358 a span:after, #hnav ul li.item-178 a span:after, #hnav ul li.item-177 a span:after, #hnav ul li.item-179 a span:after, #hnav ul li.item-180 a span:after, #hnav ul li.item-181 a span:after, #hnav ul li.item-182 a span:after, #hnav ul li.item-183 a span:after, #hnav ul li.item-184 a span:after, #hnav ul li.item-278 a span:after, #hnav ul li.item-185 a span:after, #hnav ul li.item-250 a span:after,#hnav ul li.item-419 a span:after { left: 20px!important; top: 25px!important; } } @media screen and (max-width: 767px) { .price_savings {width:100%!important;margin-bottom:5px;} #system-message {margin-top:60px;} #navbar ul ul li:hover, #navbar ul ul li a:hover { background-color: #eee!important;} #navbar ul.active li, #navbar ul li:hover a, #navbar ul li:hover a { background:#fff!important;} .menu_nav { animation: animate-left-to-right .15s ease-out forwards; flex-direction: column; max-width: var(--cb-panel-sizing-max-width); overflow: hidden; position: relative; } .active-over { animation: overlay-fade-in .15s ease-in-out forwards; background-color: var(--cb-panel-overlay-color-background); height: 100%; left: 0; opacity: var(--cb-spec-opacity-overlay); overflow: hidden; position: fixed; top: 45px; width: 100%; z-index: 0; } #wishlistdiv {float: left;margin-top: 32px!important;} /**nieuw menu**/ #navbar ul.menu_nav.active { margin-top: 45px; width: 83vw; min-width: 83%; bottom:0; background: #ffffff; /* fallback for old browsers */ background: #ffffff; z-index: 100000; overflow-y:auto; margin-left:17%; transition: all 0.5s cubic-bezier(0.3, 1, 0.3, 1); } #hnav li.item-163 .ww-mmenu-icon::before, #hnav li.item-163 .ww-mmenu-icon::after{ display:none!important;} #hnav li.item-357 .ww-mmenu-icon::before, #hnav li.item-357 .ww-mmenu-icon::after{ display:none!important;} #hnav li.item-398 .ww-mmenu-icon::before, #hnav li.item-398 .ww-mmenu-icon::after{ display:none!important;} #hnav li.item-358 .ww-mmenu-icon::before, #hnav li.item-358 .ww-mmenu-icon::after{ display:none!important; } #navbar ul.menu_nav { z-index: 100; overflow-y:auto; } #navbar .menu-icon::before {transform: scale(1.1) rotate(180deg);} #searchmob{ background: #16679d; } #navbar ul.active li, #navbar ul li.home a, #navbar ul li.open .sub li, #navbar ul li.open .sub { background-color:rgba(0,0,0,0); } #hnav li:hover { background-color: rgba(0,0,0,0)!important; } #navbar ul li a { color: #333!important; font-weight: 400!important; margin-top: 2%; margin-bottom: 2%; } #navbar ul li.item-101 a { justify-content: space-evenly!important; } #hnav li.item-102 .sub_open, #hnav li.item-102 a.ww-mmenu-icon { display:none!important; } /**tot hier**/ .boldw img {width:5.3rem!important;} #navbar ul ul li {border-left:0px!important;border-right:0px!important;border-radius:0px!important} #navbar {background: rgba(0,0,0,0.5);} .jshop_subtotal .name {width:74%;} .fa-home::before{color:#002b3c!important;font-weight:900;} a.homepage {color:#fff !important} .item-102.deeper.parent { border-radius:0 0 5px 5px;vertical-align: middle; } #navbar ul.active ul, .hide-mobile , .block_product .jshop_code_prod {display:none} .nomobile, .right-bus{display:none!important;} #footer-left, #footer-right, #footer-center {display:block; width: 100%;} .winkel {max-width:33.3%; border:1px solid #fff;} a#tooltip {float:right;background-color:#9b9b9b;margin-top:0px;} .hint:after, [data-hint]:after {width: 200px;} .hint--top:after {margin-left: -108px;} body.com_jshopping.view- .innerdelen {float: right;margin-bottom: -49px;} .kenmerklinks {width:64%;} .kenmerkrechts {width:34%;} #sbox-window {max-width: 767px !important;width: 100% !important;height: auto !important;left: 0px !important;box-sizing: border-box;} #topmain img.compu {display:none;} #topmain img.mobile {display:block;width:100%;} @media (max-width: 767px) { #aanbevolen { display:none!important; } } .jshop.cart tr:first-child {border: 0px none;margin-bottom: 0;display: block;} table.cart th {text-align: center;background-color: #CCC;padding: 1px;color: #000;font-size: 100%;border: 0px none!important;font-weight: normal;margin-right: -4px;} .jshop.cart tr td {display: inline-table;margin-right: -4px;text-align: center;background-color: #F8F8F8;border-right: 1px solid #CCC;padding: 7px 5px;vertical-align: top;} table.cart th:nth-child(1), .jshop.cart tr td:nth-child(1) {width:60%;} table.cart th:nth-child(2), .jshop.cart tr td:nth-child(2) {width:15%;} table.cart th:nth-child(3), .jshop.cart tr td:nth-child(3) {width:25%;border-right:0px none;} .jshop.cart tr td {height:229px;padding: 7px 5px;} #marpreviewimg img.jshop_img {width: 90% !important;margin: 7px auto 10px;max-width: 217px;border: 1px solid #808080;} #header-module .module:nth-child(1) {width:60%;} #header-module .module:nth-child(2) {width:40%;} #related1, .poppetie {display:none;} #related2 {display:block;margin-bottom: -20px;} iframe.easyform {width: 100%;} #bottommain p {display:block;} #bottommain {height: auto;} #hnav li.item-133 span.image-title {display: inline-block;} #wes-product-termijn #wes-termijn-inner {width:100%;} .item-121 {border-bottom: 2px solid #078ccc} .jshop_filters {margin-top: 30px;} #handheld-footerbar {display: inline-block;} #navbar .nav_wrapper {border-radius: 0;border-radius: 0;border-radius: 0;height: 45px;} #navbar {margin-top: 0;box-shadow: 0 0 6px rgba(0,0,0,.7);box-shadow: 0 0 2px rgba(0,0,0,.7);animation: overlay33 .15s ease-in-out forwards;height: 100%;left: 0;overflow: hidden;top: 0; z-index: 0;} .overlay33 { position: fixed; background: rgba(0, 0, 0, 0.75);} #header-module, .jshop_button_print {display:none;} #header {height: 0px;} #navbar:hover ul , #footer-mobiel, #footer-wrapper .left.full {display: block;} #contenttop .marquito-list-products {display:block;} #ww-termijnen-popup .ww-termijn-stap{width:49.5%} .item-page {margin-top:45px;} .energielabels {left: 31%; top: 9%;} a.hoverlink span, #nomobile, .full .nomobile10, #nomobile10 {display:none!important} #credits .right, #credits .left {float: inherit!important; text-align: center!important;} #easybook h2 {font-size:128%} .wdform_page {margin-left:-30px;} .flex-direction-nav { margin-top: -6.3%!important;} } @media screen and (max-width: 685px) { #fcp_image_outer .fcp_image_inner, .fcp_sendrow, form#fcp_form div.fcp_copy_me, form#fcp_form div#fcp_image_outer label {padding-left: 0;} form#fcp_form input.fcp_lcb {margin-left: 0;} form#fcp_form label, form#fcp_form textarea {width: 100% !important;} .stappenplan2mobile, .stappenplan3mobile {display:block;} .stappenplan2, .stappenplan3 {display:none;} .product_name, .product_prijs, .product_aantal, .product_prijstot, .product_verwijderen, .product_naam, .aantal-product, .product_code, .product_aantal2 {height: 135px;} #jshop_previews table.cart {width: 99%;float: none;margin-right:0;} #jshop_previews table.jshop_subtotal {width: 99%;float: none;margin-left:0;} #ww-termijnen-popup img.termijn-mobile{display:block} #ww-termijnen-popup img.termijn-desktop{display:none} } @media screen and (min-width: 641px) { .mya {opacity:0;} } @media screen and (max-width: 640px) { body#fixed.sticky #fixer {margin-top: 0px;} #form20 .wdform_page {margin-left:-50px!Important;} } @media screen and (max-width: 568px) { ul.betaalvink {display: none;} .betaallinks, .betaalrechts, .biedmee {width: 100%;} .linkslinks {width: 100%;float:none;margin: 0 auto;display: block;} .jshop_code_prod {margin-top: 0px;} .auction-dos {margin: 5px auto 15px;} body.com_jshopping.view- .innerdelen {float: left;margin-bottom: 0;width: 324px;} body.com_jshopping.view- .innerdelenwes {float: none;margin-bottom: 0} .checkout_left, .checkout_middle {width: 100%;margin: 0;} .ccontact {width: 100%;float: none;} #ww-termijnen-popup .ww-termijn-stap{display:block;width:100%} .energielabels {left: 65%; top: 9%;} } @media screen and (max-width: 500px) { .loginblok {display: block; max-width: 483px; margin-left: auto; margin-right: auto; border: 1px solid #e1e1e1; padding: 10px; border-radius: 7px; float: left; text-align: center;} #username, #password {width:95px;} .button-login {height:30px;margin-top:16px;} #checkout .td_2 {display: inline-block;margin-top: 11px; margin-right: 6px;} #checkout .td_1 {width: 48% !important;display: inline-block;margin-top: 12px;margin-left:4px;} .afrekensocial .socialbutton {width:83%;text-align:center;float:none;margin-left:auto;margin-right:auto} .afrekensocial {text-align:center;} #topright li {padding: 0px;} #ww-termijnen-popup li.ww-termijn-lijst-vink{font-size:16px;line-height:32px} } @media screen and (min-width: 483px) { .delete_x {width:25px!important;} .td_2 a {padding-left:48px;padding-right:48px} .price_savings {color: #fff;background: #b5b4b4;width: 205px;display: inline-block;font-size: 13px; padding: 5px; border-radius: 3px;font-weight: 600; z-index: 0;float: left;} .jshop_list_product .jshop .old_price, #right .marquito .old_price, .oudeprijs {margin-left: 0px;} #related1 .jshop_list_product .jshop .old_price {margin-left:0px;} .manufacturer_name { text-align:center;} #delete_prod_483 {display:none} .margin_prijs {display:inline-block;margin-top:4px!important;} } @media (min-width:481px) and (max-width: 767px) { .toevoegen_winkelwagen { width:36%!important; } } @media screen and (max-width: 480px) { .jshop_list_product .block_product {width:100%; margin-left: 0px!important;} #checkout {width:97%!important;} #santander5 {width:100%;font-size:72%;margin-left:0px} .jshop_prod_cart.odd .list_attribute {margin-bottom:0px; border:none;margin-top:-11px} .product_name, .product_prijs, .product_aantal, .product_prijstot, .product_verwijderen, .product_naam, .aantal-product, .product_code, .product_aantal2,.product_prijs2 {height: 40px;} #topright li a {font-size: 14px;padding: 10px 5px;} #topright li a img {margin-bottom: -5px;} #header-module .login a {font-size: 0px;} #header-module img.vinkje {display:none;} .wwproducts {width: 100%;padding-bottom: 0px;position: relative;display: inline-block; } .innerprod {width: 100%;box-sizing: border-box;} .roductright {width: 49%;float: right;} img.jshop_img, .jshop_list_product .image_block {width: 100%;} .roductleft {width: 49%;float: left;} #blockwhite {padding-top: 0px;} .jshop_list_product .jshop .not_available, #right .marquito .not_available {margin-top: 0px;margin-left: 0px;width: 100%;height: 100%;} .image ul, .image ul li {margin: 0;} #ajax_cart_content .jshop_img_description_center {width: 80%;margin-left: 10%;} .jshop_img_description_center, .jshop_img_description_order, .product_name, .product_naam {width: 100%;text-align: left;} .product_name, .product_naam {border-bottom: 1px solid #DEDEDE;height: 48px;text-align: center !important} .product_prijstot, .product_prijs, .product_aantal, .aantal-product, .product_code, .product_prijs2, .product_aantal2 {width: 30%; margin-top:4px} .aantal-product {width: 10%;height: 30px;} .product_code {width: 20%;height: 30px;} .product_aantal input {vertical-align: top;margin-top: 0;padding: 2px;} .product_verwijderen {width: 6%;padding: 6px 0px 10px 0px;line-height:34px;} .jshop_prod_cart.top {display: none;} .jshop.cart, .myorderinfo .order_items {border-top: 1px solid #DEDEDE; height: 300px; overflow-y:scroll;} .jshop.cart::-webkit-scrollbar { width: 11px;} .label-text-home {font-size:12px;} .wwshopper span, #right .item_price {font-size:16px;margin-bottom:-10px;} .jshop.cart{ scrollbar-width: thin;scrollbar-color:#cccccc #ffffff;} .itemid-154 .jshop .product_name {width:100%;} .jshop.cart::-webkit-scrollbar-track { background: #ffffff;} .jshop.cart::-webkit-scrollbar-thumb {background-color: #cccccc ;border-radius: 6px;border: 3px solid #ffffff;} .jshop.jshop_subtotal { padding-right: 8px;} ul.bezorgkolom li {width:33.3%;} .jshop_img_description_center img.jshop_img, .jshop_img_description_order img.jshop_img {width: 90%;max-width: 183px;margin: 0 auto;display: block;} form .product_aantal input {padding: 2px;margin-top: 0px;} #jshop_filters_1 .row .span12 {width: auto;} #ww-termijnen-popup .ww-tweedehands-witgoed-winkel{margin-bottom:14px;width:49%} .jshop .product_label {right:32px} .price_savings {color:#fff;background:#acacac;width:155px;display: inline-block;font-size: 13px;padding: 5px;border-radius: 3px;font-weight:600; z-index:0;} .jshop_list_product .product .image .manufacturer_name{display:block; margin-left:auto;margin-right:auto;width:75%;} .block_attr_name { height:20px; width:210px; overflow:hidden; white-space:nowrap; font-weight:300;font-size:10px;} .kenmerkbreed img {width:40px;} .kenrechts_wes {height: 28px ;text-overflow: ellipsis; } .kenlinks_wes, .kenrechts_wes {height:27px;} .productfull .extra_fields {margin-left:5px;} .kenlinks_wes {width:59%;} .kenrechts_wes {width:39%;} .filter_price_between,#wes-filterprijs { padding:2px 2px 2px 2px; font-size:11px; margin-left:0px; margin-right:4px} .toevoegen_winkelwagen { width:48%;height:60px} .product_prijstot { width:45%;line-height:34px;} .title_mobile {border-bottom:1px solid #dedede; padding-bottom:5px} .product_prijs {width:95px;line-height:34px;} .product_aantal {width:63px} .manufacturer_name img {width:100%;} #quantity_box {margin-top:4px!important;} .cart .cart_reload {line-height:34px;} #delete_prod {display:none;} #oranje_blok {background:transparent!important;color:#434343!important;} #aantal_carts {display:inline-block;margin-top:4px!important;} .delete_x {line-height:25px!important;height:29px!important;} } /* @media screen and (min-width: 450px) { #home {display:none;} } */ @media screen and (max-width: 480px) { .jshop_list_product .block_product {width:100%; } } @media screen and (max-width: 450px) { .jshop_list_product .block_product {width:100%; } #maandaanbiedingen .block_product {display: none;} #maandaanbiedingen .block_product.prod1 {display: block;} .energielabels { left:62%;top:11%;} a.hoverlink span {font-size:11px;} .postcode-module-img {display:none} } @media screen and (max-width: 420px) { #ww-termijnen-popup li.ww-termijn-lijst-vink{font-size:15px;line-height:22px;padding-left:25px} #ww-termijnen-popup li.ww-termijn-lijst-vink img{height:22px} .jshop_list_product .block_product {width:100%; } } @media screen and (max-width: 400px) { aside {position: relative;margin: 0 auto;float: none;display: block;width: 210px;} .jshop_list_product .block_product {width:100%; } } @media screen and (max-width: 380px) { #footer-left, #footer-center {width:100%;} #content {padding: 15px 0;} .jshop.cart tr td:nth-child(1) {width: 55%;} .jshop.cart tr td:nth-child(3) {width: 30%;} .jshop_subtotal .name {width: 70%;padding-right: 0;} .jshop_subtotal .value {width: 28%;} .jshop_list_product .block_product {width:100%; } } @media screen and (max-width: 360px) { .innerprod {padding: 10px 6px 15px;} .roductright {width: 46%;} .roductleft {width: 54%;} #ww-termijnen-popup li.ww-termijn-lijst-vink{font-size:15px} .jshop_list_product .block_product {width:100%; } } /* bezorgkosten productpagina */ button { border: 0px solid #fff; border-radius: 6px; border-radius: 6px; border-radius: 6px; color: #fff; cursor: pointer; font-weight: 700; padding: 8px 12px; margin-top: 15px; margin-left: 10px; font-size: 14px; background-color: #0ea0e7 !important; } button:hover { background-color: #0d85bf !important; } #kostenbezorg {padding:15px; background-color: #e5e5e5; border-radius: 15px;} #kostenbezorg input#zipper {width: 65px; padding: 8px;text-transform:uppercase} #kostenbezorg label { width: 100px; display: inline-block; } #kostenbezorg a#tooltip { text-decoration: none; color: #fff !important; background-color: #777; width: 16px; height: 16px; text-align: center; line-height: 16px; margin-left: 5px; border-radius: 50%; padding: 1px; border: 1px solid transparent; font-weight: 600; font-size: 13px; text-shadow: 1px -1px 1px rgba(0, 0, 0, 0.5); } #kostenbezorg a#tooltip:hover { background-color: #155BD4; border: 1px solid #155BD4; color: #fff !important; } #kostenbezorg .hint, [data-hint] { position: relative; display: inline-block; } #kostenbezorg .hint:before, #kostenbezorg .hint:after, #kostenbezorg [data-hint]:before, #kostenbezorg [data-hint]:after { position: absolute; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); visibility: hidden; opacity: 0; z-index: 1000000; pointer-events: none; -webkit-transition: 0.3s ease; -moz-transition: 0.3s ease; transition: 0.3s ease; -webkit-transition-delay: 0ms; -moz-transition-delay: 0ms; transition-delay: 0ms; } #kostenbezorg .hint:hover:before, #kostenbezorg .hint:hover:after, #kostenbezorg .hint:focus:before, #kostenbezorg .hint:focus:after, #kostenbezorg [data-hint]:hover:before, #kostenbezorg [data-hint]:hover:after, #kostenbezorg [data-hint]:focus:before, #kostenbezorg [data-hint]:focus:after { visibility: visible; opacity: 1; } #kostenbezorg .hint:hover:before, #kostenbezorg .hint:hover:after, #kostenbezorg [data-hint]:hover:before, #kostenbezorg [data-hint]:hover:after { -webkit-transition-delay: 100ms; -moz-transition-delay: 100ms; transition-delay: 100ms; } #kostenbezorg .hint:before, #kostenbezorg [data-hint]:before { content: ''; position: absolute; background: transparent; border: 6px solid transparent; z-index: 1000001; } #kostenbezorg .hint:after, #kostenbezorg [data-hint]:after { content: attr(data-hint); background: rgb(21, 91, 212); color: white; padding: 8px 10px; font-size: 12px; line-height: 12px; white-space: nowrap; text-shadow: 0 -1px 0px rgba(0, 0, 0, 0.5); box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.3); } #kostenbezorg [data-hint='']:before, #kostenbezorg [data-hint='']:after { display: none !important; } #kostenbezorg .hint--top:before { border-top-color: rgb(21, 91, 212); margin-bottom: -12px; } #kostenbezorg .hint--top:after { margin-left: -18px; } #kostenbezorg .hint--top:before, .hint--top:after { bottom: 100%; left: 4px; } #kostenbezorg .hint--top:hover:after, .hint--top:hover:before, .hint--top:focus:after, .hint--top:focus:before { -webkit-transform: translateY(-8px); -moz-transform: translateY(-8px); transform: translateY(-8px); } #kostenbezorg .hint--bounce:before, .hint--bounce:after { -webkit-transition: opacity 0.3s ease, visibility 0.3s ease, -webkit-transform 0.3s cubic-bezier(0.71, 1.7, 0.77, 1.24); -moz-transition: opacity 0.3s ease, visibility 0.3s ease, -moz-transform 0.3s cubic-bezier(0.71, 1.7, 0.77, 1.24); transition: opacity 0.3s ease, visibility 0.3s ease, transform 0.3s cubic-bezier(0.71, 1.7, 0.77, 1.24); } #santandermobiel{display:inline-block; border-radius:3px; background-color:#0ea0e7; color:#fff; padding:3px 5px 3px 5px; margin-top:16px;text-align:center;border:1px solid #000; font-weight:400; font-size:14px;} #santandermobiel:hover{background-color:transparent;color:#fff} #santandermobiel span.wes-tooltip{width:20px;height:20px;display:inline-block;border-radius:10px;background-color:#777;border:1px solid #000;vertical-align:top;line-height:18px;margin-left:6px; background-color:#fff; color:#383838;} #santandermobiel:hover span.wes-tooltip{background-color:#fff} .jshop_prod_cart.odd .short_description,.cart .short_description {display:none} .rechts-sorting, .links-sorting { width: 50%; float: left; } @media screen and (max-width: 551px) { .rechts-sorting, .links-sorting { width: 100%; } .rechts-sorting { padding-top:15px; } } .box_products_sorting select { width: 183px; } #wishlistnotice, #wishlistnoticemobiel { position: fixed; top: 20px; left: 50%; transform: translateX(-50%); padding: 20px; background: #0ea0e7; color: #fff; text-align: center; z-index: 9999; border-radius: 8px; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); max-width: 90%; /* Zorgt ervoor dat het niet breder wordt dan 90% van het scherm */ font-size: 1em; /* Standaard tekstgrootte */ } /* Groter blok voor desktop schermen */ @media only screen and (min-width: 768px) { #wishlistnotice, #wishlistnoticemobiel { padding: 30px; /* Grotere padding voor desktop */ font-size: 1.2em; /* Iets grotere tekst */ max-width: 600px; /* Max breedte op desktop */ } } #wishlistnotice a, #wishlistnoticemobiel a { color: #fff; text-decoration: underline; font-weight: bold; } #aantalwishlist { background:#ff6926; position: absolute; top: -10px; height: 20px; text-align: center; font-weight: bold; color: #fff; width: 20px; border-radius: 25px; left: 28px;} span#aantalwishlistmobiel { position: absolute; top: 3px; right: 1px; background-color: #fff; border-radius: 50%; padding: 3px 6px; font-size: 12px; font-weight: bold; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3); color: #ff6926; } #wishlistdiv {position:relative;} #kostenbezorg #kosten span { height: 30px; line-height: 27px; } #kostenbezorg label { border: none; background: none; margin-top: 0;} #wishlistdivcontainer {display: table; float: right; width: 31px; height: 96px; margin-right: 5px;} #wishlistdiv { float: left; margin-top: 33px;} #wishlistcontainerproductpagina {margin-top: 4px; position: absolute; right: 4px; top: 0; z-index:10;} @media only screen and (max-width: 900px) and (min-width: 569px) { #wishlistcontainerproductpagina {position:relative} } @media screen and (min-width: 451px) { #wishlistnoticemobiel{display:none;} } a.share-button { position: absolute; z-index: 10; right: 4px; top: 60px; } #block_price_savings_wes {width:83px} #block_price {width:244px;height:48px;} .video-container { position:relative; padding-bottom:56.25%; padding-top:30px; height:0; overflow:hidden; } .video-container iframe, .video-container object, .video-container embed { position:absolute; top:0; left:0; width:100%; height:100%; } .ww-tweede-deel-specs { display: block; text-align: center; margin-top: 20px; /* Adjusted for better spacing */ padding-bottom: 10px; } .ww-outer-btn-specs { display: inline-block; margin: 0 auto; padding: 5px; border-radius: 5px; background-color: #FFFFFF; /* Maintained white background for contrast */ box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); /* subtle shadow for depth */ } .ww-tweede-deel-specs #ww-show-more-specs { display: inline-block; margin: 0 auto; padding: 10px 25px; /* Larger padding for a bigger touch area */ background-color: #f0f0f0; /* Light grey for a softer look */ color: #0EA0E7; /* Theme blue for text */ font-weight: 700; font-size: 17px; border: 2px solid #0EA0E7; /* Slight border in theme blue for definition */ border-radius: 5px; cursor: pointer; transition: all 0.3s ease; /* Smooth transition for all changes */ -webkit-tap-highlight-color: transparent; /* Remove tap highlight on mobile */ } .ww-tweede-deel-specs #ww-show-more-specs:active { background-color: #e0e0e0; /* Darker grey to indicate the button is pressed */ color: #FF6B29; /* Theme orange for text while active */ } /* Adjustments for when the button is focused for better accessibility */ .ww-tweede-deel-specs #ww-show-more-specs:focus { outline: none; /* Remove default outline */ box-shadow: 0 0 0 3px rgba(14, 160, 231, 0.5); /* Glowing blue effect for focus */ } /* Optional: If you want to add an icon to the button */ .ww-tweede-deel-specs #ww-show-more-specs::after { content: '⌄'; /* Simple down arrow icon */ display: inline-block; margin-left: 5px; color:#0EA0E7; font-size: 12px; /* Smaller font size for the icon */ transition: transform 0.3s; /* Smooth transition for the icon rotation */ } #ww-meer-specs{display:none} .button-modal-product {color: #575757 !important;border: 1px solid #a2a2a2;background: #e1e1e1;padding: 8px;border-radius: 4px;font-size:14px;display:inline-block;margin-top:10px;} .button-modal-product:hover {color: #575757 !important;border: 1px solid gray;background: #bfbfbf;padding: 8px;border-radius: 4px;} .checkoutfooterblauw {width:100%; background-color: rgb(22 152 236); margin: auto; text-align:center; color:#fff; padding-top: 15px; padding-bottom: 15px;} /* nieuwe footer */ #header-module .left p {padding-top:13px!important;} #header-module .login a {padding: 30px 0px 20px 0px!important;} #header-module .module:nth-child(1), #header-module .module:nth-child(3) {width: 33%!important;} #header-module .module:nth-child(1){margin-bottom: 0px!important;} #header-module img.vinkje {margin: -18px 0px 0px 25px!important;padding-top:30px!important;} #header-module img.account {margin: 0 0 -15px!important;} #footer-wrapper .full { padding-top:35px !important;} .flex-direction-nav a {top: 90%!important;} .easy_top {background-color:rgba(0,0,0,0)!important;background-image:url(/images/footer2021.png)!important;background-repeat: no-repeat;background-position: center center;background-attachment: scroll;background-size: cover;-webkit-background-size: cover;background-size: cover;-ms-background-size: cover;-o-background-size: cover;color: #ffffff;border-color: #ffffff;} .flex-direction-nav a {height:35px!important;} #footer {background-color: rgba(0,0,0,0)!important;} #credits .right a, #credits .left a {color:#838383!important;} .bold-nieuwbinnen {font-weight:bold!important;text-align:center;} #top {background-color:#0fa7f0 !important;/*background-image: url(/images/topbarblauw.png)!important;background-repeat: no-repeat;background-position: center center;background-attachment: scroll;background-size: cover;-webkit-background-size: cover;background-size: cover;-ms-background-size: cover;-o-background-size: cover;*/color: #ffffff;border-color: #ffffff;} @media screen and (min-width: 481px) {#footer-wrapper {background-color:#0fa7f0 !important;/*background-image:url(/images/footerdesktop.png);background-repeat: no-repeat;background-position: center center;background-attachment: scroll;background-size: cover;-webkit-background-size: cover;background-size: cover;-ms-background-size: cover;-o-background-size: cover;*/color: #ffffff;border-color: #ffffff; margin-top:5px;}} @media screen and (max-width: 768px){.mobilemb {margin-top:5px!important;} #footer-wrapper {background-color:#0fa7f0!important;/*background-image: url(/images/footer2021mob.png);background-repeat: no-repeat;background-position: center center;background-attachment: scroll;background-size: cover;-webkit-background-size: cover;background-size: cover;-ms-background-size: cover;-o-background-size: cover;*/color: #ffffff;border-color: #ffffff;}} @media screen and (max-width: 768px){.flexslider .slides img { height:fit-content ;}.flex-direction-nav a {top: 109%!important;} #jform_email,#jform_username,#jform_token,#jform_password1,#jform_password2 {width:100%!important;} } @media screen and (max-width: 768px){#footer-wrapper .left.full {padding: 10px;}} @media screen and (max-width: 480px){.flexslider .slides img { height:auto!important;}.flex-direction-nav a {top: 110%!important;}} #footer ul li a, #footer ul li a:visited, #footer ul li a:active, #footer ul li a:hover {color: #fff;} #footer .repbtn, #footer .repbtn:active {color:#fff;} #footer .repbtn:hover {color:rgba(0,0,0,0);} .easy_top {background:#0ea0e7!important} #footer-mobiel .accordion-toggle.nn_sliders-toggle {color:#fff!important;} .jshopping_social_button { display: flex; justify-content: space-between; /* Zorgt voor gelijke ruimte tussen en rond items */ } .moduletable .jshopping_social_button img { display: block; height: auto; /* Behoudt de aspect ratio van de afbeelding */ } @media (min-width: 441px) { .jshopping_social_button { flex-wrap: nowrap; /* Voorkomt dat items naar een nieuwe regel vloeien op grotere schermen */ } } @media (max-width: 440px) { .jshopping_social_button { flex-wrap: wrap; /* Voorkomt dat items naar een nieuwe regel vloeien op grotere schermen */ width: 90%; margin: 0 auto; } } @media (min-width: 768px) and (max-width: 1000px) { .jshopping_social_button { flex-wrap: wrap; /* Voorkomt dat items naar een nieuwe regel vloeien op grotere schermen */ } } @media screen and (min-width: 1161px) { .block_product:nth-child(1n) { margin-left:0%; } .products_with_old_price .block_product:nth-child(1n) { margin-left:0%; width: 31%} } @media screen and (min-width: 768px) and (min-width: 941px){ .block_product:nth-child(1n){ } .block_product:nth-child(2n) { float: right; } } @media screen and (min-width:768px) {#navbar {background-color:transparent!important;} #fixer {background:#ffffffe6!important;} .accordion-group.panel.nn_sliders-group.cata { width: 68%;} .garantiebutt {width:68%!important;float: left; margin-left: 0%;} } @media screen and (max-width: 2400px) { .midrightclass, .midleftclass { display: none !important; } } #header { background-color:transparent!important; } .list_related .clearfix{ float: left; margin: 5px; } #attributes span.joradiochecked{ background-color: #eee; } .radio_attr_price_free { color: #0ea0e7; } .jo_main_prodct_img{ position: relative; float: left; } .jo_main_prodct_img .joleft_img{ position: absolute; top: 10px; left: 10px; z-index: 5; width: 42%; height: 51%; border:3px solid #606060; } .jo_main_prodct_img .joright_img{ position: absolute; top: 10px; right: 10px; z-index: 5; width: 42%; height: 51%; border:3px solid #606060; } .left-right-img .jo_df_right_img{ width: 45%; right: 10px; position: absolute; top: 10px; border:3px solid #606060; } .left-right-img .jo_df_left_img{ width: 45%; left: 10px; position: absolute; top: 10px; border:3px solid #606060; } .jshop_prod_cart .jshop_img_description_center{ position: relative } #marpreviewimg .joright_img, .jshop_img_description_center .joright_img{ position: absolute; left: 51%; top: 10px; width: 25%; } #marpreviewimg .joleft_img, .jshop_img_description_center .joleft_img{ position: absolute; right: 51%; top: 10px; width: 25%; } #marpreviewimg{ position: relative } .label-text {z-index:1;} #rc-anchor-container {transform: scale(0.7);} /* @end */ .block_product:nth-child(1n) { } .block_product:nth-child(2n) { margin-left: 0%; float: right; } .products_with_old_price .block_product:nth-child(2n) { float: left; } .form-container123 input[type=text], .form-container123 select { width: 100%; padding: 8px 20px; margin: 8px auto ; display: inline-block; border-radius: 4px; -webkit-box-sizing: border-box; box-sizing: border-box; } .open-button123 i { font-size:36px; color: white; } .open-button123 { background-color: #25D366; color: white; padding: 5px 5px; border: none; cursor: pointer; border-radius: 50%; opacity: 0.8; position: fixed; bottom: 23px; right: 28px; width: 55px; height: 55px; } /* The popup chat - hidden by default */ .chat-popup123 { background-color: rgba(0,0,0,0.5); display: none; position: fixed; bottom: 0; right: 0px; border: 3px solid #f1f1f1; z-index: 9999999; overflow: scroll; overflow-y: scroll;} /* The popup chat - hidden by default */ .chat-popup1234 { background-color: rgba(0,0,0,0.5); display: none; position: fixed; bottom: 0; right: 0px; border: 3px solid #f1f1f1; z-index: 9999999; overflow: scroll; overflow-y: scroll;} /* Add styles to the form container */ .overlay123 { height: 0%; width: 100%; position: fixed; z-index: 11; top: 0; left: 0; background-color: rgb(0,0,0); background-color: rgba(0,0,0,0.7); overflow-y: hidden; -webkit-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; } .overlay-content123 { position: relative; top: 25%; width: 100%; text-align: center; margin-top: 30px; } .overlay123 a { padding: 8px; text-decoration: none; font-size: 36px; color: #818181; display: block; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; line-height:17px; } .overlay123 a:hover, .overlay123 a:focus { color: #0e0e0e; } .overlay123 .closebtn123 { position: absolute; color:#fff; top: 60px; right: 45px; font-size: 24px; } @media screen and (min-width: 1480px) { .modal-dialog .modal-content { width: 60%!important;} } @media screen and (max-height: 450px) { .overlay123 {overflow-y: auto;} .overlay123 a {font-size: 18px} .overlay123 .closebtn123 { font-size: 24px; top: 15px; right: 35px; } } /* Full-width textarea */ .overlay-content123 textarea { width: 100%; padding: 5px 20px; margin: 8px auto 8px auto; display: inline-block; border: 1px solid #ccc; border-radius: 4px; -webkit-box-sizing: border-box; box-sizing: border-box; min-height: 100px; } /* When the textarea gets focus, do something */ .overlay-content123 textarea:focus { background-color: #f5f5f5; outline: none; } /* Set a style for the submit/send button */ .overlay-content123 .btn { border-radius: 4px; color: white; padding: 5px 20px; border: none; cursor: pointer; margin:0 auto 20px auto; opacity: 0.8; height:42px; } /* Add some hover effects to buttons */ .overlay-content123 .btn:hover, .open-button123:hover { opacity: 1; color:#f0f0f0; } .open-button123 {display:none;} .form-group {margin-left:10%;width:100%;} .wdform-ch-rad-label {float:right!important;font-style:italic;opacity:0.6;} #form29 .wdform_page, #form12 .wdform_page { margin: auto;} .image_middle .nomobile .moduletable h3{ float: left; border-top: 2px solid #ff6926; border-bottom: 2px solid #ff6926; width: 100%; padding: 6px 0px; margin-bottom: 5px; text-align:center; } .eerder_bek{ overflow: hidden; } .manufacturer_name_img{ position: absolute; bottom: 0; right: 25px; } .laatstbekeken{ position: relative; } .laatstbekeken .description{ margin: 15px 0; height:83px; overflow:hidden; } .description li{ font-size: 13px; margin: 5px 0; } p.setcolor{ color: #1d8abd; } .joatcbt{ display: none; } .nomobile { clear: both; } .nomobile .eerder_bek{ margin-top: 30px; } .marquito-product .wwproducts{ } .jo_info_photo p { position: absolute; z-index: 5; background: #fff; padding: 5px; min-width: 70px; line-height: 23px; font-size: 12px; text-align: center; border: 1px solid #ff6926; color: #ff6926; font-weight: bold; bottom: -20px; width: 100%; } @media only screen and (min-width: 768px) { .item-367,.item-368 {display:none!important;} .list_product .wwproducts { min-height: 310px; } .products_with_old_price .block_product{ width: 47%; } } /*---------------------------------------------------------------*/ .list_product .ajax_wichlist {bottom: -6px;top:auto!important;} #related1 #blockwhite .price_savings {display:none;} #related1 .priceouter {width:auto!important;} #related1 .wwproducts {height:248px!important; margin-top:12px;} #related1 #blockwhite {height:104px!important;} #related1 .wwproducts {height:auto;} .jshop_list_product .product .image {margin-bottom:-5px!important;} .second_short_description p{ position: absolute; z-index: 9; background: #fff; padding: 5px; min-width: 70px; line-height: 23px; font-size: 12px; text-align: center; margin-top: 9px; line-height: 16px; border: 1px solid #0ea0e7; margin-left: -27px; color: #0ea0e7; font-weight: bold; } .price_savings {background: #5fd01b;line-height:20px;} a#tooltip:hover {pointer-events:none;} .verkocht:hover {transform: scale(1.0)!important;} .related10,.hide-buy, .productnamew {display:none;} @media only screen and (max-width:767px) { .breadcrumb {display:none;} #content {margin-top:0px;} #blockwhite {height:auto!important;} #related2 img.jshop_img {width:98%!important;} #related1 #blockwhite {margin-left:15px;margin-bottom:-10px!important;} .second_short_description p {font-size:10px!important;margin-top:70px!important;} #nodesktop span {display:none!important;} #content_wrapper, #topmain {-webkit-box-shadow:0px 0px 4px rgba(141, 141, 141, 0)!important;} .jshop_price.wwshopper {margin-bottom:0px!important;} #sbox-window, #ww-termijnen-popup { max-height: calc(100vh - 100px);} #wes-popup-termijncat #wes-popup-inner{ width:100%!important;} } @media screen and (min-width: 483px) { .leftside {width: 205px;display: inline-block; float: left;} } @media only screen and (min-width:767px) { #related1 .pricecontainer {width:83%!important;} #related1 .priceouter {width:auto!important;height: auto!important;} #related1 .roductright {width:41%!important;} #related1 #blockwhite {height: auto!important;} #related1 .roductright {width:41%!important} .list_product .wwproducts {padding-bottom:0px!important;} .priceouter,#blockwhite {height:auto!important;} #nomobile span {display:none!important;} } @media screen and (max-device-width: 1100px) { #jshop_module_cart { margin-right: 14px;} } @media only screen and (min-width:1161px) { image_block2, .priceouter, .jshop_img {width:100%!important;} .roductright {width:43%!important;margin-right:5px;} #santander5, .jshop_list_product .product .jshop_price, .old_price { width:100%;float:left;margin-left:0!important;} } @media only screen and (min-width:1101px)and (max-width:1441px) { .bezorgje,.compare-button-custom {display:none!important;} } @media only screen and (min-width:767px) and (max-width:870px) { #top ul, #navbar ul, #breadcrumbs ul, #bottommain ul, .check-cat ul { float:none!important; } .compare-button-custom { display:none!important; } } @media only screen and (min-width:767px)and (max-width:1160px) { .button_detail.relabut{margin-top:-10px!important;} } .productnamewww {border-top: 2px solid #ff6926!important;} .terms {display:none!important;} @media only screen and (min-width:500px) { #blockwhite { height: 167px;} } @media only screen and (min-width:767px) { .list_product .wwproducts {min-height:305px;} .jshop_list_product .product .description, #right .marquito .description {margin-top:-10px!important;} .nodesktop {display:none;} .price_savings {margin-bottom:10px!important;padding:10px!Important;} #related1 .pricecontainer { width:83%!important;} .priceouter, #blockwhite {width:auto!important; height: auto!important;} } @media only screen and (min-width: 767px) and (max-width: 968px) { .knoppenwesleyw {width: calc(100% - 404px)!important;} } @media only screen and (min-width: 767px) and (max-width: 968px) { .knoppenwesleyw { margin-left: 15px; } #productright{ display:block;float:none;width:auto!important;} .productfull .image_middle {width: 45%;} ul.betaalvink, img.betaalideal {display: none!important;} .betaalrechts, .betaallinks, .linkslinks {width:100%!important;} } @media only screen and (min-width: 768px) and (max-width: 820px) { .tabs label {width:100%!important;margin-top:5px!important;display:flex;} .tabs [id^="tab"]:checked + label {border-right:1px solid blue; padding-right:5px;} } @media screen and (min-width: 1189px) { .betaallinks { width: 42%!important; } .container, #content_wrapper,#topmain img.compu, .flex-active-slide { /* Breedte voor schermen breder dan 1188px */ max-width: 1300px; /* Bijvoorbeeld 1348px */ /* Andere stijlen die alleen gelden voor schermen breder dan 1188px */ } .side-image-right { right: 2rem!important; } .side-image-left { left: -5rem!important; } .aanbieding_banner { height:324px; } } .innerprod { width: auto !important;} .close { cursor: pointer; background: white; border-radius: 50%; width: 25px; height: 25px; display: inline-block; line-height: 25px; transform: scale(1.5); } .list_product { margin-bottom: 20px; } #topmain .jshop_list_product { width: 100%; } #form44 .wdform_page { background-image: url('/images/celebrations.jpg')!important; background-size: cover!important; background-position: center!important; background-repeat: no-repeat!important;} #form44 .wdform_page p, #form44 .wdform-label {box-shadow: 0 0 10px 5px rgb(255, 255, 255);background:#fff;font-weight:bold;padding:10px;} #form44 .button-submit {box-shadow: 0 0 10px 5px rgb(255, 255, 255);width:294px!important;text-align:center;margin-left:-3px;} #form44 .wdform-label {margin-left:-12px;line-height:40px!important;} #form44 input[type="text"] {height:30px!important;} /* Overlay-stijl */ #system-message-overlay { position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; background-color: rgba(0, 0, 0, 0.6); /* Donkere overlay */ z-index: 999; /* Zorg dat het boven andere content staat */ display: none; /* Zorg dat het pas zichtbaar wordt wanneer er een melding is */ } /* Stijl voor de systeemmelding */ #system-message-container { position: fixed; top: 20%; left: 50%; transform: translate(-50%, -20%); width: 60%; z-index: 1000; text-align: center; } /* Systeemmelding styling */ #system-message .alert { background-color: #0EA0E7; /* Blauwe achtergrond */ color: white; padding: 20px; border-radius: 8px; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); font-size: 1.2em; position: relative; } /* Icoon binnen het bericht */ #system-message .alert::before { content: "\f06a"; /* Font Awesome icoon (bijv. waarschuwing) */ font-family: 'Font Awesome 5 Free'; font-weight: 900; font-size: 1.5em; margin-right: 10px; color: #FFFFFF; } /* Verberg het kruisje */ #system-message .alert .close { display: none; } /* Indicator voor automatisch sluiten */ #system-message .alert .auto-close-indicator { font-size: 0.9em; color: #FFFFFF; margin-top: 10px; opacity: 0.8; } /* Optionele animatie voor visuele feedback */ #system-message .alert .auto-close-progress { height: 4px; background-color: #FF6D2C; /* Gouden kleur voor de sluitanimatie */ width: 100%; position: absolute; bottom: 0; left: 0; animation: closeProgress 5s linear forwards; /* Animatie van 5 seconden */ } /* Sleutelframes voor de sluitanimatie */ @keyframes closeProgress { from { width: 100%; } to { width: 0; } } .custom-faq-section { font-family: Arial, sans-serif; max-width: 800px; margin: 0 auto; padding: 20px; color: #333; /* Basistekstkleur */ } .custom-faq-section h1 { color: #FF5002; /* Primaire themakleur voor hoofdkop */ font-size: 28px; text-align: center; margin-bottom: 20px; } .custom-faq-section h2 { color: #FF5002; /* Primaire themakleur voor subkoppen */ font-size: 24px; margin-top: 30px; margin-bottom: 15px; } .custom-faq-section p, .custom-faq-section dl { font-size: 16px; line-height: 1.6; } .custom-faq-section a { color: #38A1E5; /* Secundaire themakleur voor links */ text-decoration: none; } .custom-faq-section a:hover { text-decoration: underline; } .custom-faq-section dt { font-weight: bold; margin-top: 10px; } .custom-faq-section dd { margin-bottom: 10px; margin-left: 20px; } /* Stijlen voor online/offline indicatoren, indien gebruikt */ .custom-faq-section .green-light-indicator { width: 10px; height: 10px; background-color: #27AE60; /* Groen voor online status */ display: inline-block; border-radius: 50%; margin-right: 5px; } .custom-faq-section .red-light-indicator { width: 10px; height: 10px; background-color: #E74C3C; /* Rood voor offline status */ display: inline-block; border-radius: 50%; margin-right: 5px; } @media only screen and (min-width: 1024px) and (max-width: 1440px) { .container, #content_wrapper, #topmain img.compu, .flex-active-slide { width: 100%; /* Stel de breedte in op 90% van de beschikbare breedte */ max-width: 1100px; /* Schakel eventuele max-width uit */ margin: 0 auto; /* Centreer de elementen horizontaal */ /* Voeg eventuele andere stijlen toe die nodig zijn */ } } .jshop_pagination .pagination { display:inline-block; } .jshop_pagination .pagination ul li a, .jshop_pagination .pagination ul li span { padding: 5px 10px; /* Voegt padding toe voor betere klikbaarheid */ background-color: #f0f0f0; /* Achtergrondkleur voor betere zichtbaarheid */ border: 1px solid #dcdcdc; /* Voegt een grens toe voor definitie */ border-radius: 3px; /* Optionele afgeronde hoeken voor een moderne look */ } @media (max-width: 796px) { .jshop_pagination .pagination { margin-top:20px; position:relative; } .jshop_pagination .pagination ul { display: flex; flex-wrap: wrap; justify-content: center; padding: 0; list-style-type: none; } .jshop_pagination .pagination ul li { display: inline-block; /* Zorgt ervoor dat elementen naast elkaar weergegeven worden */ margin: 0 5px; /* Voegt ruimte toe tussen de items */ } /* Optioneel: Verberg specifieke paginatie-elementen om ruimte te besparen */ .jshop_pagination .pagination ul li:not(.pagination-start):not(.pagination-prev):not(.pagination-next):not(.pagination-end) { display: none; } /* Verzekert dat 'Start', 'Vorige', 'Volgende', en 'Einde' zichtbaar blijven */ .jshop_pagination .pagination ul li.pagination-start, .jshop_pagination .pagination ul li.pagination-prev, .jshop_pagination .pagination ul li.pagination-next, .jshop_pagination .pagination ul li.pagination-end { display: inline-block; /* Toont deze belangrijke navigatie-elementen */ } } .custom-checkbox { display: none; } .custom-checkbox + .custom-checkbox-label:before { content: ""; display: inline-block; width: 20px; height: 20px; border: 2px solid #333; background-color: #fff; border-radius: 4px; margin-right: 5px; } .custom-checkbox:checked + .custom-checkbox-label:before { background-color: #007bff; } .custom-checkbox-label { cursor: pointer; } /* Specifieke stijlen voor de blogpagina */ .blog-featured .items-row { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 20px; /* Add gap between items */ } .blog-featured .item { flex: 1 1 30%; max-width: 30%; padding: 20px; box-sizing: border-box; background-color: #fff; margin: 10px 0; border-radius: 8px; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); transition: transform 0.3s ease, box-shadow 0.3s ease; display: flex; flex-direction: column; justify-content: space-between; } /* Container voor de intro-afbeelding en overlay */ .intro-image-container { position: relative; overflow: hidden; height: 200px; } /* Stijl voor de intro-afbeelding */ .intro-image { width: 100%; height: 100%; object-fit: cover; transition: transform 0.3s ease; } /* Overlay die verschijnt bij hover */ .readmore-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.6); opacity: 0; transition: opacity 0.3s ease; display: flex; justify-content: center; align-items: center; text-align: center; } /* Stijl voor de "Lees meer" link */ .btn-readmore { background-color: #fff; color: #000; padding: 10px 20px; text-decoration: none; border-radius: 4px; font-weight: bold; } /* Overlay zichtbaar bij hover */ .intro-image-container:hover .readmore-overlay { opacity: 1; } /* Zoom effect op de afbeelding bij hover */ .intro-image-container:hover .intro-image { transform: scale(1.1); } /* Ensure equal height for blog items */ .blog-featured .items-row { display: flex; flex-wrap: wrap; } /* Style blog items */ .blog-featured .item { display: flex; flex-direction: column; justify-content: space-between; padding: 20px; background-color: #fff; margin: 10px; border-radius: 8px; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); transition: transform 0.3s ease, box-shadow 0.3s ease; } .blog-featured .item { flex: 1 1 30%; max-width: 30%; } .blog-featured .item:hover { box-shadow: 0 6px 16px rgba(0, 0, 0, 0.15); } .blog-featured .contentheading { font-size: 24px; color: #0056b3; background-color: #e9f5ff; padding: 10px; border-radius: 4px; text-align: center; min-height: 80px; /* Ensures titles have the same height */ } .blog-featured .article-info { font-size: 12px; color: #999; text-align: center; } @media (max-width: 768px) { .blog-featured .item { flex: 1 1 100%; max-width: 100%; margin: 10px 0; } } /* Extra animatie voor de "Lees meer" knop */ .btn-readmore { position: relative; display: inline-block; overflow: hidden; vertical-align: middle; z-index: 1; } .btn-readmore::before { content: ''; position: absolute; top: 50%; left: 50%; width: 300%; height: 300%; background: rgba(255, 255, 255, 0.3); transition: all 0.3s; z-index: -1; transform: translate(-50%, -50%) scale(0.5); opacity: 0; } .btn-readmore:hover::before { transform: translate(-50%, -50%) scale(1); opacity: 1; } #form45 .wdform-element-section { display: grid!important; } .home #content_wrapper, .home #topmain { position: relative; box-shadow: none; /* Verwijder de standaard schaduw */ } .home #content_wrapper::before, .home #topmain::before { content: ''; position: absolute; top: 0; left: -4px; /* Zorg dat de schaduw naar buiten steekt */ width: calc(100% + 8px); /* Breder maken voor beide zijkanten */ box-shadow: 4px 0px 4px -2px rgba(141, 141, 141, 0.3), -4px 0px 4px -2px rgba(141, 141, 141, 0.3); pointer-events: none; /* Voorkom interactie */ z-index: -1; /* Plaats het pseudo-element achter de content */ background: transparent; /* Zorg dat het pseudo-element niet zichtbaar is */ } .owl-dots { display: none; } body {background-color:#f5f5f5 !important;} #content_wrapper, #topmain {background: #fff!Important;} @media (min-width:1024px) { #content_wrapper { padding:0px 15px 15px 15px; } #bottommain { margin-top:15px; } } @media (max-width:767px) { .garantie-verzoek .item-page .article-content { padding:0px!important; } }