:target {
	scroll-margin-top: 19px;
}

html {
	scroll-behavior: smooth;
}

/* For images on Patreon Tiers page with a 3.491 aspect ratio */
.ar-3-491 img {
	aspect-ratio: 3.491;
	height: auto;
}

/* For images on Patreon Tiers page with a 4.783 aspect ratio */
.ar-4-783 img {
	aspect-ratio: 4.783;
	height: auto;
}

/* For images on Patreon Tiers page with a 2.3 aspect ratio */
.ar-2-3 img {
	aspect-ratio: 2.3;
	height: auto;
}

/* For images on Patreon Tiers page with a 1.783 aspect ratio */
.ar-1-783 img {
	aspect-ratio: 1.783;
	height: auto;
}

/* Direct Page ID Padding Override for Page 19620 - Arts page */
html body.page-id-19620 {
    padding-left: clamp(16px, 4vw, 60px) !important;
    padding-right: clamp(16px, 4vw, 60px) !important;
    box-sizing: border-box !important;
}

/* Force child elements to respect the parent padding for Page 19620 - Arts page */
.page-id-19620 #page,
.page-id-19620 #main,
.page-id-19620 #primary,
.page-id-19620 #content,
.page-id-19620 .entry-content {
    max-width: 100% !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 1. Page Padding - Direct Post ID Padding Override for Post 19765 (Mobile-safe clamp padding) - QUICKSTART FOR ENJOY COLLABS page */
html body.postid-19765 {
    padding-left: clamp(16px, 4vw, 60px) !important;
    padding-right: clamp(16px, 4vw, 60px) !important;
    box-sizing: border-box !important;
}

/* 2. Cap the Group Block at 1000px max-width and center it */
.postid-19765 .custom-landing-container {
    max-width: 1000px !important;
    width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    box-sizing: border-box !important;
}

/* 3. Ensure child elements and image blocks fill 100% of the 1000px Group Block */
.postid-19765 .custom-landing-container > *,
.postid-19765 .custom-landing-container .wp-block-image,
.postid-19765 .custom-landing-container img {
    max-width: 100% !important;
    width: 100% !important;
    height: auto !important;
    box-sizing: border-box !important;
}

/* Fix Ari shortcode form widths to fill the column and fix email field height */
.contact-form input[type="text"],
.contact-form input[type="email"],
.contact-form textarea {
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}

.contact-form input[type="text"],
.contact-form input[type="email"] {
  height: 38px !important;
  padding: 6px 10px !important;
  line-height: normal !important;
}

/* Add clean spacing to visible field wrappers only */
.contact-form .grunion-field-wrap {
  margin-bottom: 16px !important; /* Adjust pixel size to taste */
}

/* Keep field labels neatly positioned right above their inputs */
.contact-form .grunion-field-wrap label {
  display: block;
  margin-bottom: 4px !important;
}

/* Normalizes text size inside input fields, textareas, and dropdowns */
input[type="text"],
input[type="email"],
input[type="tel"],
input[type="number"],
textarea,
select {
  font-size: 16px !important; /* Adjust to 15px or 16px as preferred */
  line-height: 1.4 !important;
}

/* Fixes font size for the post-submission confirmation area */
.form-confirmation,
.entry-content .form-confirmation,
.wpcf7-response-output,
.gform_confirmation_wrapper,
.form-submitted-copy {
  font-size: 16px !important;
  line-height: 1.6 !important;
}

/* Fixes target text specifically if the output copies field labels/values */
.form-confirmation p,
.form-confirmation span,
.form-confirmation div {
  font-size: 16px !important;
}

/* Fix small font in Jetpack post-submit confirmation message */
.contact-form-submission,
.contact-form-submission p,
.contact-form-submission span,
.contact-form-submission label,
#contact-form-123, 
div[id^="contact-form-"] {
  font-size: 16px !important;
  line-height: 1.6 !important;
}