*:focus {
  outline: none;
}

*,
*:after,
*:before {
  margin: 0;
  padding: 0;
  box-sizing: 0;
  -webkit-touch-callout: none;
  /* prevent callout to copy image, etc when tap to hold*/
  -webkit-text-size-adjust: none;
  /* prevent webkit from resizing text to fit*/
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  /* prevent tap highlight color / shadow*/
}

*, *::before, *::after {
  box-sizing: inherit;
}

html {
  scroll-behavior: smooth;
}

/* overwrites */
#blog .site-header, #btn__search--open {
  display: none !important;
}

#blog #content.fluid ul, #blog #content.fluid ol {
  margin-left: auto !important;
}

#content {
  padding: 0 !important;
}

/* discounts landing page */
#discounts {
  color: #333;
  font-family: Roboto, Arial, sans-serif;
  font-weight: 300;
  line-height: 1.5em;
  margin: 0;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* global */
}
@media only screen and (max-width: 992px) {
  #discounts {
    line-height: 1.4em;
  }
}
#discounts a {
  color: #05629b;
  font-weight: bold;
  text-decoration: none;
}
#discounts ul {
  margin: 0;
  padding: 0;
}
#discounts h1, #discounts h2 {
  font-family: "Roboto", sans-serif;
}
#discounts h1 {
  font-size: 30px;
  font-weight: bold;
  line-height: 1.4em;
  margin: 0 0 24px 0;
  text-align: left;
}
@media only screen and (max-width: 992px) {
  #discounts h1 {
    font-size: 24px;
    line-height: 1.3em;
    margin: 0 0 16px 0;
  }
}
#discounts h2 {
  font-size: 20px;
  font-weight: bold;
  margin: 0 0 24px;
  text-align: left;
}
#discounts p {
  margin: 24px 0;
  padding-bottom: 0 !important;
}
@media only screen and (max-width: 992px) {
  #discounts p {
    margin: 16px 0;
  }
}
#discounts .cta {
  border: 0;
  border-radius: 60px;
  box-sizing: border-box;
  display: inline-block;
  font-size: 16px;
  font-weight: bold !important;
  height: 40px;
  line-height: 40px;
  padding: 0 24px;
  text-align: center;
  text-decoration: none;
}
@media only screen and (max-device-width: 767px) and (min-device-width: 320px) {
  #discounts .cta {
    padding: 0;
    width: 100%;
  }
}
#discounts .cta.blue {
  background: #2E4787;
  color: #fff;
}
#discounts .cta.gold {
  background: #ffce05;
  color: #333;
  margin-top: 16px;
  width: 200px;
}
#discounts .top {
  border-bottom: 1px #ccc solid;
  display: flex;
}
@media only screen and (max-width: 992px) {
  #discounts .top {
    display: block;
  }
}
#discounts .top .heroshot {
  background: url("https://cld.partsimg.com/image/upload/f_auto,q_auto,w_auto,dpr_auto/carparts/acquisition/coupons/hero-desktop.jpg") no-repeat center center;
  background-size: cover;
  width: 50%;
}
@media only screen and (max-width: 992px) {
  #discounts .top .heroshot {
    background: none;
    width: auto;
  }
}
#discounts .top .heroshot img {
  display: none;
}
@media only screen and (max-width: 992px) {
  #discounts .top .heroshot img {
    display: block;
    width: 100%;
  }
}
#discounts .top .content {
  font-size: 20px;
  padding: 40px 40px 56px 40px;
  width: 50%;
}
@media only screen and (max-width: 992px) {
  #discounts .top .content {
    display: flex;
    padding: 16px 16px 24px 16px;
    width: auto;
  }
}
#discounts .top .content .wrap {
  display: flex;
  flex-direction: column;
  margin: 0 auto;
  max-width: 90%;
  /*.intro1 {
  	@include custom-max-breakpoints(992) {
  		order: 2;
  	}
  }

  .intro2 {
  	@include custom-max-breakpoints(992) {
  		order: 0;
  	}
  }

  .email-form {
  	@include custom-max-breakpoints(992) {
  		order: 1;
  		margin-bottom: 24px;
  	}
  }*/
}
@media only screen and (max-width: 992px) {
  #discounts .top .content .wrap {
    background: #fff;
    font-size: 16px;
    max-width: none;
    width: 100%;
    margin-top: -80px;
    padding: 16px;
  }
}
#discounts .top .content .wrap input#emailAddress {
  border: 1px #ccc solid;
  border-radius: 60px;
  font-size: 20px;
  height: 60px;
  line-height: 60px;
  text-align: center;
  width: 100%;
}
@media only screen and (max-width: 992px) {
  #discounts .top .content .wrap input#emailAddress {
    font-size: 16px;
    height: 40px;
    line-height: 40px;
  }
}
#discounts .top .content .wrap input#emailAddress::placeholder {
  color: #ccc;
}
#discounts .top .content .wrap button {
  cursor: pointer;
  font-size: 20px;
  height: 60px;
  line-height: 60px;
  margin: 24px 0;
  text-align: center;
  width: 100%;
}
@media only screen and (max-width: 992px) {
  #discounts .top .content .wrap button {
    font-size: 16px;
    height: 40px;
    line-height: 40px;
    margin: 8px 0 16px;
  }
}
#discounts .top .content .wrap a {
  font-size: 16px;
  text-align: center;
}
#discounts .top .content .wrap .sms {
  border: 1px #ccc dashed;
  display: flex;
  font-size: 16px;
  line-height: 1.3em;
  margin-top: 24px;
  padding: 16px;
  /*@include custom-max-breakpoints(992) {
  	order: 4;
  }*/
}
@media only screen and (max-device-width: 767px) and (min-device-width: 320px) {
  #discounts .top .content .wrap .sms {
    font-size: 14px;
  }
}
#discounts .top .content .wrap .sms .phone {
  margin-right: 16px;
  width: 100px;
}
#discounts .top .content .wrap .sms strong {
  color: #2E4787;
}
#discounts .top .content .wrap .sms strong span {
  color: #fc7e00;
}
#discounts .coupons-list {
  margin: 40px auto;
  max-width: 960px;
}
@media only screen and (max-width: 992px) {
  #discounts .coupons-list {
    margin: 40px 16px;
    max-width: none;
  }
}
#discounts .coupons-list ul {
  display: flex;
  justify-content: center;
  align-items: center;
}
@media only screen and (max-width: 992px) {
  #discounts .coupons-list ul {
    display: block;
  }
}
#discounts .coupons-list ul li {
  border: 1px #e0e0e0 solid;
  box-shadow: 0 5px 6px rgba(0, 0, 0, 0.3);
  list-style: none;
  display: flex;
  height: 100%;
  margin: 0 8px;
  min-height: 320px;
  position: relative;
  width: 50%;
  justify-content: center;
  align-items: center;
}
@media only screen and (max-width: 992px) {
  #discounts .coupons-list ul li {
    margin: 16px 0;
    width: auto;
  }
}
#discounts .coupons-list ul li a {
  color: #333;
  font-weight: 300;
}
#discounts .coupons-list ul li .coupons-item {
  padding: 40px;
  text-align: center;
}
@media only screen and (max-width: 360px) {
  #discounts .coupons-list ul li .coupons-item {
    padding: 24px 16px;
  }
}
#discounts .coupons-list ul li .coupons-item strong {
  display: block;
}
#discounts .coupons-list ul li .coupons-item strong.h1 {
  color: #fc7e00;
  font-size: 24px;
  margin-bottom: 16px;
}
#discounts .coupons-list ul li .coupons-item strong.coupon {
  background: #2E4787;
  color: #fff;
  font-size: 20px;
  margin: 0 auto 16px;
  padding: 8px;
  width: 50%;
}
#discounts .container {
  margin: 40px auto;
  max-width: 960px;
}
@media only screen and (max-width: 992px) {
  #discounts .container {
    margin: 40px 16px;
    max-width: none;
    width: auto;
  }
}
#discounts .container.tips li {
  list-style: disc;
  margin: 16px 32px;
  padding-left: 16px;
}
#discounts .container.faq li {
  list-style: none !important;
  margin: 16px 0;
}