body
{
    min-height: 100vh;
}

main
{
    flex: 1;
    padding-top: 300px;
}

footer.page-footer .footer-copyright
{
  height: auto;
}

footer.page-footer .footer-copyright p
{
  margin-bottom: 0px;
}

.footer-links>li
{
  display: inline-block;
  margin: 0px 5px;
}

@media only screen and (max-width: 992px)
{
  main
  {
    padding-top: 330px;
  }

  .center-on-small-only
  {
      text-align: center !important;
  }

  .footer-links>li
  {
    display: block;
  }
}

@media only screen and (max-width: 768px)
{
  .fixed-top
  {
    position: relative;
  }

  main
  {
    padding-top: 20px;
  }

  .center-on-xs-only
  {
      text-align: center !important;
  }

  .w-100-xs-only
  {
    width: 100% !important;
  }

  .mb-xs-3
  {
    margin-bottom: 3rem !important;
  }
}

.flex-grow
{
    flex: 1;
}

.hidden
{
  display: none;
}

/* navbar styles */
.navbar.navbar-dark.stylish-color .breadcrumb .nav-item .nav-link, .navbar.navbar-dark.stylish-color .navbar-nav .nav-item .nav-link
{
    color: #eeeabb!important;
}

.navbar-info
{
  padding-top: 5px!important;
  padding-bottom: 5px!important;
}

.navbar-info.top-nav-collapse
{
  padding-top: 1px!important;
  padding-bottom: 1px!important;
}

.navbar-info.top-nav-collapse .nav-link
{
  padding: 0rem .5rem ;
}

.navbar-header
{
  //background-image: url("https://www.blockleytyre.com/blockleyTemplate/header.min.jpg");
  //background-size: cover;
  //background-repeat: no-repeat;
  //background-position: 50% 50%;
}

.navbar-brand-logo img
{
    height: 160px;
    -webkit-transition: height .45s ease-in-out;
    transition: height .45s ease-in-out;
}

.top-nav-collapse .navbar-brand-logo img
{
  height: 100px;
}

.navbar-brand a
{
  background: white;
  color: inherit;
  font-weight: bolder;
  padding: 0px  5px;
}

.navbar-brand .strapline
{
  background: white;
  margin-top: 1rem!important;
  -webkit-transition: margin .5s ease-in-out;
  transition: margin .5s ease-in-out;
  padding: 0px  5px;
}

.top-nav-collapse .navbar-brand .strapline
{
  margin-top: 0rem!important;
}

.navbar-brand .quickTyre .md-form
{
    margin-top: 1.5rem!important;
    margin-bottom: 1.5rem!important;
    -webkit-transition: margin .5s ease-in-out;
    transition: margin .5s ease-in-out;
}

.top-nav-collapse .navbar-brand .quickTyre .md-form
{
    margin-top: 0.5rem!important;
    margin-bottom: 0.5rem!important;
}

@media (min-width: 600px)
{
  .navbar.scrolling-navbar
  {
    padding-top: 5px;
    padding-bottom: 5px;
  }

  .navbar.scrolling-navbar.top-nav-collapse
  {
    padding-top: 0px;
    padding-bottom: 0px;
  }
}

@media only screen and (max-width: 768px)
{
  /* navbar styles */
  .navbar.scrolling-navbar
  {
    padding-top: 0px;
    padding-bottom: 0px;
  }

  .navbar-info
  {
    padding-top: 1px!important;
    padding-bottom: 1px!important;
  }

  .navbar-info .nav-link
  {
    padding: 0rem .5rem;
  }

  .navbar-brand-logo img
  {
    height: 100px;
  }

  .navbar-brand .strapline
  {
    margin-top: 0rem!important;
  }
  
  .navbar-brand .quickTyre .md-form
  {
    margin-top: 0.5rem!important;
    margin-bottom: 0.5rem!important;
  }
}

.nav-link>.fa-2x
{
    vertical-align: middle;
}

/* Forms */

.md-form label[data-error]
{
    width: 100%;
}

/* Colours */
.stylish-color
{
    background-color: #530d0c!important;
}

.stylish-color-text
{
    color: #530d0c!important;
}

.stylish-text
{
    color: #530d0c!important;
}

.btn-stylish-color{background-color:#530d0c!important}
.btn-stylish-colorhover{background-color:#757575}
.btn-stylish-color.active,.btn-stylish-color:active,.btn-stylish-color:focus{background-color:#424242}
.btn-stylish-color.dropdown-toggle{background-color:#530d0c!important}
.btn-stylish-color.dropdown-toggle:focus,.btn-stylish-color.dropdown-toggle:hover{background-color:#757575!important}
.btn-stylish-color([disabled]):not(.disabled).active,.btn-stylish-color:not([disabled]):not(.disabled):active,.show>.btn-stylish-color.dropdown-toggle{background-color:#424242!important}

.dropdown .dropdown-menu.dropdown-primary .dropdown-item:hover { background-color: #530d0c!important; }

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

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

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

.table-totals th, td
{
  font-size: 1.5rem !important;
  padding: .5rem;
}

/* blueimp gallery */
.blueimp-gallery-controls>.next,.blueimp-gallery-controls>.prev,.blueimp-gallery-controls>.close,.blueimp-gallery-controls>.playpause
{
  color: white !important;
}

.product-gallery-image-thumb
{
  /*float: left;
  width: 20%;
  padding: 5px;*/
}