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


#calendarOption{
	display: none!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: transparent;
	max-height: 150px;
}

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

.header--opaque {
  background-color: black;
}

.rhp-events-event-image img, .postFeaturedImage img, .objectFitCover, .imgBox, .photoGallery a img, .eventListImage, .imgObjectFit {

    padding: 10px;
}
/* Password Page styling */
.post-password-form{
	height: 70vh;
    display: flex;
    justify-content: center;
    align-content: center;
    flex-direction: column;
}
.post-password-form p {
    align-items: center;
    display: flex;
    width: 100%;
}
.post-password-form p label input{
	font-size: 1em!important;
	width: 200px;
}
.post-password-form p label{
	font-size: 2em!important;
}
.post-password-form p input{
	font-size: 1.5em!important;
}
/* Internal page styling*/
#RhpEventsSingle{
	padding-bottom: 10vh!important;
}
#rhp-events-pg-template{
	
}
.rhp-event-series-list-wrap .ui-accordion .ui-accordion-content {
	background-color: transparent!important;
	
}

#eventTitle h1{
	font-size: 1.5em!important;
	line-height: 1.25em!important;
}
/* Card customization*/
.rhp-event__doortext--card,
.rhp-event--card .rhp-event__doortext {
  color: white!important;
}

#upcoming-events  .rhp-event__title--card, .rhp-event__venue-text--card{
	color: white!important;
}
/* Filter style changes */
.dropDownFilter, .viewAsDefault, .optionFilter{
	border: solid #b6c2e0 1px!important;
}
.selectFilter{
	border: none!important;
}


.text-center {
    display: flex;
	flex-direction: column;
    align-content: center;
    justify-content: center;
}

/*edits css for Happy Addons slider*/

.elementor-307226 .elementor-element.elementor-element-57d7d67 .ha-slider-content {
    width: 45%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    flex-direction: column;
    background: linear-gradient(90deg, black, transparent)!important;
    border-radius: 0px !important;
}

.ha-slider-buttons{
	display: flex;
	flex-direction: row;
}
.row{
	    justify-content: center;
}
.eventMainWrapper {
    box-shadow: 5px 5px 30px rgba(0, 0, 0, 0.4) !important;
    margin: 1em !important;
    padding: 1em !important;
    border-radius: 15px !important;
    background-color: white !important;
    transition: ease-in !important;
  }
@media (min-width: 768px) {
  .eventMainWrapper {
   
    width: 30% !important;

  }
}

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

/* Turns off comments section on home page (KM 25-04-28) */
.home section.comments-area {
	display: none!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;
}


/* Removes card background color (KM 25-02-28) */


.card {
	background-color: rgba(255,255,255,0.0)!important;
	border: 0px solid!important;
}

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

.rhp-slide-description {
	font-size: 18px !important;
}

/* adds padding to the date box (km 25-06-17) */
.rhp-slide-date {
	padding: 30px !important;
}


.rhp-slide-date-outer .rhp-slide-date{
	background-color: #03206B;
}

/* Removes dots pagination (KM 25-02-28) */
.rhp-slideshow .owl-dots {
	display: none!important;
}



/* Adds padding to slider content (KM 25-03-02) */
.rhp-slide-wrapper .rhp-slide-info-outer {
	padding: 15px 10px 10px 10px!important;
} 

/* Changes event cost on card slideshow (KM 25-03-02) */
.rhp-event__cost-text--card {
	color: #ffffff!important;
}


/* Changes hover color for cta (KM 25-03-03) */
.rhp-slide-cta-outer .rhp-slide-cta a:hover {
	border: 2px solid #ffffff;
	color: #ffffff;
	background-color: rgba(255,255,255,0.0);
}

/* Turns the ticket icon in card view a different color (KM 25-03-04) */
.rhpcard .eventCost i.rhp-events-icon {
	--icon-color: #000000!important;
}