.elementor-61 .elementor-element.elementor-element-6dd13ce5{--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-61 .elementor-element.elementor-element-6dd13ce5:not(.elementor-motion-effects-element-type-background), .elementor-61 .elementor-element.elementor-element-6dd13ce5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;background:url("https://gqbarberfl.com/wp-content/uploads/2025/11/GQBarberSalon-2025-8-scaled.jpg") 50% 50%;background-size:cover;}.elementor-61 .elementor-element.elementor-element-6dd13ce5::before, .elementor-61 .elementor-element.elementor-element-6dd13ce5 > .elementor-background-video-container::before, .elementor-61 .elementor-element.elementor-element-6dd13ce5 > .e-con-inner > .elementor-background-video-container::before, .elementor-61 .elementor-element.elementor-element-6dd13ce5 > .elementor-background-slideshow::before, .elementor-61 .elementor-element.elementor-element-6dd13ce5 > .e-con-inner > .elementor-background-slideshow::before, .elementor-61 .elementor-element.elementor-element-6dd13ce5 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000000;--background-overlay:'';}.elementor-61 .elementor-element.elementor-element-55d154e4{--display:flex;--min-height:70vh;--justify-content:center;--overlay-opacity:0.5;}.elementor-61 .elementor-element.elementor-element-55d154e4::before, .elementor-61 .elementor-element.elementor-element-55d154e4 > .elementor-background-video-container::before, .elementor-61 .elementor-element.elementor-element-55d154e4 > .e-con-inner > .elementor-background-video-container::before, .elementor-61 .elementor-element.elementor-element-55d154e4 > .elementor-background-slideshow::before, .elementor-61 .elementor-element.elementor-element-55d154e4 > .e-con-inner > .elementor-background-slideshow::before, .elementor-61 .elementor-element.elementor-element-55d154e4 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-61 .elementor-element.elementor-element-5e74ed17{--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-61 .elementor-element.elementor-element-5e74ed17:not(.elementor-motion-effects-element-type-background), .elementor-61 .elementor-element.elementor-element-5e74ed17 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-61 .elementor-element.elementor-element-47ec3ffa{--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-61 .elementor-element.elementor-element-47ec3ffa:not(.elementor-motion-effects-element-type-background), .elementor-61 .elementor-element.elementor-element-47ec3ffa > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-61 .elementor-element.elementor-element-6c08333a{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-61 .elementor-element.elementor-element-249757c:not(.elementor-motion-effects-element-type-background), .elementor-61 .elementor-element.elementor-element-249757c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-61 .elementor-element.elementor-element-249757c{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-61 .elementor-element.elementor-element-249757c > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-61 .elementor-element.elementor-element-dbdd82f{--display:flex;--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-61 .elementor-element.elementor-element-decb741{width:100%;max-width:100%;}.elementor-61 .elementor-element.elementor-element-88617ce > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-61 .elementor-element.elementor-element-1bc0a80:not(.elementor-motion-effects-element-type-background), .elementor-61 .elementor-element.elementor-element-1bc0a80 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-61 .elementor-element.elementor-element-1bc0a80{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-61 .elementor-element.elementor-element-1bc0a80 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-61 .elementor-element.elementor-element-1bbe3093{--display:flex;--min-height:140px;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-around;--padding-top:30px;--padding-bottom:30px;--padding-left:0px;--padding-right:425px;}.elementor-61 .elementor-element.elementor-element-1bbe3093:not(.elementor-motion-effects-element-type-background), .elementor-61 .elementor-element.elementor-element-1bbe3093 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-61 .elementor-element.elementor-element-1b1f555c.elementor-element{--align-self:center;}@media(min-width:768px){.elementor-61 .elementor-element.elementor-element-dbdd82f{--width:100%;}.elementor-61 .elementor-element.elementor-element-1bbe3093{--content-width:1280px;}}@media(max-width:1024px){.elementor-61 .elementor-element.elementor-element-47ec3ffa{--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-61 .elementor-element.elementor-element-6c08333a{width:100%;max-width:100%;margin:-10px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-61 .elementor-element.elementor-element-59705d8a{width:100%;max-width:100%;}.elementor-61 .elementor-element.elementor-element-1bbe3093{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}}/* Start custom CSS for html, class: .elementor-element-40d4d301 */: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-55d154e4 */: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 */
/* Start custom CSS for container, class: .elementor-element-dbdd82f *//* ========= Palette & knobs ========= */
:root{
  /* Gold palette for sheen */
  --gold-1:#B88A1B;   /* deep gold */
  --gold-2:#D4AF37;   /* primary gold */
  --gold-3:#F3E7B3;   /* highlight */

  /* Spacing */
  --pad-x:clamp(16px,5vw,40px);
  --pad-y:clamp(18px,5vw,36px);

  /* Text colors (defaults; override per section) */
  --eyebrow-color:#000;                     /* eyebrow */
  --subhead-color:rgba(255,255,255,.9);     /* subhead */
}

/* Optional helpers if you want presets */
.on-light { --eyebrow-color:#000; --subhead-color:#5e5a55; }
.on-dark  { --eyebrow-color:#fff; --subhead-color:rgba(255,255,255,.9); }

/* ========= Section shell ========= */
.gallery-head{
  max-width: 1140px;
  margin-inline: auto;
  padding: var(--pad-y) var(--pad-x) 0;
}

/* Eyebrow */
.gallery-head .eyebrow{
  color: var(#000);
  opacity: .92;
  text-transform: uppercase;
  letter-spacing: .14em;
  font-weight: 800;
  font-size: clamp(12px, .95vw, 16px);
  margin: 0 0 .35rem 0;
}

/* Title (fallback gold color; sheen is added by .sheen modifier below) */
.gallery-head .title{
  margin: 0 0 .55rem 0;
  color: var(--gold-2);                     /* fallback if sheen disabled */
  line-height: 1.05;
  font-weight: 900;
  font-size: clamp(36px, 7vw, 72px);
}

/* SUBHEAD — UPPERCASE + adjustable color */
.gallery-head .subhead{
  color: var(#000);
  text-transform: uppercase;
  letter-spacing: .12em;
  font-weight: 400;                         /* tune to your type scale */
  font-size: clamp(13px, 1.6vw, 15px);
  margin: 0;
}

/* ========= Gold sheen modifier for titles ========= */
/* Apply on the title: <h2 class="title sheen"> */
.gallery-head .title.sheen{
  background-image: linear-gradient(
    110deg,
    var(--gold-2) 0%,
    var(--gold-1) 18%,
    var(--gold-3) 38%,
    var(--gold-1) 62%,
    var(--gold-2) 100%
  );
  background-size: 200% 100%;
  background-position: 0% 50%;
  -webkit-background-clip: text;
          background-clip: text;
  -webkit-text-fill-color: transparent;
          color: transparent;
  animation: gqGoldSheen 6s linear infinite;
  text-shadow: 0 1px 0 rgba(0,0,0,.10);
}

@keyframes gqGoldSheen{
  0%   { background-position:   0% 50%; }
  100% { background-position: 200% 50%; }
}

/* Respect reduced motion */
@media (prefers-reduced-motion: reduce){
  .gallery-head .title.sheen{ animation:none; }
}

/* ========= Mobile tweaks ========= */
@media (max-width: 600px){
  .gallery-head{ padding-inline: 20px; }
  .gallery-head .title{ font-size: clamp(34px, 10vw, 56px); }
}/* End custom CSS */
/* Start custom CSS for column, class: .elementor-element-bcad895 *//* Hero: make razor icon + "BOOK APPOINTMENT" white */
#bookappt-home .color-1,
#bookappt-home .color-1 * {
  color: #ffffff !important;
  fill: #ffffff !important;
  stroke: #ffffff !important;
  opacity: 1 !important;
}

/* If the razor uses this icon class from the theme */
#bookappt-home .icon-icon-1-1,
#bookappt-home .icon-icon-1-1:before,
#bookappt-home .elementor-icon,
#bookappt-home .elementor-icon svg {
  color: #ffffff !important;
  fill: #ffffff !important;
  stroke: #ffffff !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1b1f555c */: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 */