/* ==========================================================================
   Return My Vote — Additional CSS
   Appearance → Customize → Additional CSS
   Last updated: August 11, 2026
   Brand colors: red #E22030 · navy #252960
   ========================================================================== */


/* --------------------------------------------------------------------------
   Hero banner — keep it anchored at the top on desktop
   -------------------------------------------------------------------------- */

#nectar-slider-instance-1 .image-bg {
  background-position: center top !important;
}


/* --------------------------------------------------------------------------
   Main nav call-to-action button ("Check My Eligibility")
   Requires the CSS class `rmv-cta` on that menu item
   (Appearance → Menus → Screen Options → tick CSS Classes)
   -------------------------------------------------------------------------- */

#top nav > ul > li.rmv-cta > a {
  background: #E22030;
  border-radius: 4px;
  padding: 8px 16px !important;
  margin-left: 8px;
	position: relative;
  top: -10px;
}

/* Salient puts the label in an inner span, so the color has to be set
   on the span too — setting it on the link alone leaves the text black. */
#top nav > ul > li.rmv-cta > a,
#top nav > ul > li.rmv-cta > a span,
#top nav > ul > li.rmv-cta > a .menu-title-text {
  color: #ffffff !important;
  font-weight: 600;
}

#top nav > ul > li.rmv-cta > a:hover {
  background: #252960;
}

#top nav > ul > li.rmv-cta > a:hover span,
#top nav > ul > li.rmv-cta > a:hover .menu-title-text {
  color: #ffffff !important;
}


/* --------------------------------------------------------------------------
   Mobile fixes — phones and small tablets, 1000px and below
   -------------------------------------------------------------------------- */

@media (max-width: 1000px) {

  html,
  body {
    overflow-x: hidden !important;
  }

  body {
    max-width: 100% !important;
  }

  img,
  iframe,
  video {
    max-width: 100% !important;
    height: auto !important;
  }

  .paypal-donation,
  .paypal-donation form,
  .paypal-donation table {
    max-width: 100% !important;
  }

  #nectar-slider-instance-1,
  #nectar-slider-instance-1 .swiper-container,
  #nectar-slider-instance-1 .swiper-wrapper,
  #nectar-slider-instance-1 .swiper-slide {
    height: 50vw !important;
    min-height: 0 !important;
    max-height: 50vw !important;
  }

  #nectar-slider-instance-1 .image-bg,
  #nectar-slider-instance-1 .slide-bg-wrap {
    height: 50vw !important;
    min-height: 0 !important;
    background-size: contain !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
  }

}