.mainSite .agenda .agendaItems { 
	position: relative;
	width: 100%;
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(min(100%, 280px), 1fr));
	gap: 1.5rem;
	margin-top: 2rem;
}

.mainSite .agendaItems .agendaItem {
	width: 100%;
	display: block;
	color: var(--color-black);
	text-decoration: none;
	background-color: var(--color-white);
	border-radius: .25rem;
	overflow: hidden;
	transition: filter .2s ease-in-out, transform .2s ease-in-out;
}

.mainSite .agendaItems .agendaItem h1,
.mainSite .agendaItems .agendaItem .inner {
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;

	line-height: 1.6em;
	margin-top: 0;
}

.mainSite .agendaItems .agendaItem article {
	height: 100%;
	display: flex;
	flex-direction: column;
}

.mainSite .agendaItems .agendaItem .img {
	width: 100%;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	aspect-ratio: 1/0.6;
	background-color: var(--color-gray);
}

.mainSite .agendaItems .agendaItem .content {
	color: var(--color-black);
	background-color: var(--color-white);
	padding: 1.5rem;
	display: flex;
	flex: 1 1 auto;
	flex-direction: column;
}

.mainSite .agendaItems .agendaItem .ctatext {
	display: inline-flex;
	align-items: center;
	gap: .5rem;
	margin-top: auto;
	font-weight: 600;
	color: var(--color-cta);
}

.mainSite .agendaItems .agendaItem:hover {
	text-decoration: none;
	color: var(--color-black);
	filter: drop-shadow(0 4px 24px rgba(var(--color-black-rgb), .08));
	transform: translateY(-2px);
}

.mainSite .agendaItems .agendaItem:hover .ctatext {
	text-decoration: underline;
}

.mainSite .agendaItems .agendaItem h1 {
	-webkit-line-clamp: 2;
	line-clamp: 2;
	font-size: 1.25em;
	line-height: 1.35em;
	min-height: 3.4em;
	font-weight: 600;
	margin-bottom: .75rem;
}

.mainSite .agendaItems .agendaItem .inner {
	-webkit-line-clamp: 3;
	line-clamp: 3;
	font-size: .9em;
	line-height: 1.55em;
	min-height: 4.65em;
	margin-bottom: 1.25rem;
}

.mainSite .agendaItems .agendaItem small.date
{
	display: inline-block;
	align-self: flex-start;
    padding: .2rem .75rem;
    background-color: var(--color-cta);
    border-radius: .25rem;
    margin-bottom: 1rem;
    line-height: 1.6em;
    color: var(--color-white);
	font-size: .85em;
	font-weight: 500;
}
.mainSite #map_canvas
{
	width: 100%;
    aspect-ratio: 1;
}


.agendaItemDetail  {
	margin: 3rem 0;
}

.agendaItemDetail .row {
	align-items: flex-start;
}

.agendaItemDetail h1 {
	margin-bottom: 1.5rem;
	font-weight: 600;
}

.agendaItemDetail .infoRow i
{
	color: var(--color-cta);
	margin-right: .75rem;
	
}


.agendaItemDetail .infoRow
{
	--bs-gutter-x: 0;
	display: grid;
	grid-template-columns: 1.5rem 1fr;
	gap: .75rem;
	align-items: start;
	margin-top: 1rem;
	text-transform: none;
	line-height: 1.5em;
}

.agendaItemDetail .infoRow>[class*="col-"] {
	width: auto;
	max-width: none;
	flex: unset;
	padding: 0;
}


.agendaItemDetail .evenementInfo
{
	margin: 0 0 1.5rem 0;
	background-color: var(--color-white);
	color: var(--color-black);
	border-radius: .25rem;
	border-top: .35rem solid var(--color-cta);
	overflow: hidden;
}

.agendaItemDetail .mainRight {
	position: sticky;
	top: 7rem;
}

.agendaItemDetail .evenementInfo .inner {
	padding: 1.5rem;
}

.agendaItemDetail .evenementInfo .top
{

	background-color: rgba(var(--color-black-rgb), .03);
}

.agendaItemDetail .evenementInfo h2
{
	margin-top: 0;
	margin-bottom: .5rem;
	font-size: 1.5rem;
	font-weight: 600;
}
.agendaItemDetail .evenementInfo .table {
	margin-bottom: 0;
}
.agendaItemDetail .evenementInfo .table td {
	border: none;
	padding: 8px 0;
}

.agendaItemDetail .evenementInfo:first-of-type {
	margin-top: .5rem;
}

#shop-iframe
{
	min-height:1300px!important;
}
.agendaItemDetail .modal
{
	color:rgba(41,41,41,1.00);
}
.agendaItemDetail .koopTickets
{
    width: 100%;
    margin-top: 1rem;
    display: block;
    text-align: center;
    color: var(--color-white);
}
.agendaItemDetail .koopTickets:hover
{
	text-decoration: none;
}

.agendaItemDetail .editBalk,
.editBalk {
	display: flex;
	flex-wrap: wrap;
	gap: .25rem;
	margin: 1rem 0;
}

.agendaItemDetail .editBalk .cta,
.editBalk .cta {
	font-size: 1rem;
	padding: .5rem 1rem;
}
.agendaItemDetail ol.breadcrumb
{
	background:none;
}

.agendaItemDetail a:not(.agendaItemDetail a.socialIcon)
{
	display:block;
	margin-top:10px;
}
/* .agendaItemDetail a:hover
{
	opacity:.8
} */

.modal#ticketModal
{

}
.modal#ticketModal .modal-dialog.modal-lg
{
	border-radius:0px;

}

.modal#ticketModal .modal-body
{
	padding:0px;
}

	.dummyImg
	{
		background-color:rgba(216,216,216,.20);
		min-height:100px;
		display:flex
	}
	.dummyImg .date
	{
		background-color:rgba(55,55,55,1.00);
		color:rgba(255,255,255,1.00);
		font-weight:900;
		font-size:1em;;
		text-transform:uppercase;
		width:23%;
		padding:5%;
		padding-top:20px;
	}
	.dummyImg .title
	{
		text-transform:uppercase;
		font-weight:900;
		padding:20px;
		font-size:24px;
		width:70%
	}

	.eventDeelnemers .badge
{
	position:absolute; 
	top:5px;
	right:5px;       
}
.eventDeelnemers h3
{
	font-size:18px;
	height:40px;
	overflow:hidden;
	text-align:center;
}
.eventDeelnemers .avatar
{
	border-radius:500px;
	background-position:center;
	background-size:cover;
	width:100%;
	padding-top:100%;	
}

.agendaContainer {
	background-color: #ebebeb;
}

.agendaGallery {
	margin: 2rem 0;
	display: grid;
	grid-template-columns: 1fr;
	gap: 1.5rem;
}

.agendaGallery img {
	width: 100%;
	max-height: 350px;
	object-fit: cover;
	border-radius: .25rem;
}

.agenda.overzicht hr {
	margin-top: 5rem;
	margin-bottom: 2rem;
	opacity: .16;
}

.agenda.overzicht h3 {
	font-weight: 600;
	margin-bottom: 1rem;
}

.agenda.overzicht .archief .agendaItem {
	opacity: .8;
}
 
@media (max-width: 700px) { 

	.modal#ticketModal
	{
		margin:0px;
	}
	.modal#ticketModal .modal-dialog.modal-lg
	{
		margin:0px;
		border-radius:0px;

	}
}

@media (max-width: 991px) {
	.agendaItemDetail .mainRight {
		position: static;
		margin-top: 2rem;
	}
}

 @media (min-width: 768px) {
	.agendaGallery {
		grid-template-columns: repeat(2, 1fr);
	}

	.agendaGallery img {
		max-height: 350px;
	}

	.mainSite .agendaItems .agendaItem {
		width: 100%;
	}

	

	
 }

 
  @media (min-width: 992px) {
	 .mainSite .agendaItems .agendaItem {
		 width: 100%;
	 }

	 .mainSite .agendaGallery img {
		max-height: unset;
		aspect-ratio: 1/1;
		
		
	}
  }




@media(min-width:1400px) {
	.mainSite .agendaItems .agendaItem {
		width: 100%;
	}
}