/*
Theme Name:GenF20 Plus
Theme URI:https://www.genf20.com
Description:Hand coded GenF20 Plus site
Author:GenF20 Plus
Author URI:https://www.genf20.com
Template:blankslate
Version:0.0.10
*/

body {
	font-family:'Roboto Slab', sans-serif;
	color:#000;
	padding:0;
	margin:0;
}

.clear {
	clear:both;
}

.desktop, .tablet, .mobile {
	display:none;
}

html.desktop, html.tablet, html.mobile {
	display:initial;
}

a {
	color:rgb(180, 8, 35);
}

.menu a,
a.trigger {
	text-decoration:none;
}

a, a * {
	outline:none;
}

img {
	max-width:100%;
	height:auto;
}

h1, h2, h3 {
	font-weight:700;
	font-family:"Roboto Slab", sans-serif;
	text-align:center;
	line-height:1.2em;
	margin:0;
}

h1 {
	font-size:2.0em;
}

h2 {
	font-size:1.5em;
}

h3 {
	font-size:1.25em;
}

ul, ol {
	list-style:none;
	padding:0;
	margin:0;
}

ul.disc {
	list-style:initial;
	padding-left:1em;
	margin-top:1em;
}

img.img_left {
	float: left;
}

img.img_right {
	float: right;
}

.screen-reader-text {
	display:none;
}

.bold {
	font-weight:bold;
}

.normal {
	font-weight:normal;
}

.lt {
	text-decoration:line-through;
}

sup {
	font-size:0.6em;
	line-height:1em;
	position:relative;
}

.bigger {
	font-size:1.15em;
}

.smaller {
	font-size:0.85em;
}

p.headline {
	text-align:center;
	font-weight:bold;
}

div.br {
	height:1em;
}

div.pp {
	margin:0.25em 0;
}

.underline {
	text-decoration:underline;
}

b {
	font-weight:bold;
}

.center {
	text-align:center;
}

.highlight {
	color: rgb(180, 8, 35);
}

.wistia .placeholder {
	cursor:pointer;
	background-size:100% auto;
}

.wistia[wistia-aspect="56.25"] .placeholder {
	padding-top:56.25%;
}

.content_container.ls > .content_inner ul {
	list-style:disc;
	padding-left:1em;
}

.content_container.ls > .content_inner ol {
	list-style:decimal;
	padding-left:1em;
}

.content_container.ls > .content_inner ul li,
.content_container.ls > .content_inner ol li {
	margin-bottom:0.5em;
}

.popupLayer {
	position:fixed;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background-color:rgba(0,0,0,0.85);
	transition:opacity 0.5s;
	opacity:0;
	display:none;
	text-align:center;
	cursor:pointer;
	z-index:99;
}

.popupLayer.show {
	display:block;
}

.popupLayer.show.display {
	opacity:1;
}

.popupLayer > img {
	vertical-align:middle;
	max-width:96%;
	max-width:calc(100% - 20px);
}

.popupLayer::before,
.popupLayer::after {
	content:'';
	display:inline-block;
	vertical-align:middle;
	height:100%;
	width:1px;
}

.w40 { width:40%; float:left; }
.w50 { width:50%; float:left; }
.w60 { width:60%; float:left; }

.selectBox.collapsable a.trigger {
	display:block;
	border-radius:0.25em;
	position:relative;
	z-index:1;
	text-decoration:none;
	padding:0px 1.3em 0px 0px;
	background-color:#969696;
	background: url("img/triangle.svg"), linear-gradient(to bottom, #969696 0%, #595959 100%);
	background-size:0.9em auto, auto;
	background-repeat:no-repeat, repeat;
	background-position:right 0.2em  center, 0 0;
	border:solid 1px #4c4c4c;
	overflow:hidden;
}

.selectBox.collapsable.open a.trigger {
	background-color:#969696;
	background: url("img/triangle.svg"), linear-gradient(to bottom, #7384b8 0%, #213c8f 100%);
	background-size:0.9em auto, auto;
	background-repeat:no-repeat, repeat;
	background-position:right 0.2em  center, 0 0;
	border:solid 1px #112e87;
}

.selectBox.collapsable a.trigger:hover {
}

.selectBox.collapsable a.trigger .title {
	color:#000000;
	background-color:rgba(203,200,200,1);
	background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(203,200,200,1) 100%);
	text-decoration:none;
	font-weight:bold;
	text-align:left;
	padding:0.5em 0.5em 0.4em;
	border-right:solid 1px #4c4c4c;
}

.selectBox.collapsable .collapsableBlock {
	background-color:#fff;
	border-left:solid 1px #ccc;
	border-right:solid 1px #ccc;
	margin:0 0.10em;
}

.selectBox.collapsable .collapsableBlock .padding {
	padding:0px;
}
.selectBox.collapsable .collapsableBlock .option {
	border-bottom:solid 1px #ccc;
	padding:0.5em 0.5em 0.4em;
	cursor:pointer;
}

.selectBox.collapsable.open .collapsableBlock .option:hover {
	background-color: #0092ff;
	color: #ffffff;
}

.selectBox.collapsable .collapsableBlock .option.selected {
	background-color:#0092ff;
	color:#ffffff;
}

.content_container .content_inner {
	margin:0 auto;
}

.collapsable .collapsableBlock {
	height:0;
	overflow:hidden;
	transition:height 0.5s;
	overflow:hidden !important;
}

.collapsable .collapsableBlock > .padding {
	padding:0.1px 0;
}

.content_container .content_inner .padding {
	padding:0.1px 10px;
}

.content_container.header .top {
	background-color:rgba(255, 255, 255, 0.7);
}

.content_container.header .content_inner .logo {
	float:left;
}

.content_container.header .content_inner .logo img {
	width:270px;
	height:auto;
}

.content_container.header .content_inner {
	text-align:center;
}

.content_container.header {
	background:transparent url("img/bg_top.jpg") repeat scroll 0px 0px / cover;
}

.content_container.header .content_inner ul.menu > li > a {
	color:#964814;
	font-size:16px;
	font-family:'Oswald', sans-serif;
	text-transform:uppercase;
	text-decoration:none;
	display:inline-block;
}

.content_container.header .content_inner ul.menu > li > a:hover {
	color:#007900;
	background-color:rgba(0,0,0,0.12);
}

.content_container.header .content_inner > .nav > ul > li.active {
	background-color:rgba(0,0,0,0.12);
}

.content_container.header .content_inner > .nav > ul > li.active > a {
	color:#530000;
}

.content_container ul.menu {
	padding:0;
	margin:0;
	text-align:center;
	font-size:16px;
}

.content_container ul.menu > li {
	display:inline-block;
}

.content_container ul.menu > li > a {
	display:block;
	color:#fff;
	padding:1.3em 1.0em 1.2em;
	font-family:'Roboto Slab', sans-serif;
}

.content_container.footer {
	background-color:#4c4c4c;
}

.content_container.footer > .content_inner {
	padding:20px 0;
}

.content_container.footer > .content_inner {
	color:#fff;
	text-align:center;
}

.content_container.footer ul.menu > li {
	margin:0.6em 0;
}

.content_container.footer > .content_inner a {
	color:#fff;
	font-weight:normal;
}

.content_container.footer > .content_inner .main > ul.menu > li > a {
	padding:0.2em 1.0em;
	font-family: Oswald;
	font-weight: 400;
	fill: rgb(255, 249, 0);
	color: rgb(255, 249, 0);
	font-size: 16px;
	text-transform: uppercase;
}

.content_container.footer > .content_inner .disclaimer {
	max-width:760px;
	margin:1em auto;
	line-height:1.3em;
	font-weight:normal;
}

.content_container.footer > .content_inner .address,
.content_container.footer > .content_inner .copyright,
.content_container.footer > .content_inner .fda {
	font-size:0.6em;
	line-height:1.3em;
}

.content_container.footer > .content_inner .fda {
	margin:2em auto;
	max-width:380px;
}

.content_container.footer > .content_inner .address {
	margin:2em auto;
	max-width:394px;
}

.content_container.footer > .content_inner a.study {
	color:rgb(134, 210, 70);
	font-weight:bold;
	text-decoration:underline;
}

.image {
	background-size:auto 100%;
	background-repeat:no-repeat;
}

.divider {
	background-image:url("data:image/svg+xml;charset=utf8,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 9 3' style='enable-background:new 0 0 9 3;' xml:space='preserve'%3E%3Ccircle fill='rgb(66, 66, 66)' cx='4.5' cy='1.5' r='1.5'/%3E%3C/svg%3E");
	background-size:5px 5px;
	background-position:left bottom;
	padding-bottom:5px;
	background-repeat:repeat-x;
}

.content_container.footer {
	border-top: 6px solid #3C6F00;
	background-color: #2D2D2D;
	box-shadow: 0px 1px 0px 0px #F0FFDE inset;
	color: #FFF;
}

ul#menu-main-short-footer-menu {
	max-width:550px;
	margin:25px auto 0;
	padding:10px 10px;
	background-color:rgb(102, 102, 102);
}

ul#menu-main-short-footer-menu > li {
	display:block;
}

ul#menu-main-short-footer-menu > li > a {
	padding:5px 0;
	color:rgb(134, 210, 70);
	font-size:18px;
	text-decoration:underline;
	line-height:1.2em;
}

ul#menu-main-short-footer-menu > li:first-child > a {
	font-size:20px;
}

.orderImg {
	text-align:center;
}

.content_container.header.promo {
	background-image: url("img/topinfo_bg.jpg");
	padding:0.5em 1em;
	font-size: 15px;
}

.content_container.header.promo .call {
	float:left;
	color:#fff;
	padding: 0.25em 0;
	border: solid 1px #0000;
}

.content_container.header.promo .call a {
	color: rgb(255, 246, 0);
	font-weight: 700;
	text-decoration: none;
}
.content_container.header.promo .text {
	float:right;
	color:#fff;
}

.content_container.header.promo .text .prc {
	display: inline-block;
	background-color: #FFF;
	color: #000;
	font-weight: bold;
	border: solid 1px #000;
	padding: 0.25em;
	width: 120px;
	text-align: center;
	margin-left:0.25em;
}

.couponInfo {
	background-color: rgb(255, 255, 179);
	border: 2px dashed rgb(255, 0, 0);
	text-align:center;
	padding:0.5em;
	margin:0.5em 0 -0.5em;
	display:none;
}

.couponInfo.show {
	display:block;
}

.couponInfo > .inner {
	max-width:430px;
	margin: 0 auto;
}

.sfsi_widget > .sfsi_wDiv {
	width: auto !important;
	position: static !important;
	float: none !important;
	text-align:center !important;
	margin: 1.5em 0;
}

.sfsi_widget > .sfsi_holders {
	display:none;
}

/* shared Tablet and Desktop Styles */
@media (min-width:750px) {
	#headerMenu.collapsable .collapsableBlock {
		height:auto !important;
	}

	.content_container.header .content_inner .logo {
		margin-top:0.3em;
	}

	.content_container.header .content_inner .freeshipping {
		margin-top:0.4em;
	}

	.w1q { width:25%; float:left; }
	.w3q { width:75%; float:left; }

	.w1t { width:33.3333%; float:left; }
	.w2t { width:66.6667%; float:left; }

	.content_container.header .content_inner ul.menu > li {
		display:inline-block;
	}
}

/* Mobile */
@media (max-width:749px) {
	body {
		font-size:16px;
	}

	.mobile.block {
		display:block;
	}

	.mobile.inline {
		display:inline;
	}

	.mobile.inline-block {
		display:inline-block;
	}

	.content_container .content_inner {
		width:300px;
		padding:0.1px 10px;
	}

	.content_container.header .content_inner .logo {
		margin:0 0 0 10px;
		width: 180px;
	}

	.content_container.header .content_inner ul.menu > li > a {
		display: block;
		padding: 0.8em 1.0em;
	}

	.content_container.header .content_inner #headerMenu.collapsable > .collapsableBlock > .padding ul {
		clear:both;
		border:1px solid #000;
		border-top:none;
	}

	.content_container.header .content_inner #headerMenu.collapsable > .collapsableBlock > .padding ul > li {
		border-top:1px solid #000;
	}

	.content_container.header ul > li:nth-child(odd) {
		background-color:#4aff001a;
	}

	#headerMenu.collapsable .trigger {
		display:block;
		width:36px;
		float:right;
		padding:4px 10px;
	}

	.collapsable .trigger > .icon.bar {
		height:4px;
		background-color:#016500;
		margin:5px 0;
	}

	#headerMenu.collapsable .collapsableBlock {
		width:100%;
	}

	.content_container.header .content_inner .freeshipping {
		display:none;
	}

	.content_container.header ul.menu > li,
	.content_container.header ul.menu > li > a {
		display:block;
	}

	.content_container.footer ul > li:nth-child(odd) {
		border-right:solid 2px #777;
	}

	.content_container.footer ul > li:last-child {
		border:none;
	}

	.content_container.footer .menu-main-short-footer-menu-container ul > li {
		border-right:none;
	}

.content_container.header.promo {
	text-align:center;
	font-size:15px;
	padding:0 0 0.25em;
}

.content_container.header.promo .call {
	float:none;
	padding: 0.25em 0 0;
}

.content_container.header.promo .text {
	float:none;
}

.content_container.header.promo .text > .prc {
	width:85px;
}

.couponInfo.show {
	font-size: 0.92em;
}

}

/* Tablet */
@media (min-width:750px) and (max-width:1039px) {
	.tablet.block {
		display:block;
	}

	.tablet.inline {
		display:inline;
	}

	.tablet.inline-block {
		display:inline-block;
	}

	.content_container .content_inner {
		width:680px;
		padding:0.1px 10px;
	}

	.content_container.header.promo .content_inner {
		width:630px;
	}

	.content_container.header.promo .text {
		margin-right:35px;
	}

	.content_container.header .content_inner .logo img {
		width: 300px;
	}

	.content_container ul.menu > li > a {
		padding: 0.35em 0.5em;
	}

	.content_container.footer .main ul.menu > li {
		border-right:solid 2px #777;
	}

	.content_container.footer .main {
		margin:0 auto;
		max-width:490px;
	}

	.content_container.footer ul.menu > li > a {
		padding:0.2em 0.9em;
	}

	.content_container.footer ul.menu > li:nth-child(4),
	.content_container.footer ul.menu > li:last-child {
		border:none;
	}

	.content_container.header.promo .text .prc {
		min-width: 100px;
	}

}

/* Desktop */
@media (min-width:1040px) {
	.desktop.block {
		display:block;
	}

	.desktop.inline {
		display:inline;
	}

	.desktop.inline-block {
		display:inline-block;
	}

	.content_container > .content_inner {
		width:1000px;
		padding:0.1px 0;
	}

	.content_container.simple > .content_inner {
		width:1000px;
	}

	.content_container.simple.narrow > .content_inner {
		width:900px;
	}

	.content_container.header .content_inner {
		width:900px;
	}

	.main > ul.menu > li {
		border-right:solid 2px #777;
	}

	.main > ul.menu > li:last-child {
		border:none;
	}
}