.elementor-65 .elementor-element.elementor-element-31d647d:not(.elementor-motion-effects-element-type-background), .elementor-65 .elementor-element.elementor-element-31d647d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://dev.newbielogic.com/wp-content/uploads/2026/09/Screenshot-2026-09-24-135712.png");background-position:top center;background-repeat:no-repeat;background-size:cover;}.elementor-65 .elementor-element.elementor-element-31d647d > .elementor-background-overlay{background-color:var( --e-global-color-e5e9561 );opacity:0.55;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-65 .elementor-element.elementor-element-31d647d{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:-400px;margin-bottom:0px;padding:500px 15px 150px 15px;}.elementor-65 .elementor-element.elementor-element-ce1c7a0 .elementor-heading-title{font-family:"Barlow Condensed", Sans-serif;font-size:75px;font-weight:800;color:var( --e-global-color-21bfb04 );}.elementor-65 .elementor-element.elementor-element-9177708{padding:17px 0px 10px 0px;font-family:"Inter", Sans-serif;font-weight:normal;line-height:1.5em;color:var( --e-global-color-21bfb04 );}.elementor-65 .elementor-element.elementor-element-d92eb87{--display:flex;--padding-top:100px;--padding-bottom:100px;--padding-left:30px;--padding-right:30px;}@media(max-width:1024px){.elementor-65 .elementor-element.elementor-element-31d647d{margin-top:-400px;margin-bottom:0px;padding:400px 15px 120px 15px;}}@media(max-width:767px){.elementor-65 .elementor-element.elementor-element-31d647d{margin-top:-500px;margin-bottom:0px;padding:500px 15px 100px 15px;}.elementor-65 .elementor-element.elementor-element-ce1c7a0{text-align:center;}.elementor-65 .elementor-element.elementor-element-9177708{text-align:center;font-size:16px;}.elementor-65 .elementor-element.elementor-element-d92eb87{--padding-top:100px;--padding-bottom:100px;--padding-left:10px;--padding-right:10px;}}@media(min-width:768px){.elementor-65 .elementor-element.elementor-element-585c60c{width:70%;}.elementor-65 .elementor-element.elementor-element-aba3c1d{width:30%;}}@media(max-width:1024px) and (min-width:768px){.elementor-65 .elementor-element.elementor-element-585c60c{width:100%;}}/* Start custom CSS for oprf_events_3361493c, class: .elementor-element-1b3d755 *//* Program Category ke saare pills aur buttons par hover/active state */
.elementor-65 .elementor-element.elementor-element-1b3d755 .oprf-pill:hover,
.elementor-65 .elementor-element.elementor-element-1b3d755 .oprf-pill.active,
.elementor-65 .elementor-element.elementor-element-1b3d755 .oprf-filter-toggle:hover {
  background-color: #8B0000 !important;
  color: #ffffff !important;
}

/* Button ke andar ke text, spans aur icons ko white karne ke liye */
.elementor-65 .elementor-element.elementor-element-1b3d755 .oprf-pill:hover *,
.elementor-65 .elementor-element.elementor-element-1b3d755 .oprf-pill.active *,
.elementor-65 .elementor-element.elementor-element-1b3d755 .oprf-filter-toggle:hover * {
  color: #ffffff !important;
  fill: #ffffff !important;
}

/* Agar koi text node ya direct text ho button ke andar */
.elementor-65 .elementor-element.elementor-element-1b3d755 .oprf-pill:hover,
.elementor-65 .elementor-element.elementor-element-1b3d755 .oprf-pill.active {
  color: #ffffff !important;
}

/* ===== SITE PALETTE MAPPING =====
   Primary/Secondary: #8B0000
   Text: #111111
   Accent: #FFFFFF
   Hover: #A30000
*/

:root {
    --oprf-primary: #8B0000;
    --oprf-hover: #A30000;
    --oprf-text: #111111;
    --oprf-accent: #FFFFFF;
}

/* ===== FORCE VISIBLE TEXT/ICONS (theme hides text until hover — this overrides that) ===== */

.oprf-events-wrapper-3361493c button,
.oprf-events-wrapper-3361493c .oprf-pill,
.oprf-events-wrapper-3361493c .oprf-back-btn,
.oprf-events-wrapper-3361493c .oprf-filter-toggle,
.oprf-lightbox button,
.oprf-lightbox span,
.oprf-lightbox a {
    -webkit-text-fill-color: currentColor !important;
    text-fill-color: currentColor !important;
    opacity: 1 !important;
    background-clip: initial !important;
    -webkit-background-clip: initial !important;
}

/* Program pills */
.oprf-pill {
    color: var(--oprf-text) !important;
    background: var(--oprf-accent) !important;
    border-color: var(--oprf-primary) !important;
}
.oprf-pill:hover {
    border-color: var(--oprf-hover) !important;
}
.oprf-pill.active {
    color: var(--oprf-accent) !important;
    background: var(--oprf-primary) !important;
    border-color: var(--oprf-primary) !important;
}

/* Back to Events button */
.oprf-back-btn {
    color: var(--oprf-primary) !important;
    background: var(--oprf-accent) !important;
}
.oprf-back-btn:hover {
    color: var(--oprf-hover) !important;
}

/* Mobile filter toggle */
.oprf-filter-toggle,
.oprf-toggle-arrow {
    color: var(--oprf-accent) !important;
    background: var(--oprf-primary) !important;
}

/* Main action buttons (More Information, etc.) */
.oprf-btn {
    color: var(--oprf-accent) !important;
    background: var(--oprf-primary) !important;
}
.oprf-btn:hover {
    background: var(--oprf-hover) !important;
}

/* Program tags on cards */
.oprf-tag {
    color: var(--oprf-primary) !important;
    border-color: var(--oprf-primary) !important;
}

/* Lightbox close/prev/next/share — solid circle so icon is always visible */
.oprf-lb-close,
.oprf-lb-prev,
.oprf-lb-next,
.oprf-lb-share {
    color: var(--oprf-accent) !important;
    background: rgba(0,0,0,0.55) !important;
    border-radius: 50%;
}
.oprf-lb-close:hover,
.oprf-lb-prev:hover,
.oprf-lb-next:hover,
.oprf-lb-share:hover {
    background: var(--oprf-hover) !important;
}

.oprf-lb-title,
.oprf-lb-counter,
.oprf-lb-download {
    color: var(--oprf-accent) !important;
}
.oprf-lb-download:hover {
    color: var(--oprf-hover) !important;
}

/* Share dropdown menu (Email/SMS/Facebook/etc.) */
.oprf-lb-share-menu {
    background: var(--oprf-accent) !important;
}
.oprf-lb-share-menu a,
.oprf-lb-share-menu button {
    color: var(--oprf-text) !important;
    -webkit-text-fill-color: var(--oprf-text) !important;
}
.oprf-lb-share-menu a:hover,
.oprf-lb-share-menu button:hover {
    color: var(--oprf-hover) !important;
    -webkit-text-fill-color: var(--oprf-hover) !important;
}/* End custom CSS */