/*
Theme Name: Kent Eye Centre
Theme URI: https://www.kenteyecentre.co.uk/
Author: Fruitbowl Media Ltd
Author URI: https://fruitbowlmedia.com
Description: Bespoke Parent Theme for Kent Eye Centre, New Hayesbank Eye Clinic, Cemetery Lane, Kennington, Ashford, TN24 9JZ
Version: 1.0
*/

@-webkit-viewport{width:device-width;}
@-moz-viewport{width:device-width;}
@-ms-viewport{width:device-width;}
@-o-viewport{width:device-width;}
@viewport{width:device-width;}

@charset "UTF-8";

@media (min-width: 768px) {
	.container {
		width: 768px;
	}
}
@media (min-width: 992px) {
	.container {
		width: 992px;
	}
}
@media (min-width: 1200px) {
	.container {
		width: 1200px;
	}
}
@media (min-width: 1400px) {
	.container {
		width: 1400px;
	}
}
@media (min-width: 1600px) {
	.container {
		width: 1400px;
	}
}

/** GENERAL SETUP **/
:root {
	/* --heading-font: Verdana, Geneva, sans-serif;
	--body-font: Tahoma, "Trebuchet MS", sans-serif; */
	
	/* --heading-font: "Roboto Condensed", Verdana, Geneva, sans-serif; */
	--heading-font: "Playfair Display", serif;
	--body-font: "Montserrat", sans-serif;
	
	--white: #FFFFFF;
	--white-dk: #f6f6f6;	
	--black: #111111;	
	--black-muted: #707070;	
	--grey:	#878787;
	/** Secondary Accents **/
	--gold: #d5c785;
	--blue: #6aabe7;
	/* --gold: #c0a161; */
	
	--animate-slow: 	all 1.0s ease;
	--animate: 			all 0.3s ease;
	--animate-fast: 	all 0.15s ease;
	--animate-super: 	all 0.05s linear;
	--animate-btn:		all 0.15s ease, background 0.3s ease;
	
	--shadow: 		0 .25em 30px 0 rgba(0,0,30,.2);
	--shadow-dk: 	0 .5em 30px 0 rgba(0,0,30,.3);
	
	--vertical-lift: -0.3rem;
	--radius: 999px;	
	--radius-sm: 25px;
	--border-width: 2px;
}

* {
	box-sizing: border-box;
}

html, body {
	font-size: 16px;
	background: var(--white-dk);
	color: var(--black);
	font-family: var(--body-font) !important;
	line-height: 1.6em;
	font-weight: normal;
	overflow: visible;

}
html {
	scroll-behavior: smooth;
	margin-top: 0 !important;
}
b, strong {
	font-weight: 700;
}
hr {
	margin: 0;
	padding: 0;
	border-bottom: var(--border-width) solid var(--grey);
}
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
	text-wrap: balance;
}
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6,
blockquote p {
	font-weight: normal;
	margin-top: 0;
	margin-bottom: .5em;
	line-height: 1.2;
	font-family: var(--heading-font);
}
h1, .h1 {
	font-size: 3rem;
	font-weight: 600;
}
h2, .h2 {
	font-size: 2.4rem;
	font-weight: 400;
}
h3, .h3 {
	font-size: 2rem;
}
@media(max-width: 767px) {
	.size-fullscreen h1, .size-fullscreen .h1 {
		font-size: 3rem;
	}
	h1, .h1 {
		font-size: 3rem;
	}
	h2, .h2 {
		font-size: 2.25rem;
	}
	h3, .h3 {
		font-size: 1.57rem;
	}
}
h4, .h4 {
	font-size: 1.5rem;
}
h5, .h5,
h6, .h6 {
	font-size: 1.25em;
	line-height: 1.5em !important;
}
p, ul, ol, li, blockquote, q, pre, code, cite {
	font-size: 1em;
	line-height: 1.7 !important;
	margin-bottom: 1em;
	font-weight: 300;
	font-style: normal;
}
.light {
	color: var(--black-muted);
}
.align-center {
	text-align: center;
}
.no-margin-bottom {
	margin-bottom: 0;
}

.btn {
	text-transform: uppercase;
	font-weight: bold;
	margin-top: 1rem;
}


.btn.btn-primary {
	background-color: var(--blue); 
	border-radius: var(--radius);
	border: none;
	padding: 12px 25px;	
	-webkit-transition: var(--animate-fast);
	-moz-transition: var(--animate-fast);
	transition: var(--animate-fast);
}

.btn.btn-secondary {
	background-color: #7c8196;
	color: white;
	border-radius: var(--radius);
	border: none;
	padding: 12px 25px;	
	-webkit-transition: var(--animate-fast);
	-moz-transition: var(--animate-fast);
	transition: var(--animate-fast);
	
}

.btn-white {
	background: white;
	color: black;
	border-radius: var(--radius);
	border: none;
	padding: 12px 25px;	
	-webkit-transition: var(--animate-fast);
	-moz-transition: var(--animate-fast);
	transition: var(--animate-fast);
	
}

.btn-outline {
	background: transparent;
	border: 1px solid white;
	padding: 12px 25px;	
	border-radius: var(--radius);
	-webkit-transition: var(--animate-fast);
	-moz-transition: var(--animate-fast);
	transition: var(--animate-fast);
}

.btn.btn-primary:hover,
.btn.btn-primary:active,
.btn.btn-primary:focus,
.btn.btn-secondary:hover,
.btn.btn-secondary:active,
.btn.btn-secondary:focus {
	opacity: 0.8;	
	-webkit-transition: var(--animate-fast);
	-moz-transition: var(--animate-fast);
	transition: var(--animate-fast);
}

.btn.btn-lg {
	padding: 18px 40px;
}

.btn + .btn {
  margin-left: 10px;
}

@media(min-width: 992px) {
	.flex {
		display: flex;
		display: -webkit-flex;
	}
	.flex > * {
		flex: 1 auto;
		-webkit-flex: 1 auto;
	}
}
.flex-column {
	display: flex;
	display: -webkit-flex;	
	flex-direction: row;
	-webkit-flex-direction: row;	
	justify-content: space-between;
	align-items: center;
}

.row .flex-column .item img {
	border-radius: var(--radius);
}
.row:nth-of-type(3n+0) .flex-column .item img {
	
}
.row:nth-of-type(3n+1) .flex-column .item img {
	
}
.row:nth-of-type(3n+2) .flex-column .item img {
	
}


.row .flex-column .item > figure > img {
	-webkit-mask: unset !important;
	mask: unset !important;
	-webkit-mask-image: unset !important;
	mask-image: unset !important;
}
.flex-column .item {
	flex: 1;
	-webkit-flex: 1;
	position: relative;
}
@media(min-width: 992px) {
	.flex-column .item {
		margin-right: 3rem;
		padding-right: 3rem;
	}
	.flex-column .item.has-whitespace-padding {
		padding-top: 3rem !important;
		padding-bottom: 3rem !important;
	}
	/* .flex-column .item:last-child {
		padding-left: 3rem;
	} */
	.flex-column .item img {
		display: block;
		/* position: absolute; */
		width: 100% !important;
		height: 100% !important;
		min-width: 100% !important;
		min-height: 100% !important;
		object-fit: cover;
		/* top: 0;
		bottom: 0;
		left: 50%;
		transform: translateX(-50%); */
	}
	.hero .flex-column .item img {
		min-width: auto !important;
		min-height: auto !important;
		height: auto !important;
		width: min(100%, 30rem)!important;
	}
	.flex-column-bordered .item {
		border-right: var(--border-width) solid var(--white-dk);
	}
}
@media(max-width: 991px) {
	.flex-column {
		flex-direction: column;
		-webkit-flex-direction: column;
	}
	.flex-column.flex-reverse-mobile {
		flex-direction: column-reverse;
		-webkit-flex-direction: column-reverse;
	}
	.flex-column .item img {
		display: block;
		width: 100%;
		height: auto;
	}
	.flex-column .item {
		flex: 1;
		-webkit-flex: 1;
		
		padding-bottom: 2rem;
		margin-bottom: 2rem;
	}
	.flex-column-bordered .item {
		border-bottom: var(--border-width) solid var(--white-dk);
	}
}
.flex-column .item:last-child {
	border-right: none;
	border-bottom: none;
	margin-right: 0;
	padding-right: 0;
}
.flex-column .item >*:last-child {
	margin-bottom: 0;
}


/* Header */

/* #primary-nav:not(.scrolled) {
	background: transparent;
	color: white;
} */

#primary-nav {
	padding: 20px 0;
	background: white;
}
#primary-nav #brand img {
	width: min(100%, 250px);
}

/* Nav */

ul.menu {
	list-style: none;
	padding: 0;
	margin: 0;
	display: block;
}
ul.menu li {
	display: block;
	float: left;
	padding: 0;
	margin: 0;
}
ul.menu li a {
	display: block;
}
.waypoint {
	/* Must have negative top == or > that nav height */
	position: relative;
	top: -webkit-calc(-1 * (5rem + 3rem)); /* minus (nav.height + row.margin.top) */
	top: calc(-1 * (5rem + 3rem)); /* minus (nav.height + row.margin.top) */
	height: 0;
}
nav {
	display: block;
	position: sticky;
	top: 0;
	left: 0;
	right: 0;
	height: auto;
	z-index: 9999;
	padding: 0;	
	-webkit-transition: var(--animate-fast);
	-moz-transition: var(--animate-fast);
	transition: var(--animate-fast);
}
nav.scrolled,
nav.open {
	background: var(--white-dk);
	box-shadow: var(--shadow-dk);
	-webkit-box-shadow: var(--shadow-dk);
}

/** Scroll Indicator **/
nav .scroll-indicator {
	position: absolute;
	display: block;
	height: 2px;
	left: 0;
	right: 0;
	bottom: 0;
	background: transparent;
}
nav .scroll-indicator > .scroll {
	position: absolute;
	display: block;
	height: inherit;
	left: -100%; /* starting position */
	width: 100%;
	background: var(--blue);
}
nav a#brand,
nav .menu-cta-container {
	display: block;
	height: 2rem;
	width: auto;
	margin: 1rem 0;
}
@media(min-width: 992px) {
	nav a#brand,
	nav .menu-cta-container {
		/* height: 2.5rem; */
		height: auto;
		width: auto;
		margin: .75rem 0;
	}
}
/** MAIN MENU **/
ul.menu,
ul.menu li,
ul.menu li a {
	font-family: var(--body-font) !important;
}
ul.menu.main-menu {
	display: block;
	width: 100%;
	font-size: .9em;
}
#primary-nav ul.menu.main-menu {
	margin-top: .4rem;
}
ul.menu.main-menu li {
	float: left;
	padding: 0;
}
html.flexbox ul.menu.main-menu {
	display: flex;
	display: -webkit-flex;	
	justify-content: space-between;
}
html.flexbox ul.menu.main-menu li {
	float: none;
}
ul.menu.main-menu li a:not(.btn) {
	color: var(--black);
	display: inline-block;
	padding: 12px 20px!important;
	margin: 0;
	font-weight: 500;
	font-size: 1rem;
	line-height: 1.1em;
}
ul.menu.main-menu li a:hover,
ul.menu.main-menu li a:focus,
ul.menu.main-menu li a:active {
	text-decoration: none;
	opacity: 0.7;
}
ul.menu.main-menu li a::after {
	background: var(--black);
}
ul.menu.main-menu li a,
ul.menu.main-menu li a small {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
ul.menu.main-menu li a::after,
ul.menu.main-menu li.dropdown a::after {
	left: 0%;
	transform: translateX(0%);
	background: var(--grey-lt);
}
ul.menu.main-menu li.dropdown.open a::after {
	height: var(--border-width);
}
ul.menu.main-menu li.active > a::after,
ul.menu.main-menu li.current-menu-item > a::after,
ul.menu.main-menu li.current-menu-ancestor > a::after,
ul.menu.main-menu li.current-menu-parent > a::after,
ul.menu.main-menu li.active > a::after,
ul.menu.main-menu li.dropdown.active > a::after,
ul.menu.main-menu li.dropdown.current-menu-item > a::after,
ul.menu.main-menu li.dropdown.current-menu-ancestor > a::after,
ul.menu.main-menu li.dropdown.current-menu-parent > a::after {
	height: var(--border-width);
	width: 100%;
	border-radius: var(--border-width);
	background: var(--blue);
}
@media(max-width: 991px){
	#primary-nav ul.menu.main-menu {
		font-size: 1rem !important;
	}
	#primary-nav ul.menu.main-menu li {
		height: auto;
		padding: 0 !important;
		max-height: 9999px;
		margin: 0;
		background: none !important;
	}
	#primary-nav ul.menu.main-menu > li > a:not(.btn) {	
		padding: .5em 0 .5em !important;
		margin-bottom: .25em !important;
		height: auto !important;
		min-height: 1px;
	}
	#primary-nav ul.menu.main-menu > li.btn-below a {
		padding: 15px 20px!important;
		width: 100%;
		text-align: center;
		font-weight: bold;
	}
	#primary-nav ul.menu.main-menu li.menu-cta {
		margin-top: 1em;
	}
}

/** NAV DROPDOWN **/

nav span.caret {
	margin-left: .25em;
	transition: var(--animate-fast);
	transform-style: preserve-3d;
	-webkit-transform-style: preserve-3d;
}
nav .dropdown.open span.caret {
	border-top-color: var(--black) !important;
	transform: rotateX(180deg);
	-webkit-transform: rotateX(180deg);
}
ul.menu.main-menu ul.dropdown-menu {
	background: var(--white);
	/* -webkit-box-shadow: none !important;
	-moz-box-shadow: none !important;
	box-shadow: none !important;	 */
	font-size: 1em;
	padding: 1rem 1.5rem;
	top: 100%;
	bottom: auto;
	margin-top: .5em;
	left: 100% !important;
	border: none !important;
	transform-origin: top center;
	transform: translateX(-50%) scaleY(0) translateY(-15%) !important;
	opacity: 0 !important;
	display: block;
	transition: var(--animate-fast);	
	pointer-events: none !important;
}
ul.menu.main-menu .dropdown.open ul.dropdown-menu {
	transition: var(--animate-fast);	
	transform: translateX(-50%) scaleY(1) translateY(-0%) !important;
	opacity: 1 !important;	
	pointer-events: all !important;
}
ul.menu.main-menu ul.dropdown-menu > li {
	padding: 0;
	min-width: 150px;
	margin-bottom: .25rem !important;
}
ul.menu.main-menu ul.dropdown-menu > li:last-child {
	margin-bottom: 0 !important;
}
ul.menu.main-menu ul.dropdown-menu li,
ul.menu.main-menu ul.dropdown-menu li a {
	display: inline-block;
	width: auto;
	float: none;
	height: auto;
	line-height: 1em;
	margin-right: 0;
	font-weight: 500 !important;
	transition: var(--animate-fast) !important;
}
ul.menu.main-menu .dropdown ul.dropdown-menu li a {
	padding: 1em 0 !important;
	width: 100%;
	display: block;
}
ul.menu.main-menu ul.dropdown-menu li {
	display: block;
}
ul.menu.main-menu ul.dropdown-menu li a:hover,
ul.menu.main-menu ul.dropdown-menu li a:focus,
ul.menu.main-menu ul.dropdown-menu li a:active {
	background: none !important;
	border: none !important;
}
ul.menu.main-menu ul.dropdown-menu li.current-menu-item a:hover,
ul.menu.main-menu ul.dropdown-menu li.current-menu-item a:focus,
ul.menu.main-menu ul.dropdown-menu li.current-menu-item a:active {
	background: none !important;
	border: none !important;
}
@media(max-width: 991px){
	nav {
		overflow: hidden !important;
	}
	ul.menu.main-menu > li > a:not(.btn),
	ul.menu.main-menu .dropdown ul.dropdown-menu li a {
		font-size: 1rem !important;
	}
	ul.menu.main-menu ul.dropdown-menu {
		position: relative !important;
		float: none !important;
		
		top: auto !important;
		left: auto !important;
		font-size: inherit !important;
	}
	ul.menu.main-menu .dropdown:not(.open) ul.dropdown-menu {
		padding-top: 0;
		padding-bottom: 0;
		margin: 0;
		height: 0;		
		transform: none !important;
	}
	ul.menu.main-menu .dropdown.open ul.dropdown-menu {
		height: 100%;
		transform: none !important;
		margin-bottom: 1rem;
		margin-top: 0rem!important;
	}
	ul.menu.main-menu .dropdown ul.dropdown-menu li a {
		padding: .85em 0 !important;
		display: inline-block;
	}
	ul.menu.main-menu .dropdown ul.dropdown-menu::before {
		left: 3rem !important;
	}
	ul.menu.main-menu .dropdown ul.dropdown-menu {
		border-radius: calc(0.5 * var(--radius)) !important;
	}
}

/** MOBILE NAV DEPENDANCY **/

.mobile-menu-container {
	width: 100%;
}
ul.menu.mobile-menu {
	height: 2rem;
	padding: 0;
	margin: 1rem 0;
	display: block;
}
ul.menu.mobile-menu li,
ul.menu.mobile-menu li a {
	height: inherit !important;
	display: block;
}
ul.menu.mobile-menu li a {
	font-size: 2rem;
	text-align: right;
	display: block;
	position: relative;
}
ul.menu.mobile-menu li a::after {
	content: none;
}
.mobile-menu a icon {
	height: 1em;
	width: 1em;
}
.mobile-menu a icon { margin: 0 !important;}
.mobile-menu a icon svg,
.mobile-menu a icon svg * {
	vector-effect: non-scaling-stroke !important;
}
.mobile-menu a:hover icon svg polyline {
	stroke: var(--blue);
}
.mobile-menu a icon {
	display: block;
	position: absolute;
	top: 50%;
	right: 0;	
	transform: scale(0) translateY(-50%) rotate(-45deg);
	-webkit-transform: scale(0) translateY(-50%) rotate(-45deg);
	transition: var(--animate-fast);
	-webkit-transition: var(--animate-fast);	
	transform-origin: center center;
	-webkit-transform-origin: center center;
}
.mobile-menu a icon#to-open {
	transform: scale(0) translateY(-50%) rotate(45deg);
	-webkit-transform: scale(0) translateY(-50%) rotate(45deg);
}
.mobile-menu a[data-action="to-open"] icon#to-open {
	transform: scale(1) translateY(-50%) rotate(0deg);
	-webkit-transform: scale(1) translateY(-50%) rotate(0deg);
}
.mobile-menu a[data-action="to-close"] icon#to-close {
	transform: scale(1) translateY(-50%) rotate(0deg);
	-webkit-transform: scale(1) translateY(-50%) rotate(0deg);
}
@media(max-width:991px) {
	#menu-primary { display: none; margin: 1rem 0;}	
	#menu-primary li a { display: inline-block; }
	ul.menu.main-menu ul.dropdown-menu {
		-webkit-box-shadow: none !important;
		-moz-box-shadow: none !important;
		box-shadow: none !important;	
	}
}

icon {
	width: 1.15em; /* must be equal to line-height */
	height: 1.15em; /* must be equal to line-height */
	line-height: inherit;
	display: inline-block;
	float: none;
	vertical-align: middle;
}
icon > svg {
	display: block !important;
	width: inherit !important;
	height: inherit !important;
}
icon > svg * {
	fill: none !important;
	stroke: var(--grey);
	stroke-width: var(--border-width);
	stroke-linejoin: round !important;
	stroke-linejoin: round !important;
	vector-effect: non-scaling-stroke !important;
}
icon > svg * {
	fill: none;
	stroke-width: -webkit-calc(var(--border-width) * 1);
	stroke-width: calc(var(--border-width) * 1);
}

ul.menu.main-menu li.btn-below a {
	display: inline-block;
	margin-bottom: 0;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	-ms-touch-action: manipulation;
	touch-action: manipulation;
	cursor: pointer;
	border-radius: var(--radius); 
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	color: #fff;
	background-color: var(--blue); 	
}

section {
	padding: 5rem 0;
}

.section-head h2 {
	margin-bottom: 4rem;
}

@media(max-width: 991px) {
	section {
		padding: 2rem 0;
	}
}

/* Homepage Hero */

section.hero {
	position: relative;
	padding: 2rem 0 2rem 0;
	font-size: 1.1em;
	color: var(--black);
	background: #6D7184;
}
/* section.hero * {
	color: white;
} */
section.hero .background-photo {
	background: #6D7184;
	background-position: center center !important;
	background-repeat: no-repeat !important;
	background-size: cover !important;	
	position: absolute;	
	display: block;	
	top: 0;	right: 0; bottom: 0; left: 0;	
	/* margin: 0 15px;
	width: calc(100%-30px);  */
	height: 100%;	
	z-index: 0;		
	overflow: hidden;
	background: #6D7184;
	opacity: 0.5;
}
section.hero > div {
	position: relative;
	z-index: 99;
	padding-top: 6rem;
	padding-bottom: 6rem;
}
section.hero p {
	font-weight: 400;
}
section.hero.hero-small > div {
	padding-top: 1rem;
	padding-bottom: 1rem;
}
@media(max-width: 991px) {
	section.hero {
		padding: 1rem 1rem;
	}	
	section.hero .background-photo { 
		width: 100%;
		margin-left: 0;
		margin-right: 0;
	}
	section.hero > div {
		padding-top: 3rem;
		padding-bottom: 3rem;
	}
	section.hero .hero-content {
		padding: 0 1rem;
	}
}

.white-box  {
	background: white;
	padding: 2rem;
}

/* Homepage Stats */

.stats {
	/* margin-top: -5rem; */
	padding: 2rem 0 2rem;
}
.stats .stat {
	background: white;
	padding: 3rem 1rem;
	/* border-radius: var(--radius-sm); */
	text-align: center;
	/* box-shadow: 0px 20px 30px -20px rgba(5, 5, 5, 0.24);	
	box-shadow: 0px 20px 30px 12px rgba(5, 5, 5, 0.24) */
}
.stats .stat h4 {
	font-weight: 500;
	font-size: 3.5em;
	margin: 0 0 1rem;
	padding: 0;
}
.stats .stat p {
	color: var(--black-muted);
	margin: 0;
	padding: 0;
}
@media(max-width: 991px) {
	.stats .stat {
		margin-bottom: 1rem;
	}
	.stats .stat h4 {
		font-size: 2rem;
	}
	.stats .stat p {
		/* min-height: 2lh; */
		font-size: .8em;
	}
}

p.pill {
	background: #7c8196;
	border-radius: 9999px;
	padding: 10px 20px;
	color: white;
	width: fit-content;
	text-transform: uppercase;
	font-weight: 600;
	margin-bottom: 2rem;
	box-shadow: 0 20px 30px -20px rgba(5, 5, 5, 0.24);
}

.alt:not(.testimonials) p, .alt h1, .alt h2, .alt h3, .alt h4, .alt ul li {
	color: white;
}

.alt p.pill {
	background: white;
	color: #7c8196;
}

.services .service-cards, .page-inner {
	padding: 3rem 0 3rem;
}
.card {
	padding: 2rem 2rem;
	background: white;
	/* border-radius: var(--radius-sm); */
	transition: 0.3s;
	margin: 1rem 0;
	/* border: 1px solid var(--gold); */
	/* box-shadow: 0 20px 30px -20px rgba(5, 5, 5, 0.24); */
}
.services a {
	color: black;
}
.services a:hover .readmore {
	color: var(--blue);
}
.card h3 {
	font-size: 1.5rem;
}
.card .row div {
	min-height: 180px;
	position: relative;
}
.readmore {
	position: absolute;
	bottom: 0;
	margin-bottom: 0;
	transition: 0.3s;
	font-weight: 500;
}

.white {
	background: white;
}

.why, .services {
	background-image: url('assets/img/template/lines.png');
	background-size: cover; 
	background-position: center top;
	background-repeat: no-repeat; 
}

.why ul {
	list-style: none;
	padding-left: 0px;
	margin-top: 2rem;
	margin-bottom: 2rem;
}

.why ul li {
	padding-left: 30px;
	background-image: url('assets/img/template/done-check-blue.png?v=2');
	background-size: 20px 20px;
	background-repeat: no-repeat;
	background-position: left 4px;
}

.why img {
	border-radius: var(--radius-sm);
}

.why .card h3 {
	font-size: 2rem;
	text-align: center;
}

.grid-row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 15px;
}

/* Mobile: stack columns and let height be content-based */
@media (max-width: 767px) {
  .grid-row {
	grid-template-columns: 1fr;
  }
}




.process, .testimonials, .contact-info {
	background: #6D7184;
	background-image: url('assets/img/template/lines-gold.png?v=3');
	background-size: cover; 
	background-position: center center;
	background-repeat: no-repeat; 
}
.process {
	background-size: auto;
}
footer {
	background-image: url('assets/img/template/lines-gold.png?v=3');
	background-size: cover; 
	background-position: right top;
	background-repeat: no-repeat; 
	padding: 3rem 0 3rem;
}

	footer ul.menu-footer {
	list-style: none;
}
footer ul.menu-footer li {
	display: block;
	float: none;
}
footer ul.menu-footer li a {
	color: var(--black-muted);
	padding: 5px 0;
	font-size: 0.9rem;
}
footer h4 {
	font-size: 1.3rem;
}
#footer-social {
	font-size: 12px;
}
#footer-social img {
	width: min(100%, 14rem);
}
#footer-social p {
	margin: 15px 0 0;
	padding: 0;	
}
#footer-contact p {
	color: var(--black-muted);
	padding: 5px 0;
	font-size: 0.9rem;
}
/** SOCIAL MENU **/
ul.menu.social-menu {
	display: block;
	clear: both;
}
ul.menu.social-menu,
ul.menu.social-menu a {
	font-size: 2rem !important;
}
ul.menu.social-menu li {
	margin-right: .3em;
}
ul.menu.social-menu li:last-child {
	margin-right: 0;
}
ul.menu.social-menu li a {
}
ul.menu.social-menu li a icon {
	width: 1em;
	height: 1em;
	margin: 0;
}
ul.menu.social-menu li a::after { content: none !important; }
ul.menu.social-menu li a icon > svg * {
	-webkit-transition: var(--animate-fast);
	-moz-transition: var(--animate-fast);
	-ms-transition: var(--animate-fast);
	transition: var(--animate-fast);
	
	stroke: var(--black);
	stroke-width: 2;
	stroke-linejoin: round !important;
	stroke-linejoin: round !important;
	vector-effect: non-scaling-stroke !important;
}
ul.menu.social-menu li a:hover icon > svg *,
ul.menu.social-menu li a:focus icon > svg *,
ul.menu.social-menu li a:active icon > svg * {
	stroke: var(--blue);
}
@media(max-width: 991px) {
	ul.menu.social-menu a {
		font-size: 2rem !important;
	}
}


/* Testimonials */

.owl-theme .owl-nav.disabled+.owl-dots {
	margin-top: 2rem!important;
	margin-bottom: 2rem!important;
}
.owl-nav {
	margin-top: 2rem!important;
	margin-bottom: 2rem!important;
	color: var(--white);
}
main .owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot {
	font-size: 80px!important;	
	padding: 0 20px!important;
}
.owl-theme .owl-nav [class*=owl-]:hover {
	background: none!important;
	color: var(--white-dk);
}
.testimonial-card {
	background-color: white;
	padding: 3rem;
	max-width: 100%;
	/* border-radius: 10px; */
	box-shadow: 0 20px 30px -20px rgba(5, 5, 5, 0.24);
}	
.header {
	display: flex;
	align-items: center;
	grid-gap: 1rem;
	gap: 1rem;
}
.header .image {
	height: 4rem;
	width: 4rem;
	border-radius: 9999px;
	object-fit: cover;
	background-size: 80%;
	background-repeat: no-repeat;
	background-position: center center;
}
.header .image.yell {
	background-image: url('assets/img/template/yell.png');	
}
.header .image.google {	
	background-image: url('assets/img/template/google.png');
}
.header .image.other {
	width: 0;
	height: 0;
	display: none;
	visibility: hidden;	
}
.stars {
	display: flex;
	justify-content: center;
	grid-gap: 0.125rem;
	gap: 0.125rem;
	color: var(--gold)!important;
	float: left;
}
.stars svg {
	height: 1rem;
	width: 1rem;
}
.header .name {
	margin-top: 0.25rem;
	font-size: 1.125rem;
	line-height: 1.75rem;
	font-weight: 600;
	--tw-text-opacity: 1;
	color: rgba(55, 65, 81, 1);
	display: block;
	clear: both;
}
.message {
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	margin-top: 1rem;
	color: rgba(107, 114, 128, 1);
}	
.testimonial-card a {
	margin-top: 1rem;
	color: var(--blue);
	
}

.staff-page .job-title {
	margin: 0 0;
	font-weight: 600;
}

.staff-page .headshot img {
	min-width: 100%;
	margin-bottom: 3rem;
}

.staff-member {
	margin-bottom: 2rem;
	padding: 2rem;
}

.staff-member img {
	margin-bottom: 1rem;
	min-width: 100%;
	min-height: 100%;
	object-fit: fill;
	max-width: 100%;
	max-height: 100%;
}
.staff-member .staff-headshot {
	position: relative;
	-webkit-transition: var(--animate-fast);
	-moz-transition: var(--animate-fast);
	transition: var(--animate-fast);
}
.staff-member .staff-headshot .btn { 
	visibility: hidden;		
	position: absolute;
	bottom: 1rem;
	margin-left: auto;
	margin-right: auto;
	left: 2rem;
	right: 2rem;
	text-align: center;		
}
.staff-member .staff-headshot:hover,
.staff-member .staff-headshot:focus,
.staff-member .staff-headshot:active  {
	opacity: 0.8;
	-webkit-transition: var(--animate-fast);
	-moz-transition: var(--animate-fast);
	transition: var(--animate-fast);
}
.staff-member .staff-headshot:hover .btn {
	visibility: visible;
}
.staff-member span {
	display: block;
	max-width: 100%;
}
.staff-member p {
	margin: 1rem 0 0rem;
}
.staff-member p:not(.btn) {
	margin: 1rem 0 0rem;
	min-height: 5lh;
}
.staff-member span.staff-name {
	font-weight: bold;
	font-size: 1.1rem;
}
.staff-member span.job-title {
	font-weight: normal;
	font-size: .85em;
	font-style: italic;
}
@media(min-width: 992px) {
	.row.row-five > div { width: 20% !important; }
	
	
	.row.row-five > [class*="md-12"],
	.row.row-five > [class*="lg-12"] {
		width: 100% !important;
	}
	
	.row.row-five > [class*="md-6"],
	.row.row-five > [class*="lg-6"] {
		width: 100% !important;
	}
}

.page-inner h2, .page-inner h3, .page-inner h4, .page-inner h5, .page-inner h6 {
	margin: 2rem 0;
}

.wp-block-image img {
	margin: 0 0 2rem 0;	
}

@media(max-width: 992px) {
	.wp-block-image .alignright {
		float: left!important;
		display: block !important;
		clear: both !important;
		width: 100%;
	}
}





.treatement-page .side-nav {
  position: sticky;
  top: 150px; /* distance from top of viewport when sticky */
  background: white;
  padding: 2rem;
}

.treatement-page .side-nav h4 {
	margin: 0 0 1em;
}


.treatement-page .side-nav ul {
	margin: 0;
	padding: 0;
	list-style: none; 
	border-left: 2px solid var(--blue);
}

.treatement-page .side-nav ul li {
	list-style: none; 
	margin: 0;
	padding: 0px;
}

.treatement-page .side-nav ul li a {
	width: 100%;
	display: block;
	padding: 20px 25px;
	color: var(--black);
}

.treatement-page .side-nav ul li a:first-of-type {
	padding-top: 0;
}

.treatement-page .side-nav ul li a:hover {	
	color: var(--black);
}

.treatement-page .treatment-section {
	margin-bottom: 2rem;
}

.treatement-page .treatment-section h2  {
	  scroll-margin-top: 183px;
	
}
.treatement-page .treatment-section h5 {
	margin-top: 4rem;
}

.faq .panel {
	margin-bottom: 1rem!important;
}
.faq .panel-title>a {
	width: 100%;
	display: block;
	padding: 30px 15px;
	font-weight: 600;
	font-size: 1.2rem;
	text-decoration: none!important;
}
.faq .panel-default, .faq .panel-default>.panel-heading, .panel, .faq .panel-group .panel-heading+.panel-collapse>.list-group, .panel-group .panel-heading+.panel-collapse>.panel-body {
	border: none;
}
.faq .panel-default>.panel-heading, .panel {
	background: var(--white);
	color: var(--black);
	padding: 0;		
	-webkit-transition: var(--animate));
	-moz-transition: var(--animate));
	transition: var(--animate);
	
}
.faq .panel-group .panel:hover, .panel-group .panel:hover .panel-heading {
	background: var(--white);					
	-webkit-transition: var(--animate));
	-moz-transition: var(--animate));
	transition: var(--animate);
	text-decoration: none!important;
}
.faq .panel-group .panel a:hover {
	text-decoration: none!important;					
}
.faq .accordion-toggle {
  position: relative;
  display: block;
  padding-left: 40px!important; /* space for arrow */
}

.faq .accordion-toggle svg {
  position: absolute;
  left: 15px;
  top: 50%;
  transform: translateY(-50%) rotate(180deg);
  transition: transform 0.3s ease;
  width: 25px;
  height: 25px;
}

.faq .accordion-toggle.collapsed svg {
  transform: translateY(-50%) rotate(0deg); /* rotate down when collapsed */
}

.wp-caption-text {
	font-size: 0.8em;
	width: 100%;
	text-align: center;
	padding: 2px;
}

@media (max-width: 768px) {
  .btn + .btn {
	scroll-margin-left: : 0!important;
  }
  .form-container .wpforms-field.wpforms-one-half {
	  margin: 0!important;
  }
}