/* =========================
   WIM UI — Cleaned Styles
   ========================= */

/* ===== Page / Card ===== */
.wim-card{
  background:#fff;
  border:1px solid #e9eef4;
  border-radius:14px;
  padding:16px 16px 0;
  margin:0 0 14px;
}
.wim-card__header{
  display:flex; align-items:center; justify-content:space-between;
  margin-bottom:12px;
}
.wim-card__title{ font-weight:700; color:#0f172a; font-size:16px; }
.wim-count{ color:#64748b; margin-left:6px; }

/* ===== Toolbar ===== */
.wim-toolbar{
  display:flex; align-items:center; gap:12px; flex-wrap:nowrap; margin-bottom:8px;
}
.wim-select, .wim-input{
  height:36px; padding:0 12px; border:1px solid #e6eaf1; border-radius:8px;
  background:#fff; font-size:14px; color:#1e293b;
}
.wim-input::placeholder{ color:#a0a8b5; }

.wim-input--name{ width:260px; }

/* ===== Buttons ===== */
.wim-btn{
  display:inline-flex; align-items:center; justify-content:center;
  height:36px; padding:0 14px; border-radius:8px; font-weight:700;
  text-decoration:none; border:0; cursor:pointer;
}
.wim-btn--primary{ background:rgb(99,102,241); color:#fff; }
.wim-btn--primary:hover{ filter:brightness(.95); }
.wim-btn--success{ background:#22c55e; color:#fff; }
.wim-card__header-actions{ display:flex; gap:14px; }

/* ===== View 640 — Table look ===== */
.frm_view_640 table{
  width:100%; border-collapse:separate; border-spacing:0; margin-top:10px;
  font-family:"Segoe UI", Tahoma, sans-serif; font-size:14px; color:#1e293b;
}
.frm_view_640 thead th{
  text-transform:uppercase; letter-spacing:.02em; font-size:12px; font-weight:700;
  color:#7c8594; background:transparent; padding:12px 10px; text-align:left; border-bottom:1px solid #e6eaf1;
}
.frm_view_640 tbody td{ padding:14px 10px; border-bottom:1px solid #e6eaf1; vertical-align:middle; }
.frm_view_640 tbody tr:hover{ background:#eef6ff; }

/* Optional column widths (tweak to your order) */
.frm_view_640 thead th:nth-child(1), .frm_view_640 tbody td:nth-child(1){ width:26%; } /* Name */
.frm_view_640 thead th:nth-child(2), .frm_view_640 tbody td:nth-child(2){ width:28%; } /* Email */
.frm_view_640 thead th:nth-child(3), .frm_view_640 tbody td:nth-child(3){ width:12%; } /* Status */
.frm_view_640 thead th:nth-child(4), .frm_view_640 tbody td:nth-child(4){ width:16%; } /* Date Joined */
.frm_view_640 thead th:nth-child(5), .frm_view_640 tbody td:nth-child(5){ width:10%; } /* Role */

/* Apply table styles when the table sits inside a card */
.wim-card table{ width:100%; border-collapse:separate; border-spacing:0; margin-top:10px;
  font-family:"Segoe UI", Tahoma, sans-serif; font-size:14px; color:#1e293b; }
.wim-card thead th{
  text-transform:uppercase; letter-spacing:.02em; font-size:12px; font-weight:700;
  color:#7c8594; background:transparent; padding:12px 10px; text-align:left; border-bottom:1px solid #e6eaf1; }
.wim-card tbody td{ padding:14px 10px; border-bottom:1px solid #e6eaf1; vertical-align:middle; }
.wim-card tbody tr:hover{ background:#eef6ff; }

/* ===== Actions column (View 640) ===== */

/* Keep Actions column narrow and right-aligned */
.frm_view_640 thead th:last-child,
.frm_view_640 tbody td:last-child{
  width:110px; text-align:right; white-space:nowrap;
}

/* Icon container */
.frm_view_640 .wim-actions{
  display:flex; justify-content:flex-end; align-items:center; gap:12px;
}

/* Icon buttons */
.frm_view_640 .wim-action{
  display:inline-flex; align-items:center; justify-content:center;
  width:22px; height:22px; padding:0 !important; margin:0 !important;
  border:0; background:transparent; text-decoration:none; cursor:pointer;
  color:#0f172a; opacity:.95; transition:transform .12s ease, opacity .12s ease;
}
.frm_view_640 .wim-action svg{
  width:18px !important; height:18px !important; flex:0 0 18px; display:block;
}
.frm_view_640 .wim-action:hover{ transform:translateY(-1px); opacity:1; }
.frm_view_640 .wim-action:focus{
  outline:2px solid #6366f1; outline-offset:2px; border-radius:6px;
}

/* Explicit icon colors (override theme link color) */
.frm_view_640 .wim-action--approve{ color:#10b981 !important; } /* green */
.frm_view_640 .wim-action--reject { color:#ef4444 !important; } /* red */
.frm_view_640 .wim-action--edit   { color:#64748b !important; } /* slate */
.frm_view_640 .wim-action--delete { color:#ef4444 !important; } /* red */

/* Safety: ensure Approve icon is never hidden */
.frm_view_640 .wim-action--approve{
  display:inline-flex !important;
  visibility:visible !important;
  opacity:1 !important;
}

/* ===== Admin dashboard (vertical, dark) ===== */
.wim-admin-shell{
  display:grid; grid-template-columns:260px 1fr; gap:16px; min-height:72vh; margin:8px 0 24px;
}
.wim-aside{
  background:#1f2a37; color:#e5e7eb; border-radius:14px; padding:16px 12px;
  border:1px solid #263445; position:sticky; top:16px; height:fit-content;
  display:flex; flex-direction:column; min-height:60vh;
}
.wim-brand{ display:flex; align-items:center; gap:10px; margin:6px 8px 10px; }
.wim-brand__icon{ color:#6366f1; display:inline-flex; }
.wim-brand__title{ font-weight:800; font-size:16px; color:#e8eaff; letter-spacing:.2px; }
.wim-nav{ margin-top:6px; display:flex; flex-direction:column; gap:4px; }
.wim-nav__link{
  display:flex; align-items:center; gap:12px; padding:10px 12px; border-radius:10px;
  color:#cbd5e1; text-decoration:none; border:1px solid transparent;
}
.wim-nav__link:hover{ background:#223042; border-color:#2a3b50; }
.wim-nav__link.is-active{ background:#263445; border-color:#334155; color:#fff; }
.wim-nav__icon{ width:20px; height:20px; color:#94a3b8; }
.wim-nav__link.is-active .wim-nav__icon{ color:#6366f1; }
.wim-nav__text{ font-weight:600; }
.wim-aside__spacer{ flex:1 1 auto; }
.wim-aside__footer{ display:flex; flex-direction:column; gap:6px; margin-top:12px; }
.wim-aside__footer .wim-nav__link{ color:#cbd5e1; }
.wim-main{
  background:#ffffff; border:1px solid #e9eef4; border-radius:14px;
  padding:18px; min-height:60vh;
}
.wim-h1{ margin:2px 0 10px; font-size:22px; color:#0f172a; }
.wim-quick{ display:grid; grid-template-columns:repeat(auto-fit,minmax(160px,1fr)); gap:12px; margin-top:10px; }
.wim-quick .tile{
  display:flex; align-items:center; justify-content:center; height:84px;
  background:#f8fafc; border:1px solid #e5e7eb; border-radius:14px; font-weight:700; color:#0f172a; text-decoration:none;
}
.wim-quick .tile:hover{ filter:brightness(1.03); }

/* Responsive: sidebar stacks on top */
@media (max-width:980px){
  .wim-admin-shell{ grid-template-columns:1fr; }
  .wim-aside{ position:static; }
}

/* Hide the theme's page title only on the Users page (adjust ID if needed) */
.page-id-664 .entry-title,
.page-id-664 .wp-block-post-title{
  display:none !important;
}

/* ===== Front-end login page styling ===== */
.wim-login-card{
  max-width:640px; margin:18px auto; padding:24px 24px 20px;
  background:#fff; border-radius:14px; box-shadow:0 10px 24px rgba(0,0,0,.06); border:1px solid #eef1f5;
}
.wim-login-card .wim-error{
  background:#fee2e2; color:#b91c1c; border:1px solid #fecaca;
  padding:10px 12px; border-radius:10px; margin:0 0 14px; font-weight:600;
}
.wim-login-card .wim-note{
  background:#ecfeff; color:#155e75; border:1px solid #cffafe;
  padding:10px 12px; border-radius:10px; margin:0 0 14px; font-weight:600;
}
.wim-login-card form[name="loginform"] p{ margin:0 0 14px; }
.wim-login-card form[name="loginform"] label{
  display:block; font-weight:600; color:#334155; margin:0 0 6px;
}
.wim-login-card form[name="loginform"] .input{
  width:100%; height:44px; border:1px solid #e5e7eb; border-radius:10px;
  padding:0 12px; font-size:16px; color:#0f172a; background:#fff;
}
.wim-login-card form[name="loginform"] .input:focus{
  outline:none; border-color:#c7d2fe; box-shadow:0 0 0 3px rgba(99,102,241,.25);
}
.wim-login-card .login-remember label{
  display:flex; align-items:center; gap:8px; color:#475569; font-weight:500;
}
.wim-login-card .login-submit{
  display:flex; align-items:center; justify-content:flex-end; gap:12px;
}
.wim-login-card .login-submit .button{
  height:40px; padding:0 16px; border-radius:10px; border:0;
  background:#111827; color:#fff; font-weight:700; cursor:pointer;
}
.wim-login-card .login-submit .button:hover{ filter:brightness(1.08); }
.wim-login-card a{ color:#334155; text-decoration:none; }
.wim-login-card a:hover{ text-decoration:underline; }

/* Optional soft page background (commented)
body.page .site-main .entry-content { background:#f6f7fb; padding:8px 0; }
*/

/* Kill underlines/ghost lines under action icons */
.frm_view_640 .wim-actions a,
.frm_view_640 .wim-actions a:link,
.frm_view_640 .wim-actions a:visited,
.frm_view_640 .wim-actions a:hover,
.frm_view_640 .wim-actions a:focus,
.frm_view_640 .wim-actions a:active{
  text-decoration: none !important;
  border: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
}

/* Keep icons tight and centered */
.frm_view_640 .wim-action{ line-height: 1 !important; }
.frm_view_640 .wim-action svg{ display: block; }


/* Kill underlines/ghost lines under action icons */
.frm_view_640 .wim-actions a,
.frm_view_640 .wim-actions a:link,
.frm_view_640 .wim-actions a:visited,
.frm_view_640 .wim-actions a:hover,
.frm_view_640 .wim-actions a:focus,
.frm_view_640 .wim-actions a:active{
  text-decoration: none !important;
  border: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
}

/* Keep icons tight and centered */
.frm_view_640 .wim-action{ line-height: 1 !important; }
.frm_view_640 .wim-action svg{ display: block; }


/* --- Nuke any underline/pseudo under action icons (View 640) --- */

/* Member profile layout */
.wim-profile{max-width:900px;margin:0 auto;padding:6px 0 24px;}
.wim-profile__name{margin:0 0 16px;font-size:34px;line-height:1.15;color:#0f172a;}
.wim-profile__grid{display:grid;grid-template-columns:1fr 1fr;gap:26px;}
.wim-field{margin:0 0 14px;}
.wim-label{font-weight:800;color:#0f172a;margin-bottom:2px;}
.wim-value{color:#111827;}
@media (max-width:900px){.wim-profile__grid{grid-template-columns:1fr;}}

.frm_view_640 .wim-actions a{
  /* kill all typical underline tricks */
  text-decoration: none !important;
  border: 0 !important;
  box-shadow: none !important;
  background: transparent !important;

  /* stop text-based decorations from rendering */
  font-size: 0 !important;
  line-height: 0 !important;

  /* keep sizing/align intact for the SVG */
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
}

/* some themes draw custom underlines via ::before/::after */
.frm_view_640 .wim-actions a::before,
.frm_view_640 .wim-actions a::after{
  content: none !important;
  display: none !important;
}

/* make sure the SVG shows at the intended size */
.frm_view_640 .wim-actions a svg{
  width: 18px !important;
  height: 18px !important;
  display: block !important;
}


/* Member profile layout (View page) */
.wim-member { max-width: 900px; }
.wim-member .wim-h1 { font-size: 28px; margin: 0 0 18px; color:#0f172a; }

.wim-dl {
  display: grid;
  grid-template-columns: 220px 1fr;
  gap: 12px 20px;
}

.wim-dl__row dt {
  font-weight: 700;
  color: #0f172a;
}

.wim-dl__row dd {
  margin: 0;
  color: #111827;
}

@media (max-width: 720px) {
  .wim-dl { grid-template-columns: 1fr; }
}


.wim-member-detail{max-width:980px;margin:0 auto;}
.wim-member-detail h1{margin:0 0 18px;font-size:34px;}
.wim-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px 48px;}
.wim-label{font-weight:700;color:#1e293b;margin-bottom:4px;}
.wim-value{color:#0f172a;}
@media (max-width:820px){.wim-detail-grid{grid-template-columns:1fr;}}



/* 1) Kill the line under the left Section heading */
.frm_section_heading { 
  border: none !important;
  box-shadow: none !important;
}
.frm_section_heading:after,
.frm_section_heading:before { display:none !important; }

/* 2) Column widths: make left wider, right a bit narrower */
.frm_first_half { 
  display:inline-block; width:58%; vertical-align:top; 
}
.frm_last_half  { 
  display:inline-block; width:40%; vertical-align:top; 
}

/* 3) Inputs on the left: full width and left-aligned */
.frm_first_half .frm_form_field,
.frm_first_half .frm_form_field .frm_input, 
.frm_first_half .frm_form_field input[type="text"],
.frm_first_half .frm_form_field input[type="email"],
.frm_first_half .frm_form_field input[type="tel"],
.frm_first_half .frm_form_field textarea {
  width:100%;
  max-width:100%;
}

/* 4) Right column text: align left and reduce the gap a touch */
.frm_last_half { 
  text-align:left; 
  padding-left: 20px;   /* adjust to taste */
}

/* Mobile: stack columns full width */
@media (max-width: 768px){
  .frm_first_half,.frm_last_half{display:block;width:100%;padding-left:0;}
}


/* --- WIM toast --- */
.wim-toast{
  position: fixed;
  left: 50%;
  bottom: 18px;                 /* bottom placement */
  transform: translateX(-50%) translateY(10px);
  z-index: 999999;              /* above everything */
  max-width: 96vw;
  background: #111827;          /* default */
  color: #fff;
  padding: 12px 16px;
  border-radius: 10px;
  box-shadow: 0 8px 22px rgba(0,0,0,.25);
  font-weight: 700;
  opacity: 0;                   /* for animation */
  transition: opacity .2s ease, transform .2s ease;
}
.wim-toast.is-show{ opacity: 1; transform: translateX(-50%) translateY(0); }

.wim-toast--success{ background:#16a34a; }
.wim-toast--info   { background:#0ea5e9; }
.wim-toast--warn   { background:#f59e0b; }
.wim-toast--error  { background:#ef4444; }


/* Users header layout */
.wim-users-head{
  display:flex;justify-content:space-between;align-items:center;
  gap:16px;margin:10px 0 20px 0
}
.wim-users-title{display:flex;align-items:center;gap:10px}
.wim-users-title h1{margin:0;font-size:42px;line-height:1.1}
.wim-count{
  font-size:20px;font-weight:600;color:#718096; /* subtle gray like the prototype */
}
.wim-users-actions{display:flex;gap:12px;align-items:center}

/* Button polish (works with your current .wim-btn styles) */
.wim-btn{display:inline-flex;align-items:center;gap:8px}

/* Remove any leftover export notice area if it ever appears */
#wim-export-notice{display:none}


/* Two-column row: left = Section (stacked fields), right = HTML blurb */
.frm_first_half,
.frm_last_half {
  display: inline-block;
  width: 48%;
  vertical-align: top;     /* stops left column from matching right column height */
}

/* Tighten spacing under a Section heading if you keep it visible */
.frm_section_heading { margin-bottom: .5rem; }

/* Inputs/textarea keep natural height */
.frm_fields_container input[type="text"],
.frm_fields_container textarea {
  height: auto;
}

/* Mobile: stack full width */
@media (max-width: 768px) {
  .frm_first_half, .frm_last_half {
    display: block;
    width: 100%;
  }
}

/* Two columns: left (Section) + right (HTML) */
.frm_first_half,
.frm_last_half {
  display: inline-block !important;
  vertical-align: top !important;
}
.frm_first_half { width: 58% !important; }
.frm_last_half  { width: 40% !important; margin-left: 2% !important; text-align: left; }

/* Remove the UNDERLINE that Formidable adds only to the Section heading */
.frm_section .frm_section_heading,
.frm_section .frm_section_heading .frm_section_title,
.frm_section .frm_section_heading .frm_section_title:after {
  border: 0 !important;
  box-shadow: none !important;
  background: none !important;
}

/* (Safety) restore normal input styling if anything was overridden */
.frm_form_field input[type="text"],
.frm_form_field input[type="email"],
.frm_form_field input[type="tel"],
.frm_form_field textarea {
  background: #fff;
  border: 1px solid #ccc;
  border-radius: 10px;
}


/* ---- Two-column widths you can tune ---- */
:root{
  --wim-left: 36%;   /* left column width (Section) */
  --wim-gap:  -45.0%;  /* space between columns */
}
.frm_first_half,
.frm_last_half {
  display:inline-block !important;
  vertical-align:top !important;
}

.frm_first_half { width: var(--wim-left) !important; }
.frm_last_half  { 
/* Two headings aligned to the two text columns */
.wim-dual-headings{
  /* tweakables (you can override in the inline style too) */
  --col-gap: 40px;
  --h-size: 44px;

  display: grid;
  grid-template-columns: 1fr 1fr; /* matches a 2-column layout */
  column-gap: var(--col-gap);
  align-items: end;
  margin: 0 0 8px;
}

.wim-dual-headings h2{
  color: #F4826F;
  font-size: var(--h-size);
  line-height: 1.1;
  margin: 0;
  font-weight: 700; /* H2-like weight */
}

/* Optional: stack on small screens */
@media (max-width: 700px){
  .wim-dual-headings{
    grid-template-columns: 1fr;
    row-gap: 8px;
  }
}
  width: calc(100% - var(--wim-left) - var(--wim-gap)) !important;
  margin-left: var(--wim-gap) !important;
  text-align:left;
}

/* make inputs fill the left column nicely */
.frm_first_half .frm_form_field,
.frm_first_half .frm_form_field .frm_input,
.frm_first_half .frm_form_field input,
.frm_first_half .frm_form_field textarea {
  width:100%;
	
	
	
	/* This is CSS for the NEW Login page*/
	
	/* ==== Layout wrapper (sits on top of your normal header/bg/footer) ==== */
.wim-auth-hero{
  padding: 24px 16px 40px;
}

/* Two-card grid: left login, right CTA */
.wim-auth-grid{
  max-width: 1150px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 28px;
}

/* Headings (white, uppercase, bold, like comp) */
.wim-hero-title{
  color: #FFFFFF;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.03em;
  font-size: clamp(26px, 3.2vw, 44px);
  margin: 0 0 12px;
}

/* Cards */
.wim-card{
  position: relative;
}

/* Left: Login card */
.wim-card--login{
  background: linear-gradient(180deg, #F4862F 0%, #EE973E 100%);
  border-radius: 12px;
  box-shadow: 0 8px 18px rgba(0,0,0,.25);
  padding: 16px 16px 18px;
}

/* Style the built-in WP login form inside our card */
.wim-card--login #loginform{
  margin: 8px 0 0;
}

.wim-card--login #loginform label{
  color: #2B3189;
  font-weight: 700;
  margin-bottom: 6px;
  display: inline-block;
}

.wim-card--login #loginform input[type="text"],
.wim-card--login #loginform input[type="password"]{
  width: 100%;
  border-radius: 8px;
  border: 0;
  padding: 12px 14px;
  background: #FFFFFF;
  box-shadow: inset 0 1px 0 rgba(0,0,0,.05);
}

/* Remember + lost password row */
.wim-card--login #loginform p.forgetmenot{
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 10px 0 6px;
  color: #2B3189;
  font-weight: 600;
}
.wim-card--login #loginform p.forgetmenot input[type="checkbox"]{
  width: 20px; height: 20px;
  accent-color: #2B3189;
}
.wim-card--login #loginform p.forgetmenot label{ margin: 0; }

.wim-card--login #loginform p.forgetmenot + p{
  /* the paragraph that contains the lost password link */
  margin: -28px 0 0;            /* pull up to align right side like comp */
  text-align: right;
}
.wim-card--login #loginform p.forgetmenot + p a{
  color: #2B3189;
  text-decoration: underline;
  font-weight: 600;
}

/* Submit row: left-aligned button with room */
.wim-card--login #loginform p.submit{
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  justify-content: flex-start !important;
  margin: 12px 0 0 !important;
}
.wim-card--login #loginform p.submit input[type="submit"]{
  background: #2B3189;
  color: #FFFFFF;
  border: 0;
  border-radius: 12px;
  padding: 12px 32px;
  font-weight: 800;
  cursor: pointer;
  box-shadow: 0 4px 10px rgba(0,0,0,.25);
}
.wim-card--login #loginform p.submit input[type="submit"]:hover{
  transform: translateY(-1px);
}

/* Right: CTA card outer shape (transparent like comp; just holds the panel) */
.wim-card--cta{ padding-top: 0; }

/* Orange CTA panel */
.wim-cta-panel{
  background: linear-gradient(180deg, #F4862F 0%, #EE973E 100%);
  border-radius: 12px;
  box-shadow: 0 8px 18px rgba(0,0,0,.25);
  padding: 26px 20px;
  display: grid;
  align-content: start;
  gap: 22px;
}
.wim-cta-sub{
  color: #FFFFFF;
  font-weight: 800;
  text-align: center;
}

/* Primary button */
.wim-btn{
  display: inline-block;
  text-align: center;
  text-decoration: none;
  border-radius: 12px;
  padding: 14px 28px;
  font-weight: 800;
  box-shadow: 0 4px 10px rgba(0,0,0,.25);
}
.wim-btn--primary{
  background: #2B3189;
  color: #FFFFFF;
}
.wim-btn--primary:hover{
  transform: translateY(-1px);
}

/* Responsiveness */
@media (max-width: 980px){
  .wim-auth-grid{ grid-template-columns: 1fr; }
}

  max-width:100%;
}

/* optional: remove extra top margin on the right block if any */
.frm_last_half .frm_form_field { margin-top:0; }

/* mobile: stack */
@media (max-width: 768px){
  .frm_first_half, .frm_last_half { display:block !important; width:100% !important; margin-left:0 !important; }
}


/* CSS for Our Mission page */

/* Two headings aligned to the two text columns */
.wim-dual-headings{
  /* tweakables (you can override in the inline style too) */
  --col-gap: 40px;
  --h-size: 44px;

  display: grid;
  grid-template-columns: 1fr 1fr; /* matches a 2-column layout */
  column-gap: var(--col-gap);
  align-items: end;
  margin: 0 0 8px;
}

.wim-dual-headings h2{
  color: #F4826F;
  font-size: var(--h-size);
  line-height: 1.1;
  margin: 0;
  font-weight: 700; /* H2-like weight */
}

/* Optional: stack on small screens */
@media (max-width: 700px){
  .wim-dual-headings{
    grid-template-columns: 1fr;
    row-gap: 8px;
  }
}

/* Nudge the whole row left/right */
.wim-dual-headings{
  transform: translateX(var(--offset-x, 0));
  margin-bottom: 8px;              /* space above the paragraphs */
}

/* Center each heading within its half (optional; comment out if you prefer left) */
.wim-dual-headings h2{
  justify-self: center;
  text-align: center;
}

/* Match your column split if they're not exactly 50/50 */
 /* Start with this and tweak the percentages until the titles sit over the text blocks */
.wim-dual-headings{
  grid-template-columns: 52% 48%;   /* try 52/48, 55/45, etc. */
}

/* Micro-nudges per side if one title needs a little shove */
.wim-dual-headings .wim-left  { margin-left: 0;  }   /* e.g., -6px or +6px */
.wim-dual-headings .wim-right { margin-left: 8px; }  /* adjust as needed */

.wim-dual-headings .wim-left  { margin-left: var(--left-nudge, -50); }
.wim-dual-headings .wim-right { margin-left: var(--right-nudge, 0); }


/* Column layout (keep what you had) */
.wim-dual-headings{
  display:grid;
  grid-template-columns: 52% 48%;   /* adjust split as needed */
  column-gap: var(--col-gap,48px);
  transform: translateX(var(--offset-x,0));
}

/* Center in each column, then shove with translateX */
.frm_forms .wim-dual-headings .wim-left{
  justify-self: center;
  text-align: center;
  transform: translateX(var(--left-shift,0));
}
.frm_forms .wim-dual-headings .wim-right{
  justify-self: center;
  text-align: center;
  transform: translateX(var(--right-shift,0));
}


/* CSS for custom login page*/

/* === AUTH PAGE LAYOUT === */
.wim-auth-hero{
  padding: 24px 16px 40px;
}

.wim-auth-grid{
  max-width: 1150px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr 1fr; /* two equal columns */
  gap: 28px;
}

/* Headings (white, uppercase, bold) */
.wim-hero-title{
  color: #fff;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.03em;
  font-size: clamp(26px, 3.2vw, 44px);
  margin: 0 0 12px;
}

/* Cards */
.wim-card{ position: relative; }

/* LEFT: LOGIN CARD */
.wim-card--login{
  background: linear-gradient(180deg, #F4862F 0%, #EE973E 100%);
  border-radius: 12px;
  box-shadow: 0 8px 18px rgba(0,0,0,.25);
  padding: 16px 16px 18px;
}

/* Style the WP login form inside */
.wim-card--login #loginform{ margin: 8px 0 0; }

.wim-card--login #loginform label{
  color: #2B3189;
  font-weight: 700;
  margin-bottom: 6px;
  display: inline-block;
}

.wim-card--login #loginform input[type="text"],
.wim-card--login #loginform input[type="password"]{
  width: 100%;
  border-radius: 8px;
  border: 0;
  padding: 12px 14px;
  background: #fff;
  box-shadow: inset 0 1px 0 rgba(0,0,0,.05);
}

/* remember + lost password */
.wim-card--login #loginform p.forgetmenot{
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 10px 0 6px;
  color: #2B3189;
  font-weight: 600;
}
.wim-card--login #login


/* --- POLISH PACK --- */

/* 1) Constrain card widths + spacing */
.wim-auth-grid{
  max-width: 1150px;
  gap: 36px;                /* spacing between columns */
}
.wim-card--login,
.wim-card--cta { max-width: 640px; } /* feel free to tweak 560–680px */

/* 2) Headings: size, line-height, tight margins */
.wim-hero-title{
  font-size: clamp(32px, 3.6vw, 56px);
  line-height: 1.05;
  margin: 0 0 14px;
}

/* 3) Login card internals */
.wim-card--login #loginform input[type="text"],
.wim-card--login #loginform input[type="password"]{
  height: 54px; border-radius: 14px; font-size: 18px;
}
.wim-card--login #loginform label{
  font-size: 18px;
}

/* Remember + lost password alignment */
.wim-card--login #loginform p.forgetmenot{ margin: 14px 0 0; }
.wim-card--login #loginform p.forgetmenot + p{
  margin: -28px 0 0; text-align: right;
}

/* Primary login button */
.wim-card--login #loginform p.submit input[type="submit"]{
  padding: 14px 36px; border-radius: 14px; font-size: 18px;
}

/* 4) Hide the extra "Become a Member" inside the LEFT card (since we have the big CTA on the right) */
.wim-card--login a[href*="user-registration"]{ display:none !important; }

/* 5) Right CTA button (ensure it styles Gutenberg Buttons) */
.wim-cta-panel .wp-block-button__link{
  background:#2B3189; color:#fff; border-radius:12px; padding:14px 28px;
  font-weight:800; box-shadow:0 4px 10px rgba(0,0,0,.25);
}
.wim-cta-panel .wp-block-button__link:hover{ transform: translateY(-1px); }

/* 6) Optional: add the white rounded separator under the right heading
   (Insert a Gutenberg "Separator" block under the BECOME A MEMBER heading and
   give it the Additional CSS class: wim-sep) */
.wim-cta-panel, .wim-card--cta { position: relative; }
.wim-auth-grid .wim-sep{
  width: 60%; height: 16px; border:0; border-radius: 999px; background:#fff;
  margin: 8px 0 18px; 
}


/* === 0) Hide accidental white pill at top of LEFT card (separator) === */
.wim-card--login .wp-block-separator{ display:none !important; }

/* === 1) Constrain layout & spacing === */
.wim-auth-grid{ max-width:1200px; gap:28px; }
.wim-card--login, .wim-card--cta{ max-width:680px; }

/* Headings (match comp) */
.wim-hero-title{
  color:#fff;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.02em;
  line-height:1.05;
  font-size: clamp(34px, 3.6vw, 48px);
  margin:0 0 16px;
}


/* Make the right-side separator a fat rounded "pill" */
.wp-block-separator.wim-sep,
hr.wim-sep{
  height: 16px;              /* pill thickness */
  border: 0;                 /* remove default line */
  border-radius: 999px;      /* full round ends */
  background: #ffffff;       /* white bar */
  width: 68%;                /* pill length (knob) */
  margin: 8px 0 20px;        /* space above/below (knob) */
}

/* Kill theme styles that add lines/pseudo content */
.wim-sep::before,
.wim-sep::after{ content: none !important; }
.wim-sep.is-style-wide,
.wim-sep.is-style-default{ border: 0 !important; }

/* === 2) LEFT: Login card cleanup === */
.wim-card--login{
  background: linear-gradient(180deg,#F4862F 0%, #EE973E 100%);
  border-radius: 14px;
  box-shadow: 0 10px 22px rgba(0,0,0,.28);
  padding: 18px 18px 20px;
}

/* Kill theme “inner box” wrappers */
.wim-card--login #loginform,
.wim-card--login #loginform p{
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  margin-top: 0;
  padding: 0;
}

/* Labels & fields */
.wim-card--login #loginform label{
  color:#2B3189;
  font-weight:800;
  margin: 6px 0 6px;
  display:inline-block;
}
.wim-card--login #loginform input[type="text"],
.wim-card--login #loginform input[type="password"]{
  width:100%;
  height:52px;
  border:0;
  border-radius:12px;
  padding:12px 14px;
  background:#fff;
  box-shadow: inset 0 1px 0 rgba(0,0,0,.06);
  font-size:18px;
}

/* Remember + Forgot row (left/right like comp) */
.wim-card--login #loginform .forgetmenot{
  display:flex; align-items:center; gap:8px; margin:14px 0 0;
}


/* Left column orange */

/* Make the ENTIRE left column an orange card; only inputs are white */

/* 1) Orange card fills the left column */
.wim-card--login{
  display:block;
  background: linear-gradient(180deg,#F4862F 0%, #EE973E 100%);
  border-radius:14px;
  box-shadow:0 10px 22px rgba(0,0,0,.28);
  padding:22px 22px 24px;          /* outer orange padding */
}

/* 2) Nuke ANY inner white panels/wrappers inside the card */
.wim-card--login .wp-block-group,
.wim-card--login #loginform,
.wim-card--login #loginform > p,
.wim-card--login #loginform > div{
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  padding:0 !important;
  margin:0 0 14px !important;      /* orange gaps between rows */
}

/* If a separator/spacer sneaked in the left card, hide it */
.wim-card--login .wp-block-separator,
.wim-card--login .wp-block-spacer{ display:none !important; }

/* 3) Heading in the card */
.wim-card--login .wim-hero-title{
  color:#fff; margin:0 0 16px; line-height:1.05;
}

/* 4) Inputs: the only white elements */
.wim-card--login #loginform input[type="text"],
.wim-card--login #loginform input[type="password"]{
  width:100%; height:52px;
  background:#fff !important;
  border:0; border-radius:12px;
  padding:12px 14px; font-size:18px;
  box-shadow: inset 0 1px 0 rgba(0,0,0,.06);
  margin:0 0 10px !important;      /* tiny gap under each input */
}

/* 5) Labels + remember/forgot row (inline like comp) */
.wim-card--login #loginform label{
  color:#2B3189; font-weight:800; margin:6px 0 6px; display:inline-block;
}
.wim-card--login #loginform .forgetmenot{
  display:flex; align-items:center; gap:8px; margin:6px 0 0 !important;
}
.wim-card--login #loginform .forgetmenot + p{
  margin:-26px 0 0 !important; text-align:right;
}
.wim-card--login #loginform .forgetmenot input[type="checkbox"]{
  width:20px; height:20px; accent-color:#2B3189;
}

/* 6) Primary login button centered */
.wim-card--login #loginform p.submit{
  text-align:center !important; margin:16px 0 0 !important;
}
.wim-card--login #loginform p.submit input[type="submit"]{
  background:#2B3189; color:#fff; border:0; border-radius:12px;
  padding:14px 42px; font-weight:800; box-shadow:0 6px 14px rgba(0,0,0,.25);
}

/* Hide the extra “Become a Member” link inside the left card */
.wim-card--login a[href*="user-registration"]{ display:none !important; }

.wim-card--login #loginform .forgetmenot + p{
  margin:-28px 0 0; text-align:right;
}
.wim-card--login #loginform .forgetmenot label{ margin:0; }
.wim-card--login #loginform .forgetmenot input[type="checkbox"]{
  width:20px; height:20px; accent-color:#2B3189;
}

/* Primary login button – centered */
.wim-card--login #loginform p.submit{
  display:block !important; text-align:center !important; margin:18px 0 0 !important;
}
.wim-card--login #loginform p.submit input[type="submit"]{
  background:#2B3189; color:#fff; border:0; border-radius:12px;
  padding:14px 42px; font-weight:800; box-shadow:0 6px 14px rgba(0,0,0,.25);
}

/* Hide the extra “Become a Member” link inside the left card */
.wim-card--login a[href*="user-registration"]{ display:none !important; }

/* === 3) RIGHT: CTA card === */
.wim-card--cta{ padding-top: 0; }
.wim-cta-panel{
  background: linear-gradient(180deg,#F4862F 0%, #EE973E 100%);
  border-radius: 14px;
  box-shadow: 0 10px 22px rgba(0,0,0,.28);
  padding: 24px 20px;
  display:grid; gap:22px; align-content:start;
}
.wim-cta-sub{ color:#fff; font-weight:800; text-align:center; }

/* Gutenberg button inside the CTA panel */
.wim-cta-panel .wp-block-button__link{
  background:#2B3189; color:#fff; border-radius:12px;
  padding:14px 28px; font-weight:800;
  box-shadow:0 6px 14px rgba(0,0,0,.25);
}

/* ORANGE-GUTTER VERSION (no big white inner box) */

/* Left card look */
.wim-card--login{
  background: linear-gradient(180deg,#F4862F 0%, #EE973E 100%);
  border-radius: 14px;
  box-shadow: 0 10px 22px rgba(0,0,0,.28);
  padding: 18px 18px 20px;
}

/* 1) Kill any white backgrounds/panels around fields */
.wim-card--login #loginform{
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
}

/* make every wrapper transparent (keep inputs & labels intact) */
.wim-card--login #loginform p,
.wim-card--login #loginform div:not(.submit):not(.forgetmenot){
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
  margin: 0 0 14px !important;   /* this creates the orange gap */
}

/* 2) Labels */
.wim-card--login #loginform label{
  color:#2B3189;
  font-weight:800;
  display:inline-block;
  margin: 6px 0 6px;
}

/* 3) Inputs: the only white things */
.wim-card--login #loginform input[type="text"],
.wim-card--login #loginform input[type="password"]{
  width: 100%;
  height: 52px;
  border: 0;
  border-radius: 12px;
  padding: 12px 14px;
  background: #fff !important;
  box-shadow: inset 0 1px 0 rgba(0,0,0,.06);
  font-size: 18px;
  margin: 0 0 10px;              /* small gap under each input */
}

/* 4) Remember + Forgot row (left/right like comp) */
.wim-card--login #loginform .forgetmenot{
  display:flex; align-items:center; gap:8px; margin: 6px 0 0 !important;
}
.wim-card--login #loginform .forgetmenot + p{
  margin: -26px 0 0 !important;  /* pulls “Forgot” up to same row */
  text-align: right;
}
.wim-card--login #loginform .forgetmenot input[type="checkbox"]{
  width:20px; height:20px; accent-color:#2B3189;
}

/* 5) Primary button centered */
.wim-card--login #loginform p.submit{
  text-align:center !important; margin: 16px 0 0 !important;
}
.wim-card--login #loginform p.submit input[type="submit"]{
  background:#2B3189; color:#fff; border:0; border-radius:12px;
  padding:14px 42px; font-weight:800; box-shadow:0 6px 14px rgba(0,0,0,.25);
}

/* 6) Hide the extra “Become a Member” link inside the left card */
.wim-card--login a[href*="user-registration"]{ display:none !important; }



/* --- HARD RESET INSIDE LEFT ORANGE CARD --- */

/* 0) Ensure the entire left column is the orange card */
.wim-card--login{
  background: linear-gradient(180deg,#F4862F 0%, #EE973E 100%);
  border-radius: 14px;
  box-shadow: 0 10px 22px rgba(0,0,0,.28);
  padding: 22px;
  position: relative;
}

/* 1) Inside the left card, make EVERY wrapper transparent */
.wim-card--login :where(form, div, p, section, article, header, footer){
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  outline: 0 !important;
}

/* Some themes put bg on .wp-block-group or .login-wrap */
.wim-card--login :is(.wp-block-group, .login, .login-wrap, .card, .panel){
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

/* 2) Keep labels styled */
.wim-card--login label{
  color:#2B3189 !important;
  font-weight: 800;
  display:inline-block;
  margin: 6px 0 6px;
}

/* 3) Inputs are the ONLY white elements */
.wim-card--login input[type="text"],
.wim-card--login input[type="password"],
.wim-card--login input[type="email"]{
  background: #fff !important;
  color: #000;
  width: 100%;
  height: 52px;
  border: 0;
  border-radius: 12px;
  padding: 12px 14px;
  font-size: 18px;
  box-shadow: inset 0 1px 0 rgba(0,0,0,.06);
  margin: 0 0 12px !important;   /* orange gap between fields */
}

/* 4) “Remember me” + “Forgot” on one line */
.wim-card--login .forgetmenot{
  display:flex; align-items:center; gap:8px; margin: 6px 0 0 !important;
}
.wim-card--login .forgetmenot + p{
  margin: -26px 0 0 !important; text-align: right;
}
.wim-card--login .forgetmenot input[type="checkbox"]{
  width:20px; height:20px; accent-color:#2B3189;
}

/* 5) Submit button centered and styled */
.wim-card--login p.submit{
  text-align:center !important; margin:16px 0 0 !important;
}
.wim-card--login p.submit input[type="submit"]{
  background:#2B3189; color:#fff; border:0; border-radius:12px;
  padding:14px 42px; font-weight:800; box-shadow:0 6px 14px rgba(0,0,0,.25);
}

/* 6) Hide the extra “Become a Member” link inside the left card (we have the right CTA) */
.wim-card--login a[href*="user-registration"]{ display:none !important; }

/* Field sizes, login fields */

/* Slimmer login inputs */
.wim-card--login #loginform input[type="text"],
.wim-card--login #loginform input[type="password"],
.wim-card--login #loginform input[type="email"]{
  height: 14px;          /* was ~52px */
  padding: 10px 12px;    /* tighten inner padding */
  font-size: 16px;       /* was 18px */
  border-radius: 10px;   /* optional: slightly less pill-y */
}


/* Columns in form 2 */
/* Put the 3 Section fields side-by-side on desktop (Form ID 2) */
.frm_form_2 .wim-col-left,
.frm_form_2 .wim-col-mid,
.frm_form_2 .wim-col-right {
  display:block;
  width:100%;
  box-sizing:border-box;
  vertical-align:top;
}

@media (min-width: 980px) {
  /* remove inline-block gaps for this form only */
  .frm_form_2 .frm_fields { font-size:0; }

  .frm_form_2 .wim-col-left,
  .frm_form_2 .wim-col-mid,
  .frm_form_2 .wim-col-right {
    display:inline-block;
    width:33.3333%;
    font-size:16px;          /* restore normal text size for children */
    vertical-align:top;
  }

  /* optional inner spacing between columns */
  .frm_form_2 .wim-col-left  { padding-right:12px; }
  .frm_form_2 .wim-col-mid   { padding:0 6px; }
  .frm_form_2 .wim-col-right { padding-left:12px; }
}

/* Keep gaps tidy under each input (optional) */
.wim-card--login #loginform input[type="text"],
.wim-card--login #loginform input[type="password"]{
  margin-bottom: 8px;    /* was 10–12px */
}


/* align forgpt password on login page */

/* Put "Remember me" (left) and "Forgot your password?" (right) on one row */
.wim-card--login #loginform .forgetmenot{
  float: left;
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 8px 0 0 !important;
}

.wim-card--login #loginform .forgetmenot + p{
  float: right;
  margin: 8px 0 0 !important;
  text-align: right;
}

.wim-card--login #loginform .forgetmenot + p a{
  color: #2B3189;
  text-decoration: underline;
  font-weight: 700;
}

/* Make sure the Login button starts on a new line below them */
.wim-card--login #loginform p.submit{
  clear: both;
  margin-top: 16px !important;
}

/* Mobile: stack neatly */
@media (max-width: 600px){
  .wim-card--login #loginform .forgetmenot,
  .wim-card--login #loginform .forgetmenot + p{
    float: none;
    display: block;
    text-align: left;
    margin: 6px 0 !important;
  }
  .wim-card--login #loginform p.submit{ margin-top: 10px !important; }
}

/* One-row layout: "Remember me" (left) + "Forgot your password?" (right) */
.wim-card--login #loginform .forgetmenot{
  display: inline-flex !important;      /* checkbox + label */
  align-items: center;
  gap: 8px;
  width: 50%;
  margin: 8px 0 0 !important;
  vertical-align: middle;
}

.wim-card--login #loginform .forgetmenot + p{
  display: inline-block !important;     /* the paragraph that holds the link */
  width: 50%;
  margin: 8px 0 0 !important;
  text-align: right;
  vertical-align: middle;
}

.wim-card--login #loginform .forgetmenot + p a{
  color: #2B3189;
  text-decoration: underline;
  font-weight: 700;
}

/* Ensure the Login button sits on the next line */
.wim-card--login #loginform p.submit{
  display: block !important;
  clear: both;             /* harmless if no floats, ensures new line */
  margin-top: 16px !important;
}

/* Mobile: stack neatly */
@media (max-width: 600px){
  .wim-card--login #loginform .forgetmenot,
  .wim-card--login #loginform .forgetmenot + p{
    display: block !important;
    width: 100%;
    text-align: left;
    margin: 6px 0 !important;
  }
  .wim-card--login #loginform p.submit{ margin-top: 10px !important; }
}


/* Join and register button spacer */

/* Tighten space between "Want to join WIM?" and the Register button */
.wim-cta-panel{
  gap: 1px;                 /* overall spacing inside the orange panel */
}

.wim-cta-panel .wim-cta-sub{
  margin: 0 0 6px !important; /* reduce paragraph bottom margin */
}

.wim-cta-panel .wp-block-button{
  margin: 0 !important;       /* remove Gutenberg’s default block gap */
}



.wim-cta-panel{ justify-items:center; }
.wim-cta-panel .wim-cta-sub{
  --cta-nudge-x: 4px;          /* change this number to taste */
  transform: translateX(var(--cta-nudge-x));
}


/* Make login button blue */
/* Style the Log In button on your custom login card */
#loginform #wp-submit{
  background: #2B3189 !important;   /* WIM blue */
  color: #fff !important;
  border: 0 !important;
  border-radius: 12px !important;
  padding: 12px 36px !important;
  font-weight: 800 !important;
  box-shadow: 0 6px 14px rgba(0,0,0,.25) !important;
  cursor: pointer !important;
}
#loginform #wp-submit:hover{
  transform: translateY(-1px);
}

/* Sign up text box */
.frm_form_2 .wim-col-right 
.wim-subhead + .frm_form_field {
  background: rgba(255,255,255,0.08);
  border: 1px solid rgba(255,255,255,0.18);
  border-radius: 12px;
  padding: 12px;
  margin-top: 6px;
}
.frm_form_2 .wim-col-right .wim-subhead + .frm_form_field textarea {
  min-height: 140px;
  resize: vertical;
  background: #fff;
  color: #111;
  border: 1px solid rgba(0,0,0,.15);
  border-radius: 8px;
  padding: 10px 12px;
}


/* City state on form 2 */
/* enforce half/half for City + State in the left column (Form ID 2) */
.frm_form_2 .wim-col-left .frm_first_half,
.frm_form_2 .wim-col-left .frm_last_half{
  display:inline-block;
  width:50%;
  vertical-align:top;
}
.frm_form_2 .wim-col-left .frm_first_half{ padding-right:10px; }

@media (max-width:900px){
  .frm_form_2 .wim-col-left .frm_first_half,
  .frm_form_2 .wim-col-left .frm_last_half{
    width:100%; padding-right:0;
  }
}

/* more column stuff */
/* === 3 columns for Form 2 === */
@media (min-width: 980px){
  /* Turn the form's direct children into a flex row */
  .frm_form_2 .frm_fields{
    display:flex;
    flex-wrap:nowrap;
    gap:12px;
  }

  /* Only the three Section fields become columns */
  .frm_form_2 .frm_fields > .frm_form_field.frm_section_heading.wim-col-left,
  .frm_form_2 .frm_fields > .frm_form_field.frm_section_heading.wim-col-mid,
  .frm_form_2 .frm_fields > .frm_form_field.frm_section_heading.wim-col-right{
    flex:1 1 0;         /* equal widths */
    min-width:0;        /* prevent overflow */
  }
}

/* Mobile/tablet: stack naturally */
@media (max-width: 979px){
  .frm_form_2 .frm_fields{
    display:block;
  }
}


/* Form 2: lock Name/Email 50/50 and make inputs fill their halves */
.frm_form_2 .wim-col-left .frm_first_half,
.frm_form_2 .wim-col-left .frm_last_half {
  display: inline-block;
  width: 50%;
  vertical-align: top;
}
.frm_form_2 .wim-col-left .frm_first_half { padding-right: 10px; }

/* Start a new row when a field has frm_clear (e.g., Phone, City when needed) */
.frm_form_2 .wim-col-left .frm_clear { display: block; width: 100%; clear: both; }

/* Ensure inputs actually span their containers (defeats theme max-widths) */


/* ===== Form 2: Partner Information section (Section field ID 185) ===== */
.frm_form_2 #frm_field_185_container{
  background: rgba(0,0,0,.18) !important;
  border: 1px solid rgba(255,255,255,.18) !important;
  border-radius: 12px !important;
  padding: 16px 18px 18px !important;
  box-sizing: border-box;
}

/* Section heading like the mock (orange, uppercase) */
.frm_form_2 #frm_field_185_container > .frm_section_title{
  font-size: 34px !important;
  line-height: 1.05 !important;
  font-weight: 800 !important;
  color: #ff8b32 !important;
  letter-spacing: 1px !important;
  text-transform: uppercase !important;
  margin: 2px 0 8px !important;
}

/* The explanatory paragraph box */
.frm_form_2 #frm_field_185_container .partner-note{
  font-size: 15px !important;
  line-height: 1.35 !important;
  color: #f6f6f6 !important;
  background: rgba(0,0,0,.28) !important;
  border: 1px solid rgba(255,255,255,.2) !important;
  border-radius: 10px !important;
  padding: 10px 12px !important;
  margin: 8px 0 14px !important;
}

/* Labels and inputs inside the Partner section */
.frm_form_2 #frm_field_185_container .frm_primary_label{ 
  color:#fff !important; 
  margin-bottom:4px !important;
}
.frm_form_2 #frm_field_185_container input[type="text"],
.frm_form_2 #frm_field_185_container input[type="url"],
.frm_form_2 #frm_field_185_container input[type="date"],
.frm_form_2 #frm_field_185_container textarea,
.frm_form_2 #frm_field_185_container select{
  background:#fff !important;
  color:#111 !important;
  border:1px solid rgba(0,0,0,.15) !important;
  border-radius:8px !important;
  padding:8px 10px !important;
  min-height:36px !important;
  width:100% !important;
}

/* Tighter vertical rhythm */
.frm_form_2 #frm_field_185_container .frm_form_field{ 
  margin-bottom:12px !important; 
}

/* Optional: make Spouse/Partner Name + Date 50/50 on one row */
@media (min-width:900px){
  .frm_form_2 #frm_field_185_container .wim-half-left,
  .frm_form_2 #frm_field_185_container .wim-half-right{
    display:inline-block !important; 
    width:50% !important; 
    vertical-align:top !important; 
    box-sizing:border-box !important;
  }
  .frm_form_2 #frm_field_185_container .wim-half-left{ padding-right:10px !important; }
}

.frm_form_2 .wim-col-left .frm_form_field input,
.frm_form_2 .wim-col-left .frm_form_field select,
.frm_form_2 .wim-col-left .frm_form_field textarea {
  width: 100% !important;
  max-width: 100% !important;
}


/* ==== Form 2: Personal Information exact layout ==== */
/* Name (182) + Email (189) side-by-side */
.frm_form_2 #frm_field_182_container,
.frm_form_2 #frm_field_189_container{
  display:inline-block;
  width:50%;
  vertical-align:top;
  box-sizing:border-box;
}
.frm_form_2 #frm_field_182_container{ padding-right:10px; } /* Name */

/* Make the inputs span their containers */
.frm_form_2 #frm_field_182_container input,
.frm_form_2 #frm_field_189_container input,
.frm_form_2 #frm_field_10_container  input,
.frm_form_2 #frm_field_11_container  input,
.frm_form_2 #frm_field_11_container  textarea,
.frm_form_2 #frm_field_10_container  textarea{
  width:100% !important;
  max-width:100% !important;
}

/* Phone (10) full width on its own row */
.frm_form_2 #frm_field_10_container{
  display:block;
  width:100%;
  clear:both;           /* force new row after Name/Email */
}

/* City (11) full width under Phone */
.frm_form_2 #frm_field_11_container{
  display:block;
  width:100%;
	
	
	/* Form 2 — make the Partner note text white (and any children) */
.frm_form_2 .partner-note,
.frm_form_2 .partner-note p,
.frm_form_2 .partner-note a,
.frm_form_2 .partner-note li {
  color:#fff !important;
}
.frm_form_2 #frm_field_185_container .partner-note,
.frm_form_2 #frm_field_185_container .partner-note * {
  color:#fff !important;
}
.frm_form_2 #frm_field_185_container .partner-note,
.frm_form_2 #frm_field_185_container .partner-note * {
  color:#fff !important;
}
.frm_form_2 #frm_field_185_container .partner-note,
.frm_form_2 #frm_field_185_container .partner-note * {
  color:#fff !important;
}

}

/* Stack nicely on mobile */
@media (max-width:900px){
  .frm_form_2 #frm_field_182_container,
  .frm_form_2 #frm_field_189_container{
    width:100%;
    padding-right:0;
  }
}
/* ---- Form 2: Name wider than Email ---- */
/* row: Name (182) + Email (189) */
.frm_form_2 #frm_field_182_container,
.frm_form_2 #frm_field_189_container{
  display:inline-block;
  vertical-align:top;
  box-sizing:border-box;
}

/* Make Name ~40% and Email ~60% with a small gutter */
.frm_form_2 #frm_field_182_container{ width:40%; padding-right:10px; }
.frm_form_2 #frm_field_189_container{ width:60%; }

/* Ensure inputs fill their containers even if field size was "Small" */
.frm_form_2 #frm_field_182_container input,
.frm_form_2 #frm_field_189_container input{
  width:100% !important;
  max-width:100% !important;
}

/* Next rows full width */
.frm_form_2 #frm_field_10_container,   /* Phone */
.frm_form_2 #frm_field_11_container{   /* City  */
  display:block; width:100%; clear:both;
}

/* Stack on mobile */
@media (max-width:900px){
  .frm_form_2 #frm_field_182_container,
  .frm_form_2 #frm_field_189_container{
    width:100%; padding-right:0;
  }
}
/* ---- Form 2: Name wider than Email ---- */
/* row: Name (182) + Email (189) */
.frm_form_2 #frm_field_182_container,
.frm_form_2 #frm_field_189_container{
  display:inline-block;
  vertical-align:top;
  box-sizing:border-box;
}

/* Make Name ~40% and Email ~60% with a small gutter */
.frm_form_2 #frm_field_182_container{ width:40%; padding-right:10px; }
.frm_form_2 #frm_field_189_container{ width:60%; }

/* Ensure inputs fill their containers even if field size was "Small" */
.frm_form_2 #frm_field_182_container input,
.frm_form_2 #frm_field_189_container input{
  width:100% !important;
  max-width:100% !important;
}

/* Next rows full width */
.frm_form_2 #frm_field_10_container,   /* Phone */
.frm_form_2 #frm_field_11_container{   /* City  */
  display:block; width:100%; clear:both;
}

/* Stack on mobile */
@media (max-width:900px){
  .frm_form_2 #frm_field_182_container,
  .frm_form_2 #frm_field_189_container{
    width:100%; padding-right:0;
  }
}
 

/* middle column form 2 */

/* === Partner column (middle) === */
.frm_form_2 .wim-col-mid{
  background: rgba(0,0,0,.18);
  border: 1px solid rgba(255,255,255,.18);
  border-radius: 12px;
  padding: 16px 18px 18px;
}

/* Heading + paragraph */
.frm_form_2 .wim-col-mid > .frm_section_title{
  font-size: 34px; font-weight: 800; color: #ff8b32;
  letter-spacing: 1px; text-transform: uppercase; margin: 2px 0 8px;
}
.frm_form_2 .wim-col-mid .partner-note{
  font-size: 15px; line-height: 1.35; color: #f6f6f6;
  background: rgba(0,0,0,.28);
  border: 1px solid rgba(255,255,255,.2);
  border-radius: 10px;
  padding: 10px 12px; margin: 8px 0 14px;
}

/* Labels + inputs */
.frm_form_2 .wim-col-mid .frm_primary_label{ color:#fff; margin-bottom:4px; }
.frm_form_2 .wim-col-mid input[type="text"],
.frm_form_2 .wim-col-mid input[type="url"],
.frm_form_2 .wim-col-mid input[type="date"],
.frm_form_2 .wim-col-mid textarea,
.frm_form_2 .wim-col-mid select{
  background:#fff; color:#111;
  border:1px solid rgba(0,0,0,.15); border-radius:8px;
  padding:8px 10px; min-height:36px; width:100%;
}

/* File upload area */
.frm_form_2 .wim-col-mid input[type="file"]{ background:transparent; padding:6px 0; }
/* reduce vertical gaps between fields */
.frm_form_2 .wim-col-mid .frm_form_field{ margin-bottom:12px; }


/* Partner section: make the explanatory HTML note align and span full width */
.frm_form_2 #frm_field_185_container .frm_form_field.frm_html{
  margin: 0 0 14px 0 !important;     /* tidy gap below the note */
}

.frm_form_2 #frm_field_185_container .partner-note{
  display:block !important;
  width:100% !important;             /* same width as inputs */
  max-width:100% !important;
  margin:0 0 12px 0 !important;      /* no indent; lines up with inputs */
  color:#fff !important;             /* white text */
  background: transparent !important;/* remove any background tint */
  padding:0 !important;              /* no extra inset */
  line-height:1.35 !important;
  font-size:15px !important;
}

/* Ensure the inputs in this section keep full width too (belt & suspenders) */
.frm_form_2 #frm_field_185_container input,
.frm_form_2 #frm_field_185_container select,
.frm_form_2 #frm_field_185_container textarea{
  width:100% !important;
  max-width:100% !important;
}


/* Make the partner note white inside the Partner section (ID 185) */
.frm_form_2 #frm_field_185_container .partner-note{
  color:#fff !important;
}


/* Form 2: make all Section headings orange */
.frm_form_2 .frm_section_heading > .frm_section_title{
  color:#ff8b32;          /* WIM orange */
  font-weight:800;
	
	/* Form 2 — make all Section titles orange (robust) */
.frm_form_2 .frm_form_field.frm_section_heading > .frm_section_title,
.frm_form_2 .wim-col-left  > .frm_section_title,
.frm_form_2 .wim-col-mid   > .frm_section_title,
.frm_form_2 .wim-col-right > .frm_section_title{
  color:#ff8b32 !important;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:1px;
  margin:2px 0 10px;
}

  text-transform:uppercase;
  letter-spacing:1px;
  margin:2px 0 10px;
}

/* Form 2 — make all Section titles orange (robust) */
.frm_form_2 .frm_form_field.frm_section_heading > .frm_section_title,
.frm_form_2 .wim-col-left  > .frm_section_title,
.frm_form_2 .wim-col-mid   > .frm_section_title,
.frm_form_2 .wim-col-right > .frm_section_title{
  color:#ff8b32 !important;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:1px;
  margin:2px 0 10px;
}
/* Per-section fallback */
.frm_form_2 #frm_field_XXX_container > .frm_section_title,
.frm_form_2 #frm_field_185_container > .frm_section_title,
.frm_form_2 #frm_field_YYY_container > .frm_section_title{
  color:#ff8b32 !important;
}


/* Form 2 — force orange section titles by exact Section IDs */
.frm_form_2 #frm_field_183_container > .frm_section_title,
.frm_form_2 #frm_field_185_container > .frm_section_title,
.frm_form_2 #frm_field_187_container > .frm_section_title,
.frm_form_2 #frm_field_183_container .frm_section_heading > .frm_section_title,
.frm_form_2 #frm_field_185_container .frm_section_heading > .frm_section_title,
.frm_form_2 #frm_field_187_container .frm_section_heading > .frm_section_title {
  color: #ff8b32 !important;
  font-weight: 800 !important;
  text-transform: uppercase !important;
  letter-spacing: 1px !important;
  margin: 2px 0 10px !important;
}


/* WIM orange section headings (IDs 244, 185, 187) */
body .frm_forms .frm_form_fields #frm_field_244_container :is(h2,h3,legend),
body .frm_forms .frm_form_fields #frm_field_185_container :is(h2,h3,legend),
body .frm_forms .frm_form_fields #frm_field_187_container :is(h2,h3,legend){
  color:#F4862F !important; /* WIM orange */
	font-size: 1.5rem !important;   /* ≈24px; bump up/down as you like */
  line-height: 1.2 !important;    /* keeps it tight */
  font-weight: 700;                /* optional: make it bold */
}

/* Comment window */
/* shrink the gap under the comments field */
.wim-window{
  margin-bottom: 6px !important;   /* try 0–12px */
}



/* ALIGN RIGHT: works if class is on the row OR a parent */
.wim-submit-right.frm_submit,
.wim-submit-right .frm_submit{
  display:flex !important;
  justify-content:flex-end !important;
  text-align:right !important;
}

/* MOVE UP: works either way */
.wim-register-btn.frm_submit,
.wim-register-btn .frm_submit{
  margin-top:-14px !important;   /* tweak -6 to -20 */
  margin-bottom:0 !important;
}

/* ORANGE BUTTON: cover both input and button elements, any nesting */
.wim-register-btn.frm_submit input[type="submit"],
.wim-register-btn .frm_submit input[type="submit"],
.wim-register-btn input[type="submit"],
.wim-register-btn.frm_submit button,
.wim-register-btn .frm_submit button,
.wim-register-btn button,
.wim-register-btn.frm_submit .frm_button_submit,
.wim-register-btn .frm_button_submit{
  background:#F4862F !important;   /* WIM orange */
  color:#fff !important;
  border:none !important;
  border-radius:14px !important;
  padding:12px 28px !important;
  font-weight:700 !important;
  letter-spacing:.04em !important;
  box-shadow:0 6px 14px rgba(0,0,0,.15) !important;
  transition:transform .06s ease, box-shadow .12s ease, background .12s ease;
}


/* Register Button sigh up form */

/* keep it right-aligned */
.wim-submit-right.frm_submit{
  display:flex !important;
  justify-content:flex-end !important;
}

/* move the submit row upward */
.wim-register-btn.frm_submit{
  margin-top:-22px !important;   /* tweak: -16 to -30 as needed */
  margin-bottom:0 !important;
}

/* make the button larger */
.wim-register-btn.frm_submit input[type="submit"],
.wim-register-btn.frm_submit button,
.wim-register-btn.frm_submit .frm_button_submit{
  background:#F4862F !important;
  color:#fff !important;
  border:none !important;
  border-radius:16px !important;
  padding:36px 56px !important;                          /* bigger */
  font-size: clamp(1rem, 0.9rem + 0.4vw, 1.25rem) !important; /* scales up a touch */
  font-weight:700 !important;
  letter-spacing:.04em !important;
  box-shadow:0 8px 18px rgba(0,0,0,.18) !important;
  transition:transform .06s ease, box-shadow .12s ease, background .12s ease;
}

/* hover/focus – keep it punchy */
.wim-register-btn.frm_submit input[type="submit"]:hover,
.wim-register-btn.frm_submit button:hover{
  background:#e67923 !important;
  transform:translateY(-1px);
  box-shadow:0 10px 22px rgba(0,0,0,.20) !important;
}
.wim-register-btn.frm_submit input[type="submit"]:focus,
.wim-register-btn.frm_submit button:focus{
  outline:2px solid #F4862F;
  outline-offset:2px;
}

/* HOVER/FOCUS */
.wim-register-btn input[type="submit"]:hover,
.wim-register-btn button:hover,
.wim-register-btn .frm_button_submit:hover{
  background:#e67923 !important;
  transform:translateY(-1px);
  box-shadow:0 8px 18px rgba(0,0,0,.18) !important;
}
.wim-register-btn input[type="submit"]:focus,
.wim-register-btn button:focus,
.wim-register-btn .frm_button_submit:focus{
  outline:2px solid #F4862F !important;
  outline-offset:2px;
}


/* upload button stuff */

/* 1) Visually hide the real input but keep it accessible/clickable via JS */
#wim-form-wrapper #field_212{
  position: absolute !important;
  left: -9999px !important;
  width: 1px !important;
  height: 1px !important;
  overflow: hidden !important;
  clip: rect(1px, 1px, 1px, 1px) !important;
  white-space: nowrap !important;
}

/* Optional: a wrapper on your form to scope styles (add id="wim-form-wrapper" to the page container if you like) */
.wim-upload-ui { margin: 4px 0 8px; }
.wim-upload-label{
  display:block;
  color:#fff;
  font-weight:700;
  margin:0 0 6px;
}
.wim-upload-row{
  display:flex;
  align-items:center;
  gap:10px;
}

/* Your orange button */
.wim-file-btn{
  background:#F4862F;
  color:#fff;
  border:none;
  border-radius:12px;
  padding:8px 16px;
  font-weight:700;
  letter-spacing:.02em;
  cursor:pointer;
  box-shadow:0 4px 10px rgba(0,0,0,.12);
  transition:transform .06s ease, box-shadow .12s ease, background .12s ease;
}
.wim-file-btn:hover{
  background:#e67923;
  transform:translateY(-1px);
  box-shadow:0 6px 14px rgba(0,0,0,.16);
}

/* Filename text */
.wim-file-name{
  color:#2B3189;
  font-weight:600;
}


/* Visually hide native file input but keep it on the page */
.wim-upload input[type="file"]{
  position:absolute !important;
  left:-9999px !important;
  width:1px !important;
  height:1px !important;
  overflow:hidden !important;
  clip:rect(1px,1px,1px,1px) !important;
  white-space:nowrap !important;
}

/* Upload UI layout */
.wim-upload .wim-upload-ui{
  display:flex;
  align-items:center;
  gap:10px;
  margin:4px 0 8px;
}

/* Orange button */
.wim-upload .wim-file-btn{
  background:#F4862F;
  color:#fff;
  border:none;
  border-radius:12px;
  padding:8px 16px;
  font-weight:700;
  letter-spacing:.02em;
  cursor:pointer;
  box-shadow:0 4px 10px rgba(0,0,0,.12);
  transition:transform .06s ease, box-shadow .12s ease, background .12s ease;
}
.wim-upload .wim-file-btn:hover{
  background:#e67923;
  transform:translateY(-1px);
  box-shadow:0 6px 14px rgba(0,0,0,.16);
}

/* Filename text */
.wim-upload .wim-file-name{
  color:#2B3189; /* brand navy */
  font-weight:600;
}


/* Hide the native input but keep it accessible */
.wim-upload input[type="file"]{
  position:absolute !important;
  left:-9999px !important;
  width:1px !important; height:1px !important;
  overflow:hidden !important; clip:rect(1px,1px,1px,1px) !important;
  white-space:nowrap !important;
}

/* The “window” shell */
.wim-upload .wim-upload-window{
  border:2px dashed rgba(255,255,255,.75);
  background:rgba(255,255,255,.12);
  border-radius:12px;
  padding:12px;
  cursor:pointer;
  margin:6px 0 10px;
}
.wim-upload .wim-upload-window:focus{ outline:2px solid #F4862F; outline-offset:2px; }

/* Contents */
.wim-upload .wim-upload-window-inner{
  display:flex; align-items:center; gap:12px; flex-wrap:wrap;
}
.wim-upload .wim-file-btn{
  background:#F4862F; color:#fff; border:none; border-radius:12px;
  padding:8px 16px; font-weight:700; letter-spacing:.02em; cursor:pointer;
  box-shadow:0 4px 10px rgba(0,0,0,.12);
  transition:transform .06s, box-shadow .12s, background .12s;
}
.wim-upload .wim-file-btn:hover{ background:#e67923; transform:translateY(-1px); box-shadow:0 6px 14px rgba(0,0,0,.16); }
.wim-upload .wim-file-help{ color:#fff; opacity:.9; font-weight:600; }
.wim-upload .wim-file-name{
  color:#2B3189; font-weight:700; background:#fff;
  padding:4px 8px; border-radius:8px;
}


/* Hide Formidable's built-in dropzone + helper text inside this field */
.wim-upload .frm_dropzone,
.wim-upload .dz-default.dz-message,
.wim-upload .frm_upload_text,   /* the “Maximum file size: …” line */
.wim-upload .frm_upload_icon {
  display: none !important;
}

/* Remove any leftover box styling Formidable adds */
.wim-upload .frm_upload_container{
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  padding: 0 !important;
  margin: 0 !important;
}



/* Make all form input text visible (brand navy on white) */
.frm_forms input[type="text"],
.frm_forms input[type="email"],
.frm_forms input[type="url"],
.frm_forms input[type="password"],
.frm_forms input[type="tel"],
.frm_forms select,
.frm_forms textarea{
  color:#2B3189 !important;            /* WIM navy */
  -webkit-text-fill-color:#2B3189 !important; /* Safari/autofill */
  background:#fff !important;
  mix-blend-mode: normal !important;
}

/* Placeholder color (subtle) */
.frm_forms input::placeholder,
.frm_forms textarea::placeholder{
  color:#8b91a5 !important;
}

/* Keep autofill readable on Safari/Chrome */
.frm_forms input:-webkit-autofill{
  -webkit-box-shadow: 0 0 0 1000px #fff inset !important;
  -webkit-text-fill-color:#2B3189 !important;
}


/* Remove any separator/line above Section headings in Formidable */
.frm_forms fieldset{ border:0 !important; }                           /* fieldset frame */
.frm_forms .frm_section_heading::before,
.frm_forms .frm_section_heading::after{ content:none !important; }    /* pseudo-line styles */
.frm_forms .frm_form_field.frm_section,
.frm_forms .frm_section_spacing{ border-top:0 !important; }           /* theme/style borders */

/* Also hide any hr / WP separators that might be inside the form */
.frm_forms hr,
.frm_forms .wp-block-separator{ display:none !important; }



/* keep it right-aligned */
.wim-submit-right.frm_submit{
  display:flex !important;
  justify-content:flex-end !important;
}

/* move the submit row upward */
.wim-register-btn.frm_submit{
  margin-top:-30px !important;   /* tweak: -16 to -30 as needed */
  margin-bottom:0 !important;
}

/* make the button larger */
.wim-register-btn.frm_submit input[type="submit"],
.wim-register-btn.frm_submit button,
.wim-register-btn.frm_submit .frm_button_submit{
  background:#F4862F !important;
  color:#fff !important;
  border:none !important;
  border-radius:16px !important;
  padding:16px 36px !important;                          /* bigger */
  font-size: clamp(1rem, 0.9rem + 0.4vw, 1.25rem) !important; /* scales up a touch */
  font-weight:700 !important;
  letter-spacing:.04em !important;
  box-shadow:0 8px 18px rgba(0,0,0,.18) !important;
  transition:transform .06s ease, box-shadow .12s ease, background .12s ease;
}

/* hover/focus – keep it punchy */
.wim-register-btn.frm_submit input[type="submit"]:hover,
.wim-register-btn.frm_submit button:hover{
  background:#e67923 !important;
  transform:translateY(-1px);
  box-shadow:0 10px 22px rgba(0,0,0,.20) !important;
}
.wim-register-btn.frm_submit input[type="submit"]:focus,
.wim-register-btn.frm_submit button:focus{
  outline:2px solid #F4862F;
  outline-offset:2px;
}


/* === Move REGISTER up + make it bigger (Form ID 2) === */
#frm_form_2_container .frm_submit{
  display:flex !important;
  justify-content:flex-end !important;   /* keep right */
  margin-top:-70px !important;           /* move up; tweak -16 to -36 */
  margin-bottom:0 !important;
  padding-top:0 !important;
}

/* Enlarge the button */
#frm_form_2_container .frm_submit input[type="submit"],
#frm_form_2_container .frm_submit button{
  background:#F4862F !important;
  color:#fff !important;
  border:none !important;
  border-radius:16px !important;
  padding:16px 36px !important;          /* bigger */
  font-size: clamp(1rem, 0.9rem + 0.4vw, 1.25rem) !important;
  font-weight:700 !important;
  letter-spacing:.04em !important;
  box-shadow:0 8px 18px rgba(0,0,0,.18) !important;
  transform: translateY(-2px);           /* tiny lift */
}

/* Hover/focus */
#frm_form_2_container .frm_submit input[type="submit"]:hover,
#frm_form_2_container .frm_submit button:hover{
  background:#e67923 !important;
  transform: translateY(-3px);
  box-shadow:0 10px 22px rgba(0,0,0,.20) !important;
}
#frm_form_2_container .frm_submit input[type="submit"]:focus,
#frm_form_2_container .frm_submit button:focus{
  outline:2px solid #F4862F;
  outline-offset:2px;
}


/* Temp home page fix */
/* shrink header height + remove stray spacing */
header.wp-block-template-part .wp-block-group{
  padding-top: 10px !important;
  padding-bottom: 10px !important;
  margin: 0 !important;
}

/* let the main area span full width instead of a narrow column */
.wp-site-blocks > main,
.wp-block-post-content{
  max-width: none !important;
}

/* if a parent Group is forcing "constrained" width, unlock it */
main .wp-block-group.is-layout-constrained{
  max-width: none !important;
  width: 100% !important;
}

/* optional: ensure inner blocks aren’t being clamped */
main .wp-block-group{ box-sizing: border-box; }


/* CSS for forgot password */
/* Centered auth card */
.wim-auth-card{
  max-width:560px;
  margin:64px auto;
  padding:24px 24px 28px;
  background:rgba(255,255,255,.96);
  border-radius:16px;
  box-shadow:0 16px 40px rgba(0,0,0,.24);
}

/* Trim inner gaps */
.wim-auth-card > *:first-child{ margin-top:0 !important; }
.wim-auth-card > *:last-child{  margin-bottom:0 !important; }

/* Inputs */
.wim-auth-card input[type="email"],
.wim-auth-card input[type="text"],
.wim-auth-card input[type="password"]{
  width:100%;
  height:48px;
  padding:10px 14px;
  border-radius:12px;
  border:1px solid #d9dce6;
  background:#fff;
  color:#2B3189;
  -webkit-text-fill-color:#2B3189;
  box-shadow: inset 0 1px 2px rgba(0,0,0,.04);
}

/* Labels/help text */
.wim-auth-card label{ color:#2B3189; font-weight:700; }
.wim-auth-card .description,
.wim-auth-card .hint,
.wim-auth-card .help-text{ color:#5e6580; }

/* Button (WIM orange) */
.wim-auth-card .button,
.wim-auth-card button,
.wim-auth-card input[type="submit"]{
  background:#F4862F !important;
  color:#fff !important;
  border:none !important;
  border-radius:14px !important;
  padding:12px 22px !important;
  font-weight:800 !important;
  box-shadow:0 8px 18px rgba(0,0,0,.18) !important;
  cursor:pointer;
}
.wim-auth-card .button:hover,
.wim-auth-card button:hover,
.wim-auth-card input[type="submit"]:hover{
  background:#e67923 !important;
  transform:translateY(-1px);
}

/* Notices (better contrast than pale pink) */
.wim-auth-card .notice,
.wim-auth-card .error,
.wim-auth-card .message{
  background:rgba(244,134,47,.10) !important;
  border:1px solid #F4862F !important;
  color:#2B3189 !important;
  padding:10px 14px !important;
  border-radius:10px !important;
  margin-bottom:14px !important;
}


/* Simple, clean password-help layout */
.wim-auth-simple{
  max-width: 700px;
  margin: 32px auto 64px;
  padding: 0;            /* no card background */
}

/* Heading style (feel free to tweak) */
.wim-auth-simple h1, .wim-auth-simple h2, .wim-auth-simple h3{
  margin: 0 0 12px;
  font-weight: 800;
  color: #2B3189;        /* WIM navy */
}

/* Put label and email field on one line */
.wim-auth-simple .frm_primary_label{
  display: inline-block;
  margin: 0 12px 8px 0;
  font-weight: 700;
  color: #2B3189;
  vertical-align: middle;
}

/* Email input: tidy size, inline with label */
.wim-auth-simple input[type="email"]{
  display: inline-block;
  width: 360px;          /* bump to 420px if you like */
  max-width: 100%;
  height: 40px;
  padding: 8px 12px;
  border-radius: 8px;
  border: 1px solid #d9dce6;
  background: #fff;
  color: #2B3189;
  -webkit-text-fill-color: #2B3189;
  vertical-align: middle;
}

/* Help text under the field */
.wim-auth-simple .frm_description,
.wim-auth-simple .frm_error_style{
  margin-top: 6px;
  color: #5e6580;
}

/* Button: compact and brandy */
.wim-auth-simple .frm_submit input[type="submit"],
.wim-auth-simple .frm_submit button{
  background: #F4862F !important;
  color: #fff !important;
  border: none !important;
  border-radius: 10px !important;
  padding: 10px 18px !important;
  font-weight: 800 !important;
  margin-top: 10px;
}
.wim-auth-simple .frm_submit input[type="submit"]:hover,
.wim-auth-simple .frm_submit button:hover{
  background: #e67923 !important;
}

/* Notices: subtle, readable */
.wim-auth-simple .frm_message, 
.wim-auth-simple .frm_error_style,
.wim-auth-simple .message{
  background: transparent !important;
  border: none !important;
  padding-left: 0 !important;
}


/* Make pages using the Auth Minimal template plain white */
body.wp-template-auth-minimal,
body.template-auth-minimal,
body.wp-template-auth-minimal .wp-site-blocks{
  background:#fff !important;
  background-image:none !important;
}

/* If any Cover blocks slip into the content, hide their backgrounds on this template */
body.wp-template-auth-minimal .wp-block-cover,
body.wp-template-auth-minimal .wp-block-cover__image-background,
body.wp-template-auth-minimal .wp-block-cover__gradient-background,
body.wp-template-auth-minimal .wp-block-cover::before{
  display:none !important;
}

/* Some themes paint decorative backgrounds with ::before/::after */
body.wp-template-auth-minimal .wp-site-blocks::before,
body.wp-template-auth-minimal .wp-site-blocks::after{
  content:none !important;
}


body.page-id-1420,
body.page-id-1420.wp-site-blocks{
  background:#fff !important;
  background-image:none !important;
}
body.page-id-1420 .wp-block-cover,
body.page-id-1420 .wp-block-cover__image-background,
body.page-id-1420 .wp-block-cover__gradient-background,
body.page-id-1420 .wp-block-cover::before{
  display:none !important;
}


/* Base pill styles */
.wim-loginbtn{
  display:inline-block;
  padding:10px 18px;
  border-radius:14px;
  font-weight:800;
  letter-spacing:.02em;
  text-decoration:none!important;
  line-height:1;
}

/* White pill variant for header */
.wim-loginbtn--white{
  background:#fff;
  color:#F4862F !important;            /* WIM orange text */
  border:2px solid #F4862F;
  box-shadow:0 6px 14px rgba(0,0,0,.15);
}
.wim-loginbtn--white:hover{
  background:#fff;
  filter:brightness(0.98);
  transform:translateY(-1px);
}
.wim-loginbtn--white:focus{
  outline:2px solid #F4862F;
  outline-offset:2px;
}



a.wp-block-loginout__link{display:inline-flex!important;align-items:center!important;padding:16px 24px!important;border-radius:16px!important;line-height:1!important}



/* Page backgrounds */
/* Page 1420: make the whole page grey and remove white wrappers */
body.page-id-1420 { background:#abb8c3 !important; }

body.page-id-1420 .wp-site-blocks,
body.page-id-1420 .site,
body.page-id-1420 .site-content,
body.page-id-1420 .content-area {
  background: transparent !important;
  min-height: 100vh; /* ensure it spans the viewport */
}


/* Kill stray gaps around header/footer */
body { margin: 0; }

/* Remove outer margin/padding on header & footer wrappers */
.site-header,
header,
.site-footer,
footer,
header.wp-block-template-part,
footer.wp-block-template-part {
  margin: 0 !important;
  padding: 0 !important;
  border: 0;
}

/* Prevent first/last child margins from creating white strips */
.site-header > *:first-child,
header > *:first-child,
.site-footer > *:first-child,
footer > *:first-child {
  margin-top: 0 !important;
}
.site-header > *:last-child,
header > *:last-child,
.site-footer > *:last-child,
footer > *:last-child {
  margin-bottom: 0 !important;
}



/* === WIM Forgot Password — enforced layout === */

/* Orange card */
.wim-reset-card.wim-forgot-wrap{
  width: 75%;
  max-width: 900px;
  min-width: 320px;
  margin: 28px auto;
  padding: 24px 28px;
  background: #F4862F;          /* WIM orange */
  border: 0;
  border-radius: 18px;
  box-shadow: 0 4px 14px rgba(0,0,0,.10);
  color: #fff;
}

/* Center and constrain inner form */
.wim-reset-card.wim-forgot-wrap .wim-forgot-form{
  max-width: 560px;
  margin: 0 auto;
}

/* Labels readable on orange */
.wim-reset-card.wim-forgot-wrap label{ color:#fff; }

/* Email input: white, rounded, thicker */
.wim-reset-card.wim-forgot-wrap #wim_login{
  width: 100%;
  height: 48px; line-height: 48px;
  font-size: 16px; padding: 0 14px;
  background: #fff;
  color: #111;
  border: 2px solid rgba(255,255,255,.35);
  border-radius: 12px;
  box-sizing: border-box;
}
.wim-reset-card.wim-forgot-wrap #wim_login:focus{
  outline: none;
  border-color: #fff;
  box-shadow: 0 0 0 3px rgba(255,255,255,.25);
}

/* Submit button: force solid WIM blue, no borders */
.wim-reset-card.wim-forgot-wrap .wim-forgot-form .button.button-primary,
.wim-reset-card.wim-forgot-wrap .wim-forgot-form input[type="submit"],
.wim-reset-card.wim-forgot-wrap .wim-forgot-form button[type="submit"]{
  display:block;
  width:100%;
  height:48px; line-height:48px;
  font-weight:700; font-size:16px;
  background:#2B3189;           /* WIM blue */
  color:#fff;
  border:0;
  border-radius:12px;
  margin-top:14px;
  text-shadow:none;
  box-shadow:none;
  appearance:none;
}
.wim-reset-card.wim-forgot-wrap .wim-forgot-form .button.button-primary:hover,
.wim-reset-card.wim-forgot-wrap .wim-forgot-form input[type="submit"]:hover{
  filter:brightness(1.06);
}

/* Back link inside card */
.wim-reset-card.wim-forgot-wrap a{
  color:#fff; text-decoration:underline; display:inline-block; margin-top:10px;
}

/* Tighten spacing */
.wim-reset-card.wim-forgot-wrap .wim-forgot-form p{ margin:0 0 14px; }

/* Extra code for reset card */
/* Fill the card edge-to-edge more */
.wim-reset-card.wim-forgot-wrap{
  padding: 18px 16px;          /* top/bottom 18px, left/right 16px */
}

/* Remove inner max-width so fields reach the sides */
.wim-reset-card.wim-forgot-wrap .wim-forgot-form{
  max-width: none;
  width: 100%;
  margin: 0;                   /* no extra side gaps */
}

/* Keep inputs/buttons truly full-width */
.wim-reset-card.wim-forgot-wrap #wim_login,
.wim-reset-card.wim-forgot-wrap .wim-forgot-form .button.button-primary{
  width: 100%;
}

/* Optional: on big screens keep a hair more breathing room */
@media (min-width: 1100px){
  .wim-reset-card.wim-forgot-wrap{ padding: 22px 20px; }
}

/* ===== Compact forgot card overrides ===== */
.wim-reset-card.wim-forgot-wrap{
	
	/* CHANGE WIDTH EMIL PASSWORD LINK HERE */
  width: min(50%, 600px);   /* a touch narrower */
  padding: 12px 14px;       /* tighter padding */
  border-radius: 14px;
  box-shadow: 0 3px 10px rgba(0,0,0,.08);
}

/* tighten text sizes & spacing */
.wim-reset-card.wim-forgot-wrap label{ font-size: 14px; }
.wim-reset-card.wim-forgot-wrap .wim-forgot-form p{ margin: 0 0 8px; }

/* smaller inputs & button */
.wim-reset-card.wim-forgot-wrap #wim_login{
  height: 42px; line-height: 42px; font-size: 15px;
  border-radius: 10px;
}
.wim-reset-card.wim-forgot-wrap .wim-forgot-form .button.button-primary{
  height: 42px; line-height: 42px; font-size: 15px;
  border-radius: 10px;
  margin-top: 10px;
}

/* smaller “Back to login” */
.wim-reset-card.wim-forgot-wrap a{ font-size: 14px; }

/* (optional) nudge the logo closer to the card */
.wim-forgot-wrap{ scroll-margin-top: 16px; } /* harmless; in case of in-page links */


/* =========================
   1) Phoenix background for Events pages

/* =========================
   1) Phoenix background for Events pages
   ========================= */

/* show phoenix only when TEC markup is on the page */
body:has(.tribe-events),
body:has(.tribe-events-view),
body:has(.tribe-events-single),
body:has(.tribe-common--theme.tribe-events) {}

/* fixed, full-viewport phoenix underlay */
body:has(.tribe-events)::before,
body:has(.tribe-events-view)::before,
body:has(.tribe-events-single)::before,
body:has(.tribe-common--theme.tribe-events)::before {
  content: "";
  position: fixed;
  inset: 0;
  background:
    linear-gradient(to top,
      rgba(255,255,255,1) 0%,
      rgba(255,255,255,0.5) 40%,
      rgba(255,255,255,0) 80%),
    url('/wp-content/uploads/2025/10/Phoenix.png') no-repeat center bottom fixed;
  background-size: 60%;
  background-color: #fff;
  z-index: 0;
  pointer-events: none;
}

/* keep site content above the phoenix */
body:has(.tribe-events) .wp-site-blocks,
body:has(.tribe-events) #page,
body:has(.tribe-events) .site,
body:has(.tribe-events) .site-content,
body:has(.tribe-events) main {
  position: relative;
  z-index: 1;
}


/* =========================
   2) Members-only behavior (NO BLUR)
   ========================= */

/* 2A) logged-out users: hide tooltips / popovers */
body:not(.logged-in) .tribe-events-tooltip,
body:not(.logged-in) .tribe-events-calendar-month__calendar-event-tooltip,
body:not(.logged-in) .tribe-events-c-tooltip {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
}

/* 2B) logged-out users: make event links LOOK normal, but DO NOT let them click */
body:not(.logged-in) a.tribe-events-calendar-month__calendar-event-title-link,
body:not(.logged-in) a.tribe-events-calendar-month__calendar-event-link,
body:not(.logged-in) .tribe-events .tribe-events-calendar-month__day-cell a.tribe-common-anchor-thin.tribe-events-calendar-month__calendar-event-tooltip-trigger {
  pointer-events: none !important;
  cursor: not-allowed !important;
  text-decoration: none !important;
}

/* 2C) but keep calendar controls working (arrows, month switch, view switch) */
.tribe-events .tribe-events-c-nav,
.tribe-events .tribe-events-c-nav *,
.tribe-events .tribe-events-c-top-bar,
.tribe-events .tribe-events-c-top-bar *,
.tribe-events .tribe-events-c-view-selector,
.tribe-events .tribe-events-c-view-selector * {
  pointer-events: auto !important;
  cursor: pointer !important;
  z-index: 50;
}

/* 2D) logged-out: hide LIST view entirely */
body:not(.logged-in) .tribe-events-c-view-selector__list,
body:not(.logged-in) .tribe-events-c-view-selector__button--list,
body:not(.logged-in) [data-view="list"] {
  display: none !important;
}

/* 2E) login prompt */
body:not(.logged-in) .tribe-events::after {
  content: "Log in to view event details";
  position: fixed;
  top: 12px; right: 12px;
  padding: 8px 12px;
  background: rgba(0,0,0,0.6);
  color: #fff;
  font-size: 13px;
  border-radius: 999px;
  z-index: 9999;
  pointer-events: none;
}


/* =========================
   3) WIM calendar header style
   ========================= */

/* 3A) full-width blue bar */
.tribe-events .tribe-events-c-top-bar,
.tribe-common--theme .tribe-events .tribe-events-c-top-bar,
.tribe-events-view--month .tribe-events-c-top-bar {
  background: #2B3189 !important;   /* WIM blue */
  border-radius: 6px !important;
  padding: .75rem 1rem !important;
  margin-bottom: 1rem !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-shadow: 0 2px 8px rgba(0,0,0,.06) !important;
  position: relative;
  z-index: 40;
}

/* 3B) month button → make it look like the title */
.tribe-events .tribe-events-c-top-bar__datepicker-button {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  color: #fff !important;
  font-weight: 800 !important;
  font-size: 1.25rem !important;
  text-transform: uppercase !important;
  padding: 0 !important;
  margin: 0 !important;
  cursor: default !important;
}

/* 3C) make all datepicker text white too */
.tribe-events .tribe-events-c-top-bar__datepicker-desktop,
.tribe-events .tribe-events-c-top-bar__datepicker-mobile,
.tribe-events .tribe-events-c-top-bar__datepicker-time {
  color: #fff !important;
}

/* 3D) caret icon */
.tribe-events .tribe-events-c-top-bar__datepicker-button-icon-svg path {
  fill: #fff !important;
}

/* 3E) nav arrows */
.tribe-events .tribe-events-c-nav__prev,
.tribe-events .tribe-events-c-nav__next {
  color: #fff !important;
}
.tribe-events .tribe-events-c-nav__prev:hover,
.tribe-events .tribe-events-c-nav__next:hover {
  color: #F4862F !important; /* WIM orange */
}



/* WIM — show labels on Event Planner (Formidable form 23) */
#frm_form_23 .frm_primary_label,
#frm_form_23 label {
  display: block !important;
  visibility: visible !important;
  color: #2B3189;            /* WIM blue */
  font-weight: 600;
  margin-bottom: 4px;
  line-height: 1.2;
}

/* make the small labels on date/time fields line up */
#frm_form_23 .frm_form_field {
  margin-bottom: 1rem;
}

/* checkbox row (Repeat Event) — line it up nicer */
#frm_form_23 .frm_checkbox label {
  display: inline-flex !important;
  align-items: center;
  gap: .4rem;
  margin-bottom: 0;
}


/* WIM reusable dashboard */

/* ===== WIM DASHBOARD ===== */
:root {
  --dash-width: 165px;
  --dash-height: 95vh;
  --bottom-space: 3.2rem;
}

.wim-dashboard {
  position: fixed;
  top: 0;
  left: 0;
  width: var(--dash-width);
  height: var(--dash-height);
  background: #000;
  color: #fff;
  z-index: 999;
  padding: 1rem .6rem .6rem;
  display: flex;
  flex-direction: column;
  gap: .6rem;
  overflow: hidden;
}

.wim-dashboard__title {
  font-size: 0;
  line-height: 1;
}
.wim-dashboard__title::before {
  content: "WIM Dashboard";
  font-size: .95rem;
  font-weight: 700;
  color: #fff;
}

.wim-dashboard__nav {
  flex: 1 1 auto;
  overflow-y: auto;
  display: flex;
  flex-direction: column;
  gap: .3rem;
  padding-top: .4rem;
  padding-bottom: var(--bottom-space);
}

.wim-dashboard__link {
  display: block;
  padding: .3rem .4rem;
  border-radius: 7px;
  color: #fff;
  text-decoration: none;
  font-size: .78rem;
  font-weight: 500;
  line-height: 1.2;
  transition: background .15s ease;
}
.wim-dashboard__link:hover {
  background: rgba(244,134,47,0.2);
}

.wim-dashboard__bottom {
  position: absolute;
  left: .6rem;
  right: .6rem;
  bottom: .6rem;
  border-top: 1px solid rgba(255,255,255,0.08);
  padding-top: .45rem;
}

.wim-dashboard__link--home {
  font-weight: 600;
}

body {
  margin-left: calc(var(--dash-width) + 20px);
  margin-right: 20px;
}


/* ===== WIM SKIN FOR MEMBER TABLE (needs wrapper) ===== */
.wim-member-table table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  background: #fff;
  border: 1px solid rgba(0,0,0,0.03);
  border-radius: 16px;
  overflow: hidden;
  box-shadow: 0 14px 35px rgba(15, 23, 42, 0.04);
}

/* header */
.wim-member-table thead th {
  background: #f8f9ff;
  color: #6b7280;
  text-transform: uppercase;
  font-size: .7rem;
  letter-spacing: .04em;
  padding: .75rem 1rem;
  border-bottom: 1px solid rgba(0,0,0,0.04);
  text-align: left;
  white-space: nowrap;
  cursor: pointer;
}
.wim-member-table thead th a {
  color: inherit;
  text-decoration: none;
}

/* rows */
.wim-member-table tbody tr:nth-child(even) {
  background: #fbfbff;
}
.wim-member-table tbody td {
  padding: .7rem 1rem;
  border-bottom: 1px solid rgba(0,0,0,0.03);
  vertical-align: middle;
  font-size: .85rem;
}
.wim-member-table tbody tr:last-child td {
  border-bottom: none;
}

/* actions column */
.wim-member-table td .wim-actions a,
.wim-member-table td a[title="Edit"],
.wim-member-table td a[title="Delete"] {
  margin-right: .35rem;
}

/* mobile */
@media (max-width: 900px) {
  .wim-member-table table {
    display: block;
    overflow-x: auto;
    white-space: nowrap;
  }
}

/* center the whole member list block under the heading */
.wim-member-table {
  max-width: 1080px;   /* adjust to taste: 1000–1200 works well */
  margin: 0 auto;      /* ← this centers it */
}
/* center the whole member view under the heading */
.wim-member-table,
.wim-member-table form,
.wim-member-table table {
  max-width: 1100px;
  margin-left: auto;
  margin-right: auto;
}

/* keep table filling that width */
.wim-member-table table {
  width: 100%;
}

/* ===== force the member table block to center ===== */
.wim-member-table {
  display: block !important;
  max-width: 1100px;
  margin-left: auto !important;
  margin-right: auto !important;
  float: none !important;
}

/* center the Formidable view itself too (640 = your view) */
.frm_view_640,
.frm_view_640 table {
  max-width: 1100px;
  margin-left: auto !important;
  margin-right: auto !important;
  float: none !important;
}

/* if Formidable wrapped it in a flex container, override that */
.wim-member-table,
.wim-member-table > div,
.frm_view_640 > div {
  display: block !important;
}

/* keep the actual table full width inside the centered block */
.wim-member-table table,
.frm_view_640 table {
  width: 100% !important;
}

/* align member table with filters (left) */
.wim-member-table {
  display: block !important;
  width: 100%;
}

/* the form row can stay a nice width */
.wim-member-table form {
  max-width: 1100px;
  margin: 0;               /* flush left */
}

/* make the actual table the same width and flush left */
.wim-member-table table,
.frm_view_640 table {
  max-width: 1100px;
  width: 100%;
  margin: 1rem 0 0 0 !important;   /* top space, no left auto-centering */
  float: none !important;
}

/* nudge member table left to line up with heading */
.wim-member-table {
  margin-left: -10rem !important;  /* try -24px-ish */
}

/* keep it sane on small screens */
@media (max-width: 700px) {
  .wim-member-table {
    margin-left: 0 !important;
  }
}

/* =========================================================
   WIM — The Events Calendar (cleaned + consolidated)
   Phoenix background + gentle card styling
   ========================================================= */

:root{
  --wim-blue:   #2B3189;
  --wim-orange: #F4862F;
}

/* --- 0) Clear any theme backdrop that could fight us --- */
body.tribe-events-page-template {
  background: transparent;
}

/* --- 1) Phoenix underlay on ALL TEC pages (archive, view, single) --- */
body.post-type-archive-tribe_events::before,
body.tribe-events-view--month::before,
body.tribe-events-view--list::before,
body.single-tribe_events::before,
body.tax-tribe_events_cat::before {
  content: "";
  position: fixed;
  inset: 0;
  background:
    linear-gradient(
      to top,
      rgba(255,255,255,1) 0%,
      rgba(255,255,255,.65) 40%,
      rgba(255,255,255,0) 80%
    ),
    url('/wp-content/uploads/2025/10/Phoenix.png') no-repeat center bottom;
  background-size: 62%;
  z-index: -1;                 /* stay behind content */
  pointer-events: none;        /* never block clicks */
}

/* keep site content above the phoenix layer */
body.post-type-archive-tribe_events .wp-site-blocks,
body.tribe-events-view--month .wp-site-blocks,
body.tribe-events-view--list .wp-site-blocks,
body.single-tribe_events .wp-site-blocks {
  position: relative;
  z-index: 1;
}

/* --- 2) Optional wrapper (if your template outputs .wim-events-shell) --- */
.wim-events-shell {
  min-height: 100vh;
  padding: 3rem 2.5rem 4rem;
}

/* top heading (if you’re using it in your template) */
.wim-events-hero { text-align: center; margin-bottom: 1.75rem; }
.wim-events-title {
  font-size: 2.8rem;
  font-weight: 700;
  letter-spacing: .04em;
  color: var(--wim-blue);
  margin: 0 0 .4rem;
}
.wim-events-subtitle { margin: 0; color: #4b5563; }

/* --- 3) Make the TEC block sit on a subtle white card --- */
.tribe-common--theme .tribe-events,
.tribe-events { /* cover both old/new containers */
  background: rgba(255,255,255,.92);
  border-radius: 14px;
  padding: 1.25rem;
  box-shadow: 0 10px 28px rgba(15,23,42,.03);
}

/* --- 4) (Optional) Month header strip in WIM blue ---
   uncomment if/when you want the bold blue month bar
   This targets the v2 top bar safely.
*/
/*
.tribe-events .tribe-events-c-top-bar{
  background: var(--wim-blue) !important;
  border-radius: 8px !important;
  padding: .75rem 1rem !important;
  margin-bottom: 1rem !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-shadow: 0 2px 8px rgba(0,0,0,.06) !important;
}
.tribe-events .tribe-events-c-top-bar__datepicker-button,
.tribe-events .tribe-events-c-top-bar__datepicker-desktop,
.tribe-events .tribe-events-c-top-bar__datepicker-mobile,
.tribe-events .tribe-events-c-top-bar__datepicker-time {
  color: #fff !important;
  font-weight: 800 !important;
  text-transform: uppercase !important;
}
.tribe-events .tribe-events-c-top-bar__datepicker-button-icon-svg path {
  fill: #fff !important;
}
*/

/* --- 5) Responsive touches --- */
@media (max-width: 980px){
  .wim-events-shell { padding: 2rem 1.25rem 3rem; }
  body.post-type-archive-tribe_events::before,
  body.tribe-events-view--month::before,
  body.tribe-events-view--list::before,
  body.single-tribe_events::before{
    background-size: 90%;
  }
}

/* Pull the calendar closer to the header/footer */
body.tribe-events-page-template .wim-events-shell{
  padding: 1.25rem 1.25rem 1.75rem;  /* was ~3rem top/btm */
}
body.tribe-events-page-template .wim-events-hero{ 
  margin-bottom: .75rem;             /* was ~1.75rem */
}


/* Remove extra top gap under the header part on events pages */
body.tribe-events-page-template .wp-site-blocks > .wp-block-template-part:first-child{
  margin-bottom: .5rem !important;
}

/* Remove extra bottom gap above the footer part */
body.tribe-events-page-template .wp-site-blocks > .wp-block-template-part:last-child{
  margin-top: .75rem !important;
}


/* Ensure the TEC container itself isn’t adding top/btm margins */
body.tribe-events-page-template .tribe-events,
body.tribe-events-page-template .tribe-common--theme .tribe-events{
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}


/* Scope to Events archive so we don't touch other pages */
.post-type-archive-tribe_events header.wp-block-template-part.wim-header {
  padding-block: 12px;                /* a little slimmer header */
}

/* Put logo + nav on one row and push nav to the right */
.post-type-archive-tribe_events header.wp-block-template-part.wim-header .wp-block-group {
  display: flex;
  align-items: center;
  gap: 24px;
}
/* Nav goes to the right */
.post-type-archive-tribe_events header.wp-block-template-part.wim-header .wp-block-navigation {
  margin-left: auto;
}

/* Make the logout link match the header (remove the white box look) */
.post-type-archive-tribe_events header.wp-block-template-part.wim-header a.wp-block-button__link,
.post-type-archive-tribe_events header.wp-block-template-part.wim-header .wp-block-button__link {
  background: transparent;
  border: 1px solid rgba(255,255,255,0.28);
  color: #fff;
  padding: 6px 12px;
  border-radius: 6px;
  text-decoration: none;
}
.post-type-archive-tribe_events header.wp-block-template-part.wim-header .wp-block-button__link:hover {
  border-color: rgba(255,255,255,0.5);
}

/* Tighten the space between header and the calendar/search */
.post-type-archive-tribe_events .wp-site-blocks > header { 
  margin-bottom: 10px;
}

/* If you're using the phoenix wrapper, reduce its top padding on Events */
.post-type-archive-tribe_events .wim-events-shell {
  padding-top: 1rem;  /* was larger */
}

/* Keep the calendar card snug at the top */
.tribe-common--theme .tribe-events { 
  margin-top: 0;
}


/* ===========================
   WIM Events: remove top gap
   =========================== */

/* 0) helper: one place to tweak if you ever want a tiny gap again */
:root { --wim-events-gap: 0px; }

/* 1) kill header’s bottom margin on TEC pages */
.post-type-archive-tribe_events header.wp-block-template-part,
.single-tribe_events        header.wp-block-template-part,
.tax-tribe_events_cat       header.wp-block-template-part {
  margin-bottom: var(--wim-events-gap) !important;
}

/* 2) make your phoenix wrapper + inner container start at the very top */
.post-type-archive-tribe_events .wim-events-shell,
.single-tribe_events        .wim-events-shell,
.tax-tribe_events_cat       .wim-events-shell {
  padding-top: var(--wim-events-gap) !important;
}

.post-type-archive-tribe_events .wim-events-main,
.single-tribe_events        .wim-events-main,
.tax-tribe_events_cat       .wim-events-main {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* 3) remove any default TEC top margins/padding */
.post-type-archive-tribe_events .tribe-events,
.single-tribe_events        .tribe-events,
.tax-tribe_events_cat       .tribe-events {
  margin-top: 0 !important;
}

.post-type-archive-tribe_events .tribe-events-header,
.single-tribe_events        .tribe-events-header,
.tax-tribe_events_cat       .tribe-events-header {
  margin-top: 0 !important;
}

.post-type-archive-tribe_events .tribe-common-l-container,
.single-tribe_events        .tribe-common-l-container,
.tax-tribe_events_cat       .tribe-common-l-container {
  padding-top: 0 !important;
}

/* 4) belt-and-suspenders: ensure the first block after the header
      doesn’t reintroduce a block-gap on TEC pages */
.post-type-archive-tribe_events .wp-site-blocks > *:first-child,
.single-tribe_events        .wp-site-blocks > *:first-child,
.tax-tribe_events_cat       .wp-site-blocks > *:first-child {
  margin-block-start: 0 !important;
}

/* --- EVENTS ARCHIVE ONLY (TEC month/list etc.) --- */
.post-type-archive-tribe_events .wim-events-shell {
  /* tighten the custom wrapper itself */
  padding-top: .35rem !important;    /* try .25rem or even 0 if you want no air */
  padding-bottom: 1rem !important;
}

/* Block themes add space between blocks via this variable.
   Zero (or reduce) it on the archive page to remove the gap under the header. */
.post-type-archive-tribe_events .wp-site-blocks {
  --wp--style--block-gap: .25rem !important;   /* try 0 to remove all block gap */
}

/* First content block (calendar container) should not add its own top gap */
.post-type-archive-tribe_events .wp-block-post-content {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* If your header is a template-part block immediately before content,
   this ensures the next block doesn't add a margin on top */
.post-type-archive-tribe_events .wp-block-template-part + .wp-block-post-content {
  margin-top: 0 !important;
}

/* TEC outer containers sometimes add top spacing via their layout container */
.post-type-archive-tribe_events .tribe-events,
.post-type-archive-tribe_events .tribe-common-l-container {
  margin-top: 0 !important;
  padding-top: .25rem !important;
}


/* === TEC archive page only (month/list views) === */

/* 1) Trim your wrapper even more */
.post-type-archive-tribe_events .wim-events-shell {
  padding-top: .15rem !important;    /* ⬅︎ try .15rem → 0 */
  padding-bottom: 1rem !important;
}

/* 2) Kill the block theme's “gap” left between header and content */
.post-type-archive-tribe_events .wp-site-blocks {
  --wp--style--block-gap: 0 !important;  /* ⬅︎ 0 = no gap at all */
}

/* 3) Remove any margin/padding the first content block is adding */
.post-type-archive-tribe_events .wp-block-template-part + .wp-block-post-content,
.post-type-archive-tribe_events .wp-block-post-content {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* 4) Some themes add padding on groups with “global padding” */
.post-type-archive-tribe_events .wp-block-group.has-global-padding {
  padding-top: 0 !important;
  margin-top: 0 !important;
}

/* 5) Ensure the header template-part itself doesn't add bottom space */
.post-type-archive-tribe_events header.wp-block-template-part {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

/* 6) Nudge TEC’s container up if it still sits low */
.post-type-archive-tribe_events .tribe-common-l-container,
.post-type-archive-tribe_events .tribe-events {
  padding-top: .14rem !important;    /* ⬅︎ try .15rem → 0 */
  margin-top: 0 !important;
}

/* 7) LAST-RESORT micro nudge: pull the whole calendar up a few px */
.post-type-archive-tribe_events .tribe-events {
  transform: translateY(-28px);       /* ⬅︎ tweak: -2px to -8px */
}



/* === Pull the footer closer on Events pages (archive + single) === */

/* 0) Target both TEC archive (month/list) and single event screens */
.post-type-archive-tribe_events,
.single-tribe_events {
  /* nothing here—just grouping the selectors used below */
}

/* 1) Trim space at the bottom of your wrapper */
.post-type-archive-tribe_events .wim-events-shell,
.single-tribe_events        .wim-events-shell {
  padding-bottom: 0rem !important;       /* ⬅︎ try .75rem → .5rem → 0 */
  margin-bottom: 0 !important;
}

/* 2) Reduce any bottom padding that TEC adds to its container */
.post-type-archive-tribe_events .tribe-common-l-container,
.post-type-archive-tribe_events .tribe-events,
.single-tribe_events        .tribe-common-l-container,
.single-tribe_events        .tribe-events {
  padding-bottom: 0.2rem !important;        /* ⬅︎ tune here */
  margin-bottom: 0 !important;
}

/* 3) Nuke theme/FSE spacing above the footer template-part */
.post-type-archive-tribe_events .wp-site-blocks,
.single-tribe_events        .wp-site-blocks {
  padding-bottom: 0 !important;             /* block themes love to add this */
}

/* 4) Make sure the footer part itself doesn’t add a top buffer */
.post-type-archive-tribe_events footer.wp-block-template-part,
.single-tribe_events        footer.wp-block-template-part {
  margin-top: 0 !important;
  padding-top: 0.25rem !important;          /* ⬅︎ subtle breathing room; set 0 if you want it flush */
}

/* 5) If a stray gap remains, micro-nudge the footer upward */
.post-type-archive-tribe_events footer.wp-block-template-part,
.single-tribe_events        footer.wp-block-template-part {
  transform: translateY(-2px);              /* ⬅︎ try -2px → -4px; delete if not needed */
}



/* ===== Form 23 layout fixes (scoped) ===== */
#frm_form_23_container .frm_primary_label{
  display:block !important;
  float:none !important;
  width:auto !important;
  margin-bottom:6px;
}

/* two-column layout for the date/time fields */
#frm_form_23_container .frm_first { clear: both !important; }
#frm_form_23_container .frm_half  { width:48% !important; float:left !important; margin-right:4% !important; }
#frm_form_23_container .frm_half.frm_last { margin-right:0 !important; }

/* reset any generic flex that was breaking labels & radios */
#frm_form_23_container .frm_form_field .frm_fields_container{
  display:block !important;
}

/* align the three time dropdowns nicely */
#frm_form_23_container .frm_time_select{ display:inline-block; vertical-align:middle; }
#frm_form_23_container .frm_time_select select,
#frm_form_23_container .frm_time_select input{ min-width:60px; }

/* radios: restore normal layout */
#frm_form_23_container .frm_radio{ display:block; }
#frm_form_23_container .frm_radio label{ display:inline-flex; align-items:center; gap:6px; }

/* Form 23 — tighten date/time rows */
#frm_form_23_container .frm_first.frm_half {  /* left column (dates) */
  width: 58% !important;
  margin-right: 2% !important;
}
#frm_form_23_container .frm_last.frm_half {   /* right column (times) */
  width: 40% !important;
  margin-right: 0 !important;
}

/* compact spacing inside the time group */
#frm_form_23_container .frm_time_select {
  display: inline-block;
  vertical-align: middle;
  margin-right: 1px;   /* space between hour : minute : am/pm */
}
#frm_form_23_container .frm_time_select:last-child {
  margin-right: 0;
}

/* ensure all time pieces are visible and usable */
#frm_form_23_container .frm_time_select select,
#frm_form_23_container .frm_time_select input {
  min-width: 68px;     /* shows options fully */
  padding-right: 22px; /* room for native arrow */
}

#frm_form_23_container .frm_form_field,
#frm_form_23_container .frm_fields_container {
  overflow: visible !important;   /* prevent dropdowns from being clipped */
}

/* ===== Fix Form 23 time selects (AM/PM + minutes) ===== */
#frm_form_23_container .frm_time_select select {
  /* reset odd theme styles */
  appearance: auto !important;
  -webkit-appearance: menulist !important;
  -moz-appearance: menulist !important;

  opacity: 1 !important;
  background: #fff !important;
  color: #111 !important;
  border: 1px solid rgba(0,0,0,.15) !important;
  line-height: 1.2 !important;

  /* make sure labels are readable and list isn't clipped */
  min-width: 72px !important;   /* bump if AM/PM text truncates */
  padding-right: 22px !important;
  overflow: visible !important;
}

/* ensure the dropdown menu text is visible (some themes set transparent) */
#frm_form_23_container .frm_time_select select option {
  color: #111 !important;
  background: #fff !important;
}

/* keep the dropdown from being hidden under neighbors */
#frm_form_23_container .frm_time_select {
  position: relative;
  z-index: 2;
}



/* 1) Full-width outer wrapper but with a controlled content width */
.wim-wrap.alignfull {
  max-width: 1280px;       /* tweak: 1320/1360 if you want wider */
  margin: 0 auto;
  padding: 0 22px;         /* safe page gutter */
}

/* 2) Make the Columns act as our grid inside the wrapper */
.wim-wrap > .wp-block-columns {
  display: grid;
  gap: 22px 44px;          /* row gap / column gap */
}

/* Avoid WP's default column sizing fighting the grid */
.wim-wrap .wp-block-columns,
.wim-wrap .wp-block-column {
  margin: 0 !important;
  flex-basis: auto !important;
}

/* 3) Desktop layout: widen left column vs right column */
@media (min-width: 960px) {
  .wim-wrap > .wp-block-columns {
    grid-template-columns: 2.4fr 1fr; /* try 2.6fr 1fr for more left room */
    align-items: start;
  }
}

/* Optional: cap the right column so it never grows too wide */
@media (min-width: 960px) {
  .wim-wrap > .wp-block-columns > .wp-block-column:last-child {
    max-width: 460px;      /* adjust to taste, or remove this block */
    width: 100%;
  }
}

/* 4) Mobile: stack naturally */
@media (max-width: 959px) {
  .wim-wrap > .wp-block-columns {
    grid-template-columns: 1fr;
  }
}


/* no clipping on parent wrappers */
#frm_form_23_container .frm_form_field,
#frm_form_23_container .frm_fields_container {
  overflow: visible !important;
}


/* Form 23 — restore proper dropdown behavior */
#frm_form_23_container .frm_time_select select {
  appearance: menulist !important;
  -webkit-appearance: menulist !important;
  -moz-appearance: menulist !important;

  line-height: 1.4 !important;
  height: auto !important;
  min-height: 34px !important;

  background: #fff !important;
  color: #111 !important;

  overflow: visible !important;
  padding-right: 24px !important;
}

/* ensure list options render normally */
#frm_form_23_container .frm_time_select select option {
  line-height: 1.4 !important;
  padding: 6px 8px !important;
  background: #fff !important;
  color: #111 !important;
}

/* Safari/WebKit minute + AM/PM dropdown visibility hack */
#frm_form_23_container .frm_time_select select:focus option {
  max-height: 500px !important;
}


/* widen only minute + ampm selects (Form 23) */
#field_257_container select,
#field_259_container select {
  min-width: 75px !important;
}


/* ===== Fix Formidable TIME dropdowns (Form 23 only) ===== */
#frm_form_23_container select {
  appearance: menulist !important;
  -webkit-appearance: menulist !important;
  -moz-appearance: menulist !important;

  line-height: 1.3 !important;
  height: auto !important;
  min-height: 34px !important;
  color: #111 !important;
  background: #fff !important;
  overflow: visible !important;
}

/* ensure dropdown menu height is allowed */
#frm_form_23_container select option {
  line-height: 1.3 !important;
  padding: 6px 8px !important;
  background: #fff !important;
  color: #111 !important;
}

/* safari/webkit dropdown menu height fix */
#frm_form_23_container select:focus option {
  max-height: 350px !important;
}

/* Event form (ID 23): fix number inputs text color for fields 265 + 267 */
#frm_form_23_container #field_265_container input[type="number"],
#frm_form_23_container #field_267_container input[type="number"]{
  color: #111 !important;              /* text */
  background: #fff !important;         /* input bg */
  border-color: rgba(0,0,0,.2) !important;
}



Willing to host a happy hour, brunch or event either in your home or somewhere else?
Please contact us at widowedinmontgomerycounty@gmail.com
#frm_form_23_container #field_265_container input[type="number"]::placeholder,
#frm_form_23_container #field_267_container input[type="number"]::placeholder{
  color: #666 !important;              /* placeholder */
}

/* handle browser autofill forcing white text */
#frm_form_23_container #field_265_container input[type="number"]:-webkit-autofill,
#frm_form_23_container #field_267_container input[type="number"]:-webkit-autofill{
  -webkit-text-fill-color: #111 !important;
  box-shadow: 0 0 0px 1000px #fff inset !important;
}

/* optional: nicer focus */
#frm_form_23_container #field_265_container input[type="number"]:focus,
#frm_form_23_container #field_267_container input[type="number"]:focus{
  outline: none !important;
  border-color: #2b3189 !important;    /* WIM blue */
  box-shadow: 0 0 0 2px rgba(43,49,137,.15) !important;
}


/* Form 23 — FORCE visible text in the two number fields (Every=265, Repeat No.=267) */
#frm_form_23_container #field_265_container input,
#frm_form_23_container #field_267_container input {
  color: #111 !important;                 /* normal text */
  -webkit-text-fill-color: #111 !important; /* Chrome/Safari text rendering */
  caret-color: #111 !important;
  background: #fff !important;
  border-color: rgba(0,0,0,.25) !important;
  opacity: 1 !important;                  /* defeat themes setting opacity on inputs */
  filter: none !important;
}

#frm_form_23_container #field_265_container input::placeholder,
#frm_form_23_container #field_267_container input::placeholder {
  color: #666 !important;
}


/* ===== WIM cards & buttons ===== */
.wim-card {
  background: #ffffff;
  border-radius: 18px;
  padding: 20px;
  box-shadow: 0 6px 20px rgba(0,0,0,0.12);
}
.wim-card + .wim-card { margin-top: 16px; }

.wim-card--orange {
  background: #F4862F;           /* WIM orange */
  color: #fff;
  box-shadow: 0 10px 28px rgba(0,0,0,0.18);
}
.wim-card--orange p { margin: 0 0 10px; }

/* Card typography (keep headings from getting huge) */
.wim-card h4, .wim-card h3 {
  margin: 0 0 8px;
  font-size: 20px;
  line-height: 1.25;
  font-weight: 700;
}
.wim-card p { margin: 0 0 12px; font-size: 16px; line-height: 1.45; }

/* Buttons */
.wim-btn {
  background: #2B3189;           /* WIM blue */
  color: #fff !important;
  border-radius: 999px;
  padding: 10px 18px;
  font-weight: 700;
  box-shadow: 0 4px 14px rgba(0,0,0,0.18);
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.wim-btn:hover { filter: brightness(1.05); }

/* Plain-text URL (not clickable), wraps nicely */
.wim-url {
  font-size: 14px;
  color: #222;
  word-break: break-word;
  overflow-wrap: anywhere;
  margin: 0 0 10px;
}
.wim-url a {
  color: inherit !important;
  text-decoration: none !important;
  pointer-events: none;  /* disables click */
  cursor: default;
}

/* Optional: tighten mobile spacing */
@media (max-width: 900px){
  .wim-card--orange { margin-bottom: 12px; }
}


/* Two-column grid: 2/3 (left) + 1/3 (right) with tidy gaps */
.wim-grid {
/* ===== WIM cards & buttons ===== */
.wim-card {
  background: #ffffff;
  border-radius: 18px;
  padding: 20px;
  box-shadow: 0 6px 20px rgba(0,0,0,0.12);
}
.wim-card + .wim-card { margin-top: 16px; }

.wim-card--orange {
  background: #F4862F;           /* WIM orange */
  color: #fff;
  box-shadow: 0 10px 28px rgba(0,0,0,0.18);
}
.wim-card--orange p { margin: 0 0 10px; }

/* Card typography */
.wim-card h4, .wim-card h3 {
  margin: 0 0 8px;
  font-size: 20px;
  line-height: 1.25;
  font-weight: 700;
}
.wim-card p { margin: 0 0 12px; font-size: 16px; line-height: 1.45; }

/* Buttons */
.wim-btn {
  background: #2B3189;           /* WIM blue */
  color: #fff !important;
  border-radius: 999px;
  padding: 10px 18px;
  font-weight: 700;
  box-shadow: 0 4px 14px rgba(0,0,0,0.18);
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.wim-btn:hover { filter: brightness(1.05); }

/* Plain-text URL (not clickable), wraps nicely */
.wim-url {
  font-size: 14px;
  color: #222;
  word-break: break-word;
  overflow-wrap: anywhere;
  margin: 0 0 10px;
}
.wim-url a {
  color: inherit !important;
  text-decoration: none !important;
  pointer-events: none;  /* disables click */
  cursor: default;
}

/* Optional: tighten mobile spacing under the orange card */
@media (max-width: 900px){
  .wim-card--orange { margin-bottom: 12px; }
}

/* ===================================================================== */
/* ========================  LAYOUT / GRID  ============================ */
/* ===================================================================== */

/* Make the outer wrapper go full-width but control content with max-width.
   Give your top Group the classes:  wim-wrap alignfull (you already did). */
.wim-wrap.alignfull{
  max-width: 1360px;         /* 1320/1360 for more width if you want */
  margin: 0 auto;
  padding: 0 22px;           /* safe page gutters */
}

	
	
	/* Desktop+: left gets more room, right stays stout */
.wp-block-columns.wim-row-zoom,
.wim-row-zoom.is-layout-flex,
.wim-row-zoom.is-layout-grid{
  display: grid !important;
  /* Left at least 620px, Right at least 520px */
  grid-template-columns: minmax(620px, 1fr) minmax(520px, 1fr);
  column-gap: 48px;     /* room between cards */
  row-gap: 24px;
  align-items: start;
  width: 100%;
}

/* Keep the right column from ever collapsing */
.wim-row-zoom > .wp-block-column.wim-col-right{
  min-width: 520px;      /* was 480; bump as needed */
  width: 100%;
}

/* Allow columns to shrink naturally inside grid */
.wim-row-zoom > .wp-block-column{
  flex: initial !important;
  min-width: 0;
}

/* Medium screens: relax minimums slightly to fit more viewports */
@media (max-width: 1199px){
  .wim-row-zoom{
    grid-template-columns: minmax(560px, 1fr) minmax(440px, 1fr);
    column-gap: 40px;
  }
}

/* Mobile: stack */
@media (max-width: 959px){
  .wim-row-zoom{
    grid-template-columns: 1fr;
  }
}

/* Your structure is:
   .wim-wrap.wim-grid
     > .wp-block-group
       > .wp-block-columns  (this is the two-column row)            */
.wim-wrap.wim-grid > .wp-block-group > .wp-block-columns{
  display: grid;
  gap: 22px 44px;            /* row gap / column gap */
  align-items: start;
}

/* Desktop: widen left column vs right column */
@media (min-width: 960px){
  .wim-wrap.wim-grid > .wp-block-group > .wp-block-columns{
    grid-template-columns: 2.6fr 1fr;   /* 2.8fr 1fr for more left room */
  }

  /* Keep the right column from collapsing so “Join Call” stays horizontal */
  .wim-wrap.wim-grid > .wp-block-group > .wp-block-columns > .wp-block-column:last-child{
    min-width: 380px;       /* adjust to 400–460px if you prefer */
    max-width: 480px;       /* optional cap; remove if not desired */
    width: 100%;
  }
}

/* Mobile: stack naturally */
@media (max-width: 959px){
  .wim-wrap.wim-grid > .wp-block-group > .wp-block-columns{
    grid-template-columns: 1fr;
  }
}

/* Prevent default column spacing from fighting our grid */
.wim-wrap.wim-grid .wp-block-columns,
.wim-wrap.wim-grid .wp-block-column{
  margin: 0 !important;
  flex-basis: auto !important;
}

/* Ensure cards use full width of their column */
.wim-wrap.wim-grid .wim-card,
.wim-wrap.wim-grid .wim-card--orange { width: 100%; }

/* (Keep card heading sizing explicit here as well) */
.wim-card h4 { font-size: 20px; line-height: 1.25; }

/* (Duplicate url style kept for safety) */
.wim-url { font-size:14px; color:#222; word-break:break-word; overflow-wrap:anywhere; }
.wim-url a { color:inherit !important; text-decoration:none !important; pointer-events:none; cursor:default; }  display: grid;
/* Widen the layout a touch and keep right column comfy */
@media (min-width: 960px){
  .wim-wrap.wim-grid > .wp-block-group > .wp-block-columns{
    grid-template-columns: 2.8fr 1.2fr;  /* was 2.6fr 1fr; gives the URL more room */
    gap: 24px 36px;                      /* a bit more horizontal breathing room */
  }

  /* Make sure the right column can’t get too skinny */
  .wim-wrap.wim-grid > .wp-block-group > .wp-block-columns > .wp-block-column:last-child{
    min-width: 440px;   /* was 380px */
    max-width: 520px;   /* you can raise/lower; remove if you don’t want a cap */
    width: 100%;
  }
}



.wim-right .wim-url{
  font-size: 15px;
  line-height: 1.35;
  margin: 0 0 14px;
}

/* Slightly firmer heading spacing on cards */
.wim-card h4{ margin: 0 0 12px; }

/* Optional: tighten orange card paragraphs just a hair */
.wim-card--orange p{ margin: 0 0 9px; }  /* was 10px */
  gap: 24px;
}
@media (min-width: 960px) {
  .wim-grid {
    grid-template-columns: 2fr 1fr; /* Left wider than right */
    align-items: start;
  }
}
/* Ensure cards use full width of their column */
.wim-grid .wim-card,
.wim-grid .wim-card--orange { width: 100%; }

.wim-card h4 { font-size: 20px; line-height: 1.25; }

.wim-url { font-size:14px; color:#222; word-break:break-word; overflow-wrap:anywhere; }
.wim-url a { color:inherit !important; text-decoration:none !important; pointer-events:none; cursor:default; }


/* --- WIM calendar page: make the two-column row a real grid everywhere --- */
@media (min-width: 960px){
  /* Use a broader selector so it works even if there are extra wrapper groups */
  .wim-wrap.wim-grid .wp-block-columns{
    display: grid !important;
    grid-template-columns: 2.8fr 1.2fr;   /* left wider, right roomy */
    column-gap: 40px;
    row-gap: 24px;
    align-items: start;
  }

  /* Prevent core Columns flex widths from fighting our grid */
  .wim-wrap.wim-grid .wp-block-column{
    flex: initial !important;
  }

  /* Make sure the RIGHT column can’t collapse */
  .wim-wrap.wim-grid .wp-block-columns > .wp-block-column:last-child{
    min-width: 500px;        /* bump this to 500–520px if you want even wider */
    width: 100%;
  }
}


/* Force THIS specific row of columns to behave as a grid */
.wp-block-columns.wim-row-zoom,
.wim-row-zoom.is-layout-flex,            /* WP core adds this class */
.wim-row-zoom.is-layout-grid {           /* future-proof */
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(480px, 1fr);
  column-gap: 40px;
  row-gap: 24px;
  align-items: start;
}

/* Allow children to shrink properly and ignore core flex widths */
.wim-row-zoom > .wp-block-column {
  flex: initial !important;
  min-width: 0;                          /* prevents weird wrapping */
}

/* Guarantee the right column never collapses */
.wim-row-zoom > .wp-block-column.wim-col-right {
  min-width: 480px;                      /* bump to 500–520px if you want */
  width: 100%;
}

/* Keep buttons from stacking letters vertically when space gets tight */
.wim-row-zoom .wp-block-button__link {
  white-space: nowrap;
}

/* Mobile: stack to a single column cleanly */
@media (max-width: 959px) {
  .wim-row-zoom {
    grid-template-columns: 1fr;
  }
}

/* Keep the “Join Call” text on one line so it never stacks vertically */
.wim-wrap.wim-grid .wp-block-button__link{
  white-space: nowrap;
}

/* If you gave the right column class "wim-right", right-align its button */
.wim-right .wp-block-buttons{ justify-content: flex-end; }



/* --- Right column: make the Zoom card a bit narrower and tighter --- */
@media (min-width: 960px){
  /* cap the width of the right column/card */
  .wim-wrap.wim-grid > .wp-block-group > .wp-block-columns > .wp-block-column:last-child{
    max-width: 400px;            /* try 400–460px to taste */
    width: 100%;
  }
}

/* tighten the Zoom card spacing and keep the button on the left */
.wim-wrap.wim-grid > .wp-block-group > .wp-block-columns > .wp-block-column:last-child .wim-card{
  padding: 18px 20px;            /* a bit less padding = shorter card */
  display: flex;                 /* lets the button align left cleanly */
  flex-direction: column;
  gap: 10px;                     /* space between title, url, button */
}

.wim-wrap.wim-grid > .wp-block-group > .wp-block-columns > .wp-block-column:last-child .wim-card h4{
  margin: 0 0 6px;
  line-height: 1.2;
}

.wim-wrap.wim-grid > .wp-block-group > .wp-block-columns > .wp-block-column:last-child .wim-card p{
  margin: 0 0 8px;               /* slightly tighter */
  line-height: 1.4;
}

/* ensure the Button block (with class wim-btn) sits to the left */
.wim-wrap.wim-grid > .wp-block-group > .wp-block-columns > .wp-block-column:last-child .wim-card .wim-btn{
  align-self: flex-start;
}


/* === Lock the right column to a tidy width and keep its button left === */
@media (min-width: 960px){
  /* Make the grid explicitly: fluid left + fixed right */
  .wim-wrap.alignfull.wim-grid .wp-block-columns{
    grid-template-columns: minmax(640px, 1fr) 420px !important; /* tweak 420px to taste */
    column-gap: 36px !important;
  }

  /* Force the right column to that width as well (belt & suspenders) */
  .wim-right{
    width: 420px !important;
    max-width: 420px !important;
    flex: 0 0 420px !important;
  }
}

/* Tighten the Zoom card and keep the button aligned left */
.wim-right .wim-card{
  padding: 18px 20px !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 10px !important;
}
.wim-right .wim-card h4{ margin: 0 0 6px !important; line-height: 1.2 !important; }
.wim-right .wim-card p{  margin: 0 0 8px !important; line-height: 1.4 !important; }

/* Button: core button OR your wim-btn class — align left either way */
.wim-right .wim-card .wim-btn{ align-self: flex-start !important; }
.wim-right .wim-card .wp-block-button .wp-block-button__link{
  align-self: flex-start !important;
}

/* (Optional) Let the left column take the rest gracefully */
.wim-left{ min-width: 640px !important; }



/* ——— Right card: pull the button LEFT and UP a touch ——— */
.wim-wrap .wim-right .wim-card{
  /* a bit less padding so the button sits closer to the text */
  padding: 16px 18px !important;
}

/* Some button blocks carry alignment classes; force left alignment */
.wim-wrap .wim-right .wp-block-buttons,
.wim-wrap .wim-right .wp-block-buttons.is-content-justification-right,
.wim-wrap .wim-right .has-text-align-right {
  justify-content: flex-start !important;
  text-align: left !important;
  margin-top: 1px !important;     /* move closer to the URL */
}

/* Tiny nudge to the right if needed (adjust 4px to taste) */
.wim-wrap .wim-right .wp-block-buttons .wp-block-button{
  margin: 0 0 0 4px !important;
}


/* Pinpoint override using your own class */
.wim-wrap .wim-right .wim-zoom-btn{
  justify-content: flex-start !important;
  text-align: left !important;
  margin-top: 6px !important;
}
.wim-wrap .wim-right .wim-zoom-btn .wp-block-button{
  margin: 0 0 0 4px !important;
}


/* Nudge the Zoom button a bit to the right (and slightly up/down) */
important;   /* try 12–22px to taste */
  margin-top: -15px !important;     /* try 0–8px */
}



/* Row card: text left, button right */
.wim-card--row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
}
.wim-card--row p { margin: 0; }

/* Slightly tighter padding than a full text card */
.wim-card--tight { padding: 14px 18px; }

/* Orange CTA variant for the button */
.wim-btn--accent { background: #E4721C; }      /* WIM orange */
.wim-btn--accent:hover { filter: brightness(1.05); }

/* Add a chevron to the CTA */
.wim-btn--arrow::after {
  content: "›";
  margin-left: 10px;
  font-weight: 700;
  line-height: 1;
}

/* Make the row card happy on small widths */
@media (max-width: 600px){
  .wim-card--row { flex-wrap: wrap; }
}


/* Fix theme "pill" background for Buttons inside row cards */
.wim-card--row .wp-block-buttons{
  background: transparent !important;
  box-shadow: none !important;
  border: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  border-radius: 0 !important;
}

/* Kill extra gap the theme might add */
.wim-card--row .wp-block-button { margin: 0 !important; }

/* Optional: subtly tighten text/button vertical alignment */
.wim-card--row { align-items: center; }
.wim-card--row p { margin: 0; }


/* Push the finance button row to the right like the Zoom card */
.wim-finance .wp-block-buttons{
  margin-left: auto;   /* right-align */
  margin-top: -60px;    /* tweak up/down as needed */
}


/* Use only if you want a precise X/Y offset */
.wim-finance .wp-block-buttons .wp-block-button{
  margin-left: 160px !important;   /* tweak: 140–180px */
  margin-top:  -1px !important;   /* tweak: 0 to -18px */
}



/* Finance card: push the button row to the right and nudge up a bit */
.wim-wrap .wim-finance .wp-block-buttons {
  /* Some themes add is-content-justification-left – override it */
  justify-content: flex-end !important;  /* move row to the right */
  margin-top: -6px;                      /* tweak up/down to taste */
}

/* If you prefer an exact pixel nudge (like your Zoom 162/-15) use this instead: */
.wim-wrap .wim-finance .wp-block-buttons .wp-block-button {
  margin-left: 100px !important;   /* adjust 140–180px */
  margin-top:  -58px !important;   /* adjust 0 to -18px */
}


/*  Account card */
/* --- Right-column cards: spacing is consistent --- */
.wim-wrap .wim-right .wim-card { margin-bottom: 16px; }

/* --- Profile card: align the button to the right, then nudge it a bit --- */
.wim-wrap .wim-profile .wp-block-buttons {
  justify-content: flex-end !important;   /* like the others */
  margin-top: -20px;                       /* tweak vertically; try -6 to -18px */
}

/* Slide the button slightly left so it's not glued to the edge */
.wim-wrap .wim-profile .wp-block-buttons .wp-block-button {
  transform: translateX(20px);            /* try -10 to -40px to taste */
}

/* Optional: unify the orange CTA look (only for right-column card buttons) */
.wim-wrap .wim-right .wim-card .wp-block-button__link {
  background: #F4862F;          /* WIM orange */
  color: #fff !important;
  border-radius: 10px;
  padding: 12px 22px;
  box-shadow: 0 6px 18px rgba(0,0,0,.15);
}
.wim-wrap .wim-right .wim-card .wp-block-button__link:hover {
  filter: brightness(1.05);
}
/* Raise/lower the Profile button */


.wim-wrap .wim-profile .wp-block-buttons{
  margin-top: -50px;   /* try -30, -45, -58 until it sits where you want */
	
	.wim-wrap .wim-profile .wp-block-buttons .wp-block-button{
  transform: translateX(20px) translateY(-6px);  /* adjust -4 up/- down */
}

	.wim-wrap .wim-profile h4{ margin-bottom: 0px; }   /* was likely larger */

}


/* Target the last card in the right column and tighten vertical spacing */
.wim-wrap .wim-right > .wp-block-group:last-of-type .wp-block-buttons{
  margin-top: -40px !important;     /* adjust -20 to -60 until perfect */
}

/* Nudge the button slightly left/up */
.wim-wrap .wim-right > .wp-block-group:last-of-type .wp-block-buttons .wp-block-button{
  transform: translateX(18px) translateY(4px) !important;
}

/* Trim heading and paragraph spacing inside that same card */
.wim-wrap .wim-right > .wp-block-group:last-of-type h4{
  margin-bottom: 10px !important;
}
.wim-wrap .wim-right > .wp-block-group:last-of-type p:last-of-type{
  margin-bottom: 12px !important;
}

/* Kill any theme “block gap” pushing the button down in that card */
.wim-wrap .wim-right > .wp-block-group:last-of-type{
  --wp--style--block-gap: 0px !important;
}




/* middle Finance card */
/* Financial card: compact padding */
.wim-wrap .wim-fin.wim-card{
  padding: 18px 24px;                 /* tighten top/bottom; tweak as needed */
}

/* Align button to the right and pull it up a bit */
.wim-wrap .wim-fin .wp-block-buttons{
  justify-content: flex-end !important;
  margin-top: -20px;                  /* up/down: try -10 to -20 */
}

/* Nudge horizontally & vertically to match the others */
.wim-wrap .wim-fin .wp-block-buttons .wp-block-button{
  transform: translateX(-38px) translateY(-1px);  /* left/right & up/down */
}

/* (already used on right-column cards) – ensures orange CTA look */
.wim-wrap .wim-right .wim-card .wp-block-button__link{
  background:#F4862F; color:#fff !important; border-radius:10px;
  padding:12px 22px; box-shadow:0 6px 18px rgba(0,0,0,.15);
}
.wim-wrap .wim-right .wim-card .wp-block-button__link:hover{ filter:brightness(1.05); }




/* Make the Financial card shorter */
.wim-wrap .wim-fin.wim-card{
  padding: 4px 14px;                 /* tighten top/bottom */
  min-height: auto !important;        /* in case a theme min-height exists */
}

/* Keep the heading close to content */
.wim-wrap .wim-fin h4{
  margin: 0 0 6px !important;
  line-height: 1.2;
}

/* Kill any extra paragraph spacing if present */
.wim-wrap .wim-fin p{ margin: 0 !important; }

/* Pull the button closer to the heading and reduce the overall gap */
.wim-wrap .wim-fin .wp-block-buttons{
  margin-top: -20px !important;        /* try -6 to -14 */
  margin-bottom: -7px !important;     /* trims extra bottom whitespace */
}

/* Slightly smaller button so the card feels tighter */
.wim-wrap .wim-fin .wp-block-button .wp-block-button__link{
  padding: 10px 18px;                  /* default was ~12px 22px */
}


/* 1) Tighten the space under the Zoom card */
.wim-wrap .wim-zoom.wim-card{
  margin-bottom: 12px !important;      /* try 8–16px to taste */
}

/* 2) Right-align and nudge the Join Call button */
.wim-wrap .wim-zoom .wp-block-buttons{
  justify-content: flex-end !important; /* push button to the right edge */
  margin-top: -8px !important;          /* pull the button upward; try -6 to -14 */
}

/* bring the button a hair off the edge (left = negative X, right = positive X) */
.wim-wrap .wim-zoom .wp-block-buttons .wp-block-button{
  transform: translateX(-16px);          /* try -4 to -10 to taste */
}



/* Keep a consistent gap between the small right-column cards */
.wim-wrap .wim-right .wim-card { margin-bottom: 16px; }

/* --- ZOOM (top) card ---------------------------------------------------- */
.wim-wrap .wim-zoom .wp-block-buttons {
  justify-content: flex-end !important;   /* to the right, like the mock */
  margin-top: 6px;                        /* small vertical offset */
}
/* Your dialed-in nudge for the Join Call button */
.wim-wrap .wim-zoom .wp-block-buttons .wp-block-button{
  margin-left: 230px !important;   /* you said 162 works */
  margin-top: -20px !important;    /* and -15 works */
}

/* --- PDF (middle) card --------------------------------------------------- */
.wim-wrap .wim-pdf .wim-card { padding-top: 18px; padding-bottom: 28px; }
.wim-wrap .wim-pdf .wp-block-buttons {
  justify-content: flex-end !important;
  margin-top: -14px;               /* pull button up; tweak -6..-14px */
}
.wim-wrap .wim-pdf .wp-block-buttons .wp-block-button {
  transform: translateX(-40px);    /* scoot left a bit; try -8..-20px */
}



/* --- PROFILE (bottom) card — scoped overrides --- */
.wim-wrap .wim-profile {
  --wp--style--block-gap: 0px !important;   /* kill block gap inside this card */
}

.wim-wrap .wim-profile .wp-block-buttons{
  justify-content: flex-end !important;
  gap: 0 !important;                        /* some themes add flex gap */
  margin-top: 0 !important;                 /* reset */
  margin-block-start: 0 !important;         /* reset WP logical margin */
}

/* One transform controls BOTH axes: X (right/left) and Y (up/down) */
.wim-wrap .wim-profile .wp-block-buttons .wp-block-button,
.wim-wrap .wim-profile .wp-block-buttons .wp-block-button .wp-block-button__link{
  display: inline-block !important;
  transform: translate(78px, -12px) !important;  /* X = 78 (right), Y = -12 (up) */
}

/* Optional: trim heading margin if it’s adding extra height above the row */
.wim-wrap .wim-profile h4{ margin-bottom: 8px !important; }

/* No default margins on right-side cards */
.wim-wrap .wim-right .wim-card { margin: 0 !important; }

/* Gap only between successive cards */
.wim-wrap .wim-right .wim-card + .wim-card { 
  margin-top: 12px !important;   /* tweak 10–16px to taste */
}


/* Bottom card padding */
.wim-wrap .wim-profile {
  padding-top: 16px !important;
  padding-bottom: 16px !important;   /* tweak to taste */
}


/* Tighten the *internal* bottom space on the bottom (Profile) card */
.wim-wrap .wim-profile.wim-card{
  padding-bottom: 12px !important;   /* adjust: 10–16px */
}

/* If the theme adds padding on the inner container, neutralize it */
.wim-wrap .wim-profile.wim-card > .wp-block-group__inner-container{
  padding-bottom: 0 !important;
}

/* Remove extra bottom margins from the content inside the card */
.wim-wrap .wim-profile .wp-block-buttons{ margin-bottom: 0 !important; }
.wim-wrap .wim-profile > .wp-block-group__inner-container > p:first-child{
  margin-bottom: -3px !important;      /* tweak to match the top spacing */
}




/* ========== PDF (middle) card — normalize vertical spacing ========== */
/* Front-end + editor */
.wim-wrap .wim-pdf.wim-card,
.editor-styles-wrapper .wim-wrap .wim-pdf.wim-card{
  /* one place to control the box breathing room */
  padding: 18px 20px !important;   /* <-- TWEAK HERE: 16 = top & bottom */
}

/* kill extra inner padding some themes add to Group's inner container */
.wim-wrap .wim-pdf.wim-card > .wp-block-group__inner-container,
.editor-styles-wrapper .wim-wrap .wim-pdf.wim-card > .wp-block-group__inner-container{
  padding: 0 !important;
}

/* trim the paragraph above the button so it doesn't push the button down */
.wim-wrap .wim-pdf.wim-card p:last-of-type,
.editor-styles-wrapper .wim-wrap .wim-pdf.wim-card p:last-of-type{
  margin-bottom: -45px !important;   /* <-- TWEAK HERE if you need a hair more */
}

/* neutralize Gutenberg Buttons block vertical gap/margins */
.wim-wrap .wim-pdf .wp-block-buttons,
.editor-styles-wrapper .wim-wrap .wim-pdf .wp-block-buttons{
  --wp--style--block-gap: 0 !important;
  margin-top: 8px !important;      /* how close the button sits under the text */
  margin-bottom: 0 !important;     /* stop extra space at the bottom */
}

/* keep your horizontal nudge; add optional fine Y nudge if needed */
.wim-wrap .wim-pdf .wp-block-buttons .wp-block-button{
  transform: translate(-40px, 0) !important;   /* X, Y */
}



/* Top (Zoom) card — tighten vertical space only on this card */
.wim-wrap .wim-zoom.wim-card{
  /* order: top right/left bottom */
  padding: 6px 22px 2px !important;   /* ↓ make this last number smaller to reduce bottom padding */
}

/* Kill any inner padding the theme adds to Group’s inner container */
.wim-wrap .wim-zoom.wim-card > .wp-block-group__inner-container{
  padding: 0 !important;
}

/* Keep the button close to the text and avoid extra space below */
.wim-wrap .wim-zoom .wp-block-buttons{
  margin-top: 8px !important;   /* distance from text to button */
  margin-bottom: 0 !important;  /* no extra space at card bottom */
}

/* (Optional) tiny vertical nudge for the button if needed */
.wim-wrap .wim-zoom .wp-block-buttons .wp-block-button{
  transform: translateY(-2px);  /* negative = up, positive = down */
}


/* ===== WIM notice banner ===== */
.wim-banner {
  background: #2B3189;          /* WIM blue */
  color: #fff;
  border-radius: 14px;
  padding: 16px 22px;
  text-align: center;
  box-shadow: 0 12px 28px rgba(0,0,0,.18);
  max-width: 1080px;            /* centered width; change if you want wider */
  margin: 18px auto 30px;       /* space above/below */
  line-height: 1.35;
  font-weight: 700;
}

/* remove default paragraph margins and size the text responsively */
.wim-banner p {
  margin: 0;
  font-size: clamp(16px, 1.1vw + 12px, 22px);
}

/* link styling (email) */
.wim-banner a {
  color: #fff;
  text-decoration: underline;
  text-underline-offset: 3px;
}
.wim-banner a:hover { color: #FFD6A8; }  /* soft highlight on hover */

/* If you want this bar to span your content width like the cards */
.wim-banner.alignfull { max-width: 1280px; }



/* Force Formidable datepicker month + year text to display */
.ui-datepicker-title {
  display: flex !important;
  gap: 6px;
  align-items: center;
}

.ui-datepicker-title select,
.ui-datepicker-title span {
  color: #000 !important;
  font-size: 14px;
  font-weight: 600;
}


/* --- Formidable / Flatpickr datepicker fixes --- */

/* 1) Prevent the calendar from clipping the month dropdown */
.flatpickr-calendar,
.flatpickr-calendar .flatpickr-months {
  overflow: visible !important;
  z-index: 999999;            /* make sure it sits above other UI */
}

/* 2) Give the month select some breathing room */
.flatpickr-calendar select.flatpickr-monthDropdown-months {
  min-width: 10.5rem;          /* widen the month selector */
  padding: 0 .9rem;
  height: 32px;
  line-height: 32px;
  appearance: menulist;       /* undo theme styling */
  -webkit-appearance: menulist;
}

/* 3) Make the year input a sensible width */
.flatpickr-calendar .numInputWrapper input {
  width: 5.5rem;              /* 4–5rem works well */
  height: 32px;
  line-height: 32px;
}

/* 4) Keep the whole widget above modals/headers */
.frm_forms .flatpickr-calendar {
  z-index: 100001;
}


/* Center the small cards in the left column and control their gap */
.donate-demo5 .stack.left{
  align-items: center;                       /* centers CREDIT CARD & PAYPAL */
  gap: var(--gap-left, var(--gap-stack));    /* per-column gap override */
}

/* Optional: give small cards a tidy fixed width so both line up */
.donate-demo5 .stack.left .card.small{
  width: 280px;                               /* tweak: 280–320px */
}

/* Center the buttons inside all cards */
.donate-demo5 .card .btn{
  display: block;
  margin: 12px auto 0;                        /* centers the button */
}


/* Donate Page */
/* Column 1 (left) – make boxes taller by pushing the button down */
.donate-demo5 .stack.left .card.small .btn{
  margin-top: 44px !important;    /* ↑ increase until height looks right (28–44px) */
}

/* Optional: add extra bottom padding so the card feels taller */
.donate-demo5 .stack.left .card.small{
  padding-bottom: 38px;            /* tweak 20–40px */
}

/* Optional: if you want both left cards EXACTLY the same height */
.donate-demo5 .stack.left .card.small{
  min-height: 280px;               /* set a floor; adjust to match VENMO bottom */
}


/* === Column 1 only (left-most column) === */
body.page-id-3948 .donate-demo5 > :nth-child(1) .card .btn{
  display:block;                 /* ensure margins apply */
  margin: 32px auto 0 !important;/* ↑ increase to make the boxes taller */
}
body.page-id-3948 .donate-demo5 > :nth-child(1) .card{
  padding-bottom: 25px !important; /* optional extra height */
  min-height: 270px;                /* optional exact floor; tweak to match Venmo */
}
/* control the gap between the two small cards in column 1 */
body.page-id-3948 .donate-demo5 > :nth-child(1) .stack{
  gap: 14px !important;            /* tweak to align bottoms with Venmo */
}


/* ===== Reset Column 1 (left-most) then set just the gap ===== */
body.page-id-3948 .donate-demo5 > :nth-child(1) .card .btn{
  margin-top: 27px !important;      /* RESET (was larger) */
}
body.page-id-3948 .donate-demo5 > :nth-child(1) .card{
  min-height: auto !important;      /* RESET */
  padding-bottom: var(--pad) !important;  /* RESET to normal padding */
}

/* Now control ONLY the space between the two left cards */
body.page-id-3948 .donate-demo5 > :nth-child(1) .stack{
  gap: 14px !important;             /* tweak: 8–14px until bottoms align with VENMO */
}

/* Column 1: center the two small cards in the column */
body.page-id-3948 .donate-demo5 > :nth-child(1) .stack{
  align-items: center;               /* centers CREDIT CARD + PAYPAL blocks */
}

/* (optional) give both a tidy fixed width so they line up perfectly */
body.page-id-3948 .donate-demo5 > :nth-child(1) .card.small{
  width: 300px;                      /* tweak 280–320px if you want */
}

/* Column 1: center the buttons + make them a bit smaller */
body.page-id-3948 .donate-demo5 > :nth-child(1) .card .btn{
  display: block;
  margin: 10px auto 0;               /* centers the button */
  padding: 10px 16px;                /* smaller button */
  font-size: 16px;                   /* smaller text */
  border-radius: 10px;               /* keep the pill shape */
  width: 80px;                       /* ensure no full-width weirdness */
}


/* Column 1 (page 3948) — keep button tweak, restore box size */
body.page-id-3948 .donate-demo5 > :nth-child(1) .stack{
  align-items: center;       /* keep both cards centered */
  gap: 12px !important;      /* adjust if you need tighter/looser spacing */
}

body.page-id-3948 .donate-demo5 > :nth-child(1) .card.small{
  width: 180px !important;   /* ← set your exact small-card width (try 270–300) */
  min-height: auto !important;
  padding-bottom: var(--pad) !important;
}

body.page-id-3948 .donate-demo5 > :nth-child(1) .card .btn{
  display: block;
  margin: 10px auto 0;
  padding: 10px 16px;
  font-size: 16px;
  border-radius: 10px;
}


/* ===== Column 3 only (page 3948): squish "SEND A CHECK" and reduce the gap ===== */

/* ===== Column 3 only (page 3948): squish "SEND A CHECK" and reduce the gap ===== */

/* A) Make the top card shorter (less padding + tighter type) */
body.page-id-3948 .donate-demo5 > :nth-child(3) .card.small:first-child{
  padding-top: 16px !important;
  padding-bottom: 10px !important;
}
body.page-id-3948 .donate-demo5 > :nth-child(3) .card.small:first-child h3{
  font-size: 24px !important;      /* was 26px; shrink a touch */
  line-height: 1.1 !important;
  margin-bottom: 8px !important;    /* less space under the heading */
}
body.page-id-3948 .donate-demo5 > :nth-child(3) .card.small:first-child p{
  margin: 0 0 8px 0 !important;     /* tighten paragraph spacing */
}

/* B) Reduce the gap between the two cards in Column 3 */
body.page-id-3948 .donate-demo5 > :nth-child(3) .stack{
  gap: 14px !important;             /* try 12px → 10px → 8px as needed */
}

/* (Optional) If you want the whole Column 3 stack a hair narrower visually */
body.page-id-3948 .donate-demo5 > :nth-child(3) .card.small{
  width: 170px;                      /* center them to this width */
  margin-left: auto; margin-right: auto;
}

/* === Shorten VENMO (column 2) height — page 3948 === */
body.page-id-3948 .donate-demo5{
  --venmo-pad-y: 16px;      /* card top/bottom padding */
  --venmo-text-gap: 6px;    /* space under “@widowedinMC …” line */
  --venmo-qr: 260px;        /* max width of the QR image */
}



/* Nudge column 1 (left stack) slightly left */
.stack-left {
  margin-left: -20px !important;   /* try -10px, adjust as needed */
}



/* tighten the VENMO card */
body.page-id-3948 .donate-demo5 > :nth-child(2) .card{
  padding-top: var(--venmo-pad-y) !important;
  padding-bottom: var(--venmo-pad-y) !important;
}
body.page-id-3948 .donate-demo5 > :nth-child(2) .card h3{
  margin-bottom: 6px !important;
}
body.page-id-3948 .donate-demo5 > :nth-child(2) .card p{
  margin-bottom: var(--venmo-text-gap) !important;
}

/* shrink the QR a touch */
body.page-id-3948 .donate-demo5 > :nth-child(2) .card img[alt="Venmo QR"]{
  max-width: var(--venmo-qr) !important;
}

/* reduce padding on the QR wrapper (overrides inline padding) */
body.page-id-3948 .donate-demo5 > :nth-child(2) .card div:has(> img[alt="Venmo QR"]){
  padding: 8px !important;           /* was 14px inline */
}
/* Fallback if :has() is unsupported in your browser: */
body.page-id-3948 .donate-demo5 > :nth-child(2) .card > div:nth-of-type(2){
  padding: 8px !important;
}


/* === Squish Column 4 (FACEBOOK FUNDRAISER) — page 3948 === */
body.page-id-3948 .donate-demo5{
  --c4-pad-y: 25px;        /* top/bottom padding inside the card (12–18) */
  --c4-h3: 24px;           /* heading size (22–26) */
  --c4-gap: 8px;           /* spacing between text blocks (6–12) */
  --c4-btn-mt: 8px;        /* space above the button (6–12) */
}

/* tighten the card box itself */
body.page-id-3948 .donate-demo5 > :nth-child(4) .card{
  padding-top: var(--c4-pad-y) !important;
  padding-bottom: var(--c4-pad-y) !important;
}

/* make the heading a touch smaller/tighter */
body.page-id-3948 .donate-demo5 > :nth-child(4) .card h3{
  font-size: var(--c4-h3) !important;
  line-height: 1.1 !important;
  margin: 0 0 var(--c4-gap) !important;
}

/* tighten paragraphs */
body.page-id-3948 .donate-demo5 > :nth-child(4) .card p{
  margin: 0 0 var(--c4-gap) !important;
}

/* nudge the button closer and keep it compact */
body.page-id-3948 .donate-demo5 > :nth-child(4) .card .btn{
  margin-top: var(--c4-btn-mt) !important;
  padding: 10px 16px !important;   /* smaller button */
  font-size: 16px !important;
}


/* === Column 5 (PAY FOR AN EVENT) — page 3948 === */
body.page-id-3948 .donate-demo5{
  --c5-pad-y: 18px;      /* top/bottom padding inside the card (↑ = taller) */
  --c5-min-h: 255px;     /* minimum overall card height (raise/lower to taste) */
  --c5-btn-mt: 14px;     /* space above the button (↑ = more space) */
}

/* grow/squish the card itself */
body.page-id-3948 .donate-demo5 > :nth-child(5) .card{
  padding-top: var(--c5-pad-y) !important;
  padding-bottom: var(--c5-pad-y) !important;
  min-height: var(--c5-min-h) !important;
}

/* make the button smaller and push it down a bit */
body.page-id-3948 .donate-demo5 > :nth-child(5) .card .btn{
  margin-top: var(--c5-btn-mt) !important; /* more space above */
  padding: 10px 6px !important;           /* smaller button */
  font-size: 16px !important;
  border-radius: 10px !important;
}


/* Column 5 button: actually make it smaller */
body.page-id-3948 .donate-demo5 > :nth-child(5) .card .btn,
body.page-id-3948 .donate-demo5 > :nth-child(5) .card .wp-element-button{
  display: inline-block !important;   /* stop full-width stretching */
  width: auto !important;
  min-width: 0 !important;            /* kill any theme min-width */
  white-space: nowrap !important;      /* keep text on one line */

  font-size: 15px !important;          /* smaller text */
  line-height: 1.1 !important;
  padding: 8px 12px !important;        /* smaller both directions */
  border-radius: 10px !important;
  margin-top: var(--c5-btn-mt, 14px) !important;  /* space above button */
}


/* Center PAY FOR AN EVENT (column 5) — page 3948 */
body.page-id-3948 .donate-demo5{
  --c5-w: 320px;                  /* visual width of the card; tweak as you like */
}

/* make the column a flex container and center its child */
body.page-id-3948 .donate-demo5 > :nth-child(5){
  display: flex !important;
  justify-content: center !important;
}

/* Center the button inside Column 5 (PAY FOR AN EVENT) */
body.page-id-3948 .donate-demo5 > :nth-child(5) .card .btn{
  display: inline-block !important;   /* ensure it’s not full-width */
  position: relative !important;
  left: 50% !important;
  transform: translateX(-50%) !important;  /* perfect centering */
  margin-left: 0 !important;               /* neutralize prior rules */
  margin-right: 0 !important;
}

/* Lower the button inside Column 5 (still perfectly centered) */
body.page-id-3948 .donate-demo5 > :nth-child(5) .card .btn{
  margin-top: 38px !important;      /* try 18–28px until it matches */
  display: inline-block !important;
  position: relative !important;
  left: 50% !important;
  transform: translateX(-50%) !important;  /* keep horizontal center */                                                                               





/* Fine-tune Column 1 (Credit Card / PayPal stack) */
body.page-id-3948 .donate-demo5 > :nth-child(1){
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 22px !important;     /* adjust the gap between the two cards */
  margin-top: 0 !important;
}

/* keep both cards the same width and centered */
body.page-id-3948 .donate-demo5 > :nth-child(1) .card{
  width: 290px !important;  /* adjust to match Venmo visually */
  margin: 0 auto !important;
  align-self: center !important;
}


/* Column 1 (Credit Card / PayPal) — reduce card height slightly */
body.page-id-3948 .donate-demo5 > :nth-child(1) .card.small{
  padding-top: 14px !important;      /* ↓ less top padding  (12–18px) */
  padding-bottom: 14px !important;   /* ↓ less bottom padding (12–18px) */
}

body.page-id-3948 .donate-demo5 > :nth-child(1) .card.small h3{
  margin-bottom: 8px !important;     /* ↓ space under the heading (6–12px) */
  line-height: 1.1 !important;
}

body.page-id-3948 .donate-demo5 > :nth-child(1) .card.small .btn{
  margin-top: 8px !important;        /* ↓ space above button (6–12px) */
  /* keep your existing centered/smaller button styles */
}

/* RESET Column 1 card padding back to normal */
body.page-id-3948 .donate-demo5 > :nth-child(1) .card.small{
  padding: var(--pad) !important;   /* back to the base card padding */
}

body.page-id-3948 .donate-demo5 > :nth-child(1) .card.small h3{
  margin-bottom: 12px !important;   /* original heading spacing */
}


/* Column 1 — gently increase height of CREDIT CARD + PAYPAL */
body.page-id-3948 .donate-demo5 > :nth-child(1) .card.small{
  padding-bottom: 26px !important;   /* was ~22px; bump up/down to taste */
}

body.page-id-3948 .donate-demo5 > :nth-child(1) .card.small .btn{
  margin-top: 16px !important;       /* a little more space above button */
}


body.page-id-3948 .donate-demo5 > :nth-child(1) .card.small .btn{
  margin-top: 25px !important;      /* original space above button */
}
/* Fix phone layout for the WIM hero Media & Text block */
@media (max-width: 768px){

  /* make the hero full-width on phones */
  .wp-block-media-text.wim-hero-media{
    display: block !important;
    width: 100vw !important;
    max-width: 100vw !important;
    margin: 0 !important;
    overflow: hidden;
  }
}


	
	/* Donate page – make the last column (PAY FOR AN EVENT) a bit skinnier */
.page-id-3948 .donate-col-pay {
  max-width: 210px;
}

.page-id-3948 .donate-col-pay .card.large.pay-event-card {
  width: 100%;
}


	
	/* Tighten vertical spacing on PAY FOR AN EVENT card */
.pay-event-card {
  padding-top: 0.8rem;     /* less top padding = text starts higher */
  padding-bottom: 0.8rem;  /* optional: keeps it from feeling too tall */
}

.pay-event-card h3 {
  margin-bottom: 0.2rem;   /* reduce space between title and text */
}

.pay-event-card p {
  margin-top: 0;           /* kill extra top margin on the paragraph */
  line-height: 1.2;        /* a bit tighter text */
}



	
  /* make media and content both full-width, stacked */
  .wp-block-media-text.wim-hero-media .wp-block-media-text__media,
  .wp-block-media-text.wim-hero-media .wp-block-media-text__content{
    width: 100% !important;
    margin: 0 auto;
  }

  /* ensure the photo fills the width nicely */
  .wp-block-media-text.wim-hero-media .wp-block-media-text__media img{
    display: block;
    width: 100% !important;
    height: auto !important;
  }
}

/* ---- Mobile layout safety net ---- */
@media (max-width: 768px){

  /* Make sure the overall page doesn't get shoved to one side */
  html, body{
    margin: 0;
    padding: 0;
    max-width: 100%;
    overflow-x: hidden;   /* stop sideways sliding */
  }

  /* Force full-width for full-width blocks on phones */
  .wp-block-group.alignfull,
  .wp-block-cover.alignfull,
  .wp-block-media-text.alignfull,
  .wp-block-group.has-global-padding,
  .wp-site-blocks{
    box-sizing: border-box;
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
}


/* Fix phone layout for the WIM hero Media & Text block */
@media (max-width: 768px){
  .wp-block-media-text.wim-hero-media{ ... }
  .wp-block-media-text.wim-hero-media .wp-block-media-text__media,
  .wp-block-media-text.wim-hero-media .wp-block-media-text__content{ ... }
  .wp-block-media-text.wim-hero-media .wp-block-media-text__media img{ ... }
}


/* ---- Mobile layout safety net ---- */
@media (max-width: 768px){
  html, body{ margin:0; padding:0; max-width:100%; overflow-x:hidden; }

  .wp-block-group.alignfull,
  .wp-block-cover.alignfull,
  .wp-block-media-text.alignfull,
  .wp-block-group.has-global-padding,
  .wp-site-blocks{
    box-sizing:border-box;
    width:100% !important;
    max-width:100% !important;
    margin-left:0 !important;
    margin-right:0 !important;
  }
}



/* Mobile nav: white drawer, black text, left aligned */
@media (max-width: 782px){
  /* The opened mobile menu drawer */
  .wp-block-navigation__responsive-container.is-menu-open {
    background: #ffffff;
  }

  /* The inner content of the drawer */
  .wp-block-navigation__responsive-container.is-menu-open
  .wp-block-navigation__responsive-container-content{
    align-items: flex-start;     /* keep items aligned left */
    text-align: left;
    padding: 24px 24px 32px;     /* nice padding around links */
  }

  /* Links inside the mobile menu */
  .wp-block-navigation__responsive-container.is-menu-open a{
    color: #000000;
  }
}



/* ===============================
   FIX BROKEN MOBILE NAVIGATION
   =============================== */

/* Ensure WP nav container becomes visible when open */
.wp-block-navigation__responsive-container.is-menu-open {
    display: flex !important;
    flex-direction: column;
    background: #ffffff !important;
    padding: 30px 24px;
    z-index: 99999 !important;
}

/* Ensure menu links display correctly */
.wp-block-navigation__responsive-container.is-menu-open a {
    display: block !important;
    color: #000000 !important;
    font-size: 22px !important;
    padding: 12px 0 !important;
    text-align: left !important;
}

/* Fix invisible submenu items */
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item {
    opacity: 1 !important;
    visibility: visible !important;
}

/* Fix the hamburger / close icon being misplaced */
.wp-block-navigation__responsive-container-open,
.wp-block-navigation__responsive-container-close {
    position: relative !important;
    z-index: 100000 !important;
}



/* Style the DAFwidget link inside the orange card like a button */
.card.small .daf-inner a {
  display: inline-block;
  margin-top: 10px;
  padding: 10px 20px;
  background: #ffffff;
  color: #000000;
  border-radius: 20px;
  font-weight: bold;
  text-decoration: none;
}

.card.small .daf-inner a:hover {
  opacity: 0.9;
}


/* Let the DAF popup escape the card instead of being clipped */
.daf-card {
  overflow: visible !important;
}


/* Full-screen dark overlay */
.daf-modal {
  position: fixed;
  inset: 0; /* top/right/bottom/left:0 */
  background: rgba(0, 0, 0, 0.45);
  display: none;              /* JS switches to flex */
  align-items: center;
  justify-content: center;
  z-index: 9999;
}

/* White popup box */
.daf-modal-inner {
  background: #ffffff;
  border-radius: 6px;
  padding: 20px 24px;
  max-width: 420px;
  width: 90%;
  max-height: 80vh;
  overflow: auto;
  position: relative;
  box-shadow: 0 12px 30px rgba(0,0,0,0.35);
}

/* Close button (X) in top-left/right as you like */
.daf-close {
  position: absolute;
  top: 8px;
  right: 10px;
  border: none;
  background: transparent;
  font-size: 22px;
  line-height: 1;
  cursor: pointer;
}

/* Make whatever DAFwidget renders fill the inner box nicely */
.daf-widget-shell > * {
  width: 100% !important;
}



/* forgot password wrapper */
.wim-forgot-wrapper {
  max-width: 400px;
  margin: 2rem auto;
}


/* Lost-password page styling – better contrast */
body.page-lostpassword .wim-forgot-wrapper,
body.page-lostpassword #login_error,
body.page-lostpassword .message {
  max-width: 480px;
  margin: 2rem auto;
  padding: 1.5rem 1.75rem;
  background: rgba(0, 0, 0, 0.7) !important;
  color: #fff !important;
  border-radius: 12px;
}

/* Make the "Error:" text and links readable */
body.page-lostpassword #login_error strong,
body.page-lostpassword #login_error a,
body.page-lostpassword .message a {
  color: #fff !important;
}

body.page-lostpassword #lostpasswordform .input {
  width: 100%;
  max-width: 100%;
}


/* Make lost-password / login error + notice blocks readable everywhere */
#login_error,
.message {
  max-width: 480px;
  margin: 1.5rem auto !important;
  padding: 1rem 1.25rem !important;
  background: rgba(0, 0, 0, 0.7) !important;
  color: #fff !important;
  border-radius: 12px !important;
}

/* Ensure "Error:" and any links inside are white */
#login_error strong,
#login_error a,
.message a {
  color: #fff !important;
}

/* Keep the forgot-password form itself nicely sized */
.wim-forgot-wrapper,
#lostpasswordform {
  max-width: 480px;
  margin: 2rem auto !important;
}

#lostpasswordform .input {
  width: 100% !important;
  max-width: 100% !important;
}

/* Hide the default WP blue info line on the Lost Password page */
body.page-lostpassword .message {
  display: none !important;
}

	
	/* WIM – fix Formidable datepicker month/year dropdown colors for the calendar*/

.flatpickr-calendar select.flatpickr-monthDropdown-months,
.flatpickr-calendar select.flatpickr-monthDropdown-months option,
.flatpickr-calendar .flatpickr-current-month .numInputWrapper input {
  color: #000 !important;            /* dark text so months are visible */
  background-color: #fff !important; /* white background for dropdown */
}

/* optional: make the dropdown a bit more readable */
.flatpickr-calendar select.flatpickr-monthDropdown-months {
  padding: 2px 4px;
}

	
	
/* WIM – force site to use full width on mobile */
@media (max-width: 800px) {

  html,
  body {
    margin: 0 !important;
    padding: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: hidden !important;
  }

  /* Main site wrapper(s) – common for block themes / WP.com */
  .wp-site-blocks,
  #page,
  .site,
  .site-content,
  main {
    position: static !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    transform: none !important;
    left: 0 !important;
    right: 0 !important;
  }
}

	
	@media (max-width: 800px) {
  .wp-site-blocks,
  #page,
  .site {
 
  }
}
	
	
	
	
	/* WIM – force full-width layout on small screens */
@media (max-width: 800px) {

  html,
  body {
    margin: 0 !important;
    padding: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: hidden !important;
  }

  /* Any direct child of body (root wrappers, block themes, etc.) */
  body > * {
    position: static !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    transform: none !important;
    left: 0 !important;
    right: 0 !important;
  }
}

@media (max-width: 800px) {
  body > * {
   
  }
}

	
	
	
	/* WIM – make HOME hero truly full width on phones */
@media (max-width: 768px){
  .wp-block-media-text.wim-hero-media{
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    overflow: hidden; /* keep the old safety bit */
  }

  .wp-block-media-text.wim-hero-media .wp-block-media-text__media,
  .wp-block-media-text.wim-hero-media .wp-block-media-text__content{
    width: 100% !important;
    max-width: 100% !important;
  }

  .wp-block-media-text.wim-hero-media .wp-block-media-text__media img{
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    display: block !important;
  }
}



/* Move the Facebook card heading up slightly */
.card-facebook h3 {
  margin-top: -14;  !important       /* try 0, or even -2px/-4px if you need more lift */
}

/* Let the long URL wrap inside the card */
.card-facebook .facebook-url {
  white-space: normal;    /* override any nowrap on links */
  overflow-wrap: anywhere;
  word-break: break-word; /* helps long URLs break nicely */
}

/* Normal border on PAY FOR AN EVENT card – same thickness, not red */
.card.large.pay-card {
  border-width: 3px;           /* or whatever your other cards use */
  border-style: solid;
  border-color: #f7941d;       /* your orange, or #fff, etc. */
  outline: none !important;    /* kill any debug outline without affecting size */
  box-shadow: none !important; /* just in case red was a shadow */
}




.wim-profile-readonly input,
.wim-profile-readonly select,
.wim-profile-readonly textarea {
  background: #f5f5f5;
  cursor: not-allowed;
}



/* Hide the stray DAF text link under the footer on the Donate page */
.page-id-3948 #daf_link {
  display: none !important;
}

/* WIM – Fix invisible options in Form 2 state dropdown */
#frm_form_2_container select,
#frm_form_2_container select option {
  color: #000 !important;        /* make the option text visible */
  background-color: #fff !important;
}

/* If the dropdown itself has white text from the theme */
#frm_form_2_container select {
  color: #000 !important;
}


/* Page 972 only — domain-independent path */
body.page-id-972 {
  background-image: url('/wp-content/uploads/2025/10/Phoenix.png') !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
  background-attachment: fixed !important;
}

/* If your theme paints a white canvas on top, force common wrappers transparent */
body.page-id-972 #page,
body.page-id-972 .site,
body.page-id-972 #content,
body.page-id-972 .site-content,
body.page-id-972 main,
body.page-id-972 .content-area,
body.page-id-972 .entry-content,
body.page-id-972 .wp-site-blocks {
  background: transparent !important;
}




/* Only on this one page */
.page-id-972 .frm_forms form{
  position: relative; /* gives us an anchor point */
}

/* EDIT USER page: Cancel button pinned to a single viewport coordinate (cross-browser stable) */
.page-id-972 .wim-cancel-overlay{
  position: fixed;      /* ✅ stable across browsers */
  left: 600px;          /* <-- tweak to align with the field above */
  top: 268px;           /* <-- tweak to align vertically with Submit */
  z-index: 9999;

  display: inline-flex;
  align-items: center;
  justify-content: center;

  padding: 6px 14px;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.4;
  border-radius: 4px;
  text-decoration: none;

  background: #1e90ff;
  border: 1px solid #2271b1;
  color: #fff;
}

/* Optional: if WP admin bar is present and shifts things, this prevents overlap */
@media screen and (min-width: 783px){
  body.admin-bar.page-id-972 .wim-cancel-overlay{
    top: calc(345px + 32px);  /* <-- if it overlaps admin bar, adjust/tweak */
  }
}


/* Put Cancel next to Next/Submit in Formidable multi-page forms */
.frm_button_submit,
.frm_button_submit + .wim-cancel-link,
.frm_submit button,
.frm_submit .wim-cancel-link{
  vertical-align: middle;
}

/* If your Cancel is inside the submit row, float it next to the button */
.frm_submit .wim-cancel-link{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  margin-left: 12px;   /* space to the right of Next */
  margin-top: 0;
}

/* If Formidable wraps buttons, this helps keep them on one line */
.frm_submit{
  display:flex;
  align-items:center;
  gap:12px;
  flex-wrap:wrap;
}


/* Create Gallery page: keep Next + Cancel on one line */
.page-id-1241 .frm_submit{
  display:flex;
  align-items:center;
  gap:12px;
  flex-wrap:wrap;
}

/* Put Formidable buttons + our cancel on the same row */
.frm_submit{
  display:flex;
  align-items:center;
  gap:12px;
  flex-wrap:wrap;
}

/* Make Cancel match button height and look secondary */
.frm_submit .wim-cancel-link{
  height:36px;
  padding:0 14px;
  border-radius:8px;
  font-weight:700;
  text-decoration:none;

  display:inline-flex;
  align-items:center;
  justify-content:center;

  background:#e5e7eb;     /* light gray */
  border:1px solid #cbd5e1;
  color:#111827;
}

.frm_submit .wim-cancel-link:hover{
  filter:brightness(.97);
}
/* Force Cancel to match the blue Next button */
.frm_submit .wim-cancel-link{
  background:#4199fd !important;
  border:1px solid #2271b1 !important;
  color:#fff !important;
}
.frm_submit .wim-cancel-link:hover{
  filter:brightness(.95);
}


/* Formidable datepicker fixes – Create Gallery page (ID 1241) */
.page-id-1241 .ui-datepicker{
  z-index: 999999 !important; /* stay above footer/overlays */
}

/* make month/year sit nicely */
.page-id-1241 .ui-datepicker .ui-datepicker-title{
  display: flex !important;
  justify-content: center !important;
  gap: 10px !important;
  align-items: center !important;
}

/* widen the dropdowns so "2025" doesn't get clipped */
.page-id-1241 .ui-datepicker select.ui-datepicker-month{
  min-width: 6.5em !important;
  width: auto !important;
  padding-right: 1.6em !important;
}

.page-id-1241 .ui-datepicker select.ui-datepicker-year{
  min-width: 5.5em !important;
  width: auto !important;
  padding-right: 1.6em !important;
}


/* Create Gallery Admin (page 1241) — make month/year option text visible */
.page-id-1241 select option{
  color:#111827 !important;      /* dark text */
  background:#ffffff !important; /* white background */
}

/* Also ensure the select itself is readable */
.page-id-1241 select{
  color:#111827 !important;
  background:#ffffff !important;
}

/* WIM financial upload notices (clean + compact) */
.wim-notice{
  display: block;               /* message stays on its own line */
  margin: 0;
  padding: 0;
  border-radius: 0;
  font-size: 16px;
  line-height: 1.35;
  font-weight: 600;
}

/* The ONE wrapper card (sizes to content width, not full page) */
.wim-financial-cardwrap{
  display: inline-block;        /* ✅ box width wraps to content */
  max-width: 100%;
  background: #ffffff;
  border: 1px solid #34d399;
  border-radius: 10px;
  padding: 14px 18px;
  margin: 16px 0;
}

/* Success message styling when inside wrapper */
.wim-financial-cardwrap .wim-success{
  color: #065f46;
}

/* Link on next line */
.wim-financial-current-link{
  margin: 10px 0 0 0;           /* space below success text */
}

/* Make the link readable (button-ish) */
.wim-financial-current-link a{
  display: inline-block;
  background: #e5e7eb;
  color: #1d4ed8;
  padding: 6px 10px;
  border-radius: 6px;
  font-weight: 600;
  text-decoration: underline;
}



/* Form 2 (new_member, page-id-167) — fix jQuery UI datepicker month/year dropdown readability */
.page-id-167 .ui-datepicker select.ui-datepicker-month,
.page-id-167 .ui-datepicker select.ui-datepicker-year{
  color: #111 !important;
  background: #fff !important;
  border: 1px solid #cbd5e1 !important;
}

/* The options inside those dropdowns */
.page-id-167 .ui-datepicker select.ui-datepicker-month option,
.page-id-167 .ui-datepicker select.ui-datepicker-year option{
  color: #111 !important;
  background: #fff !important;
}

/* In case your theme forces selects to be transparent/unstyled */
.page-id-167 .ui-datepicker select{
  -webkit-appearance: menulist !important;
  appearance: menulist !important;
}


/* Form 2: make validation errors readable */
.frm_form_formidable-id-2 .frm_error,
.frm_form_formidable-id-2 .frm_error_style,
.frm_form_formidable-id-2 .frm_error p,
.frm_form_formidable-id-2 .frm_form_field .frm_error {
  font-size: 16px !important;
  font-weight: 600 !important;
  line-height: 1.35 !important;
  padding: 10px 12px !important;
  margin-top: 8px !important;
  border-radius: 10px !important;
  background: #fff1f2 !important;
  border: 1px solid #fca5a5 !important;
  color: #7f1d1d !important;
}

/* If the error is inline under the field, give it some spacing */
.frm_form_formidable-id-2 .frm_form_field {
  margin-bottom: 18px;
}



/* Formidable: field-level error message (the small red text under a field) */
.frm_error,
.frm_error_style,
.frm_form_field .frm_error,
.frm_form_field .frm_error_style,
.frm_form_field .frm_error p,
.frm_form_field .frm_error_style p,
.frm_form_field .frm_error .frm_error_text,
.frm_form_field .frm_error_style .frm_error_text{
  font-size: 16px !important;
  line-height: 1.35 !important;
  font-weight: 700 !important;
  color: #b91c1c !important;
  margin-top: 8px !important;
}

/* Give it a readable "pill" behind the text so it pops on dark backgrounds */
.frm_form_field .frm_error,
.frm_form_field .frm_error_style{
  display: inline-block !important;
  background: #fff1f2 !important;
  border: 1px solid #fecaca !important;
  padding: 6px 10px !important;
  border-radius: 8px !important;
}

/* Optional: add a clear red outline on the field itself */
.frm_form_field.frm_blank_field input,
.frm_form_field.frm_blank_field select,
.frm_form_field.frm_blank_field textarea{
  border-color: #b91c1c !important;
  box-shadow: 0 0 0 2px rgba(185, 28, 28, 0.18) !important;
}



/* Review Member page: add left padding + spacing */
.page-slug-review-member .wim-review-wrap{
  padding-left: 22px;
  padding-right: 18px;
}

/* Give the grid vertical breathing room */
.page-slug-review-member .wim-review-grid{
  row-gap: 10px;          /* grid spacing (Formidable uses CSS grid here) */
  margin-top: 12px;
}

/* Ensure text blocks aren't glued together */
.page-slug-review-member .wim-review-grid .frm12{
  line-height: 1.35;
}

/* Tame the big name header */
.page-slug-review-member .wim-review-name{
  margin: 0 0 8px 0;
}




/* Review Member page (page-id-4947): add readable margins + spacing */
.page-id-4947 .frm_grid_container{
  max-width: 900px;         /* keeps it from stretching too wide */
  margin: 20px auto;        /* centers the block */
  padding: 18px 24px;       /* left/right margin feel */
  row-gap: 10px;            /* space between grid rows */
  column-gap: 14px;         /* space between columns (if any) */
}

/* give each cell a little breathing room */
.page-id-4947 .frm_grid_container .frm12{
  padding: 4px 0;
}




/* Review Member page: keep View content left-aligned (not centered) */
.page-id-4947 .entry-content,
.page-id-4947 .entry-content > *,
.page-id-4947 .frm-show-form,
.page-id-4947 .frm_forms,
.page-id-4947 .frm_grid_container{
  max-width: none !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

/* Add a comfortable left margin + keep it from stretching too wide */
.page-id-4947 .frm_grid_container{
  padding-left: 24px;
  padding-right: 12px;
  max-width: 900px; /* adjust if you want wider */
}


/* REVIEW MEMBER page: tighten spacing between View and Approve/Reject */
.page-id-4947 .frm-show-form,
.page-id-4947 .frm_form_fields,
.page-id-4947 .frm_grid_container{
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

/* If the last field still adds extra spacing, reduce it */
.page-id-4947 .frm_grid_container > .frm12:last-child{
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

/* Move the buttons up (north) */
.page-id-4947 .wim-review-actions{
  margin-top: 8px !important;   /* try 0px, 6px, 10px */
}

/* Optional: if you want a little breathing room under the buttons */
.page-id-4947 .wim-review-actions{
  margin-bottom: 6px !important;
}



/* Create User (Form 10) only: force wider inputs */
body.page-id-972 #frm_form_10_container input[type="text"],
body.page-id-972 #frm_form_10_container input[type="email"],
body.page-id-972 #frm_form_10_container input[type="tel"],
body.page-id-972 #frm_form_10_container select,
body.page-id-972 #frm_form_10_container textarea{
  width: 560px !important;      /* <-- set your explicit width */
  max-width: 100% !important;   /* still responsive */
  box-sizing: border-box;
  display: block;
}



/* Overall header bar */
header.wp-block-template-part,
.wp-block-template-part .wp-block-group,
.wp-block-template-part .wp-block-row {
  overflow: visible;
}

/* Main orange header row */
header .wp-block-row,
.wp-block-template-part .wp-block-row {
  align-items: center;
}

/* Logo block */
.wp-block-site-logo {
  position: relative;
  margin-right: 2rem;
  margin-left: -2.5rem;
  z-index: 20;
}

.wp-block-site-logo img {
  max-height: 140px;
  width: auto;
  display: block;
}

/* Navigation spacing */
.wp-block-navigation {
  flex-grow: 1;
}

.wp-block-navigation .wp-block-navigation-item {
  margin: 0 0.6rem;
}

/* Menu link look */
.wp-block-navigation .wp-block-navigation-item__content {
  color: #fff;
  font-weight: 600;
  text-decoration: none;
}

/* Right-side login/join button */
.wp-block-buttons,
.wp-block-button {
  margin-left: 1.25rem;
}

.wp-block-button__link {
  background: #fff;
  color: #1f2a78;
  border-radius: 10px;
  padding: 0.5rem 1.1rem;
  font-weight: 700;
  line-height: 1.1;
  text-align: center;
  box-shadow: none;
}



.wp-block-site-logo img {
  max-height: 80px !important;
  height: auto !important;
  width: auto !important;
}

.wp-block-site-logo {
  line-height: 0;
}


/* Header sizing*/
header {
  min-height: unset !important;
}

header .wp-block-group {
  min-height: 0 !important;
  padding-top: 8px !important;
  padding-bottom: 8px !
		important;
}



/* Submenu background */
.wp-block-navigation .wp-block-navigation__submenu-container {
  background-color: #e97810 !important; /* your orange */
}

/* Submenu text */
.wp-block-navigation .wp-block-navigation__submenu-container a {
  color: #ffffff !important;
}

/* Hover state */
.wp-block-navigation .wp-block-navigation__submenu-container a:hover,
.wp-block-navigation .wp-block-navigation__submenu-container a:focus {
  background-color: #cf650d !important; /* slightly darker orange */
  color: #ffffff !important;
}


/* White Space above header */
header.wp-block-template-part {
  position: absolute;
  top: 19px;
  left: 0;
  width: 100%;
  z-index: 100;
}

/* Floating header */
header.wp-block-template-part {
  position: absolute;
  top: 19px;
  left: 0;
  width: 100%;
  z-index: 100;
}

/* Remove extra spacing above main content */
.wp-site-blocks,
.wp-site-blocks > *:first-child {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* Let the first main content block sit behind the header */
main,
.wp-site-blocks {
  position: relative;
  z-index: 1;
}

/* Header Height*/
/* Make the actual orange header band thinner */
header.wp-block-template-part .wp-block-group__content {
  min-height: 0 !important;
  padding-top: 4px !important;
  padding-bottom: 4px !important;
  align-items: center !important;
}

/* Also neutralize extra height from inner group wrappers */
header.wp-block-template-part .wp-block-group {
  min-height: 0 !important;
}

/* Tighten navigation vertical footprint a bit */
header.wp-block-template-part .wp-block-navigation {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}



.wim-header-band {
  min-height: 40px !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  padding-left: 20px !important;
  padding-right: 20px !important;
  display: flex !important;
  align-items: center !important;
  overflow: visible !important;
}

.wim-header-logo {
  position: relative !important;
  top: -11px !important;
  margin-bottom: -23px !important;
  z-index: 20 !important;
}

.wim-header-logo img {
  height: 91px !important;
  width: auto !important;
  displ/ay: block !important;
}

/* Logo Header */
.wim-header-band {
  min-height: 42px !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  padding-left: 20px !important;
  padding-right: 20px !important;
  display: flex !important;
  align-items: center !important;
  overflow: visible !important;
}

/*  Wim logo and header */
/* Wim logo and header */
.wim-header-band {
  height: 42px !important;
  min-height: 42px !important;
  max-height: 42px !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  padding-left: 20px !important;
  padding-right: 20px !important;
  display: flex !important;
  align-items: center !important;
  overflow: visible !important;
}

.wim-header-band .wp-block-navigation,
.wim-header-band nav {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  line-height: 1 !important;
}

.wim-header-band .wp-block-navigation-item,
.wim-header-band .wp-block-navigation-item__content {
  line-height: 1 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.wim-header-logo {
  line-height: 0 !important;
}

.wim-header-logo img,
.wim-header-logo .custom-logo {
  height: 60px !important;
  width: auto !important;
  display: block !important;
}

/* Logo positioning only */
.wim-header-logo {
  position: relative !important;
  top: -3px !important;          /* was -34px → push up slightly more */
  margin-left: 10px !important;
  margin-bottom: -24px !important;
  line-height: 0 !important;
  z-index: 20 !important;
}

.wim-header-logo img,
.wim-header-logo .custom-logo {
  height: 134px !important;
	max-height: none !important;
  width: auto !important;
  display: block !important;
}


/* Push all page content down below the floating header */
header.wp-block-template-part + .wp-site-blocks {
  position: relative !important;
  top: 100px !important;
}









/* Temporary diagnostic fix for button text */
.wp-block-button__link,
.wp-element-button,
button,
input[type="button"],
input[type="submit"],
input[type="reset"],
.btn,
a.btn {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  opacity: 1 !important;
}

/* If you have white buttons that need dark text */
.has-white-background-color,
.is-style-outline .wp-block-button__link,
.white-button,
.header-login-button a {
  color: #1f2937 !important;
  -webkit-text-fill-color: #1f2937 !important;
}






/* Dark/blue buttons: keep white text */
.wp-block-button__link,
.wp-element-button,
button,
input[type="button"],
input[type="submit"],
input[type="reset"],
.btn,
a.btn {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  opacity: 1 !important;
}

/* White buttons: force dark text */
.wp-block-button__link.has-white-background-color,
.wp-element-button.has-white-background-color,
.has-white-background-color.wp-block-button__link,
.has-white-background-color.wp-element-button,
.is-style-outline .wp-block-button__link,
.is-style-outline .wp-element-button,
.white-button,
.white-button a,
.header-login-button a,
.header-login-button .wp-block-button__link {
  color: #1f2937 !important;
  -webkit-text-fill-color: #1f2937 !important;
  opacity: 1 !important;
}

/* Catch text nested inside white buttons */
.has-white-background-color,
.has-white-background-color a,
.has-white-background-color span,
.is-style-outline .wp-block-button__link,
.is-style-outline .wp-block-button__link span {
  color: #1f2937 !important;
  -webkit-text-fill-color: #1f2937 !important;
}

/* Nuclear diagnostic for white buttons */
.wp-block-button,
.wp-block-buttons .wp-block-button,
.wp-block-button__link,
.wp-element-button,
a.wp-block-button__link,
a.wp-element-button,
button,
.btn,
a.btn {
  text-indent: 0 !important;
  font-size: 20px !important;
  line-height: 1.2 !important;
  letter-spacing: normal !important;
  opacity: 1 !important;
  visibility: visible !important;
  overflow: visible !important;
  white-space: nowrap !important;
}

/* Force text inside white/light buttons to be visible */
.wp-block-button__link.has-white-background-color,
.wp-element-button.has-white-background-color,
.has-white-background-color,
.has-white-background-color a,
.has-white-background-color span,
.has-white-background-color strong,
.has-white-background-color em,
.is-style-outline .wp-block-button__link,
.is-style-outline .wp-block-button__link *,
.is-style-outline .wp-element-button,
.is-style-outline .wp-element-button *,
.header-login-button,
.header-login-button a,
.header-login-button span {
  color: #111111 !important;
  -webkit-text-fill-color: #111111 !important;
  text-fill-color: #111111 !important;
  text-indent: 0 !important;
  font-size: 20px !important;
  line-height: 1.2 !important;
  opacity: 1 !important;
  visibility: visible !important;
}


/* Fix text inside custom .btn links */
a.btn,
.btn,
.btn:link,
.btn:visited,
.btn:hover,
.btn:active {
  color: #1f2937 !important;
  -webkit-text-fill-color: #1f2937 !important;
  font-size: 16px !important;
  line-height: 1.2 !important;
  text-indent: 0 !important;
  text-decoration: none !important;
  white-space: normal !important;
  overflow: visible !important;
  opacity: 1 !important;
  visibility: visible !important;
}