/* Surex Concrete shared styles. Page layout lives in each page's inline styles. */

/* Archivo, self-hosted (SIL Open Font License, see /fonts/OFL.txt). One variable file per style covers weights 100 to 900. */
@font-face{font-family:'Archivo';font-style:normal;font-weight:100 900;font-display:swap;src:url(/fonts/archivo-latin.woff2) format('woff2')}
@font-face{font-family:'Archivo';font-style:italic;font-weight:100 900;font-display:swap;src:url(/fonts/archivo-italic-latin.woff2) format('woff2')}
.is-hidden{display:none!important}

/* Header: Services dropdown (desktop) */
.svc-menu{display:none!important}
.svc:hover .svc-menu,.svc:focus-within .svc-menu{display:flex!important}

/* Mobile call/quote bar and cookie banner sit above each other below 980px */
@media (min-width:980px){.mbar{display:none!important}}
@media (max-width:979px){.cookie-banner{bottom:78px!important}}

/* Hover styles carried over from the Claude Design components */
.h-036858:hover{background:rgba(32,217,239,0.16)!important}
.h-140166:hover{background:rgba(255,255,255,0.12)!important}
.h-270c4f:hover{background:#f4f6fa!important}
.h-4a16f4:hover{background:#EAF0FF!important}
.h-5169b1:hover{background:#0B1CB5!important}
.h-65bd4e:hover{color:#000A9C!important;background:#f4f6fa!important}
.h-92816e:hover{border-color:#000A9C!important;color:#000A9C!important}
.h-982ee6:hover{color:#ffffff!important}
.h-c57420:hover{background:#f4f6fa!important;border-color:#000A9C!important;color:#000A9C!important}
.h-cc7610:hover{color:#000A9C!important}
.h-d2592f:hover{background:#EAF0FF!important;border-color:#c8d7ff!important}
.h-ee071d:hover{background:#0a2f8a!important}

/* Background photos: pages set --bg to the 1400px WebP; phones get the 800px file */
@media (max-width:760px){
[data-bg="4"]{--bg:url(/img/4-800.webp)!important}
[data-bg="6"]{--bg:url(/img/6-800.webp)!important}
[data-bg="7"]{--bg:url(/img/7-800.webp)!important}
[data-bg="8"]{--bg:url(/img/8-800.webp)!important}
[data-bg="9"]{--bg:url(/img/9-800.webp)!important}
[data-bg="10"]{--bg:url(/img/10-800.webp)!important}
[data-bg="12"]{--bg:url(/img/12-800.webp)!important}
[data-bg="blog-concrete-grades-hero"]{--bg:url(/img/blog-concrete-grades-hero-800.webp)!important}
[data-bg="blog-concrete-pump-hero"]{--bg:url(/img/blog-concrete-pump-hero-800.webp)!important}
[data-bg="blog-site-prep-hero"]{--bg:url(/img/blog-site-prep-hero-800.webp)!important}
[data-bg="blog-volumetric-vs-readymix-hero"]{--bg:url(/img/blog-volumetric-vs-readymix-hero-800.webp)!important}
}

/* Touch targets: footer and breadcrumb links at least 24px tall */
footer a.h-982ee6,nav[aria-label="Breadcrumb"] a{display:inline-flex;align-items:center;min-height:24px}
nav[aria-label="Breadcrumb"]{align-items:center}

/* Links inside running text are underlined so they are not told apart by colour alone */
p a:not([class]),label a:not([class]){text-decoration:underline;text-underline-offset:2px}