/* 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