@media only screen and (min-width: 768px) {
	#topimagecontainer  {
		margin-bottom:.75rem;
	}
}
@media only screen and (max-width: 768px) {
	#topimagecontainer  {
		background-color:#848484;
	}
}
.starter-template {
  padding: 3rem 1.5rem;
  text-align: center;
}
.navbar {
	background-color:#D38211;
	padding: 0 1rem;
}
a.nav-link {
	color:#fff;
	font-weight:bold;
}
.dropdown-menu {
	background-color:#D3AB73;
}
 

a.basketlink {
	color:#fff;
}

#buybanner{
	background-color:green;
	text-align:center;
	font-size:1.2rem;
	font-weight:bold;
}
#buybanner p{
	margin-bottom:0px;
	padding-top:6px;
	padding-bottom:6px;
}


.zip {
	display:none;
}

#credits , #credits >a{
	padding-top:0.2rem;
	font-size:0.7rem;text-align:center;
	color:#fff;
}
@media only screen and (min-width: 990px) {
 .moreinfo {
	position:absolute;
	bottom:0;
  }
}
#frontpagecarouselcontainer {
padding:0px;	
}
.kitchenrangerow {
	border-top: dotted 2px #D3D3D3;
	margin-top:60px;
	padding-top:60px;
	
} 
.footer {
	background-color:#D38211;
	padding-bottom:0;
}
.footer  a {
	color:black;
}
.error {
	color:red;
	font-style:italic;
	font-size:0.8rem;
}
#OrderForm label.error {
		display: none;
}
.gal-img-thumb {
	cursor:pointer;
}
.productwithoptions > .form-check > .form-check-input {
	margin-top:0.2rem;
}
.productwithoptions > .form-check {
	line-height:1rem;
}

.basket-remove {
	color:red;
}

#hingediv {
	margin-top:10px;
	border:solid gray 1px;
	padding:5px;
}

#breadcrumb {
 margin-left:-40px;	
  list-style: none;
  display: inline-block;
}
#breadcrumb .icon {
  font-size: 14px;
}
#breadcrumb li {
  float: left;
}
#breadcrumb li a {
  color: #222;
  display: block;
  background: #FFB574;
  text-decoration: none;
  position: relative;
  height: 32px;
  line-height: 32px;
  padding: 0 10px 0 5px;
  text-align: center;
  margin-right: 23px;
}
#breadcrumb li.breadcurrent a {
  background-color: #FF7C0A;
  cursor: default;
  color:#000;
}
#breadcrumb li.breadtodo a {
  background-color: lightgray;
  cursor: default;
}
#breadcrumb li.breadcurrent a:before {
  border-color: #FF7C0A;
  border-left-color: transparent;
}
#breadcrumb li.breadcurrent a:after {
  border-left-color: #FF7C0A;
}
#breadcrumb li.breadtodo a:before {
  border-color: lightgray;
  border-left-color: transparent;
}
#breadcrumb li.breadtodo a:after {
  border-left-color: lightgray;
}
#breadcrumb li:first-child a {
  padding-left: 15px;
  -moz-border-radius: 4px 0 0 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px 0 0 4px;
}
#breadcrumb li:first-child a:before {
  border: none;
}

#breadcrumb li a:before, #breadcrumb li a:after {
  content: "";
  position: absolute;
  top: 0;
  border: 0 solid #FFB574;
  border-width: 16px 10px;
  width: 0;
  height: 0;
}
#breadcrumb li a:before {
  left: -20px;
  border-left-color: transparent;
}
#breadcrumb li a:after {
  left: 100%;
  border-color: transparent;
  border-left-color: #FFB574;
}
#breadcrumb li:not(.breadtodo):not(.breadcurrent) a:hover {
  background-color: #1abc9c;
}
#breadcrumb li:not(.breadtodo):not(.breadcurrent) a:hover:before {
  border-color: #1abc9c;
  border-left-color: transparent;
}
#breadcrumb li:not(.breadtodo):not(.breadcurrent) a:hover:after {
  border-left-color: #1abc9c;
}

/*OrderForm Progress Bar based on https://bootsnipp.com/snippets/O4O8*/
.bs-wizard { padding: 0 0 10px 0;}
.bs-wizard > .bs-wizard-step {padding: 0; position: relative;}
.bs-wizard > .bs-wizard-step + .bs-wizard-step {}
.bs-wizard > .bs-wizard-step .bs-wizard-info {color: green; font-size: 14px;}
.bs-wizard > .bs-wizard-step > .bs-wizard-dot {position: absolute; width: 16px; height: 16px; display: block; background: #28A745; top: 29px; left: 52%; margin-top: -15px; margin-left: -15px; border-radius: 50%;} 
.bs-wizard > .bs-wizard-step > .progress {position: relative; border-radius: 0px; height: 4px; box-shadow: none; margin: 20px 0 4px 0;}
.bs-wizard > .bs-wizard-step > .progress > .progress-bar {width:0px; box-shadow: none; background: #28A745;}
.bs-wizard > .bs-wizard-step.complete > .progress > .progress-bar {width:100%;}
.bs-wizard > .bs-wizard-step.active > .progress > .progress-bar {width:50%;}
.bs-wizard > .bs-wizard-step:first-child.active > .progress > .progress-bar {width:0%;}
.bs-wizard > .bs-wizard-step:last-child.active > .progress > .progress-bar {width: 100%;}
.bs-wizard > .bs-wizard-step.disabled >div {color:#2C2C2C}
.bs-wizard > .bs-wizard-step.disabled > .bs-wizard-dot {background-color: #E9ECEF;}
.bs-wizard > .bs-wizard-step:first-child  > .progress {left: 50%; width: 50%;}
.bs-wizard > .bs-wizard-step:last-child  > .progress {width: 50%;}


/* Icon Moon Font Icons*/
@font-face {
  font-family: 'icomoon';
  src:  url('/css/fonts/icomoon.eot?uw6o3r');
  src:  url('/css/fonts/icomoon.eot?uw6o3r#iefix') format('embedded-opentype'),
    url('/css/fonts/icomoon.ttf?uw6o3r') format('truetype'),
    url('/css/fonts/icomoon.woff?uw6o3r') format('woff'),
    url('/css/fonts/icomoon.svg?uw6o3r#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-home:before {
  content: "\e900";
}
.icon-droplet:before {
  content: "\e90b";
}
.icon-cart:before {
  content: "\e93a";
}
.icon-plus:before {
  content: "\ea0a";
}
.icon-minus:before {
  content: "\ea0b";
}
.icon-cancel-circle:before {
  content: "\ea0d";
}
.icon-table2:before {
  content: "\ea71";
}
.icon-svg:before {
  content: "\eae9";
}

#orderform2 label.error {
		margin-left: 10px;
		width: auto;
		display: inline;
	}

.form-check2 {
	position: relative;
	display: block;
	padding-left: 1.75rem;
}
#paymentForm {
	border:solid 1px blue;
	background-color:#AAE9FF;
	padding:5px;
	margin-bottom:10px;
}
.card-invalid-feedback {
	width: 100%;
	margin-top: .25rem;
	font-size: 80%;
	color: #dc3545;
}


/**
 * For Stripe payments form and button
 *  */

.StripeElement--focus {
  box-shadow: 0 1px 3px 0 #cfd7df;
}

.StripeElement--invalid {
  border-color: #fa755a;
}

.StripeElement--webkit-autofill {
  background-color: #fefde5 !important;
}
.bottomlink {
	padding-top:10px;
	padding-bottom:10px
}