body {
	background:url(/site/barn-wood-background1.jpg) center center;
	background-size: cover;
	background-attachment: fixed;
	color: #333;
}
.maincontent.container {
/*padding:0;*/
}
.page .container {
	background: white;
	padding-top: 20px;
}

h1,h2,h3,h4,h5,h6 {
  font-family: "Cardo", serif;
  font-weight: 400;
}
p,a,li,blockquote {
  font-family: "Lato", sans-serif;
  font-weight: 400;
}

.col-md-3 {
	-ms-flex: 0 0 25%;
	flex: 0 0 23%;
	max-width: 23%;
}
.page > p, .page > ul > li {
  font-size: 130%;
}
blockquote{
border-color:#658549;
}
.page-wrap{
margin-top:0;
background:#fff;
padding-top:30px;
padding-bottom:30px;
}

/* ---- Yardage Calculator ------ */
#yardageCalc .modal-header{
background:#EC971F;
}
#yardageCalc .modal-footer{
background:#eee;
}
#yardageCalc .btn-lg{padding:18px 16px;}

/* -------------- Gallery ----------------- */

#gallerySlide img{
padding:10px;
}
img.img-responsive{
display:block;
}
.home img{
display:inline-block;
}
img.img-border{
border:1px solid rgba(0,0,0,0.2);
border-radius:3px;
box-shadow:3px 3px 5px rgba(0,0,0,0.3), -2px -2px 3px rgba(0,0,0,0.1);
padding:8px;
}

.panel ul,
.gallery ul {
	padding: 0;
}

.productlist li {
  display: block;
  margin: 5px!important;
  position: relative;
  text-align: center;
  width: 45%;
float:left;
}
h3.productlistBox {
	text-align: center;
	display: none;
}
span.number {
	display: none!important;
}
.productlist,
.productlistBox {
	max-width: 100%;
	width: 100%;
padding:0!important;
}
.productlist img,
.productlistBox img {
	max-width: 100%;
	width: 100%;
	overflow: hidden;
}
.productlist span,
.productlistBox span {
	display: block;
	width: 100%;
}
.productlistBox li {
	display: block;
	position: relative;
	margin: 15px auto;
	text-align: center;
	width: 100%;
}
.gallery .productlist li {
	display: inline-block;
	position: relative;
	margin: 5px;
	text-align: center;
}
a span.title,
a span.category {
	background: rgba(0, 0, 0, 0.6);
	display: table;
	color: white;
	font-size: 17px;
	padding: 5px;
	position: absolute;
	text-align: left;
	top: 0;
	left: 0;
	right: 0;
}
a span.thumbdesc {
	background: rgba(0, 0, 0, 0.6);
	display: table;
	color: white;
	font-size: 17px;
	overflow: hidden;
	padding: 5px;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	text-align: left;
}
.thumb {
	margin-bottom: 30px;
}

.navbar .container, .navbar .container-fluid{
padding:0;
width:100%;
}
.navbar-toggle{
margin-right:30px;
}
.header-text > h1{
  background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0;
  border-top: 1px solid #fff;
  color: #fff;
  padding: 15px 15px 0 15px;
  text-align: center;
  text-transform: uppercase;
margin-bottom:0;
}
.header-text > h2{
  background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0;
border-top:none;
border-bottom:1px solid #fff;
margin-top:0px;
  padding: 0 15px 15px 15px;
text-align:center;
}
.header-text a {
   color: yellow !important;
}
p.alert { background-color:#ffa; line-height:1em; padding:10px 5px; margin:10px 5px; border:2px black solid; font-weight:bold; }



div.page h1 {
  margin:0px 0px 20px;
}
div.page h2 {
  margin:15px 0px 10px 0px;
  text-transform:none!important;
}
div.page h3 {
  margin:10px 0px 5px 0px;
  text-transform:none!important;
}

h3.image { font-size:1.8em; }

div.page ul li {
  margin:10px 0px;
}

/*------------- Nav ---------------*/

.navbar{
margin-bottom:0;
padding: 0;
}
.navbar { 
background:#F8F8F8;
width:100%;
border-radius:0;
box-shadow:0 0 3px rgba(0,0,0,0.5);
 }

.navbar-expand-md .navbar-nav .nav-link {
  padding: 10px;
}

.navbar-static{
width:100%;
}
.navbar-nav {
	width: 100%;
	text-align: center;

}
.navbar-nav  > li {
	  float: none;
	  display: inline-block;
	}
.navbar .navbar-nav>li> a { 
color:#000; 
}
.navbar .navbar-nav>li> a:hover{ 
color:#999; 
}
.navbar .navbar-nav>li> a.active{
background:#658549;
color: black;
}
.navbar .navbar-nav>li> a.active:hover{
background:#658549;
color: white;
}

.navbar-header .navbar-brand:hover{
	color:#ffde42;
}

.navbar-brand{
display:none;
}

.navbar-expand-md .navbar-nav {
  justify-content: center;
}

#nav.affix {
	position: fixed;
	top: 0;
	width: 100%;
	z-index:15;

}

#nav.affix-top{
padding:0;
}
#nav.container{
width:100%;
}

/*------------ Carousel ------------------*/

.carousel-header, .page-header {
	position: relative;
	z-index:2;
}
.carousel-inner img {
  width: 100%;
}
.header-text {
color:#eee;
	position: absolute;
	top: 20%;
	left: 15%;
right:15%;
	z-index: 10;
}
.page-header{
margin:0;
height:224px;
background:url(/site/banner.jpg) no-repeat center;
background-size:cover;
}
.page-header img{
max-width:100%;
width:100%;
}
.carousel-indicators {
	display: none;
}
.carousel-control.left,
.carousel-control.right {
	background: transparent;
	display: none;
}
.carousel-bg .container, .carousel-bg .row{
	width: 100%;
	padding-left: 0;
	padding-right: 0;
margin-left:0;
margin-right:0;
}

.carousel-inner > .item > img {
	width: 100%;
}
.carousel-caption {
	/*background: rgba(0, 0, 0, 0.3) none repeat scroll 0 0;*/
	
	border-radius: 5px;
	bottom: 60px;
	left: 20%;
	padding: 2% 0 0%;
	right: 20%;
	display: none;
}
.carousel-caption h3 {
	font-size: 3em;
	line-height: 2;
	display: none;
}
.carousel-indicators li,
carousel-caption {
	top: 90%;
}
.carousel-inner .item {
	opacity: 0;
	-webkit-transition-property: opacity;
	-moz-transition-property: opacity;
	-o-transition-property: opacity;
	transition-property: opacity;
}
.carousel-inner .active {
	opacity: 1;
}
.carousel-inner .active.left,
.carousel-inner .active.right {
	left: 0;
	opacity: 0;
	z-index: 1;
}
.carousel-inner .next.left,
.carousel-inner .prev.right {
	opacity: 1;
}
.carousel-control {
	z-index: 2;
}
.carousel-caption {
	display: block;
}
/* -------- This is not a media query -- it provides carousel fade functionality for Chrome and other webkit browsers ------*/
@media all and (transform-3d), (-webkit-transform-3d) {
.carousel-inner > .item.next,
.carousel-inner > .item.active.right {
  opacity: 0;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  }
.carousel-inner > .item.prev,
.carousel-inner > .item.active.left {
  opacity: 0;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  }
.carousel-inner > .item.next.left,
.carousel-inner > .item.prev.right,
.carousel-inner > .item.active {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  }
}

#gallery img{
padding:15px;
}

#logo, #logo-2{
position:relative;
}
#logo>img{
position:absolute;
height:100%;
top:0;
left:0;
z-index:10;
padding:0;
}
#logo-2>img {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10;
}

#page {
  overflow: hidden;
  background: white;
}


.content h2 {
  color: #222222;
}

.content .subtitle {
  padding: 0px 0px 30px 0px;
  text-transform: uppercase;
  font-family: 'Oswald', sans-serif;
  font-size: 18px;
  color: #81AFC5;
}


/** SIDEBAR */

#bottom-bar p.alert {
	background-color: #ffa;
	width: 50%;
	line-height: 1em;
	padding: 10px 5px;
	margin: 10px auto;
	border: 2px black solid;
	font-weight: bold;
}
a.bottom-btn.btn.btn-danger{
margin:20px auto;
text-align:left;
	padding-top: 12px;
	padding-bottom: 12px;
width:50%;
text-align:center;

}
a.bottom-btn.btn{
display:block;
}
.sidebar{
margin:50px 0;
}
.sidebar h2 {
  letter-spacing: -1px;
  font-size: 2em;
}

.sidebar .left p>span, #bottom-bar .left p>span{
font-size: 15px!important;
}
.sidebar .left p>strong {
font-size: 20px!important;
}

.sidebar img{
display:inline-block;
}
/* Footer */
footer{
background:#000;
}

footer {
  padding: 25px 0px 40px 0px;
  text-align:center;
  color: black;
}
a .editPencil{
padding-top:30px;
}
#footer, footer p {
  margin: 0;
  letter-spacing: 1px;
  line-height: 1.7;
  text-transform: uppercase;
  text-align: center;
  color: #eee;
padding:10px 0;
}
footer .static.right p, footer .static.right h2{
text-align:left;
color:#eee;
}
footer .btn{
margin-bottom:20px;
}
footer a {
}
footer img{
padding:10px;
}
/* Banner Style */

#banner-wrapper {
  height: 345px;
  margin: 0 auto;
  overflow: hidden;
  width: 1000px;
  box-shadow: 0 0 50px black;
}

#banner {
  overflow: hidden;
  width: 1040px;
  margin: 0px auto;
}

/* =========================================== */
@media (max-width: 1200px) {
.carousel-header .header-text, .page-header .header-text { right:2%; left:2%; top:20px; }
.page-header .header-text {
top:20px;
}
.carousel-header .header-text{
top:30%;
}
}
@media (max-width: 992px) {
.header-text {  left: 5%; right: 5%; }
}
@media (max-width: 768px) {
.sidebar.col-sm-4 { padding-left:0; padding-right:0; }
.sidebar { border:none; }
.navbar-brand { display:block; font-size:.9em; }
.productlistBox { width:50%; margin:0 auto; }
.center-btn{text-align:center;}
}

@media (max-width: 780px) {
.sidebar { padding:0; }
.page-wrap { margin-top:0;padding:20px;}
.container { width:100%; padding-left:0; padding-right:0; }
.row { margin-left:0; margin-right:0; }
.page-header .header-text{
top:25%;
}
.carousel-header .header-text, .page-header .header-text { right:10%; left:10%; }
.carousel-header .header-text h1, .page-header .header-text h1{ font-size:24px; }
.carousel-header .header-text h2, .page-header .header-text h2 { font-size:18px; }
.container > .navbar-header { margin-left:0; margin-right:0; }
.navbar-header { float:none;}
.navbar-left,.navbar-right { float:none!important; }
.navbar-nav { float:none!important; margin-top:7.5px; }
.navbar-nav>li { float:none; }
.navbar-nav>li>a { padding-top:10px; padding-bottom:10px; }
.collapse.in { display:block!important; }
.navbar-brand { padding-left:30px; }
.img-responsive { border:0!important; padding:0!important; margin:10px 0!important; width:100%!important; }
}

@media (max-width: 767px) {
.productlist li {
  display: block;
  position: relative;
  text-align: center;
  width: 100%;
margin:0 auto;
float:none;
}
.page-header{
display:none;
}
.carousel-bg{
margin-top:50px;
}

.container-fluid>.navbar-collapse, 
.container-fluid>.navbar-header, 
.container>.navbar-collapse, 
.container>.navbar-header{
margin-left:0;
margin-right:0;
}
}
@media (max-width: 600px) {
 .header-text { display:none; }
.productlistBox { width:100%; }
.gallery .productlist li { display:inline-block; position:relative; margin:0 auto; text-align:center; }
.modal-body{
max-height:400px;
}
#yardageCalc .modal-header{
padding:2px 20px;
}
#yardageCalc h3, #yardageCalc .btn-lg{
display:none;
}
#yardageCalc .form-group.row.text-center, #yardageCalc .form-group{
margin:0;
}
#yardageCalc .modal-footer h4.address{
display:none;
}
}