/* 
Theme Name:		 E-Wealth Child
Theme URI:		 http://childtheme-generator.com/
Description:	 E-Wealth Child is a child theme of E-Wealth, created by ChildTheme-Generator.com
Author:			 Banshee Studio
Author URI:		 http://childtheme-generator.com/
Template:		 e-wealth
Version:		 1.0.0
Text Domain:	 e-wealth-child
*/

/* ==========================================================================
   SIDEBAR STYLES
   ========================================================================== */

.sidebar-container aside {
    background-color: #93C253;
    color: #fff;
    position: absolute;
    top: 0;
    right: -260px;
    max-width: 250px;
    padding: 20px;
    display: flex;
    flex-direction: column;
    gap: 50px;
}

.sidebar-container aside a {
    color: #4B6175;
}

.sidebar-container aside a:hover {
    color: #ffffff;
}

/* ==========================================================================
   RESPONSIVE SIDEBAR STYLES
   ========================================================================== */

@media (max-width: 1500px) {
    .sidebar-container aside {
        right: -210px;
        max-width: 200px;
        gap: 115px;
        position: relative;
        width: 100%;
        right: auto;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: flex-start;
    }
}

@media (max-width: 800px) {
    .sidebar-container aside {
        gap: 50px;
    }
}

/* ==========================================================================
   LAYOUT STYLES
   ========================================================================== */

.content {
    position: relative;
}

.no-padding-bottom {
    padding-bottom: 0 !important;
}

iframe {
    max-width: 100%;
}

/* ==========================================================================
   THE EVENTS CALENDAR STYLES
   ========================================================================== */

/* Event Headers */
header.tribe-events-header, .tribe-events-calendar-list__event-header {
    height: auto;
}
.upcoming-events-header {
    display: flex;
    justify-content: space-between;
    padding-bottom: 0;
}

@media (max-width: 767px) {
    .upcoming-events-header {
        flex-wrap: wrap;
    }
}

.tribe-common button.tribe-common-c-btn {
    border-radius: 0;
}
header.tribe-events-calendar-latest-past__event-header.scrolled {
    height: auto;
    background-color: transparent;
}

header.tribe-events-calendar-list__event-header {
    z-index: 1;
}

.tribe-events-schedule span, .tribe-events-schedule .tribe-events-cost {
    color: white;
}

.tribe-events .tribe-events-calendar-list__event-datetime {
    color: black
}

/* Event Container and Layout */
.tribe-events-calendar-list__event-row.tribe-common-g-row {
    background-color: #4d617573;
    padding: 20px 20px 20px 0;
    border-radius: 10px;
}

header.tribe-events-calendar-list__event-header {
    background-color: transparent;
    height: auto;
}

.tribe-common .tribe-events-calendar-latest-past > .tribe-common-g-row,
.tribe-common-g-row.tribe-events-calendar-list__event-row {
    border-top: 12px solid #93C252;
}

.tribe-events-header {
    background-color: transparent;
}
.tribe-common-l-container .tribe-events-calendar-list {
    margin: 50px;

}

@media (max-width: 767px) {
    .tribe-common-l-container .tribe-events-calendar-list {
        margin: 0;

    }
}

/* Event Single Page Layout */
#tribe-events-pg-template {
    margin: 0;
    max-width: none;
    padding: 0;
}

.tribe-events-single .tribe_events {
    display: flex;
    flex-flow: row;
}

@media (max-width: 767px) {
    .tribe-events-single .tribe_events {
        flex-wrap: wrap;

    }
}

.sidebar {
    flex-basis: 20%;
    padding: 20px;
}

@media (max-width: 800px) {
    .sidebar {
        flex-basis: 100%;
    }
}

.tribe-events-single-event-content {
    padding: 40px;
}


/* Event Hero Section */
.tribe-events-hero {
    background-color: #4D6175;
    color: #fff;
    padding: 50px;
    text-align: center;
}

h1.tribe-events-single-event-title {
    color: #fff;
    font-size: 36px;
}

.tribe-events-schedule {
    justify-content: center;
}
.tribe-events-single-event-content .tribe-common {
    background-color: transparent;
}
/* Event Meta and Organizer */
.tribe-events-meta-group.tribe-events-meta-group-organizer .tribe-events-single-section-title {
    font-size: 26px;
    padding-top: 20px;
    padding-bottom: 20px;
    color: white;
    text-align: center;
}

.tribe-organizer-info {
    max-width: 200px;
    color: white;
}

.tribe-events-meta-group.tribe-events-meta-group-organizer {
    width: auto;
}

.tribe-organizer-details {
    display: flex;
    gap: 50px;
    justify-content: flex-start;
}
@media (max-width: 800px) {
    .tribe-organizer-info {
        margin: 0 auto;
    }
    .tribe-organizer-details {
        flex-wrap: wrap;
        text-align: center;
    }
}

.tribe-events-meta-group.tribe-events-meta-group-organizer {
    width: 100%;
    padding: 20px;
    margin-top: 20px;
    background-color: #4D6175;
}

h2.tribe-organizer-name {
    font-size: 18px;
}


@media (max-width: 800px) {
    .tribe-organizer-item {
        flex-basis: 100%;
    }
}
/* Event Tickets Styles */

.single-tribe_events .tribe-tickets__rsvp-attendance {
    display: none !important;
}

.tribe-tickets__rsvp-form-buttons .tribe-tickets__rsvp-form-button--cancel {
    margin-right: 20px;
    margin-left: 0;
}
.event-tickets .tribe-tickets__rsvp-actions {
    margin: 0;
}

#rsvp-now .tribe-tickets__rsvp-actions-wrapper.tribe-common-g-col {
    width: 100%;
}

#rsvp-now .tribe-tickets__rsvp.tribe-common-g-row {
    padding: 12px;
}

#rsvp-now .tribe-tickets__rsvp-wrapper {
    margin: 0 auto;
}

.tribe-tickets__rsvp-details {
    display: none;
}

#rsvp-now .tribe-events-meta-group.tribe-events-meta-group-venue {
    padding-top: 12px;
}


p.tribe-events-back {
    background: #4D6175;
    padding: 20px;
    margin: 0;
}

.tribe-events-back a, .tribe-events-back a:visited{
    color: white;
}

.tribe-events-back a:hover{
    color: #93C252;
}


.tribe-tickets__rsvp-attendance {
    display: none !important;
}