/* Rowland Made Website V175 — single centred newsletter close icon */

/*
 * V160 draws legacy close icons with button pseudo-elements. The newsletter
 * button now owns one inline SVG, so those generated bars must not participate
 * in its grid or they create a second X above the SVG in Safari.
 */
.rm-newsletter-close::before,
.rm-newsletter-close::after {
  content: none !important;
  display: none !important;
  width: 0 !important;
  height: 0 !important;
  transform: none !important;
}

.rm-newsletter-close.rm-close-control {
  position: absolute !important;
  z-index: 2;
  inset: 13px 13px auto auto !important;
  width: 44px !important;
  height: 44px !important;
  min-width: 44px !important;
  min-height: 44px !important;
  box-sizing: border-box !important;
  display: grid !important;
  grid-template: "close-icon" 1fr / 1fr !important;
  place-items: center !important;
  padding: 0 !important;
  border: 1px solid currentColor !important;
  border-radius: 50% !important;
  background: rgba(255, 249, 238, 0.96) !important;
  color: var(--rm-news-ink) !important;
  font-size: 0 !important;
  line-height: 0 !important;
  appearance: none !important;
  -webkit-appearance: none !important;
  transform: none !important;
  cursor: pointer;
}

.rm-newsletter-close > .rm-close-icon {
  grid-area: close-icon !important;
  position: static !important;
  inset: auto !important;
  display: block !important;
  width: 18px !important;
  height: 18px !important;
  min-width: 0 !important;
  min-height: 0 !important;
  margin: 0 !important;
  overflow: visible !important;
  transform: none !important;
  pointer-events: none !important;
}

@media (max-width: 640px) {
  .rm-newsletter-close.rm-close-control {
    inset: 11px 11px auto auto !important;
  }
}