/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 1.0.1
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/*
    Add your custom styles here
*/
/* Hides the dropdown filter on event view */

#seriesWrapper #st-accordion{
	display: none!important;
}
.rhp-event-series-list-wrap .ui-accordion .ui-accordion-content, .stAcc {
	background-color: transparent!important;
	color: white!important;
}
.st-content * {
    font-size: 0.94em !important;
}
/*Adds padding between the Buy Tickets button on the single events page*/

.singleEventSection .btn-primary{
	margin-top: 15px!important;
}

.rhp-event-series-date, .rhp-event-series-time{
	color: white!important;
	font-size: 1em!important;
	font-weight: 600!important;
}

/*Edits the internal event page*/

#RhpEventsSingle{
	border: none!important;
}

/* Styles the Event Series drop down */

.justAnnouncedIndicate{
	color: var(--e-global-color-secondary);
	font-family: var(--e-global-typography-text-font-family);
	font-weight: var(--e-global-typography-text-font-weight);
}
.rhpEventWidgetCard{
	padding: 0px!important;
}
/* Header Animation (AA)*/

/*NOTE: To use the header animation, add the class 'header' to the outer most container that you want the effect to appear on. Make sure the container is sticky.*/
.header {
  transition: transform 0.3s ease;
  will-change: transform;
}

.header--hidden {
  transform: translateY(-100%);
}


/* ////////////// EVENT PLUGIN //////////  */
/*list view*/
.rhp-desktop-list .eventWrapper, .rhp-mobile-list .eventWrapper{
	border: 1px solid var(--e-global-color-primary)!important;
}

/* Card Slider arrows*/
.widgetCardNav i{
	opacity: 1;
}
.widgetCardNav{
	top: 100%;
}
/*calendar css*/
.fc-day-past *{
	color: #757575!important;
}
.fc-event-title, .fc-event-cta{
	border: none!important;
}
.fc-daygrid-day-number{
	color: var(--e-global-color-421d39c)!important;
}

.rhpSingleEvent, .rhp-list-view.rhpEventSeries.eventWrapper, #RhpEventsSingle{
	padding: 1%!important;
	margin-top: 2%!important;
	margin-bottom: 2%!important;
}
/*filter css*/
.dropDownFilter, .viewAsDefault, .optionFilter{
	border: solid #b6c2e0 1px!important;
}
.filterSublist{
	border: none!important;
}
.optionFilter{
	border: solid 1px var(--e-global-color-primary) !important;
} 
.filterIconMar{
	background-color: var(--e-global-color-accent);
}
#desktopView *:not(.rhp-events-icon){
	background-color: var(--e-global-color-5a0fe10)!important;
	color: white!important;
}
#checkFilter.rhp-events-icon{
	background-color: white!important;
}

/*Event Series drop down toggle*/

.rhpEventSeries .wrapper,.rhpEventSeries .wrapper h3 a, .customAccordion .customTitle, #st-accordion .stAcc a, .rhpEventSeries .accordionDropdown, .rhp-event-series-list-wrap .accordionDropdown,.rhpEventSeries .wrapper h3 {
	background-color: transparent!important;
	color: var(--e-global-color-secondary)!important;
}
/* Forces slider wrapper to go full width (KM) */
#rhp-slideshow .rhp-slide-wrapper.fullWidthWrapper {
	padding: 0px;
}

@media (max-width: 600px) {
  /* All code for mobile devices goes here AA */
	.belowLowTicketSection #evSubHead, .belowLowTicketSection .eventAgeRestriction, .belowLowTicketSection .eventDoorStartDate, .belowLowTicketSection .eventTitleDiv, .belowLowTicketSection .eventsVenueDiv {
		line-height: 2em!important;
		padding-top: 0px!important;
	}
	.widgetCardNav{
	display: none!important;
}
	
}