/* main */ html, body { -webkit-font-smoothing: antialiased; margin: 0 0 0 0; padding: 0 0 0 0; font-family: 'Ubuntu', 'Lato', sans-serif; font-size: 13px; height: 100%; background: #fff; color: #4b4d51; } *, *:before, *:after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } ul, li { list-style: none; padding: 0; margin: 0; } a, a:visited { text-decoration: none; color: #444; } a:hover { color: #148ce7; } /* headings */ h1, h2, h3 { font-weight: 400; color: #4e4b52; padding: 0 0 0 0; } h1 { font-size: 24px; } h2 { font-size: 18px; } h3 { font-size: 14px; } /* special headings */ h2.heading { font-weight: normal; margin-top: 0; /*border-bottom: 2px solid transparent;*/ position: relative; margin-bottom: 20px; text-align: left; font-size: 24px; } h2.heading:before { content: ""; display: block; /*border-top: 2px solid $gray_border;*/ width: 100%; height: 2px; position: absolute; top: 50%; z-index: 1; } #cfTestStart { display: none; background: none; box-shadow: none; } h2.heading span { padding: 0 0 0 0; position: relative; z-index: 1; background: #fff; } /* global styles */ .mr { margin-right: 10px; } .mt { margin-top: 10px; } .nomt { margin-top: 0; } .mb { margin-bottom: 10px; } .mtb { margin-top: 10px; margin-bottom: 10px; } i.fa { margin-right: 5px; } .ar { text-align: right; } .left { float: left; } .right { float: right; } /*global borders */ .brdrT { border-top: 1px solid #ededed; } .brdrB { border-bottom: 1px solid #ededed; } .brdrR { border-right: 1px solid #ededed; } /* buttons */ button.action, a.button.action { /*color: $action_medium; border: 2px solid $action_border; background: #fff; font-size: 13px;*/ } button, button.button, [type=button], [type=submit], a.button { outline: none; border-color: #0073c4; color: #fff; font-size: 13px; padding: 10px 15px; font-weight: 800; text-transform: uppercase; background: #0073c4; border-radius: 4px; border: none; } .button.btn-default { text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2); -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075); } button:hover, button.button:hover, [type=button]:hover, [type=submit]:hover, a.button:hover, a.button.action:hover { background: #0073c4; } /*bootstrap overrule*/ .btn-default { text-shadow: none; } /* wrapper */ div.wrapper { min-height: 100%; height: auto !important; /* This line and the next line are not necessary unless you need IE6 support */ height: 100%; margin: 0 auto -200px; /* the bottom margin is the negative value of the footer's height */ } /* header */ header { min-height: 200px; position: relative; width: 100%; } div.topheader { color: #999; height: 35px; background: #ecf0f1; overflow: hidden; } div.topheader .wrapper { position: relative; } div.topheader .list-inline { float: left; line-height: 35px; } div.navheader { min-height: 50px; background: #015997; position: absolute; top: 150px; left: 0; right: 0; font-weight: 200; } div.navheader .container, div.topheader .container { padding: 0 1rem 0 1rem; } /* topheader menu */ div.topheader ul { height: 35px; overflow: hidden; float: right; margin: 0; padding: 0; list-style: none; } div.topheader ul > li { float: left; margin: 0 0 0 10px; padding: 0 0 0 0; list-style: none; position: relative; } div.topheader ul > li > a { font-size: 13px; float: left; text-decoration: none; line-height: 35px; color: #999; } div.topheader ul > li > a:hover { opacity: 0.7; cursor: pointer; } /* navheader menu */ div.navheader ul { display: none; background: #0073c4; position: absolute; float: left; margin: 0; padding: 0; list-style: none; z-index: 1000; width: 100%; top: 50px; left: 0; right: 0; } div.navheader ul.active { display: block; } div.navheader ul > li { margin: 0 20px 0 0px; padding: 0px 10px 0 20px; list-style: none; position: relative; clear: both; } div.navheader ul > li.all-categories { border-right: 1px solid rgba(255, 255, 255, .2); } div.navheader ul > li.all-categories .fa { margin-left: 5px; } div.navheader ul > li > a { float: left; text-decoration: none; line-height: 50px; color: #fff; font-size: 16px; text-transform: uppercase; } div.navheader ul > li > a:hover { opacity: 0.7; cursor: pointer; } /* navheader submenu */ div.navheader ul ul { display: none; position: absolute; top: 50px; left: -5px; background: #0073c4; z-index: 1000; width: auto; min-width: 250px; } div.navheader ul ul:hover { opacity: 1; } div.navheader ul ul > li { float: none; margin: 0 0 0 0; width: 100%; padding: 5px 0 5px 20px; } div.navheader ul ul > li a { float: left; margin: 0 0 0 0; font-size: 13px; line-height: 30px; width: 100%; } div.navheader div.toggle { text-align: left; line-height: 50px; color: #fff; cursor: pointer; font-size: 16px; text-transform: uppercase; background: url(https://s3-eu-west-1.amazonaws.com/cdn.s3.wfshop.be/default/icons/toggle.png) left top no-repeat; padding: 1px 0 0 28px; } /* category full */ .category-wrapper { position: relative; } div.navheader .category-full:hover { opacity: 1; } div.navheader .category-full { display: none; padding: 10px 0 20px 0; text-align: left; position: absolute; background: #fff; border: 1px solid #ccc; left: 0; right: 0; top: 50px; z-index: 1000; -webkit-box-shadow: 0px 3px 1px 0px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0px 3px 1px 0px rgba(0, 0, 0, 0.3); box-shadow: 0px 3px 1px 0px rgba(0, 0, 0, 0.3); } div.navheader .category-full ul > li { float: none; } div.navheader .category-full ul > li > a { width: 100%; color: #444; font-size: 13px; text-transform: capitalize; line-height: 20px; } div.navheader .category-full a:first-letter { text-transform: uppercase; } div.navheader .category-full .more { font-size: 14px; } div.navheader .category-full .more a { margin-top: 8px; } div.navheader .category-full ul > li { float: none; } div.navheader .category-full .category-full-box { margin-bottom: 10px; } div.navheader .category-full .cl { border-bottom: 1px solid #ededed; } div.navheader .category-full .cl:last-child { border-bottom: none; } div.navheader .category-full a.level1, div.navheader .category-full a.level1:visited { margin: 10px 0 5px 0; text-decoration: none; float: left; font-size: 18px; color: #4b4d51; } div.navheader .category-full a, div.navheader .category-full a:visited { color: #444; } /* main category */ .category-wrapper.main li > a { color: #444; } .category-wrapper.main ul ul { display: none; } /* searchbox */ .searchbox { position: absolute; top: 60px; float: left; margin: 10px 40px 0; position: relative; } .searchbox input { border-radius: 0; -webkit-appearance: none; border: 1px solid #d9d9d9; padding: 7px; width: 200px; margin-right: -4px; outline: none; } .searchbox button { border-radius: 0; border: none; padding: 9px 15px 9px 15px; font-size: 13px; background: #0073c4; color: #fff; } .searchbox button:hover, .searchbox [type=submit]:hover { border: none !important; } .searchbox .searchmodal { position: absolute; width: 100%; background: #fff; z-index: 100000; border: 1px solid #d9d9d9; top: 40px; -webkit-box-shadow: 0px 3px 1px 0px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0px 3px 1px 0px rgba(0, 0, 0, 0.3); box-shadow: 0px 3px 1px 0px rgba(0, 0, 0, 0.3); } .searchbox .searchmodal a, .searchbox .searchmodal a:visited { color: #444; } .searchbox .searchmodal .suggest-list img { width: auto; float: left; } .searchbox .searchmodal .suggest-list .product-wrap { padding: 10px; border: none; border-bottom: 1px solid #d9d9d9; } .searchbox .searchmodal .suggest-list .product-info.hop { margin-left: 45px; } /* mobile icons */ .iconset { position: absolute; right: 10px; top: 80px; color: #0073c4; } .iconset i { width: 30px; line-height: 30px; font-size: 20px; } /* logo */ div.logo { text-align: center; position: absolute; top: 2px; left: 0; right: 0; height: 60px; } div.logo img { height: 100%; max-height: 100%; width: auto; margin: 0px auto; } /* block */ div.block > ul > li { padding: 5px 0 5px 0; text-transform: uppercase; font-size: 14px; } div.block h2 { font-size: 20px; } /* footer */ .push { min-height: 220px; } footer { color: #fff; min-height: 200px; background: #444; } footer a, footer a:visited { color: #fff; line-height: 20px; text-decoration: underline; } footer a:hover { color: rgba(255, 255, 255, 0.6); } footer p { margin: 0 0 5px 0; padding: 0 0 0 0; opacity: 0.8; } footer h2 { font-size: 24px; font-weight: 200; padding: 0 0 0px 0; float: left; color: #fff; } footer p.space { margin-top: 15px; } footer .social i { font-size: 28px; line-height: 35px; } footer .social li { float: left; margin-right: 15px; } footer .social li a, footer .social li a:visited { color: #fff; } /* single */ .rel { position: relative; } .cl { clear: both; } .mobile { display: block; } .screen { display: none; } .cf.screen { display: none; } /* toggle-wrapper */ .toggle-wrapper { margin-right: 10px; } .toggle-child { display: none; } .toggle-wrapper.active i.fa:before { content: "\f107"; } .toggle-wrapper span { float: left; padding: 4px 8px 4px 8px; color: #fff; border-radius: 3px; background: #444; cursor: pointer; } /* categories */ .category-description { border-bottom: 1px solid #ededed; padding-top: 10px; } .category-description h1, .category-description h2 { margin-top: 0px; } .block { margin: 0 0 20px 0; } .block #category > li { border-bottom: 1px solid #e8e8e8; } .main .category-wrapper { display: none; } .block #category { width: 100%; } .block ul > li { padding: 10px 0 10px 0; width: 100%; } /* teaser */ .teaser { min-height: 280px; margin-bottom: 20px; } .teaser .content { text-align: right; } .teaser .owl-carousel .owl-item { height: auto; } .teaser .owl-carousel .owl-item img { width: auto; max-width: 100%; max-height: 100%; height: auto; margin: 0px auto; } .teaser h1 { text-align: right; color: #0073c4; line-height: 26px; font-size: 28px; } .teaser h2 { text-align: right; color: #015997; line-height: 22px; } .main-teaser { display: none; background-size: cover; height: 340px; } .teaser-block { background: rgba(0, 87, 153, 1); background: -moz-radial-gradient(center, ellipse cover, rgba(146, 192, 235, 1) 0%, rgba(0, 87, 153, 1) 100%); background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(146, 192, 235, 1)), color-stop(100%, rgba(0, 87, 153, 1))); background: -webkit-radial-gradient(center, ellipse cover, rgba(146, 192, 235, 1) 0%, rgba(0, 87, 153, 1) 100%); background: -o-radial-gradient(center, ellipse cover, rgba(146, 192, 235, 1) 0%, rgba(0, 87, 153, 1) 100%); background: -ms-radial-gradient(center, ellipse cover, rgba(146, 192, 235, 1) 0%, rgba(0, 87, 153, 1) 100%); background: radial-gradient(ellipse at center, rgba(146, 192, 235, 1) 0%, rgba(0, 87, 153, 1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#92c0eb', endColorstr='#005799', GradientType=1); padding: 20px; margin-bottom: 15px; } .teaser-block img { margin: 0px auto; margin-bottom: 10px; } .teaser-block a, .teaser-block a:visited { color: #fff; text-decoration: none; text-align: center; float: left; width: 100%; line-height: 20px; } .shipping { padding: 10px; background: #ededed; margin-bottom: 15px; } .shipping img { float: left; margin: 5px 15px 15px 10px; } /* products */ #products img { max-width: 150px; max-height: 150px; margin: 0 auto 1.5rem auto; vertical-align: middle; } .product-wrap { border: 1px solid #ededed; } .product-wrap [type=text] { font-size: 16px; padding: 8px 15px 8px 15px; border-radius: 8px; font-weight: 200; border: 1px solid #d9d9d9; width: 50px; margin-right: 10px; text-align: center; } .product-detail input.cart-qty { width: 80px; float: left; margin: 10px 10px 10px 0; padding: 7px; height: auto; outline: none; } #products .options-wrap { position: absolute; right: 10px; top: 10px; } #products .options-wrap span { float: right; text-transform: uppercase; color: #fff; padding: 4px 6px 4px 6px; border-radius: 4px; font-size: 10px; margin-left: 5px; } #products .options-wrap span.new { background: #33bf7a; } #products .options-wrap span.discount { background: #f23f74; } #products .product a, #products .product a:visited { text-transform: uppercase; font-weight: bold; min-height: 40px; float: left; width: 100%; } #products .product { padding: 15px; min-height: 250px; } #products .product-wrap { padding: 10px; background: #fff; position: relative; } #products .product-wrap .push { /*height: 60px; min-height: 60px; float: left;*/ display: none; } #products .img-link { width: 100%; text-align: center; } #products .info { /*padding: 5px 0 10px 0; color: #ababab;*/ width: 100%; clear: both; } #products .product.last { border-right: none; } #products .availability { clear: both; padding: 5px 0 5px 0; } #products .availability .status1 { color: green; } .product-modal-wrap { padding: 15px 20px; } .product-modal-wrap .product-title { margin-right: 80px; } .quickview { cursor: pointer; visibility: hidden; opacity: 0; transition: opacity 0.5s ease-out; -moz-transition: opacity 0.5s ease-out; -webkit-transition: opacity 0.5s ease-out; -o-transition: opacity 0.5s ease-out; position: absolute; left: 10px; top: 10px; padding: 10px; border: 1px solid #148ce7; background: #fff; color: #148ce7; border-radius: 4px; } #product-list .product:hover .quickview { visibility: visible; opacity: 1; } /* product lists */ .product-list.short-list .product-wrap { border: none; position: relative; border-bottom: 1px solid #d9d9d9; padding-bottom: 10px; margin-bottom: 10px; } .product-list.short-list .product-wrap a img { max-width: 80px; float: left; } .product-list.short-list .product-wrap .product-info.hop { margin-left: 100px; } .product-list.short-list .product-wrap .product-info a { margin-bottom: 10px; float: left; width: 100%; } .shop { position: relative; /* left: 10px; right: 10px; bottom: 10px;*/ min-height: 65px; padding-top: 10px; } .shop button { position: absolute; bottom: 3px; right: 0; } .shop span.price { font-size: 18px; line-height: 30px; } /* pagination */ .pagination { float: left; margin: 10px 0 0 0; padding: 0 0 0 0; } .pagination ul { margin: 0 0 0 0; } .pagination a, .pagination a:visited { color: #444; } .pagination > .active > a, .pagination > .active > a:visited, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover { background: #444; border-color: #444; color: #fff; } /* attributes */ .product-filter-wrapper .block h2 { background: none; } .attributes-wrapper { display: none; } .range-slider { padding: 0 0px 0 0px; } .range-slider .slider.slider-horizontal { width: 100%; } .range-slider .slider.slider-horizontal .slider-track { border: 1px solid #d9d9d9; } .range-slider .slider-selection { box-shadow: none; background: #77cdd2; border: 1px solid #77cdd2; } .range-slider .slider-handle { background: #eee; /* Old browsers */ background: -moz-linear-gradient(-45deg, #eee 0%, #ccc 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(-45deg, #eee 0%, #ccc 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(135deg, #eee 0%, #ccc 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#cccccc', GradientType=1); /* IE6-9 fallback on horizontal gradient */ border: 1px solid #a8aeb2; } .range-slider .filter-price-txt { margin: 5px 0 0 10px; } .range-slider .filter-price { float: left; margin-left: 5px; font-size: 12px; } div.block.attributes h3 { text-transform: uppercase; font-size: 14px; margin: 10px 0 0 10px; } div.block.attributes ul { padding: 0 0 5px 0px; margin: 0 0 10px 0; float: left; width: 100%; box-sizing: border-box; -moz-box-sizing: border-box; border-bottom: 1px solid #e8e8e8; } div.block.attributes ul > li { text-transform: uppercase; width: 100%; float: left; box-sizing: border-box; -moz-box-sizing: border-box; } div.block.attributes ul > li input[type=checkbox] { float: left; margin: 3px 10px 0 0; } div.block.attributes ul > li:first-letter { text-transform: uppercase; } /* sizes */ #sizes { margin: 0 0 0 0; padding: 0 0 10px 0; } #sizes li { list-style: none none; float: left; margin: 0 5px 5px 0; width: 38px; height: 34px; border: 1px solid #c4cccf; color: #343735; text-align: center; } #sizes li:hover, #sizes li.active { background: #148ce7; color: #fff; cursor: pointer; border: 1px solid #148ce7; } #sizes li input { display: none; } /* media-gallery */ .media-gallery { float: left; display: table; table-layout: fixed; } .media-gallery .viewport { border: 3px solid #d9d9d9; background: #fff; float: left; display: table-cell; } .media-gallery .viewport img { max-width: 100%; width: 100%; margin: 0 0 0 0; } .media-gallery ul > li { float: left; margin-right: 10px; border: 3px solid #d9d9d9; background: #fff; display: -webkit-flex; display: flex; flex: 0 1 auto; align-items: center; cursor: pointer; } .media-gallery ul > li > img { align-self: center; margin: 0 0 0 0; } .media-gallery-thumbnails { margin: 10px 0 10px 0; } .media-gallery-thumbnails ul { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .media-gallery-thumbnails ul li { display: -webkit-flex; display: -ms-flexbox; display: flex; margin-bottom: 10px; } /* matentabel */ .matentabel { margin: 10px 0 10px 0; } /* breadcrumb */ .breadcrumb { border-radius: 0 0 0 0; background: none; margin-bottom: 0; padding-bottom: 0; padding-left: 0; line-height: 30px; border-bottom: 1px solid #ededed; } .breadcrumb > li + li:before { float: left; margin-top: 8px; font: normal normal normal 14px/1 FontAwesome; content: "\f054"; } /* sort-box */ .sort-box { margin: 0 0 0 0; padding: 0 0 0 0; float: left; } .sort-box li { float: left; margin-right: 10px; padding-top: 15px; padding-bottom: 5px; } .sort-box li a { text-decoration: none; } .sort-box li a.active { font-weight: bold; } .sort-box li a.active.sort-a:after { content: "\f077"; font: normal normal normal 14px/1 FontAwesome; margin-left: 4px; margin-top: 3px; font-size: 10px; float: right; } .sort-box li a.active.sort-d:after { content: "\f078"; font: normal normal normal 14px/1 FontAwesome; margin-left: 4px; margin-top: 3px; font-size: 10px; float: right; } /* PRODUCT */ .product-title h1 { margin: 10px 0 10px 0; } .product-options-wrap { background: #fff; margin: 50px 0 20px 0; border: 3px solid #d9d9d9; position: relative; padding-bottom: 20px; } .short-info { color: #6e7276; font-size: 15px; line-height: 24px; font-weight: 200; } .short-info img { max-width: 90%; } /* product price */ .price-wrap { font-size: 1.6rem; line-height: 1.6rem; } .discount-price .price-wrap { font-size: 14px; color: #ff4040; } .discount-price .price-wrap span { text-decoration: line-through; } /* stock */ .stock-wrap { font-size: 16px; text-align: left; } .stock-wrap .fa { margin-right: 10px; } .stock-wrap .no-stock { color: #888; font-size: 11px; } /* tabs */ ul.tabs { display: none; position: absolute; top: -38px; left: -3px; } ul.tabs li { cursor: pointer; color: #148ce7; border-radius: 4px 4px 0 0; float: left; margin-right: 20px; padding: 0px 20px 0px 20px; font-size: 14px; line-height: 35px; } ul.tabs li.active { color: #000; cursor: default; background: #fff; border: 3px solid #d9d9d9; border-bottom: none; } h2.dummy-tab { cursor: pointer; display: block; margin: 20px 0 10px 20px; } h2.dummy-tab i.arrow { float: right; font-size: 18px; width: 20px; height: 20px; margin: 5px 5px 0 0; } h2.dummy-tab i.arrow:before { content: "\f107"; } h2.dummy-tab.active i.arrow:before { content: "\f106"; } .tab-content { padding: 0px 20px 0 20px; } /* cart */ .container.cart > .breadcrumb { margin-bottom: 20px; } .minicart { display: none; } .miniuser { display: none; } .miniuser a { text-decoration: none; } .cart-header, .box-header { border: 1px solid #d9d9d9; border-bottom: none; background: #ededed; } .cart-header > div, .box-header > div { padding-top: 10px; padding-bottom: 10px; } .box-header > div { padding: 10px; } .cart-wrap .pad-top { padding-top: 10px; } .cart-wrap, .box-wrap { border: 1px solid #d9d9d9; margin-bottom: 25px; background: #fff; } .cart-wrap img { max-width: 80px; } .cart-wrap [type=text] { max-width: 50px; margin: 0 10px 0 -5px; float: left; line-height: 30px; padding-left: 7px; } .cart-wrap span.remove { color: #444; cursor: pointer; } .cart-wrap .remove.fa { font-size: 14px; margin-top: 8px; } .cartrule { padding: 10px 0 10px 0; border-bottom: 1px solid #d9d9d9; } .cartrule-input-wrapper { margin-top: 10px; } .cartrule-input-wrapper .cartrule-response { display: none; color: #ea2a21; padding: 0 0 5px 0; } .cartrule-input-wrapper input[type=text] { max-width: 150px; margin: 0 15px 0 0; } .used-cartrule span { font-weight: bold; } .used-cartrule .remove { color: #444; float: right; padding-top: 6px; cursor: pointer; } .cart-item { padding: 10px 0 10px 0; border-bottom: 1px solid #d9d9d9; line-height: 25px; } .cart-item:last-child { border-bottom: none; } .submit-order { width: 100%; margin-top: 10px; } /* box */ .box-wrap { padding: 20px; margin-bottom: 20px; } .box-wrap .items { float: left; margin-bottom: 10px; font-size: 19px; } .box-wrap .amount { float: right; font-size: 19px; } .box-wrap [type=text] { width: 100%; padding: 10px; margin-bottom: 20px; } /* info */ p.info { margin: 0 0 10px 0; padding: 5px; background: #e3ecfc; border: 1px solid #c5d1e8; color: #507acb; } p.info.mt { margin-top: 10px; } /* modal */ .modal { z-index: 4000; } .wfmodal-fade { width: 100%; height: 100%; position: fixed; background: #000; opacity: 0.2; z-index: 1020; top: 0; bottom: 0; left: 0; right: 0; } .wfmodal { background: #fff; position: fixed; width: 100%; height: 100%; z-index: 1030; top: 0; left: 0; right: 0; bottom: 0; border-radius: 0 0 0 0; -webkit-box-shadow: 0px 4px 5px -1px rgba(0, 0, 0, 0.44); -moz-box-shadow: 0px 4px 5px -1px rgba(0, 0, 0, 0.44); box-shadow: 0px 4px 5px -1px rgba(0, 0, 0, 0.44); } .wfmodal-content { position: relative; } .wfmodal-footer { position: absolute; bottom: 0; } .wfmodal > .close-modal { position: absolute; right: 0; top: 0; padding: 20px 15px; cursor: pointer; text-decoration: none; z-index: 1030; } .wfmodal > .close-modal > .fa { margin-right: 5px; } /* after add */ .after-add { padding: 10px 10px 20px 10px; } .after-add .cart-overview { margin-bottom: 10px; } .after-add .price { text-align: right; font-weight: bold; font-size: 15px; width: 100%; float: left; line-height: 30px; } .after-add h2, .after-add h3 { margin: 5px 0 5px 0; } .after-add h2 { margin-top: 15px; margin-bottom: 20px; font-size: 20px; } .after-add h3 { color: #148ce7; font-size: 16px; margin-bottom: 20px; } .after-add .stock-wrap { text-align: right; margin-bottom: 10px; } .after-add .itemcount { margin-bottom: 10px; font-weight: bold; } .after-add .amount { margin-bottom: 5px; font-weight: bold; text-align: right; } .after-add .fa { margin-right: 10px; } .after-add .button { margin-bottom: 10px; } .after-add .accessoires { border-top: 2px solid #efefef; margin-top: 20px; margin-bottom: 30px; } .after-add .accessoires img { max-width: none; } .after-add .accessoires .product-title { padding: 10px; margin-bottom: 10px; } .after-add .push { min-height: 60px; display: none; } .after-add .product.last { border-right: none; } /* reviews */ .product-review-overview { margin-bottom: 10px; } .product-review-overview span.aantal { float: left; margin: 3px 0 0 10px; } .reviews .row { padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid #d9d9d9; } .reviews .row:last-child { margin-bottom: 0px; padding-bottom: 0; border-bottom: none; } .reviews .score { width: 100%; } .reviews .user-info { color: #6e7276; width: 120px; margin-top: 10px; text-align: left; } .reviews .description { color: #6e7276; line-height: 20px; font-size: 14px; } .reviews .review-box { background: #efefef; border: 1px solid #ededed; padding: 10px; margin-bottom: 20px; } .score .fa-star { margin-right: 4px; float: left; background: #ededed; color: #4f5558; font-size: 10px; border: 1px solid #f7f7f7; border-radius: 3px; text-align: center; padding: 4px; } .score .fa-star.active { color: #fff; background: #f8bc07; border: 1px solid #f8bc07; } .stock-ok { color: #390; } /* login */ .container.login h2 { color: #148ce7; } .form-horizontal [type=text], .form-horizontal [type=password], .form-horizontal textarea { font-size: 14px; border-radius: 8px; font-weight: 200; border: 1px solid #d9d9d9; margin-right: 10px; border-radius: 0 0 0 0; outline: none; box-shadow: none; } .form-horizontal .has-error [type=text], .form-horizontal .has-error [type=password], .form-horizontal .has-error textarea { border-color: #a94442; } .form-horizontal textarea { width: 100%; min-height: 100px; padding: 10px; } .form-horizontal label.control-label { text-align: left; font-weight: normal; font-size: 14px; height: 30px; } .form-horizontal hr { margin: 20px 0 0px 0; padding: 0 0 0 0; } .form-horizontal .form-group.np { margin-right: 0; margin-left: 0; } .form-horizontal.login .control-label { margin: 10px 0 5px 0; } /* checkout */ .container.checkout { padding-bottom: 25px; } .shipping-wrap ul, .payment-wrap ul { margin-right: 20px; width: 100%; } .shipping-wrap li, .payment-wrap li { border: 1px solid #d9d9d9; border-radius: 5px; padding: 10px 5px 10px 5px; margin-bottom: 5px; } .shipping-wrap li.active, .payment-wrap li.active { border: 1px solid #d4e7fb; background: #fff; color: #015997; font-weight: bold; } .shipping-wrap [type=radio], .payment-wrap [type=radio] { float: left; margin: 1px 8px 3px 6px; } .shipping-wrap p.info, .payment-wrap p.info { border: none; background: none; color: #888; text-indent: 28px; } .shipping-price { float: right; background: #148ce7; color: #fff; padding: 4px; border-radius: 4px; margin-top: -5px; } .shipping-price .fa { font-size: 12px; line-height: 20px; padding: 0 2px 0 2px; } .shipping-price.error { background: #ea2a21; color: #fff; } .verify-wrap [type=checkbox] { float: left; margin: 3px 8px 40px 0; } .verify-wrap .cart-total { font-weight: bold; text-align: left; font-size: 20px; padding: 10px 0 10px 0; } .coupon-wrap { float: left; border-top: 2px solid #d9d9d9; margin-top: 20px; } .coupon-wrap [type=text] { width: 80%; padding: 10px; margin-bottom: 15px; } .accept { background: #efefef; padding: 10px; margin: 5px 0 10px 0; } .accept input { margin-right: 5px; } /* afleveradres */ .shipping-delivery-wrap { padding: 20px; border: 1px solid #d9d9d9; background: #fff; } .shipping-delivery-wrap.cf { display: none; } .business-wrap.cf { display: none; } /* order completed */ .order-overview { border: 1px solid #d9d9d9; background: #fff; padding: 20px; } .order-overview .besteldatum { float: right; margin-bottom: 10px; } .order-overview .bestelnummer { float: left; margin-bottom: 10px; } .order-overview table { width: 100%; font-size: 13px; } .order-overview table td { padding: 10px 5px 10px 5px; } .order-overview table .aant { width: 75px; } .order-overview table .lim { width: 140px; } .order-overview table .num { text-align: right; } .order-overview thead { background: #ededed; border: 1px solid #d9d9d9; } .order-overview thead th { border-right: 1px solid #d9d9d9; padding: 5px; } .order-overview .invoice-totaal { border-top: 1px solid #ededed; margin-top: 10px; padding-top: 5px; } .order-overview .invoice-totaal .lim { width: 150px; } .order-overview .invoice-totaal .totaal { background: #ededed; padding: 10px 5px 10px 5px; text-align: right; font-weight: bold; } /* account */ .account ul.menu { width: 100%; border: 1px solid #d9d9d9; padding: 10px; margin: 0 0 0 0; } .account ul.menu li { border-bottom: 1px solid #d9d9d9; padding: 10px; } .account ul.menu li:last-child { border-bottom: none; } .account ol.breadcrumb { margin-bottom: 20px; } .account .invoice .besteldatum { float: right; margin-bottom: 10px; } .account .invoice .bestelnummer { float: left; margin-bottom: 10px; } /* product options */ .product-options-wrap .info table { margin-bottom: 20px; border: 1px solid #d9d9d9; width: 100%; text-align: left; max-width: 600px; float: left; } .product-options-wrap .info table td { padding: 5px; } .product-options-wrap .info table td:first-child { background: #f7f7f7; } /* language picker */ .language-picker { border-right: 1px solid #d9d9d9; padding: 0 10px 0 0; float: right; } .language-picker li { display: none; } .language-picker li img { float: left; margin: 12px 5px 0 0; } .language-picker li span { float: left; } .language-picker li.current { display: block; } /* menu */ ul.menu li ul.down { min-width: 125px; /* Set width of the dropdown */ background: #fff; display: none; position: absolute; z-index: 999; left: 0; border-radius: 5px; border: 1px solid #d9d9d9; } ul.menu li:hover ul.down { display: block; /* Display the dropdown */ } ul.menu li ul.down li { display: block; padding-left: 10px; border-bottom: 1px solid #ededed; } ul.menu li ul.down li:last-child { border-bottom: none; } /* bootstrap specific */ .no-gutter-single { padding-right: 0; padding-left: 0; } .no-gutter > [class*='col-'] { padding-right: 0; padding-left: 0; } /* page */ #page { padding-top: 20px; color: #4b4d51; } #page p { color: #4b4d51; } /* b2b */ .container-table { display: table; height: 100%; } .vertical-center-row { display: table-cell; vertical-align: middle; } /* alerts */ ul.error { border: 1px solid #f1cbcb; background: #ffe5e5; color: #ea2a21; padding: 10px; } /* clearfix */ .cf:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .cf { display: block; } html[xmlns] .cf { display: block; } * html .cf { height: 1%; } .force-xs-left { float: left; } /* latest products */ .row.latest { padding: 20px 0 20px 0; } @media (min-width: 40rem) { .force-xs-left { float: right; } } /*========== Mobile First Method ==========*/ @media only screen and (max-width: 1024px) { .searchbox { clear: both; margin: 15px 0 0 0; } } @media only screen and (max-width: 320px) { .searchbox input { width: 150px; } .searchbox .fa { line-height: 15px; } } @media only screen and (min-width: 40.063em) { /* single */ /* header */ /* category */ /* tabs */ .mobile { display: none; } .screen { display: block; } th.screen { display: table-cell; } td.screen { display: table-cell; } .cf.screen { display: block; } header { min-height: 200px; float: none; } div.navheader ul > li { float: left; padding: 0 10px 0px 0px; width: auto; clear: none; } div.navheader ul { display: block; position: relative; width: 100%; top: auto; background: none; } div.navheader ul > li { display: block; } div.navheader ul > li:hover ul { display: block; } div.navheader ul ul > li { float: left; } div.logo { max-height: 120px; width: auto; height: auto; right: auto; left: 0; } div.logo img { width: auto; height: auto; max-height: 115px; margin: auto; } .main .category-wrapper { display: block; } .attributes-wrapper { display: block; } #products .product { border-bottom: none; } .product-options-wrap { padding-bottom: 0; } ul.tabs { display: block; } h2.dummy-tab { display: none; } .tab-content { padding: 20px; } .minicart { display: block; font-size: 13px; background: #148ce7; color: #fff; float: right; margin-top: 10px; } .minicart i { margin: 0 5px 0 5px; font-size: 16px; line-height: 38px; color: #fff; } .minicart i { margin: 0 5px 0 5px; font-size: 16px; line-height: 38px; color: #fff; } .minicart span { font-size: 13px; float: left; padding: 0 10px 0 10px; line-height: 38px; } .minicart .cart-qty { float: right; padding: 0 20px 0 20px; line-height: 38px; background: #0073c4; color: #fff; } .miniuser { position: relative; cursor: pointer; color: #888; float: right; margin-right: 20px; line-height: 30px; display: block; font-weight: bold; padding: 15px 0 0; } .miniuser i { margin: 3px 10px 0 5px; font-size: 20px; float: left; } .miniuser i.toggle-down { float: right; margin: 8px 0 0 5px; font-size: 12px; } .miniuser a, .miniuser a:visited { color: #888; } .wfmodal { -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px; width: 600px; left: 50%; top: 100px; margin-left: -300px; min-height: 200px; height: auto; bottom: auto; } .sort-box { float: right; } .searchbox { position: relative; top: auto; float: right; width: auto; } .searchbox input { width: 200px; padding: 8px; } .teaser .owl-carousel .owl-item { height: auto; } } 