/*
    This file is meant to serve as a starter for the Omni CMS Calendar custom CSS file,
    Please exercise caution in what you style and how you style it.
    As the Omni CMS Calendar receives updates, you may need to re-download this file to style additional features.
    You may need to use !important in some places to make sure your styles override the Calendar defaults
*/
#omnicms-calendar-wrapper {
  margin-top: -125px;
}

.hero::after {
  background-image: linear-gradient(to bottom,#0000,#0c0c0cd9);
}

#hero-title {
  font-size: 2.7rem;
  margin: 0px 0px 60px 0px;
  font-family: 'Figtree',sans-serif;
  text-shadow: 2px 3px 5px rgba(0,0,0,0.5);
}

#hero-subtitle {
  display: none;
}

.hero .wrapper [data-action="event-search"] {
  border: none;
  top: 3em;
}

.event-description a {
	color: #0057b8;
	text-decoration: underline;
	background-color: transparent;
}
a:hover {
	color: #000;
	text-decoration: underline;
}
.export-controls > a:hover {
  color: #ccc;
}
.page-title {
  font-size: 1.1em;
  font-family: 'figtree',sans-serif;
  color: #2b2b2b;
  font-weight: 800;
  letter-spacing: 0.5px;
}

.controls .dropdown-trigger {
  font-size: 1.0rem;
  font-weight: 700;
  color: #2b2b2b;
  font-family: 'figtree', sans-serif;
}

.dropdown-content {
  font-size: 0.9rem;
  font-family: 'figtree',sans-serif;
  font-weight: 600;
  color: #333;
}

.mc-calendar--inline {
  font-family: 'Figtree', sans-serif;
  font-size: 0.9rem;
}

.fc-theme-standard {
  font-family: 'Figtree',sans-serif;
}


.event-list {
  background: #f9f9f9;
  border-radius: 9px;
}

.event-list-left {
  border-top-left-radius: 9px;
  border-bottom-left-radius: 9px;
}


.event-label {
  color: #5c5c5c;
  font-size: 0.9rem;
  font-weight: 600;
  font-family: 'Figtree',sans-serif;
  letter-spacing: 0.75px;
  text-transform: none;	
}
.event-list-title {
  color: #202020;
  font-size: 1.3rem;
  font-family: 'Figtree',sans-serif;
  letter-spacing: 0.5px;
  font-weight:800;
}

.event-list .date, .event-list .tickets, .event-list .location {
  font-weight: 600;
  font-family: 'figtree',sans-serif;
  text-transform: uppercase;
  font-size: 0.8rem;
  letter-spacing: 0.75px;
  color: #414141;
}

.event-detail .event-title {
  font-family: 'Figtree',sans-serif;
}

.event-detail .event-description {
  border: none;
  padding: 0;
  font-family: 'Roboto',sans-serif;
  font-size: 1.05rem;
}

.sidebar .details .bold {
  font-weight: 600;
  font-family: 'Figtree',sans-serif;
  margin-top: 0.5rem;
}

.event-detail .sponsored-by {
  font-family: 'Figtree', sans-serif;
  color: #6f6f6f;
  font-weight: 600;
}

.event-detail .related {
  display: none;
}

.sidebar .event-thumb {
  border-radius: 0.25rem;
  box-shadow: 0 .5rem 1rem rgba(0,0,0,.15);
  margin-bottom: 0.5rem;
}

.event-detail .main-content-area .event-thumb {
  border-radius: 0.25rem;
  box-shadow: 0 .5rem 1rem rgba(0,0,0,.15);
}

.sidebar .sidebar-background {
  background: transparent;
  border-bottom: none;
  border-top: none;
  width: 100%;
  font-family: 'Figtree', sans-serfi;
  color: #3c3c3c;
  text-transform: uppercase;
}

.sidebar .details .date,
.sidebar .details .organizer,
.sidebar .details .location {
  font-size: 0.85em;
  line-height: 1.5;
  font-weight:600;
}


.sidebar .details .date > div a {
  font-size: 0.85rem;
}

.responsive-iframe {
	position: relative;
	padding-bottom: 100%;
	max-width: 100%;
	width: 100%
}
		
.responsive-iframe iframe,
.responsive-iframe object,
.responsive-iframe embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

@media (max-width:768px) {
.controls .filter-group {
  top: 30px;
}
}

@media (max-width:959px) {
#hero-title {
  font-size: 2.4rem;
}
.hero-text {
  margin-bottom: 9em;
}
.hero .wrapper [data-action="event-search"] {
  top: 6em;
  width: 100%;
}
.hero .wrapper [data-action="event-search"] input[type="search"] {
  width: 100%;
}	
}

@media (max-width:576px) {
.responsive-iframe {
  height: 100vh;
}
.event-label {
  font-size: 0.8rem;
}
.event-list-title {
  font-size: 1.0rem;
}
.event-list .date, .event-list .tickets, .event-list .location {
  font-size: 0.7rem;
}
.page-title {
  font-size: 1.0em;
}
.controls .mobile-filter, .controls .mobile-filter-close, .controls .view-selector {
  font-size: 1.0rem;
  font-family: 'Figtree',sans-serif;
}	
}