/* SLWRF comprehensive mobile fix v20260722y
   Root style.css loads AFTER responsive.css and re-applies desktop
   paddings/widths (e.g. container-fluid padding 142px → ~76px cards).
   This file is enqueued last and must win. */
@media (max-width: 991px) {
  html, body, .wrapper {
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: hidden !important;
  }

  .container,
  .container-fluid {
    width: 100% !important;
    max-width: 100% !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
    box-sizing: border-box !important;
  }

  /* THE narrow-column bug: desktop 142px side padding */
  .build-workforce-housing .container-fluid,
  .page-id-241 .build-workforce-housing .container-fluid,
  .community-events-sec .container-fluid,
  .logo-section .container-fluid {
    padding-left: 15px !important;
    padding-right: 15px !important;
  }

  .build-workforce-housing {
    overflow: hidden !important;
  }
  .build-workforce-housing:after {
    top: 40px !important;
  }


  /* Header / mobile nav — root style.css loads after responsive and hides hamburger */
  .main-header,
  .main-header .container,
  .header-right-block {
    position: relative !important;
  }
  .header-right-block {
    padding-top: 0 !important;
    align-items: center !important;
    min-height: 42px !important;
  }
  .main-logo {
    width: 140px !important;
    max-width: 55% !important;
    position: relative !important;
    z-index: 1000 !important;
  }
  .main-logo img {
    width: 100% !important;
    height: auto !important;
  }
  .menu-icon {
    display: block !important;
    font-size: 0 !important;
    width: 45px !important;
    height: 30px !important;
    position: absolute !important;
    right: 11px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    -webkit-transform: translateY(-50%) !important;
    z-index: 1001 !important;
    cursor: pointer !important;
  }
  .menu-icon .menu-box {
    width: 40px !important;
    height: 27px !important;
    position: absolute !important;
    right: 0 !important;
    top: -5px !important;
    padding: 5px !important;
  }
  .menu-icon .menu-box span {
    width: 100% !important;
    height: 2px !important;
    margin-bottom: 5px !important;
    background: #6caedf !important;
    display: block !important;
  }
  .menu-icon .menu-box span:nth-child(2) {
    background: #004b8d !important;
  }
  .menu-icon .menu-box span:last-child {
    width: 20px !important;
  }
  .menu-icon.active .menu-box span:last-child {
    width: 100% !important;
  }
  .header-button {
    display: block !important;
    padding: 0 !important;
    margin: 0 58px 0 6px !important;
    position: relative !important;
    z-index: 1000 !important;
    flex: 0 0 auto !important;
  }
  .header-button .btn {
    min-width: 0 !important;
    width: auto !important;
    max-width: none !important;
    padding: 9px 14px !important;
    font-size: 11px !important;
    letter-spacing: 0.03em !important;
    white-space: nowrap !important;
    line-height: 1.2 !important;
  }
  /* Heart circle crowds the hamburger on narrow phones — drop it in header only */
  .header-button .btn .fa,
  .header-button .btn i {
    display: none !important;
  }
  .menu-icon {
    right: 10px !important;
  }
  .main-header .container {
    padding-left: 12px !important;
    padding-right: 12px !important;
    gap: 8px !important;
  }
  .enumenu_ul {
    display: none !important;
    width: 100% !important;
    max-width: 100% !important;
    position: fixed !important;
    left: 0 !important;
    right: 0 !important;
    top: 60px !important;
    z-index: 999 !important;
    overflow: auto !important;
    height: calc(100vh - 60px) !important;
    max-height: calc(100vh - 60px) !important;
    padding: 30px 0 40px !important;
    margin: 0 !important;
    background: #0c5392 !important;
    background-size: cover !important;
  }
  .menu-icon.active ~ .enumenu_ul,
  .enumenu_container .menu-icon.active ~ .enumenu_ul {
    display: block !important;
  }
  .enumenu_ul > li {
    width: 100% !important;
    display: block !important;
    margin: 0 0 15px !important;
    padding: 0 !important;
    text-align: center !important;
  }
  .enumenu_ul li a {
    padding: 0 10px !important;
    font-size: 18px !important;
    display: inline-block !important;
    color: #fff !important;
    letter-spacing: 1px !important;
    line-height: 1.4 !important;
    margin-top: 0 !important;
  }
  .enumenu_ul li a:hover,
  .enumenu_ul li a:focus,
  .enumenu_ul > li.current_page_item > a,
  .enumenu_ul > li.current-menu-item > a {
    color: #4db7a6 !important;
  }
  .enumenu_ul li ul {
    width: 100% !important;
    position: static !important;
    float: none !important;
    transform: none !important;
    box-shadow: none !important;
    background: transparent !important;
    padding: 10px 0 0 !important;
    text-align: center !important;
  }
  .enumenu_ul li ul li {
    display: block !important;
    width: 100% !important;
    margin-bottom: 10px !important;
  }
  .enumenu_ul li ul li a {
    font-size: 16px !important;
    color: #fff !important;
    padding: 0 !important;
  }
  .enumenu_ul > li.menu-item-has-children:after,
  .enumenu_ul li a:after,
  .enumenu_ul > li > a.menubelow:after {
    display: none !important;
  }
  .enumenu_ul > li.mobile {
    display: block !important;
  }
  .site-header {
    z-index: 1002 !important;
  }
  .banner,
  .banner-sec {
    margin-top: 70px !important;
  }

  /* Priority / story cards — full width stack */
  .workforce-housing-parent,
  .ways-give .workforce-housing-parent,
  .build-workforce-housing .workforce-housing-parent {
    display: flex !important;
    flex-direction: column !important;
    flex-wrap: nowrap !important;
    width: 100% !important;
    max-width: 100% !important;
    padding: 15px !important;
    box-sizing: border-box !important;
  }
  .ways-give .workforce-housing-parent:first-child,
  .page-id-241 .ways-give .workforce-housing-parent:first-child {
    padding: 15px !important;
    width: 100% !important;
  }
  .workforce-housing-child,
  .ways-give .workforce-housing-child,
  .build-workforce-housing .workforce-housing-child,
  .workforce-housing-parent .comm-events {
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 auto !important;
    padding: 0 !important;
    margin: 0 0 16px !important;
    box-sizing: border-box !important;
  }
  .workforce-housing-bg,
  .ways-give .workforce-housing-bg {
    width: 100% !important;
    min-height: 260px !important;
    overflow: hidden !important;
  }
  .ways-give .text-btn {
    width: 100% !important;
    padding: 18px 64px 18px 16px !important;
    min-height: 0 !important;
    height: auto !important;
    box-sizing: border-box !important;
  }
  .ways-give .arrow-btn {
    width: 52px !important;
  }

  /* Hide oversized decorative cross watermark */
  .our-mission-vision {
    overflow: hidden !important;
    padding: 40px 0 24px !important;
  }
  .our-mission-vision:after,
  .ways-give .workforce-housing-parent:after {
    display: none !important;
    content: none !important;
    background: none !important;
    width: 0 !important;
    height: 0 !important;
  }

  /* About / mission — kill desktop 230px bottom pad + 446px min-height gap */
  .our-mission-vision {
    padding: 40px 0 24px !important;
  }
  .our-mission-details,
  .our-mission-bg {
    width: 100% !important;
    max-width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-bottom: 0 !important;
  }
  .our-mission-bg {
    min-height: 0 !important;
    height: auto !important;
  }
  .our-mission-bg img {
    width: 100% !important;
    height: auto !important;
    display: block !important;
    margin: 0 !important;
  }
  .our-mission-vision .container {
    flex-wrap: wrap !important;
    align-items: stretch !important;
    gap: 0 !important;
  }
  .about-heading {
    margin-bottom: 16px !important;
    padding: 0 15px !important;
  }
  .years-experience {
    bottom: 0 !important;
    right: 0 !important;
  }

  /* News cards stack */
  .news-stories-sec .row,
  .home-news-story .row {
    display: flex !important;
    flex-direction: column !important;
    flex-wrap: nowrap !important;
    width: 100% !important;
  }
  .news-stories-blog,
  .home-news-story .news-stories-blog,
  .news-stories-sec .news-stories-blog,
  .left_news .news-stories-blog {
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 auto !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-bottom: 28px !important;
    box-sizing: border-box !important;
  }
  .news-stories-bg {
    width: 100% !important;
    min-height: 200px !important;
  }
  .left_news,
  .right_news {
    width: 100% !important;
    max-width: 100% !important;
  }

  /* Partners */
  .collective--child {
    width: 100% !important;
    max-width: 100% !important;
  }
  .collective--child h3 {
    width: auto !important;
    max-width: calc(100% - 120px) !important;
  }

  /* Counters */
  .count-child,
  .home.page-template-template-home-php .count-child {
    width: 50% !important;
  }

  /* Community events */
  .community-events-video,
  .community-events-details {
    width: 100% !important;
  }

  /* Hero — full-bleed fade slider (no blank autoplay frames) */
  .home-slider,
  .banner-sec,
  .banner,
  .banner_slides,
  .banner_slides .slick-list {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    box-sizing: border-box !important;
  }
  .home-slider {
    margin-top: 70px !important;
    overflow: hidden !important;
  }
  .banner_slides .slick-list {
    overflow: hidden !important;
    height: 420px !important;
    min-height: 420px !important;
  }
  /* Fade track stays viewport-wide; slides overlay absolutely */
  .banner_slides.slick-fade .slick-track {
    width: 100% !important;
    max-width: 100% !important;
    transform: none !important;
    display: block !important;
  }
  .banner_slides.slick-fade .slick-slide,
  .banner_slides.slick-fade .item-slide {
    position: absolute !important;
    left: 0 !important;
    top: 0 !important;
    right: 0 !important;
    float: none !important;
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    height: 100% !important;
    min-height: 420px !important;
    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    box-sizing: border-box !important;
    opacity: 0 !important;
    z-index: 1 !important;
  }
  .banner_slides.slick-fade .slick-slide.slick-active,
  .banner_slides.slick-fade .slick-slide.slick-current {
    opacity: 1 !important;
    z-index: 2 !important;
  }
  .banner_slides .item-slide > .container {
    width: 100% !important;
    max-width: 100% !important;
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
  .item-slide:before {
    width: 100% !important;
    left: 0 !important;
    right: 0 !important;
    -webkit-clip-path: none !important;
    clip-path: none !important;
    transform: none !important;
  }
  .item-slide .banner-caption span,
  .item-slide .banner-caption h6 {
    color: #fff !important;
  }
  .item-slide .banner-caption .btn {
    min-width: 0 !important;
    padding: 14px 46px 14px 16px !important;
  }
  .item-slide .banner-caption .btn .fa {
    width: 28px !important;
    height: 28px !important;
    line-height: 28px !important;
    font-size: 13px !important;
  }

  /* Footer */
  .ftr-nav {
    width: 100% !important;
  }
}

@media (max-width: 767px) {
  .container,
  .container-fluid,
  .build-workforce-housing .container-fluid {
    padding-left: 15px !important;
    padding-right: 15px !important;
  }
  .count-child,
  .home.page-template-template-home-php .count-child {
    width: 100% !important;
  }
  .workforce-housing-child,
  .ways-give .workforce-housing-child,
  .news-stories-blog {
    width: 100% !important;
  }
}