/* @override
	https://cannabisdrinksexpo.com/cont/css/styles_public_cannabisde_mobile.css
	https://local.cannabisdrinksexpo.com/cont/css/styles_public_cannabisde_mobile.css
*/

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

html.mobile {
	font-size: 1em; 
}

body.mobile {
	width: 100%;
}

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

.mobile .paddOnMobile {
	padding-left: 4%;
	padding-right: 4%;
}

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

.mobile .contentViewport.flushOnMobile {
	width: 100%;
	max-width: 100%;
	margin: 0rem 0rem 0rem 0rem;
	padding: 0px 0% 0px 0%;
}

.mobile .stackOnMobile,
.mobile .innerStackOnMobile .listing {
	flex-direction: column !important;
}

.mobile img,
.mobile .imgContainer,
.mobile .imgContainer img {
	width: 100%;
}


/* @end */

/* @group global modifier classes */

.mobile .bgStyle1 {
	background-size: cover;
}

.mobile .bgStyle3 {
	background-repeat: repeat;
	background-color: #353332;
}

.mobile .bgStyle4 {
	background-image: url('/cont/img/imageSlideMobile.png');
	height: 25rem;
}

/* @end */

/* @group Template Layouts */

/* @end */

/* @group Atoms */

/* Small mostly single tag elements available for use across the whole site */

/* @group Buttons */

.mobile .btnStyle1 {
	padding: 0.5rem;
	font-size: 0.7rem;
	letter-spacing: 0.03rem;
}

.mobile .btnStyle2 {
	/*padding: 1rem 10% 1rem 10%;*/
}

.mobile .btnStyle3,
.mobile .innerBtnStyle3 .btn {
	padding: 1rem;
}

/* @end */

/* @group Header Styles */  

.mobile .headerStyle1 > h1,
.mobile .innerHeaderStyle1 header > h1 {
	font-size: 4rem;
}

.mobile .headerStyle1 > p,
.mobile .innerHeaderStyle1 header > p {
	font-size: 1rem;
}

.mobile .innerHeaderStyle2 header > h1::first-line {
	font-size: 1.1rem;
}

.mobile .headerStyle2 > h1,
.mobile .innerHeaderStyle2 header > h1 {
	right: 16%;
	font-size: 2.5rem;
}

.mobile .headerStyle4,
.mobile .innerHeaderStyle4 header {
	display: block;
	padding: 0rem;
}

.mobile .headerStyle4 h1,
.mobile .innerHeaderStyle4 header h1 {
	font-size: 2rem;
	padding: 0rem 11% 0rem 11%;
}

.mobile .headerStyle4 .schedule,
.mobile .innerHeaderStyle4 header h1 .schedule {
	font-size: 4rem;
}

.mobile .headerStyle4 .year,
.mobile .innerHeaderStyle4 header h1 .year {
	margin: -1rem 0rem 0rem 0rem;
}

.mobile .headerStyle5,
.mobile .innerHeaderStyle5 header {
	position: unset;
}

.mobile .headerStyle5 h1,
.mobile .innerHeaderStyle5 header h1 {
	font-size: 1.4rem;
	/*padding: 1rem 5% 1rem 18%;*/
}

.mobile .headerStyle7 > h1,
.mobile .innerHeaderStyle7 header > h1 {
	font-size: 1.5rem;
}

.mobile .headerStyle7 > p,
.mobile .innerHeaderStyle7 header > p {
	font-size: 0.8rem;
}

/* @end */

/* @end */

/* @group Molecules */

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

/* @group socialSharing */



/* @end */

/* @group navStyles */

/* @end */

/* @group count down / count up box */

/* @end */

/* @group Box Styles */

/* boxStyle1 : home screen video box */

/* @end */

/* @group Article Styles */

.mobile .articleStyle1,
.mobile .innerArticleStyle1 article {
	padding: 1rem 0% 0rem 0%;
}

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

.mobile .articleStyle1 h2,
.mobile .innerArticleStyle1 article .txt .body .col2 .card .txt h2 {
	font-size: 1.3rem;
}

.mobile .articleStyle1 p,
.mobile .innerArticleStyle1 article .txt .body .col2 .card .txt p {
	font-size: 1.1rem;
}

.mobile .articleStyle1 p,
.mobile .innerArticleStyle1 article .txt .body .col2 .card p {
	/*text-align: unset;*/
}

.mobile .articleStyle1 .col2 .card,
.mobile .innerArticleStyle1 article .txt .body .col2 .card {
	margin: 0rem 1% 0rem 1%;
}

.mobile .articleStyle2,
.mobile .innerArticleStyle2 {
	margin: -1rem 0rem 0rem 0rem;
}

.mobile .articleStyle2,
.mobile .innerArticleStyle2 article {
	padding: 0rem;
	flex-direction: column;
}

.mobile .articleStyle2,
.mobile .innerArticleStyle2 article .imgContainer {
	margin: 3rem 0rem 1rem 0rem;
	padding: 0rem;
}
.mobile .articleStyle2 h1,
.mobile .innerArticleStyle2 article .txt h1 {
	margin: 0rem 0rem 1rem 0rem;
	padding: 0rem;
	font-size: 2rem;
}

.mobile .articleStyle2 h2,
.mobile .innerArticleStyle2 article .txt h2 {
	margin: 0rem 0rem 1rem 0rem;
	font-size: 4rem;
	text-align: center;
}

.mobile .articleStyle2,
.mobile .innerArticleStyle2 article .txt {
	text-align: unset;
}

.mobile .articleStyle2 p,
.mobile .innerArticleStyle2 article .txt p {
	font-size: 1rem;
}

.mobile .articleStyle2 a,
.mobile .innerArticleStyle2 article .txt p a {
	display: flex;
}

.mobile .innerArticleStyle3 {
	flex-basis: unset;
}

.mobile .innerArticleStyle3 .listing {
	display: block;
}

.mobile .articleStyle4,
.mobile .innerArticleStyle4 .listing {
	margin-top: 6rem;
}

.mobile .articleStyle4,
.mobile .innerArticleStyle4 .listing article {
	background-image: unset;
}

.mobile .articleStyle4 > footer a,
.mobile .innerArticleStyle4 footer a {
	margin: 0rem 0rem 1rem 0rem;
}

#speakers.mobile.list .innerArticleStyle4 .listing {
	margin-top: 3rem;
}

#speakers.mobile.list #speakersTabGroup ul li {
	padding: 1rem 0% 1rem 0%;
} 

.mobile .articleStyle5 > h2,
.mobile .innerArticleStyle5 .listing > article .txt h2 {
	font-size: 1.2rem;
}

.mobile .articleStyle5 > h3,
.mobile .innerArticleStyle5 .listing > article .txt h3 {
	font-size: 1rem;
	top: -10rem;
}

.mobile .articleStyle6 .col {
	background-image: unset;
}

.mobile .articleStyle6 .listing {
	margin: 0rem;
	height: unset;
	padding: 2rem 0% 2rem 0%;
}

.mobile .articleStyle6 .col2 header {
	position: unset;
	transform: unset;
}

.mobile .articleStyle6 .col2,
.mobile .articleStyle6 .col2 .listing {
	transform: unset;
}

.mobile .articleStyle6 .listing article {
	flex-basis: 40%;
}

.mobile .articleStyle6 .listing article .imgContainer {
	width: 100%;
}

.mobile .innerArticleStyle7 > .listing .location {
	top: -5rem;
}

.mobile .innerArticleStyle7 > .listing .location p {
	padding: 1rem 4% 1rem 4%;
	font-size: 1rem;
	text-align: right;
}

.mobile .innerArticleStyle7 > .listing .scheduleContainer {
	flex-basis: unset;
}

.mobile .innerArticleStyle7 > .listing .scheduleContainer .col1 {
	flex-basis: 40%;
}

.mobile .innerArticleStyle7 > .listing .scheduleContainer .col2 {
	flex-basis: 60%;
}

.mobile .innerArticleStyle7 > .listing .scheduleContainer .col1 p,
.mobile .innerArticleStyle7 > .listing .scheduleContainer .col2 h2 {
	font-size: 1.1rem;
}

.mobile .innerArticleStyle7 > .listing .scheduleContainer .col2 .body p {
	font-size: 0.9rem;
}

#home.mobile .innerArticleStyle7 > .listing .scheduleContainer .col2 {
	height: unset;
}

.mobile .innerArticleStyle8 {
	margin-top: -1rem;
}

.mobile .innerArticleStyle8 aside .col1 .imgContainer {
	padding: 2rem 0rem 0rem 0rem;
}

.mobile .innerArticleStyle8 main article.col2 {
	padding: 1rem 0% 2rem 0%;
}

.mobile .innerArticleStyle8 main .col2 .body {
	padding: 1rem 0% 0rem 0%;
}

.mobile .innerArticleStyle8 main .col2 .body p {
	font-size: 0.9rem;
}

.mobile .innerArticleStyle8 main .col2 .body h2,
.mobile .innerArticleStyle8 main .col2 .body h3,
.mobile .innerArticleStyle8 main .col2 .body h4,
.mobile .innerArticleStyle8 main .col2 .body h5,
.mobile .innerArticleStyle8 main .col2 .body h6 {
	font-size: 1.1rem;
}

.mobile .innerArticleStyle8 main .aside {
	flex-direction: column;
	background-size: cover;
}

.mobile .innerArticleStyle8 main .aside .col h3 {
	font-size: 1.5rem;
}

.mobile .innerArticleStyle8 main .aside .col p {
	font-size: 0.9rem;
}

.mobile .innerArticleStyle9 div .col2 {
	padding: 0rem;
	margin: 1rem 0rem 0rem 0rem;
}

.mobile .innerArticleStyle9 div .col2 header h2 {
	font-size: 1.5rem;
	text-align: center;
}

.mobile .innerArticleStyle9 div .col2 header h3 {
	font-size: 1rem;
	margin: 1rem 0rem 0rem 0rem;
}

.mobile .innerArticleStyle9 div .col2 .body {
	padding: 1rem 0rem 0rem 0rem;
}

.mobile .innerArticleStyle9 div .col2 .body p {
	font-size: 1rem;
}

.mobile .innerArticleStyle9 div footer {
	text-align: center;
}

.mobile .articleStyle10 header h1 {
	left: 56%;
	right: 27%;
}

.mobile .articleStyle10 .stack2 .listing article .txt h3 {
	top: -11rem;
	font-size: 1rem;
}

.mobile .articleStyle10 .stack1 .listing article .txt h3 {
	margin: 1rem 0rem;
}

.mobile .articleStyle10 .stack1 .listing article .txt h2,
.mobile .articleStyle10 .stack2 .listing article .txt h2 {
	font-size: 1.2rem;
}

.mobile .articleStyle10 .listing article .txt p {
	font-size: 0.9rem;
}

.mobile .articleStyle11 .col2 {
	padding: 3rem 0% 0rem 0%;
}

.mobile .articleStyle11 .col2.private > .restrictedContentInfo {
	position: relative;
	padding: 0rem;
	width: 100%;
}

.mobile .articleStyle11 .col2.private > .restrictedContentInfo .paidVideoText p {
	font-size: 0.9rem;
}

.mobile .articleStyle11 .col2 .imgContainer {
	margin: 0rem;
}

.mobile .articleStyle11 .col2 hgroup {
	padding: 4rem 0rem 0rem 0rem;
}

.mobile .articleStyle11 .col2 h1 {
	font-size: 1.3rem;
}

.mobile .articleStyle11 .col2 h2 {
	font-size: 1.1rem;
}

.mobile .articleStyle11 .col2 .body h3 {
	font-size: 1.2rem;
}

.mobile .articleStyle11 .col2 .body p,
.mobile .articleStyle11 .col2 .body ul,
.mobile .articleStyle11 .col2 .body ol {
	font-size: 0.9rem;
}

.mobile .articleStyle11 footer header h1 {
	left: 26%;
	right: 30%;
}

.mobile .articleStyle12, 
.mobile .innerArticleStyle12 .listing article {
	padding: 2rem 4% 2rem 4%;
}

.mobile .articleStyle12 .setUpMeeting,
.mobile .innerArticleStyle12 .setUpMeeting {
	margin-left: -4rem;
}
/* @end */

/* @group Carousel Styles */

/* @end */

/* @group Tab Styles Group */

.mobile .tabsStyle1 ul {
	justify-content: center;
}

.mobile .tabsStyle1 ul li {
	padding: 2rem;
	font-size: 1rem;
}

.mobile .tabsStyle2 ul {
	top: 0rem;
}

.mobile .tabsStyle2 ul li {
	font-size: 1rem;
}

.mobile .tabsStyle3 ul li {
	font-size: 1rem;
	padding: 1rem 2% 1rem 2%;
}

/* @end */

/* @group Modal Boxes */

.mobile .modalStyle1 h1,
.mobile .modalStyle1 h2 {
	min-width: unset;
}

.mobile .modalStyle1 .zoneLoginBtn a {
	font-size: 0.6rem;
}

/* @end */

/* @end */

/* @group Organisms */

/* Standard layout elements (boxes, article styles, etc…) available across sections */


/* @group Header */

#wrapper > header > .logoBar {
	padding: 1rem 0% 1rem 0%;
}

.mobile #wrapper > header .logoBar .col1 {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.mobile #wrapper > header .logoBar .col1 > a:first-child {
	flex-basis: 10%;
}

.mobile a.mobileMenuOpener {
	font-size: 2rem;
}

.mobile #wrapper > header .logoBar .col1 > a:last-child {
	flex-basis: 85%;
}
/* @end */


/* @group Main menu */

.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);
}

/* @end */

/* @group Footer */

.mobile #wrapper > footer > .footerNavMenuContainer > div {
	padding: 0rem 4% 2rem 4%;
	text-align: center;
}

.mobile #wrapper > footer > .footerNavMenuContainer .col1 .imageContainer {
	width: 50%;
	margin: 0rem auto 0rem auto;
}

.mobile #wrapper > footer > .footerNavMenuContainer .col1 .body .tagline {
	margin: 0rem 0rem 1rem 0rem;
}

.mobile #wrapper > footer > .footerNavMenuContainer .col1 .body ul {
	justify-content: center;
}

.mobile #wrapper > footer > .footerNavMenuContainer .col1 .body ul li {
	font-size: 1.8rem;
}

.mobile #wrapper > footer > .footerNavMenuContainer .col2 {
	display: none;
}

.mobile #wrapper > footer > .footerNavMenuContainer .col3 .body {
	position: unset;
}

.mobile #wrapper > footer > .footerNavMenuContainer .col3 .body p {
	width: unset;
	margin: 1rem 0rem 1rem 0rem;
}

.mobile #wrapper > footer > .footerNavMenuContainer .col3 .body input[type="email"] {
	width: 55%;
}

.mobile #wrapper > footer > .footerNavMenuContainer .col3 .body input[type="submit"] {
	margin: 0rem 0% 0rem -0.4rem;
	position: unset;
}

/* @end */

/* @end */

/* @group Section specific styles & overrides */

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

/* @group Home Page */

/* @end */

/* @group Slideshows */


/* @end */

/* @group Sticky Footer */

}

/* @end */

/* @end */