/*
Theme Name: Foodability Co.
Theme URI: https://www.foodabilityco.com.au/
Author: Foodability Co.
Description: Faithful WordPress reconstruction of the Foodability Co. website archived on 20 October 2023.
Version: 2.1.9
Requires at least: 6.2
Requires PHP: 8.0
Text Domain: foodability
*/

/* Keep the reusable header logo at its established desktop footprint while
   allowing the SVG to scale proportionally on narrow screens. */
#header .logo img.headerLogoImage {
  display: inline-block;
  width: 347px;
  max-width: 100%;
  height: auto;
}

@media screen and (max-width: 800px) {
  #header .logo img.headerLogoImage {
    max-width: calc(100vw - 80px);
  }
}

/* Match the former footer PNG footprint while keeping the positive SVG crisp. */
#footer .copyright .logo img.footerLogoImage {
  display: inline-block;
  width: 310px;
  max-width: 100%;
  height: auto;
}

html { scroll-behavior: smooth; }
body.admin-bar #header { top: 32px; }
.screen-reader-text {
  position: absolute !important;
  width: 1px; height: 1px; padding: 0; margin: -1px;
  overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0;
}
#main .foodability-notice { margin: 0 0 16px; padding: 12px 15px; border-left: 4px solid #b5c428; background: #eff0ef; }
#main .foodability-notice.error { border-color: #b90e0e; }
#main .elementForm input[name="company_website"] { position: absolute; left: -10000px; }
#main .contentRow.notFound { min-height: 420px; padding-top: 220px; }

/* WordPress-managed primary menu current-item states. */
@media screen and (min-width: 1001px) {
  #menuMain > li.current-menu-item > a:after,
  #menuMain > li.current-menu-parent > a:after,
  #menuMain > li.current-menu-ancestor > a:after { height: 5px; }
}
@media screen and (max-width: 1000px) {
  #menuMain > li.current-menu-item > a,
  #menuMain > li.current-menu-parent > a,
  #menuMain > li.current-menu-ancestor > a { text-decoration: underline; }
  #menuMain > li > ul > li.current-menu-item > a { text-decoration: none; font-weight: bold; }
}

/* Freeform layout rules embedded by the original CMS on the contact page. */
.freeform-row { display: block; margin: 0 -15px; }
.freeform-row:after,
.freeform-row .freeform-column:after { content: ""; display: table; clear: both; }
.freeform-row .freeform-column { display: block; padding: 10px 15px; float: left; box-sizing: border-box; }
.freeform-row .freeform-column > .freeform-row:first-child { margin-top: -10px; }
.freeform-row .freeform-column label { display: block; }
.freeform-row .freeform-column .freeform-label { font-weight: bold; }
.freeform-row .freeform-column .freeform-label.freeform-required:after { content: "*"; margin-left: 5px; color: red; }
.freeform-row .freeform-column .freeform-input { width: 100%; display: block; box-sizing: border-box; }
.freeform-row .freeform-column.freeform-column-content-align-left { text-align: left; }
.freeform-row .freeform-column-12 { width: 100%; }
@media screen and (max-width: 782px) {
  body.admin-bar #header { top: 46px; }
}