/* =============================================================
   MIRSAFIAN LAW GROUP — MERGED CUSTOM CSS
   Full replacement for Appearance → Customize → Additional CSS
   Existing rules preserved. New rules appended at the bottom.
   CHANGE: form-section + contact-form-section no longer hidden
   on practice pages (fixes Task 18 — missing contact forms).
   ============================================================= */

@media (min-width: 1200px) {
    .container {
        max-width: 1280px!important;
    }
}

/* WHY US – CARD BLOCK LAYOUT */
.why-us-grid {
  max-width: 1200px;
  margin: auto;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 30px;
}
.why-us-card {
  background: #ffffff;
  border-radius: 14px;
  padding: 35px 28px;
  box-shadow: 0 12px 35px rgba(0,0,0,0.08);
  border-top: 5px solid #1f3a8a;
  display: flex;
  flex-direction: column;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.why-us-card h3 {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 14px;
  color: #111827;
}
.why-us-card p {
  font-size: 15px;
  line-height: 1.7;
  color: #4b5563;
}
.why-us-card:hover {
  transform: translateY(-8px);
  box-shadow: 0 20px 45px rgba(0,0,0,0.12);
}
@media (max-width: 1024px) {
  .why-us-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 600px) {
  .why-us-wrap {
    padding: 40px 16px;
  }
  .why-us-grid {
    grid-template-columns: 1fr;
    gap: 20px;
  }
  .why-us-card {
    padding: 26px 20px;
  }
  .why-us-card h3 {
    font-size: 17px;
  }
  .why-us-card p {
    font-size: 14px;
  }
}

/*public*/
.legal-resources-container {
    line-height: 1.6;
    color: #333;
    margin: 20px auto;
    padding: 20px;
    background-color: #fff;
}
.legal-resources-container h2 {
    color: #000;
    border-bottom: 2px solid #e2e8f0;
    padding-bottom: 10px;
    margin-bottom: 20px;
    font-size: 28px;
    font-weight: 700;
}
.legal-resources-container h3 {
    color: #2c5282;
    margin-top: 30px;
    margin-bottom: 15px;
    font-size: 22px;
    font-weight: 600;
}
.legal-resources-container p {
    margin-bottom: 15px;
}
.legal-resources-container em {
    display: block;
    margin-bottom: 10px;
    color: #666;
    font-style: italic;
}
.legal-resources-container ul {
    margin-bottom: 20px;
    padding-left: 25px;
}
.legal-resources-container li {
    margin-bottom: 8px;
}
.legal-resources-container a {
    color: #2b6cb0;
    text-decoration: underline;
    font-weight: 500;
    transition: color 0.2s ease;
}
.legal-resources-container a:hover {
    color: #c53030;
    text-decoration: none;
}
.disclaimer-box {
    background-color: #f7fafc;
    border-left: 5px solid #2d3748;
    padding: 15px;
    margin-bottom: 30px;
    font-size: 1.1em;
}
.resource-section {
    margin-bottom: 5px;
    padding: 10px 0;
}
hr {
    border: 0;
    height: 1px;
    background: #eee;
    margin: 40px 0;
}

input[type="checkbox"] {
    margin: 4px 0 0;
    margin-top: 1px \9;
    line-height: normal;
    height: 20px!important;
    text-align: left !important;
}

.home-team .slide-item .caption {
    padding-top: 100px!important;
    padding-bottom: 100px!important;
    padding-right:100px!important;
    position: relative;
}

/* CHANGED: removed .form-section and .contact-form-section from this block so
   contact forms render on practice pages (Task 18). Kept the other hide rules. */
body.postid-2240 #jp-relatedposts,
body.postid-1775 #jp-relatedposts,
body.postid-1621 #jp-relatedposts,
body.postid-1771 #jp-relatedposts,
body.postid-1773 #jp-relatedposts,
body.postid-1619 #jp-relatedposts,
body.postid-1604 #jp-relatedposts,
body.postid-2240 .practice-post-object,
body.postid-1775 .practice-post-object,
body.postid-1621 .practice-post-object,
body.postid-1771 .practice-post-object,
body.postid-1773 .practice-post-object,
body.postid-1619 .practice-post-object,
body.postid-1604 .practice-post-object,
body.postid-2240 .pagination-practice,
body.postid-1775 .pagination-practice,
body.postid-1621 .pagination-practice,
body.postid-1771 .pagination-practice,
body.postid-1773 .pagination-practice,
body.postid-1619 .pagination-practice,
body.postid-1604 .pagination-practice {
    display: none !important;
}

/* =============================================================
   HIDE practice-post-object + pagination on ALL team CPT bios
   (Tasks 40, 41, 44, 46 — covers both Masoud and Legal Team)
   The theme auto-renders these sections at the bottom of every
   team page, even when metabox fields are cleared. CSS hides them.
   ============================================================= */

body.single-hakim-team .practice-post-object,
body.single-hakim-team .pagination-practice,
body.single-hakim-team #jp-relatedposts {
  display: none !important;
}

/* Belt and suspenders — hide ALL case/practice accordion sections
   on team CPT pages (Masoud's bio + Legal Team page). The wrapper class
   on team pages is .case-practice (not .practice-post-object). */
body.single-hakim-team .case-practice,
body.single-hakim-team .case-team,
body.single-hakim-team .practice-areas,
.single-hakim-team .case-practice,
.single-hakim-team .case-team,
.single-hakim-team .practice-areas {
  display: none !important;
}

.col-md-7 {
    width: 100%;
}

.title-section {
    margin-bottom: 22px;
}
.title-section h5 {
   font-size: 45px!important;
}

.form-section, .contact-form-section {
    padding: 35px;
}

.wpcf7-form input,
.wpcf7-form textarea,
.wpcf7-form select {
    width: 100%;
    box-sizing: border-box;
    padding: 12px;
    font-size: 14px;
    border: 1px solid #ccc;
}
.wpcf7-form input {
    height: 45px;
}
.wpcf7-form textarea {
    height: 120px;
    resize: vertical;
}
.wpcf7-form .button {
    width: 100%;
    height: 100%!important;
}

.legal-resources-container a {
    color: #0000EE;
    text-decoration: underline!important;
}
.legal-resources-container a:hover {
    color: #0000EE;
    text-decoration: underline!important;
}

/* =============================================================
   APRIL 2026 REVISIONS — new rules from Masoud's feedback
   ============================================================= */

/* Task 1 + 2: Header bar — stack email/phone/address vertically */
.hakim-top-bar .top-info,
.top-bar .top-info,
.header-top .top-info {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 2px;
  line-height: 1.3;
}
.hakim-top-bar .top-info > *,
.top-bar .top-info > *,
.header-top .top-info > * {
  margin: 0;
}

/* Task 10: Footer phone/fax/email visual weight consistent */
.footer-widget .phone,
.footer-widget .fax,
.footer-widget .email {
  font-weight: 600;
}
.footer-widget .contact-info p {
  margin-bottom: 4px;
}

/* Tasks 7, 11: Footer split into two centered halves + centered copyright */
.footer-widgets .container {
  display: flex;
  justify-content: center;
  gap: 40px;
  flex-wrap: wrap;
}
.footer-widgets .widget-area {
  flex: 1 1 45%;
  text-align: center;
}
.footer-widgets .widget-area h4,
.footer-widgets .widget-area .widget-title {
  text-align: center;
  margin-bottom: 16px;
}
.copyright, .footer-copyright, .site-info {
  text-align: center !important;
}

/* Task 16: Standardize vertical spacing between sections */
section,
.hakim-section {
  padding-top: 64px;
  padding-bottom: 64px;
}
@media (max-width: 768px) {
  section,
  .hakim-section {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}

/* Task 17: Contact Us heading — prevent CONT/ACT US mobile wrap
   (overrides the 45px !important on small screens) */
.title-section h5 {
  white-space: normal;
  word-break: keep-all;
  hyphens: none;
}
@media (max-width: 480px) {
  .title-section h5 {
    font-size: 28px !important;
  }
}

/* Task 19: Contact form checkbox inline with consent text */
.wpcf7-acceptance {
  display: flex !important;
  align-items: flex-start !important;
  gap: 8px !important;
}
.wpcf7-acceptance .wpcf7-list-item {
  margin: 0 !important;
  display: flex !important;
  align-items: flex-start !important;
}
.wpcf7-acceptance label {
  display: flex !important;
  align-items: flex-start !important;
  gap: 8px !important;
}
.wpcf7-acceptance input[type="checkbox"] {
  margin-top: 4px !important;
  flex-shrink: 0;
  width: auto !important;
  height: 18px !important;
}

/* Tasks 21, 22: Carousel arrows — always visible, bigger, on sides
   (practice areas + attorneys carousels) */
.slick-prev, .slick-next,
.owl-prev, .owl-next,
.swiper-button-prev, .swiper-button-next {
  opacity: 1 !important;
  visibility: visible !important;
  width: 48px !important;
  height: 48px !important;
  background: rgba(0,0,0,0.6) !important;
  border-radius: 50%;
  z-index: 50 !important;
  top: 50% !important;
  transform: translateY(-50%);
}
.slick-prev:before, .slick-next:before,
.owl-prev:before, .owl-next:before,
.swiper-button-prev:after, .swiper-button-next:after {
  font-size: 24px !important;
  color: #fff !important;
}
.slick-prev, .owl-prev, .swiper-button-prev { left: -24px !important; }
.slick-next, .owl-next, .swiper-button-next { right: -24px !important; }

/* Task 24: Hero slider center on wide screens */
.rev_slider_wrapper,
.tp-banner-container {
  max-width: 100% !important;
  margin: 0 auto !important;
}
.tp-bgimg.defaultimg {
  background-position: center center !important;
}

/* Task 28: Fix stacked images on practice area inner pages */
.single-hakim-practice .practice-gallery img,
.practice-area-inner .gallery img {
  display: block;
  margin: 0 auto 16px auto;
  max-width: 100%;
  height: auto;
}
.single-hakim-practice .practice-gallery {
  display: grid;
  grid-template-columns: 1fr;
  gap: 16px;
}

/* Task 33: Masoud's photo crop on mobile */
@media (max-width: 768px) {
  .hakim-team-item img,
  .team-card img,
  .attorney-photo img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover;
    object-position: center top;
    max-height: 400px;
  }
}

/* Task 34: Legal Team image bleeding into white area */
.team-card,
.hakim-team-item {
  overflow: hidden;
  border-radius: 8px;
}
.team-card img,
.hakim-team-item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* Task 8: Footer disclaimer paragraph spacing */
.footer-disclaimer p,
.footer-disclaimer li {
  margin-bottom: 6px;
}

/* Task 9 polish: indent address lines so Suite 1500 + Chicago line up
   under "22 West Washington Street" instead of going back to left edge */
#text-3 .textwidget p:first-child {
  padding-left: 40px;
  text-indent: -40px;
}

/* =============================================================
   ADDED 2026-05-05 — Home page batch (Tasks 30, 32)
   ============================================================= */

/* Task 30: Navy banner above home team carousel, matching the
   page hero banner style used on inner pages. ONLY on home. */
body.home .team-section {
  padding-top: 0 !important;
}
body.home .team-section::before,
body.home .team-section-static::before {
  content: "Attorneys";
  display: block;
  width: 100%;
  box-sizing: border-box;
  text-align: center;
  font-size: 38px;
  font-weight: 600;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: #ffffff;
  background-color: #1a2840;
  padding: 90px 20px;
  margin-bottom: 60px;
}
@media (max-width: 480px) {
  body.home .team-section::before {
    font-size: 26px;
    padding: 60px 20px;
    margin-bottom: 40px;
  }
}

/* Task 32: "About Me" → "Read More" on team cards. */
.team-section .button,
.home-team .button {
  font-size: 0 !important;
  line-height: 0;
}
.team-section .button::after,
.home-team .button::after {
  content: "Read More";
  font-size: 14px;
  line-height: normal;
  letter-spacing: 0.5px;
}

/* Sticky header on scroll — keeps main nav visible as user scrolls down.
   Selectors hit common Hakim/WP header wrappers. May need tightening
   depending on actual header markup. */
.hakim-header,
.site-header,
#masthead,
header.header {
  position: sticky !important;
  top: 0;
  z-index: 9999;
  background: #ffffff;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
}
.hakim-header .nav-menu,
.site-header .nav-menu,
.main-navigation {
  z-index: 10000;
}

/* Back-to-top arrow shouldn't cover sticky header */
.back-to-top,
.scroll-top,
.scroll-up,
.totop,
#back-to-top,
.scroll-up-btn,
a[href="#top"],
.go-top {
  z-index: 9000 !important;
}

/* =============================================================
   ADDED 2026-05-05 PM — Contact Us page (ID 1713)
   Targeting the actual Hakim structure:
   parent #content > .contact-form-section + .contact-details
   ============================================================= */

/* Reorder: .contact-details (Get in Touch) first, .contact-form-section second */
body.page-id-1713 #content {
  display: flex !important;
  flex-direction: column !important;
}

body.page-id-1713 .contact-details {
  order: 1 !important;
}

body.page-id-1713 .contact-form-section {
  order: 2 !important;
  max-width: 760px;
  margin: 40px auto 80px;
  padding: 50px 40px;
  background: #ffffff;
  border-radius: 12px;
  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.05);
}

/* Center the CONTACT US heading inside the form card */
body.page-id-1713 .contact-form-section .title-section {
  text-align: center;
  margin-bottom: 30px;
}

/* SEND button — navy, full width, real CTA energy */
body.page-id-1713 .wpcf7-form .button,
body.page-id-1713 .wpcf7-form input[type="submit"] {
  width: 100% !important;
  height: auto !important;
  padding: 14px 20px !important;
  font-size: 15px !important;
  font-weight: 600;
  letter-spacing: 1px;
  background: #1a2840;
  color: #ffffff;
  border: none;
  border-radius: 6px;
  cursor: pointer;
  transition: background 0.2s ease;
}

body.page-id-1713 .wpcf7-form .button:hover,
body.page-id-1713 .wpcf7-form input[type="submit"]:hover {
  background: #2a3e5e;
}

/* Force form contents to fill the white card on Contact Us */
body.page-id-1713 .contact-form-section .wpcf7,
body.page-id-1713 .contact-form-section .wpcf7-form,
body.page-id-1713 .contact-form-section form,
body.page-id-1713 .contact-form-section [class*="col-"],
body.page-id-1713 .contact-form-section .row,
body.page-id-1713 .contact-form-section .container,
body.page-id-1713 .contact-form-section .container-fluid {
  width: 100% !important;
  max-width: 100% !important;
  flex: 0 0 100% !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

/* Visible bordered boxes around Contact Us form inputs */
body.page-id-1713 .wpcf7-form input[type="text"],
body.page-id-1713 .wpcf7-form input[type="email"],
body.page-id-1713 .wpcf7-form input[type="tel"],
body.page-id-1713 .wpcf7-form input[type="url"],
body.page-id-1713 .wpcf7-form input[type="number"],
body.page-id-1713 .wpcf7-form select,
body.page-id-1713 .wpcf7-form textarea {
  border: 1px solid #d0d5dd !important;
  border-radius: 6px !important;
  padding: 14px 16px !important;
  margin-bottom: 16px !important;
  background: #ffffff !important;
  font-size: 15px !important;
  color: #1a2840 !important;
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

/* Focus state — navy border + soft glow when user clicks into a field */
body.page-id-1713 .wpcf7-form input:focus,
body.page-id-1713 .wpcf7-form select:focus,
body.page-id-1713 .wpcf7-form textarea:focus {
  outline: none !important;
  border-color: #1a2840 !important;
  box-shadow: 0 0 0 3px rgba(26, 40, 64, 0.12) !important;
}

/* Placeholder text — softer gray so it doesn't compete with real input */
body.page-id-1713 .wpcf7-form input::placeholder,
body.page-id-1713 .wpcf7-form textarea::placeholder {
  color: #98a2b3 !important;
  font-style: normal;
}

/* Make the textarea taller so it feels like a real message box */
body.page-id-1713 .wpcf7-form textarea {
  min-height: 160px !important;
  resize: vertical;
}

/* Contact Us form checkbox — inline with consent text, left of statement */
body.page-id-1713 .wpcf7-acceptance,
body.page-id-1713 .wpcf7-acceptance .wpcf7-list-item,
body.page-id-1713 .wpcf7-acceptance label {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-start !important;
  text-align: left !important;
}

body.page-id-1713 .wpcf7-acceptance {
  justify-content: flex-start !important;
  gap: 0 !important;
  margin: 20px 0 24px !important;
}

body.page-id-1713 .wpcf7-acceptance .wpcf7-list-item {
  width: 100%;
  margin: 0 !important;
}

body.page-id-1713 .wpcf7-acceptance label {
  gap: 12px !important;
  cursor: pointer;
  margin: 0 !important;
  width: 100%;
}

body.page-id-1713 .wpcf7-acceptance input[type="checkbox"] {
  flex-shrink: 0 !important;
  margin: 3px 0 0 0 !important;
  width: 18px !important;
  height: 18px !important;
}

body.page-id-1713 .wpcf7-acceptance .wpcf7-list-item-label {
  flex: 1;
  line-height: 1.5;
  font-size: 14px;
}

/* Contact Us checkbox — AGGRESSIVE override (parent containers were centering) */
body.page-id-1713 .wpcf7-acceptance,
body.page-id-1713 .wpcf7-acceptance > *,
body.page-id-1713 .wpcf7-acceptance .wpcf7-list-item,
body.page-id-1713 .wpcf7-acceptance .wpcf7-list-item > label,
body.page-id-1713 .wpcf7-acceptance label,
body.page-id-1713 .contact-form-section p:has(input[type="checkbox"]) {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-start !important;
  justify-content: flex-start !important;
  text-align: left !important;
  width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

body.page-id-1713 .wpcf7-acceptance .wpcf7-list-item-label {
  flex: 1 1 auto !important;
  display: block !important;
  text-align: left !important;
  margin-left: 12px !important;
  line-height: 1.5 !important;
}

body.page-id-1713 .wpcf7-acceptance input[type="checkbox"] {
  flex: 0 0 auto !important;
  width: 18px !important;
  height: 18px !important;
  margin: 3px 0 0 0 !important;
  display: inline-block !important;
}

body.page-id-1713 .wpcf7-form .wpcf7-list-item,
body.page-id-1713 .contact-form-section p {
  text-align: left !important;
}

/* =============================================================
   HOME PAGE — FINAL v5 (using ACTUAL HTML structure from source)
   - Practice section: .practice-home > .practice-wrap (Owl Carousel)
     Each card: .practice-item > .practice-thumb + .practice-desc
   - Attorney section: .team-section > .team-slider .sl-slider > .sl-slide
     Each slide: .sl-slide-inner > .container > .row >
       .caption.col-md-6 + .team-img.col-md-6
   - Contact form: .form-section > .home-form.col-md-7 > .the-form
   ============================================================= */

/* Section heading typography — applies to all .title-section h5 on home */
body.home .title-section h5 {
  font-size: 38px !important;
  font-weight: 600 !important;
  letter-spacing: 1px !important;
  line-height: 1.2 !important;
  text-transform: uppercase !important;
  color: #1a2840 !important;
}

/* Practice Area intro — smaller, constrained */
body.home .practice-home .title-section p,
body.home .practice-home .title-section div p {
  font-size: 16px !important;
  line-height: 1.7 !important;
  color: #1c1d21 !important;
  max-width: 720px !important;
  margin: 0 auto 50px !important;
}

/* Practice card titles + body — consistent, readable */
body.home .practice-item h5.title {
  font-size: 16px !important;
  font-weight: 700 !important;
  letter-spacing: 0.8px !important;
  margin-bottom: 12px !important;
  text-transform: uppercase !important;
  color: #1a2840 !important;
}
body.home .practice-item .text p,
body.home .practice-desc .text p {
  font-size: 14px !important;
  line-height: 1.6 !important;
  color: #4b5563 !important;
}

/* Position Owl Carousel arrows on left/right of practice section
   (loop is enabled, so arrows let users see all 6 cards) */
body.home .practice-wrap {
  position: relative !important;
  padding: 0 50px;
}
body.home .practice-wrap .owl-nav {
  display: block !important;
  position: static !important;
  margin: 0 !important;
}
body.home .practice-wrap .owl-nav .owl-prev,
body.home .practice-wrap .owl-nav .owl-next {
  position: absolute !important;
  top: 40% !important;
  width: 44px !important;
  height: 44px !important;
  background: rgba(26, 40, 64, 0.85) !important;
  color: #ffffff !important;
  border: none !important;
  border-radius: 50% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  cursor: pointer;
  z-index: 50 !important;
  margin: 0 !important;
}
body.home .practice-wrap .owl-nav .owl-prev {
  left: 0 !important;
  right: auto !important;
}
body.home .practice-wrap .owl-nav .owl-next {
  right: 0 !important;
  left: auto !important;
}
body.home .practice-wrap .owl-nav .owl-prev i,
body.home .practice-wrap .owl-nav .owl-next i {
  color: #ffffff !important;
  font-size: 16px;
}
body.home .practice-wrap .owl-dots {
  display: none !important;
}

/* =============================================================
   ATTORNEY SECTION — center-stack the col-md-6 columns
   ============================================================= */

/* Hide the SL Slider arrow nav (cleaner stacked layout) */
body.home nav.team-slider-nav,
body.home .team-slider-nav,
body.home .nav-arrow-prev,
body.home .nav-arrow-next {
  display: none !important;
}

/* Force the .row inside each slide to stack vertically */
body.home .sl-slide .row {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
}

/* Both columns become full-width — no more 2-col with empty right */
body.home .sl-slide .caption,
body.home .sl-slide .team-img,
body.home .sl-slide .caption.col-md-6,
body.home .sl-slide .team-img.col-md-6 {
  width: 100% !important;
  max-width: 720px !important;
  flex: 0 0 auto !important;
  text-align: center !important;
  padding: 0 20px !important;
}

/* Photo first, caption (text + button) below */
body.home .sl-slide .team-img {
  order: 1 !important;
  margin-bottom: 30px !important;
}
body.home .sl-slide .caption {
  order: 2 !important;
}

/* Override the existing 100px caption padding */
body.home .home-team .slide-item .caption {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  padding-right: 20px !important;
  padding-left: 20px !important;
}

/* Photo: circular crop, centered, 240px */
body.home .sl-slide .team-img img,
body.home .sl-slide .the-thumb img {
  width: 240px !important;
  height: 240px !important;
  max-width: 240px !important;
  max-height: 240px !important;
  border-radius: 50% !important;
  object-fit: cover !important;
  object-position: center 20% !important;
  margin: 0 auto !important;
  display: block !important;
  border: 4px solid #ffffff;
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);
  float: none !important;
}

/* Caption typography — clean and centered */
body.home .sl-slide .caption h2,
body.home .sl-slide .caption h2 a {
  font-size: 22px !important;
  font-weight: 700 !important;
  color: #1a2840 !important;
  text-align: center !important;
  margin-bottom: 6px !important;
}
body.home .sl-slide .caption .position {
  color: #6b7280 !important;
  font-size: 13px !important;
  letter-spacing: 1px;
  text-transform: uppercase;
  margin-bottom: 18px !important;
  text-align: center !important;
}
body.home .sl-slide .caption .caption-text p {
  font-size: 15px !important;
  line-height: 1.65 !important;
  color: #4b5563 !important;
  max-width: 600px !important;
  margin: 0 auto 24px !important;
  text-align: center !important;
}

/* "About Me" → "Read More" override */
body.home .sl-slide .button,
body.home .home-team .button {
  text-indent: -9999px !important;
  position: relative !important;
  overflow: hidden !important;
  display: inline-block !important;
  padding: 12px 36px !important;
  min-width: 150px;
  border: 1px solid #1a2840 !important;
  background: transparent !important;
  margin-top: 10px !important;
}
body.home .sl-slide .button::after,
body.home .home-team .button::after {
  content: "READ MORE" !important;
  position: absolute !important;
  inset: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-indent: 0 !important;
  font-size: 13px !important;
  font-weight: 600;
  letter-spacing: 1.5px;
  color: #1a2840 !important;
}

/* =============================================================
   HOME CONTACT FORM — break out of col-md-7 squeeze, card style
   ============================================================= */

body.home .form-section {
  display: flex !important;
  justify-content: center !important;
  padding: 60px 20px !important;
}

body.home .home-form,
body.home .form-section .home-form,
body.home .form-section .home-form.col-md-7 {
  width: 100% !important;
  max-width: 920px !important;
  flex: 0 0 auto !important;
  margin: 0 auto !important;
  float: none !important;
  background: #ffffff !important;
  padding: 60px 60px !important;
  border-radius: 12px !important;
  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.05) !important;
}

body.home .home-form .wpcf7-form input[type="text"],
body.home .home-form .wpcf7-form input[type="email"],
body.home .home-form .wpcf7-form input[type="tel"],
body.home .home-form .wpcf7-form input[type="url"],
body.home .home-form .wpcf7-form input[type="number"],
body.home .home-form .wpcf7-form select,
body.home .home-form .wpcf7-form textarea {
  border: 1px solid #d0d5dd !important;
  border-radius: 6px !important;
  padding: 14px 16px !important;
  margin-bottom: 16px !important;
  background: #ffffff !important;
  font-size: 15px !important;
  color: #1a2840 !important;
  width: 100% !important;
  height: auto !important;
}

body.home .home-form .wpcf7-form input:focus,
body.home .home-form .wpcf7-form select:focus,
body.home .home-form .wpcf7-form textarea:focus {
  outline: none !important;
  border-color: #1a2840 !important;
  box-shadow: 0 0 0 3px rgba(26, 40, 64, 0.12) !important;
}

body.home .home-form .wpcf7-form input::placeholder,
body.home .home-form .wpcf7-form textarea::placeholder {
  color: #98a2b3 !important;
}

body.home .home-form .wpcf7-form textarea {
  min-height: 200px !important;
  resize: vertical;
}

/* SEND button — navy, full width, NO Read More pseudo-element */
body.home .home-form .wpcf7-form .button,
body.home .home-form .wpcf7-form input[type="submit"] {
  width: 100% !important;
  height: auto !important;
  padding: 14px 20px !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  letter-spacing: 1px !important;
  background: #1a2840 !important;
  color: #ffffff !important;
  border: none !important;
  border-radius: 6px !important;
  cursor: pointer !important;
  text-indent: 0 !important;
  margin-top: 10px !important;
}
body.home .home-form .wpcf7-form .button::after,
body.home .home-form .wpcf7-form input[type="submit"]::after {
  content: none !important;
}
body.home .home-form .wpcf7-form .button:hover {
  background: #2a3e5e !important;
}

/* Mobile */
@media (max-width: 480px) {
  body.home .title-section h5 {
    font-size: 28px !important;
  }
  body.home .home-form,
  body.home .form-section .home-form {
    padding: 30px 20px !important;
  }
  body.home .sl-slide .team-img img,
  body.home .sl-slide .the-thumb img {
    width: 180px !important;
    height: 180px !important;
  }
  body.home .practice-wrap {
    padding: 0 20px;
  }
  body.home .practice-wrap .owl-nav .owl-prev,
  body.home .practice-wrap .owl-nav .owl-next {
    width: 36px !important;
    height: 36px !important;
  }
}

/* =============================================================
   POST-THEME-EDIT FIXES — slitslider JS is disabled in template
   so slides render statically. Now we just need to clean styling.
   ============================================================= */

/* Kill the theme's 25% horizontal padding on form paragraphs
   (this was making the form look smooshed) */
body.home .home-form form p {
  padding: 0 !important;
  margin-bottom: 16px !important;
}

/* Photo: was absolutely positioned with left:-15%. Now relative + circular */
body.home .home-team .slide-item .team-img .the-thumb {
  position: relative !important;
  left: auto !important;
  top: auto !important;
  width: auto !important;
  text-align: center !important;
}
body.home .home-team .slide-item .team-img .the-thumb img {
  width: 240px !important;
  height: 240px !important;
  max-width: 240px !important;
  border-radius: 50% !important;
  object-fit: cover !important;
  object-position: center 20% !important;
  margin: 0 auto !important;
  display: block !important;
  border: 4px solid #ffffff;
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);
}

/* Slides stack vertically (no JS slider) — clean spacing */
body.home .home-team .sl-slide,
body.home .home-team .slide-item {
  position: relative !important;
  margin-bottom: 40px !important;
  padding: 40px 0 !important;
}

/* Team caption padding — was 100px top/bottom + 80px right. Tone down. */
body.home .home-team .slide-item .caption {
  padding: 30px 20px !important;
}

/* Hide the slitslider nav (no longer functional + cleaner) */
body.home nav.team-slider-nav,
body.home .team-slide-nav,
body.home .team-slide-nav span {
  display: none !important;
}

/* =============================================================
   HOME PAGE — TARGETED FIX v4 (using real class names from inspect)
   Practice = Owl Carousel, Attorneys = SL Slider, Form = Bootstrap col-md-7
   ============================================================= */

/* Section heading typography continuity */
body.home .title-section h5 {
  font-size: 38px !important;
  font-weight: 600 !important;
  letter-spacing: 1px !important;
  line-height: 1.2 !important;
  text-transform: uppercase !important;
  color: #1a2840 !important;
}

body.home .title-section + p,
body.home .title-section ~ p {
  font-size: 14px !important;
  line-height: 1.65 !important;
  color: #4b5563 !important;
  max-width: 680px !important;
  margin: 0 auto 50px !important;
}

body.home .owl-item h3,
body.home .owl-item .item-title,
body.home .owl-item .post-title {
  font-size: 17px !important;
  font-weight: 700 !important;
  letter-spacing: 0.8px !important;
  margin-bottom: 12px !important;
  color: #1a2840 !important;
}
body.home .owl-item p {
  font-size: 14px !important;
  line-height: 1.6 !important;
  color: #4b5563 !important;
}

/* Hide Owl Carousel navigation on home (only practice uses owl on home) */
body.home .owl-nav,
body.home .owl-prev,
body.home .owl-next,
body.home .owl-dots {
  display: none !important;
}

/* Attorneys — hide SL Slider navigation, center-stack slide content */
body.home nav.team-slider-nav,
body.home .team-slider-nav,
body.home .nav-arrow-prev,
body.home .nav-arrow-next {
  display: none !important;
}

body.home .sl-slider .sl-slide,
body.home .team-slider .sl-slide,
body.home .home-team .sl-slide {
  text-align: center !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 40px !important;
}

body.home .sl-slide .caption,
body.home .home-team .caption {
  text-align: center !important;
  max-width: 600px !important;
  margin: 0 auto !important;
  padding: 0 !important;
  order: 2;
}

body.home .sl-slide img,
body.home .home-team .sl-slide img,
body.home .team-slider .sl-slide img {
  width: 240px !important;
  height: 240px !important;
  max-width: 240px !important;
  max-height: 240px !important;
  border-radius: 50% !important;
  object-fit: cover !important;
  object-position: center 20% !important;
  margin: 0 auto 30px !important;
  display: block !important;
  border: 4px solid #ffffff;
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.12);
  order: 1;
  float: none !important;
}

body.home .sl-slide .button,
body.home .home-team .button,
body.home .team-section .button {
  text-indent: -9999px !important;
  position: relative !important;
  overflow: hidden !important;
  display: inline-block !important;
  padding: 12px 32px !important;
  min-width: 140px;
  border: 1px solid #1a2840 !important;
  background: transparent !important;
  margin-top: 20px;
  order: 3;
}
body.home .sl-slide .button::after,
body.home .home-team .button::after,
body.home .team-section .button::after {
  content: "READ MORE" !important;
  position: absolute !important;
  inset: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-indent: 0 !important;
  font-size: 13px !important;
  font-weight: 600;
  letter-spacing: 1.5px;
  color: #1a2840 !important;
}

/* Home contact form — kill col-md-7 squeeze, apply card styling */
body.home .form-section {
  display: flex !important;
  justify-content: center !important;
  padding: 60px 20px !important;
}

body.home .home-form,
body.home .form-section .home-form,
body.home .form-section .home-form.col-md-7 {
  width: 100% !important;
  max-width: 920px !important;
  flex: 0 0 auto !important;
  margin: 0 auto !important;
  float: none !important;
  background: #ffffff !important;
  padding: 60px 60px !important;
  border-radius: 12px !important;
  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.05) !important;
}

body.home .home-form .wpcf7-form input[type="text"],
body.home .home-form .wpcf7-form input[type="email"],
body.home .home-form .wpcf7-form input[type="tel"],
body.home .home-form .wpcf7-form input[type="url"],
body.home .home-form .wpcf7-form input[type="number"],
body.home .home-form .wpcf7-form select,
body.home .home-form .wpcf7-form textarea {
  border: 1px solid #d0d5dd !important;
  border-radius: 6px !important;
  padding: 14px 16px !important;
  margin-bottom: 16px !important;
  background: #ffffff !important;
  font-size: 15px !important;
  color: #1a2840 !important;
  width: 100% !important;
  height: auto !important;
}

body.home .home-form .wpcf7-form input:focus,
body.home .home-form .wpcf7-form select:focus,
body.home .home-form .wpcf7-form textarea:focus {
  outline: none !important;
  border-color: #1a2840 !important;
  box-shadow: 0 0 0 3px rgba(26, 40, 64, 0.12) !important;
}

body.home .home-form .wpcf7-form input::placeholder,
body.home .home-form .wpcf7-form textarea::placeholder {
  color: #98a2b3 !important;
}

body.home .home-form .wpcf7-form textarea {
  min-height: 160px !important;
  resize: vertical;
}

body.home .home-form .wpcf7-form .button,
body.home .home-form .wpcf7-form input[type="submit"] {
  width: 100% !important;
  height: auto !important;
  padding: 14px 20px !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  letter-spacing: 1px !important;
  background: #1a2840 !important;
  color: #ffffff !important;
  border: none !important;
  border-radius: 6px !important;
  cursor: pointer !important;
  text-indent: 0 !important;
}
body.home .home-form .wpcf7-form .button::after,
body.home .home-form .wpcf7-form input[type="submit"]::after {
  content: none !important;
}
body.home .home-form .wpcf7-form .button:hover {
  background: #2a3e5e !important;
}

@media (max-width: 480px) {
  body.home .title-section h5,
  body.home .practice-area h5 {
    font-size: 28px !important;
  }
  body.home .home-form,
  body.home .form-section .home-form {
    padding: 30px 20px !important;
  }
  body.home .sl-slide img {
    width: 180px !important;
    height: 180px !important;
  }
}

/* =============================================================
   TEAM SECTION STATIC — clean replacement after theme template edit
   Replaces all the slitslider drama with a simple 2-column grid.
   ============================================================= */

body.home .team-section-static {
  padding: 60px 0 80px;
  background: #ffffff;
  margin-bottom: 60px !important;
  padding-bottom: 80px !important;
}

body.home .team-section-static .container {
  max-width: 1100px;
  margin: 0 auto;
  padding: 0 30px;
}

body.home .team-section-static .row {
  display: flex !important;
  flex-wrap: wrap;
  justify-content: center;
  align-items: stretch;
  margin: 0 -15px;
}

body.home .attorney-card-static {
  padding: 40px 30px;
  text-align: center;
  width: 50%;
  box-sizing: border-box;
}

@media (max-width: 768px) {
  body.home .attorney-card-static {
    width: 100%;
  }
}

body.home .attorney-photo-static {
  margin-bottom: 25px;
}

body.home .attorney-photo-static img {
  width: 240px !important;
  height: 240px !important;
  max-width: 240px !important;
  border-radius: 50% !important;
  object-fit: cover !important;
  object-position: center 20% !important;
  margin: 0 auto !important;
  display: block !important;
  border: 4px solid #ffffff;
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);
}

body.home .attorney-name-static {
  font-size: 22px !important;
  font-weight: 700 !important;
  text-transform: uppercase;
  letter-spacing: 1px;
  margin: 0 0 8px !important;
  color: #1a2840 !important;
}

body.home .attorney-name-static a {
  color: #1a2840 !important;
  text-decoration: none !important;
}

body.home .attorney-position-static {
  font-size: 13px !important;
  font-weight: 600 !important;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #6b7280 !important;
  margin: 0 0 18px !important;
}

body.home .attorney-bio-static {
  font-size: 15px !important;
  line-height: 1.65 !important;
  color: #4b5563 !important;
  margin: 0 auto 24px !important;
  max-width: 360px;
}

body.home .attorney-button-static {
  display: inline-block;
  padding: 12px 36px !important;
  background: transparent !important;
  color: #1a2840 !important;
  border: 1px solid #1a2840 !important;
  border-radius: 0 !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  letter-spacing: 1.5px !important;
  text-transform: uppercase !important;
  transition: all 0.2s ease;
  text-decoration: none !important;
}

body.home .attorney-button-static:hover {
  background: #1a2840 !important;
  color: #ffffff !important;
}

@media (max-width: 480px) {
  body.home .attorney-photo-static img {
    width: 180px !important;
    height: 180px !important;
  }
  body.home .attorney-card-static {
    padding: 30px 20px;
  }
}

/* ===== JUL 16 FIX: Contract Law (and any .home-form) tiling image ===== */
.home-form {
  background-size: cover !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
}


/* ===== JUL 16 FIX: consent checkbox inline + textarea shows full T&Cs (all wpcf7 forms) ===== */
form.wpcf7-form .wpcf7-checkbox { text-align: center !important; }
form.wpcf7-form .wpcf7-checkbox .wpcf7-list-item {
  display: inline-block !important;
  text-align: left !important;
  max-width: 600px !important;
  width: 100% !important;
}
form.wpcf7-form .wpcf7-checkbox .wpcf7-list-item label {
  display: flex !important;
  align-items: flex-start !important;
  gap: 10px !important;
  text-align: left !important;
  width: 100% !important;
  margin: 0 !important;
}
form.wpcf7-form .wpcf7-checkbox .wpcf7-list-item label input[type=checkbox] {
  width: 18px !important;
  height: 18px !important;
  min-width: 18px !important;
  margin: 3px 0 0 0 !important;
  flex: 0 0 auto !important;
}
form.wpcf7-form .wpcf7-checkbox .wpcf7-list-item-label { flex: 1 1 auto !important; }
form.wpcf7-form textarea.wpcf7-textarea { min-height: 300px !important; height: 300px !important; }


/* ===== JUL 16 FIX: remove blue Quick Contact form on practice pages (keep white form) ===== */
/* White form added to Contract Law content so no page is left formless. Homepage form NOT affected (scoped to single-hakim-practice). */
body.single-hakim-practice .contact-practice,
body.single-hakim-practice .form-section { display: none !important; }


/* ===== JUL 16 FIX: remove leftover blocks below contact form on practice pages ===== */
/* Attorney Concerned boilerplate + Jetpack Related Posts + Prev/Next post nav. Page ends cleanly at Send. */
body.single-hakim-practice .jp-relatedposts,
body.single-hakim-practice #jp-relatedposts,
body.single-hakim-practice .practice-post-object,
body.single-hakim-practice .prev-practice,
body.single-hakim-practice .next-practice { display: none !important; }


/* ===== JUL 16 FIX: Legal Team page - remove blank blue contact box + dead space ===== */
body.single-hakim-team .form-section,
body.single-hakim-team .team-detail,
body.single-hakim-team .contact-team { display: none !important; }


/* ===== JUL 16 FIX: Contact Us page - remove Get in Touch block (hours/fax/email/location). Map + form kept. Confirmed w/ Masoud on 7/16 call. ===== */
body.page-template-contact-template .contact-details { display: none !important; }


/* ===== JUL 16 FIX: header layout - address left, email/phone/search stacked right (desktop). Confirmed w/ Masoud 7/16 call. Mobile top bar was already hidden by theme - unchanged. ===== */
.info.col-md-4 > ul { display: none !important; }
.info.col-md-4 { text-align: left !important; }
.info.col-md-4::before {
  content: "22 West Washington Street\A Suite 1500\A Chicago, Illinois 60602";
  white-space: pre-line;
  display: block;
  line-height: 1.5;
  font-size: 14px;
  color: #555;
  padding-top: 4px;
}
.search.col-md-4 { text-align: right !important; }
.search.col-md-4::before {
  content: "Info@MirsafianLaw.com\A 312-532-1070";
  white-space: pre-line;
  display: block;
  line-height: 1.5;
  font-size: 14px;
  color: #555;
  margin-bottom: 6px;
}


/* ===== MM FEEDBACK 2026-08 (Erin / InkLock) ===== */

/* 1. Header: drop the address block and the email/phone block below the
      MIRSAFIAN LAW GROUP wordmark so nothing sits in line with it. */
@media (min-width: 992px) {
  .top-header .info.col-md-4::before   { margin-top: 42px; }
  .top-header .search.col-md-4::before { margin-top: 56px; }
}

/* 2. Home page Contact Us: show the full disclaimer without an inner
      scrollbar, matching the Contact Us page. */
body.home .wpcf7-form textarea.message-field {
  min-height: 320px;
  max-height: none;
  height: 320px;
}
@media (max-width: 767px) {
  body.home .wpcf7-form textarea.message-field {
    min-height: 480px;
    height: 480px;
  }
}
/* ===== end MM FEEDBACK 2026-08 ===== */


/* ===== MM FEEDBACK AUG 2026 (Erin / InkLock) ===== */

/* 1. Header: drop the address block and the email/phone block below the
      MIRSAFIAN LAW GROUP wordmark so neither sits in line with it. */
@media (min-width: 992px) {
  .top-header .info.col-md-4::before   { margin-top: 42px; }
  .top-header .search.col-md-4::before { margin-top: 56px; }
}

/* 2. Home page Contact Us: show the full disclaimer without an inner
      scrollbar, matching the Contact Us page. */
body.home .wpcf7-form textarea.message-field {
  min-height: 320px;
  max-height: none;
  height: 320px;
}
@media (max-width: 767px) {
  body.home .wpcf7-form textarea.message-field {
    min-height: 480px;
    height: 480px;
  }
}
/* ===== end MM FEEDBACK AUG 2026 ===== */


/* ===== MM CALL FIX AUG 20 (Erin / InkLock) ===== */
/* Between 769px and 991px the three header columns stacked, which put the
   address ABOVE the wordmark and the email below it. Keep the logo first
   and both contact blocks underneath it, centered, at every width. */
@media (min-width: 769px) and (max-width: 991px) {
  #header .top-header { display: flex; flex-direction: column; }
  #header .top-header .logo.col-md-4   { order: 1; float: none; }
  #header .top-header .info.col-md-4   { order: 2; float: none; margin-top: 14px; text-align: center !important; }
  #header .top-header .search.col-md-4 { order: 3; float: none; margin-top: 8px;  text-align: center !important; }
  #header .top-header .search.col-md-4 .searchform { width: 260px; margin-left: auto; margin-right: auto; text-align: center; }
}
/* ===== end MM CALL FIX AUG 20 ===== */