/* Add here all your css styles (customizations) */
.header-item {
	font-family: 'Century Gothic', sans-serif;
	
	font-size: 1.2rem;
}

.u-header__section--dark .navbar-nav:not([class*="u-main-nav-v"]) .nav-link, .u-header__section--dark--shift.js-header-change-moment .navbar-nav:not([class*="u-main-nav-v"]) .nav-link, .u-header__section--primary .navbar-nav:not([class*="u-main-nav-v"]) .nav-link, .u-header__section--primary--shift.js-header-change-moment .navbar-nav:not([class*="u-main-nav-v"]) .nav-link {
    color: rgba(255, 255, 255, 0.8) !important;
}

.u-header__section--dark .navbar-nav:not([class*="u-main-nav-v"]) .nav-link:focus, .u-header__section--dark .navbar-nav:not([class*="u-main-nav-v"]) .nav-link:hover, .u-header__section--dark--shift.js-header-change-moment .navbar-nav:not([class*="u-main-nav-v"]) .nav-link:focus, .u-header__section--dark--shift.js-header-change-moment .navbar-nav:not([class*="u-main-nav-v"]) .nav-link:hover, .u-header__section--primary .navbar-nav:not([class*="u-main-nav-v"]) .nav-link:focus, .u-header__section--primary .navbar-nav:not([class*="u-main-nav-v"]) .nav-link:hover, .u-header__section--primary--shift.js-header-change-moment .navbar-nav:not([class*="u-main-nav-v"]) .nav-link:focus, .u-header__section--primary--shift.js-header-change-moment .navbar-nav:not([class*="u-main-nav-v"]) .nav-link:hover {
	color: #fdcc31;
}

.gold1 {
	color: #8e9000;
}

.gold2 {
	color: #fdcc31;
}

.footer-btn-bg {
	background-color: #1f1f1f;
	height: 100%;
	vertical-align: middle;
	padding-top: 15px;
	padding-bottom: 15px;
	color: #fff;
}

.footer-btn-bg > .fa {
	font-size: 22px;
}

/* Shopping Cart */

/* Global settings */
 
.product-details {
	float: left;
	width: 57%;
  }
   
  .product-price {
	float: left;
	width: 12%;
  }
   
  .product-quantity {
	float: left;
	width: 10%;
  }
   
  .product-removal {
	float: left;
	width: 9%;
  }
   
  .product-line-price {
	float: left;
	width: 12%;
  }
   
  /* This is used as the traditional .clearfix class */
  .group:before, .shopping-cart:before, .column-labels:before, .product:before, .totals-item:before,
  .group:after,
  .shopping-cart:after,
  .column-labels:after,
  .product:after,
  .totals-item:after {
	content: '';
	display: table;
  }
   
  .group:after, .shopping-cart:after, .column-labels:after, .product:after, .totals-item:after {
	clear: both;
  }
   
  .group, .shopping-cart, .column-labels, .product, .totals-item {
	zoom: 1;
  }
   
  /* Apply clearfix in a few places */
  /* Apply dollar signs */
  .product .product-price:before, .product .product-line-price:before, .totals-value:before {
	content: '$';
  }
   
  .shopping-cart {
	margin-top: -45px;
  }
   
  /* Column headers */
  .column-labels label {
	padding-bottom: 15px;
	margin-bottom: 15px;
	border-bottom: 1px solid #eee;
  }
  .column-labels .product-image, .column-labels .product-details, .column-labels .product-removal {
	text-indent: -9999px;
  }
   
  /* Product entries */
  .product {
	margin-bottom: 20px;
	padding-bottom: 10px;
	border-bottom: 1px solid #eee;
  }
  .product .product-image {
	text-align: center;
  }
  .product .product-image img {
	width: 100px;
  }
  .product .product-details .product-title {
	margin-right: 20px;
  }
  .product .product-details .product-description {
	margin: 5px 20px 5px 0;
	line-height: 1.4em;
  }
  .product .product-quantity input {
	width: 40px;
  }
  .product .remove-product {
	border: 0;
	padding: 4px 8px;
	background-color: #c66;
	color: #fff;
	font-size: 12px;
	border-radius: 3px;
  }
  .product .remove-product:hover {
	background-color: #a44;
  }
   
  /* Totals section */
  .totals .totals-item {
	float: right;
	clear: both;
	width: 100%;
	margin-bottom: 10px;
  }
  .totals .totals-item label {
	float: left;
	clear: both;
	width: 79%;
	text-align: right;
  }
  .totals .totals-item .totals-value {
	float: right;
	width: 21%;
	text-align: right;
  }
   
  .checkout {
	float: right;
	border: 0;
	margin-top: 20px;
	padding: 6px 25px;
	background-color: #6b6;
	color: #fff;
	font-size: 25px;
	border-radius: 3px;
  }
   
  .checkout:hover {
	background-color: #494;
  }
   
  /* Make adjustments for tablet */
  @media screen and (max-width: 650px) {
	.shopping-cart {
	  margin: 0;
	  padding-top: 20px;
	  border-top: 1px solid #eee;
	}
   
	.column-labels {
	  display: none;
	}
   
   
	.product-details {
	  float: none;
	  margin-bottom: 10px;
	  width: auto;
	}
   
	.product-price {
	  clear: both;
	  width: 70px;
	}
   
	.product-quantity {
	  width: 100px;
	}
	.product-quantity input {
	  margin-left: 20px;
	}
   
	.product-quantity:before {
	  content: 'x';
	}
   
	.product-removal {
	  width: auto;
	}
   
	.product-line-price {
	  float: none;
	  width: 100%;
	}
  }
  /* Make more adjustments for phone */
  @media screen and (max-width: 350px) {
	.product-removal {
	  float: right;
	}
   
	.product-line-price {
	  float: right;
	  clear: left;
	  width: auto;
	  margin-top: 10px;
	}
   
	.product .product-line-price:before {
	  content: 'Item Total: $';
	}
   
	.totals .totals-item label {
	  width: 60%;
	}
	.totals .totals-item .totals-value {
	  width: 40%;
	}
  }
  
  .gradient2 {
	background-image: -moz-linear-gradient(top,  rgba(255,202,0,0.65) 0%, rgba(255,202,0,0) 100%); /* FF3.6+ */
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,202,0,0.65)), color-stop(100%,rgba(255,202,0,0))); /* Chrome,Safari4+ */
	background-image: -webkit-linear-gradient(top,  rgba(255,202,0,0.65) 0%,rgba(255,202,0,0) 100%); /* Chrome10+,Safari5.1+ */
	background-image: -o-linear-gradient(top,  rgba(255,202,0,0.65) 0%,rgba(255,202,0,0) 100%); /* Opera 11.10+ */
	background-image: -ms-linear-gradient(top,  rgba(255,202,0,0.65) 0%,rgba(255,202,0,0) 100%); /* IE10+ */
	background-image: linear-gradient(to bottom,  rgba(255,202,0,0.65) 0%,rgba(255,202,0,0) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6ffca00', endColorstr='#00ffca00',GradientType=0 ); /* IE6-9 */
  }
  
  .table>tbody>tr>td, .table>tfoot>tr>td{
	  vertical-align: middle;
  }
  /*
  @media screen and (min-width: 800px) {
	
  }
  */
  
  @media screen and (max-width: 600px) {
	  table#cart tbody td .form-control{
	  width:20%;
	  display: inline !important;
	}
	.actions .btn{
	  width:36%;
	  margin:1.5em 0;
	}
	
	.actions .btn-info{
	  float:left;
	}
	.actions .btn-danger{
	  float:right;
	}
	
	table#cart thead { display: none; }
	table#cart tbody td { display: block; padding: .6rem; max-width:100%;}
	table#cart tbody tr td:first-child { background: #333; color: #fff; }
	table#cart tbody td:before {
	  content: attr(data-th); font-weight: bold;
	  display: inline-block; width: 8rem;
	}
	
	
	
	table#cart tfoot td{display:block; }
	table#cart tfoot td .btn{display:block;}
	
  }
  
  /* CSS for Credit Card Payment form */
  .credit-card-box .panel-title {
	  display: inline;
	  font-weight: bold;
  }
  .credit-card-box .form-control.error {
	  border-color: red;
	  outline: 0;
	  box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(255,0,0,0.6);
  }
  .credit-card-box label.error {
	font-weight: bold;
	color: red;
	padding: 2px 8px;
	margin-top: 2px;
  }
  .credit-card-box .payment-errors {
	font-weight: bold;
	color: red;
	padding: 2px 8px;
	margin-top: 2px;
  }
  .credit-card-box label {
	  display: block;
  }
  /* The old "center div vertically" hack */
  .credit-card-box .display-table {
	  display: table;
  }
  .credit-card-box .display-tr {
	  display: table-row;
  }
  .credit-card-box .display-td {
	  display: table-cell;
	  vertical-align: middle;
	  width: 50%;
  }
  /* Just looks nicer */
  .credit-card-box .panel-heading img {
	  min-width: 180px;
  }
  
  .gsib_a {
	color: #000;
  }

  .modal-backdrop
{
	background-color: #808080;
    opacity:0.99 !important;
}