/* moorepawn.com — phone/tablet layer over the archived Duda desktop template (desktop >=768px untouched) */
@media (max-width: 767px) {
  html, body { overflow-x: hidden !important; }
  #dm .dmOuter, #dm .dmInner, #dm #dmStyle_innerContainer, #dm .dmLayoutWrapper, #dm .standardHeaderLayout,
  #dm .dmContent, #dm .dmBody, #dm #site_content, #dm .dmHeaderContainer, #dm .dmFooterContainer,
  #dm .dmRespRowsWrapper, #dm .dmRespRow, #dm .dmRespColsWrapper, #dm .dmHeader, #dm .dmFooter,
  #dm #hcontainer, #dm #fcontainer, #dm .dmFooterResp {
    min-width: 0 !important; max-width: 100% !important; width: 100% !important;
    margin-left: 0 !important; margin-right: 0 !important; box-sizing: border-box !important;
  }
  #dm .dmRespRow { padding-left: 16px !important; padding-right: 16px !important; }
  #dm .dmRespColsWrapper { display: block !important; }
  #dm .dmRespCol { width: 100% !important; max-width: 100% !important; float: none !important;
    padding-left: 0 !important; padding-right: 0 !important; margin-left: 0 !important; margin-right: 0 !important; }
  #dm .dmRespCol + .dmRespCol { margin-top: 18px !important; }
  #dm img, #dm iframe, #dm video { max-width: 100% !important; height: auto; }
  #dm iframe { width: 100% !important; }
  #dm .dmBody h1 { font-size: 26px !important; line-height: 1.25 !important; }
  #dm .dmBody h2 { font-size: 22px !important; line-height: 1.3 !important; }
  #dm .dmBody h3 { font-size: 19px !important; line-height: 1.3 !important; }
  #dm .dmBody p, #dm .dmBody li { font-size: 16px !important; line-height: 1.55 !important; }
  #dm .dmBody div[style*="width"], #dm .dmBody .dmNewParagraph { max-width: 100% !important; }
  #dm .dmPhotoGallery, #dm .dmSlider, #dm .dmImageSlider, #dm .imageWidget { max-width: 100% !important; width: 100% !important; }
  #dm .dmPopup { width: 92% !important; left: 4% !important; }

  /* header: logo + phone, nav below as a toggled list */
  #dm .dmHeader .dmRespColsWrapper, #dm .dmHeaderContainer .dmRespColsWrapper { display: flex !important; flex-wrap: wrap !important; align-items: center !important; }
  #dm .dmHeaderContainer .dmRespCol { width: 100% !important; text-align: center !important; }
  #dm .dmHeaderContainer .imageWidget img, #dm .dm-logo-image { max-width: 240px !important; margin: 0 auto !important; display: block !important; }
  /* header: phone + facebook row on top, centered logo, full-width Menu button, nav list under it */
  #dm #desktopHeaderBox .dmHeader, #dm #desktopHeaderBox .dmRespColsWrapper { height: auto !important; min-height: 0 !important; }
  #dm #desktopHeaderBox .dmRespCol { display: block !important; width: 100% !important; max-width: 100% !important; height: auto !important; }
  #dm #desktopHeaderBox .logoTitleWrapper, #dm #logo-div, #dm #dm-logo-anchor { display: block !important; width: 100% !important;
    height: auto !important; text-align: center !important; position: static !important; }
  #dm #dm-logo-image { width: auto !important; max-width: 260px !important; height: auto !important; margin: 0 auto 10px !important; display: block !important; }
  #dm .innerSocialRow { position: static !important; height: auto !important; width: 100% !important; display: flex !important;
    justify-content: center !important; align-items: center !important; gap: 14px; padding: 8px 0 6px !important; }
  #dm .innerSocialRow > * { position: static !important; width: auto !important; margin: 0 !important; }
  #dm .innerSocialRow .dmSocialParagraph { text-align: center !important; }
  #dm #desktopHeaderBox, #dm .dHeader, #dm .dmHeader { min-width: 0 !important; width: 100% !important; height: auto !important; }
  #dm #upperFloatingNav { display: none !important; width: 100% !important; height: auto !important; position: static !important; }
  html.mp-nav-open #dm #upperFloatingNav { display: block !important; }
  #dm #upperFloatingNavigation { display: block !important; width: 100% !important; height: auto !important; text-align: center !important; }
  #dm #upperFloatingNavigation li { display: block !important; float: none !important; width: 100% !important; height: auto !important; }
  #dm #upperFloatingNavigation li a { display: block !important; padding: 13px 10px !important; font-size: 17px !important;
    line-height: 1.3 !important; height: auto !important; border-top: 1px solid rgba(0,0,0,.08); }
  #dm #upperFloatingNavigation, #dm #upperFloatingNavigation li, #dm #upperFloatingNavigation li a {
    margin: 0 !important; padding-left: 0 !important; padding-right: 0 !important; text-indent: 0 !important; text-align: center !important; }
  #dm #upperFloatingNavigation li a { padding-top: 13px !important; padding-bottom: 13px !important; }
  /* Duda per-element desktop side paddings (up to 70px) squeeze text on phones */
  #dm .dmBody .dmRespRow div[class*="u_"] { padding-left: 10px !important; padding-right: 10px !important; }
  #dm .dmBody div.dmRespRow[class*="u_"], #dm .dmBody div.dmRespRow { padding-left: 16px !important; padding-right: 16px !important; }
  #dm .dmBody h1 span, #dm .dmBody h2 span, #dm .dmBody h3 span { font-size: inherit !important; line-height: inherit !important; }
  /* our blocks */
  .mp-wrap { padding: 0 16px !important; }
  .mp-pay { padding: 32px 0 30px !important; }
  .mp-pay h2 { font-size: 24px !important; }
  .mp-pay .mp-lead { font-size: 16px !important; }
  .mp-cards { flex-direction: column !important; }
  .mp-card { flex: 1 1 auto !important; }
  .mp-btn { display: block !important; text-align: center; padding: 14px 18px !important; }
  .mp-loc .mp-wrap { display: block !important; }
  .mp-loc .mp-wrap > div + div { margin-top: 14px; }
  .mp-apply h1 { font-size: 25px !important; }
  .mp-map iframe { height: 240px !important; }
  .mp-disc p { font-size: 12px !important; }
}

/* mobile menu toggle (phones only) */
.mp-burger { display: none; }
@media (max-width: 767px) {
  .mp-burger { display: flex; align-items: center; justify-content: center; gap: 10px; width: 100%; box-sizing: border-box;
    background: #7f0404; color: #fff; font-weight: 700; font-size: 16px; line-height: 1; border: 0; padding: 14px 16px; cursor: pointer;
    -webkit-tap-highlight-color: transparent; }
  .mp-burger span { display: block; width: 20px; height: 2px; background: #fff; box-shadow: 0 6px 0 #fff, 0 -6px 0 #fff; }
}

/* sticky "Apply Online" bar: always on screen on phones, rides along while scrolling */
.mp-sticky { display: none; }
@media (max-width: 767px) {
  .mp-sticky { display: block; position: fixed; left: 0; right: 0; bottom: 0; z-index: 2147483000;
    padding: 10px 12px calc(10px + env(safe-area-inset-bottom)); background: rgba(255,255,255,.96);
    box-shadow: 0 -3px 14px rgba(0,0,0,.18); }
  .mp-sticky a { display: block; text-align: center; background: #7f0404; color: #fff !important; font-weight: 700;
    font-size: 18px; line-height: 1.2; padding: 15px 12px; border-radius: 40px; text-decoration: none !important;
    -webkit-tap-highlight-color: transparent; animation: mp-pulse 2.4s ease-in-out infinite; }
  .mp-sticky a:active { transform: scale(.98); }
  .mp-sticky small { display: block; text-align: center; font-size: 11px; color: #555; margin-top: 5px; }
  body { padding-bottom: 80px !important; }
}
@keyframes mp-pulse { 0%, 100% { box-shadow: 0 0 0 0 rgba(127,4,4,.45); } 50% { box-shadow: 0 0 0 8px rgba(127,4,4,0); } }
@media (prefers-reduced-motion: reduce) { .mp-sticky a { animation: none; } }