/*======================
 BC Bootstrap Custom CSS 
========================*/

html, body {
	height: 100%;
}

/* Required for Bootstrap's fixed navbar */
body {
	padding-top: 66px;
}

img.borderedimage {
  border: 2px solid #271E16;
}

/*===============================
Header - logo/brand, navbar, etc.
===============================*/

/* "Mobile first" height for #main-nav */
#main-nav {
	height: 340px;
    font-size: 1.25em;
}

#ribbon {
	padding: 8px 0;
}

.bs-masthead, .bs-header, bs-section {
	position: relative;
	font-size: 18px;
	margin-bottom: 20px;
	padding: 30px 15px;
	color: #D9CFBD;
	text-shadow: 0 1px 0 rgba(0,0,0,.1);
	background-color: #73674F;
}

.bs-header h1 {
	font-size: 48px;	
	color: white;
}
.bs-header a {
	color: #D9CFBD;
}

/*===============================
Footer
===============================*/

footer .list-inline {
	display: table;
	margin: 0 auto;
}


/*===============================
Home Page
===============================*/
.section {
	padding: 60px 0;
	background-color: #D9CFBD;
}

/* Home page image slider (carousel) styles */
#home-carousel {
	height: 50%;
}

.item, .carousel-inner {
	height: 100%;
}

.fill {
	width: 100%;
	height: 100%;
	background-position: center;
	background-size: cover;
}

/* Pad the edges of the mobile views a bit */
.marketing {
  padding: 40px 15px;
}

/* Center align the text within the three columns below the carousel */
.marketing .col-md-4 {
  margin-bottom: 20px;
  text-align: center;
}
.marketing h2 {
  font-weight: normal;
}
.marketing .col-md-4 p {
  margin-right: 10px;
  margin-left: 10px;
}

.featurette-divider {
  margin: 60px 0; /* Space out the Bootstrap <hr> more */
}

.three-img-inline {
    width: 30%;
    float: left;
    padding-right: 4%;
    display: inline;
}

/*===============================
Blog
===============================*/
.blog-post h2.post-title {
	font-size: 32px;
}

/*===============================
Pages - Grid
===============================*/
.show-grid {
	margin-bottom: 15px;
}

.show-grid [class^=col-] {
	padding-top: 10px;
	padding-bottom: 10px;
	background-color: #D9CFBD;
	background-color: rgba(217, 207, 189, 1);
	border: 1px solid #A59A84;
	border: 1px solid rgba(165, 154, 132, 1);
}

.bs-example-bg-classes p {
	padding: 15px;
}


/*===============================
Pricing Page
===============================*/

.panel-title.price {
	font-size: 4em;
}

.price-cents {
	vertical-align: super;
	font-size: 50%;
}


/*===============================
Online Shop
===============================*/
.productList {
	list-style: none;
	padding-left: 0;
}

.addtocart {
    display:inline-block;margin-right:10px;
} 

.attributeassist {
    display:inline-block;
}

/*===============================
Checkout Form
===============================*/

h2.page-header {
	margin-top: 0;	
}


/*===============================
Contact Page
===============================*/

.map {
	width:100%; 
	height:350px;
	border-top:solid 1px #eee;
	border-bottom:solid 1px #eee;
}

/* important! bootstrap sets max-width on img to 100% which conflicts with google map canvas

/*===============================
Button Shadows
===============================*/

.btn-default,.btn-primary,.btn-success,.btn-info,.btn-warning,.btn-danger {
    -webkit-box-shadow: 2px 3px 0px rgba(4, 4, 4, 0.5);
    -moz-box-shadow:    2px 3px 0px rgba(4, 4, 4, 0.5);
    box-shadow:         2px 3px 0px rgba(4, 4, 4, 0.5);
    border-radius:0;
}

.btn-default:active,.btn-primary:active,.btn-success:active,.btn-info:active,.btn-warning:active,.btn-danger:active {
    margin-top: 3px;
    margin-bottom: -3px;
}

/*
|--------------------------------------------------------------------------
| UItoTop jQuery Plugin 1.2
| http://www.mattvarone.com/web-design/uitotop-jquery-plugin/
|--------------------------------------------------------------------------
*/

#toTop {
	display:none;
	text-decoration:none;
	position:fixed;
	bottom:10px;
	right:10px;
	overflow:hidden;
	width:51px;
	height:51px;
	border:none;
	text-indent:100%;
	background:url(../img/ui.totop.png) no-repeat left top;
}

#toTopHover {
	background:url(../img/ui.totop.png) no-repeat left -51px;
	width:51px;
	height:51px;
	display:block;
	overflow:hidden;
	float:left;
	opacity: 0;
	-moz-opacity: 0;
	filter:alpha(opacity=0);
}

#toTop:active, #toTop:focus {
	outline:none;
}

/*===============================
Payment form-group  May 30, 2015
===============================*/

.form-group {
    text-align: right;
}

/*===============================
Carousel Control  Jun 15th, 2015
===============================*/

.carousel-control {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 15%;
  font-size: 20px;
  color: #fff;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
  filter: alpha(opacity=10);
  opacity: .1;
}

.carousel-control:hover,
.carousel-control:focus {
  color: #fff;
  text-decoration: none;
  filter: alpha(opacity=20);
  outline: 0;
  opacity: .2;
}