:root {
    --h1: ;
    --h2: 19px;
    --h3: ;
    --h4: ;
    --h5: ;
    --h6: ;
    --body: 14px;
	--small: 12px;
	--heading: 19px;
	--bg: #D8E1E2;
	--dark: #363D4B;
	--light: #A7BDD6;
	--xs: 10px;
	--s: 20px;
	--m: 30px;
	--l: 40px;
	--xl: 60px;
	--outfit: "Outfit", sans-serif;
	--sans: "Outfit", sans-serif;
	--newsreader: "Newsreader", serif;
	--serif: "Newsreader", serif;
}

.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl {
    width: 100%;
    padding-right: 20px;
    padding-left: 20px;
    margin-right: auto;
    margin-left: auto;
}
.row {
    display: -ms-flexbox;
    display: flex
;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -20px;
    margin-left: -20px;
}
.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {
    position: relative;
    width: 100%;
    padding-right: 20px;
    padding-left: 20px;
}

/* Define a transition duration during page visits */
html.is-changing .transition-fade {
  transition: opacity 0.15s;
  opacity: 1;
}
/* Define the styles for the unloaded pages */
html.is-animating .transition-fade {
  opacity: 0;
}

html.is-animating .transition-fade-nav .nav-link::before {
	opacity: 0;
  transition: opacity 0.15s;
}

/* TYPOGRAPHY */
.outfit, .sans {
  font-family: "Outfit", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
}
.newsreader, .serif {
  font-family: "Newsreader", serif;
  font-optical-sizing: auto;
  font-style: normal;
}
body, html {
	background: #D8E1E2;
  font-family: "Newsreader", serif;
    font-size: var(--body);
    line-height: 1.25em;
	letter-spacing: -0.005em;
	color: var(--dark);
	    -webkit-font-smoothing: antialiased;
}
p {
	margin-bottom: 1.25em;
}
p:last-child {
	margin-bottom: 0;
}
h1, .h1 {
    font-size: var(--h1);
    line-height: ;
}
h2, .h2 {
	font-family: var(--sans);
    font-size: var(--h2);
    line-height: 1.2em;
	letter-spacing:0.1em;
	text-transform: uppercase;
	margin-bottom: calc(var(--l) - 4px);
}
h3, .h3 {
    font-size: var(--h3);
    line-height: ;
}
h4, .h4 {
    font-size: var(--h4);
    line-height: ;
}
h5, .h5 {
    font-size: var(--h5);
    line-height: ;
/* Outfit Small CAP */
font-family: 'Outfit';
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 120%;
/* or 17px */
/* leading-trim and text-edge are draft CSS properties.

Read more: https://drafts.csswg.org/css-inline-3/#leading-trim
*/
leading-trim: both;
text-edge: cap;
letter-spacing: 0.1em;
text-transform: uppercase;
margin-bottom: 20px;
color: #353D4B;


/* Inside auto layout */
flex: none;
order: 0;
flex-grow: 0;

}
h6, .h6 {
    font-size: var(--h6);
    line-height: ;
}
small, .small {
    font-size: var(--small);
    line-height: 1em;
	letter-spacing:: 0.1em;
}
.elementor-button, .btn.btn-default {
    font-size: ;
    line-height: ;
}

.mb-l {margin-bottom: var(--l);}
/* END TYPOGRAPHY */

/* HEADER */

#logo {
	padding: 20px;
	position: fixed;
	z-index: 999;
	transition: all .5s ease-in-out;
}

body.home #logo {
	top: 0;
	left: 0;
	width: 100%;
	max-width: 100%;
}
body:not(.home) #logo {
	top: calc(50% - 42px);
	xtransform: translateY(-50%);
	width: 25%;
	max-width: 240px;
}

#nav {
	position: fixed;
	top: 50%;
	left: 20px;
	transform: translateY(-50%);
	z-index: 999;
	font-size: var(--small);
	text-transform: uppercase;
	font-family: var(--outfit);
	line-height: 1em;
}
#nav li {
	margin-bottom: 20px;
}

body.home footer {
	xdisplay: none;
}
body:not(.home) footer {
	xdisplay: block;
}

body.home #nav, body.home #landing {
	opacity: 1;
	visibility: visible;
	transition: all .5s ease;
}
body:not(.home) #nav, body:not(.home) #landing {
	opacity: 0;
	visibility: hidden;
	transition: all .5s ease;
}
body.home #nav-sub {
	opacity: 0;
	visibility: hidden;
	transition: all .5s ease;
}
body:not(.home) #nav-sub {
	opacity: 1;
	visibility: visible;
	transition: all .5s ease;
}

#nav-sub {
	position: fixed;
	width: 100%;
	top: 0;
	left: 0;
	z-index: 998;
	font-size: var(--small);
	text-transform: uppercase;
	font-family: var(--outfit);
	line-height: 1em;
	transition: all .3s ease;
}
.scrolled #nav-sub {
	background: #d8e1e2f7;
    box-shadow: 0 0 15px 0 #353d4b17;
	transition: all .3s ease;
	backdrop-filter: blur(5px);
}
.nav ul, .nav li {
	margin: 0;
	padding: 0;
}
#nav-sub ul {
	margin-top: 28px;margin-bottom: 28px;
}
#nav-sub li {
	margin-right: 40px;
}
.nav li a {
	padding: 3px 5px !important;    display: inline-block;
}
.nav-link, .highlight {
	position: relative;
	cursor: pointer;
}
.nav-link::before {
	content: '';
	width: 0%;
	height: 100%;
	background: var(--light);
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
	transition: all .5s ease;
}
.highlight::before {
	content: '';
	width: 0%;
	height: 100%;
	background: var(--light);
	position: absolute;
	top: 0;
	left: 0;
	z-index: 0;
	transition: all .5s ease;
}
.nav-link:hover::before, #nav-sub .current-menu-item .nav-link::before, .highlight:hover::before {
	width: 100%;
	transition: all .5s ease;
}

.highlight {
	padding: 3px 5px;    line-height: 1em;
    display: block;
}
.highlight span {z-index: 1;position: relative;}

.book {
/* btnBook */
/* book a consultation */

font-family: 'Outfit';
font-style: normal;
font-weight: 400;
font-size: 12px;
line-height: 120%;
/* or 14px */
display: flex;
align-items: center;
letter-spacing: 0.1em;
text-transform: uppercase;

color: #353D4B;

/* Auto layout */
padding: 10px;

background: rgba(214, 214, 214, 0.3);
box-shadow: 0px 1006.69px 281.314px rgba(0, 0, 0, 0.05), 0px 644px 258.065px rgba(0, 0, 0, 0.05), 0px 362.686px 218.542px rgba(0, 0, 0, 0.05), 0px 160.419px 160.419px rgba(0, 0, 0, 0.2), 0px 39.5235px 88.3466px rgba(0, 0, 0, 0.1);
backdrop-filter: blur(20.9242px);
/* Note: backdrop-filter has minimal browser support */
border-radius: 40px;
margin-top: 20px;
    display: inline-block;

}

body {
  background: #D7DFE0;
}

.outer-btn {
  
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f2f2f2+0,818181+44,ffffff+100 */
background: linear-gradient(to bottom,  rgba(242,242,242,1) 0%,rgba(129,129,129,1) 43%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
xbackground: red;

  width: auto;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: 2px;
  border-radius: 40px;
  height: 34px;
  cursor: pointer;
}
.inner-btn {
  background: #DADFE0 url('https://journey-aesthetics.com/wp-content/themes/wp/img/noise-btn.png') no-repeat center center;
  background-size: cover;
  width: calc(100% - 0px);
  height: calc(100% - 0px);
  padding: 0 20px;
  border-radius: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all .3s ease;
  position: relative;
}

.outer-btn:hover .inner-btn {
	    background: #DADFE0 radial-gradient(ellipse at center, rgba(167, 189, 214, 1) 60%, rgba(255, 255, 255, 0) 100%);
  transition: all .3s ease;
}
.outer-btn .inner-btn::before {
	content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 0;
    background: #DADFE0 url(https://journey-aesthetics.com/wp-content/themes/wp/img/noise-btn-h.png) no-repeat center center;
    background-size: cover;
    mix-blend-mode: soft-light;
    border-radius: 40px;
	opacity: 0;
}
.outer-btn:hover .inner-btn::before {
	opacity: 1;
}
.inner-btn > div {
	z-index: 1;
}

/* END HEADER */

/* CONTENT */
a, a:hover {
	color: inherit;
}

#landing {
	position: fixed;
	width: 100%;
	height: 100vh;
	xbackground: url('https://journey-aesthetics.com/wp-content/uploads/2025/11/Video-BG.gif') no-repeat center center;
	background-size: cover;
	z-index: 1;
}
#myVideo {
  position: fixed;
  right: 0;
  bottom: 0;
  min-width: 100%;
  min-height: 100%;
	    width: 100%;
    height: 100%;
    object-fit: cover;

}
.section {
	padding-top: 115px;  padding-bottom: var(--xl);
}

.w-66 {
	width: 66.666%;
}

.img-blur {
	position: relative;    
    display: inline-block;
	overflow:hidden;
transition: all .5s ease;
}
.img-blur img {
transition: all .5s ease;
}
.img-blur img.blurred-img {
	filter: blur(25px);
	opacity: 0;
	left: 0;top: 0;
transition: all .5s ease;
	position: absolute;
}
.img-blur:hover img.blurred-img {
	filter: blur(20px);
	opacity: 1;
transition: all .5s ease;
}
.img-blur:hover img {
	filter: blur(20px);
	opacity: 1;
transition: all .5s ease;
}
.page-id-8 .img-blur:hover img {
	filter: blur(20px) saturate(2);
	opacity: 1;
transition: all .5s ease;
}
.img-blur::before {
	content: '';
	        xbackground-color: rgba(255, 255, 255, 0.5); /* Semi-transparent background */
        xbackdrop-filter: blur(20px); /* Blurs the content behind .my-overlay */
        x-webkit-backdrop-filter: blur(20px); /* Blurs the content behind .my-overlay */
position: absolute;
toP: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1;
opacity: 0;
background: linear-gradient(62.42deg, rgba(255, 255, 255, 0.1) 20.61%, rgba(255, 255, 255, 0) 82.27%); filter: drop-shadow(2px 4px 30px rgba(0, 0, 0, 0.1)); 
 background-image: url(data:image/png;base64,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);  
 xbackground: url('img/noise.png') repeat center center;
 background-size: auto;
transition: all .5s ease;
    xmix-blend-mode: color-burn;
	-webkit-backface-visibility: visible;
transform: translate3d(0,0,0);

}
.img-blur:hover::before {
	opacity: 1;
transition: all .5s ease;
}

.treatment-detail-img.img-blur::before {
	width: calc(100% - 20px);
}

.sub-no {
	/* 1.1 */

width: 25 px !important;

font-family: 'Outfit';
font-style: normal;
font-weight: 400;
font-size: 12px;
line-height: 120%;
/* or 14px */
/* leading-trim and text-edge are draft CSS properties.

Read more: https://drafts.csswg.org/css-inline-3/#leading-trim
*/
leading-trim: both;
text-edge: cap;
letter-spacing: 0.1em;
text-transform: uppercase;

color: #353D4B;


/* Inside auto layout */
flex: none;
order: 0;
flex-grow: 0;

}

.treatment hr {
	border-color: var(--dark);
	margin-top: 0;
	margin-bottom: 10px;
	border-width: 0.5px;
}
.treatment h6 {
	margin-bottom: 5px;
	font-size: 500;
}
.treatment-sub {
	padding-bottom: 10px;
}
.treatment-detail {
	margin-left: 36px;
	margin-bottom: 25px;
	display: none;
	margin-top: 18px !important;
	min-height: 167px;
}
.treatment-detail:last-child {
	xmargin-bottom: 0;
}
.treatment-sub, .treatment-summary {
	display: none;
}
.treatment:hover .treatment-sub, .treatment:hover .treatment-summary {
	xdisplay: block;
}
.treatment-summary {
	position: relative;
}
.treatment-detail-img {
	display: none;
	position: absolute;
	z-index: 1;
	top: 0;
	width: calc(100% - 20px);
	padding-top: 5px;
	padding-bottom: 0px;
	max-height: 100%;
    object-fit: contain;
    height: calc(100% - 30px);
	background-color: #D7DFE0;
	overflow: hidden;
}
.treatment-detail-img img {
	    object-fit: contain;
		object-position: left top;
    height: 100%;
	background-color: #D7DFE0;
	xwidth: 14vw;
}

.treatment-detail-img .img-blur {
	xheight: 100%;
}

.contact-subject {
	/* General Enquiry */
border: 0.5px solid var(--dark);
padding: 10px;
padding-bottom: 0;
/* Details */
font-family: 'Outfit';
font-style: normal;
font-weight: 400;
font-size: 12px;
line-height: 120%;
letter-spacing: 0.1em;
text-transform: uppercase;

color: #353D4B;

}
.subject-title {
	margin-bottom: 30px;
	position: relative;
}
.subject-title::before {
	content: '';
	position: absolute;
	right: 0px;
	top: 1px;
	background: url('data:image/svg+xml,<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.94165 11V-1.06771e-07" stroke="%23353D4B" stroke-width="1.25"/><path d="M11.442 5.5L5.94196 11L0.441955 5.5" stroke="%23353D4B" stroke-width="1.25"/></svg>') no-repeat center center;
	width: 12px;
	height: 12px;
}
.subject {
	border-top: 0.5px solid var(--dark);
	padding-top: 10px;
	padding-bottom: 20px;
}
.subject:last-child {
	padding-bottom: 30px;
}
.subject-others {display: none;}
.subject.active {
	display: none;
}
.wpcf7 .hidden {
	display: none;
}
.wpcf7-submit {
	text-transform: uppercase;
    padding: 0;
    text-decoration: none;
    border-bottom: none !important;
	    line-height: 120%;
    display: flex
;
	padding: 0 !important;
    align-items: center;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: #353D4B;
}
.xwpcf7-spinner {
	position: absolute;display: none;
}
.home .swup-transition-overlay {
	opacity: 0 !important;
}

footer, form input, form textarea, form, #nav, #nav-sub {
	letter-spacing: 0.1em;
}

::placeholder {
  color: var(--dark);
  opacity: 1; /* Firefox */
}

::-ms-input-placeholder { /* Edge 12 -18 */
  color: var(--dark);
}

.wpcf7 input[type="submit"] {
	font-weight: 400 !important;
}

.page-id-8 p, .page-id-24 p {
	text-wrap: pretty
}
.page-id-8 .section li, .page-id-8 .section ul {
	padding: 0;
	margin: 0;
	list-style-type: none
}
.page-id-8 .section li {
	border-top: 1px solid var(--dark);
	padding-top: 6px;
	margin-top: var(--xs);
	text-wrap: pretty;
}

/* END CONTENT */

/* FOOTER */
body {
  display: flex;
  flex-direction: column;
  min-height: 100vh; /* or 100dvh for modern browsers */
}

main { /* or your main content container */
  flex-grow: 1;
}

footer {
	position: sticky;
	position: fixed;
	width: 100%;
	margin-bottom: 20px;
	margin-top: 20px;
	bottom: -20px;
	bottom: 0;
	z-index: 1;
}

iframe { 
  -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
  filter: grayscale(100%);
}

.gap-10 {
	gap: 10px;
}
.gap-20 {
	gap: 20px;
}

.treatment small {
	width: 10px;
}
.treatment-detail-name small.sub-no {
	width: 20px !important;
	padding-top: 3px;
}

.medium {
	font-weight: 500;
}

/* END FOOTER */

.wpcf7 input, .wpcf7 label, .wpcf7 textarea {
	width: 100%;
	margin-bottom: 0;
}
.wpcf7 input, textarea {
	font-size: 12px;
	border: none;
	padding-bottom: 5px;
	background: transparent;
	font-family: var(--sans);
	color: var(--dark);
	border-bottom: 0.5px solid var(--dark);
	outline: 0;
}
.wpcf7 .row {
	margin-bottom: 40px;
}
.wpcf7 textarea {
	height: 4em;resize: none;
}
.wpcf7 input[type="submit"] {
	width: auto;
}

.mb-5px {
	margin-bottom: 5px;
}
.mb-10, .mb-xs{
	margin-bottom: var(--xs);
}
.mb-20, .mb-s {
	margin-bottom: var(--s);
}
.mb-60, .mb-xl {
	margin-bottom: var(--xl);
}

#preloader{position:fixed;top:0;left:0;right:0;bottom:0;background:#D7DFE0;z-index:9999;color: #fff;}

#mobile-menu, #hamburger {
	display: none;
}
.treatment-detail-img-mobile {
	display: none;
}

@media (max-width: 991.98px) {
	body {
    min-height: 100dvh;
}
	.mmb-0 {
		margin-bottom: 0;
	}
	.mpb-40 {
		margin-bottom: 40px;
	}
	.mpb-60 {
		margin-bottom: 60px;
	}
	.treatment-detail-img-mobile {
		display: block;
	}
	.section {
    padding-top: 110px;
    padding-bottom: var(--xl);
}
	#nav-sub .navbar-nav {
		display: none;
	}
	#logo {
    padding: 23px 20px;
    position: fixed;
    z-index: 999;
    transition: all .5s ease-in-out;
}
	body:not(.home) #logo {
		top: 0;
		height: 60px;
		width: 135px;
	}
	.inner-btn {
		padding: 0 10px;
	}
	.outer-btn {
		height: 30px;   
	}
	#nav-sub .outer-btn {
 margin-right: 45px;
	}
	#nav-sub {
		height: 60px;
	}
	#hamburger {
		display: block;
		position: fixed;
		top: 0;
		right: 0;
		padding: 24px 20px;
		z-index: 999;
		opacity: 0;
		transition: all .5s ease;
	}
	#mobile-menu {
		display: none;
		position: fixed;
		width: 100%;
		height: 100dvh;
		background: var(--light);
		z-index: 999;
		font-family: var(--sans);
		text-transform: uppercase;
		letter-spacing: 0.1em;
		padding: 20px;
		padding-top: calc(20px - 0.5rem);
	}
	body:not(.home) #hamburger {
		opacity: 1;
		transition: all .5s ease;
	}
	#mobile-menu .nav-link {
		color: #000;
	}
	#mobile-menu-x {
		position: absolute;
		top: 0;
		right: 0;
		padding: 20px;
	}
	#mobile-footer {
		position: absolute;
		bottom: 20px;
		width: calc(100% - 40px);
	}

	#map {
		height: 225px;
	}

	.contact-subject {
		width: 60%;
		margin-bottom: 40px;
	}

	.treatment small {
    width: 20px;
}
	.treatment-detail-img {
		display: none !important;
	}
	.treatment-summary {
    position: relative;
    padding-left: 55px;
	margin-bottom: 25px;
}
	
	#mobile-footer img {
		max-height: calc(100dvh - 300px);
		object-fit: cover;
		aspect-ratio: 3/2;
	}

	input, textarea {
		  -webkit-appearance: none; /* Removes default Safari styling */
  border-radius: 0; /* Removes any rounded corners */

	}

	footer {
	position: sticky;
	width: 100%;
	bottom: -20px;
	z-index: 1;
}

}

/* start tablets only portrait */
@media (min-width: 768px) and (max-width: 991.98px) {
	.page-id-8 .w-66, .treatment-detail-img-mobile img {
		width: 33.333% !important;
	}
	.contact-subject {
        width: calc(50% - 20px);
        margin-bottom: 40px;
    }
	.treatment-summary {
    position: relative;
} 
}

@media (min-width: 992px) and (max-width: 1200px) {
	.treatment-summary {
    position: relative;
	padding-right: 20px !important;
	padding-left: 0 !important;
} 
}
/* end tablets only portrait */

.outer-btn .inner-btn::before {
	pointer-events: none;
}
.wpcf7 form .wpcf7-response-output {
    margin: 2em 0em 1em;
    padding: 0.2em 1em;
    border: 1px solid var(--dark);
}
.wpcf7 form.sent .wpcf7-response-output {
    border-color: var(--dark);
}
.wpcf7-spinner {
    position: absolute;
    /* display: none; */
    right: -40px;
    margin: 0;
}
.wpcf7-not-valid-tip {
    color: #dc3232;
    font-size: 12px;
    font-weight: normal;
    display: block;
    margin-top: 1px;
    position: absolute;
}