/* This file will hold styles for the mobile version of your website (mobile first). */
/* This also can include ANY global CSS that applies site-wide. Unless overwritten by a more specific style rule, CSS declarations in global.css will apply site-wide. */
/* This file will hold styles for all layouts using the alpha grid (i.e. not the mobile layout). ALL */

body {
	font-family: 'Exo 2', sans-serif;
	font-size: 14px;
	color: #555555;
	line-height: 150%;
}
h1, h2, h3 {
	font-family: 'Exo 2', sans-serif;
	color: #74603d;
	line-height: 150%;
	margin: 0 0 15px 0;
	letter-spacing: -0.03em;
}
h1 { font-size: 24px; }
h2 { font-size: 16px; }
h3 { font-size: 17px; }
p { margin: 0 0 15px 0; }
small { font-size: 12px; }
a, a.active, a:link, a:visited {
	color: #603913;
	text-decoration: none;
}
 a.hover {
	color: #6C5938;
}

table {
	border: none;
	width: 100%;
}
th, td { padding: 5px 10px 5px 10px; }
thead th, th {
	background: #dddddd;
	color: #555555;
	font-weight: bold;
}
tr, tr.even, tr.odd {
	background: none;
}
tr:hover td, tr.even:hover td.active, tr.odd:hover td.active {
	background: #ffffff;
}
td, tr.even td, tr.odd td { background: none; vertical-align:top; }
input[type='text'], input[type='email'], select, textarea {
	font-family: 'Exo 2', sans-serif;
	font-size: 13px;
	color: #999999;
}
input.form-submit {
	font-family: 'Exo 2', sans-serif;
	font-size: 14px;
	border: 0px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	font-weight: bold;
	text-transform: uppercase;
	background: #592e0c;
	color: #ffffff;
	text-align: center;
	text-shadow: none;
	width: 100%;
}
input.form-submit:hover { background: #592e0c; }
a.button, #zone-postscript #block-block-10 ul li a, #zone-content .view-catalog .views-row .views-field-nothing a, #zone-content #uc-cart-view-form #edit-actions a, #zone-content .view-products .views-row .detail a {
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	padding: 10px;
	background: #592e0c;
	color: #ffffff;
	font-size:15px;
	text-transform: uppercase;
	display: block;
	text-align: center;
}
a:hover.button, #zone-postscript #block-block-10 ul li a, #zone-content .view-catalog .views-row .views-field-nothing a, #zone-content #uc-cart-view-form #edit-actions a, #zone-content .view-products .views-row .detail a { background: #693A1C; }
#zone-content .view-products .views-row .detail a {
  font-size: 14px;
  font-weight: bold;
}
a.more {
	font-size: 14px;
	font-weight: bold;
	font-style:italic;
	color: #452100;
	display: block;
	text-align: right;
	margin-bottom: -10px;
	
}
a:hover.more { text-decoration:underline; }
div.breadcrumb { display: none; }
#logo {
	background: url(../images/biopet-logo-70px.png) left 15px no-repeat;
	display: block;
	padding-top: 15px;
	width: 127px;
	height: 85px;
}
#logo img { display: none; }

/* BRANDING */
#zone-branding-wrapper {
	background: url(../images/header-bg.png) #ede5d9 top left repeat-x;
	height:100px;
}
#zone-branding #region-branding-right { display: none; }

/* MENU */
#zone-menu-wrapper { display: none; }
#zone-menu #block-megamenu-main-menu, #zone-menu #block-menu-menu-mobile-menu { display: none; }
#menu-attached-button {
	background: url(../images/menu-mobile.png) top left no-repeat;
	text-indent: -9999px;
}
#menu-attached-button.right { top: 35px; }
#mobile-menu a { color: #452100; }

/* HEADER */
#zone-header-wrapper {
	background: url(../images/bg-banner.jpg) top center repeat-x;
	padding-top: 40px;
	height: auto;
}
#zone-header #block-views-banner-block .views_slideshow_cycle_main { width: 100%; }
#zone-header #block-views-banner-block .views_slideshow_cycle_main .views-slideshow-cycle-main-frame, #zone-header #block-views-banner-block .views_slideshow_cycle_main .views-slideshow-cycle-main-frame-row {
	width: 100% !important;
	height: auto;
}
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) { #zone-header #block-views-banner-block .views_slideshow_cycle_main .views-slideshow-cycle-main-frame { height: 289px !important; } }
@media only screen and (min-device-width : 320px) and (max-device-width : 568px) and (orientation : portrait) { #zone-header #block-views-banner-block .views_slideshow_cycle_main .views-slideshow-cycle-main-frame { height: 139px !important; } }
@media only screen and (min-device-width : 320px) and (max-device-width : 568px) and (orientation : landscape) { #zone-header #block-views-banner-block .views_slideshow_cycle_main .views-slideshow-cycle-main-frame { height: 239px !important; } }
#zone-header #block-views-banner-block .views_slideshow_cycle_main .field-content {
	max-width: 100%;
	width: 100%;
}
#zone-header #block-views-banner-block .views_slideshow_cycle_main .field-content img {
	max-width: 100%;
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
}
#zone-header #block-views-banner-block .views-slideshow-controls-bottom {
	text-align: center;
	margin-top: 25px;
	margin-bottom: 25px;
}
#zone-header #block-views-banner-block .views-slideshow-pager-field-item { display: inline-block; }
#zone-header #block-views-banner-block .views-content-counter {
	background: url(../images/pagination-disable.png) top left no-repeat;
	display: inline-block;
	width: 9px;
	height: 10px;
	margin-right: 5px;	
	text-indent: -9999px;
	cursor: pointer;
}
#zone-header #block-views-banner-block .active .views-content-counter { background: url(../images/pagination-active.png) top left no-repeat; }
#zone-header #block-fieldblock-node-page-default-field-page-banner, #zone-header .block-imageblock { margin-bottom: 40px; }
#zone-header #block-fieldblock-node-page-default-field-page-banner .field-name-field-page-banner img, #zone-header .block-imageblock .block-image img {
	width: 100%;
	height: auto;
}

/* POSTSCRIPT */
#zone-postscript .block { text-align: center; }
#zone-postscript #block-block-10 img {
	width: 100%;
	height: auto;
}
#zone-postscript #block-block-10 ul { list-style: none; }
#zone-postscript #block-block-10 ul li {
	display: block;
	text-transform: uppercase;
	margin-bottom: 5px;
}
#zone-postscript #block-block-10 ul li.last { margin-right: 0px; }
#zone-postscript #block-block-10 ul li a.category-yoghurt { background: #0070a6; }
#zone-postscript #block-block-10 ul li a:hover.category-yoghurt { color: #6ab5d9; }

#zone-postscript #block-block-10 ul li a.category-grainfree { background: #410b58; }
#zone-postscript #block-block-10 ul li a:hover.category-grainfree { color: #8a2bb2;}

#zone-postscript #block-block-10 ul li a.category-organic { background: #05534a; }
#zone-postscript #block-block-10 ul li a:hover.category-organic { color: #50968c; }

#zone-postscript #block-block-10 ul li a.category-vegan { background: #c9a20c; }
#zone-postscript #block-block-10 ul li a:hover.category-vegan { color: #F6D03C; }

#zone-postscript #block-block-10 ul li a.category-snacks { background: #b30043; }
#zone-postscript #block-block-10 ul li a:hover.category-snacks { color: #E2236A; }

#zone-postscript #block-block-10 ul li a.category-supremium { background: #1a1b1d; }
#zone-postscript #block-block-10 ul li a:hover.category-supremium { color: #6f7376; }

/* FOOTER */
#zone-footer-wrapper {
	background: #907a50;
	padding-top: 40px;
}
#zone-footer .block, #zone-footer ul.menu { text-align: center; }
#zone-footer #block-block-9 ul { list-style: none; }
#zone-footer #block-block-9 ul li {
	display: inline-block;
	margin-right: 10px;
	text-indent: -9999px;
}
#zone-footer #block-block-9 ul li#australian-owned {
	background: url(../images/aus-made.png) top left no-repeat;
	width: 71px;
	height:70px;
}
#zone-footer #block-block-9 ul li#beyond-blue {
	background: url(../images/beyond-blue-logo.png) top left no-repeat;
	width: 172px;
	height: 80px;
}
#zone-footer #block-block-9 ul li#beyond-blue a {
	display: block;
	width: 100%;
	height: 100%;
}
#zone-footer #block-menu-menu-footer-menu ul { list-style: none; }
#zone-footer #block-menu-menu-footer-menu ul li {
	display: inline-block;
	padding: 5px;
	margin-left: 0px;
	margin-right: 5px;
}
#zone-footer #block-menu-menu-footer-menu ul li.last { margin-right: 0px; }
#zone-footer #block-menu-menu-footer-menu ul li a { color: #ffffff; }
#zone-footer #block-menu-menu-footer-menu ul li a:hover { color: #422310; }

#zone-footer #block-block-4 p {
	font-size: 12px;
	color: #c3b9a7;
}
#zone-footer #block-block-4 a { color: #c3b9a7; }

/* CONTENT */
#zone-content {
	padding-top: 40px;
	padding-bottom: 40px;
}
#zone-content #region-content h2 {
	font-size: 20px;
	color: #555555;
	font-weight: normal;
	font-style:italic;
}
#zone-content #region-content .add-to-cart input.form-submit, #zone-content #region-content .node-add-to-cart.form-submit {
	background: #592e0c;
	color: #ffffff;
	display: block;
	width: 100%;
	margin-right: 0px;
}

#zone-content #region-content .add-to-cart input.form-submit, #zone-content #region-content .node-add-to-cart.form-submit:hover {
	background: #693a1c;
}

#zone-content #region-sidebar-second .block  {
	background: #e5dccb;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	padding: 10px 20px;
	margin-bottom: 15px;
}
#zone-content #region-sidebar-second .block h2.block-title {
	  font-size: 18px;
    font-weight: 600;
    margin-bottom: 11px;
    margin-top: 11px;
	
}
#zone-content #region-sidebar-second #block-instagram-block-instagram-block { text-align: center; }
#zone-content #region-sidebar-second #block-instagram-block-instagram-block img {
	margin-top: 15px;
	border: 5px solid #ffffff;
}
#zone-content #region-sidebar-second #block-block-11 .content span.desktop { display: none; }
#zone-content .view-catalog .views-row { margin-bottom: 30px; }
#zone-content .view-catalog .views-row .views-field-field-catalog-image {
	margin-bottom: 15px;
	text-align: center;
}
#zone-content .view-catalog .views-row .views-field-nothing a { margin-bottom: 15px; }
#zone-content .view-catalog .views-row .views-field-nothing a.category-10 { background: #0070a6; }
#zone-content .view-catalog .views-row .views-field-nothing a:hover.category-10 { background: #028acc; }
#zone-content .view-catalog .views-row .views-field-nothing a.category-11 { background: #410b58; }
#zone-content .view-catalog .views-row .views-field-nothing a:hover.category-11 { background: #68148c; }
#zone-content .view-catalog .views-row .views-field-nothing a.category-12 { background: #05534a; }
#zone-content .view-catalog .views-row .views-field-nothing a:hover.category-12 { background: #189788; }
#zone-content .view-catalog .views-row .views-field-nothing a.category-13 { background: #c9a20c; }
#zone-content .view-catalog .views-row .views-field-nothing a:hover.category-13 { background: #f6d03c; } 
#zone-content .view-catalog .views-row .views-field-nothing a.category-14 { background: #b30043; }
#zone-content .view-catalog .views-row .views-field-nothing a:hover.category-14 { background: #e2236a; }
#zone-content .view-catalog .views-row .views-field-nothing a.category-21 { background: #1a1b1d; }
#zone-content .view-catalog .views-row .views-field-nothing a:hover.category-21 { background: #6f7376; }
#zone-content .view-products .views-row, #zone-content .view-store .views-row { margin-bottom: 45px; }
#zone-content .view-products .views-row .image, #zone-content .view-store .views-row .image {
	text-align: center;
	margin-bottom: 15px;
}
#zone-content .view-products .views-row .text ul, #zone-content .view-store .views-row .text ul { margin: 0 0 16px 16px; }
#zone-content .view-products .views-row span.uc-price, #zone-content .view-store .views-row span.uc-price { font-weight: bold; }
#zone-content .node-product .field-name-uc-product-image .field-item {
	text-align: center;
	margin-bottom: 15px;
}
#zone-content .node-product .display-price {
	float: none;
	text-align: left;
}
#zone-content .node-product .field-name-field-product-ingredients .field-label, #zone-content .node-product .field-name-field-product-additional-info .field-label {  
	background: none repeat scroll 0 0 #947D53;
    color: #FFFFFF;
    font-size: 14px;
    font-weight: normal;
    margin-bottom: 15px;
    padding: 5px 10px; }
	
#zone-content .node-product .field-name-field-product-additional-info { margin-bottom: 50px; }
#zone-content .node-product .ui-tabs { padding: 0px; }
#zone-content .node-product .ui-tabs .ui-tabs-nav { padding: 0px; }
#zone-content .node-product .ui-state-active, #zone-content .node-product .ui-widget-content .ui-state-active, #zone-content .node-product .ui-widget-header .ui-state-active {
	border: 1px solid #947D53;
	color: #555555;
}
#zone-content .node-product .ui-widget-header {
	background: none;
	border: none;
	color: #555555;
}
#zone-content .node-product .ui-widget-header li a { padding: 10px 5px; }
#zone-content .node-product .ui-widget-content {
	font-family: 'Exo 2', sans-serif;
	font-size: 14px;
	background: none;
	border: none;
	color: #555555;
}
#zone-content .node-product .ui-tabs-panel {
	border: none;
	padding: 0px;
}
#zone-content .node-product .ui-tabs-panel table { margin-bottom: 0px; }
#zone-content .node-product .ui-tabs-panel th, #zone-content .node-product .ui-tabs-panel td { padding: 5px; }
#zone-content #uc-cart-view-form table.sticky-header { display: none; }
#zone-content #uc-cart-view-form tr th:nth-child(1), #zone-content #uc-cart-view-form tr th:nth-child(2) { text-indent: -9999px; }
#zone-content #uc-cart-view-form td.remove input.form-submit {
	background: url(../images/delete.png) left top no-repeat;
	width: 16px;
	height: 16px;
	text-indent: -9999px;
}
#zone-content #uc-cart-view-form td.image a { display: none; }
#zone-content #uc-cart-view-form td.qty input { width: 30px; }
#zone-content #uc-cart-view-form .form-actions { text-align: left; }
#zone-content #uc-cart-view-form .form-actions a, #zone-content #uc-cart-view-form .form-actions input {
	float: none;
	margin: 0px;
	margin-bottom: 5px;
}
#zone-content #uc-cart-view-form .form-actions input#edit-checkout--2 { background: #8dc63f; }
#zone-content #uc-cart-checkout-form fieldset legend {
	font-weight: bold;
	margin-bottom: 15px;
}
#zone-content #uc-cart-checkout-form input[type="text"], #zone-content #uc-cart-checkout-form select { width: 100%; }
#zone-content #uc-cart-checkout-form .uc-store-address-field .form-item label {
	float: none;
	text-align: left;
	width: auto;
}
#zone-content #uc-cart-checkout-form .uc-store-address-field .form-item label { padding: 0px; }
#zone-content #uc-cart-checkout-form #quotes-pane .form-submit {
	margin-top: 15px;
	margin-bottom: 15px;
}
#zone-content #uc-cart-checkout-form #quote { border: none; }
#zone-content #uc-cart-checkout-form #edit-actions .form-submit { margin-bottom: 5px; }
#zone-content #uc-cart-checkout-form #edit-actions #edit-cancel { background: #ff0000; }
#zone-content #uc-cart-checkout-form #edit-actions #edit-continue { background: #8dc63f; }
#zone-content #uc-cart-checkout-review-form #edit-back { display: none; }
#zone-content #uc-cart-checkout-review-form #edit-submit {
	background: #8dc63f;
	margin-bottom: 5px;
}
#zone-content .order-review-table tr.review-button-row { background: none; }
#zone-content .view-news .views-row {
    margin-bottom: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid #dddddd;
}
#zone-content .view-news .views-row.views-row-last {
    border-bottom: none;
}
#zone-content .webform-client-form .form-item input { width: 100%; }

/* --- Store Locator --- */
.form-item-distance-distance, .form-item-distance-unit, .geofield-proximity-origin-from { display:none; }
.geofield-proximity-field-wrapper .form-item, .geofield-proximity-field-wrapper .geofield-proximity-origin-from { margin-right:0; }
#edit-distance-origin {
  background-position:97.5% 10px;
  height:auto;
  padding:0.5em;
  width:100%;
}
div#autocomplete { z-index:1000; }
.openlayers-views-map { display:none !important; }
#edit-type, .views-exposed-form .views-exposed-widget {
  height:auto;
  margin:0.1em 0;
  padding:0.5em 0;
  width:100%;
}
.views-exposed-form .views-exposed-widget .form-submit {
  margin-top:0;
  padding:1em 0;
}
.page-store-locator .views-row {
  border-bottom:1px solid #999999;
  padding:5% 5% 7.5% 5%;
  width:90%;
}
.view-store-locator .views-row-last {
  border-bottom:none !important;
}
.view-store-locator .views-field .field-content h3 {
  margin-bottom:0;
}
.views-field-counter {
  float:left;
  width:100%;
}
.views-field-counter .field-content {
  background: #bcd75f; /* Old browsers */
  background: -moz-linear-gradient(top, #bcd75f 0%, #59b254 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#bcd75f), color-stop(100%,#59b254)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #bcd75f 0%,#59b254 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #bcd75f 0%,#59b254 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #bcd75f 0%,#59b254 100%); /* IE10+ */
  background: linear-gradient(to bottom, #bcd75f 0%,#59b254 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bcd75f', endColorstr='#59b254',GradientType=0 ); /* IE6-9 */
  border-radius:20px;
  color:#FFFFFF;
  float:left;
  margin-bottom:0.5em;
  padding:2.5% 4.5%;
}
.field-type-geofield { margin:1.5em 0; }
.button {
  margin-top:1em;
  width:100%;
}
.button a {
  background-color:#592e0c;
  border-radius:3px;
  color:#FFFFFF;
  display: block;
  font-family:"Exo 2", sans-serif;
  margin:0.5em 0.5em 0 0;
  padding:2% 2.5%;
  text-decoration:none !important;
  text-transform:uppercase;
  width:50%;
}
.button a:hover { background-color:#693a1c; }
#cboxLoadedContent { overflow:none !important; }
#popup h3 { color:#FFFFFF; }
#popup a {
  color:#FFFFFF;
  text-decoration:underline;
}

.add-to-cart {
display:none
}

.field-name-field-product-ingredients {clear: both; }

.region-preface{ margin-top: 15px; }
.region-preface a { color: #fff; text-decoration: underline; }

/* --- Home Page Button --- */
#zone-content #region-sidebar-second #block-imageblock-2 {
  background: none;
  padding: 0px;
}