@charset "utf-8";
/* Including age verification css file here */
@import "age-verification.css"; 
/* CSS Document */
	html, body, div, span, applet, object, iframe, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption, tbody, tfoot, thead, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {margin: 0;padding: 0;border: 0;font-size: 100%;font: inherit; vertical-align: baseline;}
	article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
	body {line-height: 1;}
	html {scroll-behavior: smooth;}
	ul, ol {list-style: none;}
	table {border-collapse: collapse; border-spacing: 0;}
	figure {position: relative;}
	figure img {width: 100%;}
	* {margin: 0; padding: 0;}
/* #Basic Styles ================================================== */
	body {font-family: "Montserrat",Helvetica,Arial,sans-serif; font-weight:200;font-size: 14px; line-height: 21px; background-color: #fff; margin: 0; /*overflow-x: hidden;*/}	
/* ----- Color Styles ---------------------------------------------------*/
/* --- #36c2d5 is cyan blue ---*/
/* --- #ffcc00 is yellow ---*/
/* --- #d05f27 is orange rust using #BC5724 for links to pass ADA---*/
/* --- #b0282c is red ---*/
/* --- #80bc00 is bright green ---*/
/* #Typography ================================================== */
	@font-face {font-family: 'Roboto Light';font-style: normal;font-weight: normal;src: url('../fonts/Roboto-Light.woff') format('woff');}
	@font-face {font-family: 'Roboto Regular';font-style: normal;font-weight: normal;src: url('../fonts/Roboto-Regular.woff') format('woff');}
	@font-face {font-family: 'Montserrat Medium';font-style: normal;font-weight: normal;src: url('../fonts/Montserrat-Medium.woff') format('woff');}
	@font-face {font-family: 'Montserrat SemiBold';font-style: normal;font-weight: normal;src: url('../fonts/Montserrat-SemiBold.woff') format('woff');}
	@font-face {font-family: 'Fjalla One';font-style: normal;font-weight: normal;src: url('../fonts/FjallaOne-Regular.woff') format('woff');}
	h1 {color: #fff;font-family: 'Fjalla One', sans-serif; font-weight:normal;font-size: 50px; line-height: 54px;padding-bottom: 8px;text-transform: uppercase;}
	h2 {color: #000;font-family: 'Montserrat SemiBold',Helvetica,Arial,sans-serif; font-size: 50px; line-height: 54px; margin-bottom: 8px;}
	h3 {color: #36c2d5;font-family: 'Fjalla One', sans-serif;font-size: 36px; font-weight: normal;line-height: 40px; padding: 0 0 15px 0;text-transform: uppercase;}
	h4 {color: #4d4d4d;font-family: 'Roboto Light', sans-serif; font-size: 26px; line-height: 30px;padding-bottom: 10px;}
	h5 {color: #4d4d4d;font-family: 'Roboto Light', sans-serif; font-size: 24px;line-height: 30px;padding: 0 0 10px 0;}
	h6 {color: #000;font-family: 'Roboto Light'; font-size: 13px; letter-spacing: 0.3px;line-height: 16px;padding: 0 0 4px 0; text-align: center;}
	p {font-family: 'Roboto Light', sans-serif;font-stretch:normal; font-size: 16px; line-height: 22px; color: #232323; margin-bottom: 16px; white-space: normal;}
	a:link {text-decoration: none;}
	a {transition: color 0.3s ease 0s;}
/*Remove Mozilla Firefox Border – Remove Dotted Line Around Link */
	a {outline: none; outline: 0;}
	input::-moz-focus-inner {border: 0;}
	a:active {outline: none; color: #000;}  
	a:focus{color: #000; -moz-outline-style: none; outline: none;}	
	em {font-style: italic; line-height: 14px;}
	.small {font-size: 80%;}
	strong {font-weight: bold;}
	blockquote:before {display: block; content: "\201C"; font-size: 80px; position: relative; left: -50px; color: #fff; padding-left: 20px; top: 10px;}
	blockquote, blockquote p {font-size: 20px; line-height: 24px; color: #000; font-style: italic; font-weight:300;}
	blockquote {margin: 0 auto; padding: 50px 20px 0;}
	blockquote cite { display: block; font-size: 16px; color: #555;}
	blockquote cite:before {content: "\2014 \0020";}
	blockquote cite a, blockquote cite a:visited, blockquote cite a:visited {color: #555;}
	hr {border: 0;border-bottom: 1px dotted #c2c2c2; margin: 20px 0; padding: 0 0 20px 0; clear: both;}
	.break{ display: inline-block; width: 100%; height: 0;}
/* ----- Image Styles ---------------------------------------------------*/
img {display: block; height: auto; margin: 0 auto;} /*max-width: 100%;*/
.floatleft {float: left; margin: 10px 25px 15px 0; max-width: 100%; height: auto;}
.floatright {float: right; margin: 0 auto; padding: 5px 0 10px 25px; max-width: 100%; height: auto;}
.floatcenter {margin: 0 auto; display: block; height: auto; max-width: 100%;}
a img {border:none;}
.logo {float: left;height: auto;margin: 0 auto;position: relative;max-width: 100%;padding-top: 10px;}
.icontiny {display: inline-block; margin: 2px 0 6px 0; vertical-align: text-top;}
.icontiny-cart {display: inline-block; vertical-align: text-top;}
.icontiny-home {float: left; margin: 4px 25px 0 0; max-width: 100%; height: auto;}
.icontiny-footer {float: left; margin-right: 5px;}
.icons {margin: 0 auto; max-width: 100%; padding-bottom: 20px;}
.icons-hvm {border-bottom: 3px solid #ccc; display: block; min-height: 120px; margin: 0 auto; margin-bottom: 10px; width: 100%;}
.icon-rows {float: right; height: auto; margin: 0 auto; max-width: 100%; padding: 0 0 20px 0;}
.gsicon {display: inline-block; padding: 0 10px 0 0;}
.socialicons { display: inline-block; max-width: 100%; margin: 0 auto; padding: 1px;}
.pdftmbs {margin: 0 10px 10px 0; max-width: 100%; padding: 0; height: auto;}
.smalltmbs {float: left; margin: 0 20px 15px 0; max-width: 100%; height: auto;}
.product-feature {margin: 0 auto; display: block; height: auto; max-width: 30%; padding-bottom: 15px;}
.circle-shape {background: #fff; border-radius: 50%; display: inline-block; /*height: 200px;*/ margin-bottom: 20px; margin-top: 20px;width: 200px;}
.circle-shape2 {border-radius: 50%; display: block; /*height: 200px;*/ margin: 0 auto; height: auto; max-width: 100%; width: 200px;}
.truterp-bottle {display: inline-block; height: auto; margin: 0 auto; margin-right: 10px; max-width: 100%;}
.product-category-imgs {display: block; height: auto; margin: 0 auto; max-width: 100%; padding: 0;}
.section-images {margin: 0 auto; display: block; height: auto; max-width: 100%; padding: 50px 0 10px 0;}
.rightinnerheaderimg {float: right; height: auto; margin: 0 auto; padding-right: 20px; max-width: 100%;}
.brands {display: block; height: auto; margin: 0 auto; max-width: 100%;}
.photo-credit {display: none;}
/* Alternate BUTTONS */
.quickbtn {background-color: #36c2d5; border: 2px solid #36c2d5; border-radius: 20px;color: #000 !important;margin: 6px 0 20px 0;padding: 7px 2px 5px 2px;position: relative;text-align: center;width: 150px;}
.quickbtn a {color: #000 !important; font-family: 'Fjalla One', sans-serif;font-size: 20px;font-weight: normal;letter-spacing: 0.3px; text-transform: uppercase;}
.quickbtn:hover {background-color: #ffcc00;}
.jump-up {margin: 0 auto;padding: 0;max-width: 100%;height: auto;position: absolute; bottom: 0;left: 0;right: 0;}
.jumptotop-div {font-family: "Roboto Light", Arial, sans-serif; font-size: 12px;line-height: 30px; border-bottom: 2px dotted #c2c2c2; width: 100%; clear: both; background: url('../images/jump-tsp.png') no-repeat; background-position: top; background-position-y: 3px;height: 30px;}
.jumptotop-div a {color: transparent;}

/* Alternate text styles and colors */
.center-text {text-align: center;}
.solo-title {padding-top: 25px;}
.text-link {color:#36c2d5;}
/* BIG FAT TEXT and TEXT IN BOX USED ON HEMP VS MJ PAGE */
.bigfatinabox {background-color: #000; color: #fff; font-family: "Montserrat SemiBold",Helvetica,Arial,sans-serif; font-size: 40px; line-height: 40px; padding: 10px; text-align: center; text-transform: uppercase; width: 100%;}
.bigfatinabox-grey {background-color: #7b7b7b; color: #fff; font-family: "Montserrat SemiBold",Helvetica,Arial,sans-serif; font-size: 40px; line-height: 40px; padding: 10px; text-align: center; text-transform: uppercase; width: 100%;}
.bigfattext {font-family: 'Roboto Regular', sans-serif; font-size: 42px; line-height: 50px; font-weight: 700; letter-spacing: -.03em;}
.biggerlittle {font-size: 24px; line-height: 30px; font-weight: 300;}
.color-blue {color: #36c2d5;} /* about us */
.color-yellow {color: #ffcc00;} /* get relief */
.yellow {color: #ffcc00 !important;} /* temp new location */
.color-org {color: #d05f27;} /* terpenes */
.color-red {color: #b0282c;} /* contact us */
.color-green {color: #80bc00;}
.color-white {color: #fff;}
.color-blk {color: #000;}
.backcolor-blue {background-color: #36c2d5;} /* BACKGROUND COLOR */
.backcolor-yellow {background-color: #ffcc00;} /* BACKGROUND COLOR */
/* #CLearFix */
	.clearfix:before,
	.clearfix:after {content: " "; display: table;}
	.clearfix:after {clear: both;}
	.clear {clear: both;}
.clearfix:after {clear: both; content: " "; display: block; font-size: 0; height: 0; visibility: hidden;}

/* GRID STYLES */
#wrapper {height: auto; margin: 0 auto; min-height: 100vh; max-width: 100%; position: relative;}
.content {padding:20px;}
/* FLEX GRID EQUAL HEIGHT COLUMNS AND DIVS used on hemp vs mj page */
.flex-row-wrapper {display: flex; max-width: 1500px; margin: 0 auto;}
.flex_column {display: flex; flex-flow: row wrap;}
.landingpage {background-color:#36c2d5; max-width: 1280px; min-height: 600px; margin: 0 auto; padding: 20px 0; position: relative; height: 100%; min-height: 700px; text-align: center;}
.landingpage p {text-align: center;}
.comingsoonheader .title {font-weight: normal; margin: 100px 0 20px 0;}
.comingsoonheader .subtitle {font-size: 38px;}
.comingsoonheader .tagline {color: #ffcc00; font-size: 36px;}
.comingsoonheader .subtagline {color: #000; padding-bottom: 0;}
.comingsoonheader hr {border-bottom: 1px solid #fff; padding: 0;}

.equal-height-row {display: flex;}
.equal-height-col {flex: 1; background-color: #F6F6F6; margin: 0 10px 20px 0;}
.white-box {background-color: #fff;}
.green-box {background-color: #80bc00; text-align: left;}

ul.list-container {display: inline-flex;justify-content: space-between;list-style: none;margin: 0 auto !important;padding: 0 !important;text-align: center; width: 100%;}
ul.list-container > li {background-color: #f6f6f6; 
display: flex;/* new; nested flex container */
flex-direction: column; /* new; stack flex items vertically */
flex-grow: 1;min-width: 200px;margin: 0 10px 20px 0 !important;padding: 0 !important;text-indent: 0 !important;width: 100%;}
ul.list-container > li > .push-me-to-the-bottom {margin-top: auto;}
/* TO POSITION RIGHT DIV OVER LEFT DIV FOR MOBILE used on Get Relief page */
.flex-box-container {display:flex;justify-content: center;max-width: 1280px; margin: 0 auto; position: relative;}
.flex-box-container-left {position: relative;height: auto;margin: 0 20px 0 0;padding: 20px;}
.flex-box-container-right {position: relative;height: auto; margin: 0 auto; padding: 20px; text-align: center;}
.flex-box-width-50 {width: 620px;}
.flex-box-width-7 {width: 750px;}
.flex-box-width-5 {width: 490px;}
.flex-vertical-align {align-self: center;}
.content-vertical-align {margin-top: 10%;}
/* ----- header---------------------------------------------------*/
.header-wrap {position: absolute; height: 150px; width: 100%;}
.header-transparent .header-right-wrap { color: #FFF; }
.header-transparent .site-header .header-text {opacity: .7;}
.container {max-width: 1280px;margin: 0 auto;padding: 0 30px; position: relative; height: auto;}.clear, .container {zoom: 1;}
.site-header {position: relative;z-index: 99;width: 100%;}
.site-header .site-branding {display: inline-block;}
.site-header .header-right-wrap {float: right;}
.site-header .header-right-wrap .header-widget {margin-bottom: 15px;margin-top: 0;float: none;display: block;}
.site-header .header-right-wrap .extract-element {float: right; border: 1px solid #fff; padding: 0 10px; margin-top: 5px;}
.site-header .header-right-wrap .extract-element .phone-text {color: #fff;font-family: 'Fjalla One', sans-serif;font-size: 15px;font-weight: 400;margin-left: 2px;letter-spacing: .5px;position: relative; top:3px;}
.fixed-on.scrolled {background: rgba(0,0,0,.8);transition: background-color 200ms linear;}
.primary-color, .header-transparent .header-right-wrap .extract-element .phone-text, .site-header .header-right-wrap .extract-element .phone-text{color: #fff;}
.shopping-icons {color: #fff;}
.primary-color a {color: #fff; text-decoration: none;}
.site-header .header-right-wrap .extract-element .shopping-icons {color: #000;font-family: 'Fjalla One', sans-serif;font-size: 14px;font-weight: 400;margin-left: 2px;letter-spacing: .5px;position: relative; top:3px;}
.content-wrap {margin-top: 0; height: 100%;}
/* ----- main navigation---------------------------------------------------*/
p { }
 .toggle, [id^=drop] {display: none;}
.navcontainer {height: auto;position: relative;z-index: 100; max-width: 100%;margin: 0 auto;padding: 0;}
nav {max-width: 100%;font-family: 'Roboto Regular', sans-serif;letter-spacing: 0.03em; margin: auto 0; padding: 0;text-align: center;/*display: block;*/}
nav:after {content: "";display: table;clear: both;}
nav ul {max-width: 1280px;padding: 0; margin: 0 auto;list-style: none;position: relative;}
nav ul li {margin: 0 auto; display: inline-block;}
nav ul li.last a {background-color: #ffcc00; border-radius: 20px; color: #000; font-weight: 400; padding: 0 14px;}
nav ul li.last a:hover {background-color: #000; border-radius: 20px; color: #fff; padding: 0 14px; outline: 0;}
nav a {display: block; padding: 0 14px; color: #fff; font-size: 18px; font-weight:400; line-height:40px; text-decoration: none;}
/* nav dropdown */
nav ul ul {display: none; position: absolute; top: 50px; text-align: left;}
nav ul li ul li.last a:hover {background-color: #000;}
nav a:active {background-color: #ffcc00; color: #fff;}
nav a:hover {color: #fff; outline: 1px #000 solid;}
nav ul li:hover > ul {display: block; background-color: #4d4d4d; color: #fff;}
nav ul li a:active > ul {display: block; background-color: #4d4d4d; color: #fff;}
nav ul ul li a {color: #fff; font-size: 16px; line-height: 38px; border-top: 1px solid #fff;}
nav ul ul li {width: 100%; float: none;display: list-item;position: relative;background: #001F5C;}
nav ul ul ul li {position: relative; top: -60px;left: 170px;}
/* ----- Header Section areas ---------------------------------------------------*/
.section-header {margin-bottom: 50px; padding: 0 20px;text-align: center;}
.section-padding {padding: 50px 0 25px;}
article {height: auto;width: 100%;}
.article-header {clear: both; height: auto; margin: 0 auto; margin-top: 50px; width: 100%;}
.big-space {height: auto; margin-top: 100px; width: 100%;}
.paragraph-padding {padding-top: 20px;}

/*--------------->>>>>>>> TEMP COVID19 notice added 032520 <<<<<<<--------------------*/
.covid19 {background: linear-gradient(150deg,#a10d0d 40%, #710808 50%);height: 100%;max-width: 100%; margin: 0 auto;margin: 0 0 20px 0;position: relative;}
.covid19 .alert-box {margin: 0 auto;max-width: 80%;}
.covid19-img {height: auto;float: left;margin: 0 auto;max-width: 100%;padding: 0 20px 0 0;}
.covid19 .alert {color: #fff;font-family: 'Roboto Light', sans-serif; font-size: 26px; line-height: 30px;padding: 0;}
.cv19-p18pt {color: #fff;font-size: 16px;line-height: 20px; margin: 0 0 5px 0;}
.cv19-p18pt a {font-size: 18px;font-weight: 400;color: #ffcc00;}
.cv19-textbknd {background-color: #a10d0d; color: #fff; padding: 6px; margin-bottom: 20px;}
/* ----- OUR PRODUCT CATEGORIES ON HOME PAGE---------------------------------------------------*/
.double-header {font-family: 'Fjalla One', sans-serif;font-size: 50px; font-weight: 400; line-height: 54px; text-transform: uppercase;}
.product-categories{ max-width: 100%; margin: 0 auto; position: relative; background-color:#fff; padding-bottom: 100px; min-height: 600px; text-align: center;}
.product-categories .name {padding: 12px 0;}
.product-categories p {text-align: center;}
.product-categories .button {border: 2px solid #000; border-radius: 20px; color: #000; cursor: pointer; display: inline-block; font-weight: 400; font-size: 14px; letter-spacing: .01em; margin-top: 10px; padding: 4px 10px; text-transform: uppercase; text-decoration: none;}
.product-categories .button a {color: #000;}  
.product-categories .button:hover {background-color: #ffcc00;}
/* --------------------------------------------------- SHOPPING BUTTONS ---------------------------------------------------*/
.button-shop-now {background-color: #36c2d5; border: 2px solid #36c2d5; border-radius: 30px; color: #000;cursor: pointer; display: inline-block; font-family: 'Fjalla One', sans-serif;font-size: 28px; font-weight: 400; line-height: 40px; letter-spacing: .01em; margin-top: 10px; margin-bottom: 10px; padding: 2px 0 0; text-align: center; text-transform: uppercase; text-decoration: none; width: 300px;}
.button-shop-now a {color: #000; text-decoration:none;}  
.button-shop-now:hover {background-color: #ffcc00; color: #fff;} /*used on Drive Thru page*/
.button-products {background-color: #36c2d5; border: 2px solid #36c2d5; border-radius: 30px; color: #fff;cursor: pointer; display: block; font-family: 'Fjalla One', sans-serif;font-size: 150%; font-weight: 400; letter-spacing: .01em; margin: 0 auto; margin-top: 20px; max-width: 100%; padding: 6px; text-align: center; text-transform: uppercase; text-decoration: none;}
.button-products a {color: #fff; text-decoration:none;}  
.button-products:hover {background-color: #80bc00;}
/* ----- Featured Products Area ---------------------------------------------------*/
.featured-prod {background-color:#000; margin: 0 auto; position: relative; height: auto;text-align: center; max-width: 100%;}
.outlined-box {border: 2px solid #000; min-height: 160px; padding:20px;}
/* ----- HEMP VS MARIJUANA DIVIDER---------------------------------------------------*/
.hemp-vs-marijane {background-color: #80bc00; margin: 0 auto; max-width: 100%; min-height: 325px; padding: 50px 0 10px 0; position: relative; text-align: center;}
/* ----- BLACK LEAF DIVIDER---------------------------------------------------*/
.black-leaf-section {background: #000 url('../images/green-leaf.png') no-repeat left top; max-width: 100%; margin: 0 auto; min-height: 300px; padding: 0; position: relative; text-align: center;}
.black-leaf-section .toptitle {color: #fff; font-family: 'Fjalla One', sans-serif; font-size: 40px; font-weight: 400; line-height: 44px; margin-bottom: 0; text-align: center; text-transform: uppercase;}
.black-leaf-section .subtitle {color: #36c2d5; font-family: 'Fjalla One', sans-serif;font-size: 35px; font-weight: 400; line-height: 38px;  margin-bottom: 10px; text-align: center; text-transform: uppercase;}
/* ----- HOME PAGE SPLITS GET RELIEF YELLOW WHITE and BLUE BACKGROUNDS---------------------------------------------------*/
.d-md-flex {position: relative;}
.splits {position: relative;min-height: 1px;width: 100%;}
/*---NEW CODE FROM SPLIT SCREEN PAGE--*/
.split-side {align-items: center;padding: 3rem; text-align: left; justify-content: center;}
.split-content {padding-bottom: 2rem;padding-top: 2rem;text-align: left; width: 100%;}
.left-side {float: left; min-height: 125px;padding-right: 20px; position: relative; width: 50%; z-index: 1000;}
.right-side {margin: auto; min-height: 125px; padding-top: 20px;}
/*.right-side {float: left; min-height: 125px;width: 50%;}*/

.get-relief {background-color: #ffcc00; padding: 0;}
.get-relief-title {color:#fff; font-size: 70px; line-height: 72px; font-weight: 400; letter-spacing: -.04em;}
.get-relief-title::after {content: "\00BB"; padding-left: 5px;}
.get-relief-title a:hover {color:#000;}

.get-boosted {background-color: #36c2d5; padding: 0;}
.get-boosted-title {color:#fff; font-size: 70px; line-height: 72px; font-weight: 400; letter-spacing: -.04em;}
.get-boosted-title::before {content: "\00AB"; padding-right: 5px;}
.get-boosted-title a:hover {color:#000;}

.white-split {background-color: #fff; padding: 0;}
.white-split-container {margin: 0 auto; padding: 20px; position: relative; width: 100%;}
.white-split p {color: #4d4d4d; font-size: 20px; line-height: 26px; padding-bottom: 20px;}
.white-split p a {color: #ffcc00;}
.white-split p a:hover {color: #000;}
.white-split .title {color: #000;}
.white-split ul {padding-bottom: 20px; list-style-type: none;}
.white-split ul li {color: #4d4d4d; font-family: 'Roboto Light', sans-serif; font-size: 18px; line-height: 22px;list-style: outside none; font-stretch:normal;margin-left: 10px; padding: 0 0 10px 0; text-indent: -10px;}
.white-split ul ul {padding-bottom: 0; margin-top: 10px;}
.white-split ul ul li {margin-left: 10px;}
.button-white-split {background-color: #ffcc00; border: 2px solid #ffcc00; border-radius: 20px; color: #000; cursor: pointer; display: inline-block; font-family: 'Fjalla One', sans-serif;font-weight: 400; font-size: 20px; letter-spacing: .01em; margin: 0 0 12px; padding: 8px 12px; text-align: center; text-transform: uppercase; text-decoration: none;}
.button-white-split a {color: #000;}  
.button-white-split:hover {background-color: #000; color: #fff;}

.button-blue-split {background-color: #36c2d5; border: 2px solid #36c2d5; border-radius: 20px; color: #000; cursor: pointer; display: inline-block; font-family: 'Fjalla One', sans-serif;font-weight: 400; font-size: 20px; letter-spacing: .01em; margin: 0 0 12px; padding: 8px 12px; text-align: center; text-transform: uppercase; text-decoration: none;}
.button-blue-split a {color: #000;}  
.button-blue-split:hover {background-color: #000; color: #fff;}

.button-split-shop {background-color: #000; border: 2px solid #36c2d5; border-radius: 30px; color: #fff;cursor: pointer; display: inline-block; font-family: 'Fjalla One', sans-serif;font-weight: 400; font-size: 28px; line-height: 40px; letter-spacing: .01em; margin-top: 20px; margin-bottom: 10px; padding: 2px 0 0; text-align: center; text-transform: uppercase; text-decoration: none; width: 300px;}
.button-split-shop a {color: #fff; text-decoration:none;}  
.button-split-shop:hover {background-color: #ffcc00; color: #000;}
/* ------------------------------ HEXA GRIDS ------------------------------*/
.hexGrid {overflow: hidden; width: 90%; margin: 0 auto; padding:50px 10px 50px;} /*padding:0.707% 0;*/
.hexGrid:after {content: "";display: block;clear: both;}
.hex {position: relative;list-style-type: none;float: left;overflow: hidden;visibility: hidden;-webkit-transform: rotate(-60deg) skewY(30deg);-ms-transform: rotate(-60deg) skewY(30deg);transform: rotate(-60deg) skewY(30deg);}
.hex * {position: absolute;visibility: visible;}
.hexIn {cursor: pointer;display:block; width: 100%;height: 100%;text-align: center;color: #fff;overflow: hidden; -webkit-transform: skewY(-30deg) rotate(60deg); -ms-transform: skewY(-30deg) rotate(60deg); transform: skewY(-30deg) rotate(60deg); -webkit-backface-visibility: hidden;backface-visibility: hidden;}
/* HEX CONTENT */
.hex img {left: -100%;right: -100%; width: auto; height: 100%;margin: 0 auto;}
.hex h2, .hex p {width: 100%;padding: 0 5%;background-color: #000;background-color: rgba(0, 0, 0, 0.7);font-family: 'Roboto Light', sans-serif;
    -webkit-transition: top .2s ease-out, bottom .2s ease-out, .2s padding .2s ease-out;transition: top .2s ease-out, bottom .2s ease-out, .2s padding .2s ease-out;}
.hex h2 {color: #fff; bottom: 110%;font-weight: normal !important;font-size: 1.35em !important; line-height: 1em !important; margin-bottom: 0 !important; padding-top: 100%; padding-bottom: 100%;}
.hex h2:after {content: '';display: block;position: absolute;bottom: -1px;left: 45%;width: 10%;text-align: center;z-index: 1;border-bottom: 2px solid #fff;}
.hex h2:before {content: '';}
.hex p {color: #fff; font-size: 16px !important; padding-top: 50%;top: 110%;padding-bottom: 50%;}
/* HOVER EFFECT  */
.hexIn:hover h2, .hexIn:focus h2 {bottom: 50%;padding-bottom: 8%;}
.hexIn:hover p, .hexIn:focus p {top: 50%;padding-top: 8%;}

.hexIn h2:hover, .hexIn h2:focus {bottom: 50%;padding-bottom: 8%;}
.hexIn p:hover, .hexIn p:focus {top: 50%;padding-top: 8%;}

.hexGrid-inner {overflow: hidden; width: 90%; margin: 0 auto; padding:0 10px 0;}
.hexGrid-inner:after {content: "";display: block;clear: both;}

.featured-box {cursor: pointer;overflow: hidden; display: block; margin: 0 auto;} /*position: relative; */
.featured-box .overbox {background: rgba(0, 0, 0, 0.7); color: #fff; height: 100%; padding: 80px 10px 20px; position: relative;top: 0; z-index: 100;opacity: 0;width: 100%; -webkit-transition: top .2s ease-out, bottom .2s ease-out, .2s padding .2s ease-out;
transition: top .2s ease-out, bottom .2s ease-out, .2s padding .2s ease-out;}
.featured-box:hover .overbox { opacity: 1; }
.featured-box .title {font-size: 2em; position: relative; text-align: center !important; text-transform: uppercase;opacity: 0;}
.featured-box .title:after {border-bottom: 2px solid #fff;bottom: 0;content: '';display: block;position: relative;margin: 0 auto; padding-top: 14px;text-align: center;width: 30%;z-index: 1;}
.featured-box:hover .title,
.featured-box:focus .title {opacity: 1;transform: translateY(0px);-webkit-transform: translateY(0px);}
.featured-box .tagline {font-size: 1.25em; line-height: 1.30em; position: relative; opacity: 0; padding: 10px; text-align: center;}
.featured-box .tagline a{color: #fff; position: relative !important;}
.featured-box .tagline a:hover{color: #fff;}
.featured-box:hover .tagline,
.featured-box:focus .tagline {opacity: 1;transform: translateX(0px);-webkit-transform: translateX(0px);}
/* ----- Terpenes Home Area ---------------------------------------------------*/
.terpenes {background-color:#fff; border-top: 50px solid #d05f27; height: auto; margin: 0 auto; max-width: 100%; padding: 0 20px 20px; position: relative; text-align: center; }
.terpenes .title {color: #d05f27; padding: 12px 0;}
.terpenes .subtitle {color: #4d4d4d; padding: 12px 0;}
.terpenes .ptitle {color: #d05f27; padding: 12px 0; text-align: left;}
.terpenes p {color: #4d4d4d; text-align: left;}

.button-terpenes {background-color: #d05f27; border: 2px solid #d05f27; border-radius: 30px; color: #fff !important; cursor: pointer; display: inline-block; font-family: 'Fjalla One', sans-serif;font-size: 28px; font-weight: 400; line-height: 40px; letter-spacing: .01em; margin-top: 20px; margin-bottom: 10px; padding: 2px 0 0; text-transform: uppercase; text-decoration: none; width: 300px;}
.button-terpenes a {color: #fff !important; text-decoration:none;}  
.button-terpenes:hover {background-color: #000; color: #fff;}

/* ----- RELOCATION DIVIDER used on HOME page added Dec 6 2024 ---------------------------------------------------*/
.relocation {background-color: #b0282c; margin: 0 auto; max-width: 100%; min-height: 200px; padding: 50px 0 10px 0; position: relative; text-align: center;}
.relocation a {color: #ffcc00;}
.relocation a:hover {color: #fff;}

/* ----- Feedback Area ---------------------------------------------------*/
.feedback{background-color: #BC5724; max-width: 100%; margin: 0 auto; position: relative; min-height: 450px; text-align: center;}
.feedback-container {width: 100%; height: 100%; margin: 0 auto;}
.feedback-container .title {color: #fff;}
.feedback-container .subtitle {color: #000; padding: 20px 0 0 0;}
.feedback-container p {color: #fff; text-align: center;}
/* ----- YELLOW GUARANTEE DIVIDER ON ABOUT PAGE---------------------------------------------------*/
.yellow-feature { background-color: #ffcc00; max-width: 100%; margin: 0 auto; position: relative; padding: 20px 20px 70px; min-height: 500px; text-align: center;}
/* ----- DISCLIAMER DIVIDER used on get relief page---------------------------------------------------*/
.mj-disclaimer {background-color: #b0282c; margin: 0 auto; max-width: 100%; min-height: 325px; padding: 50px 0 10px 0; position: relative; text-align: center;}
/* ----- INNER page TOP headers ---------------------------------------------------*/
.hero-background {height: 150px; margin: 0 auto; margin-top: 0; position: relative; width: 100%; z-index: 1000;} /*--main top navigation and logo area --*/
.inner-topnav-orange {background-color: #d05f27; max-width: 100%;}/* -- #d05f27 tested too light background color for logo and nav --*/
.inner-topnav-blue {background-color: #36c2d5; max-width: 100%;}/* -- background color for logo and nav --*/
.inner-topnav-red {background-color: #b0282c; max-width: 100%;}/* -- background color for logo and nav --*/
.inner-topnav-yellow {background-color: #ffcc00; max-width: 100%;}/* -- background color for logo and nav --*/
.inner-topnav-green {background-color: #80bc00; max-width: 100%;}/* -- background color for logo and nav --*/
.inner-topnav-grey {background-color: #4d4d4d; max-width: 100%;}/* -- background color for logo and nav --*/

/* -- HEADER AREA BELOW LOGO AND NAV --*/
.innerpg {max-width: 100%; margin: 0 auto; min-height: 250px; position: relative;}
.innerpg-subtitle {color: #fff; font-size: 40px; font-weight: 300; line-height: 44px;}

.inner-header-orange {background-color: #d05f27;}/* -- background color for logo and nav --*/
.inner-header-blue {background-color: #36c2d5; }/* -- background color for logo and nav --*/
.inner-header-red {background-color: #b0282c; }/* -- background color for logo and nav --*/
.inner-header-yellow {background-color: #ffcc00;}/* -- background color for logo and nav --*/
.inner-header-green {background-color: #80bc00;}/* -- background color for logo and nav --*/
.inner-header-grey {background-color: #4d4d4d; }/* -- background color for logo and nav --*/

.hempvsmj {background: #80bc00 url('../images/slider-hand-plant.jpg') no-repeat top right;}
.inner-section-header {margin: 10px 0 10px; padding: 0;}
/*-------------------------- Inner page body areas --------------------------*/
.bodycontent {background-color:#fff; max-width: 100%; min-height: 600px; margin: 0 auto; padding: 70px 0 100px 0; position: relative;}
.mainbody {max-width: 1280px; position:relative; margin: 0 auto; padding: 0;} /*USED ON ABOUT CONTACT TERPENES PRIVACY POLICY LAB RESULTS*/
/*.mainbody a {color: #BC5724;}
.mainbody a:hover {color: #ffcc00;}*/
.mainbody ul {padding-bottom: 20px; list-style-type: none;}
.mainbody ul li {color: #4d4d4d; font-family: 'Roboto Light', sans-serif; font-size: 16px; line-height: 20px;list-style: outside none; font-stretch:normal;margin-left: 20px; padding: 0 0 10px 0; text-indent: -10px;}
.mainbody ul ul {padding-bottom: 0; margin-top: 10px;}
.mainbody ul ul li {margin-left: 10px;}
.min-height-560 {min-height: 560px;} /*USED ON OUR TERPENES PAGE 2*/

.glossary-links a {color: #d05f27;}
.glossary-links a:hover {color: #4d4d4d;}

/*FOR WEEDMAPS EMBED*/
.menu_item div.item_details{overflow: auto !important;}
.weedmaps-wrapper {clear:both; height: auto; margin: 0 auto; margin-bottom: 10px; max-width: 100%; padding: 10px; position: relative;}
.storeMenu {height: auto; margin: 0 auto; position: relative; max-width: 100%;}
.storeMenu iframe {position: relative; margin: 0 auto; max-width: 100%; height: 100vh;}

/*THIS USED ON HEMP VS MJ PAGE*/
.feature-box {background-color: #F6F6F6; padding: 20px; text-align: left;}
.feature-full-box {background-color: #80bc00; padding: 10px 10px 0;}
.feature-box-row {margin: 0 auto; min-height: 150px; padding: 0; position: relative; width: 100%;}

/*--ALTERNATE INNER BODY AREAS FOR DIFFERENT LIST DISPLAY using on hemp vs mj page get relief page--*/
.inner-body {max-width: 1280px; position:relative; margin: 0 auto; padding: 0;}
.inner-body ul {padding: 10px 0 20px 10px; list-style-type: none;}
.inner-body ul li {color: #232323; font-family: 'Roboto Regular', sans-serif; font-size: 16px; line-height: 20px;list-style: outside none; font-stretch:normal;margin-left: 10px; padding: 0 0 10px 0; text-indent: -10px;}
.inner-body ul ul {padding-bottom: 0; margin-top: 10px;}
.inner-body ul ul li {margin-left: 10px;}
.inner-body ul li a {color: #36c2d5;}
.inner-body ul li a:hover {color: #000;}

/*--COLORS FOR TERPENES TITLE TEXT BEING USED ON MAIN TERP PAGE--*/
.terpenes-pine {color: #528843;}/*--green--*/
.terpenes-myrcene {color: #969174;}/*--earthy--*/
.terpenes-limonene {color: #f1c63b;}/*--citrus--*/
.terpenes-pepper {color: #34292c;}/*--pepper--*/
.terpenes-linalool {color: #7342dd;}/*--lavender--*/
.terpenes-hops {color: #7E773E;}/*--hops changed color from a69a51 112219--*/
.terpenes-ocimene {color: #45821C;}/*--mint changed color from 74d435 112219--*/
.terpenes-terpinolene {color: #7c4c36;}/*--nutmeg--*/
/*--THIS ONE IS BEING USED ON MAIN TERP PAGE--*/
.terp-bottle-row {max-width: 100%; position: relative; margin: 0 auto; padding: 50px 0 0 0;}
.get-relief-boosted-prod-containers {max-width: 100%; height: auto; margin: 0 auto; padding: 0; position: relative;}

/*——————————NEW PRODUCTS PAGE GRID AREA ————————————————*/
#product-grid{font-size: 0.1px; margin: 0 auto; margin-bottom: 40px; text-align: center;}
#product-grid li{background: none repeat scroll 0 0 #CCCCCC; display: inline-block; margin-bottom: 2.5%;padding-bottom: 0 !important; padding-top: 23%;width: 23%;}
#product-grid .mix{color: #FFFFFF; display: inline-block; font-size: 20px; padding: 20px 10px 50px 0; text-align: center; vertical-align: top;}
#product-grid .mix{display: none; opacity: 0;}
#product-grid:after{content: ''; display: inline-block; width: 100%;}
#product-grid .placeholder{background: none; padding: 0;}
#product-grid .gap{display: inline-block; width: 23%;}
#product-grid .mix .item {position: relative; width: 100%;}
#product-grid .mix .item .image {display: inline-block; height: auto; max-width: 100%; padding: 6px;}

#controls-container {margin: 0 auto; max-width: 100%; text-align: center;}
#controls {display: inline; margin: 0 auto; margin-bottom: 35px; text-align: center; vertical-align: top;}
#controls ul {margin: 0 auto; padding: 0;}
#controls ul li.active {background-color: #80bc00;color: #fff;font-weight: 400 !important; }
#controls ul li {background-color: #ffcc00; color:#000; cursor: pointer; display: inline; font-size: 16px; line-height: 38px; list-style-type: none; margin: 0 auto; padding: 6px; text-indent: 0;}
#controls ul li:hover {background-color: #ccc;}
#product-grid p {font-size: 14px; line-height: 18px;}

/*-----------------------Resp TABLES--------------------*/
table {width: 100%; border-collapse: collapse; margin: 5px 0;}
caption {font-family: 'Roboto', sans-serif;font-weight:200;font-stretch:normal; font-size: 16px; line-height: 20px; color: #232323; text-align: left; margin-bottom: 3px; white-space: normal;}
/* Zebra striping */
tr:nth-of-type(odd) {background: #eee;}
th {background: #ffcc00; border: 1px solid #fff; color: #000; font-family: 'Roboto Light', sans-serif; font-size: 18px; font-stretch:normal; line-height: 22px; padding: 10px; text-align: left; width: 50%;}
td {border: 1px solid #fff; font-family: 'Roboto Light', sans-serif; font-stretch:normal; font-size: 16px; line-height: 24px; padding: 10px; width: 50%;}
.alternate-bk-wt {background-color: #fff !important; font-size: 26px !important; padding-bottom: 20px !important;}

.products table {border-collapse: collapse; margin: 10px 0; table-layout: fixed; width: 100%;}
.products tr:nth-of-type(odd) {background: #fff;}
.products th {background: #ffcc00; border: 1px solid #fff; color: #000; font-family: 'Roboto Regular', sans-serif; font-size:20px; font-stretch:normal; line-height: 22px; padding: 10px; text-align: left; vertical-align: top;}
.products td {border: 1px solid #ccc; padding: 14px; text-align: left; vertical-align: top;}
.products tr {margin-bottom: 20px;}
.products .product-items {min-height: 100px; padding: 10px 0 20px 0; width: 100%;}
.products .product-img {display: inline-block; margin-right: 5px; max-width: 100%;}
.products .product-img-r {float:right;; margin: 10px; max-width: 100%;}
.products .headtitle {font-size: 26px; font-weight: 400; line-height: 30px;}
.products .title {font-size: 20px; font-weight: 400; line-height: 28px;}
.products p {text-align: left !important;}
.products p a {color: #36c2d5; text-align: left !important;}
.products p a:hover {color: #000; text-align: left !important;}

/*-------------------------For responsive videos or google maps--------------------*/
.video-container {position: relative; padding-bottom: 93.5%; padding-top: 30px; height: 0; overflow: hidden;}
.video-container iframe,.video-container object,.video-container embed {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.video-wrapper {max-width: 100%; background-color: #fff; margin-bottom: 10px; clear:both;}
.video-container25 {position: relative; padding-bottom: 25%; padding-top: 30px; height: 0; overflow: hidden;}
.video-container25 iframe,.video-container25 object,.video-container25 embed {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.google-map {height: 100%; margin-bottom: -5px; max-width: 100%; position: relative;}
/* ----- footer ---------------------------------------------------*/
footer {background-color: #000; bottom: 0; margin: 0 auto; min-height: 400px; padding: 30px 0 80px;position: relative; width: 100%;}
.footer-text {max-width: 1280px; margin: 0 auto; padding: 0 20px;}
.footer-text a {color: #fff;}
.footer-text a:active {color: #36c2d5;}
.footer-text a:hover {color: #36c2d5;}
.footer-text p {color: #fff;}
.footer-text .icons {width: 100%; position: relative; margin: 0 auto; padding: 0;}
footer ul {margin: 10px 4px 20px 0;}
footer li {color: #fff;font-family: 'Roboto Light', sans-serif;font-size: 16px; line-height: 18px; list-style-type: none;padding-bottom: 12px;text-decoration: none;letter-spacing: 0.02em;}
footer li a {color: #fff; text-decoration: none;}
footer .title {color: #ffcc00; text-align: left;}
footer .subtitle {color: #36c2d5; font-size: 24px; line-height: 28px;}
/*--------------------------copyright_area--------------------*/
.copyright {background-color: #36c2d5; bottom: 0; position: relative; margin: 0 auto; padding: 10px 0; max-width: 100%;}
.copyright p {font-size:13px; font-weight: 300;letter-spacing: 0.3px;}
.copyright a {color: #000; text-decoration: none;}
.copyright a:hover {color: #fff; text-decoration: none;}
.sitecredit {float:right;}
.sitecredit .text{color: #fff;display: inline-block;font-size: 12px;line-height: 14px;margin: 8px 0 0 0;padding: 0;text-align: left;vertical-align: top;}
/*-------------------------------------------------MOBILE DEVICE AREA SETTINGS----------------------------------------------*/
/* SPACING AND SIZING FOR HEXA GRID ON HOME PAGE */
/*Styles for screen 1400px and lower SPACING AND SIZING FOR HEXA GRID ON HOME PAGE*/
@media screen and (max-width: 1400px) {
.featured-box .title {font-size: 1.25em;}
.featured-box .title:after {padding-top:10px;}
.featured-box .tagline {font-size: 1.15em; line-height: 1.20em; padding: 6px 2px 2px;}
.featured-box .overbox {padding: 50px 10px 20px;}
}
@media (max-width: 3000px) and (min-width:981px) {
    .hex {width: 32.666%; /* = (100-2) / 3 */padding-bottom: 37.720%; /* =  width / sin(60) */}
    .hex:nth-child(5n+4),
    .hex:nth-child(5n+5) {
        margin-top: -8.564%;
        margin-bottom: -8.564%;
        -webkit-transform: translateX(50%) rotate(-60deg) skewY(30deg);
            -ms-transform: translateX(50%) rotate(-60deg) skewY(30deg);
                transform: translateX(50%) rotate(-60deg) skewY(30deg);}
    .hex:nth-child(5n+4):last-child,
    .hex:nth-child(5n+5):last-child {margin-bottom: 0;}
    .hex:nth-child(5n+4) {margin-right: 1%; margin-left: 0.5%;}
    .hex:nth-child(5n+2) {margin-left: 1%;margin-right: 1%;}
    .hex:nth-child(5n+6) {clear: left;}
}
/* SPACING AND SIZING FOR HEXA GRID ON HOME PAGE */
@media (max-width: 980px) {
    .hex {width: 49.5%; /* = (100-1) / 2 */padding-bottom: 57.158%; /* =  width / sin(60) */}
    .hex:nth-child(3n+3) { margin-top: -13.423%; margin-bottom: -13.423%;
        -webkit-transform: translateX(50%) rotate(-60deg) skewY(30deg);
            -ms-transform: translateX(50%) rotate(-60deg) skewY(30deg);
                transform: translateX(50%) rotate(-60deg) skewY(30deg);}
    .hex:nth-child(3n+3):last-child {margin-bottom: 0;}
    .hex:nth-child(3n+3) {margin-left: 0.5%;}
    .hex:nth-child(3n+2) {margin-left: 1%;}
    .hex:nth-child(3n+4) {clear: left;}
    .halfpage {width:100%;}
}
/*Styles for screen 1120px and lower SPACING AND SIZING FOR HEXA GRID ON HOME PAGE*/
@media screen and (max-width: 1120px) {
.featured-box .overbox {padding: 40px 10px 20px;}
}
/*Styles for screen 1120px to 880px*/
@media screen and (max-width: 1120px) and (min-width: 880px) {nav a {padding: 0 10px;}}
/*Styles for screen 1100px to 880px*/
@media screen and (max-width: 1100px) and (min-width: 880px) {nav a {padding: 0 8px;}}
@media screen and (max-width: 1100px) {ul.terps-grid {flex-flow: row wrap;}.terps-grid li {width: 23%;}}
@media screen and (max-width: 1024px) {.terps-grid li {width: 46%;}.terps-grid li > a::after {content: none !important;}.terps-grid h3 {padding: 20px 10px; font-size: 22px;}}

/*Styles for screen 1084px and lower SPACING AND SIZING FOR HEXA GRID ON HOME PAGE*/
@media screen and (max-width: 1084px) {
.featured-box .title:after {padding-top:6px;}
.featured-box .tagline {font-size: 1.0em; line-height: 1.15em;}
}
/*Styles for screen 1024px and lower*/
@media screen and (max-width: 1024px) {
.left-side {min-height: 100px;}
.right-side {min-height: 100px;}
.get-relief-title a {font-size: 60px; line-height: 62px;}
.get-boosted-title a {font-size: 54px; line-height: 62px;}
footer .title {font-size: 30px; line-height: 38px;}
footer .subtitle {font-size: 18px; line-height: 20px;}
.site-header .site-branding {display: block; margin: 0 auto; padding: 20px;}
.site-header .header-right-wrap .extract-element {float: none; text-align: center;}
.site-header .header-right-wrap {float: none;}
.logo {float: none; margin: 0 auto;padding: 0; }
.container {padding: 0;}
.header-wrap {padding: 0 20px;}
hr {margin: 20px 0; padding: 0 0 20px 0;}
.white-split .title {font-size: 30px; line-height: 34px; text-align: left;}
.terpenes-innerpg p {text-align: center;}
.terpbox {margin-right: 20px;}
.floatright {float: none; padding: 10px 0 5px;}
.mainbody ul li {text-indent: 0; margin-left: 0;}
}
/*Styles for screen 1024px to 768px*/
@media screen and (max-width: 1024px) and (min-width: 768px) {
nav a {font-size: 18px; padding: 0 10px;}
.button-products {border-radius: 10px;}
}
/* Media Queries for New Resp CSS Navigation --------------------------------------------- */
@media all and (max-width: 1024px) {
	.navcontainer {top: 0px; background: 0;}
	nav {width: 220px; position: absolute; margin: 0; background: 0; right: 5px; text-align: left; top: 20px;}
	nav a {font-size: 18px; line-height: 50px; font-weight: 300; color: #000; border-top: 1px solid #ccc; padding-left: 30px;}
	nav ul {top: 15px;}
	nav ul li {display: block;width: 100%;background: #fff;}
	nav ul li.last a {border-radius: 0;padding-left: 30px;}
	nav ul li.last a:hover {border-radius: 0;padding-left: 30px;}
	.toggle + a,
	.menu {display: none;}
	.toggle {color: transparent; display: block;background: 0;font-size: 18px;text-decoration: none;}
	.toggle:hover {background: 0;}
	.toggle:after {content: "";background: url('../images/nav-icon.png') no-repeat;width: 20px;height: 30px;display: inline-block;right: 0;top: 3px;float: right;}
[id^=drop]:checked + ul {display: block;}
	li > a:after {content: ' +';}
	li > a:only-child:after {content: '';}
	nav ul ul .toggle,
	nav ul ul a {padding: 0 40px;}
	nav ul ul ul a {padding: 0 80px;}
	nav a:hover,
	nav ul ul ul a {background-color: #36c2d5; color: #fff; outline: none;}
	nav ul li ul li .toggle,
	nav ul ul a {background: #000; color: #fff;}
	nav ul ul li a {color: #fff;}
	nav ul ul {float: none;position: static; color: #fff;}
	nav ul ul li:hover > ul,
	nav ul li:hover > ul {display: none;}
	nav ul ul li {display: block; width: 100%;}
	nav ul ul ul li {position: static;}
}
@media all and (max-width: 330px) {nav ul li {display: block;width: 94%;}}

/*Styles for screen 980px and lower SPACING AND SIZING FOR HEXA GRID ON HOME PAGE*/
@media screen and (max-width: 980px) {
.featured-box .title {font-size: 1.25em;}
.featured-box .title:after {padding-top:10px;}
.featured-box .tagline {font-size: 1.15em; line-height: 1.20em; padding: 6px;}
.featured-box .overbox {padding: 80px 10px 20px;}
.truterp-bottle {margin-right: 0;}
} /*end*/

/*Styles for screen 900px to 835px*/
@media screen and (max-width: 900px) and (min-width: 835px) {h3 {font-size:32px; line-height: 38px;}}

/*Styles for screen 900px and lower*/
@media screen and (max-width: 900px) {
	h1 {text-align: center;}
	.flex-box-container {flex-wrap:wrap;}
	.flex-box-container-left {order:2; margin: 0; padding: 0;}
	.flex-box-container-right {order:1; margin: 0; padding: 0;}
	.flex-box-width-50 {width: 100%;}
	.flex-box-width-7 {width: 100%;}
	.flex-box-width-5 {width: 100%;} /*flex box for repositioning right div to top of left div*/
	.left-side, .right-side {float: none; width: 100%; min-height: 1px;}
	.content-vertical-align {margin-top: 0;}
	.split-side {padding: 2rem;}
	.white-split-container {padding: 10px 0 20px;}
	.white-split p {font-size: 18px;}
	.white-split ul {padding: 10px 0;}
	.white-split ul li {padding: 0 0 4px 0; text-indent: 0;}
	.terpbox {margin-right: 0;}
	.innerpg-subtitle {text-align: center;}
	.inner-body ul {padding: 0 0 25px 0;}
	.inner-body ul li {padding: 0 0 4px 0;}
	.get-relief-title a {text-align: center;}
	.get-boosted-title a {text-align: center;}
	.rightinnerheaderimg {float: none; padding: 0;}
	.bigfattext {font-size: 38px; line-height: 44px;}
	.copyright {text-align: center;}
	.sitecredit {float:none; margin: 0 auto;}
	.sitecredit .text {text-align: center;}
	/*Styles for screen 900px and lower SPACING AND SIZING FOR HEXA GRID ON HOME PAGE*/
	.featured-box .overbox {padding: 60px 10px 20px;}
}
/*Styles for screen 800px and lower*/
@media screen and (max-width: 800px) {
	.hero-background {min-height: 180px;}
	.get-relief-title::after {content: none;}
	.get-boosted-title::before {content: none;}
	.inner-body h5 {text-align: left !important;}
}
/*Styles for screen 812px to 603px WIDE VIEW IPHONE SIZES ONLY for hexagon images*/
@media screen and (max-width: 812px) and (min-width: 604px) {
	.featured-box .title {font-size: 18px;}
	.featured-box .title:after {padding-top: 10px;}
	.featured-box .tagline {font-size: 14px; line-height: 18px; padding: 8px 6px;}
	.featured-box .overbox {padding: 45px 10px 20px;}
}
/*------------------------------------------------Styles for split screens------------------------------------------------*/
@media (min-width: 768px) {
.col-md-6 {flex: 0 0 50%; max-width: 50%;}
/*.h-md-100 {height: 100vh;}*/
.h-100 {height: auto;}
/*.h-100 {height: 100% !important;}*/
.d-md-flex {display: flex !important;}
.split-side {padding: 2rem;}
}
/*------------------------------------------------Styles for split screens------------------------------------------------*/
/*Styles for screen 768px to 480px SIZES ONLY*/
@media screen and (max-width: 769px) and (min-width: 480px) {
.left-side, .right-side {float: left; width: 50%; min-height: 100px; padding-right: 10px;}
.button-white-split {font-size: 17px;}
.button-blue-split {font-size: 17px;}
.white-split ul li {font-size: 16px;}
}
/*Styles for screen 768px and lower*/
@media screen and (max-width: 768px) {
	.section-padding {padding: 25px 0;}
	.white-split-container {padding: 10px 0;}
	.white-split ul li {margin-left: 0;}
	.innerpg-subtitle {font-size: 36px;}
	h2 {font-size: 48px; line-height: 56px;}
	h3 {font-size: 32px; line-height: 38px; padding: 0;}
	h4 {padding: 0 0 10px 0;}	
	td, th {padding: 6px 4px;}
	.flex-row-wrapper {flex-flow: row wrap;}
	.alternate-bk {background-color: #f2f2f2;}	
	.bodycontent {padding: 20px 0 80px 0;}
	.get-relief-title a {font-size: 50px; line-height: 58px;}
	.get-boosted-title a {font-size: 50px; line-height: 58px;}
	/*.innerpg {min-height: 260px; padding-top: 20px;}*/
	.inner-section-header {margin: 10px;}
	.circle-shape {display: block; margin: 0 auto; margin-bottom: 20px;}
	.quickbtn {margin: 0 auto; margin-bottom: 20px;}
	.hempvsmj {background-image:none;}
	.rightinnerheaderimg {display: none;}
	.contact {background-image: none;}
	.hemp-vs-marijane {background-image:none; padding: 30px 0;}
	.equal-height-row {display: block;}
	ul.list-container {display: block;}
	ul.list-container > li {display: block;}
}
/*Styles for screen 766px and lower SPACING AND SIZING FOR HEXA GRID ON HOME PAGE*/
@media screen and (max-width: 766px) {
.featured-box .title {font-size: 2em;}
.featured-box .title:after {padding-top:16px;}
.featured-box .tagline {font-size: 1.25em; line-height: 1.35em; padding: 8px;}
.featured-box .overbox {padding: 120px 10px 20px;}
} /*end*/

/*Styles for RESPONSIVE PRODUCT TABLES*/
@media only screen and (max-width: 760px),
	(min-device-width: 768px) and (max-device-width: 1024px)  {/* Force table to not be like tables anymore */
		.products table {display: block;}
		.products thead {display: block;}
		.products tbody {display: block;}
		.products th {display: block;}
		.products td {display: block;}
		.products tr {display: block; padding-right: 10px;}/* Hide table headers (but not display: none;, for accessibility) */
		.products thead tr { position: absolute; top: -9999px; left: -9999px;}
		.products tr { border: 1px solid #ccc; }
		.products td {  /* Behave like a "row" */ 
		border: none; position: relative; padding: 20px 10px 20px 35%; width: 100%;} /*border-bottom: 1px solid #eee; padding-left: 50%;*/
		.products td:before {/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		background-color: #ffcc00; font-size: 20px; font-weight: 400; left: 0; padding: 10px; top: 0; width: 30%;}	/*white-space: nowrap; */
		/*Label the data*/
		.products td:nth-of-type(1):before { content: "Products Suggested:";}
		.button-products {margin: 0;}
		.products .product-img-r {float: none; display: inline; max-width: 15%;}
}
/*Styles for screen 736px and lower*/
@media screen and (max-width: 736px) {
	.content {padding: 10px 20px;}
	.section-header {margin-bottom: 20px;}
	.video-container {padding-bottom: 45.5%;}
	.video-container iframe, .video-container object, .video-container embed {max-height: 300px;}
	.feedback {min-height: 350px;}
	.hexGrid {padding: 35px;}
	.biggerlittle {font-size: 20px; line-height: 26px;}
}
/*Styles for screen 603px and lower*/
@media screen and (max-width: 603px) {
	.logo-container {padding: 0;}
	h1 {text-align: center;}
	h2 {text-align: center; font-size: 40px; line-height: 45px; margin-bottom: 8px;}
	h3 {text-align: center;}
	.center-text-mobile {text-align: center;}
	.center-text-mobile-only {text-align: center;}
	.inner-body ul {padding: 0 0 25px 0; /*text-align: center;*/}	
  	.terps-grid li {width: 100%;}.terps-grid h3 {font-size: 24px;}
  	.footer-text .icons {text-align: center;}
  	.footer-text p {text-align: center;}
  	.icon-rows {padding-top: 25px;} 
  	.feature-full-box {padding: 0;}
  	.products tr {padding: 0;}
	.products td:before {position: relative;left: 0; width: 100%; display: block; margin-bottom: 20px; top:0;}
	.products td {display: block; padding: 20px;}
	.button-products {margin: 0 auto;}
	.flex-box-container-left {padding: 0;}
	.flex-box-container-right {padding: 0;}
	.icon-rows {float: none; display: block;}
	/*Styles for screen 603px and lower SPACING AND SIZING FOR HEXA GRID ON HOME PAGE*/	
	.featured-box .overbox {padding: 60px 10px 20px;}
	footer .title {text-align: center;}
	footer .subtitle {text-align: center;}
	footer li {font-size: 15px;}
}

/*Styles for COVID19 alert only*/
@media screen and (max-width: 600px) {
.covid19 .alert-box {max-width: 100%;}
.covid19-img {float: none;}
.covid19 .alert {padding-top: 5px; text-align: center;}
.cv19-p18pt {line-height: 18px; padding-top: 5px; text-align: center;}
}

/*Styles for screen 568px and lower*/
@media only screen and (max-width: 568px) {
	.special td {width: 100%; display: block;}
  	table {width: 95%;}
  	.article-header {margin-top: 20px;}
  	.floatright {float: none; padding: 10px;}
  	.floatleft {float: none; margin: 0 auto; padding: 10px;}
	.innerpg-subtitle {font-size: 32px; line-height: 38px; margin: 0 auto;}
	.featured-box .title {font-size: 1.5em;}
	.featured-box .title:after {padding-top:10px;}
	.featured-box .tagline {font-size: 1.15em; line-height: 1.25em; padding: 8px;}
	.big-space {margin-top: 50px;}
	.comingsoonheader .title {font-weight:normal; margin: 100px 0 20px 0;}
	.comingsoonheader .subtitle {font-size: 32px;}
	.comingsoonheader .tagline {color: #ffcc00; font-size: 36px;}
	.outlined-box {min-height: 140px;}
}
/*Styles for screen 480px and lower*/
@media only screen and (max-width: 480px) {
	h1 {font-size:38px; line-height:42px;}
	h2 {font-size: 34px; line-height: 38px;}
	h4 {font-size: 22px; line-height: 28px;}
	h5 {font-size: 20px; line-height: 26px; /*text-align: center;*/}
	.site-header .site-branding {float: none; margin: 0 0 20px; padding: 0;}
	.logo {float: none; max-width: 80%; }
	.header-wrap {padding: 0 10px;}
	.floatleft {float: none;}
	.section-header {margin: 20px; padding: 0;}
	.section-padding {padding: 5px 0 5px;}
	.feedback-container .title {margin-top: 10%;}
	.black-leaf-section {background-image: none;}
	.black-leaf-section .toptitle{margin-bottom: 14px;}
	.split-content {text-align: center;}
	.white-split p {text-align: center;}
	.white-split .title {text-align: center;}
	.get-relief-title {font-size: 48px; line-height: 50px;}
	.get-boosted-title {font-size: 48px; line-height: 50px;}
	.hero-background {min-height: 150px;}
	.innerpg {min-height: 220px;}	
	.innerpg-subtitle {font-size: 28px; line-height: 34px;}
	.terpenes .ptitle {text-align: center;}
	.terpenes p {text-align: center;}
	.footer-text {padding: 0;}
	.bigfattext {font-size: 36px; line-height: 40px;}	
	.center-text-mobile {text-align: left;}
	footer ul {margin: 20px 0 20px 14px;}
}
/*Styles for screen 440px and lower SPACING AND SIZING FOR HEXA GRID ON HOME PAGE*/
@media screen and (max-width: 440px) {
.featured-box .title {font-size: 16px;}
.featured-box .title:after {padding-top:10px;}
.featured-box .tagline {font-size: 14px; line-height: 16px; padding: 6px;}
.featured-box .overbox {padding: 40px 10px 20px;}
} /*end*/
/*Styles for screen 380px and lower*/
@media only screen and (max-width: 380px) {
	.button-terpenes {font-size: 26px;width: 100%;}
	.button-split-shop {font-size: 26px;width: 100%;}
	.button-shop-now {font-size: 24px;width: 100%;}
	.white-split .title {font-size: 26px;}
	.double-header {font-size: 40px; line-height: 44px;}
	/*Styles for screen 380px and lower SPACING AND SIZING FOR HEXA GRID ON HOME PAGE*/	
	.featured-box .overbox {padding: 25px 0 20px;}
	.solo-title {padding-top: 0;}
}
/*Styles for screen 360px and lower*/
@media only screen and (max-width: 360px) {
	.hexGrid {padding: 30px;}
}
/*Styles for screen 350px and lower*/
@media only screen and (max-width: 350px) {
	h2 {margin-bottom: 10px;}
	.icontiny {display: none;}
	.icontiny-cart {display: none;}
	.site-header .header-right-wrap .extract-element {padding: 0 2px 5px;}
	.featured-box .title {font-size: 1.15em;}
	.featured-box .title:after {padding-top:8px;}
	.featured-box .tagline {font-size: 0.9em; line-height: 1.15em; padding: 8px 4px 2px;}
}