/*
Theme Name: Autolox
Author: Roweena Web Design
Version: 1.0
*/
: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 bar */
.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}

/* Buttons */
.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(images/icon-whatsapp-orange.png) 15px center/20px no-repeat;padding-left:45px}
.contact-whatsapp {background: var(--accent)  url(images/icon-whatsapp-white.png) 15px center/20px no-repeat;padding-left:45px}
.contact-phone {background: var(--accent) url(images/icon-phone.png) 15px center/20px no-repeat;padding-left:45px;}
.contact-email {background: var(--accent) url(images/icon-email.png) 15px center/18px no-repeat;padding-left:45px;}

/* Nav */
.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 */
.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 + chunky ticks */
.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}
/* .icon-list li strong{display:block} */

.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 quote */
.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 */
.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 */
.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 */
.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 */
.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 */
.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}
}
/* tablet */
@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}
}
/* Mobile */
@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}
  /* Hamburger */
  .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 mobile */
  .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;
}
}
/* End Mobile */

.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}}


.wp-caption {
   width: 100% !important;
}

.wp-caption img.size-large,
 img.size-large
 {
  width: 100% !important;
  height: auto !important
}