@charset "UTF-8";
/* CSS Document */

body {
	background-color:rgba(48,48,48,1);
}

@import '../gumby-parallax/_parallax.scss';

.parallax {
	background-attachment: fixed !important;
	background-size: cover;
    background-repeat: no-repeat;
	background-image: url(../images/barbershop_background2.jpg);
	/*don't need to specify height for background image */
}

h1 {
	text-align: center;
	color:rgba(238,35,35,1);
	}

h2{
	text-align: center;
	color: #ffffff;
	}
	
h3 {
	color: #ffffff;
}

/*************
NAVBAR	
*************/
nav{
	height: 156px;
}

.navbar .logo { display: inline-block; margin: 0 2.12766% 0 0; padding: 0; height: 90px; line-height: 88px; }
.navbar .logo a { display: block; padding: 0; overflow: hidden; height: 90px; line-height: 88px; }

nav, #navbar-main-nav, .navbar .fixed  {
	background-color: #000000;
}

.icon-menu {
	color: rgba(58,82,163,1);
}

.icon-info-circled {
	color: rgba(58,82,163,1);
}

.icon-phone {
	color: rgba(58,82,163,1);
}

/* Mobile */
@media only screen and (max-width: 775px) { body { -webkit-text-size-adjust: none; -ms-text-size-adjust: none; width: 100%; min-width: 0; }
  .container { min-width: 0; margin-left: 0; margin-right: 0; }
  .row { width: 100%; min-width: 0; margin-left: 0; margin-right: 0; }
  .row .row .column, .row .row .columns { padding: 0; }
  .row .centered { margin-left: 0 !important; }
  .column, .columns { width: auto !important; float: none; margin-left: 0; margin-right: 0; }
  .column:last-child, .columns:last-child { margin-right: 0; float: none; }
  [class*="column"] + [class*="column"]:last-child { float: none; }
  [class*="column"]:before { display: table; }
  [class*="column"]:after { display: table; clear: both; }
  [class^="push_"], [class*="push_"], [class^="pull_"], [class*="pull_"] { margin-left: 0 !important; } }
/* Navigation (with dropdowns) */
.navbar { width: 100%; min-height: 60px; display: block; margin-bottom: 20px; background: #00000; position: relative; }
@media only screen and (max-width: 775px) { .navbar { border: none; }
  .navbar .column, .navbar .columns { min-height: 0; } }
.navbar.fixed { position: fixed; z-index: 99999; }
.navbar.pinned { position: absolute; }
.navbar a.toggle { display: none; }
@media only screen and (max-width: 775px) { .navbar a.toggle { top: 18%; right: 4%; width: 46px; position: absolute; text-align: center; display: inline-block; color: white; background: #4a4d50; height: 40px; line-height: 38px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; font-size: 30px; font-size: 1.875rem; }
  .navbar a.toggle:hover { background: #565a5d; }
  .navbar a.toggle:active, .navbar a.toggle.active { background: #3e4043; } }

.navbar .logo { display: inline-block; margin: 0 2.12766% 0 0; padding: 0; height: 60px; line-height: 58px; }
.navbar .logo a { display: block; padding: 0; overflow: hidden; height: 60px; line-height: 58px; }
.navbar .logo a img { max-height: 95%; }
@media only screen and (max-width: 775px) { .navbar .logo { float: left; display: inline; }
  .navbar .logo a { padding: 0; }
  .navbar .logo a img { width: auto; height: auto; max-width: 100%; } }

.navbar ul { display: table; vertical-align: middle; margin: 0; float: none; }
@media only screen and (max-width: 775px) { .navbar ul { position: absolute; display: block; width: 100% !important; height: 0; max-height: 0; top: 60px; left: 0; overflow: hidden; text-align: center; background: #3e4043; }
  .navbar ul.active { height: auto; max-height: 600px; z-index: 999998; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -o-transition-duration: 0.5s; transition-duration: 0.5s; -webkit-box-shadow: 0 2px 2px #252728; -moz-box-shadow: 0 2px 2px #252728; box-shadow: 0 2px 2px #252728; } }
.navbar ul li { display: table-cell; text-align: center; padding-bottom: 0; margin: 0; height: 60px; line-height: 58px; }


@media only screen and (max-width: 775px) { .navbar ul li { display: block; position: relative; min-height: 50px; max-height: 320px; height: auto; width: 100%; border-right: 0 !important; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -o-transition-duration: 0.5s; transition-duration: 0.5s; } }
.navbar ul li > a { display: block; padding: 0 16px; white-space: nowrap; color: white; text-shadow: 0 1px 2px #191a1b, 0 1px 0 #191a1b; height: 60px; line-height: 58px; font-size: 16px; font-size: 1rem; }
.navbar ul li > a i.icon-popup { position: absolute; }
.navbar ul li .btn { border-color: #000101 !important; }
.navbar ul li.field { margin-bottom: 0 !important; margin-right: 0; }
@media only screen and (max-width: 775px) { .navbar ul li.field { padding: 0 20px; } }
.navbar ul li.field input.search { background: #191a1b; border: none; color: #f2f2f2; }
.navbar ul li .dropdown { width: auto; min-width: 0; max-width: 320px; height: 0; position: absolute; background: #fafafa; overflow: hidden; z-index: 999; }
@media only screen and (max-width: 775px) { .navbar ul li .dropdown { width: 100%; max-width: 100%; position: relative; -webkit-box-shadow: none !important; -moz-box-shadow: none !important; box-shadow: none !important; }
  .navbar ul li.active .dropdown { border-bottom: 1px solid #313436; }
  .navbar ul li.active .dropdown ul { position: relative; top: 0; background: #36393b; min-height: 50px; max-height: 250px; height: auto; overflow: auto; -webkit-box-shadow: none !important; -moz-box-shadow: none !important; box-shadow: none !important; }
  .navbar ul li.active .dropdown ul li { min-height: 50px; border-bottom: #3e4043; }
  .navbar ul li.active .dropdown ul li a { color: white; border-bottom: 1px solid #313436; }
  .navbar ul li.active .dropdown ul li a:hover { color: #d04526; } }

@media only screen and (min-width: 745px) { .navbar > ul > li > .btn a { padding: 0 10px 0 10px !important; }
  .navbar ul > li .dropdown ul li.active .dropdown { left: -320px; } 
  .navbar ul > li {
	 padding-top: 50px;	 
	}
}


.navbar {
	background-color: #00000;
}


/***************
SLIDESHOW
***************/
#slideshow {
	margin-bottom: 0px;
}

#slideshow-one {
	margin-top: 140px;
	/*background-color:rgba(51,51,51,.7);*/
	padding: 40px 20px 20px;
	color: #ffffff;	
}

@media only screen and (max-width: 769px) {
	#slideshow-one {
	margin-top: 0px;
	padding-top: 0px;
	}
}

#slideshow-one p {
	text-align: center;
	color: #000000;	
}


  
/*****************
LOCATION
****************/
#location-one {
	/*background-color:rgba(0,0,0,.8);*/
	padding: 0px 20px 40px;
	color: #ffffff;	
} 
  
/*****************
HOURS
****************/
#hours-one {
	/*background-color:rgba(0,0,0,.8);*/
	margin-top: 20px;
	padding: 40px 20px 40px;
	color: #ffffff;	
}  

/*****************
ABOUT
****************/
#about-one {
	/*background-color:rgba(0,0,0,.8);*/
	margin-top: 20px;
	padding: 40px 20px 0px;
	color: #ffffff;	
}

/*****************
ANIMATIONS
****************/

.captionRed, h1 {
    color: #EE2323;
    text-align: center;
	/*
	font-size: 36px;
    line-height: 60px;
	border-radius: 4px;
	background: rgba(238,35,35,1);
    background-color: rgba(238,35,35,.4);*/
}

#mobileAnimations {
	display: none;
}

@media only screen and (max-width: 767px) {
	#desktopAnimations {
		display: none;
	}
	#mobileAnimations {
		display: block;
	}
}
 
/*****************
CONTACT 
****************/
#contact-one {
	/*background-color:rgba(0,0,0,.8);*/
	padding: 20px 20px 40px;
	color: #ffffff;	
}  
  
/*****************
FOOTER
****************/
#footer p {
	 list-style-type: none;
	 color: #ffffff;
	 text-align: center;
	 padding-top: 15px;
 }