@font-face {
  font-family: 'hyundai-sans-head-bold';
  src: url("dist/fonts/hyundai-sans-head-bold/v1/webfont.woff") format("woff");
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: 'hyundai-sans-head-medium';
  src: url("dist/fonts/hyundai-sans-head-medium/v1/webfont.woff") format("woff");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: 'hyundai-sans-head-light';
  src: url("dist/fonts/hyundai-sans-head-light/v1/webfont.woff") format("woff");
  font-weight: 200;
  font-style: normal;
}

@font-face {
  font-family: 'hyundai-sans-text';
  src: url("dist/fonts/hyundai-sans-text/v1/webfont.woff") format("woff");
  font-weight: 400;
  font-style: normal;
}

/*
	V3 STYLES
	---------------------------------------------------------------------------------------------------------
	The following styles for the V3 version of the shopper assurance page.
	They are scoped using the following class "shopper-assuranceV3"
*/
.shopper-assuranceV3 .hyundai-sans-head-bold {
	font-family: 'hyundai-sans-head-bold';
}
.shopper-assuranceV3 .shopper-heading, .shopper-assuranceV3 .shopper-heading h3 {
	font-size: 32px;
	color: #616161;
}
.shopper-light-gray-text p {
	color: #616161;
}
.shopper-link, .ddc-content.shopper-link {
	position: absolute;
	bottom: 0;
}
.shopper-link .nav > li > a {
	font-size: 16px;
	padding: 0;
	display: inline-block;
	font-weight: bold;
}
.shopper-link .nav > li > a:hover, .shopper-link .nav > li > a:focus {
	background: none;
}
.shopper-assurance-video-cta {
	width: 100%;
}
.shopper-assuranceV3 .shopper-assurance-video-cta {
	min-height: 360px;
}


/*
	V2 STYLES
	---------------------------------------------------------------------------------------------------------
	The following styles are legacy and only used on the V2 version of the shopper assurance page.
	They are likely not actively used, but keeping them just in case.
*/
.alias-hyundai-shopper-assurance .page-bd {
  background-color: #ffffff;
  font-family: 'hyundai-sans-head-light';
}

.alias-hyundai-shopper-assurance .container.main {
  padding: 0;
  width: 1280px;
}

.alias-hyundai-shopper-assurance .container.main {
  width: 1280px !important; /* ddcalmirc - adding !important to override T11v2 grids.css */
}

.alias-hyundai-shopper-assurance .shopper-assurance .ddc-content {
  margin-left: 5%;
  margin-right: 5%;
}

.alias-hyundai-shopper-assurance .shopper-assurance .ddc-content.header-default {
  margin-left: 0px;
  margin-right: 0px;
}

.alias-hyundai-shopper-assurance .shopper-assurance .ddc-content h3 {
  font-size: 36px;
  font-family: 'hyundai-sans-head-medium';
}

.alias-hyundai-shopper-assurance .shopper-assurance .ddc-content .content {
  font-family: 'hyundai-sans-text';
}

.alias-hyundai-shopper-assurance .shopper-assurance .content-hero {
  margin: 0;
}

.alias-hyundai-shopper-assurance .shopper-assurance .content-hero .hero-content-box {
  top: -200px;
  left: -50px;
}

.alias-hyundai-shopper-assurance .shopper-assurance .content-hero .hero-heading, .alias-hyundai-shopper-assurance .shopper-assurance .content-hero .hero-subheading, .alias-hyundai-shopper-assurance .shopper-assurance .content-hero .hero-text {
  color: #ffffff;
}

.alias-hyundai-shopper-assurance .shopper-assurance .content-hero .hero-heading {
  font-size: 48px;
  font-family: 'hyundai-sans-head-bold';
}

.alias-hyundai-shopper-assurance .shopper-assurance .content-hero .hero-text {
  font-size: 20px;
  margin-top: 20px;
  font-weight: 700;
}

.alias-hyundai-shopper-assurance .shopper-assurance .btn {
  background: #0075c9;
  border-color: #0075c9;
  border-radius: 50px;
  color: #ffffff;
  display: block;
  font-size: 14px;
  font-style: normal;
  padding: 15px 20px;
  text-shadow: none;
  margin: 0 auto;
}
.alias-hyundai-shopper-assurance .shopper-assurance .btn:hover {
  color: #0075c9;
}

.alias-hyundai-shopper-assurance .shopper-assurance .youtube-player-button .btn {
  position: absolute;
  top: -410px;
  left: 60px;
}

.alias-hyundai-shopper-assurance .shopper-assurance .video-youtube-player {
  margin: 0;
}

.alias-hyundai-shopper-assurance .shopper-assurance .intro-paragraph {
  text-align: center;
  margin-top: -100px;
}

.alias-hyundai-shopper-assurance .shopper-assurance .intro-paragraph .content {
  width: 60%;
  margin: 30px auto 0;
}

.alias-hyundai-shopper-assurance .shopper-assurance .transparent-pricing {
  z-index: 5;
}

.alias-hyundai-shopper-assurance .shopper-assurance .transparent-pricing h3 {
  margin-top: 0;
  width: 60%;
}

.alias-hyundai-shopper-assurance .shopper-assurance .transparent-pricing .content {
  width: 60%;
  margin-top: 40px;
}

.alias-hyundai-shopper-assurance .shopper-assurance .transparent-pricing-image {
  margin: -50px 0 0;
}

.alias-hyundai-shopper-assurance .shopper-assurance .flexible-test-drive-label, .alias-hyundai-shopper-assurance .shopper-assurance .flexible-test-drive {
  color: #ffffff;
  position: absolute;
  left: 500px;
}

.alias-hyundai-shopper-assurance .shopper-assurance .flexible-test-drive {
  position: absolute;
  top: -600px;
}

.alias-hyundai-shopper-assurance .shopper-assurance .flexible-test-drive .content {
  margin-top: 30px;
  width: 550px;
}

.alias-hyundai-shopper-assurance .shopper-assurance .flexible-test-drive .content a {
  color: #33ccff;
  text-decoration: none;
}

.alias-hyundai-shopper-assurance .shopper-assurance .flexible-test-drive-label {
  top: -630px;
}

.alias-hyundai-shopper-assurance .shopper-assurance .flexible-test-drive-image {
  margin: 70px 0;
}

.alias-hyundai-shopper-assurance .shopper-assurance .flexible-test-drive-image img {
  margin: 0 auto;
}

.alias-hyundai-shopper-assurance .shopper-assurance .test-drive-button {
  position: absolute;
  top: -370px;
  left: 500px;
}

.alias-hyundai-shopper-assurance .shopper-assurance .streamlined-purchase-label {
  margin: 50px 0 0 60px;
}

.alias-hyundai-shopper-assurance .shopper-assurance .streamlined-purchase-content, .alias-hyundai-shopper-assurance .shopper-assurance .streamlined-purchase-button {
  margin-left: 60px;
}

.alias-hyundai-shopper-assurance .shopper-assurance .streamlined-purchase-content .content {
  margin-top: 40px;
}

.alias-hyundai-shopper-assurance .shopper-assurance .laptop-screen {
  width: 60%;
  margin: 0 auto 50px;
}

.alias-hyundai-shopper-assurance .shopper-assurance .icon-categories-wrapper {
  margin: 100px 0;
}

.alias-hyundai-shopper-assurance .shopper-assurance .icon-categories {
  display: flex;
  flex-flow: column-reverse;
  text-align: center;
  align-items: center;
}

.alias-hyundai-shopper-assurance .shopper-assurance .icon-categories h3 {
  font-size: 14px;
  font-family: 'hyundai-sans-text';
}

.alias-hyundai-shopper-assurance .shopper-assurance .icon-categories img {
  margin: 0 auto;
}

.alias-hyundai-shopper-assurance .shopper-assurance .icon-category .content {
  font-size: 20px;
  font-family: 'hyundai-sans-head-light';
}

.alias-hyundai-shopper-assurance .shopper-assurance .icon-grid h3 {
  font-size: 12px;
  width: 100%;
}

.alias-hyundai-shopper-assurance .shopper-assurance .icon-section {
  margin-right: 60px;
}

.alias-hyundai-shopper-assurance .shopper-assurance .three-day-guarantee-label {
  margin-top: 100px;
}

.alias-hyundai-shopper-assurance .shopper-assurance .three-day-guarantee {
  z-index: 5;
}

.alias-hyundai-shopper-assurance .shopper-assurance .three-day-guarantee h3 {
  margin-top: 0;
}

.alias-hyundai-shopper-assurance .shopper-assurance .three-day-guarantee .content {
  width: 50%;
  margin-top: 50px;
}

.alias-hyundai-shopper-assurance .shopper-assurance .three-day-guarantee-image {
  margin: -150px 0 30px;
}

.alias-hyundai-shopper-assurance .shopper-assurance .inventory-button {
  margin-top: 30px;
  margin-bottom: 100px;
  z-index: 1;
}

.alias-hyundai-shopper-assurance .shopper-assurance .inventory-button a {
  margin: 0;
  width: 222px;
}

.alias-hyundai-shopper-assurance .buttonblock-img-wrap {
    background-color: transparent;
}

.alias-hyundai-shopper-assurance .buttonblock-img-wrap img {
    opacity: 1;
    margin: 0 auto;
    display: block;
}

.alias-hyundai-shopper-assurance .buttonblock-default .ui-button-text {
    position: relative;
    bottom: 0;
    text-align: center;
    color: #000;
    background-color: transparent;
    font-weight: bold;
}

.alias-hyundai-shopper-assurance .button-block-shopper-assurance a:hover, 
.alias-hyundai-shopper-assurance .button-block-shopper-assurance a:focus{
    color: #0d65bf;
    text-decoration: none;
}

.alias-hyundai-shopper-assurance .buttonblock-default a:hover .buttonblock-img-wrap, 
.alias-hyundai-shopper-assurance .buttonblock-default a:active .buttonblock-img-wrap {
    background-color: transparent;
}

.alias-hyundai-shopper-assurance .buttonblock-default a:hover img, 
.alias-hyundai-shopper-assurance .buttonblock-default a:active img {
    transition-duration: 0;
    transition-property: none;
    opacity: 1;
}

.alias-hyundai-shopper-assurance #three-day-exchange {
  padding-top: 20px;
}