/*
Theme Name: AOFIDE Corporate
Theme URI: https://www.ofdtechnologies.com/
Author: AOFIDE
Description: Lightweight corporate and SEO theme for AOFIDE fluid end supply and water well solutions.
Version: 1.2.3
Requires at least: 6.6
Requires PHP: 8.1
Text Domain: aofide
*/

.site-header .desktop-nav,
.site-header .mobile-nav {
  list-style: none;
  margin: 0;
  padding-left: 0;
}

.desktop-nav > li,
.mobile-nav > li {
  list-style: none;
}

.desktop-nav > .menu-item-has-children {
  position: relative;
}

.desktop-nav > .menu-item-has-children > a {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}

.desktop-nav > .menu-item-has-children > a::before {
  width: 7px;
  height: 7px;
  border-right: 1.5px solid currentColor;
  border-bottom: 1.5px solid currentColor;
  content: "";
  transform: rotate(45deg) translateY(-2px);
  order: 2;
}

.desktop-nav .sub-menu {
  position: absolute;
  top: calc(100% + 17px);
  left: 50%;
  z-index: 130;
  min-width: 245px;
  margin: 0;
  padding: 7px;
  list-style: none;
  border: 1px solid var(--line);
  border-radius: 4px;
  background: var(--white);
  box-shadow: 0 16px 36px rgba(7, 33, 45, .16);
  opacity: 0;
  visibility: hidden;
  transform: translate(-50%, -6px);
  transition: opacity 160ms ease, transform 160ms ease, visibility 160ms ease;
}

.desktop-nav .menu-item-has-children:hover > .sub-menu,
.desktop-nav .menu-item-has-children:focus-within > .sub-menu {
  opacity: 1;
  visibility: visible;
  transform: translate(-50%, 0);
}

.desktop-nav .sub-menu a {
  display: block;
  padding: 11px 13px;
  border-radius: 3px;
  white-space: nowrap;
}

.desktop-nav .sub-menu a::after {
  display: none;
}

.desktop-nav .sub-menu a:hover,
.desktop-nav .sub-menu a:focus-visible {
  background: #f2f7f9;
}

.mobile-nav .sub-menu {
  margin: 0;
  padding: 0 0 0 16px;
  list-style: none;
}

.mobile-nav .sub-menu a {
  padding-left: 12px;
  color: var(--ink-soft);
  font-size: 14px;
}

.desktop-nav .current-menu-item > a,
.desktop-nav .current_page_item > a,
.mobile-nav .current-menu-item > a,
.mobile-nav .current_page_item > a {
  color: var(--steel);
}

.desktop-nav .current-menu-item > a::after,
.desktop-nav .current_page_item > a::after {
  transform: scaleX(1);
}

.language-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.page-content > .page-section:first-child {
  border-top: 0;
}

.page-content p:empty {
  display: none;
}

.requirements-table.wp-block-table {
  overflow-x: auto;
}

.requirements-table.wp-block-table table {
  width: 100%;
  border-collapse: collapse;
}

.requirements-table.wp-block-table th,
.requirements-table.wp-block-table td {
  padding: 17px 19px;
  border: 1px solid var(--line);
  text-align: left;
  vertical-align: top;
}

.requirements-table.wp-block-table th {
  width: 31%;
  background: #edf1f1;
}

.wp-block-image {
  margin: 0;
}

.wp-block-image img {
  height: auto;
}

.pagination {
  margin-top: 38px;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.pagination .page-numbers {
  min-width: 42px;
  min-height: 42px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 12px;
  border: 1px solid var(--line);
  border-radius: 4px;
  background: var(--white);
}

.pagination .current {
  color: var(--white);
  border-color: var(--steel);
  background: var(--steel);
}

.rfq-honeypot {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  clip-path: inset(50%) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

.form-status.is-success {
  color: #176b4d;
}

.form-status.is-error {
  color: #a1372d;
}

.news-card-placeholder {
  min-height: 250px;
  display: grid;
  place-items: center;
  padding: 30px;
  color: var(--ink-soft);
  background: var(--paper);
  text-align: center;
}

.site-notice {
  padding: 14px 0;
  color: #7b5b0c;
  background: #fff8df;
  font-size: 12px;
  text-align: center;
}

.site-notice p {
  margin: 0;
}

.article-body > :first-child {
  margin-top: 0;
}

.article-body .wp-block-image img {
  width: 100%;
  max-height: 500px;
  margin-bottom: 42px;
  border-radius: var(--radius);
  object-fit: cover;
}

.search-form-page {
  max-width: 720px;
}

body.admin-bar .site-header {
  top: 32px;
}

@media (max-width: 782px) {
  body.admin-bar .site-header {
    top: 46px;
  }
}

@media (max-width: 560px) {
  .requirements-table.wp-block-table th,
  .requirements-table.wp-block-table td {
    display: block;
    width: 100%;
  }
}