@charset "utf-8";
/* CSS Document */
/*
Company Name: Ardeo Salon and Spa
Company URL: http://ardeospa.com
Web Author: Linda Sibbald - Web Designer at Fresh Inc.
Web Services Provider: URL: http://www.freshbrand.ca
Description: Custom Website for Ardeo Salon and Spa
Version: 1.0
Date: 2015
*/


/*--- Todd Additions 2022 - start ----*/
#owner-new,
#team-wrapper {
	width:100%;
	max-width:840px;
	margin-left:auto;
	margin-right:auto;
}

#owner-new {
	margin-top:50px;
	margin-bottom:50px;
	padding-bottom:50px;
	border-bottom:1px solid #000;
	overflow:hidden;
}

.col-25 {
	width:48%;
	margin-right:4%;
	float:left;
}

.col-25:nth-child(2n+0){
	margin-right:0;
}

.text-block {
	padding-top:50px;
}

.image-block {
	border:1px solid #000;
	box-sizing:border-box;
}

.col-25 img {
	margin: 2%;
    max-width: 96%;
    height: auto;
    overflow: hidden;
    display: block;
}

.col-25 h2 {
	margin-bottom:25px;
}

.h2-sm {
	font-family: "Lato", sans-serif;
	font-size:18px;
	display:block;
}

.team-member {
	width:31.33%;
	margin-right:3%;
	float:left;
	margin-bottom:30px;
	border:1px solid #000;
	box-sizing:border-box;
	padding:10px;
	min-height:480px;
}

.team-member:nth-child(3n+0){
	margin-right:0;
}

.team-member img{
	width:100%;
}

.team-member h3 {
	font-family: "Lato", sans-serif;
	margin:8px 0 10px;
	font-size:20px;
	font-weight:700;
	line-height:1.3;
}

.team-member .h3-sm {
	font-size:.8em;
	font-weight:400;
	display:block;
}

@media only screen and (max-width: 1000px) { 
	.text-block {
		padding-top:0;
	}
}

@media only screen and (max-width: 750px) { 
	#owner-new {
		padding-bottom:25px;
	}

	.col-25 {
		width:100%;
		margin:0 0 25px 0;
	}

	.team-member,
	.team-member:nth-child(3n+0) {
		width:48%;
		margin-right:4%;
		margin-bottom:30px;
		min-height:500px;
	}

	.team-member:nth-child(2n+2) {
		margin-right:0;
	}

	.team-member h3 {
		font-size:16px;
		margin-top:7px;
	}
}
/*--- Todd Additions 2022 - end ----*/

body {
	margin: 0;
	padding: 0;
	font-size: 100%;
	font-size: 1em; }

h1.script, h2.script, h3.script, h4.script, h5.script, h6.script {
	font-family: "Yesteryear", cursive;
	font-size: 3.750em; }

h1.non-script, h2.non-script, h3.non-script, h4.non-script, h5.non-script, h6.non-script { 
	font-size: 1.250em;
	font-family: "Lato", sans-serif; }

p { 
	font-size: 0.875em;
	font-family: "Lato", sans-serif;
	line-height: 1.375em;
	 }

a { 
	text-decoration: none;
	font-family: "Lato", sans-serif;
	font-weight: 700;}

ul, ol { font-family: "Lato", sans-serif; }

.content-wrapper { 
	margin: 0 auto; 
	max-width: 1200px;
	padding: 0 10px; }

header { 
	background: #0f0f0f;
	width: 100%;
	min-height: 120px;
	overflow: hidden;
	position: fixed;
	z-index: 999 !important;
	top: 0; }

#instagram { padding: 20px 0; }

/*begin navigation*/

nav {
	width: 100%;
	height: auto;
	background: #272829; }

a#mobile-display-menu { display: none; }

ul#mobile-nav { 
	margin: 0 auto;
	max-width: 1200px;
	padding: 15px 10px;
	text-align: right;
	font-size: 16px; }

ul#mobile-nav li { 
	display: inline-block;
	padding: 0 0 0 20px; }

ul#mobile-nav li a { 
	color: #fff; }

ul#mobile-nav li a:hover { color: #999; }

ul#mobile-nav li a.active { text-decoration: underline; }

/*end navigation*/

.banner-border {
	padding: 10px 0 0;
	margin-bottom: 10px;
	border-bottom: 1px solid #0f0f0f; }

.banner-border-2 {
	padding: 20px 0 0;
	margin-bottom: 10px; }

#header-logo {
	margin: 20px 0;
	width: 130px;
	height: 80px;
	overflow: hidden; 
	display: block; 
	background: url(../images/logo.png) no-repeat;
	float: left; }
	
ul#header-info {
	float: right;
	height: auto;
	overflow: hidden;
	margin: 30px 0 20px;
	text-align: right; }

ul#header-info li {  }

ul#header-info li#cta-txt-link { 
	color: #949494;
	font-size: 1em;
	font-weight: 700;
	display: block;
	text-align: right;
	margin-bottom: 5px; }

ul#header-info li#cta-txt-link a { color: #fff; }

ul#header-info li#cta-txt-link a#header-call { text-decoration: underline; }

ul#header-info li a#header-social-facebook { 
	width: 18px;
	height: 18px;
	overflow: hidden;
	text-align: right;
	display: inline-block;
	background: url(../images/header-social-sprites.png) no-repeat -3px -25px; }

ul#header-info li a#header-social-facebook:hover { background: url(../images/header-social-sprites.png) no-repeat -3px -6px; }

ul#header-info li a#header-social-instagram { 
	width: 18px;
	height: 18px;
	overflow: hidden;
	text-align: right;
	display: inline-block;
	margin-left: 5px;
	background: url(../images/header-social-sprites.png) no-repeat -27px -25px; }

ul#header-info li a#header-social-instagram:hover { background: url(../images/header-social-sprites.png) no-repeat -27px -6px; }

ul#header-info li.cta-box-link { 
	margin: 4px 0 4px 4px;
	display: inline-block; }

ul#header-info li.cta-box-link a { 
	background: #fff;
	padding: 6px;
	color: #0f0f0f;
	font-size: 1em;
	text-align: center;
	border: 2px solid #949494;
	min-width: 210px;
	height: auto;
	overflow: hidden;
	display: block; }

ul#header-info li.cta-box-link a:hover { 
	background: #666;
	color: #fff;
	-webkit-transition: background 0.5s ease-in-out;
	-moz-transition: background 0.5s ease-in-out;
	-ms-transition: background 0.5s ease-in-out;
	-o-transition: background 0.5s ease-in-out;
	transition: background 0.5s ease-in-out; }

section#section-banner {
	margin: 166px 0 0 0;
	width: 100%;
	height: auto;
	overflow: hidden;
	background: #000 url(../images/2000x350-banner-bg.jpg) no-repeat center center; }
	
h1#banner-header-title {
	font-size: 4.125em;
	color: #fff;
	margin: 134px 0 10px 0;
	text-shadow: 2px 2px 0 #000; }

h2#banner-header-subtitle { 
	color: #fff;
	padding-bottom: 86px;
	text-shadow: 2px 2px 0 #000;}

/*about*/
section#section-about { 
	background: #000;
	padding-bottom: 1px;
	display: block;}

.about-rgt-content { 
	max-width: 600px;
	height: auto;
	overflow:hidden;
	color: #fff;
	float: right; 
	display: block; }

.about-rgt-content h1 { margin: 60px 0 20px; }

.about-rgt-content p {
	padding-left: 20px;
	border-left: 2px solid #fff; }

.about-rgt-content a {
	display: block;
	margin: 10px 0 60px;
	color: #fff;
	text-decoration: underline; }

/*team*/
section#section-team { 
	background: #fff;
	color: #000; 
	padding: 70px 0;}

h1#team-header { padding-bottom: 30px; }

#owner { 
	max-width: 510px;
	height: auto;
	overflow: hidden;
	float: left; }

#owner h2 {
	margin: 16px 0 10px;
	display: inline-block; 
	font-size: 1.875em; }

#owner h3 {
	margin: 16px 0 10px 10px;
	display: inline-block; 
	font-size: 1.125em;
	font-family: "Lato", sans-serif; 
	color: #3b3b3b;
	clear: right; }

#owner-profile {
	margin: 40px 0 0;
	max-width: 474px;
	height: auto;
	overflow: hidden;
	border: 1px solid #000; }

#owner-profile img {
	margin: 2%;
	max-width: 96%;
	height: auto;
	overflow: hidden;
	display: block; }

#owner p { padding-right: 40px; }

ul#team-list {
	margin: 40px 0 0 10px;
	max-width: 680px;
	height: auto;
	overflow: hidden;
	float: left; }

ul#team-list li {
	margin: 0 2px 20px;
	width: 30%;
	height: auto;
	overflow: hidden;
	display: inline-block;
	padding: 1%;}

ul#team-list li a#team-member-1, ul#team-list li a#team-member-2, ul#team-list li a#team-member-3, ul#team-list li a#team-member-4,
ul#team-list li a#team-member-5, ul#team-list li a#team-member-6, ul#team-list li a#team-member-7, ul#team-list li a#team-member-8, ul#team-list li a#team-member-9, ul#team-list li a#team-member-10 { 
	width: 200px;
	height: 120px;
	display: block;
	overflow: hidden;
	font-size: 0;
	border: 1px solid #000;
	background: #fff url(../images/150x120-team-01.png) no-repeat center center; }

/*nick*/
ul#team-list li a#team-member-3 { background: #000 url(../images/200x120-nick.png) no-repeat center right; }
/*courtney*/
ul#team-list li a#team-member-4 { background: #000 url(../images/200x120-courtney.png) no-repeat center right; }
/*tasha*/
ul#team-list li a#team-member-5 { background: #000 url(../images/200x120-tasha.png) no-repeat center right; }
/*rosita*/
ul#team-list li a#team-member-6 { background: #000 url(../images/200x120-rosita.png) no-repeat center right; }
/*tina*/
ul#team-list li a#team-member-7 { background: #000 url(../images/200x120-tina.png) no-repeat center right; }
/*natalie*/
ul#team-list li a#team-member-8 { background: #000 url(../images/200x120-natalie.png) no-repeat center right; }
/*nichole*/
ul#team-list li a#team-member-9 { background: #000 url(../images/200x120-nichole.png) no-repeat center right; }
/*cassie*/
ul#team-list li a#team-member-10 { background: #000 url(../images/200x120-cassie.png) no-repeat center right; }


ul#team-list li a#team-member-1:hover, ul#team-list li a#team-member-2:hover, ul#team-list li a#team-member-3:hover, ul#team-list li a#team-member-4:hover,
ul#team-list li a#team-member-5:hover, ul#team-list li a#team-member-6:hover, ul#team-list li a#team-member-7:hover, ul#team-list li a#team-member-8:hover, ul#team-list li a#team-member-9:hover, ul#team-list li a#team-member-10:hover {
	width: 200px;
	height: 120px;
	overflow: hidden; 
	background:#000;
	font-size: 0.875em;
	text-align: center;
	line-height: 122px;
	display: block;
	color: #fff;
	-webkit-transition: background 0.5s ease-in-out;
	-moz-transition: background 0.5s ease-in-out;
	-ms-transition: background 0.5s ease-in-out;
	-o-transition: background 0.5s ease-in-out;
	transition: background 0.5s ease-in-out; }

/*2 col boxed cta - spa and salon*/
section#section-2col-cta { 
	width: 100%;
	height: auto;
	overflow: hidden;
	background: #0f0f0f;
	padding: 20px 0;}

ul#cta-spa-salon {
	margin: 0 auto;
	max-width: 2000px; }

ul#cta-spa-salon li { float: left;}

ul#cta-spa-salon li#salon-cta, ul#cta-spa-salon li#spa-cta { 
	width: 50%;
	height: 300px;
	overflow: hidden;
	background: url(../images/1000x300-salon.jpg) no-repeat center center; }

ul#cta-spa-salon li#spa-cta { background: url(../images/1000x300-spa.jpg) no-repeat center center; }

ul#cta-spa-salon li a { 
	background: rgba(0,0,0,0.8);
	color: #fff;
	text-align: center;
	padding: 30px 0 20px;
	display: block;
	margin-top: 120px;
	font-size: 3.250em;
	font-family: "Yesteryear", cursive;
	text-shadow: 2px 2px 0 #000; }

ul#cta-spa-salon li a:hover {
	color: #000;
	background: rgba(255,255,255,0.5);
	text-shadow: 2px 2px 0 #fff;
	-webkit-transition: background 0.5s ease-in-out;
	-moz-transition: background 0.5s ease-in-out;
	-ms-transition: background 0.5s ease-in-out;
	-o-transition: background 0.5s ease-in-out;
	transition: background 0.5s ease-in-out;}


/*black banner*/
section.section-blk-cta-banner { 
	background: #000;
	color: #fff;
	padding: 20px 0;
	width: 100%;
	height: auto;
	overflow: hidden; }

section.section-blk-cta-banner h1 { 
	display: inline-block;
	padding: 2% 0;
	font-weight: 700;}

section.section-blk-cta-banner a { 
	display: block;
	text-align: center;
	padding: 1% 2%;
	background: #fff;
	margin: 0 auto 40px;
	color: #0f0f0f;
	border: 2px solid #949494;
	width: 60%;
	font-size: 1em; }

section.section-blk-cta-banner a:hover { 
	background: #000;
	color: #fff;
	-webkit-transition: background 0.5s ease-in-out;
	-moz-transition: background 0.5s ease-in-out;
	-ms-transition: background 0.5s ease-in-out;
	-o-transition: background 0.5s ease-in-out;
	transition: background 0.5s ease-in-out; }

/*salon section*/
section#section-salon {
	width: 100%;
	height: auto;
	overflow: hidden; 
	background: #0f0f0f url(../images/2000x450-flame-bg-reversed.png) no-repeat 0 bottom; }
	
section#section-salon h1 {
	font-size: 3.750em;
	text-align: center;
	color: #fff;
	margin: 90px 0 40px 0;
	text-shadow: 2px 2px 0 #000; }

section#section-salon p { 
	color: #fff;
	text-shadow: 1px 1px 0 #000;
	border-left: 2px solid #fff;
	margin-bottom: 20px;
	padding-left: 20px; }

ul#salon-list { 
	margin: 80px auto 40px;
	color: #fff;
	text-shadow: 1px 1px 0 #000;
	font-size: 2.000em;
	font-weight: 300;
	width: 100%;
	height: auto;
	overflow: hidden; }

ul#salon-list li { 
	float: left;
	width: 40%;
	padding: 0 5%;
	margin-bottom: 60px; }

/*white banner*/
section.section-wht-cta-banner { 
	background: #fff;
	color: #000;
	padding: 20px 0;
	width: 100%;
	height: auto;
	overflow: hidden; }

section.section-wht-cta-banner h1, section.section-blk-cta-banner h1 { 
	text-align: center;
	text-transform: uppercase;
	padding: 2% 0;
	font-weight: 700;
	display: block;
	margin-bottom: 20px;}

ul.salon-products-list { 
	width: 60%;
	padding: 0 5%;
	height: auto;
	overflow: hidden;
	text-align: center;
	margin: 0 auto; }

ul.salon-products-list li  { 
	display: inline-block;
	width: 29%;
	padding: 0 2%; 
	height: auto;
	overflow: hidden;
	vertical-align: top; }

ul.salon-products-list li img  { 
	max-width: 250px;
	width: 100%;
	height: auto;
	overflow: hidden;
	display: block; }

section.section-wht-cta-banner a { 
	margin: 10px auto 40px;
	text-align: center;
	padding: 1% 2%;
	background: #0f0f0f;
	color: #fff;
	border: 2px solid #949494;
	font-size: 1em;
	width: 60%;
	display: block; }

section.section-wht-cta-banner a:hover {
	background: #fff;
	color: #000;
	-webkit-transition: background 0.5s ease-in-out;
	-moz-transition: background 0.5s ease-in-out;
	-ms-transition: background 0.5s ease-in-out;
	-o-transition: background 0.5s ease-in-out;
	transition: background 0.5s ease-in-out;}

/*spa section*/
section#section-spa { 
	background: #0f0f0f;
	width: 100%;
	height: auto;
	overflow: hidden; }

section#section-spa h1 {
	font-size: 3.750em;
	text-align: center;
	color: #fff;
	margin: 90px 0 40px 0;
	text-shadow: 2px 2px 0 #000; }

section#section-spa p { 
	color: #fff;
	text-shadow: 1px 1px 0 #000;
	border-left: 2px solid #fff;
	margin-bottom: 20px;
	padding-left: 20px; }

ul#spa-list { 
	width: 100%;
	height: auto;
	overflow: hidden;
	margin: 70px 0 10px;}

ul#spa-list li { 
	display: inline-block;  
	width: 545px;
	min-height: 246px;
	overflow: hidden;
	margin: 0 20px 60px; 
vertical-align:top;}

ul#spa-list li#manipedi { background: #000 url(../images/240x260-spa-01.jpg) no-repeat right 0; }
ul#spa-list li#waxing { background: #000 url(../images/240x260-spa-02.jpg) no-repeat right 0;  }
ul#spa-list li#skincare { background: #000 url(../images/240x260-spa-03.jpg) no-repeat right 0;  }
ul#spa-list li#eyebrow { background: #000 url(../images/240x260-spa-04.jpg) no-repeat right 0;  }
ul#spa-list li#forhim { background: #000 url(../images/240x260-spa-05.jpg) no-repeat right 0;  }
ul#spa-list li#laserhair { background: #000 url(../images/240x260-laser-hair-removal.jpg) no-repeat right 0;  }
ul#spa-list li#couples { background: #000 url(../images/240x260-spa-06.jpg) no-repeat right 0;  }

ul#spa-list li h2 { 
	color: #fff;
	background: #000;
	font-size: 1.125em;
	width: 320px;
	height: auto; 
	overflow: hidden;
	padding: 26px 0 20px 20px; }

.force-width { 
	background: #000;
	width: 340px;
	height: 50px;
	overflow: hidden; }

ul#spa-list li p {
	border: none;
	color: #fff;
	padding: 10px;
	background: #3d3d3d;
	font-size: 0.750em;
	line-height: 1.5em;
	width: 370px;
	min-height: 90px;
	overflow: hidden;
	text-shadow: none;
	margin-bottom: 0; }

/*careers section*/

section#careers {
	width: 100%;
	height: auto;
	overflow: hidden;
	padding: 20px 0;
	background: #000 url(../images/2000x450-flame-bg-reversed.jpg) no-repeat -200px bottom; }

/*404 page*/

a#link-404 { color: #fff; text-decoration: underline; }

/*footer*/
footer { 
	width: 100%;
	height: auto;
	overflow: hidden;
	background: #fff; }

footer h1 {
	font-size: 3.750em;
	text-align: center;
	color: #000;
	margin: 90px 0 40px 0; }

footer p#desc { 
	color: #000;
	border-left: 2px solid #000;
	margin-bottom: 20px;
	padding-left: 20px; }

#section-instagram { 
	margin: 70px auto 30px;
	padding: 25px 0 0;
	border-top: 2px solid #171717;
	border-bottom: 2px solid #171717; }

#section-instagram h2 {
	padding-left: 10px; 
	font-size: 1.250em;
	color: #171717;
	font-weight: 700;
	display: inline-block; }

a#insta-hashtag {
	font-size: 1.250em;
	display: inline-block;
	font-weight: 700;
	color: #171717;
	float: right; }

a#insta-hashtag:hover { 
	color: #555;
	text-decoration: underline; }

@media only screen and (max-width: 1240px) { 
	
	.content-wrapper {  
		max-width: none;
		width: 90%;
		margin: 0 auto;
		padding: 0; }

	#owner {  
		float: none;
		margin: 20px auto 60px;
		max-width: none;
		width: 100%;
		overflow: hidden;
		display: block; }
	
	#owner-profile { 
		margin: 40px auto;
		max-width: none;
		height: 380px;
		background: url(../images/corrine-large.jpg) no-repeat center center;
		background-size: cover; }
		
	#owner-profile img { display: none; }
	
	ul#team-list { 
		float: none;
		margin: 0 auto 10px;
		max-width: 100%; }
	
	ul#team-list li { border: none; }
	
	ul#team-list li a#team-member-1, ul#team-list li a#team-member-2, ul#team-list li a#team-member-3, ul#team-list li a#team-member-4, ul#team-list li a#team-member-5, ul#team-list li a#team-member-6, ul#team-list li a#team-member-7, ul#team-list li a#team-member-8, ul#team-list li a#team-member-9, ul#team-list li a#team-member-10 { width: 100%; }
	
	ul#team-list li a#team-member-1:hover, ul#team-list li a#team-member-2:hover, ul#team-list li a#team-member-3:hover, ul#team-list li a#team-member-4:hover,
ul#team-list li a#team-member-5:hover, ul#team-list li a#team-member-6:hover, ul#team-list li a#team-member-7:hover, ul#team-list li a#team-member-8:hover,ul#team-list li a#team-member-9:hover,ul#team-list li a#team-member-10:hover { width: 100%; }
	
	#owner p { padding-right: 0; }
	
	h1#team-header { text-align: center; }
	
	ul#spa-list li { 
		display: block; 
		margin: 0 auto 20px;
		width: 100%; }
	
	ul#spa-list li p {
		width: 80%; }

}
	
@media only screen and (max-width: 900px) { 
	
	#section-instagram h2 {
		display: block;
		line-height: 1.25em;
		padding-left: 0;
		text-align: center; }
	
	a#insta-hashtag { 
		float: none;
		text-align: center;
		display: block;
		padding-top: 20px;
		text-decoration: underline; }
		
	ul#team-list li { 
		padding: 0;
		border: none;
		width: 47%;
		margin: 0 1% 20px;
		background: red; }

	ul#team-list li a#team-member-1, ul#team-list li a#team-member-2, ul#team-list li a#team-member-3, ul#team-list li a#team-member-4, ul#team-list li a#team-member-5, ul#team-list li a#team-member-6, ul#team-list li a#team-member-7, ul#team-list li a#team-member-8 { 
		border: none;  }
		
}

#insta-script { padding: 10px 0; }
#mobile-insta-script { display: none; }

@media only screen and (max-width: 840px) { 

	ul#salon-list li { font-size: 0.75em; text-align: center; }

}





@media only screen and (max-width: 720px) {

section#section-banner { margin-top: 200px; }

}

@media only screen and (max-width: 700px) {

#header-logo { float: none; margin: 10px auto 0; }
ul#header-info { float: none; text-align: center; }
ul#header-info li.cta-box-link { margin: 4px 0 0; }
ul#header-info li#cta-txt-link { text-align: center; }

/*header nav*/	
	a#mobile-display-menu { 
		display: block;
		color: #fff;
		text-align: center;
		text-transform: uppercase; 
		padding: 10px 0;
		border-bottom: 1px solid #666;}
	
	ul#mobile-nav { display: none; }
	
	ul#mobile-nav li { 
		width: 100%;
		height: auto;
		overflow: hidden;
		padding: 0;
		text-align: center;
		border-bottom: 1px solid #666; } 
		
	ul#mobile-nav li a { 
		display: block; 
		padding: 10px 0; }
	
	ul#mobile-nav li a:hover { 
		background: #fff;
		color: #0f0f0f; }
			
	h1#banner-header-title { margin: 116px 0 10px; }
	.about-rgt-content { float: none; }
	ul#cta-spa-salon li#salon-cta, ul#cta-spa-salon li#spa-cta { width: 100%; }
	
	section.section-blk-cta-banner h1 { 
		display: block;
		text-align: center;
		line-height: 1.5em;}
		
	section.section-wht-cta-banner h1 { 
		display: block;
		text-align: center;
		line-height: 1.5em;}	
	
	section.section-blk-cta-banner a { 
		float: none;
		display: block;
		padding: 10px 0;}
	
	section.section-wht-cta-banner a { 
		float: none;
		display: block;
		padding: 10px 0;}
	
	section#careers { 
		background: #000 url(../images/2000x450-flame-bg-reversed.jpg) no-repeat -800px bottom;}
	
	section#careers h1 { 
		margin: 30px auto 20px;
		text-align: center; }
	
	ul#header-info { margin: 0 0 10px; }
	
}

@media only screen and (max-width: 650px) {

	ul#salon-list li { font-size: 0.7em; }

}

@media only screen and (max-width: 600px) {
	
	#insta-script { display: none; }

	#mobile-insta-script { 
		display: block;
		padding: 10px 0; } 
		
	ul#team-list li { 
		display: block;
		width: 100%; 
		margin: 0 auto 20px; }
		
	ul.salon-products-list { width: 90%; }	
	section.section-wht-cta-banner a, section.section-blk-cta-banner a { width: 90%; }
	
	ul#salon-list { margin-bottom: 30px; }
	
	ul#salon-list li { width: 90%; font-size: 0.875em; margin-bottom: 30px; }
	
}



#address-social { padding: 0 0 10px; }

#address-social h3 { 
	color: #171717;
	font-weight: 700;
	text-align: center;
	font-size: 1.250em;
	line-height: 1.250em;}

#address-social h3 a { 
	color: #171717;
	text-decoration: none; }

#address-social h4 {
	padding: 5px 0;
	color: #444;
	text-align: center;
	font-size: 1em; }
	
ul#footer-social { 
	width: 92px;
	height: 44px;
	overflow: hidden;
	margin: 10px auto; }

ul#footer-social li { 
	width: 36px;
	height: 36px;
	overflow: hidden;
	display: inline-block;
	margin: 4px;}

ul#footer-social li a#footer-facebook { 
	width: 36px;
	height: 36px;
	overflow: hidden;
	display: block;
	background: url(../images/social-sprites.png) no-repeat left top; }

ul#footer-social li a#footer-instagram { 
	width: 36px;
	height: 36px;
	overflow: hidden;
	display: block;
	background: url(../images/social-sprites.png) no-repeat right top;}

ul#footer-social li a#footer-facebook:hover { background: url(../images/social-sprites.png) no-repeat left bottom;}
ul#footer-social li a#footer-instagram:hover { background: url(../images/social-sprites.png) no-repeat right bottom;}

/*copyright*/

#copyright {
	width: 100%;
	height: auto;
	overflow: hidden;
	padding: 20px 0;
	background: #171717; }

#copyright p { 
	color: #fff;
	text-align: right;
	font-size: 0.750em; }

#copyright p a#web-provider { 
	color: #fff;
	font-weight: 400; }

#copyright p a#web-provider:hover { text-decoration: underline; }

/*booking tool*/

section#section-iframe { 
	background: #fff;
	display: block;
	margin-top: 40px; }

iframe#booking-source { 
	width: 100%;
	min-height: 780px;
	display: block;
	overflow: visible; }


/*media queries*/

@media only screen and (max-width: 505px) {
	
	
	section#careers {
		width: 100%;
		height: auto;
		overflow: hidden;
		padding: 10px 0;
		background: #000 url(../images/2000x450-flame-bg-reversed.jpg) no-repeat center center; }
	
	.team-member,
	.team-member:nth-child(3n+0),
	.team-member:nth-child(2n+0) {
		width:100%;
		margin-right:0;
		min-height:0;
	}
}


@media only screen and (max-width: 490px) {
	
	section#section-banner { margin-top: 222px; }
	h1#banner-header-title { margin: 30px 0 10px; text-align: center; }
	h2#banner-header-subtitle { padding-bottom: 24px; text-align: center; }
	#owner h2 { display: block; margin: 10px 0 0;}
	#owner h3 {	display: block; margin: 0 0 30px;}
	ul#cta-spa-salon li a { margin-top: 80px; }
	section.section-blk-cta-banner a { padding: 10px 0; margin-bottom: 20px; }	
	section.section-wht-cta-banner a { padding: 10px 0; margin-bottom: 20px; }
	ul#salon-list { font-size: 1.750em; }
	ul#salon-list li { float: none;	width: 90%;  }
	ul#spa-list { width: 100%;}
	ul#spa-list li { width: 100%; margin: 0 auto 20px; }
	ul#spa-list li h2 {	width: 90%; }
	ul#spa-list li p { width: 90%; padding: 2% 5%; }
	ul#spa-list li#manipedi { background: #000; }
	ul#spa-list li#waxing { background: #000  }
	ul#spa-list li#skincare { background: #000;  }
	ul#spa-list li#eyebrow { background: #000;  }
	ul#spa-list li#forhim { background: #000;  }
	ul#spa-list li#couples { background: #000;  }
	ul#header-info li#cta-txt-link { font-size: 0.875em; }
	ul#header-info li.cta-box-link a { font-size: 0.875em; padding: 3px; }			
	#copyright p { text-align: center; }
	#address-social h3 { font-size: 1em; }
	#address-social h4 { font-size: 0.875em; line-height: 1.5em;  padding: 5% 0; }
	footer h1, section#section-spa h1 , section#section-salon h1, .about-rgt-content h1, h1#banner-header-title { font-size: 3em !important; margin: 60px auto 20px; }
	h2#banner-header-subtitle { font-size: 1em; line-height: 1.5em; padding-bottom: 30px; }
	.about-rgt-content a { margin: 30px 0 60px; }
	
}

@media only screen and (max-width: 420px) {
	
	
	section#careers h1 { font-size: 3em; margin: 20px auto 10px; }
	.about-rgt-content p { padding: 0; border: none; }
	
	
}

@media only screen and (max-width: 340px) {
	
	section#careers h1 { padding: 40px 0 0;  }
	
}

.clear { clear: both; }