/* swatches
 * 
 * primary: #004e64
 * secondary: #133f4b
 * alt: #003341
 * alt: #2c94b2
 * alt: #509cb2
 * alt: #54bb73
 * 
 * 
 */



html {
	height:100%; /* fix height to 100% for IE */
	max-height:100%; /* fix height for other browsers */
	padding:0; /*remove padding */
	margin:0; /* remove margins */
	border:0; /* remove borders */
	overflow:hidden; /*get rid of scroll bars in IE */
}

body {
	height:100%; /* fix height to 100% for IE */
	max-height:100%; /* fix height for other browsers */
	overflow:hidden; /*get rid of scroll bars in IE */
	padding:0; /*remove padding */
	margin:0; /* remove margins */
	border:0; /* remove borders */
}

hr { background-color:#FFFFFF; color:#FFFFFF; border-top:1px dotted #54bb73; margin:20px 0px; }

strong.phone { font-size:1em; color: #1D3F4B; letter-spacing:1px }
div.hoursofoperation strong.phone { font-size:1.5em; color: #fff; letter-spacing:1px; padding-left:20px }

header { width:100%; background:white url(/assets/images/bg-body.png) repeat-x top; padding-top:63px; }
header div { width:880px; height:130px; margin:0px auto; padding:0px 20px; }
header.home div { width:880px; height:217px; margin:0px auto; padding:0px 20px; }

header ul#nav { float:right; font-size:1em; font-family:'DroidSans'; font-weight:bold; list-style:none; margin:0; padding:0; }
header ul#nav li { display:inline-block; padding-left:15px; }
header ul#nav li a { color:white; }
header ul#nav li a:hover { color:#509cb2; }

/* main page body container */
div#container { display:block; width:100%; height:100%; overflow-y:scroll; z-index:1; }
footer { width:100%; height:130px; position:absolute; bottom:0px; z-index:1000; background-color:#509cb2; }
footer div { width:880px; height:120px; margin:0px auto; padding:5px 0px; color:white !important; }
footer div div.hoursofoperation h6 { font-size:0.8em; font-family:'DroidSans'; color:white; margin-bottom:8px; margin-top:4px; }
footer div div.hoursofoperation table td { padding:0px; padding-right:20px; padding-bottom:2px; font-size:0.8em; font-family:'DroidSans'; }
footer div img#btnSchedule { float:right; margin-top:8px; }

/* page content container */
div#main { width:880px; margin:0px auto; padding:20px; padding-bottom:150px; }

div.covid {
	border: 1px solid #a11600;
	border-radius: 8px;
	padding:20px 50px;
}

/*------------------------------------------------------------------ 
  Multi-column divs
-------------------------------------------------------------------*/
.cols2, .cols3 { display:table; width:100%; }
.cols2 .left { display:table-cell; width:60%; padding-right:40px; border-right:1px dotted #54bb73; vertical-align:top; }
.cols2 .right { display:table-cell; width:40%; padding-left:40px; vertical-align:top; }
.cols2.half .left, .cols2.half .right { width:50% }
.cols3 .left { display:table-cell; width:33%; padding-right:40px; border-right:1px dotted #54bb73; vertical-align:top; }
.cols3 .mid { display:table-cell; width:33%; padding:0px 40px; border-right:1px dotted #54bb73; vertical-align:top; }
.cols3 .right { display:table-cell; width:33%; padding-left:40px; vertical-align:top; }

/* services menu */
tr.service td { padding-bottom:20px; }

iframe#salonbooker { width:100%; height:600px }

#portfolio {
	text-align: center;
	width:100%;
	padding:20px 0px;
}
#portfolio img {
	height: 150px;
	width: 19%;
	object-fit: cover;
}