/*
 Theme Name:   Woodmart Child
 Description:  Woodmart Child Theme
 Author:       XTemos
 Author URI:   http://xtemos.com
 Template:     woodmart
 Version:      1.0.0
 Text Domain:  woodmart
*/

:root{
	/*colors*/
	--donker-blauw: #005B9E;
	--licht-blauw: #41a2d8;
	--licht-blauw-200: #339DD6;/*voor gradients*/
	--groen-100: #7ab38b;/*voor details / basis van thema*/
	--groen-200: #679475;/*voor buttons*/
	--groen-donker-200: #4F745A;/*voor button hover*/
	
	--gray: #e4e4e48f;/*voor borders*/
	
	/*fonts*/
	--open-sans: "Open Sans", Arial, Helvetica, sans-serif;
	--akatab: "Akatab", Arial, Helvetica, sans-serif;
}

/*buttons*/
/*file download button*/
.wp-block-file__button.wp-element-button{
	border-radius: 0px;
	font-family: "Open Sans", Arial, Helvetica, sans-serif;
	text-transform: uppercase;
    color: #FFF;
    background: var(--groen-200);
}

.wp-block-file__button.wp-element-button:hover{
	color: #FFF;
	background: var(--groen-donker-200);
}

/*wpem custom sidebar buttons*/
.custom-btn{
	--bg-clr:var(--_bg-clr, var(--groen-200));
	
	background-color: var(--bg-clr);
	color: #FFF;
	text-transform: uppercase;
	letter-spacing: 0.14px;
	font-weight:600;
	font-size: 13px;
	font-family: var(--open-sans);
	padding: 8px 20px;
	margin-top: 12px;
	display: inline-block;
}

.custom-btn.--red{
	--_bg-clr: #e64f4f;
}

.custom-btn.--blue{
	--_bg-clr: var(--licht-blauw);
}

.custom-btn:hover{
	color: #FFF!important;
}

.ticket-extra{
	display: none;
}

.wpem-single-event-body:has(.wpem-single-event-ticket-information) .ticket-extra{ display: block;}

/*fix if buttons are escaping their block*/
.btn-space-fix a{ display: block!important;}

/*basic buttons verwijder br van knoppen op event pagina*/
.wpem-single-event-body-content p > br:first-child{
	display: none;
}

/*woodmart*/
/*verwijder "geplaatst door" op cards berichten */
/*verwijder geplaatste datum rechthoek*/
.wd-post.wd-post .wd-post-meta,
.wd-post.wd-post .wd-post-date
{ display: none;}

/*start WP event manager Aanpassingen*/
/*event listings verwijder filter*/
.event_listings .search_events .wpem-row .wpem-col:nth-child(2){
	display: none;
}

/*verwijder "evenementen" boven event listings om niet te verwarren met agenda */
.wpem-event-listings-header .wpem-row > div:nth-child(1){
	display: none;
}

/*verander rij met "evenementen" zodat de toggle voor andere layout in het midden staat*/
.wpem-event-listings-header .wpem-row,
.wpem-event-listings-header .wpem-row .wpem-event-layout-action-wrapper{
	justify-content: center;
}

.wpem-event-listings-header .wpem-row .wpem-event-layout-action{
	margin-left: unset;
}

.wpem-event-listings-header .wpem-event-layout-action-wrapper .wpem-event-layout-action .wpem-event-layout-icon.wpem-active-layout{
	background-color: var(--groen-200);
}

/*wpem laad meer evenemenen knop aanpassen naar huisstyle*/
.event_listings.event_listings a.load_more_events{
	border-radius: 0px;
	background-color: var(--groen-200);
	color: #FFF;
}

.event_listings.event_listings a.load_more_events:hover{
	background-color: var(--groen-donker-200);
}

form.wpem-main.wpem-form-wrapper .wpem-form-group input[type=text],
.wpem-form-wrapper  .chosen-container.chosen-container,
.wpem-form-group .comiseo-daterangepicker-triggerbutton.ui-button,
.wpem-form-wrapper .wpem-form-group select,
.wpem-form-wrapper .wpem-form-group input[type=text]
{
	padding:0 15px;
	border: 2px solid #0000001a;
	border-radius: 0px;
}

/*wpem for only showing listings no filters and only 4 on desktop*/
/*laatste evenementen op home*/
.homeevents .event_filters {
	display: none;
}

/*hermaak naar grid*/
.homeevents .wpem-main.wpem-event-listings.event_listings.wpem-row.wpem-event-listing-box-view {
	--grid-columns: 1;
	display:grid;
	grid-template-columns: repeat(var(--grid-columns), 1fr);
}

/*hermaak flexitem om flex te supporten*/
.homeevents .wpem-main .wpem-event-box-col{
	max-width: unset;
}

/*aanpassingen single event listing page*/
/*verwijder woodmart titel van listing page*/
.event_listing .wd-single-post-header{ display: none;}

/*titel deel styling*/
.wpem-single-event-header-top{
	color: #FFF;
	background-image: linear-gradient(25deg, var(--licht-blauw-200),  var(--donker-blauw))!important;
}

/*aanpassing titel wrapper heading*/
.wpem-single-event-titel{
	text-align: center;
	padding-bottom: 40px;
	font-weight: 400;
}

.wpem-single-event-titel h1.wpem-heading-text{
	font-weight: 400;
	font-size: 1.75em;
	color: inherit;
}

/*haal lijnen weg*/
.single_event_listing .wpem-single-event-wrapper{ border: unset;}

.single_event_listing .wpem-single-event-wrapper .wpem-single-event-left-content::after{
	content: unset!important;
}

/*unset background-color van event header*/
.single_event_listing .wpem-single-event-header-top.wpem-single-event-header-top{
	background-color: unset;
}

/*aanpassingen knoppen wpem*/
/*bookmark*/
.wpem-single-event-page .wpem-single-event-right-content .wpem-single-event-body-sidebar .wpem-icon-text-button{
	border: none;
	border-radius: 0px;
	font-family: var(--open-sans);
	text-transform: uppercase;
	color: #FFF;
	background-color: var(--groen-200);
}

.wpem-single-event-page .wpem-single-event-right-content .wpem-single-event-body-sidebar .wpem-icon-text-button:hover{
	background: var(--groen-donker-200)!important;
	color: #FFF;
}

/*ical*/
.wpem-single-event-page .wpem-single-event-right-content .wpem-single-event-body-sidebar .wpem-icon-text-button[value="Download Events iCal"]{
	border: 1px solid var(--groen-100);
	background-color: #FFF;
}

.wpem-single-event-page .wpem-single-event-right-content .wpem-single-event-body-sidebar .wpem-icon-text-button[value="Download Events iCal"]:hover{
	background-color: unset!important;
}

.wpem-single-event-page .wpem-single-event-right-content .wpem-single-event-body-sidebar .wpem-icon-text-button[value="Download Events iCal"] span{
	color: var(--groen-donker-200);
}

/*submit button*/
.wpem-ticket-register-button button{
	font-family: var(--open-sans);
	border-radius: 0px;
	background-color: var(--groen-200);
}

.wpem-ticket-register-button button:hover{
	color: #FFF;
	background-color: var(--groen-donker-200);
}

/*heading tekst*/
/*algemeen*/
.wpem-single-event-page .wpem-heading-text{
	color: var(--donker-blauw);
	font-family: var(--open-sans);
}

/*accordion inhoud heading*/
.wpem-single-event-page .wpem-single-event-footer .wpem-venue-wrapper .wpem-venue-profile .wpem-venue-name.wpem-heading-text a{
	color: var(--donker-blauw)!important;
	font-family: var(--open-sans);
}

/*wpem heading ticket information*/
.wpem-single-event-page .wpem-single-event-wrapper .wpem-single-event-body .wpem-single-event-left-content .wpem-single-event-body-content .wpem-heading-text{
	color: var(--donker-blauw);
	font-family: var(--open-sans);
}

/*ticket information border*/
.wpem-single-event-ticket-information .wpem-ticket-information-wrapper .wpem-ticket-information-body .wpem-ticket-info-wrap{
	border-color: var(--donker-blauw);
}

/*locatie accordion*/
/*plus/min*/
.wpem-icon-plus:before{
	color: var(--groen-100);
}

.wpem-icon-minus:before{
	color: var(--groen-donker-200);
}

/*wpem cards*/

/*card wrapper*/
.wpem-event-listings.wpem-event-listings .wpem-event-layout-wrapper{
	border:1px solid var(--gray);
	box-shadow: 0 0 3px rgba(0,0,0,0.12);
}

/*card image*/
.wpem-event-listings .wpem-event-layout-wrapper .wpem-event-banner .wpem-event-banner-img.wpem-event-banner-img{
	background-size: contain!important;
	background-repeat: no-repeat;
}

/*card body*/
.wpem-event-box-col .wpem-event-infomation{
	position: relative;
}

.wpem-event-listing-box-view .wpem-event-box-col .wpem-event-infomation::before{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background: linear-gradient(45deg, var(--licht-blauw-200), var(--donker-blauw))!important;
	z-index: 1;
}

.wpem-event-listing-box-view .wpem-event-box-col .wpem-event-details{
	position: relative;
	margin-top: 6px;
	background-color: #FFF;
	z-index: 2;
}

.wpem-event-listing-box-view .wpem-event-box-col .wpem-event-details h3{
	font-family: var(--open-sans);
}

.wpem-event-listing-box-view .wpem-event-box-col .wpem-event-details .wpem-event-date-time-text,
.wpem-event-listing-box-view .wpem-event-box-col .wpem-event-details .wpem-event-location-text{
	font-family: var(--akatab);
}

/*cancelled cards*/
.wpem-event-listings.wpem-event-listings .wpem-event-layout-wrapper .event_cancelled, 
.wpem-event-listings.wpem-event-listings .wpem-event-layout-wrapper .event_cancelled:hover{
	background-color: #FFF!important;
}

.event_listing.event_cancelled.event_cancelled .wpem-event-infomation::before{
	filter: hue-rotate(135deg);
}

/*cards date square*/
.wpem-event-listings.wpem-event-listing-box-view .wpem-event-layout-wrapper 
.wpem-event-banner .wpem-event-date .wpem-event-date-type .wpem-from-date{
	position: relative;
	border-radius: 0px 0px 5px 5px;
	padding: 12px 15px 6px;
}

.wpem-event-listings.wpem-event-listing-box-view .wpem-event-layout-wrapper 
.wpem-event-banner .wpem-event-date .wpem-event-date-type .wpem-from-date::before{
	content: '';
	position: absolute;
	height: 4px;
	width: 100%;
	left: 0;
	top: 0;
	background: linear-gradient(90deg, var(--licht-blauw-200), var(--donker-blauw));
}

/*wpem cards list view listings*/
.event_listings .wpem-event-listing-list-view.wpem-event-listings .wpem-event-layout-wrapper .event_listing{
	background-color: #FFF;
	background-clip: padding-box;
	border-color:transparent;
	position: relative;
	z-index: 2;
}

.wpem-event-listing-list-view.wpem-event-listings .wpem-event-layout-wrapper{
	position: relative;
}

.wpem-event-listing-list-view.wpem-event-listings .wpem-event-layout-wrapper::before{
	content: '';
	position: absolute;
	height: 100%;
	width: 7px;
	background: linear-gradient(180deg, var(--licht-blauw-200), var(--donker-blauw))!important;
	left: 0;
	top: 0;
	z-index: 1;
}

/*wpem cards list view listings*/
.wpem-event-listing-list-view.wpem-event-listings .wpem-event-layout-wrapper:has(.event_cancelled)::before{
	filter: hue-rotate(135deg);
}

/*verander gap kolommen binnen wpem content vanwege automatische toevoeging paragraven*/
.wpem-single-event-body-content .wp-block-columns{ gap: 3px;}

/*wpem horizontale lijn margin aanpassen om meer verticale ruimte te verkrijgen*/
.wpem-single-event-body-content hr{
	margin-bottom: 4px;
}

.wpem-single-event-body-content hr + p, .wpem-single-event-body-content .wp-block-columns .wp-block-column p:first-child{
	margin-bottom: 0px;
}

/*lijst margins*/
.wpem-single-event-body-content ul > p{
	display: none;
}

.wpem-single-event-body-content ul > li{
	margin-bottom: 4px;
}

/*alerts*/
/*alert dashboard*/
table.wpem-responsive-table-wrapper thead{ background: #eff9ff;}

/*einde WP event manager aanpassingen*/

/*pagina titel*/
.wd-page-title.wd-page-title{
	background-image: linear-gradient(25deg, var(--licht-blauw-200), var(--donker-blauw))!important;
}

.wd-page-title.wd-page-title h1.wpem-heading-text{
	padding:10px 16px;
}

/*blogcards*/
/*andere kleur category metainfo achtergrond*/
.wd-post .wd-post-cat.wd-style-with-bg{
	background-image: linear-gradient(135deg, var(--licht-blauw-200), var(--donker-blauw));
}

/*lees meer knop meer passend met knoppen bovenaan*/
.wd-post .wd-post-read-more a{
	color: #000;
	border-bottom: 2px solid var(--groen-100);
}

/*prikbord*/
.prikbord{
	column-count: 1;
	break-before: column;
}

/*prikbord briefje*/
.prikbordbriefje {
 box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 0 0 60px rgba(0, 0, 0, 0.17) inset, 3px 3px 3px rgba(0, 0, 0, 0.15);
 border-radius: 0 0 120px 120px / 0 0 6px 6px;
 background-color: #FEF20A !important;
 border-bottom: 1px solid #d4ca01 !important;
 padding: 20px;
 position: relative;
 page-break-inside: avoid;
}

.pushpin {
 position: absolute;
 top: -10px;
 left: 50%;
 transform: translateX(-50%);
}

.prikbordbriefje h2 {
 padding-top:25px;
 color: #D6061E !important;
 font-weight: bold !important;
 font-family: 'Kalam',cursive;
 font-size: 22px!important;
}

.prikbordbriefje p {
 color: #D6061E !important;
}

.prikbordbriefje a {
 color: #D6061E !important;
 font-weight: normal !important;
 text-decoration: underline !important;
}

/*prikbordformulier*/
.wpcf7 input, .wpcf7 textarea { 
background-color: #ffffff!important;
}
.wpcf7 .wpcf7-submit {
 background-color: #7ab38b!important;
}

/*padding blogs*/
.blogspadding {
 padding: 20px!important;
}

/*2e blogger verborgen*/
.bloggerverborgen {
 display: none!important;
}

/*titel berichten verborgen*/
.single-post .entry-title {
 display: none;
}

/*font-size sticky header*/
.whb-sticky-header .wd-nav-header>li>a {
 font-size: 13px!important;
}

/*not showing printable event when not printing*/
#printable-event{display: none;}

/*event print button and info*/
.event-printen{ margin-bottom: 32px; }

.event-printen input{ margin-bottom: 24px; }

.event-printen details summary{
	background-color: #7ab38b!important;
	color: #FFF;
	text-transform: uppercase;
	cursor: pointer;
	display: inline-block;
	padding: 4px 12px;
}

.event-printen details p{
	margin-top: 16px!important;
	margin-bottom: 16px!important;
}

/*remove QR code*/
.agenda-picto-footer .qr-to-home{ display: none;}

@media (min-width: 530.99px){
	.homeevents .wpem-main.wpem-event-listings.event_listings.wpem-row.wpem-event-listing-box-view {
		--grid-columns: 2;
	}
}

@media (min-width: 768px){
	/*prikbord*/
	.prikbord{ column-count: 2;}
}


@media (min-width: 992px){
	/*start WP event manager Aanpassingen*/
	/*wpem for only showing listings no filters and only 4 on desktop*/
	.homeevents .wpem-main.wpem-event-listings.event_listings.wpem-row.wpem-event-listing-box-view {
		--grid-columns: 4;
	}
	
	.wpem-single-event-titel{
		align-content: center;
		text-align: left;
		padding-left: 45px;
		padding-bottom: 0px;
	}
		
	/*uitgelichte afbeelding buiten block zetten*/
	.wpem-single-event-header-top .wpem-single-event-images{ position: relative;}
		
	.wpem-single-event-header-top .wpem-single-event-images .wpem-event-single-image-wrapper{
		position: relative;
		/*box-shadow: 0px 0px 7px #4a5571;*/
		padding:8px 8px 8px 0px;
	}
		
	/*einde WP event manager aanpassingen*/

	/*prikbord*/
	.prikbord{ column-count: 3;}
}

@media screen and (max-width: 575px) {
 .wpem-event-listings .wpem-event-layout-wrapper .wpem-event-banner .wpem-event-banner-img {
  width: 70px;
  height: 70px;
 }
 .wpem-event-listings.wpem-event-listing-list-view .wpem-event-layout-wrapper .wpem-event-infomation .wpem-event-details .wpem-event-title .wpem-heading-text {
 font-size: 18px;
 }
}

@media screen and (max-width: 992px) {
 .wpem-single-event-header-top {
 background-color: var(--donker-blauw)!important;
 background-image: none!important;
 }
}

/*voor printen van events / agendapunten */
@media only print{
	/*remove everything*/
	.wp-singular.single-event_listing .whb-header,
	.wp-singular.single-event_listing .whb-main-header,
	.wp-singular.single-event_listing .wd-footer,
	.wp-singular.single-event_listing .wd-single-post-header,
	.wp-singular.single-event_listing .single_event_listing,
	.wp-singular.single-event_listing .wd-toolbar,
	.wp-singular.single-event_listing .wd-single-footer,
	.wp-singular.single-event_listing .scrollToTop,
	.wp-singular.single-event_listing .mobile-nav{
		display: none;
	}
	
	.wp-singular.single-event_listing #main-content{ padding-block: 12px 0px;}
	.wp-singular.single-event_listing #main-content article.post-single-page{ margin:0px!important; padding-bottom:0px;}
	
	/*show printable event when printing*/
	#printable-event{
		position: relative;
		display: block;
		border: 2px solid var(--donker-blauw);
		height: 93.5vh;
		max-height: 93.5vh;
		overflow: hidden;
		font-size: 10pt;
		font-family: var(--open-sans); 
		margin-bottom: 0px!important;
	}
	
	/*remove unneeded features inside printable event*/
	#printable-event .wpem-countdown-section,
	#printable-event .wpem-single-event-ticket-information{ 
		display: none;
	}
	
	/*change header*/
	#printable-event .logos{
		display: flex;
		flex-direction: row;
	}
	
	#printable-event .logos > .brand {
		flex-grow: 1; 
		display: flex;
		justify-content: center;
		align-items: center;
	}
	
	#printable-event .logos > .brand img{
		text-align: center;
		height: 120px;
		width: auto;
	}
	
	#printable-event .logos .wpem-event-single-image-wrapper {
		display: flex;
		justify-content: center;
		align-items: center;
		width: 150px;
		aspect-ratio: 1/1;
		margin: 10px;
		border: 1px solid var(--donker-blauw);
	}
	
	/*title bar*/
	#printable-event .print-title{
		background-color: var(--donker-blauw);
		padding: 10px 12px;
	}
	
	#printable-event .print-title h2{
		color: #FFF!important;
		margin-bottom: 0px;
	}
	
	/*body content*/
	#printable-event .wpem-single-event-body-content{
		padding:0px 10px 0px;
		color: #141827;
	}
	
	#printable-event p, 
	#printable-event li, 
	#printable-event p a{
		font-size: inherit;
	}
	
	/*print afbeeldingen*/
	#printable-event img{
		-webkit-print-color-adjust: economy;
		print-color-adjust: economy;
		
	}
	
	/*picto's onderaan flyer*/
	#printable-event .agenda-picto-footer{
		position: absolute;
		width: 100%;
		left: 0px;
		bottom: -10px;
		padding-left:10px;
		padding-right: 10px;
	}
	
	#printable-event .agenda-picto-footer .qr-to-home{ display: block;}
}