/* =========================================================
   P.A.R.T. USA MEMBERSHIP WELCOME
   WP CODER ID 24
   PAGE ID 297
   COMPLETE REPLACEMENT CSS
   ========================================================= */


/* =========================================================
   WORDPRESS PAGE WIDTH RESET
   ========================================================= */

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

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

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

body.page-id-297 .wp-block-post-content > .wp-block-shortcode {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
}


/* =========================================================
   MAIN WELCOME PAGE
   ========================================================= */

.partusa-welcome-page {
  position: relative;

  width: 100vw !important;
  max-width: 100vw !important;

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

  padding: 0 24px 34px !important;

  overflow: hidden;

  background:
    radial-gradient(
      circle at 16% 10%,
      rgba(132, 22, 48, .34),
      transparent 34%
    ),
    radial-gradient(
      circle at 84% 12%,
      rgba(214, 177, 92, .15),
      transparent 33%
    ),
    linear-gradient(
      135deg,
      #030c20 0%,
      #071b45 47%,
      #041126 100%
    ) !important;

  color: #f7f2e8;

  text-align: center;
}

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


/* subtle star field */

.partusa-welcome-page::before {
  content: "";

  position: absolute;
  inset: 0;

  background-image:
    radial-gradient(
      circle,
      rgba(244, 210, 123, .60) 0 1px,
      transparent 1.5px
    ),
    radial-gradient(
      circle,
      rgba(255, 255, 255, .26) 0 1px,
      transparent 1.5px
    );

  background-size:
    62px 62px,
    96px 96px;

  background-position:
    0 0,
    24px 18px;

  opacity: .14;

  pointer-events: none;
}


/* faint patriotic side glow */

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

  position: absolute;
  inset: 0;

  background:
    linear-gradient(
      90deg,
      rgba(178, 34, 52, .08) 0%,
      transparent 25%,
      transparent 75%,
      rgba(60, 59, 110, .10) 100%
    );

  pointer-events: none;
}


/* =========================================================
   HERO IMAGE
   ========================================================= */

.partusa-welcome-hero {
  position: relative;
  z-index: 3;

  width: 100vw !important;
  max-width: 100vw !important;

  margin-left: calc(50% - 50vw) !important;
  margin-right: calc(50% - 50vw) !important;
  margin-top: 0 !important;
  margin-bottom: 38px !important;

  padding: 0 !important;

  overflow: hidden !important;

  background: #030c20;
}

.partusa-welcome-hero-image {
  display: block !important;

  width: 100% !important;
  max-width: 100% !important;

  height: auto !important;

  margin: 0 auto !important;
  padding: 0 !important;

  object-fit: contain !important;
  object-position: center center !important;
}


/* =========================================================
   INNER CONTENT
   ========================================================= */

.partusa-welcome-inner {
  position: relative;
  z-index: 4;

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

  margin: 0 auto;
}


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

.partusa-welcome-kicker {
  margin: 0 0 14px;

  color: #f4d27b;

  font-family: Arial, Helvetica, sans-serif;
  font-size: .98rem;
  font-weight: 900;

  letter-spacing: .18em;
}

.partusa-welcome-page h1 {
  margin: 0 0 22px;

  color: #ffffff;

  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(2.7rem, 5vw, 4.8rem);
  line-height: 1.06;
  font-weight: 500;

  text-shadow:
    0 5px 18px rgba(0, 0, 0, .35);
}

.partusa-welcome-lead {
  max-width: 900px;

  margin: 0 auto 28px;

  color: #ffffff;

  font-family: Arial, Helvetica, sans-serif;
  font-size: 1.25rem;
  line-height: 1.7;
}


/* =========================================================
   NO PAYMENT NOTICE
   DEEP BURGUNDY + GOLD
   ========================================================= */

.partusa-welcome-notice {
  display: inline-block;

  margin: 0 auto 30px;
  padding: 15px 34px;

  border: 2px solid #d6b15c !important;
  border-radius: 999px;

  background:
    linear-gradient(
      180deg,
      #7a0707 0%,
      #5f0508 52%,
      #470307 100%
    ) !important;

  color: #fff8e6 !important;

  font-family: Arial, Helvetica, sans-serif;
  font-size: 1.05rem;
  font-weight: 700;

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.12),
    0 0 0 1px rgba(244,210,123,.18),
    0 8px 20px rgba(0,0,0,.35),
    0 0 18px rgba(214,177,92,.28) !important;
}


/* =========================================================
   BODY COPY
   ========================================================= */

.partusa-welcome-copy {
  max-width: 930px;

  margin: 0 auto 32px;

  color: rgba(247, 242, 232, .96);

  font-family: Arial, Helvetica, sans-serif;
  font-size: 1.08rem;
  line-height: 1.75;
}


/* =========================================================
   ACTION BUTTONS
   ========================================================= */

.partusa-welcome-actions {
  display: flex;

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

  gap: 22px;

  flex-wrap: wrap;

  margin: 0 auto 42px;
}

.partusa-welcome-button {
  display: inline-flex;

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

  position: relative;

  min-width: 300px;
  min-height: 66px;

  padding: 15px 30px;

  border-radius: 999px;

  overflow: hidden;

  font-family: Arial, Helvetica, sans-serif;
  font-size: 1.05rem;
  font-weight: 800;

  text-align: center;
  text-decoration: none !important;

  transition:
    transform .25s ease,
    box-shadow .25s ease,
    background .25s ease,
    color .25s ease;
}


/* =========================================================
   ENTER MEMBER COMMUNITY
   DEEP BURGUNDY + GOLD
   ========================================================= */

.partusa-welcome-primary {
  background:
    linear-gradient(
      180deg,
      #7a0707 0%,
      #5f0508 52%,
      #470307 100%
    ) !important;

  border: 2px solid #d6b15c !important;

  color: #fff8e6 !important;

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.12),
    0 0 0 1px rgba(244,210,123,.18),
    0 8px 20px rgba(0,0,0,.35),
    0 0 18px rgba(214,177,92,.28) !important;
}


/* =========================================================
   MEMBER ACCOUNT BUTTON
   GOLD
   ========================================================= */

.partusa-welcome-secondary {
  background:
    linear-gradient(
      135deg,
      #b98d2f 0%,
      #dbb84f 48%,
      #f0d478 100%
    ) !important;

  border: 2px solid #f4d27b !important;

  color: #071b45 !important;

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.20),
    0 8px 20px rgba(0,0,0,.30),
    0 0 16px rgba(214,177,92,.24) !important;
}


/* =========================================================
   P.A.R.T. USA RED / WHITE / BLUE HOVER
   ========================================================= */

.partusa-welcome-button:hover {
  transform:
    translateY(-3px)
    scale(1.02) !important;

  background:
    linear-gradient(
      90deg,
      #b22234 0%,
      #b22234 30%,
      #ffffff 50%,
      #3c3b6e 70%,
      #3c3b6e 100%
    ) !important;

  color: #071b45 !important;

  border-color: #ffffff !important;

  box-shadow:
    0 16px 30px rgba(0, 0, 0, .38),
    0 0 14px rgba(178, 34, 52, .45),
    0 0 26px rgba(255, 255, 255, .28),
    0 0 38px rgba(60, 59, 110, .35) !important;
}


/* =========================================================
   INFORMATION CARDS
   ========================================================= */

.partusa-welcome-help,
.partusa-welcome-closing {
  position: relative;

  width: 100%;

  margin: 30px auto 0;
  padding: 38px 40px;

  overflow: hidden;

  border: 1px solid rgba(214, 177, 92, .58);
  border-radius: 24px;

  background:
    radial-gradient(
      circle at 4% 0%,
      rgba(128, 22, 50, .30),
      transparent 42%
    ),
    linear-gradient(
      135deg,
      rgba(7, 21, 53, .98) 0%,
      rgba(7, 27, 69, .98) 55%,
      rgba(3, 13, 34, .99) 100%
    ) !important;

  box-shadow:
    0 18px 38px rgba(0, 0, 0, .36),
    inset 0 1px 0 rgba(255, 255, 255, .04),
    0 0 24px rgba(214, 177, 92, .07);
}


/* patriotic accent line */

.partusa-welcome-help::before,
.partusa-welcome-closing::before {
  content: "";

  position: absolute;

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

  height: 3px;

  background:
    linear-gradient(
      90deg,
      #b22234 0%,
      #d6b15c 32%,
      #ffffff 50%,
      #d6b15c 68%,
      #3c3b6e 100%
    );
}


/* card headings */

.partusa-welcome-help h2,
.partusa-welcome-closing h2 {
  margin: 0 0 18px;

  color: #e6c45e !important;

  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(2rem, 3vw, 2.6rem);
  font-weight: 500;

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


/* card copy */

.partusa-welcome-help p,
.partusa-welcome-closing p {
  max-width: 940px;

  margin: 0 auto 14px;

  color: rgba(247, 242, 232, .96);

  font-family: Arial, Helvetica, sans-serif;
  font-size: 1.05rem;
  line-height: 1.72;
}


/* Every Voice Matters closing tagline */

.partusa-welcome-closing strong {
  display: inline-block;

  margin-top: 8px;

  color: #f1d06d !important;

  font-family: Georgia, "Times New Roman", serif;
  font-size: 1.35rem;
  font-style: italic;
  font-weight: 600;

  text-shadow:
    0 1px 10px rgba(214, 177, 92, .18);
}


/* =========================================================
   REMOVE GAP ABOVE FOOTER
   ========================================================= */

body.page-id-297 .partusa-welcome-page {
  padding-bottom: 34px !important;
  margin-bottom: 0 !important;
}

body.page-id-297 main,
body.page-id-297 .wp-block-post-content,
body.page-id-297 .entry-content,
body.page-id-297 .wp-site-blocks {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

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

body.page-id-297 footer,
body.page-id-297 .wp-block-template-part:last-child {
  margin-top: 0 !important;
}


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

@media (max-width: 760px) {

  .partusa-welcome-page {
    padding-left: 16px !important;
    padding-right: 16px !important;
    padding-bottom: 28px !important;
  }

  .partusa-welcome-hero {
    margin-bottom: 28px !important;
  }

  .partusa-welcome-page h1 {
    font-size: clamp(2.2rem, 10vw, 3.4rem);
  }

  .partusa-welcome-lead {
    font-size: 1.08rem;
  }

  .partusa-welcome-notice {
    width: 100%;

    padding: 14px 18px;
  }

  .partusa-welcome-actions {
    gap: 14px;
  }

  .partusa-welcome-button {
    width: 100%;
    min-width: 0;
  }

  .partusa-welcome-help,
  .partusa-welcome-closing {
    padding: 28px 20px;
  }

}

/* PAGE 297 - REMOVE WORDPRESS TOP WHITE STRIP */
body.page-id-297 .wp-site-blocks {
  padding-top: 0 !important;
}