/* Signup 2026 color layer. Depends on WordPress 2022.css semantic variables. */
:root {
  --cp-signup-page-bg: var(--cp-page-bg);
  --cp-signup-body-bg: #fffefb;
  --cp-signup-surface: var(--cp-surface-card);
  --cp-signup-surface-soft: var(--cp-surface-accent);
  --cp-signup-surface-tint: var(--cp-surface-cert-strip);
  --cp-signup-text: var(--cp-text-primary);
  --cp-signup-text-muted: var(--cp-text-secondary);
  --cp-signup-text-soft: var(--cp-text-muted);
  --cp-signup-accent: var(--cp-accent-primary);
  --cp-signup-accent-hover: var(--cp-accent-hover);
  --cp-signup-border: var(--cp-border-soft);
  --cp-signup-shadow: var(--cp-shadow-soft, 0 22px 55px rgba(42, 42, 42, 0.10));
  --cp-signup-success: #67866d;
  --cp-signup-danger: var(--cp-accent-hover);
}

html,
body.body2024v2 {
  background: var(--cp-signup-body-bg) !important;
  color: var(--cp-signup-text) !important;
}

body.body2024v2 .nav-container,
body.body2024v2 .sticky-nav,
body.body2024v2 #selectPackage .sticky-nav,
body.body2024v2 #orderReview .sticky-nav,
body.body2024v2 #photographerLanding .sticky-nav {
  background: var(--cp-signup-page-bg) !important;
  border-color: var(--cp-signup-border) !important;
  box-shadow: 0 8px 24px rgba(var(--cp-text-primary-rgb, 42, 42, 42), 0.06) !important;
}

body.body2024v2 .nav-container .columns,
body.body2024v2 .nav-container .column,
body.body2024v2 .top-promo {
  background: transparent !important;
}

body.body2024v2 .cp-customer-summary-strip,
body.body2024v2 > section.section.py-3.px-0:not(.cp-signup-hero-section) {
  background: var(--cp-signup-body-bg) !important;
  border-color: var(--cp-signup-border) !important;
}

body.body2024v2 #signUp.cp-signup-landing,
body.body2024v2 #selectPackage,
body.body2024v2 #orderReview,
body.body2024v2 #photographerLanding,
body.body2024v2 #orderComplete,
body.body2024v2.cp-photographer-results-active,
body.body2024v2 #photographerLanding.cp-photographer-match-app {
  background: var(--cp-signup-body-bg) !important;
}

body.body2024v2 .package-section,
body.body2024v2 #selectPackage .section,
body.body2024v2 #selectPackage .package-section > .container,
body.body2024v2 #selectPackage .packagesDiv,
body.body2024v2 .cp-signup-package-group,
body.body2024v2 #orderReview > section.section.py-6,
body.body2024v2 #orderReview > section.section.py-6.px-0,
body.body2024v2 #photographerLanding > section.section.py-3.px-0:not(.sticky-nav),
body.body2024v2 #photographerLanding.cp-photographer-match-app > section.section.py-3.px-0:not(.sticky-nav),
body.body2024v2 #orderComplete {
  background: var(--cp-signup-body-bg) !important;
}

body.body2024v2 .cp-signup-landing,
body.body2024v2 .cp-signup-landing-active,
body.body2024v2 .cp-signup-benefits-list,
body.body2024v2 .package-column,
body.body2024v2 .cp-signup-package-card,
body.body2024v2 .pay-mode-details,
body.body2024v2 .modal-card,
body.body2024v2 .modal-card-body,
body.body2024v2 .columns.has-background-white,
body.body2024v2 .white-bg,
body.body2024v2 #orderReview .column.is-8.is-offset-2 > .columns,
body.body2024v2 #orderReview .column.is-10.is-offset-1 > .columns.mt-5,
body.body2024v2 #photographerLanding .photgrapher-area,
body.body2024v2 #photographerLanding .right-column,
body.body2024v2 #photographerLanding.cp-photographer-match-app .photgrapher-area > .columns,
body.body2024v2 #photographerLanding.cp-photographer-match-app .right-column,
body.body2024v2 #photographerLanding.cp-photographer-match-app .favPhotographerList,
body.body2024v2 #orderComplete .order-complete-card,
body.body2024v2 #orderComplete #addons {
  background: var(--cp-signup-surface) !important;
  border-color: var(--cp-signup-border) !important;
  box-shadow: var(--cp-signup-shadow) !important;
}

body.body2024v2 .package-column:before,
body.body2024v2 .cp-most-popular-bar,
body.body2024v2 .cp-signup-package-popular,
body.body2024v2 .cp-signup-step-heading-divider span,
body.body2024v2 .cp-top-consult-button,
body.body2024v2 .check-avail,
body.body2024v2 #signupForm .check-avail,
body.body2024v2 #signUp .check-avail,
body.body2024v2 .button.is-danger:not(.is-outlined),
body.body2024v2 .deep-pink-btn,
body.body2024v2 .pink-btn:hover,
body.body2024v2 .pink-btn:focus,
body.body2024v2 .slct-pkg-btn,
body.body2024v2 .pay-mode-btn.active-link,
body.body2024v2 .pay-mode-btn:hover,
body.body2024v2 .apply-btn,
body.body2024v2 #orderApplyCouponDisc,
body.body2024v2 .btnSelectPhotographer,
body.body2024v2 .selct-photographer-btn,
body.body2024v2 #photographerLanding .small-btn,
body.body2024v2 #photographerLanding .btnSelectPhotographer,
body.body2024v2 #photographerLanding .selct-photographer-btn,
body.body2024v2 #orderComplete .btnAddAddon,
body.body2024v2 #orderComplete .btnSkipAddon {
  background: var(--cp-signup-accent) !important;
  background-image: none !important;
  border-color: var(--cp-signup-accent) !important;
  color: var(--cp-signup-surface) !important;
}

body.body2024v2 .cp-top-consult-button:hover,
body.body2024v2 .check-avail:hover,
body.body2024v2 #signupForm .check-avail:hover,
body.body2024v2 #signUp .check-avail:hover,
body.body2024v2 .deep-pink-btn:hover,
body.body2024v2 .slct-pkg-btn:hover,
body.body2024v2 .apply-btn:hover,
body.body2024v2 #orderApplyCouponDisc:hover,
body.body2024v2 .btnSelectPhotographer:hover,
body.body2024v2 .selct-photographer-btn:hover {
  background: var(--cp-signup-accent-hover) !important;
  background-image: none !important;
  border-color: var(--cp-signup-accent-hover) !important;
  color: var(--cp-signup-surface) !important;
}

body.body2024v2 .pink-btn,
body.body2024v2 .button.is-danger.is-outlined,
body.body2024v2 .pay-mode-btn,
body.body2024v2 .pkg-toggle-btn {
  background: var(--cp-signup-surface) !important;
  border-color: var(--cp-signup-accent) !important;
  color: var(--cp-signup-accent) !important;
}

body.body2024v2 .decide-btn,
body.body2024v2 #photographerLanding .decide-btn,
body.body2024v2 #orderComplete .btnSkipAddon {
  background: var(--cp-signup-text) !important;
  border-color: var(--cp-signup-text) !important;
  color: var(--cp-signup-surface) !important;
}

body.body2024v2 .deep-pink-text,
body.body2024v2 .cp-signup-step-heading,
body.body2024v2 .cp-signup-step-heading-title,
body.body2024v2 .cp-signup-step-heading-divider,
body.body2024v2 .package-column .price,
body.body2024v2 .cp-signup-confidence strong,
body.body2024v2 .cp-signup-package-price,
body.body2024v2 .cp-signup-package-includes,
body.body2024v2 .cp-signup-package-features i,
body.body2024v2 .pkg-price-current,
body.body2024v2 #selectPackage .sticky-nav h4,
body.body2024v2 #orderReview .sticky-nav h4,
body.body2024v2 #photographerLanding .sticky-nav h4,
body.body2024v2 #btnSelectPhotog,
body.body2024v2 #btnEditOrder,
body.body2024v2 #removeCouponDisc,
body.body2024v2 .profile-rating .fa-heart,
body.body2024v2 .profile-rating .fa-heart-o,
body.body2024v2 .isphotog .fa-heart,
body.body2024v2 .isphotog .fa-heart-o {
  color: var(--cp-signup-accent) !important;
}

body.body2024v2 .blk-text,
body.body2024v2 .deep-gry-text,
body.body2024v2 .pkg-title,
body.body2024v2 .cp-signup-package-group-title,
body.body2024v2 .cp-signup-package-title,
body.body2024v2 .cp-signup-package-links a,
body.body2024v2 .profile-name,
body.body2024v2 .found-text,
body.body2024v2 .galleryImagesHeading,
body.body2024v2 .galleryVideosHeading,
body.body2024v2 #orderComplete .order-complete-title,
body.body2024v2 #orderComplete h2,
body.body2024v2 #orderComplete h3,
body.body2024v2 #orderComplete h4 {
  color: var(--cp-signup-text) !important;
}

body.body2024v2 .gry-color,
body.body2024v2 .pkg-description,
body.body2024v2 .pkg-price-kicker,
body.body2024v2 .pkg-price-regular,
body.body2024v2 .cp-signup-package-price-label,
body.body2024v2 .cp-signup-package-features li,
body.body2024v2 .cp-signup-package-footnotes,
body.body2024v2 .cp-signup-disclosure-small,
body.body2024v2 .cp-profile-modal-style,
body.body2024v2 .profileBio,
body.body2024v2 .sm-lh,
body.body2024v2 #headCustomerSummary {
  color: var(--cp-signup-text-muted) !important;
}

body.body2024v2 .input,
body.body2024v2 .textarea,
body.body2024v2 .select select,
body.body2024v2 #signupForm .input,
body.body2024v2 #signUp #signupForm .input,
body.body2024v2 .coupon-code-input {
  background: var(--cp-signup-surface) !important;
  border-color: var(--cp-signup-border) !important;
  color: var(--cp-signup-text) !important;
  box-shadow: none !important;
}

body.body2024v2 .input:focus,
body.body2024v2 .textarea:focus,
body.body2024v2 .select select:focus,
body.body2024v2 #signupForm .input:focus,
body.body2024v2 #signUp #signupForm .input:focus,
body.body2024v2 .coupon-code-input:focus {
  border-color: var(--cp-signup-accent) !important;
  box-shadow: 0 0 0 0.125em rgba(var(--cp-accent-primary-rgb, 196, 165, 116), 0.20) !important;
}

body.body2024v2 .input::placeholder,
body.body2024v2 .textarea::placeholder {
  color: var(--cp-signup-text-soft) !important;
}

body.body2024v2 .cp-promo-modal-card,
body.body2024v2 .cp-promo-coupon-box,
body.body2024v2 #profileModal.cp-gallery-masonry-modal .modal-card,
body.body2024v2 #profileModal.cp-gallery-masonry-modal .modal-card-body {
  background: var(--cp-signup-surface) !important;
  border-color: var(--cp-signup-border) !important;
}

body.body2024v2 .cp-promo-modal-title,
body.body2024v2 .cp-promo-modal-eyebrow,
body.body2024v2 .cp-promo-coupon-code {
  color: var(--cp-signup-accent) !important;
}

body.body2024v2 .cp-promo-modal-subtitle,
body.body2024v2 .cp-promo-coupon-label,
body.body2024v2 .cp-promo-modal-note {
  color: var(--cp-signup-text-muted) !important;
}

body.body2024v2 .gradient-border {
  border-color: var(--cp-signup-success) !important;
}

body.body2024v2 .new-badge {
  background: var(--cp-signup-surface-tint) !important;
  color: var(--cp-signup-text) !important;
}

body.body2024v2 .cp-signup-package-card {
  border-top-color: var(--cp-signup-accent) !important;
}

body.body2024v2 .cp-signup-package-links a:hover {
  color: var(--cp-signup-accent-hover) !important;
}

body.body2024v2 .text-red-new,
body.body2024v2 .deep-pink-color,
body.body2024v2 .cp-signup-title,
body.body2024v2 .cp-signup-benefits-title,
body.body2024v2 .cp-signup-benefit-row strong,
body.body2024v2 .cp-signup-benefit-title,
body.body2024v2 .cp-signup-camera-icons,
body.body2024v2 .cp-signup-camera-banner strong span,
body.body2024v2 .cp-signup-heart-divider,
body.body2024v2 .cp-signup-heart-divider span,
body.body2024v2 .cp-signup-feature-icon,
body.body2024v2 .cp-feature-red,
body.body2024v2 .cp-feature-pink,
body.body2024v2 .cp-signup-offer-icon,
body.body2024v2 .cp-signup-confidence p strong,
body.body2024v2 .cp-promo-modal-timer {
  color: var(--cp-signup-accent) !important;
}

body.body2024v2 .cp-signup-feature-icon,
body.body2024v2 .cp-signup-offer-icon {
  background: rgba(var(--cp-accent-primary-rgb, 196, 165, 116), 0.12) !important;
  border-color: rgba(var(--cp-accent-primary-rgb, 196, 165, 116), 0.24) !important;
}

body.body2024v2 .cp-signup-camera-banner,
body.body2024v2 .cp-signup-benefit-card,
body.body2024v2 .cp-promo-coupon-box {
  border-color: rgba(var(--cp-accent-primary-rgb, 196, 165, 116), 0.24) !important;
}

body.body2024v2 .cp-signup-heart-divider:before,
body.body2024v2 .cp-signup-heart-divider:after,
body.body2024v2 .cp-signup-step-heading-divider:before,
body.body2024v2 .cp-signup-step-heading-divider:after {
  background: rgba(var(--cp-accent-primary-rgb, 196, 165, 116), 0.40) !important;
}

body.body2024v2 .cp-promo-modal-button,
body.body2024v2 .cp-promo-modal-button:hover,
body.body2024v2 .cp-promo-modal-button:focus,
body.body2024v2.cp-signup-landing-active #signupForm .check-avail,
body.body2024v2.cp-signup-landing-active #signupForm .check-avail:hover,
body.body2024v2.cp-signup-landing-active .cp-top-consult-button,
body.body2024v2.cp-signup-landing-active .cp-top-consult-button:hover {
  background: var(--cp-signup-accent) !important;
  background-image: none !important;
  border-color: var(--cp-signup-accent) !important;
  color: var(--cp-signup-surface) !important;
  box-shadow: 0 14px 30px rgba(var(--cp-accent-primary-rgb, 196, 165, 116), 0.22) !important;
}

body.body2024v2 .cp-promo-modal-button:hover,
body.body2024v2 .cp-promo-modal-button:focus,
body.body2024v2.cp-signup-landing-active #signupForm .check-avail:hover,
body.body2024v2.cp-signup-landing-active .cp-top-consult-button:hover {
  background: var(--cp-signup-accent-hover) !important;
  border-color: var(--cp-signup-accent-hover) !important;
}

body.body2024v2 .cp-promo-modal-card {
  box-shadow: 0 42px 110px rgba(var(--cp-text-primary-rgb, 42, 42, 42), 0.20) !important;
}

body.body2024v2 .help.is-danger,
body.body2024v2 .error,
body.body2024v2 .has-text-danger,
body.body2024v2 .is-danger:not(.button) {
  color: var(--cp-signup-danger) !important;
}

@media (max-width: 767px) {
  body.body2024v2 .nav-container,
  body.body2024v2 .sticky-nav {
    background: var(--cp-signup-page-bg) !important;
  }
}