/* Change the default font colour. */
:root {
  --text: #467b32;
}
/* Hide the top menu bar. */
.topbar {
  display: none;
}
/* Dump the Category heading. */
.category-header {
  display: none;
}
/* Tweak our logo size & position.  */
.header .container .brand a {
  margin: 0 0 0 -20px;
  width: 300px;
  height: 88px;
}
footer a.footerLogo {
  width: 300px;
  height: 88px;
}
/* Fiddle with the header layout.  */
.header .container .user-panel.hidden-xs {
  margin: 0 20px 0 0;
}
.header .container .user-panel.hidden-xs a,
.header .container .user-panel.hidden-xs button {
  color: var(--accent);
}
nav:not(#menu).navbar-inverse {
  margin-bottom: 0;
  min-height: 0;
}
nav:not(#menu).navbar-inverse .level1.nav-menu {
  margin-bottom: 0;
}
nav:not(#menu) .nav-menu > li > a,
nav:not(#menu) .nav-menu > li > span {
  color: var(--accent);
}
.container.slider {
  margin-top: 32px;
}
.breadcrumb-wrapper .container {
  padding: 28px 0 0 0;
}
@media screen and (max-width: 1024px) {
  .breadcrumb-wrapper .container {
    padding: 0 0 0 4px;
  }
}
/* Stop navigation submenu items from wrapping and looking rubbish. (capped to 300px wide) */
nav:not(#menu) .nav-menu > li > ul {
  max-width: 300px;
}
nav:not(#menu) .nav-menu > li > ul > li a {
  white-space: nowrap;
}
/* Tweak navigation submenu box-shadow styling (WIP - not 100% happy with this yet.) */
nav:not(#menu) .level2 {
  box-shadow: 5px 5px 10px 0px rgba(70, 123, 50, 0.6);
  left: -18px;
}
/* Remove the top margin from content pages, updated layout a bit, and set background colour to bgAccent. */
#customcontent {
  margin-top: 0;
  background: var(--bgAccent);
  padding: 34px;
  border-radius: 24px;
  max-width: 850px;
}
#customcontent .article-contentDiv ul {
  margin-left: 64px;
}
/* Dump the "Search in this category" button (loooked a bit naff, and we've not got that many products ... for now...).  */
.findPanel > form > label:nth-of-type(2) {
  display: none;
}
/* Tweak the homepage carousels.*/
.slide .overlay {
  transition: background ease-in 0.2s;
  background: none;
}
.slide:hover .overlay {
  background: rgba(0, 0, 0, 0.3);
}
/* Tweak the newsletter layout (WIP...) */
.newsletter {
  background-color: #bada55;
  border-radius: 30px;
  max-width: 850px;
}
/* Product page - size size */
.product-info .product-right > h1 > span,
.product-list-item .caption > h5 > a > span {
  font-size: 60%;
}
/* Basket - hide VAT */
#basketPricing > div > div.well > div:nth-of-type(3) {
  display: none;
}
/* Checkout - basket - hide VAT */
#checkout-section-basket tr#tax {
  display: none;
}
/* Fix checkout totals layout issues. */
#checkout-section-basket tr#shipping > td:nth-of-type(2) > div,
#checkout-section-basket tr#total > td:nth-of-type(2) > div {
  width: 100%;
  padding: 0;
}
/* Hide the title on the about page. */
.page-about > .pagebody-wrapper > .pagebody-container > #table-navigation {
  display: none;
}
.popover {
  color: var(--text);
}
/* New styling for the catering page. */
.pipcakes,
.pipcakes2 {
  margin-left: -34px;
  margin-right: -34px;
  padding-left: 34px;
  padding-right: 34px;
  padding-top: 28px;
  padding-bottom: 38px;
}
.pipcakes img,
.pipcakes2 img {
  width: 180px;
  margin-top: 24px;
  border-radius: 40px;
  border: 4px solid #bada55;
}
.pipcakes {
  background-color: #d7eb88;
}
.pipcakes img {
  float: right;
}
.pipcakes2 {
  background-color: #F4EFE1;
}
.pipcakes2 img {
  float: left;
  margin-right: 34px;
}
/* New styling for the xmas catering page */
.page-content-20476 > .pagebody-wrapper > .container > #customcontent.contentpage {
  background: #fff;
  background-image: url(https://cdn.powered-by-nitrosell.com/store_images/30/7297/customcontent/cateringpagewebsiteNOTEXT.png);
  background-size: 100% auto;
  background-repeat: no-repeat;
  padding: 0 12px;
}
.page-content-20476 > .pagebody-wrapper > .container > #customcontent.contentpage h1,
.page-content-20476 > .pagebody-wrapper > .container > #customcontent.contentpage h2 {
  text-align: left;
}
.page-content-20476 > .pagebody-wrapper > .container > #customcontent.contentpage > div {
  background-repeat: no-repeat;
  background-size: auto 95%;
  background-position: right;
}
.page-content-20476 > .pagebody-wrapper > .container > #customcontent.contentpage > div > p:first-of-type {
  font-size: 20pt;
  line-height: 29pt;
}
.page-content-20476 > .pagebody-wrapper > .container > #customcontent.contentpage > div > h1.price {
  font-size: 45pt;
}
.page-content-20476 > .pagebody-wrapper > .container > #customcontent.contentpage > div:nth-of-type(1) {
  background-size: auto 365px;
}
.page-content-20476 > .pagebody-wrapper > .container > #customcontent.contentpage > div:nth-of-type(2) {
  background-size: auto 340px;
}
.page-content-20476 > .pagebody-wrapper > .container > #customcontent.contentpage > div:nth-of-type(3) {
  background-size: auto 390px;
}
.page-content-20476 > .pagebody-wrapper > .container > #customcontent.contentpage > h1:first-of-type {
  font-size: 50px;
}
.page-content-20476 > .pagebody-wrapper > .container > #customcontent.contentpage > h1:nth-of-type(2) {
  font-size: 90px;
  opacity: 0.6;
  margin-bottom: 55px;
}
@media screen and (max-width: 1024px) {
  .page-content-20476 > .pagebody-wrapper > .container > #customcontent.contentpage > div {
    background-position: bottom;
    background-size: 80% auto !important;
    padding-bottom: 220px;
  }
  .page-content-20476 > .pagebody-wrapper > .container > #customcontent.contentpage > h1:nth-of-type(2) {
    font-size: 50px;
  }
}