.elementor-17742 .elementor-element.elementor-element-f31fc1f{--display:flex;--min-height:35vh;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--padding-top:3%;--padding-bottom:3%;--padding-left:3%;--padding-right:3%;}.elementor-17742 .elementor-element.elementor-element-f2aded1{text-align:center;}.elementor-17742 .elementor-element.elementor-element-f2aded1 .elementor-heading-title{font-size:4.2rem;color:var( --e-global-color-accent );}.elementor-17742 .elementor-element.elementor-element-e528b8c{text-align:center;font-size:1.2rem;line-height:1.3em;color:var( --e-global-color-d93b5f0 );}.elementor-17742 .elementor-element.elementor-element-1e2c0e8{--display:flex;--min-height:65vh;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-start;}@media(max-width:1024px){.elementor-17742 .elementor-element.elementor-element-f2aded1{padding:5% 1% 5% 1%;}.elementor-17742 .elementor-element.elementor-element-e528b8c{padding:1% 1% 1% 1%;}.elementor-17742 .elementor-element.elementor-element-a419592{padding:0% 1% 0% 1%;}}@media(max-width:767px){.elementor-17742 .elementor-element.elementor-element-f31fc1f{--padding-top:10%;--padding-bottom:1%;--padding-left:1%;--padding-right:1%;}.elementor-17742 .elementor-element.elementor-element-f2aded1 .elementor-heading-title{font-size:2rem;line-height:1.3em;}.elementor-17742 .elementor-element.elementor-element-e528b8c{font-size:1rem;}.elementor-17742 .elementor-element.elementor-element-1e2c0e8{--padding-top:10%;--padding-bottom:1%;--padding-left:1%;--padding-right:1%;}.elementor-17742 .elementor-element.elementor-element-a419592{padding:0% 1% 0% 1%;}}/* Start custom CSS for container, class: .elementor-element-f31fc1f *//* Fixed full-page gradient background for page 16388 */
body.page-id-17742 {
  background: linear-gradient(to bottom, #061D3D 35%, #000000 100%);
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

/* Make all Elementor sections transparent */
body.page-id-16388 .elementor-section,
body.page-id-16388 .elementor-column,
body.page-id-16388 .elementor-widget {
  background: transparent !important;
  background-color: transparent !important;
}

/* Optional: Glassmorphism style for elements with class "glassmorphism" */
body.page-id-16388 .glassmorphism {
  background: rgba(255, 255, 255, 0.2);
  border: 1px solid rgba(255, 255, 255, 0.3);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border-radius: 12px;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1e2c0e8 *//* Fixed full-page gradient background for page 16388 */
body.page-id-17742 {
  background: linear-gradient(to bottom, #061D3D 35%, #000000 100%);
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

/* Make all Elementor sections transparent */
body.page-id-16388 .elementor-section,
body.page-id-16388 .elementor-column,
body.page-id-16388 .elementor-widget {
  background: transparent !important;
  background-color: transparent !important;
}

/* Optional: Glassmorphism style for elements with class "glassmorphism" */
body.page-id-16388 .glassmorphism {
  background: rgba(255, 255, 255, 0.2);
  border: 1px solid rgba(255, 255, 255, 0.3);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border-radius: 12px;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
}/* End custom CSS */
/* Start custom CSS *//* === Page-Level Styles for postid-17742 (Keep these as you have them) === */
body.postid-17742 { /* Or body.page-id-17742 if it's a WordPress Page */
    background: linear-gradient(to bottom, #061D3D 35%, #000000 100%) !important;
    background-attachment: fixed !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    background-position: center center !important;
    color: #e0e0e0; 
}
body.postid-17742 .elementor-section,
body.postid-17742 .elementor-column,
body.postid-17742 .elementor-widget-wrap,
body.postid-17742 .elementor-widget {
    background: transparent !important;
    background-color: transparent !important;
}
body.postid-17742 .elementor-widget .elementor-widget-container,
body.postid-17742 .elementor-widget p, /* Target paragraphs within widgets */
body.postid-17742 .elementor-widget h1, /* etc. for all text elements */
body.postid-17742 .elementor-widget h2,
body.postid-17742 .elementor-widget h3,
body.postid-17742 .elementor-widget h4,
body.postid-17742 .elementor-widget h5,
body.postid-17742 .elementor-widget h6,
body.postid-17742 .elementor-widget div,
body.postid-17742 .elementor-widget span,
body.postid-17742 .elementor-widget li {
    color: #f0f0f0 !important; /* Default light color for text within widgets */
}
body.postid-17742 .elementor-widget a {
    color: #90caf9 !important; /* Brighter, more accessible light blue for links */
}
body.postid-17742 .elementor-widget a:hover {
    color: #ffffff !important;
}

/* === Search Widget Specific Styles - Enhanced Glassmorphism === */
.event-search-container-enhanced {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    padding: 30px;
    margin: 20px auto; /* Centering if Elementor section allows */
    max-width: 800px; /* Control max width of the search widget */
    /* Enhanced Glassmorphism */
    background: rgba(6, 29, 61, 0.35); /* Darker, blue-tinted glass (from your #061D3D) */
    border: 1px solid rgba(255, 255, 255, 0.12);
    backdrop-filter: blur(12px); /* Increased blur */
    -webkit-backdrop-filter: blur(12px);
    border-radius: 18px; /* Softer radius */
    box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.2); /* More pronounced shadow */
    color: #ffffff;
}

.event-search-input-area {
    display: flex;
    gap: 15px;
    margin-bottom: 30px;
}
#eventSearchQueryInputEnhanced {
    flex-grow: 1;
    padding: 14px 18px;
    font-size: 1.05em;
    border: 1px solid rgba(255, 255, 255, 0.25);
    border-radius: 10px;
    background-color: rgba(255, 255, 255, 0.1); /* Slightly more opaque for input readability */
    color: #ffffff !important; /* Ensure input text is white */
    box-shadow: inset 0 1px 4px rgba(0,0,0,0.1);
    transition: all 0.3s ease;
}
#eventSearchQueryInputEnhanced::placeholder {
    color: #b0c4de; /* Lighter placeholder text */
}
#eventSearchQueryInputEnhanced:focus {
    background-color: rgba(255, 255, 255, 0.15);
    border-color: rgba(255, 255, 255, 0.5);
    box-shadow: 0 0 0 3px rgba(100, 150, 255, 0.25), inset 0 1px 4px rgba(0,0,0,0.1);
    outline: none;
}
#eventSearchActionButtonEnhanced {
    padding: 14px 25px;
    font-size: 1.05em;
    background: linear-gradient(145deg, rgba(0, 123, 255, 0.7), rgba(0, 86, 179, 0.7));
    color: white !important;
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 10px;
    cursor: pointer;
    font-weight: 600; /* Bolder text */
    transition: all 0.3s ease;
    box-shadow: 0 2px 5px rgba(0,0,0,0.15);
}
#eventSearchActionButtonEnhanced:hover {
    background: linear-gradient(145deg, rgba(0, 123, 255, 0.85), rgba(0, 86, 179, 0.85));
    box-shadow: 0 4px 10px rgba(0, 91, 187, 0.3);
    transform: translateY(-1px);
}
#eventSearchActionButtonEnhanced:disabled {
    background: rgba(100, 100, 100, 0.4);
    border-color: rgba(255,255,255,0.1);
    box-shadow: none;
    transform: none;
    cursor: not-allowed;
}

.event-results-display-area {
    margin-top: 20px;
}
.event-results-display-area .search-message {
    color: #d0e0ff; /* Light blueish text for messages */
    font-style: normal;
    padding: 15px 20px;
    text-align: center;
    background-color: rgba(10, 30, 60, 0.2); /* Darker tint for messages */
    border-radius: 8px;
    border: 1px solid rgba(255, 255, 255, 0.1);
}
.event-results-display-area .search-message.placeholder {
    border-style: dashed;
    border-color: rgba(255, 255, 255, 0.2);
}
.event-results-display-area .search-message.error {
    background-color: rgba(255, 60, 60, 0.2);
    border-color: rgba(255, 60, 60, 0.3);
    color: #ffdddd; /* Lighter red for error text */
    font-weight: 500;
}

#eventSearchResultsDisplayEnhanced ul {
    list-style-type: none;
    padding-left: 0;
    margin: 0;
}
.event-result-card {
    background: rgba(15, 40, 75, 0.3); /* Slightly different tint for cards */
    border: 1px solid rgba(255, 255, 255, 0.12);
    backdrop-filter: blur(10px); /* Consistent blur */
    -webkit-backdrop-filter: blur(10px);
    border-radius: 12px; /* Slightly softer radius */
    padding: 25px;
    margin-bottom: 25px;
    box-shadow: 0 4px 15px rgba(0,0,0,0.1);
    transition: transform 0.25s ease-in-out, box-shadow 0.25s ease-in-out;
    color: #e8efff; /* Very light blue text for cards */
}
.event-result-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 6px 25px rgba(0, 0, 0, 0.15);
}
.event-result-card h3.event-title {
    margin-top: 0;
    margin-bottom: 12px;
    font-size: 1.5em; /* Larger title */
    color: #ffffff;
    font-weight: 600;
    letter-spacing: 0.5px;
}
.event-result-card p {
    font-size: 1em; /* Slightly larger paragraph text */
    line-height: 1.65;
    margin-bottom: 10px;
    color: #dde5ff; /* Softer light blue */
}
.event-result-card .event-description {
    margin-bottom: 18px;
}
.event-result-card .event-details p {
    margin-bottom: 8px;
    font-size: 0.95em;
}
.event-result-card .event-details strong {
    color: #ffffff;
    font-weight: 600;
}
.event-result-card .event-website a,
.event-result-card .event-url a {
    color: #a8d8ff; /* Brighter light blue for links */
    text-decoration: none;
    font-weight: 500;
    transition: color 0.2s ease;
}
.event-result-card .event-website a:hover,
.event-result-card .event-url a:hover {
    color: #ffffff;
    text-decoration: underline;
}
.event-result-card img { /* Styling for the logo if you add it */
    border: 1px solid rgba(255,255,255,0.2);
    border-radius: 4px;
    background-color: rgba(255,255,255,0.05); /* Slight bg for transparent logos */
}
.event-result-card .event-score {
    font-size: 0.85em;
    color: #b0c4de;
    margin-top: 12px;
    text-align: right;
}

/* General text color override within the enhanced container IF NEEDED, but above should cover */
/* body.postid-17742 .event-search-container-enhanced,
body.postid-17742 .event-search-container-enhanced *,
body.postid-17742 .event-search-container-enhanced p,
body.postid-17742 .event-search-container-enhanced h3 {
    color: #f0f0f0 !important; 
}
body.postid-17742 .event-search-container-enhanced h3.event-title {
    color: #ffffff !important;
}
body.postid-17742 .event-search-container-enhanced a {
    color: #a8d8ff !important;
}
body.postid-17742 .event-search-container-enhanced a:hover {
    color: #ffffff !important;
} */


@media (max-width: 768px) {
    .event-search-container-enhanced { padding: 20px; }
    .event-search-input-area { flex-direction: column; }
    #eventSearchQueryInputEnhanced { width: 100%; margin-right: 0; margin-bottom: 15px; }
    #eventSearchActionButtonEnhanced { width: 100%; }
    .event-result-card h3.event-title { font-size: 1.3em; }
    .event-result-card { padding: 20px; }
}/* End custom CSS */