/* 
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
*/
.singleEventDetails {
	font-size: 1em!important;
}
#RhpEventsSingle .btn-primary {
	margin: 10px 0px;
}
#RhpEventsSingle{
	background-color: transparent!important;
}
.singleEventSection{
	display: flex!important;
	flex-direction: column-reverse!important;
}
/* Default Additional CSS - Not active */

/* Center Form Label (KM) */

#form-field-email{
    text-align: center !important;
}

/* Adds padding around events (KM) */
.eventWrapper:not(:last-child) { 

	margin: 10px;
	padding: 20px!important;
}

/* Button class for text editor (KM) */
.buttonwvred100 {
     color: #ffffff!important;
     background-color: #9c1d1f!important;
     padding: 14px 25px;
     text-align: center;
     display: block!important;
	 width: 100%!important;
}

.buttonwvred100:hover {
     color: #ffffff!important;
     background-color: #7c1718!important;
     padding: 14px 25px;
     text-align: center;
     text-decoration: none;
     display: block!important;
	 width: 100%!important;
}

/* Button class for text editor (KM) */
.buttonwvgreen {
     color: #ffffff!important;
     background-color: #54747e;
     padding: 14px 25px;
     text-align: center;
     text-decoration: none;
     display: inline-block;
}

.buttonwvgreen:hover {
     color: #ffffff!important;
     background-color: #3f5860;
     padding: 14px 25px;
     text-align: center;
     text-decoration: none;
     display: inline-block;
}


/* //////// THIS SECTION IS FOR CUSTOMIZING THE UPCOMING EVENTS PAGE IN DIFFERENT VIEWS ///////    */

/* Changes border color on upcoming events grid view (KM) */
.gridLayout {
	border: 2px solid #000000;
}


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

/* 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 event title on calendar view (KM)  */
.fc-dayGridDay-view .fc-event-title a, .fc-dayGridMonth-view .fc-event-title a {
	color: #000000 !important;
}


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

/* Changes Subheader font size on individual event page (KM) */
.singleEventDetails .eventSubHeader {
	font-size: 12px;
}





/* ////////////// THIS SECTION IS FOR CUSTOMIZING RHP SLIDER PLUGIN //////////  */

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

/* Forces arrows on slider not to show (KM) */
.customRotateSlide .fa-arrow-circle-left, .customRotateSlide .fa-arrow-circle-right {
	display: none;
}

/* Turns off the slider overlay when you don't want to use it (KM)
Change overlay color in slider CSS to rgba(0,0,0,0.0)*/


/* ////////////// THIS SECTION IS FOR CUSTOMIZING THE JUST ANNOUNCED SIDEBAR TO MINIMAL INFO NOT ACTIVE DELETE IF NOT NEEDED (KM) //////////   */

/* Turns off CTA on Events Sidebar (KM) 
.widget-events-contents .widgetCTA span.rhp-event-cta .btn {
	display: none;
} */

/* Aligns sidebar content to left with no margin (KM) 
.widget-events-contents {
    margin: 0px 0px 0px 0px;
} */

/* Reduces spacing between events on the sidebar (KM) 
.widget-events-contents {
	margin-top: 0px!important;
} */

/* Reduces the spaces between events on the sidebar as well as turns off the border between events (KM)
.rhp-events-list-widget-events {
    margin-top: -30px!important;
	border-top: 0px solid;
} */

/* Removes the background color and changes font color on the sidebar just announced layout (KM) 
.eventWidgetList .eventDate {
    color: #000000!important;
    background-color: rgba(0,0,0,0.0);
	border: 0px!important;
	margin-left: -10px!important;
} */


/* //////////////////////////////////// 
 * NOTE: CUSTOM CSS TO CHANGE THE STICKY HEADER BACKGROUND ON THE TRANSPARENT HEADER IS THE TRANSPARENT HEADER IN THEME BUILDER (KM) 
 /////////////////////////////////// */