/*
Theme Name: temp
Description: Responsive Theme
Author: Tyler Taylor | Awebco
Author URI: https://www.awebco.com
Version: 1
*/

#myVideo { width:1500px; height: 500px; }

* {box-sizing: border-box;} article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,summary{display:block}audio,canvas,video{display:inline-block;*display:inline;*zoom:1}audio:not([controls]){display:none;height:0}[hidden]{display:none}html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}html,button,input,select,textarea{font-family:sans-serif}body{margin:0}a:focus{outline:thin dotted}a:active,a:hover{outline:0}h1{font-size:2em;margin:.67em 0}h2{font-size:1.5em;margin:.83em 0}h3{font-size:1.17em;margin:1em 0}h4{font-size:1em;margin:1.33em 0}h5{font-size:.83em;margin:1.67em 0}h6{font-size:.75em;margin:2.33em 0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}blockquote{margin:1em 40px}dfn{font-style:italic}mark{background:#ff0;color:#000}p,pre{margin:1em 0}code,kbd,pre,samp{font-family:monospace,serif;_font-family:'courier new',monospace;font-size:1em}pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word}q{quotes:none}q:before,q:after{content:'';content:none}small{font-size:75%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}dl,menu,ol,ul{margin:1em 0}dd{margin:0 0 0 40px}menu,ol,ul{padding:0 0 0 0px}nav ul,nav ol{list-style:none;list-style-image:none}img{border:0;-ms-interpolation-mode:bicubic}svg:not(:root){overflow:hidden}figure{margin:0}form{margin:0}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0;white-space:normal;*margin-left:-7px}button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline;*vertical-align:middle}button,input{line-height:normal}button,html input[type="button"],/* 1 */
input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer;*overflow:visible}button[disabled],input[disabled]{cursor:default}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0;*height:13px;*width:13px}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0}

.col:after, .clr:after, .group:after, #comments #respond:after { content: ""; display: block; height: 0; clear: both; visibility: hidden; zoom: 1; }
.col { display: block; float: left; margin: 0% 0 0% 0%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.one-half, .one-third, .one-fourth, .one-fifth { display: block; float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin: 0px 0% 0 0%; padding: 0 0; }
.one-half { width: 50% }
.one-third { width: 33.3% }
.one-fourth { width: 24% }
.one-fifth { width: 20% }
.one-sixth { width: 16.5% }
.span_1_of_4 { width: 24% }
.span_3_of_4 { width: 74% }

body { background:#f8f1e2 url('') top center no-repeat; nowhitespace: afterproperty; font: 16px/1.25 'open sans', sans-serif; color: #fff;  }
body a { color: #e96198; text-decoration:none;}
body a:hover { color: #e96198; text-decoration:underline }

.wrapper { margin: 0 auto; }

.index { 
	background:#dbdac6;
	background-image: url('https://www.revivesalon-spa.com/wp-content/uploads/2016/06/index-bg1.jpg'),
			url('https://www.revivesalon-spa.com/wp-content/uploads/2016/06/index-bg2.jpg');
	background-position: top left, bottom right;
	background-repeat: no-repeat, no-repeat;
	color:#111; 
	margin-left: 20%; 
	padding: 2% 5% 6%; 
	min-height: 650px; 
}

#cta { text-align:center; font-size: 28px; background:#fff; border-radius: 10px; width: 80%; margin:0 auto; display:block; padding: 25px; box-shadow: 0 0 5px #666 }
#cta  h2{ font-size: 1em }



/* Header
================================================== */


.logo { display:block !important; width:100% !important; }
.logo img{
	width: 75%;
	height: auto;
	margin:0 auto;
	display:block;
}
header.sticky .logo img { width: 100px; margin-top: 8px }



/* Color Schemes
================================================== */

body.one { background:#f8f1e2 }
body.two { background:#fff url('https://www.awebco.com/sample-website/wp-content/uploads/2016/01/xmas.jpg') top center repeat-x; color:#000 !Important}
body.two .number { color:#fff; }

body.three { background: #4c76cb }
body.four { background: #d67332 }



/* Typography
================================================== */

h1, h2, h3, h4, h5, h6 {margin: 15px 0; color:#2f1c0f; font-family:georgia; }

h1 { font-size:4em; font-family:gessele }

.index h1 { font-size:6em; border-bottom: 2px dotted #847f61; margin-top: 0; padding: 25px 0 0; margin-bottom: 25px; text-align:center  }

h2 { font-size: 1.5em;  }

h3 { font-size: 1.25em; }

h4 { font-size: 1em; }

h5 { font-size: 14px; }

h6 { font-size: 12px; }

h1.one { font-family:arial; }
h1.two {  font-family:Lobster Two; }


@font-face {
	font-family: 'gessele';
	src: url('fonts/GESSELE.eot');
	src: local('☺'), url('fonts/GESSELE.woff') format('woff'), url('fonts/GESSELE.ttf') format('truetype'), url('fonts/GESSELE.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}



/* Commons
================================================== */

/*clear floats*/

.clr  { clear:both }

p { margin: 0 0 20px 0; }

em { font-style: italic }

strong { font-weight: bold }

small { font-size: 80% }

hr { border:0; border-bottom:2px dotted #a5a384; clear: both; display:block; margin: 25px 0; background:transparent; }

a { outline: 0; text-decoration: none;}

.breadcrumb {border-bottom: 3px dotted #fff; padding:5px; text-align:center; }

iframe { cursor:disable; }

#fancybox-overlay { z-index: 9999 !important; background:#000 !important }

.phone, .map-i, .mail, .book-i { display:none }

.mobile-only { display:none }


/* WordPress Styles
================================================== */

/*aligns*/

.aligncenter { display: block; margin: 0 auto; }
.alignleft { float: left; margin: 0 20px 20px 0; }
.alignright { float: right; margin: 0 0 20px 20px; }


/*floats*/

.floatleft { float: left }
.floatright { float: right }


/*text style*/

.textcenter { text-align: center }
.textright { text-align: right }
.textleft { text-align: left }


/*captions*/

.wp-caption { max-width: 100% !important }
.wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0; }
.wp-caption img { margin: 0; padding: 0; border: 0 none; max-width: 100%; }
.wp-caption { border: 1px solid #EFEFEF; text-align: center; background-color: #f3f3f3; padding-top: 4px; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
.absolute { position: absolute;}
.relative { position: relative; }

table { width:100%;}


/* Buttons
================================================== */

.button { border:1px solid #fff; color: #fff; padding: 15px 25px; border-radius: .25em; display:inline-block; text-transform: uppercase; margin-right: 10px; }
.button:hover { background:#f580af; animation:pulse .5s ease; color:#fff; text-decoration:none;}

.button i { margin-right: 7px; }

.cta { 
	position: fixed;
	z-index:9999 !important;
	top: 25px;
	right: 15px;
	text-align:center;
	background:#e96198;
	box-shadow: 0 0 5px #000, inset 0 5px 5px #f8b3cf
}

.blog .button { background:#f580af; margin-bottom: 15px;  }

.pink {  background:#f580af; }

#gform_submit_button_3 { width:100%; padding: 20px !important; border:0}



/* Images
================================================== */
.page-thumb img {
	width:100%;
	height: auto;
	border-radius:.5em;
	border:15px solid #fff
}
.ftd-img img,
.home-content .one-half img {
	width:100%; 
	height: auto;
	margin-bottom:15px; 
}

.blog img { width: 90%; height:auto; float:right; border:5px solid #fff; background:#fff; border-radius: .5em  }
.post-thumb img { float:left; display:inline-block; width: 350px; height: auto; margin: 0 25px 25px 0 }



/* Navigation
================================================== */
nav { 
	margin: 0px auto 0 auto; 
	display:block; 
	position: fixed; 
	z-index: 9999; 
	top: 0; 
	padding: 15px 0 0 0; 
	width:20%; 
	height: 100vh; 
	background:#f8f1e2 url('https://www.revivesalon-spa.com/wp-content/uploads/2016/06/nav-bg.jpg'); 
	color:#fff;
	text-align:center;
	color:#2f1c0f;
	box-shadow: 0 0 10px #111;
	background-size: 100% 105%;
}
nav a { text-decoration:none; color:#111; }
nav ul {
	text-align: center;
	display: inline;
	margin: 0 0 !important;
	list-style: none;
}
nav ul li {
	font: bold 18px/18px georgia;
	display: inline-block;
	position: relative;
	display:block;
	width:100%;
	margin: 0 auto;
	border-top:1px dotted #8f8570;
	cursor: pointer;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-ms-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s;
}
nav ul li a {
	padding: 15px 20px;
	display:block;
	width:100%;
	color:#2f1c0f;
}
nav ul li:hover,
nav ul li:hover a,
nav ul li a:hover {
	color:#fff;
	background:#2f1c0f;
	text-decoration:none
}

/* 2nd Level */

nav ul li ul {
	padding: 0;
 	position: absolute;
	top: 0px;
	left: 100%;
	width: 250px;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	display: none;
	opacity: 0;
	visibility: hidden;
	-webkit-transiton: opacity 0.2s;
	-moz-transition: opacity 0.2s;
	-ms-transition: opacity 0.2s;
	-o-transition: opacity 0.2s;
	-transition: opacity 0.2s;
	text-align:left;
}
nav ul li ul li ul { display:none !important}
nav ul li ul li:hover ul { display:block !important}
nav ul li ul li { 
	background: #2f1c0f; 
	display: block; 
	color: #fff;
	text-shadow: 0 -1px 0 #000;
}
nav ul li ul li:hover { background: #5f4737 !important; }

nav ul li ul li a {
	padding:25px 20px;
	display:block;
	width:100%;
	color:#fff !important;
	text-align:center;
}
nav ul li ul li a:hover {
	color:#e96198;
	background:#5f4737;
}

nav ul li:hover ul,
nav ul li ul li:hover ul{
	display: block;
	opacity: 1;
	visibility: visible;
}


/* Third Level */
nav ul li ul li ul{
	padding: 0;
 	position: absolute;
	top: 0px;
	left: 100%;
	width: 250px;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	display: none;
	opacity: 0;
	visibility: hidden;
	-webkit-transiton: opacity 0.2s;
	-moz-transition: opacity 0.2s;
	-ms-transition: opacity 0.2s;
	-o-transition: opacity 0.2s;
	-transition: opacity 0.2s;
}
nav ul li ul li:hover ul li { 
	border-top:1px dotted #222;
}
nav ul li ul li:hover ul li a{ 
	background:#4a3423;
	padding: 30px 25px !important
}
nav ul li ul li:hover ul li a:hover{ 
	background:#a4a391;
}

nav i {
	margin-right: 5px;
	color:#807f6e
}
nav ul li:hover i { color:#fff; }

nav .social i { 
	font-size: 25px !important; 
	color:#fff;
	padding:5px 15px;
	margin-right: 0px;
	background:#e96198; 
	border-radius:.25em
}
nav .social i:hover {
	animation:pulse .5s ease
}


.menu-item a.menu-image-title-after.menu-image-not-hovered img, .menu-item a.menu-image-hovered.menu-image-title-after .menu-image-hover-wrapper { padding-right: 0px !important; border:5px solid #fff; }

.menu-image { border-radius: 50em; margin-right: 10px; width:50px !important; height: auto;  }

.menu-item a:hover .menu-image { animation: tada 1s ease; }



/* Homepage
=================================================== */


#home .title {
	font:normal 270px 'gessele';
	margin: 0 0 -55px;
}
#home .sub {
	font: normal 3em arial;
	margin: 0 0 25px;
}
#slider { 
	display:block;
	width: 100%;
	position: relative; 
}


#slider .tour { 
	position: absolute;
	z-index:2 !important;
	right: 35px;
	bottom: 80px;
}

#hair { 
	background:#333 url('https://www.revivesalon-spa.com/wp-content/uploads/2016/07/hair.jpg') top right;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-attachment: fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	padding: 100px 0 150px;
	box-shadow: inset 0 0 10px #000;
	display:block;
	padding-left: 25%;
}


#nails { 
	background:#333 url('https://www.revivesalon-spa.com/wp-content/uploads/2016/06/nails.jpg') top right;
	padding: 150px 0;
	display:block;
	text-align:right;
	padding-right: 8%;
	text-shadow: 0 0 10px #000
}


/* Spa
=================================================== */

#spa { padding-left: 20%; }
#spa .col {
	height: 400px;
	background:#eee;
	overflow:hidden;
	position:relative;
}
#spa img,
#about img { width: 100%; height:100% }

#spa .mask { 
	background: rgba(0,0,0,.7);
	opacity: 0; 
	position: absolute;
	bottom: 0;
	width:100%;
	height: 100%;
	animation:zoomOut 1s ease;
	text-align:center;
	padding: 100px 50px 0;
}
#spa .col:hover .mask { 
	opacity:1;
	animation:zoomIn .25s ease;
}
#spa .col h2 { color:#fff; font-size:2.5em }
#spa .button { background:#e96198; border:0 }


/* About
=================================================== */


#about { 
	padding-left:20%;
	padding-top: 25px;
	text-align:center;
	display:block;
	overflow:hidden;
background:#2f1c0f !important;
}
#about h1 { line-height: 2.5rem; color:#fff; font:normal 2.5em/.9 georgia;  }
#about h2 { color:#fff; font-style:italic; font-size: 1.15rem; }
#about .col { height: 425px; }
#about .info {
	padding: 45px 50px ; background:#2f1c0f !important;
}



/* Footer 
=================================================== */
#copyright { background:#2f1c0f; padding: 25px; text-align:center; color:#ccc; width: 80%; float:right;   }
#copyright i { margin-right: 20px; font-size: 3em }
#copyright { font-size: 13px; }

/* Tags & Post Navigation
=================================================== */
.tags { 
	padding: 10px 0;
	display:block;
	border-bottom:1px solid #ccc;
	border-top:1px solid #ccc;
	font-size: 12px; 
	margin: 25px 0; 
}
.tags a {
	color:#999;
}

.post-navigation { margin:25px 0; display:block; }
.post-navigation a { 
	padding: 15px;
	background: #64ca64; 
	display:inline-block;
	border-radius:.25em;
	color:#fff;
	font-size: 14px;
	text-align:left;
	text-align:center;
}

.post-navigation a:hover { 
	background:#36ef62;
	color:#fff; 
	text-decoration:none;
}


/* Social
================================================== */
.social {
	text-align:center;	
	padding: 15px 0;
	display:block;
	position:absolute;
	bottom:0;
	width:100%;
}



/* Forms
================================================== */
form input { 
	font-size: 16px !Important;
	padding: 10px  !Important;
}

form .button { background:#e96198 }
form .button:hover { background:#e96198 }

.gsection_title { color:#fff; font-size: 2em !important }


/* Book
================================================== */

#book {
	height: auto;
	width: 100%;
	background: #2f1c0f url('https://www.revivesalon-spa.com/wp-content/uploads/2016/07/revive-salon.jpg');
	background-size: 125% 100%;
	text-align:center;
	color:#fff;
	padding: 0 10% 0px 30%;
}
#book h1 { color:#fff; margin: 0 0; padding: 50px 0; }

#book form { width: 65%}

#field_2_6 { background:#e96198 !important; padding: 25px; }

#field_2_9,
#field_2_10,
#field_2_11,
#field_2_12,
#field_2_13,
#field_2_14 { padding: 25px; border: 15px solid #e96198; }


/* Services Menu (Pricing)
================================================== */
.fdm-menu { width: 75%; margin: 0 auto !important; display:block; }
.fdm-item { color:#2f1c0f; width:100%;  display:inline-block; padding: 15px 35px; border-bottom:1px dotted #a5a384;  }
.fdm-item img { border-radius:50em; width: 75px; margin-right: 25px; margin-top: -15px; box-shadow:0 0 5px #333; border:2px solid #fff }
.fdm-item-panel p { padding: 0 0 !important;   }
.fdm-item:nth-child(4n+1) { clear:left !important;  }
.fdm-item:nth-child(even) { background:#c7c6b2; }

.fdm-item-price { font:bold 20px georgia; color:#a21e53;}
.fdm-item-panel .fdm-item-price-wrapper {  position: absolute; padding: 5px; color:#2f1c0f; display:block !important; width:100% !important; float:none !important; top: 0% !important   }

.fdm-item  { padding: 20px 20px 0 20px !important;  margin: 0 0 !important; }

.fdm-item-title { font: bold 20px georgia !important;  }

.fdm-section-header { border-color:transparent !Important; color:#000;   }
.fdm-section-header h3 {font-size: 2em !important; background:#3c342c; padding:15px;  border-top:5px solid #a21e53; color:#fff;  display:block !important; margin: 50px 0 10px !important; }

.gv_galleryWrap { width:100%; }




/* Responsive Breakpoints
================================================== */


/* Desktop */
@media only screen and (min-width: 1500px) {
	nav ul li a { padding: 20px 20px; }
	#spa .col { height:450px }
}
   
/* Ipad / Tablet */
@media only screen and (min-width:768px) and (max-width:1500px) {
	
	nav ul li a{ padding: 12px 25px !important;}
	
}

 
/* Mobile Device*/
@media only screen and (max-width : 768px) {	

	#wprmenu_bar { z-index:8888 !important }
	.mobile-only { display:block }
	.appt { background:#d94782 !important; color:#fff }

	.col { display:block !important; width:100% !important }

	.logo img{ width: 70%; }

	nav ul,
	.meteor-nav a,
	.tour,
	.book,
	#about,
	.map,
	.creds,
	.social { display:none !important }
	
	nav { background:#fefdfb; padding: 0 0; position: relative; z-index: 1; width:100%; height: 235px; display:block; float:none; box-shadow: 0 0 0  }

	#hair,
	#spa { padding-left: 0 }

	#home { text-align: center !important }
	#home .title {
		font:normal 10em 'gessele';
		margin: 0 0 -55px;
	}
	#home .sub {
		font: normal 1.5em arial;
	}
	#home .button { display:block !important; width:80% !important; margin:0 auto 15px; }


	#hair { 
		background:#e8538b;
		padding: 50px 0 50px;
	}

	#nails { 
		background:#3fa7ae;
		padding: 50px 0 50px;
		text-align:center;
		text-shadow: 0 0 0
	}

	#spa .col { height:auto }
	.spa { display:none }

	#spa .mask { 
		background: rgba(0,0,0,.4);
		opacity: 1; 
		padding: 50px 50px 0;
		animation:none
	}
	#spa .col:hover .mask { 
		opacity:1;
		animation:none;
	}
	#spa .col h2 { color:#fff; font-size:2.5em }
	#spa .col p { display:none }

	#copyright { text-align:center }

	.index { margin-left: 0; background:#dbdac6; }

	.phone { color:#fff !Important; font-size: 2em !Important; display:inline-block; z-index: 9999 !important; position: fixed; top: 0px; padding: 0px 15px !important; text-align:right; right: 0  }

	.map-i, .mail{ color:#fff !Important; font-size: 1.65em !Important; display:inline-block !important; z-index: 9999 !important; position: fixed; top: 0px; padding: 4px 10px !important; right:75px; }

	.mail { right:125px; }
	
	/* ========== MENU =========== */
	
	.fdm-item-panel { text-align:center !important }
	.fdm-item-panel .fdm-item-price-wrapper {  position: relative; padding: 5px; color:#2f1c0f; display:block !important; width:100% !important; float:none !important; top: 15% !important; text-align:center !important; }
	.fdm-item-price { font:bold 16px georgia; }
	.fdm-item img { margin-right: 0 }

	nav .fb-like {  display:none !important; }

	#book { padding: 0 10% }
	#book h1 { line-height: .75em; margin-bottom: 0; padding:30px 0  }

#copyright, #cta  { width:100% }
#cta h2 { font-size: 22px }

.cbp-spmenu i { margin-right: 10px }

#book form { width: 100%}


}