/* @override 
	https://londonwinecompetition.com/cont/css/styles_framework_LondonComps.css
	https://local.londonwinecompetition.com/cont/css/styles_framework_LondonComps.css
*/

.center {
	text-align: center;
}

.left {
	text-align: left;
}

.right {
	text-align: right;
}

/* @group Template Layouts */

.flexLayout6 > .col1 {
	margin: 0rem 0rem 0rem 0rem !important;
	flex-basis: 33.8% !important;
}

.flexLayout6 > .col2 {
	flex-basis: 57.7%;
}

/* @end */

/* @group Listing Layouts */

.listing.mosaic {
	/* display: flex assumed from class .flexContainer */
	flex-wrap: wrap;
}

.listing.mosaic article {
	flex-basis: 31%;
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	overflow: hidden;
}

.listContainerStyle2 {
	flex-wrap: wrap;
}

.listContainerStyle2 > * {
	flex-basis: 31%;
}

/* @end */

/* @group cardListStyle2 */

.card, 
.innerCard .listing > * {
	/* card class does not control width */
}

/* cardListStyle2 */

.cardListStyle2 {
	margin: 0rem 0rem 1rem 0rem;
	padding: 0rem 0rem 1rem 0rem;
	border-bottom: 1px solid #bbbbbb;
	flex-direction: column;
	justify-content: flex-start;
	background-color: #b99964;
}

.cardListStyle2.flush .txt {
	padding: 0.5rem 0.8rem 0.8rem 0.8rem;
}

.cardListStyle2 .txt h2 {
	margin-bottom: 0.5rem;
	display: inline-block;
	color: #FFF;
	font-size: 1.4rem;
	font-weight: 300;
	letter-spacing: 0.02rem;
}

.cardListStyle2 .txt h3 {
	margin-bottom: 0.5rem;
	color: #5e492b;
	font-family: 'Zilla Slab';
	font-size: 0.8rem;
	text-transform: uppercase;
	letter-spacing: 0.16rem;
}

.cardListStyle2 .txt > p, 
.cardListStyle2 .txt .subTitle {
	margin-bottom: 0.5rem;
	display: inline-block;
	color: #ede5d9;
	font-family: 'Zilla Slab';
	font-size: 1rem;
	line-height: 1.5;
	
}

.cardListStyle2 .imgContainer {
	width: 100% !important;
	margin-bottom: 0.5rem;
}

/* @end */

/* @group cardArticleListingStyle3 */

.cardListStyle3 {
	text-align: center;
}

.cardListStyle3 .imgContainer {
	width: 70%;
	margin: 1rem auto 1rem auto;
}

.cardListStyle3 h2 {
	font-size: 1.4rem;
	font-weight: 700;
	text-transform: none;
}

/* @end */

/* @group Header Styles (not for main website header) */

.headerStyle1 header h1 {
	margin-bottom: 0.2rem;
	padding: 0rem 0rem 0.2rem 0rem;
	font-weight: 300;
	font-size: 1.3rem;
	text-transform: uppercase;
	color: #626262;
	border-bottom: 1px solid #6d562f;
}

/* @end */

/* @group detailed article styles */

.detailedStyle1 header h1 {
	margin-bottom: 0.5rem;
	font-family: 'Montserrat';
	font-size: 2rem;
	font-weight: 100;
	color: #1D1D1B;
	line-height: 1.3;
}

.detailedStyle1 header h2 {
	/* subTitle */
	padding: 0rem 0% 0.7rem 0%;
	font-family: 'Zilla Slab';
	font-size: 1.5rem;
	font-weight: 700;
	color: #1D1D1B;
	line-height: 1.4;
}

.detailedStyle1 .body p {
	padding: 0rem 0% 0.5rem 0%;
	font-family: 'Zilla Slab';
	font-size: 1rem;
	font-weight: 400;
	color: #6D6E70;
	line-height: 1.5;
}

.detailedStyle1 .body ul {
	padding: 0rem 5% 0.5rem 5%;
	font-family: inherit;
}

.detailedStyle1 .body ul li {
	margin: 0rem 0rem 0.2rem 0rem;
	list-style-type: disc;
	font-size: 1rem;
	font-weight: 400;
	color: #6D6E70;
	line-height: 1.5;
}

.detailedStyle1 .soundCloud {
	margin: 0rem 0rem 1rem 0rem;
}

/* @end */

/* @group navBox1 */

.box.navBox1 {
	margin: 2rem 0rem 0rem 0rem;
	display: block !important;
}

.box.navBox1 ul {
	display: flex;
	flex-direction: column;
}

.box.navBox1 ul li {
	padding: 0.2rem 0rem 0.2em 0rem;
	font-family: 'Montserrat';
	font-size: 0.9rem;
	color: #bda378;
	border-bottom: 1px solid #bda378;
	text-transform: uppercase;
}

.box.navBox1 ul li a svg {
	margin: 0rem 0.2rem 0rem 0rem;
	color: #443f3c;
}


/* @end */

/* @group Header Styles */

.headerStyle2 {
	margin: 1rem 0rem 0rem 0rem;
}

.headerStyle2 h1 {
	text-transform: none !important;
	font-family: 'Montserrat' !important;
	font-weight: 700 !important;
	font-size: 1rem !important;
	text-align: left !important;
	letter-spacing: 0rem !important;
}

.loginUserEmptyCart, .loginUserQualifySticker, .LoginUserRemoveCart {
    color: #000;
	font-size: 0.9rem;
	font-weight: 600;
	background:#dedede;
	padding: 0.5rem 1rem;
	border: 1px #333 solid;
    border-radius: 0.2rem;
    margin-bottom: 1rem;
}

.loginUserEmptyCart::before {
    content: "congratulations";
    display: block;
    text-transform: uppercase;
    border-bottom: 1px #333 solid;
    font-size: 1.2rem;
    margin-bottom: 0.5rem;
}

.loginUserQualifySticker::before {
    content: "Order Qualified";
    display: block;
    text-transform: uppercase;
    border-bottom: 1px #333 solid;
    font-size: 1.2rem;
    margin-bottom: 0.5rem;
}

.LoginUserRemoveCart::before {
    content: "Free items removed";
    display: block;
    text-transform: uppercase;
    border-bottom: 1px #333 solid;
    font-size: 1.2rem;
    margin-bottom: 0.5rem;
}

/* @end */

/* @group Table Styles */

.tableStyle1 {
	width: 100%;
	font-family: 'Montserrat';
}

.tableStyle1 th, 
.tableStyle1 td {
	padding: 0.3rem 0.5rem 0.3rem 0.5rem;
}

.tableStyle1 th {
	font-size: 0.9rem;
	font-weight: 700;
	text-transform: uppercase;
	background-color: #c60045;
	color: #FFF;
}

.tableStyle1 tr {
	font-size: 0.9rem;
	font-weight: 400;
	background-color: #dedede;
}

.tableStyle1 th.accent, 
.tableStyle1 td.accent {
	font-size: 1rem;
	font-weight: 700;
	background-color: #bababa;
}

.tableStyle1 td input.productQty{
	width: 50%;
}

.tableStyle2 {
	width: 100%;
	font-family: 'Montserrat';
}

.tableStyle2 .labelCol {
	width: 20%;
}

/* @end */

/* @group Form Styles */

.formStyle1 input[type="text"] {
	width: 100%;
	padding: 0.4rem 0.5rem 0.4rem 0.5rem;
	background-color: #e8e8e8;
	border: 0rem;
	font-size: 1rem;
}

.formStyle1 label {
	font-size: 0.9rem;
	font-weight: 400;
}

/* @end */