/* @override
	https://globaldrinksguide.com/cont/css/styles_common_drinkGuidesTheme1_mobile.css
	https://local.globaldrinksguide.com/cont/css/styles_common_drinkGuidesTheme1_mobile.css
	Version 1.1 September 2022
*/

/* @group Resets and Defaults, Global Classes */

html {
	font-size: 1.2rem;
} 

.mobile #mainContentArea {
	padding-top: 5rem;
}

.mobile .contentViewport {
	width: 100%;
	max-width: 100%;
	min-width: 100%;
}

.mobile .col {
	overflow: unset;
}

/* @end */

/* @group global modifier classes */



/* @end */

/* @group Template Layouts */

.stackOnMobile, 
.innerStackOnMobile .listing {
	display: block;
}

.mobile .paddOnMobile {
	/* apply padding to a edge to edge element that has no padding by default */
	padding: 0rem 4% 0rem 4% !important;
}

.mobile #wrapper {
	
}

.mobile .hideOnMobile {
	display: none !important;
}

.mobile nav.prevNext {
	font-size: 0.75rem !important;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	
}

.mobile .xScroll {
	overflow-x: scroll;
}

/* flexLayout1 [description] */



/* flexLayout2 [description] */



/* flexLayout3 Three col equal width */

.mobile .flexLayout3.stackOnMobile > *, 
.mobile .innerFlexLayout3 .listing.stackOnMobile > * {
	flex-basis: 100%;	
}

/* flexLayout4 Four col equal width */

/* flexLayout4 Four col equal width */

.mobile .flexLayout4 > .col, 
.mobile .innerFlexLayout4 .listing > * {
	/* on mobile convert to 2 columns wrapping the original 4 */
	flex-basis: 48%;
	flex-wrap: wrap;
}

/* flexLayout5 Three col wider centre */



/* flexLayout6 Three col wider left */



/* flexLayout7 Two col wider left and sidebar */



/* flexLayout8 Two col wider left and sidebar */



/* flexLayout8 Two col wider left and sidebar */



/* subFlexLayout2 two column layout to use inside of column 1 of flexLayout1 */


/* flexLayout10 Three col detailed blog articles */

.mobile .flexLayout10 > .col1 {
	
}

.mobile .flexLayout10 > .col2 {
	margin-right: 0%;
}

.mobile .flexLayout10 > .col3 {
	
}


/* @end */

/* @group Atoms */

/* Small mostly single tag elements available for use across the whole site */
.tag {
	font-size: 0.8rem;
}

.mobile .homeReview .activeFilter,
.activeFilter1 {
	display: none;
}
/* @group Buttons & button containers */



/* @end */

/* @group Tags & Filter Tags */



/* @end */

/* @end */

/* @group Molecules */

/* Intermediate multi tag elements with one same function or purpose, available across all the website */

/* @group socialSharing */

.mobile .socialSharing ul {
	width: 100%;
	margin: 0rem 0rem 0rem 0rem;
	padding: 0rem 0rem 0rem 0rem;
	display: flex;
	flex-direction: row;
}

.mobile .socialSharingStyle1 {
	padding: 0rem 5% 0rem 5%;
	display: flex;
	flex-direction: column;
}

.mobile .socialSharingStyle1 header h1{
	margin: 0rem 0rem 0.5rem 0rem;
	display: block;
	font-size: 0.9rem !important;
	font-weight: 800;
}

.mobile .socialSharingStyle1 ul {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}

.mobile .socialSharingStyle1 li {
	margin: 0rem 0.1rem;
}

.mobile .socialSharingStyle3 ul li a.icn {
	background-color: #72727A;
	border-radius: 0.2rem;
}
/* @end */

/* @group Header Styles */



/* headerStyle2 blog listing header */



/* .headerStyle3 : side column box headers */



/* .headerStyle4 : forms and zone records lists header */

/* headerStyle6 */


/* .headerStyle7 : for cocktail section; */

.headerStyle7 {
	padding: 0;
}

.headerStyle7 nav {
	padding: 1.5rem 0% 1.5rem 0%;
	margin-bottom: 1rem;
}

.mobile .headerStyle11,
.mobile .innerHeaderStyle11 > header {
	display: unset;
}

.mobile .headerStyle11 h1,
.mobile .inneHeaderStyle11 > header h1 {
	margin: 0rem 0%;
	font-size: 1.3rem;
	border-right: 0px;
}

.mobile .headerStyle11 .createdDate,
.mobile .innerHeaderStyle11 > header .createdDate {
	padding-top: 0rem;
}

.mobile .headerStyle11 h2,
.mobile .innerHeadStyle11 > header h2 {
	font-size: 0.8rem;
}

.mobile .headerStyle11 p,
.mobile .innerHeadStyle11 > header p {
	font-size: 0.6rem;
}
/* @end */

/* @group Footer Styles */



/* @end */

/* @group Prev Next nav */



/* @end */

/* @group Category nav */



/* @end */

/* @group Tabs Styles */



/* @end */

/* @group Accordion styles */



/* @end */

/* @group Alert Styles */



/* @end */

/* @group List Styles */

/* List Style 1: stacked articles, used for Companies listing */



/* @end */

/* @group Carousel Styles */

.mobile .carouselStyle1 .owl-dots {
	position: absolute;
	top: 0rem;
	right: 1rem;
}

.mobile .carouselStyle1 .owl-dots .owl-dot {
	margin-left: 0.5rem;
	border: 0px;
	width: 0.2rem;
	height: 0.5rem;
	border-radius: 0.25rem;
	background-color: #FFF;
}

.mobile .carouselStyle1 .owl-dots .owl-dot.active {
	background-color: #e91e62;
}

/* @end */

/* @group box Styles */

.mobile .box.competitionResults article > .imgContainer img {
	right: 24%;
}

.mobile .boxStyle3 .listing article {
	display: block;
}

.mobile .boxStyle3 .listing article .txt {
	clip-path: polygon(0% 7%, 45% 7%, 50% 0%, 55% 7%, 100% 7%, 100% 100%, 0% 100% );
}

.mobile .boxStyle3 .listing article .txt .judgesComments {
	display: block;
}

.mobile .boxStyle3 .listing article .txt .judgesComments .col1 h2 {
	border-right: 0px;
}

.mobile .boxStyle3 .listing article .txt .judgesComments .col2 h2 {
	font-size: 0.8rem;
}

.mobile .boxStyle3 .listing article .txt .judgesComments .col2 p {
	font-size: 0.6rem;
}

/* @group Article Styles */

/* articleStyle1 : home page Blog carousel */

.mobile .articleStyle1, 
.mobile .innerArticleStyle1 article {
	flex-direction: column;
}

.mobile .articleStyle1, 
.mobile .innerArticleStyle1 article {
	flex-direction: column;
}

article.articleStyle1 .txt, 
.innerArticleStyle1 article .txt {
	padding: 0.5rem 0rem 0rem 0rem;
}

article.articleStyle1 .txt h3, 
.innerArticleStyle1 article .txt h3 {
	margin: 0rem;
	font-size: 0.9rem;
	font-family: 'Montserrat';
	font-weight: 600;
	text-transform: uppercase;
	color: #E91E63;
}

article.articleStyle1 .txt h2, 
.innerArticleStyle1 article .txt h2 {
	margin: 1rem 0rem 0rem 0rem;
	font-family: 'Montserrat';
	font-weight: 200;
	font-size: 2rem;
	color: #151522;
	line-height: 1.3;
}

/* Article Style 2 : detailed blog posts (legacy detailedLayout1) */

.mobile .articleStyle2 .body p {
	font-size: 1.2rem;
}

/* START articleStyle5 (legacy cardArticleStyle3) : home page blog content pills of 4 columns */

.mobile article.articleStyle5 .txt h2, 
.mobile .innerArticleStyle5 article .txt h2 {
	margin: 0rem 0rem 2rem 0rem;
}

/* articleStyle8 : Cocktails list */

.mobile .articleStyle8,
.mobile .innerArticleStyle8{
	padding: 1rem 4% 2rem 4% !important;
}
.mobile .articleStyle8 h3,
.mobile .innerArticleStyle8 .col1 header h3 {
	padding: 1rem 0% 1rem 0%;
	margin: 0rem 0% 1rem 0%;
}

.mobile .articleStyle8,
.mobile .innerArticleStyle8 .col1 {
	padding: 0rem 4.3%;
	margin: 0rem 0rem 2rem 0rem;
}

.mobile .articleStyle8,
.mobile .innerArticleStyle8 .col1 nav,
.mobile .innerArticleStyle9 header .txt {
	margin: 0rem;
}

.mobile .innerArticleStyle8 .col1 .box .body p {
	font-size: 0.9rem;
}

.mobile .innerArticleStyle8 article .txt,
.mobile .innerArticleStyle8 .listing article .txt {
	padding-bottom: 2rem;

}

.mobile .articleStyle8 h3,
.mobile .innerArticleStyle8 article .txt h3 {
	font-size: 0.8rem;
}

.mobile .articleStyle8 h1,
.mobile .innerArticleStyle8 header h1 {
	font-size: 1.5rem !important;
	padding: 0rem 4% 0rem 4%;
}

.mobile .articleStyle8 h3,
.mobile .innerArticleStyle8 .col1 header h3,
.mobile .articleStyle9 h2,
.mobile .innerArticleStyle9 article .txt h2 {
	font-size: 1rem;
}

.mobile .homeReview .innerArticleStyle8 header {
	background-size: 100% 15rem;
	padding: 8rem 0rem 8rem 0rem;
}

/* articleStyle9 : Cocktails detail */

.mobile .innerArticleStyle9 .col2 .body .col1,
.mobile .innerArticleStyle9 header .txt .col1 {
	border-right: unset;
	margin: 0;
	padding: 0;
}

.articleStyle9 article, .innerArticleStyle9 .col1 article {
	margin-top: 1rem;
}

.mobile .innerArticleStyle9 .col2 .body .col h2 {
	font-size: 1.5rem;
}
.mobile .innerArticleStyle9 .col2 header h3,
.mobile .innerArticleStyle9 .col2 .body .col p,
.mobile .innerArticleStyle9 .col1 .txt p {
	font-size: 0.9rem;
}

.mobile .articleStyle13 > header h1 {
	font-size: 1.2rem;
}

.mobile .articleStyle13 .imgContainer {
	margin-bottom: 1rem
}

.mobile .articleStyle13 .txt .locationAndDates {
  float: unset;
  width: 100%;
  margin: 0rem 0em 0.5rem 0rem;
  padding: 1rem 4%;
}

.mobile .articleStyle13 .txt .locationAndDates h3 {
	font-size: 1rem;
}

.mobile .articleStyle15 {
	flex-direction: column;
}

.articleStyle15 .col2 .productScore .starRating {
	font-size: 1rem;
}

.mobile .articleStyle15 .col2 .productScore .points h3::first-line {
	font-size: 0.8rem;
}

.mobile .articleStyle15 .col2 {
	border-right: 0px;
	padding-right: 0%;
}

.mobile .articleStyle15 .col2 h2 {
	font-size: 0.8rem;
	margin: 0rem 0% 0.5rem 0%;
	padding-bottom: 0.5rem;
}

.mobile .articleStyle15 .col2 p {
	font-size: 0.7rem;
	letter-spacing: 0.03rem;
}

.mobile .articleStyle15 .col3 .judgesInfo h1 {
	font-size: 0.8rem;
}

.mobile .articleStyle15 .col3 .judgesInfo h2,
.mobile .articleStyle15 .col3 .judgesInfo p {
	margin-bottom: 0.02rem;
	font-size: 0.6rem;
	letter-spacing: 0.04rem;
}

.mobile .articleStyle15 .col3 .body h2 {
	font-size: 0.8rem;
}

.mobile .articleStyle15 .col3 p {
	font-size: 0.7rem;
	letter-spacing: 0.02rem;
}

.mobile .articleStyle16 .meta .col2 h4::first-line {
	font-size: 0.8rem;
}

.mobile .articleStyle16 .meta .col2 h4 {
	font-size: 0.5rem;
}

.mobile .articleStyle16 .col2 .info,
.mobile .articleStyle16 .meta {
	display: block;
}

.articleStyle16 .meta .col1 {
	border-right: 0px;
	margin-bottom: 0.5rem;
}

.mobile .articleStyle16 .col2 .info h3,
.mobile .articleStyle16 .meta .col3 h3 {
	font-size: 0.7rem;
}
/* @end */

/* @end */

/* @group Organisms */

/* Standard layouts elements (boxes, article styles, etc…) available across sections, also header, footer and other standard non section specific complex organisms */

/* @group Main Header */

.mobile #wrapper > header {
	width: 100%;
	height: 3rem;
	position: fixed;
	top: 0rem;
	left: 0rem;
	z-index: 1000000;
}

.mobile nav.main ul {
	display: block;
}

.mobile header .logoBar {
	width: 100%;
	height: 3rem !important;
	display: flex;
}

.mobile header .logoBar .mobileMenuOpener {
	width: 3rem;
	height: 3rem;
	font-size: 1.7rem;
    position: static;
    z-index: 100000;
	top: 0rem;
	left: 0rem;
	display: block;
	background-color: #2a2d34;
	color: #FFF;
	text-align: center;
	line-height: 1.7;
}

.mobile header .logoBar .logoContainer {
	flex-basis: 100%;
	height: 3rem;
	background-color: #e91e62;
	text-align: center;
}

.mobile header .logoBar .logoContainer img {
	flex-basis: 100%;
	height: 3rem;
}

.mobile .logoBar .col1 > a:nth-child(2) {
	flex-basis: 77%;
}

#wrapper > header#innerSectionsHeader .logoBar div .col1 a.mobileMenuOpener, #wrapper > header .logoBar div .col1 a.mobileMenuOpener{
	position: unset;
}

#wrapper > header#innerSectionsHeader .logoBar div .col1 img,#wrapper > header .logoBar div .col1 img{
	width: 100%;
}

#mobileMenu.mm-menu .mm-listview > li > a.mm-prev::before,
#mobileMenu.mm-menu .mm-listview > li > a.mm-next::after {
	border-color: rgba(255, 255, 255, 0.5);
}

.mobile .primary ul li {
	font-family: "Montserrat";
}

.mobile .primary ul.mnu > li > a {
	font-family: "Montserrat";
	font-size: 1rem;
	font-weight: 500;
}

/* @end */

/* @group Main Menu */

.mobile nav.main ul li:hover a {
	background: none;
}
.mobile nav.main,.mobile#home nav.main {
	width: 80% !important;
}

.mobile nav.main ul ul {
	position: unset;
	background: none;
	display: unset;
}

.mobile nav.main ul ul li {
    padding-left: 20px;
}

.mobile nav.main ul ul li a {
	border: 0;
	font-family: 'Montserrat';
	font-size: 1rem;
	font-weight: 300;
}

.mm-menu .mm-listview > li > a.mm-prev:after, .mm-menu .mm-listview > li > a.mm-next:before {
	border-color: rgb(0, 0, 0, 0);
}
.mm-menu .mm-listview > li > a.mm-prev:before, .mm-menu .mm-listview > li > a.mm-next:after {
	border-color: rgba(255, 255, 255, 0.5)
}

.mobile nav.main ul li a:not(.mm-next) {
	padding: 10px 10px 10px 10%;
}
li.customMobileMenu ul > li > a {
	display: flex !important;
	justify-content: flex-start !important;
	align-items: center !important;
}

li.customMobileMenu ul > li > a > img{
	width: 6%;
	margin-right: 0.3rem;
}

/* sub menu */



/* @end */

/* @group User menu */



/* @end */

/* @group Table styles */



/* @end */

/* @group Standard form elements */



/* @end */

/* @group Main Footer */

.mobile #wrapper > footer .footerMenuContainer .col1 input[type="email"] {
	width: 90%;
	border: 0rem;
	font-family: 'Source Serif Pro';
	font-size: 0.9rem;
	background-color: #45474D;
	padding: 0.5rem 1rem 0.5rem 1rem;
}

.mobile #wrapper > footer .footerMenuContainer .col1 #btnSubmitSubscribe-defaultNewsletter {
	margin: 0rem 0rem 0rem -2.5rem;
	color: #000;
	background-color: #45474D;
	border: 0rem;
	font-size: 1rem;
}

.mobile #wrapper > footer .footerMenuContainer .col1 {
	justify-content: center;
	text-align: center;
}

.mobile #wrapper > footer .footerContactData {
	padding: 0rem 0rem 0rem 0rem;
}

.mobile #wrapper > footer .flexLayout3 {
	flex-direction: column;
	
}

.mobile #wrapper > footer .flexLayout3 > * {
	flex-basis: 100%;
	align-items: center;
	align-content: center;
	text-align: center;
	justify-content: center;
}

.mobile #wrapper > footer .flexLayout3 p {
	
	
}

/* @end */

/* @group Login & Registration Form */


/* @end */

/* @group Box Layout framework */

/* boxLayout1 sidebar instructions and CTA boxes */



/* boxLayout2 [description] */




/* @end */



/* @group competitions display box */



/* @end */

/* @group Sign Up / Log In modal */

/* to be used floating or in modal box */



/* @end */

/* @end */

/* @group Section specific styles & overrides */

/* Styles that apply only to specific sections, section specific modifiers of globally available classes */

/* @group News */



/* @end */

/* @group Listings */



/* @end */

/* @group Home */



/* @end */

/* @group Banners */



/* @end */

/* @group Submissions checkout screen */



/* @end */

/* @group Shipping Labels */



/* @end */

/* @group Invoices & Receipts */



/* @end */

/* @end */