/*************/
/* GENERAL  */
/*************/
html,body {padding:0; margin:0 !important; font-size:9pt; font-family: 'Hind', 'Helvetica', sans-serif; color: #0c192b; width:100%; position:relative;}
body{ overflow-x:hidden}
.wrapper{ position:relative}
input, textarea {font-family: 'Hind', 'Helvetica', sans-serif; text-transform: uppercase;}
h1, h2, h3, h4, h5, h6, p, img {padding:0; margin:0;}
a {color: #d12229; text-decoration:none; transition: all 100ms ease 0s;}
a:hover {color: #b21c22;}
p, li, b {line-height: 1.4em;}
div {box-sizing: border-box;}
ul {padding-left: 20px; margin-top: 8px;}
h3 {text-transform: uppercase; color: #303132; font-size: 14pt; font-family: 'Hind', 'Helvetica', sans-serif; font-weight: 500; margin-bottom: 10px; line-height: 1.3em;}
.pagebreak { page-break-before: always; }

/* GLOBAL ATTRIBUTES */
img {border:none; width: auto;}
.left {float:left;}
.right {float:right;}
.clear {clear:both;}
.tcenter {text-align:center}
.hide {display: none;}
.container {width:100%; position:relative; box-sizing: border-box;}
.bold {font-weight: bold; font-family: 'Hind', 'Helvetica', sans-serif; }
.boldBrandon {font-family: 'Hind', 'Helvetica', sans-serif; font-weight: 600;}
.mediumBrandon {font-family: 'Hind', 'Helvetica', sans-serif; font-weight: 500;}
.cursive {font-family: 'Alex Brush', cursive;}
.titleBar {background: #fff; text-align: center;}
.titleBar h2 {border-bottom: 9px solid #45b27e; color: #242f3f; font-family: 'Hind', 'Helvetica', sans-serif; font-weight: 500; font-size: 33px; font-weight: normal; padding: 20px 0 10px; text-align: center; text-transform: uppercase; width: 100%;}
input {border-radius: 0;  -webkit-appearance: none;}
input[type="text"] {border-radius: 0;}
textarea:focus, input:focus{outline: 0;}
.unicode {
    font-family: Arial, sans-serif !important;
    position: relative;
    display: inline-block;
    vertical-align: text-top;
    margin: -.4em 0;
    font-size: 0.6em;
}


/*************/
/* PRODUCT SINGLE PRINT  */
/*************/
.printFriendly .mainContent{ max-width:650px; margin:0 auto;}
.printFriendly p, .printFriendly li {    font-size: 11pt;
    font-weight: 300;
    line-height: 130%; }
.productsSingle ul.slides { padding-left: 0; margin: 0; }
.productsSingle .productTitleBar { text-align: left; padding: 0 0 16px;}
.productsSingle .productTitleBar h1 {text-transform: uppercase; color: #000; font-size: 16pt; line-height: 1.2em;}
.productsSingle .subInfoBar {background: #eee; margin-top: 5px; padding: 20px 0;}
.productsSingle .subInfoBar .brandLogo {display: inline-block; vertical-align: top; border-right: 2px dotted #999798; padding-right: 30px; margin-right: 20px; min-height: 86px;}
.brandleft img{height: auto; max-width: 240px; max-height: 78px;}
.productsSingle .subInfoBar .brandLogo img {height: auto; max-width: 240px; max-height: 88px;}
.productsSingle .subInfoBar .productCodes {display: inline-block; vertical-align: top; padding-top: 20px;} 
.productsSingle .subInfoBar .productCodes p {color: #2e2f30; font-size: 9pt;}
.productsSingle .addFavoritesPrint a {background: #fff none repeat scroll 0 0; border: 3px solid #9b9c9c; color: #231f20; display: inline-block;  margin-top: 14px; padding: 4px 17px 0;text-transform: uppercase; margin-left: 10px; line-height:35px}
.productsSingle .addFavoritesPrint {display: inline-block; text-align: right; float:right; padding-top: 7px;}
.productsSingle .addFavoritesPrint.mobile {display: none;}
.productsSingle .addFavoritesPrint .favoritesLink {background: #fff url('../images/starWhite.png') no-repeat left 7px center; padding-left: 35px;}
.productsSingle .addFavoritesPrint .favoritesLink.active {background: #fff url('../images/starOn.png') no-repeat left 7px center; padding-left: 35px; color: #D12229;}
.productsSingle .addFavoritesPrint .printLink {background: #fff url('../images/printIcon.png') no-repeat left 8px center; padding-left: 35px;}
.productsSingle .mainProducInfo {padding: 18px 0 10px; display: flex; gap: 18px; align-items: flex-start;}
.productsSingle .mainProducInfo .flexslider {width: 200px; box-shadow: none; border: none; margin-bottom: 0;}
.productsSingle .mainProducInfo .flexslider img {width: 100%; border: 1px solid #9b9c9c; object-fit: cover; aspect-ratio: 1 / 1; }
.productsSingle .mainProducInfo .title {padding-left: 0;}
.productsSingle .mainProducInfo .flex-control-nav {padding: 10px;}
.productsSingle .mainProducInfo .flex-control-nav li {padding: 0 8px; width: 18%;}
.productsSingle .productDescription {display: block; padding-left: 0; padding-top: 6px;}
.productsSingle .productSubMenu > div{ box-sizing:border-box}
.productsSingle .productSubMenu > div.productBlockTitle {background: #d12229 none repeat scroll 0 0; color: #fff;  width: 100%; text-transform: uppercase; font-size: 13pt;font-family: 'Hind', 'Helvetica', sans-serif; font-weight: 500; line-height: 1.3em; transition: all 100ms ease 0s; display:block; margin-left: -0px; text-align: center; vertical-align: middle; padding: 10px 0 8px;  float:left}
.productsSingle .productSubMenu > div.productBlockTitle:hover {cursor: pointer;}
.productsSingle .productSubMenu > div.productBlockTitle:first-of-type {padding-left: 40px;}
.productsSingle .productSubMenu > div.productBlockTitle:last-of-type {padding-right: 40px; border-right: none;}
.productsSingle .productSubMenu > div.productBlockTitle.active {background: #d12229; color: #fff;}
.productsSingle .productSubMenuContent {border-bottom: none; margin-bottom: 20px;}
.productsSingle .productSubMenuContent > div {transition: all 100ms ease 0s; padding: 20px 0 ; text-align: center;}
.productsSingle div.productSubMenu {background: #eee; border-top: 2px dotted #d0d0d0;  border-bottom: 2px dotted #d0d0d0; width: 100%; padding: 0 !important;}
.productsSingle .productSubMenuContent > div.active {display: block;}
.productsSingle .productSubMenuContent > div h3 {text-transform: uppercase;}
.productsSingle .suggestedUse .suggestedLeft {display: inline-block; width: 50%; margin-left: -4px; vertical-align:top; text-align: center; padding: 30px 45px 30px 50px; }
.productsSingle .suggestedUse .suggestedRight {display: inline-block; width: 50%; margin-left: -4px;  vertical-align:top; text-align: left; padding-left: 23px; border-left: 2px dotted #d0d0d0; min-height:95px;}
.productsSingle .productSubMenuContent > div.prepInstructions,
.productsSingle .productSubMenuContent > div.videoOverview {padding: 20px;}

.productsSingle .productSubMenuContent > div.videoOverview .videocontainer { margin-top: 10px; }

.productsSingle .nutritionalInfo .nutritionalInfoLeft {display: inline-block; width: 50%; margin-left: -4px; vertical-align:top; text-align: left; padding: 0 15px 0 0; border: 0;}
.productsSingle .nutritionalInfo .nutritionalInfoRight {display: inline-block; width: 50%; margin-left: -4px;  vertical-align:top; text-align: left; padding: 0 0 0 15px;}
.productsSingle h2 {text-transform: uppercase; line-height: 1.1em; font-size: 14pt; font-weight: 600; padding-bottom: 6px;}
.productsSingle h3 {font-size: 11pt; font-weight: 700; color: #000;}
.productsSingle .productDescription ul {padding-left: 18px; padding-top: 6px;}
.productsSingle .productDescription ul {padding-left: 50px; padding-top: 10px;}
.productsSingle .nutritionalFactsTable {width: 100%; max-width: 300px; margin: 0; font-size: 9pt; border-top: 1px solid #000; border-collapse: collapse;}
.productsSingle .nutritionalFactsTable tr,
.productsSingle .nutritionalFactsTable td,
.productsSingle .nutritionalFactsTable th {border-color: #000;}
.productsSingle .nutritionalFactsTable b {font-weight: 700;}
.productsSingle .nutritionalFactsTable {table-layout: fixed;}
.productsSingle .nutritionalFactsTable .nutCol.name {display: table-cell; vertical-align:top; width: 75%; text-align: left; padding: 2px 6px;}
.productsSingle .nutritionalFactsTable .nutCol.value {display: table-cell; vertical-align:top; width: 25%; text-align: right; padding: 2px 6px;}
.productsSingle .nutritionalFactsTable .nutCol.name.indent {padding-left: 16px;}

.productsSingle .productBlock {background: #fff !important; color: #0c192b !important;}
.productsSingle .nutritionalFactsTable .nutRow {border-bottom: 1px solid #000; padding: 0;}
.productsSingle .nutritionalFactsTable .nutRow.servingSize {border-bottom: 6px solid #000; font-weight: 700;}
.productsSingle .nutritionalFactsTable .nutRow.amountPerServing {padding-top: 4px; font-size: 8pt; text-transform: uppercase;}
.productsSingle .nutritionalFactsTable .nutRow.caloriesFromFat {border-bottom: 4px solid #000;}
.productsSingle .nutritionalFactsTable .nutRow.caloriesFromFat .nutCol.name {font-size: 14pt; font-weight: 700; padding-top: 2px;}
.productsSingle .nutritionalFactsTable .nutRow.caloriesFromFat .nutCol.value {font-size: 14pt; font-weight: 700;}
.productsSingle .nutritionalFactsTable .nutRow.totalFat {padding-top: 4px;}
.productsSingle .nutritionalFactsTable .nutRow.totalFat {padding-top: 13px;}
.productsSingle .nutritionalFactsTable .nutRow.saturatedFat {border-bottom: 0; padding-bottom:0;}
.productsSingle .nutritionalFactsTable .nutRow.transFat {padding-top: 0;}
.productsSingle .nutritionalFactsTable .nutRow.protein {border-bottom: 6px solid #000;}
.productsSingle .nutritionalFactsTable .pdv {font-size: 8pt; text-align: left; padding: 8px 4px 0; color: #0c192b; line-height: 1.4em;}

.productsSingle .ingredients {padding-bottom: 10px;}
.productsSingle .ingredients p {font-size: 9pt; color: #0c192b; margin-bottom: 10px;}
.productsSingle .allergens p {font-size: 9pt; color: #0c192b;}
.productsSingle .allergens { padding-bottom: 15px; }

.productsSingle .header {display: flex; align-items: center; justify-content: space-between; padding: 12px 0 10px; border-bottom: 1px solid #000;}
.productsSingle .header .left,
.productsSingle .header .right {float: none;}
.productsSingle .header .website {color: #d12229; font-weight: 600;}

.productsSingle .storage .storageLeft {display: inline-block; width: 50%; margin-left: -4px; vertical-align:top; text-align: center; padding: 0px 20px; border-right: 2px dotted #d0d0d0;}
.productsSingle .storage .storageRight {display: inline-block; width: 50%; margin-left: -4px;  vertical-align:top; text-align: center; padding: 0px 20px;}
.productsSingle .storageTable {border: 0; margin-top: 10px;}
.productsSingle .storageTable .label {display: inline-block; vertical-align: top;text-align: left;}
.productsSingle .storageTable .info {display: inline-block; vertical-align: top; text-align: left;}
.productsSingle .storageTemp {border: 0;}
.productsSingle .storageTemp .label {border: 0;}
.productsSingle .storageMethod {background: transparent;}
.productsSingle .storageMethod .label {border: 0;}
.productsSingle .masterWeight .label {border: 0;}
.master-case.productBlock { margin-top: 10px; }

.productsSingle .menuIdeaSuggestion {text-align: center; display: inline-block; vertical-align: top; width: 29.5%; margin-right: 5px; margin-bottom: 15px; color: #2e2f30; font-size: 9pt; text-transform: uppercase; line-height: 1.2em;}
.productsSingle .menuIdeaSuggestion:hover {color: #d12229; opacity:0.9;}
.productsSingle .menuIdeaSuggestion img {width: 100%;}
.productsSingle .menuIdeaSuggestion .imgContain{margin-bottom:6px; background-color:#eee !important; max-height: 120px;}

.productsSingle .youMayItem {display: inline-block; width: 32%; vertical-align:top; line-height: 1.2em; padding: 25px 15px 30px; box-sizing: border-box; color: #2e2f30; font-size: 10pt;}
.productsSingle .youMayItem:hover {color: #d12229;}
.productsSingle .youMayItem .youMaySubTitle {text-transform: none;}
.productsSingle .youMayItem .youMayWeight {text-transform: none;}
.productsSingle .youMayItem img {width: 100%;}
.productsSingle .youMayAlsoLike {float: left; width: 66%;}
.productsSingle .featuredProductRotator {float: right; width: 33.7%; text-align: left;} 
.productsSingle .featuredProductRotator a.featuredItem {display: block; height: 336px; width: 100%;}
.productsSingle .featuredProductRotator .flexslider {margin-bottom: 0; border: none;}
.productsSingle .featuredProductRotator .flexslider ul li {position: relative;}
.productsSingle .featuredProductRotator .featureTitleText {display: block; position: absolute; bottom: 0; width: 100%; background: rgba(0,0,0,0.5); color: #fff; text-align: center; padding: 20px; box-sizing: border-box; line-height: 1.2em;}
.productsSingle .featuredProductRotator .featureTitleText b {font-weight: 400; text-transform:uppercase; display: block; font-size: 16pt;}

@page { size: auto;  margin: 0mm; }

title { display: none; }


@media (max-width: 600px) {
	html,body {
		font-size: 12px;
	}

	.productsSingle .mainProducInfo .flexslider,
	.productsSingle .productDescription {
		width: 100%;
	}

	.printFriendly ul {
		padding-right: 20px;
	}

	.productsSingle .productDescription {
		padding-right: 35px;
	}

	.productsSingle .nutritionalInfo .nutritionalInfoLeft,
	.productsSingle .nutritionalInfo .nutritionalInfoRight,
	.productsSingle .storage .storageLeft,
	.productsSingle .storage .storageRight {
		width: 100%;
		border: 0;
		padding-bottom: 20px;
	}

}