/* Styling off eventslider on Landingpage*/
/* eventslider*/
.carousel-wrapper {
  max-width: 1265px;
  margin: 0 auto;
  position: relative;
  background: #323232;
  overflow: hidden;}

.carousel {
  position: relative;}

.slide {
  display: none;
  position: relative;}

.slide.active {
  display: block;}

/* Img */
.slide-img {
  width: 100%;
  display: block;
	border-radius: 16px !important;} /* have to overrule normal styling for img in wordpress*/

/* Title in slider*/
.slide .title {
  position: absolute;
  top: 24px;
  left: 24px;
  background: #323232;
  color: white;
	font-weight: 200;
	font-family: "Inter";
	font-size: 48px;
  padding: 8px 16px;
  border-radius: 8px;}

/* Date label in slider*/
.slide .date-label {
  position: absolute;
  bottom: 24px;
  left: 24px;
  background-color: white;
  display: flex;
  gap: 8px;
  padding: 8px;
  border-radius: 8px;
  color: #323232;
  font-family: 'Inter';
  font-size: 24px;
		border: solid 2px #323232;
  box-shadow: 0 2px 4px rgba(0,0,0,0.15);}

/* calendar icon*/
.calendar-icon {
  height: 28px;
  object-fit: contain;}

/* navigation */
.nav {
  display: flex;
  justify-content: center;
  gap: 40px;
  background: #323232;
  padding: 16px;}

/* Navigation buttons*/
.nav button {
  background: #444;
  border: none;
  color: white;
  padding: 8px 12px;
  font-size: 48px;
  border-radius: 8px;
  cursor: pointer;}

/* Navigation buttons hover*/
.nav button:hover {
  background: #666;}


/* -------- responsive eventslider --------- */
/* ipad version*/
@media screen and (min-width: 767px) and (max-width: 1024px) {
/* carousel */
	.carousel-wrapper {
 		margin: 0 20px;}

/* title */
	.slide .title {
		font-size: 24px;
 		padding: 4px 8px;
  	border-radius: 8px;
		top: 12px;
		left: 16px;}
		
/* date label*/
  .slide .date-label {
		bottom: 8px;
		left: 8px;
    font-size: 16px;
    padding: 4px 8px;
    gap: 8px;}
		
/* calendar icon */
	.calendar-icon {
    height: 20px !important; /* have to overrule normal styling for img in wordpress*/
		object-fit: contain;}
		
/* navigation */	
	.nav {
  	gap: 16px;
  	padding: 8px;}

/* Navigation buttons*/
.nav button {
  padding: 4px 8px;
  font-size: 32px;
  border-radius: 8px;}
}


/* mobile version*/
@media screen and (max-width: 767px) {
/* carousel */
	.carousel-wrapper {
 		margin: 0 20px;}
		
/* title*/
		.slide .title {
			font-size: 16px;
 		 	padding: 4px 8px;
  		border-radius: 8px;
			top: 4px;
		left: 8px;
			}
		
/* date label*/
  .slide .date-label {
		bottom: 8px;
		left: 8px;
		padding: 4px 8px;
    font-size: 12px;
    gap: 4px;}
		
/* calendar icon */
	.calendar-icon {
    height: 16px !important; /* have to overrule normal styling for img in wordpress*/
		object-fit: contain;}
		
/* navigation */	
	.nav {
  	gap: 16px;
  	padding: 8px;}

/* Navigation buttons*/
	.nav button {
  	padding: 4px 8px;
  	font-size: 24px;
  	border-radius: 8px;}
}







/*----- Eventssite custom css -------*/

/* whole section moved down*/
.tribe-common-l-container.tribe-events-l-container {
  margin-top:40px;
}

/* search button design */
.tribe-events button.tribe-events-c-search__button{
		font-family: "Inclusive Sans";
		font-weight: 400;
		color: white !important; /* have to overrule normal styling for buttons in the theme */
		padding: 12px 24px 12px 24px;
		background-color: #8BA88D;
		border-radius: 8px;}

/* hover search button design */
.tribe-events button.tribe-events-c-search__button:hover{ 
		font-family: "Inclusive Sans";
		font-weight: 400;
		color: white !important; /* have to overrule normal styling for buttons in the theme */
		padding: 12px 24px 12px 24px;
		background-color: #475748;
		border-radius: 8px;
		}

/* focus search button design */
.tribe-events button.tribe-events-c-search__button:focus{ 
		font-family: "Inclusive Sans";
		font-weight: 400;
		color: white !important; /* have to overrule normal styling for buttons in the theme */
		padding: 12px 24px 12px 24px;
		background-color: #475748;
		border-radius: 8px;}

/* styling of upcoming text*/
.tribe-events.tribe-common .tribe-common-h--alt.tribe-events-c-top-bar__datepicker-button {
    background-color:white; /* have to overrule normal styling for buttons in the theme */
		font-family: "Inter";
		font-weight: 700;
		color: #323232 ;}

/* Remove text from the individuel eventcards.*/
.tribe-events-calendar-list__event-details.tribe-common-g-col p {
  display: none;}

/* drop down button design*/	
.tribe-common-c-btn-border.tribe-events-c-subscribe-dropdown__button {
  font-family: "Inclusive Sans";
		font-weight: 400;
		color: white !important; /* have to overrule normal styling for buttons in the theme */
		padding: 12px 24px 12px 24px;
		background-color: #8BA88D;
		border-radius: 8px;
		border: none;}

/*hover drop down button design*/
.tribe-events-c-subscribe-dropdown__button:hover {
		background-color: #475748 !important;} /* have to overrule normal styling for buttons in the theme */


/* ----- event site styling ----*/
/* move section down */
.tribe-events-back{
		margin-top: 40px;}

/* header text */
.tribe-events-single-event-title {
		font-family: "Inter";
		color: #323232 !important;} /* have to overrule normal styling for headers in the theme */

/* body text */
#tribe-events-content{
		font-family: "inclusive sans";}


/* back buttons on eventsite*/
.tribe-events-back a{
		font-family: "Inclusive Sans";
		font-weight: 400;
		color: white !important; /* have to overrule normal styling for buttons in the theme */
		padding: 12px 24px 12px 24px;
		background-color: #8BA88D;
		border-radius: 8px;}

/* header event card*/
.tribe-events.tribe-common--breakpoint-medium a[href^=http] {
  	font-family: "Inter";
		color: #323232 !important;} /* have to overrule normal styling for headers in the theme */

/* date/time event card*/
.tribe-events-calendar-list__event-datetime {
  	font-family: "Inter";
		color: #323232 !important; /* have to overrule normal styling for headers in the theme */
}

/* adress event card*/
.tribe-events-calendar-list__event-venue.tribe-common-b2 {
  	font-family: "Inter";
		color: #323232 !important; /* have to overrule normal styling for headers in the theme */
}