/* 
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
*/


/* 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 //////////  */

/* Changes border color on drop down filter on events page (KM) */
.dropDownFilter {
	border: 2px solid #000000;
}

/* ////////////// SLIDER //////////  */

/* Forces slider wrapper to go full width (KM) */
#rhp-slideshow .rhp-slide-wrapper.fullWidthWrapper {
	padding: 0px;
}

/* Selects the interior event pages AA*/
#RhpEventsSingle, .rhp-event-series-single{
	
}

/*Selects the events page */
#rhp-events-pg-template{
}
/* Removes the yellow border on the drop down filter AA*/
.filterSublist{
	border: 2px solid var(--e-global-colors-primary)!important;
}

/* Increases contrast on card view*/
.rhp-event__doortext--card, .rhp-event__cost-text--card{
	color: white!important;
}
/* Changes the color of the calendar navigation buttons AA*/
.fc-header-toolbar button, .fc-footer-toolbar button, .fc-dayGridMonth-button.fc-button.fc-button-primary{
	border: 2px solid var(--e-global-colors-secondary)!important;
	color: var(--e-global-colors-secondary)!important;
	border-radius: 0px!important;
}

/* Changes the filter bar background color AA*/

#accordionFilter{
	background: transparent!important;
}
/* Changes the just announced text. Change the color in site settings. AA*/
.justAnnouncedIndicate{
	color: var(--e-global-color-5ec1910);
	font-family: var(--e-global-typography-text-font-family);
	font-weight: var(--e-global-typography-text-font-weight);
}


/*Adds padding to the Just Announced and Featured filter options */
.filterDefault.featurePad, .filterDefault.justAdvPad{
	padding: 5px 10px 5px 10px!important;
} 

@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: 0px!important;
	}
	.belowLowTicketSection{
		min-height: 30vh!important;
	}
}

