/*
 * Translated from styleguide/components/00-base/02-base/_04-base.scss
 * (form-element, iframe, main, clearfix, a11y, and misc utility rules).
 */

img,
input,
select,
textarea {
  height: auto;
  max-width: 100%;
}

iframe {
  max-width: 100%;
  width: 100%;
}

iframe#sizetracker {
  float: unset;
}

main {
  background-color: var(--color-white);
}

.main {
  /* display: block fixes an IE layout quirk from the original component;
     the commented-out @include wrapper in the source was never active. */
  display: block;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/*
 * For IE 6/7 only. Include this rule to trigger hasLayout and contain
 * floats. Kept per "preserve required browser fallbacks unless they are
 * demonstrably obsolete" — not evaluated for removal in this phase.
 */
.clearfix {
  zoom: 1;
}

.u-a11y-text,
.element-invisible {
  /* important flag preserved verbatim from the Sass source. */
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
  clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
  clip: rect(1px, 1px, 1px, 1px);
}

.accordion-toggle abbr[title] {
  text-decoration: none;
  border-bottom: 0;
}

.align-center.embedded-entity {
  text-align: center;
}

.webform.filter .form--inline .form-type-select .chosen-container-multi {
  /* important flag preserved verbatim from the Sass source. */
  margin: 0 var(--space) 0 0 !important;
}

/*
 * Translated from styleguide/components/01-elements/02-lists/lists.scss.
 * Found missing entirely (found via a systematic post-Phase-7 audit of
 * every non-component Fractal source file, dispatched after a user found
 * the missing h1-h6 typography and asked "what else that isn't a
 * component didn't get transferred"): confirmed real in global.css, but
 * zero real call sites in any current template and zero live content
 * usage (checked via a read-only DB query) -- ported anyway for parity
 * with production's actual capability, per this migration's established
 * practice.
 */
.ol.u_alpha {
  list-style-type: upper-alpha;
}

.ol.u_alpha.l_alpha {
  list-style-type: lower-alpha;
}

.ol.u_alpha.u_roman {
  list-style-type: upper-roman;
}

.ol.u_alpha.l_roman {
  list-style-type: lower-roman;
}

/*
 * Translated from styleguide/components/01-elements/03-forms/forms.scss.
 * Found missing entirely (same audit as above). ".form-item" is a Drupal
 * core class present on every real form on the site (webforms, exposed
 * views filters, search) -- its spacing and the input-sizing rules below
 * have real, sitewide impact. ".checkbox-list"/".radiobutton-list",
 * ".search-name"/"#search-name-submit", and "form .hidden" have zero real
 * call sites in any current template and zero live content usage (checked
 * via a read-only DB query), but are ported anyway for parity.
 */
.checkbox-list,
.radiobutton-list {
  list-style: none;
  margin: 0;
  padding: 0;
}

.form-item {
  margin: var(--space) 0;
}

.form-item:first-of-type {
  margin: 0 0 var(--space) 0;
}

.form-item:last-of-type {
  margin: var(--space) 0 0 0;
}

.form-item__select,
input[type="text"],
input[type="password"],
input[type="url"],
input[type="email"],
input[type="number"],
textarea {
  font-size: 1rem;
}

.search-name {
  position: relative;
}

.search-name .search-name-box {
  min-width: 300px;
  background: transparent url("../images/search-icon.jpg") no-repeat 98% center;
  background-size: 25px auto;
  height: 30px;
}

.search-name #search-name-submit {
  -webkit-appearance: none;
  box-sizing: inherit;
  padding: 0;
  border-width: 0;
  border-style: none;
  border-color: inherit;
  border-image: none;
  color: transparent;
  position: absolute;
  left: 250px;
  top: 1px;
  width: 55px;
  height: 30px;
  background-color: transparent;
}

form .hidden {
  visibility: hidden;
}

/*
 * Translated from styleguide/components/01-elements/06-tables/tables.scss.
 * Found missing entirely (same audit as above). Real call site:
 * templates/views/views-view-table--search-and-find-employer--block.html.twig
 * applies class="table" plus "table__heading-cell"/"table__row"/
 * "table__cell" -- the employer search results table (332 employer nodes)
 * was rendering with unstyled browser-default table markup.
 */
.table {
  border-radius: 4px;
  border-spacing: 0;
  background-color: var(--color-grey-20);
  margin: var(--space) 0;
  width: 100%;
}

.table__heading-cell {
  color: var(--color-black);
  font-weight: 700;
  padding: 1.2em;
  text-align: left;
}

.table__row:nth-child(2n+1) {
  background-color: var(--color-white);
}

.table__row:first-child td:first-child,
.table__row:first-child th:first-child {
  border-radius: 5px 0 0;
}

.table__cell,
.table__heading-cell {
  border: none;
  padding: var(--space);
}

/*
 * Translated from styleguide/components/01-elements/05-images/images.scss
 * (the ".image img"/".lehigh-logo" portion of this file already lives in
 * components/image-logo/image-logo.css; these are the remaining, more
 * generic utility rules from the same source). Found missing entirely
 * (same audit as above). Zero real call sites in any current template and
 * zero live content usage for any of these 4 rules (checked via a
 * read-only DB query) -- ported anyway for parity with production's
 * actual editorial capability.
 */
.favicon img {
  width: inherit;
}

.figure {
  margin: 0;
}

.align-right img {
  margin: var(--space-three-quarter) 0 var(--space-three-quarter) var(--space-three-quarter);
}

.align-left img {
  margin: var(--space-three-quarter) var(--space-three-quarter) var(--space-three-quarter) 0;
}