/*
Theme Name: Numie
Theme URI: Arch
Author: Arch
Author URI: archcreative.co.uk
Description: 
Version: 1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: 
Text Domain: 
*/

@import url('https://fonts.googleapis.com/css2?family=Taviraj:wght@100;300&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@200..800&display=swap');

:root{
	--brown:#5d3828;
	--brown-light:#d0907b;
	--pink:#f9c6c0;
	--white:#fbf5ee;
	--black:#100401;
	--orange:#faa85f;
	--yellow:#f2c851;
	--green:#99cbc3;
	--purple:#d2acd1;
	--side-padding:2rem;
	--module-padding:5rem;
	--header-nav-padding:120px;
	--plyr-color-main:var(--orange);
}


/* ===== GENERAL ===== */

html, body { background:var(--white);width:100%;margin:0;padding:0;overflow-x:hidden;font-family: "Manrope", sans-serif;font-weight:400;color:var(--black); }

.container { width:100%;max-width:calc(1400px + calc(var(--side-padding) * 2));padding:0 var(--side-padding);margin:0 auto; }
.container-small { width:100%;max-width:1000px;margin:0 auto; }

img { display:block; }
.m-grid { margin:0; }
.pos-rel { position:relative; }
.pos-abs { position:absolute; }

.bg-brown { background:var(--brown);color:var(--white); }
.bg-brown-light { background:var(--brown-light);color:var(--white); }
.bg-white { background:var(--white);color:var(--brown); }
.bg-pink { background:var(--pink);color:var(--brown); }
.bg-green { background:var(--green); }
.bg-orange { background:var(--orange); }
.bg-yellow { background:var(--yellow); }
.bg-purple { background:var(--purple);color:var(--brown); }

.bg-gradient-pink { background:linear-gradient(90deg,var(--pink), var(--white)); }
.bg-gradient-purple { background:linear-gradient(90deg,var(--purple), var(--white)); }
.bg-gradient-green { background:linear-gradient(90deg,var(--green), var(--white)); }
.bg-gradient-yellow { background:linear-gradient(90deg,var(--yellow), var(--white)); }
.bg-gradient-orange { background:linear-gradient(90deg,var(--orange), var(--white)); }
.bg-gradient-brown-light { background:linear-gradient(90deg,var(--brown-light), var(--white)); }



a { color:var(--brown);font-weight:700; }
footer a { color:var(--white); }
a:hover { color:var(--orange); }
.bg-brown a { color:var(--white); }
.bg-brown a:hover { color:var(--orange); }

a.button { justify-content:center;font-size:1rem;text-align:center;padding:18px 40px;display:inline-flex;align-items:center;text-transform:uppercase;text-decoration:none;border-radius:100px;border:2px solid var(--brown); }
a.button:hover { color:var(--white);background:var(--brown-light);border-color:var(--brown-light); }
a.button.brown { border:none;background:var(--brown);color:var(--white); }
a.button.white { background:var(--white);color:var(--brown);border:none; }
a.button:is(.brown,.white):hover { background:var(--brown-light);color:var(--white); }
a.button.outline { background:transparent; }
a.button.outline.white { color:var(--white);border:2px solid var(--white); }
a.button.outline:hover { border-color:var(--brown-light);background:var(--brown-light) }
a.button.small { font-size:1rem;padding:8px 20px;0.05rem }

h1,h2,h3,h4,h5,h6 { font-family:"Taviraj", serif;font-weight:300;color:var(--brown); }
h1 { font-size:clamp(2.3rem,5vw,4rem);line-height:115%; }
h2 { font-size:clamp(2rem,5vw,4rem);line-height:115%; }
h3 { font-size:clamp(2rem,5vw,3rem);line-height:115%; letter-spacing: -0.06rem; }
h4 { font-size:clamp(1.2rem,5vw,1.5rem);line-height:130%;font-family: "Manrope", sans-serif;font-weight:600; }
h5, .small-header { font-size:1.125rem;line-height:115%;text-transform:uppercase;color:var(--brown);font-weight:700;margin-bottom:0rem;letter-spacing: 0.05625rem; }
h6 { font-family: "Manrope", sans-serif;font-size:1.125rem;line-height:115%;text-transform:uppercase;color:var(--brown);font-weight:700;margin-bottom:0rem;letter-spacing: 0.05625rem; }
.small-header { display:block;margin-bottom:-1rem; }
.tick { position:relative;display:flex;align-items:center;gap:10px; }
.tick::before { content:"";flex:0 0 auto;display:block;width:30px;height:30px;background:url("/wp-content/themes/numie/img/icon-tick-brown.svg") no-repeat center;background-size:contain; }


.bg-brown :is(h1,h2,h3,h4,h5,h6) { color:var(--white); }

p, ul, ol { line-height:140%;font-size:1.125rem; }
p small { font-size:0.8rem;line-height:100%; }
.large-paragraph { font-size:clamp(1.3rem, 5vw, 2rem);line-height:130%;font-weight:300; }

/* ===== NAV MENU ===== */
#topnav { padding:25px 0; }
.topnav-flex { display:flex;column-gap:30px;justify-content:space-between;color:var(--brown); }

.menu { list-style: none;padding:0;margin:0;width:100%;z-index:100;position:relative;display:flex;column-gap:15px;align-items:center;flex-wrap:wrap;justify-content:flex-end; }
.menu a { color:var(--brown);text-decoration:none;text-transform:uppercase;font-weight:700; }
.menu .current_page_item a, .menu a:hover { color:var(--brown-light); }
nav { padding:40px 0 0;position:absolute;width:100%;z-index:999; }
#navmenu .menu li { text-align:center;padding:10px;position:relative; }
#navmenu .menu li:hover .sub-menu { display:inline-block; }
#navmenu .sub-menu { display:none;position:absolute;width:100%;top:100%;left:0;background:#fff;list-style: none;padding:0;margin:0; }
#navmenu .sub-menu li { display:inline-block;width:100%; }
.nav-button a { display:inline-block;padding:12px 30px;border:1px solid var(--brown);border-radius:100px; }
.nav-button a:hover { background:var(--brown-light);color:var(--white);border-color:var(--brown-light); }
#hidden-mobile-nav { display:none; }
.nav-flex { display:flex;align-items:center;justify-content:space-between;column-gap:30px; }
.logo { width:230px;display:inline-block;align-self:flex-start; }
.logo img { width:100%; }


.mobile-toggle { width:30px;height:30px;display:none;position:absolute;top:10px;right:var(--side-padding); }
.toggle-bar { width:100%;height:3px;margin-bottom:5px;background:var(--brown); }
.mobile-toggle.active .toggle-bar { background:var(--orange); }

footer { padding:5rem 0 10rem; }
.footer-grid { display:flex;flex-wrap:wrap;width:100%;justify-content:space-between;column-gap:2rem;row-gap:2rem; }
.footer-title { font-weight:700;font-size:1.125rem;text-transform:uppercase; letter-spacing:0.05625rem;display:block;margin-bottom:1rem; }
footer .menu { display:inline-block;text-align:left; }
footer .menu a { color:#fff;font-size:1rem;font-weight:400;line-height:200%;text-transform:none; }
footer p { font-size:1rem; }
.cqc { max-width:100%;}
.socials { display:flex;gap:1.5rem;margin-top:2rem; }
.socials a { display:inline-block;n }
.socials a:hover { opacity:0.5; }
.socials a img { width:30px;height:30px;object-fit:contain;object-position:center; }


/* Front Page */
.header { padding:var(--header-nav-padding) 0 1px;position:relative; }
.header.small { margin-bottom:-2rem;background:transparent; }
.header-flex { display:flex;column-gap:2rem;flex-wrap:wrap;row-gap:2rem; }
.header-flex img { width:100%; }
.header-text { flex:1 1 360px;align-content:center;padding:45px 0; }
.header-image { flex:1 0 36%; align-self:flex-end;min-width:500px;max-width:750px; }
.header span { font-size:1.125rem;text-transform:uppercase;color:var(--brown);font-weight:700;display:block; }
.header p { font-size:1.125rem;line-height:140%; }
.home.header p  { font-size:clamp(1.2rem,5vw,1.5rem); }
.header p :is(b,strong) { color:var(--brown); }
/*.header.home a.button { margin:20px 0 30px; }*/
.header.wavy .header-flex img { margin-bottom:clamp(-50px,5vw,-100px); }
.header.wavy { padding-bottom:clamp(50px,5vw,100px);margin-bottom:calc(var(--module-padding) * -1);position:relative; }
.wave { position:absolute;bottom:-1px;left:0;width:100%;height:clamp(50px,5vw,100px);background:url("/wp-content/themes/numie/img/wave-loop.svg") repeat-x center bottom;background-size:auto 100%; }

/* Offer Bar */
.offer-bar { padding:1rem 0;font-size:1.125rem;text-align:center; }

/* Email Bar */
.email-bar { padding:1rem 0 1rem;text-align:center; }
.email-bar form { text-transform:uppercase;font-size:1.125rem;display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;align-items:center; }
.email-bar form input[type="email"] { height:45px;text-transform:uppercase;border-radius:100px;border:2px solid var(--white);background:transparent;color:var(--white);padding:0.8rem 1rem; }
.email-bar form input[type="email"]::placeholder { color:var(--white);opacity:0.8; }
.email-bar form input[type="submit"] { border:none;position:relative;overflow:hidden;height:45px;width:45px;border-radius:100%;background:var(--white);display:inline-block; }
.email-bar form input[type="submit"]:hover { background:var(--brown); }
.email-bar form .submit-button::after { pointer-events:none;position:absolute;top:10px;left:10px;content:"";width:26px;height:26px;background:url("/wp-content/themes/numie/img/arrow-submit.svg") no-repeat center;background-size:contain;display:block; }
.email-bar form span { display:inline-block; }

/* ===== MODULES ===== */
.module { display:block;padding:clamp(3rem,5vw,5rem) 0;}
.module.no-top-padding { padding-top:0; }
.module.no-bottom-padding { padding-bottom:0;}
.module.wavy { padding-bottom:clamp(50px,10vw,150px);position:relative; }
.module.underwavy { padding-top:100px; }

/* Icon Grid */
.icon-grid { display:flex;flex-wrap:wrap;gap:2rem;justify-content:space-evenly; }
.icon-holder { flex:0 1 320px;text-align:center; }
.icon { width:160px;height:160px;padding:30px;display:flex;align-items:center;justify-content:center;border-radius:100%;margin:0 auto 2rem; }
.icon img { width:100%;height:100%;object-fit:contain; }
.icon-text { font-size:1.125rem;text-transform:uppercase;letter-spacing:0.05625rem;line-height:115%;font-weight:700;text-align:center; }

/* Slider General */
.slick-dots { position:static;margin-top:3rem;padding:0 var(--side-padding); }
.slick-dots li button:before { display:none; }
.slick-dots { display:flex;column-gap:1rem;justify-content:center; }
.slick-dots li { width:70px;height:10px;margin:0;padding:3px 0; }
.slick-dots li button { padding:0px;background:var(--brown);width:100%;height:100%;border-radius:10px; }
.slick-dots li:is(.slick-active,:hover) button { background:var(--brown-light); }
.bg-brown .slick-dots li button { background:var(--brown-light); }
:is(.bg-pink, .bg-brown) .slick-dots li:is(.slick-active,:hover) button { background:var(--white); }
.slick-track { margin:0 auto; }

.slick-next, .slick-prev { left:0;right:0;top:auto;bottom:-0.5rem;border-top:2px solid var(--brown);border-right:2px solid var(--brown); }
.slick-next:hover, .slick-prev:hover { opacity:0.5; }
.slick-next::before, .slick-prev::before{ display:none; }
.slick-next { transform:rotate(45deg);left:auto;right:30% }
.slick-prev { transform:rotate(-135deg);right:auto;left:30%; }
.bg-brown :is(.slick-next,.slick-prev) { border-color:var(--white); }

/* Treatment Slider */
.treatment-slide { max-width:320px;margin:0 auto;border-radius:50px;overflow:hidden;position:relative;aspect-ratio:32/39;padding:1rem;display:flex !important;align-items:flex-end; }
.treatment-slide::before { background:linear-gradient(0deg,rgba(93,56,40,0.8),transparent);content:"";display:block;width:100%;height:65%;position:absolute;bottom:0;left:0;z-index:2;opacity:1; }
.treatment-slide .treatment-thumbnail { position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:1; }
.treatment-type-icon { width:60px;height:60px;border-radius:100%;display:block;position:absolute;top:1rem;left:1rem;z-index:3;display:flex;align-items:center;justify-content:center; }
.treatment-type-icon img { width:36px;height:36px;object-fit:contain; }
.treatment-slide-content { position:relative;z-index:3;width:100%; }
.treatment-title { z-index:1;align-self:flex-end;color:#fff;text-transform:uppercase;font-size:1.125rem;display:block;margin-bottom:1rem; }
.treatment-slide a.button { width:100%;flex:0 0 100%; }
.treatment-slider .slick-list {margin: 0 -1rem;}
.treatment-slider .slick-slide>div {padding: 0 1rem;}
.treatment-slider-filter { text-align:center;width:100%;margin-bottom:2rem; }
.treatment-slider-filter a { border:2px solid transparent;display:inline-block;text-decoration:none;padding:0.5rem 1rem;border-radius:150px;margin:0 0.25rem 0.5rem; }
.treatment-slider-filter a.all { background:var(--brown);color:var(--white); }
.treatment-slider-filter a.active { pointer-events:none;border-color:var(--brown);background:transparent;color:var(--brown); }
.treatment-slider-filter a:not(.active):hover { color:var(--brown);background:var(--brown-light); }


/* Review Slider */
.review-slider { margin:0 -1rem 3rem; }
.review-slide { padding:0 1rem; }
.review-holder { border-radius:50px;overflow:hidden;padding:3rem; }
.review-holder .quote { font-size:clamp(1rem,5vw,1.5rem);line-height:130%; }
.review-holder .name { font-size:1.125rem;font-weight:700;text-transform:uppercase;letter-spacing: 0.05625rem;line-height:115%; }
.stars { display:flex; }
.star { width:30px;height:30px;display:inline-block;background:url("/wp-content/themes/numie/img/icon-star.svg") no-repeat center;background-size:contain; }

/* Review Slider */
.faqs { width:100%;max-width:920px;margin:0 auto 3rem; }
.faq { display:inline-block;width:100%;border-bottom:2px solid var(--brown); }
.faq:last-child { border:none; }
.question { font-size:clamp(1.125rem,5vw,1.5rem);line-height:130%;font-weight:600;padding:1rem 45px 1rem 0;position:relative; }
.question::after { transition:transform 0.3s ease-in-out;content:"";display:inline-block;position:absolute;top:1.5rem;right:1rem;width:20px;height:20px;background:url("/wp-content/themes/numie/img/arrow-down.svg") no-repeat center;background-size:contain; }
.answer { font-size:1.25rem;line-height:140%;display:none; }
.faq.open .question::after { transform:rotate(-180deg); }
.faq .question:hover { cursor:pointer;color:var(--brown-light); }
.faq-filter { text-align:center;width:100%;margin-bottom:2rem; }
.faq-filter a { border:2px solid transparent;display:inline-block;text-decoration:none;background:var(--brown);padding:0.5rem 1rem;color:var(--white);border-radius:150px;margin:0 0.25rem 0.5rem; }
.faq-filter a:nth-child(2) { background:var(--green);color:var(--brown); }
.faq-filter a:nth-child(3) { background:var(--pink);color:var(--brown); }
.faq-filter a:nth-child(4) { background:var(--orange);color:var(--brown); }
.faq-filter a:nth-child(5) { background:var(--yellow);color:var(--brown); }
.faq-filter a:nth-child(6) { background:var(--brown-light);color:var(--brown); }
.faq-filter a:hover { background:var(--brown-light); }
.faq-filter a.active { background:transparent;border-color:var(--brown);color:var(--brown); }
.question-tags { display:block;margin:0 -0.25rem; }
.question-tags span { display:inline-block;margin:0.25rem;line-height:100%;font-size:0.7rem;padding:0.25rem 0.5rem;background:var(--brown);color:var(--white);border-radius:150px; }

/* Testimonial Slider */
.testimonial-slider { width:100%;max-width:1000px;margin:0 auto; }
.testimonial-slide { text-align:center; }
.testimonial { display:block;font-size:clamp(1.3rem,3vw,2.25rem);font-weight:300;margin-bottom:3rem; }
.testimonial-name { display:block;font-size:clamp(0.9rem,3vw,1.125rem);text-transform:uppercase;font-weight:700;letter-spacing:0.05625rem;line-height:115%;color:var(--brown);margin-bottom:2rem; }

/* CTA */
.call-to-action { padding:0rem 0 0; }
.cta-flex { display:flex;flex-wrap:wrap-reverse;column-gap:2rem; }
.cta-image { flex:1 1 48%;align-self:self-end; }
.cta-image img { width:100%; }
.cta-text { flex:1 1 520px;padding:3rem 0 4rem; }
.cta-buttons { display:flex;column-gap:2rem;row-gap:1rem;margin-top:2rem;flex-wrap:wrap; }

/* Comparison Table */
.comparison-table { width:100%;max-width:920px;margin:0 auto 4rem;color:var(--brown); }
.c-table-headers { margin-bottom:1rem; }
.c-table-headers, .c-table-row { display:grid;column-gap:1rem;grid-template-columns:5fr 1fr 1fr; }
.c-table-row > div { display:flex;align-items:center; }
.c-table-row > div:first-child { text-align:left; }
.c-table-row { padding:1rem 0;border-bottom:2px solid var(--brown); }
.c-table-headers { font-size:1.125rem;font-weight:700;text-transform:uppercase;line-height:115%;letter-spacing: 0.05625rem; }
.c-table-row { font-size:1.5rem;font-weight:600;line-height:130%; }
.c-table-icon { display:flex;justify-content:center;align-items:center;margin:0 auto;width:60px;height:60px;border:2px solid var(--brown);border-radius:100%; }
.c-table-icon.ticks { background:var(--brown); }
.c-table-icon::after { content:"";width:25px;height:25px;display:inline-block; }
.c-table-icon.ticks::after { background:url("/wp-content/themes/numie/img/icon-tick.svg") no-repeat center;background-size:contain; }
.c-table-icon.cross::after { background:url("/wp-content/themes/numie/img/icon-cross.svg") no-repeat center;background-size:contain; }
.comparison-text { font-size:1.5rem;font-weight:600;line-height:130%;color:var(--brown); }

/* Results Slider */
.results-slider { margin:0 -1rem; }
.results-slide { padding:0 1rem; }
.containers { width: 100%;height: auto;aspect-ratio: 1/1;border-radius:50px;position: relative;overflow:hidden;max-width:440px;margin:0 auto; }
.divider { content: '';display:block;background:var(--white);position: absolute;height:100%;width:2px;left:50%;top:0; }
.before, .after { text-shadow:0 0 6px black;overflow:hidden;width:100%;height:100%;top:0;left:0;position:absolute; }
.before::after { content:"before";color:var(--white);position:absolute;top:2rem;left:2rem;font-size:1.5rem;font-weight:600;display:inline-block; }
.after::after { content:"after";color:var(--white);position:absolute;top:2rem;right:2rem;font-size:1.5rem;font-weight:600;display:inline-block; }
.result-image { object-fit:cover;object-position:left top;width:100%;height:100%;position:absolute;top:0;right:0; }
.after .result-image { object-fit:cover;object-position:right top; }
.after { width:50%;left:auto;right:0;  }
.draggable-handle { width: 60px;height: 60px;position: absolute;left:calc(50% - 30px);top:calc(50% - 30px);border-radius:100%;background:var(--white) url("/wp-content/themes/numie/img/arrow-double.svg") no-repeat center;}
.draggable-handle:hover { background:var(--brown-light) url("/wp-content/themes/numie/img/arrow-double.svg") no-repeat center; }

/* Sessions */
.sessions { padding:clamp(2rem,5vw,3rem) 0 1rem; }
.sessions-holder { display:flex;flex-wrap:wrap;justify-content:space-evenly;gap:2rem; }
.session-holder { width:280px;color:var(--brown);display:flex;gap:1rem;font-size:1.125rem;line-height:130%; }
.session-icon { align-self:flex-start; }
.session-icon img { width:50px;height:50px;object-fit:contain;object-position:center; }
.session-holder span { display:block;margin-bottom:0.5rem;font-size:1.125rem;font-weight:700;width:100%;line-height:115%;letter-spacing:0.05625rem;text-transform:uppercase; }

/* Introduction */
.two-column { display:flex;column-gap:4rem;align-items:center;flex-wrap:wrap;margin:4rem 0; }
.two-column:first-child { margin-top:0px; }
.two-column:last-child { margin-bottom:0px; }
.two-column.rev { flex-wrap:wrap-reverse; }
.two-column-image { flex:1 1 40%;aspect-ratio:1/1;overflow:hidden;border-radius:50px;object-fit:cover;width:100%;max-width:700px;min-width:250px; }
.text-column { flex:1 1 50%; }

/* Learn Slider */
.learn-slider { margin:0 -2rem 2rem; }
.learn-slide { color:var(--brown);padding:0 2rem; }
.learn-slide img { border-radius:50px;margin-bottom:1rem;width:100%;object-fit:contain; }
.learn-date { font-size:1.125rem;letter-spacing:0.05625rem;font-weight:700;display:block; }
.learn-title { margin:1rem 0;font-size:1.5rem;font-weight:600;line-height:130%;display:block; }


/* About Us */
.about-us { width:100%;max-width:1000px;margin:0 auto;text-align:center;display:block; }

.team-grid { display:flex;flex-wrap:wrap;gap:3rem;justify-content:space-evenly; }
.team-member { flex:0 1 calc(25% - 3rem);min-width:300px;border-radius:50px;overflow:hidden;position:relative; }
.team-member img { width:100%;height:100%;object-fit:cover; }
.team-info { opacity:0;padding:2rem;display:flex;flex-wrap:wrap;align-items:center;text-align:center;justify-content:center;position:absolute;background:var(--brown);color:var(--white);width:100%;height:100%;top:0;left:0; }
.team-name { display:block;width:100%;font-weight:1.125rem;line-height:115%;font-weight:700;letter-spacing:0.05625rem;text-transform:uppercase; }
.team-role { font-size:1.125rem;font-weight:400;display:block;margin-top:1rem; }
.team-member:is(:hover,:focus,:active) .team-info { opacity:1; }

.about-video { position:relative;overflow:hidden;margin-bottom:7rem; }
.about-video img { position:absolute;top:-2px;left:-2px;width:calc(100% + 4px);height:calc(100% + 4px);object-fit:cover; }
.about-video .play-button { display:flex;align-items:center;justify-content:center;position:absolute;bottom:2rem;right:2rem;width:80px;height:80px;border-radius:100%;background:var(--white); }
.about-video .play-button::after { content:"";display:block;width: 0px;height: 0px;border-style: solid;border-width: 20px 0 20px 34.6px;border-color: transparent transparent transparent var(--brown);transform: rotate(0deg) translateX(5px); }
.about-video .play-button:hover { background:var(--brown-light);cursor:pointer; }


/* Reviews */
.video-review-slider { margin:0 -2rem; }
.video-review-slide { padding:0 2rem; }
.video-review-link { display:block;position:relative;border-radius:50px;overflow:hidden; }
.video-review-link img { width:100%; }
.video-play { position:absolute;bottom:1rem;left:1rem;width:calc(100% - 2rem ); }
.video-play a.button { width:100%; }


/* Learning Hub */
.learn-flex { display:flex;gap:1rem;flex-wrap:wrap;margin:0 -2rem; }
.learn-flex > div { flex:1 1 calc(33% - 1rem); }
.learn-flex .learn-slide { padding-bottom:2rem;min-width:300px;max-width:calc(calc(1400px + var(--side-padding) * 2) / 3 ); }
.page-numbers:is(.next,.prev) { display:none; }
.pagination { text-align:center;margin:2rem 0 0;display:flex;gap:1rem;justify-content:center;flex-wrap:wrap; }
.page-numbers { text-decoration:none;position:relative;flex:0 1 70px;width:auto;background:transparent;display:inline-block; }
.page-numbers::after { content:"";display:inline-block;border-radius:10px;background:var(--brown);width:100%;height:4px;position:absolute;bottom:-8px;left:0; }
.page-numbers:is(.current,:hover)::after { background:var(--brown-light); }


/* Contact Page */
.contact-grid { display:flex;gap:3rem;align-items:center;flex-wrap:wrap; }
.contact-map { width:100%;flex:1 1 500px; }
.contact-map iframe { width:100%;height:500px;display:block; }
.contact-icon { display:flex;gap:1rem;font-size:1.5rem;align-items:center;margin-bottom:1rem; }
.contact-icon::last-child { margin-bottom:0px; }
.contact-icon::before { content:"";display:inline-block;width:30px;height:30px;flex:0 0 30px; }
.contact-icon.address::before { background:url("/wp-content/themes/numie/img/icon-location.svg") no-repeat center;background-size:contain; }
.contact-icon.phone::before { background:url("/wp-content/themes/numie/img/icon-phone.svg") no-repeat center;background-size:contain; }
.contact-icon.email::before { background:url("/wp-content/themes/numie/img/icon-email.svg") no-repeat center;background-size:contain; }
.contact-icon.instagram::before { background:url("/wp-content/themes/numie/img/instagram-brown.svg") no-repeat center;background-size:contain; }
.contact-icon a { text-decoration:none; }
.contact-form-grid { display:flex;flex-wrap:wrap;gap:1rem; }
.contact-form-grid > div { flex:1 1 calc(50% - 1rem);min-width:300px; }
.forminator-ui label { display:block;margin-bottom:0.8rem;font-size:1.125rem; }
.forminator-ui :is(input,textarea, select):not(input[type="checkbox"]) { appearance:none;background:transparent;color:var(--brown);font-size:1.125rem;width:100%;padding:0.5rem 1rem;border:2px solid var(--brown);border-radius:30px; }
.forminator-ui :is(select):not(input[type="checkbox"]) { background:transparent url("/wp-content/themes/numie/img/arrow-down.svg") no-repeat center;background-size:20px auto;background-position:calc(100% - 1rem) center; }
.forminator-ui .forminator-checkbox { font-size: 0.875rem; }
.forminator-ui input[type="checkbox"] { position:relative;margin-right:0.8rem; }
.forminator-ui input[type="checkbox"]:before { pointer-events:none;background:var(--pink);border-radius:100%;width:14px;height:14px;content:"";display:block;position:absolute;top:-2px;left:-2px;border:2px solid var(--brown); }
.forminator-ui input[type="checkbox"]:checked:before { background:var(--brown); }
.forminator-row-last { text-align:center; }
.forminator-ui button { font-size:1rem;font-family:"Manrope", sans-serif;letter-spacing:0.05rem;font-weight:600;appearance:none;margin:0 auto;display:inline-block;background:transparent;box-shadow:none;padding:1rem 2rem;border-radius:100px;border:2px solid var(--brown);color:var(--brown);text-transform:uppercase; }
.forminator-ui button:hover { cursor:pointer;background:var(--brown-light);color:var(--white);border-color:var(--brown-light); }
.forminator-error-message { margin-top:0.8rem;display:inline-block; }
.forminator-field-checkbox .forminator-field { display: flex;column-gap: 1rem;justify-content: center;flex-wrap: wrap; }






/* Pricing */


.price-block { display:none;background:var(--white);color:var(--brown);padding:2rem;border-radius:50px; }
.price-2,.price-3 { display:none; }

.pricing-filter { display:flex;flex-wrap:wrap;justify-content:center;width:100%;gap:1rem;margin-top:-1rem;margin-bottom:1rem; }
.price-cat { padding:0.5rem 1rem;font-size:1rem;text-decoration:none;text-transform:uppercase;display:inline-block;border-radius:50px;background:var(--brown-light); }
.price-cat.active { background:var(--white);color:var(--brown); }
.price-cat:not(.active):hover { background:var(--pink);color:var(--brown); }

.pricing-block { margin-top:2rem;display:flex;gap:2rem;justify-content:center;flex-wrap:wrap; }

.price-list { flex:1 1 30%;border-top:1px solid rgba(255,255,255,0.3);max-width:450px; }
.price-list .price-list-item  { display:flex;justify-content:space-between;padding:0.5rem 1rem;text-decoration:none;color:var(--white);border-bottom:1px solid rgba(255,255,255,0.3);column-gap:1rem; }
.price-list .price-list-item span:last-child { white-space:nowrap;flex:0 0 75px; }
.price-list .price-list-item:hover { background:rgba(255,255,255,0.1); }
.price-list .price-list-item.active { background:var(--white);color:var(--brown); }

.price-blocks { flex:1 1 50%;max-width:450px; }
.price-name { text-transform:uppercase;font-size:1.125rem;letter-spacing:0.05625rem;line-height:115%;font-weight:700; }
.price-selector { margin-bottom:2rem; display:flex;border-radius:500px;overflow:hidden;border:2px solid var(--brown);justify-content:space-evenly;align-items:center; }
.price-selector .price-select { text-align:center;text-decoration:none;padding:1rem 2rem;flex: 1 1 auto;border-right:2px solid var(--brown);color:var(--brown); }
.price-selector .price-select:hover { color:var(--white);background:var(--brown-light); }
.price-selector .price-select.active  { background:var(--brown);color:var(--white);pointer-events:none; }
.price-select:last-child { border-right:none; }
.price-block .price { font-size:2rem;font-weight:600;line-height:130%; }

.extra-text { margin-top:2rem; }


.payment-flex { display:flex;flex-wrap:wrap;justify-content:space-between;row-gap:1rem;column-gap:3rem;width:100%; }
.payment-flex > div { flex:1 1 55%; }
.calculator { border-radius:3rem;padding:3rem;width:100%;max-width:500px;text-align:center; flex:1 1 38% !important; }
.calculator span.small-header { text-transform:uppercase;font-weight:700;display:block;letter-spacing:0.05625rem;font-size:1.125rem;margin:0 auto;text-align:center;margin-bottom:1rem; }
.calculator :is(input, select) { text-align:center;appearance:none;text-transform:uppercase;background:transparent;border:1px solid var(--brown);color:var(--brown);font-weight:600;border-radius:150px;padding:0.75rem 2rem;display:block;margin:0 auto; }
.calculator option { appearance:initial;padding:0;text-align:left; }
.calculator select { padding-right:3rem;position:relative; }
.calculator .select-wrapper { position:relative;display:inline-block;margin-bottom:1rem; }
.calculator .select-wrapper::before { content:"";display:block;width:6px;height:6px;border-top:2px solid var(--brown);border-right:2px solid var(--brown);position:absolute;top:0.9rem;right:1rem;transform:rotate(135deg); }
.calculator input::placeholder { color:var(--brown);text-transform:uppercase;  }
.calculator .totalinputwrapper { position:relative;display:block;margin:0 auto;width:auto; }
/*.calculator .totalinputwrapper::before { position:absolute;content:"£";top:0.55rem;left:0.5rem;display:block;color:var(--brown);font-weight:600;width:20px;height:20px; }*/
.calculator span.totalpay { display:block;margin:0 auto;font-size:3rem;font-weight:600;margin-bottom:1rem;display:block;margin:0 auto; }
.calculations { display:block;display:none; }
.error { font-size:0.8rem;color:red;display:none; }

/* Google Reviews */
.google-reviews { margin-bottom:2rem; }
.google-reviews .ti-widget.ti-goog .ti-review-item>.ti-inner { border-radius:25px !important; }


.cky-btn-revisit-wrapper { display:none !important; }

.popup { display: none;position: fixed;top: 50%;left: 50%;transform: translate(-50%, -50%);background: var(--brown);padding: 0rem;box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);z-index: 1000;}
.popup video { width: 100%;height: auto;display:block;max-height:100%; }
.overlay { display: none;position: fixed;top: 0;left: 0;width: 100%;height: 100%;background:#000;opacity:0.8;z-index: 999; }
.popup .close-btn { z-index:1000;transform:translate(50%,-50%);text-decoration:none;background:var(--white);position:absolute;top:0;right:0;display:inline-block;width:30px;height:30px;border-radius:100%;display:flex;align-items:center;justify-content:center; }
.popup .close-btn:hover { background:var(--brown-light);color:var(--white); }


.blog-tags { margin-bottom:1rem; }
.tag-link { background:var(--brown);text-decoration:none;color:var(--white);text-decoration:none;border-radius:150px;display:inline-block;padding:0.25rem 1rem;font-size:0.9rem; }
.tag-link:hover { background:var(--brown-light);color:var(--brown); }

.marquee { width: 100%; overflow: hidden; white-space: nowrap; box-sizing: border-box;position:relative; } 
.marquee::before, .marquee::after { z-index:10;display:block;content:"";width:30px;height:100%;position:absolute;top:0;right:0;background:linear-gradient(90deg, transparent, var(--pink)); }
.marquee::before { right:auto;left:0;background:linear-gradient(90deg, var(--pink), transparent); }
.marquee span { display:inline-block; }
.marquee span.scroll-text { display: inline-block; padding-left: 100%; animation: marquee 25s linear infinite; } 
.marquee p { margin:0; }
@keyframes marquee { 0% { transform: translateX(0%); } 100% { transform: translateX(-100%); } }

.logo-holder { display:flex;align-items:center; }
.logo-tag { height:60px;display:inline-block;margin-left:1rem; }


#searchform { margin-top:clamp(-1rem,5vw,-3rem);margin-bottom:3rem; } 
#searchform input { border-radius:100rem;border:1px solid var(--brown);padding:0.8rem 1.4rem; }
#searchform input[type="text"] { border-top-right-radius:0px;border-bottom-right-radius:0px;border-right:0px; }
#searchform input[type="submit"] { background:var(--brown);color:var(--white);border-bottom-left-radius:0px;border-top-left-radius:0px;border-left:0px;margin-left:-3px; }
#searchform input[type="submit"]:hover { background:var(--black); }


@media(max-width:1200px){
	.slick-next, .slick-prev { left:3rem;right:auto; }
	.slick-next { left:auto;right:3rem;}
}

@media(max-width:991px){
	.footer-grid { justify-content:space-around; }
}


@media(min-width:769px){
	#navmenu { display:inline-block !important; }
	.mobile-book-now { display:none; }
}

/* Tablet Size */
@media(max-width:768px){

	:root{
		--header-nav-padding:30px;
	}

	/* Move this to it's own query if it needs to break down earlier */
		.mobile-toggle { display:inline-block; }
		#navmenu,.topnav-menu { display:none; }
		#navmenu .menu li  { display:inline-block;width:100%;padding:0; }
		#navmenu .menu a   { display:inline-block;width:100%;padding:10px; }
		#navmenu .sub-menu { display: none;width:100%;position:static; }
		#navmenu .menu li:hover .sub-menu { display:none; }
		#hidden-mobile-nav, .nav-flex  { display:inline-block;width:100%; }
		nav { position:static;padding-top:15px;padding-bottom:15px;background:var(--white); }
		#navmenu .menu { display:inline-block; }
		#navmenu .menu li.nav-button { display:none; }
		.menu-main-nav-container { padding-top:15px; }
		.mobile-book-now { background:var(--brown);color:var(--white);padding:15px var(--side-padding);position:fixed;bottom:0;left:0;width:100%;display:inline-block;text-transform:uppercase;text-align:center;text-decoration:none;z-index:999; }
	body { padding-top:54px; }
		#topnav { background:var(--brown);padding:1rem 0;position:fixed;top:0;left:0;width:100%;z-index:999; }
		#topnav span { color:var(--white);font-size:0.9rem; }
		.topnav-flex a { color:var(--white) !important; }
	/* ---------------------- */

	.c-table-row { font-size:1rem; }
	.c-table-icon { width:30px;height:30px; }
	.c-table-icon::after { width:15px;height:15px; }


}

@media(max-width:600px){
	:root{
		--side-padding:1rem;
	}

	.treatment-slider { margin-bottom:3rem; }
	.header-image { min-width:1px;max-width:100%; }

	.header.wavy { margin-bottom:-3rem; }
	.header-text { padding:0rem 0; }
	.logo { width:140px; }
	.testimonial-name { margin-bottom:0; }
	.slick-dots  { margin-top:1.5rem; }
	.home-cta .cta-text { padding:0rem 0 2rem; }
	p, ul, ol { font-size:1rem; }
	.results-slider, .video-review-slider { margin-bottom:2rem; }
	.faq-filter a { font-size:0.7rem; }
	.question-tags { display:none; }
	.contact-icon { font-size:1.125rem; }
	.slick-next, .slick-prev { left:2rem;right:2rem;top:auto;bottom:-3rem;border-top:2px solid var(--brown);border-right:2px solid var(--brown); }
	.slick-next { left:auto; }
}


/* Mobile Size */
@media(max-width:560px){


}