/* ============================================================================================== 
This copyright notice must be kept untouched in the stylesheet at all times.
The original version of this stylesheet and the associated (x)html 
is available at http://www.script-tutorials.com/bootstrap-one-page-template-with-parallax-effect/
Copyright (c) Script Tutorials. All rights reserved.
This stylesheet and the associated (x)html may be modified in any way to fit your requirements.
================================================================================================= */

/*
Blue color (pre 2019): 173182
replaced with: 455560
*/

.btn-xl {
    font-size: 24px;
    padding: 12px 8px;
    border-radius: 8px;
}

@font-face {
    font-family: 'sarimedium';
    src: url('../fonts/sari-medium-webfont.eot');
    src: url('../fonts/sari-medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/sari-medium-webfont.woff2') format('woff2'),
         url('../fonts/sari-medium-webfont.woff') format('woff'),
         url('../fonts/sari-medium-webfont.ttf') format('truetype'),
         url('../fonts/sari-medium-webfont.svg#sarimedium') format('svg');
    font-weight: normal;
    font-style: normal;

}

h1, h2, h3, h4, h5, h6, .fbheader{
	font-family: 'dosis', Tahoma, Geneva, sans-serif; /*'sarimedium' */
	font-weight: 800;
}

.btn-default{
	background-color:rgba(255,255,255,0.3);
}

.btn-primary {
  color: #fff;
  /*background-color: #596152;
  border-color: #231f20;*/
  background-color: darkred;
  border-color: darkred;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary.focus,
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
  /*color: #231f20;*/
  color: darkred;
  background-color: #fff;
  /*border-color: #231f20;*/
  border-color: darkred;
}
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
  background-image: none;
}
.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled.focus,
.btn-primary[disabled].focus,
fieldset[disabled] .btn-primary.focus,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active {
  background-color: #337ab7;
  border-color: #231f20;
}



/* general styles */
html, body {
  height: 100%;
  width: 100%;
	font-optical-sizing: auto;
}

/* padded section */
.pad-section {
  padding: 50px 0;
}
.pad-section img {
  width: 100%;
}

/* vertical-centered text */
.text-vcenter {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
}
.text-vcenter h1 {
  font-size: 4.5em;
  font-weight: 700;
  margin: 0;
  padding: 0;
}

/* additional sections */
#home {
  /*background: url(../images/header-collage.jpg) no-repeat center center fixed; */
  /*background-color: #596152;*/
	background: rgb(89,97,82);
background: linear-gradient(180deg, rgba(89,97,82,1) 0%, rgba(89,97,82,1) 95%, rgba(102,111,94,1) 100%);
  display: table;
  height: 100%;
  position: relative;
  width: 100%;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
	padding-top:30px;
}

#home .intro{
  /*background-color:rgba(255,255,255,0.5);
  border-top:5px solid #596152;
  border-bottom:5px solid #596152;*/
}

#home img{
	width:80%;
	min-width:160px;
	max-width:600px; /* was 555 */
}

#home p{
	/*text-shadow: #fff 0px 0px 1px, #fff 0px 0px 1px, #fff 0px 0px 1px, #fff 0px 0px 1px, #fff 0px 0px 1px, #fff 0px 0px 1px;
	-webkit-font-smoothing: antialiased;*/
	color:#fff;
}

#home h1{
	color:#231f20;
	/*-webkit-text-stroke: 2px #231f20;
	text-shadow:
     -2px -2px 0 #231f20,  
      2px -2px 0 #231f20,
      -2px 2px 0 #231f20,
       2px 2px 0 #231f20;*/
	/* http://stackoverflow.com/questions/4919076/outline-effect-to-text */   
	text-shadow: #fff 0px 0px 1px, #fff 0px 0px 1px, #fff 0px 0px 1px, #fff 0px 0px 1px, #fff 0px 0px 1px, #fff 0px 0px 1px;
	-webkit-font-smoothing: antialiased;
}
#home h3{
	margin:40px 0;
	color:#111;
	/*-webkit-text-stroke: 2px #231f20;
	text-shadow:
     -2px -2px 0 #231f20,  
      2px -2px 0 #231f20,
      -2px 2px 0 #231f20,
       2px 2px 0 #231f20;*/
	/* http://stackoverflow.com/questions/4919076/outline-effect-to-text */   
	/*text-shadow: #231f20 0px 0px 1px, #231f20 0px 0px 1px, #231f20 0px 0px 1px, #231f20 0px 0px 1px; */
	-webkit-font-smoothing: antialiased;
}

.newbarber a, .newbarber a:link, .newbarber a:visited {
	color: #ff00d2;
	font-weight:bold;
	text-decoration:none;
}
.newbarber a:hover, .newbarber a:active {
	text-decoration: underline;
	color: #CCC;
}

.lead_small{margin-bottom:10px;font-size:14px;font-weight:300;line-height:1.25}
@media (min-width:768px){.lead_small{font-size:16px}}


#about {
}

#services {
  background-color: #596152; /* was 173182 */
  color: #ffffff;
}

#services p{
  height:100px;
}

#services a, #services a:link, #services a:visited {
	color: #ffffff;
	font-weight:bold;
	text-decoration:underline;
}
#services a:hover, #services a:active {
	color: #CCC;
}

#services .glyphicon {
  border: 2px solid #FFFFFF;
  border-radius: 50%;
  display: inline-block;
  font-size: 60px;
  height: 140px;
  line-height: 140px;
  text-align: center;
  vertical-align: middle;
  width: 140px;
}

#news {
  background: url(../images/outside.jpg) no-repeat center center fixed; 
  display: table;
  height: 400px;
  position: relative;
  width: 100%;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
#news .panel {
  opacity: 0.85;
}

#prices, #products {
	text-align:center;
}

#products img {
	max-width:50%;
}

#bookings h3{
	color: #596152;
	font-weight:bold;
}

#bookings .glyphicon {
  color:#596152;
  border: 2px solid #596152;
  border-radius: 50%;
  display: inline-block;
  font-size: 60px;
  height: 140px;
  line-height: 140px;
  text-align: center;
  vertical-align: middle;
  width: 140px;
}


#google_map {
  height: 500px;
}
#ol_map {
  height: 500px;
  width:100%;
}

.ol-popup {
	font-family: 'Lucida Grande', Verdana, Geneva, Lucida, Arial, Helvetica, sans-serif !important;
	font-size: 12px;
	position: absolute;
	background-color: white;
	-webkit-filter: drop-shadow(0 1px 4px rgba(0, 0, 0, 0.2));
	filter: drop-shadow(0 1px 4px rgba(0, 0, 0, 0.2));
	padding: 15px;
	border-radius: 10px;
	border: 1px solid #cccccc;
	bottom: 12px;
	left: -50px;
	min-width: 200px;
}

.ol-popup:after,
.ol-popup:before {
	top: 100%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.ol-popup:after {
	border-top-color: white;
	border-width: 10px;
	left: 48px;
	margin-left: -10px;
}

.ol-popup:before {
	border-top-color: #cccccc;
	border-width: 11px;
	left: 48px;
	margin-left: -11px;
}

.ol-popup-closer {
	text-decoration: none;
	position: absolute;
	top: 2px;
	right: 8px;
}

.ol-popup-closer:after {
	content: "✖";
	color: #c3c3c3;
}

footer {
  padding: 20px 0;
}
footer .glyphicon {
  color: #333333;
  font-size: 60px;
}
footer .glyphicon:hover {
  color: #306d9f;
}

a.anchorgap{display: block; position: relative; top: -50px; visibility: hidden;}

/*facebook feed stuff */
/* =The style for the feed
-------------------------------------------------------------- */
.fb-feed {
    /*background-color:rgb(50,50,50);*/
    padding:10px;

}

.fb-update {
    padding:16px;
    border-bottom:solid 2px #596152;
    border-top:solid 1px #999;
}

#theleft .fb-update p:first-of-type:first-letter { text-transform:none; float: none; color: #231f20; font-size: 80%; line-height: 1; padding: 0; font-family: 'Varela Round', 'Trebuchet MS', Helvetica, sans-serif; }

.fb-update:first-child {
    padding-top:0;
    border-top:none;
}

.fb-update:last-child {
    padding-bottom:0;
    border-bottom:none;
}

.fb-update h2 {
    font-size:80%;
    font-weight:700;
    text-shadow: none;
    margin-bottom:4px;
}

.fb-update p {
    font-size:80%;
    /*color:rgb(255,255,255);*/
    margin-bottom:0;
}

.fb-update img {
	/*max-height:400px;*/
	max-width:450px;
	margin:5px 0;
}

.fb-page-wrapper{
	width:100%;
	max-width:500px;
	margin:0 auto;
}

.fb-feed p.sharedlinktext{
	padding:8px;
	background: url(/gfx/trans70.png) repeat;
	width:90%;
	margin:5px 0 5px 20px!important;
	display:block;
	font-size:70%;
	border-left:5px solid #596152;
}

p.fbcomment{
	float:left;
	font-size:70%;
	width:85%;
}
.fbcommentpic{
	float:left;
	margin: 7px 5px 0 15px!important;
	width:40px!important;
	height:40px!important;
}

.fbfeedlink{
	clear:both;
}

.fbheader{
	text-size:70%;
	margin: 5px auto 10px auto;
}
.fbheader img.left{
	float:left;
	margin-right:10px;
	width:50px;
	height:50px;
}
.fbheader img.right{
	float:right;
	margin-left:10px;
	width:50px;
	height:50px;
}

/* fb like button */
.fb-like {
	margin-left:10px;
	margin-top:4px;
}


/**************************/

.whiteblock{
	padding:8px;
	background: url(/images/trans70.png) repeat;
	width:80%;
	margin:5px auto!important;
	display:block;
	text-align:center!important;
	border-top:6px double #596152; /* #6639B7; */
	border-bottom:8px solid #596152; /* #6639B7; */
}

#righttimes .thetimes, #thetoptimes .whiteblock{
	font-size:70%;
}