/**
 * @file
 * Webform Bootstrap styling.
 */

/**
 * Issue #2896773: Elements do not resize properly within flexbox.
 * Issue #2829634: Why is telephone field inline?
 */
.webform-flex--container .form-inline .form-control {
  width: 100%;
}

/**
  * Form composite title. (applies to radios and checkboxes)
 */
.form-composite legend {
  font-size: 1em;
  font-weight: bold;
  border: none;
  margin: 0;
}

/**
 * Element title inline.
 */
.webform-element--title-inline > div {
  display: inline;
}

.webform-element--title-inline .form-control,
.webform-element--title-inline .select-wrapper {
  display: inline;
  width: inherit;
}

/**
 * Form composite title inline. (applies to radios and checkboxes)
 */
.form-composite.webform-fieldset--title-inline legend {
  float: left;
  width: auto;
  font-size: 1em;
  font-weight: bold;
  border: none;
  margin: 10px 0.5em 10px 0;
}

/**
 * Likert.
 */
@media (max-width: 768px) {
  .webform-likert-help.hidden {
    display: inline !important;
  }
  .webform-likert-description.hidden {
    display: block !important;
  }
}

/**
 * Image select.
 */
html.js .form-type-webform-image-select .select-wrapper:after {
  display: none;
}

/**
 * Issue #3010798: Responsive confirmation modal.
 */
@media only screen and (max-width: 650px) {
  .webform-confirmation-modal {
    width: 90% !important;
  }
}

/**
 * Messages.
 */
.alert a.btn,
.alert a.btn:hover,
.alert a.btn:focus,
.ui-widget-content a.btn {
  color: #fff;
}

/*
     FILE ARCHIVED ON 08:35:19 Jul 03, 2025 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 09:07:32 Aug 14, 2026.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 0.595
  exclusion.robots: 0.086
  exclusion.robots.policy: 0.075
  esindex: 0.007
  cdx.remote: 48.491
  LoadShardBlock: 287.017 (3)
  PetaboxLoader3.datanode: 142.215 (4)
  PetaboxLoader3.resolve: 312.646 (2)
  load_resource: 191.071
*/