/*
 * Site-wide custom code <style> from the Webflow head (Site Settings > Custom Code).
 * Copied verbatim from berrylaw.com (Webflow site 69cc04b0beb6420ec58d55eb) on 2026-10-13
 * so /disability, /back-pay and /hearing render exactly like the Webflow pages.
 * Re-copy it if the Webflow design changes; do not edit by hand.
 */
body {
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
    }
   	[id]{scroll-margin-top:var(--off,136px)}
  	html{scroll-behavior:smooth}
    .w-nav .navigation[data-nav-menu-open] {
      display: flex !important;
    }

    /* Step 1: Reset counter on the list wrapper */
    .related-services-list {
      counter-reset: service-counter;
    }
    .related-services-list .w-dyn-item {
      counter-increment: service-counter;
    }
    .service-number::before {
      content: counter(service-counter, decimal-leading-zero);
    }

    /* Blog Post */
    .blog-rich-text h1,
    .blog-rich-text h2,
    .blog-rich-text h3 {
      font-family:
        Bebas Neue,
        sans-serif;
      font-size: var(--_typography---display-3);
      font-weight: 400;
      line-height: 24px;
      color: var(--_text-colors---white);
      margin: 0 0 10px 0;
    }
    .blog-rich-text p,
    .blog-rich-text ul,
    .blog-rich-text ol {
      margin-bottom: 18px;
    }
    .blog-rich-text ul,
    .blog-rich-text ol {
      padding-left: 18px;
    }
    .blog-rich-text blockquote {
      display: flex;
      flex-direction: column;
      gap: 8px;
      border: none;
      margin: 0 0 16px;
      padding: 24px 24px 24px 44px;
      font-size: 14px;
      line-height: 24px;
      background: var(--_background-colors---knockout-green);
      border-radius: 8px;
      color: var(--_text-colors---white);
      position: relative;
    }
    .blog-rich-text blockquote:after {
      content: '';
      position: absolute;
      width: 4px;
      background: var(--_background-colors---gold);
      height: calc(100% - 48px);
      top: 24px;
      left: 24px;
      border-radius: 8px;
    }
    .blog-rich-text blockquote strong {
      color: var(--_text-colors---gold);
    }
    .blog-rich-text figure {
      margin-bottom: 16px;
    }
    .blog-rich-text blockquote br {
      display: none;
    }
    .one-line-clamp {
      display: -webkit-box !important;
      -webkit-line-clamp: 1;
      -webkit-box-orient: vertical;
      overflow: hidden;
    }
    .two-line-clamp {
      display: -webkit-box !important;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
      overflow: hidden;
    }
    .our-service-richtext ul,
    .our-service-richtext ol {
      display: flex;
      gap: 10px;
      flex-flow: column;
      justify-content: flex-start;
      align-items: flex-start;
      padding-left: 20px;
    }

    /* When dialog is opened via showModal, it overlays EVERYTHING */
    /* Modal Styles */
    .vi-modal-overlay {
      border: none;
      padding: 0;
      margin: auto;
      background: transparent;
      display: flex;
      align-items: center;
      justify-content: center;
      position: fixed;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      width: 100vw;
      height: 100vh;
      max-width: 100vw;
      max-height: 100vh;
      opacity: 0;
      visibility: hidden;
      transition: opacity 0.3s ease, visibility 0.3s ease;
      z-index: 2147483647 !important; /* Safety fallback for older browsers */
    }
    .vi-modal-overlay::backdrop {
      background: rgba(255, 255, 255, 0.2) !important;
      backdrop-filter: blur(6px); /* Premium feel */
    }

    .vi-modal-overlay.vi-modal-open {
      opacity: 1;
      visibility: visible;
    }

    .vi-modal-content {
      background: var(--_background-colors---knockout-green);
      color: var(--_text-colors---white);
      padding: 32px;
      border-radius: 15px;
      width: 90%;
      max-width: 650px;
      position: relative;
      transform: translateY(20px);
      transition: transform 0.3s ease;
      box-sizing: border-box;
      display: flex;
      flex-direction: column;
      gap: 20px;
   }
    }
    .vi-modal-overlay.vi-modal-open .vi-modal-content {
      transform: translateY(0);
    }
    .vi-modal-close {
      position: absolute;
      top: 16px;
      right: 16px;
      background: transparent;
      border: none;
      font-size: 1.5rem;
      line-height: 1;
      color: var(--vi-gray-400);
      cursor: pointer;
      transition: var(--vi-transition);
    }
    .vi-claim-form {
      display: flex;
      flex-direction: column;
      gap: 16px;
    }
    .mega-menu-link.w--current {
      color: var(--_text-colors---pressed-gold);
    }
    .overview-richtext p, .overview-richtext ul, .overview-richtext ol {
   	font-size: var(--_typography---paragraph--p-14);
     margin-bottom: 10px;
    }
    .overview-richtext ul, .overview-richtext ol {
      padding-left: 20px;
    }
   .overview-richtext li {
     padding-bottom: 4px;
   }
  .footer-location-item:last-child .seperator-vertical {
    display: none;
  }
  	.search-bar-box [data-search-clear] { opacity: 0; pointer-events: none; transition: opacity .15s; }
  .search-bar-box.has-value [data-search-clear] { opacity: 1; pointer-events: auto; }
  .rich-text p {
     font-size: var(--_typography---paragraph--p-14);
     margin-bottom: 8px;
   }
  .rich-text ul, .rich-text ol {
     font-size: var(--_typography---paragraph--p-14);
     padding-left: 20px;
   }
  .rich-text a {
     color: var(--_text-colors---light-gray);
     text-decoration: underline;
   }
  .rich-text a:hover {
     text-decoration: inherit;
   }
  .rich-text h2, .rich-text h3, .rich-text h4, .rich-text h5, .rich-text h6 {
     font-size: var(--_typography---paragraph--p-14);
     margin: 10px 0 6px 0;
   }
   .clamp-wrap .clamp {
     display: -webkit-box;
     -webkit-box-orient: vertical;
     -webkit-line-clamp: 4;
     line-clamp: 4;
     overflow: hidden;
   }
  .our-veteran-riche-text p {
     font-size: var(--_typography---subtitle-2);
     line-height: 26px;
     margin-bottom: 10px;
   }
  .out-veteran-slider .vt-row {
     display: flex;
     align-items: flex-start;
     gap: 30px;
     padding-left: 64px;
   }
   .out-veteran-slider .vt-deck {
     position: relative;
     width: 100%;
     max-width: 340px;
     aspect-ratio: 340/460;
     flex: 0 1 340px;
   }
   .out-veteran-slider #vtText {
     flex: 1 1 260px;
     min-width: 0;
     transition: opacity 0.25s ease;
   }

   .out-veteran-slider .vt-card {
     position: absolute;
     border-radius: 18px;
     overflow: hidden;
     box-shadow: 0 18px 40px rgba(0, 0, 0, 0.18);
     transition:
       left 0.5s cubic-bezier(0.4, 0, 0.2, 1),
       top 0.5s cubic-bezier(0.4, 0, 0.2, 1),
       width 0.5s cubic-bezier(0.4, 0, 0.2, 1),
       height 0.5s cubic-bezier(0.4, 0, 0.2, 1),
       transform 0.5s cubic-bezier(0.4, 0, 0.2, 1),
       opacity 0.4s ease;
   }
   .out-veteran-slider .vt-card .our-veteran-img {
     width: 100% !important;
     height: 100% !important;
   }

   .out-veteran-slider .vt-front {
     left: 0;
     top: 0;
     width: 100%;
     height: 100%;
     transform: rotate(0deg);
     opacity: 1;
     z-index: 5;
   }
   .out-veteran-slider .vt-mid {
     left: -8%;
     top: 9.5%;
     width: 82%;
     height: 80%;
     transform: rotate(-1deg);
     opacity: 0.95;
     z-index: 4;
   }
   .out-veteran-slider .vt-back {
     left: -16%;
     top: 12%;
     width: 76%;
     height: 74%;
     transform: rotate(-2deg);
     opacity: 0.9;
     z-index: 3;
   }
   .out-veteran-slider .vt-exit-l {
     left: -47%;
     top: 4%;
     width: 100%;
     height: 100%;
     transform: rotate(-6deg);
     opacity: 0;
     z-index: 6;
   }
   .out-veteran-slider .vt-exit-r {
     left: 47%;
     top: 4%;
     width: 100%;
     height: 100%;
     transform: rotate(6deg);
     opacity: 0;
     z-index: 6;
   }
   .out-veteran-slider .vt-enter-l {
     left: -59%;
     top: 4%;
     width: 100%;
     height: 100%;
     transform: rotate(-8deg);
     opacity: 0;
     z-index: 6;
   }
   .out-veteran-slider .vt-back-out {
     left: 24%;
     top: 15%;
     width: 76%;
     height: 74%;
     transform: rotate(10deg);
     opacity: 0;
     z-index: 6;
   }
    @media screen and (max-width: 767px) {
      .our-service-richtext ul,
      .our-service-richtext ol {
        gap: 5px;
      }
       .out-veteran-slider .vt-mid,
       .out-veteran-slider .vt-back {
         display: none;
       }
       .out-veteran-slider .vt-row {
         flex-direction: column;
         align-items: stretch;
         gap: 20px;
       }
       .out-veteran-slider .vt-row {
         padding-left: 0px;
       }
      .out-veteran-slider .vt-deck {
        max-width: 250px;
      }
      .our-veteran-riche-text p {
        font-size: 14px;
   		line-height: 22px;
        margin-bottom: 8px;
      }
    }