:root{
--font-family:-apple-system,BlinkMacSystemFont,"Segoe UI Variable Text","Segoe UI",Roboto,Helvetica,"Helvetica Neue","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans",Arial,system-ui,sans-serif,"Apple Color Emoji","Twemoji Mozilla","Segoe UI Emoji","Android Emoji";
--font-heading:-apple-system,BlinkMacSystemFont,"Segoe UI Variable Heading","Segoe UI",Roboto,Helvetica,"Helvetica Neue","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans",Arial,system-ui,sans-serif,"Apple Color Emoji","Twemoji Mozilla","Segoe UI Emoji","Android Emoji";
--accent:#ec692c;
--accent2:#e16329;
--bluesteel:#3d3c3c;
--dark:#1c1c1c;
--border:#e6e6e6;
}
*{box-sizing:border-box}
body{color:var(--dark);font:18px/1.45 var(--font-family);margin:0}
a{text-decoration:none;color:inherit}
section{padding:30px 0}
h1,h2,h3,h4,h5,h6{
font-family:var(--font-heading);
font-weight:700;
line-height:1.35;
color:var(--bluesteel);
margin:0 0 20px;
text-transform:uppercase;
text-wrap:pretty;
}
.pure-g{max-width:1280px;margin:0 auto}
.l-box{padding:1em}
.l-box-lrg{padding:2em}
.p-0{padding-top:0}
.is-center{text-align:center}
.is-right{text-align:right}
.align-center{justify-content:center}
.hidden{display:none}
.mob-pt-0{padding-top:0}
.width-100{width: 100%; height: auto}
.aligncenter  {display: block; margin: 0 auto}
.wrapper, .blog-section.wrapper {background:linear-gradient(90deg,#faf9f9 0,#e3e3e3 100%)}
.reverse-row{flex-direction:row-reverse}
.curved{border-radius:7px 7px 7px 55px}
.rounded{border-radius:50%}
.large-text {font-size:1.35rem;font-weight:500}
.accent{color:var(--accent)}
main a {color:var(--accent)}
main a:hover:not(.pure-button-*) {color:var(--dark)}
.border {position: relative; font-size: 90%}
.border::before {content: ''; display: block; width: 96%; height: 2px; background: #efefef; margin: 0 auto; margin-top: -10px} .top-wrapper{
background:var(--accent);
color:#fff;
padding:13px 15px;
text-transform:uppercase;
font-size:.9rem;
font-weight:700;
}
.top-nav{display:flex;justify-content:center;align-items:center;gap:12px} .pure-button,
.gform_button,
.pure-button-alt,
.pure-button-white{font-weight:700;text-transform:uppercase;border-radius:5px; width: auto;}
.pure-button,.gform_button{background:var(--accent);color:#fff;padding:.5em 2em;border:0}
.pure-button-alt{color:var(--accent);border:1px solid var(--accent);padding:.5em 2em;background:transparent}
.pure-button-white{color:#fff;border:2px solid #fff;padding:.175em .75em;border-radius:25px;background:transparent}
.pure-button:hover, .gform_button:hover {box-shadow:inset 0 0 10px rgba(0,0,0,.5)}
.pure-button-alt:hover{box-shadow:inset 0 0 10px rgba(0,0,0,.2)}
.whatsapp{background:url(//autolox.co.uk/wp/wp-content/themes/autolox/images/icon-whatsapp-orange.png) 15px center/20px no-repeat;padding-left:45px}
.contact-whatsapp {background: var(--accent)  url(//autolox.co.uk/wp/wp-content/themes/autolox/images/icon-whatsapp-white.png) 15px center/20px no-repeat;padding-left:45px}
.contact-phone {background: var(--accent) url(//autolox.co.uk/wp/wp-content/themes/autolox/images/icon-phone.png) 15px center/20px no-repeat;padding-left:45px;}
.contact-email {background: var(--accent) url(//autolox.co.uk/wp/wp-content/themes/autolox/images/icon-email.png) 15px center/18px no-repeat;padding-left:45px;} .brand{color:var(--bluesteel);font-size:1.6rem;display:block;padding:10px 0;line-height:1}
.brand img {width: 150px; height: auto}
.custom-wrapper{margin-bottom:1em;padding:0 2em;height:3em;transition:height .3s ease;overflow:visible}
.pure-menu{padding:.25em;text-align:right}
.pure-menu-list{padding:12px 0 0}
.pure-menu li{text-transform:uppercase;font-weight:500;font-size:14px}
.pure-menu a{color:var(--dark)}
.pure-menu li.current-menu-item a {color: var(--accent)}
.pure-menu li a:hover, .pure-menu li a:focus{background:none;border:0;color:var(--accent)}
.pure-menu-horizontal .sub-menu{padding: 10px 0; box-shadow:0 3px 5px rgba(0,0,0,.2);border-top:1px solid #efefef}
.pure-menu-horizontal .sub-menu .menu-item{text-align:left;padding:2px 7px} .form-wrapper{
background:linear-gradient(360deg,var(--dark) 0,var(--bluesteel) 100%);
padding:15px 25px 15px 25px;
border-radius:7px 7px 55px 7px;
}
.form-wrapper p,.form-wrapper h2,.form-wrapper h3{color:#fff}
.form-wrapper p {line-height: 120% ; margin: -15px 0 10px 0; padding-bottom:7px}
.form-header {
display: flex;
justify-content:space-between;
align-items: center;
padding-bottom: 15px;
}
input,textarea{
width:100%;
padding:8px;
margin-bottom:10px;
border:1px solid #ddd;
border-radius:6px;
}
textarea{resize:vertical;height:90px}
.hidden_label label {display:none}
.gfield--type-honeypot {display: none}
.validation_message {color: var(--accent)}
.gform_validation_errors {display: none}
.gform_confirmation_message {color: #fff !important} .icon-list, .image-text ul {list-style:none;margin:0;padding:0}
.icon-list li, .image-text ul li {position:relative;padding-left:2rem;margin-bottom:.85rem;line-height:1.4} .tick li:before,
.image-text ul li:before {
content:"";
position:absolute;
left:0;
top:0;
width:.6rem;
height:1.1rem;
border-right:5px solid var(--accent);
border-bottom:5px solid var(--accent);
transform:rotate(40deg);
}
.tick ul li,
.image-text ul ul li  {
margin:5px 0 ;
padding-left: 0
}
.tick ul li:before,
.image-text ul ul li:before{
display: none
}
.read-more {
display: inline-flex;
align-items: center;
gap: 8px;
font-weight: 600;
text-transform: uppercase;
font-size: 0.9rem;
letter-spacing: 0.5px;
color: var(--accent);
text-decoration: none;
transition: all 0.25s ease;
}
.read-more::after {
content: "";
width: 7px;
height: 7px;
border-right: 3px solid currentColor;
border-top: 3px solid currentColor;
transform: rotate(45deg);
transition: transform 0.25s ease;
}
.read-more:hover::after {
transform: translateX(5px) rotate(45deg);
} .review{font-size:1.4rem;color:var(--bluesteel);position:relative;max-width:880px;margin:0 auto}
.review:before,.review:after{
position:absolute;
font-size:120px;
color:#ff7a3d;
opacity:.35;
font-family:serif;
content:"";
}
.review:before{content:"“";top:-30px;left:-60px}
.review:after{content:"”";bottom:-60px;right:-60px} .testimonial-card{
position:relative;
background:#fff;
border-radius:18px;
box-shadow:0 25px 60px rgba(0,0,0,.08);
text-align:center;
padding:12px;
min-height:250px;
}
.testimonial-card:after{
content:"“";
position:absolute;
top:-16px;left:20px;
font-size:85px;
color:var(--accent);
opacity:.3;
font-family:serif;
}
.stars{color:var(--accent);margin: 0 0 10px 0; font-size:1.2rem}
.testimonial-text{font-size:0.9rem;margin:0 0 4px 0;line-height:1.25;}
.testimonial-name{font-size:0.85rem;font-weight:500;color:var(--dark);letter-spacing:.5px;margin:0} .social-links{display:flex;gap:15px;margin-top:20px}
.social-links a{
width:44px;height:44px;border-radius:50%;
display:flex;align-items:center;justify-content:center;
background:linear-gradient(145deg,#ff7a3d,#e1642a);
box-shadow:0 6px 18px rgba(0,0,0,.15);
transition:transform .2s ease, box-shadow .2s ease;
}
.social-links a:hover{transform:translateY(-3px);box-shadow:0 10px 25px rgba(0,0,0,.25)}
.social-links svg{width:22px;height:22px;fill:#fff} .footer{background:var(--dark);width:100%;font-size:1rem}
.footer h1,.footer h2,.footer h3,.footer h4,.footer h5,.footer h6,.footer p,.footer li,.footer a{color:#fff}
.footer p {line-height: 150%} .contact-card__top{display:flex;gap:18px;align-items:stretch;margin-top:20px}
.contact-card-img{flex:0 0 220px;min-height:170px;overflow:hidden;}
.contact-card__photo{width:100%;height:100%;object-fit:cover;display:block}
.contact-card__kicker{color:var(--accent2);font-size:.95rem;text-transform:uppercase}
.contact-card__content{flex:1;min-width:0;display:flex;align-items:center;gap:20px}
.contact-card__left{flex:0 0 auto}
.contact-card__rac{flex:1;display:flex;align-items:center;justify-content:center}
.contact-card__title {font-size: 1.6rem;text-transform: uppercase;}
.contact-card__rac img{margin: 40px 0 0 -150px}
.contact-card__rac.small  img{margin: 75px -20px 0 0; width: 70px; height: auto}
.contact-card .contact-list{margin:12px 0 0;padding:0;list-style:none}
.contact-card .contact-list li{display:block;margin:10px 0;width:190px}
.contact-card .contact-list a{display:block;width:100%;}
@media (min-width: 1100px) {.contact-card .list-inline li{display:inline-block;margin:0 5px;width:180px}}
.contact-card .list-inline li:first-child {margin-left: 0}
.contact-card__meta{
margin:14px 0 0;
padding:12px 0 0;
border-top:1px solid var(--border);
list-style:none;
display:flex;
flex-wrap:wrap;
justify-content:space-between;
gap:8px 14px;
}
.contact-card__meta li{position:relative;padding-left:17px;margin:0;text-transform:uppercase;font-size:.85rem}
.contact-card__meta li:before{content:"";position:absolute;left:0;top:.4em;width:9px;height:9px;border-radius:50%;background:var(--accent)} .blog-section{background:var(--accent)}
.blog-card{background:#fff;border:1px solid var(--border);border-radius:7px 7px 55px 7px;overflow:hidden;display:flex;flex-direction:column; position: relative; }
.blog-card__media{aspect-ratio:16/9;background:#e9ecef;overflow:hidden}
.blog-card__media img{width:100%;height:100%;object-fit:cover;display:block; transition: all .2s ease-in-out;}
.blog-card__body{padding:25px;}
.blog-card .blog-card__body h3 {font-size: 1.2rem}
.blog-card .blog-card__body h3 a {color: var(--dark)}
.blog-section .pure-g{display:flex;flex-wrap:wrap}
.blog-section .pure-u-1{display:flex}
.blog-card{width:100%}
a.block-link::before {content: " ";position:absolute; top: 0;bottom: 0;left: 0;right: 0;width: 100%;height: 100%};
.blog-card:hover .blog-card__body h3 a {color: var(--dark) }
.blog-card:hover img {transform: scale(1.1);}
.mob-link {display: none !important}
#map {width: 100% !important; aspect-ratio: 1 / 1;border-radius: 8px;overflow: hidden;}
@media (max-width: 1024px){
h1,h2,h3,.contact-card__title{font-size:1.4rem}
} @media (min-width:48em) and (max-width:1181px){
.pure-menu-horizontal {white-space: wrap}
.pure-menu-list { padding: 12px 0 25px 0 ; }
.menu-item a {padding: .5em 0.35em}
.menu-item:first-of-type {display: none}
.contact-card-img{display: none}
.contact-card__rac img, .contact-card__rac.small img {margin: 40px 0 0 -200px;}
.large{font-size:1.3rem}
.review {max-width: 80%}
.contact-card__rac.small img {width: 110px}
iframe {width: 100%; height: 400px}
.mob-is-center{text-align:center}
.contact-wrapper {width: 95%; margin: 0 auto}
.contact-wrapper .pure-button {margin-bottom: 15px}
.blog-card { display: flex; flex-direction: row;}
.blog-card__media {width: 50%}
.blog-card__body {width: 45%}
}
@media (min-width:48em) and (max-width:1023px){
.brand {text-align: center}
.pure-menu  {text-align:center; padding: 0; margin: -20px 0 0 0}
} @media (max-width:47.999em){
.mob-link {display: block !important;}
.l-box-lrg{padding:0 1.5em 1.5em}
.custom-wrapper{overflow:hidden}
.custom-wrapper.open{height:auto}
.hidden{display:flex!important}
.mob-hide{display:none!important}
.reverse{flex-direction:column-reverse}
.pure-menu{text-align:left;padding:0}
.pure-menu li{font-size:1.1rem;border-top:1px solid var(--accent)}
.sub-menu{position:static !important;display:none;box-shadow:none;border:0;padding:0;margin:0;}
.menu-item.is-open > .sub-menu{display:block;}
.sub-menu .menu-item {font-size: 85%; position: relative}
.menu-item a {padding-left: 0; white-space:unset}
.sub-menu .menu-item { padding: 0}
.sub-menu .menu-item a {padding: 6px 10px; }
.sub-menu .menu-item::before {content: '- '; position: absolute; top: 5px}
footer{padding:35px 0 25px;text-align:center}
footer p a { display: inline-block; padding: 5px 0}
.social-links{justify-content:center}
.box-mob{width:50%}
.review:before{top:-80px;left:-20px}
.review:after{bottom:-130px;right:-20px}
.top-wrapper {padding: 13px 0}
.top-wrapper *{display:block;font-size:1.2rem}
.top-wrapper a{margin:5px;display:inline-block; }
.top-nav{display:block;margin:0 auto}
.brand img {margin: 0 auto; display: block}
h1 span{font-size:1.3em}
.mob-pt-0{padding-top:0}
.form-wrapper .pure-button {width: 100%; margin: 0 0 10px 0} .custom-toggle{
width:44px;height:44px;
position:absolute;
top:115px;right:15px;
display:flex;align-items:center;justify-content:center;
cursor:pointer;
}
.custom-toggle .bar{
position:absolute;
width:26px;height:3px;
background:var(--accent);
border-radius:3px;
transition:transform .25s ease, opacity .2s ease;
}
.custom-toggle .bar:nth-child(1){transform:translateY(-8px)}
.custom-toggle .bar:nth-child(2){transform:translateY(0)}
.custom-toggle .bar:nth-child(3){transform:translateY(8px)}
.custom-toggle.x .bar:nth-child(1){transform:rotate(45deg)}
.custom-toggle.x .bar:nth-child(2){opacity:0}
.custom-toggle.x .bar:nth-child(3){transform:rotate(-45deg)} .contact-card__top{flex-direction:column}
.contact-card-img{width:300px;height:300px;margin:0 auto;flex:none}
.contact-card__content{flex-direction:column;align-items:center;text-align:center}
.contact-card .contact-list{width:100%;text-align:center}
.contact-card .contact-list li{width:250px;display:inline-block;font-size:1.4rem}
iframe {width: 100%; height: 300px}
}
@media (max-width:361px){
.contact-card__meta li {
font-size: 0.8rem
}
}
@media (max-width:345px){
.top-wrapper * {
font-size: 1rem;
}
} .alx-faq{max-width:1300px;margin:0 auto; padding: 35px 15px}
.alx-faq__t{margin:0 0 14px;font-size:clamp(1.4rem,2.5vw,2rem);line-height:1.15;letter-spacing:-.02em}
.alx-faq__l{display:grid;gap:12px}
.alx-faq__i{border:1px solid #efefef;border-radius: 0 0 25px 0;overflow:clip;background:rgba(0,0,0,.02)}
.alx-faq__q{list-style:none;cursor:pointer;padding:16px 48px 16px 16px;font-weight:650;line-height:1.35;position:relative;user-select:none}
.alx-faq__q::-webkit-details-marker{display:none}
.alx-faq__q:after{content:"+";position:absolute;right:16px;top:50%; transform:translateY(-50%);width:28px;height:28px;border-radius:999px;display:grid;place-items:center;color: var(--accent);border:1px solid var(--accent);background:rgba(255,255,255,.65);font-weight:700}
.alx-faq__i[open]>.alx-faq__q{background:rgba(255,255,255,.7);border-bottom:1px solid #efefef}
.alx-faq__i[open]>.alx-faq__q:after{content:"–"}
.alx-faq__a{padding:14px 16px 16px;color:var(--bluesteel)}
.alx-faq__a p{margin:0;line-height:1.6}
.alx-faq__q:focus-visible{outline:3px solid rgba(0,0,0,.25);outline-offset:2px;border-radius:10px}
@media (prefers-reduced-motion:no-preference){.alx-faq__i{transition:background .2s,border-color .2s}.alx-faq__q:after{transition:transform .2s}}