.left-margin
{
margin-left: 10px;
}

.navbar-cart:hover .cart-icon
{
color: #333;
}

.cart-badge
{
background: pink;
font-size: 140%;
margin-left: 3px;
-webkit-transition: all .2s ease-in;
-moz-transition: all .2s ease-in;
transition: all .2s ease-in;
vertical-align: text-bottom;
}

.cart-badge:hover
{
background: #FF8100;
-webkit-transition: all .2s ease-in;
-moz-transition: all .2s ease-in;
transition: all .2s ease-in;
}

.navbar-cart:hover .cart-badge
{
background: #FF8100;
}

.badge
{
margin-right: 1px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
font-weight: normal;
}

.navbar-default .navbar-nav > li > a
{
padding: 15px 10px;
}

.product-image
{
width: 100%;
padding: 1px;
}

.product-image-main
{
width: 100%;
}

.product-image-thumb
{
float: left;
width: 50%;
}

.button-full
{
width: 100%;
}

.side-menu ul li.active a
{
color: #5b9bd1;
background-color: #f6f9fb;
border-left: 2px solid #5b9bd1;
margin-left: -2px;
}

.side-menu ul li a span
{
margin-right: 6px;
vertical-align: middle;
}

.template-content-centre
{
padding: 15px 15px;
text-align: center;
background-color: rgba(0,0,0,0.75);
}

h1
{
font-size: 30px;
}

.template-content
{
padding: 15px 15px;
}

html
{
position: relative;
min-height: 100%;
}

body
{
padding-top: 90px;
padding-bottom: 20px;
margin-bottom: 40px;
background-image: url("http://magic.lede.co.uk/scottPepperTemplate/bg1920x1080.jpg");
background-size:cover;
color: white;
}

footer
{
position: absolute;
bottom: 0;
width: 100%;
/* Set the fixed height of the footer here */
height: 60px;
background-color: #000;
color: #ccc;
padding-left: 15px;
padding-right: 15px;
padding-top: 20px;

}

.footer-link
{
padding: 5px;
}

.clearboth
{
clear: both;
}

.well-category
{
margin-top: 10px;
margin-bottom: 10px;
background-color: #fff;
}

.well-category h3
{
margin: 0px 0px 10px 0px;
}

.well-link,.well-link:hover,.well-link:visited
{
text-decoration: none;
color: #000;
}

.well-product
{
margin-top: 10px;
margin-bottom: 10px;
background-color: #fff;
}

.well-product h3
{
margin: 0px 0px 10px 0px;
}

.navbar
{
min-height: 90px;
}

.navbar-brand-logo
{
float: left;
height: 50px;
padding: 0px 15px;
font-size: 18px;
line-height: 20px;
}

.navbar-default
{
background-color: #000;
border-color: #333;
}

.navbar-default .navbar-nav>li>a
{
padding: 34px 10px;
color: #ccc;
}

.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus
{
color: #fff;
}

#text-carousel
{
width: 100%;
height: auto;
padding: 30px 30px 0px 30px;
}

.carousel-content
{
width: 70%;
margin-left: auto;
margin-right: auto;
color: #eee;
display: flex;
align-items: center;
font-size: 20px;
}

.carousel .item
{
background-color: transparent;
}

.carousel-control.left
{
background-image: none;
}

.carousel-control.right
{
background-image: none;
}

.carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next, .carousel-control .icon-prev
{
font-size: 20px;
}

.carousel-content div
{
margin-left: auto;
margin-right: auto;
}

.table
{
margin-bottom: 0px;
}

.panel-default
{
background-color: #111;
}

.panel-default>.panel-heading
{
background-color: #111;
color: #eee;
border-color: #ddd;
border-bottom: 0px;
}

.table-events>tbody>tr:hover
{
background-color: #333;
}

.img-full
{
width: 100%;
}

.well-default
{
background-color: #111;
}

.navbar-fa-3x
{
padding: 20px 10px !important;
}

.overlay
{
position: absolute;
width: 100%;
height: 100%;
width: calc(100% - 30px);
height: calc(100% - 20px);
opacity: 0;
transition: all 0.35s ease;
-webkit-transition: all 0.35s ease;
-moz-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
-ms-transition: all 0.35s ease;
border-radius: inherit;
left: 15px;
top: 0;
bottom: 0;
right: 0;
background-color: rgba(33,154,200,0.5);
}

.overlay:hover
{
opacity: 1;
cursor: pointer;
}

.vertical-centre
{
  min-height: 100%;  /* Fallback for browsers do no support vh unit */
  min-height: 100vh;

  display: flex;
  align-items: center;
}

.label-event-date
{
display: block;
margin-top: 3px;
margin-bottom: 3px;
width: 100%;
font-size: 1vw;
}

time.icon
{
  font-size: 1em; /* change icon size */
  display: block;
  /*position: relative;
  float: right;*/
  position: absolute;
  right: 25px;
  width: 7em;
  height: 8em;
  background-color: #fff;
  margin: 2em;
  border-radius: 0.6em;
  box-shadow: 0 1px 0 #bdbdbd, 0 2px 0 #fff, 0 3px 0 #bdbdbd, 0 4px 0 #fff, 0 5px 0 #bdbdbd, 0 0 0 1px #bdbdbd;
  overflow: hidden;
  -webkit-backface-visibility: hidden;
  -webkit-transform: rotate(0deg) skewY(0deg);
  -webkit-transform-origin: 50% 10%;
  transform-origin: 50% 10%;
}

time.icon *
{
  display: block;
  width: 100%;
  font-size: 1em;
  font-weight: bold;
  font-style: normal;
  text-align: center;
}

time.icon strong
{
  position: absolute;
  top: 0;
  padding: 0.4em 0;
  color: #fff;
  background-color: #fd9f1b;
  border-bottom: 1px dashed #f37302;
  box-shadow: 0 2px 0 #fd9f1b;
}

time.icon em
{
  position: absolute;
  bottom: 1.4em;
  color: #fd9f1b;
}

time.icon em.time
{
  position: absolute;
  bottom: 0.2em;
  color: #fd9f1b;
}

time.icon span
{
  width: 100%;
  font-size: 2.8em;
  letter-spacing: -0.05em;
  padding-top: 0.8em;
  color: #2f2f2f;
}

.checkoutTotalRow h3
{
text-align: right;
margin-top: 0px;
margin-bottom: 15px;
}

p
{
font-size: 16px;
line-height: 2;
}

.p-0
{
padding:0!important
}

.p-1
{
padding:.25rem!important
}

.navbar-fa-2x
{
padding: 25px 10px !important;
}