/*-----------------------------------------------------------------------------------
	Holistic Eyes
	Author: Plumb Design
	Version: 1.0
-----------------------------------------------------------------------------------*/

@import url('https://fonts.googleapis.com/css2?family=Rufina&display=swap');

h3,h4,h5,h6,p,label,.btn,a {
	font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
}

.d-bloc .card, .l-bloc,
#Content {
	color: rgba(0,0,0,.65);
}

#Content a {
	color:#BB007F;
}

#Content a:hover {
	text-decoration:underline;
	color:#BB007F;
}

h1,h2, .p-book-bar-style {
	font-family: 'Rufina', serif;
}

p {
	line-height:1.5;
}

#contact input,
#contact textarea {
	border:1px solid #ccc;
}

#contact button {
	background-color:#BB007F !important;
	color:#fff !important;
	border:0 !important;
	padding:8px 14px !important;
	border-radius: .3rem;
	font-weight:bold;
}

.sidebar h3 {
	margin-top:40px;
	font-size:1.5rem;
}

.sidebar ul {
	list-style:none;
	margin-left:0;
}

.sidebar img {
	width:100%;
	height:auto;
	max-width:100%;
	margin:0 0 40px 0;
}

/* Button colour styles */

.btn-medium-violet-red{
	background:#BB007F !important;
	color:#FFFFFF !important;
	font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
	font-weight:bold;
	font-size:16px;
	padding:8px 14px !important;
}
.btn-medium-violet-red:hover{
	background:#960066 !important;
	color:#FFFFFF !important;
}

.treatment-panel {
	position:relative;
	min-height:400px;
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center;
	padding:0;
}

.makeup-panel {
	background-image:url('/template/assets/img/makeup-bg.jpg');
}

.hair-panel {
	background-image:url('/template/assets/img/hair-bg.jpg');
}

.nails-panel {
	background-image:url('/template/assets/img/nails-bg.jpg');
}

.nails-panel {
	background-image:url('/template/assets/img/nails-bg.jpg');
}

.beauty-treatments-panel {
	background-image:url('/template/assets/img/threading-panel.jpg');
}

.holistic-therapies-panel {
	background-image:url('/content/media/hopi-ear-candles-stevenage-hertfordshire.jpg');
}

.skincare-panel {
	background-image:url('/template/assets/img/facials-panel.jpg');
}

.treatment-panel a {
	color:#fff;
}

.overlay {
	padding-right: 15px;
	padding-left: 15px;
	width:100%;
	height:100%;
}

.treatment-panel a .overlay {
	background-color:rgba(0,0,0,0.25);
}

.treatment-panel a:hover .overlay {
	background-color:rgba(0,0,0,0.5);
}

.treatment-panel h3 {
	position:absolute;
	bottom:0;
	left:0;
	width:90%;
	padding:5% 0;
	margin:5%;
	border-top:1px solid #fff;
	background-image:url('/template/assets/img/white-circle-button.png');
	background-position:center right;
	background-repeat:no-repeat;
}

body.holistic-therapies .main.full .col-md-4,
body.beauty-treatments .main.full .col-md-4 {
	flex:0 0 50%;
	max-width:50%;
}

#about-us .container {
	margin-top:100px;
}

.about-us-2-col {
	margin-bottom:100px;
}

.about-us-2-col li {
	line-height:1.5;
	margin:1em;
}

.h2-style {
	margin:30px 0 60px 0;
}

.p-book-bar-style {
	font-size:24px;
	line-height:1.1;
	margin-bottom:0;
}

.navbar-content-area .btn-medium-violet-red,
#nav-toggle {
	float:right !important;
	margin-left:25px !important;
}

#nav-toggle {
	margin:4px 0 0 25px !important;
}

a.header-phone {
	color:#BB007F !important;
	font-size:24px;
	font-weight:bold;
	letter-spacing:0;
	line-height:40px;
	float:right;
}

.button-circle {
	float:left !important;
	margin:20px 0 0 0 !important;
	background-image:url('/template/assets/img/tiny-arrow.png') !important;
	background-position:center !important;
	background-repeat:no-repeat !important;
}

.button-circle:hover {
	background-image:url('/template/assets/img/tiny-arrow.png') !important;
	background-position:center !important;
	background-repeat:no-repeat !important;
}

.button-circle:after {
	content:"Find out more";
	display:block;
	margin-left:50px;
	white-space:nowrap;
	margin-top:3px;
}

#about-us li {
	list-style-image: url("/template/assets/img/tick.png");
	padding-left:1em;
}

.childservicepanel {
	float:left;
	outline:1px solid #ccc;
	width:30%;
	min-height:400px;
	padding:20px;
	margin:0 3.33% 3.33% 0;
}

.childservicepanel.last {
	margin-right:0;
}

.strtolower {
	text-transform:lowercase;
}

.quicklinks,
.servicesprovided {
	padding-left:5%;
}

.quicklinks {
	margin-left:7%;
}

.servicessection {
	margin-top:10px;
	font-weight:bold;
}

#footer {
	background-color:rgba(187,0,127,0.05);
	margin-top:100px;
}

body.home #footer {
	margin-top:0;
}

#footer li {
	list-style-image: url("/template/assets/img/footer-arrow.png");
	padding-left:0.25em;
	line-height:1.4;
}

#footer .quicklinks li {
	list-style-image: none;
	list-style-type:none;
	padding-left:0.1em;
}

.footertext a {
	text-decoration:underline;
	color:rgba(0,0,0,.85);
}

.quicklinks ul ul {
	padding-left:20px !important;
}

#footer li a {
	/* color:#777777; */
	color: rgba(0,0,0,.65);
	font-size:0.9rem;
}

#footer h4 {
	color:#212529;
	font-size:1.25rem;
}

p.copyright {
	color:#999;
}

.insurance {
	background-color:rgba(187,0,127,0.05);
	margin-top:40px;
	padding:20px;
}

.navbar-content-area {
	width:auto !important;
}

.carousel-caption {
	text-align:left !important;	
}

.scrollToTop {
	background:#999 !important;
}

#footer .container {
	padding-bottom:0;
}

.nav-special .nav li {
	margin-bottom:5px;
}

.nav-special .nav ul {
	padding-left:20px;
}

.nav-special .nav ul li {
	list-style: none;
}

.nav-special .nav ul li a {
	color:rgba(255,255,255,.8);
}

.nav-special .nav ul li a:hover {
	color:#fff;
}


.main {
	float:left;
	width:65%;
	margin-right:5%;
}

.main.full {
	float:left;
	width:100%;
	margin-right:0;
}

.main.full .treatment-wrapper {
	margin:5% 0% !important;
}

.main.full .treatment-panel {
	margin: 0% !important;
}

.main.full .treatment-panel a {
	color:#fff !important;
}

.sidebar {
	float:left;
	width:30%;
}

.col1,
.col2,
.col3 {
	float:left;
	width:30%;
	margin-right:5%;
}

.col3 {
	margin-right:0;
}

.col1 img,
.col2 img,
.col3 img {
	width:100%;
	margin-bottom:40px;
}


.quote {
	margin-top:-20px;
	margin-bottom:40px;
	color:#c2087f;
	font-family:Trebuchet MS,Arial,Helvetica,sans-serif;
	font-size:32px;
	line-height:35px;
	text-align:left;
	-webkit-text-size-adjust:none;
}

.quote::before {
	content: '“';
}

.quote::after {
	content: '”';
}

body.hopi-ear-candles div.main ul {
	columns: 2 auto;
}

#booknow {
	/* display:none; */
}

div.main ul {
	list-style: none;
}

div.main ul li::before {
	content: "\2022";
	color: #c2087f;
	font-weight: bold;
	display: inline-block;
	width: 1em;
	margin-left: -1em;
}

div.main ul li {
	margin-bottom:20px;
}

.scrolldown {
	position:absolute;
	bottom:20px;
	left:0;
	right:0;
	z-index:99;
	text-align:center;
	/* outline:1px solid red; */
}

.scrolldown img {
	/* outline:1px solid red; */
	max-width:60px;
	height:auto;
}

.hide {
	display:none;
}

.carousel-item {
	max-height: calc(100vh - 76px) !important;
	min-height:400px;
}

.carousel-item h1 {
	text-shadow:1px 1px 4px rgba(0,0,0,0.25);
}

.carousel-inner::after {
	content:'';
	background-color:rgba(0,0,0,0.25);
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}

body.beauty-treatments .main.full h3 {
	font-size:1.55rem;
}

ol.breadcrumbs {
	color:rgba(0,0,0,0.6) !important;
	padding:0 !important;
}

ol.breadcrumbs a {
	color:rgba(194,8,127,0.6) !important;
}

#Content .one img {
	width:100%;
	height:auto;
	margin:0 0 40px 0;
}

#Content .sidebar a.btn:hover {
	text-decoration:none !important;
}

.dowload-list li:before {
	content:'';
	display:block;
	width:16px;
	height:16px;
	float:left;
	margin:4px 0 0 -30px;
	background-image:url('/template/assets/img/circle_arrow_down_pink.svg');
	background-size:contain;
	background-repeat:no-repeat;
}

::-moz-selection { /* Code for Firefox */
  background: rgba(189,30,131,0.2);
}

::selection {
  background: rgba(189,30,131,0.2);
}

h4.otherservices {
	margin-bottom:1em;
}

.otherservicesmenu {
	padding-left:1em;
}

/* TESTIMONIALS
--------------------------------------*/

body.reviews div.quote,
body.skincare-case-studies div.quote,
#footer div.quote {
	margin-top:40px;
	color: rgba(0,0,0,.65);
	font-size: 18px;
}

body.reviews div.quote img,
body.skincare-case-studies div.quote img,
#footer div.quote img {
	width:initial !important;
}

body.reviews .quote::before,
body.skincare-case-studies .quote::before,
#footer .quote::before  {
    content: '';
}

body.reviews .quote::after,
body.skincare-case-studies .quote::after,
#footer .quote::after  {
    content: '';
}

body.reviews div.quote p:last-child,
body.skincare-case-studies div.quote p:last-child,
#footer div.quote p:last-child  {
	display:inline;
}

body.reviews div.quote p:first-child,
body.skincare-case-studies div.quote p:first-child,
#footer div.quote p:first-child {
	background: rgba(189,30,131,0.045) url(/template/assets/img/double-quote-80px20b.png) top left no-repeat;
	-webkit-border-radius:10px;
    -moz-border-radius:10px;
    border-radius:10px;
	padding:35px 30px 30px 100px;
	margin-bottom:0;
}

body.reviews div.quote blockquote:before,
body.skincare-case-studies div.quote blockquote:before,
#footer div.quote blockquote:before {
	content: url(/template/assets/img/quote-stem2-pink.png);
	display:block;
}

body.reviews div.quote blockquote,
body.skincare-case-studies div.quote blockquote,
#footer div.quote blockquote {
	display:block;
	padding-left:20px;
}

.fourpanels {
	background-color:rgba(255,255,255,0.75);
	padding-top:20px;
	padding-bottpm:20px;
}

p.facebook {
	margin-top:30px;
}

p.facebook:before {
	content:'';
	width:18px;
	height:18px;
	margin-right:10px;
	float:left;
	display:inline-block;
	background:url('/template/assets/img/facebook.svg') top left no-repeat;
	background-size:contain;
}

p:empty {
  display:none;
}

.h3, h3 {
    font-size: 1.55rem;
}

ul.column {
	max-width: 33%;
    margin-right:1%;
	display: inline-grid;
	width: 100%;
	clear: both;
	margin: auto;
}

ul#fwNav1 li a {
    color:rgba(0,0,0,.65) !important;
}

#services-provided {
	margin-bottom:100px;
}


@media (min-width: 1160px) {
	#Content .container,
	#Subheader .container {
		padding-left:0;
		padding-right:0;
	}
}

@media (max-width: 1024px) {
	.bloc-sm {
		padding:0;
	}
}

@media (max-width: 991px) {
	.bloc-sm-lg {
		padding: 20px !important;
	}
}

@media (max-width: 920px) {
	ul.column {
		max-width: 100%;
		margin-right:0;
		margin-bottom:3%;
	}
}

@media (max-width: 880px) {
	.carousel-caption .h2-hero-style {
		font-size:40px !important;	
	}
}

@media (max-width: 799px) {
	.main.full .col-md-4 {
		flex:0 0 50%;
		max-width:50%;
	}
	.main.full .tinting-panel {
		flex:0 0 100%;
		max-width:100%;
	}
}

@media (max-width: 784px) {
	.bg-about-bg{
		background-image:none !important;
		background-color:#e9eff5;
	}
}

@media (max-width: 780px) {

	.quicklinks {
		max-width: 47.5% !important;
		margin-right:5% !important;
		float: left;
		margin-left: 0;
	}
	
	.servicesprovided {
		max-width: 47.5% !important;
		margin-right:0 !important;
		float: left;
		margin-left: 0;
	}
	
}


@media (max-width: 727px) {
	.header-phone {
		display:none;
	}
	
	body.holistic-therapies .main.full .col-md-4,
	body.beauty-treatments .main.full .col-md-4 {
		flex:0 0 100%;
		max-width:100%;
	}
	
	
}


@media (max-width: 650px) {
	
	.main,
	.sidebar {
		width:100%;
		float:none;
		clear:both;
	}
	
	.sidebar {
		margin-top:60px;
	}
	
	.col1,
	.col2,
	.col3 {
		width:100%;
		float:none;
		clear:both;
		margin-bottom:60px;
	}
	
}

@media (max-width: 591px) {
	#book-bar .btn {
		margin: 20px 0 !important;
	}
	.carousel-caption .h2-hero-style {
		font-size:30px !important;
		text-align: center;
		padding: 0;
		margin: 0;
		width: 100%;
	}
}

@media (max-width: 555px) {
	.navbar-brand {
		width:50%;
		margin-right:0;
	}
	.navbar-brand img {
		width:100%;
		height:auto;
	}
	.navbar-content-area {
		padding:0 !important;
	}
	#nav-toggle {
		margin:4px 0 0 5px !important;
	}
	.navbar-content-area .btn-medium-violet-red {
		margin-left:5px !important;
	}
	
	.main.full .col-md-4 {
		flex:0 0 100%;
		max-width:100%;
	}
}


@media (max-width: 736px) {
	.full-width-bloc .carousel img {
		width: auto !important;
    	height: 400px !important;
    	float:right;
	}
}

@media (max-width: 480px) {
	.breadcrumbnmenu-wrapper {
		display:none !important;
	}
}

@media (max-width: 475px) {
	.carousel-caption h5,
	.carousel-caption .p-hero-style,
	.carousel-caption .btn-medium-violet-red {
		display:none !important;	
	}
}


@media (max-width: 450px) {

	.quicklinks {
		max-width: 100% !important;
		margin-right:0 !important;
		float: none;
		margin-left: 0;
		margin-top:40px;
	}
	
	.servicesprovided {
		max-width: 100% !important;
		margin-right:0 !important;
		float: none;
		margin-left: 0;
		margin-top:40px;
	}
	
}


@media (max-width: 375px) {
	.navbar-content-area .btn-medium-violet-red {
		padding:8px 8px !important
	}
}