/*
* Style for remseo-events CPT
*/

/*-------------------
  ## Single Events
---------------------*/
/* Main Container */
.cpt-post.single-event {width: 100%;}

/* Event Header */
.cpt-post.single-event header.event-header {width: 100%; background: var(--alt-bg); height: calc(100vh - 210px);}
.cpt-post.single-event header.event-header figure {}
.cpt-post.single-event header.event-header figure figcaption {height: 100%;}
.cpt-post.single-event header.event-header figure figcaption .event-main-datas {}
.cpt-post.single-event header.event-header figure figcaption .event-main-datas .event-title {color: var(--light-txt-color); font-size: 4rem; margin: 1rem 0;}
.cpt-post.single-event header.event-header figure figcaption .event-main-datas .event-date {color: var(--light-txt-color); font-size: 1rem; font-weight: 700; background-color: var(--featured-color-50); padding: 6px 12px; border-radius: 6px;}
.cpt-post.single-event header.event-header figure figcaption .event-main-datas .event-addit-txt {width: 75%; margin: 1.25rem auto; color: var(--light-txt-color); text-align: center; background-color: var(--featured-color-50); padding: 1.25rem 6px; border-radius: 12px;}
.cpt-post.single-event header.event-header figure figcaption .event-main-datas .event-scroll-indicator i.fas {font-size: 1.25rem; margin: 12px 0;}

.cpt-post.single-event header.event-header figure figcaption .event-address {position: relative;}
.cpt-post.single-event header.event-header figure figcaption .event-address .address-overlay {position: absolute; width: 100%; height: 100%;background-color: var(--secondary-bg); opacity: 0.5; z-index: 1; transition: 400ms all ease-in-out;}
.cpt-post.single-event header.event-header figure figcaption .event-address ul {position: relative; list-style: none; z-index: 2;}
.cpt-post.single-event header.event-header figure figcaption .event-address ul > li {margin: 1rem 0; color: var(--light-txt-color); font-size: 1rem;}
.cpt-post.single-event header.event-header figure figcaption .event-address ul > li > a {color: var(--light-txt-color); font-weight: 700; font-size: 1.10rem;}
.cpt-post.single-event header.event-header figure figcaption .event-address ul > li > i.fas {color: var(--alt-featured-color); font-size: 1.25rem; padding: 0 12px 0 12px;}

/* Event Map */
.cpt-post.single-event #event-details {width: 100%;}
.cpt-post.single-event #event-details .leaflet-container {height: auto;}
.cpt-post.single-event #event-details .leaflet-container .leaflet-map {height: 440px;}
.cpt-post.single-event #event-details .leaflet-container .leaflet-gmap-cta {position: absolute; top: 0; right: 0; color: var(--light-txt-color); z-index: 10; border-radius: 0;}

/* Event Dates list */
.cpt-post.single-event #event-details .dates-container {background-color: var(--alt-featured-color); color: var(--light-txt-color); border-right: 1px solid;}
.cpt-post.single-event #event-details .dates-container h2 {margin: 12px auto; color: var(--light-txt-color);}
.cpt-post.single-event #event-details .dates-container .event-dates-list {list-style: none; padding: 0 16px 0 0; max-height: 300px; overflow-y: auto; overflow-x: hidden;}
.cpt-post.single-event #event-details .dates-container .event-dates-list li {position: relative; line-height: 2.5rem; width: max-content; margin: 12px 0; padding: 0 6px; border-radius: 6px;}
.cpt-post.single-event #event-details .dates-container .event-dates-list li:not(.outdated) {background-color: var(--alt-bg); color: var(--alt-featured-color);}
.cpt-post.single-event #event-details .dates-container .event-dates-list li.other-dates-sep {margin: 16px 0; background-color: initial; color: var(--light-txt-color);}
.cpt-post.single-event #event-details .dates-container .event-dates-list li.other-dates-sep:after {content: ''; position: absolute; left: 0; bottom: 4px; width: 105%; border-bottom: 1px solid;}
.cpt-post.single-event #event-details .dates-container .event-dates-list li.outdated {color: #a1a1a1; line-height: 2rem; margin: 0;}
.cpt-post.single-event #event-details .dates-container .event-dates-list li.outdated:before {
	font-family: "Font Awesome 5 Free" !important;
	color: inherit;
	speak: none;
	font-style: normal;
	font-weight: 900 !important;
	font-variant: normal;
	text-transform: none;
	font-size: 1rem;
	position: absolute;
	top: 0;
	left: -1.25rem;
	content:'\f273';
}
.cpt-post.single-event #event-details .dates-container .event-dates-list li.outdated:after {
	content: '';
	position: absolute;
	width: 100%;
	left : 0;
	top: 1rem;
	border-top: 1.5px solid;
}

/* .cpt-post.single-event #event-details .dates-container .event-dates-list li.today {color: var(--featured-color-lighter); font-size: 1.25rem; font-weight: 700;} */
.cpt-post.single-event #event-details .dates-container .event-dates-list li.today:before {
	font-family: "Font Awesome 5 Free" !important;
	color: inherit;
	speak: none;
	font-style: normal;
	font-weight: 900 !important;
	font-variant: normal;
	text-transform: none;
	font-size: 1rem;
	position: absolute;
	top: 0;
	left: -1.25rem;
	content:'\f073';
}
.cpt-post.single-event #event-details .dates-container .event-dates-list li.upcoming:before {
	font-family: "Font Awesome 5 Free" !important;
	color: inherit;
	speak: none;
	font-style: normal;
	font-weight: 900 !important;
	font-variant: normal;
	text-transform: none;
	font-size: 1rem;
	position: absolute;
	top: 0;
	left: -1.25rem;
	content:'\f073';
}

/* Event detailed + indicative hours */
.cpt-post.single-event #event-details .hours-container {background-color: var(--alt-featured-color); color: var(--light-txt-color); padding: 0 1rem;}
.cpt-post.single-event #event-details .hours-container h2 {margin: 12px auto; color: var(--light-txt-color);}

.cpt-post.single-event #event-details .hours-container .indicative-hours {}

.cpt-post.single-event #event-details .hours-container .daily-hours-container {}
.cpt-post.single-event #event-details .hours-container .daily-hours-container .daily-hours-header {}

.cpt-post.single-event #event-details .hours-container .daily-hours-container ul {list-style: none; padding: 0;}
.cpt-post.single-event #event-details .hours-container .daily-hours-container ul > li {line-height: 3.5rem; padding: 0 12px;}
.cpt-post.single-event #event-details .hours-container .daily-hours-container ul > li:after {content: ''; position: relative; width: calc(100% - 24px); border-bottom: 1px solid #dedddd;}
.cpt-post.single-event #event-details .hours-container .daily-hours-container ul > li span.weekday {font-weight: 700;}
.cpt-post.single-event #event-details .hours-container .daily-hours-container ul > li span.morning-hours {}
.cpt-post.single-event #event-details .hours-container .daily-hours-container ul > li span.afternoon-hours {}
.cpt-post.single-event #event-details .hours-container .daily-hours-container ul > li span.closed {}

.cpt-post.single-event #event-details .hours-container .daily-hours-container ul > li.active-day span {background-color: var(--featured-color); color: var(--light-txt-color);}

/* Event Main datas */
/* .cpt-post.single-event .event-details {width: 100%;} */

/* Event Footer */
.cpt-post.single-event footer.event-footer {width: 90%; margin: 1rem auto;}