/* 
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-events-icon {
    --icon-color: #FFF!important;
}

@media (max-width: 767px) {
	#rhp-events-pg-template{
	padding-left: 15px!important;
	padding-right: 15px!important;
	
}	#RhpEventsSingle{
	padding-top:1vh!important;
}
}
.contentBox #eventVenueId-298142{
	    padding-bottom: 5%!important;
    padding-top: 5%!important;
}

.singleEventDetails img{
	margin-bottom: 5%!important;
}
.panel .panel-heading .accordion-toggle {
    color: #f7f7f7 !important;
}
#accordionFilter .panel-heading{
	padding: 3%!important;
	border-bottom: none!important;

}
.singleEventSection .btn-primary{
	position: relative;
	z-index: 5;
}

/* Removes the yellow border on the drop down filter AA*/
.filterSublist{
	border: 2px solid var(--e-global-colors-primary)!important;
}
/*Changing the calendar view*/
 .monthOuter .fc .fc-toolbar-title, .monthOuter .fc-event-title{
    color: var(--e-global-color-primary)!important;
}
.fc .fc-toolbar.fc-header-toolbar button{
    border-color: var(--e-global-color-secondary)!important;
	color: var(--e-global-color-secondary)!important;

}
.belowLowTicketSection{
	padding: 5%!important;
}
#rhp-bar-views-label {
    color: var(--e-global-color-primary)!important;
}
/*Event Page Customization*/
#rhp-events-pg-template{
	padding-top: 15vh!important;
}

#RhpEventsSingle{
	padding-top:10vh!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: background-color 0.4s ease, transform 0.4s ease;
	background-color: var(--e-global-color-secondary);
	max-height: 120px;
}

body.home .header{
	background-color: transparent;
}
.header--transparent {
	background-color: transparent!important;

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

.header--opaque {
  background-color: var(--e-global-color-secondary)!important;
}

.rhp-events-event-image img{
  min-height: 300px;
  object-fit: contain;
  box-shadow: 10px 10px black;
  border: 1px solid var(--e-global-color-57c04da);
}
.rhp-events-event-image img:hover{
	transition: 0.5s ease-in-out;
    box-shadow: 15px 15px #665B4E;
}
#homepage-events .eventMoreInfo{
	display: none!important;
}
.rhp-event-cta-list *{
	width: 100%;
}
@keyframes btnBgShift {
  0% {
    background-position: center;
  }
  25% {
    background-position: left;
  }
  50% {
    background-position: center;
  }
  75% {
    background-position: right;
  }
	100% {
    background-position: left;
  }
}

.btn-primary:hover {
  animation: btnBgShift 1.5s steps(1,end) infinite;
  background-image: url(https://cabooze.rockhousepartners.com/wp-content/uploads/2025/11/Extreme-Grunge-Textures_1.jpg)!important;
  background-blend-mode: multiply;
}


/* ////////////// EVENT PLUGIN //////////  */

/* Changes border color on drop down filter on events page (KM) */
.dropDownFilter {
	border: 2px solid #756969;
}
.justAnnouncedIndicate{
	font-family: var(--e-global-typography-primary-font-family)!important;
	color: var(--e-global-color-787ad0e)!important;
}
/* changes border color on week/month buttons on calendar view (KM) */

#eventCalender .btn-group [type=button], #eventCalender [type=submit], #eventCalender button, .fc-prev-button, .fc-next-button, .fc-today-button {
	border-top: 2px solid #000000;
	border-bottom: 2px solid #000000;
	border-bottom: 2px solid #000000;
}

.fc-prev-button, .fc-next-button, .fc-today-button, .fc-toolbar-chunk .fc-dayGridMonth-button {
	border-right: 2px solid #000000 !important;
}

#eventCalender .btn-group [type=button], #eventCalender [type=submit], #eventCalender button, .fc-prev-button, .fc-next-button, .fc-today-button {
	border-left: 2px solid #000000;
}

.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle {
	border-color: #000000;
}

 

/* Changes month button background color on calendar view (KM) */
#eventCalender .btn-primary:not(:disabled):not(.disabled).active {
	color: #ffffff!important;
	background-color: #000000!important;
}

/* Changes week button background color on calendar view (KM) */
#eventCalender .btn-group [type=button], #eventCalender [type=submit], #eventCalender button, .fc-prev-button, .fc-next-button, .fc-today-button {
	color: #000000!important;
}

.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle {
	border-color: #000000;
}

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

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