/* =========================================================
   P.A.R.T. USA MEMBERSHIP REGISTRATION
   PAGE ID 286
   ========================================================= */


/* ---------- PAGE CLEANUP ---------- */

body.page-id-286,
body.page-id-286 .wp-site-blocks,
body.page-id-286 main,
body.page-id-286 .wp-block-post-content,
body.page-id-286 .entry-content,
body.page-id-286 .is-layout-constrained {
  margin-left: 0 !important;
  margin-right: 0 !important;
  max-width: 100% !important;
}

body.page-id-286 .wp-block-post-content {
  padding: 0 !important;
  block-gap: 0 !important;
  background: #06142f !important;
}

body.page-id-286 .wp-block-post-title,
body.page-id-286 .entry-title,
body.page-id-286 h1.entry-title {
  display: none !important;
}


/* =========================================================
   MAIN PATRIOTIC HERO
   ========================================================= */

.partusa-member-page {
  position: relative;
  width: 100vw;
  max-width: 100vw;

  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);

  padding: 58px 24px 48px;

  overflow: hidden;

  background:
    radial-gradient(circle at 50% 0%,
      rgba(214,177,92,.22) 0%,
      transparent 40%),
    linear-gradient(
      135deg,
      #04112c 0%,
      #071b45 45%,
      #081638 70%,
      #040d20 100%
    );

  color: #f7f2e8;

  font-family: Georgia, "Times New Roman", serif;
}

.partusa-member-page,
.partusa-member-page * {
  box-sizing: border-box;
}


/* ---------- TRANSPARENT FLAG BACKGROUND ---------- */

.partusa-flag-layer {
  position: absolute;
  inset: 0;

  pointer-events: none;

  opacity: .18;

  background:
    linear-gradient(
      165deg,
      transparent 0%,
      transparent 11%,
      rgba(179,22,42,.95) 11%,
      rgba(179,22,42,.95) 18%,
      rgba(255,255,255,.85) 18%,
      rgba(255,255,255,.85) 25%,
      rgba(179,22,42,.95) 25%,
      rgba(179,22,42,.95) 32%,
      rgba(255,255,255,.82) 32%,
      rgba(255,255,255,.82) 39%,
      rgba(179,22,42,.92) 39%,
      rgba(179,22,42,.92) 46%,
      transparent 46%
    );

  transform: scale(1.15) rotate(-2deg);
}


/* ---------- BLUE STAR FIELD ---------- */

.partusa-stars-layer {
  position: absolute;

  top: -60px;
  left: -80px;

  width: 55%;
  height: 430px;

  opacity: .17;

  background:
    radial-gradient(circle, #ffffff 0 1.5px, transparent 2px);

  background-size: 33px 33px;

  transform: rotate(-7deg);

  pointer-events: none;
}


/* ---------- GOLD GLOW ---------- */

.partusa-gold-glow {
  position: absolute;
  inset: 0;

  pointer-events: none;

  background:
    radial-gradient(
      ellipse at 50% 0%,
      rgba(255,210,110,.22),
      transparent 55%
    ),
    radial-gradient(
      circle at 15% 55%,
      rgba(160,31,53,.22),
      transparent 32%
    ),
    radial-gradient(
      circle at 88% 48%,
      rgba(214,177,92,.16),
      transparent 36%
    );
}


/* ---------- GOLD SPARKLES ---------- */

.partusa-member-page::after {
  content: "";

  position: absolute;
  inset: 0;

  pointer-events: none;

  opacity: .25;

  background-image:
    radial-gradient(circle, rgba(255,220,135,.95) 0 1px, transparent 1.7px),
    radial-gradient(circle, rgba(255,255,255,.65) 0 1px, transparent 1.7px);

  background-size:
    55px 55px,
    91px 91px;

  background-position:
    0 0,
    30px 24px;
}


/* ---------- INNER ---------- */

.partusa-member-inner {
  position: relative;
  z-index: 5;

  width: 100%;
  max-width: 1180px;

  margin: 0 auto;
}


/* =========================================================
   LOGO
   ========================================================= */

.partusa-member-logo {
  display: flex;

  align-items: center;
  justify-content: center;

  gap: 5px;

  margin-bottom: 12px;
}

.partusa-logo-text {
  color: #ffffff;

  font-family: Arial, Helvetica, sans-serif;

  font-size: clamp(2.5rem, 6vw, 5.2rem);

  font-weight: 900;
  line-height: 1;

  text-shadow:
    0 4px 15px rgba(0,0,0,.48);
}

.partusa-member-a {
  display: block;

  width: auto;

  height: clamp(85px, 12vw, 150px);

  object-fit: contain;

  filter:
    drop-shadow(0 5px 12px rgba(0,0,0,.35));
}

.partusa-logo-usa {
  display: inline-flex;

  margin-left: 12px;

  font-family: Arial, Helvetica, sans-serif;

  font-size: clamp(2.4rem, 6vw, 5rem);

  font-weight: 900;
  line-height: 1;

  text-shadow:
    0 4px 15px rgba(0,0,0,.48);
}

.usa-red {
  color: #d82335;
}

.usa-white {
  color: #ffffff;
}

.usa-blue {
  color: #3282cc;
}


/* =========================================================
   HERO TEXT
   ========================================================= */

.partusa-member-hero {
  max-width: 980px;

  margin: 0 auto 44px;

  text-align: center;
}

.partusa-brand-line {
  margin-bottom: 16px;

  color: #f4d27b;

  font-family: Arial, Helvetica, sans-serif;

  font-size: clamp(.82rem, 1.3vw, 1rem);

  font-weight: 800;

  letter-spacing: .18em;
}

.partusa-hero-divider {
  width: 75%;
  max-width: 680px;
  height: 2px;

  margin: 0 auto 26px;

  background:
    linear-gradient(
      90deg,
      transparent,
      #a01f35 20%,
      #d6b15c 50%,
      #2e68a4 80%,
      transparent
    );

  box-shadow:
    0 0 12px rgba(214,177,92,.55);
}

.partusa-member-hero h1 {
  margin: 0 0 18px;

  color: #ffffff;

  font-size: clamp(2.5rem, 5.2vw, 5rem);

  line-height: 1.04;

  text-shadow:
    0 4px 18px rgba(0,0,0,.48),
    0 0 20px rgba(214,177,92,.18);
}

.partusa-hero-copy {
  max-width: 880px;

  margin: 0 auto;

  color: rgba(255,255,255,.96);

  font-family: Arial, Helvetica, sans-serif;

  font-size: clamp(1.05rem, 1.65vw, 1.28rem);

  line-height: 1.7;
}


/* ---------- FREE BADGE ---------- */

.partusa-free-badge {
  display: inline-block;

  margin-top: 26px;

  padding: 13px 34px;

  border:
    1px solid rgba(244,210,123,.82);

  border-radius: 999px;

  background:
    linear-gradient(
      135deg,
      #741426 0%,
      #a01f35 55%,
      #65101f 100%
    );

  color: #ffffff;

  font-family: Arial, Helvetica, sans-serif;

  font-size: 1rem;

  font-weight: 900;

  letter-spacing: .09em;

  box-shadow:
    0 10px 26px rgba(0,0,0,.42),
    0 0 18px rgba(214,177,92,.22);
}


/* =========================================================
   BENEFIT CARDS
   ========================================================= */

.partusa-member-benefits {
  display: grid;

  grid-template-columns:
    repeat(4, minmax(0, 1fr));

  gap: 20px;

  margin-bottom: 38px;
}

.partusa-benefit-card {
  position: relative;

  padding: 28px 23px;

  overflow: hidden;

  border:
    1px solid rgba(214,177,92,.46);

  border-radius: 19px;

  background:
    linear-gradient(
      145deg,
      rgba(5,18,48,.93),
      rgba(10,35,79,.88)
    );

  text-align: center;

  box-shadow:
    0 14px 32px rgba(0,0,0,.42),
    inset 0 1px 0 rgba(255,255,255,.05),
    0 0 22px rgba(214,177,92,.08);
}

.partusa-benefit-card::before {
  content: "";

  position: absolute;

  top: 0;
  left: 0;
  right: 0;

  height: 4px;

  background:
    linear-gradient(
      90deg,
      #9c1d31,
      #d6b15c,
      #2d68a4
    );
}

.partusa-benefit-star {
  margin-bottom: 8px;

  color: #f4d27b;

  font-size: 1.55rem;

  text-shadow:
    0 0 12px rgba(214,177,92,.55);
}

.partusa-benefit-card h2 {
  margin: 0 0 11px;

  color: #f4d27b;

  font-size: 1.48rem;
}

.partusa-benefit-card p {
  margin: 0;

  color: rgba(255,255,255,.94);

  font-family: Arial, Helvetica, sans-serif;

  font-size: .98rem;

  line-height: 1.58;
}


/* =========================================================
   REGISTRATION INTRO
   ========================================================= */

.partusa-signup-lead {
  position: relative;

  max-width: 980px;

  margin: 0 auto;

  padding: 34px 38px;

  overflow: hidden;

  border:
    1px solid rgba(214,177,92,.54);

  border-radius: 22px;

  background:
    linear-gradient(
      135deg,
      rgba(111,18,36,.80),
      rgba(7,27,69,.94) 48%,
      rgba(4,14,38,.96)
    );

  text-align: center;

  box-shadow:
    0 18px 40px rgba(0,0,0,.43),
    0 0 25px rgba(214,177,92,.14);
}

.partusa-signup-label {
  margin-bottom: 8px;

  color: #f4d27b;

  font-family: Arial, Helvetica, sans-serif;

  font-size: .92rem;

  font-weight: 900;

  letter-spacing: .15em;
}

.partusa-signup-lead h2 {
  margin: 0 0 12px;

  color: #ffffff;

  font-size:
    clamp(2rem, 3.5vw, 3rem);
}

.partusa-signup-lead p {
  max-width: 830px;

  margin: 0 auto 10px;

  color: rgba(255,255,255,.96);

  font-family: Arial, Helvetica, sans-serif;

  font-size: 1.05rem;

  line-height: 1.65;
}

.partusa-signup-agreement a {
  color: #f4d27b !important;

  font-weight: 800;

  text-decoration: underline;
}

.partusa-signup-agreement a:hover {
  color: #ffffff !important;
}


/* =========================================================
   MEMBERPRESS BLOCK AREA
   ========================================================= */

/*
   The MemberPress block is BELOW WP Coder 22 on Page 286.
   These rules style the real form.
*/

body.page-id-286 .wp-block-memberpress-readylaunch-registration,
body.page-id-286 [class*="readylaunch-registration"] {
  width: 100% !important;

  max-width: 100% !important;

  padding:
    48px 24px 70px !important;

  background:
    linear-gradient(
      180deg,
      #071b45 0%,
      #06142f 100%
    ) !important;
}


/* ---------- FORM ---------- */

body.page-id-286 .wp-block-post-content form {
  max-width: 820px !important;

  margin:
    0 auto !important;

  padding:
    34px !important;

  border:
    1px solid rgba(214,177,92,.50) !important;

  border-radius:
    22px !important;

  background:
    linear-gradient(
      145deg,
      rgba(4,14,38,.97),
      rgba(7,27,69,.94)
    ) !important;

  color:
    #ffffff !important;

  box-shadow:
    0 18px 42px rgba(0,0,0,.42),
    0 0 22px rgba(214,177,92,.11) !important;
}


/* ---------- LABELS ---------- */

body.page-id-286 .wp-block-post-content form label {
  color:
    #f4d27b !important;

  font-weight:
    800 !important;
}


/* ---------- INPUTS ---------- */

body.page-id-286 .wp-block-post-content form input[type="text"],
body.page-id-286 .wp-block-post-content form input[type="email"],
body.page-id-286 .wp-block-post-content form input[type="password"],
body.page-id-286 .wp-block-post-content form input[type="tel"],
body.page-id-286 .wp-block-post-content form input[type="number"],
body.page-id-286 .wp-block-post-content form select,
body.page-id-286 .wp-block-post-content form textarea {

  min-height:
    50px !important;

  background:
    #ffffff !important;

  color:
    #071b45 !important;

  border:
    2px solid rgba(214,177,92,.45) !important;

  border-radius:
    8px !important;

  font-size:
    16px !important;
}


/* ---------- FOCUS ---------- */

body.page-id-286 .wp-block-post-content form input:focus,
body.page-id-286 .wp-block-post-content form select:focus,
body.page-id-286 .wp-block-post-content form textarea:focus {

  border-color:
    #d6b15c !important;

  outline:
    none !important;

  box-shadow:
    0 0 0 3px rgba(214,177,92,.20) !important;
}


/* ---------- LINKS ---------- */

body.page-id-286 .wp-block-post-content form a {
  color:
    #f4d27b !important;

  font-weight:
    700 !important;
}

body.page-id-286 .wp-block-post-content form a:hover {
  color:
    #ffffff !important;
}


/* ---------- CHECKBOX ---------- */

body.page-id-286 .wp-block-post-content form input[type="checkbox"] {
  width:
    20px !important;

  height:
    20px !important;

  accent-color:
    #a01f35 !important;
}


/* ---------- SUBMIT ---------- */

body.page-id-286 .wp-block-post-content form button,
body.page-id-286 .wp-block-post-content form input[type="submit"],
body.page-id-286 .wp-block-post-content .mepr-submit {

  min-height:
    55px !important;

  padding:
    13px 28px !important;

  background:
    linear-gradient(
      135deg,
      #781426 0%,
      #b21f39 55%,
      #701222 100%
    ) !important;

  color:
    #ffffff !important;

  border:
    1px solid #d6b15c !important;

  border-radius:
    999px !important;

  font-size:
    18px !important;

  font-weight:
    900 !important;

  letter-spacing:
    .03em !important;

  box-shadow:
    0 12px 28px rgba(0,0,0,.38),
    0 0 20px rgba(214,177,92,.18) !important;

  transition:
    transform .2s ease,
    box-shadow .2s ease;
}

body.page-id-286 .wp-block-post-content form button:hover,
body.page-id-286 .wp-block-post-content form input[type="submit"]:hover,
body.page-id-286 .wp-block-post-content .mepr-submit:hover {

  transform:
    translateY(-2px);

  box-shadow:
    0 16px 32px rgba(0,0,0,.44),
    0 0 28px rgba(214,177,92,.28) !important;
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 980px) {

  .partusa-member-benefits {
    grid-template-columns:
      repeat(2, minmax(0,1fr));
  }

}


@media (max-width: 680px) {

  .partusa-member-page {
    padding:
      44px 15px 34px;
  }

  .partusa-member-logo {
    gap:
      2px;
  }

  .partusa-member-a {
    height:
      80px;
  }

  .partusa-logo-usa {
    margin-left:
      5px;
  }

  .partusa-member-benefits {
    grid-template-columns:
      1fr;
  }

  .partusa-signup-lead {
    padding:
      27px 20px;
  }

  body.page-id-286 .wp-block-post-content form {
    padding:
      24px 18px !important;
  }

}

/* =========================================================
   PAGE 286 - WIDTH + MEMBERPRESS FIX
   ADD THIS AT THE VERY BOTTOM OF WP CODER ID 22
   ========================================================= */


/* ---------------------------------------------------------
   1. FORCE PAGE 286 TO TRUE FULL WIDTH
   --------------------------------------------------------- */

body.page-id-286 .wp-site-blocks,
body.page-id-286 main,
body.page-id-286 .wp-block-post-content,
body.page-id-286 .entry-content,
body.page-id-286 .is-layout-constrained,
body.page-id-286 .is-layout-flow,
body.page-id-286 .wp-block-group,
body.page-id-286 .wp-block-group__inner-container {
  width: 100% !important;
  max-width: none !important;
}

body.page-id-286 .wp-block-post-content {
  margin: 0 !important;
  padding: 0 !important;
}

body.page-id-286 .partusa-member-page {
  width: 100vw !important;
  max-width: 100vw !important;

  margin-left: calc(50% - 50vw) !important;
  margin-right: calc(50% - 50vw) !important;

  padding-left: clamp(24px, 5vw, 80px) !important;
  padding-right: clamp(24px, 5vw, 80px) !important;
}


/* Make the designed section substantially wider */
body.page-id-286 .partusa-member-inner {
  width: 100% !important;
  max-width: 1380px !important;
}


/* ---------------------------------------------------------
   2. FIX THE FOUR SKINNY BENEFIT CARDS
   --------------------------------------------------------- */

body.page-id-286 .partusa-member-benefits {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 24px !important;

  max-width: 1180px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

body.page-id-286 .partusa-benefit-card {
  min-height: 0 !important;
  padding: 30px 34px !important;
}

body.page-id-286 .partusa-benefit-card h2 {
  font-size: clamp(1.6rem, 2vw, 2rem) !important;
}

body.page-id-286 .partusa-benefit-card p {
  font-size: 1.05rem !important;
  line-height: 1.65 !important;
}


/* ---------------------------------------------------------
   3. MAKE THE MEMBERPRESS AREA FULL WIDTH
   --------------------------------------------------------- */

body.page-id-286 .wp-block-memberpress-readylaunch-registration,
body.page-id-286 [class*="readylaunch-registration"],
body.page-id-286 [class*="mepr-rl"] {
  width: 100% !important;
  max-width: none !important;
}

body.page-id-286 .wp-block-memberpress-readylaunch-registration {
  margin: 0 !important;

  padding:
    42px clamp(24px, 5vw, 80px)
    64px !important;

  background:
    linear-gradient(
      180deg,
      #06142f 0%,
      #071b45 45%,
      #050f27 100%
    ) !important;
}


/* ---------------------------------------------------------
   4. FORCE MEMBERPRESS CHECKOUT TO ONE COLUMN
   --------------------------------------------------------- */

/*
   ReadyLaunch normally creates a summary column and a form
   column. For this FREE membership we want the form centered.
*/

body.page-id-286 .wp-block-memberpress-readylaunch-registration > div,
body.page-id-286 [class*="readylaunch-registration"] > div {
  width: 100% !important;
  max-width: 1100px !important;

  margin-left: auto !important;
  margin-right: auto !important;
}


/* Common two-column containers */
body.page-id-286 [class*="mepr-rl"] [class*="columns"],
body.page-id-286 [class*="mepr-rl"] [class*="checkout"],
body.page-id-286 [class*="mepr-rl"] [class*="registration"] {
  grid-template-columns: 1fr !important;
}


/* ---------------------------------------------------------
   5. HIDE THE USELESS FREE / $0 ORDER SUMMARY
   --------------------------------------------------------- */

body.page-id-286 [class*="order-summary"],
body.page-id-286 [class*="purchase-summary"],
body.page-id-286 [class*="payment-summary"],
body.page-id-286 [class*="checkout-summary"],
body.page-id-286 [class*="pricing-summary"],
body.page-id-286 [class*="price-summary"],
body.page-id-286 [class*="summary-column"],
body.page-id-286 [class*="payment-column"] {
  display: none !important;
}


/* ---------------------------------------------------------
   6. FORM COLUMN - CENTER AND WIDEN
   --------------------------------------------------------- */

body.page-id-286 .wp-block-post-content form {
  width: 100% !important;
  max-width: 900px !important;

  margin-left: auto !important;
  margin-right: auto !important;

  padding: 36px 42px !important;
}


/* Keep two-up fields where appropriate */
body.page-id-286 .wp-block-post-content form input,
body.page-id-286 .wp-block-post-content form select,
body.page-id-286 .wp-block-post-content form textarea {
  width: 100% !important;
}


/* ---------------------------------------------------------
   7. FIX ALL MEMBERPRESS TEXT CONTRAST
   --------------------------------------------------------- */

body.page-id-286 .wp-block-memberpress-readylaunch-registration,
body.page-id-286 .wp-block-memberpress-readylaunch-registration p,
body.page-id-286 .wp-block-memberpress-readylaunch-registration span,
body.page-id-286 .wp-block-memberpress-readylaunch-registration div {
  color: #f7f2e8;
}

body.page-id-286 .wp-block-memberpress-readylaunch-registration label {
  color: #f4d27b !important;
}

body.page-id-286 .wp-block-memberpress-readylaunch-registration a {
  color: #f4d27b !important;
}


/* ---------------------------------------------------------
   8. REMOVE THE WHITE STRIP ABOVE FOOTER
   --------------------------------------------------------- */

body.page-id-286 main,
body.page-id-286 .wp-block-post-content,
body.page-id-286 .entry-content {
  background: #06142f !important;
}

body.page-id-286 .wp-block-post-content > * {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}


/* ---------------------------------------------------------
   MOBILE
   --------------------------------------------------------- */

@media (max-width: 760px) {

  body.page-id-286 .partusa-member-benefits {
    grid-template-columns: 1fr !important;
  }

  body.page-id-286 .wp-block-post-content form {
    padding: 26px 18px !important;
  }

}

/* Tighten transition from membership hero to benefit cards */
body.page-id-286 .partusa-member-page {
  padding-top: 24px !important;
  margin-top: 0 !important;
}

body.page-id-286 .partusa-member-benefits {
  margin-top: 0 !important;
}

/* =========================================================
   PAGE 286 - REMOVE MEMBERPRESS DEAD SPACE + WHITE FOOTER GAP
   ========================================================= */

/* Remove excess height from the MemberPress registration area */
body.page-id-286 .wp-block-memberpress-readylaunch-registration,
body.page-id-286 [class*="readylaunch-registration"],
body.page-id-286 [class*="mepr-rl"] {
  min-height: 0 !important;
  height: auto !important;
  margin-bottom: 0 !important;
  padding-bottom: 24px !important;
}

/* Remove excess bottom spacing from form wrappers */
body.page-id-286 .wp-block-memberpress-readylaunch-registration > div,
body.page-id-286 [class*="readylaunch-registration"] > div,
body.page-id-286 .wp-block-post-content form {
  min-height: 0 !important;
  height: auto !important;
  margin-bottom: 0 !important;
}

/* Remove WordPress white gap before footer */
body.page-id-286 main,
body.page-id-286 .wp-block-post-content,
body.page-id-286 .entry-content,
body.page-id-286 .wp-site-blocks {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
  background: #06142f !important;
}

/* Make footer meet the page cleanly */
body.page-id-286 footer,
body.page-id-286 .wp-block-template-part:last-child {
  margin-top: 0 !important;
}