/*
Theme Name: Couchepromo
*/
body, html{ margin:0; font-family: 'Quicksand', sans-serif !important; }
body{ background: #fff; }
/* 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; padding:0; }
/* General */
.container{ width: 1140px !important; }
@media(max-width: 768px){
.container{ padding:0 15px !important; width: 100% !important; }
}
a{ color:#69a4e3; }
a:hover{ text-decoration: none; color:#5195dd; }
@font-face {
font-family: "proxima-soft";
src: url("proxima-soft.ttf");
}
h1{ font-weight: 600; font-size:25px; margin:10px 0 15px; color:#4ea5a3; }
h3{ font-size:18px; font-family: 'Quicksand', sans-serif; }
/* Contact */
.contact i{ color: #43908e; margin-right:4px; }
/* Header */
.usp{
padding:7px 0 15px;
font-size:13px;
width:100%;
background:#fff;
margin:35px 0 -45px;
}
.site-content{
padding:0px 0px 0px 0px !important;
}
.site-header {
background: #fff;
position: relative;
color: #202020;
font-size:16px;
}
@media(max-width: 768px){
.site-header {
padding:0;
}
}
.logo{
color: rgba(0,0,0,0.35);
font-size:18px !important;
font-weight:700;
padding:15px 0px 15px 0px;
}
.logo img{
width:185px;
}
.beta{
display:inline-block;
margin:0 0 0 5px !important;
font-size:15px;
}
.site-header a{
color: #444;
font-weight:600;
}
.site-header a:hover{
color: #f1a94e;
text-decoration:none;
}
.search{ padding:14px 0 0 0; }
.searchtitle{ margin:20px 0 20px; font-size:18px; font-weight: 700; color:#777; }
.search input[type="text"]{
width:60% !important; float:left; height:35px;
background-image:url(assets/images/search.png);
background-repeat: no-repeat;
background-position: 95% 50%;
background-size: 15px 15px;
padding:14px 15px 15px 15px;
font-size:16px;
border-radius: 22px;
float:left;
border:0px solid #efefef;
font-family:'Quicksand', sans-serif !important;
color:#888;
font-weight: 700;
}
.search button{
float:left; height:40px;
background:#e17b1b;
padding:0 12px !important;
font-size:16px;
-webkit-border-radius: 2px;
-webkit-border-top-left-radius: 0px;
-webkit-border-bottom-left-radius: 0px;
-moz-border-radius: 2px;
-moz-border-radius-topleft: 0px;
-moz-border-radius-bottomleft: 0px;
border-radius: 2px;
border-top-left-radius: 0px;
border-bottom-left-radius: 0px;
box-shadow: none !important;
border: 0 !important;
box-shadow: none !important;
color:#fff;
}
.search button:hover{
background:#8e3e51;
}
@media(max-width: 768px){
.logo{
padding:20px 0px 15px 0px;
}
.beta{
font-size:11px;
margin:0 0 0 2px !important;
}
.search{ padding:10px 0 0px 0; }
.search input[type="text"]{
width:100% !important; float:left; height:40px;
}
.search input[type="submit"]{
float:left; height:40px; background:#999; padding:0 7px !important;
}
}
/** Nav **/
.menu{ margin:12px 0 0 0; float:right; }
.menu a{ color:#999; padding:0 30px 0 0; font-size:15px; }
.menu a:hover{ color:#27928e; }
.mobilenav{
color:#999;
font-size:22px;
float:right;
margin:5px 12px 0 5px;
font-weight: 300;
}
.dropdown{
margin:0 25px 0 10px;
float:left;
}
.dropdown-toggle:hover{
color:#43abd6;
}
.dropdown-toggle{
background:none;
border:none;
font-weight: 600;
color:#999;
font-size: 15px;
}
.dropdown-toggle i{
font-size: 13px;
}
.dropdown-menu{
font-size:15px;
padding:10px 4px;
margin:17px 0 0 0 !important;
border: 0px solid #efefef;
border-radius: 0 !important;
line-height: 25px;
width:200px;
}
.dropdown-menu li{
padding:0 20px 0 0 !important;
margin:0 !important;
}
.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 a{
color:#888 !important;
font-weight: 700 !important;
}
.dropdown-menu a:hover{
text-decoration: none;
color:#299075 !important;
background:none !important;
}
.ontdek{
color:#014c5d !important;
}
.navbar-nav {
color: rgba(255,255,255,0.8);
padding: 0px;
margin: 0px 0px 0px 0px;
}
.navbar-nav a {
color: rgba(0,0,0,0.5);
font-family: 'Quicksand', sans-serif;
font-size: 14px;
font-weight:700;
}
.navbar-nav .current-menu-item a {
color:#202020 !important;
font-weight:700;
}
.navbar-nav a:hover{
color: rgba(0,0,0,0.7);
}
.navbar-nav li {
padding-left:2px;
}
/** Mobile Nav **/
.navbar-toggle {
padding-top:2px;
border:none !important;
margin:-6px 0 0 0;
}
.navbar-toggle:hover,.navbar-toggle.collapsed {
border:none !important;
}
.icon-bar{
background: #888;
}
@media (max-width: 768px) {
.navbar-nav{
padding: 0px;
margin: 5px 0px 10px 0px;
width:100%;
}
.navbar-nav a {
font-family: 'Quicksand', sans-serif;
font-size: 15px;
font-weight: 600;
text-transform: uppercase;
}
.navbar-nav li:first-of-type {
border-top:#efefef 1px solid;
}
.navbar-nav li {
border-bottom:#efefef 1px solid;
padding:4px 0 3px;
}
}
.account{ padding:0 0 0 0; color:rgba(255,255,255,0.15); font-weight: 300; }
.account .user{ border:0px solid rgba(255,255,255,0.3); margin:13px 0 0 0; float:right; }
.account .username{ color:rgba(255,255,255,0.95); font-weight: 600; font-size:12px; }
.account .registerlogin{ padding:0px 0 0 0; margin:-5px 0 0 0; }
.account a{ color:rgba(255,255,255,0.80); font-size:14px; font-weight: 500; }
.account a:hover{ color:#fff; }
.account .user .avatar{ width:30px !important; margin:5px 0 0 0; border-radius: 4px; }
.account .accountmobile{ width:30px !important; margin:15px 5px 0 0; border-radius: 4px; float: right; }
@media(max-width: 768px){
.account .registerlogin{ padding:0 0 3px 9px; }
}
.popover{
font-family: 'Quicksand', sans-serif !important;
box-shadow: 0 2px rgba(0,0,0,0.1) !important;
margin:15px 0 0 0 !important;
border:0px solid #efefef !important;
padding:5px 10px !important;
border-radius: 2px !important;
top:72px !important;
font-size: 15px !important;
}
.popover i{
font-size:11px !important;
margin:-2px 4px 0 -2px !important;
color:#444 !important;
}
.popover a{
font-weight: 700 !important;
color:#999 !important;
}
.popover a:hover{
color:#608fe2 !important;
}
.popover .item{
width:100% !important;
border-bottom:1px solid #efefef !important;
padding:3px 10px !important;
}
.popover hr{
margin:10px 0 10px -23px !important;
width:136% !important;
}
.popover .logout{
color:#ff7700 !important;
}
.popover .fas.fa-sign-out-alt{
color:#ff7700 !important;
}
#subheaderhome{ background: #92d3ee url(/wp-content/themes/couchepromo/assets/images/headerbg10.jpg) bottom center !important;
height:340px; padding:0 !important;
}
#subheaderbrand{ background: #92d3ee url(/wp-content/themes/couchepromo/assets/images/headerbg10.jpg) top center !important;
height:150px; padding:0 !important;
margin:-15px 0 0 0;
}
#subheaderbrand .intro{
width:100%;
margin:0 auto;
text-align: left;
margin-top:4%;
opacity: 1 !important;
}
.laselect{ background:#edfaf9; padding:25px 50px; }
.laselect select{ padding:5px 30px 5px 10px; border-radius: 2px; font-weight: 500; color:#4ea5a3; border:1px solid #4ea5a3;
line-height: 1;
height: 34px;
background: url(/wp-content/themes/couchepromo/assets/images/carret_down_hover.png) no-repeat right #fff;
-webkit-appearance: none;
}
.laselect select:hover {
background: url(/wp-content/themes/couchepromo/assets/images/carret_down.png) no-repeat right #fff;
color:rgba(0,0,0,0.6);
border:1px solid rgba(0,0,0,0.6);
}
.laselect #go{ padding:7px 15px; background:#4ea5a3; border:none; border-radius: 2px; color:#fff; font-weight: 500; }
.laselect #go:hover{ background:rgba(0,0,0,0.6); }
.laselect.home{ background:none; padding:0; }
.laselect.home select{ padding:10px 40px 10px 10px; border-radius: 2px; font-size: 16px; font-weight: 600; color:#79b6d0; border:2px solid #79b6d0;
line-height: 1;
height: 50px;
background: url(/wp-content/themes/couchepromo/assets/images/carret_down_hover.png) no-repeat right #fff;
-webkit-appearance: none;
}
.laselect.home select:hover {
background: url(/wp-content/themes/couchepromo/assets/images/carret_down.png) no-repeat right #fff;
color:rgba(0,0,0,0.6);
border:2px solid rgba(0,0,0,0.6);
}
.laselect.home #go{ padding:13px 35px; background:rgba(253,182,50,1); font-weight: 600; font-size:16px; }
.laselect.home #go:hover{ background:rgba(250,156,48,1); }
@media(max-width: 768px){
.laselect select{ width: 100%; }
.laselect #go{ width: 100%; }
}
#subheader{ padding:5px 0 10px 0; font-size:11px; color:rgba(255, 255, 255, 0.85); background:#dbf4f3; }
#subheader i{ color:rgba(255, 255, 255, 0.7); padding:0 3px; font-size:9px; }
#subheader a{ color:rgba(255, 255, 255, 0.85); }
#subheader a:hover{ color:rgba(255, 255, 255, 0.95); }
.headerbg{
height:150px;
}
.themabg{
background:url(/wp-content/themes/theme-daguitjes/assets/images/bg_header.png) center center;
height:120px;
}
.homebg{
background:url(/wp-content/themes/theme-daguitjes/assets/images/bg_header.png) center center;
background-size:100%;
height:450px !important;
}
.standardbg{
background:url(/wp-content/themes/theme-daguitjes/assets/images/bg_header.png) center center;
background-position: 50% 67%;
}
/* Homepage */
.homepage{
padding:0 0 35px 0;
background: url(assets/images/headerbg4.png) top center no-repeat;
}
.homepage h2{
margin:65px 0 28px 0px;
font-weight:600;
color:#3a3b2c;
font-size:20px;
}
.homepage h3{
margin:65px 0 28px 0px;
font-weight:600;
color:rgba(255,255,255,0.7);
font-size:18px;
}
.homepage .newprice{
color:#86ae0a !important;
font-weight:600 !important;
}
.homepage .content{
border-radius: 5px;
background:#fff !important;
}
.sizenavigation{
margin:15px 0 0 0;
line-height: 30px;
background:rgba(255,255,255,0.75);
box-shadow: 0 1px rgba(0,0,0,0.07);
padding:22px 15px;
border-radius: 3px;
text-align: center;
}
.sizenavigation .pampers{
background:none;
color:#666;
font-weight: 900;
padding:0;
border:none;
}
.sizenavigation .pampers:hover{
background:none;
color:#333;
padding:0;
}
.sizenavigation a{
padding:3px 8px;
background:rgba(255,255,255,0.55);
border:1px solid rgba(0,0,0,0.1);
color:#777;
border-radius: 8px;
}
.sizenavigation a:hover{
background:#fff;
color:#666;
text-decoration: none;
}
.sizenavigation.two{
margin:10px 0 0 0;
line-height: 30px;
background:none;
box-shadow: none;
padding:0;
border-radius: 0;
text-align: left;
}
.aanbieding{
min-height: 300px;
}
.aanbieding .info{
font-size:15px;
font-weight: 600;
color:#999;
line-height: 21px;
padding:15px 80px 25px 0;
}
.aanbieding .info strong{ color:#888; }
.aanbieding h2{
font-weight: 700;
color:#777;
font-size: 19px;
margin:15px 0 25px;
}
.intro{
width:100%;
margin:0 auto;
text-align: left;
margin-top:6%;
opacity: 1 !important;
}
.intro .form-group select{
display: inline; width:33%; border:rgba(0,0,0,0.3); height:50px;
}
.ctahome { padding:25px 0; }
.ctahome a{ font-weight:700; font-size:14px; text-decoration: underline; }
.intro #searchform{
width:500px;
margin:0 auto !important;
text-align: center;
opacity: 1 !important;
}
.intro h1{
font-weight:300;
font-size:45px;
line-height:45px;
color:#fff;
font-family:'Quicksand', sans-serif !important;
margin:0 0 35px 0 !important;
opacity: 1 !important;
}
.intro input[type=text]{
background-image:url(assets/images/search.png);
background-repeat: no-repeat;
background-position: 95% 50%;
background-size: 15px 15px;
padding:12px 15px 15px 20px;
font-size:16px;
border-radius: 22px;
width:100%;
float:left;
border:0px solid #efefef;
font-family:'Quicksand', sans-serif !important;
color:#888;
font-weight: 700;
}
.intro input[type=submit]{
padding:15px 10px;
font-size:16px;
width:30%;
color:#fff;
float:left;
font-weight:500;
background:#8cc495;
margin-left:-5px;
-webkit-border-top-right-radius: 3px !important;
-webkit-border-bottom-right-radius: 3px !important;
-moz-border-radius-topright: 3px !important;
-moz-border-radius-bottomright: 3px !important;
border-top-right-radius: 3px !important;
border-bottom-right-radius: 3px !important;
border-top-left-radius: 0px !important;
border-bottom-left-radius: 0px !important;
box-shadow: none;
border:none;
font-family:'Quicksand', sans-serif !important;
}
.intro input[type=submit]:hover{
background:#6a7a9a;
}
.usphome{
padding:40px 0;
font-size:17px;
width:100%;
background:#ccf1f0 !important;
margin:22px 0 -40px !important;
border-top:1px solid #bae5e3;
border-bottom:1px solid #72c0e0;
color:rgba(0,0,0,0.5);
}
.usphome i{
color:#1db0a0 !important;
font-size:11px !important;
padding:0 10px 0 0;
}
.homeinfo .col-sm-3{
padding:0 12px;
}
.homeinfo .col-sm-3:first-of-type{
padding:0 12px 0 0;
}
.homeinfo .col-sm-3:last-of-type{
padding:0 0 0 12px;
}
@media(max-width: 768px){
.homepage{
padding:0 0 0 10px !important;
}
.homeinfo{
margin:35px 0 25px;
}
.homeinfo h3{
margin:0 0 7px 0;
}
.homeinfo .col-sm-4{
margin:10px 0 40px;
padding:10px !important;
}
#subheaderhome{
background-size:50%;
height:450px;
opacity: 1;
}
#subheaderbrand{ background: #92d3ee url(/wp-content/themes/couchepromo/assets/images/headerbg10.jpg) top center !important;
height:220px; padding:0 !important;
}
.intro{
width:95% !important;
margin-top:10% !important;
}
.intro h1{
font-weight:600;
font-size:28px !important;
line-height:30px !important;
color:#fff;
font-family:'Quicksand', sans-serif !important;
margin:0 0 35px 0 !important;
}
.intro #searchform{
width:initial;
margin:0 auto !important;
text-align: center;
}
.intro input[type=text]{
padding:11px 15px 14px 20px !important;
float:none;
}
.intro input[type=submit]{
float:none;
margin-left:0px;
border-radius: 3px;
}
.usphome{
padding:30px 15px;
line-height: 25px;
}
.usphome .col-sm-4{
padding:12px 0;
}
.usphome i{
font-size:20px !important;
padding:0 10px 0 0;
}
.usp{
padding:7px 15px 15px;
}
.aanbieding .info{
padding:15px 0 25px;
}
.intro .form-group select{
display: block; width:80%; margin:0 0 10px;
}
}
/* Home */
/* Categories */
.categories{ font-weight: 700; color:#888; font-size:13px; width:100%; background:#fff; padding:22px 0 ; text-align: center !important; margin:65px 0 -20px 0; }
.categories .category{ text-align: center !important; margin:0 13px; }
.categories img{ width:50px; margin:0 auto 2px; -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */ filter: grayscale(100%); }
.categories img:hover{ -webkit-filter: grayscale(0%); /* Safari 6.0 - 9.0 */ filter: grayscale(0%); }
.categories a:hover{ text-decoration: none; }
@media(max-width: 768px){
.categories .container{ width: 100% !important; }
.categories .category{ margin:5px 0; }
}
/* Not so Homepage */
.homepage .popular{
padding:0 10px;
}
.space{
width:100%;
text-align: left;
padding:18px 0 0;
}
.space a:hover{
text-decoration: none;
}
.discoverall{
color:#44b3c2;;
padding:7px 15px 0 0;
border-radius: 2px;
font-size:15px;
font-weight: 700;
}
.discoverall:hover{
color:#608fe2;
text-decoration: none;
}
.discoverall i{
margin:-4px 0 0 5px;
font-size:10px;
}
/* Mobile Fix */
@media(max-width: 768px){
.homebg{
height:250px !important;
}
.intro{
width:95%;
margin-top:10px;
}
.intro #searchform{
width:100%;
}
.intro h1{
font-size:20px;
line-height:21px;
}
.intro input[type=text]{
padding:10px 10px;
width:80%;
border:1px solid #efefef;
}
.intro input[type=submit]{
width:80%;
box-shadow: none;
}
.daguitjeshomepage .daguitje-wrap-header{
background-size: 100% 145% !important;
height:160px;
}
}
/* Top 100 */
.activity{
font-size:13px;
font-weight: 500;
}
.activity a{
color:#666;
}
.activity a:hover{
color:#333;
text-decoration: none;
}
/* Daguitjes */
/*** Daguitje Single ***/
.daguitjelogo{ width:100%; border-radius:3px; margin-bottom:10px; box-shadow:0px 2px #dbdadd; }
.daguitje{ background:#dbf4f3; padding-bottom: 40px; font-weight: 500; color:rgba(0,0,0,0.5); }
.daguitje .brandinfo{ font-weight: 600; padding:0 0 20px; }
.daguitje .brandinfo h1{ margin:15px 0 15px; font-size:25px;color:#4ea5a3; }
.daguitje .brandinfo h2{ margin:-5px 0 10px; font-size:17px;color:rgba(0,0,0,0.35); }
.daguitje .sizechoice{ padding:10px 25px; background:rgba(255,255,255,0.5); border-radius: 2px; margin:5px 0 -10px; }
.daguitje .sizechoice a{ text-decoration: underline; padding:0 5px; }
.daguitje .top{ border-bottom:1px solid #efefef; padding:0 0 20px 0;}
.daguitjeheader{ padding:0px !important; }
.daguitjeheader h1{ margin:18px 0px 8px 0px !important; padding:0 !important; font-size:23px; font-weight:700; color:#4ea5a3; font-family: 'Quicksand', sans-serif; }
.daguitjeheader h2{ margin:5px 0 10px 0 !important; font-size:13px; color:rgba(0,0,0,0.25); padding-right:0px; font-family: 'Quicksand', sans-serif; font-weight:700 !important; }
.daguitjeheader .extra{ padding:0px 0 0 0px; }
.daguitjeheader .disclosure{ font-size:12px; color:rgba(0,0,0,0.3); padding:0 0 10px 0; font-weight: 500; line-height: 12px; }
.daguitjeheader .disclosure i{ font-size:12px; color:rgba(0,0,0,0.3) !important; }
.daguitjeheader .pricealarm{ background: #fff; border:0px solid #DBDBDB; color:#888; padding:8px 12px 8px 9px; border-radius: 3px; font-size:11px; font-weight: 500; }
.daguitjeheader .pricealarm:hover{ background: #ED731C; color:#fff; }
.daguitjeheader .pricealarm i{ color:#ED731C !important; }
.daguitjeheader .pricealarm:hover i{ color:#fff !important; }
.daguitjeheader .pricealarm .far.fa-heart,.daguitjeheader .pricealarm .fas.fa-heart{ color:#E64322 !important; }
.daguitjeheader .pricealarm .fas.fa-heart{ display:none; }
.daguitjeheader .pricealarm:hover .far.fa-heart{ display:none; }
.daguitjeheader .pricealarm:hover .fas.fa-heart{ display:initial; }
.daguitjeheader .pricealarm .fas.fa-bell{ display:none; }
.daguitjeheader .pricealarm:hover .far.fa-bell{ display:none; }
.daguitjeheader .pricealarm:hover .fas.fa-bell{ display:initial; }
/* Edit coupons */
.daguitjeheader .editcoupons{ color:#5d77a9 !important; display:none !important; }
.daguitjeheader:hover .editcoupons{ display:initial !important; }
.daguitjeheader .submenu{ color:rgba(0,0,0,0.2); }
.daguitjeheader .submenu a{ color:#5d77a9; }
.daguitjemeta{ font-size:13px; color:#5d4c46; margin-top:-20px; float:right;}
.daguitjemeta .locatie{ color:#329089; }
.daguitjemeta .thema{ color:#7b8d8e; }
.bestel{ padding:7px 10px 5px 15px; border-radius:2px; color:#0a8de9; margin-bottom:0px; font-weight:500; }
.bestel:hover{ color:#202020; }
.bestel i{ padding:5px 3px 0 0; float:right; font-size:13px; }
.voegtoe{ padding:7px 10px 5px 15px; border-radius:3px; color:#12cd4c; font-weight:500; margin:0px 0 0 0; }
.voegtoe:hover{ color:#202020; }
.voegtoe i{ padding:5px 3px 0 0; float:right; font-size:13px; }
.daguitje .contentpart{ }
.thema{ padding:5px 0 30px; }
.thema h2{ margin:0 0 8px 0; font-size: 21px; }
.thema .filtersidebar .sidebar{ background:rgba(255,255,255,1); border-radius: 2px; width:95%; padding:15px; margin:0 0 10px 0; }
.thema .filtersidebar{ padding:0 10px 0 0; }
.thema .filter{ width:100%; background:#fff; border-radius: 2px; padding:10px 20px; font-weight: 700; color:#777; margin:0 0 5px 0; }
.thema h3{ margin:0 0 21px 0; font-size: 15px; color:rgba(0,0,0,0.4); }
.thema #shop{ padding:0 !important; }
.thema #shop li{ list-style-type: none !important; }
@media(max-width: 768px){
.thema h2{ margin:10px 0 9px 0; }
.thema .contentpart{ padding:0px 10px; }
.thema .filtersidebar{ padding:15px 0 0 0; }
.thema .filtersidebar .sidebar{ width:100%; padding:15px; margin:0 0 10px 0; }
.thema .filter{ }
.daguitjeheader { padding-left:5px !important; line-height:18px; }
.daguitjeheader h1{ margin:18px 0px 0px 0px !important; line-height:18px; }
.daguitjeheader .disclosure{ padding:0 0 17px 0;}
}
/* UniFilter */
#filters {
margin: -35px 0 0 0 !important;
font-family: 'Quicksand', sans-serif !important;
}
#filters .uf-filter {
margin-top: 5px;
}
#filters .uf-filter-wrap,
#filters .uf-search-wrap,
#filters .uf-sort-wrap {
margin-bottom: 0;
}
#filters .uf-filter-wrap {
float: right;
margin-right: 0px;
}
#filters .uf-search-wrap,
#filters .uf-sort-wrap {
float: right !important;
margin-right: 0px;
max-width: 200px;
}
#filters .uf-tags a {
border: 0;
}
.uf-filter .uf-tags .uf-reset {
width: 20px;
height: 20px;
border: 0;
padding: 0;
margin: 7px 0 0 0;
margin-top: 7px;
background: url(https://luieraanbiedingen.maxentaworks.be/wp-content/themes/couchepromo/assets/images/unifilter-icons.png) no-repeat -20px 0 !important;
cursor: pointer;
opacity: 0.5;
}
#filters .uf-tags a:hover,
#filters .uf-tags .uf-selected a {
color: #fff;
background: none;
}
#filters .uf-search-box { width: auto; }
@media only screen and (max-width: 1024px) {
#filters .uf-filter-wrap { float: none; }
}
/* shop */
.shop-wrap {
width: 100%;
margin: -85px auto 0;
}
.shop, .shop li {
margin: 0;
padding: 0;
list-style: none;
width: 100% !important;
margin: 0 !important;
}
.shop {
margin: 0 !important;
}
.shop > li {
width: 100% !important;
margin: 0 !important;
}
@media only screen and (max-width: 1024px) {
.shop > li { width: 100%; }
}
@media only screen and (max-width: 750px) {
.shop > li { width: 100%; height:; }
.shop-wrap { width: 100%; margin: 0px auto 0; }
}
.shop-item{
width:100%;
}
.daguitje .sidebar{ padding:5px 0px 25px 0px; font-size:14px; line-height: 20px; color:#666; text-align: left; }
.daguitje .sidebar .beoordeel{ padding:25px 10px; border-radius: 2px; border:0px #e4e2e9 solid; text-align: center; }
.daguitje .sidebar .beoordeel h3{ color:#777; font-weight: 500; font-size:15px; }
.daguitje .sidebar .img-responsive{ border-radius:2px; margin: 0 auto !important; width:50%; }
.daguitje .sidebar .daguitjedescr{ margin:30px 0 0 0; padding:0 10px 0 10px; font-size:13px; line-height:15px; color:rgba(0,0,0,0.5); }
.daguitje .sidebar .daguitjepics{ padding:15px 0px 15px !important; width:100%; }
.daguitje .sidebar .daguitjepics .featimg{ width:32%; height:180px; float:left; border-radius: 2px; }
.daguitje .sidebar .daguitjepics .featimg:nth-of-type(1){ margin:1% 1% 1% 0%; }
.daguitje .sidebar .daguitjepics .featimg:nth-of-type(2){ margin:1%; }
.daguitje .sidebar .daguitjepics .featimg:nth-of-type(3){ margin:1% 0% 1% 1%; }
.daguitje .contentdaguitje{ background:none; padding:0px 0px 0px; margin-right:0 !important; font-size:13px; color:#777; border-radius:2px; margin-top:15px; border:0px solid #efefef; }
.clear{ clear:both; }
.generalinfo{
font-weight: 500;
color:rgba(0,0,0,0.5);
width:100%;
margin:55px 0;
line-height: 20px;
padding:0 !important;
}
.generalinfo.dealsize{ line-height: 23px; }
.generalinfo img{ max-width: 100%; }
.generalinfo .basic{ width:300px; margin:5px 0 15px; }
.generalinfo .floatright{ max-width:100%;width:320px;float:right;margin:15px 0 25px 45px; }
.generalinfo .floatright.bigger{ width:380px; margin:-10px 0 25px 75px; }
.generalinfo .floatleft{
max-width:100%;width:320px;float:left;margin:15px 45px 25px 0;
}
.generalinfo .col-sm-6{ padding:0 25px 25px 0; }
.generalinfo .fas.fa-check-circle{ color:#4ea5a3; padding:0 7px 0 3px; }
.generalinfo h2{
margin:35px 0 12px !important;
font-size:20px !important;
font-weight: 700;
}
@media(max-width: 768px){
.generalinfo{
width:100%;
}
.generalinfo .floatright{ max-width:100%;width:initial;float:initial;margin:15px 0; }
.generalinfo .floatright.bigger{ max-width:100%;width:initial;float:initial;margin:15px 0; }
.generalinfo .floatleft{
max-width:100%;width:initial;float:initial;margin:15px 0;
}
.generalinfo h2{
margin:35px 0 12px !important;
padding:0 !important;
}
.generalinfo h3{
margin:25px 0 12px !important;
padding:0 !important;
}
}
#leesmeer{
background:none !important;
border:none !important;
font-weight: 700 !important;
color:#608fe2 !important;
padding:0 !important;
}
#leesmeer:hover{
color:#ff7700 !important;
}
#arrleesmeer{
background:#608fe2 !important;
border:none !important;
border-radius: 2px;
font-weight: 700 !important;
color:#fff !important;
padding:10px 18px !important;
margin:15px 0 0 0;
}
#arrleesmeer .fas.fa-angle-down{
font-size:11px;
margin:3px 0 0 2px;
}
#arrleesmeer:hover{
background:#ff7700 !important;
}
.daguitje h3{ margin:28px 0px 4px 0px !important; font-size:18px !important; font-weight:700; color:rgba(0,0,0,0.40); font-family: 'Quicksand', sans-serif; }
.daguitje h4{ font-size:12px; color:rgba(0,0,0,0.25); margin:0 0 22px 0 !important; }
.daguitje .content h3{ font-size:15px; font-weight:700; color:#666; margin:15px 0 5px 0; }
/* No Coupons Signup */
.nocouponsdiv{
background:rgba(255,255,255,0.45);
padding: 22px 35px 15px;
}
.nocoupons{ margin:5px 0 25px 0; font-size:14px; font-weight: 500; color:#A9A9A9; }
.no.couponsignup .description .info{ font-size:14px; font-weight: 500; margin:5px 0 0 0; color:#777; }
/* Mobile Fixes */
@media(max-width: 768px){
.daguitjeheader{ padding:0 0 0 0px; }
.daguitjeheader h1{ font-size:20px; }
.daguitjeheader .extra{ padding:12px 0 0 0; }
#subheader{ height: initial; padding:0 !important; background:#dbf4f3; }
#subheader .container{ padding:0 10px !important; }
.daguitje .sidebar{ padding:5px 10px 0px 10px; font-size:16px; color:#666; margin-top:0px; }
.daguitje .sidebar .img-responsive{ border-radius:2px; box-shadow:0px 2px #dbdadd; margin: 0 auto !important; width:70%; margin-top:0px !important; }
.daguitje .sidebar h1{ margin:-42px 0px 0px 0px !important; padding:0 7px; }
.daguitje .sidebar h2{ padding-right:0px; margin-bottom:10px !important; padding:0 7px; }
.daguitje h3,.daguitje h4{ padding:0 7px; }
.daguitje .sidebar .daguitjedescr{ max-width: 100%; }
.daguitje .sidebar .daguitjepics{ padding:15px 0px 25px !important; width:100%; }
.daguitje .contentdaguitje { margin-top:0px; }
.daguitje .sidebar .daguitjepics .featimg{ margin:1% 0 1% 0 !important; width:100%; height:220px; float:left; border-radius: 2px; }
.daguitje .nocoupons{ padding:5px 15px 25px; }
.nocouponsdiv{ padding: 17px 12px 10px; }
}
/* Tips */
.tip{
background:rgba(255,255,255,0.47);
font-weight: 500 !important;
font-size: 14px;
line-height: 15px;
padding:15px;
color:rgba(0,0,0,0.5);
}
.tip .author{
font-size: 13px !important;
margin:0 !important;
color:rgba(0,0,0,0.55);
}
.tip .author img{
font-size: 13px;
border-radius: 3px;
width:18px;
}
/** Ticket Deals **/
.ticketdeals{ margin:5px 0 0 !important; background:#fff !important; opacity:1 !important; font-family: 'Quicksand', sans-serif; min-height:110px;
padding-top:0px; width:100% !important; transition: background-color 0.5s ease; border:0px solid rgba(0,0,0,0.05) !important; border-radius: 2px !important; }
.ticketdeals:first-of-type{ border:0px solid #608fe2; }
/* .ticketdeals:nth-child(even){ border:1px solid rgba(0,0,0,0.1) !important; } */
.ticketdeals:hover{ background:rgba(255,255,255,0.9) !important; transition: background-color 0.5s ease; }
.ticketdeals .featimg{ width:50%; margin:28px 0 0 5px; max-height: 50px !important; }
.ticketdeals .promo{ text-align:center; color:#333;background:#f2df11;font-size:10px;font-weight:600;padding:2px 3px;border-radius:5px; position:absolute; z-index: 5 !important; }
.ticketdeals .description{ font-size:14px; color:#44b3c2; padding:26px 15px 15px 18px; border-left:0px solid #f2f2f2; min-height:50px; line-height: 18px; }
/** .ticketdeals .description .score{ font-size:15px; color:#fff; padding:7px; background:#f2f2f2; } **/
.ticketdeals .description a:hover{ text-decoration: none !important; }
.ticketdeals .description a:active{ text-decoration: none !important; }
.ticketdeals .description .info{ font-size:12px; line-height:14px !important; font-weight:500; color:#a2a2a2 !important; padding:2px 0 0 0; }
.ticketdeals .description .info a{ color:#999; }
.ticketdeals .description .info a:hover{ color:#555; }
.ticketdeals .description .info .fas.fa-plus-circle{ color:#D23F66; }
.ticketdeals .description .info .far.fa-bell{ color:rgba(243,108,45,1); }
.ticketdeals .sendcosts{ font-size:12px; line-height:14px !important; font-weight:400; color:#888 !important; padding-top:5px;}
.ticketdeals .transactioncosts{ font-size:12px; color:#999; }
.ticketdeals .transactioncosts i{ color:#999; }
.ticketdeals .transactioncosts a{ color:#999; }
.ticketdeals .transactioncosts a:hover{ color:#999; text-decoration: none; }
.ticketdeals .dealtitle { text-align: left; font-size:15px; line-height:18px !important; font-weight:500; color:#666 !important; overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
max-height: 52px; }
.ticketdeals .voorwaarden{ font-size:13px; line-height:17px !important; font-weight:400; color:#888 !important; padding:2px 0 0 0; }
.ticketdeals .voorwaarden i{ font-size:12px; color:#DE7737 !important; margin:-2px 1px 0 0; }
.ticketdeals .voorwaarden .fas.fa-info{ font-size:10px; margin:-2px 1px 0 2px; }
.ticketdeals .details{ width:100%; font-size:12px; line-height:18px !important; background:#b7d6f1; font-weight:400; color:#3e8dd2 !important; border:1px solid #82c0f6; padding:5px 10px !important; margin-bottom:10px; }
.ticketdeals .details i{ color:#3e8dd2; font-size:11px; padding-right:5px; }
.ticketdeals .prijsinfo{ padding:27px 0px 10px 10px; line-height: 20px; border-left: 0px solid #f2f2f2; text-align: right !important; min-height:60px; }
.ticketdeals .prijsinfo .price-wrapper a:hover{ text-decoration: none; }
.ticketdeals .prijsinfo .adk{ color:#C9C9C9; font-size:12px; text-decoration: line-through; }
.ticketdeals .prices{ text-align: right !important; font-size:13px; color:#bfbfbf; }
.ticketdeals .oldprice{ display:none; text-decoration: line-through; color:#d2d2d2; font-weight:300 !important; padding-right:5px; }
.ticketdeals .oldprice.vv{ text-decoration: none; color:#d2d2d2; font-weight:300 !important; padding-right:0px; }
.ticketdeals .newprice{ font-weight:700 !important; color:#89b8e0 !important; font-size:17px; }
.ticketdeals .pieceprice{ font-weight:700 !important; color:#15908e !important; font-size:17px; }
.ticketdeals .perpiece{ color:#c0c0c0; font-weight:300 !important; font-size:13px; }
.ticketdeals .aanbieder{ padding:20px 0 0 15px !important; text-align: left; color:#44b3c2; font-weight:500; font-size:14px; }
.ticketdeals .aanbieder a{ color:#999; }
.ticketdeals .aanbieder a:hover{ color:#555; text-decoration: none; }
.ticketdeals .aanbieder i{ font-size:9px; color:#FFBB00; padding-right:2px; }
.ticketdeals .aanbieder .far.fa-star{ color:#D9D9D9; }
.ticketdeals .aanbieder .far.fa-question-circle{ color:#72C5E0; font-size:11px; }
.ticketdeals .aanbieder img{ width:65%; margin:0 auto !important; }
.ticketdeals .aanbieder .score{ width:70px; }
.ticketdeals .aanbieder .self_aanbieder{ margin-top:-6px; }
.ticketdeals .aanbiederpopover{ font-size:13px; color:#888; font-family: 'Quicksand', sans-serif; text-align: center; padding: 8px 5px; width:250px; }
.ticketdeals .aanbiederpopover a{ color:#608fe2; }
.ticketdeals .aanbiederpopover strong{ font-size:15px; }
.ticketdeals .order{ padding:20px 5px 20px 0px; font-size:16px; vertical-align:middle !important; text-align: left; color:#bfbfbf; border-left:solid 0px #f2f2f2; min-height:60px; }
.ticketdeals .order .ordernow{ float:right; width: 80%; padding:8px 14px 10px; vertical-align:middle !important; border-radius:17px; margin:0 10px 0 0; color:#fff;
font-weight:700; font-size:13px; background: linear-gradient(90deg, rgba(253,182,50,1) 35%, rgba(250,156,48,1) 100%);
}
.ticketdeals .order .ordernow i{ float: right; margin-top:7px; }
.ticketdeals .order .ordernow:hover{ background: linear-gradient(180deg, rgba(253,182,50,1) 35%, rgba(250,156,48,1) 100%); }
.ticketdeals .valid{ font-size:11px; padding:15px 0 0 0px; color:#999; width:100%; text-align: center; }
.ticketdeals .discount{ background:#ea5825; color:#fff; padding:12px 10px 12px 10px; border-radius:2px; font-weight:600; font-size:18px; text-align: center; }
.couponcodeactive{ background:#fff; height:35px; padding:0 15px; }
/* Mobile Fixes */
@media(max-width: 768px){
.ticketdeals{ min-height:200px; padding:10px 0 0 0; }
.ticketdeals .aanbieder{ padding-top:16px !important; }
.ticketdeals .aanbieder img{ width:100%; }
.ticketdeals .description{ font-size:14px; padding:10px 12px 10px 10px; }
.ticketdeals .description .aanbiedertext{ color:#44b3c2; font-weight:500; font-size:14px; line-height:25px; }
.ticketdeals .description .via{ color:#888; font-weight:500; font-size:12px; }
.ticketdeals .description .score{ width:75px; margin:-35px 0 0 0 !important; }
.ticketdeals .description i{ font-size:11px; color:#FFBB00; padding-right:2px; }
.ticketdeals .description .far.fa-star{ color:#D9D9D9; }
.ticketdeals .featimg{ height:50px; width:50px; margin:10px 5px 0 0; }
.ticketdeals .descriptionmobile{ font-size:14px; line-height:12px; padding:10px 10px 0 10px !important; height:70px; }
.ticketdeals .descriptionmobile .info{ font-size:12px; line-height:13px !important; font-weight:500; color:#999 !important; padding:2px 0 0 0; }
.ticketdeals .descriptionmobile .info a{ color:#999; }
.ticketdeals .descriptionmobile .info a:hover{ color:#555; }
.ticketdeals .dealtitle { font-size:13px; font-weight: 600; }
.ticketdeals .aanbiederimg{ max-height: 40px !important; margin:0 !important; border-radius: 2px; float:left; }
.ticketdeals .price-wrapper{ padding-right:5px; display: inline-block !important; width:100px; float:right; text-align: right; }
.ticketdeals .perpieceprices{ margin:0 15px 0 0 !important; display: inline-block !important; width:70px; float:right; text-align: right;}
.ticketdeals .prijsinfo .adk{ margin:2px 10px 5px 0; }
.ticketdeals .prijsinfo{ padding:10px 0; line-height: 15px; text-align: initial !important; min-height: initial; }
.ticketdeals .newprice{ padding-left:0px; }
.ticketdeals .order{ padding:5px 10px 0 0; font-size:13px; min-height:none; }
.ticketdeals .order .ordernow{ width: 50%; padding:9px 12px 10px; margin:5px 0 15px 0; color:#fff; border-radius:2px; float:right; }
}
.ticketdeals.single{ background:none !important; }
.ticketdeals.single .info{ font-size:16px; line-height: 20px !important; color:rgba(0,0,0,0.5) !important; }
.ticketdeals.single .dealtitle { text-align: left; font-size:20px; line-height:23px !important; font-weight:600; color:#666 !important; }
.ticketdeals.single .description .info a{ color:#0398fc; text-decoration: underline; }
.ticketdeals.single .description .info a:hover{ color:#555; }
.ticketdeals.single img{ max-width: 100%; }
.ticketdeals .editlink {
display: none;
text-align: center;
width: 100%;
}
.ticketdeals:hover .editlink {
display: initial;
text-align: center;
width: 100%;
font-size: 12px;
margin: 25px 0px;
clear: both;
}
.ticketdeals:hover .editlink a {
color: #9966ff;
text-decoration: none;
padding: 10px 0px;
}
.ticketdeals:hover .editlink a:hover {
color: #cc0099;
}
/* Inactive */
.ticketdeals.inactive{ opacity:0.62; -webkit-filter: grayscale(1); margin:1px 0 !important; background:rgba(255,255,255,1); min-height:90px; border-bottom:0px solid rgba(0,0,0,0.08); }
.ticketdeals.inactive .oldprice{ color:#d2d2d2; }
.ticketdeals.inactive .newprice{ color:#999 !important; }
.ticketdeals.inactive .aanbieder a{ color:#999; }
.ticketdeals.inactive .aanbieder a:hover{ color:#888; }
.ticketdeals.inactive .description .aanbiedertext{ color:#999; }
.ticketdeals.inactive .valid{ font-size:11px; padding:15px 0 0 0px; color:#999; width:100%; text-align: center; }
.ticketdeals.inactive .discount{ background:#ea5825; color:#fff; padding:12px 10px 12px 10px; border-radius:2px; font-weight:600; font-size:18px; text-align: center; }
@media(max-width: 768px){
}
.coupons.gemist{
border:0px solid #999;
padding:5px 0 10px 0;
}
.alertpromo{
font-weight: 500;
color:#999;
margin:17px 0 10px 0;
font-size:13px;
}
.alertpromo a{
font-weight: 700;
color:#fff;
}
.alertpromo .addalarm{
font-weight: 700;
background:rgba(243,108,45,1);
border-radius: 25px;
padding:10px 18px;
float:right;
}
.alertpromo .addalarm i{
margin:0 5px 0 0;
}
.alertpromo .addalarm .fas.fa-plus{
margin:0 0 0 10px;
font-size: 10px;
}
.alertpromo .addalarm:hover{
background:#f34f2d;
color:#fff;
}
/* Aanbieder Pagina */
.content{ background:#dbf4f3; padding-bottom:40px; font-weight: 500; color:rgba(0,0,0,0.5); }
.aanbieder .info h1{ margin:15px 0 25px; font-size:21px;color:#4ea5a3; font-weight: 600; }
.aanbiederinfo{ color:#777; font-size:13px; padding:22px 0; font-weight: 400; }
.aanbiederinfo p{font-size:13px; }
.aanbiederinfo .img-responsive{ max-width: 250px; border:1px solid rgba(0,0,0,0.05); border-radius: 2px; margin:0 0 28px 0; }
.aanbiederinfo h2{ color:#888; font-size:17px; font-weight: 700; }
.ticketdeals.seller { margin:10px 0 !important; height:100px !important; }
.ticketdeals.seller img{ width:75px; max-height: 80px; margin:10px 0 0 10px; }
.ticketdeals.seller .description{ padding:20px 12px 15px 13px; border-left:0px solid #f2f2f2; min-height:initial; line-height: 10px !important;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 4; /* number of lines to show */
max-height: 76px; /* fallback */
}
.ticketdeals.seller .description .daguitje{ color:#999; font-weight: 500; font-size:13px; }
.ticketdeals.seller .prijsinfo{ padding:20px 10px 10px 10px; }
.ticketdeals .newprice{ font-size:17px; padding:3px 3px 0 0; }
.ticketdeals.seller .order{ padding:5px 0 5px 0px; font-size:16px; vertical-align:initial !important; }
.ticketdeals.seller .order .ordernow{ width: 90%; padding:8px 14px 10px; vertical-align:initial !important; border-radius:17px; margin:0 0 0 0; }
.aanbieder .title{ font-size:15px; font-weight: 600; color:rgba(0,0,0,0.42); }
@media(max-width: 768px){
.aanbiederinfo{ padding:0 15px; }
.aanbiederinfo .img-responsive{ width:50%; margin:15px 0 25px 0; }
.aanbiederinfo h2{ color:#888; font-size:15px; font-weight: 700; margin:0; }
.aanbiederinfo p{font-size:12px; }
.ticketdeals .description .daguitje{ color:#999; font-weight: 500; font-size:13px; }
.ticketdeals.seller img{ width:40px; }
}
/* Single Daguitje Signup Coupons */
.couponsignup{ min-height:110px; background:#fff; margin:5px 0 5px 0; }
.couponsignup .dealtitle{ font-weight:700; color:#777; font-size:16px; }
.couponsignup .description{ padding:25px 0px 15px 18px; }
.couponsignup .info{ font-weight:500; color:#999; font-size:14px; line-height: 13px; padding: 3px 0 0 0; }
.couponsignup .baby img{ max-width: 50%;margin:22px 0; }
.couponsignup .aanbieder { padding:35px 0 0 35px !important; }
.couponsignup .aanbieder i{ font-size:32px; color:#999;}
.couponsignup .aanbieder .fas.fa-fire-alt{ background: -webkit-linear-gradient(#FF8900, #f6b648);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent; }
.couponsignup .aanbieder .fas.fa-sort-amount-down{ margin:1px 2px 0 0; color:#A9A9A9; }
.couponsignup .description i{ display:none; }
.couponsignup .description .fas.fa-fire-alt{ background: -webkit-linear-gradient(#FF8900, #f6b648);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent; }
.couponsignup form{ float:right; padding:25px 3px 0 0; }
.couponsignup input[type="email"] { float:left; width:320px; border:1px solid #dcdbde; border-radius:17px; padding: 10px 0px 10px 10px; margin:2px 18px 0 0; font-size:13px; color:#777; font-family: 'Quicksand', Sans-serif; font-weight:600; text-align:left; }
.couponsignup input[type="email"]:invalid { box-shadow: none !important; }
.couponsignup input[type="email"]:indeterminate{ box-shadow: none !important; }
.couponsignup .button { margin:0 !important; text-align:center; border: 0 !important; padding:11px 45px 13px; vertical-align:middle !important;
border-radius:25px;color:#fff; font-weight:700; font-size:14px;
background: -moz-linear-gradient(to top, rgba(64,201,117,1) 0%, rgba(24,186,105,1) 100%);
background: -webkit-gradient(top, right top, color-stop(0%, rgba(64,201,117,1)), color-stop(100%, rgba(24,186,105,1)));
background: -webkit-linear-gradient(top, rgba(64,201,117,1) 0%, rgba(24,186,105,1) 100%);
background: -o-linear-gradient(top, rgba(64,201,117,1) 0%, rgba(24,186,105,1) 100%);
background: -ms-linear-gradient(top, rgba(64,201,117,1) 0%, rgba(24,186,105,1) 100%);
background: linear-gradient(to top, rgba(64,201,117,1) 0%, rgba(24,186,105,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#40c975', endColorstr='#18ba69', GradientType=1 );
}
.couponsignup button i{ float: left; margin-top:3px; }
.couponsignup .button:hover{
background: -moz-linear-gradient(to left, rgba(64,201,117,1) 0%, rgba(24,186,105,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(64,201,117,1)), color-stop(100%, rgba(24,186,105,1)));
background: -webkit-linear-gradient(left, rgba(64,201,117,1) 0%, rgba(24,186,105,1) 100%);
background: -o-linear-gradient(left, rgba(64,201,117,1) 0%, rgba(24,186,105,1) 100%);
background: -ms-linear-gradient(left, rgba(64,201,117,1) 0%, rgba(24,186,105,1) 100%);
background: linear-gradient(to left, rgba(64,201,117,1) 0%, rgba(24,186,105,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#40c975', endColorstr='#18ba69', GradientType=1 );
}
.couponsignup input[type="email"]::-webkit-input-placeholder { /* Chrome/Opera/Safari */
color: #95a0aa;
}
.couponsignup input[type="email"]::-moz-placeholder { /* Firefox 19+ */
color: #95a0aa;
}
.couponsignup input[type="email"]:-ms-input-placeholder { /* IE 10+ */
color: #95a0aa;
}
.couponsignup input[type="email"]:-moz-placeholder { /* Firefox 18- */
color: #95a0aa;
}
@media(max-width:768px){
.couponsignup { padding:5px 25px 5px 25px !important; text-align: left; min-height:285px; background:#fff; }
.couponsignup .aanbieder { padding:30px 0 0 0 !important; text-align: center; }
.couponsignup .dealtitle{ font-size:19px; }
.couponsignup .info{ font-size:15px; line-height: 15px; }
.couponsignup .baby { text-align: center; }
.couponsignup .baby img{ width: 70px; }
.couponsignup .coupon{ padding:5px 0px 5px !important; background: url(assets/images/emailalertsmobile.png) no-repeat; background-position: 35% 30px; background-size: 28% auto; }
.couponsignup .description{ text-align: center; padding:15px 10px; }
.couponsignup .description i{ display:initial; }
.couponsignup form{ float:initial; text-align: center; padding:0; }
.couponsignup input[type="email"] { margin:7px auto 4px !important; width:98%; }
.couponsignup .activate {text-align: center; }
.couponsignup .button { margin:10px auto 20px !important; padding:12px 75px; }
}
#address, #openinghours, #scoresummary{ border-radius:2px; padding:10px 0px; margin:25px 0; font-size:15px; width:100%; font-family: 'Quicksand', sans-serif; color:rgba(0,0,0,0.55); line-height: 23px; }
#scoresummary{ border-radius:2px; padding:0px 0px; margin:-5px 0 -5px !important; font-size:15px; background:#fff; box-shadow:0px 2px #dbdadd; }
#address a{ color:#2e7dc0; }
#address a:hover{ color:#023f78; }
#address i{ font-size:13px; padding:4px 6px 0 0; }
.addressdata{ margin-bottom:10px; }
.addressname{ font-weight:600; color:rgba(0,0,0,0.7); }
.remark{ font-size: 11px; margin-top:10px; }
.remark i{ font-size: 10px; }
.routebeschrijving{ font-size:13px; font-weight: 500;}
.routebeschrijving:hover{ color:#027878; }
.routebeschrijving i{ font-size:10px !important; }
.routebeschrijving .fas.fa-route{ background:#027878; color:#fff !important; padding:6px !important; border-radius: 15px; }
@media(max-width:768px){
.routebeschrijving{
background:#608fe2;
border-radius: 25px;
padding:10px 18px;
color:#fff;
}
.routebeschrijving i{ color:#fff; }
.routebeschrijving:hover{
background:#027878;
color:#fff;
}
}
.tarieven{ margin:30px 0 25px; border-radius: 2px; padding:10px 0px; width:100%; }
.tarieven strong{ color:rgba(0,0,0,0.7); }
.tarieventable{ font-size:15px !important; color:rgba(0,0,0,0.55); }
.tarieventable td{ padding:3px 0;}
.tarieventable .tariefnaam{ min-width: 220px; font-size:15px !important; font-weight: 400; }
.tarieventable .tarief{ font-weight:700; color:rgba(0,0,0,0.35); font-size:15px !important; }
.openingsuren{ margin:25px 0 20px; color:rgba(0,0,0,0.55); line-height: 23px; }
.openingsuren strong{ font-weight:600; color:rgba(0,0,0,0.7); }
@media(max-width:768px){
.tarieven{ padding:10px 10px; margin:30px 0; }
.openingsuren,.adres{ padding:10px 10px; margin:10px 0; }
#address{ margin:5px 0; }
}
/* Special deals */
.daguitjeshomepage .special .daguitje-wrap-info{
height:148px;
}
/* Other Deals */
.other .daguitje-wrap-header{
width:100%;
top:0;
left:0;
height:100px;
position: relative;
}
/* Voorkeuren */
.optin-form .col-sm-4,.optin-form .col-sm-6,.optin-form .col-sm-9{ padding:0 10px 5px 0 !important; }
.optin-form input[type="text"]{ max-width: 300px; }
.optin-form .panel-heading{ background:#7eb2b1 !important; border:1px solid #7eb2b1 !important; color:#fff !important; }
.optin-form .panel-group,.optin-form .panel{ box-shadow: none; }
.optin-form .panel{ border:0px solid #7eb2b1 !important; }
.optin-form .panel-group{ max-width: 620px; margin:25px 0 20px; }
.optin-form .panel-body{ background:#fff; border:1px solid #7eb2b1 !important; }
.optin-form-area{
font-size: 16px;
padding:0 0 0 0;
font-weight: 600;
color:#999;
}
.optin-form-area h2 {
font-size: 18px;
font-weight: 700;
color:#777;
margin: 35px 0 20px !important;
}
.optin-form-area h2 i{
color:#ED731C;
margin-right:3px;
}
.optin-form-area h3 {
text-align: center;
font-size: 24px;
margin: 7px 0;
}
.optin-header{
margin:25px 0 20px 0;
color:rgba(0,0,0,0.6);
}
.optin-header strong{ color:#333 !important; }
.optin-form-item {
margin: 10px 0;
overflow: hidden;
}
.optin-form label{
margin:0 20px 10px 0 !important;
}
.optin-form-item label{
font-size:14px !important;
padding:8px 0 0 0 !important;
color:#444;
font-weight: 500;
margin:0 20px 10px 0 !important;
}
.optin-form-area .optin-form-item .form-control[type="text"], .optin-form-area .optin-form-item .form-control[type="email"]{
border: 1px solid #ccc;
height: 40px;
font-size:14px;
border-radius: 2px;
color:#333;
}
.optin-form-area .optin-form-item select{
font-size:14px;
padding:7px 30px 7px 10px;
color:#333;
height: 40px;
border-radius: 2px;
box-shadow: none !important;
border: 1px solid #ccc;
min-width:145px !important;
font-weight: 500;
}
.optin-form-area .optin-form-item option{
font-size:15px;
font-weight: 600 !important;
}
.panel-heading a { color:#fff; }
.panel-heading a:hover { color:#fff; }
.panel-title { font-weight: 700; color:#fff; }
.panel-title i{ margin:3px 0 0 5px; font-size:12px; float:right; }
.copernica-signup-waiting {
background: rgba(0, 0, 0, 0.07) none repeat scroll 0 0;
height: 100%;
left: 0;
position: fixed;
text-align: center;
top: 0;
width: 100%;
z-index: 999999;
}
.copernica-signup-waiting > img {
margin-top: 300px;
}
.optin-pref{
padding:0 0 0 0;
}
.optin-pref p{
font-size:15px;
color:rgba(0,0,0,0.5);
line-height: 17px;
}
.optin-pref .aanraders{
font-size:12px;
color:rgba(0,0,0,0.4);
line-height: 16px;
}
.optin-pref input[type="submit"]{
background: #34807e;
font-size:15px;
font-weight: 700;
border: none;
border-radius: 2px;
padding:10px 20px;
}
.optin-pref input[type="submit"]:hover{
background:#24B34A;
}
@media(max-width: 768px){
.optin-form-area{
padding:0 15px 35px 0;
}
}
/* Overzicht Aanbieders */
.aanbiederdiv{ width: 11%; float: left; background:none; }
.verkoper{ text-align: center; box-shadow: 0 0px #f2f2f2; padding: 5px 0 0 0; margin:0 1px 5px 0; background:none; }
.verkoper img{ width:95% !important; border-radius: 5px; height:auto; border:0px solid #f2f2f2; margin:0 0 10px 0; padding:5px;
box-shadow: 0 0px #f2f2f2; -webkit-filter: grayscale(20%); /* Safari 6.0 - 9.0 */ filter: grayscale(20%); box-shadow: 0 1px 3px rgba(0,0,0,0.1); }
.verkoper img:hover{ -webkit-filter: grayscale(0%); /* Safari 6.0 - 9.0 */ filter: grayscale(0%); }
.verkoper a{ text-decoration: none !important; }
.verkoper .title{ font-weight:500; font-size:13px; font-family:'Hind', sans-serif; color:#999; }
.verkoper .bekijkdeals{
background:#78c056;
text-align: center;
font-weight:700;
font-size:15px;
font-family:'Hind', sans-serif;
padding:10px 15px;
margin:7px auto !important;
color:#fff;
border-radius: 2px;
max-width: 80%;
text-decoration: none !important;
}
.verkoper .bekijkdeals:hover{
background:#5AA337;
text-decoration: none !important;
}
@media(max-width: 768px){
.aanbiederdiv{ width: 24%; }
}
/*** Related Slider ***/
.jcarousel-wrapper {
margin: 0px auto 30px;
width: 100%;
border-radius: 0px;
position: relative;
}
.jcarousel{
overflow:hidden;
margin-bottom:-25px;
}
.jCarousel a:hover{
color: #fff;
text-decoration: none;
}
.jcarousel ul {
width: 100%
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).
*/
.jcarousel li {
/* Required only for block elements like - 's */
}
/** Carousel Controls **/
.jcarousel-control-prev,
.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;
}
.jcarousel-control-prev:hover,
.jcarousel-control-next:hover {
background: #222;
color: #fff;
text-decoration: none;
}
.jcarousel-control-prev {
left: 0px;
}
.jcarousel-control-next {
right: 0px;
}
.jcarousel-control-prev:hover span,
.jcarousel-control-next:hover span {
display: block;
}
.jcarousel-control-prev.inactive,
.jcarousel-control-next.inactive {
opacity: .5;
cursor: default;
}
.slider {
margin: 0px !important;
height: 350px !important;
padding: 0px !important;
border-radius:0px;
float: left;
width:295px;
}
.slider:first-of-type {
margin: 0px !important;
}
.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;
}
.jcarousel-pagination {
position: absolute;
bottom: 0px;
left: 50%;
-webkit-transform: translate(-50%, 0);
-ms-transform: translate(-50%, 0);
transform: translate(-50%, 0);
margin: -15px 0 0 0;
}
.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;
}
.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){
.jcarousel-wrapper {
margin: 20px auto 50px;
}
.jcarousel-pagination {
position: absolute;
bottom: -25px;
left: 25%;
-webkit-transform: translate(-10%, 0);
-ms-transform: translate(-10%, 0);
transform: translate(-10%, 0);
margin: 10px 0 15px !important;
}
.jcarousel-pagination a {
font-size: 13px;
height: 13px;
width: 13px;
line-height: 13px;
border-radius: 13px;
text-indent: -9999px;
margin-right: 10px;
}
}
/* Tooltip container */
.tooltip {
position: relative;
display: inline-block;
border-bottom: 1px dotted black; /* If you want dots under the hoverable text */
}
/* Tooltip text */
.tooltip .tooltiptext {
visibility: hidden;
width: 120px;
background-color: #555;
color: #fff;
text-align: center;
padding: 5px 0;
border-radius: 6px;
/* Position the tooltip text */
position: absolute;
z-index: 1;
bottom: 125%;
left: 50%;
margin-left: -60px;
/* Fade in tooltip */
opacity: 0;
transition: opacity 0.3s;
}
#seopro{ background: #fff;
color:#999; font-family:'Quicksand', sans-serif; padding:15px 10px 45px; margin:0 0 -25px 0; min-height:200px; }
#seopro .info{ margin:5px 0 0 0 !important; line-height:20px; padding:0 15px 0 0; }
#seopro h3{ color:#15908e; font-weight: 700; font-size:16px; }
#seopro a{ color:rgba(0,0,0,0.35); font-weight:600 !important; font-size:14px !important; }
#seopro a:hover{ color:rgba(0,0,0,0.75); text-decoration: none; }
@media(max-width: 768px){
#seopro{
padding:15px 15px 45px;
}
#seopro h3{ margin:15px 0 10px; padding:0; }
}
footer{ background: #fff; color:rgba(0,0,0,0.25); font-family:'Quicksand', sans-serif; padding:25px 10px 25px; margin-top:25px; min-height:40px; font-weight: 600; font-size:13px; }
footer .info{ margin:15px 0 0 0 !important; line-height:23px; padding:0 30px 0 0;}
footer a{ color:rgba(0,0,0,0.4); font-weight:600; padding-bottom:5px; }
footer a:hover{ color:rgba(0,0,0,0.75); text-decoration: none; }
footer .fa.fa-angle-right{ font-size:9px; float:initial; color:rgba(0,0,0,0.5); margin:0 5px 0 5px !important; }
footer i{ color:rgba(0,0,0,0.4); font-weight:400; margin:0 0 0 5px !important; font-size:25px; float:right; }
footer i:hover{ color:#15908e; }
/* Internationaal */
.internationaal{ padding:30px 0 10px !important; border-top:1px #f5f5f5 solid; margin:40px 0 0 0; font-weight: 400 !important; }
.internationaal i{ color:#15908e; font-size:12px !important; padding-right: 3px; }
.internationaal a:hover{ color:#15908e !important; }
.updateprice{ float:right; margin:-10px 0 0 0; }
@media(max-width: 768px){
.updateprice{ float:left; margin:20px 0 0 0; }
}
/* Loop POIs */
.poi-wrapper{
border-radius:2px;
color:#555;
box-shadow: 0px 1px #e9e9e9;
margin:0 0 12px 0;
background:#fff !important;
padding:0 !important;
width:98% !important;
height:100px;
}
.poi-wrapper .header{
height:100px;
padding:0 !important;
}
.poi-wrapper .info{
padding:15px;
}
.poi-wrapper .info .title{
font-weight:600;
font-size:18px;
}
.poi-wrapper .info .title a{
color:#666;
}
.poi-wrapper .info .title a:hover{
color:#0a8de9;
text-decoration: none;
}
.poi-wrapper .info .location{
font-weight:400;
font-size:12px;
color:#999;
}
.poi-wrapper .info .location i{
font-size:9px;
color:#999;
}
/* Make Data for Filter invisible Frontend */
.poi-wrapper .info .price, .poi-wrapper .info .thumb{
display:none;
}
.poi-wrapper .vanaf{ color:#999; font-size:13px; right:15px; position: absolute; top:60px; }
.poi-wrapper .lowestprice{ color:#86C74A; font-weight:700; font-size:21px; }
@media(max-width: 768px){
.poi-wrapper{
width:100% !important;
height:100px;
}
.poi-wrapper .header{
height:100px;
}
.poi-wrapper .info .title{
font-size:14px;
line-height: 15px;
}
.poi-wrapper .vanaf{ top:70px; }
.poi-wrapper .lowestprice{ font-size:16px; }
}
/* Loop POIs Home */
.poi-wrapper-home{
border-radius:2px;
color:#555;
box-shadow: 0px 1px #e9e9e9;
margin:7px;
background:#fff !important;
padding:0 !important;
width:31% !important;
height:70px;
}
.poi-wrapper-home:hover{
box-shadow: 0px 1px #DBDBDB;
}
.poi-wrapper-home .header{
height:70px;
padding:0 !important;
}
.poi-wrapper-home .info{
padding:10px 45px 0px 10px;
}
.poi-wrapper-home .info .title{
font-weight:700;
font-size:13px;
line-height: 14px;
}
.poi-wrapper-home .info .title a{
color:#666;
}
.poi-wrapper-home .info .title a:hover{
color:#0a8de9;
text-decoration: none;
}
.poi-wrapper-home .vanaf{ color:#999; font-size:11px; right:6px; position: absolute; top:44px; }
.poi-wrapper-home .lowestprice{ color:#86C74A; font-weight:700; font-size:15px; }
@media(max-width: 768px){
.poi-wrapper-home{
width:45% !important;
}
.poi-wrapper-home .info .title{
left:36%;
position: absolute;
font-size:12px;
line-height: 13px;
}
.poi-wrapper-home .lowestprice{ font-size:14px; }
}
.searchresults{ padding:0 0 25px; }
@media(max-width: 768px){
.searchresults{ padding:0 10px 25px !important; }
}
/* Loop POIs Tax */
.poi-wrapper.tax{
height:80px;
}
.poi-wrapper.tax .header{
height:80px;
}
.poi-wrapper.tax .info .title{
font-size:16px;
line-height: 19px;
}
.poi-wrapper.tax .vanaf{ top:42px; }
.poi-wrapper.tax .lowestprice{ font-size:19px; }
/* Homepage Signup Form */
.nieuwsbrieftip2 { background: #92d3ee url(/wp-content/themes/couchepromo/assets/images/headerbg10.jpg) top center !important;
text-align: left; color:#fff;
font-family:'Quicksand', sans-serif; padding:65px 0px 75px; width:100%; margin:0px 0 0px 0 !important; }
.nieuwsbrieftip2 label{ display: none; }
.nieuwsbrieftip2 h2 { margin: 0 0 12px 0; font-size: 32px; line-height: 26px; color: #FFFFFF; font-weight:700; font-stretch: ultra-expanded !important; }
.nieuwsbrieftip2 h3 { margin: 0 0 20px 0; font-size: 26px; line-height: 26px; color: rgba(255,255,255,0.9); font-weight:500; }
.nieuwsbrieftip2 h4 { margin: 0 0 8px 0; font-size: 17px; color: rgba(255,255,255,0.8); font-weight:400; }
.nieuwsbrieftip2 #mc_embed_signup_scroll { margin-top: 10px; }
.nieuwsbrieftip2 input { font-size: 15px; border: 0px; padding: 12px 12px 12px 17px; line-height: 20px; }
.nieuwsbrieftip2 input[type="email"] { height:45px; color:#444; min-width:350px !important; -webkit-border-top-left-radius: 2px;
-webkit-border-bottom-left-radius: 2px;
-moz-border-radius-topleft: 2px;
-moz-border-radius-bottomleft: 2px;
border-top-left-radius: 2px;
border-bottom-left-radius: 2px; }
.nieuwsbrieftip2 input[type="email"]:placeholder-shown, .nieuwsbrieftip2 input[type="email"]::-webkit-input-placeholder, .nieuwsbrieftip2 input[type="email"]:-moz-placeholder, .nieuwsbrieftip2 input[type="email"]::-moz-placeholder, .nieuwsbrieftip2 input[type="email"]:-ms-input-placeholder, .nieuwsbrieftip2 input[type="text"]::-ms-input-placeholder, .nieuwsbrieftip2 input[type="email"]:placeholder-shown{ color:#efefef; }
.nieuwsbrieftip2 input[type="submit"]{ border: 0px; background-color: #47c4b7; color: #FFFFFF; height:45px; padding:2px 35px 2px; font-weight:600 !important; margin:2px 0px 0px -3px; -webkit-border-top-right-radius: 2px;
-webkit-border-bottom-right-radius: 2px;
-moz-border-radius-topright: 2px;
-moz-border-radius-bottomright: 2px;
border-top-right-radius: 2px;
border-bottom-right-radius: 2px; }
.nieuwsbrieftip2 input[type="submit"]:hover { background-color:#fbec9a; color:#444; }
.nieuwsbrieftip2 .nospacing { padding: 0px !important; margin: 0px !important; }
@media(max-width: 768px){
.nieuwsbrieftip2 { padding:48px 25px 58px; background-size: 75% auto; background-position: 75% 105%; }
.nieuwsbrieftip2 h2 { margin: 0 0 5px 0; font-size: 27px; line-height: 35px; color: #FFFFFF; font-weight:700; }
.nieuwsbrieftip2 h3 { margin: 0 0 5px 0; font-size: 21px; line-height: 22px; color: rgba(255,255,255,0.9); font-weight:700; }
.nieuwsbrieftip2 h4 { margin: 0 0 15px 0; font-size: 18px; color: rgba(255,255,255,0.8); }
.nieuwsbrieftip2 input[type="email"] { border-radius: 2px; min-width:initial !important; width:90%; }
.nieuwsbrieftip2 input[type="submit"]{ padding:2px 55px 2px; font-weight:700 !important; margin:2px 0px 0px 0px; border-radius: 2px; min-width:initial !important; width:90%;}
}
.nieuwsbrieftip2 .advantage{
line-height:15px;
margin:5px 0 15px -8px;
}
.nieuwsbrieftip2 .advantage i{
color:rgba(0,0,0,0.3);
margin-right:3px;
font-size:11px;
}
.nieuwsbrieftip2 .registerbutton{
border-radius: 2px;
background-color: rgba(0,0,0,0.35);
color: #FFFFFF;
padding:20px 55px 20px;
font-weight:600 !important;
margin:40px 0 0 0;
}
.nieuwsbrieftip2 .registerbutton:hover { background-color:rgba(0,0,0,0.5); }
/* Blog */
.latestblogposts .blogpost{ margin-bottom:0px; }
.blogpost{ padding:0px; margin:0 0 20px 0 !important; }
.onzetips{ text-align:left; padding:0px; margin:18px 0 0 0; }
.onzetips p{ margin-left:0px; }
.onzetips h1 { padding: 0 10px 0 0; margin:0 0 25px 15px !important; font-size:22px; font-family: 700; color:#666; }
.onzetips h2 { padding: 0px; margin: 0px; margin-top: 0px; margin-left:0px; margin-bottom: 10px; line-height: 19px !important; }
.onzetips h2 a { font-size: 17px; color: #555; margin-left:0px; font-weight: 700; }
.onzetips h2 a:hover { color: #000; }
.onzetips h3{ margin-bottom:25px; font-size: 17px; }
.onzetips .img { width:100%; -webkit-border-top-right-radius: 3px;
-webkit-border-top-right-radius: 3px;
-moz-border-radius-topright: 3px;
-moz-border-radius-topleft: 3px;
border-top-right-radius: 3px;
border-top-left-radius: 3px;
box-shadow: 0 1px 10px rgba(0,0,0,0.15);
height:175px;
}
.onzetips .img .thecategory { position: absolute; top: 20px; left: 12px; background-color: #fff; color: #555; padding:7px 12px 4px 10px; font-size:11px; }
.onzetips .img .thecategory a { color: #FFFFFF; text-decoration: none; }
.onzetips .img .thecategory:hover { color:#6e7bb4; }
.onzetips .img .thecategory i{ font-size:14px; }
.floatright { float: right; margin-left: 15px; margin-bottom: 15px; max-height: 263px; width: auto; }
.datecomment { overflow: auto; color: #a6a6a6 !important; font-size: 12px; margin-bottom: 0px; vertical-align:bottom; }
.datecomment a { color: #48a1af; text-decoration: underline;}
.datecomment a:hover{ color: #000; text-decoration: none;}
.datecomment i { color:#bfbfbf; }
.blogdata{ padding:20px 15px; height:115px !important; margin-bottom:22px !important; background:#fff; -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;
box-shadow: 0 1px 10px rgba(0,0,0,0.15);}
.blogheadline{ }
@media (max-width:768px) {
.onzetips h2 { line-height: 11px !important; }
.onzetips h2 a { font-size: 12px; }
.blogheadline{ height:initial; }
.onzetips{ padding:0px 10px; }
.onzetips .img { height:100px; }
.blogpost{ margin:0 0 0 10px !important; }
}
.blogphoto{ margin-top:12px; }
/* Blog Info Home */
.content.tips.home{ background:#fff; margin:0 0 -35px 0 !important; border-bottom:1px solid #efefef; }
.content.tips.home h2 a{ font-size:14px; }
.content.tips.home .onzetips .img {
width:50px; border-radius: 50px; box-shadow: 0 0px 0px rgba(0,0,0,0.15);
height:50px;
margin:15px 0 0 0;
transition: 0.1s ease;
}
.content.tips.home .onzetips .img:hover {
width:60px; border-radius: 60px;
height:60px;
}
.content.tips.home .blogdata{ padding:15px 10px 15px 15px; height:initial !important; margin-bottom:0px !important; border-radius: 0;
box-shadow: 0 0px 0px rgba(0,0,0,0.15);}
@media (max-width:768px) {
.content.tips.home .blogdata{ padding:20px 10px 15px 15px; }
}
/* Blog Single */
article{ font-weight:500; color:#666; font-size:16px; line-height: 22px; padding:10px 28px 20px !important; background:#fff; border-radius: 2px; margin:10px 0 35px 0; }
article h1{ color:#222; font-size: 25px; font-weight:900; margin:22px 0 25px 0; }
article h2{ color:#333; font-size: 20px; font-weight:800; margin:30px 0 15px 0; }
article h3{ color:#666; font-size: 18px; font-weight:700; margin:20px 0 15px 0; }
article img{ margin:10px 0; max-width: 100%; }
article a{ font-weight: 700; }
article ul li{ margin:5px 0 10px; }
.auteur{
background:#fff; border-radius: 2px; margin:-35px 0 35px 0; padding:15px 0 25px; border-top: 1px solid #efefef; font-weight: 500 !important;
}
.auteur .info{ padding:15px 50px 10px 0; margin-left:-35px !important; }
.auteur .nameauthor{ color:#333; }
.auteur .avatar{ max-width: 100%; width:40%; border-radius: 45px; margin:15px 0 0 31px; }
@media (max-width:768px) {
article{ padding:10px 25px !important; }
.auteur .info{ padding:0 0 0 10px; }
}
/* Related Posts */
.relatedposts{ margin:15px 0 35px; }
.relatedposts .blogpost{ margin-bottom:10px; }
.relatedposts h2 { padding: 0px; margin: 0px; margin-top: 0px; margin-left:0px; margin-bottom: 10px; line-height: 11px !important; }
.relatedposts h2 a { font-size: 15px; color: #555; margin-left:0px; font-weight: 700; line-height: 12px !important; }
.relatedposts h2 a:hover { color: #000; }
.relatedposts .img { width:100%; -webkit-border-top-right-radius: 3px;
-webkit-border-top-right-radius: 3px;
-moz-border-radius-topright: 3px;
-moz-border-radius-topleft: 3px;
border-top-right-radius: 3px;
border-top-left-radius: 3px;
height:100px;
box-shadow: 0;
}
.relatedposts .blogpost .blogdata{ box-shadow: 0 1px 2px rgba(0,0,0,0.05) !important; }
.relatedtitle{ font-weight: 600; font-size:20px; }
.vid-container iframe{ max-width: 100% !important; }
#yChart{ font-family: 'Quicksand', sans-serif; }
/* Testimonials */
.testimonials{
margin:35px 0 0 0;
border-top:1px solid #E3E3E3;
padding:25px 0 0 0;
}
.testimonials h2 {
color: #333;
text-align: center;
font-weight: bold;
position: relative;
margin: 25px 0 50px;
}
.testimonials h2::after {
content: "";
width: 100px;
position: absolute;
margin: 0 auto;
height: 2px;
background: #608fe2;;
left: 0;
right: 0;
bottom: -10px;
}
.carousel {
width: 650px;
margin: 0 auto;
padding-bottom: 50px;
}
.carousel .item {
color: #999;
font-size: 14px;
text-align: center;
overflow: hidden;
min-height: 340px;
}
.carousel .item a {
color: #eb7245;
}
.carousel .img-box {
width: 145px;
height: 145px;
margin: 0 auto;
border-radius: 50%;
}
.carousel .img-box img {
width: 100%;
height: 100%;
display: block;
border-radius: 50%;
}
.carousel .testimonial {
padding: 30px 0 10px;
color:#888;
font-weight: 400;
font-size:18px;
}
.carousel .overview {
text-align: center;
padding-bottom: 5px;
color: #666;
font-size: 18px;
font-weight: 500;
}
.carousel .overview b {
color: #444;
font-size: 18px;
display: block;
padding-bottom: 5px;
}
.carousel .star-rating i {
font-size: 18px;
color: #ffdc12;
}
.carousel .carousel-control {
width: 30px;
height: 30px;
border-radius: 50%;
background: #999;
text-shadow: none;
top: 4px;
}
.carousel-control i {
font-size: 20px;
margin-right: 2px;
}
.carousel-control.left {
left: auto;
right: 40px;
}
.carousel-control.right i {
margin-right: -2px;
}
.carousel .carousel-indicators {
bottom: 15px;
}
.carousel-indicators li, .carousel-indicators li.active {
width: 11px;
height: 11px;
margin: 1px 5px;
border-radius: 50%;
}
.carousel-indicators li {
background: #e2e2e2;
border-color: transparent;
}
.carousel-indicators li.active {
border: none;
background: #888;
}
@media(max-width: 768px){
.carousel {
width: 100%;
}
.carousel .testimonial {
color:#999;
font-weight: 500;
font-size:14px;
}
.carousel .overview {
color: #666;
font-size: 16px;
font-weight: 600;
}
}
.mobile-menu {
display: none;
position: absolute;
top: 35px;
right: 35px;
z-index: 10;
}
/*
@media only screen and (max-width: 1000px) {
.sidebar {
float: none;
width: 100%;
padding: 0 50px;
border-right: 0;
height: 0;
overflow: hidden;
}
}
*/
/* Register Form */
.registerform{
border-radius: 2px;
background:#fff;
padding:25px 35px;
position: relative;
}
.registerform .familyimg{
position: absolute;
top:75px;
right:75px;
}
.registerform .happyfamily{
width:50%;
margin:-25px 0 45px 0;
}
.registerform .bp-feedback, .registerform .bp-heading{
display: none !important;
}
.register{ padding:5px 0 55px; }
.registerform .title{
font-family: "proxima-soft" !important;
font-size:34px;
font-weight: 500 !important;
margin:10px 0 0;
color:#464646;
}
.registerform .title .family{
color:#09aa81;
}
.registerform .subtitle{
font-family: "proxima-soft" !important;
font-size:26px;
font-weight: 400 !important;
margin:0 0 5px;
color:#919191;
}
.register label{ font-weight: 700 !important; color:#888; }
.register input { font-size: 15px; border: 0px; padding: 12px 12px 12px 17px; line-height: 20px; }
.register input:focus, .register input:valid, .register input:invalid{ border:#efefef solid 1px !important; outline: none; }
.register input[type="text"], .register input[type="email"], .register input[type="password"] { height:45px; color:#444; border-radius: 2px; border:1px #efefef solid; margin:5px 0 3px 0 !important; width:90%; }
.register input[type="email"]:focus { border-color:#202020; }
.register input[type="email"]:placeholder-shown, .register input[type="email"]::-webkit-input-placeholder, .register input[type="email"]:-moz-placeholder, .register input[type="email"]::-moz-placeholder, .register input[type="email"]:-ms-input-placeholder, .register input[type="text"]::-ms-input-placeholder, .register input[type="email"]:placeholder-shown{ color:#efefef; }
.register input[type="submit"]{ border: 0px; background-color: #47c4b7; color: #FFFFFF; height:57px; padding:8px 35px 8px; font-weight:600 !important; margin:2px 0px 0px -3px; border-radius: 2px; border:1px #efefef solid; }
.register input[type="submit"]:hover { background-color:#09aa81; }
.register .noaccount{ font-size:13px; color:#999; font-weight: 500; }
.arguments{ padding:15px 25px 55px 50px; line-height:35px; color:#777; font-weight: 400; margin:-40px 0 0 0; font-size:17px; }
.arguments i{ color: rgba(64,201,117,1); font-size:13px; margin:0 5px 0 0 !important; }
.arguments strong{ color: rgba(0,0,0,0.65); }
@media(max-width: 768px){
.registerform{ margin:-85px 0 0 0; padding:25px 25px; }
.register{ padding:20px 10px 25px; }
.registerform .happyfamily{ margin:-15px 0 30px 0; }
.arguments{ padding:10px 5px 25px; font-size:15px; line-height:25px; }
}
/* Instellingen Profiel */
#item-header{ display:none; }
#item-header-content{
height:100px;
border-radius: 2px;
border:1px solid #dbdbdb !important;
padding:20px;
}
#item-header-avatar img{
border-radius: 58px !important;
width:60px;
height:60px;
margin:10px;
}
#item-header-content .user-nicename{ font-size:16px; font-weight: 700; color:#444; }
.screen-heading{
margin:10px 0 10px;
color:rgba(0,0,0,0.5);
}
.bp-wrap{
width:100% !important;
padding:0 !important;
}
.bp-wrap .main-navs{
display: none;
}
#item-body{
width:100% !important;
padding:0 0 25px !important;
background:none !important;
border:none !important;
}
.bp-navs{
margin:0 0 0 4px !important;
}
.bp-subnavs{
background:none !important;
}
.subnav{ }
.bp-widget{
background:#fff;
padding:15px 40px 35px;
margin:-10px 0 0 0;
}
.alerts li{ display:none; }
/* Fix Submenu op Prijsalarmen Tab */
.bp-navs.alarms{ margin-top:10px !important; }
.bp-navs li{ float:left; }
.bp-personal-sub-tab.current a{
background:#fff !important;
color:#608fe2 !important;
-webkit-border-radius: 3px;
-webkit-border-bottom-right-radius: 0px;
-webkit-border-bottom-left-radius: 0px;
-moz-border-radius: 3px;
-moz-border-radius-bottomright: 0px;
-moz-border-radius-bottomleft: 0px;
border-radius: 3px;
border-bottom-right-radius: 0px;
border-bottom-left-radius: 0px;
}
.bp-personal-sub-tab a{
background:rgba(255,255,255,0.42) !important;
color:#999 !important;
padding:10px 18px 10px !important;
text-decoration: none !important;
margin-right:3px;
border:none !important;
font-size:18px !important;
-webkit-border-radius: 3px;
-webkit-border-bottom-right-radius: 0px;
-webkit-border-bottom-left-radius: 0px;
-moz-border-radius: 3px;
-moz-border-radius-bottomright: 0px;
-moz-border-radius-bottomleft: 0px;
border-radius: 3px;
border-bottom-right-radius: 0px;
border-bottom-left-radius: 0px;
}
.bp-personal-sub-tab a:hover{
background:#fff !important;
color:#608fe2 !important;
text-decoration: none !important;
}
.bp-personal-tab{
width:150px;
padding:10px 0;
}
.bp-personal-tab:hover{
background:none !important;
}
.bp-personal-tab.current a{
background:#608fe2 !important;
color:#fff !important;
padding:10px 0 10px 10px;
border-radius: 2px;
}
.bp-personal-tab a{
background:#fff !important;
color:#777 !important;
padding:10px 0 10px 10px !important;
border-radius: 2px;
}
.bp-personal-tab a:hover{
background:#608fe2 !important;
color:#fff !important;
padding:10px 0 10px 10px;
border-radius: 2px;
}
#item-body input[type="submit"]{ border: 0px; width:25%; font-size:16px; background-color: #47c4b7; color: #FFFFFF; height:45px; padding:2px 0px 2px; text-align: center; font-weight:600 !important; margin:2px 0px 0px -3px; border-radius: 2px; }
#item-body input[type="submit"]:hover { background-color:#59B53A; }
/* User Profile */
.bp-widget legend{
font-size:15px;
color:#777;
margin:18px 0 5px 0;
}
.bp-widget input[type="text"],
.bp-widget input[type="email"],
.bp-widget input[type="password"]{
border-radius: 2px;
font-size:15px;
color:#666;
background:rgba(0,0,0,0.02) !important;
border:1px solid rgba(0,0,0,0.06) !important;;
max-width: 420px;
}
.bp-widget input[name="delete-account-button"]{
background:#ff0000 !important;
}
/* #member_username_section, #member_email_section{
float:left;
width:49%;
} */
@media(max-width: 768px){
.buddypress-wrap{ padding:0 10px; }
#item-body input[type="submit"]{ width:60% !important; font-size:14px; }
.bp-personal-sub-tab a{
padding:10px 15px 10px !important;
margin:5px 1px 5px 0;
font-size:13px !important;
}
.bp-wrap{ font-size:13px; }
.bp-wrap p{ font-size:13px; }
.bp-widget{
padding:15px 25px;
}
}
/* prijsalarm */
#prijsalarm{
top: 25px !important;
overflow: hidden;
border-radius: 2px !important;
}
#prijsalarm .modal-header{
border: none !important;
}
#prijsalarm .modal-content{
padding:15px;
}
#prijsalarm .modal-body{
color:#888 !important;
font-weight: 500 !important;
font-size: 12px !important;
line-height: 13px !important;
}
#prijsalarm h3{
font-weight:700 !important;
font-size:20px !important;
margin:5px 0 10px !important;
}
#prijsalarm h3 strong{
font-weight: 700;
color:#555;
}
#prijsalarm h3 i{
color:#ED731C !important;
font-size:18px !important;
margin-right:3px;
}
#prijsalarm .formwrap {
margin-left: 0px !important;
text-align: left;
border: none !important;
}
#prijsalarm input { font-size: 15px; border: 0px; padding: 12px 12px 12px 17px; line-height: 20px; margin:10px 0 0 0; }
#prijsalarm input[type="email"] { height:45px; color:#444; -webkit-border-top-left-radius: 2px; min-width: 350px;
-webkit-border-bottom-left-radius: 2px;
-moz-border-radius-topleft: 2px;
-moz-border-radius-bottomleft: 2px;
border-top-left-radius: 2px;
border-bottom-left-radius: 2px;
border:1px #efefef solid; }
#prijsalarm input[type="email"]:placeholder-shown, #prijsalarm input[type="email"]::-webkit-input-placeholder, #prijsalarm input[type="email"]:-moz-placeholder, #prijsalarm input[type="email"]::-moz-placeholder, #prijsalarm input[type="email"]:-ms-input-placeholder, #prijsalarm input[type="text"]::-ms-input-placeholder, #prijsalarm input[type="email"]:placeholder-shown{ color:#efefef; }
#prijsalarm input[type="submit"]{ border: 0px; background-color: rgba(64,201,117,1); color: #FFFFFF; height:45px; padding:2px 35px 2px;
font-weight:600 !important; margin:2px 0px 0px -3px; -webkit-border-top-right-radius: 2px;
-webkit-border-bottom-right-radius: 2px;
-moz-border-radius-topright: 2px;
-moz-border-radius-bottomright: 2px;
border-top-right-radius: 2px;
border-bottom-right-radius: 2px; }
#prijsalarm input[type="submit"]:hover { background-color:rgba(49,186,102,1); }
@media(max-width: 768px){
#prijsalarm input[type="email"], #prijsalarm input[type="submit"]{
width:100%;
border-radius: 2px;
margin:2px 0;
padding: 12px 7px 12px 12px;
min-width: initial;
}
#prijsalarm{
top: 45px !important;
}
#prijsalarm .close{
font-size:25px !important;
}
}
/* Single Aanbieder */
.alert-info{
font-weight:300 !important;
font-size:13px !important;
}
/************** Autosuggest ************************/
/*! jQuery UI - v1.9.2 - 2012-12-24
* http://jqueryui.com
* Includes: jquery.ui.core.css, jquery.ui.autocomplete.css, jquery.ui.menu.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Trebuchet%20MS%2CTahoma%2CVerdana%2CArial%2Csans-serif&fwDefault=bold&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=f6a828&bgTextureHeader=12_gloss_wave.png&bgImgOpacityHeader=35&borderColorHeader=e78f08&fcHeader=ffffff&iconColorHeader=ffffff&bgColorContent=eeeeee&bgTextureContent=03_highlight_soft.png&bgImgOpacityContent=100&borderColorContent=dddddd&fcContent=333333&iconColorContent=222222&bgColorDefault=f6f6f6&bgTextureDefault=02_glass.png&bgImgOpacityDefault=100&borderColorDefault=cccccc&fcDefault=1c94c4&iconColorDefault=ef8c08&bgColorHover=fdf5ce&bgTextureHover=02_glass.png&bgImgOpacityHover=100&borderColorHover=fbcb09&fcHover=c77405&iconColorHover=ef8c08&bgColorActive=ffffff&bgTextureActive=02_glass.png&bgImgOpacityActive=65&borderColorActive=fbd850&fcActive=eb8f00&iconColorActive=ef8c08&bgColorHighlight=ffe45c&bgTextureHighlight=03_highlight_soft.png&bgImgOpacityHighlight=75&borderColorHighlight=fed22f&fcHighlight=363636&iconColorHighlight=228ef1&bgColorError=b81900&bgTextureError=08_diagonals_thick.png&bgImgOpacityError=18&borderColorError=cd0a0a&fcError=ffffff&iconColorError=ffd27a&bgColorOverlay=666666&bgTextureOverlay=08_diagonals_thick.png&bgImgOpacityOverlay=20&opacityOverlay=50&bgColorShadow=000000&bgTextureShadow=01_flat.png&bgImgOpacityShadow=10&opacityShadow=20&thicknessShadow=5px&offsetTopShadow=-5px&offsetLeftShadow=-5px&cornerRadiusShadow=5px
* Copyright (c) 2012 jQuery Foundation and other contributors Licensed MIT */
/* Layout helpers
----------------------------------*/
.ui-helper-hidden { display: none; }
.ui-helper-hidden-accessible { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }
.ui-helper-clearfix:before, .ui-helper-clearfix:after { content: ""; display: table; }
.ui-helper-clearfix:after { clear: both; }
.ui-helper-clearfix { zoom: 1; }
.ui-helper-zfix { width: 80%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); }
/* Interaction Cues
----------------------------------*/
.ui-state-disabled { cursor: default !important; }
/* Icons
----------------------------------*/
/* states and images */
.ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; }
/* Misc visuals
----------------------------------*/
/* Overlays */
.ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.ui-autocomplete {
position: absolute;
top: 0;
left: 0;
cursor: default;
/* If you want to change width width:180px !important; */
}
/* workarounds */
* html .ui-autocomplete { width:1px; } /* without this, the menu expands to 100% in IE6 */
.ui-menu { list-style:none; padding: 10px 0; margin-top: -20px; border-radius: 15px; display:block; outline: none; font-family: 'Quicksand', sans-serif; font-size: 1.0em; color:#999; border:none !important; font-weight: 500; box-shadow: 0px 2px 2px rgba(0,0,0,0.2) !important; }
.ui-menu .ui-menu { margin-top: -20px; position: absolute; }
.ui-menu .ui-menu-item { margin: 0; padding: 5px 0px 5px 15px; zoom: 1; width: 100%; border-bottom:0px solid #ededed; font-size: 14px !important; }
.ui-menu .ui-menu-item:hover { margin: 0; padding: 5px 0px 5px 15px; zoom: 1; width: 100%; background:none !important; color:#608fe2; border-bottom:0px solid #ededed; font-weight: 700;}
.ui-menu .ui-menu-divider { margin: 5px -2px 5px -2px; height: 0; font-size: 0; line-height: 0; border-width: 1px 0 0 0; }
.ui-menu .ui-menu-item a { text-decoration: none; display: block; padding: 2px .4em; line-height: 1.5; zoom: 1; font-weight: normal; border:none;}
.ui-menu .ui-menu-item a.ui-state-focus,
.ui-menu .ui-menu-item a.ui-state-active { font-weight: normal; margin: -1px; border:none; }
.ui-menu .ui-state-disabled { font-weight: normal; margin: .4em 0 .2em; line-height: 1.5; }
.ui-menu .ui-state-disabled a { cursor: default; }
/* Interaction states
----------------------------------*/
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border:none; }
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #1c94c4; text-decoration: none; border:none; }
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { border:none; }
.ui-state-hover a, .ui-state-hover a:hover, .ui-state-hover a:link, .ui-state-hover a:visited { border:none; }
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border:none; }
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { border:none; }
/* Profile Adjustments */
#profile-page:before{
font-family: 'Font Awesome 5 Free';
font-weight: normal;
font-style: normal;
text-rendering: auto;
text-decoration: inherit;
content: '\f007';
font-size:15px;
padding:0 5px 0 0;
}
#subscription-page:before{
font-family: 'Font Awesome 5 Free';
font-weight: normal;
font-style: normal;
text-rendering: auto;
text-decoration: inherit;
content: '\f0e0';
font-size:15px;
padding:0 5px 0 0;
}
#alerts-page:before{
font-family: 'Font Awesome 5 Free';
font-weight: normal;
font-style: normal;
text-rendering: auto;
text-decoration: inherit;
content: '\f0f3';
font-size:15px;
padding:0 5px 0 0;
}
#alert_section{
color:#777;
}
#alert_section legend{
color:#888;
border:none;
}
.medium_setup{
font-size:15px;
color:#555;
font-weight: 700;
margin:10px 0 0 0;
}
.medium_setup input[type="checkbox"]{ border-radius: 2px; padding:3px; border:1px solid #555; }
.medium_setup i{ margin-right:3px; color:#888; font-weight: 400; font-size:14px; }
/* .medium_setup .fab.fa-whatsapp{ color:#4FCE5D; }
.medium_setup .fab.fa-facebook-messenger{ color:#0084ff; }
.medium_setup .fas.fa-bell{ color:rgba(243,108,45,1); }
.medium_setup .fas.fa-envelope{ color:#b83a9c; } */
/* Custom Checkboxes */
/* The container */
.containercheck {
display: block;
position: relative;
padding-left: 35px;
margin-bottom: 12px;
cursor: pointer;
font-size: 18px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
/* Hide the browser's default checkbox */
.containercheck input {
position: absolute;
opacity: 0;
cursor: pointer;
height: 0;
width: 0;
}
/* Create a custom checkbox */
.checkmark {
position: absolute;
top: 0;
left: 0;
height: 23px;
width: 23px;
background-color: #fff;
border:1px solid #dedede;
border-radius: 2px;
}
/* On mouse-over, add a grey background color */
.containercheck:hover input ~ .checkmark {
border:1px solid #608fe2;
}
/* When the checkbox is checked, add a blue background */
.containercheck input:checked ~ .checkmark {
background-color: #608fe2;
border:1px solid #608fe2;
}
/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
content: "";
position: absolute;
display: none;
}
/* Show the checkmark when checked */
.containercheck input:checked ~ .checkmark:after {
display: block;
}
/* Style the checkmark/indicator */
.containercheck .checkmark:after {
left: 8px;
top: 4px;
width: 6px;
height: 12px;
border: solid white;
border-width: 0 3px 3px 0;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
/* Age Tabs */
#agetabs{ position: absolute; bottom:-58px; right:40px; border:none; }
#agetabs li a { color:#999; font-weight: 600; padding:10px 25px; font-size:13px; background:rgba(255,255,255,0.55); border:none;}
#agetabs li a:hover { background:rgba(255,255,255,1); color:#ff7700; }
#agetabs li.active a {border-bottom-color: transparent; background:rgba(255,255,255,1); color:#666; }
@media(max-width: 768px){
#agetabs{ position: initial; }
#agetabs li a { border-radius: 2px !important }
}
/* Page */
.page{ background:#dbf4f3; padding: 0 0 40px; color:rgba(0,0,0,0.5); font-weight: 600; font-size:16px !important; }
.page.lighter{ background:#edfaf9; }
.page.white{ background:#fff; }
.page h1{ font-size:25px; color:#34807e; }
.page h2{ font-size:20px; color:#43908e; font-weight: 600; margin:45px 0 15px; }
.page h3{ font-size:18px; color:#43908e; font-weight: 600; margin:25px 0 15px; }
.page.lighter h2,.page.white h2{ margin:40px 0 20px !important; }
.page.lighter h3,.page.white h3{ margin:40px 0 20px !important; }
.page .first{ font-weight: 700; color:#34807e; }
.page strong{ font-weight: 900 !important; color:#43908e; }
.page.lighter strong,.page.white strong{ color:#444; }
.page img{ max-width: 100%; }
.page .floatright{ max-width:40%;float:right;margin:40px 5px 15px 25px; }
.page .special{ border-radius: 2px; background:#fff; padding:10px 35px 20px; }
.page .row{ padding:0 !important; margin:0 !important; }
.page .col-sm-3{ padding:0 !important; margin:0 10px 0 0 !important; }
.page .col-sm-6{ padding:0 45px 20px 0 !important; margin:0 !important; }
.page .specialcta{ display: inline-block; margin:15px 0; }
.page .ctapampers{ padding:8px 25px 10px; margin:15px 0; vertical-align:middle !important; border-radius:17px; margin:0 10px 0 0; color:#fff;
font-weight:700; font-size:15px; background: linear-gradient(90deg, rgba(253,182,50,1) 35%, rgba(250,156,48,1) 100%);
}
.page .ctapampers:hover{ background: linear-gradient(180deg, rgba(253,182,50,1) 35%, rgba(250,156,48,1) 100%); }
@media(max-width: 768px){
.page h1{ font-weight: 600; font-size:25px; margin:25px 0 15px; }
.page .special img{ width:50%; }
.page .floatright{ max-width:100%;float:initial;margin:15px 0; }
.page .specialcta{ display: inline-block; margin:15 0 25px; }
.page.lighter img,.page.white img{ margin-top:35px; width:50%; }
}
.popular .img-responsive {
float: left !important;
width: 7% !important;
margin-right: 1.5% !important;
height: auto !important;
box-shadow: 0px 1px rgba(0,0,0,0.05) !important;
overflow: hidden !important;
border-radius: 2px !important;
margin-top: 10px !important;
max-width:initial !important;
}
.popular .img-responsive:hover {
box-shadow: 0px 1px 10px rgba(0,0,0,0.1) !important;
}
@media(max-width: 768px){
.popular .img-responsive {
width: 18% !important;
margin-right: 2% !important;
}
}
/* 404 */
.dude404{
vertical-align: baseline;
padding:15px;
}
.dude404 img{
margin: 25px;
max-width: 400px;
}
@media(max-width: 768px){
.dude404 img{ max-width: 90%; }
}
.pagination{}
.pagination .page-numbers{ padding:5px 10px; background:rgba(255,255,255,1); border-radius: 2px; font-weight: 600; color:rgba(0,0,0,0.65); opacity:0.6; }
.pagination .page-numbers.current{ padding:5px 10px; background:#fff; opacity:1; border-radius: 2px; font-weight: 600; }
.pagination .page-numbers:hover{ opacity:1; }
.compare{ border:2px solid #aedbd9; margin:25px 0;padding:5px; background:#fff; max-width: 100% !important; }
.compare th{ padding:10px; border:1px solid rgba(0,0,0,0.1); background:#aedbd9; color:rgba(0,0,0,0.6); text-align: center; }
.compare .diff{ text-align: left; padding:10px 25px; }
.compare .size{ text-align: left; padding:10px 20px 10px 15px; }
.compare td{ padding:15px 25px; border:1px solid rgba(0,0,0,0.1); line-height: 14px; font-weight: 500; color:#777; }
.compare .pieceprice{ font-weight:700 !important; color:#15908e !important; font-size:17px; }
.compare .pieceprice.avg{ color:#7d9015 !important; }
.compare .promos{ font-size:12px !important; color:#999; }
.compare .cta a{ font-weight: 700; }
.compare i{ font-size:10px; padding-left:8px; }
@media(max-width: 768px){
.compare th{ font-size:11px; padding:5px; border:1px solid rgba(0,0,0,0.1); background:#aedbd9; color:rgba(0,0,0,0.6); text-align: center; }
.compare .diff{ text-align: left; padding:8px 10px; }
.compare .size{ text-align: left; padding:5px 10px 5px 5px; font-size:11px; }
.compare td{ font-size:12px; padding:5px; border:1px solid rgba(0,0,0,0.1); line-height: 14px; font-weight: 500; color:#777; }
.compare .pieceprice{ font-weight:700 !important; color:#15908e !important; font-size:13px; }
.compare .cta a{ font-weight: 700; font-size:11px; }
.compare i{ font-size:10px; padding-left:2px; }
}
/* Breadcrumbs */
.breadcrumbs-wrap{
margin: 0 0 10px 0;
color:rgba(0,0,0,0.22);
font-size: 13px !important;
}
#breadcrumbs{ border-bottom:1px solid rgba(0,0,0,0.05); width:initial; padding:0 0 15px; font-size: 12px !important; }
#breadcrumbs a{ color:rgba(0,0,0,0.22) !important; font-size: 13px !important; }
.breadcrumbs-wrap i{
font-size: 9px !important;
padding:0 7px;
}
#breadcrumbs a:hover{
color:rgba(0,0,0,0.45) !important;
}
.breadcrumb_last{ font-weight: 900; color:rgba(0,0,0,0.28) !important; font-size: 13px !important; }
@media(max-width: 768px){
.breadcrumbs-wrap{
margin: 0 0 0 0 !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: rgb(255,255,255); /* Black fallback color */
background-color: rgba(255,255,255); /* 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) */
}
/* Position the content inside the overlay */
.overlay-content {
position: relative;
top: 5%; /* 25% from the top */
width: 80%; /* 100% width */
text-align: left; /* Centered text/links */
margin-top: 10px; /* 30px top margin to avoid conflict with the close button on smaller screens */
}
/* The navigation links inside the overlay */
.overlay a {
padding: 8px;
text-decoration: none;
font-size: 25px;
font-weight: 700;
color: #818181;
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: #299075;
}
.overlay ul{
list-style-type: none;
padding:0;
}
/* Position the close button (top right corner) */
.overlay .closebtn {
position: absolute;
top: 25px;
right: 25px;
font-size: 40px;
}
/* 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: 15px;
right: 35px;
}
}
/* Promoties Coupon Special */
/*** Special Coupons ***/
.coupon.special {
min-height: 220px !important;
padding: 15px 20px 0px !important;
text-align: center !important;
background:#fff;
border-radius: 2px;
box-shadow:0px 6px 6px rgba(0,0,0,0.02) !important;
width:23%;
display:inline-block;
margin: 0 1% 1% 0 !important;
}
.coupon.special:hover{
box-shadow:0px 6px 6px rgba(0,0,0,0.07) !important;
}
.coupon.special img {
width: 60% !important;
border: 0px !important;
border-radius: 3px !important;
margin:5px 0 0 0;
}
.coupon.special .coupontitle {
line-height: 18px !important;
}
.coupon.special .coupontitle a {
color: #555 !important;
font-size: 17px !important;
font-weight:700 !important;
font-family:'Quicksand', sans-serif !important;
margin-bottom: 15px;
margin-top: 15px;
border:none !important;
}
.coupon.special .coupontitle a:hover {
color:#77b4f2 !important;
text-decoration: none;
}
.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:88%;
min-width: initial !important;
}
.coupon.special .mybtn.btn-code {
margin: -2px 3% 10px 3% !important;
width:88%;
min-width: initial !important;
}
.coupon.special .couponcode{
border:1px dashed rgba(0,0,0,0.3);
padding:6px 15px;
color:rgba(0,0,0,0.3);
font-weight: 700;
text-align: center;
}
/* Excl Page */
.coupon.special.excl {
height: 275px !important;
}
/* Mobile Fix */
@media(max-width: 768px){
.coupon.special {
margin: 0 0 10px 0 !important;
min-height: initial !important;
padding: 10px 20px 20px !important;
width:100% !important;
text-align: left !important;
}
.coupon.special .coupontitle a {
min-height: initial !important;
font-weight:600 !important;
font-size: 16px !important;
line-height: 17px !important;
}
.coupon.special img {
width: 110% !important;
margin:20px 0 0px 0;
}
.coupon.special .btn-aanbieding, .coupon.special .btn-korting, .coupon.special .mybtn.btn-code {
margin: -2px 3% 10px 3% !important;
width:94% !important;
}
}
/* Internationaal */
.internationaal{ padding:10px 0 20px; border-top:1px #f5f5f5 solid; }
.countries{ padding:5px 15px 25px 15px; color:#999; vertical-align:text; }
.countries a{ color:#999; }
.countries a:hover{ text-decoration:none; color:#333; }
.countries img{ margin:-2px 7px 0px 0px; width:17px; border-radius: 1px; }
.countries .country{ display:inline-block; float:left; font-size:13px; margin:10px 45px 0px 0px; }
.countries .maxenta{ float:right; margin-right:10px; margin-top:10px; }
.countries .inactive{ opacity:0.5; }
@media(max-width:768px){
.countries{ padding:0px 10px 15px 40px; }
.countries .country{ display:inline-block; float:left; width:100%; margin:12px 0px 0px 0px; text-align:left; }
.countries .maxenta{ width:100%; text-align:left; margin:30px 0px 0px 0px; }
}
/* Bereken maat tool */
.berekenmaat{ margin:20px 0 30px; color:#666; border:2px solid #aedbd9; padding:25px 50px; width:650px; max-width: 100%;
background:rgba(255,255,255,0.6); font-size:14px; }
.berekenmaat input{ display:inline; width:160px; margin:5px 5px 0 0; padding:20px 0 20px 10px; }
.berekenmaat button{ border:none; margin:15px 0 15px 0; font-weight: 600; padding:10px 35px; }
.berekenmaat #result{ margin:15px 0; }
.berekenmaat strong{ color:#444; }
.berekenmaat #result a{ text-decoration: underline; }
.berekenmaat #result a:hover{ text-decoration: none; }
@media(max-width:768px){
.berekenmaat{ padding:15px 35px; }
}