/*******************************************
Colours
*******************************************/
:root {
--accent-color: #174d79;
}

.mango {
  background-color:#1d1d1d;  
}

.page-top-bar {
    background-color: #144885;
    box-shadow: 0px 11px 10px 0px #d0d0d0;
    border-bottom: solid 2px #1d1d1d;
}

.page-footer, .page-footer .panel .list-group-item, .page-footer .panel-default, .page-footer .panel-default>.panel-heading {
    background-color: #080505;
}

.page-top-bar a{
   color: #f5f5f5;
}

.page-top-bar a:hover{
    color: var(--accent-color);
}

.subcat-main {
  background: #0b274c;
}


.footer-copyright{
    background-color: #050e13;
}


.panel.panel-products .panel-heading, #box-sale_items .panel-heading, .panel-default>.panel-heading {
	background-color: #091d25;
	border-color: #2c3036;
}

.site-navbar .navbar-nav.main-cats>li>a.sale-link, .site-navbar .navbar-nav.main-cats .dropdown-submenu .dropdown-menu li a.sale-link {
  background-color: var(--accent-color);
	border-color: var(--accent-color);
}



#box-sale_items {
	border-color: var(--accent-color);
}

.panel-default {
	border-color: #fff;
}


.product-price {
	background-color: #ebebeb;
}


/*******************************************
Here be Fudges
*******************************************/

.product-box .inner {
  width: auto;  
   box-shadow: -4px -2px 20px 0px #f1efef;
}

.product-box .photo-wrap {
  height: 265px;
  width: auto;
  background-position: center;
  background-size: contain;
}

#box-featured .product-box .inner {
  height: 365px;
  width: auto;  
   box-shadow: -4px -2px 20px 0px #f1efef;
}

#box-popular .product-box .inner {
  height: 365px;
  width: auto;  
   box-shadow: -4px -2px 20px 0px #f1efef;
}

#box-popular .product-box .photo-wrap {
  height: 265px;
  width: auto;
  background-position: center;
  background-size: contain;
}


#box-featured .product-box .photo-wrap {
  height: 265px;
  width: auto;
  background-position: center;
  background-size: contain;
}

#main-sidebar .col-md-3 {
  padding-left: 5px;
  padding-right: 5px;
}



.panel.panel-products>.panel-heading {
 padding: 10px;
}

.panel>.panel-heading {
 padding: 10px;
}