.elementor-kit-7{--e-global-color-primary:#221A0F;--e-global-color-secondary:#B89B7B;--e-global-color-text:#221A0F;--e-global-color-accent:#E5C27E;--e-global-color-80e4b74:#FFFFFF;--e-global-color-63ac3f9:#F9F5EC;--e-global-color-473b239:#000000;--e-global-color-2bde2e3:#574B3C;--e-global-color-cca67cb:#F0E8D8;--e-global-typography-primary-font-family:"Be Vietnam Pro";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Libre Baskerville";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Be Vietnam Pro";--e-global-typography-text-font-size:16px;--e-global-typography-text-font-weight:300;--e-global-typography-text-line-height:27px;--e-global-typography-accent-font-family:"Be Vietnam Pro";--e-global-typography-accent-font-weight:500;--e-global-typography-73a25e8-font-family:"Be Vietnam Pro";--e-global-typography-73a25e8-font-size:52.45px;--e-global-typography-73a25e8-font-weight:400;--e-global-typography-73a25e8-line-height:62.95px;--e-global-typography-73a25e8-letter-spacing:-5%;--e-global-typography-11567ac-font-family:"Be Vietnam Pro";--e-global-typography-11567ac-font-size:14px;--e-global-typography-11567ac-font-weight:300;--e-global-typography-11567ac-line-height:20.98px;--e-global-typography-11567ac-letter-spacing:0px;--e-global-typography-d680e26-font-family:"Be Vietnam Pro";--e-global-typography-d680e26-font-size:12px;--e-global-typography-d680e26-font-weight:400;--e-global-typography-d680e26-line-height:21.73px;--e-global-typography-d680e26-letter-spacing:0px;--e-global-typography-7460b4a-font-family:"Be Vietnam Pro";--e-global-typography-7460b4a-font-size:18.75px;--e-global-typography-7460b4a-font-weight:400;--e-global-typography-7460b4a-line-height:100%;--e-global-typography-7460b4a-letter-spacing:0px;background-color:var( --e-global-color-63ac3f9 );color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );}.elementor-kit-7 e-page-transition{background-color:#FFBC7D;}.elementor-kit-7 a{color:var( --e-global-color-secondary );}.elementor-kit-7 h1{color:var( --e-global-color-primary );font-family:"Be Vietnam Pro", Sans-serif;font-size:49.5px;font-weight:400;line-height:61.5px;letter-spacing:0px;}.elementor-kit-7 h2{color:var( --e-global-color-text );font-family:"Be Vietnam Pro", Sans-serif;font-size:35.97px;font-weight:400;line-height:47.21px;letter-spacing:-5%;}.elementor-kit-7 h3{color:var( --e-global-color-text );font-family:"Be Vietnam Pro", Sans-serif;font-size:20.98px;font-weight:400;line-height:25.48px;letter-spacing:-5%;}.elementor-kit-7 h4{color:var( --e-global-color-473b239 );font-family:"Be Vietnam Pro", Sans-serif;font-size:21px;line-height:1.3em;letter-spacing:-4%;}.elementor-kit-7 label{font-family:"Be Vietnam Pro", Sans-serif;font-size:12px;font-weight:400;line-height:18px;}.elementor-kit-7 input:not([type="button"]):not([type="submit"]),.elementor-kit-7 textarea,.elementor-kit-7 .elementor-field-textual{font-family:"Be Vietnam Pro", Sans-serif;font-size:10.5px;font-weight:300;line-height:100%;color:#999999;background-color:#02010100;border-style:solid;border-width:1px 1px 1px 1px;border-color:#0000001F;border-radius:999px 999px 999px 999px;padding:14px 14px 14px 16px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-kit-7{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-7{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}:root { --font-primary:Be Vietnam Pro; --font-secondary:Libre Baskerville; --primary:#221A0F; --secondary:#B89B7B; --padding-edge:clamp(1.25rem, -7.9808rem + 14.4231vw, 5rem); --text-body:18px; --white:#ffffff; --black:#000000; --light-gray:#B5B5B5; --foreground:#EDE0C9; --padding-y:clamp(3.125rem, 2.8561rem + 1.1321vw, 3.875rem); --brown:#574B3C; --text-body-sm:14px; --accent:#E5C27E; --accent2:#DED0B7; --brown2:#4A3B2C; --off-white:#F0E8D8; }
/* Start custom CSS */.elementor-widget-text-editor p:last-child {
    margin-bottom:0px!important;
}

.font-secondary {
    font-family: var(--font-secondary);
}

span.weight-md {
    font-weight: 500;
}


.font-secondary.highlight {
    color: 
var(--e-global-color-secondary);
}


.font-secondary.highlight2 {
    color: #E8C98A;
}

.btn-underline {
    text-underline-offset: 5px;
    overflow: none;
}

.fade-border {
  background-image:
    linear-gradient(to bottom, rgba(216,198,168,.8), rgba(216,198,168,.5) 50%, rgba(216,198,168,0)),
    linear-gradient(to bottom, rgba(216,198,168,.8), rgba(216,198,168,.5) 50%, rgba(216,198,168,0));
  background-size: 1px 100%, 1px 100%;
  background-position: left top, right top;
  background-repeat: no-repeat;
}


.hours {
  background: #453629;          /* sample the exact brown from Figma */
  color: #FFFFFF;
  padding: clamp(1.75rem, 5vw, 3rem);
}

.hours__list {
  display: grid;
  grid-template-columns: max-content 1fr;
  column-gap: clamp(1.25rem, 6vw, 3.25rem);
  margin: 0;
  font-size: 12px;
  line-height: 200%;
  color: white;
}

.hours__list dt,
.hours__list dd { margin: 0; font-weight:500;}

.sr-only {
  position: absolute;
  width: 1px; height: 1px;
  margin: -1px; padding: 0;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
  border: 0;
}


.get-in-touch-form textarea{
    border-radius: 20px!important;
}

.get-in-touch-form .elementor-field-label{
   padding-left: 13px;
}

.btn-phone::before {
    content: "";
  width: 10px;
  height: 10px;
  display: flex;

  background-color: currentColor;

  -webkit-mask: url("/wp-content/uploads/2026/08/Vector-14-1.svg") center / contain no-repeat;
  mask: url("/wp-content/uploads/2026/08/Vector-14-1.svg") center / contain no-repeat;
}


.header-social-icons svg path {
    fill: #fff;
}


.arc-faq-accordion details {
    padding: 26px 35px;
    background-color: white;
    border-radius: 14px;
    border:1px solid #DED0B7;
    transition: all .3s ease-in-out;
}

.arc-faq-accordion details[open] {
    border-color: white;
    box-shadow: 0px 0px 22px 0px rgba(0, 0, 0, 0.05);
}

@media (max-width:767px){
    .arc-faq-accordion details {
        padding: 26px 20px;
    }
}

.journey__inner {
  --depth: clamp(48px, 9vw, 130px);
  --steps: 5;
  --dot: 9px;
  --line: var(--e-global-color-secondary, #B89B7B);

  position: relative;
  padding-bottom: calc(var(--depth) + 2rem);   /* transforms don't reserve space */
}

.journey__curve {
  position: absolute;
  top: 0;
  left: calc(50% / var(--steps));            /* centre of the first column */
  width: calc(100% - 100% / var(--steps));   /* first centre -> last centre */
  height: var(--depth);
  color: var(--line);
  overflow: visible;
}

.journey__list {
  position: relative;
  display: grid;
  grid-template-columns: repeat(var(--steps), 1fr);
  margin: 0;
  padding: 0;
  list-style: none;
}

.journey__step {
  --y: calc(4 * var(--depth) * var(--t) * (1 - var(--t)));
  position: relative;
  transform: translateY(var(--y));
  padding: 2.75rem clamp(.5rem, 1.5vw, 1.25rem) 0;
  text-align: center;
}

.journey__step::before {          /* the dot */
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  width: var(--dot);
  height: var(--dot);
  margin: calc(var(--dot) / -2) 0 0 calc(var(--dot) / -2);
  border-radius: 50%;
  background: var(--line);
}

.journey__num {
  display: block;
  font-family: var(--font-secondary, "Libre Baskerville"), Georgia, serif;
  font-style: italic;
  font-size: 40px;
  line-height: 1;
  color: #B89B7B;
  margin-bottom: .5rem;
}

.journey__title {
  font-size: 20px;
  line-height: 100%;
  margin: 0 0 .5rem;
  color: var(--e-global-color-primary, #221A0F);
}

.journey__body {
  font-size: 14px;
  line-height: 20px;
  margin: 0;
  color: #574B3C;
}

/* stack below the point where five columns stop working */
@media (max-width: 900px) {
  .journey__curve { display: none; }
  .journey__inner { padding-bottom: 0; }
  .journey__list { grid-template-columns: 1fr; gap: 2rem; }
  .journey__list::before {
    content: "";
    position: absolute;
    left: 4px; top: .6rem; bottom: .6rem;
    width: 1px;
    background: var(--line);
  }
  .journey__step {
    transform: none;
    text-align: left;
    padding: 0 0 0 2.25rem;
  }
  .journey__step::before { top: .6rem; left: 0; margin: 0; }
}


.jet-listing-dynamic-field h3 {
    margin: 0!important;
}



/* ================= MARQUEE — single source of truth ================= */

.elementor .marquee {
  --marquee-gap: clamp(1.5rem, 4vw, 3.25rem);
  --duration: 45s;
  display: block !important;      /* stops the track becoming a flex item */
  overflow: hidden !important;
}

.elementor .marquee__track {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  flex: 0 0 auto !important;      /* survives a flex parent regardless */
  width: max-content !important;
  max-width: none !important;
  min-width: 0 !important;
  gap: var(--marquee-gap) !important;
}

.elementor .marquee__group {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  flex: 0 0 auto !important;
  width: auto !important;
  min-width: 0 !important;
  gap: var(--marquee-gap) !important;
}

/* text row */
.elementor .marquee__item {
  flex: 0 0 auto !important;
  width: auto !important;
  white-space: nowrap;
}

/* image rows — needs .elementor or it loses to the rule above */
.elementor .marquee--cards { --marquee-gap: clamp(1rem, 2.2vw, 2rem); }

.elementor .marquee__card {
  display: block;
  flex: 0 0 auto !important;
  width: clamp(150px, 18vw, 268px) !important;
  aspect-ratio: 268 / 278;
  border-radius: clamp(12px, 1.4vw, 20px);
  object-fit: cover;
}

.elementor .marquee[data-marquee="ready"] .marquee__track {
  animation: marquee-scroll var(--duration) linear infinite;
}

@keyframes marquee-scroll {
  from { transform: translateX(0); }
  to   { transform: translateX(calc(-50% - var(--marquee-gap) / 2)); }
}

@media (prefers-reduced-motion: reduce) {
  .elementor .marquee__track { animation: none !important; }
  .elementor .marquee__group[aria-hidden="true"] { display: none; }
  .elementor .marquee { overflow-x: auto !important; }
}



.elementor-widget-text-editor ul {
    margin: 0 0 0 20px!important;
}

.jet-mega-menu-sub-menu{
    border-radius: 8px !important;
}

.jet-mega-menu-sub-menu .jet-mega-menu-sub-menu__list{
    border-radius: 8px !important;
}

.jet-mega-menu-sub-menu .jet-mega-menu-sub-menu__list .jet-mega-menu-item{
    border-radius: 8px !important;
}

.jet-mega-menu-sub-menu .jet-mega-menu-sub-menu__list .jet-mega-menu-item .jet-mega-menu-item__inner{
    border-radius: 8px !important;
}

.hero-section {
    position: relative;
    isolation: isolate;
}

.hero-section::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(20, 16, 14, 0.6);
    pointer-events: none;
    z-index: 3;
}

.hero-section > * {
    position: relative;
    z-index: 2;
}

.jet-mega-menu.jet-mega-menu--layout-horizontal .jet-mega-menu-item--top-level>.jet-mega-menu-sub-menu>.jet-mega-menu-sub-menu__list{
    background-color: #b89b7b !important;
}

.elementor .e-68b38f0-2391b45{
    margin-bottom: 50px;
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Be Vietnam Pro';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://arcdentalsurgery.co.uk/wp-content/uploads/2026/08/BeVietnamPro-Regular.woff2') format('woff2');
}
@font-face {
	font-family: 'Be Vietnam Pro';
	font-style: normal;
	font-weight: 300;
	font-display: auto;
	src: url('https://arcdentalsurgery.co.uk/wp-content/uploads/2026/08/BeVietnamPro-Light.woff2') format('woff2');
}
@font-face {
	font-family: 'Be Vietnam Pro';
	font-style: normal;
	font-weight: 500;
	font-display: auto;
	src: url('https://arcdentalsurgery.co.uk/wp-content/uploads/2026/08/BeVietnamPro-Medium.woff2') format('woff2');
}
@font-face {
	font-family: 'Be Vietnam Pro';
	font-style: normal;
	font-weight: 700;
	font-display: auto;
	src: url('https://arcdentalsurgery.co.uk/wp-content/uploads/2026/08/BeVietnamPro-Bold.woff2') format('woff2');
}
@font-face {
	font-family: 'Be Vietnam Pro';
	font-style: normal;
	font-weight: 600;
	font-display: auto;
	src: url('https://arcdentalsurgery.co.uk/wp-content/uploads/2026/08/BeVietnamPro-SemiBold.woff2') format('woff2');
}
/* End Custom Fonts CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Libre Baskerville';
	font-style: italic;
	font-weight: normal;
	font-display: auto;
	src: url('https://arcdentalsurgery.co.uk/wp-content/uploads/2026/08/LibreBaskerville-Italic.woff2') format('woff2');
}
@font-face {
	font-family: 'Libre Baskerville';
	font-style: italic;
	font-weight: 500;
	font-display: auto;
	src: url('https://arcdentalsurgery.co.uk/wp-content/uploads/2026/08/LibreBaskerville-MediumItalic.woff2') format('woff2');
}
/* End Custom Fonts CSS */