/* BLUE STAR SITE CSS */
/*
	header ex: https://codepen.io/bootstrapped/pen/KwYGwq (not using)
			yes: https://bootsnipp.com/snippets/featured/responsive-navbar-brand-centered

	Fonts:
		* www.myfonts.com
			https://www.myfonts.com/fonts/urw/franklin-gothic/webfont_preview.html#index
			font-family: 'Franklin Gothic Book'
			font-family: 'Franklin Gothic Medium'
			font-family: 'Franklin Gothic Demi' (x)
			font-family: 'Franklin Gothic Light'

	Colors:
		Section Blue/Green: #86aaae;

	Tasks:
		Deprecate h2.dark, h2.white, etc.
*/

/*****************************************************************\
		NEW BLUE STAR BARBERSHOP STYLES
\*****************************************************************/
html,
body {
	overflow-x: hidden; /* Prevent scroll on narrow devices */
}

body {
	background-color:#fff;
	font-family: FranklinGothicURW-Boo;
	font-size:18px;
	color:rgba(83,81,81,1);
}
/*****************************************************************\
				 BOOTSTRAP 4 STYLE OVERRIDES
\*****************************************************************/
:active,
:focus {
	outline:none !important;
}
/* END BOOTSTRAP 4 STYLE OVERRIDES */

/* DIGITIST DEFAULT STYLES */
.df-crud-dialog {
	display:none;
}
/* END DIGITIST STYLES */

/*
.grecaptcha-badge { opacity:0;}
https://brizzo.net/tips/hide-recaptcha-v3-badge/
*/
/* hide grecaptcha-badge by default, enable on page-by-page basis */
.grecaptcha-badge { opacity:0; }

/*****************************************************************\
						PSEUDO CLASSES
\*****************************************************************/
.white {
	color:#fff !important;
}

.img-responsive {
	max-width:100%;
}

/* @NOTE: This is a bugfix for Bootbox v5 and BS4 */
.modal-header{
	display: block !important;
}
/* @NOTE: END BUGFIX */

h1 {
	font-size:48px;
	color:#fff;
	font-family: FranklinGothicURW-Dem !important;
	letter-spacing:normal;
	text-shadow: rgba(0, 0, 0, 0.498039) -1px -1px 0px, 
				 rgba(0, 0, 0, 0.498039) -1px 1px 0px, 
				 rgba(0, 0, 0, 0.498039) 1px 1px 0px, 
				 rgba(0, 0, 0, 0.498039) 1px -1px 0px;
    text-rendering:optimizeLegibility;
	text-transform: uppercase;
	color:rgb(83,81,81) !important; /* THIS IS THE NEW COLOR FONT */
	text-shadow:none !important;
	display:block;
	font-weight: 500;
	-webkit-text-stroke-width: 0px;
}

h1.white {
    text-shadow: rgba(0, 0, 0, 0.498039) -1px -1px 0px, 
    			 rgba(0, 0, 0, 0.498039) -1px 1px 0px, 
    			 rgba(0, 0, 0, 0.498039) 1px 1px 0px, 
    			 rgba(0, 0, 0, 0.498039) 1px -1px 0px !important;
}

h1.dark {
	font-family: FranklinGothicURW-Dem !important;
	text-shadow: 4px 2px 1px rgba(0,0,0,0.3);
	text-transform: uppercase;
	color:rgb(83,81,81) !important;
}

h2 {
	margin-bottom:40px;
	font-family: FranklinGothicURW-Dem !important;
	/*
	text-shadow: 3px 3px 1px rgba(0,0,0,0.6);
	*/
	text-transform: uppercase;	
	font-size:36px;
}

h2.white {
	/*
	color:#fff;
	text-shadow: 8px 4px 1px rgba(0,0,0,0.8);
	font-size:48px;
	margin-bottom:50px;
	*/

	color:#fff;
	display:block;
	letter-spacing:normal;
	text-shadow: rgba(0, 0, 0, 0.498039) -1px -1px 0px, 
				 rgba(0, 0, 0, 0.498039) -1px 1px 0px, 
				 rgba(0, 0, 0, 0.498039) 1px 1px 0px, 
				 rgba(0, 0, 0, 0.498039) 1px -1px 0px;
    text-rendering:optimizeLegibility;

}

h2.dark {
	font-family: FranklinGothicURW-Dem !important;
	text-transform:uppercase;
	color:rgb(83,81,81) !important; /* THIS IS THE NEW COLOR FONT */
	text-shadow:none !important;
	display:block;
	font-weight: 500;
	-webkit-text-stroke-width: 0px;
}

h3 {
	color:rgb(83,81,81); /* THIS IS THE NEW COLOR FONT */
	font-family: FranklinGothicURW-Dem !important;
	text-transform: uppercase;
	font-size:22px;
}

h4 {
	font-family: FranklinGothicURW-Dem !important;
	text-transform: uppercase;	
}

/* LINKS */
a {
	color:#72afb6;
}

a:link {
	color:#72afb6;
}

a:visited {
	color:#72afb6;
}

a:focus {
	color:#72afb6;
}

a:hover {
	color:#72afb6;
}

a:active {

}

a.black,
a.black:hover {
	color:#000;
}

p {
	line-height: 1.7em;
	color:rgb(83,81,81) !important;
}

.short-text {
	display:block; 
	text-transform: uppercase; 
	text-align: center;
	font-size:15px; 
	margin-bottom:70px;	
	font-family: FranklinGothicURW-Dem;
}

/*****************************************************************\
					HEADER / NAVIGATION
\*****************************************************************/
header .dropdown-menu {
	padding:0;
	box-shadow: 5px 0 20px 0 rgba(181,181,181,0.26);	
	border-radius:4px;
	/*
	border-left:4px solid transparent;
	*/
	border:1px solid rgba(0,0,0,0.15) !important;
}

header .dropdown-menu li {
	border-bottom:1px solid #d9d9d9;	
	padding-right:20px !important;
}

header .dropdown-menu li:hover {
	background-color:#f3f3f3;
}

header .dropdown-menu li > a {
	font-family: FranklinGothicURW-Dem !important;
	color:#222226;
	white-space: nowrap;
	text-decoration: none;
}

header .dropdown-menu li > a:active,
header .dropdown-menu li > a:hover {
	
}

/* Automatic hover dropdown menu */
/* Usable code: just unstyled...
.dropdown {
	padding-left:17px;
	border-left:4px solid transparent;
	border-top:1px solid transparent;
	border-right:1px solid transparent;
}

.dropdown.show,
.dropdown:hover {
    border-top:1px solid rgba(0,0,0,0.15);
    border-right:1px solid rgba(0,0,0,0.15);
	border-left:1px solid transparent;
	border-top:1px solid transparent;
	border-right:1px solid transparent;
	background-color:#fff;
	box-shadow: 5px 0 20px 0 rgba(181,181,181,0.46);
	border-left:4px solid transparent;
}
*/

/* In the case the user clicks a dropdown item to keep it open, we need to have
   consistent styling when the mouse moves off as the pop up menu will remain open.
   This is the workaround for that */

.dropdown.show .dropdown-menu {
	top:93%;
	display:block;
}

/*****************************************************************\
\*****************************************************************/
/**** COMPONENTS STYLES *****/
/*
.grecaptcha-badge { opacity:0;}
https://brizzo.net/tips/hide-recaptcha-v3-badge/
*/
/* hide grecaptcha-badge by default, enable on page-by-page basis */
.grecaptcha-badge { opacity:0; }

/* Navigation */
nav.navbar {
	background-color:rgba(255,255,255,1) !important;
	border-bottom:none;
/*	
	border-bottom:1px solid rgba(0,0,0,0.02);
	box-shadow: 0 4px 6px -4px rgba(0,0,0,0.1);*/
}

header #logo-header {
	position:relative;
	top:5px;
}

header nav a {
	white-space: nowrap;
	text-transform: uppercase;
}

header .nav-link {
	font-family: FranklinGothicURW-Dem !important;
	color:#222226 !important;
}

header .nav-link:hover,
header .nav-link:active {
	background-color:#f3f3f3;
}

/* Adjustment for center orientation with flexbox of the logo 
 	due to unbalanced width of each navbar item set (left is less wide) */
header ul#navbar-left-nav {
	padding-left:117px; /* push logo to right navigation offset *key* */
	padding-right:15px;	

	/* above are the old values for 'shop' */
	padding-left:72px;
	padding-right:15px;

}

@media(max-width:1050px) {
	header ul#navbar-left-nav {
		padding-left:45px; 
		padding-right:5px;	
	}

	header #logo-header {
		position:relative;
		left:10px;
	}
}

@media(max-width:991.99999px) {
	header ul#navbar-left-nav {
		padding-left:0px; 
		padding-right:0px;	
	}
}

/* END HEADER LOGO CENTERING ADJUSTMENTS */

@media (min-width: 992px) {
	.navbar-expand-lg .navbar-nav .nav-link {
		padding-right:0.75rem;
		padding-left:0.75rem;
	}

	/* OPEN CSS MENU ON HOVER ON DESKTOP */
	
	.dropdown:hover>.dropdown-menu {
	  display: block;
	  top:93%;
	  border-top:none;
	}
}

header ul.dropdown-menu li {
	padding: 8px 5px 8px 15px;	
}

/* TOP TOOLBAR COMPONENT */
div#toolbar {
	background-color:rgb(83, 81, 81);
	background-color:#231f20;
	color:#fff;
	text-transform: uppercase;
	font-size:12px;
	font-family: FranklinGothicURW-Dem !important;
	padding-top:15px;
	padding-bottom:15px;
	margin-bottom:5px;
}

div#toolbar #announcement-panel span {
	font-size:12px;
	color:rgba(255,255,255,0.7);
}

div#toolbar #account-panel ul {
	padding-left:0px;
	margin:0;
}
div#toolbar #account-panel ul li {
	display:inline-block;
	border-left:1px solid #555;
	padding-left:20px;
	padding-right:20px;
}
div#toolbar #account-panel ul li:last-of-type{
	padding-right:0px !important;
}

/* END TOOLBAR COMPONENT */

/*****************************************************************\
						LAYOUT PSEUDO
\*****************************************************************/

.twopart-rightcol-col1 {
	box-sizing:border-box !important; 
	font-stretch:100%; 
	letter-spacing:normal; 
	line-height:21px; 
	max-width:100% !important; 
	position:relative; 
	left:-15px;
}

.twopart-rightcol-col1 h2 {
	margin-top:5px;
}

section#hero {
	display:flex;
	flex-flow: column;
	align-items:center;
	justify-content:center;
}

#dlgBsbCovid19 .close {
	display:none;
}
/*****************************************************************\
						SUBPAGES
\*****************************************************************/
/*** HOMEPAGE ***/

/* Homepage: Carousel */
html#home .carousel {}

html#home .carousel-inner{ 
	position:relative;
}

html#home #carouselContainer {
	position:relative;
}

html#home .carousel-item {
	min-height: 350px;
	height:100vh;
	max-height:746px;
	background: no-repeat center center scroll;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
/* End Homepage: Carousel */

/* Map */
.feature.map {
  height:100%;
  margin-top:40px;
}

#location-map {
	min-height:450px;
}
/* End Map */

html#home div#hero-image {
	max-width:360px;
	height:auto;
	margin:auto;
	margin-top:80px;
}

html#home #img_bsb_products {
	max-width:90%;
	max-height:420px;
	margin-top:10px;
	margin:auto;
}

html#home #BlueStarProducts {
	padding-top:100px;
	padding-bottom:150px;
}

html#home #BlueStarGiftCard {
	padding-top:100px;
	padding-bottom:150px;	
	background-color:#f0f0f0;
}

html#home .section-image-bg h2 {
	text-align: center;
}

html#home #BetterHaircuts {
	padding-top:100px;
	padding-bottom:130px;
}

html#home #LookSharpEveryday {
	padding-top:100px;
	padding-bottom:130px;
	border-bottom:1px solid #f0f0f0; 
	background-image:linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url('/assets/img/279651_cd34390781b44a09bd1bb03b15686d39_mv2_d_4496_3000_s_4_2.jpg'); 
	background-size:cover;
}

html#home .tagline {
	text-transform: uppercase;
	max-width:750px;
	display:block;
	margin:auto;
	margin-top:50px;
	margin-bottom:70px;
	font-family: FranklinGothicURW-Dem !important;	
}

html#home .section-image-bg .tagline {
	color:#fff;
}

html#home #ElevatedExperience {
	margin-top:20px;
	margin-bottom:20px;
}

html#home .twopartlayout {
	overflow-x:hidden;
}

html#home #HaircutsThatRock .row > div:first-child {
	background-image:url('/assets/img/279651_19123d5f439e4e6e9d1aa535c37b8d39_mv2_d_3000_2002_s_2.jpg'); 
	background-repeat:no-repeat; 
	background-size:cover; 
	background-position:center;	
}

html#home #HaircutsThatRock .row > div:first-child > div {
	height:575px;
}

html#home div#haircuts-that-rock {
	left:15px !important;
	background-color:#86aaae;
}

html#home div#haircuts-that-rock > div {
	height:575px; 
	display:flex; 
	align-items:center; 
	justify-content: center;	
}

html#home section#LastHairCutQuote {
	height:683px; 
	width:100%; 
	background-image:url('/assets/img/BuzzNeck.jpg'); 
	background-repeat: no-repeat; 
	background-size:cover; 
	background-position:center;
}

html#home div#lasthaircut-svg {
	position: relative; 
	top:90px;
	height:37px;
	left:0px; 
	width:36px; 
}
/*** END HOMEPAGE ***/

/* Small Devices, Tablets */
@media only screen and (max-width : 1000px) {
	html#home div#twopart-rightcol {
		left:0px !important;
	}

	html#home div#haircuts-that-rock {
		left:0px !important;
	}

	html#home div#shaving-in-action {
		left:0px !important;
	}
}

/* Small Devices, Tablets */
@media only screen and (max-width : 480px) {
	div#twopart-rightcol {
		left:0px !important;
	}

	.telephone-location {
		display:block;
	}
}

/**********************************************************/
/**********************************************************/
/**********************************************************/
/**********************************************************/
/**********************************************************/
/* OLD BSB CSS */

.new-white {
	color:#fff;
	display:block;
	letter-spacing:normal;
	text-shadow: rgba(0, 0, 0, 0.498039) -1px -1px 0px, 
				 rgba(0, 0, 0, 0.498039) -1px 1px 0px, 
				 rgba(0, 0, 0, 0.498039) 1px 1px 0px, 
				 rgba(0, 0, 0, 0.498039) 1px -1px 0px;
    text-rendering:optimizeLegibility;
}

.new-black {
	color:rgb(83,81,81) !important; /* THIS IS THE NEW COLOR FONT */
	text-shadow:none !important;
	display:block;
	font-weight: 500;
	-webkit-text-stroke-width: 0px;
    text-rendering:optimizeLegibility;
}
/* END HEADING STYLES */

p.body {
	font-family: FranklinGothicURW-Boo !important;
	font-weight: normal;
	font-style: normal;
	font-size:18px;
	color:rgb(83,81,81) !important; /* THIS IS THE NEW COLOR FONT */
}

.bold {
	font-weight:600;
	color:rgb(66,66,66);
}

/*********************** WEBFONT CODE *********************************/
.FranklinGothicURW-Boo { 
	font-family: FranklinGothicURW-Boo;
	font-weight: normal;
	font-style: normal;
}

.FranklinGothicURW-Dem { 
	font-family: FranklinGothicURW-Dem;
	font-weight: normal;
	font-style: normal;
}

.hrule {
	background-color:rgba(82,82,82,0.2);
	width:100% !important;
	height:1px;	
	margin-top:20px;
	margin-bottom:40px;
}

.normal {
	font-family: FranklinGothicURW-Boo !important;
	font-weight: normal;
	font-style: normal;
}

.underline {
	border-bottom: 3px double #73afb6;
	padding-bottom:15px;
}

.fg-book {
	font-family: FranklinGothicURW-Boo !important;
	font-weight: normal;
	font-style: normal;
}

.light {
	font-family: FranklinGothicURW-Boo !important;
	font-weight: normal;
	font-style: normal;
}

/*********************************************\
			GENERAL STYLES
\*********************************************/
/* FORMS */
.form-control {
	font-family: FranklinGothicURW-Boo !important;	
}

.form-group {
	position:relative;
}

.form-group input[type=text],
.form-group input[type=email],
.form-group input[type=number],
.form-group input[type=password],
.form-group input[type=phone],
textarea.form-control {
	padding:20px;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:20px;
	font-size:14px;
}

.form-group i.fa {
	position:absolute;
	top:13px;
	left:10px;
	opacity:0.5;
}
/* typically has icon inline with form control text */ 
.form-group > .form-control {
	padding-left:30px !important;
}

/* BSB SEPT 2018 UPDATE FORM UI STYLES */
hr {
	display:block;
	margin:auto;
	margin-top:40px;
	margin-bottom:10px;
	max-width:100%;
	border-color:rgba(0,0,0,0.1);
}

label {
	display:block;
	text-transform: uppercase;
	color:rgba(139, 188, 194, 1);
}

label.required:after {
	content:'*';
	color:red;
}

select,
textarea,
input[type='text'],
input[type='phone'],
input[type='email'],
input[type='number'],
input[type='password'] {
	padding:5px 10px 5px 10px !important;
	height:46px !important;
	line-height:46px;
	background-color:#f2f2f2 !important;
	border-color:#e0e0e0 !important;
	border-width:0 0 2px;
	border-radius:0px !important;
	box-shadow: 0 -1px 0 0 rgba(0,0,0,0) inset;
	outline-width: 0;
	outline:none !important;
	box-shadow:none !important;
	font-family:Arial;
	transition:all 0.3s;
}

input[type='text']:disabled,
input[type='email']:disabled
{
	background-color:#e2e2e2 !important;
	border-color:#c0c0c0; !important;
}

textarea:active,
textarea:focus,
select:active,
select:focus,
input:active,
input:focus {
	outline:none !important;
	box-shadow:none !important;
	border-bottom:2px solid #72afb6 !important;
}

select {
	line-height:1.5;
	font-size:15px;
	border-width:0 0 2px !important;
}

textarea {
	height:160px !important;
	resize: none;
	border-width:0 0 2px !important;
}

input[type='file'] {
	border:none;
	box-shadow:none;
	background-color:transparent;
	font-size:16px;
	font-family:Arial;
}

input[type='file']:focus,
input[type='file']:active {
	border-bottom:none !important;
}
/* END NEW BSB FORM STYLE UPDATE */

.signin-footnote {
	margin-top:25px;
	margin-bottom:30px;
	display:block;
	font-size:14px !important;
	font-family: FranklinGothicURW-Boo !important;
}

.brandbook-section,
.brandbook-section-white {
	margin-top:100px;
	margin-bottom:100px;
	padding-top:50px;
	padding-bottom:50px;
}

.heading-3 {
	color:#535151;
	text-transform: uppercase;
	font-size:18px;
}

.heading-3 p {
	margin:20px;
	margin-top:140px;
	line-height:33px;
}

.heading-3 a {
	text-transform: none;
}

.brandbook-section-white {
	color:#fff;
}

#hero h1 {
	font-size:72px;
	margin-bottom:50px;
}

#hero p {
	font-family: FranklinGothicURW-Dem !important;
	color:#fff;
	font-size:33px;
	text-shadow: rgba(0, 0, 0, 0.498039) -1px -1px 0px, 
				 rgba(0, 0, 0, 0.498039) -1px 1px 0px, 
				 rgba(0, 0, 0, 0.498039) 1px 1px 0px, 
				 rgba(0, 0, 0, 0.498039) 1px -1px 0px;
	text-transform: uppercase;
}

.btn {
	font-family: FranklinGothicURW-Dem !important;	
	text-transform: uppercase;	
}

.demi {
	font-family: FranklinGothicURW-Dem !important;	
}

.btn-primary,
.btn-danger,
.btn-dark,
.btn-default,
.btn-success {
	padding:10px 25px 10px 25px !important;
	border-radius:2px;
	background-color:#72afb6 !important;
	color:#fff !important;
	background: -webkit-linear-gradient(#72afb6 0%, #72afb6 100%);
	background: -o-linear-gradient(#72afb6 0%, #72afb6 100%);
	background: linear-gradient(#72afb6 0%, #72afb6 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    padding: .5em 1em;
/*	margin:5px 15px 0px 0px !important;*/
	box-shadow: none; /*inset 0 0 0 1px rgba(0,166,233,0.7) !important;*/
	box-shadow: 0 2px 1px rgba(0,0,0,0.1), 0 1px 3px rgba(0,0,0,0.3);

   -webkit-transition: .3s;
    transition: .3s;
    text-transform: uppercase;
	border:none;
}

.btn-danger {
	background:none;
	background-color:#d9534f !important;
}

.btn-dark {
	background:none;
	background-color:#414141 !important;
	color:#fff !important;
}

.btn-default {
	background:none;
	background-color:#fff !important;
	color:#333 !important;
}

.btn-primary:hover,
.btn-primary:active,
.btn-danger:hover,
.btn-danger:active,
.btn-dark:hover,
.btn-dark:active,
.btn-success:hover,
.btn-success:active,
.btn-default:hover,
.btn-default:active {
	box-shadow: 0 2px 3px rgba(0,0,0,0.1), 0 4px 8px rgba(0,0,0,0.3) !important;
}

.input-group-btn>.btn {
	height:46px;
}

/*******************************************************************************************\
/* Header Styles */
/*******************************************************************************************/
/* End Header Styles */

/* BEGIN FOOTER STYLES */
footer {
	background-color:#0a0b0e;
	padding-top:30px;
	padding-bottom:20px;
}

footer #socialIcons {
	position:relative;
	top:10px;
	margin-bottom:50px;
	margin-top:20px;
	max-width:350px;
	margin:auto;
}

footer #socialIcons a .fa {
	font-size:24px;
	color:#ccc;
	display:inline-block;
	margin:0px 20px 0px 0px;
}

footer #socialIcons a:hover .fa {
	color:#73afb6 !important;
}

footer a {
	font-family: FranklinGothicURW-Dem !important;
	color:#fff !important;
	text-transform: uppercase;
}

footer a.adv {
	text-transform: none;
	color:#444 !important;
}


#footer-logo {
	position:relative;
	top:-75px;
}

footer #footer-row-below-logo {
	position:relative;
	top:-25px;
}

footer #frmMailingListFooter button {
	padding:10px !important;
}

footer ul {
	list-style-type: none;
	margin-left:0px;
	padding-left:0px;
}

footer ul li {
	padding-left:0px;
	margin-left:0px;
}

footer #StayConnected {
	max-width:400px;	
}

#footer-row-below-logo {
	min-height:180px;
	margin-left:5%;
	margin-right:5%;
}

div#StayConnected {
	float:right;
}

/* Footer Location Map on Some Subpages */
#LocationListing h3 {
	margin-bottom:30px;
}

#LocationListing h4 {
	margin-bottom:0px;
}

#LocationListing span {

}

.shop-location-addr {
	margin-bottom:30px;
	font-size:13px;
}

.feature.map {
  height:100%;
}

div#footer-location-map {
	width:100%;
	min-height:400px;
	background-color:grey;
	border:0;
	filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+ */
	filter: gray; /* IE6-9 */
	-webkit-filter: grayscale(99%); /* Chrome 19+ & Safari 6+ */
	-webkit-backface-visibility: hidden;  /* Fix for transition flickering */
}
/* End Footer Location Map on Some Subpages */

/* END FOOTER STYLES */

#hero {
	background-repeat: no-repeat;
	background-size: cover;
	background-position: bottom;
	width:100%;
	padding-top:100px;
	padding-bottom:100px;
}

/***********************************************************************\
							SUBPAGES
\***********************************************************************/
/* HOMEPAGE */
html#home #hero {
	min-height:746px;
	background-position:center;
	/* original hero */ 
	background-image:url('/assets/img/279651_ac3c49396d6c4002aeef615655b5ddfe_mv2_d_3000_2002_s_2.jpg');
	background-image:linear-gradient( rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3) ), url('/assets/img/279651_ac3c49396d6c4002aeef615655b5ddfe_mv2_d_3000_2002_s_2.jpg');
	/* dublin hero 
	background-image:url('/assets/img/home-hero1b.jpg');
	background-image:linear-gradient( rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3) ), url('/assets/img/home-hero1b.jpg');
	*/
}

html#home section#home-ourbarbershops {
	background-image:url('/assets/img/photobook/home-section-ourbarbershops.jpg');
	background-size: cover;
	background-position:bottom;
}

html#home section#home-wall .brand-text {
	color:#fff;
	text-transform: uppercase;
	font-size:48px;
	margin-bottom:60px;
	display:block;
	margin-left:30px;
}

html#home section#home-wall {
	background-color:#72afb6;
	margin-bottom:0px;
}

html#home #home-wall {
	padding-top:0px !important;
	padding-bottom:0px !important;
}

html#home #home-wall-bottom {
	background-image:url('/assets/img/photobook/home-section-bottom.jpg');
	background-size:cover;
	background-repeat: no-repeat;
	background-position:top;
	padding-top:0px !important;
	height:600px;
}

html#home #bsb-wall {
	padding-top:0px !important;
	background-image:url('/assets/img/photobook/home-photobook-bluestar-wall.jpg');
	background-size:cover;
	background-repeat: no-repeat;
	background-position:bottom;
	height:600px;
}

html#home #BlueStarJobs {
	padding-top:100px;
	padding-bottom:150px;
}

/********************************************\
/* SERVICES PAGE */
/*********************************************/
html#services #hero {
	background-image:url('/assets/img/photobook/services-hero.jpg');
	background-position: bottom;
	min-height:476px;
}

html#services section#newspaper {
	background-image:url(/assets/img/photobook/services-newspaper.jpg);
	background-repeat:repeat-x;
	height:186px;	
}

/********************************************\
/* GIFT CARDS PAGE */
/*********************************************/
html#gift_cards #hero {
	background-image:url('/assets/img/photobook/home-hero.jpg');
	background-position: bottom;
	min-height:476px;
}

html#gift_cards #OurShops {
	margin-top:20px; 
	margin-bottom:20px;	
}

/*
html#gift_cards #hero p {
	color:#fff !important;
}*/

/********************************************\
/* LOCATIONS PAGE */
/*********************************************/
html#locations #hero {
	background-image:url('/assets/img/photobook/locations-hero.jpg');
	background-position: top;
	min-height:476px;
}

/********************************************\
/* LOCATIONSVIEW PAGE */
/*********************************************/
html#locationview #hero {
	background-image:none;
	background-position: center;
	min-height:600px;
}

.location-phone-call-ahead {
	font-size:30px;
}

div#scheduleButtonComponent {
	vertical-align: middle;
	margin-top:30px;
	padding:20px;
}

div#scheduleButtonComponent .btn {
	font-size:18px !important;
}

span#shortcutsWaitTimeStatus {
	content:'[Loading...]';
	text-transform: uppercase;
}

/********************************************\
/* CAREERSVIEW PAGE */
/*********************************************/
html#careers #home-wall-bottom {
	height:200px;
}

html#careers #hero {
	background-image:url('/assets/img/photobook/jointheteam-bluestarwall.jpg');
	background-position: top;
	min-height:476px;
}

/********************************************\
/* FEEDBACK PAGE */
/*********************************************/
html#feedback #container-online-order-fields {
	display:none;
}

/********************************************\
/* ABOUT PAGE */
/********************************************/
html#about h2.about-heading {
	font-size:50px;
	margin-top:50px;
	margin-bottom:50px;
}

/*********************************************\
/* BLOG COMPONENT */
/*********************************************/
/* PAGINATION */
.pagination {
    clear: both;
    padding-bottom: 10px;
    padding-top: 10px;
}

.pagination #text {
	display:none;
}

.pagination a {
    border: 1px solid #D5D5D5;
    color: #666666;
    font-size: 16px !important;
    font-weight: bold;
    height: 40px;
    padding: 8px 8px !important;
    text-decoration: none;
  	margin:2px;
}
.pagination a:hover, .pagination a:active {
    background:#efefef;
}
.pagination span.current {
    background-color: #72afb6;
    border: 1px solid #D5D5D5;
    color: #ffffff;
    font-size: 16px;
    font-weight: bold;
    height: 40px;
    padding: 8px 8px !important;
    text-decoration: none;
    margin:2px;
    margin-left:0px;
	float:left;
}

.pagination>li>a {
	background-color:#ddd;
	color:#555;
}

.pagination span.disabled {
    border: 1px solid #EEEEEE;
    color: #DDDDDD;
    margin: 2px;
    font-size: 16px !important;
    padding: 8px 8px !important;
    float:left;
}

/* Confirmation box style */
.bootbox-body {
	margin-top:20px;
}

.feedback-button {
	height:40px;
	border:solid 3px #ccc;
	background:#333;
	width:100px;
	line-height:32px;
	-webkit-transform:rotate(-90deg); 
	font-weight:600; color:white; 
	transform:rotate(-90deg);  
	-ms-transform:rotate(-90deg); 
	-moz-transform:rotate(-90deg); 
	text-align:center; 
	font-size:17px; 
	position:fixed; 
	right:0;
	top:45%;
	z-index:999;
}

/**********************************************************************/
/*==================================================
=            Bootstrap 3 Media Queries             =
==================================================*/
/*==========  Non-Mobile First Method  ==========*/

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {}

.navbar-right {
/*	margin-right:0px !important;*/
}

.footer_labels {
	font-style:italic;
	color:#aaa9a9;
	font-size:12px;
	margin-bottom:10px;
}

footer span.copyright {
	color:rgba(170, 170, 170, 0.8) !important;
	display:block;
	margin-top:25px;
	font-size:12px;
}

footer ul#terms {
	display:block;
	margin-top:5px;
	margin-bottom:5px;
}

footer ul#terms li {
	display:inline-block !important;
	border-right:1px solid #333;
	text-align: center;
}

footer ul#terms li:last-child {
	border-right:none;
}

footer ul#terms li a {
	text-transform: none;
	font-family:FranklinGothicURW-Boo !important;
	font-size:12px;
	font-weight: normal;
	color:rgba(170, 170, 170, 0.5) !important;
	padding-right:15px;
	padding-left:10px;
}

/* Style the container holding the badges */
.badge-container {
	display: inline-flex;
	justify-content: center;
	align-items: center;
}
/* Style individual badges */
.appstore-badge {
	margin: 0 10px; /* Add space between badges */
}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
	#hero h1, h1.dark {
		font-size:42px !important;
	}

	html#about h2.about-heading {
		font-size:36px !important;
		margin-top:50px;
		margin-bottom:50px;
		margin-left:15px;
		margin-right:15px;
	}

	/*

	header button.navbar-toggle {
		right:2px;
	}
	*/

	footer #frmMailingListFooter {

	}

	.footer_labels {
		margin-top:30px !important;
		display:block;
	}

	div#StayConnected {
		float:none;
		margin:auto;
		display:block;
	}
}

/* Extra Small Devices, Phones */ 
@media only screen and (max-width : 480px) {
	ul.slick-dots {
		bottom:-80px !important;
		margin-bottom:10px;
	}

	button.slick-next,
	button.slick-prev {
		display:none;
	}

	#logo-navbar-middle {
		left:-30px;
		top:-5px;
	}

/*
	button.slick-next {
		right:5px;
	}

	button.slick-prev {
		left:40px;
	}
*/
	footer #StayConnected {
		max-width:300px;	
		margin:auto;
	}

	footer h4 {
		margin-top:60px;
	}

	/* Header adjustments */
	/*
	header ul.navbar-nav:first-child li:first-child {
		margin-top:40px;
	}

	header ul.navbar-nav > li {
		border-bottom:1px solid #f0f0f0;
	}

	header button.navbar-toggle {
		top:15px;
	}*/
	/* End header adjustments */

	#hero h1 {
		font-size:50px !important;
	}

	#hero p {
		font-size:24px;
	}

	.heading-3 p {
		margin-top:10px;
		line-height:33px;
	}

	.brandbook-section {
		margin-top:20px;
		margin-bottom:20px;
	}

	h2, h2.dark, h2.white {
		font-size:30px;
	}

	a#footer-logo {
		display:none;
	}

	html#home p.today-we-have {
		width:95% !important;
	}

	.location-phone-call-ahead {
		font-size:21px;
	}

	footer #socialIcons {
		top:0px;
	}

	div#scheduleButtonComponent {
		padding:10px;
		width:100% !important;
	}

	div#scheduleButtonComponent .btn {
		font-size:14px !important;
	}

	div#toolbar #account-panel ul li {
		display:block;
		padding:0px;
		padding-bottom:10px;
	}
}

/* Custom, iPhone Retina */ 
@media only screen and (max-width : 320px) {
	#logo-navbar-middle {
		left:0;
		top:-2px;
		width:220px;
	}

	h1.new-black {
		font-size:40px;
	}
}

/* df-dialog code */
.df-crud-dialog {
	display:none;
}

.modal-header {
	background-color:#555;
	color:#fff;
}

.modal-title {
	text-transform: uppercase;
}

.alert-info {
	background-color:#f0f0f0;
	color:#333;
	font-family: FranklinGothicURW-Boo;
	font-weight: normal;
	font-style: normal;
	border-color:transparent;
	border:none;
}

html#signin #logo-header {
/*
	margin-top:50px !important;
	margin-bottom:30px !important;
*/
}

html#signin #content {
	min-height:60vh;
}

/* iPad Pro - Portrait */
@media only screen 
  and (min-device-width: 1024px) 
  and (max-device-width: 1366px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 1.5) {
	#main-navigation > .container {
		padding-left:0px;
		padding-right:20px;
		padding-bottom:20px;
		width:100%;
	}

	#main-navigation ul li a {
		font-size:14px !important;
	}

	#navbar-brand-centered {
		position:relative;
	}

	#navbar-header {

	}

	#navbar-brand-centered > ul:first-child {
	}

	#navbar-brand-centered > ul:last-child {
		position:relative;
		left:-20px;
	}

	#logo-navbar-middle {}

	footer ul li.divider {
		margin-bottom:10px;
		border-bottom:1px solid #333;
		padding-bottom:5px;
	}
	
	footer ul li a {
		font-size:14px;
	}

	#footer-row-below-logo {
		margin-left:10px;
		margin-right:10px;
	}

	#frmMailingListFooter #ml_email,
	#frmMailingListFooter button[type=submit] {
		font-size:11px;
		padding:5px 10px 5px 10px !important;
		height:46px !important;

	}

	#frmMailingListFooter #ml_email {
		padding:5px 10px 5px 10px !important;
	}

	a.telephone-location {
		display:block !important;
	}
}
/* End BSB Style Sheet */

footer {
	margin-top:200px !important;
}

/******************************* NPROGRESS CSS ***************************************/
/* Make clicks pass-through */
#nprogress {
  pointer-events: none;
}

#nprogress .bar {
  background:#86aaae;
  position: fixed;
  z-index: 999999;
  top: 0;
  left: 0;
  width: 100%;
  height: 4px;
}

/* Fancy blur effect */
#nprogress .peg {
  display: block;
  position: absolute;
  z-index: 999999;
  right: 0px;
  width: 100px;
  height: 100%;
  box-shadow: 0 0 10px #86aaae, 0 0 5px #86aaae;
  opacity: 1.0;
  -webkit-transform: rotate(3deg) translate(0px, -4px);
      -ms-transform: rotate(3deg) translate(0px, -4px);
          transform: rotate(3deg) translate(0px, -4px);
}

/* Remove these to get rid of the spinner */
#nprogress .spinner {
  display: block;
  position: fixed;
  z-index: 999999;
  top: 15px;
  right: 15px;
}

#nprogress .spinner-icon {
  width: 20px;
  height: 20px;
  box-sizing: border-box;
  z-index: 999999;
  border: solid 3px transparent;
  border-top-color: #86aaae;
  border-left-color: #86aaae;
  border-radius: 50%;
  -webkit-animation: nprogress-spinner 400ms linear infinite;
  animation: nprogress-spinner 400ms linear infinite;
}

.nprogress-custom-parent {
  overflow: hidden;
  position: relative;
}

.nprogress-custom-parent #nprogress .spinner,
.nprogress-custom-parent #nprogress .bar {
  position: absolute;
}

@-webkit-keyframes nprogress-spinner {
  0%   { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}
@keyframes nprogress-spinner {
  0%   { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
/******************************* NPROGRESS CSS ***************************************/