html, body { background-color:#000; }

a { color:#a1c6ff; }
a:focus, a:hover { text-decoration:none; color:rgb(255, 0, 0); }

h1, h2, h3 { color:#fff; font-weight:300; }
h1 { font-weight:200; }

.uk-offcanvas-overlay::before { background-color:rgba(0,0,0,.5); }

.uk-button { padding:0 15px; font-size:15px; color:#000; background:#fff; border:1px solid #fff; }
.uk-button:hover { background:#000; color:rgb(255, 0, 0); border:1px solid #ccc; }

#squire-widget-root button { border:2px solid #fff !important; }


.google-maps {
	position: relative;
	padding-bottom: 50%;
	height: 0;
	overflow: hidden;
}

.google-maps iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100% !important;
	height: 100% !important;
}

.heroVideo {
	width:100%;
	max-width:100%;
	height:auto;
	margin-bottom:15px;
}

#editpage { position: fixed; top: 4px; left: 48%;  z-index:9999; }
#editpage a { float:left; padding: 3px 6px 5px 6px; background: #db1174; color: #FFB8DB; display: block; font-weight: normal; font-size:14px; z-index:9999; margin:0 1px; text-decoration:none; line-height:1em; stroke-width:2px; 
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px; }
#editpage a:hover { background: #ffffcc; color: #000; text-decoration:none; }

.header { height:115px; background-color:#fff; }
.header.inside { height:80px; }
.header .logo { padding:5px 0; text-align:center; }
.header .logo img.head { width:100%; max-width:50px; margin-bottom:-20px; }
.header .logo img.text { width:100%; max-width:140px; margin-top:20px; padding-bottom:8px; }
.header .uk-navbar-nav li a { color:#000; font-size:13px; padding:0 8px; }
.header .uk-navbar-nav li a:hover { color:rgb(255, 0, 0); }

.header .uk-navbar-toggle { position:absolute; top:0; left:10px; z-index:1; }

.header .booking { position:absolute; top:25px; right:20px; z-index:9999; padding:0 12px; height:28px; line-height:28px; font-size:12px; color:#fff; background:#000; border:1px solid #000; }
.header .booking:hover { background-color:#fff; color:rgb(255, 0, 0); border-color:#ccc; }

.header.uk-active { height:80px; }
.header.uk-active .logo { padding:5px 12px; }
.header.uk-active .logo img.head, .header.inside .logo img.head { max-width:50px; }
.header.uk-active .logo img.text, .header.inside .logo img.text { display:none; }

.header .uk-navbar-dropdown { width:auto; }

.header .navLocations h3 { margin:0; color:#000; }
.header .navLocations p { margin:0; }
.header .navLocations p.links { margin:2px 0 0 0; font-size:14px; }
.header .navLocations p.links a { border-bottom:1px dotted #666; }
.header .navLocations p.links a:hover { border-color:rgb(255, 0, 0); }
.header .navLocations p.links i { margin-right:5px; }
.header .navLocations p.links span { padding:0 8px; }
.header .navLocations .uk-button { margin-top:15px; padding:0 12px; height:30px; line-height:30px; font-size:12px; color:#fff; background:#000; border:1px solid #000; }
.header .navLocations .uk-button:hover { background-color:#fff; color:rgb(255, 0, 0); border-color:#ccc; }

.ctas { padding:12px; text-align:center; }
.ctas .instagram i { position:relative; top:-2px; margin-left:25px; margin-right:20px; }
.ctas .phone { margin-top:5px; padding:0 20px; font-size:24px; text-align:center; }

.uk-offcanvas-bar .uk-nav-default { font-size:18px; text-align:center; }
.uk-offcanvas-bar .uk-nav-default a { padding:5px 0; }
.uk-offcanvas-bar .book { padding:0 15px; font-size:15px; color:#000; background:#fff; border:1px solid #fff; }
.uk-offcanvas-bar .book:hover { background:#000; color:rgb(255, 0, 0); border:1px solid #ccc; }

.hero { width:100%; max-width:100%; background-color:#000; }
.hero img.bkg { width:100%; max-width:100%; }

.content { padding:40px 0; width:100%; text-align:center; }
.content .layout { padding:0 30px; max-width:1200px; margin:0 auto; color:#a4a4a4; font-size:18px; }
.content .layout.limit { max-width:840px; }
.content p { margin:15px 0; }
.content h1 { text-align:center; text-transform:uppercase; }
.content strong { color:#fff; font-weight:normal; }

.content.white { background-color:#fff; }
.content.white h1 { color:#000; }
.content.white h2 { color:#000; }
.content.white p { color:#666; }
.content.white p a { color:#39f; border-bottom:1px dotted #39f; font-size:15px; }
.content.white p a:hover { color:rgb(255,0,0); border-color:rgb(255,0,0); }
.content.white p strong { color:#000; font-weight:bold; }
.content.white ul { color:#666; }
.content.white i { color:#666; }
.content.white .uk-button { margin:10px 0 40px 0; padding:0 15px; font-size:15px; color:#fff; background:#000; border:1px solid #000; }
.content.white .uk-button:hover { background:#fff; color:rgb(255, 0, 0); border:1px solid #ccc; }

.locations { text-align:center; padding-bottom:50px; }
.locations i { margin-right:5px; }
.locations h2 { margin:10px 0 0 0; color:#000; font-size:24px; line-height:1.2em; }
.locations h3 { margin:2px 0 0 0; color:#666; font-size:20px; }
.locations p { margin:2px 0; font-size:16px; }
.locations p.telmail { margin-top:0; line-height:1.4em; }
.locations p.telmail a { border:none; }
.locations p.telmail a.phone { color:#666; }
.locations p.links a { font-size:14px; }
.locations p.links span { padding:0 8px; }
.locations .uk-button { margin:10px 0 0 0 !important; font-size:15px !important; }

.location { margin-top:10px; text-align:center; }
.location h2 { margin:0; }
.location h3 { font-size:20px; margin:0 0 12px 0; color:#ccc; }
.location p { margin:10px 0; font-size:15px; }
.location p a.phone { color:#fff; }
.location table { margin:20px auto; font-size:12px; border-collapse:collapse; }
.location table th { text-align:right; padding:4px 6px 4px 14px; color:#ffc75b; font-weight:normal; background-color:#494949; border-bottom:2px solid #000; }
.location table td { text-align:left; padding:4px 14px 4px 6px; color:#ffc75b; font-weight:normal; background-color:#494949; border-bottom:2px solid #000; }

.jobs { background:#fff; text-align:left; }
.jobs .layout { width:100%; max-width:1000px; margin:0 auto; }
.jobs .uk-grid { padding:0 20px; }
.jobs img.pole { width:100%; max-width:120px; }
.jobs h2 { color:#000; }

.services { margin:0 auto; width:100%; max-width:800px; text-align:left; border-collapse:collapse; }
.services td { padding:8px 10px 9px 0; font-size:14px; vertical-align:top; border-bottom:1px dotted #494949; }
.services td p { margin:0; }
.services td.price { width:120px; }
.services td.price p { margin:15px 0 0 0; text-align:center; color:#fff; font-size:18px; }
.services td strong { color:#fff; font-size:16px; }
.services td span { padding-left:5px; color:#ccc; }

.barbers { margin:-20px auto 0 auto; width:100%; max-width:860px; text-align:left; }
.barbers hr { margin:35px 0 30px 0; border:none; border-top:1px dotted #494949; background:none; }
.barber { margin-bottom:60px; }
.barber .photo img { margin-top:5px; width:100%; }
.barber h2 { margin:0 0 5px 0; }
.barber h3 { margin:0; font-size:18px; }
.barber p { margin:10px 0 15px 0; font-size:16px; }
.barber p span { padding:0 10px; }
.barber .uk-button { margin:0; height:36px; line-height:34px; }

.product { position:relative; margin-top:-20px; padding-bottom:40px; background:#000; }
.product .box { position:relative; margin:-15% auto 0 auto; padding:30px; width:70%; max-width:600px; color:#fff; background:#000; }
.product .box img { width:100%; max-width:400px; }
.product .box p { text-align:center; font-size:15px; line-height:1.6em; }

.logos { margin:0 auto; padding:20px 0 30px 0; width:100%; max-width:1000px; text-align:center; line-height:1em; }
.logos img { margin:10px; width:100%; max-width:240px; }

.slider { width:100%; max-width:100%; background-color:#000; }
.slider img { width:100%; }
.slider .logo { text-align:center; }
.slider .logo img { margin-top:20%; width:60%; max-width:300px; padding:30px; }
.slider .slides { text-align:right; }

.uk-modal { z-index:9999; }
.uk-modal .people { font-size:16px; font-weight:bold; text-align:center; }
.uk-modal .people div { display:inline-block; padding:5px; }
.uk-modal .people img { width:70px; height:70px; margin-bottom:3px; box-shadow: 0px 2px 8px 2px rgba(17, 17, 26, 0.2); }
.uk-modal h2 { color:#000; font-size:26px; }
.uk-modal h3 { font-size:22px; margin:0 0 15px 0; padding-bottom:5px; color:#000; border-bottom:1px dotted #000; }
.uk-modal p { margin:12px 0 0 0; font-size:14px; line-height:1.3em; }
.uk-modal ul { margin:10px 0 0 0; }
.uk-modal ul li { padding:3px 0; font-size:14px; line-height:1.3em; }
.uk-modal .uk-button { margin:-5px 0 0 0; padding:0 20px; height:36px; line-height:32px; font-size:14px; color:#fff; background:#000; border:1px solid #000; }
.uk-modal .uk-button:hover { background:#fff; color:rgb(255, 0, 0); border:1px solid #ccc; }
.uk-modal p.covidlink { margin:0 0 20px 0; text-align:center; }
.uk-modal p.covidlink a { color:#2e6cff; border-bottom:1px dotted #2e6cff; }

#covid .uk-modal-dialog { padding:20px 25px 25px 25px; }

.parking { margin:20px 0; padding:8px 15px; border:1px solid #666; text-align:center; color:rgb(255,0,0); font-weight:bold; }

.book .uk-modal-dialog { width:100% !important; max-width:1100px !important; height:90% !important; min-height:100% !important; padding:0; border:2px solid #fff; }
.book iframe { width:100% !important; height:100% !important; }

.footer { padding:30px; background-color:#20252A; text-align:center; }
.footer table { margin:0 auto; }
.footer table td { padding:0 20px; text-align:center; }
.footer img.logo { margin:10px 0; width:100%; max-width:300px; }
.footer p { margin:10px 0; }
.footer p a { color:#39f; }
.footer p a.phone { color:#fff; }
.footer p a:hover { color:rgb(255, 0, 0); }
.footer p.copyright { margin-top:20px; font-size:12px; }
.footer .uk-button { padding:0 15px; font-size:14px; height:34px; line-height:33px; color:#000; background:#fff; border:1px solid #fff; }
.footer .uk-button:hover { background:#000; color:rgb(255, 0, 0); border:1px solid #ccc; }

a.social i { margin-bottom:5px; }


/* MEDIA QUERIES */

/* min-width 640px, small screens */
@media only screen and (min-width: 640px) { 
	
	.hero h1 { font-size:30px; }
	.hero p { font-size:14px; }
	
	.locations .uk-button { margin-bottom:0; }

	.product .box p { text-align:justify; }
	
}

/* min-width 960px, medium screens */
@media only screen and (min-width: 960px) { 
	
	.hero h1 { font-size:40px; }
	.hero p { font-size:18px; }

	.footer table td { width:33%; }
	.footer p.copyright { margin-top:0; }

	.header .logo { padding:5px 12px; }

	.locations h2 { font-size:30px; }

	.ctas .phone { margin-top:0; text-align:right; }

}

/* min-width 1024px, ipad */
@media only screen and (min-width: 1024px) { 
}

/* min-width 1200px, large screens */
@media only screen and (min-width: 1200px) { 
		
	.hero h1 { font-size:50px; }
	.hero p { font-size:24px; }
	
	.header { height:160px; }
	.header .logo img.head { max-width:70px; }
	.header .logo img.text { max-width:200px; }
	.header .uk-navbar-nav li a { font-size:14px; padding:0 15px; }
	
}

/* min-width 1400px */
@media only screen and (min-width: 1400px) { 

}

/* min-width 1600px, x-large screens */
@media only screen and (min-width: 1600px) { 

}