/*
Headings: Bebas Neue Bold
SubHeadings: Bebas Neue
Body: Roboto Condensed

Headings: Helvetica Bold
SubHeaders: Helvetica Condensed


Model Images are square
SubHeader: Helvetica, "Helvetica Neue", Arial, "Lucida Grande", sans-serif;


Ideas: Browse By Model
Square Image with make/year subheader text
On hover: Switch Image (need to upload images for component)
On hover: Maybe expand image slowly or make it move, we should have the resolution to do that.
Images will fill 25% of grid 4x4 for a total of 8
 */
html, body {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
}

.standard_logo {
  display: none !important;
}

button.comm-forgot-password__cancel-button.slds-button.slds-button_neutral {
  background-color: #f1f1f1 !important;
  transition: none !important;
  display: inline-block !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  line-height: 16px !important;
  text-transform: uppercase !important;
  transform: unset !important;
  padding: 14px 64px !important;
  border: none !important;
  clip-path: polygon(20px 0%, 100% 0%, calc(100% - 20px) 100%, 0% 100%) !important;
}

.comm-forgot-password__cancel-button {
  background-color: #f1f1f1 !important;
  transition: none !important;
  display: inline-block !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  line-height: 16px !important;
  text-transform: uppercase !important;
  transform: unset !important;
  padding: 14px 64px !important;
  border: none !important;
  clip-path: polygon(20px 0%, 100% 0%, calc(100% - 20px) 100%, 0% 100%) !important;
}

.slds-button.slds-button_brand {
  /*@include button-brand();*/
  transition: none;
  border-radius: 0;
  background-color: rgb(217, 0, 9);
  color: white;
  font-family: "Roboto condensed", sans-serif;
  display: inline-block;
  font-size: 16px;
  font-weight: 700;
  line-height: 16px;
  text-transform: uppercase;
  transform: unset;
  padding: 12px 62px;
}
.slds-button.slds-button_brand:hover {
  color: white;
  background-color: #9b0002;
}
.slds-button.slds-button_brand:before, .slds-button.slds-button_brand:after {
  display: none;
}

.slds-button.slds-button_destructive {
  /*@include button-brand();*/
  transition: none;
  border-radius: 0;
  background-color: #090708;
  color: white;
  font-family: "Roboto condensed", sans-serif;
  display: inline-block;
  font-size: 16px;
  font-weight: 700;
  line-height: 16px;
  text-transform: uppercase;
  transform: unset;
  padding: 12px 62px;
}
.slds-button.slds-button_destructive:hover {
  color: white;
  background-color: #9b0002;
}
.slds-button.slds-button_destructive:before, .slds-button.slds-button_destructive:after {
  display: none;
}

.roush-button-black {
  /*@include button-brand2();*/
  transition: none;
  border-radius: 0;
  background-color: #090708;
  color: white;
  font-family: "Roboto condensed", sans-serif;
  display: inline-block;
  font-size: 16px;
  font-weight: 700;
  line-height: 16px;
  text-transform: uppercase;
  transform: unset;
  padding: 12px 62px;
}
.roush-button-black:hover {
  color: white;
  background-color: #9b0002;
}
.roush-button-black:before, .roush-button-black:after {
  display: none;
}

/*$roush_black: #090708;
$roush_black_hover: rgb(217, 0, 9);
$roush_red : rgb(217, 0, 9);
$roush_red_hover: #9b0002;*/
.roush-button-red {
  /*@include button-brand();*/
  transition: none;
  border-radius: 0;
  background-color: rgb(217, 0, 9);
  color: white;
  font-family: Roboto condensed, sans-serif;
  display: inline-block;
  font-size: 16px;
  font-weight: 700;
  line-height: 16px;
  text-transform: uppercase;
  transform: unset;
  padding: 12px 62px;
}
.roush-button-red:hover {
  color: white;
  background-color: #9b0002;
}
.roush-button-red:before, .roush-button-red:after {
  display: none;
}

.rpHeader {
  background-color: rgb(0, 0, 0);
  min-height: 85px !important;
}

@media only screen and (max-width: 768px) {
  .rppBread {
    top: 40px !important;
  }
}

.rpHeader .logo-anchor experience-responsive {
  z-index: 900;
}

community_byo-scoped-header-and-footer {
  display: flex;
  flex-direction: column;
  height: 100%;
}
community_byo-scoped-header-and-footer main {
  flex: 1 0 auto;
}
community_byo-scoped-header-and-footer footer {
  flex-shrink: 1;
}

.rpFeaturedDealers h3, .rpFeaturedModels h3 {
  font-size: 32px !important;
  font-family: "roboto" !important;
}

.rpFeatureModels c-roush-feature-model {
  max-width: 525px !important;
  margin: auto !important;
}
.rpFeatureModels .columns-content .columns {
  flex-direction: row !important;
  /*.col-large-size_3-of-12 {
    width: 25% !important;
    padding: 8px !important;
    @media only screen and (max-width: 1024px) {
      width: 50% !important;
      flex: unset !important;
    }
    @media only screen and (max-width: 600px) {
      width: 100% !important;
    }
  }*/
}
@media only screen and (max-width: 768px) {
  .rpFeatureModels .columns-content .columns {
    flex-direction: column !important;
    max-width: 525px;
    margin: auto;
    display: block !important;
  }
}
@media only screen and (max-width: 1024px) {
  .rpFeatureModels .columns-content .columns {
    flex-wrap: wrap !important;
  }
}
.rpFeatureModels .columns-content .columns .col-large-size_2-of-12 {
  width: 25% !important;
  padding: 8px !important;
  /*@media only screen and (max-width: 600px) {
    width: 100% !important;
  }*/
}
@media only screen and (max-width: 1024px) {
  .rpFeatureModels .columns-content .columns .col-large-size_2-of-12 {
    width: 100% !important;
    flex: unset !important;
  }
}
@media only screen and (min-width: 1024px) {
  .rpFeatureModels .columns-content .columns .col-large-size_2-of-12 {
    max-width: 40px !important;
  }
}
@media only screen and (min-width: 1024px) and (min-width: 1024px) {
  .rpFeatureModels .columns-content .columns .col-large-size_2-of-12 {
    max-width: calc(40px + 100 * (100vw - 1024px) / 416) !important;
  }
}
@media only screen and (min-width: 1024px) and (min-width: 1440px) {
  .rpFeatureModels .columns-content .columns .col-large-size_2-of-12 {
    max-width: 140px !important;
  }
}
@media only screen and (min-width: 1440px) {
  .rpFeatureModels .columns-content .columns .col-large-size_2-of-12 {
    max-width: 20% !important;
  }
}
.rpFeatureModels .columns-content .columns > .col-size_12-of-12 {
  margin: 0 8px;
}
@media only screen and (max-width: 768px) {
  .rpFeatureModels .columns-content .columns > .col-size_12-of-12 {
    margin-bottom: 16px;
  }
}

/*.rpModelImageAnimate {
  position: relative;
  overflow: hidden;
  padding-bottom: 74.86772486772487%;
  transition: all .7s;
}*/
.rpModelImageAnimate {
  height: 100%;
  display: flex;
  justify-content: center;
  position: relative;
  overflow: hidden;
  padding-bottom: 74.8677248677%;
  transition: all 0.7s;
}

.rpModelImage {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  max-width: 525px;
  margin: auto;
  width: 100%;
  height: 100%;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  transition: all 0.7s;
}
.rpModelImage:hover {
  cursor: pointer;
  transform: scale(1.1);
}

.rpModeltext {
  color: white !important;
}
.rpModeltext a {
  text-transform: uppercase;
  color: white !important;
}
.rpModeltext a:hover {
  text-decoration: underline !important;
  color: white !important;
}

.rpModeltext a .rpText {
  color: white !important;
}

.rpModeltext a:hover {
  text-decoration: underline !important;
}

.rpModelImageAnimate:hover .rpModeltext a {
  text-decoration: underline !important;
}

.rpModeltext {
  position: absolute;
  font-weight: bold;
  bottom: 0px;
  color: white;
  padding: 10px;
  text-align: center;
  pointer-events: none;
  font-family: "roboto condensed";
}
.rpModeltext {
  font-size: 24px;
  line-height: 36px;
}
@media screen and (min-width: 1024px) {
  .rpModeltext {
    font-size: calc(24px + 12 * (100vw - 1024px) / 416);
    line-height: calc(36px + 0 * (100vw - 1024px) / 416);
  }
}
@media screen and (min-width: 1440px) {
  .rpModeltext {
    font-size: 36px;
    line-height: 36px;
  }
}
.rpModeltext a {
  text-transform: uppercase;
  color: white;
}
.rpModeltext a .rpText {
  color: white !important;
}
.rpModeltext a:hover {
  text-decoration: underline !important;
}

.rpFeaturedDealers {
  background-color: rgb(243, 243, 243);
}

c-roush-featured-dealers .slds-grid .slds-col {
  padding: 20px !important;
}
@media only screen and (max-width: 1024px) {
  c-roush-featured-dealers .slds-grid .slds-col {
    width: 33% !important;
  }
}
@media only screen and (max-width: 600px) {
  c-roush-featured-dealers .slds-grid .slds-col {
    width: 50% !important;
  }
}
c-roush-featured-dealers c-roush-feat-dealer-card {
  cursor: pointer;
}
c-roush-featured-dealers c-roush-feat-dealer-card .image-container {
  width: 100%;
  height: auto;
  position: relative;
  overflow: hidden;
  padding-bottom: 74.2063492063%;
}
c-roush-featured-dealers c-roush-feat-dealer-card .image-container img {
  display: block;
  max-width: 100%;
  max-height: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}
c-roush-featured-dealers c-roush-feat-dealer-card .dealerContent {
  text-align: center;
}
c-roush-featured-dealers c-roush-feat-dealer-card .dealerContent .dealer-name {
  padding-top: 10px;
  font-size: 18px;
  line-height: 22px;
  font-weight: 500;
}
c-roush-featured-dealers c-roush-feat-dealer-card .dealerContent .dealer-addr, c-roush-featured-dealers c-roush-feat-dealer-card .dealerContent .dealer-phone {
  font-size: 14px;
  line-height: 18px;
}

/*.fluidTextTest h3 {
  @include fluid-type(960px, 1200px, 12px, 14px, 16px, 18px);
}

.fluidTextTest {
  @include fluid-type(960px, 1200px, 12px, 14px, 16px, 18px);
}*/
.rpVinGrid {
  align-items: unset;
  margin: auto;
}
.rpVinGrid .slds-size_1-of-1 {
  padding: 20px 10px 40px;
  max-width: 375px;
  min-width: 300px;
  margin: auto;
}
.rpVinGrid .vinCardContainedContainer {
  max-width: 300px;
}
.rpVinGrid .vinCardContainedContainer .image-container {
  margin: 0 auto;
  max-width: 100%;
  height: 50%;
  /*aspect-ratio: 1/1;*/
  aspect-ratio: 1/0.7;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.rpVinGrid .vinCardContainedContainer .image-container img {
  overflow: hidden;
  min-height: 150px;
  margin: 0px;
}
.rpVinGrid .vinCardContainedContainer .image-container:hover {
  cursor: pointer;
}
.rpVinGrid .vinCardContainedContainer .btn-footer .slds-button {
  width: 90%;
  margin-left: 10px;
  /*position: relative;
  //bottom: 0;
  bottom: 15px;
  left: 0;
  right: 0;
  margin: auto;
  text-align: center;
  lightning-button {
    position: absolute;
    width: calc(100% + 2px);
    left: -1px;
  }*/
}

.paginator-icon {
  padding-bottom: 5px;
}

.rpZipError {
  font-size: 14px;
  line-height: 18px;
  padding: 4px 0 0;
}

.rpSearchPagerTop {
  padding: 0 0 30px 20px;
  border-bottom: 1px solid rgb(243, 243, 243);
  display: flex;
  align-items: center;
  min-height: 2.25rem;
}
.rpSearchPagerTop {
  font-size: 16px;
  line-height: 20px;
}
@media screen and (min-width: 1200px) {
  .rpSearchPagerTop {
    font-size: calc(16px + 4 * (100vw - 1200px) / 400);
    line-height: calc(20px + 4 * (100vw - 1200px) / 400);
  }
}
@media screen and (min-width: 1600px) {
  .rpSearchPagerTop {
    font-size: 20px;
    line-height: 24px;
  }
}
.rpSearchPagerTop .slds-p-left_x-small {
  padding-right: 20px;
}

.rpSearchPagerBottom {
  padding: 25px 0 0;
  margin: 20px 0 0;
  border-top: 1px solid rgb(243, 243, 243);
  display: flex;
  align-items: center;
  min-height: 2.25rem;
}
.rpSearchPagerBottom {
  font-size: 16px;
  line-height: 20px;
}
@media screen and (min-width: 1200px) {
  .rpSearchPagerBottom {
    font-size: calc(16px + 4 * (100vw - 1200px) / 400);
    line-height: calc(20px + 4 * (100vw - 1200px) / 400);
  }
}
@media screen and (min-width: 1600px) {
  .rpSearchPagerBottom {
    font-size: 20px;
    line-height: 24px;
  }
}
.rpSearchPagerBottom .slds-p-left_x-small {
  padding-right: 20px;
}

c-roush-vin-search-results .rpShowHideFilter {
  display: none;
}
@media only screen and (max-width: 1024px) {
  c-roush-vin-search-results .rpShowHideFilter {
    display: block;
  }
}
@media only screen and (max-width: 1024px) {
  c-roush-vin-search-results .rpMobileHide {
    display: none;
  }
  c-roush-vin-search-results .rpMobileHide.show {
    display: block;
  }
}
c-roush-vin-search-results .rpLoadingBackdrop {
  position: absolute;
  z-index: 10;
  background-color: rgba(255, 255, 255, 0.4);
  -webkit-backdrop-filter: blur(1px);
  backdrop-filter: blur(1px);
  width: 100%;
  height: 100%;
}
c-roush-vin-search-results .slds-spinner {
  top: 100px;
}
c-roush-vin-search-results .rpShowHideBtnContainer {
  padding: 20px;
  background-color: rgb(243, 243, 243);
  text-align: center;
  margin: auto;
}
c-roush-vin-search-results .vinCardContainedContainer .contents {
  /*border: 1px solid rgba(122, 122, 122, 0.664);
  //border-radius:5px;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;*/
  margin: 0 5px;
}
@media (min-width: 64em) {
  c-roush-vin-search-results .slds-large-size--1-of-4, c-roush-vin-search-results .slds-large-size_1-of-4 {
    width: 25%;
  }
}
c-roush-vin-search-results .rpSearchResultsGrid {
  display: flex;
  width: 100%;
}
@media only screen and (max-width: 1024px) {
  c-roush-vin-search-results .rpSearchResultsGrid {
    flex-direction: column;
  }
}
c-roush-vin-search-results .rpZipInputBox .slds-button {
  height: 16px;
}
c-roush-vin-search-results .rpSearchFilters {
  width: 25%;
  padding: 30px 20px;
  background-color: rgb(243, 243, 243);
}
c-roush-vin-search-results .rpSearchFilters .slds-button {
  margin-bottom: 15px;
}
@media only screen and (max-width: 1024px) {
  c-roush-vin-search-results .rpSearchFilters {
    width: 100%;
    padding: 20px;
  }
}
c-roush-vin-search-results .rpSearchFilters .rpZipInputBox {
  margin-bottom: 16px;
}
c-roush-vin-search-results .rpSearchFilters .rpZipInputBox lightning-input {
  margin-bottom: 0;
}
c-roush-vin-search-results .rpSearchResults {
  width: 100%;
  padding: 30px 0 30px 10px;
  min-height: 747px;
}
@media only screen and (max-width: 1024px) {
  c-roush-vin-search-results .rpSearchResults {
    width: 100%;
    padding: 10px 0 10px 10px;
  }
}
@media (min-width: 64em) {
  c-roush-vin-search-results .rpSearchResults .slds-large-size--1-of-4, c-roush-vin-search-results .rpSearchResults .slds-large-size_1-of-4 {
    width: 25% !important;
  }
  c-roush-vin-search-results .rpSearchResults .slds-large-size--1-of-3, c-roush-vin-search-results .rpSearchResults .slds-large-size_1-of-3 {
    width: 25% !important;
  }
}

c-roush-vehicle-card {
  display: block;
  padding-bottom: 20px;
  position: relative;
  /*.slds-large-size--1-of-4, .slds-large-size_1-of-4 {
      @media only screen and (max-width:1440px) {
        width: 33%;
      }
  }
  .slds-large-size--1-of-4, .slds-large-size_1-of-4 {
      @media only screen and (max-width:48em) {
        width: 33%;
      }
  }*/
}
c-roush-vehicle-card .slds-card {
  background: none;
  border: none;
  box-shadow: none;
}
c-roush-vehicle-card .vinDetailsTitle {
  text-align: center;
  font-weight: bold;
  padding-bottom: 6px;
  font-size: 22px !important;
  font-family: "Roboto Condensed" !important;
  /*div {
    position: absolute;
  }*/
}
c-roush-vehicle-card .vinDetailsTitle {
  font-size: 18px;
  line-height: 22px;
}
@media screen and (min-width: 1200px) {
  c-roush-vehicle-card .vinDetailsTitle {
    font-size: calc(18px + 4 * (100vw - 1200px) / 400);
    line-height: calc(22px + 4 * (100vw - 1200px) / 400);
  }
}
@media screen and (min-width: 1600px) {
  c-roush-vehicle-card .vinDetailsTitle {
    font-size: 22px;
    line-height: 26px;
  }
}
c-roush-vehicle-card .vinDetailsTitle:hover {
  cursor: pointer;
}
c-roush-vehicle-card .vinDetails1 {
  margin-left: 0.5em;
  padding-bottom: 0.5em;
  text-align: center;
  text-align: left;
  /*margin-left: 15%;
  @media only screen and (max-width: 1650px) {
    margin-left: 10% !important;
  }
  @media only screen and (max-width: 1440px) {
    margin-left: 10% !important;
  }
  @media (min-width: 48em) {
     margin-left: 3em;
  }*/
}
c-roush-vehicle-card .vinDetails1 div {
  font-size: 16px !important;
}
c-roush-vehicle-card .vinDetailsContainer {
  text-align: left;
  min-height: 160px;
}
c-roush-vehicle-card div.btn-footer {
  position: relative;
  bottom: 15px;
  left: 0;
  right: 0;
  margin: auto;
  text-align: center;
}
c-roush-vehicle-card div.btn-footer lightning-button {
  position: absolute;
  width: calc(100% + 2px);
  left: -20px;
}
c-roush-vehicle-card .vinDistanceByZip {
  padding: 0 0 15px;
  font-size: 14px;
  line-height: 18px;
}

.searchVinContainer .slds-button.slds-button_brand {
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  font-size: 18px;
  clip-path: polygon(20px 0%, 100% 0%, calc(100% - 20px) 100%, 0% 100%) !important;
}
.searchVinContainer .lwc-6j9an5vbrcd.columns-content {
  margin: 0;
}

.slds-form-element__label {
  font-family: "Roboto" !important;
}

.slds-form-element__legend, label.slds-form-element__label {
  font-family: "Roboto" !important;
  font-weight: 700 !important;
}

@media (max-width: 64em) {
  .imageDisclaimer {
    margin-top: 20px;
  }
}
.imageDisclaimer p {
  text-align: center;
  font-size: 10px;
  font-style: italic;
}

.vinInfoDetails, .dealerInfoDetails, .detailsVinInfo {
  height: 100%;
}

.leadForm {
  position: relative;
}

.customBackdrop {
  background-color: rgba(0, 0, 0, 0.4588235294);
  width: 100%;
  height: calc(100% + 0px);
  z-index: 9999;
  position: absolute;
}

.slds-theme_warning {
  background-color: #ffac47 !important;
}

.slds-theme_error {
  background-color: #ed2224 !important;
  color: white;
}
.slds-theme_error h2 {
  color: white;
}

.detailsDealerInfo .slds-notify-container, .detailsDealerInfo .slds-notify_container {
  margin-top: 62px !important;
}

.template-video {
  width: 100%;
  height: auto;
  max-height: none;
  display: flex;
}

.template-card-vertical {
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.template-video iframe {
  width: 100%;
  height: 100%;
  min-height: 315px;
  max-width: 100%;
  border: none;
  aspect-ratio: 16/9;
}

.dealerActions {
  width: 100% !important;
}

.image-container {
  display: flex;
}
.image-container img {
  width: 100%;
  /*object-fit: contain;*/
  -o-object-fit: cover;
     object-fit: cover;
  justify-content: center;
  margin: 20px 5px 0;
}

.template-title {
  font-size: 44px;
  line-height: 1.6;
  font-weight: bold;
  background-color: #ed2224;
  border: none !important;
  margin-left: 35px;
  margin-right: 35px;
  margin-bottom: 25px;
  position: relative;
  transform: skew(-30deg);
}
.template-title:before {
  background-color: #cdcccc;
  bottom: 0;
  content: "";
  display: block;
  height: 100%;
  left: -15px;
  position: absolute;
  top: 0;
  width: 7px;
}
.template-title lightning-formatted-text, .template-title p {
  display: inline-block;
  transform: skew(30deg);
  color: #fff;
  padding-left: 20px;
  font-size: 44px;
}
.template-title lightning-formatted-text, .template-title p {
  font-size: 28px;
  line-height: 34px;
}
@media screen and (min-width: 640px) {
  .template-title lightning-formatted-text, .template-title p {
    font-size: calc(28px + 16 * (100vw - 640px) / 635);
    line-height: calc(34px + 15 * (100vw - 640px) / 635);
  }
}
@media screen and (min-width: 1275px) {
  .template-title lightning-formatted-text, .template-title p {
    font-size: 44px;
    line-height: 49px;
  }
}

.slds-modal__header {
  background-color: #f3f3f3 !important;
  color: #ffffff !important;
  border-top-right-radius: 0 !important;
  border-top-left-radius: 0 !important;
  height: 89px;
}

.slds-modal__container > .slds-modal__content:last-child, .slds-modal__content_footless, .slds-modal__content_has-hidden-footer {
  border-bottom-right-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
}

.slds-modal__container .slds-input, .slds-combobox__input {
  border-radius: 2px !important;
}

.contactPermission span {
  font-size: 13px !important;
  font-family: Roboto;
  color: #4d6ba6;
}

.contactLeadDisclaimer {
  color: #333333;
  font-size: 12px;
  font-family: Helvetica;
  width: 90%;
}

.contactLeadFooter {
  display: flex;
  justify-content: space-between;
}

.modalActions {
  display: flex;
  align-items: center;
  padding-top: 30px;
}
.modalActions .slds-button {
  max-height: 42px;
}

.slds-button:active, lightning-button::part(button):active, .slds-button:focus, lightning-button::part(button):focus {
  background-color: #9b0002 !important;
  border-color: #9b0002 !important;
  color: white;
}

.roushBackButton .slds-button {
  clip-path: polygon(20px 0%, 100% 0%, calc(100% - 20px) 100%, 0% 100%);
  position: absolute;
  top: -60px;
  left: -64px;
  /*clip-path: polygon(20px 100%, calc(100% - 20px) 100%, 100% 0%, 0% 0%) !important;
  /*clip-path: polygon(0% 100%, calc(100% - 20px) 100%, 100% 0%, 0% 0%) !important;*/
  /*&:before {
    background-color: #cdcccc;
    bottom: 0;
    content: "";
    display: block;
    height: 98%;
    left: 10px;
    position: absolute;
    top: 0;
    width: 10px;
    transform: skew(-25deg);
  }*/
}
@media (max-width: 64em) {
  .roushBackButton .slds-button {
    top: -20px;
  }
}
@media (min-width: 1500px) and (max-width: 1590px) {
  .roushBackButton .slds-button {
    left: calc(-64px - (100vw - 1500px) * 20 / 45);
  }
}

.roushBackButton.fixed .slds-button {
  position: fixed;
  top: 0;
  left: -30px;
  z-index: 1000;
}

@media (min-width: 48em) {
  .slds-modal__container {
    width: 75% !important;
    max-width: 72rem !important;
  }
}
.richLongHeading {
  font-size: 36px !important;
  line-height: 42px !important;
  font-weight: bold;
}

.template-rich span p {
  padding: 0 0 15px;
}

.template-section .imageTemplateContainer {
  padding: 50px 0;
}
.template-section .richTemplateContainer {
  padding: 0 0 50px;
}

.templates-container {
  /*font-family: 'roboto condensed';*/
  font-family: Helvetica, "Helvetica Neue", Arial, "Lucida Grande", sans-serif;
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto;
}

.rich-card-info {
  display: flex;
  border-bottom: 1px solid rgba(0, 0, 0, 0.5);
  padding-bottom: 42px;
}
.rich-card-info .template-title2 {
  font-size: 36px;
  line-height: 42px;
  font-weight: bold;
}

.image-card {
  display: flex;
}
.image-card .template-image {
  display: flex;
  align-items: center;
}
.image-card .template-image, .image-card .template-description {
  width: 50%;
}
.image-card .template-description .formatted-rich-text p:first-of-type {
  font-size: 44px !important;
  line-height: 1.2;
}

.image-card.template-card-vertical .template-image, .image-card.template-card-vertical .template-description {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.selected-image iframe {
  height: calc((66vw - 40px) * 9/16);
  max-height: 530px;
}

c-roush-back-button.component-wrapper-spacer.detailBackButton {
  height: 0px;
  margin: 0;
}

community_builder-output-rich-text.component-wrapper-spacer.actualVehicleMsg {
  margin: 0 0 6px;
}

.detailsDealerInfoCmpt {
  margin-top: 65px;
}

.dealerInfoCard {
  height: 100%;
  display: block;
  padding: 20px;
}

c-details-dealer-info {
  height: 100%;
  display: block;
  padding: 20px;
  margin-top: 15px;
  margin-bottom: 15px;
  background-color: rgb(243, 243, 243);
}
c-details-dealer-info .dealerInfoName {
  font-size: 20px;
  line-height: 24px;
  font-weight: bold;
}
c-details-dealer-info .dealerInfoHeader {
  padding-bottom: 10px;
  padding-top: 20px;
  font-size: 16px;
  line-height: 18px;
  font-weight: bold;
}
c-details-dealer-info .contactSection {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding-bottom: 20px;
  height: 100%;
}
c-details-dealer-info .detailsVinInfo {
  height: 100%;
  padding: 20px;
  background-color: rgb(243, 243, 243);
}
c-details-dealer-info .detailsVinInfo .vinInfoHeader {
  font-size: 24px;
  line-height: 24px;
  font-weight: bold;
  padding-bottom: 10px;
}
c-details-dealer-info .dealerInfoContactButton {
  padding: 5px 0 10px 0;
}
c-details-dealer-info .dealerInfoContactButton a.slds-button {
  width: 100%;
}

.vinDetailBodySection {
  padding-top: 20px !important;
}

.rpFooter {
  background-color: rgb(0, 0, 0);
}
.rpFooter .rpCopyRight {
  font-size: 13px;
  line-height: 16px;
  text-align: center;
  color: rgb(192, 192, 192);
  padding: 20px;
}

.community_byo-scoped-header-and-footer__footer-content {
  position: relative;
  background-color: black !important;
}
.community_byo-scoped-header-and-footer__footer-content .rpFooter {
  position: absolute;
  width: 100%;
  top: -24px;
}

.sticker-container {
  max-width: 1440px;
  margin: auto;
  font-family: "Roboto";
  font-weight: 700;
}
.sticker-container {
  font-size: 14px;
  line-height: 14px;
}
@media screen and (min-width: 674px) {
  .sticker-container {
    font-size: calc(14px + 2 * (100vw - 674px) / 350);
    line-height: calc(14px + 2 * (100vw - 674px) / 350);
  }
}
@media screen and (min-width: 1024px) {
  .sticker-container {
    font-size: 16px;
    line-height: 16px;
  }
}
.sticker-container .sticker-title {
  font-family: "roboto" !important;
}
.sticker-container .sticker-details {
  border: 1px #ddd solid;
  box-shadow: 0 0 10px 5px #ccc;
  margin: 0 0 24px;
}
@media only screen and (max-width: 1475px) {
  .sticker-container .sticker-details {
    margin: 0 4px 24px;
  }
}
@media only screen and (max-width: 48em) {
  .sticker-container .sticker-details {
    margin: 0 8px 24px;
  }
}
.sticker-container .sticker-background {
  position: relative;
}
.sticker-container .sticker-background img {
  pointer-events: none;
  max-width: 75% !important;
  position: absolute;
  right: 30px;
  opacity: 0.1;
}
@media screen and (max-width: 900px) {
  .sticker-container .sticker-background img {
    max-width: 100% !important;
    right: -10px;
  }
}
.sticker-container .sticker-background img {
  top: 55px;
}
@media screen and (min-width: 900px) {
  .sticker-container .sticker-background img {
    top: calc(55px + -35 * (100vw - 900px) / 540);
  }
}
@media screen and (min-width: 1440px) {
  .sticker-container .sticker-background img {
    top: 20px;
  }
}
.sticker-container .sticker-background img {
  margin-top: 100px;
}
@media screen and (min-width: 674px) {
  .sticker-container .sticker-background img {
    margin-top: calc(100px + -90 * (100vw - 674px) / 350);
  }
}
@media screen and (min-width: 1024px) {
  .sticker-container .sticker-background img {
    margin-top: 10px;
  }
}
.sticker-container .sticker-hdr {
  display: flex;
  justify-content: space-between;
  gap: 30px;
  margin: 30px 10% 0 90px;
}
.sticker-container .sticker-hdr .sticker-title {
  font-family: "roboto" !important;
  width: 60%;
  max-height: 70px;
}
.sticker-container .sticker-hdr .sticker-title .hdr-section {
  margin-top: 4px;
}
.sticker-container .sticker-hdr .sticker-title lightning-formatted-text {
  text-align: center;
  width: 90%;
  letter-spacing: 0.1rem;
}
@media only screen and (max-width: 64em) {
  .sticker-container .sticker-hdr {
    flex-direction: column;
    align-items: flex-end;
    gap: 0;
  }
  .sticker-container .sticker-hdr .sticker-title {
    width: 95%;
    margin-left: 30px;
    margin-right: auto;
  }
}
@media only screen and (max-width: 48em) {
  .sticker-container .sticker-hdr .sticker-title {
    margin-left: 0;
  }
}
@media only screen and (max-width: 36em) {
  .sticker-container .sticker-hdr {
    margin: 30px 5% 0 50px;
  }
}
.sticker-container .sticker-pkgs, .sticker-container .sticker-opts, .sticker-container .sticker-totals {
  margin: 0 60px;
  padding: 0 15px;
}
@media only screen and (max-width: 48em) {
  .sticker-container .sticker-pkgs, .sticker-container .sticker-opts, .sticker-container .sticker-totals {
    margin: 0;
  }
}
.sticker-container .sdesc {
  line-height: 21px;
  padding: 2px 0;
}
.sticker-container .scost {
  font-size: 20px;
  line-height: 24px;
}
.sticker-container .sticker-pkgs {
  padding: 15px 30px 0;
}
.sticker-container .sticker-pkgs {
  font-size: 12px;
  line-height: 12px;
}
@media screen and (min-width: 674px) {
  .sticker-container .sticker-pkgs {
    font-size: calc(12px + 4 * (100vw - 674px) / 350);
    line-height: calc(12px + 4 * (100vw - 674px) / 350);
  }
}
@media screen and (min-width: 1024px) {
  .sticker-container .sticker-pkgs {
    font-size: 16px;
    line-height: 16px;
  }
}
.sticker-container .sticker-pkgs .stitle {
  margin: 10px 0;
}
.sticker-container .sticker-pkgs .pkgTitle {
  display: flex;
  justify-content: space-between;
}
.sticker-container .sticker-pkgs .pkg-section {
  padding: 10px 0 0;
}
.sticker-container .sticker-pkgs .pkg-section .standardPkg {
  line-height: 16px !important;
  padding: 0 0 6px !important;
}
.sticker-container .sticker-opts {
  padding: 60px 30px 0;
}
.sticker-container .sticker-opts .opt-section {
  display: flex;
  justify-content: space-between;
}
.sticker-container .sticker-totals {
  padding-top: 60px;
  padding-bottom: 60px;
  font-family: "roboto";
}
.sticker-container .sticker-totals {
  font-size: 16px;
  line-height: 16px;
}
@media screen and (min-width: 674px) {
  .sticker-container .sticker-totals {
    font-size: calc(16px + 2 * (100vw - 674px) / 350);
    line-height: calc(16px + 2 * (100vw - 674px) / 350);
  }
}
@media screen and (min-width: 1024px) {
  .sticker-container .sticker-totals {
    font-size: 18px;
    line-height: 18px;
  }
}
.sticker-container .sticker-totals .totals-subtotal {
  border-top: 1px solid black;
  border-bottom: 1px solid black;
}
.sticker-container .sticker-totals .totals-subtotal .subtotal-bundle {
  display: flex;
  justify-content: space-between;
  margin: 0 15px;
}
.sticker-container .sticker-totals .totals-subtotal .subtotal-bundle div {
  padding: 4px 0;
}
.sticker-container .sticker-totals .totals-total .total-note {
  font-weight: 400;
  margin: 0 0 0 15%;
}
.sticker-container .sticker-totals .totals-total .total-note {
  font-size: 12px;
  line-height: 16px;
}
@media screen and (min-width: 674px) {
  .sticker-container .sticker-totals .totals-total .total-note {
    font-size: calc(12px + 2 * (100vw - 674px) / 350);
    line-height: calc(16px + 2 * (100vw - 674px) / 350);
  }
}
@media screen and (min-width: 1024px) {
  .sticker-container .sticker-totals .totals-total .total-note {
    font-size: 14px;
    line-height: 18px;
  }
}
.sticker-container .sticker-totals .totals-total .total-roush {
  display: flex;
  justify-content: space-between;
  margin: 0 15px 0 15%;
}
.sticker-container .sticker-totals .totals-total .total-roush {
  font-size: 20px;
  line-height: 20px;
}
@media screen and (min-width: 674px) {
  .sticker-container .sticker-totals .totals-total .total-roush {
    font-size: calc(20px + 4 * (100vw - 674px) / 350);
    line-height: calc(20px + 4 * (100vw - 674px) / 350);
  }
}
@media screen and (min-width: 1024px) {
  .sticker-container .sticker-totals .totals-total .total-roush {
    font-size: 24px;
    line-height: 24px;
  }
}/*# sourceMappingURL=styles.css.map */