/* 
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
*/
/* Default Additional CSS - Not active */

/* Changes Just Announced Font on individual events (KM) */

@font-face {
	font-family: Cy-Regular;
	src: url(https://smartbar.rockhousepartners.com/wp-content/uploads/2022/05/Cy-Regular.woff)!important;
}

@font-face {
	font-family: SpaceMono;
	src: url(https://smartbarchicago.com/wp-content/uploads/2022/05/SpaceMono-Regular-webfont.ttf)!important;
}

.justAnnouncedIndicate {
Font-family: Cy!important;
}

/* Turns off events Upcoming Events title (KM) */
.upComingWidget .widget-title, .upComingWidget h5, h1.rhp-events-page-title {
	display:none!important;
}

/* Center Form Label (KM) */

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


/* Changes Color of Venue Name on individual venue page (KM) */
#venueContainer .heading {
    color: #ffffff !important;
}

/* Adds a background image and/or color on individual posts */
body.single-post {
	Background-image: url(https://smartbar.rockhousepartners.com/wp-content/uploads/2022/05/Transparent-Background.png)!important;
	Background-color: rgba(0,0,0,0.0)!important;
}

/* Changes Upcoming Events text to all uppercase (KM) */
h1.rhp-events-page-title {
	text-transform: uppercase;
}


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


/* turns off filter bar on events page (KM) */
#rhp-bar-views-label {
	display: none!important;
}

.viewAsDiv .dropDwonFilter {
	display: none;
}


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

/* Changes hover color for view all events cta (KM) */
#viewAllEventCTA:hover {
	Background-color: #103EE5;
	color: #ffffff!important;
}

/* Changes font on the venue title on the venue page (KM) */

#venueContainer .heading {
     Font-family: SpaceMono!important;
}