/*----------------------------------------------------------*/
/*-- Sugar Shack IE 8 LESS @author Gene Commerce ----------*/
/*----------------------------------------------------------*/
/*----------------------------------------------------------*/
/*-- Sugar Shack Base LESS @author Gene Commerce ----------*/
/*----------------------------------------------------------*/
/*-- Fonts --*/
/*-- Icon Font --*/
@font-face {
  font-family: 'icons';
  src: url('https://www.sugarshack.co.uk/skin/frontend/gene/default/fonts/icons/sugarshack.eot');
  src: url('https://www.sugarshack.co.uk/skin/frontend/gene/default/fonts/icons/sugarshack.eot?#iefix') format('embedded-opentype'), url('https://www.sugarshack.co.uk/skin/frontend/gene/default/fonts/icons/sugarshack.woff') format('woff'), url('https://www.sugarshack.co.uk/skin/frontend/gene/default/fonts/icons/sugarshack.ttf') format('truetype'), url('https://www.sugarshack.co.uk/skin/frontend/gene/default/fonts/icons/sugarshack.svg#sugarshack') format('svg');
  font-weight: normal;
  font-style: normal;
}
/*-- Food Font --*/
@font-face {
  font-family: 'food-font';
  src: url('https://www.sugarshack.co.uk/skin/frontend/gene/default/fonts/sugar-shack-food/sugar-shack-food.eot');
  src: url('https://www.sugarshack.co.uk/skin/frontend/gene/default/fonts/sugar-shack-food/sugar-shack-food.eot?#iefix') format('embedded-opentype'), url('https://www.sugarshack.co.uk/skin/frontend/gene/default/fonts/sugar-shack-food/sugar-shack-food.woff') format('woff'), url('https://www.sugarshack.co.uk/skin/frontend/gene/default/fonts/sugar-shack-food/sugar-shack-food.ttf') format('truetype'), url('https://www.sugarshack.co.uk/skin/frontend/gene/default/fonts/sugar-shack-food/sugar-shack-food.svg#sugarshack') format('svg');
  font-weight: normal;
  font-style: normal;
}
/*-- Muli Font --*/
@font-face {
  font-family: 'muli_regular';
  src: url('https://www.sugarshack.co.uk/skin/frontend/gene/default/fonts/Muli/Muli.eot');
  src: url('https://www.sugarshack.co.uk/skin/frontend/gene/default/fonts/Muli/Muli.eot?#iefix') format('embedded-opentype'), url('https://www.sugarshack.co.uk/skin/frontend/gene/default/fonts/Muli/Muli.woff') format('woff'), url('https://www.sugarshack.co.uk/skin/frontend/gene/default/fonts/Muli/Muli-Regular.ttf') format('truetype'), url('https://www.sugarshack.co.uk/skin/frontend/gene/default/fonts/Muli/Muli#garamondregular') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'muli_bold';
  src: url('https://www.sugarshack.co.uk/skin/frontend/gene/default/fonts/Muli/Muli-Bold.eot');
  src: url('https://www.sugarshack.co.uk/skin/frontend/gene/default/fonts/Muli/Muli-Bold.eot?#iefix') format('embedded-opentype'), url('https://www.sugarshack.co.uk/skin/frontend/gene/default/fonts/Muli/Muli-Bold.woff') format('woff'), url('https://www.sugarshack.co.uk/skin/frontend/gene/default/fonts/Muli/Muli-Bold.ttf') format('truetype'), url('https://www.sugarshack.co.uk/skin/frontend/gene/default/fonts/Muli/Muli-Bold#garamondregular') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'muli_light';
  src: url('https://www.sugarshack.co.uk/skin/frontend/gene/default/fonts/Muli/Muli-Light.eot');
  src: url('https://www.sugarshack.co.uk/skin/frontend/gene/default/fonts/Muli/Muli-Light.eot?#iefix') format('embedded-opentype'), url('https://www.sugarshack.co.uk/skin/frontend/gene/default/fonts/Muli/Muli-Light.woff') format('woff'), url('https://www.sugarshack.co.uk/skin/frontend/gene/default/fonts/Muli/Muli-Light.ttf') format('truetype'), url('https://www.sugarshack.co.uk/skin/frontend/gene/default/fonts/Muli/Muli#garamondregular') format('svg');
  font-weight: normal;
  font-style: normal;
}
/*-- Colours --*/
/* Sugar Shack Colours */
/*-- Spacing --*/
/*-- Classes --*/
.inline-block {
  display: inline-block;
  *display: inline;
  zoom: 1;
}
.relative {
  position: relative;
}
.flex {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row wrap;
  flex-flow: row wrap;
}
/*-- Fonts --*/
.icon-font {
  font-family: 'icons';
}
.food-font {
  font-family: 'food-font';
}
/*-- Sizes --*/
/*-- Columns --*/
/*-- Themed Border --*/
.stripped-border {
  float: left;
  width: 100%;
  background-image: url('/skin/frontend/gene/default/images/banners/stripes.png');
  height: 2px;
  background-size: 100% auto;
}
/*-- Animations --*/
.transition {
  transition: .3s;
  -o-transition: .3s;
  -ms-transition: .3s;
  -moz-transition: .3s;
  -webkit-transition: .3s;
}
.transition-easing {
  transition: 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  -o-transition: 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  -ms-transition: 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  -moz-transition: 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  -webkit-transition: 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
.transition-long {
  transition: .5s;
  -o-transition: .5s;
  -ms-transition: .5s;
  -moz-transition: .5s;
  -webkit-transition: .5s;
}
.animation-delay {
  -webkit-transition-delay: .2s;
  transition-delay: .2s;
}
.animation-long-delay {
  -webkit-transition-delay: .5s;
  transition-delay: .5s;
}
.no-delay {
  -webkit-transition-delay: .0s;
  transition-delay: .0s;
}
.no-transition {
  transition: .0s;
  -o-transition: .0s;
  -ms-transition: .0s;
  -moz-transition: .0s;
  -webkit-transition: .0s;
}
body,
html {
  min-width: 1024px!important;
}
/*------------------------------------------------------*/
/*-- Page Styles ---------------------------------------*/
/*------------------------------------------------------*/
#page.active {
  transform: translate(0);
  -ms-transform: translate(0);
  -webkit-transform: translate(0);
}
#page.active:after {
  display: none;
}
/*------------------------------------------------------*/
/*-- Layout Styles -------------------------------------*/
/*------------------------------------------------------*/
.wrapper {
  width: 1012px;
  margin-left: 450px;
}
/*------------------------------------------------------*/
/*-- Form Styles ---------------------------------------*/
/*------------------------------------------------------*/
input[type="search"],
input[type="text"],
textarea {
  line-height: 1em!important;
}
.custom-select select {
  padding: 0 0 0 20px !important;
  height: 68px !important;
  line-height: 68px !important;
}
.custom-select:after,
.custom-select .select-overlay {
  display: none!important;
}
.promo-block.newsletter-block input[type="search"],
.promo-block.newsletter-block input[type="text"],
.promo-block.newsletter-block input[type="email"] {
  padding-top: 27px !important;
  padding-bottom: 27px !important;
  height: 14px;
}
.field input[type="search"],
.field input[type="text"],
.field input[type="email"],
.field input[type="tel"],
.field input[type="password"] {
  padding-top: 17px !important;
  padding-bottom: 17px !important;
  height: 14px !important;
  line-height: 1em!important;
}
.loader {
  background: url('https://www.sugarshack.co.uk/skin/frontend/gene/default/images/loading/loading-32px-white.gif') center center no-repeat;
}
#contact-form label {
  display: block;
}
.account-create .field label {
  display: block;
}
/*------------------------------------------------------*/
/*-- Header Styles -------------------------------------*/
/*------------------------------------------------------*/
.menu-button {
  display: none;
}
#main-navigation {
  position: absolute;
  z-index: 10;
  left: 0;
  top: 100%;
}
#header-search input[type="search"],
#header-search input[type="text"] {
  width: 190px;
  background: #e6e6e6;
  padding: 27px 68px !important;
  height: 14px;
  z-index: 1;
  opacity: 1;
}
#header-search button {
  opacity: 1;
  z-index: 4;
}
.top-header-link:after {
  display: none;
}
.top-header-link.active:after {
  display: block;
}
.navigation-static-block {
  border: none;
}
/*------------------------------------------------------*/
/*-- Sidebar Styles ------------------------------------*/
/*------------------------------------------------------*/
#trending-sidebar {
  display: none;
}
#page-sidebar {
  width: 450px;
}
#page-sidebar.active {
  z-index: 99;
}
.body-inner.active .body-overlay {
  background: url('https://www.sugarshack.co.uk/skin/frontend/gene/default/images/backgrounds/transparent.png') center center repeat;
}
#page-sidebar-inner {
  width: 450px;
}
.empty-mini-basket {
  display: none;
}
.empty-mini-basket.ie-message {
  display: block!important;
}
/*------------------------------------------------------*/
/*-- Catalog list Styles -------------------------------*/
/*------------------------------------------------------*/
.with-hover.product-image {
  background: none!important;
}