/*Undergrad form*/

/* ===== Slate embed polish (scoped) ===== */
#form_6aa51c4f-d076-46ed-8c70-0f84a04792ed,
#form_6aa51c4f-d076-46ed-8c70-0f84a04792ed .form_container {
  --bg: #fff;
  --fg: #0f172a;
  --muted: #64748b;
  --border: #e2e8f0;
  --border-strong: #cbd5e1;
  --accent: #2563eb;
  --accent-ink: #fff;
  --radius: 6px;
  --gap: 12px;
  --gap-lg: 16px;

  font-family: "Plus Jakarta Sans", sans-serif;
  color: var(--fg);
  background: transparent;
  width: 100%;
}

#form_6aa51c4f-d076-46ed-8c70-0f84a04792ed .form_container {
  display: block;
  background: var(--bg);
  border: 1px solid var(--border);
  border-radius: var(--radius);
  padding: 16px;
  box-shadow:
    0 1px 2px rgba(0,0,0,.04),
    0 6px 24px rgba(16,24,40,.04);
  overflow: hidden;
}

/* kill their inline layout junk */
#form_6aa51c4f-d076-46ed-8c70-0f84a04792ed .form_page,
#form_6aa51c4f-d076-46ed-8c70-0f84a04792ed .form_question {
  clear: none !important;
}

/* Grid the questions nicely */
#form_6aa51c4f-d076-46ed-8c70-0f84a04792ed .form_pages {
  display: grid;
  gap: var(--gap-lg);
}

/* Question block */
#form_6aa51c4f-d076-46ed-8c70-0f84a04792ed .form_question {
  display: grid;
  gap: 6px;
}

/* Labels */
#form_6aa51c4f-d076-46ed-8c70-0f84a04792ed .form_label strong,
#form_6aa51c4f-d076-46ed-8c70-0f84a04792ed legend strong {
  font-weight: 600;
  font-size: 14px;
  color: var(--fg);
}

/* Required asterisk via attribute (no DOM surgery) */
#form_6aa51c4f-d076-46ed-8c70-0f84a04792ed .form_question[data-required="1"] .form_label strong::after,
#form_6aa51c4f-d076-46ed-8c70-0f84a04792ed .form_question[data-required="1"] legend strong::after {
  content: " *";
  color: #e11d48;
  font-weight: 700;
}

/* Inputs */
#form_6aa51c4f-d076-46ed-8c70-0f84a04792ed input[type="text"],
#form_6aa51c4f-d076-46ed-8c70-0f84a04792ed input[type="email"],
#form_6aa51c4f-d076-46ed-8c70-0f84a04792ed textarea,
#form_6aa51c4f-d076-46ed-8c70-0f84a04792ed select {
  width: 100%;
  border: 1px solid var(--border);
  border-radius: 10px;
  padding: 10px 12px;
  font-size: 14px;
  line-height: 1.2;
  background: #fff;
  color: var(--fg);
  outline: none;
  transition: border-color .15s ease, box-shadow .15s ease;
  appearance: none;
}

#form_6aa51c4f-d076-46ed-8c70-0f84a04792ed input:focus,
#form_6aa51c4f-d076-46ed-8c70-0f84a04792ed textarea:focus,
#form_6aa51c4f-d076-46ed-8c70-0f84a04792ed select:focus {
  border-color: var(--accent);
  box-shadow: 0 0 0 4px rgba(37, 99, 235, .15);
}

/* Birthdate triple-select layout */
#form_6aa51c4f-d076-46ed-8c70-0f84a04792ed .form_question[data-type="birthdate"] .form_responses {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--gap);
}

/* === Radios -> nice pills/cards (no JS) === */
#form_6aa51c4f-d076-46ed-8c70-0f84a04792ed .form_question[data-type="radio"] .form_responses {
  display: grid !important;
  gap: 10px;
  /* auto-fit squeezes; tweak 150–200 based on sidebar width */
  grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
  align-items: stretch;
}

/* one item = one “pill/card” */
#form_6aa51c4f-d076-46ed-8c70-0f84a04792ed .form_question[data-type="radio"] .form_response {
  display: contents; /* let input+label occupy independent cells cleanly */
}

/* hide native radio but keep it focusable for a11y */
#form_6aa51c4f-d076-46ed-8c70-0f84a04792ed .form_question[data-type="radio"] input[type="radio"] {
  position: absolute !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

/* make the label the pill */
#form_6aa51c4f-d076-46ed-8c70-0f84a04792ed .form_question[data-type="radio"] label {
  display: block;
  width: 100%;
  height: 100%;
  border: 1px solid #e2e8f0;
  border-radius: 10px;
  padding: 10px 12px;
  font-size: 14px;
  line-height: 1.2;
  color: #0f172a;
  background: #fff;
  cursor: pointer;
  user-select: none;
  text-align: left;              /* flip to center if you want */
  transition: border-color .15s ease, box-shadow .15s ease, background .15s ease, color .15s ease, transform .02s ease;
  box-shadow: 0 1px 2px rgba(0,0,0,.04);
}

/* hover/active */
#form_6aa51c4f-d076-46ed-8c70-0f84a04792ed .form_question[data-type="radio"] label:hover {
  border-color: #cbd5e1;
  box-shadow: 0 6px 16px rgba(16,24,40,.08);
}
#form_6aa51c4f-d076-46ed-8c70-0f84a04792ed .form_question[data-type="radio"] label:active {
  transform: translateY(1px);
}

/* checked state */
#form_6aa51c4f-d076-46ed-8c70-0f84a04792ed .form_question[data-type="radio"] input[type="radio"]:checked + label {
  background: #2563eb;
  color: #fff;
  border-color: #2563eb;
  box-shadow: 0 8px 22px rgba(37,99,235,.28);
}

/* keyboard focus ring on the “pill” */
#form_6aa51c4f-d076-46ed-8c70-0f84a04792ed .form_question[data-type="radio"] input[type="radio"]:focus-visible + label {
  outline: 0;
  box-shadow: 0 0 0 4px rgba(37,99,235,.22), 0 8px 22px rgba(16,24,40,.12);
  border-color: #2563eb;
}

/* tighter layout in skinny sidebars */
@media (max-width: 420px) {
  #form_6aa51c4f-d076-46ed-8c70-0f84a04792ed .form_question[data-type="radio"] .form_responses {
    grid-template-columns: 1fr; /* stack cleanly on tiny screens */
  }
}


/* Submit area */
#form_6aa51c4f-d076-46ed-8c70-0f84a04792ed .action.form_action_submit {
  margin-top: 8px;
  display: flex;
  justify-content: center;
}

#form_6aa51c4f-d076-46ed-8c70-0f84a04792ed button.form_button_submit,
#form_6aa51c4f-d076-46ed-8c70-0f84a04792ed button.default {
  background-color: var(--sru-color-secondary);
  color: var(--sru-text-dark);
  border: 1px var(--sru-color-secondary);
  border-radius: 6px;
  padding: 10px 14px;
  font-weight: 600;
  cursor: pointer;
  transition: transform .03s ease, filter .15s ease, box-shadow .15s ease;
  min-width: 270px;
}

#form_6aa51c4f-d076-46ed-8c70-0f84a04792ed button.form_button_submit:hover {
  filter: brightness(1.05);
  box-shadow: 0 6px 16px rgba(255,203,11,.1);
}

#form_6aa51c4f-d076-46ed-8c70-0f84a04792ed button.form_button_submit:active {
  transform: translateY(1px);
}

/* Errors */
#form_6aa51c4f-d076-46ed-8c70-0f84a04792ed .error:not(.hidden) {
  background: #fef2f2;
  color: #991b1b;
  border: 1px solid #fecaca;
  border-radius: 10px;
  padding: 10px 12px;
  margin-bottom: 8px;
}

/* Hide the Academic Major field entirely (we're pre-filling it) */
#form_6aa51c4f-d076-46ed-8c70-0f84a04792ed [data-export="sys:field:inq_academic_majors_all"] {
  display: none !important;
}

/* Make sure long selects don't overflow sidebars */
#form_6aa51c4f-d076-46ed-8c70-0f84a04792ed select {
  max-width: 100%;
}

/* ===== Responsive behavior ===== */

/* Mobile-first: full-width (it will naturally fill the parent column) */
@media (max-width: 767px) {
  #form_6aa51c4f-d076-46ed-8c70-0f84a04792ed .form_container {
    padding: 14px;
    border-radius: 10px;
  }
}

/* Tablet/Desktop: if this lives in a 1/4-width sidebar, keep internals tidy */
@media (min-width: 768px) {
  /* tighten vertical rhythm a bit in sidebars */
  #form_6aa51c4f-d076-46ed-8c70-0f84a04792ed .form_pages {
    gap: 12px;
  }

  /* radios in two columns when there are many */
  #form_6aa51c4f-d076-46ed-8c70-0f84a04792ed .form_question[data-type="radio"] .form_responses {
    grid-template-columns: 1fr;
  }
}

/* Big desktop: if you drop it in a wider panel later */
@media (min-width: 1200px) {
  /* allow some two-column density for common short fields */
  #form_6aa51c4f-d076-46ed-8c70-0f84a04792ed .form_pages {
    gap: 14px;
  }
}

.iframe-container > div:nth-child(2)
{
  display:none;
}

.sru-bottom-padding10 {
	padding-bottom: 10px;
}



/*Grad form*/

/* ===== Slate embed polish (scoped) ===== */
#form_f5477392-3a5a-438b-9e3a-27a4bc7c70bb,
#form_f5477392-3a5a-438b-9e3a-27a4bc7c70bb .form_container {
  --bg: #fff;
  --fg: #0f172a;
  --muted: #64748b;
  --border: #e2e8f0;
  --border-strong: #cbd5e1;
  --accent: #2563eb;
  --accent-ink: #fff;
  --radius: 6px;
  --gap: 12px;
  --gap-lg: 16px;

  font-family: "Plus Jakarta Sans", sans-serif;
  color: var(--fg);
  background: transparent;
  width: 100%;
}

#form_f5477392-3a5a-438b-9e3a-27a4bc7c70bb .form_container {
  display: block;
  background: var(--bg);
  border: 1px solid var(--border);
  border-radius: var(--radius);
  padding: 16px;
  box-shadow:
    0 1px 2px rgba(0,0,0,.04),
    0 6px 24px rgba(16,24,40,.04);
  overflow: hidden;
}

/* kill their inline layout junk */
#form_f5477392-3a5a-438b-9e3a-27a4bc7c70bb .form_page,
#form_f5477392-3a5a-438b-9e3a-27a4bc7c70bb .form_question {
  clear: none !important;
}

/* Grid the questions nicely */
#form_f5477392-3a5a-438b-9e3a-27a4bc7c70bb .form_pages {
  display: grid;
  gap: var(--gap-lg);
}

/* Question block */
#form_f5477392-3a5a-438b-9e3a-27a4bc7c70bb .form_question {
  display: grid;
  gap: 6px;
}

/* Labels */
#form_f5477392-3a5a-438b-9e3a-27a4bc7c70bb .form_label strong,
#form_f5477392-3a5a-438b-9e3a-27a4bc7c70bb legend strong {
  font-weight: 600;
  font-size: 14px;
  color: var(--fg);
}

/* Required asterisk via attribute (no DOM surgery) */
#form_f5477392-3a5a-438b-9e3a-27a4bc7c70bb .form_question[data-required="1"] .form_label strong::after,
#form_f5477392-3a5a-438b-9e3a-27a4bc7c70bb .form_question[data-required="1"] legend strong::after {
  content: " *";
  color: #e11d48;
  font-weight: 700;
}

/* Inputs */
#form_f5477392-3a5a-438b-9e3a-27a4bc7c70bb input[type="text"],
#form_f5477392-3a5a-438b-9e3a-27a4bc7c70bb input[type="email"],
#form_f5477392-3a5a-438b-9e3a-27a4bc7c70bb textarea,
#form_f5477392-3a5a-438b-9e3a-27a4bc7c70bb select {
  width: 100%;
  border: 1px solid var(--border);
  border-radius: 10px;
  padding: 10px 12px;
  font-size: 14px;
  line-height: 1.2;
  background: #fff;
  color: var(--fg);
  outline: none;
  transition: border-color .15s ease, box-shadow .15s ease;
  appearance: none;
}

#form_f5477392-3a5a-438b-9e3a-27a4bc7c70bb input:focus,
#form_f5477392-3a5a-438b-9e3a-27a4bc7c70bb textarea:focus,
#form_f5477392-3a5a-438b-9e3a-27a4bc7c70bb select:focus {
  border-color: var(--accent);
  box-shadow: 0 0 0 4px rgba(37, 99, 235, .15);
}

/* Birthdate triple-select layout */
#form_f5477392-3a5a-438b-9e3a-27a4bc7c70bb .form_question[data-type="birthdate"] .form_responses {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--gap);
}

/* === Radios -> nice pills/cards (no JS) === */
#form_f5477392-3a5a-438b-9e3a-27a4bc7c70bb .form_question[data-type="radio"] .form_responses {
  display: grid !important;
  gap: 10px;
  /* auto-fit squeezes; tweak 150–200 based on sidebar width */
  grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
  align-items: stretch;
}

/* one item = one “pill/card” */
#form_f5477392-3a5a-438b-9e3a-27a4bc7c70bb .form_question[data-type="radio"] .form_response {
  display: contents; /* let input+label occupy independent cells cleanly */
}

/* hide native radio but keep it focusable for a11y */
#form_f5477392-3a5a-438b-9e3a-27a4bc7c70bb .form_question[data-type="radio"] input[type="radio"] {
  position: absolute !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

/* make the label the pill */
#form_f5477392-3a5a-438b-9e3a-27a4bc7c70bb .form_question[data-type="radio"] label {
  display: block;
  width: 100%;
  height: 100%;
  border: 1px solid #e2e8f0;
  border-radius: 10px;
  padding: 10px 12px;
  font-size: 14px;
  line-height: 1.2;
  color: #0f172a;
  background: #fff;
  cursor: pointer;
  user-select: none;
  text-align: left;              /* flip to center if you want */
  transition: border-color .15s ease, box-shadow .15s ease, background .15s ease, color .15s ease, transform .02s ease;
  box-shadow: 0 1px 2px rgba(0,0,0,.04);
}

/* hover/active */
#form_f5477392-3a5a-438b-9e3a-27a4bc7c70bb .form_question[data-type="radio"] label:hover {
  border-color: #cbd5e1;
  box-shadow: 0 6px 16px rgba(16,24,40,.08);
}
#form_f5477392-3a5a-438b-9e3a-27a4bc7c70bb .form_question[data-type="radio"] label:active {
  transform: translateY(1px);
}

/* checked state */
#form_f5477392-3a5a-438b-9e3a-27a4bc7c70bb .form_question[data-type="radio"] input[type="radio"]:checked + label {
  background: #2563eb;
  color: #fff;
  border-color: #2563eb;
  box-shadow: 0 8px 22px rgba(37,99,235,.28);
}

/* keyboard focus ring on the “pill” */
#form_f5477392-3a5a-438b-9e3a-27a4bc7c70bb .form_question[data-type="radio"] input[type="radio"]:focus-visible + label {
  outline: 0;
  box-shadow: 0 0 0 4px rgba(37,99,235,.22), 0 8px 22px rgba(16,24,40,.12);
  border-color: #2563eb;
}

/* tighter layout in skinny sidebars */
@media (max-width: 420px) {
  #form_f5477392-3a5a-438b-9e3a-27a4bc7c70bb .form_question[data-type="radio"] .form_responses {
    grid-template-columns: 1fr; /* stack cleanly on tiny screens */
  }
}


/* Submit area */
#form_f5477392-3a5a-438b-9e3a-27a4bc7c70bb .action.form_action_submit {
  margin-top: 8px;
  display: flex;
  justify-content: center;
}

#form_f5477392-3a5a-438b-9e3a-27a4bc7c70bb button.form_button_submit,
#form_f5477392-3a5a-438b-9e3a-27a4bc7c70bb button.default {
  background-color: var(--sru-color-secondary);
  color: var(--sru-text-dark);
  border: 1px var(--sru-color-secondary);
  border-radius: 6px;
  padding: 10px 14px;
  font-weight: 600;
  cursor: pointer;
  transition: transform .03s ease, filter .15s ease, box-shadow .15s ease;
  min-width: 270px;
}

#form_f5477392-3a5a-438b-9e3a-27a4bc7c70bb button.form_button_submit:hover {
  filter: brightness(1.05);
  box-shadow: 0 6px 16px rgba(255,203,11,.1);
}

#form_f5477392-3a5a-438b-9e3a-27a4bc7c70bb button.form_button_submit:active {
  transform: translateY(1px);
}

/* Errors */
#form_f5477392-3a5a-438b-9e3a-27a4bc7c70bb .error:not(.hidden) {
  background: #fef2f2;
  color: #991b1b;
  border: 1px solid #fecaca;
  border-radius: 10px;
  padding: 10px 12px;
  margin-bottom: 8px;
}

/* Hide the Academic Major field entirely (we're pre-filling it) */
#form_f5477392-3a5a-438b-9e3a-27a4bc7c70bb [data-export="sys:field:gr_academic_programs"] {
  display: none !important;
}

/* Make sure long selects don't overflow sidebars */
#form_f5477392-3a5a-438b-9e3a-27a4bc7c70bb select {
  max-width: 100%;
}

/* ===== Responsive behavior ===== */

/* Mobile-first: full-width (it will naturally fill the parent column) */
@media (max-width: 767px) {
  #form_f5477392-3a5a-438b-9e3a-27a4bc7c70bb .form_container {
    padding: 14px;
    border-radius: 10px;
  }
}

/* Tablet/Desktop: if this lives in a 1/4-width sidebar, keep internals tidy */
@media (min-width: 768px) {
  /* tighten vertical rhythm a bit in sidebars */
  #form_f5477392-3a5a-438b-9e3a-27a4bc7c70bb .form_pages {
    gap: 12px;
  }

  /* radios in two columns when there are many */
  #form_f5477392-3a5a-438b-9e3a-27a4bc7c70bb .form_question[data-type="radio"] .form_responses {
    grid-template-columns: 1fr;
  }
}

/* Big desktop: if you drop it in a wider panel later */
@media (min-width: 1200px) {
  /* allow some two-column density for common short fields */
  #form_f5477392-3a5a-438b-9e3a-27a4bc7c70bb .form_pages {
    gap: 14px;
  }
}

.iframe-container > div:nth-child(2)
{
  display:none;
}