/*
Theme Name: Kortingvandedag Child
Description: Kortingvandedag Child Theme
Author: Maxenta
Author URI: http://www.maxenta.be
Template: kortingvandedag
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
Text Domain: kortingvandedag-child
*/
html {
height: 100%;
box-sizing: border-box;
}
*,
*:before,
*:after {
box-sizing: inherit;
}
body {
font-family: 'Open Sans', sans-serif !important;
font-size: 12px;
color: #585858;
font-weight: 400;
background:#f7f7f7;
min-height: 100%;
position: relative;
}
h1, h3, h4, h5, h6 {
font-family: 'Open Sans', sans-serif;
color: #2b2b2b;
padding: 0px;
margin: 0px;
font-weight: normal;
}
h1 {
font-weight: 600;
}
/*FONTS*/
@font-face{
font-family: 'Vitesse Black';
src:url("/wp-content/themes/kortingvandedag-child/fonts/Vitesse-Black.woff2") format("woff"),
url("/wp-content/themes/kortingvandedag-child/fonts/Vitesse-Black.woff") format("woff"),
url("/wp-content/themes/kortingvandedag-child/fonts/Vitesse-Black.ttf") format("truetype");
font-style:normal;
font-weight:900;
}
/*
bootstrap (fixes)
*/
.col-sm-12, .col-sm-11, .col-sm-10, .col-sm-9, .col-sm-8, .col-sm-7, .col-sm-6, .col-sm-5, .col-sm-4, .col-sm-3, .col-sm-2, .col-sm-1, .row{ margin:0; padding:0; }
.col-xs-12, .col-xs-11, .col-xs-10, .col-xs-9, .col-xs-8, .col-xs-7, .col-xs-6, .col-xs-5, .col-xs-4, .col-xs-3, .col-xs-2, .col-xs-1{ margin:0; }
/* kortingscodes menu item */
.level-top.active{
background:#ffb300 !important;
color:#fff !important;
}
.loginbar {
width: 100%;
font-size: 10px;
padding: 20px 0 0 0 !important;
text-align: right;
margin:0 0 -5px !important;
}
.loginbar a {
color: rgba(0,0,0,0.4);
text-decoration: underline;
}
.loginbar a:hover {
color: rgba(0,0,0,0.65);
}
.loginbar .fab.fa-facebook{ color:#3b5998 !important; }
.discountheader{
background-position: 30% 12%;
background-size: 5.2%;
border-radius: 0px;
width:99%;
margin:0 0 0 6px;
z-index: 12 !important;
}
.discountheader.new{
padding:20px 0 0 0 !important;
}
@media(max-width: 768px){
.discountheader{
padding:5px 5px 5px 0 !important;
margin:0;
background:url(/wp-content/themes/kortingvandedag/assets/img/logo-kortingscodes-nb.svg) no-repeat 18% 50%;
background-size: 32%;
width:100%;
}
.discountheader .row, .discountheader .col-xs-12{
padding:0 !important;
}
}
.header{ margin:0 0 10px; }
/** Header Breadcrumbs **/
.header-bar-breadcrumbs{
width:100%;
font-family: 'Open Sans', sans-serif;
padding:5px 0 0 10px;
height:27px;
color:rgba(0,0,0,0.3);
background:#ededed;
border-radius: 2px;
margin:12px 0 3px 3px;
}
.header-bar-breadcrumbs i{
font-size:9px;
padding:0 3px;
color:#c0c0c0;
}
.header-bar-breadcrumbs span{
font-size:13px;
}
.header-bar-breadcrumbs a{
/* color:#0a8de9; */
color:rgba(0,0,0,0.3) !important;
font-size:13px;
}
.header-bar-breadcrumbs span a{
color:#0a8de9;
}
.header-bar-breadcrumbs a:hover{
color:#0a8de9 !important;
text-decoration: none;
}
@media(max-width: 768px){
.header-bar-breadcrumbs{
padding:8px 0 0 27px;
margin-bottom:-10px;
}
}
/** Search **/
.search {
padding: 0 0 0 0;
}
.search .input-group {
width: 100%;
text-align: right;
}
.search .input-group input[type="text"]{
border-radius: 3px !important;
background:rgba(255,255,255,1) !important;
width:100% !important;
box-shadow: 0 1px 3px rgba(0,0,0,0.15);
}
.search .nbshoplink{
float:right;
font-size:11px;
padding-right: 5px;
}
.search .nbshoplink a{
color:rgba(0,0,0,0.65);
text-decoration: underline;
}
input[type="text"].form-control {
height: 38px;
font-family: 'Open Sans', sans-serif;
font-size: 14px;
border: none;
font-weight: 400;
box-shadow: none;
padding:4px 0 2px 12px;
border-radius: none !important;
margin:13px 0 10px 0;
color:#777;
width:100% !important;
}
input[type="text"].form-control:focus {
box-shadow: none;
}
/* Remove Ugly Blue Input Highlight */
input[type="email"].form-control {
border: none;
box-shadow: none;
}
input[type="email"].form-control:focus {
box-shadow: none;
}
@media (max-width: 768px) {
.search {
margin: 0px 0px 10px 0px;
padding: 0;
}
.search .input-group {
width: 100%;
font-size:12px !important;
text-align: center;
}
.search .input-group input[type="text"].form-control {
width: 100%;
height: 40px;
border: 1px solid rgba(0,0,0,0.15);
}
}
/** Nav **/
.dropdown{ font-family: "Vitesse black" !important; color:#333 !important; font-size:18px !important; cursor: pointer !important; }
.dropdown:hover{ color: #fff !important;background-color: #ffb300 !important; }
.dropdown a{ font-family: "Vitesse black" !important; color:#333 !important; font-size:18px !important; cursor: pointer !important; }
.dropdown a:hover{ color: #fff !important;background-color: #ffb300 !important; }
.mainmenu{
list-style-type: none;
font-family: "Vitesse black" !important;
margin:10px 0 0 -33px;
}
.mainmenu .dropdown-toggle:hover{
color:rgba(255,255,255,1) !important;
}
.mainmenu .dropdown-toggle .fa.fa-angle-down{
font-size:12px;
}
.mainmenu .dropdown-toggle:hover .fa.fa-angle-down{
color:rgba(255,255,255,1) !important;
}
.mainmenu li{
display:inline-block;
margin-right:25px;
font-size: 14px;
}
.mainmenu li a{
font-weight: 400 !important;
}
.mainmenu li a:hover{
color:rgba(0,0,0,1);
text-decoration: none;
}
.mainmenu li a:active{
text-decoration: none;
}
.dropdown-menu{
font-size:15px;
/* margin:15px 0 0 -60px !important; */
margin:15px 0 0 -88px !important;
box-shadow: 0 0 10px rgba(0,0,0,0.15) !important;
border: 0px solid #efefef;
border-radius: 0 !important;
line-height: 16px;
width:1192px;
padding:25px 10px;
}
.dropdown-menu.cat{
margin:15px 0 0 -208px !important;
}
.dropdown-menu li{
padding:0 0 0 0 !important;
margin:0 !important;
display:inline-block !important;
width:180px;
}
.dropdown-menu .first{
border-right: 1px solid #efefef;
}
.dropdown-menu .first, .dropdown-menu .second{
padding:10px !important;
}
.dropdown-menu .second{
padding-left:20px !important;
}
.dropdown-menu li a{
font-family: 'Open Sans', sans-serif !important;
color:#888 !important;
font-weight: 400 !important;
background: none !important;
}
.dropdown-menu li a:hover{
text-decoration: none;
color:#0172bc !important;
background:none !important;
}
.dropdown-toggle{
background:none;
border:none;
font-weight: 700;
font-size: 17px;
}
.dropdown-menu .ontdek{
color:#007bcd !important;
font-weight:600;
font-family:'Open Sans', sans-serif !important;
padding:5px 18px 10px;
background:none !important;
}
.dropdown-menu .ontdek i{
font-size:10px;
margin:2px 0 0 7px;
}
.dropdown-menu .ontdek:hover{
color:#333 !important;
background: none !important;
}
.dropdown-menu .andere{
color:#555 !important;
background:none;
font-weight:600;
font-family:'Open Sans', sans-serif;
padding:10px 18px 10px;
width:100%;
margin:5px 0 0 0;
}
.dropdown-menu .andere:hover{
color:#38a9de;
}
.navbar-header i{
color:#fff;margin:10px;font-size:18px;
}
@media(max-width: 768px){
.mainmenu{
margin:0 0 0 -40px !important;
}
.mainmenu li{
display:initial;
margin:0 12px 0 5px;
}
.mainmenu li a{
color:rgba(255,255,255,0.8);
font-weight: 500;
font-size: 15px !important;
}
.mainmenu li a:hover{
color:rgba(255,255,255,1);
text-decoration: none;
}
.dropdown-menu{
font-size:15px;
margin:10px 0 0 -80px !important;
width:380px;
padding:15px 5px !important;
}
.dropdown-menu.cat{
margin:10px 0 0 -185px !important;
width:380px;
}
.dropdown-menu li{
width:110px;
}
.dropdown-menu li a{
font-weight: 600 !important;
font-size: 13px !important;
}
#winkels{
font-size:14px;
line-height: 16px;
}
#winkels li{
padding:0 0 0 0 !important;
margin:0 !important;
display:initial !important;
width:initial;
}
}
/** Mobile Nav **/
.navbar-toggle {
border:none !important;
background:none !important;
margin:0 0 0 5px !important;
font-size: 25px !important;
float:left;
color:#ff9900 !important;
}
.navbar-toggle.toggle2{
color:#ff7700 !important;
}
.searchtoggle {
border:none !important;
background:none !important;
color:#ff9900 !important;
font-size: 23px !important;
margin:10px 10px 0 0 !important;
float:right;
}
.navbar-toggle:hover,.navbar-toggle.collapsed {
border:none !important;
}
/* Container */
@media (min-width: 992px) {
.container {
width: 1200px !important;
}
}
/*************************** START COUPON *************************/
/* coupon */
.coupon{
background-color: #FFFFFF;
padding: 25px 25px 25px 25px;
margin:0 1px 0 8px !important;
box-shadow:0px 0px 2px rgba(0,0,0,0.1) !important;
min-height:140px !important;
width:99% !important;
transition: 1s;
}
.coupon:first-of-type,.coupon:last-of-type{
-webkit-border-top-left-radius: 2px;
-webkit-border-top-right-radius: 2px;
-moz-border-radius-topleft: 2px;
-moz-border-radius-topright: 2px;
border-top-left-radius: 2px;
border-top-right-radius: 2px;
}
.coupon:hover{
/* box-shadow:0px 0px 2px rgba(0,0,0,0.3) !important; */
}
.coupon .couponprice .featured_image{
width:80% !important;
margin:0 auto !important;
border-radius:2px;
max-width:80% !important;
margin-top:-7px !important;
position: relative;
}
.coupon .couponprice .discount{
padding:3px 5px;
background:#ff7700;
color:#fff;
position:absolute;
top:-2px;
left:5px;
font-family: 'Open Sans', sans-serif;
font-size: 13px;
text-align: center;
font-weight: 500;
border-radius: 2px;
}
.coupon .couponprice{
text-align: center;
margin:5px 0 0 0;
max-width: 100px;
}
.coupon .content{ padding-left:35px; }
.coupon .cta{ padding-left:30px; }
.coupon .coupontitle {
margin: 0px 0px 7px 0 !important;
padding-right:20px !important;
line-height: 19px !important;
}
.coupon .coupontitle a {
color: #333;
font-size: 18px;
font-weight:600 !important;
font-family:'Open Sans', sans-serif !important;
}
.coupon .coupontitle a:hover {
color: #222;
text-decoration: none;
}
/* Mobile Fix */
@media (max-width: 768px) {
.coupon{
margin:0 1px 0 0 !important;
box-shadow:0px 0px 2px rgba(0,0,0,0.1) !important;
min-height:160px !important;
width:100% !important;
}
.coupon .content{ padding:0px !important; }
.coupon .cta{ padding-left:0px; }
.coupon .coupontitle {
margin: 0px 2px 7px 0px !important;
padding-right:5px !important;
}
.coupon .coupontitle a {
font-size: 17px;
line-height: 18px !important;
}
}
/* Coupon Single */
.contentsingle{
padding:3px 10px;
}
/* single attributes */
.overflow {
overflow: auto;
}
.overflow_hidden {
overflow: hidden;
}
.prijs {
font-family: Tahoma !important;
color:#2885c3;
/* color:#007bcd;*/
/* color: #fb5e00; */
text-align: center;
font-weight: 400;
margin:-5px 0px 0px;
font-size: 30px;
}
.prijs.prijs1 {
font-size: 28px !important;
font-weight: 500 !important;
}
.prijs.prijs2 {
font-size: 22px !important;
margin:0px 0px 0px !important;
}
.couponcode .prijs, .couponcode .korting {
color: #fb004b;
}
.coupon .couponprice.topdeal .prijs, .coupon .couponprice.topdeal .korting{
color:#c3286d;
}
.coupon .couponprice.black .prijs, .coupon .couponprice.black .korting{
color:#333 !important;
}
.coupon .couponprice.topdeal.black .prijs, .coupon .couponprice.topdeal.black .korting{
color:#333 !important;
}
.korting {
font-family: 'Open Sans', sans-serif !important;
font-weight:500;
color:#2885c3;
/* color:#007bcd;*/
/* color: #fb5e00; */
font-size: 14px;
text-align: center;
margin: -18px 0px 0px;
}
.korting2 {
font-size:13px;
}
.grverz2{
font-family: 'Open Sans', sans-serif !important;
font-weight:500 !important;
color: #fb5e00;
text-align: center;
margin: 5px 0px 0px;
font-weight:500 !important;
font-size: 10px !important;
}
.kortingtekst {
color: #595959;
}
.webshoptekst {
display: none;
color: #595959;
margin-top: 10px;
}
.inactive .webshoptekst {
display: block;
}
/* Edit Coupon Button */
.coupon .editlink {
display: none;
text-align: center;
width: 100%;
}
.coupon:hover .editlink {
display: initial;
text-align: center;
width: 100%;
font-size: 12px;
margin: 25px 0px;
clear: both;
}
.coupon:hover .editlink a {
color: #9966ff;
text-decoration: none;
padding: 10px 0px;
}
.coupon:hover .editlink a:hover {
color: #cc0099;
}
.coupon .vwbutton .editlink {
display: none;
text-align: center;
width: 100%;
}
.coupon:hover .vwbutton .editlink {
display: initial;
text-align: center;
width: 100%;
font-size: 12px;
margin: 25px 0px;
clear: both;
}
.coupon:hover .vwbutton .editlink a {
color: #9966ff;
text-decoration: none;
padding: 10px 0px;
}
.coupon:hover .vwbutton .editlink a:hover {
color: #cc0099;
}
/*** START GENERAL COUPON BUTTON STYLE ***/
.btn.btn-korting {
border-radius: 0px;
font-weight: normal;
text-align: center;
margin: 2px 0px 10px 0px !important;
min-width: 260px;
font-family: 'Open Sans', sans-serif;
font-size: 15px;
font-weight: 600;
border: 0px;
color: #fff;
background:#1e9be3;
padding: 13px 0px 12px;
height: 47px;;
border-radius: 3px;
/* background: #ff9900; */
/* box-shadow: 0 4px #f77a00;*/
-webkit-transition: all 0.5s;
transition: all 0.5s;
}
.btn.btn-korting:hover {
background:#1e89e3;
color:#333;
box-shadow: 0 4px #1b74bf;
/* background: #f77a00; */
}
.btn.btn-aanbieding {
font-weight: normal;
text-align: center;
margin: 2px 7px 10px 0px !important;
min-width: 260px;
font-family: 'Open Sans', sans-serif;
font-size: 15px;
font-weight: 600;
border: 0px;
color: #000;
background:#ffb300;
border-radius: 3px;
/* background: #ff9900; */
/* box-shadow: 0 4px #f77a00;*/
padding: 12px 0px;
height: 45px;
-webkit-transition: all 0.5s;
transition: all 0.5s;
}
.btn.btn-aanbieding i{
font-size:11px;
margin:2px 0 0 15px;
}
.btn.btn-aanbieding:hover {
background:#f39d00;
color:#fff;
box-shadow: 0 4px #f77a00;
/* background: #f77a00; */
}
.btn.btn-mobile {
text-align: center;
margin: 15px 15px 0px -10px !important;
font-family: 'Open Sans', sans-serif;
padding:4px 10px;
font-size: 12px;
font-weight: 600;
color: #fff;
background:#0172bc;
-webkit-transition: all 0.5s;
transition: all 0.5s;
border:none !important;
}
.btn.btn-mobile:hover {
background: #fed101;
}
.mybtn.btn-code {
border-radius: 2px;
border:1px dashed #007bcd;
font-weight: normal;
margin: -2px 7px 10px 0px !important;
min-width: 260px;
font-family: 'Open Sans', sans-serif;
font-size: 15px;
font-weight: 600;
color: #007be6;
background: #efefef;
padding-right: 35px;
line-height: 22px;
padding: 10px 0px;
text-align: center;
}
.tekst.tekst2 a{
font-family: 'Open Sans', sans-serif;
font-size:13px;
}
.tekst.tekst2 a:hover{
text-decoration:none;
}
/* Mobile Fix */
@media(max-width: 768px){
.btn.btn-korting,.btn.btn-aanbieding{
margin: 8px 0px 10px 0px !important;
width:100%;
}
.mybtn.btn-code {
margin: 8px 0px 10px 0px !important;
width: 100%;
}
.cta{
margin-left:-5px !important;
}
}
/*** END GENERAL COUPON BUTTON STYLE ***/
/******************** COUPON DATA ********************/
.coupondata{
margin:5px 0 5px;
}
/****** Voorwaarden *******/
.coupon .voorwaarden {
width:99% !important;
margin: 0;
font-family:'Open Sans', sans-serif;
text-align: left;
font-size: 11px;
}
.coupon .voorwaarden .kop{
margin: 0px 0px 0px 15px !important;
text-align: right;
}
.coupon .voorwaarden .kop a {
color: rgba(0,0,0,0.35);
font-size: 11px;
text-decoration: none;
padding:3px 5px;
}
.coupon .voorwaarden .kop a:hover {
color: #2885c3;
text-decoration: none;
}
.coupon .voorwaarden .kop a:active {
color: #4e7cca;
text-decoration: none;
}
.coupon .voorwaarden .tekst {
display: none;
font-size: 11px;
line-height:13px;
color: #999;
margin:10px 0 0 3px;
padding:7px 12px !important;
background:rgba(0,0,0,0.02);
}
.coupon .voorwaarden .tekst {
display: none;
}
.coupon .voorwaarden .kop i {
color:#0a8de9;
font-size:9px;
padding-right:2px;
}
.exclusievekortingscode{ font-family:'Open Sans', sans-serif; font-size:11px;padding-left:5px;font-weight: 600; color:#40a840;}
.blackfriday{ font-family:'Open Sans', sans-serif; font-size:11px;padding-left:5px;font-weight: 600; color:#111; }
.topdeal{ font-family:'Open Sans', sans-serif; font-size:11px;font-weight:600;color:#9840a8; padding-left:5px; }
.prijsvoordeel{ color:#abb5b4 !important; font-size:11px !important; font-family:'Open Sans', sans-serif; padding-left:3px !important; }
i.fa.fa-angle-down {
margin-left: 2px;
color: #999 !important;
}
/* Mobile Fix */
@media(max-width:768px){
.coupon .voorwaarden {
margin: 5px 0px 10px 0px;
padding: 2px 0px 0px 0px;
}
.coupon .voorwaarden .kop{
margin: 0px 0px 0px 5px !important;
}
.coupon .voorwaarden .kop a {
color:#999;
border-radius:2px;
font-size:12px !important;
padding:3px 0px;
}
.coupon .voorwaarden .kop i {
color:#0a8de9;
font-size:9px;
padding-right:2px;
}
.coupon .voorwaarden .kop a:hover {
color:#282b40;
text-decoration: none;
}
.coupon .voorwaarden .tekst {
font-size: 13px;
margin-top:10px;
line-height:15px;
padding-right:10px;
}
.dagen{ padding-right:5px; font-size:12px !important; margin-left:0px !important; }
.dagen i { font-weight: 300; font-size:9px; color:#67b07a !important; }
}
.btn.btn-ganaar:hover {
opacity: 0.75;
}
.btn-hide {
display: none;
}
/*** Inactive ***/
.coupon.inactive {
/* background:#f6f7f9; */
}
.coupon.inactive h2 {
opacity:0.85;
}
.coupon.inactive h2 a {
opacity:0.85;
}
.coupon.inactive h2 a:hover {
opacity:0.85;
}
.coupon.inactive .prijs, .coupon.inactive .korting, .coupon.inactive .grverz2, .coupon.inactive .couponprice.topdeal .prijs, .coupon.inactive .couponprice.topdeal .korting{
color: #969696 !important;
}
.coupon.inactive .prijs.grverz img{
filter: grayscale(100%);
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-o-filter: grayscale(100%);
-ms-filter: grayscale(100%);
filter: grayscale(100%);
opacity: 0.3;
}
.coupon.inactive .exclusievekortingscode{
color:#333;
}
.coupon.inactive img {
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
filter: alpha(opacity=50);
-moz-opacity: 0.5;
-khtml-opacity: 0.5;
opacity: 0.5;
}
.coupon.inactive .mybtn.btn-code {
border:1px dashed #555;
color: #555;
}
.coupon.inactive .btn.btn-aanbieding, .coupon.inactive .btn.btn-korting{
background:#555;
color:rgba(255,255,255,0.85);
}
.coupon.inactive .btn.btn-aanbieding:hover,.coupon.inactive .btn.btn-korting:hover{
background:#444;
color:#fff;
box-shadow: 0 4px #222;
}
@media(max-width: 768px){
.coupon.inactive h3 {
opacity:0.8 !important;
}
.coupon.inactive .coupontitle a {
opacity:0.8 !important;
}
.coupon.inactive h3 a:hover {
opacity:0.8 !important;
}
}
/*************************** END COUPON *************************/
/*** Adsense ***/
.adsense{
margin:5px 0 20px !important;
}
/*** Related Deals ***/
.relatedcoupons{
margin:20px 0 0px 0 !important;
}
.relatedtitle{
font-family: 'Open Sans', sans-serif;
color:rgba(0,0,0,0.66) !important;
font-size: 20px !important;
line-height:22px !important;
margin:40px 0 10px 5px !important;
font-weight:400;
padding-right:50px;
}
.subrelated{
color:#92939c !important;
font-family: 'Open Sans', sans-serif;
font-size: 12px;
line-height: 13px;
margin:0 0 25px 5px !important;
font-weight:300;
}
.nocouponstitle{
font-family: 'Open Sans', sans-serif;
color:#54555a !important;
font-size: 22px !important;
line-height:22px !important;
margin:0 0 15px 0 !important;
font-weight:600;
padding-right:50px;
}
.coupon.related {
margin: 0px !important;
height: 360px !important;
padding: 10px 0px 0px 0px !important;
width:100% !important;
text-align: center;
}
.coupon.related img {
width: 60% !important;
border: 0px !important;
border-radius: 3px !important;
}
.coupon.related .coupontitle a {
color: #404040 !important;
font-size: 17px !important;
line-height: 20px !important;
font-weight:500 !important;
font-family:'Open Sans', sans-serif !important;
margin-bottom: 15px;
margin-top: 15px;
padding: 0px 10px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3; /* number of lines to show */
max-height: 60px; /* fallback */
min-height: 60px;
border:none !important;
vertical-align: middle;
}
.coupon.related .coupontitle a:hover {
color:#0a8de9 !important;
}
.coupon.related .btn-aanbieding, .coupon.related .btn-korting, .coupon.related .mybtn.btn-code{
width:85%;
margin:0px !important;
min-width: initial !important;
}
.coupon.related .mybtn.btn-code{
margin-left:20px !important;
}
/* Mobile Fix */
@media(max-width: 768px){
.coupon.related img {
width: 50% !important;
border: 0px !important;
border-radius: 3px !important;
}
}
/*** Related Shops ***/
.relatedshops .relatedshop{
float:left;
margin:5px 5px 5px 0;
}
.relatedshops h2{
color:#54555a !important;
font-family: 'Open Sans', sans-serif;
font-size: 25px;
margin-bottom: 10px;
font-weight:400;
}
.relatedshops h3{
color:#92939c !important;
font-family: 'Open Sans', sans-serif;
font-size: 16px;
margin:15px 0 5px;
font-weight:300;
}
.relatedshops a{
color:#fff !important;
font-family: 'Open Sans', sans-serif;
font-size: 15px;
background:#0a8de9;
padding:5px 15px 4px;
border-radius:2px;
text-decoration: none;
box-shadow: 0px 2px #0773be;
}
.relatedshops a:hover{
color:#282b40 !important;
font-family: 'Open Sans', sans-serif;
background:#fed101;
text-decoration: none;
box-shadow: 0px 2px #ddb600;
}
/*********** PAGE ***********/
.page {
line-height: 20px;
background-color: #FFFFFF;
-moz-border-radius: 3px;
border-radius: 3px;
padding: 25px 25px 35px 25px;
margin: 15px 0;
box-shadow: 0 2px #dadada;
font-size:15px;
}
.page h1 {
margin-bottom: 20px;
text-align: left !important;
}
.page h2 {
font-family: 'Open Sans', sans-serif;
margin-bottom: 7px;
margin-top: 20px;
color: #505050;
}
/*********** SEARCH ***********/
/* Search Results */
.foundshop{
background:#fff;
border:1px solid rgba(0,0,0,0.15);
padding:15px !important;
border-radius: 2px;
box-shadow: 0 0 2px rgba(0,0,0,0.2);
}
.foundshop:hover{
box-shadow: 0 0 4px rgba(0,0,0,0.5);
}
.search_winkels{
padding:0 0 0 10px;
}
.searchresults{
padding-bottom: 35px;
}
.searchresults h2{
margin-left:10px;
}
.searchresults .foundresults{
margin-left:-12px !important;
}
@media(max-width: 768px){
.searchresults .foundresults{
margin-left:0 !important;
}
}
.catdeals{
margin-left:-20px !important;
}
@media(max-width: 768px){
.catdeals{
margin-left:0 !important;
}
}
/*********** 404 ***********/
.page404 {
text-align: center;
padding: 15px;
margin: 15px 0 2px 0;
font-family: 'Open Sans', sans-serif;
}
.page404 h1 {
font-family: 'Open Sans', sans-serif;
margin: 10px 0px 12px 0px;
font-size: 28px;
font-weight: 600;
}
.page404 .search {
padding: 20px 0px 20px 0px;
}
.page404 .search .input-group {
width: 50%;
margin: 0 auto;
}
.page404 .search .input-group .input-group-btn .btn {
color: #fff;
background: #007be6;
padding: 0px 17px;
margin-right: 0px;
}
.page404 .search .input-group .input-group-btn .btn:hover {
background: #000000;
}
.page404 .search .input-group input[type="text"].form-control {
width: 100%;
border: 1px solid #cecece;
}
/* Mobile Fix */
@media(max-width: 768px){
.page404 h1 {
margin: 10px 0px 12px 0px;
font-size: 24px;
}
.page404 .search .input-group {
width: 100%;
}
}
/*********** SHOP OVERVIEW PAGE ***********/
.allshops{
padding-right:35px;
}
.allshops h1{
margin:15px 0 5px 5px;
}
.shopssidebar .newshops{
margin-top:55px;
}
.shopssidebar .popular .shop, .newshops .shop{
overflow: auto;
margin-top: 15px;
}
.shopssidebar .popular .shop, .newshops .shop{
float: left;
width: 23%;
margin-right: 2%;
height: auto;
overflow: hidden;
border-radius: 2px;
box-shadow: 0px 0px #e1e2e8 !important;
border: 1px solid #efefef;
}
.shopssidebar .popular .shop:hover, .newshops .shop:hover{
box-shadow: 0px 2px #c7c8cf !important;
}
.shopssidebar .popular .shop .img-shop, .newshops .shop .img-shop{
width: 100% !important;
border-radius: 2px !important;
}
.shopssidebar .popular .shop .img-shop:hover, .newshops .shop .img-shop:hover{
box-shadow: 0px 2px #939393 !important;
}
.popular.winkel_widget:first-of-type{
margin-left: 0% !important;
}
.popular.winkel_widget:hover {
border: 1px solid #a7a7a7;
}
.popular.winkel_widget img {
margin: 0 auto;
width: 100%;
}
.winkelsoverflow {
overflow: auto;
margin-top: 15px;
}
.winkelsoverflow .winkel_widget {
float: left;
width: 10%;
margin-left: 1%;
margin-top: 5px;
height: auto;
box-shadow: 0px 2px #D6D6D6;
background:#eaeaea;
overflow: hidden;
border-radius: 3px;
text-align: center;
font-size:11px;
}
.winkelsoverflow .winkel_widget a{
color:#555;
}
.winkelsoverflow .winkel_widget a:hover{
color:#202020;
text-decoration: none;
}
.winkelsoverflow .winkel_widget .acties{
width:100%;
background:#eaeaea;
text-align: center;
font-size:11px;
padding:5px 2px;
margin-top:0px !important;
}
.winkelsoverflow .winkel_widget:first-of-type, .winkelsoverflow .winkel_widget:nth-of-type(12){
margin-left: 0 !important;
}
.winkelsoverflow .winkel_widget:hover {
box-shadow: 0px 2px #bababa;
}
.winkelsoverflow .winkel_widget img {
margin: 0 auto;
width: 100%;
}
.winkels {
overflow:hidden;
min-height:100px;
}
@media(max-width: 768px){
.winkels {
min-height:150px;
}
}
.winkels ul {
list-style: none;
padding: 0px;
}
.winkels ul li {
float: left;
margin: 2px 4px 5px 0px !important;
text-align: center;
width:40px !important;
height:35px;
font-weight: 400;
font-size:20px;
color:#282b40 !important;
font-family: 'Open Sans', sans-serif;
background:#fed101;
text-decoration: none;
box-shadow: 0px 2px #ddb600;
padding:4px 0 0 0;
}
.winkels ul li:hover {
color: #fff !important;
background: #434559 !important;
text-decoration: none;
box-shadow: 0px 2px #282b40 !important;
}
.winkel_letter {
margin-bottom: 5px;
overflow:hidden;
}
.winkel_letter h2 {
margin: 20px 0px 3px;
font-family: 'Open Sans', sans-serif;
font-size: 20px;
font-weight: 300;
color:#282b40;
}
.winkel_letter .shopname{
float:left;
width:25%;
margin:0 0 1px;
}
.winkel_letter .shopname a{
font-family: 'Open Sans', sans-serif;
font-size: 13px;
color:#0a8de9;
text-decoration: none;
font-weight:600;
}
.winkel_letter .shopname a:hover{
font-family: 'Open Sans', sans-serif;
color:#282b40;
text-decoration: none;
}
@media(max-width: 768px){
.winkel_letter .shopname{
float:left;
width:50%;
margin:0 0 3px;
}
.winkel_letter .shopname a{
font-size: 15px !important;
}
}
/*********** START TAXONOMY WINKEL ***********/
.shoppage{
padding-bottom: 35px;
}
.winkel a{ color:#007bcd !important; }
.winkel{
margin:15px 0px 23px 7px !important;
/*background:#fff;*/
border-radius:3px;
padding:0px;
box-shadow: 0 0 0px rgba(0,0,0,0.15);
}
.winkel .img-responsive {
box-shadow:0 0 2px rgba(0,0,0,0.1) !important;
border-radius:2px;
width:100% !important;
margin:-3px 0 0 0;
border-radius:2px;
}
.winkel h1 {
font-family: 'Open Sans', sans-serif;
color:rgba(0,0,0,0.75);
font-size: 25px !important;
margin: -2px 0 5px 20px !important;
line-height: 28px;
font-weight:500;
}
.winkel h2 {
color:rgba(0,0,0,0.35);
font-family: 'Open Sans', sans-serif;
font-size: 13px;
margin: 8px 0 8px 20px;
font-weight:400;
}
.winkel h3{
margin: 6px 0 3px 20px;
font-size: 12px;
font-weight: 400;
color:rgba(0,0,0,0.43);
}
.winkel h3 i{
font-size: 9px;
color:rgba(0,0,0,0.25);
}
.winkel .btn.btn-ganaar {
text-align: center;
margin-bottom: 10px;
margin-top: 0px;
width: 95%;
font-family: 'Open Sans', sans-serif;
font-size: 13px;
font-weight: 600;
border: 0px;
color: #FFFFFF;
background: #007be6;
padding: 6px 0px;
border-radius: 2px;
}
.winkel .btn.btn-ganaar:hover {
background: #005aa9;
}
.winkel .overflow_hidden {
margin-top: 10px;
}
.winkel .description {
min-height: 121px;
color: #666;
}
.winkel .filter{
border:1px solid #efefef;
box-shadow:0px 2px #e1e2e8 !important;
border-radius:2px;
background:#fff;
padding:6px 7px 5px 7px;
font-family: 'Open Sans', sans-serif;
margin-top:0px;
}
.winkel .filter i{
float:right;
margin-right:3px;
}
/* Mobile Fix */
@media (max-width: 768px) {
.winkel {
text-align: left;
margin:10px 0px 13px 5px !important;
}
.winkel h1 {
font-size: 20px !important;
margin: 5px 0 0 -5px !important;
line-height: 22px !important;
padding-right:5px !important;
font-weight: 600;
}
.winkel h2 {
margin-left: -5px !important;
margin-bottom:7px;
}
.winkel h3{
display:none;
}
}
.extratips{
margin:15px 0;
font-family: 'Open Sans', sans-serif !important;
font-size:15px !important;
}
.extratips h2{
font-size:16px;
font-weight: 700;
}
.extratips .extra{
color:rgba(0,0,0,0.45);
font-weight: 500;
}
.extratips .extra h3{
font-weight: 500 !important;
color:rgba(0,0,0,0.45);
margin:22px 0 8px !important;
font-size: 15px;
font-family: 'Open Sans', sans-serif;
}
@media(max-width: 768px){
.extratips .extra{
width:90% !important;
}
}
.faq{ margin:45px 0; font-size:14px; }
.faq h2{ margin:35px 0 25px; }
.faq .relatedtitle{ font-size:15px; }
.faq .panel-title{ font-weight: 700; color:#555; }
.faq .panel-title:hover{ color:#333; }
.faq .panel-heading a:hover{ text-decoration: none; }
.kortingscodeverzilveren{
padding:22px 40px 24px;
margin:50px 0 0 0;
font-family: 'Open Sans', sans-serif !important;
font-weight: 500;
font-size:14px;
background:rgba(255,255,255,1);
border-radius: 2px;
color:#888;
line-height: 21px;
}
.kortingscodeverzilveren h2{
color:#444;
}
.kortingscodeverzilveren ol{
padding:12px 0 0 15px !important;
}
.kortingscodeverzilveren ol li{
line-height: 25px !important;
}
.kortingscodeverzilveren .extra{ float:right; margin:10px 0 15px 15px; }
.kortingscodeverzilveren .codeverzilveren{
max-width:100%;
margin:15px 0 22px;
border:1px solid #efefef;
border-radius: 2px;
padding:25px;
}
@media(max-width: 768px){
.kortingscodeverzilveren .extra{ float:initial; margin:10px 0; width:100%; }
.kortingscodeverzilveren{
padding:18px 25px 19px;
}
}
.geencode{
margin:15px 0;
color:#777;
color:rgba(0,0,0,0.5) !important;
font-size:13px;
}
.geencode.extra3{
color:rgba(255,255,255,0.95) !important;
background:rgba(0,0,0,0.48);
border-radius: 2px;
padding:25px 25px 25px 35px;
margin:35px 0 15px;
}
.geencode.extra3 h3{
color:rgba(255,255,255,1) !important;
font-size: 20px !important;
line-height:22px !important;
margin:10px 0 25px 0 !important;
font-weight:700;
text-shadow: 0px 2px rgba(0,0,0,0.15);
}
.geencode ul{
margin:0;
padding:0 20px 0 12px;
}
.geencode ul li{
margin:0 0 15px;
}
.geencode h3{
font-family: 'Open Sans', sans-serif;
color:rgba(0,0,0,0.66) !important;
font-size: 20px !important;
line-height:22px !important;
margin:40px 0 15px 0 !important;
font-weight:400;
}
.geencode h4{
font-family: 'Open Sans', sans-serif;
color:#777 !important;
font-size: 14px !important;
line-height:30px !important;
font-weight:600;
}
.geencode .month{
padding:10px 22px 15px 0 !important;
}
.shopdescription{
font-size:13px;
line-height:16px !important;
margin:20px 0 !important;
}
.shopdescription h3{
margin:15px 0 10px;
}
.surfnaar{ font-size:14px; margin:0 0 35px; }
.surfnaar a{ font-weight: 600; text-decoration: underline; }
.surfnaar a:hover{ text-decoration: none; }
.why{ font-family: 'Open Sans', sans-serif; color:#888 !important; line-height: 18px; font-size:13px; /*background:rgba(255,255,255,1); border-radius: 2px;*/ padding:0; margin:25px 0 18px; /*box-shadow:0px 3px #DCDCE3 !important;*/ }
.why i{ color:rgba(33,182,89,0.85) !important; }
.tipcode{ font-size:14px; color:#888; }
.tipcode input{ border:1px solid rgba(0,0,0,0.2); border-radius: 2px; }
.tipcode .inzenden{ padding:15px 25px; background:#ff7700; color:#fff; font-weight: 700; box-shadow: none; border:none; border-radius: 2px; }
.tipcode .inzenden:hover{ padding:15px 25px; background:#40a840; color:#fff; font-weight: 700; box-shadow: none; border:none; border-radius: 2px; }
.redacteur{ background:rgba(255,255,255,0.6); border-radius: 2px; padding:10px 10px 5px; margin:25px 0 15px;}
.redacteur .author{ padding:10px 10px 0 10px !important; line-height: 14px; }
.redacteur .author .name{ float:left; font-size:18px; color:#555; font-family: 'Open Sans', sans-serif; font-weight: 900; padding: 10px 0 0 15px; }
.redacteur .author .name .role{ font-size:13px; font-weight: normal; text-decoration: none; color:#777; }
.redacteur .author img{ float:left; width:42px; border-radius: 35px; }
.redacteur .description{ padding:0 10px !important; margin:-10px 0 0 0; }
/* Edit Coupons on hover */
.editcoupons {
display: none !important;
}
.sidebar:hover .editcoupons {
display: initial !important;
}
.categorietitel:hover .editcoupons {
display: initial !important;
}
/* Populair Tabel */
.populairtitel{
margin:45px 0 15px;
font-family: 'Open Sans', sans-serif !important;
font-size:16px !important;
color:rgba(0,0,0,0.5) !important;
}
.populair{
font-family: 'Open Sans', sans-serif;
width:100%;
margin:0 0 15px;
}
.populair th{
font-weight: 700;
padding:10px;
}
.populair .voordeel{
padding-right:10px;
}
.populair tr{
padding:5px;
background:rgba(255,255,255,0.50);
border:1px solid #eaebee;
margin:1px;
}
.populair td{
padding:10px;
font-weight: 500 !important;
color:rgba(0,0,0,0.5);
}
/** Gemiste Kortingen **/
.expiredcoupons{
}
.gemisttitel {
font-family: 'Open Sans', sans-serif;
color: #404040;
padding: 20px 0px 12px 0px;
font-size: 22px;
margin:10px 0 -22px -11px !important;
font-weight: 400;
}
.gemistsubtitel {
font-family: 'Open Sans', sans-serif;
color: #777;
padding: 12px 0px 12px 5px;
font-size: 12px;
font-weight:300;
margin:0 0 5px 0;
}
.expiredcode {
text-decoration: line-through;
border-radius: 3px;
border: 1px dashed #007bcd;
font-weight: normal;
margin: 0px 0px 10px 10px !important;
width: 200px;
font-family: 'Open Sans', sans-serif;
font-size: 18px;
color: #555;
background: none;
padding-right: 35px;
line-height: 25px;
padding: 10px 0px;
text-align: center;
}
.expiredcode:hover {
border: 1px dashed #007ce6;
}
.expiredcode a {
text-decoration: line-through;
color: #555;
}
.expiredcode a:hover {
text-decoration: line-through;
color: #007ce6;
}
.pretty {
text-decoration: none !important;
}
.pretty:hover {
text-decoration: none !important;
}
/**** Sidebar ****/
.sidebar{
font-family:'Open Sans', sans-serif !important;
color:rgba(0,0,0,0.45);
padding-left:20px !important;
padding-top:90px;
font-weight: 500;
}
@media(max-width: 768px){
.sidebar{
font-family:'Open Sans', sans-serif !important;
padding:10px 5px !important;
max-width: 100% !important;
}
}
.sidebar h2{
font-family:'Open Sans', sans-serif;
font-size:18px;
margin:25px 0px 12px !important;
font-weight:600;
color:rgba(0,0,0,0.5) !important;
}
.sidebar .img-responsive {
border-radius: 2px !important;
margin:0 auto !important;
width:50% !important;
max-width: initial;
}
.sidebar img{
border-radius: 2px !important;
margin:10px 0 !important;
width:100%;
max-width: 250px;
}
.sidebar .links { line-height: 18px; margin:15px 0 0; }
.sidebar .links a{ font-family: 'Open Sans', sans-serif; font-weight: 600; font-size: 13px; }
.sidebar .links i{ color:rgba(0,0,0,0.23) !important; padding:0 3px 0 0 !important; margin:0 !important; }
.sidebar .links .item{ margin:0 0 10px 0; }
.sidebar h3{
font-family:'Open Sans', sans-serif;
font-size:14px;
margin:20px 0px 10px;
font-weight:600;
color:rgba(0,0,0,0.6) !important;
}
.sidebar h4{
font-family:'Open Sans', sans-serif;
font-size:13px;
margin:20px 0px 10px;
font-weight:600;
color:rgba(0,0,0,0.5) !important;
}
.sidebar .winkelinfo .description{
font-size:13px;
line-height:16px !important;
margin:30px 0 !important;
}
.sidebar .winkelinfo strong{
font-weight:500 !important;
}
.sidebar .winkelinfo .score{
padding:30px 0px 0px 0px;
}
.sidebar .winkelinfo i{
color:#666;
padding:0 2px 0 5px;
}
.sidebar .winkelinfo .welkescore{
font-weight:500 !important;
margin:15px 0 15px 0;
color:#888 !important;
}
.sidebar .winkelinfo .welkescore #spr_shapes{
margin:0 0 0 0 !important;
}
.sidebar .popular{ /*background:#fff; box-shadow:0px 3px #DCDCE3 !important; border-radius: 2px;*/
font-family: 'Open Sans', sans-serif; /*padding:6px 10px 15px; */ margin:35px 0; }
.sidebar .popular .item{ padding:6px 11px; background:rgba(255,255,255,0.6); display:inline-block; color:#777; border-radius: 2px; margin:0 5px 5px 0;
border:1px solid rgba(255,255,255,0.6); }
.sidebar .popular .item:hover{ background:none; display:inline-block; color:#0172bc; border:1px solid #0172bc; }
.sidebar .popular .img-responsive {
float: left !important;
width: 19% !important;
margin-right: 4% !important;
height: auto !important;
box-shadow:0 0 2px rgba(0,0,0,0.1) !important;
overflow: hidden !important;
border-radius: 2px !important;
margin-top: 10px !important;
max-width:initial !important;
}
.sidebar .popular .img-responsive:hover {
box-shadow:0 0 2px rgba(0,0,0,0.25) !important;
}
.sidebar .amountcoupons{
font-size:13px;
border-radius: 2px;
/* background:rgba(255,255,255,0.5);*/
color:rgba(0,0,0,0.45);
width:100%;
margin:20px 0;
line-height:22px;
padding:0 20px 0 0;
}
.sidebar .amountcoupons i{
color:#999;
}
.sidebar .amountcoupons .activecoupons, .sidebar .amountcoupons .totalcoupons{
font-size:11px;
padding:20px 0px 7px;
color:#c3c3c3;
}
.sidebar .amountcoupons .amountactive{
font-size:14px;
color:#666;
padding:0 10px 0 0;
float:right;
}
.sidebar .amountcoupons .totalcoupons{
}
/*********** END TAXONOMY WINKEL ***********/
/* Blog Posts Sidebar */
/* sidebar */
/*** Special Coupons ***/
.coupon.kortingscode {
height: 300px !important;
}
.coupon.special {
margin: 0 25px 15px !important;
height: 300px !important;
padding: 15px 0px 0px 0px !important;
box-shadow:0 0 1px rgba(0,0,0,0.1) !important;
border:1px solid rgba(0,0,0,0.1);
overflow: visible;
}
.coupon.special:hover{
box-shadow:0 0 4px rgba(0,0,0,0.25) !important;
}
.coupon.special img {
width: 40% !important;
border: 0px !important;
border-radius: 3px !important;
}
.coupon.special .coupontitle a {
color: #404040 !important;
font-size: 16px !important;
line-height: 17px !important;
font-weight:500 !important;
font-family:'Open Sans', sans-serif !important;
margin-bottom: 15px;
margin-top: 15px;
padding: 0px 10px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3; /* number of lines to show */
max-height: 50px; /* fallback */
min-height:50px;
border:none !important;
}
.coupon.special .coupontitle a:hover {
color: #1273cd !important;
}
.coupon.special .btn.btn-korting {
margin: -2px 3% 10px 3% !important;
width:88%;
min-width: initial !important;
}
.coupon.special .btn.btn-aanbieding {
margin: -2px 3% 10px 3% !important;
width:90%;
min-width: initial !important;
}
.coupon.special .mybtn.btn-code {
margin: -2px 3% 10px 6% !important;
width:88%;
min-width: initial !important;
}
/* Excl Page */
.coupon.special.excl {
height: 275px !important;
}
/*** POC Added 24/02/2020 ***/
.coupon.special .exclcode{
background:#40a840 !important;
padding:5px 7px;
z-index: 3;
font-family:'Open Sans', sans-serif;
font-size:11px;
font-weight: 500; color:#fff;
width:60px;
margin:-10px 0 -16px -1px;
position: relative;
}
.coupon.special .voorwaarden .tekst{
background:#efefef !important;
padding:10px 15px 10px 10px;
margin-top:-150px;
z-index: 2;
}
.coupon.special .voorwaarden .tekst .close{
position:relative;
top:2px;
right:5px;
color:#333 !important;
margin:0 0 20px 10px;
}
@media(max-width: 768px){
.coupon.special .exclcode{
margin:-11px 0 -16px -17px;
}
.coupon.special .voorwaarden .tekst{
background:#efefef !important;
padding:10px 15px 10px 10px;
margin-top:0px;
z-index: 2;
}
.coupon.special .voorwaarden .tekst .close{
position:relative;
top:2px;
right:5px;
color:#333 !important;
margin:0 0 20px 10px;
}
}
/* Mobile Fix */
@media(max-width: 768px){
.coupon.special {
margin: 0 0 10px 0 !important;
height: initial !important;
padding: 10px 10px 20px !important;
width:100% !important;
text-align: left !important;
}
.coupon.special.kortingscode {
height: 165px !important;
}
.coupon.special .coupontitle a {
min-height: initial !important;
font-weight:500 !important;
font-size: 17px !important;
line-height: 18px !important;
max-height: 80px; /* fallback */
min-height:80px;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 4; /* number of lines to show */
padding: 0px 0px;
}
.coupon.special .voorwaarden .kop a{
margin:5px 5px 0 0 !important;
}
.coupon.special img {
width: 100% !important;
margin:10px 0 5px 10px;
}
.coupon.special .btn-aanbieding, .coupon.special .btn-korting, .coupon.special .mybtn.btn-code {
margin: -2px 3% 10px 3% !important;
width:94% !important;
}
}
/*** Homepage Slider ***/
.homepage .jcarousel-wrapper {
margin: 20px auto;
width: 100%;
border-radius: 3px;
position: relative;
}
.homepage .jcarousel{
overflow:hidden;
}
.homepage .jCarousel a:hover{
color: #fff;
text-decoration: none;
}
.homepage .jcarousel ul {
width: 20000em;
position: relative;
/* Optional, required in this case since it's a
element */
list-style: none;
margin: 0;
padding: 0;
}
/*
These are the item elements. jCarousel works best, if the items
have a fixed width and height (but it's not required).
*/
.homepage .jcarousel li {
/* Required only for block elements like - 's */
}
/** Carousel Controls **/
.homepage .jcarousel-control-prev,
.homepage .jcarousel-control-next {
position: absolute;
top: 80px;
width: 30px;
height: 30px;
text-align: center;
background: #a4a4a4;
color: #fff;
text-decoration: none;
text-shadow: 0 0 1px #000;
font: 24px/27px Arial, sans-serif;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;
}
.homepage .jcarousel-control-prev:hover,
.homepage .jcarousel-control-next:hover {
background: #222;
color: #fff;
text-decoration: none;
}
.homepage .jcarousel-control-prev {
left: -50px;
}
.homepage .jcarousel-control-next {
right: -50px;
}
.homepage .jcarousel-control-prev:hover span,
.homepage .jcarousel-control-next:hover span {
display: block;
}
.homepage .jcarousel-control-prev.inactive,
.homepage .jcarousel-control-next.inactive {
opacity: .5;
cursor: default;
}
.homepage .slider {
margin: 0 15px 0 15px !important;
height: 230px !important;
padding: 15px 0px 0px 0px !important;
border-radius:3px;
float: left;
width:375px;
}
.homepage .slider:first-of-type {
margin: 0 15px 0 0 !important;
}
.homepage .slider img {
width: 75px !important;
border: 0px !important;
border-radius: 3px !important;
position:absolute;
top:10px;
right:10px;
}
.homepage .slider .baseline{
background:rgba(0,0,0,0.4);
position:absolute;
bottom:0;
left:0;
width:100%;
-webkit-border-bottom-right-radius: 3px;
-webkit-border-bottom-left-radius: 3px;
-moz-border-radius-bottomright: 3px;
-moz-border-radius-bottomleft: 3px;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
padding: 0px 15px 5px 15px;
}
.homepage .slider .baseline .coupontitle a {
color: #fff !important;
font-size: 18px !important;
line-height: 18px !important;
font-weight:600 !important;
font-family:'Open Sans', sans-serif !important;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2; /* number of lines to show */
max-height: 36px; /* fallback */
border:none !important;
text-shadow: 0px 2px rgba(0,0,0,0.35);
}
.homepage .slider .baseline .coupontitle a:hover {
text-shadow: 0px 2px rgba(0,0,0,0.65);
text-decoration: none;
}
.homepage .jcarousel-pagination {
position: absolute;
bottom: -40px;
left: 50%;
-webkit-transform: translate(-50%, 0);
-ms-transform: translate(-50%, 0);
transform: translate(-50%, 0);
margin: 0;
}
.homepage .jcarousel-pagination a {
text-decoration: none;
display: inline-block;
font-size: 11px;
height: 10px;
width: 10px;
line-height: 10px;
background: #fff;
color: #4E443C;
border-radius: 10px;
text-indent: -9999px;
margin-right: 7px;
-webkit-box-shadow: 0 0 2px #4E443C;
-moz-box-shadow: 0 0 2px #4E443C;
box-shadow: 0 0 2px #4E443C;
}
.homepage .jcarousel-pagination a.active {
background: #4E443C;
color: #fff;
opacity: 1;
-webkit-box-shadow: 0 0 2px #F0EFE7;
-moz-box-shadow: 0 0 2px #F0EFE7;
box-shadow: 0 0 2px #F0EFE7;
}
/* Mobile Fix */
@media(max-width: 768px){
.homepage .jcarousel-wrapper {
height:300px;
overflow:hidden;
}
.homepage .slider {
width:100% !important;
}
.homepage .coupon.slider .coupontitle a {
min-height: initial !important;
font-weight:600 !important;
font-size: 20px !important;
line-height: 20px !important;
max-height: 80px; /* fallback */
min-height:80px;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 4; /* number of lines to show */
}
.homepage .coupon.slider img {
width: 95% !important;
margin:5px 0 5px 5px;
}
.homepage .coupon.slider .btn-aanbieding, .coupon.slider .btn-korting, .coupon.slider .mybtn.btn-code {
margin: -2px 3% 10px 3% !important;
width:94% !important;
}
}
/*** Related Slider ***/
.relatedcoupons .jcarousel-wrapper {
margin: 20px auto;
width: 100%;
border-radius: 0px;
position: relative;
}
.relatedcoupons .jcarousel{
overflow:hidden;
}
.relatedcoupons .jCarousel a:hover{
color: #fff;
text-decoration: none;
}
.relatedcoupons .jcarousel ul {
width: 20000em;
position: relative;
/* Optional, required in this case since it's a
element */
list-style: none;
margin: 0;
padding: 0;
}
/*
These are the item elements. jCarousel works best, if the items
have a fixed width and height (but it's not required).
*/
.relatedcoupons .jcarousel li {
/* Required only for block elements like - 's */
}
/** Carousel Controls **/
.relatedcoupons .jcarousel-control-prev,
.relatedcoupons .jcarousel-control-next {
position: absolute;
padding:5px;
top: 120px;
width: 40px;
height: 40px;
text-align: center;
background: #a4a4a4;
color: #fff;
text-decoration: none;
text-shadow: 0 0 1px #808080;
font: 24px/27px Arial, sans-serif;
-webkit-border-radius: 40px;
-moz-border-radius: 40px;
border-radius: 40px;
z-index:1 !important;
}
.relatedcoupons .jcarousel-control-prev:hover,
.relatedcoupons .jcarousel-control-next:hover {
background: #222;
color: #fff;
text-decoration: none;
}
.relatedcoupons .jcarousel-control-prev {
left: 0px;
}
.relatedcoupons .jcarousel-control-next {
right: 0px;
}
.relatedcoupons .jcarousel-control-prev:hover span,
.relatedcoupons .jcarousel-control-next:hover span {
display: block;
}
.relatedcoupons .jcarousel-control-prev.inactive,
.relatedcoupons .jcarousel-control-next.inactive {
opacity: .5;
cursor: default;
}
.relatedcoupons .slider {
margin: 0px !important;
height: 350px !important;
padding: 0px !important;
border-radius:0px;
float: left;
width:295px;
}
.relatedcoupons .slider:first-of-type {
margin: 0px !important;
}
.relatedcoupons .slider .baseline{
position:absolute;
bottom:0;
left:0;
width:100%;
-webkit-border-bottom-right-radius: 3px;
-webkit-border-bottom-left-radius: 3px;
-moz-border-radius-bottomright: 3px;
-moz-border-radius-bottomleft: 3px;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
padding: 0px 5px 5px 5px;
}
.relatedcoupons .jcarousel-pagination {
position: absolute;
bottom: -30px;
left: 50%;
-webkit-transform: translate(-50%, 0);
-ms-transform: translate(-50%, 0);
transform: translate(-50%, 0);
margin: 0;
}
.relatedcoupons .jcarousel-pagination a {
text-decoration: none;
display: inline-block;
font-size: 11px;
height: 10px;
width: 10px;
line-height: 10px;
background: #efefef;
color: #4E443C;
border-radius: 10px;
text-indent: -9999px;
margin-right: 7px;
-webkit-box-shadow: 0 0 2px #4E443C;
-moz-box-shadow: 0 0 2px #4E443C;
box-shadow: 0 0 2px #4E443C;
}
.relatedcoupons .jcarousel-pagination a.active {
background: #4E443C;
color: #fff;
opacity: 1;
-webkit-box-shadow: 0 0 2px #F0EFE7;
-moz-box-shadow: 0 0 2px #F0EFE7;
box-shadow: 0 0 2px #F0EFE7;
}
/* Mobile Fix */
@media(max-width: 768px){
.relatedcoupons .jcarousel-wrapper {
margin: 20px auto 50px;
}
.relatedcoupons .jcarousel-pagination {
position: absolute;
bottom: -45px;
left: 25%;
-webkit-transform: translate(-10%, 0);
-ms-transform: translate(-10%, 0);
transform: translate(-10%, 0);
margin: 10px 0 15px !important;
}
.relatedcoupons .jcarousel-pagination a {
font-size: 13px;
height: 13px;
width: 13px;
line-height: 13px;
border-radius: 13px;
text-indent: -9999px;
margin-right: 10px;
}
}
/**** Categorie ****/
.category{
margin:0px 0px 13px 10px !important;
}
.categorietitel h1{
font-size:28px !important;
font-weight:400 !important;
font-family:'Open Sans', sans-serif;
margin:15px 0 0px -5px !important;
}
.categorietitel h2{
font-size:18px !important;
font-weight:300 !important;
font-family:'Open Sans', sans-serif;
margin:5px 0 10px -5px !important;
color:#888;
}
.categoriesidebar{
font-family:'Open Sans', sans-serif;
font-size:16px;
margin:45px 0 0 5px !important;
padding:0!important;
}
.categoriesidebar h2{
font-family:'Open Sans', sans-serif;
font-size:16px;
margin:30px 0 15px;
color:#505050;
font-weight: 600 !important;
}
.categoriesidebar .popular{
text-align: left !important;
width:100%;
}
.categoriesidebar .popular .item{ padding:6px 11px; background:rgba(255,255,255,0.6); display:inline-block; color:#777; border-radius: 2px; margin:0 5px 5px 0;
border:1px solid rgba(255,255,255,0.6); }
.categoriesidebar .popular .item:hover{ background:none; display:inline-block; color:#0172bc; border:1px solid #0172bc; }
}
.categoriesidebar .popular .shop{
float: left;
width: 10%;
height:85px;
margin: 0 0.5% 0.5% 0 !important;
overflow: hidden;
border-radius: 2px;
box-shadow:0 0 2px rgba(0,0,0,0.2) !important;
padding:7px 15px;
background:#fff;
}
.categoriesidebar .popular .shop:hover{
box-shadow: 0px 0px 2px rgba(0,0,0,0.25) !important;
border: 1px solid #d0d0d0;
text-decoration: none;
}
.categoriesidebar .popular .shop .img-shop{
width: 70px !important;
height:70px !important;
margin:0;
box-shadow: none !important;
border-radius: 2px !important;
}
.categorieinfo{
line-height:22px;
font-size:16px;
color:#666;
font-family:'Open Sans', sans-serif;
margin:20px 0 20px !important;
padding:0px 10px;
}
.categorieinfo strong{
color:#222;
}
.categorieinfo i{
color:#67b07a;
}
.categorieinfo h2{ color:#333; font-weight: 600; font-size:18px; }
.categoriesidebar .allcategories{
line-height:22px;
}
.categoriesidebar .allcategories li{
list-style-type:none;
padding-left:0px;
}
.categorieen h1 {
margin:15px 0 5px 5px;
}
.categorieen h2 {
margin:0px 0 20px 5px;
font-size:15px;
font-weight:300;
color:#777;
}
.categorie {
text-align: center;
vertical-align: middle;
padding:15px;
font-size: 13px;
box-shadow:0px 2px #e8e8e8;
background:#fff !important;
margin:0 2% 2% 0;
}
.categorie:hover {
color:#555;
box-shadow:0px 2px #bfbfbf;
}
.categorie img {
width: 75%;
padding: 0px 0px 0px 0px;
margin-bottom:5px;
}
.categorieen a{
color: #888;
font-weight: 400;
padding-top:5px;
font-family: 'Open Sans', sans-serif;
}
@media (max-width: 768px) {
.categorie{
min-height:145px !important;
}
.categorie img {
width: 65%;
}
.categoriesidebar .popular .shop{
float: left;
width: 30%;
height:85px;
margin: 0 0.5% 0.5% 0 !important;
overflow: hidden;
border-radius: 2px;
box-shadow:0 0 2px rgba(0,0,0,0.2) !important;
padding:7px 15px;
background:#fff;
}
.topshops{
padding:15px 0 50px !important;
}
}
.thema {
text-align: center;
vertical-align: middle;
padding:25px 5px 25px;
font-size: 20px;
font-weight:600 !important;
box-shadow:0px 2px #e8e8e8;
background:#fff !important;
margin:0 1% 2% 0;
color:#e67700;
text-transform: uppercase;
}
.thema:hover {
color:#222;
box-shadow:0px 2px #bfbfbf;
}
/* FullWidth */
.fullwidth h1{
margin:15px 0 25px;
font-weight: 800;
}
.fullwidth h2{
margin:25px 0 20px;
font-weight: 700;
color:#444;
}
.fullwidth {
padding: 15px 0px 13px 7px;
font-size: 16px;
line-height: 28px !important;
}
.fullwidth i{
color:#005aa9 !important;
margin:0 5px 0 0;
}
.fullwidth .checklist{ list-style-type: none; padding:0; margin:5px 0; color:#333; }
.fullwidth .checklist li{ padding-left: 1.3em; padding-bottom:15px; }
.fullwidth .checklist li:before {
content: "\f058"; /* FontAwesome Unicode */
font-family: 'Font Awesome\ 5 Free';
display: inline-block;
margin-left: -1.3em; /* same as padding-left set on li */
width: 1.55em; /* same as padding-left set on li */
font-weight: 900;
color:#fe9315 !important;
}
.fullwidth .check{ list-style-type: none; padding:0; margin:15px 0 0; }
.fullwidth .check li{ padding-left: 1.3em; padding-bottom:10px; }
.fullwidth .check li:before {
content: "\f00c"; /* FontAwesome Unicode */
font-family: 'Font Awesome\ 5 Free';
display: inline-block;
margin-left: -1.3em; /* same as padding-left set on li */
width: 1.55em; /* same as padding-left set on li */
font-weight: 900;
font-size:12px;
color:#005aa9 !important;
}
.fullwidth .ad{ list-style-type: none; padding:0; margin:5px 0; }
.fullwidth .ad li{ padding-left: 1.3em; padding-bottom:10px; }
.fullwidth .ad li:before {
content: "\f641"; /* FontAwesome Unicode */
font-family: 'Font Awesome\ 5 Free';
display: inline-block;
margin-left: -1.3em; /* same as padding-left set on li */
width: 1.55em; /* same as padding-left set on li */
font-weight: 900;
color:#005aa9 !important;
}
/*
.nieuwsbrief { max-width: 200px; }*/
.nieuwsbrief .email {
font-family: Verdana;
font-size: 11px;
padding: 5px 0px 5px 10px;
margin-bottom: 5px;
}
.div-hide {
display: none;
}
/*
bootstrap (fixes)
*/
.position {
text-align: center;
color: #c33437;
border: 3px dotted #c33437;
-moz-border-radius: 5px;
border-radius: 5px;
padding: 15px;
background-color: #ffdedf;
}
.winkel .position {
margin-right: 10px;
height: 130px;
line-height: 100px;
}
.page .position {
height: 430px;
line-height: 400px;
}
h2.sub {
color: #717171;
font-family: 'Open Sans', sans-serif;
font-size: 18px;
color: #262626;
margin-bottom: 20px;
}
#winkels {
margin-bottom: 20px;
height: 124px !important;
}
#winkels .image {
border: 1px solid #CDCDCD;
background-color: #FFFFFF;
overflow: auto;
line-height: 120px;
text-align: center;
overflow: hidden;
}
#winkels .image img {
display: inline;
max-height: 120px;
}
.modal {
}
.modal .modal-content {
background-image: url('assets/img/header.png');
background-position: center top;
background-repeat: repeat-x;
}
.modal .modal-header {
padding: 0px;
height: 89px;
}
.modal .modal-header img {
margin-left: 20px;
}
.modal .modal-header .close {
color: #FFFFFF;
margin-top: 32px;
margin-right: 20px;
}
.modal_overflow {
overflow: hidden;
text-align: center;
}
#myModal {
height: 450px;
top: calc(40% - 250px) !important;
overflow: hidden;
}
#myModal:focus {
outline: none;
}
@media screen and (max-width: 360px) {
.modallogo {
width: 70%;
}
}
@media screen and (max-width: 960px) {
.modallogo {
width: 60%;
}
}
.clipboard {
}
.clipboard .open_modal {
}
.clipboard .open_webshop {
display: none;
}
.clipboard .tekst {
padding-top: 10px;
}
.clipboard .tekst.tekst1 {
}
.clipboard .tekst.tekst2 {
display: none;
}
.clipboard .code {
display: none;
}
.kortingscodegebruiken {
position: fixed;
right: 0;
top: 225px;
width: 42px;
height: 214px;
top: 225px !important;
z-index: 9999;
}
/* Bekijk Alle */
.bekijkalle1 {
padding-top: 20px;
}
.bekijkalle1 span {
font-size: 14px;
padding: 0px 8px 0px 3px;
}
a.bekijkalle {
padding: 15px 2px;
color: #0c77b8;
-webkit-transition: all 0.3s;
transition: all 0.3s;
font-weight400;
font-size: 16px;
font-family: 'Open Sans', Sans-serif;
}
a:hover.bekijkalle {
text-decoration: none;
color: #2da05b;
}
/*** Homepage ***/
.homepage{
padding:15px 20px;
}
.soldenbanner{
max-width: 100%;
width:100%;
margin:25px auto 0 !important;
}
@media(max-width: 768px){
.soldenbanner{
margin-top:0px;
}
}
.homepage h1{
font-family: 'Open Sans', Sans-serif;
font-size: 22px;
line-height: 25px;
padding: 0 0 7px 0;
margin: 15px 0px 12px 0px !important;
color: #666;
font-weight: 300 !important;
}
.homepage.theme h1{
font-family: 'Open Sans', Sans-serif;
font-size: 25px;
line-height: 25px;
padding: 0 0 5px 0;
margin: 15px 0px 5px 0px !important;
color: #444;
font-weight: 900 !important;
}
.themasub{
font-family: 'Open Sans', Sans-serif;
font-size:18px;
line-height: 25px;
padding: 0 0 7px 0;
margin: 5px 0px 30px 0px;
color: #555;
font-weight: 500 !important;
}
.homepage .title{
font-family: 'Open Sans', Sans-serif;
font-size: 20px;
line-height: 25px;
padding: 0 10px 7px;
margin: 45px 0px 15px 0px !important;
color: #4d4d4d;
font-weight: 500 !important;
}
.homepage .coupon.special {
margin: 0 0 15px !important;
height: 300px !important;
padding: 20px 0px 0px 0px !important;
width:95% !important;
}
.coupon .content{ padding:0px 15px; }
.homepage .coupon.special.kortingscode {
height: 315px !important;
}
.homepage .coupon.special img {
width: 40% !important;
border: 0px !important;
border-radius: 4px !important;
}
.homepage .coupon.special .shopimg{
padding-right:0px !important;
}
.homepage .coupon.special .coupontitle a {
color: #505050 !important;
font-size: 15px !important;
line-height: 16px !important;
font-weight:500 !important;
font-family:'Open Sans', sans-serif !important;
margin-bottom: 15px;
margin-top: 12px;
padding: 0px 10px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2 !important; /* number of lines to show */
max-height: 35px !important; /* fallback */
border:none !important;
}
.homepage .coupon.special .btn-aanbieding,.homepage .coupon.special .btn-korting{
width:95% !important;
}
.coupon.special .expirydate{
float:left;
margin:0 0 5px 15px;
}
.homepage .popular{
text-align: center;
width:100%;
}
.homepage .popular .shop{
overflow: auto;
margin: 10px 0 15px;
}
.homepage .popular .shop{
float: left;
width: 10%;
height:85px;
margin-right: 0.5% !important;
overflow: hidden;
border-radius: 2px;
box-shadow:0 0 2px rgba(0,0,0,0.2) !important;
padding:7px 15px;
background:#fff;
}
.homepage .popular .shop:first-of-type{
margin-left: 0.6%;
}
.homepage .popular .shop:hover{
box-shadow: 0px 0px 2px rgba(0,0,0,0.25) !important;
border: 1px solid #d0d0d0;
text-decoration: none;
}
.homepage .popular .shop .img-shop{
width: 70px !important;
height:70px !important;
margin:0;
box-shadow: none !important;
border-radius: 2px !important;
}
.homepage .popular .shop .img-shop:hover{
text-decoration: none;
box-shadow: 0px 0px !important;
}
.exclusiefhomepage{
text-align: center;
}
.space{ margin:20px 0 10px; }
.space a:hover{
text-decoration: none !important;
}
.discoverall{
border-radius:3px;
border:1px solid #38a9de;
color:#38a9de;
font-weight:600;
text-decoration: none;
font-size: 13px;
font-family:'Open Sans', sans-serif;
padding:7px 13px 6px;
text-transform: uppercase;
}
.discoverall:hover{
background:#38a9de;
color:#fff;
}
/* Mobile Fix */
@media(max-width: 768px){
.homepage{
padding:0px 10px;
}
.homepage h1{
font-family: 'Open Sans', Sans-serif;
font-size: 19px;
line-height: 18px;
padding: 0 10px 10px;
margin: 20px 0px 15px 0px !important;
color: #444;
font-weight: 300 !important;
}
.homepage .coupon.special {
margin: 0 0 10px 0 !important;
height: initial !important;
padding: 10px 5px 20px !important;
width:100% !important;
text-align: left !important;
}
.homepage .coupon.special.kortingscode {
height: initial !important;
}
.coupon .content{ padding:5px 15px 10px; }
.coupon.special .img-responsive{
margin-left:-45px !important;
}
.coupon.special .content{ padding:5px 20px 10px 20px !important; }
.homepage .coupon.special .expirydate{
margin:-5px 0 5px 0;
}
.coupon.special .coupontitle a {
min-height: initial !important;
font-weight:600 !important;
font-size: 17px !important;
line-height: 19px !important;
max-height: 62px !important; /* fallback */
min-height:56px;
padding: 0 10px 0 0 !important;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2; /* number of lines to show */
}
.homepage .coupon.special img {
width: 95% !important;
margin:10px 0 5px 5px;
}
.homepage .coupon.special .btn-aanbieding,.homepage .coupon.special .btn-korting{
width:97% !important;
margin: 0 0 0 5px !important;
}
.homepage .popular{
padding:0 0 0 15px;
}
.homepage .popular .shop{
width: 30%;
margin: 1%;
}
}
/* Niet te missen */
.populairstewinkels {
}
.homepagecategory{
min-height:280px;
}
.populairstewinkels .container {
padding: 55px 25px;
}
.populairstewinkels h2 {
font-family: 'Open Sans', Sans-serif;
font-size: 27px;
line-height: 29px;
padding: 0px;
margin: 0px 0px 35px 0px;
color: #888;
font-weight: 300;
text-align:center;
}
.populairstewinkels h3 {
font-family: 'Open Sans', Sans-serif;
font-size: 20px;
line-height: 24px;
padding: 0px;
margin: 0px 0px 10px -7px;
color: #2d2d2d;
font-weight: 300;
}
.populairstewinkels a {
font-family: 'Open Sans', Sans-serif;
color: #22a3d2;
font-size: 15px;
}
.populairstewinkels a:hover {
text-decoration: none;
color: #113948;
}
.populairstewinkels .container ul {
list-style-type: none;
padding: 0px;
margin: 0px;
margin-top: 10px;
margin-bottom: 10px;
text-align: left;
}
.populairstewinkels .container ul li a {
line-height: 24px;
color: #22a3d2;
font-size: 15px;
}
.populairstewinkels .container ul li a:hover {
text-decoration: none;
color: #113948;
}
.populairstewinkels .container .alleshops {
text-align: center;
margin-top: 40px;
font-size: 16px;
width: 100%;
font-family: 'Open Sans', Sans-serif;
}
.populairstewinkels .container .alleshops a {
background: none;
border: 1px solid #ff7700;
padding: 9px 18px;
color: #ff7700;
border-radius: 5px;
-webkit-transition: all 0.3s;
transition: all 0.3s;
font-weight400;
}
.populairstewinkels .container .alleshops a:hover {
background: #ff7700;
text-decoration: none;
color: #fff;
}
/* Over */
.overhome {
font-family: 'Open Sans', Sans-serif;
font-size: 15px;
padding-bottom:35px;
}
.overhome .shop{ padding:0 10px 10px 0; display: inline-block; }
.overhome .container {
padding: 50px 35px 60px;
color: rgba(0, 0, 0, 0.5);
}
.overhome h3 {
font-family: 'Open Sans', Sans-serif;
font-size: 22px;
line-height: 35px;
padding: 0px;
margin: 40px 0px 15px !important;
color: #2d2d2d;
font-weight: 400;
}
.overhome .info{
margin: 0px 0px 20px 0px;
}
/* Footer Signup Form */
.niewsbriefaanmelding {
padding: 70px 0px 50px;
overflow: auto;
width: 100%;
margin-top: 25px !important;
border-top:1px solid rgba(0,0,0,0.05);
}
.niewsbriefaanmelding .container {
width: 100%;
}
.niewsbriefaanmelding .container .title {
font-size: 22px;
font-weight:600;
color: #666;
font-family: "Vitesse black" !important;
}
#mc_embed_signup_scroll {
width: 930px;
}
.niewsbriefaanmelding .container .central {
width: 65%;
text-align: left;
}
.niewsbriefaanmelding input[type="email"] {
float: left;
width: 75%;
border: 1px solid rgba(0,0,0,0.1);
padding: 5px;
padding-left: 15px;
height: 50px;
margin-top: 17px;
border-top-left-radius: 5px;
border-bottom-left-radius: 5px;
font-size: 17px;
color: #666;
font-family: 'Open Sans', Sans-serif;
font-weight: 300;
}
.niewsbriefaanmelding input[type="submit"] {
float: left;
width: 25%;
margin-top: 17px;
margin-right: 0px;
height: 50px;
background: #2885c3;
border: none;
background-image: none;
padding: 5px 35px;
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
color: #fff;
font-size: 15px;
-webkit-transition: all 0.2s;
transition: all 0.2s;
font-family: 'Open Sans', Sans-serif;
font-weight: 600;
}
.niewsbriefaanmelding input[type="submit"]:hover {
background: #2da05b;
color: #fff;
}
/* Footer Signup Style Popover */
.niewsbriefaanmelding .popover {
color: #777;
font-size: 11px;
padding: 5px 2px;
border: none;
text-align: center;
background: rgba(255, 255, 255, 1);
}
/* Privacy, Disclaimer, Number of subscribers */
.niewsbriefaanmelding .privacy {
clear: both;
color: #fff;
padding-top: 10px;
font-size: 10px;
position: initial;
overflow: auto;
padding-bottom: 7px;
width: 100%;
text-align: center;
padding-right: 35.4%;
}
@media (max-width: 768px) {
.niewsbriefaanmelding .privacy {
text-align: center;
padding-right: 0%;
}
}
.niewsbriefaanmelding .privacy a {
opacity: 0.5;
color: #fff;
}
.niewsbriefaanmelding .privacy a:hover {
opacity: 0.9;
color: #fff;
}
/* Signup Footer Mobile Fix */
@media (max-width: 768px) {
.niewsbriefaanmelding {
padding: 70px 0px 125px;
}
.niewsbriefaanmelding .container .title {
line-height: 20px;
}
.niewsbriefaanmelding .container {
text-align: center;
min-width: initial;
width: 100%;
}
#mc_embed_signup_scroll {
margin: 0 auto;
width: 100%;
}
.niewsbriefaanmelding .container .central {
margin: 0 auto;
width: 100%;
}
.niewsbriefaanmelding input[type="email"] {
width: 70%;
}
.niewsbriefaanmelding input[type="submit"] {
width: 30%;
padding: 5px 15px;
}
}
/* USPs */
.usp{
text-align: center;
font-size:13px;
line-height: 15px;
border-top:1px dotted #efefef;
font-weight:400;
padding:45px 0 20px;
}
.usp i{
font-size:35px;
padding-bottom:25px;
font-weight:300 !important;
color:#0172bc;
}
@media (max-width: 768px) {
.usp{
padding:15px 0 10px;
}
}
/* sitemap */
#sitemap h2 a {
color: #002745;
}
#sitemap h2 {
margin-top: 5px;
margin-bottom: 10px;
}
.winkelssitemap {
}
.winkelssitemap ul {
overflow: auto;
list-style: none;
padding: 0px;
margin: 0px;
margin-bottom: 5px;
}
.winkelssitemap ul li {
color: #FFFFFF;
float: left;
margin-right: 1px;
margin-bottom: 1px;
line-height: 20px;
width: 12px;
text-align: center;
}
.winkelssitemap ul li a {
color: #1c74b8;
text-decoration: none;
}
.relative {
position: relative;
}
.exclusief {
position: absolute;
top: 0px;
right: 0px;
z-index: 888;
border: 0px !important;
}
.exclusiefhome{
position: absolute;
top: 0px;
left: 0px;
z-index: 888;
border: 0px !important;
width:30px !important;
}
.exclusief2 {
position: absolute;
top: 0px;
right: 10px;
z-index: 888;
border: 0px !important;
}
.small_coupon .exclusief2 {
top: 3px;
right: 3px;
}
/* Nieuwsbrief Widget */
#text-3 {
background: none;
padding-bottom: 20px;
}
#text-3 .nieuwsbrief {
overflow: auto;
margin: 0px auto;
margin-top: 0px;
width: 240px !important;
text-align: center;
}
#text-3 .nieuwsbrief .title {
font-size: 20px;
color: #555;
font-family: 'Open Sans', Sans-serif;
}
#text-3 .nieuwsbrief input[type="email"] {
width: 100%;
border: 1px solid #cfcfcf;
padding: 10px 0px 7px 15px;
margin-top: 22px;
border-radius: 5px;
font-size: 15px;
color: #666;
font-family: 'Open Sans', Sans-serif;
font-weight: 300;
text-align: left;
}
#text-3 .nieuwsbrief input[type="submit"] {
width: 100%;
margin-top: 3px;
margin-right: 0px;
background: #22a3d2;
border: none;
background-image: none;
padding: 10px 0px 10px;
border-radius: 5px;
color: #fff;
font-size: 15px;
-webkit-transition: all 0.2s;
transition: all 0.2s;
font-family: 'Open Sans', Sans-serif;
font-weight: 600;
}
#text-3 .nieuwsbrief input[type="submit"]:hover {
background: #ff7700;
color: #fff;
}
#text-3 .links {
text-align: center;
padding-top: 10px;
padding-bottom: 0px;
}
#text-3 .links a {
color: rgba(0, 0, 0, 0.25);
text-decoration: none;
font-size: 11px;
}
#text-3 .links a:hover {
color: rgba(0, 0, 0, 0.5);
text-decoration: none;
}
#text-3 .nieuwsbrief #test.error, #test.valid, #test {
display: none !important;
}
/* Sidebar Signup Style Popover */
#text-3 .nieuwsbrief .popover {
color: #555;
font-size: 11px;
padding: 0px;
text-align: center;
}
.vergelijken {
font-size: 10px;
text-align: center;
margin-bottom: 20px;
}
.vergelijken td {
padding: 5px;
border: 1px solid #ffffff;
}
.vergelijken a {
text-decoration: underline;
}
@media screen and (max-width: 960px) {
.single_social .facebook,
.single_social .twitter,
.single_social .google {
float: left;
display: inline-block;
}
.single_social {
overflow: hidden;
margin-bottom: 15px;
width: 60%;
}
}
.solden {
width: 100%;
border: 0;
padding: 5px;
vertical-align: top;
font-size: 11px;
font-family: 'Open Sans', sans-serif;
}
@media (max-width: 768px) {
.page .info1, .page .info2 {
width: 100%;
}
}
.page .clear {
clear: both;
}
.fullwidth span {
}
/********************** Horizontal Signup Forms ************************/
.hsignup {
width: 100%;
overflow: auto;
text-align: center;
padding: 28px 15px 35px;
box-shadow: 0px 2px #d9dbe3;
margin: 20px 0px 10px;
border-radius: 2px;
background: #fff url(/wp-content/themes/kortingvandedag-child/img/emailalerts.png) top right no-repeat;
}
.hsignup .title {
font-size: 18px !important;
line-height:19px;
color: #555;
font-family: 'Open Sans', Sans-serif;
font-weight: 500;
width: 100%;
padding-bottom: 25px;
}
.hsignup input[type="email"] {
width: 90%;
border: 1px #eaeaea solid;
padding: 6px 0px 0px 12px;
height: 45px;
margin-top: -10px;
font-size: 15px;
color: #666;
font-family: 'Open Sans', Sans-serif;
font-weight: 300;
border-radius: 5px;
text-align: left;
}
.hsignup input[type="submit"] {
width: 90%;
margin: 5px 0px -5px;
border-radius: 5px;
height: 42px;
background: #22a3d2;
border: none;
background-image: none;
padding: 2px 20px 0px;
color: #fff;
font-size: 15px;
-webkit-transition: all 0.2s;
transition: all 0.2s;
font-family: 'Open Sans', Sans-serif;
font-weight: 600;
}
.hsignup input[type="submit"]:hover {
background: #ff7700;
color: #fff;
}
@media (max-width: 768px) {
.hsignup {
padding: 20px 12px;
margin: 16px 0px;
}
.hsignup .title {
font-size: 19px;
}
.hsignup input[type="submit"], .hsignup input[type="email"] {
width: 90%;
}
.hsignup input[type="email"] {
font-size: 15px;
}
}
.solden img {
border: 1px solid #e6e6e6;
width: 100%;
max-width: 125px !important;
margin-bottom: 10px;
border-radius: 4px;
}
.solden img:hover {
border: 1px solid #d7d7d7;
}
.solden .shop {
width: 15%;
vertical-align: top;
float: left;
margin: 10px 15px 0px 0px;
}
h2.soldencategorie {
font-size: 18px;
font-weight: bold;
margin-top: 70px;
font-family: 'Open Sans', sans-serif;
}
h2.soldencategorie:first-of-type {
margin-top: 0px;
}
@media (max-width: 768px) {
.solden .shop {
width: 50%;
margin: 0px;
}
.solden img {
max-width: initial;
!important
}
}
.image {
position: relative;
margin-bottom: 20px;
font-size: 14px;
}
.image a {
text-decoration: underline;
}
.image h2 {
position: absolute;
top: 94px;
left: 0;
padding: 9px 11px 5px 11px;
background: #22a3d2;
color: #fff;
font-weight: bold;
font-size: 15px;
margin-top: 0px;
border-top-left-radius: 0px;
border-top-right-radius: 4px;
border-bottom-right-radius: 0px;
border-bottom-left-radius: 4px;
}
.image h2 a {
text-decoration: none;
color: #fff;
}
.image h2 a:hover {
text-decoration: none;
}
.image h2:hover, .image h2.orange:hover {
background: #202020;
}
.image h2.orange {
background: #ff7700;
}
.image h2 {
position: absolute;
top: 45px;
left: 0;
padding: 7px;
font-weight: bold;
font-size: 12px;
margin-top: 0px;
}
.image span {
position: absolute;
top: 35px;
left: 0;
padding: 9px;
background: #d7d7d7;
color: #202020;
font-weight: bold;
font-size: 14px;
margin-top: 0px;
font-family: verdana;
}
@media screen and (max-width: 450px) {
.image span {
position: absolute;
top: 45px;
left: 0;
padding: 7px;
background: #d7d7d7;
color: #202020;
font-weight: bold;
font-size: 12px;
margin-top: 0px;
font-family: verdana;
}
.image {
position: relative;
font-size: 8px;
}
}
.soldentekst {
float: left;
width: 45%;
overflow: hidden;
padding-bottom: 5px;
}
.soldensubscribe {
float: left;
width: 50%;
overflow: hidden;
margin-left: 5%;
}
@media screen and (max-width: 450px) {
.soldentekst {
float: left;
width: 37%;
overflow: hidden;
}
.soldensubscribe {
float: left;
width: 60%;
overflow: hidden;
margin-left: 3%;
}
}
.bronnen {
font-size: 9px;
line-height: 10%;
}
.tijdschriftimg {
float: left;
margin-left: -200px;
width: 190px;
}
@media screen and (max-width: 450px) {
.tijdschriftimg {
display: none;
}
}
.dagvdwebshop {
border: 0;
padding: 5px;
vertical-align: top;
font-size: 10px;
}
.wtf {
border: 1px solid #d7d7d7;
max-width: 75px;
!important width: 25 px;
margin-bottom: 5px;
}
.copyright .container span a {
color: #999;
}
/* Blog Aanpassingen */
.blog .truitje {
float: right;
margin: 10px 10px 10px 20px;
width: 35%;
}
/*** Andere Style File ***/
/***** Modal *****/
#myModal {
height: auto;
border-radius: 7px;
}
.caret {
font-size:10px;
}
.codeable_clipboard .tekst2, .codeable_clipboard .code {
display: none;
}
.modal-footer {
border-bottom-left-radius: 7px;
border-bottom-right-radius: 7px;
padding: 10px 0;
text-align: left;
}
.modal-footer img {
max-width: 90px;
max-height: 90px;
float: left;
box-shadow: 0px 2px #e4e4e4 !important;
border-radius: 2px;
}
.modal .modal-header {
height: auto;
min-height: 0;
border-bottom: 0;
text-align: center;
}
.modal .modal-header a {
font-size: 20px;
color: #000000;
}
.modal .modal-header a:hover {
text-decoration: none;
color: #555;
}
.modal .modal-header h3 {
padding: 15px 0px 0px 0px;
font-family: 'Open Sans', Sans-serif;
font-size:18px;
font-weight:300;
}
.modal .modal-content {
background-image: none;
padding-bottom: 0px;
}
.modal .modal-content .close {
color: #000000;
font-size: 27px;
margin: 15px 18px 0px 0px;
font-weight: 600;
}
.modal_formtext {
font-size: 22px;
}
.formwrap {
margin-left: 110px;
text-align: left;
}
.formwrap p {
font-family: 'Open Sans', Sans-serif;
margin: 7px 0px 5px 3px;
}
#myModal .dagen {
color: #c5c5c5;
font-size: 10px;
text-align: left;
padding-top: 10px;
}
#myModal .voorwaarden {
padding-top: 15px;
text-align: center;
font-family: 'Open Sans', Sans-serif !important;
margin: 15px 0 0 0;
}
#myModal .voorwaarden .kop a {
color: #959595;
font-size: 12px;
text-decoration: none;
}
#myModal .voorwaarden .kop a:hover {
color: #4e7cca;
text-decoration: underline;
}
#myModal .voorwaarden .tekst {
display: none;
font-size: 11px;
line-height: 12px;
color: #888;
padding-top: 7px;
}
/* Ga Naar Website Button */
.gotobutton {
background: #0a8de9;
color:#fff;
text-decoration: none;
font-size: 13px;
font-family: 'Open Sans', Sans-serif !important;
font-weight: 300;
padding: 15px 20px;
margin:15px 0 0 0;
border-radius: 2px;
}
.gotobutton:hover {
background: #ff7700;
color:#fff;
text-decoration: none !important;
}
/* Code Kopieren Button */
.btn-warning {
background: #ff7700;
border: none;
border-radius: 5px;
color: #fff;
font-size: 15px;
font-family: 'Open Sans', Sans-serif;
font-weight: 600;
margin-left: -15px;
padding: 15px 0px;
}
.btn-warning:hover {
background: #333333;
}
/* Font Awesome Fix */
.btn-primary i, .btn-warning i {
font-size: 13px;
margin-left: 5px;
font-weight: 300;
}
.formwrap input[type="email"] {
float: left;
width: 60%;
border: 1px solid #efefef;
padding: 7px;
padding-left: 10px;
height: 40px;
margin: 0px 0px 0px 0px;
border-top-left-radius: 5px;
border-bottom-left-radius: 5px;
font-size: 15px;
color: #666;
font-family: 'Open Sans', Sans-serif;
font-weight: 300;
}
.formwrap #mc_embed_signup input[type="submit"] {
float: left;
width: 35%;
margin: 0px;
height: 40px;
background: #666;
border: none;
background-image: none;
padding: 5px 15px;
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
color: #fff;
font-size: 14px !important;
-webkit-transition: all 0.2s;
transition: all 0.2s;
font-family: 'Open Sans', Sans-serif;
font-weight: 600;
}
.formwrap #mc_embed_signup input[type="submit"]:hover {
background: #ff7700;
color: #fff;
}
.btn-full {
width: 100%;
}
.btn-full2 {
width: 102%;
}
.modal-body p.textdesc {
text-align: left;
margin-bottom: 10px;
}
.coupon_korting {
background:#efefef;
font-size: 35px !important;
font-weight: 900;
color: #666;
font-family: 'Open Sans', sans-serif;
text-align: center;
border-radius: 3px;
border:none;
margin:-10px 0 12px 0px !important;
padding: 15px 0;
}
/* SoldenModal */
#SoldenModal{
top: 10px !important;
overflow: hidden;
}
#SoldenModal h3{
font-weight:700 !important;
font-size:20px !important;
margin:5px 0 10px !important;
}
#SoldenModal .formwrap {
margin-left: 0px !important;
text-align: left;
}
/* Mobile Fix Codevak */
.coupon .vwbutton .tekst2 {
margin-bottom: 10px;
font-size: 12px;
}
/* Tabs Homepage */
.kort-tabs {
margin-top: 5px;
}
.kort-tabs a {
float: left;
display: block;
position: relative;
text-align: center;
text-decoration: none;
font-family: 'Open Sans', sans-serif;
font-size: 16px;
}
#hometabsmobile {
display: none;
}
#hometabs {
padding: 0;
margin: 0;
}
#hometabs ul li {
border-radius: 0px;
padding: 0px 0px;
}
#hometabs ul li i {
display: none;
}
#hometabs .active a {
padding: 10px 15px;
}
#hometabs a:hover {
padding: 10px 15px;
}
.kort-tabs a.kort-arrow {
display: none;
}
.kort-tabs a:hover, .kort-tabs a.active {
background: #fff;
}
.kort-tabs a:hover, .nav-tabs a:hover, #hometabs .nav {
border-bottom: none;
}
@media (max-width: 768px) {
#hometabs ul li span {
display: none;
}
#hometabs ul li i {
display: initial;
font-size: 22px;
}
#hometabsmobile {
display: initial;
}
}
.ajax_autosuggest_form_wrapper {
width: 100% !important;
max-width: 100% !important;
height: 53px !important;
overflow: auto;
zoom: 1;
clear: both;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.ajax_autosuggest_input.ac_input {
min-height: 49px;
font-family: 'Ubuntu Condensed', Verdana;
font-size: 18px;
}
.ajax_autosuggest_submit,
.ajax_autosuggest_submit:hover,
.ajax_autosuggest_submit:active,
.ajax_autosuggest_submit:visited,
.ajax_autosuggest_submit:focus {
min-height: 51px;
-webkit-border-top-right-radius: 4px;
-webkit-border-bottom-right-radius: 4px;
-moz-border-radius-topright: 4px;
-moz-border-radius-bottomright: 4px;
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
width: 61px;
background: #C33437 url('http://www.devomgeving.com/klanten/kortingvandedag/wp-content/uploads/2015/03/search.png') no-repeat 50% scroll !important;
top: 0;
right: 0;
}
.modal-content {
width: 650px;
}
@media screen and (min-width: 768px) {
.modal-dialog {
width: 650px
}
}
.modal-footer, .modal-body, .modal-header {
padding: 20px 50px 20px 50px !important;
}
.modal-body {
padding-top: 0 !important;
}
/* Modal Mobile Fix */
@media (max-width: 768px) {
.modal-content {
width: 100%;
}
#myModal {
height: auto;
top: 0px !important;
overflow: hidden;
width: 100%;
border-radius: 0px !important;
}
.modal-dialog {
width: 100%;
margin: 0;
border-radius: 0px !important;
}
#myModal:focus {
outline: none;
}
.modal-footer, .modal-body, .modal-header {
padding: 15px !important;
}
.modal .modal-content .close {
margin-top: 12px;
margin-right: 12px;
font-size: 30px;
color: #888;
font-weight: 600;
}
.coupon_korting {
font-size: 30px !important;
border: 1px dotted #CDCDCD;
padding: 25px 0;
margin:-10px 0 30px 0px !important;
}
.btn-primary, .btn-warning {
margin: 0px 0px 7px !important;
}
.btn-full {
width: 96%;
border-radius: 5px;
}
.btn-full2 {
display: none;
}
.modal .modal-header {
text-align: center;
}
.modal .modal-header h3 {
padding: 10px 0px 0 0px;
width: 95%;
margin-bottom: -7px;
}
.modal-footer img {
display: none;
}
.formwrap {
margin-left: 0px;
text-align: center;
}
.modal_formtext {
font-size: 18px;
font-weight: 600;
color: #202020;
}
.formwrap p {
font-family: 'Open Sans', Sans-serif;
margin: 7px 0px 5px 3px;
}
.formwrap input[type="email"] {
width: 100%;
border-radius: 4px !important;
}
.formwrap #mc_embed_signup input[type="submit"] {
width: 100%;
margin: 4px 0px 0px;
border-radius: 4px !important;
}
.modal-body p.textdesc {
text-align: center;
margin-bottom: 15px;
}
#myModal .dagen {
font-size: 11px;
text-align: center;
}
#myModal .voorwaarden .tekst, #myModal .voorwaarden .kop a, #myModal .voorwaarden .kop a:hover {
font-size: 12px;
}
}
.ajax_autosuggest_input.ac_input {
color: #747474;
}
a.ajax_autosuggest_result span.highlight {
color: #fb5e00;
}
a.ajax_autosuggest_result {
border-bottom: 1px solid #C2C2C2 !important;
}
a.ajax_autosuggest_result {
padding-bottom: 10px;
}
.ajax_autosuggest_suggestions {
margin-left: -1px;
width: 570px !important;
max-width: 88%;
}
/* Webshop Signup Coupons */
.couponsignup {
padding: 15px;
border-radius: 2px;
background: #fff url(/wp-content/themes/kortingvandedag-child/img/emailalerts.png) top right no-repeat;
margin: 10px 0px 25px 7px;
width:99%;
border:1px solid rgba(0,0,0,0.07);
}
.couponsignup.nocoupons{
margin: 15px 0px 10px;
}
.couponsignup .shopsignupaanbieder {
padding-left: 20px !important;
padding-right: 20px;
text-align: center;
}
.couponsignup .shopsignupaanbieder .img-shopsignup{
width:110% !important;
border-radius:3px !important;
margin: 0 auto !important;
}
.couponsignup .description {
padding-left: 30px;
padding-top: 15px;
}
.couponsignup #mc_embed_signup, .couponsignup .coupon #mc_embed_signup_scroll {
width: 100% !important;
}
.couponsignup .title {
font-size: 20px;
color: #505050;
font-family: 'Open Sans', Sans-serif;
font-weight: 300;
line-height: 22px;
margin:25px 0 10px 0px !important;
}
.couponsignup .title i{
color: #ff7700;
background:none;
border-radius:20px;
padding:6px 3px 7px 0px;
font-size:18px;
}
.couponsignup input[type="email"] {
width: 58%;
border: 1px solid #e5e5e5;
padding: 11px 0px 10px 10px;
margin-top: 10px;
-webkit-border-top-left-radius: 3px;
-webkit-border-bottom-left-radius: 3px;
-moz-border-radius-topleft: 3px;
-moz-border-radius-bottomleft: 3px;
border-top-left-radius: 3px;
border-bottom-left-radius: 3px;
font-size: 15px;
color: #666;
font-family: 'Open Sans', Sans-serif;
font-weight: 300;
text-align: left;
float: left;
}
.couponsignup input[type="submit"] {
width: 22%;
margin-top: 10px;
margin-right: 0px;
background: #2885c3;
border: none;
background-image: none;
padding: 10px 0px 13px;
-webkit-border-top-right-radius: 3px;
-webkit-border-bottom-right-radius: 3px;
-moz-border-radius-topright: 3px;
-moz-border-radius-bottomright: 3px;
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
color: #fff;
font-size: 15px;
-webkit-transition: all 0.2s;
transition: all 0.2s;
font-family: 'Open Sans', Sans-serif;
font-weight: 600;
float: left;
}
.couponsignup input[type="submit"]:hover {
background: #22a3d2;
color: #fff;
}
.couponsignup .nieuwsbrief #test.error, #test.valid, #test {
display: none !important;
}
/* Mobile Fix */
@media (max-width: 768px) {
.couponsignup {
padding: 15px 15px 20px 25px;
background: #fff url(/wp-content/themes/kortingvandedag-child/img/emailalerts_mobile.png) top right no-repeat;
margin: 10px 0 0 0;
width:100%;
}
.couponsignup .description {
padding-left: 10px;
padding-top: 15px;
}
.couponsignup .title i{
color: #ff7700;
background:none;
border-radius:20px;
padding:0px 2px 2px !important;
font-size:16px !important;
}
.couponsignup input[type="email"] {
width: 90%;
border-radius: 2px;
}
.couponsignup input[type="submit"] {
width: 90%;
border-radius: 2px;
margin-top: 3px;
}
}
/* Code Popup Couponsignup */
.modal-content .couponsignup{
margin:0 !important;
width:100% !important;
}
.gemisttitel {
font-family: 'Open Sans', sans-serif;
color: #555;
padding: 12px 0px 12px 15px;
font-size: 16px;
}
.specialww:hover {
border: 1px solid #ff7700;
}
.testing {
margin: 0px !important;
padding: 3px !important;
}
.coupon.solden {
text-align: center !important;
margin: 0px !important;
width: 100% !important;
min-height: 300px;
padding-top: 20px !important;
padding-bottom: 30px !important;
}
.coupon.white.solden {
width: 100% !important;
margin: 0px !important;
}
.coupon.solden.nopadding {
padding-left: 0px;
}
@media (min-width: 992px) {
.coupon.solden {
padding-left: 0px;
padding-right: 0px;
}
}
@media (max-width: 768px) {
.coupon.solden {
padding-left: 20px;
padding-right: 10px;
}
.coupon .col-xs-3 img {
width: 90% !important;
border: 1px solid #f0f0f0 !important;
border-radius: 4px !important;
}
}
.coupon.solden .datumdesktop .dagen {
text-align: left;
}
.coupon.solden h2 {
font-family: 'Open Sans', sans-serif;
color: #262626;
font-size: 16px;
margin-bottom: 10px;
margin-top: 5px;
line-height: 18px;
font-weight: 400;
padding: 0px 15px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2; /* number of lines to show */
max-height: 36px; /* fallback */
}
.coupon.solden h2 a {
color: #262626;
}
@media (max-width: 768px) {
.coupon.solden h2 {
font-size: 18px;
max-height: 45px;
}
}
.coupon.solden h2 a:hover {
color: #007ce6;
text-decoration: none;
}
.coupon.solden p {
margin-bottom: 10px;
line-height: 20px;
}
/* Edit Coupons on hover */
.winkel .editcoupons {
display: none !important;
}
.winkel:hover .editcoupons {
display: initial !important;
}
.coupon.solden .btn.btn-korting {
border-radius: 3px;
font-weight: normal;
text-align: center;
margin-top: 0px;
min-width: 80%;
font-family: 'Open Sans', sans-serif;
font-size: 16px;
font-weight: 600;
border: 0px;
color: #FFFFFF;
background: #007be6;
padding: 12px 0px;
height: 45px;
-webkit-transition: all 0.5s;
transition: all 0.5s;
}
.coupon.solden .btn.btn-korting:hover {
background: #005aa9;
}
.coupon.solden .btn.btn-aanbieding {
border-radius: 3px;
font-weight: normal;
text-align: center;
margin-top: 0px;
min-width: 80%;
font-family: 'Open Sans', sans-serif;
font-size: 16px;
font-weight: 600;
border: 0px;
color: #FFFFFF;
background: #007be6;
padding: 12px 0px;
height: 45px;
-webkit-transition: all 0.5s;
transition: all 0.5s;
}
.coupon.solden .btn.btn-aanbieding:hover {
background: #005aa9;
}
.coupon.solden .mybtn.btn-code {
border-radius: 3px;
border: 1px dashed #007be6;
font-weight: 600;
margin: 0 auto !important;
width: 80% !important;
font-family: 'Open Sans', sans-serif;
font-size: 16px;
color: #007be6;
background: #efefef;
padding: 10px 0px;
height: 45px;
text-align: center;
}
.btn.btn-ganaar:hover {
opacity: 0.75;
}
.btn-hide {
display: none;
}
.coupon.solden .more-link {
color: #c33437;
text-decoration: underline;
}
.coupon.solden .more-link:hover {
text-decoration: none;
}
.coupon .col-sm-2 {
padding-left: 0px;
padding-right: 0px;
}
/* Geldig tot tekst */
.dagen {
color: #b0b0b0;
font-size: 11px;
text-align: left;
margin-left:0px;
font-family: 'Open Sans', sans-serif;
}
.dagen i {
font-weight: 300;
font-size:9px;
color:#67b07a;
}
/* Hoeveelheid korting en onderschrift mooier */
.amount {
font-family: 'Open Sans', sans-serif;
color: #fb5e00;
font-size: 45px;
text-align: center;
font-weight: 500;
}
.amount.amountbig {
font-size: 30px;
}
.discount {
font-family: 'Open Sans', sans-serif;
color: #959595;
font-size: 23px;
text-align: center;
font-weight: 300;
}
.discountbig {
font-size: 18px;
}
/* Specials */
.specialheading{
font-family:'Open Sans', sans-serif;
margin:25px 0px 15px 7px;
}
.woewebdag{
background: url(/wp-content/themes/kortingvandedag-child/img/woensdagwebdagpizzahutdesktop.png) no-repeat;
height:116px;
margin:0 0 10px;
}
@media(max-width: 768px){
.woewebdag{
background:none;
width:100%;
height:auto;
border-radius:2px;
}
.woewebdag img{
width:100%;
height:auto;
border-radius:2px;
}
}
.lazymonday{
background: url(/wp-content/themes/kortingvandedag-child/img/lazymonday.png) no-repeat;
height:116px;
margin:0 0 10px;
border-radius:3px;
}
@media(max-width: 768px){
.lazymonday{
background:none;
width:100%;
height:auto;
border-radius:2px;
}
.lazymonday img{
width:100%;
height:auto;
border-radius:2px;
}
}
/* Blog */
.latestblogposts .blogpost {
margin-bottom: 0px;
}
.blogpost {
padding: 0px 15px 0 0;
margin-bottom: 0px;
}
.onzetips {
text-align: left;
padding: 0px;
margin: 25px 0 0 -10px;
}
.onzetips h1 {
margin: -10px 0px 25px 0px;
color: #202020;
font-family: 'Open Sans', sans-serif;
font-size: 30px;
font-weight: 300;
}
.onzetips h2 {
padding: 0px;
margin: 0px;
margin-top: 0px;
margin-left: 0px;
margin-bottom: 10px;
line-height: 17px;
}
.onzetips h2 a {
font-family: 'Open Sans', sans-serif;
font-size: 18px;
color: #2c2c2c;
margin-left: 0px;
}
.onzetips h2 a:hover {
color: #202020;
text-decoration: none;
}
.onzetips img {
margin-left: 0px;
}
.onzetips .blogpostimg img {
width: 100%;
}
.datecomment {
font-family: 'Open Sans', sans-serif;
overflow: auto;
color: #a6a6a6 !important;
font-size: 12px;
margin-bottom: 3px;
vertical-align: bottom;
}
.datecomment a {
color: #48a1af;
text-decoration: underline;
}
.datecomment a:hover {
color: #48a1af;
text-decoration: none;
}
.blogdata {
width: 100%;
padding: 20px 15px;
height: 120px !important;
margin-bottom: 22px !important;
border:1px solid rgba(0,0,0,0.1);
background: #fff;
}
.blogheadline {
}
@media (max-width: 768px) {
.blogheadline {
height: initial;
}
.blogpost {
padding: 0px 0px 0 0;
margin-bottom: 0px;
}
}
/* Blog Single */
.blog{
padding:25px 35px;
margin-top:15px;
background-color: #FFFFFF;
-moz-border-radius: 2px;
border-radius: 2px;
box-shadow:0px 2px #e9e9ef;
margin-bottom: 15px;
font-family:'Open Sans', sans-serif;
}
.blog h1{ margin:0px 0px 5px 0px; font-size:33px; font-weight:800; color:#111; }
.blog .featimg{ float:right; margin:0 0 20px 25px; }
.blog .dateandshare{ padding:10px 0px; margin:0px 0px 25px; }
.blog .date{ font-family:'Open Sans', sans-serif; font-size:12px; color:#888; margin-top:3px; float:left; }
.blog .facebookshare{ background:#3b5998; color:#fff; font-family:'Open Sans', sans-serif; float:right; margin-right:5px; border-radius:2px; padding:2px 5px; }
.blog .twittershare{ background:#1da1f2; color:#fff; font-family:'Open Sans', sans-serif; float:right; border-radius:2px; padding:2px 5px; }
.blog .facebookshare:hover, .blog .twittershare:hover{ opacity:0.8; }
.blog .firstp{ padding: 0 200px 45px 0; font-weight: 600; font-size:16px; color:#000; line-height:27px !important; }
.blog a{ color:#0a8de9; font-weight: 600; text-decoration: underline; }
.blog a:hover{ color:#0f77e2; text-decoration: none; }
.blog p{ font-size:16px; line-height:27px !important; color:#000; }
.blog strong{ font-weight:700; color:#222; }
.blog h2{ font-size:22px; font-family:'Open Sans', sans-serif !important; margin:28px 0px 12px; color:#222 !important; font-weight:700 !important; }
.blog h3{ font-size:20px !important; font-family:'Open Sans', sans-serif !important; margin:24px 0px 12px; color:#333 !important; font-weight:600 !important; }
.blog h4{ font-size:18px !important; font-family:'Open Sans', sans-serif !important; margin:20px 0px 12px; color:#444 !important; font-weight:400 !important; }
.blog img{ max-width: 100%; margin:10px 0 0 0;}
.blog .singleblogimg{ width:30%; float:right; }
.blog .singleblogimg img{ width:100%; height:auto; margin:0px 0px 10px 10px; }
.blog .singleblogdelen{ padding:10px 0px; border-top:1px solid #efefef; margin:25px 0px 10px; }
.blog ul li{ font-family:Arial; font-size:14px; line-height:22px; color:#555; }
.clear{ clear:both; }
@media(max-width:768px){
.blog{ padding:25px 25px; }
.blog .firstp{ padding-right: 0; }
.blog .facebookshare, .blog .twittershare{ float:left; margin-top:5px; }
.blog .twittershare{ margin-right:5px; }
.blog .singleblogimg{ width:100%; float:left; }
.blog .singleblogimg img{ margin:0px 0px 15px 0px; }
}
.blog table{
margin-top:15px;
}
.blog table th,.blog table td{
border:1px #efefef solid;
padding: 10px;
text-align: left;
vertical-align: middle;
}
.checklist{
font-size:16px;
margin:5px 0 25px;
color:#777;
}
/* Relevant Coupons */
#relevant{
margin-left:10px;
}
.relevante .coupon.special img {
width: 30% !important;
border: 0px !important;
border-radius: 3px !important;
}
.relevante .coupon.special .coupontitle a {
color: #404040 !important;
font-size: 18px !important;
line-height: 18px !important;
font-weight:500 !important;
font-family:'Open Sans', sans-serif !important;
margin-bottom: 15px;
margin-top: 15px;
padding: 0px 10px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2; /* number of lines to show */
max-height: 36px; /* fallback */
min-height:36px;
border:none !important;
}
/* Mobile Fix */
@media(max-width: 768px){
.relevante .coupon.special img {
width: 70% !important;
border: 0px !important;
border-radius: 3px !important;
}
}
/* Pagination */
.page-numbers.current {
font-family: 'Open Sans', sans-serif;
font-size: 18px;
border-radius: 2px;
box-shadow:0px 2px #e9e9ef;
background: #fff;
padding: 5px 15px;
}
a.page-numbers {
font-family: 'Open Sans', sans-serif;
font-size: 18px;
border-radius: 2px;
box-shadow:0px 2px #e9e9ef;
background: #fff;
padding: 5px 15px;
text-decoration: none;
color: #999;
}
a:hover.page-numbers {
background: #202020;
color: #fff;
text-decoration: none;
}
.sinterklaasinfo{
padding:25px 10px 0px 0px !important;
font-size:9px !important;
}
.reasons{
margin:10px 0 15px -37px ;
list-style-position:outside !important;
list-style-type: none !important;
}
.reasons li {
padding:8px 0 3px 10px;
font-weight:500;
list-style-type: none !important;
color:#282b40;
font-size:13px !important;
}
.reasons li:before {
content: "\f00c"; /* FontAwesome Unicode */
font-family: FontAwesome;
display: inline-block;
margin-left: -10px; /* same as padding-left set on li */
width: 15px; /* same as padding-left set on li */
color:#67b07a !important;
font-weight:300 !important;
font-size:10px !important;
padding-top:-2px !important;
}
.reasons li i{
font-weight:300 !important;
}
/* The Overlay (background) */
.overlay {
/* Height & width depends on how you want to reveal the overlay (see JS below) */
height: 100%;
width: 0;
position: fixed; /* Stay in place */
z-index: 2; /* Sit on top */
left: 0;
top: 0;
background-color: #fff; /* Black fallback color */
background-color: #fff; /* Black w/opacity */
overflow-x: hidden; /* Disable horizontal scroll */
transition: 0.5s; /* 0.5 second transition effect to slide in or slide down the overlay (height or width, depending on reveal) */
font-family: 'Vitesse Black', sans-serif !important;
}
/* Position the content inside the overlay */
.overlay-content {
position: relative;
top: 5%; /* 25% from the top */
width: 100%; /* 100% width */
text-align: left; /* Centered text/links */
margin-top: 10px; /* 30px top margin to avoid conflict with the close button on smaller screens */
}
.overlay-content #webshops li a{ font-size:18px; }
.overlay-content #webshops .ontdek{ font-family:'Open Sans', sans-serif; padding:0; }
/* The navigation links inside the overlay */
.overlay a {
padding: 8px;
text-decoration: none;
font-size: 25px;
font-weight: 700;
color: rgba(0,0,0,0.45);
display: block; /* Display block instead of inline */
transition: 0.3s; /* Transition effects on hover (color) */
}
/* When you mouse over the navigation links, change their color */
.overlay a:hover, .overlay a:focus {
color: #0172bc;
}
.overlay ul{
list-style-type: none;
padding:0;
color:#fff;
font-size:14px;
line-height: 15px;
}
/* Position the close button (top right corner) */
.overlay .closebtn {
position: absolute;
top: 5px;
right: 12px;
font-size: 40px;
color: rgba(0,0,0,0.3);
}
/* When the height of the screen is less than 450 pixels, change the font-size of the links and position the close button again, so they don't overlap */
@media screen and (max-height: 450px) {
.overlay a {font-size: 20px}
.overlay .closebtn {
font-size: 40px;
top: 5px;
right: 12px;
}
}
/*** Nieuwsblad CSS ***/
/* Header */
.header.content{ padding:5px 0 10px 5px; }
.page-wrapper{ padding-top: 5px !important; }
.page-header.type1 .logo{height:40px;float:initial !important;margin:30px 0 !important; }
.page-header.type1 .custom-block{ display:none; }
.navigation{ display: block !important; margin: 15px 0 0 5px; }
/* mobile menu */
.nav-toggle:before{color:#f90}
.page-header.type1 .logo{height:40px;float:left;margin:10px 0}
.page-header.type1 .logo img{max-width:100%;max-height:100%;width:auto}
.nav-toggle{display:none}
.nav-sections{-webkit-flex-shrink:0;flex-shrink:0;-webkit-flex-basis:auto;flex-basis:auto; display: inline-block; }
.nav-sections-item-title{display:none}
.nav-sections-item-content{display:block !important}
.nav-sections-item-content>*{display:none}
.nav-sections-item-content>.navigation{display:block;z-index:5}
.navigation{background:0 0;font-size:12px;font-weight:700;height:inherit;left:auto;overflow:inherit;padding:0;position:relative;top:0;width:100%;z-index:3; font-family: "Vitesse Black", sans-serif !important; }
.navigation:empty{display:none}.navigation ul{margin-top:0;margin-bottom:0;padding:0;position:relative}
.navigation li.level0{border-top:none}
.navigation li.level1{position:relative}
.navigation .level0{margin:0 9px 0 0;display:inline-block;position:relative}
.navigation .ui-menu-item a{font-family: "Vitesse Black", sans-serif !important; }
/*VWO*/
.navigation ul span, .navigation ul a {font-size:18px!important;text-transform: none;}
.navigation ul li { margin:5px 25px 10px 0 !important; }
.navigation ul li a{font-family: 'Vitesse black'!important; color:#333 !important; padding:2px 3px; }
.page-header.type1 .navigation li a:hover{color: #fff !important;background-color: #ffb300 !important; text-decoration: none !important; }
.page-header .navigation ul li.level0:hover {border-bottom:0;}
@media(max-width: 768px){
.action-primary:focus,.action-primary:active{background:#f77a00;border:0;border-bottom:4px solid #f77a00;color:#fff}
.action-primary:hover{background:#f77a00;border:0;border-bottom:4px solid #f77a00;color:#fff}.action-primary.disabled,.action-primary[disabled],fieldset[disabled] .action-primary{opacity:.5;cursor:default;pointer-events:none}.abs-discount-block .actions-toolbar .action.primary,.abs-discount-block .actions-toolbar .action.cancel{border-radius:3px}.abs-action-link-button:focus,.abs-action-link-button:active{background:#e1e1e1;border:0;border-bottom:1px solid #ccc;color:#333}.abs-action-link-button:hover{background:#e1e1e1;border:0;border-bottom:1px solid #ccc;color:#333}.abs-action-link-button.disabled,.abs-action-link-button[disabled],fieldset[disabled] .abs-action-link-button{opacity:.5;cursor:default;pointer-events:none}.abs-action-link-button:hover,.abs-action-link-button:active,.abs-action-link-button:focus{text-decoration:none}.abs-action-remove,.abs-discount-block .action.check,.abs-add-fields .action.remove{line-height:1.4;padding:0;color:#007bcd;text-decoration:none;background:0 0;border:0;display:inline;border-radius:0;font-weight:400}.abs-action-button-as-link:visited,.abs-action-remove:visited,.abs-discount-block .action.check:visited,.abs-add-fields .action.remove:visited{color:#007bcd;text-decoration:none}.abs-action-button-as-link:hover,.abs-action-remove:hover,.abs-discount-block .action.check:hover,.abs-add-fields .action.remove:hover{color:#007bcd;text-decoration:underline}.abs-action-button-as-link:active,.abs-action-remove:active,.abs-discount-block .action.check:active,.abs-add-fields .action.remove:active{color:#007bcd;text-decoration:underline}.abs-action-button-as-link:hover,.abs-action-remove:hover,.abs-discount-block .action.check:hover,.abs-add-fields .action.remove:hover{color:#007bcd}.abs-action-button-as-link:hover,.abs-action-button-as-link:active,.abs-action-button-as-link:focus,.abs-action-remove:hover,.abs-action-remove:active,.abs-action-remove:focus,.abs-discount-block .action.check:hover,.abs-discount-block .action.check:active,.abs-discount-block .action.check:focus,.abs-add-fields .action.remove:hover,.abs-add-fields .action.remove:active,.abs-add-fields .action.remove:focus{background:0 0;border:0}.abs-action-button-as-link.disabled,.abs-action-button-as-link[disabled],fieldset[disabled] .abs-action-button-as-link,.abs-action-remove.disabled,.abs-action-remove[disabled],fieldset[disabled] .abs-action-remove,.abs-discount-block .action.check.disabled,.abs-discount-block .action.check[disabled],fieldset[disabled] .abs-discount-block .action.check,.abs-add-fields .action.remove.disabled,.abs-add-fields .action.remove[disabled],fieldset[disabled] .abs-add-fields .action.remove{color:#007bcd;opacity:.5;cursor:default;pointer-events:none;text-decoration:underline}.abs-action-remove:active,.abs-action-remove:not(:focus),.abs-discount-block .action.check:active,.abs-discount-block .action.check:not(:focus),.abs-add-fields .action.remove:active,.abs-add-fields .action.remove:not(:focus){box-shadow:none}.abs-dropdown-simple:before,.abs-dropdown-simple:after{content:'';display:table}.abs-dropdown-simple:after{clear:both}.abs-dropdown-simple .action.toggle{cursor:pointer;display:inline-block;text-decoration:none}.abs-dropdown-simple .action.toggle:after{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:12px;line-height:inherit;color:inherit;content:'\f807';font-family:'porto-icons';margin:0 0 0 5px;vertical-align:middle;display:inline-block;font-weight:400;overflow:hidden;speak:none;text-align:center}.abs-dropdown-simple .action.toggle:hover:after{color:inherit}.abs-dropdown-simple .action.toggle:active:after{color:inherit}.abs-dropdown-simple .action.toggle.active{display:inline-block;text-decoration:none}.abs-dropdown-simple .action.toggle.active:after{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:12px;line-height:inherit;color:inherit;content:'\f804';font-family:'porto-icons';margin:0 0 0 5px;vertical-align:middle;display:inline-block;font-weight:400;overflow:hidden;speak:none;text-align:center}.abs-dropdown-simple .action.toggle.active:hover:after{color:inherit}.abs-dropdown-simple .action.toggle.active:active:after{color:inherit}.abs-dropdown-simple ul.dropdown{margin:0;padding:0;list-style:none none;background:#fff;border:1px solid #bbb;margin-top:4px;min-width:200px;z-index:100;box-sizing:border-box;display:none;position:absolute;top:100%;box-shadow:0 3px 3px rgba(0,0,0,.15)}.abs-dropdown-simple ul.dropdown li{margin:0;padding:5px 5px 5px 23px}.abs-dropdown-simple ul.dropdown li:hover{background:#e8e8e8;cursor:pointer}.abs-dropdown-simple ul.dropdown:before,.abs-dropdown-simple ul.dropdown:after{border-bottom-style:solid;content:'';display:block;height:0;position:absolute;width:0}.abs-dropdown-simple ul.dropdown:before{border:6px solid;border-color:transparent transparent #fff;z-index:99}.abs-dropdown-simple ul.dropdown:after{border:7px solid;border-color:transparent transparent #bbb;z-index:98}.abs-dropdown-simple ul.dropdown:before{left:10px;top:-12px}.abs-dropdown-simple ul.dropdown:after{left:9px;top:-14px}.abs-dropdown-simple.active{overflow:visible}.abs-dropdown-simple.active ul.dropdown{display:block}.abs-remove-button-for-blocks>span{border:0;clip:rect(0,0,0,0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.abs-remove-button-for-blocks:before{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:12px;line-height:15px;color:#999;content:'\f819';font-family:'porto-icons';vertical-align:middle;display:inline-block;font-weight:400;overflow:hidden;speak:none;text-align:center}.abs-remove-button-for-blocks:hover:before{color:#494949}.abs-remove-button-for-blocks:active:before{color:#999}.abs-product-link>a:visited{color:#333;text-decoration:underline}.abs-product-link>a:hover{color:#333;text-decoration:underline}.abs-product-link>a:active{color:#333;text-decoration:underline}.abs-like-link:visited{color:#007bcd;text-decoration:none}.abs-like-link:hover{color:#007bcd;text-decoration:underline}.abs-like-link:active{color:#007bcd;text-decoration:underline}.abs-add-fields .action.remove{width:auto;line-height:normal;position:absolute;top:34px;margin-left:73%}.abs-add-clearfix:before,.abs-add-clearfix:after,.abs-add-fields .fieldset .actions-toolbar:before,.abs-add-fields .fieldset .actions-toolbar:after{content:'';display:table}.abs-add-clearfix:after,.abs-add-fields .fieldset .actions-toolbar:after{clear:both}.abs-field-date .control,.abs-field-tooltip{box-sizing:border-box}.abs-navigation-icon:after{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:34px;line-height:1.2;color:inherit;content:'\f807';font-family:'porto-icons';vertical-align:middle;display:inline-block;font-weight:400;overflow:hidden;speak:none;text-align:center}.abs-split-button:before,.abs-split-button:after{content:'';display:table}.abs-split-button:after{clear:both}.abs-split-button .action.split{float:left;margin:0}.abs-split-button .action.toggle{float:right;margin:0}.abs-split-button button.action.split{border-bottom-right-radius:0;border-top-right-radius:0}.abs-split-button button+.action.toggle{border-bottom-left-radius:0;border-left:0;border-top-left-radius:0}.abs-split-button .action.toggle{display:inline-block;text-decoration:none}.abs-split-button .action.toggle>span{border:0;clip:rect(0,0,0,0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.abs-split-button .action.toggle:after{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:22px;line-height:inherit;color:inherit;content:'\f807';font-family:'porto-icons';margin:0;vertical-align:top;display:inline-block;font-weight:400;overflow:hidden;speak:none;text-align:center}.abs-split-button .action.toggle:hover:after{color:inherit}.abs-split-button .action.toggle:active:after{color:inherit}.abs-split-button .action.toggle.active{display:inline-block;text-decoration:none}.abs-split-button .action.toggle.active>span{border:0;clip:rect(0,0,0,0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.abs-split-button .action.toggle.active:after{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:22px;line-height:inherit;color:inherit;content:'\f804';font-family:'porto-icons';margin:0;vertical-align:top;display:inline-block;font-weight:400;overflow:hidden;speak:none;text-align:center}.abs-split-button .action.toggle.active:hover:after{color:inherit}.abs-split-button .action.toggle.active:active:after{color:inherit}.abs-split-button .items{margin:0;padding:0;list-style:none none;background:#fff;border:1px solid #bbb;margin-top:4px;min-width:100%;z-index:100;box-sizing:border-box;display:none;position:absolute;top:100%;box-shadow:0 3px 3px rgba(0,0,0,.15)}.abs-split-button .items li{margin:0;padding:3px 4.5px}.abs-split-button .items li:hover{background:#e8e8e8;cursor:pointer}.abs-split-button .items:before,.abs-split-button .items:after{border-bottom-style:solid;content:'';display:block;height:0;position:absolute;width:0}.abs-split-button .items:before{border:6px solid;border-color:transparent transparent #fff;z-index:99}.abs-split-button .items:after{border:7px solid;border-color:transparent transparent #bbb;z-index:98}.abs-split-button .items:before{right:10px;top:-12px}.abs-split-button .items:after{right:9px;top:-14px}.abs-split-button.active{overflow:visible}.abs-split-button.active .items{display:block}.abs-actions-addto:before{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:17px;line-height:inherit;color:inherit;font-family:'porto-icons';vertical-align:middle;display:inline-block;font-weight:400;overflow:hidden;speak:none;text-align:center}.abs-cart-block>.title,.abs-discount-block .block>.title{border-top:1px solid #ccc;cursor:pointer;margin-bottom:0;position:relative;padding:9px 36px 9px 15px;display:block;text-decoration:none}.abs-cart-block>.title:after,.abs-discount-block .block>.title:after{position:absolute;right:18px;top:9px}.abs-toggling-title>span,.abs-cart-block>.title>span,.abs-discount-block .block>.title>span{border:0;clip:rect(0,0,0,0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.abs-toggling-title:after,.abs-cart-block>.title:after,.abs-discount-block .block>.title:after{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:12px;line-height:12px;color:inherit;content:'\f807';font-family:'porto-icons';margin:3px 0 0;vertical-align:middle;display:inline-block;font-weight:400;overflow:hidden;speak:none;text-align:center}.abs-discount-block .block{margin:0}.abs-discount-block .block>.title:after{color:#858585}.abs-discount-block .block .content{display:none;padding:5px 15px 23px;position:relative}.abs-cart-block.active>.title:after,.abs-discount-block .block.active>.title:after{content:'\f804'}.abs-discount-block .block.active .content{display:block}.abs-tax-total:after{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:8px;line-height:8px;color:inherit;content:'\f807';font-family:'porto-icons';margin:3px 0 0;vertical-align:middle;display:inline-block;font-weight:400;overflow:hidden;speak:none;text-align:center}.abs-tax-total-expanded:after{content:'\f804'}.abs-dropdown-items-new .action.new{display:inline-block;text-decoration:none}.abs-icon-add:before,.abs-dropdown-items-new .action.new:before{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:10px;line-height:10px;color:inherit;content:'\f881';font-family:'porto-icons';vertical-align:middle;display:inline-block;font-weight:400;overflow:hidden;speak:none;text-align:center}.abs-sidebar-totals .table-caption{display:none}.abs-table-striped>tbody>tr:nth-child(even)>td,.abs-table-striped>tbody>tr:nth-child(even)>th{background:#f6f6f6}.abs-table-striped>thead>tr>th,.abs-table-striped>tbody>tr>th,.abs-table-striped>tfoot>tr>th,.abs-table-striped>thead>tr>td,.abs-table-striped>tbody>tr>td,.abs-table-striped>tfoot>tr>td{border:none}.abs-table-striped>thead>tr>th,.abs-table-striped>thead>tr>td{border-bottom:1px solid #ccc}.abs-field-date input{margin-right:9px;width:calc(100% - (23px + 9px))}.shipping-cost-indication__title{padding-bottom:9px;color:#333;font-weight:300;font-size:2.2rem}.abs-sidebar-totals .totals-tax-summary .amount .price>span{border:0;clip:rect(0,0,0,0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.abs-sidebar-totals .totals-tax-summary .amount .price:after{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:12px;line-height:12px;color:inherit;content:'\f807';font-family:'porto-icons';vertical-align:middle;display:inline-block;font-weight:400;overflow:hidden;speak:none;text-align:center}.abs-sidebar-totals .totals-tax-summary.expanded .amount .price:after{content:'\f804'}.checkout-index-index .ui-datepicker{width:25rem}.ops-retry-payment span.action.nav-toggle{display:none}.ops-retry-payment .page-header .logo{margin-left:0}.ops-retry-payment .page-title{margin-bottom:0}.ops-retry-payment .page.messages{min-height:5rem}.ops-retry-payment .header.content .logo{margin-top:2rem}.ops-retry-payment .header.content .action.cancel{margin:2.5em 0;float:right}.ops-retry-payment .static-information{display:flex;flex-flow:wrap;flex-wrap:wrap}.ops-retry-payment .static-information .block-order-details-view .block-title strong{font-size:2.4rem;font-weight:300}.ops-retry-payment .static-information .block-order-details-view .block-content{display:flex;justify-content:flex-end;flex-wrap:wrap;flex-flow:wrap;align-items:flex-start;padding:20px 0 0}.ops-retry-payment .static-information .block-order-details-view .block-content .box{width:50%;min-width:-moz-fit-content;min-width:-webkit-fit-content;min-width:fit-content}.ops-retry-payment .static-information .block-order-details-view .block-content .box .box-title{font-weight:800}.ops-retry-payment .static-information .order-details-items{flex:2}.ops-retry-payment .static-information .order-details-items .order-title{display:block}.ops-retry-payment .static-information .block-retry-payments .checkout-payment-method{display:block;list-style:none}#ops_placeform_iframe{width:100%;min-height:650px;border:none}fieldset.ops-form-list.ops-card{border:none}fieldset.ops-form-list.ops-card input[type=radio]{display:none}fieldset.ops-form-list.ops-card input[type=radio]+label.alias_label{display:block;cursor:pointer;border:1px solid #636363;padding:5px 5px 27px;margin:5px;background-color:#fff;vertical-align:top;width:auto;float:none}fieldset.ops-form-list.ops-card input[type=radio]+label.alias_label ul{list-style:none}fieldset.ops-form-list.ops-card input[type=radio]+label.alias_label.selected{background-color:#f4f4f4}img.ops-payment-logo-hidden{display:none}img.ops-payment-logo-left{height:20px;padding-right:10px}img.ops-payment-logo-left.brand-logo{width:45px;height:auto;vertical-align:middle}img.ops-payment-logo-right{height:20px;float:right}.ops_htp_loader{padding:10px 0}.payment-method .field{padding-bottom:10px}.opc-payment #gender{display:block;width:50%}.opc-payment #dob{width:50%}
.sw-megamenu.navigation.side-megamenu{display:none}
.sw-megamenu.navigation .submenu.level0{height:0;visibility:hidden}.sw-megamenu.navigation .submenu.level0.opened{visibility:visible;height:auto}.sw-megamenu.navigation li.level0.staticwidth>.submenu{width:auto !important}.sw-megamenu.navigation li.level0.fullwidth .menu-top-block,.sw-megamenu.navigation li.level0.staticwidth .menu-top-block,.sw-megamenu.navigation li.level0.fullwidth .menu-right-block,.sw-megamenu.navigation li.level0.staticwidth .menu-right-block,.sw-megamenu.navigation li.level0.fullwidth .menu-left-block,.sw-megamenu.navigation li.level0.staticwidth .menu-left-block,.sw-megamenu.navigation li.level0.fullwidth .menu-bottom-block,.sw-megamenu.navigation li.level0.staticwidth .menu-bottom-block{display:none}.sw-megamenu.navigation li.level0 .menu-thumb-img{display:none}.sw-megamenu.navigation li.ui-menu-item{position:relative}.sw-megamenu.navigation li.ui-menu-item>a{position:relative}.sw-megamenu.navigation li.ui-menu-item>.open-children-toggle{display:block;position:absolute;width:42px;height:42px;right:0;top:0;z-index:1;cursor:pointer}.sw-megamenu.navigation span.cat-label{top:50%;right:36px;margin-top:-7px;position:absolute;text-transform:uppercase;font:inherit;font-size:9px;padding:2px;border-radius:2px;line-height:1;color:#fff}.sw-megamenu.navigation span.cat-label:before{content:"";position:absolute;width:3px;height:3px;border:3px solid transparent;left:-6px;bottom:3px}.sw-megamenu.navigation span.cat-label.cat-label-label1{background-color:#0cc485}.sw-megamenu.navigation span.cat-label.cat-label-label1:before{border-right-color:#0cc485}.sw-megamenu.navigation span.cat-label.cat-label-label2{background-color:#eb2771}.sw-megamenu.navigation span.cat-label.cat-label-label2:before{border-right-color:#eb2771}.sw-megamenu.navigation span.cat-label.cat-label-label3{background-color:#0ae3eb}.sw-megamenu.navigation span.cat-label.cat-label-label3:before{border-right-color:#0ae3eb}.my-credit-cards .table:not(.totals):not(.cart):not(.table-comparison) .status{display:none}.my-credit-cards .table:not(.totals):not(.cart):not(.table-comparison) .status:before{display:none}.my-credit-cards .table:not(.totals):not(.cart):not(.table-comparison) .status._default{display:block}.my-credit-cards .card-type img{vertical-align:middle}.block-cart-failed .block-title{margin:0 18px 18px}
.catalog-product-view .column.main{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.catalog-product-view .product.media{-ms-flex-order:-1;-webkit-order:-1;order:-1}.compare.wrapper,[class*=block-compare]{display:none}.sticky-product{padding:5px 15px}.sticky-product .sticky-detail{display:none}.mobile-sticky .sticky-product{padding:70px 15px 5px}.cart-container .form-cart .actions.main{text-align:center}.cart-discount{border-bottom:1px solid #ccc}.cart.table-wrapper{border-top:1px solid #ccc}.cart.table-wrapper thead .col.item,.cart.table-wrapper thead .col.qty,.cart.table-wrapper thead .col.price,.cart.table-wrapper thead .col.subtotal,.cart.table-wrapper thead .col.msrp{display:none}.cart.table-wrapper .col.qty,.cart.table-wrapper .col.price,.cart.table-wrapper .col.subtotal,.cart.table-wrapper .col.msrp{box-sizing:border-box;display:block;float:left;white-space:nowrap;width:33%}.cart.table-wrapper .col.qty:before,.cart.table-wrapper .col.price:before,.cart.table-wrapper .col.subtotal:before,.cart.table-wrapper .col.msrp:before{content:attr(data-th);display:block;font-weight:600;padding-bottom:10px}.cart.table-wrapper .col.msrp{white-space:normal}.cart.table-wrapper .item .col.item{padding-bottom:0}.cart.table-wrapper tbody>tr>td:last-child{border:0}.cart-totals{padding-left:15px;padding-right:15px}.cart-totals .table-wrapper{border-top:0}.cart-totals .totals tbody>tr:not(:last-child)>td:last-child{border:0}.checkout-index-index .page-header .minicart-wrapper{display:none}.page-header.type5 .block-search .label{margin-right:0}.checkout-index-index .modal-popup .modal-footer .action-save-address{width:100%}.checkout-index-index .modal-popup .modal-footer .action-hide-popup{margin-top:18px}.checkout-payment-method .payment-methods{margin:0 -15px}.checkout-payment-method .payment-method-title{padding:15px}.checkout-payment-method .payment-method-content{padding:0 15px 18px}.checkout-payment-method .payment-method-billing-address .action-cancel{margin-top:9px}.checkout-payment-method .payment-option{margin:0 -15px}.checkout-payment-method .payment-option .payment-option-title{padding:15px}.checkout-payment-method .payment-option .payment-option-content{padding:0 15px 18px}.login-container{padding-bottom:35px}.login-container .fieldset:after{text-align:center}.account .page.messages{margin-bottom:36px}.account .column.main .block:not(.widget) .block-title>.action{float:right;margin-top:4.5px}.account .column.main .block:not(.widget) .block-content .box{margin-bottom:18px}.account .column.main .block:not(.widget) .block-content .box:last-child{margin-bottom:0}.control.captcha-image .captcha-img{display:block;margin-bottom:9px}.customer-account-index .page-title-wrapper{position:relative}.cart-discount .giftcard .content{padding-bottom:35px}.cart-discount .actions-toolbar .secondary{bottom:17px}.field.open-amount{width:100%}.gift-message .actions-toolbar .action-update{font-size:2rem;padding:15px;width:100%}.gift-item-block{border-bottom:0;border-top:1px solid #c1c1c1}.gift-item-block .title:after{font-size:1.2rem;position:absolute;right:20px;top:10px}.gift-item-block .content{padding-left:1.5rem;padding-right:1.5rem}.gift-message-summary{padding-right:7rem}.cart.table-wrapper .action-gift{display:inline-block;text-decoration:none}.cart.table-wrapper .action-gift>span{border:0;clip:rect(0,0,0,0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.cart.table-wrapper .action-gift:after{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:18px;line-height:20px;color:#f90;content:'\f880';font-family:'porto-icons';vertical-align:middle;display:inline-block;font-weight:400;overflow:hidden;speak:none;text-align:center}.cart.table-wrapper .action-gift:hover:after{color:#333}.cart.table-wrapper .action-gift:active:after{color:#f90}.cart.table-wrapper .action-gift._active{border:1px solid #c1c1c1;border-bottom-color:#fff;margin:-4.5px 14px -1px -15px;padding:4px 9px 9px 14px}.cart.table-wrapper .action-gift._active:after{color:#333}.cart.table-wrapper .gift-content{border-top:1px solid #c1c1c1;margin-right:-15px;padding-left:15px;padding-right:15px;overflow:hidden}.gift-options-cart-item+.action-towishlist{left:43px;position:absolute}.cart.table-wrapper .action-giftregistry{display:inline-block;text-decoration:none}.cart.table-wrapper .action-giftregistry>span{border:0;clip:rect(0,0,0,0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.cart.table-wrapper .action-giftregistry:before{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:18px;line-height:20px;color:#f90;content:'\e62b';font-family:'porto-icons';vertical-align:middle;display:inline-block;font-weight:400;overflow:hidden;speak:none;text-align:center}.cart.table-wrapper .action-giftregistry:hover:before{color:#333}.cart.table-wrapper .action-giftregistry:active:before{color:#f90}.gift-wrapping{border-bottom:1px solid #c1c1c1;margin-bottom:18px;padding-bottom:9px}.gift-wrapping-list{width:100%}.gift-wrapping-summary+.gift-message-summary{padding-right:0}.gift-options-cart-item{float:left}.gift-wrapping-preview img{width:100%}.item-actions .actions-toolbar .gift-options .gift-wrapping,.item-actions .actions-toolbar .gift-options .gift-message{display:block}.table-wrapper.grouped{margin-left:-15px;margin-right:-15px}.map-popup{max-width:100%}.map-old-price,.map-show-info{display:inline-block}.map-old-price:not(:last-child),.map-show-info:not(:last-child){margin-bottom:9px}.block-wishlist-management{clear:both;margin-top:-21px}.block-wishlist-management .wishlist-select{margin:0 -15px 20px}.block-wishlist-management .wishlist-select .wishlist-name{font-size:1.6rem}.block-wishlist-management .wishlist-select-items{border-bottom:1px solid #ccc;background:#fff;display:none;padding:15px 0}.block-wishlist-management .wishlist-select-items.active{display:block}.block-wishlist-management .wishlist-select-items .item{margin:3px 0 0}.block-wishlist-management .wishlist-select-items .item:first-child{margin-top:0}.block-wishlist-management .wishlist-select-items .item.current{display:none}.block-wishlist-management .wishlist-select-items .item a{color:#333;display:block;padding:4.5px 18px;text-decoration:none}.block-wishlist-management .wishlist-select-items .item a:hover{background:#f90}.block-wishlist-management .wishlist-title strong{font-size:2.6rem}.block-wishlist-management .wishlist-info{margin-bottom:15px}.block-wishlist-management .wishlist-toolbar-select,.block-wishlist-management .wishlist-toolbar-actions{margin-bottom:15px}.products-grid.wishlist .product-item-checkbox{left:20px;position:absolute;top:20px}.page-multiple-wishlist .products-grid.wishlist .product-item-photo{margin-left:22.5px}.page-multiple-wishlist .products-grid.wishlist .product-item-name,.page-multiple-wishlist .products-grid.wishlist .product-item-description,.page-multiple-wishlist .products-grid.wishlist .product-item .price-box,.page-multiple-wishlist .products-grid.wishlist .product-item-tooltip{margin-left:115px}.products-grid.wishlist .wishlist-dropdown{display:none}
.multishipping-checkout-success .nav-toggle{display:block}.multishipping-checkout-success .logo{margin-left:36px}.block-collapsible-nav{left:0;position:absolute;top:0;width:100%;z-index:5;background-color:#fff}.block-collapsible-nav .content{border-bottom:1px solid #ccc;display:none}.block-collapsible-nav .content.active{display:block}.block-collapsible-nav .item{padding:0 15px}
.page-header.type1 .logo{height:40px;float:left;margin:10px 0}
.page-header.type1 .logo img{max-width:100%;max-height:100%;width:auto}
.page-header.type1 .block-search .label{float:right;margin:10px 0;line-height:40px;margin-right:15px}
.page-header.type1 .custom-block{display:none}
}
/* Footer */
.spacing{
width:100%;
height:100px;
}
footer{
position: absolute;
right: 0;
bottom: 0;
left: 0;
width:100%;
}
.footer .nbshoplink{
float:right;
font-size:13px;
padding-right: 5px;
}
.footer .nbshoplink a{
color:rgba(255,255,255,0.55);
}
.footer ul{list-style:none;margin:0;padding:0;}
.footer li{margin:0;}
.footer i{ color:#000 !important; }
.footer h4{ font-family: "Vitesse Black", sans-serif !important; }
.footer-bottom{min-height:50px;line-height:40px;background-color:#1c1c1c;padding:25px 0;}
.footer-bottom .logo{margin:0;margin-right:45px;float:left;}
footer .footer-content h4{margin-bottom:10px;}
@media only screen and (max-width:767px){
.footer-bottom>.container>*{float:none!important;line-height:35px!important;}
footer .footer-content{margin:0 25px;}
footer .footer-bottom{text-align:center;padding:9px 0;}
footer .footer-bottom img{max-width:144px!important;}
footer .payment-methods img{margin-right:15px;}
}
@media all and (min-width:768px) and (max-width:992px){
footer .container{width:100%;}
footer .payment-methods img{margin-right:0;}
}
footer .payment-methods{margin-bottom:10px;}
footer .fa{font-size:16px;position:relative;top:2px;}
footer .footer-bottom .logo{float:none;}
footer .footer-bottom img{max-width:250px;}
footer .footer-bottom{padding:14px 0!important;}
footer .payment-methods{margin-bottom:10px;}
footer .fa{font-size:16px;position:relative;top:2px;}
footer .footer-bottom .logo{float:none;}
footer .footer-bottom img{max-width:250px;}
@media screen and (min-width: 768px){
@media all and (min-width:768px),print{
.logo img{max-height:inherit;}
.footer-spacer{display:none;}
footer .payment-methods img{margin-right:15px;}
footer .footer-bottom{padding:14px 0;}
footer .footer-bottom img{max-width:174px!important;}
}
}
@media all and (min-width:768px) and (max-width:992px){
footer .container{width:100%;}
footer .payment-methods img{margin-right:0;}
}
.logo img{max-width:none;width:auto;}
footer .payment-methods{margin-bottom:10px;}
footer .fa{font-size:16px;position:relative;top:2px;}
footer .footer-bottom .logo{float:none;}
footer .footer-bottom img{max-width:250px;