/* @override 
	https://local.btn.com/cont/css/styles_list_btn.css
	https://local.beveragetradenetwork.com/cont/css/styles_list_btn.css
	https://beveragetradenetwork.com/cont/css/styles_list_btn.css */
	
img.retina {
	width: 100%;
}	

.flexContainer > .col {
	float: none !important;
}
	
/* Template layout: layout per class of flex container */

.topAlignMargin {
	/* Place a negative top margin so to align with the adjacent card ##TODO: finish this */
	margin-top: 0rem;
}

.flexContainer1 {
	/* Main flex containers for main layout stacks */
	display: flex;
	justify-content: space-between;
}

.flexContainer1.threeColContainer {
	overflow: visible;
}

.flexContainer1.threeColContainer > .col1 {
	margin: 0rem 0rem 0rem 0rem !important;
	padding: 2rem 2% 1rem 2%;
	flex-basis: 23.8%;
	color: #A7A7A7;
}

.flexContainer1.threeColContainer > .col2 {
	margin-right: 3% !important;
	flex-basis: 49.2%;
}

.flexContainer1.threeColContainer > .col3 {
	padding-bottom: 3rem;
	flex-basis: 21.6%;
}

.flexContainer1.twoColContainer > .col1 {
	margin: 0rem 0rem 0rem 0rem !important;
	padding: 2rem 2% 1rem 2%;
	flex-basis: 23.8%;
	color: #A7A7A7;
}

.flexContainer1.twoColContainer > .col2 {
	flex-basis: 75%;
}
	
.flexContainerModulated, 
.innerFlexContainerModulated.box .listing {
	/* Flex container modulated, based on the number of modules will divide content inside it */
	display: flex !important;
	justify-content: space-between !important;
}

.flexContainerModulated.flexModules3 > * {
	/* applied to all elements immediately inside the flex container */
	margin-bottom: 1rem;
}

.flexContainerModulated.flexModules3 > .module1 {
	/* container taking 1 module of 3 available */
	flex-basis: 32.1% !important;
}

.flexContainerModulated.flexModules3 > .module2 {
	/* container taking 2 of the 3 available modules */
	flex-basis: 66% !important;
}

.flexContainerModulated.flexModules3 > .module3 {
	/* container taking 3 of the 3 available modules */
	flex-basis: 100%;
}	

/* 5 modules container */

.flexContainerModulated.flexModules5 > *, 
.flexContainerModulated.flexModules5 .listing > * {
	/* applied to all elements immediately inside the flex container */
	margin-bottom: 1rem;
}

.flexContainerModulated.flexModules5 > .module1, 
.flexContainerModulated.flexModules5.innerModule1 .listing > * {
	/* container taking 1 module of 5 available */
	flex-basis: 19% !important;
	overflow: hidden;
}
	
/* 2017 cards framework */

.card2 header h1, 
.innerCard2 .listing header h1 {
	padding: 0rem 0rem 0.8rem 0rem;
	font-family: 'Zilla Slab';
	font-size: 1.2rem;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.1rem;
	text-align: left;
}

.card2 h2, 
.innerCard2 .listing h2 {
	margin: 0rem 0rem 0.3rem 0rem;
	font-family: 'Zilla Slab';
	font-weight: 700;
	font-size: 0.9rem;
	color: #000;
	line-height: 1.2;
	text-transform: uppercase;
}

.card2 h2 a, 
.innerCard2 .listing h2 a {
	margin: 0rem 0rem 0.3rem 0rem;
	font-family: 'Zilla Slab';
	font-weight: 700;
	font-size: 0.9rem;
	color: #000;
	line-height: 1.2;
	text-transform: uppercase;
}

.card2 h3, 
.innerCard2 .listing h3 {
	margin: 0rem 0rem 0.3rem 0rem;
	font-weight: 300;
	font-size: 0.8rem;
	color: #53565B;
}

.card2 .category, 
.innerCard2 .listing .category {
	margin: 0rem 0rem 0.6rem 0rem;
	font-weight: 300;
	font-size: 0.7rem;
	color: #5B5B5B;
	text-transform: uppercase;
	text-align: right;
}

.card2 h4, 
.innerCard2 .listing h4 {
	margin: 0rem 0rem 0rem 0rem;
	font-weight: 400;
	font-size: 0.8rem;
	text-transform: uppercase;
	color: #53565B;
}

.card2 p, 
.innerCard2 .listing p, 
.card2 .description, 
.innerCard2 .listing .description, 
.card2 .subTitle, 
.innerCard2 .listing .subTitle  {
	font-family: 'Roboto';
	font-weight: 300;
	font-size: 0.9rem;
	color: #53565B; 
	line-height: 1.5;
}

.card2 .description, 
.innerCard2 .listing .description {
	width: 100%;
	max-height: 14.5rem;
	overflow: auto;
	position: relative;
}

.card2 .description > div, 
.innerCard2 .listing .description > div {
	padding-right: 5%;
}

.card2 ul, 
.innerCard2 .listing ul {
	list-style-type: disc;
	list-style-position: inside;
}

.card2 ul li, 
.innerCard2 .listing ul li {
	margin: 0rem 0rem 0.5rem 0rem;
	font-family: 'Roboto';
	font-weight: 400;
	font-size: 0.9rem;
	color: #53565B; 
}

.card2 ul li i, 
.innerCard2 .listing ul li i {
	margin: 0rem 0.3rem 0rem 0rem;
	color: #dc1e39; 
}

.card2 p label, 
.innerCard2 p label {
	text-transform: uppercase;
}

/* card3: carrousel container */
	
/* General styles to 2017 templates */

body.twoCol2017 .sectionHeader .col1, 
body.threeCol2017 .sectionHeader .col1 {
	padding: 0rem 0rem 2rem 0rem !important;
}

body.twoCol2017 .sectionHeader #inPageTitle, 
body.threeCol2017 .sectionHeader .col2 #inPageTitle {
	padding: 0rem 0rem 3rem 0rem;
	font-family: 'Zilla Slab';
	font-size: 1.5rem;
	color: #5a5b5a;
}

body.twoCol2017 .sectionHeader .col1 h2, 
body.threeCol2017 .sectionHeader .col1 h2 {
	margin-bottom: 0.7rem;
	font-family: 'Zilla Slab';
	font-weight: 100;
	line-height: 0.8;
	color: #000;
}

body.twoCol2017 .sectionHeader .col1 h3, 
body.threeCol2017 .sectionHeader .col1 h3 {
	font-family: 'Zilla Slab';
	font-weight: 100;
	font-size: 1rem; 
	line-height: 1;
	color: #58595B;
}

body.threeCol2017 .sectionHeader .col2 {
	padding: 0rem 0rem 0.5rem 0rem;
	align-self: flex-end; 
}
 
body.threeCol2017 .sectionHeader .col3 {
	padding: 0rem 0rem 0.5rem 0rem;
	align-self: center; 
}

body.threeCol2017 #mainContentArea .threeColContainer {
	width: 100%;
	margin: 0rem 0rem 0rem 0rem;
	padding: 0rem 0rem 0rem 0rem;
	display: flex;
	justify-content: space-between;
	flex-wrap: nowrap;
}

/* List views */


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

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

.prevNext2 {
	min-height: 1.5rem;
	margin: 0rem 0rem 0rem 0rem;
	padding: 0rem 0rem 0.5rem 0rem;
	font-family: 'Roboto'; 
	font-weight: 300;
	font-size: 0.8rem;
	text-transform: uppercase;
	color: #A7A7A7;
	display: flex;
	justify-content: space-between;
}

.prevNext2 span, 
.prevNext2 a {
	margin: 0rem 0.2rem 0rem 0.2rem;
	display: inline-block;
}
 
.prevNext2 a {
	color: #151615;
}

.prevNext2 a:hover {
	color: #dd3b3b;
}



/* @group Left Sidebar (search filters) */

body.threeCol2017 #mainContentArea .sectionListing .col1 h2 {
	padding: 0rem 0rem 0.5rem 0rem;
	text-transform: uppercase;
	font-weight: 700;
	font-size: 0.8rem;
	color: #FFF;
}

.form-group, 
.formGroup {
	margin: 0rem 0rem 1rem 0rem;
	overflow: hidden;
}

/* @end */

/* @group Omni Search */

.omniSearch {
	margin: 0rem 0rem 2rem 0rem;
}

.omniSearch h4 {
	padding: 0rem 0rem 0.4rem 0rem;
	font-weight: 700;
	font-size: 0.8rem;
	letter-spacing: 0.2rem;
	color: #58595B;
	text-transform: uppercase;
}

.omniSearch input[type="text"] {
	width: 90%;
	margin: 0rem 0rem 1rem 0rem;
	padding: 0.6rem;
	background-color: #FFF;
	border: 0px;
	font-size: 1rem;
}

.omniSearch p {
	font-size: 0.9rem;
	color: #58595B;
}

.omniSearch p a {
	color: #dc1f3a;
	font-weight: 700;
}

/* @end */

/* @group detail 2017 */

.detail main .logoAndBrandName {
	display: flex;
	justify-content: space-between;
}

.detail main .logoAndBrandName .imgContainer {
	flex-basis: 35%;
}

.detail main .logoAndBrandName .txt {
	flex-basis: 60%;
}

.detail main .logoAndBrandName .txt h2, 
.detail main .logoAndBrandName .txt h3 {
	font-weight: 300;
	font-size: 1rem;
	color: #443F3C;
}

.detail main .logoAndBrandName .txt h2 label, 
.detail main .logoAndBrandName .txt h3 label {
	font-family: 'Zilla Slab';
	text-transform: uppercase;
	font-weight: 700;
	text-decoration: underline;
}

.detail main .box.brands {
	flex-wrap: wrap;
}

.detail main .box.brands header, 
.detail main .box.brands .listing {
	flex-basis: 100%;
	clear: both;
}
 
.detail main .box.brands .listing {
	display: block;
	display: flex;
	justify-content: space-between;
	align-content: flex-start;
	
}

.detail main .box.brands .listing article {
	flex-basis: 24%;
	text-align: center;
}

.detail main .box.brands.default .listing article img {
	max-height: 5rem;
}

.detail main .box.brands .listing article p {
	font-size: 0.9rem;
	color: #5B5B5B;
}

.detail .placeholderImage {
	padding-top: 0.4rem;
	background-color: #b9b9b9;
}

.detail .placeholderImage img {
	width: 80%;
}

#brands.list .cardListStyle1 {
    max-height: 16rem;
}

/* @end */

/* to be moved to general stylesheet */

body.threeCol2017, 
body.twoCol2017, 
body.oneCol2017 {
	background-color: #EBEAE6;
}

body.threeCol2017 .col, 
body.twoCol2017 .col, 
body.oneCol2017 .col {
	float: none !important;
}

.bgStyleOne {
	background-color: #5B5B5B;
}

nav.box.boxStyle3 ul li {
	display: block;
}

nav.box.boxStyle3 ul li i {
	width: 1.5rem;
	display: inline-block;
	font-size: 1rem;
	text-align: center;
	color: #dc1e39;
}

nav.box.boxStyle3 ul:empty {
	display: none;
}

.box.boxStyle3 form select {
	font-family: 'Roboto';
	font-weight: 300;
	font-size: 0.9rem;
	background-color: #d2d2d2;
	max-width: 90%;
}

.box.boxStyle3 form label {
	margin: 0rem 0rem 0.4rem 0rem;
	font-size: 0.9rem;
	font-weight: 400;
	display: block;
}

.box.boxStyle3 form input {
	display: block;
}



#digitalDirectory.list .contactDetailsNonPremium {
	width: 100%;
	min-height: 15rem;
	background-image: url('https://static.beveragetradenetwork.com/cont/img/digitalDirectory_blurredContactDetails_list.jpg');
	background-repeat: no-repeat;
	background-size: 100%;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center; 
}

.detail .contactDetailsNonPremium {
	width: 100%;
	min-height: 17rem;
	background-image: url('https://static.beveragetradenetwork.com/cont/img/digitalDirectory_blurredContactDetails_detail.jpg');
	background-repeat: no-repeat;
	background-size: 100%;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
}

.contactDetailsNonPremium .callToAction2 .col1 {
    flex-basis: 20%;
}

.list .contactDetailsNonPremium .callToAction2 .col2 {
    flex-basis: 53%;
}

.list .contactDetailsNonPremium > div {
	width: 95%;
	
}

.detail .contactDetailsNonPremium > div {
	width: 70%;
	
}

#buyingLeads.list .cardListStyle1 .txt  {
	flex-basis: 100%;
	
}

#consultants.list .cardListStyle1 {
	max-height: 19rem;
	
}

#digitalDirectory.list section .flexLayout2Container .col3 section .listing article .txt p{
  font-size: 0.9rem;
  font-weight: 700;
}

#consultants.list main section article .imgContainer .consultantsImg img{
background-color: #b9b9b9;

}

#consultants.list main section article .imgContainer .consultantsImg img{
background-color: #b9b9b9;

}

#authors.detail .flexLayout1Container .flexLayout1 .col2 .cardArticleStyle1 .txt h3 {
	text-align: left;
	text-transform: none;
	font-size: 1.3rem;
	margin-left: -5px;
}

.callToAction2 {
	padding: 1rem 0rem 1rem 0rem;
	border-top: 1px solid #DD1F3A;
	border-bottom: 1px solid #DD1F3A;
	align-items: center;
	justify-content: space-between;
	background-image: url('https://static.beveragetradenetwork.com/cont/img/white-50t.png');
}

.callToAction2 .col1 {
	flex-basis: 5%;
}

.callToAction2 .col2 {
	flex-basis: 50%;
}

.callToAction2 .col3 {
	flex-basis: 30%;
}

.callToAction2 .col1 i {
	margin: 0rem 0rem 0rem 0rem;
	padding: 0.7rem 1rem 0.7rem 1rem;
	background-color: #DD1F3A;
	font-size: 2rem;
	color: #FFF;
}

.callToAction2 .col2 {
	text-align: left;
}

.callToAction2 .col2 h2 {
	padding: 0rem 0rem 0.4rem 0rem;
	font-size: 1.5rem;
	font-weight: 700;
	color: #DD1F3A;
}

.callToAction2 .col2 p {
	padding: 0rem 0rem 0.4rem 0rem;
	font-size: 1rem;
	font-weight: 100;
	color: #53565B;
}

.callToAction2 .col2 p a {
	font-weight: 400;
}

.callToAction2 .col2 p a:hover {
	color: #DD1F3A;
}

.callToAction3 h2 {
	margin-bottom: 1rem;
	font-family: 'Zilla Slab';
	font-weight: 700;
	font-size: 1.6rem;
	color: #FFF;
}

.callToAction3 p {
	margin: 0rem 0rem 1rem 0rem;
	font-weight: 300;
	font-size: 1rem;
	color: #FFF;
	line-height: 1.6;
}