@font-face {
  font-family: 'Circe Regular';
  src: url("../fonts/CirceRegular.eot") format("embedded-opentype"), url("../fonts/CirceRegular.woff2") format("woff2"), url("../fonts/CirceRegular.woff") format("woff"), url("../fonts/CirceRegular.ttf") format("truetype"), url("../fonts/CirceRegular.svg#CirceRegular") format("svg"); }

@font-face {
  font-family: 'Circe Bold';
  src: url("../fonts/CirceBold.eot") format("embedded-opentype"), url("../fonts/CirceBold.woff2") format("woff2"), url("../fonts/CirceBold.woff") format("woff"), url("../fonts/CirceBold.ttf") format("truetype"), url("../fonts/CirceBold.svg#CirceBold") format("svg"); }

@font-face {
  font-family: 'Circe ExtraBold';
  src: url("../fonts/CirceExtraBold.eot") format("embedded-opentype"), url("../fonts/CirceExtraBold.woff2") format("woff2"), url("../fonts/CirceExtraBold.woff") format("woff"), url("../fonts/CirceExtraBold.ttf") format("truetype"), url("../fonts/CirceExtraBold.svg#CirceExtraBold") format("svg"); }
  
@font-face {
  font-family: 'Lust Display';
  src: url("../fonts/lustdisplayregular.woff2") format("woff2"), url("../fonts/lustdisplayregular.woff") format("woff"),url("../fonts/lustdisplayregular.eot") format("embedded-opentype"),url("../fonts/lustdisplayregular.ttf") format("truetype"); } 

* {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

body {
	padding-top:50px;
}

html {
  scroll-behavior: smooth;
}



.rg_noise {
	background-image: url(data:image/png;base64,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);
	width:100%;
	height:100%;
}

.rg_grid {
	background-image: url("https://www.besuperfied.com/wp-content/themes/superfied/images/responsive/grid.png");
	width:100%;
	height:100%;	
}

.rg_bounding {
	position:relative;
	overflow:hidden;
}

.rg_gradient {
	background: linear-gradient(56deg, rgba(15,27,169,1) 10%, rgba(81,2,183,1) 50%, rgba(175,5,222,1) 75%);
}

.rg_container {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}

.rg_svg {
  position: absolute;
  height: 100%;
  width:100%;
  bottom:0;
}


.rg_mh_bounding {
	position:relative;
	overflow:hidden;
	height:65px;
}

.rg_mh_bounding_food {
	position:relative;
	overflow:hidden;
	height:150px;
}



.rg_mh_graphic {
	background-color:#000231;
	width:100%;
	height:65%;
	margin:0;
	padding:0;
	top:0;
	left:0;
	position:relative;
	overflow:hidden;
}

.rg_mh_constrain {
	max-width:1200px;
	position:relative;
	height:100%;
	margin:auto;
	width:96%;
}

.rg_mh_wavybottom {
	height:100%;
	max-height:35%;
	bottom:0px;
	left:0;
	width:100%;
	position:absolute;
}

.rg_mh_graphic2 {
	background-color:#000231;
	width:100%;
	height:100%;
	margin:0;
	padding:0;
	top:0;
	left:0;
	position:relative;
	overflow:hidden;
}

.rg_mh_wavybottom2 {
	height:100%;
	max-height:40%;
	bottom:0px;
	left:0;
	width:100%;
	position:absolute;
}


.hubtitle {
	margin:auto;
	width:100%;
	font-size:1.5em;	
    padding-top: 0.5em;
    color: #ffffff;
    font-family: 'Circe Bold';
	text-align:center;
}

.storyconstrain {
	margin:auto;
	width:100%;
	/*max-width:950px;*/
	float:left;
	background-color:#ffffff;
}

.smbox {
	/*background-color:#dedede;*/
	width:calc( 50% - 1em );
	margin:0.5em;
	float:left;
	height:12em;
	position:relative;
}

.stbox {
	/*background-color:#dedede;*/
	width:calc( 50% - 1em );
	margin:0.5em;
	float:left;
	height:8em;
	position:relative;
}

.widebox {
	/*background-color:#dedede;*/
	width:calc( 100% - 1em );
	margin:0.5em;
	float:left;
	height:14em;
	position:relative;
}

.storyimage {
	width:100%;
	height:calc( 100% - 5.5em );
	float:left;
	background-size:cover;
	background-position:center;
	position:relative;
}

.storyplay {
	color:#f9f9f9;
	font-size:1em;
	position:absolute;
	bottom:0.5em;
	right:0.5em;
}

.recipeimage {
	height: calc( 100% - 7em );
}

.storytip {
	width:100%;
	height:calc( 100% - 5.5em );
	float:left;
	background-color:#efefef;
	position:relative;
	background: rgb(154,3,193);
	background: linear-gradient(56deg, rgba(15,27,169,1) 10%, rgba(81,2,183,1) 50%, rgba(175,5,222,1) 75%);
}

.rg_noise {
	background-image: url(data:image/png;base64,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);
	width:100%;
	height:100%;
}

.rg_grid {
	background-image: url("https://www.besuperfied.com/wp-content/themes/superfied/images/responsive/grid.png");
	width:100%;
	height:100%;	
}


.storytiptext {
	font-family:'Circe Regular'; 
	font-size:1em;
	color:#000230; 
	padding:1em;
	line-height:1.2em;
	text-align:left;
}

.storytipcredit {
	font-family:'Circe Regular'; 
	font-size:1em;
	color:#333333;
	padding:2em;
	padding-top:0em;
	text-align:right;
	position:absolute;
	bottom:0em;
	width:calc(100% - 4em);
	display:none;
}

.storytext {
	width:100%;
	height:5.5em;
	position:relative;
	float:left;
	background-color:#efefef;
	border-bottom: 1px solid #2F38A3;	
}

.recipetext {
	height:7em;
}

.storybyline {
	font-family:'Circe Regular';
	font-size:0.7em;
	position:absolute;
	left:0.7em;
	bottom:5px;
	color:#000000;
}

.storytextonly {
	width:100%;
	height:100%;
	position:relative;
	float:left;
	background-color:#efefef;
	border-bottom: 1px solid #2F38A3;	
}

.storytypetext {
	font-family:'Circe Bold';
	background-color:#2F38A3;
	color:#ffffff;
	font-size:0.75em;
	padding: 2px 0 0 10px;
}

.storyheadline {
	font-family:'Circe ExtraBold';
	font-size:1em;
	color:#000000;
	padding: 7px 10px 2px 10px;
	min-height:2.5em;
	line-height:1em;
}

.header{
	width:100%;
	height:57px;
	background-color:#000231;
	position:fixed;
	top:0px;
	left:0px;
	z-index:10;
}

.headerinside {
	max-width:1130px;
	margin:auto;
}

.headerleft {
	float:left;
	width:35px;
	overflow:hidden;
	padding-left:10px;
	padding-top:10px;
	position:absolute;
}

.headerright {
	float:right;
	width: calc( 100% - 45px );
	text-align:right;
	padding-right:4px;
	padding-top:8px;
	position:relative;
}

.headerbutton_test {
    color: #ffffff;
    float: right;
    padding: 3px;
	padding-bottom:1px;
    margin: 3px;
    font-family: 'Circe Regular';
    letter-spacing: 1px;
    font-size: 0.9em;	
	margin-top:5px;
	border-bottom: 2px solid #666683;
}


.headerbutton_learn {
    color: #ffffff;
    float: right;
    padding: 3px;
	padding-bottom:1px;
    margin: 3px;
    font-family: 'Circe Regular';
    letter-spacing: 1px;
    font-size: 0.9em;	
	margin-top:5px;
	border-bottom: 2px solid #3A34A5;
}

.headerbutton_eat {
    color: #ffffff;
    float: right;
    padding: 3px;
	padding-bottom:1px;
    margin: 3px;
    font-family: 'Circe Regular';
    letter-spacing: 1px;
    font-size: 0.9em;	
	margin-top:5px;
	border-bottom: 2px solid #A92ACC;
}



.headerbutton_search {
    color: #ffffff;
    float: right;
    font-family: 'Circe Regular';
    letter-spacing: 1px;
    font-size: 1em;	
	width:35px;
	text-align:center;
	padding-top:12px;
	position:relative;
}

.headerbutton_search:hover {
	cursor:pointer;
}

.headerbutton_menu {
    color: #ffffff;
    float: right;
    font-family: 'Circe Regular';
    letter-spacing: 1px;
    font-size: 16px;	
	width:35px;
	text-align:center;
	padding-top:11px;
	position:relative;
}

.headerbutton_menu:hover {
	cursor:pointer;
}


.breakhead {
	width:96%;
	height:1em;
	font-family:'Circe ExtraBold';
	padding-left:0em;
	font-size:1.2em;
	padding-bottom:0.5em;
	float: left;
    border-bottom: 2px solid #a2a2a2;
    margin-bottom: 0.5em;
    margin-top: 1em;
	margin-left: 2%;
}


.type_test {
	background-color:#666683;
}

.story_test {
	border-bottom-color: #666683;
}

.type_learn {
	background-color:#2F38A3;
}

.story_learn {
	border-bottom-color: #2F38A3;
}

.type_eat {
	background-color:#A223C5;
}

.story_eat {
	border-bottom-color: #A223C5;
}

.type_me {
	background-color:#00CD80;
}

.story_me {
	border-bottom-color: #00CD80;
}


.search_box {
	background-color:#000000aa;
	height:100%;
	position:fixed;
	right:0;
	top:45px;
	z-index:99;
	font-family:'Circe Regular';
	padding:0.5em;
	border-radius:0.5em;
	font-size:0.8em;
	display:none;
	width:calc(100% - 1em);
	margin-top:0.5em;
	font-size:16px;
}

.search_input {
	padding:0.5em;
	font-family:'Circe Regular';
	border-radius:0.5em;
	width:100%;
	border-color:#00cd80;
	border-width:2px;
	border-style:solid;
	font-size:16px;
}

.search_input:focus {
	outline:none;
}

.menu_box {
	background-color:#ffffff;
	position:absolute;
	right:1em;
	top:45px;
	z-index:99;
	font-family:'Circe Regular';
	padding:0.5em;
	border-radius:0.5em;
	font-size:0.8em;
	display:none;
}

.menu_button {
	width:15em;
	padding:0.5em;
	margin-bottom:0.5em;
	text-align:left;
	font-size:1em;
	text-decoration:none;
	border-radius:0.5em;
	color:#000000;
}

.menu_button:hover {
	background-color:#000231;
	color:#ffffff;
}

.menu_explain {
	width:14em;
	padding:1em;
	font-family:'Circe Regular';
	color:#666666;
	margin-top:1.5em;
	text-align:left;
	background-color:#fbf5f5;
	border-radius:0.5em;
	max-height:calc(100vh - 29em);
	overflow:auto;
}


.alert_box {
	background-color:#ffffff;
	position:absolute;
	right:6em;
	top:45px;
	width:17em;
	z-index:99;
	font-family:'Circe Regular';
	padding:0.5em;
	border-radius:0.5em;
	font-size:0.8em;
	display:none;
}

.alert_item {
	width:100%;
	font-family:'Circe Regular';
	text-align:left;
	border-radius:0.5em;
}

.alert_item:hover {
	background-color:#000231;
	color:#ffffff;
	cursor:pointer;
}


.alert_icon {
	width:calc( 15% - 1em );
	height:100%;
	font-family:'Circe Regular';
	text-align:center;
	float:left;
	font-size:1em;
	color:#666666;
	padding:0.5em;
}

.alert_caption {
	width:calc( 75% - 1em );
	font-family:'Circe Regular';
	text-align:left;	
	float:left;
	padding:0.5em;
}

.tip_area {
	width:100%;
	text-align:center;
	font-family:'Circe Regular';
	font-size: 1em;
    padding-top: 1em;
    margin-bottom: -0.5em;
}

.balancetext_label {
	position:absolute;
	width:100%; 
	text-align:center; 
	font-size:1.5em;
	color:#ffffff;
	font-family:'Circe ExtraBold';
	margin: 0;
	position: absolute;
	top: calc(50% - 0.1em);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);	 
}

.balancescore_label {
	position:absolute;
	width:100%; 
	text-align:center; 
	font-size:1.4em;
	color:#ffffff;
	font-family:'Circe ExtraBold';
	margin: 0;
	position: absolute;
	top: calc(50% - 0.1em);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);	 
}

.balancescore_type {
	width: 4em;
    height: 0.8em;
    text-align: center;
	font-size: 0.5em;
    color: #ffffff;
    font-family: 'Circe ExtraBold';
    margin: 0;
    position: absolute;
    top: calc(50% + 2em);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    left: calc(50% - 2em);	 
}

.greensmall {
	font-family:'Circe Regular';
	color:#ffffff;
	font-size:0.9em;
	text-transform: uppercase;
	padding:0.2em;
	color:#00CD80;
	max-width: 92%;
    margin-left: 4%;	
}

.whitesmall {
	font-family:'Circe Regular';
	color:#ffffff;
	font-size:0.9em;
	text-transform: uppercase;
	padding:0.2em;
	max-width: 92%;
    margin-left: 4%;
}

.headline {
	font-family:'Circe Bold';
	color:#ffffff;
	font-size:1.2em;
}

.subheadline {
	font-family:'Circe Bold';
	color:#000000;
	font-size:1.1em;
	width:94%;
	margin-left:3%;	
	margin-bottom:0.5em;
}

h5 {
	font-family:'Circe Bold';
	font-size:1.1em;
	font-weight:200;
	margin-block-end:0.1em;
	margin-block-start:0.5em;
}

h6 {
	font-family:'Circe Bold';
	font-size:1.1em;
	font-weight:200;
	margin-block-end:0.1em;
	margin-block-start:0.5em;
}

::marker {
	font-family:'Circe Bold';
	font-size:1.1em;
	font-weight:200;
	margin-block-end:0.1em;
	margin-block-start:0.5em;
}

.textcontent {
	font-family:'Circe Regular';
	color:#000000;
	font-size:1em;
	width:94%;
	margin-left:3%;
	margin-bottom:1em;
}

.pageimage {
	width: 100%;
    height: 13em;
    background-size: cover;
    background-position: center;
	margin-bottom:1em;
	margin-top:-55px;
}

.testsymbol {
	height:40%;
}

.testsymbolnl {
	height:70%;
}

.testtop {
	height:340px;
}

.graphictop {
	height:310px
}

.graphictopnl {
	height:290px
}


.testbottom {
	max-height:30px;
}

.testbottomnl {
	max-height:30px;
}

.button {
	background-color:#00CD80;
	color:#ffffff;
	padding:0.5em;
	border-radius:0.5em;
	float:left;
	font-family:'Circe Regular';
	padding-left:1em;
	padding-right:1em;
	font-size:0.8em;
	text-transform: uppercase;
}

.button:hover {
	background-color:#029860;
	cursor:pointer;
}

.loginform {
	max-width:450px;
	margin:auto; 
	height:100%;	
	font-family:'Circe Regular';
}

.loginfield {
    border: 1px solid #ecf4ff;
    padding: 0.5em;
    background-color: #ecf4ff;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
    width: 100%;	
	font-family:'Circe Regular';
	font-size:1em;
}

a {
	color:#00CD80;
	text-decoration:none;
}

.textconstrain {
	width:92%;
	margin:1%;
	max-width:800px;
	margin:auto;
}

.pagecontent {
	width:100%;
	padding-bottom:2em;
	font-family:'Circe Regular';
}

.table {
	display:table;
}

.row {
	display:table-row;
}

.cell {
	display:table-cell;
}

.titlecell {
	display:table-cell;
	color:#00cd80;
}

.season_ind {
	width:100%;
	height:30px;
	padding-top:3px;
}
.season_datebox {
	width:7.6%; 
	height:50%; 
	border: 1px solid #5f5f5f; 
	float:left;
	border-left:none;
}
.season_captionbox {
	width:7.6%; 
	height:50%; 
	text-align:center;
	border: 1px solid white; 
	float:left;
	font-size:9px;
	border-left:none;
}	
.season_mid {
	background-color:#b7fde3;
}
.season_full {
	background-color:#00cd80;
}


#pswd_info {
    position:absolute;
    width:180px;
    padding-left:15px;
    background:#fefefe;
    font-size:.875em;
    border-radius:5px;
    box-shadow:0 1px 3px #ccc;
    border:1px solid #ddd;
	padding-top:10px;
	padding-bottom:10px;
	display:none;
}

#pswd_info::before {
    content: "\25B2";
    position:absolute;
    top:-12px;
    left:45%;
    font-size:14px;
    line-height:14px;
    color:#ddd;
    text-shadow:none;
    display:block;
}

.invalid {
    /*background:url(../assets/icons/cross.png) no-repeat 0 50%;
    padding-left:22px;*/
    line-height:24px;
    color:#FF1C49;
}
.valid {
    /*background:url(../assets/icons/tick.png) no-repeat 0 50%;
    padding-left:22px;*/
    line-height:24px;
    color:#00CD80;
}


.nutribox {
	background-color: #dedede;
    border-radius: 0.5em;
	margin-top:0.5em;
	margin-bottom:0.5em;
}

.nutridetails {
	padding:0.3em;
	padding-left:0.9em;
	font-size:0.9em;
}

.nutriselect {
	background-color: #ffffff;
    padding: 0.3em;
	padding-left:0.8em;
	border-radius:0.5em;
	font-family:'Circe Bold';
	border:2px solid #dedede;
}

.nutriextradetails {
    padding: 0.5em;
    font-size: 0.9em;
    padding-left: 0.8em;
    background-color: #cccccc;
    border-radius: 0.5em;
	display:none;
}

.nutrireadmore {
	color:#666666;
}

.nutrireadmore:hover {
	cursor:pointer;
}

.hovergreen:hover {
	background-color:#00CD80;
	color:#ffffff;
	cursor:pointer;
}

.hoverred:hover {
	background-color:#ff1c49;
	color:#ffffff;
	cursor:pointer;
}

.hoverorange:hover {
	background-color:#ffb13b;
	color:#ffffff;
	cursor:pointer;
}



.switch {
  position: relative;
  display: inline-block;
  width: 2.4em;
  height: 1.4em;
}


.switch input {
  opacity: 0;
  width: 0;
  height: 0;
  position:absolute;
}

.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 1em;
  width: 1em;
  left: 0.2em;
  bottom: 0.2em;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .slider {
  background-color: #00cd80;
}

input:focus + .slider {
  box-shadow: 0 0 1px #00cd80;
}

input:checked + .slider:before {
  -webkit-transform: translateX(1em);
  -ms-transform: translateX(1em);
  transform: translateX(1em);
}

/* Rounded sliders */
.slider.round {
  border-radius: 1em;
}

.slider.round:before {
  border-radius: 50%;
}

.foodselect {
	vertical-align:top; 
	float:left;
	margin-bottom:0.4em;
	padding:0.2em; 
	width:45%;
}

.foodlabel {
	float:left;
	margin-left:0.3em;
	margin-top:0.1em;
	font-size:0.8em;
}	

.recipethumb {
	position: absolute;
	right: 1.2em;
	bottom: 0px;
	color: bcbcbc;
	font-size: 1em;
	padding:6px;
}

.storyfav {
	position: absolute;
	right: 0px;
	bottom: 0px;
	color: bcbcbc;
	font-size: 0.9em;
	padding:6px;
}

.storyfav:hover {
	cursor:pointer;
}


.morning {display:none;}
.afternoon {display:none;}
.evening {display:none;}

.recipebreakfast {display:none;}
.recipelunch {display:none;}
.recipedinner {display:none;}


.tiptable {
	width:85%; 
	margin:auto; 
	min-width:15em;
	margin-top:2em;
}

.tiptablesingle {
	width:85%; 
	margin:auto; 
	min-width:15em;
	margin-top:2em;
}

.fl_bubble {
	padding:0.3em;
	border-radius:0.5em;
	background-color:#efefef;
	float:left;
	margin:0.2em;
	padding-right: 0.4em;
    padding-bottom: 0.2em;
}

.notify {
	position: absolute;
    top: 4px;
    right: 4px;
    background-color: #ff1c49;
    font-size: 0.6em;
    z-index: 8;
    padding: 0.1em;
    border-radius: 0.5em;
    /* min-width: 1.3em; */
    padding-left: 0.4em;
    padding-right: 0.4em;
    font-family: 'Circe Bold';
}

.searchresult {
	width:calc( 100% - 1em );
	text-align:left;
	border-radius:0.5em;
	background-color:#dedede;
	padding:0.5em;
	margin-bottom:0.1em;
	margin-top:0.1em;
	font-family:'Circe Regular';
}

.searchresult:hover {
	background-color:#00cd80;
	color:#ffffff;
}

.searchresultname {
	font-family:'Circe Bold';
}

.searchresulttype {
	font-size:0.8em;
}

.searchresultsmain {
	/*--max-width: 16.7em;--*/
    max-height: 60vh;
    overflow: hidden;
	position:absolute;
	width:90%;
	max-width:29.4em;
	z-index:9;
	background-color:#ffffff;
	border-radius: 0.5em;
	overflow:auto;
	padding:0.3em;
}

/* width */
::-webkit-scrollbar {
  width: 10px;
}

/* Track */
::-webkit-scrollbar-track {
  background: #f1f1f1; 
}
 
/* Handle */
::-webkit-scrollbar-thumb {
  background: #888; 
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #555; 
}

.bigonly {
	display:none;
}

.pracbox {
	width:48%;
	margin:1%;
	float:left;
	font-family:'Circe Regular';
	height:15em;
}

.pracicon {
	max-width:9em; 
	max-height:9em; 
	position:relative; 
	margin:auto; 
	margin-bottom:0.2em;
	padding:20px;
}

.pracname {
	font-family:'Circe Bold';
	color:#000000;
}

.pracskill {
	font-size:0.8em;
	height:3.5em;
}

.tipnumber {
	text-align:center;
	border:2px solid #00CD80; 
	background-color: #fafafa; 
	color:#00cd80;
	border-radius: 0.25em; 
	padding: 0.5em;
	font-family:'Circe ExtraBold';
	font-size:2em;
	width:20%;
}

.tiptext {
	text-align:left;
	border:2px solid #00CD80; 
	background-color: #fafafa;
	border-radius: 0.5em; 
	padding: 0.5em;"
}

.social_share{
	position:absolute;
	right:calc(50% - 16em);
	z-index: 99;
	color: #00CD80;
	width: 2em;
	height: 8em;
	top: calc(50% - 14em);
	font-size:0.4em;	
}

.tipwindow {
	font-family: 'Circe Regular'; 
	color:#656565; 
	font-size: 0.8em; 
	background-color: #dedede; 
	padding: 1em; 
	border-radius: 0.5em; 
	width: auto; 
	position: absolute; 
	z-index: 9;
	max-width:15em;
	display:none;
}

.tipwindow:hover {
	cursor:pointer;
}

.tipicon {
	font-size:1em;
}



.blogimg {    
	max-width: 100%;
	height: auto;
	padding-left: 0%;
	padding-right: 0%;
}

blockquote {
    font-family: 'Circe Bold';
    text-align: center;
	text-transform: uppercase;
	color:#000231;
	margin-top:2em;
	margin-bottom:2em;
}

.cellhover:hover {
	cursor:pointer;
}

.footerspace {
	width:100%;
	height:1em;
	background-color:#ffffff;
}

.footer {
	width:100%;
	height:2em;
	background-color:#666783;
}

.footercontent {
	max-width:1130px;
	margin:auto;
	width:96%;
}

.footerleft {
	float:left;
	color:#ffffff;
	font-family:'Circe Regular';
    font-size: 0.8em;
    margin-top: 0.5em;
}

.footerright {
	float:right;
	color:#ffffff;
	font-family:'Circe Regular';
    font-size: 0.8em;
    margin-top: 0.5em;
}

.loadMore {
	text-align:center;
	padding-top:0em;
	padding-bottom:1em;
	font-family:'Circe Regular';
	font-size:0.8em;
	text-align:center;
	cursor:pointer;
	color:#00cd80;
}

.tiptabletext {
	font-size:0.8em;
}

.wp-caption-text {
	font-size:0.8em;
	text-align:center;	
}
figcaption {
	font-size:0.8em;
	text-align:center;
}

.deskpay{
	display:none;
}


.devwatermark{
	display:none;
	position:fixed;
	bottom:2px;
	right:2px;
	font-family:'Circe Bold';
	font-size:0.8em;
    color: #ffffff;
    background-color: #ff0000;
    border-radius: 0.5em;
    padding: 0.3em;
	padding-bottom:0.1em;
	z-index:99999;
}

.partnerblock{
	margin:auto;
	max-width:1100px;
	padding-top:70px;
}

.hidesmall {
	display:none;
}

@keyframes belltileanim {
	0% {color:#ff1c49;}
	15% {color:#ff1c4900;}
	30% {color:#ff1c49;}
	100% {color:#ff1c49;}
}

.belltile {
	position:absolute;
	top:10px;
	right:10px;
	font-size:1em;
	color:#ff1c49;
	animation-name: belltileanim;
	animation-duration:2s;
	animation-iteration-count:999;
}

.searchcontain {
	text-align:center;
	margin-top:1em;
}


.onboard {
	color:#000000;
	padding:0.5em;
	font-family:'Circe ExtraBold';
	font-size:1em;
	text-align:center;
	background-color:#ffffffdd;
	max-width:30em;
	margin:auto;
	padding-bottom:1.5em;
}

.testcta {
	width:calc(99% - 2em); 
	text-align:center;
	font-family:'Circe Bold';
	float:left;
	padding:1em;
	font-size:1em;
	margin-left:1%;
	padding-top:0.5em;
	line-height:1.2em;	
}

.notifier {
	position:fixed;
	bottom:20px;
	right:20px;
	width:20em;
	background-color:#00cd80;
	border-radius:10px;
	padding:10px;
	padding-top:5px;
	padding-right:20px;
	color:#ffffff;
	font-family:'Circe Bold';
	z-index:999;
	max-width:calc(100% - 70px);
	display:none;
}

.notifier td {font-size:0.8em;}
.notifier img {width:20px; margin-right:5px;}

.notifierclose {
	position:absolute;
	top:-10px;
	right:-10px;
	color:#00cd80;
	background-color:#ffffff;
	padding:3px;
	padding-top:5px;
	border-radius:10px;
	z-index:9999;	
}

#fader {
	position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 999999;
	pointer-events: none;
	background: #000231;
	animation-duration: 300ms;
    animation-timing-function: ease-in-out;
}

#tmessage {
	position:fixed;
	top:45%;
	left:0;
	width:100%;
	text-align:center;
	color:#ffffff;
	z-index: 9999999;
	pointer-events: none;
}

@keyframes fade-out {
    from { opacity: 1 }
      to { opacity: 0 }
}

@keyframes fade-in {
    from { opacity: 0 }
      to { opacity: 1 }
}

#fader.fade-out {
    opacity: 0;
    animation-name: fade-out;
}

#fader.fade-in {
    opacity: 1;
    animation-name: fade-in;
}

#tmessage.fade-out {
    opacity: 0;
    animation-name: fade-out;
}

#tmessage.fade-in {
    opacity: 1;
    animation-name: fade-in;
}

#balanceinfo {
	font-size:1.5em;
}

.headerbutton_home {
	margin-left:5px;
}

.obheader {
	width:100%;
	height:22%;
	font-family:'Circe ExtraBold';
	float:left;
	font-size:1em;
	text-align:center;
	padding-top:1em;
	color:#000000;
	display:none;
}

.obblock {
	width:50%;
	float:left;
	height:50%;
	text-align:center;
	font-family:'Circe Regular';
	position:relative;
	font-size:0.75em;
}


.obblockoff:hover {
	background:none;
	cursor:default;
}

.obcircle_check {
	color:#ffffff;
	position: absolute; 
	margin-left: -3.5em; 
	margin-top: -3.5em; 
	background-color:#00cd80;
	border-radius:2em;
	padding-top:0.2em;
	padding-bottom:0.2em;	
}

.obcircle_blank {
	color:#00cd80;
	position: absolute; 
	margin-left: -3.5em; 
	margin-top: -3.5em; 
	background-color:#ffffff;
	border-radius:2em;
	padding-top:0.2em;
	padding-bottom:0.2em;	
}

.oborange {color:#ffbf30; background-color:#ffbf30;}

.oboverlay {
	width:100%;
	height:100%;
	background-color:#dad3d3d1;
	position:absolute;
	z-index:9;
}

.obinactive {color:#999999; background-color:#999999;}

.obicon {width:85px;}

.obline1 {border:none; border-top: 2px solid black; position: absolute;width: 9%;left: 21%;top: 52%; display:none;}
.obline2 {border:none; border-top: 2px solid black; position: absolute;width: 9%;left: 46%;top: 52%; display:none;}
.obline3 {border:none; border-top: 2px solid black; position: absolute;width: 9%;left: 72.5%;top: 52%; display:none;}

.obbox {background:#eef0f2;}
.obcomplete {max-height:140px;margin-left:0em;margin-right:1em;float:left;}
.obcomplete_head {font-family:Circe ExtraBold;font-size:1em;}
.obcomplete_body {font-family:Circe Regular;font-size:0.9em;}

.tdbox {background:#eef0f2;}
.tdwide {display:none;}
.tdnarrow {display:block;}

.todo {
	width:100%;
	color:#000000;	
	padding-top:0.5em;
	padding-bottom:0.5em;
}

.todo:hover {
	background-color:#ffffff;
}

.todohead {
	width:calc(100% - 1.5em);
	height:2em;
	font-family:Circe ExtraBold;
	font-size:1em;
	padding-left:1.5em;
}

.todotick {
	width:1em;
	float:left;
	padding-left:1.5em;
	font-size:1em;
	color:#000000;	
}

.todocaption {
	width:calc(100% - 6.5em);
	font-family:Circe Regular;
	font-size:0.9em;
	padding-left:0.5em;
	margin-top:-0.1em;
	color:#000000;
	margin-left:3em;
	line-height:1.3em
}

.tdstat{
	background-color:#dae4ef;
	display:none;
}

.tdstatcontain {
	width:calc(33% - 1em);
	float:left;
	padding:0.5em;
	background-color:dae4ef
}

.tdstatsymbol {
	float:left;
}

.tdstatcontext {
	float:left;
	padding-left:1em;
	font-size:0.7em;
	margin-top:0.9em;
}

.recipesearch {
    width: calc(96% - 2em);
    background-color: #efefef;
    float: left;
    padding: 1em;
    border-radius: 1em;
    text-align: center;
    color: #000000;
    margin-top: 2em;
	font-family:Circe Regular;
	margin-left:2%;
	border:1px solid #a223c5;
}


@media only screen and (max-width: 320px) {
	.headerbutton_menu {width:25px;}
	.headerbutton_eat {font-size:0.7em;margin-top:7px;}
	.headerbutton_learn {font-size:0.7em;margin-top:7px;}
	.headerbutton_test {font-size:0.7em;margin-top:7px;}
}

@media only screen and (max-width: 300px) {
	.smallscreenhide {display:none;}
	.headerbutton_menu {padding-left:20px;}
}


@media only screen and (min-width: 400px) {
	.obheader {font-size:1.2em;display:block;}
	.obblock {font-size:0.8em;width:25%;float:left;height:69%;}
	.obicon {width:100px;}
	.obline1 {width: 7%;left: 22%;top: 50%; display:block;}
	.obline2 {width: 7%;left: 48%;top: 50%; display:block;}
	.obline3 {width: 7%;left: 74.5%;top: 50%; display:block;}	
}

@media only screen and (min-width: 520px) {
	.headerleft{overflow:inherit;width:calc(30% - 20px);}
	.headerright{width:25em;}
	.testsymbol {height:40%;}
	.testsymbolnl {height:80%;}
	.balancescore_label {font-size:3em;}
	.balancetext_label {font-size:2.5em;}
	.headline {font-family:'Lust Display';font-size:2.2em;}	
	.subheadline {font-family:'Lust Display';font-size:2em;}	
	h5 {font-family:'Circe ExtraBold';	font-size:1.5em; margin-top:1.5em;}	
	h6 {font-family:'Circe ExtraBold';	font-size:1.5em; margin-top:1.5em;}	
	::marker {font-family:'Circe ExtraBold';	font-size:1.5em; margin-top:1.5em;}	
	.rg_mh_bounding {height:80px;}
	.rg_mh_bounding_food {height:270px;}
	.rg_mh_graphic {height:65%;}
	.rg_mh_wavybottom {max-height:35%}
	.rg_mh_wavybottom2 {max-height:100px;}
	.testtop {height:470px}
	.graphictop {height:390px}	
	.testbottom {max-height:80px;}
	.testbottomnl {max-height:120px}
	.greensmall {font-size:1.1em;}
	.whitesmall {font-size:1.1em;}
	.hubtitle {font-size:2em; font-family: 'Lust Display';}
	.breakhead {font-family:'Lust Display';font-size:1.5em;}
	.storytypetext {font-size:0.8em;}
	.foodselect {width:28%;}
	.foodlabel {font-size:1em;}
	.pageimage{height:18em;margin-top:-45px;}
	.headerbutton_test {margin-right:0.5em;}
	.headerbutton_learn {margin-right:0.5em;}
	.headerbutton_eat {margin-right:0.5em;}
	.balancescore_type {font-size: 1em;}
	.social_share {font-size:0.6em;top: calc(50% - 10em);}
	.smtip {height:18em;}
	.smbox {height:18em;}
	.storytiptext {font-size:1.3em;}
	.tipwindow {font-size: 0.8em;}
	.tipicon {font-size:1.1em;}
	.storyheadline{font-size:1.2em;}
	.cell{font-size:1em;}
	.titlecell{font-size:1em;}
	.pracbox {width:30%;}
	.partnerblock {padding-top:90px;}
	.storybyline {font-size:0.8em;}
	.hidesmall {display:inline;}
	.testcta {font-size:1.2em;}
	#balanceinfo {font-size:2em;}
	.storyplay {font-size:1.5em; bottom:0.7em; right:0.7em;}	
	.search_box{position:absolute;right:0.4em;width:80%;font-size:1em;height:auto;background-color:#ffffff;}
	.search_input{font-size:1em;}
}

@media only screen and (min-width: 750px) {
	.smbox{width:calc(33.3% - 1em );height:20em;}
	.stbox{width:calc(33.3% - 1em );height:8em;}
	.widebox{width:calc(66.6% - 1em );height:20em;}
	.breakhead{font-size:2.2em;width:98%;margin-left: 1%;}
	.storyheadline{font-size:1.15em;}
	.testcta {font-size:1.15em;}
	.hubtitle {font-size:3em;}
	.rg_mh_bounding {height:170px;}
	.rg_mh_graphic {height:46%;}
	.rg_mh_wavybottom {max-height:55%;}
	.rg_mh_wavybottom2 {max-height:60%;}
	.testbottom {max-height:120px;}
	.testtop {height:510px}
	.graphictop {height:390px}
	.testtopnl {height:400px}
	.testbottomnl {max-height:120px}
	.testlogobox {	width: calc( 30% - 1em ); margin-left:1em; margin-bottom:0.5em;margin-right:0em;margin-top:0em;}
	.testtextbox {	width:calc( 70% - 3em ); margin-bottom:0.5em; margin-right:0em;margin-top:0em; margin-left: 0em;}
	.testheadline {font-size: 2em;}
	.testbodytext {font-size:1.1em;}
	.testinfotext {font-size:0.9em;margin-top:0.8em;}
	.testspacer {height:4em;}
	.balancescore_label {font-size:4em;}
	.balancetext_label {font-size:3em;}
	.foodselect {width:23%; font-size:1em;}
	.pageimage{height:26em;margin-top:-110px;}
	.testsymbol {height:50%;}
	.testsymbolnl {height:70%;}
	.storytiptext {font-size:1.5em;}
	.storytipcredit {font-size:0.8em;display:block;}
	.header {width:calc(100% - 4em);padding-left:2em;padding-right:2em;}

	.tiptable{float:left;margin-left:7.5%;width:40%;}
	.tiptablesingle{width:40%;}
	.bigonly {display:block;}
	.loadmore {font-size:1em;}
	.deskpay{display:block;}
	.mobpay{display:none;}	
	.partnerblock {padding-top:180px;}
	.storybyline {font-size:0.9em;}
	.belltile {font-size:1.5em;top:15px;right:15px;}
	
	.notifier td {font-size:1em;}
	.notifier img {width:unset;margin-right:10px;}
	.notifierclose {top:-5px; right:-5px;}
	
	.obheader {font-size:2em;}
	.obicon {width:120px;}
	.obline1 {width: 7%;left: 23%;top: 49%;}
	.obline2 {width: 7%;left: 48%;top: 49%;}
	.obline3 {width: 7%;left: 74.5%;top: 49%;}
	.obblock {font-size:1em;width:25%;float:left;height:68%;}
	.obcomplete {max-height:280px;margin-left:0em;}
	.obcomplete_head {font-family:Circe ExtraBold;font-size:1.2em;}
	.obcomplete_body {font-family:Circe Regular;font-size:1em;}
	
	.todohead {font-size:1em;padding-top:0em;}
	.todotick {font-size:1.5em; padding-left:1em;}
	.todocaption {font-size:1em; margin-top:0.3em;}	

	.storyplay {font-size:1.5em; bottom:0.7em; right:0.7em;}	
	
	.tdstat{display:block;}
}

@media only screen and (min-width: 930px) {
	.tdstatcontext {font-size:1em;margin-top:0.4em;line-height:1.2em;}
}

@media only screen and (max-width: 766px) AND (min-width: 750px) {
	.obline1 {width: 7%;left: 21%;top: 50%;}
	.obline2 {width: 7%;left: 46%;top: 50%;}
	.obline3 {width: 7%;left: 72.5%;top: 50%;}	
}

@media only screen and (max-height: 690px) and (min-width: 800px) {
	body{font-size:0.9em;}
	.hubtitle {font-size:2.5em;}
	.rg_mh_bounding {height:130px;}
	.testtop {height:510px;}
}

@media only screen and (min-width: 1000px) {
	.obicon {width:140px;}
	.obline1 {width: 7%;left: 23%;top: 51%;}
	.obline2 {width: 7%;left: 48%;top: 51%;}
	.obline3 {width: 7%;left: 74.5%;top: 51%;}	
	
	.header {width:calc(100% - 8em);padding-left:4em;padding-right:4em;}
	.storyheadline{font-size:1.4em;}
	.testcta {font-size:1.4em;}
	.headline {font-size:3em;}

	
}

@media only screen and (min-width: 1100px) {
	.storytiptext {font-size:1.7em;}
	.storytipcredit {font-size:1em;}
	.todocaption {font-size:1.2em;margin-top:0.1em;}
}