/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Oct 01 2025 | 15:31:20 */
.quick-listing-actions {
    display: none;
}
.video-block .pf-head{
	padding-bottom:0px !important ;
}
/* ——— Base ——— */
.hidden { display:none !important; }
.event-wrapper.minimal { display:grid; gap:14px; }

.card {
  border:1px solid #e7e7e9;
  border-radius:12px;
  background:#fafafa;
  padding:14px;
}

/* ——— Header ——— */
.event-head {
  display:flex; align-items:center; justify-content:space-between;
  margin-bottom:10px;
}
.event-title { font-weight:700; font-size:14px; color:#333; }
.remove-event {
  width:32px; height:32px; border:1px solid #d0d0d4; border-radius:8px;
  background:#fff; cursor:pointer; line-height:1; font-size:16px;
}

/* ——— Fields ——— */
.event-fields { 
  display:grid; 
  grid-template-columns: repeat(5, minmax(0,1fr));
  gap:12px;
}
.event-fields .field { display:block; }
.event-fields .field.small { max-width:220px; }

.event-fields .field label {
  display:block; font-size:12px; color:#555; margin:0 0 6px;
}

/* unify inputs/selects appearance */
.event-fields .wpcf7-form-control {
  width:100%;
  padding:10px 12px;
  border:1px solid #d6d6da;
  border-radius:10px;
  background:#fff;
  font-size:14px;
  box-shadow:none;
}

.event-fields select.wpcf7-form-control {
  appearance:none; -webkit-appearance:none; -moz-appearance:none;
  background-image:
    linear-gradient(45deg, transparent 50%, #777 50%),
    linear-gradient(135deg, #777 50%, transparent 50%),
    linear-gradient(to right, #ccc, #ccc);
  background-position:
    calc(100% - 18px) 18px,
    calc(100% - 12px) 18px,
    calc(100% - 33px) 50%;
  background-size: 6px 6px, 6px 6px, 1px 24px;
  background-repeat:no-repeat;
  padding-right:44px;
}

/* Add button */
.add-event {
  margin-top:6px;
  padding:10px 14px;
  border:1px solid #d0d0d4; border-radius:10px; background:#fff; cursor:pointer;
}

/* errors */
.field-error { border-color:#e53935 !important; background:#fff5f5 !important; }
.err-msg { display:block; margin-top:6px; font-size:12px; color:#e53935; }


/* —— minimal heading style to match your cards —— */
.ml-h {
  font-size: 14px;
  line-height: 1.2;
  font-weight: 700;
  color: #333;
  margin: 12px 0 8px;
}

/* shrink default CF7 h3 if any slip through */
.wpcf7 form h3 { font-size: 14px; line-height:1.2; margin: 12px 0 8px; }

/* —— grid helpers —— */
.cf7-grid { display: grid; gap: 14px; }
.cf7-grid.two { grid-template-columns: repeat(2, minmax(0,1fr)); }
.cf7-grid.gap-lg { gap: 18px; }

/* stack to single column on medium screens */
@media (max-width: 980px) {
  .cf7-grid.two.stack-md { grid-template-columns: 1fr; }
}

/* consistent inputs look (match your event card styling) */
.wpcf7 form .wpcf7-form-control:not([type=radio]):not([type=checkbox]) {
  width: 100%;
  padding: 10px 12px;
  border: 1px solid #d6d6da;
  border-radius: 10px;
   font-size: 14px;
  box-shadow: none;
}

/* tidy radios/checkboxes */
.wpcf7-list-item { margin: 6px 12px 6px 0; }
.wpcf7-list-item-label { font-size: 14px; color:#333; }

/* textarea height */
textarea.wpcf7-form-control { min-height: 150px; }

/* optional: subtle section spacing */
.cf7-grid .cell + .cell .ml-h:first-child { margin-top: 0; }

/* Submit button styling */
.wpcf7 form input[type=submit] {
  background: #333;           /* primary dark background */
  color: #fff;                /* white text */
  font-size: 15px;
  font-weight: 600;
  padding: 12px 28px;
  border: none;
  border-radius: 10px;
  cursor: pointer;
  transition: all 0.3s ease;
  letter-spacing: 0.5px;
}

/* hover/active states */
.wpcf7 form input[type=submit]:hover {
  background: #000;           /* darker hover */
  transform: translateY(-1px);
  box-shadow: 0 3px 8px rgba(0,0,0,0.15);
}

.wpcf7 form input[type=submit]:active {
  transform: translateY(0);
  box-shadow: none;
}

/* responsive */
@media (max-width: 880px){
  .event-fields { grid-template-columns: 1fr; }
  .event-fields .field.small { max-width:none; }
}
