/*
 * Variables
 */
:root {
  /* colors */
  --main-color: #18103A;
  --secondary-color: #f7d047;
  --tertiary-color: #5e6388;
  --quaternary-color: #EBE9F6;
  --text-dark-color: #000000;
  --text-light-color: #ffffff;

  /* fonts */
  --main-font-family: 'GT-Pressura';
 }

 /*
 * GENERAL
 */
 /* Notice */
 #page-container #tribe-events .tribe-events-notices {
  background-color: var(--main-color);
  border: 1px solid var(--main-color);
  color: var(--text-light-color);
  text-shadow: 0 1px 0 var(--text-dark-color);
 }

/* 
 * Custom list call with shortcode 
 */
 #page-container .custom-calendar-list h2.tribe-events-page-title {
  color: #fff;
  font-family: 'DK-Appelstroop',Helvetica,Arial,Lucida,sans-serif;
  font-size: 44px;
  text-transform: uppercase;
}
#page-container .custom-calendar-list .tribe-events-sub-nav a {
  color: #fff;
}

/*
 * Page events
 */

/* Button submit */
#page-container #tribe-bar-form .tribe-bar-submit input[type="submit"] {
  background-color: var(--secondary-color);
}

 /* Filters bar */
 #page-container #tribe-bar-form,
 #page-container .tribe-bar-views-inner {
  background-color: var(--main-color);
}

/* Calendar header */
#page-container #tribe-events-header .tribe-events-sub-nav .tribe-events-nav-previous,
#page-container #tribe-events-header .tribe-events-sub-nav li {
  text-transform: uppercase;
}

/* Display options */
#page-container .tribe-bar-views-list span[class^="tribe-icon-"],
#page-container .tribe-select2-results-views span[class^="tribe-icon-"] {
  filter: brightness(3);
}

#page-container #tribe-bar-views .tribe-bar-views-list .tribe-bar-views-option a {
  background-color: var(--tertiary-color);
  color: var(--text-light-color);
}

/* Content table */
#page-container .entry-content thead th,
#page-container .entry-content tr th {
  color: var(--text-light-color);
}
#page-container .tribe-events-calendar th {
  background-color: var(--main-color);
}

#page-container #tribe-events-content .tribe-events-calendar div[id*="tribe-events-event-"] h3.tribe-events-month-event-title {
  font-family: var(--main-font-family);
}

/* When hover an event */
#page-container #tribe-events-content .tribe-events-tooltip h4 {
  background-color: var(--main-color);
}

/* Content table -- past date */
/*.tribe-events-calendar td.tribe-events-past div[id*="tribe-events-daynum-"],
.tribe-events-calendar td.tribe-events-past div[id*="tribe-events-daynum-"] > a {
  background-color: var(--main-color);
  color: var(--text-light-color);
  filter: opacity(80%);
}*/
/* Content table -- futur date */ 
/*.tribe-events-calendar div[id*="tribe-events-daynum-"],
.tribe-events-calendar div[id*="tribe-events-daynum-"] a {
  background-color: var(--main-color);
  color: var(--text-light-color);
}*/

/* Content-table -- current date */
#page-container .tribe-events-calendar td.tribe-events-present div[id*="tribe-events-daynum-"],
#page-container .tribe-events-calendar td.tribe-events-present div[id*="tribe-events-daynum-"] > a {
  background-color: var(--quaternary-color);
  color: var(--text-dark-color);
}

/* Calendar footer */
#page-container #tribe-events-footer .tribe-events-sub-nav .tribe-events-nav-previous,
#page-container #tribe-events-footer .tribe-events-sub-nav li {
  display: none;
} 

/* Ical button */
#page-container #tribe-events .tribe-events-cal-links .tribe-events-button,
#page-container .tribe-events-cal-links .tribe-events-button,
#page-container #tribe-events .tribe-events-ical,
#page-container .tribe-events-ical {
  background-color: var(--main-color);
}

/* View list */
#page-container .tribe-events-list-separator-month {
  background-color: var(--main-color);
  color: var(--text-light-color);
}
/* View week */
#page-container .tribe-grid-header .column {
  background-color: var(--main-color);
  color: var(--text-light-color);
}
#page-container .tribe-grid-header .column.tribe-week-today {
  background-color: var(--tertiary-color);
  color: var(--text-light-color);
}
#page-container .tribe-grid-header .column a,
#page-container .tribe-events-grid .type-tribe_events a {
  color: var(--text-light-color);
}
#page-container .tribe-grid-allday .tribe-events-week-allday-single,
#page-container .tribe-grid-body .tribe-events-week-hourly-single {
  background-color: var(--main-color);
  color: var(--text-light-color);
}

/* View Photo */
#page-container .tribe-events-photo-event-wrap .tribe-events-event-details {
  background-image: linear-gradient(to top, #e0e0e0, #fff, #fff, #fff, #ffffff);
  height: 290px;
  max-height: 290px;
}
#page-container #tribe-events .tribe-events-photo-event-wrap .tribe-events-content p, 
#page-container .tribe-events-after-html p, 
#page-container .tribe-events-before-html p {
  max-height: 140px;
  overflow: hidden;
}

/*
 * Page specific event
 */

 /* Previous events */
 #page-container #tribe-events-content .tribe-events-back a {
  text-transform: uppercase;
 }

 #page-container .recurringinfo {
  display: none;
 }

 /*
 * Plugin shortcode and template
 */

 /* Carousel */
#ect-events-list-content .ect-list-post .ect-list-post-right h2.ect-list-title, 
#ect-events-list-content .ect-list-post .ect-list-post-right h2.ect-list-title a.ect-event-url, 
.cool-timeline.white-timeline .timeline-post .timeline-content h2.content-title, 
.cool-timeline.white-timeline .timeline-post .timeline-content h2.content-title a.ect-event-url, 
#ect-events-slider .slick-list .slick-slide .ect-slider-content .ect-slider-main-content h2.slider-list-title a, 
#ect-events-slider .slick-list .slick-slide h2.slider-list-title, 
#ect-events-carousel .slick-list .slick-slide .ect-carousel-event-caption h3, 
#ect-events-carousel .slick-list .slick-slide .ect-carousel-event-caption h3 a,
#ect-events-slider .slick-list .slick-slide .ect-slider-content .ect-list-venue .ect-venue-details, 
#ect-events-carousel .slick-list .slick-slide .ect-list-venue.carousel-view-venue,
.ect-list-post .ect-list-post-left .ect-list-date .ect-date-area, 
.cool-timeline.white-timeline .timeline-post .ect-date-area, 
#ect-events-carousel .slick-list .slick-slide .ect-carousel-date-caption, 
#ect-events-carousel .slick-list .slick-slide .ect-carousel-date-caption h3 {
  font-family: var(--main-font-family);
 }

 #page-container .ect-carousel-wrapper {
  margin: 0 auto;
}

 #ect-events-carousel .slick-list .slick-slide a.url {
  color: var(--main-color);
 }

 /* Hide carousel arrows */
 #ect-events-carousel .slick-arrow {
   visibility: hidden;
 }

 /* Fix height on carousel */
#ect-events-carousel .ect-carousel-event-caption {
  height: 197px;
  max-height: 197px;
}