/**
 * CSS for public Form Builder forms
 * Some of the CSS is to hide stuff from the adminimal theme.
 */

/* Ideally we would have a public-only theme, but I am lazy */
/* Hide the breadcrumb on public pages, it is never used */
body.adminimal-theme .breadcrumb {
  display: none;
}
/* Center the title with the page body */
body.adminimal-theme .page-title {
  float: none !important;
  max-width: 1024px !important;
  margin: 0 auto !important;
}

.crm-container.crm-public {
  max-width: 1024px;
  margin: 0 auto;
}

.crm-container.crm-public {
  font-size: 16px;
}

.crm-container.crm-public #bootstrap-theme .af-container-style-pane {
  /* by default it adds 10px on width too, but that misaligns buttons */
  margin: 10px 0;
}
/* add spacing between top-level containers (includes fieldsets), but not containers inside containers */
.crm-container.crm-public af-form > .af-container {
  padding-top: 1em;
}
.crm-container.crm-public fieldset {
  box-shadow: none;
}
.crm-container.crm-public fieldset.af-container > legend {
  margin: 1em 0 1em !important;
  border: 0 !important;
  font-size: 20px;
}
.crm-container.crm-public .af-field-type-text,
.crm-container.crm-public .af-field-type-text-area,
.crm-container.crm-public .af-field-type-select,
.crm-container.crm-public .af-field-type-radio {
  padding-bottom: 1em;
}
.crm-container.crm-public .af-container:not(.af-layout-inline) > .af-field-type-text,
.crm-container.crm-public .af-container:not(.af-layout-inline) > .af-field-type-text-area,
.crm-container.crm-public .af-container:not(.af-layout-inline) > .af-field-type-select,
.crm-container.crm-public .af-container:not(.af-layout-inline) > .af-field-type-radio {
  display: block !important;
}
.crm-container.crm-public label.crm-af-field-label {
  /* inline-block messes with paddings */
  display: block !important;
}
.crm-container.crm-public .crm-af-field label {
  /* do not bold radio button labels */
  font-weight: inherit !important;
}
.crm-container.crm-public .crm-af-field textarea {
  /* force min-width, otherwise it's tiny */
  min-width: 600px;
}