#ST_BTCC2018 { padding: 0px; }

/*Fonts*/
@font-face {
  font-family: HalfordsVeneerII-Regular;
  src:url("https://www.halfords.com/wcsstore/HalfordsConsumerDirect/css/font/HalfordsVeneerII-Regular.ttf") format('truetype'),
      url("https://www.halfords.com/wcsstore/HalfordsConsumerDirect/css/font/HalfordsVeneerII-Regular.woff") format('woff');
}

/*Clearfix*/
.cf:before, .cf:after { content: " "; /* 1 */ display: table; /* 2 */ }
.cf:after { clear:both; }
.cf { *zoom: 1; }

/*USP*/
.strip-content,.strip-content:active,.strip-content:focus,.strip-content:hover{text-decoration:none;color:#000}.delivery-strip{font-family:Lexia;background-color:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;justify-content:space-between;align-items:center;padding:.8rem 0;width:970px;margin:0 auto}.strip-content{display:block;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;align-items:center;justify-content:center}.strip-content img{padding-right:.7rem;height:30px}.strip-content h5{margin:0;padding:0;font-size:1rem;font-weight:700}.strip-content h5 small{display:block;font-size:.8rem}.strip-content h5 span{color:#ff951a}
/*USP End*/

.anchor { padding-top: 80px!important; margin-top: -80px!important; }

/*Boot*/

article h1 {
  background-color: transparent;
  color: initial;
  text-transform:uppercase;
}

article h1 span {
  display:none;
}

article h3 {
  padding-top: 0px;
}

article h2 + p {
  font-size: 1em;
}

#content article,
#main_content .inner article,
#content .inner,
#main_content .inner {
  width: 100%;
  font-size: 1.2em;
  box-sizing: border-box;
  padding: 0px;
}

/* Typeography: Line-height Fixes */
#content article li,
#main_content .inner article li,
#content .inner li,
#main_content .inner li {
  line-height: 1;
}

#content article p,
#main_content .inner article li,
#content .inner li,
#main_content .inner li {
  line-height: 1.2;
}

/* Typeography: Body */
#content article,
#content .inner,
#main_content .inner {
  box-sizing: border-box;
}

/* Typeography: Headers */
#content article h1,
#content article h2,
#content .inner h1,
#content .inner h2,
#main_content .inner h2,
#content article h2,
#content aside h2,
#content article h1,
#content aside h1 {
  font-family: HalfordsVeneerII-Regular;
  /*color: white;*/
  font-weight: normal;
  padding: 20px 0px;
}

/* Lightweight Bootstrap Grid */
.container {
  padding-right: 15px;
  padding-left: 15px;
  width: 970px;
  margin: 0 auto;
  box-sizing: border-box;
}

.container-fluid {
  padding-right: 0px;
  padding-left: 0px;
  margin: 0 auto;
}

.container.full,
.container-fluid.full {
  padding-left: 0;
  padding-right: 0;
}

.extraPad {
  padding:40px 0;
}

.extraTop {
  padding:40px 0 0;
}

.extraSpace {
  padding:0 0 40px 0;
}

.row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}

.row.row-middle {
  align-items: center;
  justify-content: center;
}

.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-10,
.col-12 {
  position: relative;
  width: 100%;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
  box-sizing: border-box;
}

.col-2 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 16.666666%;
  flex: 0 0 16.666666%;
  max-width: 16.666666%;
}

.col-3 {
  -webkit-box-flex: 0;
  -ms-flex: 0 25%;
  flex: 0 0 25%;
  max-width: 25%;
}

.col-4 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 33.333333333%;
  flex: 0 0 33.333333333%;
  max-width: 33.333333333%;
}

.col-5 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 41.666667%;
  flex: 0 0 41.666667%;
  max-width: 41.666667%;
}

.col-6 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 50%;
}

.col-7 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 58.333333%;
  flex: 0 0 58.333333%;
  max-width: 58.333333%;
}

.col-8 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 66.666666%;
  flex: 0 0 66.666666%;
  max-width: 66.666666%;
}

.col-10 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 83.333333%;
  flex: 0 0 83.333333%;
  max-width: 83.333333%;
}

.col-12 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%;
}

/* Text Manipulation */
.text-center {
  text-align: center;
}

.text-right {
  text-align: right;
}

.text-bold {
  font-weight: bold;
}

.text-light {
  font-weight: 300;
}

/* Toolkit Helpers */
.margin-bottom {
  margin-bottom: 25px;
}

.margin-top {
  margin-top: 25px;
}

.margin-both {
  margin-top: 25px;
  margin-bottom: 25px;
}

/* Image Manipulation */
.image-responsive {
  position: relative;
  padding-bottom: 56.25%;
  /* 16:9 */
  padding-top: 25px;
  height: 0;
}

.image-responsive > * {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.image-container {
  position: relative;
  overflow: hidden;
}

.image-full {
  width: 100%;
}

.image-half {
  width: 50%;
}

.image-full.scale {
  transition: transform .5s ease;
}

.scale:hover {
  transform: scale(1.2);
}


.mobileOnly {
  display:none!important;
}



/* Button Overwrite */
.button {
  border-radius: 0px;
  background-color: #2780e2;
  color: #fff;
  border: 0px;
  font-weight: bold;
  font-size: 1.5em;
  box-sizing: border-box;
}

.button:hover,
.button:focus,
.button:active {
  background-color: #569fef;
}

/* .button.secondary */
.button.full {
  display: block;
  width: 100%;
}

.button.hollow {
  background-color: transparent;
  border: 2px solid #2780e2;
  color: #282828;
}

.button.hollow:hover,
.button.hollow:active,
.button.hollow:focus {
  background-color: #2780e2;
  border: 2px solid #2780e2;
  color: #fff;
}

/* Menu */
#content article ul,
#content .inner ul,
#main_content .inner ul {
  list-style: none;
  margin: 20px 0 20px 15px;
}

#content article ul li,
#content .inner ul li,
#main_content .inner ul li {
  list-style: disc;
}

#content article ul.menu,
#content .inner ul.menu,
#main_content .inner ul.menu {
  margin: 0px;
  padding: 0px;
  list-style: none;
}

#content article ul.menu li,
#content .inner ul.menu li,
#main_content .inner ul.menu li {
  display: inline-block;
  margin: 0 10px;
}

.btn { padding:0 20px !important; margin:0 !important; text-align:center; background-color:#ff9718!important; color:#242424!important; line-height:44px; height:44px; display:inline-block; width:auto; transition:background-color 0.3s, color 0.3s; }
.btn:hover { background-color:#404040!important; }

/* Media Queries */
@media (max-width: 1250px) {

}

/* Media Queries */
@media (max-width: 1000px) {
  /* Mobile/Tablet */
  .container {
    width: 100%; }
}

@media (max-width: 640px) {
    
  .anchor { padding-top:0px!important; margin-top:0px!important; }
    
  /* Mobile */
  .col-2,
  .col-3,
  .col-4,
  .col-5,
  .col-6,
  .col-7,
  .col-8,
  .col-9,
  .col-10,
  .col-12 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%; }

  .pbody {
    width:90%;
    margin:0 auto 0.7em;
  }

  /* Hide */
  .desktopOnly { display: none !important; }

  .mobileOnly {
    display:block!important;
  }

  img.img-responsive {
    width:100%;
    height:auto;
  }

}