/* Products Sidebar */

.sidenav {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 9998;
    top: 0;
    left: 0;
    background-color: #111; 
    overflow-x: hidden;
    transition: 0.5s;
    padding-top: 60px;
}

.sidenav a {
    padding: 8px 8px 8px 32px;
    text-decoration: none;
    font-size: 18px;
    color: #818181;
    display: block;
    transition: 0.3s
}

.sidenav a:hover, .offcanvas a:focus{
    color: #f1f1f1;
}

.sidenav .closebtn {
	z-index: 9999;
    position: absolute;
    top: 0;
    right: 25px;
    font-size: 36px;
    margin-left: 50px;
}

@media screen and (max-height: 450px) {
  .sidenav {padding-top: 15px;}
  .sidenav a {font-size: 18px;}
}

/* Product Attributes List Mobile */
#productIconsList ul {
	padding: 0;
} 

/* Products Sidebar Expand Button */

.expandSidebar {
	font-size:33px;
	cursor:pointer;
	text-transform: uppercase;
	font-family: "Gill Sans","Gill Sans MT",Calibri,sans-serif;
}

.backToSidebar {
	position: relative;
	top: -2px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 20px;
	padding-right: 20px;
	font-size:25px;
	cursor:pointer;
	font-family: "Gill Sans","Gill Sans MT",Calibri,sans-serif;
	text-transform: uppercase;
	color: #fff;
	background-color: #000;
	text-decoration: none !important;
}

.backToSidebar a {
	color: #fff;
	text-decoration: none ;
}

.backToSidebar a:hover {
	color: #BCBCBC;
	text-decoration: none ;
}

/* Product Image Styles */
.contain {
	max-height: 600px;
}

/* Product Secondary Description */ 
#productSecondaryDescription {
	text-align: center;
	margin: 0 auto;  
	font-weight: 600; 
} 

/* Product Image Styles Mobile */

@media only screen and (max-width : 480px) {
#productDescription {
	margin-top: 30px;
}
}

/* Products Category Div Styles */

#imagesCategoryProducts h3 {
	text-align: center;
	font-size: 18px;
	text-transform: uppercase;
	height: 40px;
}

#imagesCategoryProducts a {
	color: #000;
}

#imagesCategoryProducts a:hover {
	color: #333333;
}

/* Products Category Image Styles */

.containBox {
	margin-top: 70px;
	height: 320px !important;
	position: relative;
}

.productImagesCategory {
	max-width: 265px;
 	max-height: 265px;
	position: relative;
    margin: auto;
	-webkit-transform:translateY(0);
    transition: transform .3s ease;
}
 
.productImagesCategory:hover {
	top: -10px;
	max-width: 265px;
 	max-height: 265px;
	position: relative;
    margin: auto;
    -webkit-transform:translateY(-5px);
}

.containBox h3 {
	padding: 20px;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
}

/* Product Title Div Styles */
	
#productTitle h1 {
	font-size: 36px;
	margin-top: 0px;
	margin-bottom: -8px;
}

/* Product Social Share Icons Styles */

#productsShare {
	position: relative;
	top: -26px;
}

#productsShareMobile {
	margin-top: 15px;
	margin-bottom: 15px;
	text-align: center;
	margin: 0 auto;
}

/* Product UPC and OZ Styles */

.displayInlineBlock {
	display: inline-block;
	margin-right: 8px;
	vertical-align: center;
}

@media only screen and (min-width : 320px) {
.displayInlineBlock h2 {
	font-size: 20px;
}    
}

@media only screen and (min-width : 480px) {
   .displayInlineBlock h2 {
	font-size: 28px;
} 
}

[rel="popover"]{
    cursor: pointer;
    display:inline-block; /* chrome-fix */
}
          
/* Product Similar Div Styles */

#productSimilar {
	max-height: 350px;
	margin-top: -23px;
	position: relative;
	margin-bottom: 50px;
}

#productSimilar img {
	max-height: 400px;
    margin: 0 auto;
	padding: 20px;
}

/* Nutrition Popup Styles */

#disclaimer {
	margin-top:4px;
	padding-top:8px;
	margin-bottom: -7px;
	text-align: left;
	font-family: 'Helvetica77', Fallback, sans-serif;
	font-size: 14px;
} 

body.modal-open .background-container{
    -webkit-filter: blur(4px);
    -moz-filter: blur(4px);
    -o-filter: blur(4px);
    -ms-filter: blur(4px);
    filter: blur(4px);
	filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius='4');
	width: 300px;
	text-align: center;
}

.modal-dialog {
	width: 375px;
}


/* Nutrition Table Styles */

.nutritionTable {
	background: none;
	margin: 0 auto;
	font-color: #000;
}

.nutritionTable th {
	font-size: 54px;
	font-weight: bold;
	font-family: 'Helvetica77', Fallback, sans-serif;
	padding-top: 2px;
	text-align: left;
} 

@media all and (-ms-high-contrast:none)
{
.nutritionTable th {
	font-size: 48px;
	font-weight: bold;
	font-family: 'Helvetica77', Fallback, sans-serif;
	padding-top: 2px;
	text-align: left;
} 
}
  
.nutritionTable td {
	float: left;
	font-size: 19px;
	font-family: 'Helvetica57', Fallback, sans-serif;
	padding-top: 2px;
}

.blackLineLarge {
	width: 100%;
	height: 14px;
	background-color: #000;
}

.blackLineMedium {
	width: 100%;
	height: 6px;
	background-color: #000;
}

.blackLineSmall {
	width: 100%;
	height: 2px;
	background-color: #000;
}

.blackLineSmallNoGap {
	width: 100%;
	height: 2px;
	background-color: #000;
	margin-top: -7px;
}

.blackLineSmallIndent {
	width: 96%;
	height: 2px;
	background-color: #000;
	margin-left: 14px;
}
.blackLineMediumIndent {
	width: 91%;
	height: 2px;
	background-color: #000;
	margin-left: 28px;
}

.subheading {
	font-size: 11px;
	font-weight: bold;
	font-family: 'Helvetica77', Fallback, sans-serif;
	padding-top: 2px;
}

.subheadingsmall {
	font-size: 18px !important;
	font-weight: bold;
	font-family: 'Helvetica77', Fallback, sans-serif;
	padding-top: 2px;
}

.subheadingmedium {
	font-size: 31px !important;
	font-weight: bold;
	margin-top: -11px;
	font-family: 'Helvetica77', Fallback, sans-serif;
	padding-top: 2px;
}

.subheadinglarge {
	font-size: 44px !important;
	font-weight: bold;
	font-family: 'Helvetica77', Fallback, sans-serif;
	position: relative;
	top: -23px;
	padding-top: 2px;
}

.removeMarginGap {
	margin-bottom: -29px;
}
.removeMarginSmall {
	position: relative;
	top: -7px;
}

.subheadingUppercase {
	padding-top: 2px;
	font-size: 9px;
	font-weight: bold;
	font-family: 'Helvetica77', Fallback, sans-serif;
	text-transform: uppercase;
	text-align: left;
} 

.subheadingUppercaseDisclaimer {
	padding-top: 2px;
	font-size: 6px;
	font-weight: bold;
	font-family: 'Helvetica77', Fallback, sans-serif;
	text-transform: uppercase;
	text-align: left;
}

.normTextUppercase {
	font-weight: normal;
	text-transform: uppercase;
	font-family: 'Helvetica57', Fallback, sans-serif;
	text-align: left;
	padding-top: 2px;
}

.normText {
	font-weight: normal;
	font-family: 'Helvetica57', Fallback, sans-serif;
	padding-top: 2px;
} 

.boldText {
	font-weight: bold;
	font-family: 'Helvetica77', Fallback, sans-serif;
	padding-top: 2px;
}

.textIndent {
	padding-left: 14px;
	padding-top: 2px;
}
.textIndentDouble {
	padding-left: 28px;
	padding-top: 2px;
}

.italicText {
	font-style: italic;
	padding-top: 2px;
}

.paddingBullet {
	width: 50px;
}

.paddingBulletAlt {
	width: 35px;
}

.tdWidthLeft {
	width: 130px;
	text-align: left;
}

.tdWidthRight { 
	width: 130px;
	text-align: right;
}

.tdWidthLeftAlt {
	width: 150px; 
	text-align: left;
}

.tdWidthRightAlt { 
	width: 155px;
	text-align: right;
}
 
/* Hide Certain Values in Nutritional Panel by Default */
.hideMonoFat {
	display: none;
}

.hidePolyFat {
	display: none;
}

.showForPasta {
	display: none;
}

/* Similar Product Sub Category Text Under Image Styles */

.similarProductSubCategoryImgCaption {
	text-decoration: none;
	color: #000;
	text-transform: uppercase;
	font-size: 19px;
	font-weight: 500;
	text-align: center;
	height: 30px;
	margin-bottom: 20px;
}

.filterError {
	color: #AA0002;
	font-size: 16px;
}

/* Style Product Country Div */

#productCountry img {
	margin-top: -8px;
}

/* Hide Product Country Text Mobile */

@media only screen and (max-width : 480px) {
#productCountryName	
{
	display: none !important;
}
}

@media only screen and (max-width : 480px) {
#productItalyPacked	
{
	display: none !important;
}
}

/* Decrease Italy Flag Size Mobile */

@media only screen and (max-width : 480px) {
#productCountry img {
	width: 60px;
}
}

/* Center Product Information Mobile */
@media only screen and (max-width : 992px) { 
#individualProduct {
	text-align: center;
}
}

/* Add Padding to Product Image on Mobile */
#productImageMobile {
	margin-bottom: 20px;
}

/* Product Page Styles for Little Ginas and La Bella Valentina */

#productDiv {
	width: 97%;
	margin: 0 auto;
}

#productDiv .thumbnail
{
    padding: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
}

#productDiv .thumbnail > img {
	 max-height: 255px;
	 max-width: 255px;
	 padding: 26px;
	 margin-top: -10px;
}
 
.item.list-group-item
{
    float: none;
    width: 100%;
    background-color: #fff;
    margin-bottom: 10px;
}

.item.list-group-item:nth-of-type(odd):hover,.item.list-group-item:hover
{
    background: #E6E6E6;
}

.item.list-group-item .list-group-image
{
    margin-right: 10px;
}

.item.list-group-item .thumbnail
{
    margin-bottom: 0px;
}

.item.list-group-item .caption
{
    padding: 9px 9px 40px 9px;
}

.item.list-group-item:before, .item.list-group-item:after
{
    display: table;
    content: " ";
}

.item.list-group-item img
{
    float: left;
}

.item.list-group-item:after
{
    clear: both;
}

.list-group-item-text
{
    margin: 0 0 11px;
}

/* Products Search Box Font Aweomse Placeholder */

.fontAwesome {
  	font-family: Gill Sans, 'FontAwesome', sans-serif;
}

/* Fix padding for individual product pages */

.scale-down-seperate-prods {
	padding: 30px;
}

/* Scale products on individual product pages and prod pages */

#productZoom {
	overflow: hidden;
} 

#productZoom img {
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -ms-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease; 
    vertical-align: middle;
} 

#productZoom img:hover {
    -webkit-transform:scale(1.1); /* Safari and Chrome */
    -moz-transform:scale(1.1); /* Firefox */
    -ms-transform:scale(1.1); /* IE 9 */
    -o-transform:scale(1.1); /* Opera */
    transform:scale(1.1);
}

/* Product Loading Icon Style */
.loader {
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 9999;
	background: url('../images/loading/spin.gif') 50% 50% no-repeat #FFF;
}   