body.home {
	background-color: #fae4de !important;
}

/* ~~~~~~~~ Event Hero ~~~~~~~~ */
.event-hero {
	background-image: url('/wp-content/themes/theologie/dist/img/event-hero-bg.jpg');
	background-size: cover;
}

.event-hero .event-hero-inner-bg {
	background-color: rgba(104, 89, 117, 0.9);
}

.event-hero .event-hero-inner-title h1,
.event-hero .event-hero-inner-title h4 {
	font-family: "Noto Sans", Helvetica, Arial, sans-serif;
	color: #fff;
	text-shadow: 1px 2px 1px rgba(0, 0, 0, 0.2);
}

.event-hero .event-hero-inner-title h1 {
	font-size: 24px;
	margin-bottom: 0;
}
.event-hero .event-hero-inner-title h4 {
	display: none;
}

@media(min-width: 1200px) {
	.event-hero .event-hero-inner-title h1 {
		font-size: 48px;
		margin-bottom: 1rem;
	}
	.event-hero .event-hero-inner-title h4 {
		display: block;
		font-size: 24px;
	}
}


/* ~~~~~~~~ Event Selector ~~~~~~~~ */

/* same as tribe-events-l-container */
.event-selector-container {
	padding: 0 20px;
}
/*
@media(min-width: 1400px) {
	.event-selector-container {
		margin: 14px;
	}
}
 */

.event-selector .form-select {
	padding-left: 10px;
	padding-right: 10px;
	background-position: right 0.5rem center
}
.event-select {
	background-color: #fff;
	border: solid 1px #b4c8e6;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.event-select-results {
}

.event-select-result {
	padding: 1.25rem;
	background-color: #F6F9FB;
	border: solid 1px #B4C8DC;
}

.event-select-result h5 {
	font-family: "Noto Sans", Helvetica, Arial, sans-serif;
	font-size: 24px;
	font-weight: 400;
}

/* ~~~~~~~~ Verse selector ~~~~~~~~ */

.verse-select {
	background-color: #fff;
	border: solid 1px #b4c8e6;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

/* same as tribe-events-l-container */
.verse-selector-container {
	padding: 0 20px;
}
/*
@media(min-width: 1400px) {
	.verse-selector-container {
		margin: 14px;
	}
}
 */

/* ~~~~~~~~ event themes ~~~~~~~~ */
.event-themes {
	background-color: #FCEEE9;
	box-shadow: 0 0 8px rgba(0, 0, 0, 0.15);
}

.event-theme {
	display: block;
	position: relative;
	justify-content: start;

	text-decoration: none;
	background-size: cover;
}
.event-theme-inner {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: auto;
	padding: 1.25rem;
	color: #fff;

}

.event-theme-gradient {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(0deg, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.1) 100%);
}

/* calendar */
.event-cal-container {
	padding: 1rem !important;
	background-color: #fff;
}

.tribe-events .tribe-events-l-container {
	padding-top: 2rem !important;
	padding-bottom: 2rem !important;
	min-height: 0 !important;
}

.tribe-events .tribe-events-c-nav {
	border: none;
}
.tribe-events .tribe-events-c-top-bar__nav-list {
	justify-content: space-between;
}

.home .tribe-events .tribe-events-calendar-month__mobile-events-icon--event {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	z-index: 0;

	border-radius: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(243, 115, 73, 0.3);
}

.home .tribe-events .tribe-events-calendar-month__day {
	border-radius: 0;
}

.home .tribe-events .tribe-events-calendar-month__day-date {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 10px;
	z-index: 5;

	padding-top: 15%;
}

.home .tribe-events .tribe-events-calendar-month__day-cell {
	width: 80%;
	height: 80%;
}

.home .tribe-events .tribe-events-calendar-month__day-cell--selected,
.home .tribe-events .tribe-events-calendar-month__day-cell--selected:focus,
.home .tribe-events .tribe-events-calendar-month__day-cell--selected:hover {
	background-color: transparent;
	border: solid 1px rgb(160, 180, 200);
}

.home .tribe-events .tribe-events-calendar-month__day-cell--selected:has(.tribe-events-calendar-month__mobile-events-icon--event) {
	border: solid 1px rgb(243, 115, 73);
}

.home .tribe-events .tribe-events-calendar-month__day-cell--selected .tribe-events-calendar-month__mobile-events-icon--event {
	background-color: rgb(243, 115, 73);
}

.home .tribe-events .tribe-events-calendar-month__day--past .tribe-events-calendar-month__mobile-events-icon--event {
	background-color: rgba(243, 115, 73, 0.3);
}

.home .tribe-events .tribe-events-calendar-month__day--past .tribe-events-calendar-month__day-cell--selected .tribe-events-calendar-month__mobile-events-icon--event {
	background-color: rgb(243, 115, 73);
}

.home .tribe-events .tribe-events-calendar-month__day-cell--selected:has(.tribe-events-calendar-month__mobile-events-icon--event) .tribe-events-calendar-month__day-date .tribe-events-calendar-month__day-date-daynum {
	color: #fff;
}

.home .tribe-events .tribe-events-c-top-bar__datepicker-container {
	left: -40px;
	width: 220px;
	max-width: 220px;
}
.home .tribe-events .tribe-events-c-top-bar__datepicker-container .dropdown-menu {
	left: 0 !important;
}

@media (min-width: 992px) {
	.navbar-nav .nav-link.active {
		color: #f37347;
	}
}

.home .tribe-events div.tribe-events-calendar-month__day-cell--mobile {
	cursor: default;
}
.home .tribe-events .tribe-events-calendar-month__day-cell--mobile:hover {
	background: none !important;
}

/* ~~~~~~~~ calendar month view - details ~~~~~~~~ */
.tribe-events-calendar-month-mobile-events {
	height: 100%;
	background-color: #8ca0be;
}
.tribe-events-calendar-month-mobile-events__mobile-day.tribe-events-calendar-month-mobile-events__mobile-day--show {
	height: 100%;
}

.mobile-day-bg-image {
	position: relative;
	width: 100%;
	height: 100%;
}

.mobile-day-bg-gradient {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
}

.tribe-common a.mobile-day-full-link {
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	width: 100%;
	height: 100%;
	min-height: 135px;
	overflow: hidden;

}

.tribe-common a.mobile-day-full-link .mobile-day-bg-image {
	width: 100%;
	height: 100%;
	background-position: center;
	background-size: cover;
	transition: all .5s;
}

.tribe-common a.mobile-day-full-link:hover .mobile-day-bg-image,
.tribe-common a.mobile-day-full-link:focus .mobile-day-bg-image {
	transform: scale(1.1);
}

.mobile-day-bg-image::before {
	content: "";
	opacity: 0;
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background-color: rgba(0, 0, 0, 0.25);
	transition: all .5s;
}

.tribe-common a.mobile-day-full-link:hover .mobile-day-bg-image:before,
.tribe-common a.mobile-day-full-link:focus .mobile-day-bg-image:before {
	opacity: 1;
}

.mobile-day-text {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: auto;
	padding-bottom: 2rem !important;
}

@media(max-width: 768px) {
	.event-cal-container {
		padding-top: 0.75rem !important;
		padding-bottom: 0.125rem !important;
	}
	.tribe-common .tribe-common-l-container {
		padding-top: 1rem !important;
	}
	.mobile-day-text {
		padding-bottom: 1.25rem !important;
	}
	.tribe-events .tribe-events-calendar-month-mobile-events__mobile-event {
		padding-top: 0 !important;
	}
	.tribe-events .tribe-events-calendar-month-mobile-events__day-marker {
		padding-top: 0 !important;
	}
}



.tribe-common a.mobile-day-full-link .read-more {
	position: absolute;
	bottom: 20px;
	right: 20px;
	width: 32px;
	height: 32px;
	padding-top: 3px;
	text-align: center;
	color: #fff;
	border-radius: 4px;
	border: solid 1px #fff;
	opacity: 0.7;

	transition: opacity 100ms linear 0s;
}

.tribe-common a.mobile-day-full-link:hover .read-more {
	opacity: 1;
}

.tribe-common a.mobile-day-full-link .tribe-common-h7 {
	font-size: 24px;
	font-weight: 400;
	color: #fff;
	text-align: center;
	opacity: 0.9;
	text-shadow: 2px 2px 1px rgba(0, 0, 0, 0.25);

	transition: opacity 100ms linear 0s;
}

@media(min-width: 480px) {
	.tribe-common a.mobile-day-full-link .tribe-common-h7 {
		font-size: 26px;
	}
}


@media(min-width: 768px) {
	.tribe-common a.mobile-day-full-link .tribe-common-h7 {
		font-size: 28px;
	}
}

@media(min-width: 992px) {
	.tribe-common a.mobile-day-full-link .tribe-common-h7 {
		font-size: 32px;
	}
}

@media(min-width: 1200px) {
	.tribe-common a.mobile-day-full-link .tribe-common-h7 {
		font-size: 36px;
	}
}


.tribe-common a.mobile-day-full-link:hover .tribe-common-h7 {
	opacity: 1;
}

.tribe-events .tribe-events-c-day-marker {
	display: block !important;
}

.tribe-events .tribe-events-c-day-marker__date {
	display: block !important;
}

.tribe-events .tribe-events-c-day-marker:after {
	background-color: transparent !important;
}

/* ~~~~~~~~~~~~~~~~ Single Event Page ~~~~~~~~~~~~~~~~ */

.tribe-events-single-event-title {
	font-size: 24px;
	font-weight: 500;
}
.tribe-events-single-event-title .th-single-event-title-date {
	color: #558296;
}
.tribe-events-single-event-title .th-single-event-title-bullet {
	margin: 0 0.5rem;
	color: #F37347;
}
.tribe-events-single-event-title .th-single-event-title-title {
	color: #685975;
}

.th-single-event-menu {
	width: 100%;
	padding: 1.5rem;
	background-color: #fff;
	border: solid 1px #C8D2DC;
}
.th-single-event-menu h5 {
	font-family: "Noto Sans", Helvetica, Arial, sans-serif;
}

.th-single-event-menu ul.ea-side-menu {
	list-style: circle;
	padding-left: 1rem;
}
.th-single-event-menu ul.ea-side-menu li a {
	display: block;
	padding: 4px 0;
	font-size: 15px;
}
.th-single-event-menu ul.ea-side-menu li::marker {
	color: #F37347;
}

.th-single-event-menu-mobile {
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	width: 100%;
	z-index: 99999;
}

.menu-mobile-button {
	display: block;
	width: 100%;
	padding: 0.5rem;
	font-size: 1.25rem;
	text-decoration: none;
	text-align: center;
	color: #fff;
	background-color: #283C50;
}
.menu-mobile-button:hover {
	color: #fff;
}

.menu-mobile-content-backdrop {
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	width: 100%;
	height: 0;
	z-index: 99999;
	background-color: rgba(0, 0, 0, 0.9);

	opacity: 0;
	transition: opacity 100ms ease-in-out 0s;

}

.menu-mobile-content-backdrop.show {
	top: 0;
	height: 100%;
	opacity: 1;
}

.menu-mobile-content {
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	width: 100%;
	z-index: 99999;
	height: 0;
	background-color: #335761;;
	color: #fff;
	opacity: 0;
	transition: all 100ms ease-in-out 0s;
	text-align: center;
}

.menu-mobile-content.open {
	height: 90%;
	opacity: 1;
}

ul.ea-mobile-menu {
	margin: 2rem auto 0 auto;
	max-width: 240px;
	list-style: none;
	padding: 0;
}
ul.ea-mobile-menu li a {
	display: block;
	padding: 5px 0;
	text-decoration: none;
	font-size: 20px;
	color: #fff;
}

ul.ea-mobile-menu li a:hover {
	color: #fff;
}

.th-single-event-articles {
}

.th-single-event-article-title {
	font-family: "Noto Sans", Helvetica, Arial, sans-serif;
	font-size: 18px;
	font-weight: 500;
	color: #3d3d3d;
}
.th-single-event-article-title.th-single-event-article-title-main {
	font-size: 24px;
	font-weight: 500;
	color: #335761;
}

.th-single-event-article-cat-title {
	font-family: "Noto Sans", Helvetica, Arial, sans-serif;
	font-size: 24px;
	font-weight: 500;
	color: #335761;
}
.th-single-event-article-cat-title__alt {
	font-style: italic;
	color: #F37347 !important;
}

.th-single-event-article {
	position: relative;
	display: none;
	padding: 1.5rem;
	background-color: #fff;
	border: solid 1px #C8D2DC;
}
.th-single-event-article.js-cat-hoofdartikel,
.th-single-event-article.js-cat-bij-deze-dag {
	display: block;
}

.js-cat-hoofdartikel.js-cat-bij-deze-dag {
	height: 800px;
	overflow: hidden;
}

.th-white-fade {
	position: absolute;
	display: none;
	bottom: 0;
	left: 0;
	right: 0;
	width: 100%;
	height: auto;
	background: linear-gradient(0deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0.75) 50%, rgba(255, 255, 255, 0) 100%);
}

.js-cat-hoofdartikel.js-cat-bij-deze-dag .th-white-fade {
	display: block;
}

.th-single-event-article-tag {
	position: absolute;
	top: 0;
	right: 0;
	padding: 8px 12px;
	background-color: #2DA5E6;
	color: #fff;
}

.th-single-event-article-content h2,
.th-single-event-article-content h3,
.th-single-event-article-content h4,
.th-single-event-article-content h5,
.th-single-event-article-content h6 {
	font-family: "Noto Sans", Helvetica, Arial, sans-serif;
	font-weight: 500;
	color: #3d3d3d;
}
.th-single-event-article-content h2,
.th-single-event-article-content h3 {
	font-size: 18px;
}
.th-single-event-article-content h4,
.th-single-event-article-content h5,
.th-single-event-article-content h6 {
	font-size: 16px;
}
.tribe-events-go-back a {
	float: right;
	text-decoration: none;
}

.lead_extra {
	background-color: #E1F0FF;
	border: solid 1px #C8D2DC;
	font-size: 14px;
}
.lead_extra h5 {
	font-family: "Noto Sans", Helvetica, Arial, sans-serif;
	font-size: 18px;
	font-weight: 500;
	color: #3d3d3d;
}

.ea-related {
	position: relative;
	width: 100vw;
	background-color: #FCEEE9;
	left: calc(-1 * (100vw - 100%) / 2);
	margin-bottom: -1.25rem;
}
.ea-related .container-fluid {
	max-width: 1400px;
}

.related-col-inner h3 {
	font-size: 1.5rem;
	margin-bottom: 2rem;
}

.related-col-inner.related-col-inner_alt h3 {
	text-align: right;
	color: #F37347;
}

.ea-related-post {
	background-color: #fff;
	border: solid 1px #C8D2DC;
}

.ea-related-post-group {
	padding: 0;
}

@media (min-width: 768px) {
	.ea-related-post-group {
		padding: 2rem;
		background-color: #fff;
		border: solid 1px #C8D2DC;
	}
}

.ea-related-post {
	padding: 2rem;
	margin-bottom: 2rem;
}

.ea-related-post,
.ea-related-post-sm {
	position: relative;
}

.ea-related-post-sm {
	padding: 2rem;
	margin-bottom: 2rem;
	background-color: #fff;
	border: solid 1px #C8D2DC;
}

@media (min-width: 768px) {
	.ea-related-post-group {
		padding: 2rem;
		background-color: #fff;
		border: solid 1px #C8D2DC;
	}
	.ea-related-post-sm {
		margin-bottom: 3rem;
		padding: 0 0 1.25rem 0;
		border-top: none;
		border-left: none;
		border-right: none;
		border-bottom: solid 1px #B4BEC8;
	}
}

.ea-related-post h5,
.ea-related-post-sm h5 {
	font-family: "Noto Sans", Helvetica, Arial, sans-serif;
}

.ea-related-post-content {
	height: 100px;
	overflow: hidden;
	margin-bottom: 0.75rem;
}

.ea-related-post-link a {
	display: block;
	width: 24px;
	height: 24px;
	text-align: center;
	color: #F37347;
	border: solid 1px #F37347;
}