/* 1. Use a more-intuitive box-sizing model */ *, *::before, *::after {  box-sizing: border-box;}/* 2. Remove default margin */* {  margin: 0;}body {  /* 3. Add accessible line-height */  line-height: 1.5;  /* 4. Improve text rendering */  -webkit-font-smoothing: antialiased;}/* 5. Improve media defaults */img, picture, video, canvas, svg {  display: block;  max-width: 100%;}/* 6. Inherit fonts for form controls */input, button, textarea, select {  font: inherit;}/* 7. Avoid text overflows */p, h1, h2, h3, h4, h5, h6 {  overflow-wrap: break-word;}/* 8. Improve line wrapping */p {  text-wrap: pretty;}h1, h2, h3, h4, h5, h6 {  text-wrap: balance;}/*  9. Create a root stacking context*/#root, #__next {  isolation: isolate;}


/* Kleuren */

:root {
	--primair: #656d5d;  	/* groen */
	--secundair: #854110; 	/* bruin */
	--secundair_dark: #401f07; /* donker bruin */
	--accent: #c18148;		/* oranje */

	--base: #000000; 		/*beige */
	--base_accent: #0a0a0a; /*licht groen */
	--wit: #ffffff;
}




/* Algemeen */
html {
	background-repeat: no-repeat;
	background-position: center center;
}

body {
	font-family: "Lato", sans-serif;
    font-weight: 400;
	font-size: 17px;
	font-style: normal;
}


/* Basic structure */
    #wrapper {
        width: 100%;
        max-width: 1280px;
        margin: 0 auto;
    }

        #header .container,
        #main,
		#footer .container
        {
            width: 100%;
            max-width: 1280px;
            margin: 0 auto;
            padding: 0 2em;
            box-sizing: border-box;
            position: relative;
        }


/* Header */

	#header {
	    width: 100%; /* Full width */
		background-color: var(--wit);
	}
	

    #header .container {
		display: flex;
	    justify-content: space-between;
		flex-wrap: nowrap;
		align-items: center;
		gap: 20px;
		padding: 0;
    }


		@media (min-width: 780px) {
			
			#header::after {
				content: '';
				border-bottom: 1px solid var(--primair);
				position: absolute;
				top: 163px;
				left: 0;
				right: 0;
			}
			
			
			#header #logo {
				flex-shrink: 0;
			    flex-grow: 0;
			
				position: absolute;
			    z-index: 2;
			    background-color: white;
			}
	
			#header #title {
	            display: none;
	        }
			
		}
        
		@media (max-width: 779px) {
			body #header .container {
				flex-direction: row;
			}
			
			body #header #logo img.custom-logo {
			    height: 13vw;
			}			
            .main_title {
                font-size: 5vw;
                line-height: 1em;
                margin-top: 0;
            }

            .sub_title {
				display: none;
            }
		}
		
		@media (max-width: 900px) {
		    #header .container {
				align-items: flex-start;
		    }
		}
		
		
		#header #logo img {
			width: auto;
        }


			
			
		#header {
		    transition: top 0.2s ease-in-out;
		}

		.nav-up {
		    top: -4em;
		}
		
            
        #nav {
            flex-basis: auto;
            display: flex;
            flex-direction: column-reverse;
            text-align: right;
            width: 100%;
        }
		
		
		@media (min-width: 780px) {
			#nav {
				margin-top: 116px;
			    padding: .5em;
			}
		}

            #nav ul {
            	margin: 0;
            	padding: 0;
            	list-style: none;
                display: flex;
                justify-content: center;
				align-items: center;
            }

            #nav ul li {
                vertical-align: middle;
                padding: 0;
                flex-grow: 0;
                text-align: center;
                position: relative;
    
            }

            #nav a {
                text-decoration: none;
                padding: 0;
                white-space: nowrap;
				font-size: 1em;
            }
			
			#nav li:last-of-type a {
				padding-right: 0!important;
			}

			#nav li:first-of-type a {
/*				padding-left: 0!important;*/
			}
			
			
			#nav .strong a {
				font-weight: 700;
			}

            #nav .sub-nav a {
                font-size: .8em;
            }



            /*sub menu*/
            #nav ul.sub-menu {
                display: none;
                z-index: 99;
                position: absolute;
                padding: .5em 1em;
                margin: 0;
                width: fit-content;
            }

			#nav .menu-button ul.sub-menu {
				right: 0;
				top: 34px;
				padding: 1em 1em 1.5em 1.5em;
			}


            #nav li:hover > .sub-menu {
            	display: block;
            }

            /*geen sub sub :) */
            .sub-menu .sub-menu {
            	display: none;
            }

            #nav .sub-menu li, #nav .sub-menu a {
                margin: 0;
                padding: 0;
            }

            #nav .sub-menu li {
                font-size: .85em;
                margin-top: .95em;
				text-align: left;
            }

			#nav svg {
				width: 32px;
				height: auto;
				margin-top: 8px;
				transition: all 0.2s ease-in-out;
			}
        

			#nav:hover svg {
			    fill: green;
			}



/* Main */
   
    #main {
		padding-bottom: 4em;
    }

	@media (min-width: 780px) {
		#main .container {
			margin-top: 4em;
		}
	
		.page-home #main .container {
			margin-top: 0em;
		}
	}
    

/* Hero */
	#hero {
		height: 47vw;
	}
	
	#hero h1 {
		width: 70%;
	    margin: 0 auto;
		font-style: italic;
		font-weight: 400;
	    font-size: 5vw;
	}
	
	#hero .textwidget {
		display: flex;
	    flex-direction: column;
	    justify-content: flex-end;
	    height: 38vw;
	}
	
	
/* Blog */	
	.blog-style {
		flex-wrap: wrap;
		justify-content: space-between;
	    gap: 2em;
	}
	
	.blog-style .flex-item {
	    position: relative;
		flex-basis: calc(33.33% - (1.5em));
	}
	
	
	@media (max-width: 1024px) {
		.blog-style .flex-item {
		    position: relative;
			flex-basis: calc(50% - (1.5em));
		}
	
	}
	
	
	@media (max-width: 768px) {
		.blog-style .flex-item {
		    position: relative;
			flex-basis: 100%;
		}
	
	}
	
	
	.blog-style .thumbnail img {
		width: 375px;
		min-height: 200px;
	}
	
	.blog-style .thumbnail {
	    height: 200px;
	    overflow: hidden;
	    margin-bottom: 1em;
	}
	

/* Footer */

    #footer {
		padding: 1em;
		
    }




/* Basic WordPress Styles */
    .entry-content img {
    	margin: 0 0 1.5em 0;
    }
    .alignleft,
    img.alignleft {
    	display: inline;
    	float: left;
        margin-right: 1.5em;
    }
    .alignright,
    img.alignright {
    	display: inline;
    	float: right;
        margin-left: 1.5em;
    }
    .aligncenter,
    img.aligncenter {
    	clear: both;
    	display: block;
    	margin-left: auto;
    	margin-right: auto;
    }
    .wp-caption {
    	text-align: center;
    	margin-bottom: 1.5em;
    }
    .wp-caption img {
    	border: 0 none;
    	margin: 0;
    	padding: 0;
    }
    .wp-caption p.wp-caption-text {
    	margin: 0;
    }
    .wp-smiley { 
    	max-height: 1em;
    	margin:0 !important;
    }
    .gallery dl {
    	margin: 0;
    }
    .gallery-caption {
    	margin:-1.5em 0 0 0;
    }

    blockquote {
        font-style: italic;
    }
    blockquote.left {
    	float: left;
    	margin-left: 0;
    	margin-right: 20px;
    	text-align: right;
    	width: 33%;
    }
    blockquote.right {
    	float: right;
    	margin-left: 20px;
    	margin-right: 0;
    	text-align: left;
    	width: 33%;
    }


    /*remove margin under Google maps frame:*/
    iframe {
        display: block!important;
    }






/* Mobile nav */
    #responsive_nav {
        position: fixed;
        z-index: 201;
        width: 100%;
        overflow: hidden;
        display: none;
        top: 0px;
		left: 0;
		right: 0;
		bottom: 0;
		
	    padding: 2em;
	    box-sizing: border-box;
    }


    #responsive_nav.open {
    	height: auto;
    }

    #responsive_nav ul {
    	list-style-type: none;
    	margin: 0;
    	padding: 0;
    }

    #responsive_nav li {
    	padding: 0;
    	display: block;
    }

    #responsive_nav li a {
        display: inline-block;
        text-decoration: none;
        font-size: 2em;
		line-height: 1.5em;
    }

    #responsive_nav .sub-menu a::before {
        content: "–  ";
    }




/* Hamburger */
/*https://codepen.io/designcouch/pen/Atyop*/

    #hamburger {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
        -webkit-transition: .5s ease-in-out;
        -moz-transition: .5s ease-in-out;
        -o-transition: .5s ease-in-out;
        transition: .5s ease-in-out;
        cursor: pointer;
		
        position: relative;
		z-index: 200;
		
		height: 8vw;
		width: 8vw;
		max-width: 50px;
		max-height: 50px;

		margin: 0 .5em;
    }

    #hamburger .square-box {
        min-width: 50px;
        margin: 0 auto;
    }

    #hamburger .square-box:before {
        content: "";
        display: block;
        padding-top: 100%;
    }

    #hamburger .square-content {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        text-align: center;
    }

    #hamburger span {
        position: absolute;
        top: 20%;
        left: 0;
        right: 0;
        display: block;
        height: 3px;
    
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
        -webkit-transition: .25s ease-in-out;
        -moz-transition: .25s ease-in-out;
        -o-transition: .25s ease-in-out;
        transition: .25s ease-in-out;
    }

    #hamburger span:nth-of-type(2) {
        top: 50%;
    }

    #hamburger span:nth-of-type(3) {
        top: 80%
    }

    #hamburger.open span:nth-child(1) {
      top: 50%;
      -webkit-transform: rotate(135deg);
      -moz-transform: rotate(135deg);
      -o-transform: rotate(135deg);
      transform: rotate(135deg);
    }

    #hamburger.open span:nth-child(2) {
      opacity: 0;
      left: +20vw;
    }

    #hamburger.open span:nth-child(3) {
      top: 50%;
      -webkit-transform: rotate(-135deg);
      -moz-transform: rotate(-135deg);
      -o-transform: rotate(-135deg);
      transform: rotate(-135deg);
    }


    #responsive_nav #hamburger {
		position: absolute;
	    right: 1em;
	    top: 1em;
	}




/* Commen classes: */
	img {
		border-radius: 10px;

	}

    .hidden {
        display: none;
    }

    .flex {
        display: flex;
        justify-content: center;    
        align-content: stretch;
    }

    .flex-item {
        flex-grow: 0;
        flex-shrink: 0;
    }
    
    .flex.h-center {
        justify-content: center;
    }

    .flex.h-left {
        justify-content: flex-start;
    }

    .flex.h-right {
        justify-content: flex-end;
    }

    .flex.v-center {
        align-items: center;
    }

    .flex.v-stretch {
        align-items: stretch;
    }

    .flex-item.grow {
        flex-grow: 1;
    }
    
    .flex-item.shrink {
        flex-shrink: 1;
    }
    
    
    

    .vertical { 
        display: table; 
        width: 100%;
        height: 100%;
    }

    .vertical-item { 
        display: table-cell!important; 
        text-align: center; 
        vertical-align: middle;
    }
    
    
    
    
    .table {
        display:table;
        width:100%;
        height:100%;
    }
    .table-cell {
        display:table-cell;
        vertical-align:middle;
    }

    

	
	
	/* Adres: */
	ul.address {
		list-style: none;
		margin: 0;
		padding: 0;
	}

	ul.address.li {
		margin: 0;
	}

	ul.address span {
		margin-right: 10px;
		min-width: 70px;
	    display: inline-block;
		line-height: 1.7em;
	}

	ul.address i {
		width: 24px;
	}
	
	
	


/* Forms */
    
    input, textarea, select, button, .button, input[type="submit"] {
        border: none;
        width: 100%;
    	padding: .5em;
    	margin: .5em 0;
    	box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;    
    }

    input[type="submit"],
    button[type="submit"],
    button[type="button"],
    input.button,
	.button {
        border: none!important;
        display: block!important;
        box-sizing: border-box!important;
        margin: 1em 0!important;
        padding: .4em 2em!important;
        width: auto!important;
        text-align: center;
        cursor: pointer;
        line-height: inherit!important;
        font-weight: inherit;
    }

    #main a.button {
        display: inline-block!important;
	    margin: 0;
    }


    .wpcf7-sliding-captcha .bgSlider {
        width: 100%;
    /*    max-width: 300px; */
    }


    label {
    /*    display: inline-block;*/
        display: inline; /* kan dit ook? nodig op de betaal pagina */ 
        width: 100%;
        text-align: left;
    }

    input[type="radio"], 
    input[type="checkbox"] {
        width: auto!important;
    	margin-right: 5px!important;
    }




/* Contact Form 7: */
	
	
	.wpcf7 label {
		display: inline-block;
	}
	
	.wpcf7 span {
/*	    position: absolute;
	    top: -17px;
	    left: 200px;
*/	}
	
	.wpcf7 input, .wpcf7 textarea {
		background-color: #e0e0e0;
	}
	
	.wpcf7 textarea {
		height: 118px;
	}
	
	.wpcf7 input.wpcf7-submit {
		background-color: var(--rood);
		color: var(--wit);
	}
	
	
    div.wpcf7-validation-errors, .em-booking-message {
        border: none!important;
        background-color: rgb(255, 211, 207);
        padding: 1em 1em .1em 1em;
        color: rgb(215, 55, 40);
        margin: 2em 0em;
    }

    .em-booking-message-success {
        background-color: rgb(50, 165, 55);
        padding: 1em;
        color: rgb(255, 255, 255);
    }

    div.wpcf7-mail-sent-ok {
        border: none!important;
    	background-color: #2bb34f;
    }


    div.wpcf7-response-output {
        margin: 0px!important;
        padding: 1em!important;
    }

    img.ajax-loader {
        width: auto!important;
        height: auto!important;
    }

	.wpcf7-sliding-captcha .default {
	    width: 50px;
	    height: 50px;
	    border-radius: 100px;
	}
	
	.wpcf7-sliding-captcha .bgSlider {
	    height: 56px;
	}
	
	.wpcf7-sliding-captcha .TxtStatus {
	    color: #bb2828;
	    font-size: 14px;
	    top: 12px;
	}
	
	
	
	
/* Siteorigin styling */

	/* Buttons */
	.ow-button-base a {
		border: none!important;
		border-radius: unset!important;
	}


	/* tabs */
    .sow-tabs-tab-container {
        background-color: var(--wit)!important;
        padding: 0!important;
    }

    .sow-tabs-panel {
        padding: 0!important;
    }

    .sow-tabs-tab {
        padding: 0!important;
        margin: 1em 1em 1em 0!important;
        font-weight: 700!important;
    }

    .sow-tabs-panel h2 {
        display: none;
    }



	/* Social media icons */
	#footer .sow-social-media-button {
	    display: inline-block;
	    font-size: 1.33em;
	    line-height: inherit;
	    padding: 8px;
	    width: inherit;
	    -webkit-border-radius: 100px;
	    -moz-border-radius: 100px;
	    border-radius: 100px;
	    width: 40px;
	    height: 40px;
	}

	/* Accordion*/
	
	.sow-accordion-title {
		font-size: 1.4em;
		text-transform: uppercase;
	}

	.sow-accordion .sow-accordion-panel .sow-accordion-panel-header {
	    justify-content: center;
	}

	.sow-accordion .sow-accordion-panel .sow-accordion-panel-header .sow-accordion-title {
	    width: inherit!important;
	}
	
	.sow-accordion-open-close-button {
	    margin-left: 1em;
	}
	
	.sow-accordion-panel-content {
		text-align: center;
	}
	
	
	
	/* secundary buttons */
	
	#main .ow-button-base a.secundair {
		background-color: var(--wit);
/*		color: var(--zwart)!important;*/
	}
	
	#main .ow-button-base a.secundair:hover {
/*		background-color: var(--magenta_);*/
	}
	
	
	/* icon on button */
	
	#main .ow-button-base .ow-icon-placement-right span {
	    margin: -0.11em -.2em -0.2em .25em;
	}
	
	#main .sow-icon a span {
	    color: var(--rood) !important;
	}

	#main .sow-icon a span:hover {
	    color: var(--blauw) !important;
	}


	/* Zoom image on hover */
/*	.sow-image-container img, .ow-button-hover, blockquote {
		transition: transform .2s;
	}

	.sow-image-container img:hover, blockquote:hover {
		transform: scale(1.02);
	}
*/	

	.img-button img {
	    aspect-ratio: 3 / 2;
	    object-fit: cover;
	}

	.img-button .so-widget-sow-image {
		position: relative;
		border-radius: 10px;
	    overflow: hidden;
	}
	
	.img-button .sow-image-container:hover {
	    filter: brightness(1.2);
	}

	.img-button h3 {
		position: absolute;
	    left: 0;
	    right: 0;
	    bottom: 7%;
	    background-color: var(--primair);
	    padding: .1em 0;
	}

	.img-button h3:hover {
	    background-color: var(--accent);
	}
	
	#main .img-button h3 a {
		color: white;
	}
	

/* Styling */

    p {
        margin: 0;
        padding: 0;
    }

	#footer p {
		margin-bottom: .7em;
	}
	
    #main p {
        margin: 0 0 1em 0;
        padding: 0;
        line-height: 1.4em;
    }

    a {
        text-decoration: none;
    }

    a.more-link {
        display: table-cell; /*block;*/
        margin: 1em 0 0 0;
    }
	
	h1, h2, h3, h4, h5, h6 {
		font-weight: 400;
	}

    h1 {
        font-size: 2.5em;
        margin: .67em 0 .25em 0;
    }

    h2 {
        font-size: 2em;
        margin: 1em 0 .67em 0;
    }

	h1:first-of-type, h2:first-of-type {
		margin-top: 0;
	}
	
	
	#main ul {
		padding: 0 0 0 1.2em;
	}

	strong {
		font-weight: 600;
	}

	#main p strong {
	    font-weight: 600;
	    color: #000000;
	}
	
    blockquote {
        font-size: 2.5em;
        font-weight: 700;
	    text-transform: uppercase;
	    font-style: normal;
	    margin: 0em 11vw;
    }
	
	#main blockquote p {
		line-height: 1.2em;
	}


	
	

/*Icegram */
	
	
	.es-form-field-container p {
	    font-size: .7em;
	    font-style: italic;
	}
	
	.es-form-field-container input {
	    background-color: #efefef;
	}

	.es_subscription_form input[type="submit"] {
/*	    background-color: var(--magenta_);
	    color: var(--wit);
*/	}
	


	.icon-row {
		justify-content: flex-start!important;
		align-items: center !important;
	}

	.icon-row > div {
		width: fit-content!important;
		margin-right: .8em;
	}
	
	.icon-row p {
		margin: 0!important;
	}










/* Kleuren */
html, body #responsive_nav {
	background-color: #e6edd9;
}


/* Primair */
body, .nav a, #title a {
    color: var(--primair);
}



/*Secundair */
.secon,
#main a,

.nav .current-page-item > a, 
.nav .current_page_item > a, 

.nav .current-menu-item > a,
.nav .current_menu_item > a,

.nav .current-page-ancestor > a, 

.nav .current-page-parent > a, 
.nav .current_page_parent > a, 

.nav .current-post-parent > a, 
.nav .current_post_parent > a, 

.nav .current-menu-parent > a,
.nav .current_menu_parent > a,
.nav a:hover
{
    color: var(--secundair);
}

#footer {
	background-color: var(--secundair);
}



/* Accent */
.accent {
    color: var(--accent);
}

#footer a {
	color: #dab9a7;
}


/* Wit */
.dark *, #footer *, #footer a:hover
{
	color: var(--wit);
}




/* Button in menu */
#nav li.menu-button a, 
#nav li.menu-button.current_page_item a, 
#nav li.menu-button.current-menu-item a {
    padding: 0.5em 1.5em!important;
    background-color: var(--accent);
    color: var(--wit)!important;
}

#responsive_nav li.menu-button a {
    padding: 0.3em 1.1em!important;
    background-color: var(--accent);
    color: var(--wit);
    font-size: 2.2em;
	margin: 0.5em 0;
}

#nav li.menu-button a:hover {
    background-color: var(--primair);
	color: var(--wit)!important;
}





/* Base */
#responsive_nav, #nav li:hover > .sub-menu {
	background-color: #e6edd9;
	box-shadow: 0px 7px 7px 0px #00000021;
}

#hamburger span {
	background-color: var(--primair);
}





/* Buttons */
.ow-button-base a,
#main a.button,
.wpcf7 input.wpcf7-submit,
input[type="submit"]
{
	background-color: var(--primair)!important;
	color: var(--wit)!important;
}

.ow-button-base a:hover,
#main a.button:hover,
.wpcf7 input.wpcf7-submit:hover,
input[type="submit"]:hover
{
	background-color: var(--accent)!important;
}




/* Icons */
#main .sow-icon a span {
    color: var(--primair) !important;
}

#main .sow-icon a span:hover {
    color: var(--accent) !important;
}


/* Footer */

#footer input {
	background-color: #ffffff63;
    color: var(--secundair_dark);
}

#footer button {
	background-color: var(--primair);
}

#footer ::placeholder {
  color: var(--secundair_dark);
  opacity: 1; /* Firefox */
}

#footer::-ms-input-placeholder { /* Edge 12 -18 */
  color: var(--secundair_dark);
}


/* Events */

/* Evenement header */
.espreso-event-header-dv,
.event-header {
    margin-bottom: 20px;
}

.entry-title a.ee-event-header-lnk {
    font-size: 1.8rem;
    font-weight: bold;
    color: #222;
    text-decoration: none;
}

.entry-title a.ee-event-header-lnk:hover {
    color: #0073aa;
}


#main .espresso_events .event-datetimes > .ee-event-datetimes-ul {
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start;
    margin: 0;
    margin-inline: 0;
    margin-block-start: 0;
    margin-block-end: 1rem;
    padding: 0;
    padding-inline: 0;
    width: 100%;
}

#main .espresso_events .event-datetimes > .ee-event-datetimes-ul--small .ee-event-datetimes-li {
    width: 100%;
	margin-block-start: 0;
	margin-inline-start: 0rem;
}

#main .download-iCal-frm {
	display: none;
}

.event-date {
    font-size: 1rem;
    font-weight: 500;
    color: #555;
    margin-top: 5px;
}

/* Event omschrijving */
.event-content {
    font-size: 1rem;
    line-height: 1.6;
    margin-bottom: 20px;
}

/* Data en tijden */
.event-datetimes {
    margin-bottom: 20px;
}

.ee-event-datetimes-ul li {
    list-style: none;
    margin-bottom: 10px;
}

.ee-event-datetimes-li-daterange,
.ee-event-datetimes-li-timerange {
    display: inline-block;
    margin-right: 10px;
    font-weight: 500;
    color: #333;
}

/* Ticket table */
.event-tickets table.tkt-slctr-tbl {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 20px;
}

.tkt-slctr-tbl th,
.tckt-slctr-tbl-td-name,
.tckt-slctr-tbl-td-price,
.tckt-slctr-tbl-td-qty {
    border: 1px solid #ccc;
    padding: 8px;
    text-align: left;
}

.currency-code {
	display: none;
}


/* Ticket select */
.ticket-selector-tbl-qty-slct {
    padding: 2px;

}

/* Ticket submit button */
.ticket-selector-submit-btn-wrap input.ticket-selector-submit-ajax {
    background-color: #0073aa;
    color: #fff;
    border: none;
    padding: 10px 16px;
    border-radius: 4px;
    cursor: pointer;
    font-weight: bold;
}

.ticket-selector-submit-btn-wrap input.ticket-selector-submit-ajax:hover {
    background-color: #005177;
}

/* Responsive */
@media screen and (max-width: 768px) {
    .event-tickets table.tkt-slctr-tbl,
    .tkt-slctr-tbl th,
    .tckt-slctr-tbl-td-name,
    .tckt-slctr-tbl-td-price,
    .tckt-slctr-tbl-td-qty {
        display: block;
        width: 100%;
    }

    .tckt-slctr-tbl-td-price,
    .tckt-slctr-tbl-td-qty {
        text-align: left;
        margin-top: 5px;
    }
}


/* ---------------------------------
   Event Espresso 5 - Archive Event Styling
-----------------------------------*/
/* Container van elk event */
.espresso_events, #ee-single-page-checkout-dv, #espresso-thank-you-page-overview-dv {
    border: 1px solid #ddd;
    border-radius: 8px;
    padding: 20px;
    margin-bottom: 25px;
    background-color: #fafafa;
    transition: box-shadow 0.25s ease;
}

/* Hover effect */
.espresso_events:hover {
    box-shadow: 0 6px 15px rgba(0,0,0,0.08);
}

/* Event header */
.espresso_events .event-header {
    margin-bottom: 15px;
}

/* Event titel */
.espresso_events .entry-title a.ee-event-header-lnk {
    font-size: 1.5rem;
    font-weight: bold;
    color: #222;
    text-decoration: none;
    transition: color 0.25s ease;
}

.espresso_events .entry-title a.ee-event-header-lnk:hover {
    color: #0073aa;
}

/* Event datum */
.espresso_events .event-date {
    font-size: 1rem;
    font-weight: 500;
    color: #555;
    margin-top: 5px;
}

/* Omschrijving */
.espresso_events .espresso-event-list-wrapper-dv p {
    font-size: 1rem;
    line-height: 1.6;
    color: #333;
    margin-top: 10px;
}

/* “Meer” link */
.espresso_events .espresso-event-list-wrapper-dv p a {
    color: #0073aa;
    text-decoration: none;
    margin-left: 5px;
    font-weight: 500;
}

.espresso_events .espresso-event-list-wrapper-dv p a:hover {
    text-decoration: underline;
}

/* Responsive */
@media screen and (max-width: 768px) {
    .espresso_events {
        padding: 15px;
    }
    .espresso_events .entry-title a.ee-event-header-lnk {
        font-size: 1.3rem;
    }
}









/* Responsive */

/* Pagebuilder: 780 for mobile and 1024 for tablet */

.desktop,
.tablet,
.mobile
{
    display: none!important;
}


/* Only mobile */
@media (max-width: 990px) {
	.mobile {
		display: inherit!important;
	}
}

/* Only tablet */
@media (min-width: 991px) and (max-width: 1024px) {
	.tablet {
		display: inherit!important;
	}
}

/* Only Desktop */
@media (min-width: 1025px) {
	.desktop {
		display: inherit!important;
	}
}


/* Tablet and up: */
@media (min-width: 991px) {


}

/* Desktop and up: */
@media (min-width: 1025px) {


}


/* Tablet and down */
@media (max-width: 1024px) {
	
}