.elementor-kit-125{--e-global-color-primary:#82825E;--e-global-color-secondary:#E5E5E5;--e-global-color-text:#2B2B2B;--e-global-color-accent:#3A5F42;--e-global-color-9d2af7c:#8FA38F;--e-global-color-836d065:#FAFAFA;--e-global-typography-primary-font-family:"Citrus Gothic Regular";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Cabin";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Lato";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Cabin";--e-global-typography-accent-font-weight:500;--e-global-typography-a3c4fc8-font-family:"Citrus Gothic Regular";--e-global-typography-a3c4fc8-font-size:20px;--e-global-typography-a3c4fc8-font-weight:400;background-color:#FAFAFA;}.elementor-kit-125 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-125{--e-global-typography-a3c4fc8-font-size:20px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* =========================================
   TEA ON THE TAILGATE - MASTER EVENT STYLES
   Updated: Background #fafafa + Dark Text
   ========================================= */

/* --- 1. SEARCH BUTTON (The "Find Events" Button) --- */
.wpem-main .wpem-main-search-submit, 
.wpem-main input.wpem-search-submit,
.wpem-main .wpem-event-filter-version-2-search-row .wpem-event-filter-version-2-search-btn {
    background-color: #607D66;
    color: #ffffff;
    border: none;
    border-radius: 6px;
    font-family: 'Cabin', sans-serif; 
    font-weight: 700;
    text-transform: uppercase;
    box-shadow: none;
    transition: all 0.3s ease;
}

/* Hover State */
.wpem-main .wpem-main-search-submit:hover, 
.wpem-main input.wpem-search-submit:hover,
.wpem-main .wpem-event-filter-version-2-search-row .wpem-event-filter-version-2-search-btn:hover {
    background-color: #FAFAFA; /* Tea Brown */
    cursor: pointer;
    box-shadow: 0 4px 8px rgba(0,0,0,0.2);
}

/* --- 2. LAYOUT ICONS (List/Grid Switchers) --- */
/* Default State */
.wpem-event-layout-icon {
    color: #FAFAFA;
    background: transparent;
    box-shadow: none;
}

/* Active State */
.wpem-main div.wpem-event-layout-icon.wpem-active-layout {
    background-color: #3A5F42; 
    color: #ffffff;
    border-color: #3A5F42;
}

/* Hover State */
.wpem-main div.wpem-event-layout-icon:hover {
    background-color: #C77D45; 
    color: #ffffff;
    border-color: #C77D45;
    cursor: pointer;
}

/* --- 3. CARD BACKGROUND & SHAPE (NEW) --- */
/* Applies to both List and Box layout wrappers */
.wpem-main .wpem-event-layout-wrapper {
    background-color: #fafafa; /* Your requested background */
    border: 1px solid #e5e5e5; /* Subtle border to define the card */
    border-radius: 6px;        /* Rounded corners */
    overflow: hidden;          /* Keeps content inside rounded corners */
    transition: transform 0.2s ease; /* Smooth hover effect */
}

/* Optional: Slight pop effect on hover */
.wpem-main .wpem-event-layout-wrapper:hover {
    transform: translateY(-3px);
    box-shadow: 0 5px 15px rgba(0,0,0,0.05);
}

/* --- 4. IMAGE FIXES (Shrunk to fit) --- */

/* BOX VIEW: Container */
.wpem-main .wpem-event-layout-wrapper .wpem-event-banner-img-container {
    height: 200px;      
    width: 100%;        
    overflow: hidden;   
    display: block;
    position: relative;
    /* Background matches card so no weird bars if image is narrow */
    background-color: #fafafa; 
}

/* BOX VIEW: The Image Itself */

.wpem-event-listings .wpem-event-layout-wrapper .wpem-event-banner .wpem-event-banner-img {
    height: 90px;
    width: 90px;
    background-size: contain !important;
    background-position: center !important;
    border-radius: 4px;
    background-color: var(--wpem-gray-border-color);
    background-repeat: no-repeat;
}
/* LIST VIEW: Clean up the side image */
.wpem-main .wpem-event-list-layout .wpem-event-banner-img-container {
    height: 100%;
    width: 100%;        
    overflow: hidden;   
}

.wpem-main .wpem-event-list-layout .wpem-event-banner-img-container img {
    object-fit: cover; 
    height: 100%;
    width: 100%;
}

/* --- 5. TEXT & FONT (Updated to Dark Grey for contrast) --- */

/* SEARCH BAR: Inputs */
.wpem-main .wpem-form-control,
.wpem-main input.wpem-form-control,
.wpem-main select.wpem-form-control {
    color: #4a4a4a; /* Dark Grey (Readable on #fafafa) */
    background-color: #ffffff; /* White input background */
    border: 1px solid #ddd;
}

.wpem-main .wpem-form-control::placeholder,
.wpem-main input.wpem-form-control::placeholder {
    color: #999999;
}

/* SEARCH BAR: Icons */
.wpem-main .wpem-main-search-form i, 
.wpem-main .wpem-event-filter-version-2-search-row i {
    color: #FAFAFA;
}

/* LISTING CARDS: Event Title */
.wpem-main .wpem-event-layout-wrapper .wpem-event-title,
.wpem-main .wpem-event-layout-wrapper .wpem-event-title h3,
.wpem-main .wpem-event-layout-wrapper .wpem-event-title a {
    color: #333333; /* Nearly Black */
}

.wpem-event-banner-img .wpem-event-date .wpem-event-date-type .wpem-from-date {
    display: inline-block;
    float: left;
    text-align: center;
    background: var(--wpem-white-color);
    padding: 10px 15px;
    width: auto;
    height: auto;
    position: absolute;
    top: 15px;
    left: 15px;
    border-radius: 4px;
    box-shadow: 5px 3px 15px rgba(0, 0, 0, .2);
    font-family: 'Citrus Gothic', sans-serif;
	font-weight: 100;
}

/* LISTING CARDS: Location & Address */
.wpem-main .wpem-event-layout-wrapper .wpem-event-location,
.wpem-main .wpem-event-layout-wrapper .wpem-event-location span, 
.wpem-main .wpem-event-layout-wrapper .wpem-event-address {
    color: #82825E; /* Medium Grey */
}

/* LISTING CARDS: Small Icons */
.wpem-main .wpem-event-layout-wrapper .wpem-event-details i {
    color: #82825E; /* Heritage Green (Matches your brand) */
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Citrus Gothic Regular';
	font-display: auto;
	src: url('https://teaonthetailgate.co.uk/wp-content/uploads/2026/01/CitrusGothic-Regular.ttf') format('truetype');
}
/* End Custom Fonts CSS */