/* 
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
*/
.rhp-event-series-date, .rhp-event-series-time, .ui-accordion-header, .rhpEventSeries .wrapper .accordionDropdown a.btn.btn-primary {
	font-size: 1em!important;
}
body {
  overflow-x: hidden !important;
}

@media screen and (max-width: 767px) {
  /* Mobile styles go here */

	.hive-signup-form label, .hive-signup-form input{
		font-size: 1em!important;
	}
}

.hive-signup-form-sms-optin-toggle{
	padding-top: 10px;
	padding-bottom: 10px;
	line-height: 0em;
}
#mobileMenu .sub-menu{
	background-color: transparent!important;
}
.iti__country-name{
	color: var(--e-global-color-secondary)!important;
}
#cardWrapper .cardeventMoreInfo a, #cardWrapper a.btn-primary{
	border: 2px solid var(--e-global-color-primary)!important;
	color:var(--e-global-color-primary)!important;

}
#cardWrapper a.btn-primary:hover{
	color:var(--e-global-color-secondary)!important;

}
.viewasDefault, .viewFilter{
	border: 1px solid var(--e-global-color-secondary)!important;
}
.cardEventDate, #cardWrapper .eventCost {
	background-color: var(--e-global-color-secondary)!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 //////////  */

/* Selects the interior event pages AA*/
#RhpEventsSingle, .rhp-event-series-single{
}
/*Selects the events page */
#RhpEventsSingle{
	margin-top: 2%!important;
	margin-bottom: 2%!important;

}

/* Removes the yellow border on the drop down filter AA*/
.filterSublist{
	border: 2px solid var(--e-global-colors-primary)!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;
}
#accordionFilter .panel-heading{
		border: 2px solid var(--e-global-colors-primary)!important;

}

/* Changes the just announced text AA*/
.justAnnouncedIndicate{
	color: var(--e-global-color-87da32f);
	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;
} 
/* Increases contrast on card view*/
.rhp-event__doortext--card, .rhp-event__cost-text--card{
	color: white!important;
}
.cky-btn{
	font-size: 1.5em!important;
}
.cky-consent-bar{
	max-width: 100vw!important;
}
@media (max-width: 600px) {
  /* All code that is only applied to mobile devices goes within this media query. AA */
	.rhpEventSeriesInfo, .eventWrapper .eventTagLine, .eventWrapper .eventTitleDiv, .eventWrapper .eventSubHeader, .eventWrapper .eventDoorStartDate, .rhpSingleEvent .eventCost, .eventWrapper .eventsVenueDiv, .eventWrapper .eventsRoomDiv, .eventWrapper .eventAgeRestriction, .rhpSingleEvent .rhp-event-notes-box{
		padding: 0px 15px!important;
	}
	.belowLowTicketSection*{
		line-height: 0em!important;
	}
	.belowLowTicketSection{
		min-height: 30vh!important;
	}
	#accordionFilter .panel-heading{
		padding:0px 15px!important;
	}
}



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

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