/* Custom Hide Menu on Certain Width */
@media (max-width: 1200px) {
    .main_menu .menu-item-top-level {
        display: none !important;
    }
    .responsive #top .av_mobile_menu_tablet .av-main-nav .menu-item-avia-special {
        display: block !important;
    }
}

:root {
	--red: #c52127;
    --light-red: #ec1f27;
    --light-gray: #a2a5a8;
    --gray: #4f5051;
    --black: #111;
}

/* TEMP CSS Area - Starts */

#footer .menu a {
    font-size: 16px;
}

/*#top.single-accuwright-location .title_container {
    background-image: url('/wp-content/uploads/2023/11/Accuwright-Operating-in-Your-Area-Now.jpg') !important;
}*/

/* TEMP CSS Area  - Ends */

/* Round Images - Starts */

.big-preview img,
.slide-image,
.round-img,
.flex_column.avia-full-stretch {
    border-radius: 10px !important;
}

/* Round Images  - Ends */

.avia-svg-logo svg {
    width: 280px !important;
    height: auto !important;
    max-width: 100% !important;
}

@media (min-width: 768px) {
    .avia-svg-logo svg {
        margin-top: 12px;
    }
}

@media (max-width: 767px) {
    .avia-svg-logo svg {
        width: 200px !important;
    }
    
    .flex_column.avia-full-stretch {
        margin-bottom: 30px !important;
    }
}

/* Main NAV CSS Area - Starts */

.button-type a {
    background-color: var(--red);
    color: #fff !important;
    padding: 10px 20px !important;
    border-radius: 7px;
}

.tel-item a,
.button-type a {
    transition: .5s;
}

.button-type a:hover {
    background-color: var(--gray);
}

.tel-item a:hover {
    color: var(--red) !important;
}

#nav_menu-2 {
    position: absolute;
    right: 0;
    padding: 0;
}

#menu-secondary-menu {
    display: flex;
    column-gap: 30px;
    align-items: center;
}

#menu-secondary-menu li a {
    line-height: 1.5;
    font-size: 16px;
    color: #111;
    font-weight: bold;
}

span.sep-line {
    display: block;
    color: var(--light-gray);
    font-size: 14px;
}

.tel-item {
    position: relative;
    padding-left: 55px;
}

.tel-item:before {
    content: '\e854';
    font-family: 'entypo-fontello';
    position: absolute;
    left: 0;
    top: 3px;
    width: 40px;
    height: 40px;
    border: 2px solid var(--light-gray);
    border-radius: 100%;
    line-height: 1.5;
    display: flex;
    justify-content: center;
    align-items: center;
    transform: rotate(90deg);
}

@media (min-width: 1251px) {
    .main_menu .menu-item-top-level > a .avia-menu-text {
        font-size: 17px;
    }
}

@media (min-width: 1201px) {
    #header_main .inner-container {
        display: flex;
        justify-content: space-around;
        width: 100% !important;
        gap: 30px;
        align-items: center;
    }
    nav.main_menu {
        left: calc(50% - 305px);
        width: max-content !important;
    }
    .desktop-hidden {
        display: none;
    }
}

@media (max-width: 1200px) {
    .button-type {
        display: none;
    }
    #nav_menu-2 {
        right: 100px;
        top: 20px
    }
}

@media (max-width: 767px) {
    #nav_menu-2 {
        display: none;
    }
}

.main_menu .sub-menu .avia-menu-text {
    font-size: 16px;
}
.html_av-overlay-side #top #wrap_all .av-burger-overlay-scroll #av-burger-menu-ul a {
    color: #111;
}

/* Main NAV CSS Area - Ends */

.avia-button {
    border-radius: 6px !important;
    font-weight: bold !important;
}

.av-subheading_below p {
    line-height: 1.7;
}

.section-heading .av-special-heading-tag {
    font-weight: bold !important;
}

.regular-button .avia-button {
    border: 2px solid var(--red) !important;
    font-size: 16px;
}

.regular-button-row .avia-button:nth-child(even) {
    color: var(--red) !important;
}

.radius-image img {
    border-radius: 25px;
}

/* Inner Landing Header CSS - Starts */

.top-overlay {
    background: transparent !important;
    margin: 120px 0 !important;
    padding: 0 !important;
}

.title_container .main-title {
    padding: 0 0 15px !important;
    letter-spacing: 1px;
}

.title_container .main-title a {
    font-weight: bold !important;
    font-size: 40px !important;
    letter-spacing: 0;
    line-height: 1.3 !important;
    display: block;
    color: #fff !important;
}

.title_container .breadcrumb {
    right: auto;
    top: auto;
    position: relative;
    margin: 0;
    padding-bottom: 30px;
}

.title_container .breadcrumb * {
    color: #fff !important;
}

@media (max-width: 767px) {
    .top-overlay {
        margin: 100px 0 !important;
    }

    #top .title_container .main-title a {
        font-size: 30px !important;
    }
}

.title_container {
    position: relative;
}

.title_container:before {
    content: '';
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(to right, #000, rgb(0 0 0 / 75%),rgb(0 0 0 / 50%), transparent 75%);
}

/* Inner Landing Header CSS - Ends */

.bolder-title .av-special-heading-tag {
    font-weight: bold !important;
    letter-spacing: 0 !important;
}

.inner-text-heading h3 {
    color: var(--gray) !important;
    font-size: 1.5em;
}

.center-five-columns,
.center-seven-columns {
    display: flex;
    column-gap: 30px;
    row-gap: 50px;
    justify-content: center;
    flex-wrap: wrap;
}

.center-five-columns .flex_column,
.center-seven-columns .flex_column {
    width: 100% !important;
}

@media (min-width: 641px) {
    .center-seven-columns .flex_column,
    .center-five-columns .flex_column {
        width: calc(50% - 15px) !important;
    }
}

@media (min-width: 800px) {
    .center-seven-columns .flex_column,
    .center-five-columns .flex_column {
        width: calc(33.33% - 20px) !important;
    }
}

@media (min-width: 1251px) {
    .center-seven-columns .flex_column {
        width: calc(14.28% - 25.72px) !important;
    }

    .center-five-columns .flex_column {
        width: calc(20% - 24px) !important;
    }
}

.faq-content .toggler {
    font-weight: bold;
    color: #111;
    padding-block: 13px;
}

.faq-content .toggle_content p {
    line-height: 1.8;
}

.avia_textblock strong {
    color: inherit !important;
}

.numeric-list li:nth-child(n+2) {
    margin-top: 10px;
}

.numeric-list li::marker {
    font-size: 18px;
    font-weight: bold;
}

.numeric-list li {
    padding-top: 0;
}

.numeric-list strong {
    display: inline-block;
    margin-bottom: 0;
    font-size: 18px;
}

/* Image Collage CSS - Starts */

.images-grid div {
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 10px;
    max-width: 100%;
    max-height: 100%;
}

.top-layer {
    width: 450px;
    height: 450px;
}

.bottom-layer {
    width: 300px;
    height: 300px;
    bottom: 0;
    right: 0;
    position: absolute;
}

.images-grid {
    position: relative;
    width: 600px;
    margin-inline: auto;
    max-width: 100% !important;
    padding-bottom: 50px;
    padding-right: 50px;
}

@media (max-width: 989px) {
    .images-grid {
        margin-bottom: 50px;
    }
}

@media (max-width: 767px) {
    .images-grid {
        width: 450px;
    }
    .bottom-layer {
        width: 200px;
        height: 200px;
    }

    .top-layer {
        width: 350px;
        height: 350px;
    }
}

/* Image Collage CSS - Ends */

/* Center Four Col - Center */
.center-three-columns,
.center-four-columns {
    display: flex !important;
    flex-wrap: wrap;
    justify-content: center;
    gap: 30px;
}
.center-three-columns .flex_column,
.center-four-columns .flex_column {
    margin: 0 !important;
    width: 100% !important;
}
@media (min-width: 768px) {
    .center-three-columns .flex_column,
    .center-four-columns .flex_column {
        width: calc(50% - 15px) !important;
    }
}

@media (min-width: 990px) {    
    .center-four-columns .flex_column {
        width: calc(33.33% - 20px) !important;
    }
}
@media (min-width: 1201px) {
    .center-four-columns .flex_column {
        width: calc(25% - 22.5px) !important;
    }
    
    .center-three-columns .flex_column {
        width: calc(33.33% - 20px) !important;
    }
}
/* Center Four Col - Center - END */

.team-img-container,
.team-img-container img {
    border-radius: 0 !important;
}

/* LINK Cards CSS - Starts */
.link-box {
    margin: 0 !important;
    text-align: center;
}

.link-card {
    background-color: #f8f8f8;
    border: 1px solid #d8d8d8 !important;
    padding-bottom: 30px;
    transition: .5s;
}

.link-box .team-member-name {
    margin-top: 15px;
    margin-bottom: 8px;
}

.link-card:hover {
    transform: translateY(-10px);
}

/* LINK Cards CSS - END */

.gform_required_legend {
    display: none;
}

.inner-ticklist ul {
    list-style-type: none !important;
    margin: 20px 0 0 0;
}

.inner-ticklist ul li {
    margin: 4px 0 0 0;
    position: relative;
    padding-left: 20px;
}

.inner-ticklist ul li:before {
    content: '\e812';
    font-family: 'entypo-fontello';
    position: absolute;
    left: 0;
    color: var(--red);
}

.image-box {
    text-align: center;
}

/* Primary Area Form CSS - Starts */

.primary-form {
    border: 1px solid #eaeaea !important;
    padding: 25px;
    background-color: #fff;
    width: 900px;
    max-width: 100% !important;
    margin-inline: auto;
    border-radius: 10px;
    box-shadow: 0 0 5px 3px #efefef;
}

@media (min-width: 768px) {
    .primary-form {
        padding: 50px 40px;
    }
}

.primary-form textarea,
.primary-form input {
    border-radius: 5px !important;
}

.gform_footer {
    padding-bottom: 0 !important;
}

.primary-form form {
    margin-bottom: 0 !important;
}

#top .primary-form .gform_body select,
#top .primary-form .gform_body textarea,
#top .primary-form .gform_body input {
    background-color: #f8f8f8 !important;
}

.primary-form .gform_footer input[type=submit] {
    padding: 15px 30px !important;
}

/* Primary Area Form CSS - Ends */

.card-thumbnail {
    object-fit: cover;
    aspect-ratio: 4 / 3;
    object-position: center;
    transition: .5s;
}

.facet-card {
    text-align: center;
    background-color: #f8f8f8;
    border: 1px solid #d8d8d8;
    transition: .5s;
}

.facet-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 5px #d8d8d8;
}

.alternate_color .facet-card {
    background-color: #fff;
}

.facet-card .content-block {
    padding: 10px 20px 25px;
}

h3.card-title {
    font-size: 18px;
    color: var(--gray) !important;
}

.image-box img {
    object-fit: cover;
    aspect-ratio: 4 / 3;
    width: 100% !important;
    object-position: center;
}

.wp-caption-text {
    font-size: 14px !important;
    font-style: normal !important;
    font-family: inherit !important;
}

.wp-caption.alignleftt,
.wp-caption.alignright {
    margin: 0 0 30px !important;
}

@media (min-width: 990px) {
     .wp-caption.alignright {
        margin-left: 50px !important;
    }

    .wp-caption.alignleft {
        margin-right: 50px !important;
    }
}

@media (max-width: 989px) {
    .wp-caption.alignleft,
    .wp-caption.alignright {
        float: none;
    }
}

.simple-iconbox {
    text-align: center;
}

.simple-iconbox h2 {
    margin-top: 15px;
}

.simple-iconbox svg path,
.simple-iconbox svg {
    fill: var(--gray) !important;
}

.circle-iconbox .wd-hybrid-box-svg {
    border: 2px solid var(--red);
    background: #fff;
    width: 90px;
    height: 90px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 100%;
    margin: 0 auto 20px;
}

.circle-iconbox .wd-hybrid-box-svg svg {
    width: auto;
    height: 50px;
}

.circle-iconbox {
    text-align: center;
}

.single-project-portfolio .title_container,
.single-post .title_container {
    display: none
}

.big-preview.single-big img {
    width: 750px !important;
    max-width: 100% !important;
    aspect-ratio: 16 / 9;
    object-fit: cover;
    object-position: center;
    margin-inline: auto;
}

.big-preview.single-big {
    margin-bottom: 25px !important;
}

.single-project-portfolio .entry-content-wrapper h2,
.single-post .entry-content-wrapper h2 {
    font-size: 25px;
    color: var(--gray)
}

.single-project-portfolio .av-vertical-delimiter,
.single-post  .av-vertical-delimiter {
    border-color: var(--red);
    width: 60px;
}

span.post-meta-infos {
    display: none !important;
}

#top .wp-caption img {
    padding: 0 !important;
}

div .wp-caption {
    border: none !important;
}

h1 a,
h2 a,
h3 a {
    color: var(--red) !important;
}

.image-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 30px;
    margin-top: 50px;
}

.simple-imagebox {
    text-align: center;
}

.custom-iconlist {
    margin: 10px 0 0 !important;
}

.custom-iconlist .iconlist-char {
    position: relative;
    top: 4px;
}

#footer .avia_social_icons_widget {
    margin: 0 !important;
}

@media (min-width: 768px) {
    #footer .container {
        display: grid;
        column-gap: 60px;
        grid-template-columns: repeat(2, 1fr);
    }
    
    #footer .flex_column {
        width: 100%;
        margin: 0;
    }

    #footer .avia_social_icons_widget {
        margin-top: -15px !important;
    }
}

@media (min-width: 990px) {
    #footer .container {
        grid-template-columns: 3fr 3fr 2fr 2fr;
    }
}

ul li > ul li {
    list-style-type: circle !important;
}

/* Intro Wrapper */

.intro-quote blockquote {
    border: none;
    position: relative;
    padding-left: 0;
}

.intro-quote blockquote:before {
    content: '';
    position: absolute;
    width: 65px;
    height: 65px;
    background-image: url(/wp-content/uploads/2024/01/Intro-icon.png);
    background-size: contain;
    background-repeat: no-repeat;
    left: 0;
}

.intro-quote blockquote {
    color: #000 !important;
    font-size: 17px;
}

@media (min-width: 990px) {
    .intro-quote blockquote {
        font-size: 19px;
        padding-left: 100px;
        display: flex;
        align-items: center;
    }

    .intro-quote .inner-wrap {
        border-left: 5px solid var(--red);
        padding-left: 40px;
    }
}

@media (max-width: 989px) {
    .intro-quote blockquote:before {
        top: 0;
    }

    .intro-quote blockquote {
        padding-top: 90px;
    }
}

/* Intro Wrapper */

.alternate_color .link-card {
    background-color: #fff !important;
}

.html_av-overlay-side #top #wrap_all .av-burger-overlay-scroll #av-burger-menu-ul a {
    color: #000 !important;
}

body#top {
    margin: 0 auto !important;
}

#top .menu-item-search-dropdown > a {
    font-size: 20px !important;
}

#header .three.units {
    width: 300px !important;
}

.fake-click .mega_menu_title a:hover {
    cursor: default !important;
}
.with-icon {
    display: flex;
    justify-content: center;
    align-items: center;
    column-gap: 30px;
    row-gap: 15px;
}
@media (max-width: 989px) {
    .with-icon {
        flex-wrap: wrap;
    }
    .with-icon .av-special-heading-tag {
        text-align: center;
    }
}
.avia_textblock a {
    color: var(--red) !important;
}
.avia_textblock a:hover {
    opacity: .85;
}
.inner-table th {
    background: #d41920;
    color: #fff;
    letter-spacing: 0.5px;
    font-size: 16px;
}
.inner-table td {
    color: #222 !important;
    font-size: 16px;
}
.section-heading span {
    color: var(--red);
}
.regular-button-row {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
}
.avia-buttonrow-center.regular-button-row {
    justify-content: center;
}
.section-heading .av-subheading_above {
    margin-bottom: 15px;
}
.wide-image img {
    aspect-ratio: 10/4;
    object-fit: cover;
    object-position: center;
}

/* === FORM FIELD CONTRAST FIX - added 2026-07-29 === */
.gform_wrapper input::placeholder, .gform_wrapper textarea::placeholder { color: #5a5c5e !important; opacity: 1 !important; }
.gform_wrapper input[type=text], .gform_wrapper input[type=email], .gform_wrapper input[type=tel], .gform_wrapper textarea { color: #111 !important; border: 1px solid #b7babd !important; background: #fff !important; }
.gform_wrapper input[type=text]:focus, .gform_wrapper input[type=email]:focus, .gform_wrapper input[type=tel]:focus, .gform_wrapper textarea:focus { border-color: #c52127 !important; }
.gform_wrapper .gfield_label, .gform_wrapper .gfield_description { color: #333 !important; }


/* Contact page subheading - readable, not alarm red */
.page-id-448 .av-subheading, .page-id-448 .av-subheading p { color: #333 !important; }

/* ==========================================================================
   ACCUWRIGHT SITEWIDE FOOTER - append to Better Simple CSS
   Appearance, then Better Simple CSS. Append at the END, below the existing
   ~871 lines. Do not reflow or reformat anything already in that file.

   All selectors are namespaced .awm-f* so nothing here can collide with
   Enfold or with existing BCSS rules.

   ---------------------------------------------------------------------------
   COLOUR: SCOPED ON PURPOSE - read before "tidying" this
   ---------------------------------------------------------------------------
   The colours below are lifted directly from the official brand mark,
   /wp-content/uploads/2023/11/accuwright-logo.svg, which declares:

       .st0 fill is #C4161C  ..  brand red
       .st1 fill is #A3A5A8  ..  brand grey

   NOTE TO ANYONE EDITING THIS BLOCK: do not put angle brackets in these comments.
   Better Simple CSS runs the value through WordPress sanitisation on save, which reads
   an angle bracket as the start of an HTML tag and SILENTLY TRUNCATES everything after
   it. An earlier version of this file used an arrow and lost 4,765 characters on save.

   BCSS :root currently declares --red:#c52127 and --light-gray:#a2a5a8.
   Neither matches the mark. #c52127 vs #C4161C is a visible near-miss when
   the two sit inches apart on a dark background, which is exactly what a
   footer does.

   So this block deliberately does NOT use the global vars. It defines its own
   scoped vars from the logo instead. Jay's call 2026-07-30: scope it here now,
   correct the sitewide variables page by page as the rebuild proceeds.

   WHEN THE SITEWIDE VARS ARE CORRECTED: delete the three --awm-* declarations
   below and swap the references back to var(--red) / var(--light-gray).
   Tracked as defect #24.
   ========================================================================== */

/* --- FULL BLEED. Required, learned the hard way on staging 2026-07-30 ---
   Enfold nests footer widgets as:
       div#footer.container_wrap  then  div.container  then  div.flex_column
   Two things break a full-width footer band:
     1. .container has a max-width, so the dark background stopped at the container edge
        and the footer rendered as a centred card on the page.
     2. .container is display:grid, so .flex_column is a GRID ITEM. width:100% cannot
        override a grid track, which is why the first fix only got it to 782 of 1692px.
        The container has to become display:block.
   These rules are scoped to #footer and only apply while Footer Columns is 1 with the
   single Custom HTML widget in place.

   ---------------------------------------------------------------------------
   KNOWN COLLISION - M16's core-styles.css. Found 2026-07-30.
   ---------------------------------------------------------------------------
   M16's stylesheet carries, inside a media query:

       (min-width: 768px) and (max-width: 989px)
           #footer .container  display grid !important, grid-template-columns 1fr 1fr

   That is the SAME specificity as our "#footer greater-than .container" rule (one id,
   one class) and BOTH carry !important. Nothing about the selectors decides it. The
   winner is purely whichever stylesheet loads later.

   Today we win: Better Simple CSS is stylesheet index 50, core-styles.css is index 8.
   Measured on staging at a 785px viewport 2026-07-30 - container computed display block,
   max-width none, footer full bleed at 785px. Also beats grid.css's max-width 782px on
   .responsive .container, which is where the "782 of 1692px" note above came from.

   THIS IS NOT A STABLE GUARANTEE. If M16 re-enqueues core-styles.css at a later
   priority, or moves it into the footer, the tablet band silently becomes a two-column
   grid again. If the footer ever looks wrong ONLY between 768 and 989px, this is why.
   The durable fix is to raise our specificity rather than rely on order, for example by
   prefixing with a third id such as "#top #footer greater-than .container". Not done now
   because untested specificity changes are how the 782px bug happened in the first place.
   Tracked as defect #31. */
#footer{background:#111 !important;padding:0 !important;border:0 !important;margin:0 !important}
#footer > .container{display:block !important;width:100% !important;max-width:none !important;margin:0 !important;padding:0 !important}
#footer .flex_column{width:100% !important;margin:0 !important;padding:0 !important}
#footer .widget{margin:0 !important;padding:0 !important;float:none !important}
#footer .textwidget,#footer .custom-html-widget{margin:0;padding:0}

.awm-footer{
  width:100%;
  /* scoped brand palette, sampled from accuwright-logo.svg */
  --awm-red:#C4161C;
  --awm-grey:#A3A5A8;
  --awm-ink:#111111;

  background:var(--awm-ink);
  color:var(--awm-grey);
  font-size:15px;
  line-height:1.6;
  padding:56px 0 0;
}
.awm-f-inner{max-width:1220px;margin:0 auto;padding:0 28px}

/* --- column grid --- */
.awm-f-grid{
  display:grid;
  grid-template-columns:1.5fr 1fr 1fr 1fr 1.1fr;
  gap:38px;
}
.awm-f-col h4{
  color:#fff;
  font-size:12.5px;
  letter-spacing:.15em;
  text-transform:uppercase;
  margin:0 0 16px;
  padding-bottom:10px;
  border-bottom:2px solid var(--awm-red);

  /* TWO-LINE FLOOR. Measured 2026-07-30, not cosmetic guesswork.
     At desktop width two of the four headings wrap to a second line
     (INSTALL AND COMMISSION, FREE TOOLS AND COST GUIDES) while BUILD and
     MOVE AND RENT stay on one. That put their red rules and their first list
     item 20px lower than the other two columns, so neither the rules nor the
     link lists shared a baseline across the footer. Verified before: underline
     at y=207 and y=219, list tops at 215 and 235. After: single underline
     baseline, single list baseline.
     4.16em is two lines at this font size plus the 10px padding and the 2px
     border. box-sizing is pinned here on purpose so that number means the same
     thing whether or not the surrounding theme declares border-box. */
  box-sizing:border-box;
  min-height:4.16em;
}
.awm-f-col ul{list-style:none;margin:0;padding:0}
.awm-f-col li{margin:0 0 9px}
.awm-f-col a{
  color:var(--awm-grey);
  text-decoration:none;
  transition:color .15s ease;
}
.awm-f-col a:hover,
.awm-f-col a:focus{color:#fff;text-decoration:underline}

/* --- brand block ---
   Uses the official SVG brand mark, which already contains the wordmark AND the
   MILLWRIGHTS / FABRICATORS / RIGGERS tagline. Never pair it with a text logo or a
   second tagline - that produces competing brand marks on the same page.

   Referenced as an img element rather than inlined on purpose: the SVG is an Illustrator
   export whose internal styles use .st0-.st7. Inlining would leak those class names
   into the global CSS scope, where every other Illustrator-exported SVG on the site
   uses the same names. An img element sandboxes them. */
.awm-f-logo{display:inline-block;line-height:0}
.awm-f-logo img{
  display:block;
  width:100%;
  max-width:238px;   /* viewBox 1939.3 x 422.2, so ~52px tall at this width */
  height:auto;
}
.awm-f-note{margin:20px 0 0;font-size:13.5px;max-width:34ch}

.awm-f-office{margin-top:18px;font-size:14px}
.awm-f-office b{
  display:block;color:var(--awm-red);
  font-size:11px;letter-spacing:.16em;text-transform:uppercase;margin-bottom:3px;
}
.awm-f-phone{
  display:inline-block;margin-top:20px;
  color:#fff;font-size:21px;font-weight:700;letter-spacing:.02em;text-decoration:none;
}
.awm-f-phone:hover{color:var(--awm-red)}
.awm-f-email{display:block;margin-top:6px;color:var(--awm-grey);text-decoration:none;font-size:14px}
.awm-f-email:hover{color:#fff;text-decoration:underline}

.awm-f-toolnote{margin:14px 0 0;font-size:12.5px;color:#7f8285;font-style:italic}

/* --- social ---
   Carried over from the old Avia Social Icons widget so the swap loses nothing.
   Facebook and Instagram only; those are the two profiles that exist. */
.awm-f-social{display:flex;gap:12px;margin-top:22px}
.awm-f-social a{
  display:flex;align-items:center;justify-content:center;
  width:34px;height:34px;
  color:var(--awm-grey);
  border:1px solid #2f3133;
  border-radius:50%;
  transition:color .15s ease,border-color .15s ease,background .15s ease;
}
.awm-f-social a:hover,.awm-f-social a:focus{color:#fff;background:var(--awm-red);border-color:var(--awm-red)}
.awm-f-social svg{display:block}

/* --- credential bar --- */
.awm-f-creds{
  display:flex;flex-wrap:wrap;justify-content:center;align-items:center;
  gap:0 28px;
  margin-top:48px;padding:18px 0;
  border-top:1px solid #2a2b2c;border-bottom:1px solid #2a2b2c;
  font-size:11.5px;letter-spacing:.13em;text-transform:uppercase;
  color:#8e9194;
}
.awm-f-creds span{position:relative;padding:4px 0}
.awm-f-creds span:not(:last-child)::after{
  content:"";position:absolute;right:-15px;top:50%;transform:translateY(-50%);
  width:3px;height:3px;border-radius:50%;background:var(--awm-red);
}
.awm-f-creds a{color:#fff;text-decoration:none;border-bottom:1px dotted #6a6d70}
.awm-f-creds a:hover{color:var(--awm-red)}

/* --- bottom bar --- */
.awm-f-bottom{padding:24px 0 32px;text-align:center}
.awm-f-company{
  display:flex;flex-wrap:wrap;justify-content:center;gap:0 22px;margin-bottom:14px;
  font-size:13.5px;
}
.awm-f-company a{color:var(--awm-grey);text-decoration:none}
.awm-f-company a:hover{color:#fff;text-decoration:underline}
.awm-f-copy{margin:0;font-size:12.5px;color:#6e7174}

/* --- responsive --- */
@media (max-width:1100px){
  .awm-f-grid{grid-template-columns:1.4fr 1fr 1fr;gap:32px}
  .awm-f-brand{grid-column:1 / -1}
}
@media (max-width:768px){
  .awm-footer{padding-top:40px}
  .awm-f-grid{grid-template-columns:1fr 1fr;gap:26px}
  .awm-f-brand{grid-column:1 / -1}
  .awm-f-creds{gap:0 20px;font-size:10.5px}
  .awm-f-creds span:not(:last-child)::after{right:-11px}
}
@media (max-width:480px){
  .awm-f-grid{grid-template-columns:1fr}
  .awm-f-company{gap:0 14px;font-size:13px}
}

/* --- Enfold socket ---
   CONFIRMED on staging 2026-07-30: Enfold outputs a socket element with id "socket",
   carrying role "contentinfo" and the schema.org WPFooter itemtype, and containing the
   copyright line "Copyright 2026 - Accuwright | Web Design by M16 Marketing".

   Jay's call 2026-07-30: switch the socket off. The credit is plain text, not a link,
   so no backlink is lost and there is no hidden-link risk.

   DO IT VIA ENFOLD'S SETTING, NOT CSS. Theme Options, then Footer, then "Default Footer
   and Socket Settings", and choose the footer-widgets-only option. That stops the markup
   being output at all. Using display:none on the socket would leave the credit in the
   page source, readable by anyone viewing source and still crawlable, which is the worst
   of both worlds.

   This footer takes over role "contentinfo" and the WPFooter itemtype from the socket.
   See the comment in footer.html. Do not remove those attributes. */

/* AWM-CONTACT-CSS-START */

/* --- Contact hero: matches the sitewide .title_container gradient --- */
.awm-hero{position:relative}
.awm-hero .av-section-color-overlay-wrap{position:relative}
.awm-hero:before{content:'';position:absolute;inset:0;width:100%;height:100%;z-index:1;background-image:linear-gradient(to right, #000, rgb(0 0 0 / 75%),rgb(0 0 0 / 50%), transparent 75%)}
.awm-hero .container{position:relative;z-index:2}

/* --- Eyebrow. Was an inline style repeated on five sections; now one rule.
   The "// " prefix is generated here exactly as designs/contact-page-v2.html does it,
   so the label text stays clean and translatable. --- */
.awm-v2 .awm-eyebrow{font-size:12.5px;font-weight:700;letter-spacing:.19em;text-transform:uppercase;color:#C4161C;margin:0 0 4px}
.awm-v2 .awm-eyebrow:before{content:'// ';opacity:.75}

/* --- Section rhythm. Enfold's default padding leaves the page feeling like a stack of
   unrelated blocks; the design breathes at 64px and tightens the heading to its rule. --- */
.awm-v2 .awm-proof .content,
.awm-v2 .awm-clients .content,
.awm-v2 .awm-process .content,
.awm-v2 .awm-corridor .content,
.awm-v2 .awm-faq .content{padding-top:58px;padding-bottom:58px}
.awm-v2 .av-special-heading{margin-bottom:6px}
.awm-v2 .av-special-heading .av-special-heading-tag{letter-spacing:.02em;line-height:1.1}

/* --- The form card. It was sitting flat on the page background looking like an
   afterthought next to the copy column. The design gives it a white card, a red top
   edge and a real shadow so it reads as the primary action. --- */
.awm-v2 .awm-contact-top .gform_wrapper{background:#fff;border-top:5px solid #C4161C;box-shadow:0 18px 46px rgb(0 0 0 / 14%);padding:28px 26px 22px;margin-top:4px}
.awm-v2 .gform_wrapper .gfield_label{font-size:11.5px;letter-spacing:.13em;text-transform:uppercase;font-weight:700;color:#3a3c40;margin-bottom:5px}
.awm-v2 .gform_wrapper .gfield_required{color:#C4161C}
.awm-v2 .gform_wrapper input[type=text],
.awm-v2 .gform_wrapper input[type=email],
.awm-v2 .gform_wrapper input[type=tel],
.awm-v2 .gform_wrapper textarea{width:100%;padding:12px 13px;background:#fff;border:1px solid #b7babd;border-radius:0;color:#111;font-size:16px;box-shadow:none}
.awm-v2 .gform_wrapper input:focus,
.awm-v2 .gform_wrapper textarea:focus{outline:none;border-color:#C4161C;box-shadow:0 0 0 2px rgb(196 22 28 / 16%)}
.awm-v2 .gform_wrapper input::placeholder,
.awm-v2 .gform_wrapper textarea::placeholder{color:#5a5c5e;opacity:1}
.awm-v2 .gform_wrapper .gform_footer{margin:14px 0 0;padding:0}
.awm-v2 .gform_wrapper .gform_button{width:100%;background:#C4161C;color:#fff;border:0;border-radius:0;padding:16px;font-size:16.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;transition:background .16s}
.awm-v2 .gform_wrapper .gform_button:hover{background:#ec1f27}

/* The drag-and-drop upload area is the field doing the qualifying work - a buyer who
   attaches a drawing has told us more than ten dropdowns would. Make it look droppable
   rather than like a disabled input. */
.awm-v2 .gform_wrapper .gform_drop_area{background:#F4F1EC;border:2px dashed #c3bfb7;border-radius:0;padding:22px;color:#4f5051}
.awm-v2 .gform_wrapper .gform_drop_area:hover{border-color:#C4161C}

/* Gravity Forms auto-prints an accepted-file-types and size/count rules line under every
   upload field. Jay 2026-07-30: drop it. It cannot be turned off in the field config,
   only hidden. The whitelist itself still applies on submit. */
.gform_wrapper .gform_fileupload_rules,
.gform_wrapper .ginput_container_fileupload .gfield_description{display:none !important}

/* Keep the free-text box to a few rows. A tall empty textarea reads as homework and was
   the main thing pushing the form column past the copy column. */
.gform_wrapper textarea.small{height:110px;min-height:110px}

/* --- Process icon list. Enfold's default puts a pale circle icon against loose text;
   the design uses a hard red rule and a tighter block. --- */
.awm-v2 .awm-process .avia-icon-list .iconlist_icon{background-color:#C4161C;box-shadow:none}
.awm-v2 .awm-process .avia-icon-list li{padding-bottom:6px}
.awm-v2 .awm-process .iconlist_title{font-size:17px;letter-spacing:.03em;text-transform:uppercase;margin-bottom:4px}
.awm-v2 .awm-process .iconlist_content{color:#4f5051}

/* --- FAQ toggles. Flagged as the weakest part of the build. Enfold ships them as pale
   rounded boxes with a tiny plus - they read as disabled UI, not as questions worth
   opening. This gives them a hard left edge that turns red when open, uppercase
   question text, and removes the rounding the rest of the page does not use. --- */
.awm-v2 .awm-faq .togglecontainer{margin-top:18px}
.awm-v2 .awm-faq .single_toggle{margin:0 0 10px}
.awm-v2 .awm-faq p.toggler{background:#F4F1EC;border:1px solid #e2ded6;border-left:4px solid #c3bfb7;border-radius:0;padding:15px 46px 15px 18px;font-size:16px;font-weight:700;letter-spacing:.02em;color:#1a1c1e;transition:border-color .15s, background .15s}
.awm-v2 .awm-faq p.toggler:hover{background:#efeae1;border-left-color:#C4161C}
.awm-v2 .awm-faq p.toggler.activeTitle{background:#fff;border-left-color:#C4161C;color:#C4161C}
.awm-v2 .awm-faq .toggle_icon{border:0;right:18px}
.awm-v2 .awm-faq .toggle_icon .vert_icon{border-color:#C4161C}
.awm-v2 .awm-faq .toggle_icon .hor_icon{border-color:#C4161C}
.awm-v2 .awm-faq .toggle_wrap{border:1px solid #e2ded6;border-top:0;border-left:4px solid #C4161C;border-radius:0}
.awm-v2 .awm-faq .toggle_content{padding:16px 18px;color:#4f5051;font-size:16px}

@media (max-width:768px){
  .awm-hero:before{background-image:linear-gradient(to right, #000, rgb(0 0 0 / 82%),rgb(0 0 0 / 70%), rgb(0 0 0 / 45%))}
  .awm-v2 .awm-contact-top .gform_wrapper{padding:22px 18px 18px}
  .awm-v2 .awm-proof .content,
  .awm-v2 .awm-clients .content,
  .awm-v2 .awm-process .content,
  .awm-v2 .awm-corridor .content,
  .awm-v2 .awm-faq .content{padding-top:40px;padding-bottom:40px}
}/* AWM-CONTACT-CSS-END */

/* AWM-HOME-CSS-START */

/* --- Homepage, built 2026-07-31. Inherits the awm-v2 system from the contact page. --- */
.awm-v2 .awm-home-hero .container{position:relative;z-index:2}
.awm-v2 .awm-hero-eyebrow{color:#fff;opacity:.92;letter-spacing:.22em}
.awm-v2 .awm-hero-eyebrow:before{content:''}
.awm-v2 .awm-hero-sub{font-size:19px;line-height:1.55;color:#e6e7ea;max-width:56ch;margin:0 0 26px}
.awm-v2 .awm-hero-cta{margin:0}
/* ⚠⚠ NOTE THE MISSING SPACE: `#top.awm-v2`, not `#top .awm-v2`. This cost a round trip.
   Enfold puts id="top" on the BODY element, and the body_class filter puts awm-v2 on that
   same element. `#top .awm-v2` (descendant) therefore matches nothing at all - an element
   cannot be its own descendant - so the buttons lost every style and rendered as bare red
   text. Jay: "these dont look clickable." Both forms are listed below so the rules survive
   if the class ever moves to a wrapper instead of the body.

   The ID is still required: Enfold colors links with `#top .av_textblock a` (0,1,1,1),
   which beats any pure class rule. Raising specificity is the right fix; !important would
   win this fight and lose the next one. */
/* ⚠ DO NOT bulk find/replace selector prefixes in this block. A replace_all of
   "#top .awm-v2 a.awm-btn" on 2026-07-31 also matched the prefix of a.awm-btn-red,
   a.awm-btn-ghost and a.awm-btn-ghost-dark, so every rule ended up starting with the bare
   `a.awm-btn` selector and the last declaration won for ALL variants at once. The ghost
   button rendered as a second solid red slab. Edit these lines individually.

   Specificity 0,1,3,1. Measured on production: the only competing color rule is
   `.avia_textblock a{color:var(--red)}` from BCSS itself at 0,0,2,0, so this wins outright
   without !important - which wins one fight and loses the next. */
#top.awm-v2 .avia_textblock a.awm-btn{display:inline-block;padding:14px 26px;margin:0 12px 12px 0;border:2px solid #C4161C;font-weight:700;font-size:15px;letter-spacing:.08em;text-transform:uppercase;text-decoration:none;transition:background .16s,color .16s,border-color .16s}
/* ⚠⚠ !important IS CORRECT HERE, AND ONLY HERE. Measured on production 2026-07-31 by
   reading the live CSSOM, after three failed attempts at winning on specificity:

       .avia_textblock a { color: var(--red) !important }   ...legacy rule in BCSS

   An !important declaration cannot be beaten by any selector, however specific. The only
   thing that overrides it is another !important with higher specificity, which is what
   these rules are. This is the one legitimate use of !important: overriding an existing
   one you do not own.

   Note what that legacy rule also does - it forces var(--red) = #c52127 onto every
   textblock link on every page. That is the near-miss red from defect #24, hardcoded
   sitewide. Correcting it is a separate, deliberate job; do not fold it into a page build. */
#top.awm-v2 .avia_textblock a.awm-btn-red{background:#C4161C;color:#fff !important}
#top.awm-v2 .avia_textblock a.awm-btn-red:hover{background:#ec1f27;border-color:#ec1f27;color:#fff !important}
/* Outline, not a second slab of red. Two solid red blocks side by side read as one
   undifferentiated bar and give the visitor no primary action. Jay 2026-07-31: "these red
   blocks will be offputting on mobile" - and the sticky call bar is already red. */
#top.awm-v2 .avia_textblock a.awm-btn-ghost{background:transparent;color:#fff !important;border-color:rgb(255 255 255 / 55%)}
#top.awm-v2 .avia_textblock a.awm-btn-ghost:hover{background:#fff;border-color:#fff;color:#1a1c1e !important}
#top.awm-v2 .avia_textblock a.awm-btn-ghost-dark{background:transparent;color:#C4161C !important}
#top.awm-v2 .avia_textblock a.awm-btn-ghost-dark:hover{background:#C4161C;color:#fff !important}
/* ⚠ awm-btn-ghost is WHITE on transparent - it only works on a dark section. Used on a
   light background it is invisible, which is exactly what happened to the two TOOLroom
   buttons (Jay 2026-07-31: "These are hidden"). Use awm-btn-dark on light sections.
   Filled charcoal so it reads as a control at a glance, flipping to white on hover. */
#top.awm-v2 .avia_textblock a.awm-btn-dark{background:#1a1c1e;color:#fff !important;border-color:#1a1c1e}
#top.awm-v2 .avia_textblock a.awm-btn-dark:hover{background:#fff;border-color:#1a1c1e;color:#1a1c1e !important}
/* Service-card headings and the big phone number are links in a textblock too, so the same
   legacy !important was overriding them. */
#top.awm-v2 .avia_textblock .awm-svc h3 a{color:#1a1c1e !important}
#top.awm-v2 .avia_textblock .awm-svc:hover h3 a{color:#C4161C !important}

/* Process strip - the six words that say "turnkey" faster than a paragraph does. */
.awm-v2 .awm-process{display:flex;flex-wrap:wrap;gap:0;margin:0 0 34px;border-top:3px solid #C4161C}
.awm-v2 .awm-process span{flex:1 1 auto;padding:14px 18px;border-right:1px solid #e2ded6;font-weight:700;font-size:13.5px;line-height:1.3;letter-spacing:.14em;text-transform:uppercase;text-align:center;white-space:nowrap}
.awm-v2 .awm-process span:last-child{border-right:0}

/* ⚠ minmax(0,1fr), NOT 1fr. Plain `1fr` is minmax(AUTO,1fr) - the auto minimum means a
   column cannot shrink below its content's intrinsic width. Measured at 320px: the grid
   container was 272px while the columns computed to 150+207=357px, spilling 62px off the
   right of the viewport, because "400,000+ lb" at 31px is 173px wide and refused to
   shrink. minmax(0,1fr) lets the track go narrower than its content so the text wraps
   instead of the layout breaking. Jay 2026-07-31: "getting text bleed out of the box". */
.awm-v2 .awm-statband,.awm-v2 .awm-capgrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;border:1px solid #e2ded6}
.awm-v2 .awm-stat,.awm-v2 .awm-cap{padding:26px 22px;border-right:1px solid #e2ded6}
.awm-v2 .awm-stat:last-child,.awm-v2 .awm-cap:last-child{border-right:0}
.awm-v2 .awm-stat-v,.awm-v2 .awm-cap-v{display:block;font-size:40px;font-weight:700;line-height:1;color:#C4161C}
/* ⚠ line-height MUST be set explicitly on these labels. The theme's body line-height is
   1.65, which computes to 26.4px on a 12.5px label - a ratio of 2.1. On a 158px-wide
   mobile tile, "SINGLE-LIFT PICK-AND-CARRY CAPACITY" wraps to four lines at 26.4px each
   and the box looks stuffed while being mostly empty space. Measured on production
   2026-07-31; Jay: "some of the boxes are still a bit overfilled". */
.awm-v2 .awm-stat-l,.awm-v2 .awm-cap-l{display:block;margin-top:10px;font-size:12.5px;line-height:1.4;font-weight:700;letter-spacing:.13em;text-transform:uppercase;color:#4f5051}

.awm-v2 .awm-rule{width:56px;height:4px;background:#C4161C;margin:0 0 20px}
.awm-v2 .awm-lede{max-width:74ch}
.awm-v2 .awm-note{margin-top:14px;color:#4f5051;font-size:15px}

.awm-v2 .awm-ticks{list-style:none;margin:0;padding:0}
.awm-v2 .awm-ticks li{padding:14px 0 14px 30px;border-bottom:1px solid #e2ded6;position:relative;font-weight:600}
.awm-v2 .awm-ticks li:before{content:'';position:absolute;left:0;top:20px;width:14px;height:3px;background:#C4161C}

/* Service cards - a link, not a card with a link in it. The whole tile is the target,
   which matters most on the mobile traffic this page is being rebuilt for. */
/* align-items:stretch plus flex column keeps all six tiles the same height with the
   "Explore service" cue pinned to the bottom, instead of floating wherever the copy ends. */
.awm-v2 .awm-svcgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:28px;align-items:stretch}
.awm-v2 .awm-svc{position:relative;display:flex;flex-direction:column;padding:26px 24px;background:#fff;border:1px solid #e2ded6;border-top:4px solid #C4161C;transition:box-shadow .16s,transform .16s}
.awm-v2 .awm-svc:hover{box-shadow:0 14px 34px rgb(0 0 0 / 12%);transform:translateY(-2px)}
.awm-v2 .awm-svc h3{font-size:19px;margin:0 0 10px;letter-spacing:.01em}
#top .awm-v2 .awm-svc h3 a{color:#1a1c1e;text-decoration:none}
#top .awm-v2 .awm-svc:hover h3 a{color:#C4161C}
/* Stretched link - the whole tile is the hit target, but the accessible link text is the
   service name rather than six identical "Explore service" labels. */
.awm-v2 .awm-svc h3 a:after{content:'';position:absolute;left:0;top:0;right:0;bottom:0}
.awm-v2 .awm-svc p{color:#4f5051;font-size:15.5px;line-height:1.5;margin:0 0 14px;flex:1}
.awm-v2 .awm-svc-go{font-size:13px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#C4161C;margin-top:auto}

.awm-v2 .awm-indgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin-top:26px;border-top:1px solid #e2ded6;border-left:1px solid #e2ded6}
.awm-v2 .awm-indgrid span{padding:18px 20px;border-right:1px solid #e2ded6;border-bottom:1px solid #e2ded6;font-weight:600;font-size:15px;line-height:1.4}

.awm-v2 .awm-offices{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:26px}
.awm-v2 .awm-office{padding:24px;background:#fff;border:1px solid #e2ded6;border-left:4px solid #C4161C}
.awm-v2 .awm-office-k{display:block;font-size:11.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#C4161C;margin-bottom:8px}
.awm-v2 .awm-office h3{font-size:20px;margin:0 0 8px}
.awm-v2 .awm-office p{margin:0;color:#4f5051;line-height:1.5}

.awm-v2 .awm-twoup{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:20px}
.awm-v2 .awm-twoup h3{font-size:16px;margin:0 0 6px}
.awm-v2 .awm-twoup p{margin:0;color:#4f5051;font-size:15px}

/* Cap inline photography. An 800x600 source at full column width was rendering taller than
   the viewport and burying everything under it. object-fit keeps the crop honest. */
.awm-v2 .awm-figure{margin:0 0 10px}
.awm-v2 .awm-figure img{width:100%;max-height:380px;object-fit:cover;height:auto;display:block}
.awm-v2 .awm-caption{font-size:14px;color:#4f5051;margin:0 0 22px}

/* Red duotone. `mix-blend-mode:color` takes hue and saturation from the overlay and
   luminance from the photograph, which is what a real duotone is - unlike a flat red
   wash at low opacity, which just fogs the image and hides the detail. The photo is
   greyscaled first so the original colors cannot fight the overlay.
   isolation:isolate confines the blend to this element instead of letting it composite
   against whatever Enfold puts behind the section. */
/* Bottom-align the two turnkey columns so the piping photo sits level with the end of the
   tick list instead of floating at the top of a half-empty column. Jay 2026-07-31: "move
   the pic down even across the bottom."
   Enfold floats .flex_column inside .entry-content-wrapper; making that wrapper a flex row
   ignores the floats while preserving the columns' own percentage widths and margins.
   Verified against the real DOM on production rather than assumed:
     .flex_column -> .entry-content-wrapper.clearfix -> .post-entry -> main -> .container
   Scoped to this section only - a global change here would reflow every two-column
   section on every migrated page. */
.awm-v2 .awm-turnkey .entry-content-wrapper{display:flex;flex-wrap:wrap;align-items:flex-end}
@media (max-width:767px){
  /* Stacked on mobile, so bottom alignment is meaningless and flex ordering just risks
     surprises. Hand it back to Enfold. */
  .awm-v2 .awm-turnkey .entry-content-wrapper{display:block}
}

.awm-v2 .awm-duo{position:relative;isolation:isolate;overflow:hidden;margin:6px 0 10px}
.awm-v2 .awm-duo img{display:block;width:100%;height:auto;max-height:420px;object-fit:cover;filter:grayscale(1) contrast(1.12) brightness(.92)}
/* The source is a 2.61:1 panorama. In a half column that renders as a letterbox strip, so
   aspect-ratio crops it to something that sits properly beside a block of copy.
   object-fit:cover does the cropping; object-position keeps the flanges in frame rather
   than centring on empty concrete. */
.awm-v2 .awm-duo-tall img{aspect-ratio:4/3;max-height:none;height:100%;object-position:center 38%}
.awm-v2 .awm-duo:after{content:'';position:absolute;left:0;top:0;right:0;bottom:0;background:#C4161C;mix-blend-mode:color;opacity:.82;pointer-events:none}
/* Fallback: any browser without mix-blend-mode support gets a plain greyscale photo with a
   light red wash rather than a broken solid red block. */
@supports not (mix-blend-mode:color){
  .awm-v2 .awm-duo:after{background:rgb(196 22 28 / 30%)}
}
@media (max-width:767px){ .awm-v2 .awm-duo img{max-height:240px} }

.awm-v2 .awm-parallax{position:relative}
.awm-v2 .awm-parallax:before{content:'';position:absolute;left:0;top:0;right:0;bottom:0;background:linear-gradient(to right,rgb(0 0 0 / 78%),rgb(0 0 0 / 35%) 60%,rgb(0 0 0 / 12%));z-index:1}
.awm-v2 .awm-parallax .container{position:relative;z-index:2}
.awm-v2 .awm-parallax-cap{color:#fff;font-size:20px;font-weight:600;line-height:1.5;max-width:46ch;margin:0;text-shadow:0 1px 12px rgb(0 0 0 / 45%)}
@media (max-width:767px){
  .awm-v2 .awm-parallax-cap{font-size:17px}
  .awm-v2 .awm-figure img{max-height:260px}
}
.awm-v2 .awm-bigtel a{font-size:32px;font-weight:700;text-decoration:none;letter-spacing:.01em}

@media (max-width:989px){
  .awm-v2 .awm-svcgrid{grid-template-columns:repeat(2,1fr)}
  .awm-v2 .awm-indgrid{grid-template-columns:repeat(2,1fr)}
  .awm-v2 .awm-offices{grid-template-columns:1fr}
}
@media (max-width:767px){
  .awm-v2 .awm-statband,.awm-v2 .awm-capgrid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .awm-v2 .awm-stat,.awm-v2 .awm-cap{border-bottom:1px solid #e2ded6}
  .awm-v2 .awm-stat:nth-child(2n),.awm-v2 .awm-cap:nth-child(2n){border-right:0}
  .awm-v2 .awm-svcgrid{grid-template-columns:1fr}
  .awm-v2 .awm-twoup{grid-template-columns:1fr}
  .awm-v2 .awm-process span{flex:1 0 50%;border-bottom:1px solid #e2ded6}
  .awm-v2 .awm-hero-sub{font-size:17px}
  /* Length control. Measured on production at 375px: the rebuild came out 12,816px - 15.8
     screens - against the OLD page's 11,188px. More content is fine, but not at the cost
     of being longer than the thing it replaced, on the device that produces the calls.
     Desktop spacing is untouched; this is padding and density only, no content removed. */
  .awm-v2 .avia-section .content{padding-top:34px;padding-bottom:34px}
  .awm-v2 .awm-svcgrid{gap:12px;margin-top:20px}
  .awm-v2 .awm-svc{padding:18px 18px}
  .awm-v2 .awm-svc h3{font-size:17.5px;margin-bottom:7px}
  .awm-v2 .awm-svc p{font-size:14.5px;margin-bottom:10px}
  .awm-v2 .awm-stat,.awm-v2 .awm-cap{padding:20px 17px}
  .awm-v2 .awm-stat-l,.awm-v2 .awm-cap-l{letter-spacing:.09em;margin-top:8px}
  .awm-v2 .awm-stat-v,.awm-v2 .awm-cap-v{font-size:26px;overflow-wrap:break-word}
  .awm-v2 .awm-process span{padding:11px 12px;font-size:12px}
  .awm-v2 .awm-indgrid span{padding:13px 14px;font-size:14px}
  .awm-v2 .awm-office{padding:18px}
  .awm-v2 .awm-ticks li{padding:11px 0 11px 26px}
  .awm-v2 .awm-parallax{min-height:280px !important}
  /* Full-width stacked buttons, but only ONE is filled. A screenful of solid red on top
     of the red sticky call bar is too much weight for a phone. */
  #top.awm-v2 .avia_textblock a.awm-btn{display:block;margin:0 0 10px;text-align:center;padding:15px 18px}
  .awm-v2 .awm-bigtel a{font-size:27px}
}/* AWM-HOME-CSS-END */