/*
Theme Name: Go Online
Theme URI: http://www.goonline.nl
Description: Go Online 
Author: Go Online
Author URI: http://www.goonline.nl
Version: 1.0
*/

/** MAIN **/

/* FONTS */
/* @import url('https://fonts.googleapis.com/css2?family=Raleway:wght@300;500;700&family=Sen:wght@400;800&display=swap'); */

:root {
	--rood: #ff3e41;
	--wit: #ffffff;
	--zwart: #000000;
	--grijs: #f5f5f5;
	--donkergrijs: #465362;
	--groen: #04c758;
}

/* == FONTS == */

@font-face {
	font-family: 'Raleway';
	font-style: normal;
	font-weight: 300;
	font-display: swap;
	src: url('css/fonts/Raleway-Light.ttf');
}

@font-face {
	font-family: 'Raleway';
	font-style: normal;
	font-weight:500;
	font-display: swap;
	src: url('css/fonts/Raleway-Medium.ttf');
}

@font-face {
	font-family: 'Raleway';
	font-style: normal;
	font-weight: 700;
	font-display: swap;
	src: url('css/fonts/Raleway-Bold.ttf');
}

@font-face {
	font-family: 'Sen';
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url('css/fonts/Sen-Regular.ttf');
}

@font-face {
	font-family: 'Sen';
	font-style: normal;
	font-weight: 800;
	font-display: swap;
	src: url('css/fonts/Sen-ExtraBold.ttf');
}

input:invalid,input:-moz-submit-invalid {
  border-color: red!important;
}

#loadOverlay{display: none;}

*{
	box-sizing: border-box;
}

html, body {
	padding: 0;
	margin: 0;
	overflow-x: clip;
	/* contain: paint; */
	font-family: 'Raleway', sans-serif!important;
	font-weight:300;
	font-display: swap;
	font-size:16px;
}

.container-fluid{
	width: 70%;
	position: relative;
}

h1, h2, h3, h4, h5, h6 {
	font-family: 'Sen', sans-serif;
	font-weight:800;
}

.sectie-titel {
	color:#ff3e41;
	font-family: 'Sen', sans-serif;
	font-weight:800;
	font-size: 35px;
	margin-bottom:15px;
}

a {
	color:#212529;
	text-decoration: underline;
}

a:hover {
	color:#212529;
}

a.button-rood, .button-rood a, .button-rood {
	display: block;
	background:#ff3e41;
	color:#f5f5f5;
	border-radius:25px;
	padding:15px 30px;
	cursor: pointer;
	font-weight:800;
	text-align: center;
	text-decoration: none;
}

a.ghost-button-rood, .ghost-button-rood a, .ghost-button-rood {
	display: block;
	border:1px solid #ff3e41;
	color:#ff3e41;
	border-radius:25px;
	padding:15px 30px;
	cursor: pointer;
	font-weight:800;
	text-align: center;
	text-decoration: none;
}

.bottom-bar {
	display: none;
}


.bapf_sfilter.bapf_button_berocket .bapf_button {
	display: block;
	background:var(--rood)!important;
	color:var(--wit)!important;
	border-radius:25px;
	padding:15px 30px;
	cursor: pointer;
	font-weight:800;
	text-align: center;
	font-size: 16px!important;
	text-transform: none;
}

.bapf_button_berocket{
	text-align: center;
}

img.contain {
	object-fit:contain;
	object-position: center center;
	height:100%;
	width:100%;
}

img.cover {
	object-fit:cover;
	object-position: center center;
	height:100%;
	width:100%;
}

/* === CUSTOM BLOCKS === */

.responsive-menu, .responsive-filters {
	display: none;
}

.left-side{
	width: 20%;
	float: left;
	background: #ffffff;
	transition: all 200ms ease-in-out;
}

.main-content .left-side.home {
	overflow-y:hidden;
}

.main-content .left-side{
	position: fixed;
	height: 80vh;
	overflow-y: scroll;
	padding-left:30px;
	padding-right:30px;
	padding-bottom:50px;
	-ms-overflow-style: none;
}

.main-content.homepage .right-side {
	float: none;
	width:80%;
	margin:0 auto;
	padding:0;
}

.main-content .left-side::-webkit-scrollbar {
  display: none;
}

.main-content .left-side.scroll{
	top: 0;
	overflow-y:scroll;
	padding-bottom:50px;
}

.main-content .left-side h3 {
	margin-bottom:20px;
	font-size:22px;
}

.main-content .left-side nav ul {
	list-style-type:none;
	padding-left:0;
}

.main-content .left-side nav ul li {
	margin-bottom:10px;
}

.main-content .left-side nav ul li a {
	color:#1a181b;
	text-decoration: none;
	display:flex;
}

.main-content .left-side nav ul li a img {
	width:33px;
	margin-right:10px;
}

.winkelmand-sidebar-bottom {
	margin:0 auto;
	padding-top:30px;
}

.winkelmand-sidebar-bottom a {
	display: block;
	background:#04c758;
	color:#f5f5f5;
	border-radius:25px;
	padding:15px 30px;
}

.mand-items i {
	margin-right:10px;
}

.winkelmand-sidebar-bottom .aantal-items {
	float:left;
}

.winkelmand-sidebar-bottom .mand-totaal {
	float:right;
	font-weight:800;
}

.right-side{
	width: 80%;
	float: right;
	padding:30px;
}

/* .right-side-inner {
	padding:30px 0px;
} */

.menu-sluiten {
	display: none;
}

.woocommerce table.shop_table th {
	display: inline-block;
}

.winkelmand-button {
	margin-bottom:30px;
}

.winkelmand-button .form-control {
	border:none;
}

nav.terug-naar-categorie {
	/*width:90%;*/
	padding-top:15px;
	border-top:1px solid rgba(130, 130, 130, 0.1);
	border-bottom:1px solid rgba(130, 130, 130, 0.1);
	margin:0 auto;
	margin-top:15px;
}


/* === HEADER === */

/* .placeholder {
	height:160px;
	width:100vw;
} */

.header{
	height: 160px;
	padding-top:30px;
	padding-bottom:30px;
	z-index: 99999;
    position: fixed;
    width:100%;
    background:#fff;
}

.header .left-side{
	text-align: center;
}

.header .left-side figure{
	width: 90%;
	margin:0 auto;
}

.header .left-side figure img{
	width: 60%;
	height: auto;
}

.header .right-side {
	position: relative;
    top: 50%;
    transform: translateY(-50%);
}

.header-bar-top > div {
	display: inline-block;
	margin: 0 10px;
}

.header-bar-top .telefoonnummer {
	/*width:15%;*/
	display: inline-block;
}

.header-bar-top .telefoonnummer a, .header-bar-top .adres a, .header-bar-top .geopend-badge a {
	text-decoration: none;
}

.header-bar-top .adres {
	/*width:25%;*/
	display: inline-block;
}

.header-bar-top .telefoonnummer a, .header-bar-top .adres a {
	color:#828282;
}

.geopend-badge {
	/*width:15%;*/
	display:inline-block;
}

.geopend-badge a:hover, .kijkje-winkel-badge a {
	text-decoration: none!important;
}

.geopend-badge .openingsbadge {
	border-radius:25px;
	padding:10px 15px;
}

.openingsbadge .rondje {
	display: inline-block;
	border-radius:100%;
	height:10px;
	width:10px;
	margin-right:10px;
}

.geopend-badge .openingsbadge.open {
	border:2px solid #04c758;
	color:#04c758;
}

.openingsbadge.open .rondje {
	background: #04c758;
}

.geopend-badge .openingsbadge.gesloten {
	border:2px solid #FF3E40;
	color:#FF3E40;
}

.openingsbadge.gesloten .rondje {
	background: #FF3E40;
}

.kijkje-winkel-badge {
	width:20%;
	display:inline-block;
	cursor: pointer;
}

.kijkje-winkel-badge .winkelbadge {
	font-weight:800;
	border-radius:25px;
	border:2px solid #465362;
	color:#465362;
	padding:10px 15px;
	transition: all 200ms ease-in-out;
	-moz-transition: all 200ms ease-in-out;
	-webkit-transition: all 200ms ease-in-out;
	cursor: pointer;
}

.kijkje-winkel-badge:hover .winkelbadge {
	font-weight:800;
	border-radius:25px;
	background:#465362;
	color:#fff;
	padding:10px 15px;
	cursor: pointer;
}

.winkelmand-header {
	width:20%;
	float:right;
}

.winkelmand-header .winkelmand-button {
	float:right;
	margin-right:50px;
	display: inline-block;
	margin-bottom:0;
}

.winkelmand-header .winkelmand-button:hover a {
	color:#fff;
}

.winkelmand-header .button-rood {
	padding:10px 30px;
	background: #04c758;
}

.social-icons ul {
	list-style-type:none;
	padding-left:0;
	margin-top:30px;
}

.social-icons ul li {
	float:left;
	margin-left:5px;
	margin-right:5px;
}

.social-icons ul li a {
	color:#828282;
	border:1px solid #828282;
	padding:10px 15px;
	border-radius:25px;
}

.header-bar-bottom {
	margin-top:20px;
	float: left;
    width: 100%;
    clear: both;
}

.header-bar-bottom ul {
	width:auto;
	float:left;
}

.header-bar-bottom-rechts {
	/*padding-right:4%;*/
	/*width:40%;*/
	float:right;
}

.header-bar-bottom-rechts label {
	/*width:70%;*/
}

.header-bar-bottom-rechts form input[type="text"] {
	background: transparent;
    border: none;
    border-bottom: 2px solid #465362;
    padding-bottom: 10px;
    color: #fff;
    outline: none;
    display: inline-block;
    width:100%;
}

.header-bar-bottom-rechts form input[type="submit"] {
	display: inline-block;
    background: #465362;
    color: #f5f5f5;
    border: none;
    border-radius: 25px;
    padding: 10px 30px;
    cursor: pointer;
    font-weight: 800;
    text-align: center;
}

.header .menu {
	list-style-type:none;
	padding-left:0;
}

.header  .menu li:first-child {
	margin-left:0;
}

.header  .menu li {
	position: relative;
	float:left;
	margin:0px 20px;
	padding-bottom:20px;
}

.header  .menu li a {
	color:#465362;
	font-weight:800;
	font-size:20px;
	text-decoration: none;
}

.header  .menu ul.sub-menu {
	z-index: 999;
	display: none;
	list-style-type:none;
	padding-left:0;
}

.header  .menu ul.sub-menu li {
	width:100%;
	padding-bottom:10px;
	margin-left:0;
}

.header  .menu ul.sub-menu li a {
	font-size:16px;
}

.header  .menu ul.sub-menu li a:hover {
	text-decoration: underline;
}

.header .uitklappen {
	display:none;
}

.header .menu li.menu-item-has-children::after {
	font-family: "Font Awesome 5 Free";
	content: "\f107";
	font-weight: 900;
	color:#FF3E40;
	margin-left:10px;
}

.menu-item-has-children .sub-menu.open {
	display:block!important;
}

.header .menu li.menu-item-has-children a {
	margin-right:10px;
}

.header .menu li.menu-item-has-children:hover ul.sub-menu {
	display: block;
    position: absolute;
    margin-top: 0;
    margin-left: -10px;
    list-style-type: none;
    background: #fff;
    border:1px solid rgba(130, 130, 130, 0.1);
    border-top:none;
    color:#465362;
    padding: 10px;
    border-radius: 5px;
    text-align: left;
}

.header .menu .menu-item-has-children > span {
	color: #465362;
    font-weight: 800;
    font-size: 21px;
}

.header.scroll {
	z-index:9999;
	position: fixed;
	top:0;
	left:0;
	width:100%;
	background:#fff;
}

.header.scroll .header-bar-bottom {
	margin-bottom:0;
}

.header .header-bar-bottom .menu > li, header.scroll .header-bar-bottom ul {
	padding-bottom:0;
	margin-bottom:0;
}

header .header-bar-bottom ul {
	margin-top:15px;
}

.header .search-form input[type="text"]::placeholder, .header .search-form input[type="text"] {
	color:#465362!important;
}

.ui-tooltip {
    position: absolute;
    background:#185968;
    color:#fff;
    z-index: 999;
    width:500px;
    padding:10px;
    display: block;
    margin: 0;
}

 .ui-helper-hidden-accessible {
    display:none;
}

/* === CATEGORIE === */

.open-filters-row {
	display: none;
}

.product-cat-header{
	width: 100%;
	margin-bottom:50px;
	display:flex;
	align-items: center;
}

.cat-header-left{
	width: 25%;
	float: left;
}



.cat-header-right{
	width: 75%;
	float: right;
}

.subcategorie-box {
	width:90%;
	margin:0 auto;
	margin-bottom:50px;
}

.subcategorie-box figure {
	height:300px;
	width: 100%;
} 

.subcategorie-box figure img {
	object-fit: contain;
	width: 100%;
	height: 100%;
}

.subcategorie-box img {
	object-fit: contain;
	width: 100%;
	height: 100%;
}

.subcategorie-box a {
	color:#1a181b;
	font-size:20px;
	text-decoration: none;
}

.subcategorie-box h2, .subcategorie-box mark {
	margin-top:20px;
	font-size:25px;
}

.subcategorie-box .count {
	background-color:transparent;
	font-weight:300;
	font-size:18px;
}

.prijs {
	clear: both;
	overflow: hidden;
}

.product .woocommerce-product-gallery__wrapper img {
	width:auto!important;
	max-width:100%;
	height:auto;
}

.seo-content-onder {
	clear:both;
}

/* === BLOCK: FOTO MET TEAM; === */

.foto-team {
	height:80vh;
	width:70%;
	margin:0 auto;
	padding:50px 0px;
	/* float:right; */
	clear:both;
	overflow: hidden;
}

.foto-team .headerfoto{
	position: relative;
	width: 70%;
	float: left;
	height:100%;
}

.foto-team .headerfoto img {
	width:100%;
	height:auto;
}

.foto-team .driehoek {
	position: absolute;
	right:-5px;
	top:0;
	bottom:-5px;
	clip-path: polygon(70% 0, 100% 0%, 100% 100%, 0% 100%);
	background: #fff;
	width: 30%;
	height: 101%;
}

.header-content {
	position: relative;
	width:30%;
	float:right;
	height:100%;
}

.header-categorie {
	display: none;
}

.header-content h1 {
	margin-bottom:20px;
	color:#FF3E40;
	font-size:30px;
}

.header-content ul {
	list-style-type:none;
	padding-left:0;
	font-size:20px;
}

.header-content ul li {
	margin:5px 0px;
}

.header-content ul li i {
	color:#FF3E40;
	margin-right:10px;
}

.header-content-inner {
	position: relative;
    top: 50%;
    transform: translateY(-80%);
    width:95%;
}

/*.foto-team .header-team{
	width: 30%;
	float: right;
	text-align: center;
}

.foto-team .team-titel {
	display: block;
	font-family: 'Sen', sans-serif;
	font-weight:800;
	font-size:75px;
	color:#ff3e41;
	line-height:50px;
	text-align: center;
	margin-top:30px;
	margin-bottom:50px;
}

.team-box-header {
	width:33%;
	float:left;
}

.team-box-header .teamlid-naam {
	clear:both;
	width:100%;
}*/


/* === BLOCK: YAMAHA CAROUSEL === */

.yamaha-modellen {
	position: relative;
	margin-top:50px;
	margin-bottom:50px;
	clear:both;
}

.custom-owl-nav {
	position: absolute;
	top:50%;
	width:100%;
	z-index:1;
	display:flex;
	align-items: center;
	justify-content: space-between;
}

.custom-owl-nav .next-slide,
.custom-owl-nav .prev-slide {
	padding:5px 10px;
	background: rgba(0, 0, 0, 0.2);
	color: var(--wit);
	font-size:1.5rem;
	cursor: pointer;
}

.yamaha-model-box {
	display:flex;
	align-items: stretch;
}

.yamaha-logo {
	overflow: hidden;
	position: relative;
}

.yamaha-logo::after {
	content: '';
	width: 100%;
	height: 1px;
	background: rgba(130, 130, 130, 0.1);
	position: absolute;
	top: 50%;
	margin-left: 1rem;
}

.yamaha-logo {
	float:left;
	margin-right:15px;
	margin-bottom:20px;
	width:25%;
}

.yamaha-logo img {
	width:100%;
	height:auto;
}

.yamaha-modellen-carousel{
	width: 100%;
	clear: both!important;
}

.yamaha-modellen-carousel .owl-next,
.yamaha-modellen-carousel .owl-prev {
	background:#fff!important;
	border-radius:100%;
	padding:10px;
}

.yamaha-modellen-carousel .yamaha-foto-uitgelicht{
	position: relative;
	width: 70%;
	height:600px;
	border:1px solid rgba(130, 130, 130, 0.1);
	margin:0;
}

.yamaha-modellen-carousel .yamaha-foto-uitgelicht img {
	position: relative;
	padding:30px;
	object-fit: scale-down;
}

.yamaha-modellen-carousel .model-naam {
	font-family: 'Sen', sans-serif;
	font-weight:400;
	color:#ff3e41;
	font-size:22px;
}

.yamaha-box-specs{
	width: 30%;
	height:100%;
	display:flex;
	justify-content: space-evenly;
	flex-direction: column;
}

.yamaha-box-spec, .yamaha-modellen-carousel .yamaha-box-titel, .yamaha-modellen-carousel .yamaha-box-button {
	padding:20px;
	border-top:1px solid rgba(130, 130, 130, 0.1);
	border-right:1px solid rgba(130, 130, 130, 0.1);
}

.spec-titel {
	display: block;
	font-family: 'Sen', sans-serif;
	font-weight: 800;
}

.yamaha-modellen-carousel .yamaha-box-button {
	/* padding:40px 40px; */
	border-bottom:1px solid rgba(130, 130, 130, 0.1);
}

.yamaha-modellen-carousel .yamaha-box-button a {
	width:70%;
	margin:0 auto;
}

.owl-controls i {
    font-size:25px;
    line-height: 45px;
}

.owl-prev {
    width: 45px;
    height: 45px;
    position: absolute;
    top: 40%;
    left:10px;
    margin-left: -20px;
    display: block !important;
    border:0px solid black;
    color:#465362;
    background:#fff;
    border-radius: 100%;
    text-align: center;
}

.owl-next {
    width: 45px;
    height: 45px;
    position: absolute;
    top: 40%;
    right:10px;
    display: block !important;
    border:0px solid black;
    color:#465362;
    background:#fff;
    border-radius: 100%;
    text-align: center;
}

/* === BLOCK: ZOEKEN === */

.zoeken {
	padding-top:50px;
	padding-bottom:50px;
	font-weight:400;
	/* width:95%; */
	clear:both;
	overflow: hidden;
}

.zoeken-container {
	padding:30px 30px 50px 30px;
}

.zoeken .search-form {
	margin-top:30px;
}

.zoeken .search-form label {
	width:70%;
	float:left;
	margin-right:5%;
}

.zoeken .search-form input[type="text"] {
	width:100%;
	background:transparent;
	border:none;
	border-bottom:2px solid #ff3e41;
	padding-bottom:10px;
	color:#fff;
	outline: none;
}

.zoeken .search-form input[type="text"]::placeholder {
	color:#fff;
}

.zoeken .search-form .screen-reader-text {
	color:#fff!important;
}

.zoeken .search-form input[type="submit"] {
	display: block;
	width:15%;
	background:#ff3e41;
	color:#f5f5f5;
	border:none;
	border-radius:25px;
	padding:15px 30px;
	cursor: pointer;
	font-weight:800;
	text-align: center;
}

.zoeken .live-search-results {
	display:none!important;
}

/* === BLOCK: TEKSTVAK === */

.tekstvak {
	/* width:95%; */
	margin-bottom:30px;
}

.tekstvak h3 {
	overflow: hidden;
 	position: relative;
	color:#ff3e41;
	font-family: 'Sen', sans-serif;
	font-weight:800;
	font-size: 35px;
	margin-bottom:15px;
}

.tekstvak h3::after {
  content: '';
  width: 100%;
  height: 1px;
  background: rgba(130, 130, 130, 0.1);
  position: absolute;
  top: 50%;
  margin-left: 1rem;
}

.tekstvak img {
	/* width:100%; */
	height:auto;
}

.tekstvak a {
	color:#FF3E40;
	text-decoration: underline;
	font-weight:800;
}

/* === BLOCK: GOOGLE REVIEWS === */

.google-reviews {
	/* width:95%; */
	border-bottom:1px solid rgba(130, 130, 130, 0.1);
	padding-bottom:30px;
	margin-bottom:50px;
}

.google-reviews figure {
	overflow: hidden;
	height:350px;
	width:100%;
}

.google-review-box {
	position: relative;
	height:350px;
	color:#ef6204;
}

.google-review-box h2, .google-review-box .review-link {
	color:#465362;
}

.google-review-box h2 {
	margin-bottom:30px;
}

.google-review-box .aantal {
	font-size:50px;
	font-family: 'Sen', sans-serif;
	font-weight: 800;
	text-transform: italic;
	margin-right:15px;
}

.google-review-tekst {
	font-size:27px;
}

.google-review-box i {
	font-size:25px;
}

.google-review-box .review-link {
	position: absolute;
	bottom:0;
	left:0;
}

.google-reviews a {
	text-decoration: none;
}

/* === BLOCK: MERKEN CAROUSEL === */

.merken-section {
	margin-bottom:30px;
	position: relative;
	width:95%;
	padding-top:30px;
	padding-bottom:30px;
}

.merken-section .sectie-titel {
	z-index:999;
	position: absolute;
	top:8px;
	left:20px;
}

.merken-carousel{
	width: 100%;
	clear: both!important;
	background:#f5f5f5;
	border:1px solid rgba(130, 130, 130, 0.1);
	padding-top:20px;
	padding-bottom:20px;
}

.merken-carousel .owl-next {
   right: 0;
}

.merken-carousel .owl-nav div {
	background: transparent;
	width: auto;
}

.merken-carousel .owl-nav .owl-next {
	right: 10px;
}

.merken-carousel figure {
	padding-bottom:0;
	margin-bottom:0;
}

.merken-carousel .merk-logo-box img {
	width:80%!important;
	margin:0 auto;
	opacity: 0.7;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    -webkit-transition: 200ms ease;
    -moz-transition: 200ms ease;
    -o-transition: 200ms ease;
    transition: 200ms ease;
}

.merken-carousel .merk-logo-box:hover img {
    opacity: 1;
    -webkit-filter: grayscale(0%);
    filter: grayscale(0%);
}

/* === OUTLET === */

.outlet {
	padding-top:50px;
	margin-bottom:50px;
	padding-bottom:50px;
	border-bottom:1px solid rgba(130, 130, 130, 0.1);
	/* width:95%; */
}

.outlet h2.sectie-titel {
	overflow: hidden;
 	position: relative;
}

.outlet h2.sectie-titel::after {
  content: '';
  width: 100%;
  height: 1px;
  background: rgba(130, 130, 130, 0.1);
  position: absolute;
  top: 50%;
  margin-left: 1rem;
}

.outlet-row {
	margin-top:30px;
}

.outlet .product-box img {
	margin-bottom:20px;
	width:100%;
}

.occasion-prijs-container {
	width:100%;
	clear:both;
	overflow: hidden;
}

.outlet .prijs, .occasion-prijs {
	width:100%;
	margin-top:30px;
	overflow: hidden;
	clear:both;
	font-size:22px;
}

.occasion-prijs.container {
	margin-top:30px;
}

.occasion-prijs-actie.geen-actie {
	float:right;
	width:50%;
	font-size:0.8rem;
	margin-top:0;
	text-decoration: line-through;
}

.occasion-prijs-actie.actie {
	float:left;
	width:49%;
	font-size:26px;
	margin-top:0;
}

.product-prijs .prijs {
	color:#04c758;
	font-weight:800;
}

.actie-prijs {
	float:left;
	width:50%;
	font-size:26px;
	color:#04c758;
}

.oude-prijs {
	float:right;
	width:50%;
	text-decoration: line-through;
	font-size:1.5rem;
}

.kortingspercentage {
	position: absolute;
	top:0;
	right:0;
	background:#ff3e41;
	color:#fff;
	font-weight:800;
	padding:5px 30px;
	font-size:20px;
}

.outlet-button {
	margin-top:30px;
}

.outlet-button a {
	color:#465361;
	border:2px solid #465361;
	border-radius:25px;
	padding:15px 25px;
	text-decoration: none;
}

.outlet-button a i {
	margin-left:10px;
}

.outlet .added_to_cart {
    display:none !important;
}

.outlet .pagination {
	width:100%;
}

/* === ZOEKRESULTATEN === */

.zoekresultaten {
	width:95%;
	padding-bottom:50px;
}

.zoekresultaten .sectie-titel {
	margin-bottom:10px;
}

.zoekresultaten .product-box img {
	margin-bottom:20px;
}

.zoekresultaten .prijs {
	width:100%;
	margin-top:30px;
	overflow: hidden;
	clear:both;
	font-size:22px;
}

.zoekresultaten .actie-prijs {
	float:left;
	width:50%;
	font-size:26px;
}

.zoekresultaten .oude-prijs {
	float:right;
	width:50%;
	text-decoration: line-through;
}

.zoekresultaten .kortingspercentage {
	position: absolute;
	top:0;
	right:0;
	background:#ff3e41;
	color:#fff;
	font-weight:800;
	padding:5px 30px;
	font-size:20px;
}

.zoekresultaten .order-bar {
	margin-top:30px;
	margin-bottom:30px;
}

.zoekresultaten .sorteer-producten {
	width: 300px;
}

.zoekresultaten .geen-resultaten-gevonden {
	margin-top:30px;
}

.zoekresultaten .geen-resultaten-gevonden ul {
	list-style-type:none;
	padding-left:0;
	margin-top:30px;
}

.zoekresultaten .geen-resultaten-gevonden ul li {
	margin-bottom:5px;
}

.zoekresultaten .geen-resultaten-gevonden > a {
	color:#212529;
	text-decoration: underline;
}

.zoekresultaten .geen-resultaten-gevonden ul li a {
	color:#212529;
}

/* === PAGINATION === */

.woocommerce-pagination {
	text-align: center;
	margin-bottom:40px;
}

.woocommerce-pagination ul {
	padding-left:0;
	margin-bottom:0;
	list-style-type:none;
}

.woocommerce-pagination ul li {
	display: inline-block;
	margin:0px 5px;
}

.woocommerce-pagination ul li a {
	color:#465362;
}

.woocommerce-pagination ul li span.current {
	color:#ff3e41;
	font-weight:800;
}

.woocommerce-pagination .next {
	margin-left:20px;
}

.woocommerce-pagination .prev {
	margin-right:20px;
}

.pagination {
	display: block;
	margin-top:30px;
	width:100vw;
}

.pagination a {
	color:#465362;
}

.pagination .current {
	color:#ff3e41;
	font-weight:800;
}

.pagination .next {
	margin-left:20px;
}

.pagination .prev {
	margin-right:20px;
}

.page-numbers {
	margin:0px 5px;
}

/* === NIEUWS === */

.nieuws {
	margin-bottom:50px;
	padding-bottom:50px;
	border-bottom:1px solid rgba(130, 130, 130, 0.1);
	width:95%;
}

.nieuws .sectie-titel {
	margin-bottom:50px;
}

.nieuws h2 {
	overflow: hidden;
 	position: relative;
}

.nieuws h2::after {
  content: '';
  width: 100%;
  height: 1px;
  background: rgba(130, 130, 130, 0.1);
  position: absolute;
  top: 50%;
  margin-left: 1rem;
}

.nieuws .sbi_follow_btn {
	margin-top:50px;
}

/* === PRODUCT OVERZICHT ==*/

.product-overzicht,.cat-content{
	float: left;
	clear: both;
	margin-top:50px;
	margin-bottom:50px;
	width:100%;
}

.product-box {
	position: relative;
	padding:50px 20px 10px 20px;
	border:1px solid rgba(130, 130, 130, 0.1);
	 transition: all 200ms ease-in-out;
	-moz-transition: all 200ms ease-in-out;
	-webkit-transition: all 200ms ease-in-out;
	margin-bottom:20px;
	overflow:hidden;
}

.product-box:hover {
	 transition: all 200ms ease-in-out;
	-moz-transition: all 200ms ease-in-out;
	-webkit-transition: all 200ms ease-in-out;
	-webkit-box-shadow: 4px 4px 33px 0px rgba(0,0,0,0.35);
	-moz-box-shadow: 4px 4px 33px 0px rgba(0,0,0,0.35);
	box-shadow: 4px 4px 33px 0px rgba(0,0,0,0.35);
}

.product-box:hover a.add_to_cart_button {
	background:#04c758;
	 transition: all 200ms ease-in-out;
	-moz-transition: all 200ms ease-in-out;
	-webkit-transition: all 200ms ease-in-out;
}

.product-box:hover a.add_to_cart_button:before {
	color:#fff;
}

.product-box img {
	width:100%;
	height:100%;
	object-fit: contain;
	object-position: center center;
	/*display: block;
	margin:0 auto;*/
}

.product-box-foto{
	height: 250px;
	overflow: hidden;
}

.nieuw-label {
	position: absolute;
	top:0;
	left:0;
	background:#ff3e41;
	color:#fff;
	font-weight:800;
	font-family: 'Sen', sans-serif;
	padding:10px;
}

.onsale {
	position: absolute;
	top:0;
	right:0;
	background:#ff3e41;
	color:#fff;
	font-weight:800;
	font-family: 'Sen', sans-serif;
	padding:10px;
}

.product-box .add_to_cart_button {
	position: absolute;
	top:0;
	left:0;
	padding:10px 15px;
	background:#ececec;
}

.product-box .add_to_cart_button::before {
	font-family: "Font Awesome 5 Free";
	content: "\f217";
	font-weight: 900;
	color:#8f8f8f;
}

.product-box a {
	color:#1a181b;
	text-decoration: none;
}

.product-box h2 {
	margin-top: 15px;
	font-size:21px;
}

.product-box .price {
	display: flex;
	flex-direction: row-reverse;
	justify-content: start;
	align-items: center;
	font-size:1.5rem;
}

.product-box .price del {
	display:flex;
	justify-content: flex-start;
	margin-left:10px;
	width:100%;
	font-size:1.1rem;
}

.product-box .price ins {
	text-decoration: none;
}

.product-box .price ins .amount {
	color: var(--groen);
}

/* === TWEEDEHANDS MOTOREN OVERZICHT ==*/

.tweedehands-motoren-overzicht{
	clear: both;
	margin-top:50px;
	margin-bottom:50px;
	width:100%;
}

.tweedehands-motoren-overzicht .product-box {
	width:100%;
}

/* === PAGINATION === */

.mixitup-page-list {
	text-align: center;
	margin-bottom:40px;
	font-weight:400;
}

.mixitup-page-list button {
	background:transparent;
	border:none;
}

.mixitup-page-list .mixitup-control-active {
	color:#ff3e41;
	font-weight:800;
}

.mixitup-page-list .mixitup-control-prev {
	margin-right:15px;
}

.mixitup-page-list .mixitup-control-next {
	margin-left:15px;
}


/* === SINGLE MERK === */

.single-merk {
	padding-bottom:50px;
}

.single-merk h2 {
	margin-bottom:30px;
}

.single-merk .merk-content {
	width:70%;
}

/* === USP BAR === */

.usp-bar{
	width: 100%;
	float: left;
	clear: both;
	background:#ff3e41;
	padding:30px 20px;
	color:#fff;
	font-weight:800;
	font-family: 'Sen', sans-serif;
	margin-bottom:50px;
}

.usp-bar ul {
	list-style-type:none;
	padding-left:0;
}

.usp-bar ul li {
	float:left;
	width:25%;
}

.usp-bar ul li i {
	margin-right:10px;
}


/* === FOOTER === */

.footer{
	width: 100%;
	clear: both;
	float: left;
	background: #465362;
	padding: 30px 0;
	color:#fff;
	font-size:14px;
	padding-right:30px;
}

.footer h3 {
	margin-bottom:20px;
	font-size:1.2rem;
	font-family:'Raleway', sans-serif;
}

.footer h4 {
	font-family:'Raleway', sans-serif;
	font-size:0.9rem;
}

.footer ul {
	list-style-type:none;
	padding-left:0;
}

.footer ul li {
	margin-bottom:3px;
}

.footer ul li a {
	color:#fff;
	text-decoration: none;
}

.footer ul.openingstijden li {
	display:flex;
	justify-content: space-between;
	align-items: flex-start;
}

.footer .socials {
	display:flex;
	padding-left:0;
}

.footer .socials li {
	margin:0px 15px 0px 0px;
	font-size:1.3rem;
}



.footer a:hover {
	text-decoration: underline;
}

.footer .menu-item-has-children > a {
	display: none;
}

.footer .adp ul li {
	display: inline-block;
	margin:0px 15px;
}

.footer .adp ul li:first-child {
	margin-left:0;
}

.footer .backlink a {
	color:#fff;
}

.footer .rplg {
	margin-top:50px;
}

.afwijkende-openingstijden-link {
	text-decoration: underline;
	margin-top:20px;
	font-weight:800;
}

.footer .plan-je-route {
	display: inline-block;
}

.footer .plan-je-route a {
	padding: 10px 15px;
}

/* === SINGLE CAT SIDEBAR === */

.product-cats-sidebar {
	width:90%;
	margin:0 auto;
	margin-top:15px;
	margin-bottom:15px;
}

.product-cats-sidebar ul li {
	padding:10px 10px 20px 0px;
	border-bottom:1px solid rgba(130, 130, 130, 0.1);
}

.product-cats-sidebar .cat-icon {
	margin-right:15px;
	display: block;
	float:left;
}

.filter-box {
	width:90%;
	margin:0 auto;
	margin-top:20px;
	margin-bottom:15px;
	padding-bottom:15px;
	border-bottom:1px solid rgba(130, 130, 130, 0.1);
}

.filter-actief .checkmark:before {
	font-family: "Font Awesome 5 Free";
	content: "\f00c";
	font-weight: 900;
	color:#ff3e41;
}

.product-cats-sidebar.terug-naar-hoofdcategorie {
	width:100%;
	margin-top:30px;
}

.producten-filters-ajax .berocket_single_filter_widget_49144 {
	float: right;
}

.producten-filters-ajax .wis-filters button {
	color: #ff3e41;
	text-decoration: underline;
	background: transparent;
	border: none;
	text-transform: uppercase;
	font-size: 12px;
	/*line-height: 30px;*/
}

.producten-filters-ajax h2 {
	display: inline-block;
	margin-bottom: 20px;
	font-size: 22px;
}

.producten-filters-ajax h3 {
	font-size: 18px!important;
	font-weight: 400;
}

/* === SINGLE CAT CONTENT === */

.order-bar {
	background:#f7f7f7;
	border-radius:25px;
	clear:both;
	display: flex;
	width:98%;
}

.aantal-producten {
	width:80%;
	float:left;
	position: relative;
    top: 50%;
    transform: translateY(30%);
    padding-left:20px;
}

.aantal-producten .aantal {
	color:#ff3e41;
}

.sorteer-producten {
	position: relative;
	width:20%;
	float:right;
	padding:10px 10px;
	border-left:1px solid rgba(0, 0, 0, 0.1);
}

.sorteer-producten select {
	background:transparent!important;
	border:none!important;
	-moz-appearance:none; /* Firefox */
    -webkit-appearance:none; /* Safari and Chrome */
    appearance:none;
    outline: 0!important;
}

.sorteer-producten i {
	position: absolute;
	top: 22px;
    right: 30px;
    font-size: 22px;
    color: #ff3e41;
}

.filter-optie label {
	position: relative;
	padding-left:35px;
	width:100%;
}

.filter-optie .checkmark {
	position: absolute;
    top: 0;
    left: 0;
    height: 25px;
    width: 25px;
    background-color: #ffffff;
    border: 1px solid #eeeeee;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    text-align: center;
}

.filter-optie input[type="checkbox"] {
	opacity:0;
}

.filter-optie input:checked ~ .checkbox-checkmark:after {
	font-family: "Font Awesome 5 Free";
	content: "\f217";
	font-weight: 900;
}

.woocommerce-pagination {
	clear:both;
}

/* === PRODUCT PAGINA === */

.right-side .product {
	width:95%;
}

.product .product-desc {
	width:80%;
}

.product .single-product-merk {
	font-family:'Sen', sans-serif;
}

.product .product-prijs {
	margin-top:20px;
	margin-bottom:20px;
	color:#465362;
	font-size:30px;
float: left;
clear: both;
width: 100%;
}


.product .product-prijs .actie-prijs,.product .product-prijs .oude-prijs{
	display: block;
	width: 100%;
}

.product .spec-rij {
	border-bottom:1px solid rgba(0, 0, 0, 0.1);
	clear:both;
	overflow:hidden;
}

.product .spec-rij .spec-naam {
	float:left;
	width:50%;
	padding:15px 15px 15px 0px;
	text-transform: capitalize;
	font-weight:800;
}

.product .spec-rij .spec-content {
	width:50%;
	padding:15px;
	border-left:1px solid rgba(0, 0, 0, 0.1);
	float:right;
}

.product .spec-rij .spec-content .spec-item{
	display: block;
	margin-bottom: 5px;
}

.product .spec-rij .spec-content .spec-item:last-child{
	margin-bottom: 0;
}

.product .pdp-buttons {
	padding:10px 0px;
	width:100%;
}

.product .winkelmand-button button[type="submit"] {
	/* float:left; */
	clear:both;
    padding: 10px 25px;
    background: #04c758;
    color:#fff;
    border:none;
    border-radius:25px;
    /* margin:20px 0px 30px 0px; */
}

.product .winkelmand-button button[type="submit"]::before {
	font-family: "Font Awesome 5 Free";
	content: "\f07a";
	font-weight: 900;
	color:#fff;
	margin-right:10px;
}

.product .gerelateerde-producten {
	margin-top:50px;
	margin-bottom:50px;
}

.product figure .onsale {
	right:auto;
	left:15px;
	z-index:999;
}

.gerelateerde-producten h2 {
	margin-bottom:20px;
}

.product .qty {
	display: none;
}

.product .actie-prijs {
	font-size:40px;
	font-weight:800;
	color:#04c758;
}

.product .merk-logo-pdp {
	/* position: absolute;
	top:0;
	right:0; */
	width: 100%;
	height:100px;
}

.merk-logo-pdp img{
	width: 100%;
	height: 100%;
	object-position: center top;
	object-fit: contain;
}

/* .product h1 {
	width:60%;
} */

.je-vindt-dit-in {
	margin-bottom:50px;
}

.product .flex-control-thumbs {
	margin-top:20px;
	padding-left:0;
}

.product .flex-control-thumbs li {
	display: inline-block;
	cursor: pointer;
	border:1px solid rgba(130, 130, 130, 0.1);
	margin:0px 5px;
	padding:10px;
	width:20%;
}

.product .flex-control-thumbs li img {
	width:100%;
	height:auto;
}

.pswp {
	z-index:999999!important;
}

/* === WINKELMAND === */

.hoe-werkt-het {
	border:1px solid rgba(0, 0, 0, 0.1);
	border-radius:25px;
	clear:both;
	padding:30px;
	margin-bottom:50px;
	width:95%;
}

.hoe-werkt-het h3 {
	margin-bottom:30px;
	color:#ff3e41;
}

.hoe-werkt-het .stap-box {
	width:33%;
	display: inline-block;
	vertical-align: top;
}

.hoe-werkt-het .stap-box:last-child .stap-pijl {
	display: none;
}

.stap-box .stap-rondje-container {
	display: inline-block;
	width:20%;
	float:left;
	margin-right:20px;
}

.stap-box .stap-rondje {
	text-align:center;
	font-family:'Sen', sans-serif;
	font-weight:800;
	border-radius:100%;
	border:4px solid rgba(0, 0, 0, 0.1);
	
	font-size:50px;
	width:100%;
	height:100px;
	line-height:90px;
	color:#465362;
}

.stap-box .stap-content {
	height:100px;
	width:60%;
	display: inline-block;
}

.stap-box .stap-content-inner {
	position: relative;
    top: 50%;
    transform: translateY(-50%);
}

.stap-box .stap-pijl {
	width:10%;
	float:right;
	height:100px;
	display: inline-block;
}

.stap-box .stap-pijl i {
	line-height: 100px;
	font-size:50px;
	color:#ff3e41;
}

.woocommerce-cart-form {
	width:95%;
}

.woocommerce-cart-form h3 {
	color:#ff3e41;
	margin-bottom:30px;
}

.woocommerce-cart-form .product-thumbnail img {
	width:150px;
	padding-left:30px;
}

.woocommerce-cart-form .product-name a {
	font-family:'Sen', sans-serif;
	font-weight:800;
	color:#212529;
}

.woocommerce-cart-form .margin-row {
	height:20px;
	border:none;
}

.woocommerce-cart-form .quantity input {
	background:#F6F6F6;
	border:none;
	border-radius:25px;
	outline:none;
}

.woocommerce .product-remove {
	border-right:1px solid rgba(0, 0, 0, 0.1);
}

.woocommerce-cart-form .product-remove i {
	border:1px solid #ff3e41;
	color:#ff3e41;
	padding:10px;
	border-radius:15px;
	font-size:18px;
}

.woocommerce-cart-form a.remove:hover {
	background:transparent!important;
}

.woocommerce-cart-form a.remove:hover i {
	background:#ff3e41!important;
	color:#fff!important;
	transition: all 200ms ease-in-out;
}

.cart-collaterals {
	width:40%!important;
	float:right;
	margin-top:50px;
	margin-bottom:50px;
	margin-right:5%;
}

.cart_totals {
	width:100%!important;
	background:#F6F6F6;
	border-radius:25px;
	padding:25px;
}

.wc-proceed-to-checkout {
	float:right;
	width:100%;
	margin-top:20px;
}

.wc-proceed-to-checkout a {
	width:100%;
	background:#04c758!important;
	color:#f5f5f5!important;
	border-radius:25px!important;
	padding:15px 30px!important;
	cursor: pointer;
	font-weight:800;
	text-align: center;
}

a.button.wc-forward {
	background:#04c758!important;
	color:#f5f5f5!important;
	border-radius:25px!important;
	padding:15px 30px!important;
	cursor: pointer;
	font-weight:800;
	text-align: center;
}

.cart_totals tr, .cart_totals th, .cart_totals tbody, .cart_totals td, .cart_totals table {
	border:none!important;
}

.woocommerce table.shop_table {
	border:none;
	border-collapse: collapse;
}

.woocommerce table.shop_table tr {
	border:1px solid rgba(0, 0, 0, 0.1);
	display: block;
	border-radius:25px;
}

.woocommerce table.shop_table td {
	display: inline-block;
	border:none!important;
}

.woocommerce table.shop_table td.product-thumbnail {
	width:25%;
}

.woocommerce table.shop_table td.product-name {
	width:35%;
}

.woocommerce table.shop_table td.product-name .variation {
	margin-bottom:0;
	margin-top:10px;
}

.woocommerce table.shop_table td.product-quantity {
	width:15%;
}

.woocommerce table.shop_table td.product-subtotal {
	width:10%;
}

.woocommerce table.shop_table td.product-subtotal .oude-prijs {
	float:left;
}

.woocommerce table.shop_table td.product-remove {
	width:10%;
}

.woocommerce table.shop_table .witruimte {
	border:none;
}

.actions .coupon {
	text-align: left;
	width:50%;
}

.actions .coupon input {
	float:left;
	width:auto!important;
	margin-right:20px;
}

.direct-info-box {
	background:#465362;
	color:#fff;
	padding:20px;
	border-radius:25px;
	margin-top:20px;
}

.direct-info-box i {
	margin-right:10px;
}

.direct-info-box h3{
	font-size:24px;
}

.direct-info-telefoon {
	margin-bottom:10px;
}

.direct-info-telefoon, .direct-info-email {
	display: block;
}

.direct-info-box a {
	color:#fff;
}

/* == BREADCRUMBS == */

.woocommerce-breadcrumb {
	margin-bottom:30px;
}

.woocommerce-breadcrumb a {
	font-weight:800;
	color:#465362;
}

/* == SINGLE YAMAHA MOTOR == */

.single-motor {
	padding-bottom:50px;
}

/* .single-motor h1 {
	margin-bottom:40px;
} */

.single-motor .divider {
	margin:10px 0px;
	height:2px;
	background: rgba(130, 130, 130, 0.2);
}

.single-motor h3 {
	font-size:1.2rem;
}

.single-motor .owl-controls .owl-next {
	right:0;
}

.single-motor .motor-prijs,
.single-motor .occasion-prijs-container .occasion-prijs-actie.actie,
.single-motor .occasion-prijs-container .occasion-prijs {
	color: #04c758;
	font-weight:600;
	font-size:1.8rem;
}

.single-motor .occasion-prijs-actie.geen-actie {
	font-size:1.2rem;
}

.single-motor .occasion-prijs-container {
	display:flex;
	justify-content: flex-start;
	align-items: center;
}

.single-motor .occasion-prijs-actie {
	width:auto;
	float:none;
	margin-left:10px;
}

.single-motor .formulier-container {
	margin-top:20px;
}

.single-motor .yamaha-modellen-carousel-thumbs {
	display:flex;
	justify-content: flex-start;
	align-items: center;
	flex-wrap: wrap;
}

.single-motor .yamaha-modellen-carousel figure {
	margin:0;
	height:400px;
}

.single-motor .yamaha-modellen-carousel-thumbs figure {
	height:75px;
	aspect-ratio: 1 / 1;
	margin-right:10px;
	margin-bottom:5px;
	opacity:0.5;
	cursor: pointer;
	transition: all 150ms ease-in-out;
    -moz-transition: all 150ms ease-in-out;
    -webkit-transition: all 150ms ease-in-out;
}

.single-motor .yamaha-modellen-carousel-thumbs figure.active {
	opacity:1;
	transform: scale(1.05);
}

.single-motor .product-info {
	background: var(--grijs);
	padding:50px 0px;
	margin-top:50px;
}

.single-motor .product-info .container-fluid {
	width:95%;
}

.single-motor .gerelateerde-occasions {
	margin:50px 0px;
}

.single-motor .gerelateerde-occasions h2 {
	margin-bottom:30px;
}

#single-motor-tabs ul {
	list-style-type:none;
	padding-left:0;
	width:100%;
	margin-bottom:0;
}

#single-motor-tabs ul.tab-headers {
	border-bottom:1px solid rgba(130, 130, 130, 0.1);
	padding-bottom:10px;
	margin-bottom:30px;
	display: flex;
	justify-content: space-between;
}

#single-motor-tabs ul.tab-headers li {
	display: inline-block;
	margin:0px 15px;
}

#single-motor-tabs ul.tab-headers li:first-child {
	margin-left:0;
}

#single-motor-tabs ul.tab-headers li a {
	color:#465362;
	font-size:20px;
	font-weight:800;
	font-family: 'Sen', sans-serif;
}

.single-motor .yamaha-box-spec {
	padding-left:0;
	padding:15px 0px 15px 15px;
	margin-bottom:5px;
	border:none;
	background: var(--wit);
	clear:both;
	overflow: hidden;
}

.single-motor .yamaha-box-spec .spec-titel {
	width:40%;
	float:left;
}

.single-motor .yamaha-box-spec .spec-content {
	width:60%;
	float:right;
}

#single-motor-tabs .ui-state-active a {
	color:#ff3e41!important;
	text-decoration: underline;
}

.meer-info-formulier h2 {
	margin-bottom:30px;
}

.single-motor form input, .single-motor form textarea {
	border:1px solid rgba(130, 130, 130, 0.3)!important;
}

.single-motor form input[type="submit"] {
	display: block;
	background:#ff3e41;
	color:#f5f5f5;
	border-radius:25px;
	padding:15px 30px;
	cursor: pointer;
	font-weight:800;
	text-align: center;
}

.gform_wrapper ul {
	list-style-type:none;
}

/* === MOTOR OVERZICHT === */

.motor-overzicht .product-box {
	display: inline-block;
	width:20%;
	margin-bottom:30px;
}

.motor-overzicht .product-box img {
	width:100%;
	height:auto;
}

h2.motor-type-titel {
	margin-bottom:20px;
	margin-top:30px;
}

h2.motor-type-titel:first-child {
	margin-top:0;
}

.motor-overzicht .product-box h3 {
	margin-top:20px;
	font-size:18px;
}

/* === CONTACT === */

.contact {
	margin-bottom:80px;
}

.contact-form h1 {
	color:#5ebebc;
}

.contact .gform_wrapper form {
	margin-top:50px;
}

.contact form input, .contact form textarea {
	border:1px solid rgba(130, 130, 130, 0.1);
}

.contact input[type="submit"] {
	display: block;
	background:#ff3e41;
	color:#f5f5f5;
	border:none;
	border-radius:25px;
	padding:15px 30px;
	cursor: pointer;
	font-weight:800;
	text-align: center;
}

.contact-container {
	margin-bottom:30px;
}

.contact-container h3 {
	margin-bottom:20px;
}

.contact-container .icon {
	float:left;
	display: block;
}

.contact-container i {
	float:left;
	color:#ff3e41;
	margin-right:10px;
	font-size:20px;
}

.contact-container ul {
	list-style-type:none;
	padding-left:0;
}

.contact-container ul li {
	margin-bottom:5px;
}

.contact-container ul li a {
	color:#212529;
	text-decoration: none;
}

.contact-container ul .dag {
	width:25%;
	float:left;
	font-weight:800;
}

.contact-container ul .tijd {
	width:75%;
}

.contact .bovag-titel {
	margin-top:50px;
}

.contact .bovag-logo {
	margin-top:20px;
	margin-bottom:50px;
}


.contact .plan-je-route {
	display: inline-block;
}

.contact .plan-je-route a {
	padding:10px 15px;
}
/* === TEKSTVAK MET SLIDER === */

.tekstvak-met-slider {
	width:95%;
	padding-bottom:50px;
}

.tekstvak-met-slider img {
	width:100%;
	height:auto;
}

/* === YAMAHA DEALER === */

.yamaha-dealer {
	padding-bottom:50px;
}

.yamaha-dealer .yamaha-logo {
	margin-bottom:30px;
}

.yamaha-dealer h2 {
	overflow: hidden;
	position: relative;
	margin-bottom:30px;
}

.yamaha-dealer h2::after {
	content: '';
	width: 100%;
	height: 1px;
	background: rgba(130, 130, 130, 0.1);
	position: absolute;
	top: 50%;
	margin-left: 1rem;
}

/* === LINKS === */

.links {
	padding-bottom:50px;
}

.link-container {
	margin-top:30px;
}

.link-box {
	padding:20px;
	border:1px solid rgba(130, 130, 130, 0.1);
	margin-bottom:20px;
}

.link-box a {
	color:#1a181b;
}

.link-box h3 {
	margin-top:15px;
	font-size:22px;
}

.link-box-container {
	position: relative;
    top: 50%;
    transform: translateY(-50%);
}

/* === MERKEN === */

.merken {
	padding-bottom:50px;
	/* width:95%; */
}

.merk-container {
	margin-top:30px;
}

.merk-container img {
	width:100%;
	height:100%;
}

.merk-box {
	padding:20px;
	border:1px solid rgba(130, 130, 130, 0.1);
	margin-bottom:20px;
	height:150px;
	display: flex;
	align-items:center;
	justify-content: center;
}

.merk-box figure {
	height:100%;
	margin:0;
}

.merk-box a {
	color:#1a181b;
}

.merk-box h3 {
	margin-top:15px;
	font-size:22px;
}

/* === FAQ === */

.faq {
	padding-bottom:50px;
}

.faq h2 {
	margin-bottom:30px;
}

.faq #accordion {
	width:95%;
}

.faq #accordion .ui-accordion-header {
	font-family:'Sen', sans-serif;
	font-weight:800;
	padding-bottom:20px;
	margin-bottom:30px;
	margin-top:30px;
	border-bottom:1px solid rgba(130, 130, 130, 0.3);
	font-size:25px;
	cursor: pointer;
}

.faq #accordion .ui-accordion-header:first-child {
	margin-top:0;
}

.faq #accordion .ui-state-focus { 
	outline: none; 
}

.faq .pijl-beneden {
	float:right;
}

/* === CHECKOUT === */

.woocommerce-terms-and-conditions-wrapper{
	width: 100%;
	clear: both;
}

.woocommerce form .form-row.woocommerce-validated .select2-container, .woocommerce form .form-row.woocommerce-validated input.input-text, .woocommerce form .form-row.woocommerce-validated select{
	border: 1px solid #6dc22e;
}

.checkout {
	padding-bottom:50px;
}

.woocommerce form.checkout .form-row label {
	display: block;
	width:100%;
}

.woocommerce form .form-row .woocommerce-input-wrapper {
	width:100%;
}

/* .woocommerce form .form-row input {
	width:100%!important;
	padding:5px!important;
} */

.checkout h3 {
	margin-bottom:20px;
}

.checkout #customer_details {
	margin-bottom:50px;
}

.shop_table tr {
	margin-bottom:20px;
}

.shop_table th.product-name {
	width:45%;
}

/*#billing_address_2 {
	display: none;
}*/

.shop_table th.product-total, .woocommerce table.shop_table td.product-total {
	width:30%;
}

.woocommerce-checkout input[type="text"],
.woocommerce-checkout input[type="tel"],
.woocommerce-checkout input[type="email"],
.woocommerce-checkout textarea,
.woocommerce-checkout select {
	border:1px solid #aaa;
	padding:10px 10px 10px 20px;
}

.woocommerce-checkout .adresgegevens-sectie-titel {
	padding-top:20px;
	display:block;
}

#ship-to-different-address label {
	display:table-row;
	font-size:1.3rem;
}

#ship-to-different-address label input,
#ship-to-different-address label span {
	display: table-cell;
}

#ship-to-different-address label input {
	margin-right:8px;
}

.woocommerce table.shop_table {
	border:none !important;
}

.woocommerce table.shop_table tbody th, .woocommerce table.shop_table tfoot td, .woocommerce table.shop_table tfoot th {
	border: none!important;
}

.woocommerce-checkout .order-total th,
.woocommerce-checkout .woocommerce-shipping-totals.shipping th {
	width:10%;
}

.woocommerce-checkout .woocommerce-shipping-totals.shipping ul#shipping_method li:last-child {
	margin-bottom:0;
}


/* === BEDANKPAGINA ORDER === */

.woocommerce-thankyou-order-received {
	color:#04c758;
	font-weight:800;
	font-size:22px;
	font-family:'Raleway', sans-serif;
}

ul.woocommerce-order-overview {
	list-style-type:none;
	padding-left:0;
	margin-top:30px!important;
	margin-bottom:30px!important;
}

.woocommerce-order-details {
	margin-top:50px;
	margin-bottom:50px!important;
}

.woocommerce-order-details h2 {
	margin-bottom:20px;
}

.woocommerce-order-details tr {
	margin-bottom:10px!important;
}

.woocommerce-form-coupon-toggle {
	display: none;
}

#place_order.button {
	background: #04c758!important;
    color: #f5f5f5!important;
    border-radius: 25px!important;
    padding: 15px 30px!important;
    cursor: pointer;
    font-weight: 800;
}

/* .checkout .order-total {
	font-size:22px;
	margin-top:30px;
} */

/* ADD TO CART POPUP */

.add-to-cart-popup-overlay {
	display: none;
	position: fixed;
	left:0;
	top:0;
	z-index:99999;
	width:100%;
	height:100%;
	background:rgba(0, 0, 0, 0.3);
	color:#fff!important;
}

.add-to-cart-popup {
	display: none;
	position: fixed;
	width:40%;
	height:auto;
    top: 50%;
    left:50%;
    transform: translate(-50%, -50%);
	background: #ffffff;
	padding:50px;
	text-align: center;
	z-index:999999;
}

.add-to-cart-popup-sluiten {
	position: absolute;
	top:20px;
	right:20px;
	color:#000;
	cursor:pointer;
}

.add-to-cart-buttons {
	clear: both;
	overflow: hidden;
	margin-top:30px;
}

.add-to-cart-buttons .naar-bestellijst-button {
	margin-right:20px;
	width:auto;
	display: inline-block;
}

.add-to-cart-buttons .verder-kijken-button {
	width:auto;
	display: inline-block;
}

/* VERDER WINKELEN */

.terug-naar-winkel a {
	display: inline-block;
	padding: 15px 25px;
}

.terug-naar-winkel a i {
	margin-right: 10px;
}

.terug-naar-winkel {
	margin-bottom: 30px;
}

/* BEDANKPAGINA */

.woocommerce-customer-details .woocommerce-column {
	width:30%;
	margin-right:30px;
	float:left;
}


/* ===================
    ORIENTATION NOTICE
======================*/

.orientation-notice {
    display: none;
}

/* WOOCOMMERCE */

.woocommerce-message {
	border-top-color:#04c758!important;
	width:95%;
}

.woocommerce-message::before {
	color:#04c758!important;
}

/* REVIEW ORDER */

.shop_table .product-image {
	width:10%;
	text-align: center;
}

.shop_table .product-image img {
	height:auto;
	width:50%;
	margin:0 auto;
}

/* ORDER RECEIVED */

.woocommerce-order-details .product-image {
	width:10%;
	text-align: center;
}

.woocommerce-order-details .product-image img {
	height:auto;
	width:50%;
	margin:0 auto;
}

.woocommerce-table .wc-item-meta {
	padding:0;
	margin:0;
	margin-top:20px;
}

/* AFWIJKENDE OPENINGSTIJDEN */

.afwijkende-openingstijden {
	padding-bottom:50px;
}

.afwijkende-openingstijden ul {
	list-style-type:none;
	padding-left:0;
}

.afwijkende-openingstijden h2 {
	margin-bottom:20px;
}

/* SEO PAGINA */

.seo-pagina {
	padding-bottom:50px;
}

.seo-pagina .product-box-foto figure {
	width:100%;
	height:250px;
	margin:0;
}


.reguliere-prijs {
	float: left;
	width: 50%;
	font-size: 26px;
}

.prijs-filter-inner .max-prijs {
	float:right;
}

.seo-pagina .cat-header-left {
	width:80%;
}

.seo-pagina .cat-header-right {
	width:20%;
}

.seo-pagina .seo-content-onder, .seo-pagina .seo-content-boven {
	width:90%;
}

/* === BLOG === */

.blog-overzicht {
  padding-bottom:100px;
  padding-top:50px;
}

.blog-overzicht .container-fluid {
  width:95%;
}

.blog-box {
  position: relative;
  margin-bottom:50px;
}

.blog-box:hover {
  transform:scale(1.02);
  transition: all 150ms ease-in-out;
    -moz-transition: all 150ms ease-in-out;
    -webkit-transition: all 150ms ease-in-out;
}

.blog-box h3 {
  font-weight:700;
  margin-top: 10px;
  margin-bottom: 0;
}

.blog-box .blog-link {
	margin-top: 30px;
}

.blog-box a:hover, .blog-box a {
  text-decoration: none;
}

.blog-box .content-container {
  background:#f7f7f7;
  padding:20px;
  border-radius:0px 0px 10px 10px;
}

.blog-box figure {
  position: relative;
  height:250px;
  margin-bottom:0;
  border-radius:10px 10px 0px 0px;
}

.blog-box figure img {
	object-fit: cover;
	object-position: center center;
	height: 100%;
	width: 100%;
}

.blog-box .content p, .blog-box .content{
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
}

.blog-box a.lees-meer {
  font-weight:600;
}

.blog .blog-info {
  clear:both;
  overflow:hidden;
  margin-top:20px;
  margin-bottom:20px;
}

.blog-info .auteur {
  float:left;
}

.blog-info .blog-datum {
  float:right;
  font-size:14px;
  line-height:50px;
}

.blog-tag {
  display:inline-block;
  color:#fff;
  background:#003a57;
  border-radius:10px;
  padding:5px 10px;
  font-size:14px;
  font-weight:300;
  margin-right:5px;
}

.single-blog .blog-tags {
  min-height:40px;
  margin-bottom:10px;
  float:right;
}

.blog-box .blog-tags {
  position: absolute;
  line-height:normal;
  bottom:15px;
  right:15px;
}

.single-blog .blog-datum {
  float:left;
  font-size:14px;
  line-height:35px;
}

.leestijd {
  float:right;
  font-size:14px;
  line-height:35px;
}

.blog .auteur {
  font-weight:600;
}

.blog .auteur-foto {
  width:50px;
  height:50px;
  border-radius:100%;
  float:left;
  margin:0;
  margin-right:30px;
}

.blog .auteur-naam {
  color:#003a57;
  display: inline-block;
  line-height:50px;
  font-size:15px;
}

/* == RECENTE BLOG ARTIKELEN == */

.recente-blog-artikelen .blog-box {
  margin-bottom:30px;
}

.recente-blog-artikelen .container-fluid {
  width:90%;
}
/* == SINGLE BLOG == */

.single-blog {
  background:#f7f7f7;
  padding-top:100px;
  padding-bottom:100px;
}

.single-blog .container-fluid {
	width: 95%;
}

.single-blog article {
  background:#fff;
  padding:30px 20px;
}

.single-blog aside {
  position: relative;
}

.single-blog h3 {
  font-size:25px;
}

.single-blog figure {
  width:100%;
  height:250px;
}

.single-blog figure img {
  width:100%;
  height:100%;
  object-fit: cover;
  object-position: center center;
}

.single-blog .terug-naar-overzicht {
  margin-bottom:20px;
  float:left;
  font-size:15px;
}

.single-blog .terug-naar-overzicht a:hover {
  color:#FF3E40;
}

.single-blog .artikel-info {
  padding-top: 10px;
  padding-bottom: 10px;
  margin: 20px 0px;
  border-top: 1px solid rgba(0, 0, 0, 0.2);
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  text-transform: uppercase;
  font-size: 14px;
}

.single-blog .artikel-info i {
  margin-right: 8px;
  color: #000;
}

.single-blog h1 {
  margin-top:50px;
  margin-bottom:10px;
  font-weight:700;
  color:#FF3E40;
}

.single-blog h2 {
	font-size: 30px;
}

.single-blog aside h2 {
  font-size:20px;
}

.single-blog h4 {
  font-family:'Roboto Condensed', sans-serif;
  font-size:18px;
  font-weight:600;
}

.single-blog .sidebar-sectie {
  margin-bottom:30px;
}

.single-blog .blog-sectie-titel {
  font-weight:800;
  color:#9c9c9c;
  font-size:22px;
}

.single-blog ul li a, .single-blog p a {
  color:#000;
  text-decoration: underline;
}

.single-blog .auteur {
  margin-top:35px;
  margin-bottom:35px;
  font-weight:600;
}

.single-blog .auteur-foto {
  width:50px;
  height:50px;
  border-radius:100%;
  float:left;
  margin:0;
  margin-right:30px;
}

.single-blog .auteur-naam {
  color:#003a57;
  display: inline-block;
  line-height:50px;
  font-size:15px;
}

.blog-tekstvak strong {
  font-weight:600;
}

.single-blog aside {
	margin-bottom: 10px;
	background: #fff;
	padding: 20px;
}

.single-blog aside ul {
  list-style-type:none;
  padding-left:0;
  margin: 0;
  margin-top:15px;
}

.single-blog aside ul li a {
  text-decoration: none;
  color:#000;
  font-size:16px;
}

.single-blog aside ul li i {
	margin-right: 8px;
}

.single-blog aside ul li a:hover {
  text-decoration: underline;
  color: #FF3E40;
}

.single-blog .leestijd strong, .single-blog .blog-datum strong {
  font-weight:600;
}

.single-blog .blog-thumbnail {
  margin-top:35px;
  margin-bottom:35px;
}

.single-blog .grecaptcha-badge {
  visibility: hidden;
}

/* Social Share */

.social-icoon{
  width: 40px;
  height: 40px;
  float: left;
  margin-right: 10px;
  overflow: hidden;
  border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
}

.social-icoon a{
  display: block;
  width: 100%;
  height: 100%;
  line-height: 42px;
  text-align: center;
  color: #ffffff;
  font-size: 18px;
}

.social-share {
  display: inline-block;
}

.social-share .social-icoon:first-child {
  margin-left: 0;
}

.social-icoon.facebook a{
  background: #3b5998;
}

.social-icoon.linkedin a{
  background: #008cc9;
}

.social-icoon.email a{
  background: #f6f6f6;
  color: #444444;
}

.social-share span {
  float: left;
  margin-right: 20px;
  line-height: 40px;
}

/* GERELATEERDE ARTIKELEN */

.gerelateerde-artikelen h2 {
  margin-bottom:50px;
}

.gerelateerde-artikelen .blog-info {
  margin-top:20px;
  margin-bottom:20px;
}

.gerelateerde-artikelen .blog-datum {
  float:right;
  line-height:52px;
}

.gerelateerde-artikelen .auteur {
  margin-top:0;
  margin-bottom:0;
}
/* == GERELATEERDE PRODUCTEN == */

.gerelateerde-producten {
	margin-bottom: 50px;
}

.gerelateerde-producten h2 {
	margin-bottom: 30px;
}

/* == RECENT BEKEKEN == */

.recent-bekeken {
	margin-bottom: 50px;
}

.recent-bekeken h2 {
	margin-bottom: 30px;
}

/* == VIERDAAGSE POPUP ==*/

.vierdaagse-popup-overlay {
	/*display: none;*/
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: rgba(0, 0, 0, 0.7);
	z-index: 99999999;
}

.vierdaagse-popup {
	/*display: none;*/
	width: 40%;
	background: #fff;
	z-index: 999999999;
	/*height: 300px;*/
	position: fixed;
  top: 0;
  right: 0;
  max-height:100vh;
  overflow-y:scroll;
}

.vierdaagse-popup .popup-content {
	padding: 50px;
}

.vierdaagse-popup figure {
	position: relative;
	height: 430px;
}

/*.vierdaagse-popup .foto .overlay {
	background: rgba(0, 0, 0, 0.5);
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}*/

.vierdaagse-popup ul {
	margin-bottom: 20px;
}

.vierdaagse-popup figure img {
	object-fit: cover;
	object-position: center center;
	height: 100%; width: 100%;
}

.vierdaagse-popup .popup-sluiten {
	position: absolute;
	top: 0;
	right: 0;
	cursor: pointer;
	font-size: 30px;
	padding: 10px 20px;
	background: #fff;
	color: #393939;
	z-index: 2;
}

.vierdaagse-popup .button-container {
	margin-top: 40px;
}

/* == LEES MEER == */

.read-more__container {
    margin:10px 0px;
}

.read-more__container .read-more__text.hidden {
    display:none;
}

.read-more__container .read-more__button {
	color: #ff3e41;
	text-decoration: underline;
	cursor:pointer;
}

/* == KENNISBANK CATEGORIE == */

.kennisbank-template {
	padding: 50px 15px;
	background: var(--grijs);
}

.kennisbank-template article .article-inner {
	background: var(--wit);
	padding: 30px 20px;
}

.kennisbank-template .info-rij {
  background: var(--grijs);
  padding:10px;
	margin-bottom:10px;
}

.kennisbank-template .artikel-info {
	clear:both;
	overflow:hidden;
	margin:20px 0px;
}

.kennisbank-template h1 {
	margin-bottom:30px;
	color: var(--rood);
}

.kennisbank-template .content h2 {
	font-size:1.5rem;
	color: var(--zwart);
}

.kennisbank-template .content a {
	color: var(--rood);
}

.kennisbank-template figure.thumbnail {
	height:200px;
	width:100%;
	margin-bottom:10px;
}

.kennisbank-template .inhoudsopgave {
	margin:20px 0px;
}

.kennisbank-template .inhoudsopgave h2 {
	font-size:1.3rem;
	color: var(--rood);
}

.kennisbank-template .inhoudsopgave li {
	margin-bottom:4px;
}

.kennisbank-template .sidebar-box {
	margin-bottom:20px;
}

.kennisbank-template .sidebar-box-inner {
	background: var(--wit);
	padding:30px;
}

.kennisbank-template .sidebar-box h3 {
	font-size: 1.3rem;
	margin-bottom:20px;
	color: var(--zwart);
}

.kennisbank-template .sidebar-box a {
	color: var(--rood);
}

.kennisbank-template .sidebar-box .tags .cat-tag {
	display:inline-block;
	padding:3px 10px;
	background: var(--rood);
	margin:5px 5px 5px 0px;
}

.kennisbank-template .sidebar-box .tags .cat-tag a {
	color: var(--wit);
	text-decoration: none;
	font-size:0.8rem;
}

.kennisbank-template ol,
.kennisbank-template ul {
	margin-bottom:0;
}

.kennisbank-template .social-share {
	margin-top:20px;
}

/* PDP Lees meer */

.product-beschrijving {
	clear:both;
}

/* .product-beschrijving.show-less-content .second-section,
.product-beschrijving.show-less-content .read-less {
   display: none;
}

.product-beschrijving.show-more-content .read-more {
   display: none;
}

.product-beschrijving .read-more,
.product-beschrijving .read-less {
   font-weight: bold;
   margin: 10px 0px 20px 0px;
   color: var(--rood);
   cursor: pointer;
} */

/* == KENNISBANK: TEKSTVAK == */

.kennisbank-tekstvak {
	padding:20px 0px;
}

.kennisbank-tekstvak a {
	color: var(--rood);
}

.kennisbank-tekstvak h1 {
	color: var(--rood);
	font-size:2.3rem;
}

.kennisbank-tekstvak h2 {
	font-size:1.8rem;
}

.kennisbank-tekstvak h3 {
	font-size:1.2rem;
	font-weight:800;
}

.single-kennisbank figure.thumbnail {
	height:250px;
	margin-bottom:20px;
}

.single-kennisbank aside {
	position: relative;
}

.single-kennisbank aside .sidebar-sticky {
	position: sticky;
	top:170px;
	margin-bottom:30px;
}

.single-kennisbank .sidebar-box {
	background: var(--grijs);
	padding:20px;
	width:100%;
}

.single-kennisbank .sidebar-box h3 {
	margin-bottom:10px;
	font-size:1.2rem;
}

.single-kennisbank .inhoudsopgave ol {
	padding-left:15px;
	margin-bottom:0;
}

.single-kennisbank .inhoudsopgave ol li {
	margin:5px 0px;
}

.single-kennisbank .inhoudsopgave ol li::marker {
	font-weight:800;
}

.single-kennisbank .inhoudsopgave ol li:first-child {
	margin-top:0;
}

.single-kennisbank .inhoudsopgave ol li:last-child {
	margin-bottom:0;
}

.single-kennisbank .inhoudsopgave ol li a {
	text-decoration: none;
}

.single-kennisbank .sidebar-box .social-icoon.email a {
	background: var(--wit);
}

.single-kennisbank .term-nav {
	background: var(--grijs);
	padding:10px;
}

.kennisbank-afbeelding {
	padding:30px 0px;
}

/* == KENNISBANK ARTIKELEN == */

.kennisbank-artikelen {
	padding:50px 0px;
}

.kennisbank-artikelen .content-container {
	margin-bottom:40px;
}

.kennisbank-artikelen .content-container a {
	color: var(--rood);
}

.kennisbank-artikelen .kennisbank-box {
	height:100%;
}

.kennisbank-artikelen .kennisbank-box figure {
	height:250px;
	margin:0;
}

.kennisbank-artikelen .kennisbank-box .button a {
	color: var(--rood);
}

.kennisbank-artikelen .kennisbank-box .button a::after {
	content:'';
}

.kennisbank-artikelen .kennisbank-box .kennisbank-box-inner {
	padding:20px;
	border:2px solid var(--grijs);
}

/* == EMPTY CART == */

.empty-cart {
	padding: 50px 0px;
}

.empty-cart p.return-to-shop {
	margin-top:20px;
}

/* == LIVE SEARCH == */

*:focus {
	outline:0!important;
}

.search {
	position: relative;
	color: var(--zwart);
	/* box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px; */
	overflow: visible;
}

.search-container {
	position:relative;
}

.search input {
	border-radius: 15px;
	padding:10px 20px;
	border:1px solid var(--zwart);
	width:100%;
}

.search i {
	position: absolute;
	right: 15px;
	color: var(--zwart);
	top: 15px;
	font-size:1rem;
}

.live-search-results {
	display: none;
	position: absolute;
	width:100%;
	background: var(--wit);
	box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
	padding:20px;
	z-index:99;
	max-height:300px;
	overflow-y:scroll;
}

.live-search-results .live-result-box {
	display: flex;
	transition: all 300ms ease-in-out;
	cursor: pointer;
	background: var(--wit);
	padding:10px;
}

.live-search-results .live-result-box .type-result {
	font-size:0.7rem;
	padding:5px 10px;
	background: var(--zwart);
	border-radius:15px;
	color: var(--wit);
	margin:3px 0px;
}

.live-search-results .live-result-box:hover {
	background: var(--grijs);
}

.live-search-results .live-result-box:first-child {
	margin-top:0;
}

.live-search-results .live-result-box h4 {
	color: var(--rood);
	font-size:1rem;
	margin-bottom:0;
}

.live-search-results .live-result-box .result-image {
	display: flex;
	flex:20%;
	height:50px;
	margin:0;
}

.live-search-results .live-result-box .result-image.placeholder {
	padding:10px;
	background: var(--grijs);
	opacity:1;
}

.live-search-results .live-result-box .result-info {
	display: flex;
	flex:80%;
	align-items: flex-start;
	justify-content: center;
	height:inherit;
	flex-direction: column;
	padding-left:10px;
}

.live-search-results .live-result-box .result-info .categorieen {
	color: var(--rood);
	font-size:0.7rem;
	margin-top:4px;
	display:flex;
	flex-wrap: wrap;
}

.live-search-results .live-result-box .result-info .categorieen .cat-label {
	font-size:0.6rem;
	padding:5px 10px;
	background: var(--rood);
	border-radius:15px;
	color: var(--wit);
	margin-right:3px;
	margin-bottom:5px;
}

/* == CATEGORIE KENNISBANK BLOK == */

.categorie-kennisbank-blok {
	position: relative;
	margin: 50px 0px;
	background: var(--grijs);
	clear:both;
}

.categorie-kennisbank-blok .content-container {
	padding:50px 0px;
}

.categorie-kennisbank-blok figure {
	position: absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}

.categorie-kennisbank-blok .icoon {
	font-size:200px;
	width:100%;
	height:100%;
	display: flex;
	align-items:center;
	justify-content: center;
	opacity: 0.2;
	/* color: var(--grijs); */
}

/* == HEADER NIEUW == */

.header__n-scroll-container {
	position:fixed;
	top:0;
	left:0;
	width:100vw;
	height:195px;
	z-index:9999;
	background: var(--wit);
}

.header__n-scroll-container .right-side {
	padding-top:0;
	padding-bottom:0;
}

.placeholder {
	height:195px;
}

.topbalk__n {
	display: flex;
	background: var(--grijs);
	color: var(--zwart);
	padding:5px 0px;
	font-size:0.8rem;
}

.topbalk__n ul {
	list-style-type:none;
	padding-left:0;
	margin:0;
}

.topbalk__n ul li {
	margin:0px 15px;
}

.topbalk__n ul li:first-child {
	margin-left:0;
}

.topbalk__n ul li:last-child {
	margin-right:0;
}

.topbalk__n ul li a {
	text-decoration: none;
}

.topbalk__n .left-side {
	background: transparent;
}

/* WEGHALEN */
.topbalk__n .kijkje-winkel-badge {
	width:auto;
}

.header__n .winkelmand-button {
	margin-bottom:0;
}

/* */

.header__n-top {
	padding:10px 0px;
}

.header__n-top figure.logo {
	height:65px;
	margin:0;
}

.header__n-top .usp-box {
	display:flex;
	align-items: center;
	justify-content: start;
}

.header__n-top .usp-box i {
	color: var(--rood);
	margin-right:8px;
}

.header__n-top ul li i {
	color: var(--rood);
	margin-right:8px;
}

.header__n ul {
	list-style-type:none;
	padding-left:0;
	margin:0;
}

.header__n ul li {
	margin:0px 15px;
}

.header__n ul li:first-child {
	margin-left:0;
}

.header__n ul li:last-child {
	margin-right:0;
}

.header__n ul li a {
	text-decoration: none;
}

.header__n ul li .uitklappen {
	margin-left:8px;
	color: var(--rood);
}

.header__n-top .wensenlijst-button,
.header__n-top .winkelmand-button {
	margin:0;
}

.header__n-top .winkelmand-button a {
	position: relative;
	display:flex;
	align-items:center;
	justify-content: center;
	background: var(--groen);
	color: var(--wit);
	border-radius:20px;
	height:40px;
	width:60px;
	padding:10px;
}

.header__n-top .winkelmand-button a .aantal {
	position: absolute;
	display:flex;
	align-items:center;
	justify-content: center;
	top: -5px;
  	right: -7px;
	height:20px;
	aspect-ratio: 1 / 1;
	background: var(--rood);
	color: var(--wit);
	border-radius:100%;
}

.topbalk__n .wensenlijst-button,
.header__n-top .wensenlijst-button {
	position: relative;
	margin:0;
}

.topbalk__n .wensenlijst-button a,
.header__n-top .wensenlijst-button a {
	position: relative;
	display:flex;
	align-items:center;
	justify-content: center;
	background: var(--donkergrijs);
	color: var(--wit);
	border-radius:20px;
	height:40px;
	width:60px;
	padding:10px;
}

.topbalk__n .wensenlijst-button .aantal-wensenlijst-items,
.header__n-top .wensenlijst-button .aantal-wensenlijst-items {
	position: absolute;
    top: -5px;
    right: -7px;
    font-size: 12px;
    color: var(--wit);
    background: var(--rood);
    height: 20px;
    width: 20px;
    border-radius: 100%;
    line-height: 20px;
}

.header__n-bottom {
	background: var(--donkergrijs);
}

.header__n-bottom .left-side {
	background: transparent;
}

.header__n-bottom .right-side {
	/* position: relative; */
}

.header__n-bottom ul li {
	margin:0px 20px;
}

.header__n-bottom ul li a {
	display: block;
	color: var(--wit);
	font-size:1rem;
	font-weight:800;
	padding:20px 0px;
}

.header__n-bottom #searchform {
	position: relative;
	display: flex;
	height:40px;
}

.header__n-bottom #searchform label {
	margin:0;
	height:100%;
	width:300px;
}

.header__n-bottom #searchform input[type="text"]{
	display:flex;
	height:100%;
	width:100%;
	padding:5px 10px 5px 15px;
	border-radius: 20px 0px 0px 20px;
	border: none;
}

.header__n-bottom #searchform input[type="submit"]{
	background: var(--rood);
	color: var(--wit);
	height:100%;
	padding:5px 15px;
	border-radius: 0px 20px 20px 0px;
	border: none;
}


/* == LIVESEARCH == */

.live-search-results {
	display: none;
	position: absolute;
	width:100%;
	background: var(--wit);
	color: var(--zwart);
	box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
	padding:20px;
	z-index:99;
	max-height:300px;
	overflow-y:scroll;
	top:45px;
}

.live-search-results .live-result-box {
	display: flex;
	transition: all 300ms ease-in-out;
	cursor: pointer;
	background: var(--wit);
	padding:10px;
	border-bottom: 2px solid var(--grijs);
}

.live-search-results .live-result-box .type-result {
	font-size:0.7rem;
	padding:5px 10px;
	background: var(--rood);
	border-radius:15px;
	color: var(--wit);
	margin:3px 0px;
}

.live-search-results .live-result-box:hover {
	background: var(--grijs);
}

.live-search-results .live-result-box:first-child {
	margin-top:0;
}

.live-search-results .live-result-box h4 {
	color: var(--zwart);
	font-size:1rem;
	margin-bottom:5px;
}

.live-search-results .live-result-box .result-image {
	display: flex;
	flex:20%;
	height:50px;
	margin:0;
}

.live-search-results .live-result-box .result-image.placeholder {
	padding:10px;
	background: var(--rood);
	opacity:1;
}

.live-search-results .live-result-box .result-info {
	display: flex;
	flex:80%;
	align-items: flex-start;
	justify-content: center;
	height:inherit;
	flex-direction: column;
	padding-left:10px;
}

.live-search-results .live-result-box .result-info .categorieen {
	color: var(--zwart);
	font-size:0.7rem;
	margin-top:4px;
}

.live-search-sluiten {
	display: none;
	width:100%;
	position: absolute;
	align-items:center;
	justify-content: center;
	padding:10px;
	background: var(--grijs);
	top: calc(300px + 45px);
	left:0;
	text-align: center;
	z-index:999;
	cursor: pointer;
}

.live-search-sluiten i {
	margin-right:8px;
}

.header__n-bottom .sub-menu {
	display: none;
	background: var(--donkergrijs);
	z-index: 999;
	padding: 10px 10px 20px 10px;
	transition: all 500ms ease-in-out;
	width:auto;
	box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
	text-align: left;
}

.header__n-bottom li.menu-item-has-children:hover .sub-menu {
	display: block;
	position: absolute;
	left:0;
	right:0;
	margin-right:auto;
	margin-left:auto;
	height:auto;
	min-width:200px;
	margin-top:0px;
}

.header__n-bottom li.menu-item-has-children {
	position: relative;
}

.header__n-bottom li.menu-item-has-children:hover .sub-menu li {
	display:block;
}

.header__n-bottom li.menu-item-has-children:not(.groot-menu) .sub-menu li {
	margin:8px 0px;
}

.header__n-bottom li.menu-item-has-children.groot-menu {
	position:inherit;
}

.header__n-bottom li.menu-item-has-children.groot-menu .sub-menu li {
	margin-top:0px;
}

.header__n-bottom li.menu-item-has-children.groot-menu .sub-menu li .sub-menu li {
	margin:8px 0px;
}

/* .header__n-bottom li.menu-item-has-children:hover .sub-menu li:first-child {
	margin-top:0;
}

.header__n-bottom li.menu-item-has-children:hover .sub-menu li:last-child {
	margin-bottom:0;
} */

.header__n-bottom li.menu-item-has-children:hover .sub-menu li a {
	position: relative;
	height:auto;
	padding:0;
	font-size:1rem;
}

/* .header__n-bottom li.menu-item-has-children:hover.groot-menu .sub-menu li a {
	margin-bottom:20px;
} */

.header__n-bottom li.menu-item-has-children:hover .sub-menu li a:hover {
	background: transparent;
}

.header__n-bottom li.menu-item-has-children:hover .sub-menu li a:hover:after {
	content: unset;
	background:transparent;
}

.header__n-bottom li.groot-menu:hover > .sub-menu {
	display:flex;
	z-index:99999;
}

.header__n-bottom li.groot-menu > .sub-menu {
	width:80%;
	flex-wrap: wrap;
	padding:30px;
}

.header__n-bottom li.groot-menu > .sub-menu li {
	width:20%;
	padding:20px 30px 20px 30px;
	margin:0;
	/* border-bottom:1px solid rgba(255, 255, 255, 0.3); */
	border-right:1px solid rgba(255, 255, 255, 0.3);
}

.header__n-bottom li.groot-menu > .sub-menu li:nth-child(-n+4){
	border-bottom:1px solid rgba(255, 255, 255, 0.3);
}

.header__n-bottom li.groot-menu > .sub-menu li:nth-child(4){
	border-right: none;
}

.header__n-bottom li.groot-menu > .sub-menu li.twee-kolommen {
	width:30%;
}

.header__n-bottom li.groot-menu > .sub-menu li a {
	display:flex;
	align-items:center;
	margin-bottom:20px;
}

.header__n-bottom li.groot-menu > .sub-menu li figure {
	/* position:absolute; */
	/* left:-40px; */
	height:30px;
	width:30px;
	margin:0;
	margin-right:10px;
}

.header__n-bottom li.groot-menu > .sub-menu li figure img {
	object-fit: contain;
	object-position: center center;
	height:100%; width:100%;
	filter: brightness(0) invert(1);
}

.header__n-bottom li.groot-menu > .sub-menu li .sub-menu {
	all:unset;
	display: block;
}

.header__n-bottom li.groot-menu > .sub-menu li .sub-menu li {
	width:100%;
	padding:0;
	border: none;
	/* margin:5px 0px; */
}

.header__n-bottom li.groot-menu > .sub-menu li .sub-menu a {
	font-weight:400;
	font-size:0.8rem;
	margin-bottom:0!important;
}

.header__n-bottom li.groot-menu > .sub-menu li .sub-menu a:hover {
	text-decoration: underline;
	color: var(--rood);
}

.header__n-bottom li.groot-menu > .sub-menu li a .uitklappen {
	display:  none;
}

.header__n-bottom li.groot-menu > .sub-menu li.twee-kolommen .sub-menu {
	columns: 2;
  -webkit-columns: 2;
  -moz-columns: 2;
}

/* == BANNERS == */

.banners {
	margin:50px 0px;
}

.banners .container-fluid {
	width:90%;
}

.banners .banner-box {
	position: relative;
	display:flex;
	align-items: center;
	justify-content: center;
	min-height:500px;
	height:100%;
}

.banners .banner-box .inner {
	position: relative;
	z-index:2;
	padding:100px 0px;
	width:70%;
	margin:0 auto;
}

.banners .banner-box h1,
.banners .banner-box h2 {
	font-size:3.5rem;
	color: var(--wit);
	text-transform: uppercase;
	text-shadow:3px 3px 2px rgba(0, 0, 0, 0.3);
}

.banners .banner-box .content {
	text-shadow:3px 3px 2px rgba(0, 0, 0, 0.3);
}

.banners .banner-box figure {
	position: absolute;
	z-index:1;
	top:0;
	left:0;
	width:100%;
	height:100%;
	margin:0;
}

.banners .banner-box .overlay {
	position: absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background: rgba(0, 0, 0, 0.20);
}

.banners .banner-box .button-container {
	margin:20px 0px;
}

.banners .banner-box .button-container a {
	display: inline-block;
}

.banners .side-box {
	position: relative;
	background: var(--grijs);
	border:1px solid rgba(130, 130, 130, 0.4);
	padding:20px;
}

.banners .side-box figure {
	position: absolute;
	z-index:1;
	top:0;
	left:0;
	width:100%;
	height:100%;
}

.banners .side-box .inner {
	positioN: relative;
	z-index:2;
}

.banners .openingstijden h3 {
	font-size:1.2rem;
	margin-bottom:20px;
}

.banners .openingstijden ul {
	list-style-type: none;
	padding-left:0;
	margin:0;
}

.banners .openingstijden ul li {
	margin:5px 0px;
}

.banners .openingstijden ul li span:first-child {
	font-weight:800;
}

.banners .outlet-box {
	color: var(--wit);
	height:100%;
}

.banners .outlet-box .overlay {
	position: absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background: rgba(0, 0, 0, 0.40);
}

.banners .outlet-box h2 {
	font-size:1.5rem;
}

.banners .outlet-box .button-container a {
	display: inline-block
}

.banners .banner-carousel,
.banners .owl-stage-outer,
.banners .owl-stage,
.banners .owl-item {
	height:100%;
}

.banners .owl-dots {
	position: absolute;
	z-index:2;
	bottom:10px;
	text-align: center;
	padding:10px 0px;
	width:100%;
}

.banners .owl-dots .owl-dot {
	height:15px;
	width:15px;
	border-radius:100%;
	background: var(--wit);
	margin:0px 5px;
	opacity:0.4;
	transition: all 200ms ease-in-out;
}

.banners .owl-dots .owl-dot.active {
	opacity:1;
}

/* == WENSENLIJST == */

.wensenlijst-sectie {
	padding:50px 0px;
}

.wensenlijst-sectie h1 {
	margin-bottom:30px;
}

.knop-wensenlijst,
.pdp-wensenlijst  {
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 25px;
	height:44px;
	padding:0px 15px;
	color:var(--wit);
	cursor: pointer;
	background: var(--rood);
	margin-left:10px;
}


.knop-wensenlijst.toevoegen i,
.pdp-wensenlijst.toevoegen i {
	font-weight:400;
}

.knop-wensenlijst.verwijderen i,
.pdp-wensenlijst.verwijderen i {
	font-weight:800;
}

/* == LIVESEARCH FORM == */

.cat-live-search {
	position: relative;
	margin-bottom:15px;
}

.cat-live-search input {
	width:100%;
	padding:8px 5px;
}

.cat-live-search .live-search-results .filter-sluiten {
	position: absolute;
	top:15px;
	right:15px;
	z-index:99999;
	width:30px; height:30px;
	display:flex;
	align-items: center;
	justify-content: center;
	background: var(--grijs);
	cursor: pointer;
}

/* == CUSTOM POPUP == */

.custom-popup {
	display:none;
	position: fixed;
	top: 50%;  /* position the top  edge of the element at the middle of the parent */
    left: 50%; /* position the left edge of the element at the middle of the parent */
    transform: translate(-50%, -50%);
	width:90%;
    height:auto;
	color: var(--zwart);
	text-align: left;
    z-index:999999;
}

.custom-popup .popup-sluiten {
    position: absolute;
    top:5px;
    right:10px;
    font-size:20px;
    color: var(--wit);
    background: var(--rood);
    border-radius:100%;
    height:30px;
    width:30px;
    display:flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    z-index:99;
}

.custom-popup.active {
	display: block;
}

.custom-popup figure {
    position: relative;
    height:200px;
    width:100%;
    margin:0;
}

.custom-popup .popup-inner {
    background: var(--wit);
    padding:20px 40px;
}

.popup-bg {
    position: fixed;
  background: rgba(0, 0, 0, 0.7);
  top: 0;
  right: -100%;
  width: 100%;
  height: 100%;
  transition: all 300ms ease-in-out;
  z-index: 9999;
}

.popup-bg.active {
    display:block;
    right:0;
}

.custom-popup {
    height:500px;
    width:500px;
}

/* == KENNISBANK MOTORFEED == */

.kennisbank-motorfeed .tweedehands-motoren-overzicht {
	clear: none;
	margin: 50px 0px;
	width:auto;
}