@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.2.1/css/all.min.css');

/* Fonts and Colors */
:root {
	/* Colors */
	--color-light-red: #f9ebe0; /*#f7dcc9;*/
	--color-dark-red: #D7894B;
	--color-darker-red: #b25130;
	--color-light-alert: #ffaaaa;
	--color-light-blue: #ecf7fc; /*#e3edf7;*/
	--color-dark-blue: #54749a;
	--color-darker-blue: #495c6d;
	--color-light-blue-translucent: #cfe0efe0;
	--color-light-purple: #dce9fa;
	--color-light-green: #f1fad1; /*#e5f1c3;*/
	--color-dark-green: #A4A649;
	--color-dark-green-translucent: #A4A649e8;
	--color-light-silver: #e8e8e8;
	--color-dark-silver: #4d4d4f;
}

* {-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}

body {
margin: 0px auto; /* setting border: 0 hoses ie5 win window inner well border */
padding: 1% 0;
font-family: 'Open Sans', sans-serif;
font-size: 22px;
line-height: 2em;
color: #000;
width: 98%;

overflow-wrap: break-word;
word-wrap: break-word;
word-break: break-word;

/* Adds a hyphen where the word breaks, if supported (No Blink) */
-ms-hyphens: auto;
-moz-hyphens: auto;
-webkit-hyphens: auto;
hyphens: auto;
}

body.removetopbar {padding: 110px 0 0 0}

h1, h2, h3 {font-family: 'Alice', serif;}
h1, h2, h3, h4, h5, h6, .title_text {
	line-height:normal;
	font-weight:400;
} 
h3, h4 {color: #000;}
h1, h2, .title_text {color: var(--color-dark-silver);}
#mailinglist_popup h4 {font-size: 2em;}

form {margin: 0;}
li {margin-bottom: 15px; }
table, tr, td {font-size: 100%;}
img {border:none;max-width:100%;padding:0;margin:0; vertical-align: middle;}

input {/*-moz-transition:all .2s linear;-webkit-transition:all .2s linear;*/ outline:none !important;font-family:'Open Sans', sans-serif;}
.backdrop, .container {
	max-width: 1230px; width: 100%;
	padding: 0 15px; margin: 0 auto;
}
.backdrop {text-align: left;}

.clear {clear:both}
.form-control {width: 100%; padding:10px; outline: none !important;font-family: 'Open Sans', sans-serif;}
button {outline:none;-moz-transition:all .2s linear;-webkit-transition:all .2s linear;}
.clearfix::after {content: "";clear: both;display: table;}
.text-center {text-align: center}
.btn {
	display: inline-block;
	padding: 15px 26px;

	border:0; border-radius:4px;
	box-shadow:none !important;
	outline:none !important;

	font-weight:700; font-size:18px;
	line-height: 1;
	text-transform:uppercase;
	text-shadow: none !important;
	text-align: center;

	background: var(--color-dark-red); color: #fff;
	cursor: pointer;
}
.btn:focus,
.btn:active,
.btn:hover {background-color: var(--color-dark-blue); color: #fff;}
.btn.btn1 {background: var(--color-dark-green)}
.btn.btn1:focus,
.btn.btn1:active,
.btn.btn1:hover {background: var(--color-dark-blue); color: #fff;}
.btn.btn2 {background: var(--color-dark-blue)}
.btn.btn2:focus,
.btn.btn2:active,
.btn.btn2:hover {background: var(--color-dark-red); color: #fff;}

.btnarea a {text-decoration: none;}

.hide {display: none !important}
section {padding: 55px 0;}
.section-title {
	margin:40px 0 30px 0; padding: 0 0 50px 0;
	background-position: left bottom !important;
    background-repeat: no-repeat !important;
	}
.section-title :is(h1, h2, h3, h4, h5, h6) {padding: 0; margin: 0; color: var(--color-dark-silver);}
.section-title.nobg {background: none; padding-bottom: 0}
.sectitle1 {font-size:50px;text-transform: uppercase; line-height: 1.2}
.section-title p {margin-top: 20px;}
.section-title.text-center {
	background-position: center bottom !important;
    background-repeat: no-repeat !important;
}

@font-face {
	font-family: verdana;
	src: url(https://jbsite-11e9c.kxcdn.com/Ayurveda/lib/fonts/Verdana.ttf)
}

@font-face {
	font-family: 'Dancing Script', cursive;
	src: url(https://jbsite-11e9c.kxcdn.com/Ayurveda/lib/fonts/Dancing-Script.ttf)
}

@font-face {
	font-family: 'Raleway-Heavy'; !important;
	src: url('https://jbsite-11e9c.kxcdn.com/Ayurveda/lib/fonts/Raleway-Heavy.ttf');
}

@font-face {
	font-family: 'Alice'; !important;
	src: url('https://jbsite-11e9c.kxcdn.com/Ayurveda/lib/fonts/Alice-Regular.ttf');
}

@font-face {
	font-family: 'Open Sans'; !important;
	src: url('https://jbsite-11e9c.kxcdn.com/Ayurveda/lib/fonts/OpenSans-Regular.ttf');
}

.heavy {font-weight: 900;}
.cursive {font-family: 'Dancing Script';}

.body_tag {
	width: 100%;
	margin: 0px auto; /* setting border: 0 hoses ie5 win window inner well border */
	text-align: left;
}

.print_page {
	padding-right: 5px; padding-left: 5px;
	width: 100%;
	max-width: 1062px;
	margin-left: auto;
	margin-right: auto;
}

.print_line {
	width: 100%; min-height: 150px;
	margin-bottom: 10px; padding: 2%;
	background: #fff;
}

.print_block {width: 125px; text-decoration: none;}
.print_block .block_image {
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
}
.print_block .block_name {padding: 5px; text-align: center; font-weight: normal;}

.staggered_image {cursor: pointer; padding: 5px; }
.staggered-left {float: left; margin: 25px 15px 0 0; width: 45%; }
.staggered-right {float: right; margin: 25px 0 0 15px; width: 45%;}

.staggered-center {
	width: auto;
	max-width: 98%;
	display: block;
	background-color: var(--color-light-silver);
	border-radius: 15px;
	overflow: hidden;
	margin: 15px 0;
	text-align: center;
}

.contra-title {margin-top: 0px;}

.contra:hover
, .sfhover:hover
, .edit-click-state:checked ~ .edit-click-trigger {font-weight: bold;}

.contrabody, .edit-click-target, .sfhoverbody {
	position: absolute;
	left: -999em;
	height: auto;
	background-color: #fff;
	border: 1px solid #D0D0D0;
	padding: 10px;
	/*margin-top: 10px;*/
	width: 26em;
	z-index: 300;

	font-size: 16px; font-weight: normal;
	color: #000; background: #fff;
	font-family: 'Open-Sans';

	user-select: none; /* Standard syntax */
	-webkit-user-select: none; /* Safari */
	-moz-user-select: none; /* Firefox */
	-ms-user-select: none; /* Internet Explorer/Edge */
	-webkit-transition-delay: .15s;
	-moz-transition-delay: .15s;
	-ms-transition-delay: .15s;
	-o-transition-delay: .15s;
	transition-delay: .15s;
}


.contra:hover .contrabody:not(.force-adjust-left), .sfhover:hover .sfhoverbody {
	left: 10px;
}
.contra:hover .contrabody, .sfhover:hover .sfhoverbody {
	font-weight: normal;
	margin: 0;
	top: 90%;
}

.edit-click-state:checked ~ .edit-click-target {
	left: auto;
	margin-top: -2px;
	display: block;
	border: 1px solid #aaa;
}

.jb-section-wrapper {overflow: hidden; /* To clear the float */}
.jb-section-wrapper .left-image, .jb-section-wrapper .right-image {border-radius: 15px;}

.section-ayurvedic-diet{
	background-position: center center !important;
    background-repeat: no-repeat !important;
	background-size:cover; text-align: center; padding: 180px 0}
.section-ayurvedic-diet .mainrow{ border-radius: 10px; background: rgba(255,255,255,0.9); padding: 70px 80px; border: 2px solid rgba(255,255,255,0.9)}
.section-ayurvedic-diet .section-title{background: none; padding-bottom: 0; margin: 0;}
.section-ayurvedic-diet .btnarea{margin: 0 0 20px 0}
.section-ayurvedic-diet .lead{font-size: 22px; font-weight: 700;}
.section-ayurvedic-diet p a{color: #d7894b; text-decoration: underline; font-weight: 700;}
.section-ayurvedic-diet p a:hover{color:var(--color-dark-silver); text-decoration: none}

.section-cta1:not(.bgnone) {background: url("../../images/bg-salt-sage.jpg") left top no-repeat; padding-top:220px; margin-top: -75px}
.section-cta1.bgnone {background: none;}
.section-cta1 .container {max-width: 1430px;}
.section-cta1 .mainrow {display: flex; flex-wrap: wrap;border-radius: 10px; position: relative; overflow: hidden; background: #537399}
.section-cta1 .leftsection {width: 60%; float: left}
.section-cta1 .leftsection img {width: 100%; float: left}
.section-cta1 .rightsection {width: 40%; float: left; display: flex; flex-wrap: wrap; align-content: center; align-items: center; padding: 10px 70px; color: #fff;}
.section-cta1 .rightsection p {margin-bottom: 25px;}
.section-cta1 .rightsection p:last-of-type {margin-bottom:0;}
.section-cta1 .rightsection .btnarea {margin-top:25px}
.section-cta1 .rightsection p.leadtext {margin-bottom: 5px; font-size: 19px; text-transform: uppercase}
.section-cta1 .rightsection h3 {font-size: 50px;color: #fff; text-align: left; text-transform: uppercase; margin: 0 0 20px 0}
.section-cta1 .rightsection .btnarea a {font-size: 20px; padding: 20px 34px;}
.section-cta1 .rightsection .btnarea a:hover,
.section-cta1 .rightsection .btnarea a:active,
.section-cta1 .rightsection .btnarea a:focus {background: #fff; color: #537399}

.section-attributes {margin: 0; padding: 0;}
.section-attributes ul {list-style:none; padding: 0;}
.section-attributes ul li {
	display: inline-block; margin: 5px;
	font-size: 19px; text-transform: uppercase; font-weight: 500; line-height: 1.2; 
	text-align: left;
	list-style:none;
}

.section-attributes ul li {border-radius: 10px;background: var(--color-light-green); padding:15px 30px 15px 70px; position: relative}
.section-attributes ul li span {position: absolute; left: 10px; top: 0; bottom: 0; margin: auto;border-style: solid;border-width: 3px;border-color: rgb(164, 166, 73);border-radius: 50%;width: 50px;height: 50px;display: inline-block; padding: 6px;}
.section-attributes ul li span img {width: 100%; height: 100%}
.section-attributes ul li strong {display: block}
.section-attributes :is(.SERVING_SIZE, .MEAL, .OCCASION, .SKILL) {background:var(--color-light-green) }
.section-attributes :is(.SERVING_SIZE, .MEAL, .OCCASION, .SKILL) span {border-color:var(--color-dark-green) }
.section-attributes :is(.FAMILY, .MINUTES_PREP, .CUISINE) {background:var(--color-light-red) }
.section-attributes :is(.FAMILY, .MINUTES_PREP, .CUISINE) span {border-color:var(--color-dark-red) }
.section-attributes :is(.GENUS, .SEASON, .MINUTES_COOK, .PREPARATION) {background:var(--color-light-blue) }
.section-attributes :is(.GENUS, .SEASON, .MINUTES_COOK, .PREPARATION) span {border-color:var(--color-dark-blue) }

/*.section-bio-peaches-inner1*/
.section-similar {
	background-position: right center !important;
    background-repeat: no-repeat !important;
	color: var(--color-dark-silver);}
.section-similar h3 {color: var(--color-dark-silver);}
.section-similar .boxinner {
	display: flex; justify-content: center; flex-wrap: wrap;
	padding: 40px 15px; margin-bottom: 30px;
	border-radius: 10px;}
.section-similar .boxinner .boxtitle2{font-size: 28px;margin: 0 0 20px 0;text-transform: uppercase; text-align: center}
.box-green {background: var(--color-light-green)}
.box-blue {background: var(--color-light-blue)}
.section-similar .boxinner ul.inline-list{
		display: flex; flex-wrap: wrap; flex-direction: row; justify-content: center;
		list-style: none; 
		padding: 0; margin: 30px 0 0 0;}
.section-similar .boxinner ul.inline-list li{margin: 5px; font-weight: 500; font-size: 20px; padding: 0; }
.section-similar .boxinner ul.inline-list li span{color: var(--color-dark-silver); padding: 14px 31px;background: #fff;display: block;border-radius: 10px; text-transform: none; text-align: center}

.section-food-lab {background: var(--color-light-red); margin-top: 40px;}
.section-food-lab p a {text-decoration: underline; color: var(--color-dark-silver);}
.section-food-lab p a:hover {text-decoration: none; color:var(--color-dark-blue);}
.section-food-lab .list-link {margin: 50px 0 50px 0; list-style: none;}
.section-food-lab .list-link li {float: left; width:16.66666666666667%; padding: 5px; margin: 0;}
.section-food-lab .list-link li a {border-radius: 4px; color: #fff; border: 1px solid var(--color-dark-blue); font-weight: 700; text-transform: uppercase; display: block;  text-align: center; font-size: 18px; line-height: 1; padding: 15px 2px;background: var(--color-dark-blue);}

.section-food-lab .list-link li a:hover,
.section-food-lab .list-link li a.active {color: var(--color-dark-blue); background: #fff; border-color: var(--color-dark-blue)}
.section-food-lab .list-link li a.active {pointer-events: none;}
/*.section-food-lab .list-link li a:active {color: #fff; background: #eab68d; border-color: #eab68d}*/
.section-food-lab .list-link li.first a {height: 110px;display: flex; flex-wrap: wrap; align-content: center; justify-content: center; align-items: center;}
.section-food-lab .mainrow {display:flex; flex-wrap: wrap; margin:0 -10px; font-size: 20px;}
.jb_tabcontent {display: none}
.section-food-lab .tabrow {display: flex; flex-wrap: wrap;width:100%}
.section-food-lab .leftcol {float: left;width: 50%; padding: 0 10px; margin-bottom: 20px;}
.section-food-lab .rightcol {float: left;width: 50%; padding: 0 10px; margin-bottom: 20px;}
.section-food-lab .boxinner {border-radius: 10px; background-color:#fff; padding: 35px 30px;height: 100%;}
.section-food-lab .boxinner p {margin-bottom:15px; height: 3em; line-height: 1.1; font-size: 19px;}
.section-food-lab .boxinner p:last-of-type {margin-bottom:0; font-size: 18px}

.chartbox {position: relative; padding: 0 0 0 35px; margin: 0 0 30px 0;  max-width: 500px;}
/*.chartbox:after {position: absolute; left:-15px; top: 0; content: '25 20 15 10 05 00'; width: 44px; text-align: right; font-weight: 700; line-height: 53px; font-size: 18px;}*/
.chartbox .chartnumber {position: absolute; left:-15px; top: 0; width: 44px; text-align: right; font-weight: 700; line-height: 53px; font-size: 18px;}
.chartbox table {border: 0 !important; width: 100%;}
.chartbox table tr {height: auto !important}
.chartbox table td,
.chartbox table th {border: 0 !important; width: 125px;}
.chartbox table td:first-child {border-left:2px solid #000 !important}
.chartbox table tr:last-child td {border-top:2px solid #000 !important;border-left:0 !important}
.chartbox .chartpipe {display:block !important;
		width: 50px; background-color:#c8e0eb !important;
		border-radius: 8px 8px 0 0; }
.chartbox table td b {font-size: 15px; font-weight: 700; color: var(--color-dark-silver); line-height: 1.2;display: block; padding: 15px 0 0 0;}
.chartbox table td {font-weight: 700; font-size: 20px; color: var(--color-dark-silver); height: 300px}
.chartbox table td.btmcaption {height: auto; padding: 0 10px;}
.section-food-lab .boxinner img {margin-bottom:20px }

.section-symptoms {
	background-position: right center !important;
    background-repeat: no-repeat !important;
	background-size: 305px;}

.tooltip-button {position: relative;}
.tooltip-text{
	position: absolute; z-index: 1; left: 0;
	visibility: hidden;
	padding:25px 15px;
	width: 100%;
	min-width: 200px;
	background-color: #fff; 
	box-shadow: 0px 15px 62px 0px rgb(84 116 154 / 21%); 
	border: 1px solid rgb(204 204 204 / 35%); 
	border-radius: 6px; 
	font-size: 16px;
	}
/*.tooltiptext{width: 100%; top: 100%; left: 0}*/
.tooltip-button:hover .tooltip-text { visibility: visible;}

.heart-icon {
    display: flex; /* Aligns icon and text in a single row */
    align-items: center; /* Vertically aligns the text with the icon */
	gap: 8px;
}

.heart-icon:before {
    content: "";
	flex-shrink: 0;
    width: 25px; height: 22px;
    background-size: contain;
    background-repeat: no-repeat;
	transition: all .2s linear; -moz-transition:all .2s linear; -webkit-transition:all .2s linear;
}

.icon-wishlist:before {background-image: url("../../images/icon-wishlist.svg");}
.heart-like:before {background-image: url("../../images/heart.jpg");}
.heart-dislike:before {background-image: url("../../images/heart-dislike.png");}
.heart-question:before {background-image: url("../../images/heart-question.png");}
.heart-empty:before {background-image: url("../../images/heart-empty.png");}

.heart-buttons {
	display: flex;
    flex-direction: column;
    justify-content: center;
	margin: 10px auto;
    align-items: stretch;
    gap: 5px;
}

.heart-buttons .small_button {
    display: flex; 
    justify-content: center;
    align-items: center; 
    text-align: center;
    padding: 10px;
	max-width:100%;
}	

.section-clinical-tools .mainrow {margin-top: 40px; display: flex; flex-wrap: wrap; }
.section-clinical-tools .imgblock {float: left; width: 33.3333%; padding: 0 15px; text-align: center}
.section-clinical-tools .imgblock img {width: 100%; height: 280px; object-fit: cover; border-radius: 10px 10px 0 0; float: left}
.section-clinical-tools .imgblock p {font-weight: 700; margin: 0; padding:20px 10px; line-height: 1.2;background: #f3e3d6;border-radius:0 0 10px 10px; text-transform: uppercase; clear: both}
.section-clinical-tools .imgblock:nth-child(1) p {background: #f3e3d6;}
.section-clinical-tools .imgblock:nth-child(2) p {background: var(--color-light-blue);}
.section-clinical-tools .imgblock:nth-child(3) p {background: var(--color-light-green);}
.section-clinical-tools .btnarea .btn {color: var(--color-dark-blue); background:none; border:1px solid var(--color-dark-blue)}
.section-clinical-tools .mainrow2 {display: flex; flex-wrap: wrap; align-items: center;justify-content: space-between;}
.section-clinical-tools .mainrow2 .rightimgsection {float: left; width: 45%}
.section-clinical-tools .mainrow2 .rightimgsection img {border-radius: 20px;}
.section-clinical-tools .mainrow2 .leftcontent {float: left; width: 47%;}
.section-clinical-tools .mainrow2 .leftcontent p a {text-decoration: underline; font-weight: 600; color: var(--color-dark-silver)}
.section-clinical-tools .mainrow2 .leftcontent p a:hover {color: var(--color-dark-blue);text-decoration:none}
.section-clinical-tools .mainrow2 .btnarea {margin-top: 35px}
.section-clinical-tools a {color: #000;}

.section-upcoming-courses .slick-arrow{background: #fff; border-radius: 50%;width: 51px; color: #54749a; height: 51px; display: flex; flex-wrap: wrap; align-content: center; justify-content: center; align-items: center; position: absolute; left:-90px; top: 50%;; z-index: 1; font-size: 15px; border:1px solid rgba(84,116,154,0.11)}
.section-upcoming-courses .slick-arrow.slick-next{left:auto; right:-90px}
.section-upcoming-courses .slick-arrow:hover{background: #54749a; color: #fff;}
.section-upcoming-courses .slick-track{display:flex !important;}
.section-upcoming-courses .slick-slide{height:inherit !important;}
.section-upcoming-courses .slick-slide > div,
.section-upcoming-courses .slick-slide > div > div{height:100%}
.section-upcoming-courses .slick-slide > div > div{padding: 30px 18px}

.section-upcoming-courses {padding-top: 0; padding-bottom: 40px;}
.section-upcoming-courses .boxinner {margin: 15px 0; border-radius: 10px;
	background: #fff;box-shadow: 0px 10px 32px 0px rgba(84, 116, 154, 0.07);
	}
.section-upcoming-courses .imgbox {position: relative; margin-bottom: 20px}
.section-upcoming-courses .imgbox img {border-radius: 10px; max-width: 300px; width: 100%; height: 250px; object-fit: cover}
.section-upcoming-courses .boxinner .price {padding: 0 30px 15px 30px; margin: 0px; color: var(--color-dark-blue); font-weight: 400;}
.section-upcoming-courses .boxinner .price strong {font-weight: 700;}
.section-upcoming-courses .boxinner h3 {
		padding: 0 30px 10px 30px; margin: 0;
		font-size: 22	px; color: var(--color-dark-silver); font-weight: 700;font-family: 'Open Sans', sans-serif;
		line-height: 1.3; text-transform: uppercase;
	}
.section-upcoming-courses .boxinner a h3 {color: var(--color-dark-silver);}
.section-upcoming-courses .boxinner a:hover h3 {color:var(--color-dark-blue)}
.section-upcoming-courses .boxinner a:hover .price {color:#000}
.section-upcoming-courses .boxinner .btn {text-transform: none;}
.section-upcoming-courses .boxinner .btnarea {padding: 5px 30px 35px 30px; position: absolute; left: 0; bottom:0;}
.section-upcoming-courses .boxinner .btnarea .btn {font-size: 19px; font-family: 'Alice', serif; text-transform: uppercase; font-weight: 400; padding-bottom: 18px; padding-top: 18px}

.section-healing-body .lead{  margin:0 auto; max-width: 1070px}
.jb-link-tags{margin: 30px 0 0 0}
.jb-link-tags ul{ display: flex; flex-wrap: wrap; align-content: center; justify-content: center;}
.jb-link-tags ul li{margin: 0 7px}
.jb-link-tags ul li a{border-style: solid;
  border-width: 2px; padding:10px 29px;
  border-color: rgb(84, 116, 154);
  border-radius: 3px;
  background-color: rgba(236, 247, 252, 0); line-height:1 ; text-transform: uppercase; font-weight: 700; font-size: 18px; color: #54749a}
.jb-link-tags ul li a:hover{ color: #fff; background: #54749a}

.section-healing-body .section-title2{ padding: 75px 0 0 0; font-size: 28px; font-weight: 700; font-style: italic; color: #4d4d4f}
.section-healing-body .section-upcoming-courses{ padding:40px 0 0 0; display: flex; flex-wrap: wrap;}
.section-healing-body  .container2{max-width: 1480px}
.section-healing-body .section-upcoming-courses .courses-column{width: 25%; padding: 0 15px; float: left;}
.section-healing-body .section-upcoming-courses .boxinner .price{background: #ffffff; border-radius: 0 4px 4px 0; position: absolute; left: 0; top: 15px; padding: 7px 12px; }
.section-healing-body .section-upcoming-courses .boxinner .price strong{font-size: 20px;}
.section-healing-body .section-upcoming-courses .boxinner h3{min-height: 62px; font-size: 22px;}
.section-healing-body .section-upcoming-courses .boxinner h3 + p{padding: 0 30px 15px 30px; font-size: 17px; line-height: 1.4}
.section-healing-body .section-upcoming-courses .boxinner .btnarea .btn { font-size: 18px; font-family:'Open Sans', sans-serif; font-weight:700;}
.section-healing-body .section-upcoming-courses .boxinner{height: 100%; position: relative; padding-bottom: 90px}

.mobile-ayurvedic-diet-carousel .slick-arrow,
.mobilecourses-carousel .slick-arrow,
.mobile-faculty-carousel .slick-arrow{background: #fff; border-radius: 50%;width:40px; color: #54749a; height:40px; display: flex; flex-wrap: wrap; align-content: center; justify-content: center; align-items: center; position: absolute; left:0; top: 50%;; z-index: 1; font-size: 15px; border:1px solid rgba(84,116,154,0.11)}
.mobile-ayurvedic-diet-carousel .slick-arrow.slick-next,
.mobilecourses-carousel .slick-arrow.slick-next,
.mobile-faculty-carousel .slick-arrow.slick-next{left:auto; right:0}
.mobile-ayurvedic-diet-carousel .slick-arrow:hover,
.mobilecourses-carousel .slick-arrow:hover,
.mobile-faculty-carousel .slick-arrow:hover{background: #54749a; color: #fff;}

.mobile-ayurvedic-diet-carousel .slick-arrow{left: -5px}
.mobile-ayurvedic-diet-carousel .slick-arrow.slick-next{right: -5px}

section.section-browse-recipes{padding-bottom: 20px;}
.section-browse-recipes .section-title{display: flex; flex-wrap: wrap;justify-content: space-between; align-items: center;}
.section-browse-recipes .section-title .btnarea{margin-right: 15px}
.section-browse-recipes .section-title .btn{color: #54749a; background: #fff; border:1px solid #54749a}
.section-browse-recipes .section-title .btn:hover,
.section-browse-recipes .section-title .btn:focus,
.section-browse-recipes .section-title .btn:active{color: #fff; background: #54749a;}
.section-browse-recipes .slick-arrow{box-shadow: 2.046px 2.194px 40px 0px rgba(77, 77, 79, 0.16);background: #fff; border-radius: 50%;width: 51px; color: #54749a; height: 51px; display: flex; flex-wrap: wrap; align-content: center; justify-content: center; align-items: center; position: absolute; left:-90px; top: 50%;; z-index: 1; font-size: 15px}
.section-browse-recipes .slick-arrow.slick-next{left:auto; right:-90px}
.section-browse-recipes .slick-arrow:hover{background: #54749a; color: #fff;box-shadow: 2.046px 2.194px 40px 0px rgba(84, 116, 154, 0.16)}
.section-browse-recipes .boxinner{ padding: 0 15px}
.section-browse-recipes .imgbox{position: relative; margin:0 0 25px 0; overflow: hidden}
.section-browse-recipes .imgbox img{width: 100%; height: 250px; border-radius: 10px; object-fit: cover;-moz-transition: all .2s linear;-webkit-transition: all .2s linear;}
.section-browse-recipes .imgbox a:hover img{transform: scale(1.1)}
.section-browse-recipes .boxinner h3 { margin: 0 0 25px 0;
	font-family: 'Open Sans', sans-serif; font-size: 22px; font-weight: 700; color: #4d4d4f; 
	text-transform: uppercase; line-height: 1.2; height: 2em;}
.section-browse-recipes .boxinner h3 a{color: #4d4d4f;}
.section-browse-recipes .boxinner h3 a:hover{color:#54749a}
.section-browse-recipes .boxinner .btnarea .btn{background: #ecf7fc; color: #4d4d4f; font-size: 17px; padding: 13px 20px}
.section-browse-recipes .boxinner .btnarea .btn-save span{background: url("../../images/icon-wishlist.svg") left center no-repeat;background-size:20px; display: inline-block; padding:2px 0 2px 32px;}
.section-browse-recipes .boxinner .btnarea .btn:hover,
.section-browse-recipes .boxinner .btnarea .btn:active,
.section-browse-recipes .boxinner .btnarea .btn:focus{background: #daecf4}
.section-browse-recipes .boxinner .btnarea .btn.btn-like{background: #f9ebe0; }
.section-browse-recipes .boxinner .btnarea .btn.btn-like span {background: url("../../images/icon-like.svg") left center no-repeat; background-size:20px; display: inline-block; padding:2px 0 2px 32px;}
.section-browse-recipes .boxinner .btnarea .btn.btn-like:hover,
.section-browse-recipes .boxinner .btnarea .btn.btn-like:active,
.section-browse-recipes .boxinner .btnarea .btn.btn-like:focus{background: #f0e0d4}

section.section-what-ayurveda {padding-top: 0;
	background-position: right top !important;
    background-repeat: no-repeat !important;
}
.section-what-ayurveda.bgnone {background: none}
.section-what-ayurveda p {font-weight: 600}
.section-what-ayurveda .iframebox {margin: 35px 0 0 0}
.section-what-ayurveda .container {max-width: 1400px}
.section-what-ayurveda .iframebox iframe {border: 0; height: 770px; border-radius: 10px; width: 100%}

.reviewbar {border-radius: 10px; background-color:#f9ebe0; 
	text-align: center;font-family: 'Alice', serif; font-size: 22px;
	padding: 25px 10px; line-height: 1;
	display: flex; flex-wrap: wrap;
	margin: 17px 0 35px 0;
	align-content: center; justify-content: center; align-items: center;
	position: relative;}
.reviewbar .contrabody {line-height: 36px;}
.reviewbar:hover .contrabody, .reviewbar . .contrabody {left: 50px; top: 90%;}
.reviewbar .reviewstar:not(.contrabody .reviewstar) {color: var(--color-dark-red); margin: 0 25px 0 0}
.reviewbar a:not(.contrabody a) {color: var(--color-dark-red); text-decoration: underline}
.reviewbar a:not(.contrabody a):hover {color: var(--color-dark-silver); text-decoration: none}
.reviewbar .reviewlike {margin: 0 0 0 15px}
.section-reviews {background:var(--color-light-blue); padding: 40px 0;}
.section-reviews .container {max-width: 1250px}
.section-reviews .reviewbox {
	border-radius: 10px; background-color:#fff; 
	box-shadow: 0px 15px 62px 0px rgba(84, 116, 154, 0.07);
	padding: 40px 20px 20px 45px;
	max-height: 800px;
	overflow-y: scroll;
}
.section-reviews .review-comment {margin: 0 0 25px 0;}
.section-reviews .review-comment .comment-topbar {margin: 0 0 20px 0; display: flex; justify-content: space-between;}
.section-reviews .review-comment .comment-topbar .left {float: left; width: 50%}
.section-reviews .review-comment .comment-topbar .avtar {padding-top: 8px; font-weight: 700; font-size: 20px; line-height: 1.3;}
.section-reviews .review-comment .comment-topbar .avtar span {font-weight: 400; font-size: 17px; display: block}
.section-reviews .review-comment .comment-topbar .avtar img {float: left; width: 34px; height: 34px; border-radius: 50%; object-fit: cover;}
.section-reviews .review-comment .comment-topbar .left .reviewstar {font-size: 20px; color:var(--color-dark-red); margin:25px 0 0 0  }
.section-reviews .review-comment .comment-topbar .left .reviewstar i {margin: 0 2px;}
.section-reviews .review-comment .comment-topbar .right {font-weight: 700; color: var(--color-dark-blue); padding: 8px 10px 0 0}
.section-reviews .review-comment .comment-topbar .right i {font-weight: 900; margin-right: 5px}
.section-reviews .review-comment .comment-quote {width:80%; font-size: 18px; font-style: italic; font-weight: 500; line-height: 1.4; margin: 0 0 25px 0}
.section-reviews .review-comment .comment-btnarea .btn {background: var(--color-light-blue); color: var(--color-dark-silver); font-weight: 400; font-size: 16px;font-family: 'Alice', serif; text-transform: none; padding: 13px 18px}
.section-reviews .review-comment .comment-btnarea .btn span {background: url("../../images/icon-like2.svg") left top no-repeat; display: inline-block; padding-left: 30px;}
.section-reviews .review-comment .comment-btnarea .btn.btn-reply span {background-image: url("../../images/icon-reply.svg")}
.section-reviews .review-comment .comment-btnarea .btn:hover,
.section-reviews .review-comment .comment-btnarea .btn:focus,
.section-reviews .review-comment .comment-btnarea .btn:active {background:#daecf4}
.section-reviews .review-comment.reply-review-comment {padding:10px 25px 0 50px;background: url("../../images/reply-arrow-small.png") left top no-repeat}
.section-reviews .review-comment.reply-review-comment .comment-topbar .left {-webkit-order: 2;order: 2; text-align: right}
.section-reviews .review-comment.reply-review-comment .comment-topbar .right {-webkit-order: 1;order:1; padding-left: 0}
.section-reviews .review-comment.reply-review-comment .comment-topbar .avtar {padding-top: 8px;}
.section-reviews .review-comment.reply-review-comment .comment-topbar .avtar img {float: right;}
.section-reviews .review-comment.reply-review-comment .comment-quote {text-align: right; width: 100%;}
.section-reviews .review-comment.reply-review-comment .comment-btnarea {text-align: right}

.section-threecta .mainrow {margin: 0 0 30px 0;display: flex; flex-wrap: wrap; }
.section-threecta .imgblock {float: left; width: 33.3333%; padding: 0 15px; text-align: center}
.section-threecta .imgblock img {width: 100%; height: 310px; object-fit: cover; border-radius: 10px 10px 0 0; float: left}
.section-threecta .imgblock p {font-weight: 700; margin: 0; padding:30px 20px; line-height: 1.2; border-radius:0 0 10px 10px; text-transform: uppercase; clear: both; min-height: 112px;}
.section-threecta .imgblock .boxinner {border-radius: 10px; position: relative; overflow: hidden; height: 100%;background:var(--color-light-green);}
.section-threecta .imgblock .boxinner.box2 {background: #f3e3d6;}
.section-threecta .imgblock .boxinner.box3 {background: var(--color-light-blue);}
.section-threecta .imgblock .btnarea {padding-bottom: 40px; margin: 0 20px; }
.section-threecta .imgblock .btnarea .btn {padding:21px 35px}

.section-newsletter {
	background-position: center bottom !important;
    background-repeat: no-repeat !important;
	}
.section-newsletter .section-title {background: none !important; padding-bottom: 0}
.section-newsletter .formbox {position: relative;
    max-width: 700px; border-radius: 10px;
    padding: 15px; margin:45px auto 0 auto;    
    background-color: rgb(255, 255, 255);
    box-shadow: 0px 15px 62px 0px rgba(84, 116, 154, 0.07);
    }
.section-newsletter .formbox input[type="text"] {width: 100%; height: 60px; border: 0; background: url("../../images/icon-email.svg") 17px center no-repeat;background-size:24px; font-size: 19px; margin: 0; outline: none !important; padding:10px 250px 10px 65px }
.section-newsletter .formbox input[type="text"]::-ms-input-placeholder {/* Edge 12-18 */color: #acacb1; }
.section-newsletter .formbox input[type="text"]::placeholder {color: #acacb1; }
.section-newsletter .formbox .btn {position: absolute; right: 15px; top: 15px;padding:21px 45px}

footer .footer-top {border-top:1px solid #ededed; padding: 70px 0 70px 0;display: flex; flex-wrap: wrap;justify-content: space-between;}
footer .footer-top .footer-column {float: left; width: 25%}
footer .footer-top .footer-column.column4 {width: 15%}
footer ul {padding: 0;}
footer li {list-style: none;}
footer .footer-top ul li {margin: 0 0 25px 0; line-height: 1; 
	font-weight: 700; color: var(--color-dark-silver); font-size: 16px;}
footer .footer-top ul li a {color: var(--color-dark-silver);}
footer .footer-top ul li a:hover {color:var(--color-dark-blue);}
footer .footer-copy {border-top:1px solid #ededed; padding: 45px 0;display: flex; flex-wrap: wrap;justify-content: space-between; align-items: center;}
footer .footer-copy .leftcopy {font-size: 19px;}
footer .footer-copy .mdlsocial {margin: 0 150px 0 auto}
footer .footer-copy .mdlsocial ul {display: flex}
footer .footer-copy .mdlsocial ul li {margin:0 22px 0 0}
footer .footer-copy .mdlsocial ul li:last-child {margin-right:0}
footer .footer-copy .mdlsocial ul li a {color: var(--color-dark-silver); font-size: 22px;}
footer .footer-copy .mdlsocial ul li a:hover {color: var(--color-dark-blue)}
footer .footer-copy .rightlogo {width: 208px;}

@media screen and (min-width: 1200px) {
	.wide-disappear {display: none;}
	
	.jb-section-wrapper .left-image, .jb-section-wrapper .right-image {
		width: 100%; max-width: 400px;
		height: 400px;
		background-size: cover;
	}

	.jb-section-wrapper .left-image {
		float: left; 
		margin: 10px 50px 10px 0; 
	}

	.jb-section-wrapper .right-image {
		float: right; 
		margin: 10px 0 10px 50px; 
	}
}

@media screen and (max-width: 1200px) {
	.jb-section-wrapper .left-image,  .jb-section-wrapper .right-image {
		display: block;
		width: 100%; max-width: 600px;
		height: 300px;
		margin: 10px auto;
		background-size: cover;
	}
}

.jb-section-wrapper .text-container {
	overflow: hidden;  /* To take up remaining space */
}

.jb-section-header {
	position: relative;
	margin-bottom: 30px; 
}

.jb-section-header::after, .jb-section-header::before {
	display: block;
	position: absolute;
}

.jb-section-header::after {
	content: "";
	height: 2px;
	background-color: #c8c8c8;
	width: 100%;
	max-width: 200px;
	left: 30px;
	bottom: -20px;
}

.jb-section-header::before {
	content: url('https://jbsite-11e9c.kxcdn.com/images/promotions/PeachSmall.png');  /* Replace with your logo URL */
	bottom: -30px;
}

.jb-section-header[style*="text-align: center"]::after {
	left: 50%;
	transform: translateX(-50%);
}

@media screen {
	.print_only {display: none;}
	/*body {padding: 175px 0 0 0;} FIXED-HEADER*/
}

.site-searchbox {
	vertical-align: middle;
	height: 1.8em;
	text-indent: 22px;
	border: 1px solid gray;
	background-image:url(https://jbsite-11e9c.kxcdn.com/Ayurveda/images/search.gif); 
	background-repeat: no-repeat; 
	background-position: 0 0;
	background-size: contain;
}

.signup-field {
	display: inline-block;
	text-align: left;
	font-weight: bold;
	max-width: 350px;
	margin-top: 10px;
	vertical-align: middle;
}

.signup-field input, .signup-field .submit, .signup-field.submit, .signup-field select {
	border: 0;
	border-radius: 5px;
	background-color: #D9D9D9;
	font-size: 1.5em;
	height: 50px;
	width: 96%;
	text-indent: 10px;
}

.signup-field .submit, .signup-field.submit {
	display: inline-block;
	background-color: #DCE9AE;
	font-size: 1.1em;
	font-weight: normal;
	text-indent: 0px;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
	margin: 5px;	
}

.help-icon, .help-darkblue {width: 20px; height: 20px; 
	border: 2px solid #fff; color: #fff;
	display: inline-block; 
	border-radius: 50%; font-size: 10px; 
	padding: 2px;
	margin-left: 5px;
	text-align: center;
}

.help-darkblue {
	border-color: var(--color-dark-blue);
	color: var(--color-dark-blue);
}

.guna-label:not(.chart_quality .guna-label) {
	display: inline-block;
	cursor: pointer;
	font-family: Alice; font-size: 22px;
	background-color: white;
	border-radius: 10px;
	padding: 10px;
	margin: 20px 10px 10px 10px;
}

.date-width {width: 75px;}

.green-highlight, .success {color: var(--color-dark-green); font-weight: bold;}
.brown-highlight {color: #999900;font-weight: bold;}

.half_cell {
	min-width: 200px;
	margin-right: 5%;
	margin-top: 10px;
}
.cellspace .half_cell {padding: 5px;}

.section {
	color: var(--color-dark-blue);
	font-weight: bold;
	font-size: 1.1em;
}

.sectitle1 {font-size:50px;text-transform: uppercase; line-height: 1.2}
@media only screen and (max-width: 1600px) {
	.sectitle1 {font-size: 46px;}
}

.symptom_page .section, .pathogenesis_page .section {
	color: var(--color-dark-silver);
	font-weight: 400;
	text-transform: uppercase;
	font-size: 36px;
	padding: 0 0 25px 0;
	margin: 20px 0 10px 0;
}

.pathogenesis_page .section {font-size: 3em;}

.title_text {
	color: var(--color-dark-blue);
	font-weight: bold;
	font-size: 1.5em;
	padding-bottom: 5px;
	margin: 0;
}

.pathogenesis_page .title_text {
	color: #ffffff;
	font-weight: bold;
	font-size: 4em;
	text-align: center;
	margin: 20px 0 10px 0;
	padding: 20px 0 20px 0;
	background-color: var(--color-darker-blue);
}

.title_text2 {font-weight: bold; font-size: 24px; padding-bottom: 5px;}
.small {font-size: .8em;padding-bottom: 5px;}

.section-header {
	background-color: var(--color-darker-blue);
	color: #ffffff;
	text-align: center;
	margin: 20px 0 20px 0;
	padding: 20px;
}
.section-header :is(h1, h2, h3) {margin: 0; padding: 0; color: #ffffff;}
.section-header h1 {font-size: 3em;}
.section-header div {padding: 10px; font-size: 2em; }

header ul {margin:0;padding:0;list-style:none;}
header ul li {margin:0;padding:0;list-style:none}

.body_type_results .section-header {
	background-color: inherit;
	color: inherit;
	margin: 0;
}

.topheader {display: table;width: 100%;}
.topheader-row {display: table-row;}
.topheader-cell {display: table-cell;}

.catheader {
	margin-bottom: 0px;
	color: #ffffff;
	font-size: 1.3em;
	background-size: cover;
	background-position: center;
}
.catimage {
	position: relative;
	background-color: rgba(255,255,255,.3);
	height: 300px;
	border-top: 3px solid #000;
}	
.catimage h1 {
	position: absolute;
	padding: 0;
	margin: 0;
	left: 1%;
	bottom: 4%;
}
.catimage h1 span {display: block;font-size: .5em;}
.catheader-description {background: #fff;}
.catheader-description h2 {
	padding: 0;
	margin: 0;
	padding-bottom: 5px;
	font-size: 1.2em;
}	

.subnav {
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 10px;
	font-weight: bold;
}

.subnav h3 {
	font-size: 1.1em;
	margin: 0;
	flex-grow: 1;
	position: relative;
}
.subnav a {text-decoration: none;}
.subnav_on, .subnav_off {text-align: center;color: #fff;padding: 0 40px;}
.subnav_on {color: #DCE9AE;}
.subnav_many {padding: 0 20px;font-size: .9em;}

.contentheader-top {margin: 20px 0 20px 20px;}
.contentheader-top h2 {font-size: 1.5em; padding: 0; margin: 0;}
.contentheader h1 {
	padding: 0;
	margin: 0;
	font-size: 2em;
	filter: brightness(75%);
}

.content-descr {margin-bottom: 20px;}
.left_popup {font-weight: bold; font-size: .8em; cursor: pointer;}
.breadcrumbs {color: var(--color-dark-silver); font-weight: bold; background: #fff; padding: 10px; border-radius: 10px;}
.breadcrumbs a {color: var(--color-dark-silver);}

.catheader-description .breadcrumbs {
	display: inline-block;
	margin: 5px 0;
	padding-left: 10px;
}

.related_block_parent {
	display: flex; flex-wrap: wrap;
	justify-content: space-between;
	gap: 20px; margin: 0; padding: 0;
	list-style: none;
  }

.related_block_parent .related_block {
	flex: 1 1 49%;
	border-radius: 15px;
}

.subsection .related_block {
	border: 1px solid gray;
	border-radius: 15px;
	padding: 15px;
}

.subsection .related_block h4 {
	margin: 0 0 10px 0;
}

.related_border {
	width: 100%;
	padding: 15px;
	border: 1px solid var(--color-light-silver);
}

.related_border h4 {text-align: center; font-weight: bold; padding: 0; margin: 10px 0 15px 0;}

.colored_text {
	display: inline-block;
	border-radius: 15px;
	margin: 5px 5px 5px 0; padding: 5px 10px;
	background: #fff;
}

.ad_font {font-size: 1.5em;}

.quarter_page {
	display: inline-block;
	width: 23%;
	min-width: 200px;
	margin: 0 5px;
	margin-top: 10px;
	border: 1px solid #aaa;
}

.article-panel .panel-content, .article-panel .panel-content-3 {
	padding: 5px 10px;
	font-size: 20px;
	line-height: 1.5em;
	height: 3em;
	background-color: var(--color-dark-green);
	color: #ffffff;
	text-align: center;
}
.article-panel .panel-content-3 {height: 4.5em;}

.article-panel .panel-img {
	height: 200px;
	width: 100%;
	background-position: center center;
	background-size: cover;
}

.promo_link, .white_link, .staggered_image {
	color: var(--color-dark-blue);
	font-weight: bold;
	text-decoration: underline;
}
.symptom_page .promo_link {color: #000000;}
.white_link {color: #ffffff;}
.promo_link:hover {text-decoration: underline; color: var(--color-dark-green);}

.symptom_page h4, .pathogenesis_page h4, .organ_label {
	font-weight: 800;
	color: var(--color-dark-silver);
	font-size: 1.4em;
	margin: 20px 0 10px 0;
}

.survey h2 {color: var(--color-dark-red);}
.survey h3 {color: var(--color-dark-blue);font-size: 1.1em;}

.img-container {position: relative;}
.img-container .img-overlay {
	position: absolute;
	color: #fff;
	display: flex;
	width: 100%;
	height: 100%;
	top: 0;
	background: rgba(255, 255, 255, .5)
}

.img-container .img-overlay span {
	margin: auto;
	color: #082242;
	font-size: 16px
}

.subsection {margin: 10px 0;}
.input_box {padding-right: 5px; vertical-align: middle;}
.breadbox {max-width: 100%;}
.cell_to_block, .tiny_to_block {vertical-align: top;}

.qualities_chart {margin: 20px 0 0 0;}
.qualities_table {
	color: #000;
	width: 100%;
	margin-top: 20px;
}

.chart_quality {
	font-size: 2em;
	font-weight: 900;
	line-height: normal;
}

.yellow_header, .green_header {
	color: #ffffff;
	font-weight: bold; 
	text-align: center;
}

.yellow_header th, .green_header th {padding: 5px;}
.qualities_table .yellow_header, .qualities_table .green_header {color: #000000;}

.green_header {background-color: var(--color-dark-green); }
.yellow_header {background-color: var(--color-dark-red); }

.packing_slip {color: var(--color-dark-blue); }
.packing_slip tr td {color: var(--color-dark-blue);}
.prodnav_sel {background-color: #DCE9AE;}
.price {font-weight: bold; color: #b7783e;}

.cart-section {display: flex; flex-wrap: wrap; gap: 16px;}
.cart-left {flex: 1;}
.cart-right {flex: 0 0 211px; line-height: 1.5em; border: 1px solid gray;}
.cart-right .price {color: #fff;}

.comment-box {
	display: flex; flex-wrap: wrap; gap: 16px;
	align-items: center; justify-content: center;
	background: white;
	}
.comment-image {flex: 1; width: 200px; height: auto;}
.comment-image:empty {height: 0;}
.comment-image img {width: 100%;}
.comment-image:empty::before {
	content: "No Image";
	display: block;
	text-align: center;
	font-size: 12px;
	color: #999;
  }

.comment-text {flex: 1; width: 500px; max-width: 100%;}
.comment-text textarea {height: 100px; width: 100%;}

.strike {font-size: .9em; color: var(--color-dark-silver);}

.shipping {font-weight: bold; color: var(--color-dark-green);}

.comment {display: inline; text-decoration: underline; font-style: italic;}
.icon {vertical-align: middle; margin-left: 3px; height: 20px;}

.deal_table {
	background-color: var(--color-dark-green);
	color: #858a46;
	border-radius: 10px;
	padding: 5px;
}
.deal_title {font-size: 2em; text-align: center; font-weight: bold;}

.deal_cell {background-color: #fff;padding: 5px;}
.deal_cell img {height: 25px;}
.deal_total {
	background-color: #fff;
	padding: 5px;
	font-size: 1.2em;
	font-weight: bold; 
}

.degree-select {
	-webkit-appearance: none;
	-moz-appearance: none;
	margin-left: 2px;
}
.action-degree1 {font-size: 1em; color: #777; font-weight: lighter;}
.action-degree2 {font-size: 1em; }
.action-degree3 {font-size: 1.1em; font-weight: bold; }

.simple_button, .small_button, .rednav_button, .yellow_button, .blue_button, .vata_button, .vata_inversion, .pitta_button, .pitta_inversion, .kapha_button, .kapha_inversion, .green_button {
	background-color: var(--color-dark-red);
	color: #ffffff;
	text-decoration: none;
	display: inline-block;
	padding: 15px 25px;
	margin: 10px;
	text-align: center;
	font-weight: bold;
	border-radius: 8px;
	cursor: pointer;
}

.simple_button:focus,
.simple_button:active,
.simple_button:hover,

.small_button:focus,
.small_button:active,
.small_button:hover,

.rednav_button:focus,
.rednav_button:active,
.rednav_button:hover,

.yellow_button:focus,
.yellow_button:active,
.yellow_button:hover,

.green_button:focus,
.green_button:active,
.green_button:hover,

.blue_button:focus,
.blue_button:active,
.blue_button:hover
 {background-color: var(--color-dark-red); color: #fff;}

.small_button {
	padding: 5px 8px;
	margin: 5px;
	border-radius: 3px;
	font-size: .9em;
}

.rednav_button {background-color: var(--color-dark-red);}

.symptom_page .rednav_button {
	width: 70%;
	margin:0;
	font-weight: 900;
}

.horizontal_buttons, .vertical_buttons {margin: 20px; text-align: center;}
.horizontal_buttons a, .vertical_buttons a {
	border-radius: 5px;
	padding: 15px; margin: 10px;
	font-size: 1.5em; font-weight: bold;
	text-align: center; text-decoration: none;
	display: inline-block;
}
.horizontal_buttons a {width: 200px;}
.vertical_buttons a {width: 85%;}

.clear_section, .silver_section, .green_section, .blue_section, .orange_section {
	padding: 10px 10px 20px 10px;
	margin: 20px auto 0 auto;
	max-width: 1230px;
	margin: 0 auto;
}
.silver_section {background-color: #D9D9D9; color: #000;}
.green_section {background-color: var(--color-dark-green); color: #fff;}
.blue_section {background-color: var(--color-dark-blue); color: #fff;}
.orange_section {background-color: var(--color-dark-red); color: #fff;}

.clear_section {padding-top: 0; margin: 0 auto;}
:is(.clear_section, .silver_section, .green_section, .blue_section, .orange_section) 
	h2:not(.section-title h2, .accordion_toggle) {
	font-size: 50px; font-weight: normal; margin: 0; padding: 50px 25px;
}
:is(.green_section, .blue_section, .orange_section) :is(h1, h2, h3, h4, h5, h6) {color: #fff;}

.transparent-green-bg, .transparent-blue-bg, .transparent-red-bg {
	position: relative;	z-index: 0;	padding: 10px;
}

:is(.transparent-green-bg, .transparent-blue-bg, .transparent-red-bg)::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 1;
	z-index: -2;
	border-radius: 10px; 
}

:is(.transparent-green-bg, .transparent-blue-bg, .transparent-red-bg)::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
	border-radius: 10px; 
}

.transparent-blue-bg :is(h1, h2) {color: var(--color-dark-green);}
.transparent-blue-bg h3 {color: var(--color-dark-blue);}
.transparent-blue-bg::before {
	background-image: url('https://jbsite-11e9c.kxcdn.com/images/Background-Lemon-Tea-SMALL.jpg');
	background-position: top;
}
.transparent-blue-bg::after {background-color: var(--color-light-blue-translucent);}

.transparent-green-bg, .transparent-green-bg h2, .transparent-green-bg .promo_link {color: white; }
.transparent-green-bg .promo_link {text-decoration: underline;}
.transparent-green-bg::before {
	background-image: url('https://jbsite-11e9c.kxcdn.com/images/Background-Wooden-Spoons-Spices-SMALL.jpg');
	background-position: right top;
}
.transparent-green-bg::after {background-color: var(--color-dark-green-translucent);}

.transparent-red-bg, .transparent-red-bg h2, .transparent-red-bg .promo_link {color: var(--color-dark-silver); }
.transparent-red-bg .promo_link {text-decoration: underline;}
.transparent-red-bg::before {
	background-image: url('https://jbsite-11e9c.kxcdn.com/images/Background-Wooden-Spoons-Spices-SMALL.jpg');
	background-position: right top;
}
.transparent-red-bg::after {background-color: var(--color-light-red);}


.link-copy {cursor: pointer; text-decoration: underline;  position: relative; display: inline-block;}
.link-copy::after {
	content: "";
	background: url('https://jbsite-11e9c.kxcdn.com/Ayurveda/images/copy-link.svg') no-repeat;
	background-size: contain;
	width: 15px;
	height: 25px;
	display: inline-block;
	vertical-align: middle;
	margin-left: 5px;
}

.link-container {margin-right: 20px;}
.link-container:hover {margin-right: 0px;}
.link-container .link-copy {display: none;}
.link-container:hover .link-copy {display: inline-block; transition-delay: 3s;}

.qualities_table2 {
	display: flex;
	flex-direction: column;
	margin-top: 20px;
}
.qualities_table2 .row {
	display: flex;
	align-items: stretch;
	justify-content: space-between;
}
.qualities_table2 .row:not(:first-child) {	margin-bottom: 15px; background-color: white;}
.qualities_table2 .cell {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-grow: 1;
	flex-basis: 30%;
	text-align: center;
	border-right: 1px solid gray;
	padding: 5px;
}
.qualities_table2 .cell:last-child {border-right: none;}

.vata_button {color: #572E07; background-color:#FFE89A; }
.vata_inversion {background-color: #572E07; color:#FFE89A; }
.pitta_button {color: #e61b00; background-color:#ff8441; }
.pitta_inversion {background-color: #e61b00; color:#ff8441; }
.kapha_button {color: #6da906; background-color:#a1e646; }
.kapha_inversion {background-color: #6da906; color:#a1e646; }

.orange_button {color: #fff;background-color: var(--color-dark-red);}
.yellow_button {color: #fff;background-color: var(--color-dark-green);}
.blue_button {color: #fff; background-color: var(--color-darker-blue);}

.review_star {background-image: url();}
.review_star:hover {background-image: url();}

.large_list_table td {padding-top: 15px;}
.large_list_element {
	vertical-align: top;
	font-size: 2em;
	padding: 5px 20px 0 20px;
}

.visible {display: visible;}
.hidden {display: none;}

.graybox {
	border-radius: 7px;
	padding: 5px;
	border: 1px solid #aaa;
}

.infobox {
	margin-top: 5px;
	padding: 10px;
	border: 1px solid #D0D0D0;
	background-color: #ffffff;
	page-break-inside: avoid;
}

.backdrop {
	padding: 5px 15px;
	margin: 0 auto;
	max-width: 1230px;
	text-align: left;
}
	
.nav_middle {display: table-cell;}
.nav_left {margin: 16px 16px 0 0; width: 195px;}

.biz_box {
	float: left;
	width: 32%;
	margin-right: 1%;
	margin-top: 10px;
}

.title_image {
	width: 100%;
	height: 415px;      
	padding: 0 10%;
	background-size: cover;
	background-position: center center;
	border-radius: 10px;
	margin-bottom: 0px;
	text-align: center;
	line-height: normal;
}

.title_image div:not(.microedit) {
	padding: 10px;
	margin: 0;
	background-color: rgba(255, 253, 253, .55);
	font-size: 1.5em;
}

.title_image h1 {
	margin: 0;
	padding: 0;
	font-size: 1.5em;
}

.title_EVENT, .title_PRACTITIONER {color: #404107; }
.title_RECIPE, .title_HERBAL {color: #381c05; }
.title_INGREDIENT {color: #381c05; }
.title_ARTICLE, .title_USER, .title_PRODUCT, .title_SYMPTOM {color: #082242; }


.shaded-title-img {
	display: table;
	width: 100%;
	background-size: cover;
	background-position: bottom center;
	background-color: black;
}

.shaded-title-img .title-row {
	display: table-row;
	height: 550px;      
	background-color: rgba(0,0,0,.3);
	color: white;
	padding: 0 10%;
}

.shaded-title-img .title-cell {
	display: table-cell;
	vertical-align: middle;
	padding: 0 10%;
}

.shaded-title-img h1 {
	font-weight: normal;
	font-size: 4em;
	line-height: .95em;
}

.word-first {font-weight: bold; font-size: 3em; font-family: Alice;}
.word-intro {font-family: Alice; font-size: 3em; margin-left: 10px;}
.word-subnav {font-size: 1.8em; padding: 30px 0;}
.word-subnav td {padding: 0 20px;}
.word-normal {font-size: 1.5em;}

.large_photo {min-height: 623px;}
.large_photo h1 {font-size: 2em;}
	
.product_menu_item {
	display: inline-block;
	width: 30%; min-width: 230px;
	margin-bottom: 10px;
	margin-right: 2%;
	vertical-align: top;
}

.image_cell {
	text-align: center;
	background-color: #fff;
	background-position: center center;
	background-repeat: no-repeat;
	cursor: pointer; 
	height: 100px;
	vertical-align: top;
}
.image_cell, .image_disappear {display: table-cell;width: 200px;}
.product_image_cell {width: 100px;}

header {padding:0 0 25px 0; /*position: fixed; FIXED-HEADER*/ z-index:99;
	left: 0; top: 0; width: 100%;
	-moz-transition:all .2s linear;-webkit-transition:all .2s linear; 
	box-shadow: none; background: #fff;
	}
header a {color:var(--color-dark-blue);-moz-transition:all .2s linear;-webkit-transition:all .2s linear;text-decoration:none}
header .container {max-width: 1750px}
header .header-main {padding:20px 0; moz-transition:all .2s linear;-webkit-transition:all .2s linear; position: relative}
header.bar-short .header-main {padding:10px 0;}
header.bar-short {background: #fff; box-shadow: rgba(0,0,0,0.08) 0 0 25px;}
header .topbar {text-align: center;background: #fbf3ed; line-height: 1; font-size: 18px; font-family: 'Alice', serif; color: var(--color-dark-blue); padding: 10px 0; position: relative}
header .topbar a {color: var(--color-dark-red); text-decoration: underline}
header .topbar a:hover {color: var(--color-dark-silver); text-decoration: none}
header .topbar .topbar-close {position: absolute; right: 10px; top: 0; bottom: 0; margin: auto;border-radius: 50%;width: 19px; height: 19px;background: #fff; cursor:pointer; color: var(--color-dark-silver);font-size: 15px; display: flex; flex-wrap: wrap; align-content: center; justify-content: center; align-items: center;-moz-transition:all .2s linear;-webkit-transition:all .2s linear;}
header .topbar .topbar-close:hover {color: #fff; background: var(--color-dark-red);}
header .header-midd {display: flex; flex: 1; flex-wrap: wrap;justify-content: space-between;align-items: center; min-height: 70px}
header .logowrap {margin:0;}
header .logowrap img {width:265px; max-width: 100%; -moz-transition:all .2s linear;-webkit-transition:all .2s linear;}
header .nav-main {float: left; }
header .menu-main {margin-left: 80px;}
header .menu {display: -webkit-box;display: flex;}
header .menu li {margin-right: 40px;padding-bottom: 0px;position: relative; text-transform: uppercase;font-weight: 700; font-family: 'Open Sans', sans-serif; font-size: 16px; color: var(--color-dark-silver); line-height: 70px}
header .menu li.megamenuout {position: static}
header .menu li a {color: var(--color-dark-silver);}
header .menu li .dmenu-caret {display: none}
header .menu li a:hover,
header .menu li:hover a {color: var(--color-dark-red)}
header .mobile-toggle {display: none}
header .menu li .child {position: absolute;left: 0px; width: 290px;background: #fff;margin: 0;-moz-transition: all .2s linear;-webkit-transition: all .2s linear;transition: all .2s linear;border-radius: 5px;box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);padding: 5px;top: 150%;opacity: 0;visibility: hidden;}
header .menu li .child li {line-height: 1; margin: 0; padding: 0}
header .menu li.openparent .child {top: 100%;opacity: 1;visibility: visible;}
header .menu li .child li div, header .menu li .child li a:not(.datemenu a) {
	display: block; 
	text-transform: none; line-height: 1; 
	font-size: 14px; font-weight: 500; border-radius: 0; padding: 10px;}
header .menu li .child li a:not(.error) {color: var(--color-dark-silver);}
header .menu li .child li a:hover {background: var(--color-light-blue); color: var(--color-dark-blue); border-radius: 4px}
header .menu li .child.megamenu {width: 100%; top: 80%; padding: 30px 15px  10px 15px; z-index: 99;}
header .menu li .child.megamenu .closemenu {
	position: absolute;
	right: 10px;
	top: 10px;
	line-height: 1;
}
header .menu li .child.megamenu .closemenu a {width: 28px;
	height: 28px;
	display: flex;
	background: var(--color-dark-red);
	flex-wrap: wrap;
	align-content: center;
	justify-content: center;
	align-items: center;    
	color: #fff;
	border-radius: 50%;}
header .menu li .child.megamenu .closemenu a:hover {background: var(--color-dark-blue)}
header .menu li .megamenu .column {width: 33.3333%;float: left; padding: 0 15px}
header .menu li .subtitle {text-transform: none;font-size: 24px; color: var(--color-dark-silver);line-height: 1.2;font-weight: 400;border-bottom: 1px solid rgb(204 204 204 / 51%);padding: 0 0 15px 0;margin: 0 0 15px 0;}
header .menu li .subtitle img {width: 30px; height: 30px; vertical-align: middle; margin: 0 10px 0 0; object-fit: contain;}
header .menu li .subtitle a {color: var(--color-dark-silver);}
header .menu li .subtitle a:hover {color:var(--color-dark-red);}
header .menu li .megamenu .column.datemenu a {font-weight: 600}
header .menu li .megamenu .btn {color: #fff;}
header .menu li .megamenu .column-singlemenu ul {display: inline-block}
header .menu li .child.megamenu li span {
	display: block; text-transform: none; padding: 5px 0 0 0;
	line-height: 1;
	font-size: 14px;
}
header .menu li .child.megamenu li span:not(.error) {
	color: var(--color-dark-silver);
	font-weight: 400;
}
header .menu li .menu-social {border-top: 1px solid rgb(204 204 204 / 51%); margin: 10px 0 0 0; padding: 10px 0 0 0;display: flex;flex-wrap: wrap}
header .menu li .child .menu-social li a {width:34px; height: 34px;padding: 0;
	display: flex; font-size: 16px;
	flex-wrap: wrap;
	align-content: center;
	justify-content: center;
	align-items: center;}
	
.top-search {position:relative;margin-left: 25px}
.top-search .search-icon {width:49px;height:49px;text-align:center;background:#fff;color:var(--color-dark-blue);border-radius:50%;display: flex; flex-wrap: wrap; align-content: center; justify-content: center; align-items: center;cursor:pointer;box-shadow: 3.078px 8.457px 27px 0px rgba(26, 30, 41, 0.09); font-size: 18px}
.top-search .search-icon:hover {background:var(--color-dark-blue);color:#fff;box-shadow: 3.078px 8.457px 27px 0px rgba(84, 116, 154,0.09); }
.top-search .spicewpsearchform {
	position:absolute;right:0px;top:108%;width:320px; z-index: 99;
	opacity:1;visibility:visible;padding:15px;
	background:#fff;margin:0;
	-moz-transition:all .2s linear;-webkit-transition:all .2s linear;transition:all .2s linear;border-radius:5px;
	box-shadow:0 0.5rem 1rem rgba(0, 0, 0, 0.15);
	}
.top-search .spicewpsearchform.hideSearch {top:150%;opacity:0;visibility:hidden;}
.top-search .form-search {width:100%;}
.top-search .form-search .form-input {width:100%;position:relative;}
.top-search .form-search input[type=submit] {position:absolute;right:-2px;top:1px;cursor:pointer;font-weight:700;border-radius:0 3px 3px 0!important;background:var(--color-dark-red);border:0; height:40px; padding:12px 15px!important; font-size:15px; text-transform:uppercase; color:#fff; line-height:1}
.top-search .form-search input[type=submit]:hover,
.top-search .form-search input[type=submit]:focus {background:var(--color-dark-blue);color:#fff;}
.top-search .form-search .form-control {height:40px;line-height:40px;box-shadow:none;font-weight:400;border-radius:4px;padding-right:102px; border:1px solid #d9d9d9; font-size: 15px;}
.topbar-social {margin-right: 30px;}
.topbar-social ul {display: flex}
.topbar-social ul li {margin:0 22px 0 0}
.topbar-social ul li:last-child {margin-right:0}
.topbar-social ul li a {color: #c9c9ca; font-size: 22px;}
.topbar-social ul li a:hover {color: var(--color-dark-blue)}
.topbar-login {position: relative}
.topbar-login a.userbtn {background: var(--color-light-blue);border-radius: 4px; width: 84px; height: 48px;display: block; padding: 12px 18px; line-height: 1; position: relative;}
.topbar-login a.userbtn i {font-size: 18px; color: var(--color-dark-blue)}
.topbar-login a.userbtn:after {position: absolute; right:15px; top:16px; content:"\f078"; color: var(--color-dark-blue); font-family:"Font Awesome 6 Free"; font-weight: 900; font-size: 15px}
.topbar-login a.userbtn:hover {background: #daecf4}
.topbar-login ul {position:absolute;right:0px;top:108%;width:130px;background:#fff;margin:0;-moz-transition:all .2s linear;-webkit-transition:all .2s linear;transition:all .2s linear;border-radius:5px;box-shadow:0 0.5rem 1rem rgba(0, 0, 0, 0.15);opacity:1;visibility:visible;padding:5px; z-index: 99;}
.topbar-login ul.hideLogin {top:150%;opacity:0;visibility:hidden;}
.topbar-login ul li {line-height: 1;font-size: 14px; font-weight: 500 }
.topbar-login ul li a {color: var(--color-dark-silver); display: block; border-radius: 0; padding: 7px}
.topbar-login ul li a:hover {background: var(--color-light-blue); color: var(--color-dark-blue);border-radius: 4px}
.topbar-cart {position: relative}
.topbar-cart i {color: var(--color-dark-silver); font-size: 16px}
.topbar-cart span {font-size: 13px; color: #fff; font-weight: 800;display: flex; flex-wrap: wrap; align-content: center; justify-content: center; align-items: center; line-height: 1;border-radius: 50%;background-color: rgb(215, 137, 75);box-shadow: 4.015px 4.459px 8px 0px rgba(215, 137, 75, 0.28);position: absolute;left: 15px;top: 0;width: 18px;height: 18px;}
.topright {margin: 0 0 0 auto;display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap:40px}
.bodymenuovrlay {display: none; position: fixed; left: 0; top: 0; right: 0; bottom: 0;}
.bodymenuovrlay.open {display: block;}

.scrollzip-title {text-align: center;margin: -45px 0 0 0; position: relative; overflow-x: hidden}
.scrollzip-title-inner {padding: 10px; background: #fff;border-radius: 4px;display: inline-block}
.scrollzip-title span {font-weight: 700;font-size:26px;text-transform: uppercase;border-radius: 4px;line-height: 1;background: var(--color-dark-red);display: inline-block;color: #fff;padding:25px 46px; -moz-transition: all .2s linear;-webkit-transition: all .2s linear;}
.scrollzip-title a:hover span {background:var(--color-dark-blue)}

.background-cover {background: white; padding: 10px; border-radius: 10px;}
section.section-enrollclass {padding-top: 0; padding-bottom: 0;
	background-position: left top !important;
    background-repeat: no-repeat !important;
	}
section.section-bayleaves {padding: 0; 
	background-position: right center !important;
    background-repeat: no-repeat !important;
	background-size:500px; }
	
.top-section-search {display: flex; flex-wrap: wrap; margin: 50px 0 0 0;align-content: center; align-items: center; position: relative; z-index: 9; /*overflow: hidden*/}
.top-section-search .dropdown-container {
		float: left;width:75%; text-align: right; margin-right: 15px}
.top-section-search .dropdown-container input[type="text"] {
		width: 100%; height: 60px; 
		padding: 18px 55px 18px 56px;
		background:#c8e0eb url("../../images/icon-magnifying2.svg") 23px center no-repeat;
		background-size:18px ; 
		border: 0; color: var(--color-dark-blue); border-radius: 10px;
		font-size: 18px; font-weight: 500; 
		}
.top-section-search .dropdown-container ::-ms-input-placeholder {/* Edge 12-18 */color: var(--color-dark-blue);}
.top-section-search .dropdown-container ::placeholder {color: var(--color-dark-blue);}
.top-section-search .dropdown-container {
		display: inline-block; position: relative;
		width: 100%}
.top-section-search .dropdown-container .dropdown-show {
		position: absolute; right: 0; top: 0;
		width: 50px;height: 60px;
		display: flex;flex-wrap: wrap;
		align-content: center;justify-content:center;align-items: center;
		font-size: 17px;color: var(--color-dark-blue);
		cursor: pointer;}
.top-section-search .dropdown-container .dropdown-show i {font-weight: 900}
.top-section-search .dropdown-container .dropdown-expandable {
		width:100%;
		margin:0; padding:0 20px 15px 20px;
		opacity:1; visibility:visible;
		background:#c8e0eb;
		-moz-transition:all .2s linear;
		-webkit-transition:all .2s linear;
		transition:all .2s linear;
		border-radius:0 0 5px 5px;
	}
.top-section-search .dropdown-container .dropdown-expandable:not(.expanded-block) {
		position:absolute; right:0px;top:85%;
	}
.top-section-search .dropdown-container .dropdown-expandable.expanded-block {
		margin-top: -10px;
	}
.top-section-search .dropdown-container .dropdown-expandable.expandable-hide {
		top:150%;display: none
	}
.top-section-search .dropdown-container li {
		line-height: 1; text-align: left;
		font-size: 16px; font-weight: 500;
		padding: 7px 0; margin:0;
		list-style: none;
	}
.top-section-search .dropdown-container li a {color: var(--color-dark-blue); display: block; border-radius: 0; padding: 0px 14px; font-size: 16px; font-weight: 500}
.top-section-search .dropdown-container .dropdown-expandable .imgdmenu li {position: relative; min-height: 38px}
.top-section-search .dropdown-container .dropdown-expandable .imgdmenu li a img {position: absolute; left:15px; top: 0;}
.top-section-search .dropdown-container .dropdown-expandable .imgdmenu.imgdmenu2 li a img {top: 10px}
.top-section-search .dropdown-container .dropdown-expandable .imgdmenu li a {padding-left:55px; display: block !important}
.top-section-search .dropdown-container .dropdown-expandable .imgdmenu.imgdmenu2 .submenu-title {padding-bottom: 0!important}
.top-section-search .dropdown-container .dropdown-expandable li a:hover {color: var(--color-dark-red); text-decoration: underline}
.boxspacing1 {padding-right: 100px}
.guna_nav {
		display: flex; flex-wrap: wrap; margin: 0 -10px;
		margin:0;padding:0;list-style:none;
	}
.top-section-search .dropdown-container .guna_nav > li {width: 30%; float: left; margin: 0 10px; position: relative}
.dropdown-title {border-radius: 4px; position: relative;
	background: var(--color-light-blue);
	width: 100%;
	display: block;
	font-size: 16px;
	font-weight: 500;
	color: var(--color-dark-blue);
	padding: 16px 20px; cursor: pointer}
.dropdown-title.open {background: #fff; font-weight: 700; border-radius: 4px 4px 0 0}
.dropdown-title:after {position: absolute;
	right: 14px;
	top: 16px;
	content: "\f078";
	font-family: "Font Awesome 6 Free";
	font-weight: 900;
	font-size: 14px; -moz-transition:all .2s linear;-webkit-transition:all .2s linear;}
.dropdown-title.open:after {transform:rotate(180deg)}

.dropdown-child {
		position:absolute; top:85%; 
		padding: 5px 5px 10px 5px; 
		width: 100%; max-height: 300px;
		background:#ffffff;
		-moz-transition:all .2s linear;	-webkit-transition:all .2s linear; transition:all .2s linear;
		border-radius:0 0 5px 5px;
		opacity:1;visibility:visible; 
		overflow: auto; z-index: 9;
	}
.dropdown-container .dropdown-hide {top: 150%; opacity: 0; visibility: hidden;}
.top-section-search .dropdown-container .dropdown-expandable .guna_nav .dropdown-child li.submenu-title {padding: 0 13px 10px 13px; line-height: 1.2}

.table-of-contents {
	padding: 35px 25px; margin: 0 0 45px 0;
	border-radius: 10px; background:var(--color-light-blue); }
.table-of-contents h3 {text-transform: uppercase; text-align: center; font-size: 28px;
	color: var(--color-dark-silver);
	padding-bottom: 25px; margin: 0;
}
.table-of-contents ul {
	display: flex; flex-wrap: wrap;
	margin:0; padding:0;
	list-style:none;
	}
.table-of-contents ul li {
	width:calc(50% - 20px); 
	list-style-type: none;
	border-bottom: 1px solid #dae8ef; 
	margin: 0 10px;
	padding: 13px 0
	}
.table-of-contents ul li a {
	display: flex;
	align-items: center;
	gap: 10px;
	line-height: 1; font-size: 19px;
	font-weight: 700; color: var(--color-dark-silver); }
.table-of-contents ul li a:hover {color: var(--color-dark-blue)}
.table-of-contents ul li img {flex-shrink: 0; width: 25px; object-fit: contain; margin-right: 15px;}
.table-of-contents ul li:last-child {border-bottom: 0; padding-bottom: 0}

.navbar_1 {
	display: inline-block;
	vertical-align: middle;
	margin: 0 1% 5px 0;
	text-align: center;
}

.navbar_1 img, .navbar_img {
	vertical-align: middle;
	margin: 0 3px;
	height: 20px;
	width: 20px;   
}
.navbar_1 table {height: 2.25em;}

.nav_height {margin-top: 0px;}
.nav_height .nav_img {height: 100px; margin: 20px;}

.footer, .footer2, .footer_fourths {
	display: flex;
	flex-wrap: wrap; /* Allows items to wrap to the next line */
	justify-content: center; /* Centers rows horizontally */
	gap: 20px; /* Adds spacing between items */
	text-align: center;
}

.assessment-table {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
	width: 100%;
}
.assessment-table.hidden {display: none;}
.assessment-table h3 {padding: 0; margin: 10px 0 12px 0;}
.assessment-table-cell {
	display: flex;
	align-items: flex-start;
	gap: 5px;
	width: calc(33.33% - 4px);
}
.assessment-table-cell input[type='checkbox'] {margin-top: 12px;}
.assessment-table > *:not(.assessment-table-cell) {width: 100%;}

.jb_logo {width: 30%;}

.page_banner {height: 330px;padding-top: 120px;}

.half_margin {margin: 50px 0 50px 0;}
.half_pad {padding: 50px;}
.big_half_pad {padding: 150px 0 150px 0;}

.half_font {font-size: 1em;}
.eighty_font {font-size: 1em;}

.half_page {margin: 30px 0;}
.half_table, .tiny_table {display: table;}
.half_row, .tiny_row {display: table-row;}

.product_image {float: left;margin-right: 5px;width: 35%;}
.mini_center {text-align: left;}
.credit_card {padding: 25px 40% 25px 0;}
.short_qualities {width: 75px;}

@media (min-width: 1200px) {
	header .logowrap {float: left;}
	.top-title {text-align: center;}

	.nav_1200_appear {display: none;}
	.subnav_on, .subnav_off {min-height: 26px;line-height: 26px;} 

	.subnav h3:not(:last-child) {border-right: 1px solid #fff;}

	.main-nav {
		display: table;
		padding: 0;
		margin: 0;
		width: 100%;
	}
	.main-nav .no-submenu {display: table-cell;}
	.main-nav .top-level {
		display: table-cell;
		border-top-left-radius: 10px;
		border-top-right-radius:10px;
	}
	.main-nav .top-level:hover, .main-nav .top-level:focus {
		background-color: #C9DEE8;
		outline: none;
		border: 0;
	}
	.main-nav li:focus .child {
		visibility: visible;
		opacity: 1;
	}
	.main-nav .child {
		position: absolute;
		margin-left: auto;
		margin-right: auto;
		left: 0;
		right: 0;
		margin-top: 10px;
		border: solid 5px #C9DEE8;
		width: 90%;
		padding: 5px;
		background-color: #fff;
		font-size: 1.1em;
		z-index: 275;
		text-align: left;

		visibility: hidden;
		transition: visibility 0.5s;
		opacity: 0;
	}
	.main-nav .subtitle {font-weight: bold;}
	.main-nav .column {
		display: inline-block;
		vertical-align: top;
		width: 23%;
	}
	.main-nav .vertical {
		display: inline-block;
		background-color: var(--color-dark-blue);
		height: 330px;
		width: 1px;
		padding: 0;
		margin-top: 20px;
		margin-right: 5px;
		margin-bottom: 20px;
	}
	.main-nav .top-body {width: 150px;}
	.main-nav .top-shop {width: 100px;}
	.main-nav .top-courses {width: 230px;}
	.main-nav .top-blog {width: 100px;}

	.mini-nav {width: auto;max-width: 370px;}
	.mini-nav .top-level, .mini-nav .no-submenu {vertical-align: middle;}

	.mini-nav .child {left: auto;right: auto;width: auto;}
}

@media (min-width: 820px) {
	.backdrop .nav_height {margin-bottom: 10px;}
}

@media (min-width: 710px) {
	.recipe_descr {display: table-cell;padding-left: 8px;}
	.mini_popup {display: none;}
	.nav_appear, .nav_mini_appear, .nav_hover_disappear {display: none;}
	.nav_left {float: left}

	.half_cell {
		display: table-cell;
		width: 44%;
		vertical-align: top;
	}

	.rfloat_to_block {float: right;}
	.lfloat_to_block {float: left;}
	.cell_to_block, .tiny_to_block, .input_box {display: table-cell;}

	.searchbox {float: left;}
	.breadbox {margin-left: 275px;}

	.indented-table-cell {display: table-cell;}
	.footer .child {display: inline-block; width: 18%; text-align: left;}
	.footer2 .child {
		display: inline-block;
		width: 31%;
		margin-right: 1%;
		vertical-align: top;
		padding: 10px 0 10px 0;
	}

	.footer_fourths .child {
		flex: 1 1 calc(25% - 40px); /* Allows 4 items per row, with space for gaps */
		min-width: 200px; /* Ensures a minimum width for smaller screens */
		box-sizing: border-box; /* Includes padding and border in width calculations */
		text-align: center;
		padding: 10px;
	}

	.cart-right {vertical-align: top; border: 0;}
}

.mobile-nav {outline: none;}

@media only screen and (max-width: 1630px) {
	header .menu-main {margin-left: 40px;}
	.top-search {margin-left: 15px}
	.topright {gap:30px;}
}

@media only screen and (max-width: 1600px) {
	header .menu li {margin-right: 25px;}
	header .logowrap {width: 250px;}
	body {font-size: 20px;}
}

@media only screen and (max-width: 1460px) {
	header .header-midd {min-height: 55px;}
	header .logowrap {width: 200px; max-width: 100%;}
	body.removetopbar {padding-top: 95px}
	header .menu li {font-size: 15px;}
	.top-search .search-icon {width: 46px; height: 46px;}
	.btn {font-size: 16px;}   
	.jb-link-tags ul li a{font-size: 16px;}
	section.section-ayurvedic-diet{padding: 150px 0}
	.section-similar .boxinner ul.inline-list li span {padding: 12px 28px}
	.section-cta1 .rightsection h3 {font-size: 46px;}
	.section-food-lab {padding-top: 40px;}
	.section-reviews .review-comment .comment-quote {font-size: 22px;}
	.section-reviews .review-comment .comment-topbar .avtar {font-size: 24px;}
	footer .footer-copy .leftcopy {font-size: 18px;}
}

@media only screen and (max-width: 1385px) {
	.sectitle1 {font-size: 42px;}
	section.section-enrollclass {background-size:300px }

	.section-upcoming-courses .slick-arrow,
	.section-browse-recipes .slick-arrow{left: -20px}
	.section-upcoming-courses .slick-arrow.slick-next,
	.section-browse-recipes .slick-arrow.slick-next{right: -20px}

	section.section-ayurvedic-diet { padding: 110px 0;}

	.section-upcoming-courses .slick-arrow,
	.section-upcoming-courses .slick-arrow.slick-next,
	.section-food-lab .list-link li a {font-size: 16px;}


	.section-what-ayurveda .iframebox iframe {height: 670px;}

	.topbar-social ul li a {font-size: 18px;}
	.topright {gap: 15px;}
	header .menu li {margin-right: 15px;}
	.topbar-social {margin-right: 10px;}
	body {font-size: 18px;}
	.section-cta1 .rightsection h3 {font-size: 42px;}
	footer .footer-top {padding-bottom: 40px}
    footer .footer-copy {padding: 25px 0;}
}

@media screen and (max-width: 1375px) {
	.topheader, .topheader-row, .topheader-cell {
		display: block;
		width: 100%;
		text-align: center;
		padding-left: 0px;
	}
}

@media only screen and (max-width: 1199px) {
	.container:not(.section-food-lab .container) {padding: 0 30px;}
	header .mobile-toggle {display: block; flex: 0 0 auto;}
	.btn-menu {background:none;color:#FFF;font-weight:700;font-size:0;float:right;height:24px;width:28px;line-height:normal;padding:0;border:none; position: relative}
	.btn-menu.open {opacity: 0; visibility: hidden}
	.btn-menu span {background:#000;height:2px;position:absolute;right:0;left:0;top:0;margin:auto;transition:all 0.2s ease-in 0s;border-radius:4px;}
	.btn-menu span.fa-line {top:0;opacity:1;visibility:visible}
	.btn-menu span.fa-line2 {top:10px}
	.btn-menu span.fa-line3 {top:20px}
	header .menu {display: block}
	/*.btn-menu.open span.fa-line {opacity:0;visibility:hidden}
	.btn-menu.open span.fa-line2 {-ms-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);transform:rotate(-45deg); top:11px}
	header .menu {display: block}
	.btn-menu.open span.fa-line3 {-ms-transform:rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(45deg); top:11px}*/
	header.bar-short .nodrop {top:75px;}
	header .menu li {display:block;padding:0;width:100%;line-height:normal;font-size:16px;border-bottom:1px solid rgba(0,0,0,0.1)}
	header .menu li > a {background:#fff;padding:12px 20px;color:#000; display:block; font-size: 15px;}
	header .nav-main {float: left; width: 100%;}
	header .header-midd {position: fixed; left: -100%; top: 0; background: #fff;box-shadow: rgba(0,0,0,0.05) 0 0 35px;moz-transition:all .2s linear;-webkit-transition:all .2s linear; height: 100%;display: block;width:  300px; overflow: auto; z-index: 999}
	.topbar-login ul.hideLogin {display: none}
	.topbar-login ul {display: block}
	header .header-midd.open-nav {left:0;}
	header .header-main {display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center;}
	header .logowrap {flex: 1;}
	header .menu-main {margin-left: 0;}
	header .nav-main {width: auto; float: none}
	header .nav-main nav .mobile-toggle .btn-menu.open {opacity: 1; visibility:visible}
	header .nav-main nav .mobile-toggle .btn-menu span.fa-line {opacity: 0; visibility: hidden; }
	header .nav-main nav .mobile-toggle {padding: 10px 13px 33px 0}
	header .nav-main nav .mobile-toggle .btn-menu span.fa-line2 {
		-ms-transform: rotate(-45deg);
		-webkit-transform: rotate(-45deg);
		transform: rotate(-45deg);
		top: 11px;
	}
	header .nav-main nav .mobile-toggle .btn-menu span.fa-line3 {
		-ms-transform: rotate(45deg);
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
		top: 11px;
	}
	
	.top-search {margin: 0; padding: 15px}
	.top-search .search-icon {display: none}
	.top-search .spicewpsearchform.hideSearch {position: static; visibility: visible;
		opacity: 1;width: 100%; padding: 0; box-shadow: none;
		}
	.topright {padding:0 15px 15px 15px; position: relative;display: flex;flex-direction: column;align-content: flex-start;align-items: flex-start;}
	.topbar-login {width: 100%}
	.topbar-login a.userbtn {width: 100%}
	.topbar-cart {position: absolute; right: 20px; bottom: 20px;}
	.topbar-social {margin: 0; padding: 0}
	.topbar-login ul {left: 0; right: auto}

	header .menu li>a {margin-right: 50px }
	header .menu li.megamenuout {position: relative}
	header .menu li .dmenu-caret {position: absolute; right: 15px; top: 8px; width: 25px; height: 25px; background: var(--color-light-blue); border-radius: 50%; display: flex; flex-wrap: wrap; align-content: center; justify-content: center; align-items: center; color: var(--color-dark-blue); font-size: 14px;}
	header .menu li:hover .child {top: 0; opacity: 0; visibility: hidden;}
	header .menu li .child {position: static; padding: 0;display: none;box-shadow:none; border: 0;border-radius: 0;width: 100%}
	header .menu li .child a {margin-right: 0}
	header .menu li .child li {border-bottom: 0}
	header .menu li .child.megamenu {padding: 0;}
	header .menu li {clear: both;margin: 0}
	header .menu li.expand-nav .child {opacity: 1; visibility: visible; display: flex; flex-wrap: wrap; padding: 0 12px 12px 12px;}
	header .menu li.expand-nav .dmenu-caret .fa-chevron-down:before {content: "\f00d"; font-size: 18px}
	header .menu li .megamenu .column {width: 100%; padding: 0 0 10px 0}
	header .menu li .megamenu .column:last-child {padding-bottom: 0}
	header .menu li .subtitle {font-size: 20px; padding: 0 0 4px 0; margin: 5px 0 8px 10px;}
	header .menu li .megamenu .column-singlemenu ul {display: block}
	header .menu li .child li a {line-height: 1.2; padding: 7px 10px}
	header .menu li .megamenu .btn {margin: 5px 0 5px 10px; font-size: 14px; padding: 13px 20px;}
	header .menu li .subtitle img {width: 22px; height: 22px; margin: 0 5px 0 0}
	header .menu li .menu-social li {width: auto}
	.top-search .form-search input[type=submit] {top: 0}
	header .menu li .child.megamenu .closemenu {display: none}

	.top-section-search .rightbtns {width: 32%;}
	.top-section-search .dropdown-container {width: 68%}

	.section-clinical-tools .imgblock img {height: 230px;}
	.section-clinical-tools {background-size:250px }

	.section-food-lab .mainrow {font-size: 16px; line-height: 1.2}

	.section-cta1 .rightsection h3 {font-size: 34px;    }
	.section-cta1 .rightsection {padding-left: 40px; padding-right: 40px;}

	.section-threecta .imgblock img {height: 250px}

	.section-healing-body .section-upcoming-courses .boxinner h3{font-size: 18px;}
}

@media screen and (max-width: 1200px) {
	.nav_1200_disappear {display: none;}

	.main-nav {
		width: 95%;
		background-color: #fff;
		border: 5px solid #C9DEE8;
		font-size: 1em;
		margin-top: -2px;
		padding-top: 10px; 
		padding-bottom: 50px;
	}

	.mobile-nav .main-nav {
		position: absolute;
		visibility: hidden;
		transition: visibility 0.5s;
		opacity: 0;
		z-index: 199;
	}

	.mobile-nav .mobile-image {background-color: #ffffff;}
	.mobile-nav:focus .main-nav, .mobile-nav:focus {visibility: visible;opacity: 1;}
	.mobile-nav:hover .mobile-image, .mobile-nav:focus .mobile-image {
		background-color: #C9DEE8;
		border-radius: 7px 7px 0 0;
		margin-right: -3px;
		outline: none;
	}

	.main-nav .no-submenu, .main-nav .top-level {display: block;}
	.main-nav .child {
		display: block;
		height: auto;
		margin-top: 5px;
		width: 90%;
		padding: 5px;
		background-color: #fff;
		font-size: 1.1em;
		z-index: 275;
	}

	.main-nav .column {
		display: block;
		vertical-align: top;
		width: 100%;
		padding: 0;
	}
	.main-nav .vertical {display: none;}
	.main-nav .subtitle {font-weight: normal;}
	.main-nav .subheader ul {display: none;}
	.mobile-nav .subnav {display: none; transition: display 0.5s; opacity: 0; z-index: 199;}
	.mobile-nav:focus .subnav {display: block; opacity: 1;}
	.subnav_on, .subnav_off {padding: 7px 40px;}
	.subnav h3 {font-size: 1em;}
	.subnav_on, .subnav_off, .subnav {display: block;}  

	:is(.clear_section, .silver_section, .green_section, .blue_section, .orange_section) 
	h2:not(.section-title h2, .accordion_toggle) {font-size: 1.4em;	padding: 40px; }

	.comment-box, .cart-section { flex-direction: column;}
	.comment-box {
		margin: 10px 0; padding: 10px;
		border: 1px solid gray; border-radius: 10px;
	}

	.cart-right { flex: 1; border: 1px solid gray;}
	.comment-image {max-width: 100%;}
}

@media only screen and (max-width: 991px) {
	.table-of-contents {margin-bottom: 50px;}
	.top-section-search {margin: 20px 0 0 0}
	.top-section-search .dropdown-container input[type="text"] {width: 100%;padding: 18px 35px 18px 40px;font-size: 14px;background-position: 15px center; background-size:15px; height: 50px }
	.top-section-search .dropdown-container .dropdown-show {width: 35px; height: 50px; font-size: 15px}
	.top-section-search .dropdown-container .dropdown-expandable li {font-size: 15px;}
	.top-section-search .dropdown-container {width: 100%; position: relative; z-index: 1; margin: 0}
	.top-section-search .rightbtns {width: 100%; margin: 15px 0 0 0}
	.top-section-search .rightbtns ul {justify-content: center;}

	.section-ayurvedic-diet .mainrow{padding: 40px 50px}
	.section-similar .boxinner {padding-left: 40px; padding-right: 40px;}

	#mailinglist_popup h4 {font-size: 1.3em;}
	.section-clinical-tools .imgblock img {height: 180px;}
	.section-food-lab .list-link li {width: 25%}
	.section-food-lab .rightcol {width: 100%}
    .section-food-lab .leftcol {width: 100%}
    .section-food-lab {padding-bottom: 20px;}

	.section-cta1 .leftsection {width: 100%}
	.section-cta1 .rightsection {width: 100%; padding: 30px 35px}
	section.section-cta1.bgnone {padding-top: 150px}
	.section-cta1 .rightsection p {width: 100%}

	.section-attributes ul li .boxinner {height: 100%;}

	.related_block {
		width: 100%; max-width: 100%;
		margin-left: 0;
	}

	.jb-link-tags ul li a{display: inline-block}
	.jb-link-tags ul li {
			margin: 7px;
	}
	.section-healing-body .section-upcoming-courses .boxinner h3 + p,
	.section-upcoming-courses .boxinner .btnarea,
	.section-upcoming-courses .boxinner h3{padding-left: 15px; padding-right: 15px;}
	.section-healing-body .section-upcoming-courses .boxinner .btnarea .btn{font-size: 16px;}
	
	.section-what-ayurveda .iframebox iframe {height: 520px;}

	.section-threecta .imgblock img {height: 180px;}
    .section-threecta .imgblock .btnarea {padding: 0 15px 15px 15px}

	footer .footer-copy {justify-content: center;align-items: center;align-content: center;}
    footer .footer-copy .leftcopy {width: 100%; text-align: center}
    footer .footer-copy .mdlsocial {width: 100%; margin:5px 0 }
    footer .footer-copy .mdlsocial ul {justify-content: center}

	.assessment-table-cell {width: calc(50% - 5px);}
}

@media screen and (max-width: 820px) {
	.backdrop .nav_disappear {display: none;}
}

@media only screen and (max-width: 767px) {
	p {/*margin: 0 0 15px 0;*/ padding: 0;}
	body {font-size: 17px; line-height: 1.4}
	header .topbar {font-size: 16px}
	header.bar-short .logowrap img {width: 170px;}
	body.removetopbar {padding-top: 82px;}
	header .header-main {padding: 15px 0}
	h4 {font-size: 19px;}

	.title_image h1 {font-size: 35px;}
	.title_image div:not(.microedit) {font-size: 22px; 	background-color: rgba(255, 253, 253, .70);	}

	.scrollzip-title span {padding: 15px 25px 18px 25px;font-size: 18px;}
	.scrollzip-title-inner {padding: 7px}

	section.section-enrollclass {background-size: 180px;}
	section.section-symptoms {background-size: 125px;}
	section.section-bayleaves {padding: 0; background: #fff;}
	.section-title {background-size:130px}

	.top-section-search .dropdown-container {width: 100%}
	.top-section-search .rightbtns {/*padding: 15px 0 0 0*/ width: 100%}
	.top-section-search .rightbtns ul {justify-content: center;}
	.top-section-search .dropdown-container {width: 100%}
	.top-section-search .rightbtns ul li {padding: 0 2px;}
	.top-section-search .rightbtns ul li a {
		width: 45px;
		height: 45px;}
	.top-section-search .dropdown-container .guna_nav > li {
			width: 100%;
			padding: 0px;
			margin: 7px;
		}
	.dropdown-title {font-size: 15px; padding: 12px 14px;}

	section.section-ayurvedic-diet {padding: 40px 0;}
    .section-ayurvedic-diet .mainrow {padding: 25px 20px;}
	.section-ayurvedic-diet .lead {font-size: 18px;line-height: 1.2;}

	.section-similar .boxinner ul.inline-list {margin-top: 15px;}
	.section-similar .boxinner ul.inline-list li{font-size: 15px; margin: 3px;width: auto}
    .section-similar .boxinner ul.inline-list li span {padding: 8px 15px;}
	.section-similar .boxinner{padding: 20px 20px 10px 20px;}

	.section-food-lab {margin-top: 10px; padding-top: 10px;}

	.reviewbar .reviewstar {width: 100%; margin:0 0 5px 0}
	.reviewbar .reviewlike {width: 100%; margin: 5px 0 0 0}
	.reviewbar {font-size: 20px;}

	.table-of-contents h3 {padding-bottom: 10px; font-size: 24px;}
	.table-of-contents {padding: 25px 25px}
	.table-of-contents ul li {width: 100%; margin: 0}
	.table-of-contents ul li a {font-size: 17px;}

	.symptom_page .section {font-size: 28px;}

	.signup-field input, .signup-field .submit, .signup-field.submit, .signup-field select {font-size: 1em;}
	.sectitle1 {font-size: 30px;}
	.section-clinical-tools .imgblock {width: 100%; padding: 0 0 30px 0}
	.section-clinical-tools .imgblock img {height:auto;}
	.section-clinical-tools {background-size: 80px; background-position: left -20px;}
	.section-clinical-tools .mainrow {margin: 20px 0 10px 0;}
	.section-clinical-tools .mainrow2 .leftcontent {width: 100%}
	.section-clinical-tools .mainrow2 .rightimgsection {width: 100%}
	.section-clinical-tools .mainrow2 .btnarea {margin-top: 20px;margin-bottom: 20px;}
    .section-food-lab .rightcol {width: 100%; padding: 0}
    .section-food-lab .mainrow {margin: 0}
    .section-food-lab .boxinner {padding: 25px 25px 10px 25px}
	.section-food-lab .list-link {margin: 15px 0 15px 0;}
    .section-food-lab .list-link li {width: 50%;}
    .section-food-lab .list-link li.first a {height: 103px}
    .section-food-lab .leftcol {width: 100%; padding:0}
	.section-food-lab .list-link li a {font-size: 15px;}
    .section-food-lab .boxinner p:last-of-type {font-size: 15px}
    .section-food-lab .boxinner p {font-size: 15px; line-height: 1.2}
    .section-food-lab .boxinner {padding: 20px;}

    .chartbox {padding:0;}
    .chartbox:after {display: none; font-size: 13px; left: -15px; line-height: 28px;width: 22px}
    .chartbox table td {font-size: 13px; height: 190px !important; width: 20% !important}
    .chartbox table td.btmcaption {height: auto !important}
    .chartbox .chartpipe {width: 30px !important; border-radius: 5px 5px 0 0}
    .chartbox table td b {font-size: 12px;word-break:break-word;}
    .chartbox table td.btmcaption {padding: 0 !important}
    .chartbox {margin-bottom: 10px;padding-left: 20px}
    .chartbox .chartnumber {left: -7px; top: -18px; width: 17px; line-height: 51px;
        font-size: 14px;}

	section.section-cta1 {padding-top: 80px;margin-top:-5px;background-size: 250px;}
	.section-cta1 .rightsection {display: block; text-align: center}
	.section-cta1 .rightsection h3 {text-align: center}
	.section-cta1 .rightsection h3 {font-size: 28px;}
	.section-cta1 .rightsection .btnarea a {font-size: 16px;padding: 16px 25px;}
	section.section-cta1.bgnone {padding-top: 60px;}

	.section-attributes {padding: 20px 0 0 0; margin-top: 0;}

	.section-browse-recipes .section-title{justify-content: center; background: none;margin-bottom: 0}
	.section-browse-recipes .section-title .sectitle1{background: url("../../images/title-bg2.png") center bottom no-repeat;padding: 0 0 35px 0; margin: 0 0 15px 0;}
	.section-upcoming-courses .slick-arrow, .section-browse-recipes .slick-arrow {width: 40px; height: 40px;}
	.section-browse-recipes .boxinner .btnarea .btn {font-size: 14px;}
	.section-browse-recipes .boxinner h3{margin-bottom: 15px}

	.section-upcoming-courses .slick-slide > div > div {padding: 0}
	.section-upcoming-courses .boxinner {box-shadow: none;}
	.section-upcoming-courses .boxinner .price {padding: 0 0 10px 0}
	.section-upcoming-courses .boxinner h3 {padding:0 0 10px 0; min-height: inherit }
	.section-upcoming-courses .boxinner .btnarea {padding: 5px;}
	.section-upcoming-courses .boxinner .btnarea .btn {font-size: 17px; padding: 15px 22px}
	.section-upcoming-courses .slick-arrow {top:25%}
	.section-upcoming-courses .imgbox {margin-bottom: 10px}
	.section-upcoming-courses .boxinner .price strong{font-size: 22px;}


	.jb-link-tags ul li {margin: 0 0 3px 0; width: 100%;}
	.jb-link-tags ul li a{display: block; text-align: center}
	.section-healing-body .section-title2 {padding: 25px 0 0 0; font-size: 23px;}
	.section-healing-body .section-upcoming-courses .courses-column{width: 100%;margin-bottom: 30px;}
	.section-healing-body .section-upcoming-courses .courses-column:last-child{margin-bottom:0;}
	.section-healing-body .section-upcoming-courses .boxinner h3 + p, .section-upcoming-courses .boxinner .btnarea, .section-upcoming-courses .boxinner h3 {
			padding-left: 0;
			padding-right: 0;
		}
	.section-healing-body .section-upcoming-courses .boxinner h3{min-height:inherit}
	.section-healing-body .section-upcoming-courses {padding: 20px 0 0 0;}
	.section-healing-body .section-upcoming-courses .courses-column{padding: 0 0 25px 0; border-bottom: 1px solid #dbdbdb; margin-bottom: 25px;}
	.section-healing-body .section-upcoming-courses .courses-column:last-child{padding: 0; border-bottom:0; margin-bottom:0}
	.section-upcoming-courses .showmobile{display: block; margin: 15px 0 0 0}
	.section-upcoming-courses .boxinner .btnarea {position: relative;}
	.section-healing-body .section-upcoming-courses .boxinner{padding-bottom: 0}

	section.section-what-ayurveda {background-size:40px; }
    .section-what-ayurveda .iframebox iframe {height: 280px;}
    .section-what-ayurveda .iframebox {margin: 15px 0 0 0;}

	.section-reviews .reviewbox {padding: 20px 20px 20px 20px;}
	.section-reviews .review-comment .comment-topbar .left {width: 100%}
	.section-reviews .review-comment .comment-topbar .right {width: 100%; padding: 10px 0 0 0}
	.section-reviews .review-comment .comment-topbar {flex-wrap: wrap}
	.section-reviews .review-comment .comment-quote {font-size: 17px;width: 100%;}
	.section-reviews .reviewtop .leftarea .count {font-size: 50px; position: absolute; left: 0; top: 0}
	.section-reviews .review-comment .comment-topbar .avtar img {width: 29px;height: 29px; margin: 0 5px 5px 0;}
	.section-reviews .review-comment .comment-topbar .avtar {font-size: 16px;padding-top: 4px;}
	.section-reviews .review-comment .comment-topbar .left .reviewstar {
		margin: 5px 0 0 0; font-size: 18px;}
	.section-reviews .review-comment .comment-quote {margin-bottom: 15px}
	.section-reviews .review-comment .comment-btnarea .btn {font-size: 15px; padding:10px 12px;}
	.section-reviews .review-comment .comment-btnarea .btn span {padding-left: 25px}
	.section-reviews .review-comment.reply-review-comment {padding: 0; background-size:20px }
	.section-reviews .review-comment.reply-review-comment .comment-topbar .left {-webkit-order: 1; order:1;}
	.section-reviews .review-comment.reply-review-comment .comment-topbar .right {-webkit-order: 2; order:2; text-align: right}

	.section-threecta .mainrow {margin: 0}
    .section-threecta .imgblock {width: 100%; padding: 0 0 30px 0}
    .section-threecta .imgblock p {min-height: inherit; padding:15px 20px 0px 20px}
    .section-threecta .imgblock .btnarea {padding: 15px 15px 25px 15px}
	.section-threecta .imgblock .btnarea .btn {padding: 18px 30px;}
    .section-threecta .imgblock img {height: auto}

	section.section-newsletter {padding-top: 0;padding-bottom: 50px;}
    .section-newsletter p br {display: none}
    .section-newsletter .formbox {padding: 12px; margin: 15px auto 0 auto;text-align: center}
    .section-newsletter .formbox .btn {position: static; padding: 18px 25px}
    .section-newsletter .formbox input[type="text"] {
		padding: 10px 15px 10px 50px; margin: 0 0 10px 0;
		border: 1px solid rgb(204 204 204 / 43%); border-radius: 5px;
		height: 50px; font-size: 16px;
	}

	footer .footer-top {margin: 0 -15px;padding-bottom: 15px;padding-top: 30px;}
    footer .footer-top .footer-column {width: 50%; padding: 0 15px 10px 15px;}
    footer .footer-top .footer-column.column4 {width: 50%}
    footer .footer-top ul li {margin: 0 0 12px 0; font-size: 14px;}
    footer .footer-copy .leftcopy {font-size: 16px;}
    footer .footer-copy .mdlsocial ul li a {font-size: 18px;}
    footer .footer-copy .mdlsocial {padding: 10px 0 5px 0}

	.assessment-table-cell input[type='checkbox'] {margin-top: 6px;}
}

@media screen and (max-width: 710px) {
	.title_image, .large_photo {min-height: 250px; }

	.staggered_image {
		width: 98%;
		display: block;
		background-color: var(--color-light-silver);
		border-radius: 15px;
		overflow: hidden;
		margin: 15px 0;
	}

	.image_cell {display: block; width: 100%; height: 150px;}
	.image_disappear {display: none;} 

	.recipe_descr {display: block; width: 100%; margin-top: 10px;}

	.simple_button, .small_button, .rednav_button, .yellow_button, .blue_button, .green_button, .vata_button, .vata_inversion, .pitta_button, .pitta_inversion, .kapha_button, .kapha_inversion {
		display: block;
		width: auto;
		max-width: 100%;
		margin: 5px;
	}

	.contra:hover, .sfhover:hover {position: static;}
	.contra:hover .contrabody, .sfhover:hover .sfhoverbody {
		left: 25px;
		border: 5px solid #aaa;
		max-width: calc(100% - 30px);
		top: auto;
	
		/*
		margin-left: 0px;
		margin-top: 20px;
		*/
	}

	.jb_logo {width: 50%;}
	.page_banner {height: 230px; padding-top: 100px;}
	.half_margin {margin: 25px 0 25px 0;}
	.half_pad {padding: 25px;}
	.big_half_pad {padding: 75px 0 75px 0;}
	.half_font {font-size: .5em;}
	.eighty_font {font-size: .8em;}

	.section-header h1 {font-size: 2em;}
	.body_type_results .section-header h1 {font-size: 1.5em;}

	.product_image {
		float: left;
		width: 100%;
		margin-bottom: 10px;
	}

	.short_qualities {width: 100%;}

	.mini_center {text-align: center;}

	.credit_card {padding: 25px 0 25px 0;}

	.half_table {display: block;}
	.half_row {display: block;}
	.half_cell {
		display: block;
		/*width: 94%;*/
		margin-right: 0;
	}

	.cell_to_block, .input_box {display: block;}

	.catheader {font-size: 1em;}
	.searchbox {display: block; width: 100%;}

	.searchbox .nav-popup {display: block;}

	.breadbox {clear: both; padding-top: 0px; }

	.indented-table-cell {display: block; margin-left: 10px; }
	.assessment-table-cell {width: 100%;}

	.footer_fourths {
		flex-direction: column;
		align-items: center;
		text-align: center;
		gap: 0px;
	}
	.footer .child, .footer2 .child, .footer_fourths .child {
		display: block;
		width: 100%;
		padding: 10px 0 10px 0;
		text-align: center;
		font-size: 1.2em;
	}

	.nav_left {
		position: absolute;
		left: -999em;
		height: auto;
		background-color: #fff;
		border: 5px solid var(--color-darker-blue);
		padding: 5px;
		margin: 10px;
		font-size: 1em;
		width: 90%;
		z-index: 100;
	}

	.quarter_page {width: 90%;}
	.disappear, .nav_mini_disappear, .article-panel img, .article-panel .panel-img {display: none !important;}
	.mini_popup {display: inline-block;}
	.mini_popup:hover {border: 1px solid gray;}
	.chart_quality {font-size: 1.2em;}
	.pathogenesis_page .section {font-size: 1.6em;}

	:is(.clear_section, .silver_section, .green_section, .blue_section, .orange_section) {
		text-align: center;
	}
	:is(.clear_section, .silver_section, .green_section, .blue_section, .orange_section) h2 {
		font-size: 1.3em;
		padding: 18px 0 25px 0;
		text-align: center;
	}
}

@media screen and (max-width: 560px) {
	.container:not(.section-food-lab .container) {padding: 0 20px;}
	section {padding: 25px 0;}
	.tiny_row, .tiny_table {display: block;}
	.tiny_to_block {display: block; width: 100%; }

	.long_list .block_image, .long_list .image_disappear, .long_list .product_image_cell {
		display: none;
	}

	.long_list .food_recommendation {margin: 0px; padding: 0px;}
	.product_menu_item {display: block;	width: 100%; margin: 0;}

	.symptom_page .section {font-size: 24px; padding: 0px; margin-bottom: 10px; margin-top: 15px;}
	h2, h3 {padding: 0px; margin-bottom: 10px; margin-top: 15px;}

	.section-attributes ul li {width: 100%; font-size: 16px;}
	.section-reviews {padding-top: 30px;}

	.title_image h1 {font-size: 21px;}
	.title_image div:not(.microedit) {font-size: 15px; 	background-color: rgba(255, 253, 253, .70);	}
}

@media only screen and (max-width: 375px) {
	/*body {padding-top: 210px;} HEADER-FIXED*/
	.section-newsletter .formbox input[type="text"] {height: 40px; font-size: 14px; padding: 5px 15px 5px 35px; background-size: 16px;background-position: 11px center;}
	.section-newsletter .formbox .btn {position: static;padding: 12px 18px;font-size: 14px;}
}

.bigbox {min-height: 320px;}
.bigbox_border {min-height: 318px;}

.video-container {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px; height: 0;
	border: 3px solid gray;
}

.video-container iframe,
.video-container object,
.video-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.nav_listitem {padding: 10px; cursor: pointer;}
.nav_listitem a {text-decoration: none;}
.contra, .sfhover {
	display: inline;
	vertical-align: bottom;
	position: relative;
}

.edit-click-state {display: none;}

.no-copy {
	user-select: none; /* Standard syntax */
	-webkit-user-select: none; /* Safari */
	-moz-user-select: none; /* Firefox */
	-ms-user-select: none; /* Internet Explorer/Edge */
}

div.register_popup {
	display: inline;
	position: absolute;
	left: 10%;
	top: 275px;
	min-height: 125em;
	width: 80%;
	max-width: 700px;
	background-color: #fff;
	border: 1px solid #D0D0D0;
	padding: 10px;
	margin-top: 10px;
	z-index: 100;
}

.tootles {display: inline;}

#dravya_key tr:hover, #dravya_key tr.sfhover {
	background-color: #C9DEE8;
}

#contra table {
	width: 100%;
	border-bottom: 1px solid #D0D0D0;
	margin-bottom: 5px;
}

.darkClass {
	background-color: white;
	filter:alpha(opacity=50); /* IE */
	opacity: 0.5; /* Safari, Opera */
	-moz-opacity:0.50; /* FireFox */
	z-index: 20;
	background-repeat:no-repeat;
	background-position:center;
}

.listseparator li {margin-bottom: 5px;}

.read-more-state {display: none;}
.read-more-target {
	display: none;
	opacity: 0;
	max-height: 0;
	font-size: 0;
	transition: .25s ease, visibility 0s, opacity 0.5s linear;
}
.read-more-state:checked ~  .read-more-wrap .read-more-target {
	display: block;
	opacity: 1;
	font-size: inherit;
	max-height: 999em;
}
.read-more-state ~ .read-more-trigger:before {content: 'Show More';}
.read-more-state:checked ~ .read-more-trigger:before {content: 'Show Less';}
.read-more-trigger {
	cursor: pointer;
	float: right;
	padding: 0 .5em;
	margin: 5px;
	color: #fff;
	font-size: 1.25em;
	font-weight: bold;
	line-height: 2;
	background-color: var(--color-dark-green); 
	border: 1px solid #ddd;
	border-radius: .4em;
}


.superscript {font-size:xx-small; vertical-align:top;} 
.subscript {font-size:xx-small; vertical-align:bottom;} 

.page {page-break-inside: avoid; }

.error {
	color: #ff0000;
	text-decoration-color: #ff0000;
	font-weight: bold;
}