BODY {
	padding-bottom: 100px;
	font-family: Work Sans, sans-serif;
	font-size: 16px;
	font-weight: 400;
	line-height: 24px;
	color: #435058;
}
.topbar {
	height: 120px;
	background-color: #00A887;
}
.topbar IMG {
	max-height: 40px;
	margin-top: 20px;
}
H1 {
	font-family: Playfair Display, serif;
	font-size: 32px;
	font-weight: 400;
	line-height: 40px;
	margin: 0px 0px 15px 0px;
	text-align: center;
}

H2 {
	font-family: Playfair Display, serif;
	font-size: 40px;
	font-weight: 400;
	line-height: 49px;
	text-align: left;
}

H3.price {
	font-family: Oswald, sans-serif;
	font-size: 30;
	font-weight: 300;
	line-height: 30px;
	text-align: left;
}

FIELDSET {
	margin-top: 30px;
}

LEGEND {
	font-family: Oswald, sans-serif;
	font-size: 20px;
	font-weight: 300;
	text-transform: uppercase;
	color: #00A887;
}

P.help {
	font-size: 12px;
	line-height: 16px;
	font-family: Work Sans, sans-serif;
	font-weight: 400;
	color: #435058 !important;
	padding: 6px 0px;
	margin: 0
}

.form-control {
	border-radius: 0px;
	color: #4D5858;
}

UL.kw-breadcrumbs LI {
	list-style: none;
	font-family: Oswald, sans-serif;
	font-size: 20px;
	font-weight: 300;
	text-transform: uppercase;
	color: #E1E3E4;
	margin-top: 30px;
	margin-bottom: 50px;
}

UL.kw-breadcrumbs LI.current {
	color: #00A887;
}

.bottom-buttons {
	margin-top: 50px;
}

.products {
	box-shadow: rgba(0, 0, 0, 0.1) 4px 2px 30px 0px;
}

.cart {
	box-shadow: rgba(0, 0, 0, 0.1) 4px 2px 30px 0px;
	padding: 20px;
}

FIELDSET .cart {
	min-height: 250px;
}
.product .description {
	min-height: 3em;	
}

.products .nav-link {
	font-family: Oswald, sans-serif;
	font-size: 14px;
	text-transform: uppercase;
	font-weight: 400;
	line-height: 20px;
	color: #222222;
}

.products .nav-link.active {
	color: #00A887;
	border-bottom: solid 1px #00A887;
}

.products .product {
	padding: 20px 30px 20px 30px;
	cursor: pointer;
}

.products .product:HOVER, .products .product.selected {
	box-shadow: rgba(0, 0, 0, 0.1) 4px 2px 30px 0px;
}

.products .product.selected {
	background-color: #EEEEEE;
}

.products .product IMG {
	max-height: 156px;
	margin-bottom: 30px;
}

.products .product .description A {
	text-decoration: none;
	color: #4d5858;
	font-size: 18px;
	font-weight: 500;
	line-height: 24px;
}

.products .product .description A:HOVER {
	text-decoration: underline;
}

.products .product .pricing {
	margin-top: 20px;
	margin-bottom: 20px;
	font-size: 22px;
	line-height: 22px;
}

.products .product .pricing .volume {
	color: #00a887;
}

.btn .btn-sm {
	text-transform: uppercase;
	font-size: 14px;
}

.btn-primary {
	color: #222222;
	background-color: #f9cd00;
	border-color: #f9cd00;
}

.btn-primary:ACTIVE, .btn-primary:HOVER, .btn-primary:FOCUS
	.btn-primary:DISABLED {
	color: #222222;
	background-color: #f8e624;
	border-color: #f8e624;
	box-shadow: none;
}

.btn-icon-right I {
	float: right;
	margin-top: 5px;
	margin-left: 10px;
}

.btn-icon-left I {
	float: left;
	margin-top: 5px;
	margin-right: 10px;
}

.modal-content {
	background-image: url("/Kannaway/assets/imgs/productbackground.jpg");
	background-position: top right;
	background-repeat: no-repeat;
}

.modal-header {
	border-bottom: none;
}

.modal-body {
	padding-bottom: 80px;
}

.nav-tabs {
	margin-top: 30px;
	margin-bottom: 30px;
	border-top: solid 1px #e1e3e4;
	border-bottom: solid 1px #e1e3e4;
}

.nav-tabs .nav-link, .nav-tabs .nav-link.active {
	border-left: none;
	border-right: none;
	border-top: none;
	text-transform: uppercase;
	font-size: 11px;
	padding: 20px;
	color: #445156;
}

.nav-tabs .nav-link:HOVER {
	border-bottom: solid 3px #AAB7BC;
}

.nav-tabs .nav-link.active, .nav-tabs .nav-link.active:HOVER {
	border-bottom: solid 3px #445156;
}

.tab-content {
	color: #212529;
	font-size: 15px;
	line-height: 25px;
	font-weight: 300;
}

.summary-table {
	width: 100%;
}

.summary-table TH {
	font-weight: 300;
	text-transform: uppercase;
	font-size: 11px;
	color: #4d5858;
	padding: 0px;
}

.summary-table TD {
	font-weight: 400;
	font-size: 16px;
	color: #435058;
}

IMG.cart-thumbnail {
	max-width: 66px;
	border: solid 1px #DEDBD4;
}

/** Throbbers **/
.ga-throbber-container {
	position: fixed;
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	z-index: 8000;
	display: flex;
	align-items: center;
	justify-content: center;
}
.ga-throbber-backdrop {
	position: absolute;
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	background-color: #000000;
	opacity: 0.5;	
}
.ga-throbber-body {
	padding: 0px;
}
.ga-throbber-body H1 {
	border-bottom: none;
	padding-bottom: 0px;
}
.ga-throbber-body .card {
	border: solid 1px #00a887;
	border-radius: 0px;
}
.ga-throbber-body .card .card-header.bg-primary  {
	background-color: #00a887!important;
	color: #FFFFFF;
	border-radius: 0px;
}

.ga-throbber-body .card .card-body {
	display: flex;
	align-items: center;
}
.ga-throbber-body .card .card-body .text-primary {
	color: #00a887 !important;
}
.ga-throbber-body .card .card-body .spinner-border {
	margin: 0px 10px 0px 0px;
	height: 30px;
	width: 30px;
}
.ga-throbber-body .card .card-body .stack-trace {
	display: none;
	border: solid 1px #000000;
	background-color: #CCCCCC;
	padding: 10px;
	break-before: always;
}

/** Internal Throbbers **/
.throbberbody {
	text-align: center;
	padding: 15px;
}

@media ( min-width :768px) {
	UL.kw-breadcrumbs {
		display: flex;
		width: 100%;
		align-items: center;
	}
	UL.kw-breadcrumbs LI {
		list-style: none;
		flex: 1 1 auto !important;
		text-align: center;
	}
	UL.kw-breadcrumbs LI.dash {
		background-color: #E1E3E4;
		height: 1px;
	}
	.products {
		padding: 45px 60px 45px 60px;
	}
	.btn-lg {
		padding: 20px 40px 20px 40px;
	}
	.btn-sm {
		padding: 5px 10px 5px 10px;
	}
}

@media ( max-width :767px) {
	UL.kw-breadcrumbs LI.dash {
		display: none;
	}
	.btn-lg {
		padding: 20px 40px 20px 40px;
	}
	.btn-sm {
		padding: 5px 10px 5px 10px;
	}
}