.elementor-67 .elementor-element.elementor-element-513d8c32{--display:flex;--min-height:70vh;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overlay-opacity:1;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:10%;--padding-bottom:5%;--padding-left:0%;--padding-right:0%;}.elementor-67 .elementor-element.elementor-element-513d8c32:not(.elementor-motion-effects-element-type-background), .elementor-67 .elementor-element.elementor-element-513d8c32 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;background:url("https://gqbarberfl.com/wp-content/uploads/2025/11/GQBarberSalon-2025-25-scaled.jpg") 50% 50%;background-size:cover;}.elementor-67 .elementor-element.elementor-element-513d8c32::before, .elementor-67 .elementor-element.elementor-element-513d8c32 > .elementor-background-video-container::before, .elementor-67 .elementor-element.elementor-element-513d8c32 > .e-con-inner > .elementor-background-video-container::before, .elementor-67 .elementor-element.elementor-element-513d8c32 > .elementor-background-slideshow::before, .elementor-67 .elementor-element.elementor-element-513d8c32 > .e-con-inner > .elementor-background-slideshow::before, .elementor-67 .elementor-element.elementor-element-513d8c32 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000000;--background-overlay:'';}.elementor-67 .elementor-element.elementor-element-30ca498f{--display:flex;--min-height:70vh;--justify-content:center;--overlay-opacity:0.5;}.elementor-67 .elementor-element.elementor-element-30ca498f::before, .elementor-67 .elementor-element.elementor-element-30ca498f > .elementor-background-video-container::before, .elementor-67 .elementor-element.elementor-element-30ca498f > .e-con-inner > .elementor-background-video-container::before, .elementor-67 .elementor-element.elementor-element-30ca498f > .elementor-background-slideshow::before, .elementor-67 .elementor-element.elementor-element-30ca498f > .e-con-inner > .elementor-background-slideshow::before, .elementor-67 .elementor-element.elementor-element-30ca498f > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-67 .elementor-element.elementor-element-4e85db13{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-67 .elementor-element.elementor-element-4e85db13:not(.elementor-motion-effects-element-type-background), .elementor-67 .elementor-element.elementor-element-4e85db13 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-67 .elementor-element.elementor-element-7b2b5828{--display:flex;--justify-content:flex-start;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-67 .elementor-element.elementor-element-7b2b5828:not(.elementor-motion-effects-element-type-background), .elementor-67 .elementor-element.elementor-element-7b2b5828 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-67 .elementor-element.elementor-element-16fdee90{margin:-10px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-67 .elementor-element.elementor-element-606d148:not(.elementor-motion-effects-element-type-background), .elementor-67 .elementor-element.elementor-element-606d148 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-67 .elementor-element.elementor-element-606d148{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-67 .elementor-element.elementor-element-606d148 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}@media(max-width:1024px){.elementor-67 .elementor-element.elementor-element-7b2b5828{--min-height:0px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-67 .elementor-element.elementor-element-16fdee90{width:100%;max-width:100%;margin:-10px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-67 .elementor-element.elementor-element-4d3526e3{width:100%;max-width:100%;}}/* Start custom CSS for html, class: .elementor-element-794bd990 */:root{
  --gold-1:#D4AF37;   /* classic gold */
  --gold-2:#B88A1B;   /* deep gold */
  --gold-3:#F3E7B3;   /* highlight */
}

/* Bigger, square-cornered primary CTA with GOLD OUTLINE */
.cta-book{
  position:relative;
  display:inline-flex; align-items:center; gap:12px;
  padding:20px 40px;
  font-size:clamp(18px,1.6vw,24px);
  text-transform:uppercase; font-weight:900; letter-spacing:.08em;
  color:#111; text-decoration:none; line-height:1;
  border:2px solid var(--gold-1);     /* GOLD OUTLINE */
  border-radius:0;                     /* SHARP CORNERS */
  overflow:hidden; will-change:transform;
  transition:transform .12s ease, box-shadow .25s ease, color .25s ease, border-color .25s ease;
}

/* Flowing gold background (constant motion) */
.cta-gold{
  background:linear-gradient(120deg,var(--gold-2),var(--gold-1),var(--gold-3),var(--gold-1),var(--gold-2));
  background-size:240% 240%;
  animation:goldFlow 6s ease-in-out infinite;
}

/* More pronounced sweeping sheen */
.cta-gold::after{
  content:"";
  position:absolute; inset:-30% -60%;
  background:linear-gradient(100deg,transparent 28%,rgba(255,255,255,.65) 50%,transparent 72%);
  transform:translateX(-60%) rotate(12deg);
  animation:goldSheen 2.1s linear infinite;
  pointer-events:none; mix-blend-mode:screen;
}

/* Arrow nudge */
.cta-book .arrow{ transition:transform .25s ease; }

/* Hover: brighter gold, subtle lift, glow on outline; keep black text */
.cta-book:hover,
.cta-book:focus-visible{
  transform:translateY(-2px) scale(1.01);
  box-shadow:0 10px 28px rgba(212,175,55,.35), 0 0 0 2px rgba(212,175,55,.15);
  border-color:#E2C152; /* slightly lighter outline on hover */
}
.cta-book:hover .arrow,
.cta-book:focus-visible .arrow{ transform:translateX(6px); }

/* Animations */
@keyframes goldFlow{
  0%{background-position:0% 50%}
  50%{background-position:100% 50%}
  100%{background-position:0% 50%}
}
@keyframes goldSheen{
  0%{transform:translateX(-70%) rotate(12deg)}
  100%{transform:translateX(70%) rotate(12deg)}
}

/* Motion accessibility */
@media (prefers-reduced-motion: reduce){
  .cta-gold{animation:none;}
  .cta-gold::after{display:none;}
  .cta-book, .cta-book .arrow{transition:none;}
}

/* Full width on small screens (optional) */
@media (max-width:600px){
  .cta-book{ width:100%; justify-content:center; }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-30ca498f */:root{
  --gold-1:#D4AF37;   /* classic gold */
  --gold-2:#B88A1B;   /* deep gold */
  --gold-3:#F3E7B3;   /* highlight */
}

/* Base, square-cornered primary CTA with gold outline */
.cta-book{
  position:relative;
  display:inline-flex; align-items:center; gap:12px;
  padding:20px 40px;
  font-size:clamp(18px,1.6vw,24px);
  text-transform:uppercase; font-weight:900; letter-spacing:.08em;
  color:#111; text-decoration:none; line-height:1;
  border:2px solid var(--gold-1);       /* GOLD OUTLINE (fallback) */
  border-radius:0;                       /* SHARP corners */
  overflow:hidden; will-change:transform;
  transition:transform .12s ease, box-shadow .25s ease, color .25s ease, border-color .25s ease;
}

/* Flowing gold fill (constant motion) */
.cta-gold{
  background:linear-gradient(120deg,var(--gold-2),var(--gold-1),var(--gold-3),var(--gold-1),var(--gold-2));
  background-size:240% 240%;
  animation:goldFlow 6s ease-in-out infinite;
}

/* Face sheen across the fill */
.cta-gold::after{
  content:"";
  position:absolute; inset:-30% -60%;
  background:linear-gradient(100deg,transparent 28%,rgba(255,255,255,.65) 50%,transparent 72%);
  transform:translateX(-60%) rotate(12deg);
  animation:goldSheen 2.1s linear infinite;
  pointer-events:none; mix-blend-mode:screen;
}

/* ===== Glossy BORDER sheen (animated) ===== */
.cta-book::before{
  content:"";
  position:absolute; inset:0; padding:2px;          /* 2px = border width */
  /* two-layer bg: moving white sheen + animated gold ring */
  background:
    linear-gradient(100deg,transparent 35%,rgba(255,255,255,.65) 50%,transparent 65%),
    linear-gradient(120deg,var(--gold-2),var(--gold-1),var(--gold-3),var(--gold-1),var(--gold-2));
  background-size:300% 100%, 240% 240%;
  animation:borderSheen 2.3s linear infinite, borderFlow 6s ease-in-out infinite;
  /* show only the BORDER via masks */
  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
          mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
          mask-composite: exclude;
  border-radius:0; pointer-events:none;
}

/* Arrow nudge */
.cta-book .arrow{ transition:transform .25s ease; }

/* Hover: lift + brighter outline; sheen looks snappier */
.cta-book:hover,
.cta-book:focus-visible{
  transform:translateY(-2px) scale(1.01);
  box-shadow:0 10px 28px rgba(212,175,55,.35), 0 0 0 2px rgba(212,175,55,.15);
  border-color:#E2C152;
}
.cta-book:hover .arrow,
.cta-book:focus-visible .arrow{ transform:translateX(6px); }

/* Animations */
@keyframes goldFlow{ 0%{background-position:0% 50%} 50%{background-position:100% 50%} 100%{background-position:0% 50%} }
@keyframes goldSheen{ 0%{transform:translateX(-70%) rotate(12deg)} 100%{transform:translateX(70%) rotate(12deg)} }
@keyframes borderFlow{ 0%{background-position:0% 50%} 50%{background-position:100% 50%} 100%{background-position:0% 50%} }
@keyframes borderSheen{ 0%{background-position:-150% 0, 0% 50%} 100%{background-position:150% 0, 100% 50%} }

/* Reduced motion */
@media (prefers-reduced-motion: reduce){
  .cta-gold, .cta-book::before{ animation:none; }
  .cta-gold::after{ display:none; }
  .cta-book, .cta-book .arrow{ transition:none; }
}

/* Optional full-width on small screens */
@media (max-width:600px){
  .cta-book{ width:100%; justify-content:center; }
}/* End custom CSS */