/*
Theme Name: Hello Elementor Child
Theme URI: https://elementor.com/
Description: Child theme for Hello Elementor
Author: Your Name
Template: hello-elementor
Version: 1.0
*/
:root{
    --Dark-green:#002B29;
}

/* ===== Grid: exactly 3 cards per row on desktop ===== */
#event-listing-view {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
  margin:40px 0px 20px 0px;
}
@media (max-width: 1024px) { #event-listing-view { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 640px)  { #event-listing-view { grid-template-columns: 1fr; } }

/* ===== Card ===== */
.event-card-ui {
  background: #fff;
  border: 1px solid var(--Dark-green, #002B29);
  overflow: hidden;
  display: flex;
  flex-direction: column;
  transition: box-shadow .25s ease;
}
.event-card-ui:hover { box-shadow: 0 6px 20px rgba(0,0,0,.08); }

/* Image banner */
.event-card-img { display:block; line-height:0; }
.event-card-img img {
  width: 100%;
  height: 210px;                 /* taller banner like the screenshot */
  object-fit: cover;
  display: block;
}

/* Body */
.event-card-body {
  padding: 20px;
  display: flex;
  flex-direction: column;
  gap: 5px;
  flex: 1;
}

/* Top row: badge + partner */
.event-card-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  padding-bottom: 10px;
}

/* “EVENT” badge */
body .main_events .event-badge a {
  font-size: 12px;
  letter-spacing: .03em;
  padding: 4px 8px;
  color: #80D241 !important;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
    background: #002B29;
    border-radius: 0;
    text-decoration:none;
}

/* Partner chunk */
.event-partner {
  display: flex;
  align-items: center;
  gap: 8px;
  color: #002B29;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 700;
}
.event-partner img { height: 20px; width: auto; display: block; }

/* Title + excerpt */
.event-card-title {
  margin: 6px 0 0px;
  font-size: 22px;
  line-height: 1.2;
  font-weight: 800;
  color: #12382f;
}
.event-card-title a { color: inherit; text-decoration: none; }
.event-card-title a:hover { text-decoration: underline; }

.event-card-desc {
  color: #002B29;
  margin: 0 0 0px !important;
  font-size: 16px;
font-style: normal;
font-weight: 300;
line-height: normal;

}
.event-card-meta .meta-item:first-child {
  border-bottom: 1px solid #ddd;
}
/* Meta block */
.event-card-meta {
  padding-top: 12px;
  display: flex;
  flex-direction: column;
  gap: 5px;
  padding-bottom:15px;
}
.meta-item {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 14px;
  color: #0f2f27;
  font-weight: 700;             
}
.meta-icon { color: #28a745; line-height:normal; }  
.meta-text { color: #0f2f27; }
.meta-icon svg{
    width: 16px;
}
/* CTA button (full width, green) */
.event-card-btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: #7fd639;          
  color: #032a27;              
  font-weight: 700;
  text-transform: uppercase;
  padding: 5px 7px;
  border-radius: 0;             
  border: none;
  text-decoration: none;
  transition: background 0.25s ease, transform 0.15s ease;
  font-size: 12px;
font-style: normal;
line-height: normal;
}

.event-card-btn::before {
  content: "▶";                 
  font-size: 14px;
  display: inline-block;
}

.event-card-btn:hover {
  background: #6ac22f;          
  transform: translateY(-1px); 
}

/* Responsive tweaks */
@media (max-width: 680px) {
  .event-card-img img { height: 180px; }
  .event-card-title { font-size: 20px; }
}

div#load_more_events_loader{
    margin-bottom:25px;
}
div#load_more_events_loader a
{
    color: #002B29;
font-size: 20px;
font-style: normal;
font-weight: 700;
line-height: normal;
text-transform: uppercase;
 font-family: var(--e-global-typography-primary-font-family), Sans-serif;
 border-radius:0;
}
/*hard bg-remove*/
 .events-page .elementor-16 .elementor-element.elementor-element-4453b474::before{
        background:transparent !important;
    }
     .events-page .elementor-16 .elementor-element.elementor-element-4453b474 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before {
        background:transparent !important;
    }
    
    /*title*/
 body .event-main-title .elementor-heading-title {
    width: fit-content;
    background: #002B29;
    color: #FFF;
    text-align: center;
    font-size: 80px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    text-transform: uppercase;
    font-family: var(--e-global-typography-primary-font-family), Sans-serif;
    padding: 20px 40px 0px;
}


/*filters*/
.main_events  .showing_applied_filters{
    display:none !important;
}
body .main_events .e-con-inner{
    padding:0 !important;
}
.main_events {
     padding:0 !important;
}
.events-page .main_events  button{
    color:#ffffff;
    background:transparent !important;
    font-weight: 400 !important;
    padding: 0 !important;
}

.events-page .main_events button.active{
    color:#80D241 !important;
}
.single-event_listing .page-header{
    display:none;
}
.event-manager-form ::placeholder {
    color: #333 !important;
    opacity: 1 !important;
    font-size: 12px;
}
.event-manager-form label{
    display:none !important;
}
.event-manager-form fieldset{
    margin:20px 0px;
}
.event-manager-form select option{
     color: #333 !important;
    font-size: 12px;
}

/* Add play icon before .wpem-theme-button text */
.wpem-theme-button {
    position: relative;
    padding-left: 28px !important; 
}


.wpem-theme-button::before {
    content: "";
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23002424' viewBox='0 0 16 16'%3E%3Cpath d='M4.5 3.5v9l7-4.5-7-4.5z'/%3E%3C/svg%3E") no-repeat center center;
    background-size: 16px 16px;
    width: 16px;
    height: 16px;
    position: absolute;
    left: 8px;
    top: 50%;
    transform: translateY(-50%);
}

/* Style placeholder option only */
#AREA_OF_INTERESTS option[value="0"] {
    font-size: 12px;
    color: #333; 
}

/* Replace default arrow with larger custom SVG, keep white background */
#AREA_OF_INTERESTS {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-color: #fff; 
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='26' fill='%23002424' viewBox='0 0 16 16'%3E%3Cpath d='M4.5 6l3.5 4 3.5-4H4.5z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 10px center;
    background-size: 26px 26px;
    padding-right: 46px;
    font-size: 12px;
    color: #333;
    border: 1px solid #ccc;
    border-radius: 4px;
}

/* Cross-browser placeholder color */
#MESSAGES::placeholder {
    color: #333 !important;
    font-size: 12px;
}
body textarea#MESSAGES::placeholder,
body textarea#MESSAGES::-webkit-input-placeholder,
body textarea#MESSAGES:-ms-input-placeholder,
body textarea#MESSAGES::-ms-input-placeholder {
    color: #333 !important;
    opacity: 1 !important; /* Some browsers use opacity for placeholders */
}


body .event-menu{
    text-align:center !important;
}
body .wpem-event-layout-action{
    display:none !important;
}

.hero-content .filter-bar .sort-section {
    margin-left: 25px;
}
body .wpem-event-listing-header-title{
    display:none !important;
}

body .no_event_listings_found.wpem-alert.wpem-alert-danger {
    grid-column: 1 / -1;
    display: flex;
    align-items: center;
    justify-content: center;
}
/*event lisiting*/
.main-banner-size{
    background-size:100% 100% !important;
}
.oxf-person a{
    text-decoration: none !important;
}
.oxf-social a{
    text-decoration: none !important;
}
.elementor-24 .elementor-element.elementor-element-d097d2b .elementor-heading-title{
    font-size:24px;
}
/*.eventt-hide{*/
/*    display:none !important;*/
/*}*/
.submit-register-button{
    font-weight:600 !important;
}
.submit-register-button:hover{
    background-color: var(--e-global-color-primary) !important;
    color:#000 !important;
}
/*.no-padding,.parrent-padding{*/
/*    padding:0 !important;*/
/*}*/
/*.parent-child  .e-parent {*/
/*  padding-left: 20px !important;*/
/*  padding-right: 20px !important;*/
/*}*/

/*.parent-child .e-parent .e-parent {*/
/*   padding-left: 0px !important;*/
/*  padding-right: 0px !important;*/
/*}*/