/**/

<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;1,400;1,500&family=Dancing+Script&family=Quintessential&display=swap" rel="stylesheet">
@import url('https://fonts.googleapis.com/css2?family=Carrois+Gothic&display=swap');
		
		@font-face {
		  font-family: ArchitectsDaughter;
		  src: url(fonts/ArchitectsDaughter-Regular.ttf);
		}

		@font-face {
		  font-family: Caveat;
		  src: url(fonts/Caveat-Regular.ttf);
		}
		
		@font-face {
		  font-family: CenturyGothic;
		  src: url(fonts/CenturyGothic.ttf);
		}

		@font-face {
		  font-family: CharterITC;
		  src: url(fonts/CharterITC_Regular.ttf);
		}
		
		@font-face {
		  font-family: 'font-family: Carrois Gothic';
		//  src: url(fonts/CormorantGaramond-Regular.ttf);
		}
		
		@font-face {
		  font-family: 'CormorantGaramond';
		  src: url(fonts/CormorantGaramond-Regular.ttf);
		}
		
		@font-face {
		  font-family: 'CormorantGaramond-LightItaliC';
		  src: url(fonts/CormorantGaramond-LightItalic.ttf);
		}

		@font-face {
		  font-family: CormorantGaramond;
		  src: url(fonts/CormorantGaramond-Regular.ttf);
		}
		
		@font-face {
		  font-family: 'CormorantGaramond';
		  src: url(fonts/CormorantGaramond-Regular.ttf);
		}
		
		@font-face {
		  font-family: KalamLight;
		  src: url(fonts/Kalam-Light.ttf);
		}
	
		@font-face {
		  font-family: Kalam;
		  src: url(fonts/Kalam-Regular.ttf);
		}

		@font-face {
		    font-family: 'mission_gothic';
		    src:  url('fonts/mission_gothic_regular-webfont.woff');
		    font-weight: normal;
		    font-style: normal;
		}
		
		@font-face {
		    font-family: 'mission_gothicblack';
		    src:  url('fonts/mission_gothic_black.woff');
		    font-weight: normal;
		    font-style: normal;
		}
		
		@font-face {
		    font-family: 'mission_gothicbold';
		       src: url('fonts/mission_gothic_bold-webfont.woff2'), url('fonts/mission_gothic_bold-webfont.woff');
		}


		@font-face {
		    font-family: 'mort_modern20MdCnIt';
		    src: url('fonts/mortmodern-20mediumcondenseditalic-webfont.woff') format('woff');
		    font-weight: normal;
		    font-style: italic;
		}

		@font-face {
		  font-family: OpenSans;
		  src: url(fonts/OpenSans-Regular.ttf);
		}

		@font-face {
		  font-family: OpenSansLight;
		  src: url(fonts/OpenSans-Light.ttf);
		}
		
		@font-face {
		  font-family: ShadowsIntoLight;
		  src: url(fonts/ShadowsIntoLight-Regular.ttf);
		}

		@media only screen and (min-width: 401px) and (max-width: 501px) {
			/*

			#GG {
				display: block;
				font-family: 'OpenSans';
				font-size: 18px;
				letter-spacing: 8px;
				white-space: nowrap;
			}

			#RITIKAS {
				font-size: 32px;	
				letter-spacing: 16px;
				line-height: 100%;
			}
			*/
		}

		@media only screen and (min-width: 502px) and (max-width: 600px) {
			/*
			#GG {
				display: inline;
				font-family: OpenSansLight;	
				font-size: 22px;
				letter-spacing: 4px;
				white-space: nowrap;
			}

			#RITIKAS {
				background-color: black;
				font-size: 22px;	
				letter-spacing: 6px;
				line-height: 100%;
			}
			*/
		}

		@media only screen and (max-width: 601px) {
			
			#BANNER_NAV {
				border-top-color: transparent;	
			}
		
			#colonoscopy {
				display: none;
			}
									
			.HEADSHOT_LINKS {
				font-size: 90%;
				margin-top: 5px; 
				margin-bottom: 15px; 
				white-space: nowrap;
			}
		
			#NUTRITION_INFO {
				margin: 10px auto;
				width: auto;
			}
			
			.PRODUCT_CONTENT {
				font-size: 3.5vw;
				padding: 0px 8px;
			}

			.PRODUCT_IMG {
				max-width: 95vw;
			}

			#SIDEBAR {
				display: block;
			}

		}
		
		@media only screen and (min-width: 801px) {			
			#BANNER_NAV {
				border-top-color: #52272A;	
		}

		@media only screen and (max-width: 800px) {
			#TOP_NAV {
				display: none;
			}
			
			#HAMBURGER {
				display: inline;
			}
		}
		
		#HAMBURGER {
			color: #DFDEBF;
			display: none;
		}
		
		.HEADSHOT_LINKS {
			display: inline-block;
		}

		#NUTRITION_INFO {
			border-left-width: 20px;
		}

		.PRODUCT_CONTENT {
			font-size: 2.5vw;
			padding: 0px 10px 0px 30px;
		}

		.PRODUCT_IMG {
			max-width: 50vw;
		}
		
		#PRODUCT_TITLE {
			font-size: 140%;	
		}

		#RITIKAS {
			font-family: 'mission_gothicblack';
		}

		#RitikasFlower {
			display: none;
		}
		
		#SIDEBAR {
			float: left;
			width: 48%;
		}
	}

	@media only screen and (max-width: 600px) {
	
		#OPIE li {
			display: inline-block;
			font-size: 120%;
		}
		
		li.flower-power::before {
			color: olive;
			content: " ⚘ ";
			margin-left: 5px;
			right: 5px;
		}
		
		#OPIE li:first-child {
			margin-left: -20px;					
		}
	}

	@media only screen and (min-width: 601px) and (max-width: 800px) {
	
		#OPIE li {
			display: inline-block;
			font-size: 120%;
			margin-left: 10px;
			margin-right: 0px;
			padding-left: 5px;
		}
		
		li.flower-power::before {
			color: olive;
			content: " ⚘ ";
			right: 5px;
		}

		#OPIE li:first-child {
			margin-left: -20px;					
		}

		#OPIE li:first-child::before {
		}
	}

	@media only screen and (min-width: 801px) {
		
		#OPIE li {
			display: inline-block;
			font-size: 125%;
			margin-left: 10px;
			margin-right: 0px;
			padding-left: 20px;
		}
							
		li.flower-power::before {
			color: olive;
			content: "   ⚘ ";
			right: 5px;
			margin-right: 10px;
		}
			
		#OPIE li:first-child {
			margin-left: -20px;					
		}
						
		#PL_PRODUCTS li {
			margin-bottom: 16px;					
		}

		#TOP_NAV {
			display: block;
		}
	}
	
	#TOP_NAV a:visited {
		color: #52272A;
		text-decoration: none;
	}
	
	#TOP_NAV a:link  {
		color: #52272A;
		text-decoration: none;
	}

	.DROP_DOWN_NAV {
		border-bottom-style: solid;
		border-bottom-width: 0.5px;
		border-bottom-color: #799c31;
		display: block;
		font-family: 'mission_gothic', Arial, Helvetica, sans-serif;
		font-size: 120%;
		line-height: 200%;
		padding-right: 20px;
		text-decoration: none;
		text-transform: uppercase;
	}

	.DROP_DOWN_NAV:last-child {
		border-bottom-style: none;
	}

	#DROP_DOWN_LINKS a:link {
		color: #ADFF2F;
	}

	#DROP_DOWN_LINKS a:visited {
		color: #ADFF2F;
	}

	#BANNER_NAV {
		background-color: #66ac45;				
		background-color: #FFFEF9;
		border-top-style: solid;				
		border-top-width: 5px;
		border-bottom-style: solid;
		border-bottom-width: 0.5px;
		border-bottom-color: transparent;
		padding: 0px;
	}
	
	#BANNER_WALLPAPER {
		background-image: url('images/filigree_darker.png');
		background-position: center center;
		background-repeat: repeat-x;	
		border-bottom-style: none;
		border-bottom-width: 1px;
		border-bottom-color: white;
	}
	
	#BANNER_WALLPAPER, #DROP_DOWN_COLUMN {
		background-color: #66ac45;	/**/
		margin: 0px;
	}


	#RGG_BANNER, #TABULA_RASA, #DROP_DOWN_COLUMN {
		background-color: #66ac45;
		margin: 0px;
	}
	
	body {
		background-color: #FFFEF9;
		background-image: url('images/woodgrain_background_1500_light.gif');
		background-repeat: repeat;
		background-attachment: fixed;
		color: #001200;
		margin: 0px;
	}

	#BIG_LOGO_BTN {
		border-style: none;
		border-width: 0.5px;
		border-color: #005200;
		border-radius: 50%;
		max-height: 75px;
	}

	.boldFlavor {
		background-color: white;	/**/
		font-weight: 600;
	}
	
	.BREADCRUMBS {
		font-family: 'Roboto', sans-serif;
		font-variant: small-caps;
		margin: 10px 15px -10px 15px;
	}

	#CONTACT_FORM th {
		border-bottom-style: none;
		border-bottom-color: #666666;
		border-bottom-width: 0.5px;
		font-family: 'Roboto', sans-serif;
		font-size: 100%;
		font-weight: 400;
		padding-right: 10px;
		padding-bottom: -10px;
		text-align: right;
	}

	#CONTACT_FORM input[type=text] { 
		background-color: #FFFEF9;
	}

	#CONTACT_FORM input[type=email] { 
		background-color: #FFFEF9;
	}
	
	#CONTACT_FORM tr {
		vertical-align: top;
	}
	
	#CONTACT_FORM select {
		background-color: #FFFEF9;
		border-style: none solid solid none;
		border-bottom-width: 1px;
		border-bottom-color: #666666;
		line-height: 200%;
	}
	
	#CONTACT_FORM select:focus {
		background-color: #FFFFFF;
	}

	#CONTACT_FORM  textarea {
		background-color: #FFFEF9;
		border-style: solid;
		border-width: 0.5px;
	}

	#CONTACT_FORM select, textarea {
		background-color: #FFFEF9;
		font-family: 'Roboto', sans-serif;
		font-size: 100%;
		margin-bottom: 10px;
		padding: 5px 10px;
	}

	#DROP_DOWN_LINKS {
		background-color: #537c4a;
		position: absolute;
		top: 80px;
		width: 100%;
		z-index: 100;
	}
	
	h1 {
		font-size: 4vh;
		margin-bottom: 5px;
	}
	
	h2 {
		font-size: 3.55vh;			
	}
	
	h2, h3 {
		color: #1c4416;
	}
	
	h3 {
		margin-bottom: 0px;
	}

	#HAMBURGER {
		cursor: pointer;
		color: #f5fffa;	
	}

	.HEADSHOT_LINKS {
		color: #556B2F;
		cursor: pointer;
		display: inline-block;
		line-height: 100%;
	}

	html {
	  scroll-behavior: smooth;
	}
	
	img.ikon {
		height: 25px;
	}
				
	figure {
		float: left;
		margin: 0px 20px 10px 0px;
		padding: 0px;
		text-align: left;
	}
	
	figcaption {
		background-color: #F6FFF6;
		color: olive;
		font-style: italic;
		font-size: 90%;
		line-height: 95%;
		margin-top: 0px;
		padding: 2px 3px;
		text-align: right;
	}
	
	.footer {
	  background-color: transparent;
	  color: inherit;
	  font-family: 'Roboto', sans-serif;
	  font-size: 2vw;
	  font-variant: small-caps;
	  margin-top: 5vw;
	  opacity: 0.6;
	  padding-top: 5vw;
	  padding-bottom: 5vw;
	  width: 100%;
	  text-align: center;
	}
							
	h1, h2, h3 {
		font-family: 'mission_gothic', serif;		
	}

	input[type='reset'] {
		background-color: #FFFEF9;
		border-radius: 15px;
		border-style: solid;
		border-color: #999999;
		border-width: 2px;
		color: #006600;
		cursor: pointer;
		display: inline-block;
		font-family: 'Roboto', sans-serif;
		font-variant: small-caps;
		font-size: 80%;
		margin-right: 0px;
		padding: 6px 15px;
		text-align: center;
		vertical-align: middle;
		width: auto;
	}
				
	input[type='submit'] {
		background-color: #FFFEF9;
		border-radius: 15px;
		border-style: double;
		border-color: #006600;
		border-width: 3px;
		color: #006600;
		cursor: pointer;
		font-family: 'Roboto', sans-serif;
		font-variant: small-caps;
		font-size: 80%;
		padding: 5px 20px;
		text-align: center;
	}
	
	input[type='reset']:hover {
		background-color: #FFFF00;
	}			
	
	input[type='submit']:hover {
		background-color: #FFFFFF;
	}			
	
	input[type=text], input[type=email], input[type=password] {
		background-color: #FFFEF9;
		border-bottom-style: solid;
		border-width: 0px 0px 0.5px 0px;
		border-color: #446688;
		font-family: 'Roboto', sans-serif;
		font-size: 100%;
		background-color: transparent;
		margin-bottom: 10px;
		padding: 3px;
		text-align: left;
	}
	
	input[type=text]:focus, input[type=email]:focus, input[type=password]:focus, textarea: focus {
		background-color: #FFFF00;
		border-color: #666666;
	}

	#LEVEL_UP {
		display: inline-block;
		font-family:  'mission_gothicblack', helvetica, arial. 'sans serif';
		font-weight: 400;
		position: relative;
	}

	td {
		border-style: none;
		border-color: white;
		border-width: 1px;
	}
	
	th {
		font-size: 85%;
		font-variant: small-caps;
		padding: 5px 0px;
	}
	
	#TOP_NAV {
		border-style:none;
		color: #52272A;
		background-color: transparent;
		font-weight: bold;
		padding: 0px;
	}
	
	#TOP_NAV a:link, a:visited {
		color: #52272A;
		text-decoration: none;
		font-weight: bold;
	}
	
	#TOP_NAV th {
	}
	
	#LATERAL_LINKS {
		border-collapse: collapse;
		cellspacing: 0px;
	}
	
	#LATERAL_LINKS th {
		border-top-style: none;
		font-family: 'mission_gothicbold', sans-serif;
		font-size: 2vw;
		padding-top: 0px;
		padding: 5px  0px;
		text-align: center;				
		text-transform: uppercase;
		vertical-align: middle;
	}

	#LATERAL_LINKS th:first-child {
		padding-left: 30px;
		text-align: left;				
	}
		
	#OPIE {
		margin-left: -15px;
		list-style-type: none;
	}
	
	#OPIE a {
		text-decoration: none;
	}
	
	#OPIE li {
		margin-bottom: 10px;
	}

	#OPIE li:first-child {
		padding-left: 0px;
	}

	#OPIE li:last-child {
		margin-right: 0px;
		padding-right: 0px;
	}

	.PRODUCT_CONTENT a:link, a:visited {
		color: 	green;	/**/
		border-bottom-style: solid;
		border-bottom-width: 1px;
		font-weight: 600;
		line-height: 140%;
		padding-bottom: 0.75vw;
		text-decoration: none;
	}

	.PRODUCT_CONTENT {
		border-style: none;
		border-width: 1px;
		color: #3f3100;
		font-family:'mision-gothic', Helvetica, Arial, 'Gill Sans', 'sans serif';
		font-weight: 500;
		margin: 20px 10px;
	}
	
	.NUTRITION_BANNER  {
		border-bottom-style: solid;
		border-bottom-width: 0.5px;
		border-bottom-color: #999999;
		color: #000000;
		font-family: 'Roboto', Arial, Helvetica, sans-serif;
		font-weight: 800;
		font-size: 110%;
		line-height: 120%;
		padding: 2px 0px;
		text-align: left;
	}
	
	#NUTRITION_INFO {
		background-color: #ffffff;
		border-collapse: collapse; 
		border-style: solid;
		border-top-width: 2px;
		border-right-width: 0.5px;
		border-bottom-width: 2px;
		border-color: #000000 #ffffff #000000 #FEFDEE;
		border-left-style: solid;
		color: #00000;
		font-family: 'Roboto','Gill Sans', Arial, Helvetica, sans-serif;
		margin-bottom: 20px;
	}
				
	.NutritionInfo td {
		font-size: 80%;
		padding: 5px;
	}

	td.NutritionBanner {
		border-bottom-style: solid;
		border-bottom-color: #666666;;
		border-bottom-width: 0.5px;
		font-family: 'Roboto', Arial, Helvetica, sans-serif;
		font-size: 90%;
		text-align: left;
		padding: 5px 0px;
	}

	.NutritionColumn {
		font-family: 'Roboto', Arial, Helvetica, sans-serif;
		text-align: left;
	}

	.NutritionColumn th {
		font-weight: 600;
	}

	.NutritionColumn, .NutritionData {
		border-bottom-style: dotted;
		border-bottom-width: 1px;							
		border-bottom-color: #666666;
		padding: 5px;
	}

	.NutritionData {
		font-family: 'Roboto', Arial, Helvetica, sans-serif;
		text-align: right;
	}
	
	.NutritionInfo th {
		border-bottom-style: dotted;
		border-bottom-width: 1px;							
		border-bottom-color: #666666;
		padding: 5px;
		font-variant: none;
		text-align: left;
	}
	
	#NUTRITION_INFO .NutritionColumn {
		font-size: 90%;
	}
	
	#NUTRITION_INFO .NutritionData {
		font-size: 90%;
		white-space: nowrap;
	}
	
	#PACKAGING_INFO td {
		white-space: nowrap;
	}
	
	#PRODUCT_TITLE, h2 {
		margin-top: 0px;
		margin-bottom: 10px;
	}
	
	.RecipeLinks {
		color: 556B2F;
		display: block;
		font-family: 'Roboto', Arial, Helvetica, sans-serif;
		margin-top: 10px;
		margin-bottom: 10px;
	}
	
	select {
		border-style: none solid solid none;
		border-width: 1px;
		border-radius: 0px 0px 10px 0px;
		padding-right: 19px;
	}
	
	#SIDEBAR {
		margin-bottom: 20px;
	}
	
	#TABULA_RASA {
		width: 100vw;
	}
	
	#TABULA_RASA td {
	}

	.USDA_SEAL {
		height: 60px;
		margin: 2px 10px;
	}
	
	#WIW {
		background-color: transparent;
		border-style: solid;
		border-width: 1px;
		color: red;
		display: none;
		font-family: monospace;
		font-size: 200%;
		font-weight: bold;
		padding: 5px;
		position: relative;
		top: -40px;
	}
	