/* aanpassing voor gecentreerd modal */
.modal-dialog.modal-dialog-centered {
    margin-left: auto;
    margin-right: auto;
}

/* gratis symbool als groene ster */
.fa-green {
	color: green;
}
.card:hover i.fa.fa-star.fa-green {
    color: white;
}

/* telefoonnummer hack voor safari */
a.phonenumber {
    color: white !important;
    font-weight: 700;
}
	
/* toevoeging voor contrast en lettergrootte symbolen */
.list-inline.first li.contrast {
    margin-right: 8px;
}
.list-inline.first li.fontsize {
    margin-right: 8px;
}
span.fontsizesmall {
    font-size: x-small;
}
/* aanpassing voor contrast en kleur in tekst */
.text-attention {
	color: #f00;
}

/* correctie voor uitklapmenu */
.mobile-menu .bar {
    padding-left: 0px;
    padding-top: 19px;
    width: 60px;
}

/* artiesten en ensemble card minder hoog */
.card.artiest {
    min-height: 100px;
}

/* verplaatsen pijltjes caroussel */
#carousel-generic .carousel-control.left {
    background-image: none !important;
    background-repeat: repeat-x;
    top: 50%;
    left: 4%;
}
#carousel-generic .carousel-control.right {
    background-image: none !important;
    background-repeat: repeat-x;
    left: auto;
    top: 50%;
    right: 4%;
}
.show-on-mobile {
	display: none;
}

/* nieuwe stijlen voor homepage 2022 */

@media screen and (min-width: 841px) {
.welkomstboodschaptekst {
	height: 550px;
}
.text-vertical-center {
  margin: 0;
  position: absolute;
  top: 50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
}
@media screen and (max-width: 840px) {
	#mobile-menu-toggle {
	    padding: 0;
	    margin: 0;
	    background: none !important;
	}
	li.menuitem {
	    background: #f00 !important;
	}
    nav#mobile-header.mobile-on-top {
	    height: 96px;
	    z-index: 9999 !important;
	    width: 50%;
	}
	.submenuitem a.submenuitema {
	    color: black !important;
	    margin-top: 16px;
	}
	.show-on-mobile {
		display: block;
		
	}
	nav#mobile-menu-toggle {
	    margin-top: 32px;
	    z-index: 99999 !important;
	}
	.sm-hidden {
		display: none;
	}
	.welkomstboodschaptekst {
		height: 550px;
	}
	.artistinresidenceblock {
	    border: 1px solid red;
	    padding: 12px;
	    background-color: white;
	}
	h1 {
		font-size: 24px;
	}
	.col-sm-6.col-md-4 {
		padding-bottom: 16px;
	}
	.welkomstboodschaptekst {
		height: 550px;
	}
	.carousel-inner > .item > img, .carousel-inner > .item > a > img {
	    height: 220px !important;
	}
	.extraruimteondermobiel {
		margin-bottom: 16px;
	}
	.welkomstboodschaptekst {
		height: auto;
	}
}
.artistinresidenceblock {
    border: 1px solid red;
    padding: 12px;
    background-color: white;
}

.col-md-12.cx_success_wrapper {
	display: none;
}
.text-white {
    color: #fff !important;
}

.soldout {
	color: red !important;
}

.card:hover .soldout {
	color: white !important;
}

.card:hover .link-btn {
	color: white !important;
}

.fotocredit {
	font-size: smaller;
	text-align: right;
	float: right;
}

.scrollable {
    max-height: 100px;
    overflow-y: auto
}

/* Edit voor het basketoverzicht */
.product {
    width: 100%;
}

.extratopmargin {
	margin-top: 120px;
}

.submenuitem, .submenuitem a {
    font-size: 1.2em !important;
    line-height: 1em;
}

.jumbotron {
    background-color: #000;
    color: inherit;
    margin: 0;
    width: fit-content;
    margin-left: auto;
    margin-right: auto;
}

.blackground {
    background-color: black;
}
	.col-sm-12.col-md-12.mobilepricing {
	    float: right;
	    margin-bottom: 24px;
	}

/* EDIT VOOR RUIMTE BOVEN SHARE KNOPPEN */
@media screen and (max-width: 840px) {
	.btn-share {
	    margin-bottom: 30px;
	    margin-top: 24px;
	}
	.extratopmargin {
		margin-top: 0px;
	}
	img.sponsorlogo {
	    margin-bottom: 24px;
	}
	.menuident, .menuitem {
	    font-size: 1.3em !important;
	}
	.submenuitem, .submenuitem a {
	    font-size: 1.0em !important;
	    line-height: 1em;
	}
	h3.text-uppercase.m-t-0.m-b-0 {
		font-size: 16px;
	}
	#paginate .paginate-left {
	    font-size: 10px;
	}
	#paginate .paginate-right {
	    font-size: 10px;
	}
	#paginate a span {
	    font-size: 14px;
	}
	.paginate-right span {
	    position: relative;
	    top: 10px;
	}
	#paginate .fa {
	    position: relative;
	    left: 35px;
	    top: -13px;
	}
	h2.text-uppercase.text-black.m-b-15.datum {
	    font-size: 16px;
	}
}

@media screen and (max-width: 1200px) {
	.col-sm-5.mobilepricing {
	    padding-left: 0px;
	    padding-right: 0px;
	}
	.col-sm-12.col-md-12.mobilepricing {
	    float: none;
	    margin-bottom: 24px;
	}
}

span.trash {
    float: right;
}

/* Edit voor sale pagina */
.websale-content {
    margin-top: 80px;
    margin-bottom: 40px;
}

/* Edit voor het menu met winkelwagen en account in Firefox */
.top-nav-header .list-inline li a {
    color: #fff;
    display: inline-block;
    font-family: Avenir Black;
    font-size: 13px;
    margin-left: -5px;
    margin-top: -3px;
    padding: 5px 15px;
        padding-top: 5px;
        padding-right: 15px;
        padding-bottom: 5px;
        padding-left: 15px;
    position: relative;
    text-transform: uppercase;
    padding-left: 0px;
    padding-right: 15px;
    padding-top: 5px;
    padding-bottom: 5px;
}

.bullets ul {
    list-style: disc;
}

/* Edit voor het op gelijke hoogte maken van de voorstelling cards */
.card-name.voorstelling {
	height: 100px;
}
.card-footer-availability {
    min-height: 59px;
}
.card-location.voorstelling {
	height: 30px;
}

/* Edit voor voltooien in bankomgeving */
.alert {
	background-color: #FFCCCC;
	font-size: large;
}

/* Edit voor het tonen van de jaren onder het programma */

.imageandtextcontainer {
  position: relative;
  text-align: center;
  color: black;
}

.centered {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 80px;
  font-weight: bold;
  color: white;
  text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
}

/* WINKELWAGEN SYMBOOL */
.top-nav-header .list-inline.second li:last-child {
    display: inline-block;
    height: 31px;
    min-width: 311px;
    padding-top: 0px;
}

.mobile-menu .shopping {
    padding-top: 16px;
}

h3.text-uppercase.m-b-15 {
    margin-top: 15px;
}

h3.h3-evenementdatum {
    margin-bottom: -36px;
    margin-left: 160px;
    text-transform: uppercase;
    color: #999;
    margin-top: 0;
    font-size: 20px;
}

.content .card .thumb img {
	width: 100%;
}

.content .card .thumb {
	min-height: 74px;
	max-height: 318px;
	overflow: hidden;
}

.content .card .card-name {
    font-family: "Avenir";
    font-size: 18px;
    font-weight: bold;
    line-height: 17px;
    margin-top: 5px;
    min-height: 55px;
    text-transform: uppercase;
}

.card {
	min-height: 603px;
}
.card.location {
	min-height: 393px;
}

.m-h-35 {
    min-height: 35px;
    height: 70px;
    margin-bottom: 10px;
}

.card a, .card a:hover, .card a:visited {
	color: #333;
}
.card-footer {
	min-height: 90px;
}

@media screen and (max-width: 1240px) {
	.content .row.m-t-30 {
		margin-top: 90px !important;
	}
	.content .row.m-b-30 {
		margin-bottom: 90px !important;
	}
	.m-h-35 {
	    min-height: 35px;
	    height: 70px;
	    font-style: normal;
	}
}

@media screen and (max-width: 1040px) {
	.content .row.m-t-30 {
		margin-top: 60px !important;
	}
	.content .row.m-b-30 {
		margin-bottom: 60px !important;
	}
	.m-h-35 {
	    min-height: 35px;
	    height: 85px;
	}
	.content .card .card-name {
		font-family: "Avenir";
		font-size: 18px;
		font-weight: bold;
		line-height: 17px;
		margin-top: 5px;
		min-height: 35px;
		height: 45px;
		text-transform: uppercase;
	}
}

.toonsubmenu {
    margin-top: -10px;
    margin-bottom: 15px;
}

.menuident {
    margin-left: 0px;
}

li.submenuitem {
    list-style-type: none;
}

ul#submenubutton, ul#submenubutton a {
    text-align: center;
    color: #000;
    font-size: 1.2em;
    display: block;
    padding-left: 25px;
    padding-right: 25px;
    padding-top: 3px;
    padding-bottom: 10px;
    text-transform: uppercase;
    color: #000;
    font-family: 'Avenir';
    font-weight: bold;
    text-align: center;
    font-size: 24px;
}

@media screen and (max-width: 840px) {
	.content .row.m-t-30 {
		margin-top: 40px !important;
	}
	.content .row.m-b-30 {
		margin-bottom: 40px !important;
	}
	.m-h-35 {
	    min-height: 35px;
	    height: 95px;
	}
}

@media screen and (max-width: 1200px) {
	.top-nav-header .list-inline li a {
		color: #fff;
		display: inline-block;
		font-family: Avenir Black;
		font-size: 13px;
		margin-left: -5px;
		margin-top: -3px;
		padding: 5px 15px;
		position: relative;
		text-transform: uppercase;
	}
}

#mobile-header {
    -webkit-box-shadow: 0 0 0px 0 rgba(0,0,0,0);
    -moz-box-shadow: 0 0 14px 0 rgba(0,0,0,0);
    box-shadow: 0 0 0px 0 rgba(0,0,0,0);
    padding-bottom: 15px;
    margin-bottom: 0 !important;
    z-index: 999;
}

@media screen and (max-width: 100px)
#mobile-menu-toggle {
    display: block;
}

@media screen and (max-width: 100px)
#navbar {
    display: none !important;
}

.scrollable-high {
    max-height: 300px;
    overflow-y: auto
}

ul.nav li a,
ul.nav li a:visited {
    color: #c9120e !important;
}

ul.nav li a:hover,
ul.nav li a:active {
    color: #c9120e !important;
}

ul.nav li.active a {
    color: #c9120e !important;
}

/*a, a:hover, a:visited, a:focus { */
a {
    color: #fe0000;
    text-decoration: none;
}
a:hover, a:focus {
    color: #c9120e;
    text-decoration: none;
}

a.text-white, a.text-white:hover, a.text-white:visited, a.text-white:focus {
    color: #ffffff;
    text-decoration: none;
}
/* .btn-red, */
.btn-red:hover, .btn-red:visited, .btn-red:focus {
    color: #fff !important;
}
.btn-red {
	color: #fff !important;
	background-color: #fe0000 !important;
}

.btn-black, .btn-black:hover, .btn-black:visited, .btn-black:focus {
    color: #fff !important;
}
.numberoftransactions {
	font-size: small;
	color: red;
	font-style: normal;
	position: relative;
	top: -13px;
}

.gmap {
    padding: 5px;
    max-width: 350px;
    width: 350px;
}

.gm-style-iw {
    width: 350px;
    margin-left: 0;
}

form td {
    padding: 2px 4px
}

.btn-red:hover, .btn-red:focus {
    background: #db0202 !important;
    color: #fff !important;
    border-radius: 0 !important;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 5px;
    padding-bottom: 5px;
}

.btn.btn-default {
    border: none !important;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 5px;
    padding-bottom: 5px;
}

.btn-default:hover {
    color: #333;
    background-color: #e6e6e6;
    border-color: #adadad;
}

.btn:hover, .btn:focus, .btn.focus {
    color: #333;
    text-decoration: none;
}

#submitOgone {
    background: #fe0000;
    color: #FFF;
    border: none !important;
    border-radius: 0px !important;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 5px;
    padding-bottom: 5px;
}

#submitOgone:hover, #submitOgone:focus {
    background: #db0202 !important;
    color: #fff !important;
    border-radius: 0 !important;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 5px;
    padding-bottom: 5px;
    border: none !important;
}

#submitOgone:hover {
    color: #333;
    background-color: #e6e6e6;
    border-color: #adadad;
}

#submitOgone:hover, #submitOgone:focus, #submitOgone.focus {
    color: #333;
    text-decoration: none;
}

footer a.sponsor-weekend {
    background: url(../images/bg-sponsor-weekend-wit.png) no-repeat;
    text-indent: -9999px;
    display: block;
    outline: none;
}

footer .sponsor.afk {
  background-position: 0 0;
  height: 100px;
  width: 150px;
}

footer .sponsor.afk:hover, footer .sponsor.afk:active {
  background-position: 0px -202px;
}

footer .sponsor.tourstickets {
  background-position: -161px 0;
  height: 100px;
  width: 150px; }

footer .sponsor.tourstickets:hover, footer .sponsor.tourstickets:active {
  background-position: -161px -202px;
}
  
footer .sponsor.vsbfonds {
	background-position: -320px 0;
	height: 100px;
	width: 150px;
}

footer .sponsor.vsbfonds:hover, footer .sponsor.vsbfonds:active {
  background-position: -320px -202px;
}
  
footer .sponsor.detelegraaf{
	background-position:-480px 0;
	height: 100px;
	width: 150px; 
} 

footer .sponsor.detelegraaf:hover,footer .sponsor.detelegraaf:active{
	background-position:-480px -202px;
} 

footer .sponsor.ntr{
	background-position:-642px 0;
	height: 100px;
	width: 150px; 
} 

footer .sponsor.ntr:hover,footer .sponsor.ntr:active{
	background-position:-642px -202px;
} 


footer a.sponsor-weekend {
    background: url(../images/bg-sponsor-weekend-wit.png) no-repeat;
    text-indent: -9999px;
    display: block;
    outline: none;
}

footer .sponsor-weekend.prinsbernhard {
  background-position: 0 0;
  height: 100px;
  width: 225px;
}

footer .sponsor-weekend.prinsbernhard:hover, footer .sponsor-weekend.prinsbernhard:active {
  background-position: 0px -202px;
}


.tussenwit {
	background: #FFF;
}

.tekst-en-beeld {
	display: table;
}

.tekst-en-beeld-rij {
	display: table-row;
}

.tekst-links, .afbeelding-rechts {
	display: table-cell;
}

.plaatje-rechts {
	margin-left: 16px; 
	margin-bottom: 8px;
}

.beschrijving-rechts {
	text-align: right; 
	margin-left: 16px; 
	margin-bottom: 8px;
}

.beschrijving-span {
	font-size: xx-small; 
	text-align: right;
}

.plaatje-links {
	margin-right: 16px; 
	margin-bottom: 8px;
}

.beschrijving-links {
	text-align: left; 
	margin-right: 16px; 
	margin-bottom: 8px;
}

.beschrijving-span {
	font-size: xx-small; 
	text-align: right;
}

h3.text-uppercase.text-white.m-b-20 {
    font-size: 20px;
}

.smalltext {
    font-size: 0.8em;
    margin-top: 20px;
}

.top-nav-header .list-inline.first, .top-nav-header .list-inline.first a {
    margin-bottom: 0;
    font-size: 1.0em;
    text-transform: uppercase;
    font-family: 'Avenir';
    color: #666 !important;
    margin-top: 0.5px;
    z-index: 20;
}

.top-nav-header .list-inline.second>li, .top-nav-header .list-inline.second>li a {
    margin-bottom: 0;
    font-size: 1.3em;
    font-weight: bold;
    text-transform: uppercase;
    font-family: 'Avenir black';
    font-weight: bold;
    color: #F00;
    margin-top: 0px;
    margin-right: 0px;
    line-height: 7px;
}

.top-nav-header .list-inline.second>li {
	background: transparent none repeat scroll 0 0;
	display: inline-block;
	text-align: left;
	margin-right: -9px !important;
	height: 31px;
}

  	@media (max-width: 768px) {
  		.headitem, .headitem a {
    		top: 45px;
    		font-size: 24px;
		}
		.content h1 {
		    padding-top: 20px;
		}
  	}
	
  	@media (min-width: 992px) {
  		.headitem, .headitem a {
    		top: 45px;
    		font-size: 28px;
		}
	}
  	@media (min-width: 1200px) {
  		.headitem, .headitem a {
    		top: 50px;
    		font-size: 32px;
		}
	}
  	@media (min-width: 1600px) {
  		.headitem, .headitem a {
    		top: 60px;
    		font-size: 36px;
		}
	}
	/*
.headitem, .headitem a {
    position: absolute;
    color: #FFF;
    text-shadow: 0 1px 2px rgba(0,0,0,.6);
    top: 60px;
    font-family: 'Avenir black';
    text-align: center;
    width: 100%;
    margin-left: -25%;
    text-transform: uppercase;
}
*/
.headitem {
	padding: 16px;
}

.headitem, .headitem a {
    color: #FFF;
    text-shadow: 0 1px 2px rgb(0 0 0 / 60%);
    font-family: 'Avenir black';
    text-align: center;
    width: 100%;
    margin-left: 0;
    text-transform: uppercase;
}

.carousel-inner>.item>img, .carousel-inner>.item>a>img {
    display: block;
    max-width: 100%;
    height: auto;
    line-height: 1;
    object-fit: cover;
}

.carousselimage {
	width: 100%;
	height: 50% !important;
    object-fit: cover;
}
@media (min-width: 768px) {
  .carousselimage {
	height: 450px !important;
    object-fit: cover;
}
}

@media (min-width: 992px) {
  .carousselimage {
	height: 550px !important;
    object-fit: cover;
}
}
@media (min-width: 1200px) {
  .carousselimage {
	height: 700px !important;
    object-fit: cover;
}
}
@media (min-width: 1600px) {
  .carousselimage {
	height: 700px !important;
    object-fit: cover;
}
}

.navbar-brand {
  float: left;
  padding: 15px 15px;
  font-size: 18px;
  line-height: 20px;
  height: 50px;
  /* margin-top: 36px !important; */
	
}
  .navbar-brand:hover, .navbar-brand:focus {
    text-decoration: none; }
  .navbar-brand > img {
    display: block;
    margin-left: 16px;
    margin-top: -16px;
  }
  @media (min-width: 768px) {
    .navbar > .container .navbar-brand,
    .navbar > .container-fluid .navbar-brand {
      margin-left: -30px;
  /* margin-top: 36px !important; */
  position: absolute;
  	
  }
  
  
	.fixed-top {
	  position: fixed;
	  right: 0;
	  margin-right: 20px;
	  margin-top: 1px;
	  z-index: 1030; 
	}
	.lesswide {
		margin-right: 40px;
	}
	.navbar-transparent {
		background-color: none;
	}
	.mobile-menu {
	    padding: 0;
	    margin: 0;
	    float: right;
	}
	
	@media screen and (max-width: 840px) {
		.navbar-brand {
		    position: inherit;
		    top: -1px;
		    width: 250px;
		}
	}
  @media (min-width: 768px) {
    .fixed-top {
      border-radius: 0; }

	.fixed-top {
	  top: 0;
	  border-width: 0 0 1px; }
		.navbar-brand {
		    position: inherit;
		    top: -1px;
		    width: 250px;
		}
	}

.mobile-menu {
    padding: 0;
    margin: 0;
    float: right;
    padding-top: 10px;
    color: #F00;
}

.top-nav-header .list-inline.second li:last-child, .top-nav-header .list-inline.second li:last-child a {
    min-width: 0px;
}

.top-nav-header .list-inline li:last-child, .top-nav-header .list-inline li:last-child a {
    min-width: 10px;
}



.top-nav-header.m-t-15 {
    height: 62px !important;
    margin-top: 7px !important;
}

.second-menu, .second-menu a {
	margin-right: 20px;
	font-size: 18px;
}
/*
.fa-2x {
    font-size: 2em;
    color: #F00;
}
*/

.fa-2x.white {
    font-size: 4em;
    color: #FFF;
    padding-right: 16px;
}

footer .bg-2 {
    background: #fe0808 url(../images/bg-footer-2.gif) no-repeat center top;
    padding: 60px;
}

img.sponsorlogo {
    padding: 16px;
  	opacity: 0.6;
  	filter: alpha(opacity=60);
    -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
  	filter: grayscale(100%);
}

img.sponsorlogo:hover {
    padding: 16px;
  	opacity: 1.0;
  	filter: alpha(opacity=100);
    -webkit-filter: grayscale(0%); /* Safari 6.0 - 9.0 */
  	filter: grayscale(0%);
}

#mobile-menu-toggle {
    padding: 0;
    padding-top: 120px;
    padding-bottom: 20px;
    margin: 0;
    background: #FFF !important;
}

.menuitem, .firstsubitem {
    text-align: center;
}

.submenuitem {
	text-align: left;
	margin-left: 30%;
	margin-right: 30%;
	border-left: 4px solid #f00;
}

#mobile-menu-toggle ul li a {
    display: block;
    padding-left: 25px;
    padding-right: 65px;
    padding-top: 3px;
    padding-bottom: 10px;
    text-transform: uppercase;
    color: #000;
    font-family: 'Avenir';
    font-weight: bold;
    font-size: 24px;
}

.firstsubitem {
	border-top: 1px solid #f00;
	padding-top: 14px;
}

.scrolling .navbar.navbar-inverse.navbar-fixed-top {
    /* background: rgb(255,255,255,0) !important; */
    transition: all .2s;
    -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,0); */
    -moz-box-shadow: 0 2px 5px 0 rgba(0,0,0,0);
    box-shadow: 0 2px 5px 0 rgba(0,0,0,0);
    background-color: transparent;
}


@media screen and (max-width: 840px) {
	.content .card .card-name {
		line-height: 26px;
	}
	
	#intro .arrow {
	    background: #f00 none repeat scroll 0 0;
	    color: #fff;
	    display: block;
	    height: 35px;
	    line-height: 40px;
	    margin: auto;
	    position: relative;
	    top: -18px;
	    width: 40px;
	    transition: all .2s;
	}
	
	.fa-3x {
	    font-size: 2em;
	}
}

.btn-red {
    background: #fe0000 !important;
}


/* Edit voor fixed 'programma & kaarten' */
@media screen and (min-width: 1241px) {
	li.navitem-fixed-top {
	    position: fixed;
	    right: 15%;
	}
	.modal .modal-content {
	    border-radius: 0;
	    padding: 20px;
	}
	.modal-dialog {
	    position: relative;
	    width: auto;
	    margin: 10px;
	}
}
	
@media screen and (min-width: 1041px) and (max-width: 1240px) {
	li.navitem-fixed-top {
	    position: fixed;
	    right: 15%;
	}
	.modal .modal-content {
	    border-radius: 0;
	    padding: 18px;
	}
	.modal-dialog {
	    position: relative;
	    width: auto;
	    margin: 10px;
	}
}

@media screen and (max-width: 1040px) {
	li.navitem-fixed-top {
	    position: fixed;
	    right: 17%;
	}
	.modal .modal-content {
	    border-radius: 0;
	    padding: 12px;
	}
	.modal-title {
	    font-family: "Avenir Black";
	    font-size: 26px;
	    line-height: 1.12857;
	    margin: 0;
	}
	.modal-dialog {
	    position: relative;
	    width: auto;
	    margin: 0px;
	}
	.modal .modal-dialog {
	    top: 2% !important;
	    width: 96% !important;
	}
}

@media screen and (max-width: 840px) {
	li.navitem-fixed-top {
	    position: fixed;
	    right: 19%;
	}
	.modal .modal-content {
	    border-radius: 0;
	    padding: 6px;
	}
	.modal-dialog {
	    position: relative;
	    width: auto;
	    margin: 0px;
	}
	.modal .modal-dialog {
	    top: 2% !important;
	    width: 96% !important;
	}

	/* Edit voor mobiel gebruik */
	.sm-less-space {
	    margin: 0;
	    height: 0px;
	    top: -22px;
	    max-height: 0px;
	}
/* Edit voor mobiele weergave shop */
	.card.product {
	    width: 90%;
	    margin-right: 15px !important;
	    margin-bottom: 15px;
	    float: left;
	}
	.text-red.m-b-15 {
	    font-size: 28px !important;
	}
	
}

/* opgenomen voor nieuwe filterblock */

	.container {
	  overflow: hidden;
	}
	
	.filterDiv {
	  display: none; /* Hidden by default */
	    padding: 12px;
	}
	
	/* The "show" class is added to the filtered elements */
	.show {
	  display: block;
	}
	
	/* Style the buttons */
	.btnkeyword.filterselection {
	  border: none;
	  outline: none;
	  padding: 6px 4px;
	  background-color: #f1f1f1;
	  cursor: pointer;
	}
	.btnkeyword.filterselection.deletefilters {
	  background-color: #ff0000;
	  color: white;
	}
	
	/* Add a light grey background on mouse-over */
	.btnkeyword:hover {
	  background-color: #ddd;
	}
	
	/* Add a dark background to the active button */
	.btnkeyword.filterselection.filterbuttonactive {
	  background-color: #666;
	  color: white;
	}
	.filterinactive {
		display: none;
	}
	.filteractive {
		display: block;
	}
	.filterblock {
		width: 100%;
		background: none;
		border: none;
		box-shadow: 1px 1px 4px 0 rgba(50,50,50,.38);
		margin-bottom: 16px;
	}
	.prijsfilter {
		width: 100%;
		background: none;
		border: none;
	}
	.prijsfilter h6 {
		font-weight: 600;
		text-transform: uppercase;
	}
	.filterselection {
		width: 100%;
	}
/* einde css filterblock */

.mobilefiltermenu {
	position: fixed;
	top: 50px;
	background: white;
	border: 1px solid lightgrey;
}
.mobilefilters {
    background: lightgrey;
}
.mobilefilters button.navbar-toggle {
    text-align: left;
    float: left;
    /* font-weight: 800 !important; */
    font-size: larger; {
    text-align: left;
    float: left;
    font-size: larger;	
}
.navbar-header.mobilefilters {
    background: lightgrey;
}
.icon-red, .fa.fa-fw.fa-heart.fa-2x.icon-red, i.fa.fa-fw.fa-heart.fa-2x.icon-red {
	color: #fe0000 !important;
}
.icon-gray, .fa.fa-fw.fa-heart.fa-2x.icon-gray, i.fa.fa-fw.fa-heart.fa-2x.icon-gray {
    color: #b8b8b8 !important;
}
.card.year {
	min-height: 20px;
}