/* Page 128: Enlarge the AI illustration next to the form */
/* Page 128: scale the image in the RIGHT column */
.page-id-128 img[src*="join_kidzparty"]{
  transform: scale(0.6) !important;
  transform-origin: right center !important;
}



/* Right-align the Add Your Company illustration */
.page-id-128 .wp-block-image {
  display: flex;
  justify-content: flex-end;
  padding-right: 0px;
}

.page-id-128 .wp-block-image img {
  margin-right: 0 !important;
  margin-left: auto !important;
}


/* Prevent the scaled image being clipped */
.page-id-128 .wp-block-column,
.page-id-128 .wp-block-group,
.page-id-128 .wp-block-columns,
.page-id-128 .entry-content {
  overflow: visible !important;
}

/* Widen the main content area on Add Your Company page */
.page-id-128 .entry-content {
  max-width: 1400px !important;   /* try 1400–1600 */
  margin-left: auto;
  margin-right: auto;
}

/* Make the right column (image) wider */
.page-id-128 .wp-block-columns {
  display: flex;
  gap: 80px;
  flex-direction: column;
  justify-content: flex-start !important;  /* move content to top */
}

.page-id-128 .wp-block-column:first-child {
  flex: 0 0 58%;   /* form column */
}

.page-id-128 .wp-block-column:last-child {
  flex: 0 0 42%;   /* image column */
  justify-content: flex-start !important;
  align-self: flex-start !important;
}

/* Left-align the image */
.page-id-128 .wp-block-group.is-layout-flex > figure.wp-block-image {
  margin-left: 0 !important;
  margin-right: auto !important;
  align-self: flex-start !important;
}




/* Page 128: widen the block theme content and wide widths */
.page-id-128 {
  --wp--style--global--content-size: 1400px;
  --wp--style--global--wide-size: 1600px;
}

/* Ensure constrained blocks can actually use the wider width */
.page-id-128 .is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)) {
  max-width: var(--wp--style--global--content-size) !important;
}

/* Make your columns use the wide width */
.page-id-128 .wp-block-columns {
  max-width: var(--wp--style--global--wide-size) !important;
  width: 100% !important;
  margin-left: auto !important;
  margin-right: auto !important;
  
}

/* Softer, modern form inputs */
.page-id-128 .wpcf7-form input[type="text"],
.page-id-128 .wpcf7-form input[type="email"],
.page-id-128 .wpcf7-form input[type="url"],
.page-id-128 .wpcf7-form select,
.page-id-128 .wpcf7-form textarea {
  border-radius: 12px;
  padding: 12px 14px;
  border: 1px solid #d0d0d0;
  background: #fafafa;
  font-size: 15px;
  transition: all 0.2s ease;
}

/* Focus state (when typing) */
.page-id-128 .wpcf7-form input:focus,
.page-id-128 .wpcf7-form select:focus,
.page-id-128 .wpcf7-form textarea:focus {
  border-color: #ff7a18;   /* warm, friendly accent */
  background: #fff;
  outline: none;
  box-shadow: 0 0 0 3px rgba(255, 122, 24, 0.15);
}

/* Checkbox styling (slightly softer) */
.page-id-128 .wpcf7-form input[type="checkbox"] {
  transform: scale(1.1);
  accent-color: #ff7a18;
}

/* Submit button */
.page-id-128 .wpcf7-form input[type="submit"] {
  background: linear-gradient(135deg, #ff7a18, #ffb347);
  border: none;
  color: #fff;
  padding: 12px 24px;
  border-radius: 999px;
  font-weight: 600;
  cursor: pointer;
  transition: transform 0.15s ease, box-shadow 0.15s ease;
}

.page-id-128 .wpcf7-form input[type="submit"]:hover {
  transform: translateY(-1px);
  box-shadow: 0 6px 16px rgba(0,0,0,0.15);
}

.page-id-128 .wpcf7-form label {
  font-weight: 500;
  color: #444;
}