@charset "UTF-8";

@import url(https://cdn.presscentric.com/skins/css/fa-all-5-12-0.min.css);

@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap);

@font-face {
  font-family: "gotham";
  src: url("https://cdn.presscentric.com/skins/fonts/Gotham-Book.eot");
  src: url("https://cdn.presscentric.com/skins/fonts/Gotham-Book.eot?#iefix")
      format("embedded-opentype"),
    url("https://cdn.presscentric.com/skins/fonts/Gotham-Book.woff2")
      format("woff2"),
    url("https://cdn.presscentric.com/skins/fonts/Gotham-Book.woff")
      format("woff"),
    url("https://cdn.presscentric.com/skins/fonts/Gotham-Book.ttf")
      format("truetype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "gotham";
  src: url("https://cdn.presscentric.com/skins/fonts/Gotham-Medium.eot");
  src: url("https://cdn.presscentric.com/skins/fonts/Gotham-Medium.eot?#iefix")
      format("embedded-opentype"),
    url("https://cdn.presscentric.com/skins/fonts/Gotham-Medium.woff2")
      format("woff2"),
    url("https://cdn.presscentric.com/skins/fonts/Gotham-Medium.woff")
      format("woff"),
    url("https://cdn.presscentric.com/skins/fonts/Gotham-Medium.ttf")
      format("truetype");
  font-weight: bold;
  font-style: normal;
}

.col-xs-5ths,
.col-sm-5ths,
.col-md-5ths,
.col-lg-5ths {
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}

.col-xs-5ths {
  width: 20%;
  float: left;
}

@media (min-width: 768px) {
  .col-sm-5ths {
    width: 20%;
    float: left;
  }
}

@media (min-width: 992px) {
  .col-md-5ths {
    width: 20%;
    float: left;
  }
}

@media (min-width: 1200px) {
  .col-lg-5ths {
    width: 20%;
    float: left;
  }
}

.bs-example {
  margin-right: 0;
  margin-left: 0;
  background-color: #fff;
  border-color: #ddd;
  border-width: 1px;
  border-radius: 4px 4px 0 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  position: relative;
  padding: 45px 15px 15px;
  margin: 0 -15px 15px;
  border-color: #e5e5e5 #eee #eee;
  border-style: solid;
  border-width: 1px 0;
  -webkit-box-shadow: inset 0 3px 6px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 3px 6px rgba(0, 0, 0, 0.05);
}

.featured .featured-product-wrapper {
  padding: 0px;
}

.featured .featured-product-wrapper .product {
  height: inherit;
}

.featured .featured-product-wrapper .product .title {
  position: relative;
  padding: 0;
  bottom: inherit;
  height: inherit;
  width: inherit;
}

.featured .featured-product-wrapper .product .title h3 {
  overflow: inherit;
  white-space: inherit;
  padding: 0px;
  -o-text-overflow: inherit;
  text-overflow: inherit;
}

.navbar-default .navbar-nav > li > a,
a,
.link {
  color: #76b51b;
}

.navbar-default .navbar-nav > li > a:hover,
a:hover,
.link:hover {
  color: #76b51b;
}

.section-title {
  text-align: center;
  margin-bottom: 40px;
}

.section-title + p {
  margin: 0 auto 60px auto;
  text-align: center;
}

@media screen and (min-width: 768px) {
  .section-title p {
    max-width: 50%;
  }
}

body h1,
body h2,
body h3,
body h4,
body h5,
body h6 {
  font-family: "Roboto";
  font-weight: 500;
  color: #333;
}

body,
p {
  font-family: "Gotham", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: $font-weight;
}

.escape-container {
  width: 100vw;
  position: relative;
  left: 33.33333%;
  margin-left: calc(-50vw + 0px);
  margin-right: calc(-50vw + 0px);
}

.no-style-list {
  list-style: none;
}

.image-icon {
  display: inline;
}

#tip_paper .popover {
  display: none !important;
}

#tip_paper .popover {
  display: block !important;
}

a:hover.append-play-button::after {
  -webkit-transform: scale(2) translate(5%, -27%);
  -ms-transform: scale(2) translate(5%, -27%);
  transform: scale(2) translate(5%, -27%);
}

.append-play-button::before {
  display: block;
  content: "";
  width: 100px;
  height: 100px;
  background-color: #76b51b;
  position: absolute;
  right: 20px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  border: 10px solid #fff;
  border-radius: 50%;
}

.append-play-button::after {
  display: block;
  content: "\f04b";
  position: absolute;
  width: 20px;
  height: 20px;
  right: 58px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-transition: -webkit-transform 600ms
    cubic-bezier(0.68, -0.6, 0.32, 1.6);
  transition: -webkit-transform 600ms cubic-bezier(0.68, -0.6, 0.32, 1.6);
  -o-transition: transform 600ms cubic-bezier(0.68, -0.6, 0.32, 1.6);
  transition: transform 600ms cubic-bezier(0.68, -0.6, 0.32, 1.6);
  transition: transform 600ms cubic-bezier(0.68, -0.6, 0.32, 1.6),
    -webkit-transform 600ms cubic-bezier(0.68, -0.6, 0.32, 1.6);
  font-family: "Font Awesome 5 Free";
  color: #fff;
  font-size: 20px;
}

@media screen and (min-width: 768px) {
  .col-sm-abs {
    position: absolute;
    margin: 15px 30px;
    padding: 15px;
    background: rgba(255, 255, 255, 0.6);
  }
  .col-sm-abs--top-left {
    top: 0px;
    left: 0px;
  }
  .col-sm-abs--top-right {
    top: 0px;
    right: 0px;
  }
  .col-sm-abs--bottom-right {
    bottom: 0px;
    right: 0px;
  }
  .col-sm-abs--bottom-left {
    bottom: 0px;
    left: 0px;
  }
}

html {
  overflow-x: hidden;
}

#s-wrapper {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}

#container__content {
  flex: 1 0 auto;
  padding-bottom: 40px;
}

img {
  max-width: 100%;
  height: auto;
}

button,
.btn,
button.btn {
  background-color: #76b51b;
  color: #fff;
  font-family: "Gotham", sans-serif;
  font-weight: 400;
  display: inline-block;
  padding: 10px 30px;
  margin-bottom: 0;
  font-size: 12pt;
  line-height: 1.42857;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 0px;
  -webkit-transition: all 200ms ease-in-out;
  -o-transition: all 200ms ease-in-out;
  transition: all 200ms ease-in-out;
}

button:hover,
.btn:hover,
button.btn:hover {
  background-color: #fff;
  border-color: #76b51b;
  color: #76b51b;
}

#btnUpload {
  background-color: #76b51b;
  border: none;
}

#btnUpload:hover,
#btnUpload:active,
#btnUpload:focus {
  background-color: #76b51b;
}

#carousel {
  padding-bottom: 20px;
}

.carousel-inner > .item > a > img.background-image,
.carousel-inner > .item > img.background-image {
  width: 100%;
  min-height: 320px;
  -o-object-fit: cover;
  object-fit: cover;
}

.carousel-indicators.bars li {
  width: 40px;
  height: 3px;
  border-radius: 0px;
  background-color: #76b51b;
  border-color: #76b51b;
  opacity: 0.4;
}

.carousel-indicators.bars li.active {
  width: 40px;
  height: 3px;
  opacity: 1;
  margin: 1px;
}

@media screen and (min-width: 768px) {
}

.slide-title,
.slide-content {
  margin-bottom: 40px;
}

.slide-title {
  color: #fff;
}

.slide-content ul {
  margin-bottom: 10px;
  margin-top: 0px;
  padding-left: 40px;
  list-style: disc;
}

@media screen and (max-width: 767px) {
  .slide-title {
    position: absolute;
    top: 0px;
  }
  .slide-content {
    margin-top: 20px;
  }
  .carousel-indicators .active {
    background-color: #76b51b;
  }
  .carousel-indicators li {
    border-color: #76b51b;
  }
  .slide-title h1,
  .slide-title h2 {
    font-size: 24px;
  }
}

@media screen and (min-width: 768px) {
  .carousel-custom {
    position: absolute;
    top: 0px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    height: 100%;
    padding-top: 40px;
    padding-bottom: 40px;
  }
  .carousel-indicators.bars li {
    background-color: #76b51b;
    border-color: #76b51b;
  }
  .slide-title h1,
  .slide-title h2 {
    font-size: 36px;
  }
  .slide-title p {
    font-size: 18px;
  }
  .slide-content {
    color: #333;
  }
  .slide-content h3 {
    font-size: 28px;
  }
  .slide-content p,
  .slide-content ul {
    font-size: 18px;
  }
}

@media screen and (min-width: 1170px) {
  .slide-title h1,
  .slide-title h2 {
    font-size: 48px;
  }
  .slide-title p {
    font-size: 22px;
  }
  .slide-content h3 {
    font-size: 36px;
  }
  .slide-content p,
  .slide-content ul {
    font-size: 22px;
  }
}

@media screen and (min-width: 768px) {
  .carousel-custom {
    display: -ms-grid;
    display: grid;
    grid-template-rows: repeat(auto-fill, minmax(0px, -webkit-min-content));
    grid-template-rows: repeat(auto-fill, minmax(0px, min-content));
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: start;
  }
  .carousel-custom.grid-justify-left {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: start;
  }
  .carousel-custom.grid-justify-center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .carousel-custom.grid-justify-right {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: end;
  }
  .carousel-custom.grid-align-top {
    -ms-flex-line-pack: baseline;
    align-content: baseline;
  }
  .carousel-custom.grid-align-center {
    -ms-flex-line-pack: center;
    align-content: center;
  }
  .carousel-custom.grid-align-bottom {
    -ms-flex-line-pack: end;
    align-content: end;
  }
}

.CTA__image-block-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

@media screen and (min-width: 768px) {
  .CTA__image-block-wrapper {
    margin: 40px auto;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    float: left;
  }
  .CTA__image-element {
    max-width: 570px;
  }
}

.CTA__image-block-item {
  margin-bottom: 20px;
  -webkit-box-shadow: 0px 1px 5px 0px #a8a8a8;
  box-shadow: 0px 1px 5px 0px #a8a8a8;
  -webkit-transform: translateY(0px);
  -ms-transform: translateY(0px);
  transform: translateY(0px);
  -webkit-transition: -webkit-transform 200ms ease-in-out;
  transition: -webkit-transform 200ms ease-in-out;
  -o-transition: transform 200ms ease-in-out;
  transition: transform 200ms ease-in-out;
  transition: transform 200ms ease-in-out, -webkit-transform 200ms ease-in-out;
}

.CTA__image-block-item--no-bg {
  border-radius: 9px;
}

.CTA__image-block-item--no-bg .CTA__image-block-text {
  background-color: transparent;
}

.CTA__image-block-item:hover {
  -webkit-transform: translateY(-10px);
  -ms-transform: translateY(-10px);
  transform: translateY(-10px);
}

@media screen and (min-width: 768px) {
  .CTA__image-block-item {
    margin-left: 20px;
    margin-bottom: 20px;
    position: relative;
  }
}

.CTA__image-block-item:hover .CTA__image-block-text {
  background-color: rgba(118, 181, 27, 0.6);
}

.CTA__image-element {
  width: 100%;
}

.CTA__image-block-text-wrapper {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
  width: 100%;
}

.CTA__image-block-text-wrapper * {
  color: #fff;
}

.CTA__image-block-text-wrapper--bottom {
  -webkit-transform: translate(-50%, 0%);
  -ms-transform: translate(-50%, 0%);
  transform: translate(-50%, 0%);
  top: auto;
  bottom: 0;
}

.CTA__image-block-text {
  background-color: rgba(0, 0, 0, 0.6);
  display: block;
  color: #fff;
  padding: 20px;
  -webkit-transition: background-color 200ms ease-in-out;
  -o-transition: background-color 200ms ease-in-out;
  transition: background-color 200ms ease-in-out;
}

.cta-img-full-width {
  width: 100%;
  position: relative;
}

.cta-img-full-width__image-wrapper {
  overflow: hidden;
  margin: 0 15px;
  padding: 0;
  width: calc(100% - 30px);
}

.cta-img-full-width__image-wrapper img {
  max-width: inherit;
}

@media screen and (min-width: 768px) {
  .cta-img-full-width__image-wrapper {
    width: 100%;
    margin: 0px;
    padding: 0 15px;
  }
  .cta-img-full-width__image-wrapper img {
    max-width: 100%;
  }
}

.cta-img-full-width__content-wrapper {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background-color: rgba(255, 255, 255, 0.6);
}

@media screen and (min-width: 768px) {
  .cta-img-full-width__content-wrapper {
    background-color: transparent;
  }
  .cta-img-full-width__content-wrapper.float-right {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
  }
}

.cta-img-full-width__content {
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
  text-align: center;
  padding: 20px;
}

.cta-img-full-width__content h4 {
  font-size: 2.4rem;
}

.CTA-left,
.CTA-right {
  text-align: center;
  margin-bottom: 60px;
}

.CTA-left img,
.CTA-right img {
  height: auto;
  width: 100%;
}

@media screen and (min-width: 768px) {
  .CTA-left,
  .CTA-right {
    display: block;
    float: left;
  }
  .CTA-left {
    text-align: left;
  }
  .CTA-right {
    text-align: right;
  }
  .CTA-left .CTA__caption,
  .CTA-right .CTA__caption {
    line-height: 3rem;
  }
}

.cta-product-feature {
  background-color: #eaeaea;
  color: #333;
  display: block;
  -webkit-transition: all 200ms ease-in-out;
  -o-transition: all 200ms ease-in-out;
  transition: all 200ms ease-in-out;
  margin-bottom: 20px;
}

.cta-product-feature:hover {
  color: #76b51b;
  -webkit-transform: translateY(-10px);
  -ms-transform: translateY(-10px);
  transform: translateY(-10px);
}

.cta-product-feature:hover .cta-product-feature__caption-title {
  color: #76b51b;
}

.cta-product-feature strong {
  color: #76b51b;
}

@media screen and (min-width: 768px) {
  .cta-product-feature {
    max-width: calc(50% - 22px);
    margin-left: 15px;
  }
}

.cta-product-feature__image-wrapper {
  padding: 0px;
}

.cta-product-feature__caption-wrapper {
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.cta-product-feature__caption-title {
  font-weight: 600;
  margin: 0px;
}

.featured .featured-product-wrapper .thumbnail.product {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.hero-wrapper {
  position: relative;
}

.hero-wrapper .hero-image-wrapper img {
  width: 100%;
}

.hero-wrapper .hero-content__title {
  font-size: 3.6rem;
}

@media screen and (min-width: 768px) {
  .hero-wrapper .hero-content__title {
    font-size: 3rem;
    font-weight: 700;
  }
}

@media screen and (min-width: 1600px) {
  .hero-wrapper .hero-content__title {
    font-size: 5.8rem;
  }
}

@media screen and (min-width: 2000px) {
  .hero-wrapper .hero-content__title {
    font-size: 7.2rem;
  }
}

@media screen and (min-width: 992px) {
  .hero-wrapper .hero-content-wrapper {
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    text-align: center;
    color: #fff;
    max-width: 480px;
    margin-top: 40px;
  }
}

@media screen and (min-width: 992px) {
  .hero-content-wrapper,
  .hero-wrapper .hero-content__title {
    max-width: 960px;
  }
}

.mosaic-wrapper {
  list-style: none;
  padding: 0px;
  margin: 0px;
}

li.mosaic-item-wrapper {
  -webkit-transition: opacity 400ms ease-in-out;
  -o-transition: opacity 400ms ease-in-out;
  transition: opacity 400ms ease-in-out;
  opacity: 1;
}

li.mosaic-item-wrapper:hover {
  opacity: 0.6;
}

@media screen and (max-width: 767px) {
  li.mosaic-item-wrapper {
    margin-bottom: 20px;
  }
}

@media screen and (min-width: 768px) {
  .mosaic-wrapper {
    display: -ms-inline-grid;
    display: inline-grid;
    -ms-grid-columns: 1fr 30px 1fr 30px 1fr;
    grid-template-columns: 1fr 1fr 1fr;
    -ms-grid-rows: 1fr 1fr 1fr;
    grid-template-rows: 1fr 1fr 1fr;
    width: 100%;
    margin: 0;
    padding: 0;
    -webkit-column-gap: 30px;
    -moz-column-gap: 30px;
    column-gap: 30px;
  }
  .mosaic-wrapper > *:nth-child(1) {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .mosaic-wrapper > *:nth-child(2) {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
  }
  .mosaic-wrapper > *:nth-child(3) {
    -ms-grid-row: 1;
    -ms-grid-column: 5;
  }
  .mosaic-wrapper > *:nth-child(4) {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
  }
  .mosaic-wrapper > *:nth-child(5) {
    -ms-grid-row: 2;
    -ms-grid-column: 3;
  }
  .mosaic-wrapper > *:nth-child(6) {
    -ms-grid-row: 2;
    -ms-grid-column: 5;
  }
  .mosaic-wrapper > *:nth-child(7) {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
  }
  .mosaic-wrapper > *:nth-child(8) {
    -ms-grid-row: 3;
    -ms-grid-column: 3;
  }
  .mosaic-wrapper > *:nth-child(9) {
    -ms-grid-row: 3;
    -ms-grid-column: 5;
  }
  li.mosaic-item-wrapper:nth-child(1) {
    -ms-grid-column: 1;
    grid-column-start: 1;
    -ms-grid-column-span: 1;
    grid-column-end: 2;
    -ms-grid-row: 1;
    grid-row-start: 1;
    -ms-grid-row-span: 1;
    grid-row-end: 2;
  }
  li.mosaic-item-wrapper:nth-child(2) {
    -ms-grid-column: 1;
    grid-column-start: 1;
    -ms-grid-column-span: 1;
    grid-column-end: 2;
    -ms-grid-row: 2;
    grid-row-start: 2;
    -ms-grid-row-span: 2;
    grid-row-end: 4;
  }
  li.mosaic-item-wrapper:nth-child(3) {
    -ms-grid-column: 2;
    grid-column-start: 2;
    -ms-grid-column-span: 1;
    grid-column-end: 3;
    -ms-grid-row: 1;
    grid-row-start: 1;
    -ms-grid-row-span: 2;
    grid-row-end: 3;
  }
  li.mosaic-item-wrapper:nth-child(4) {
    -ms-grid-column: 2;
    grid-column-start: 2;
    -ms-grid-column-span: 1;
    grid-column-end: 3;
    -ms-grid-row: 3;
    grid-row-start: 3;
    -ms-grid-row-span: 1;
    grid-row-end: 4;
    -ms-grid-row-align: self-end;
    align-self: self-end;
  }
  li.mosaic-item-wrapper:nth-child(5) {
    -ms-grid-column: 3;
    grid-column-start: 3;
    -ms-grid-column-span: 1;
    grid-column-end: 4;
    -ms-grid-row: 1;
    grid-row-start: 1;
    -ms-grid-row-span: 1;
    grid-row-end: 2;
  }
  li.mosaic-item-wrapper:nth-child(6) {
    -ms-grid-column: 3;
    grid-column-start: 3;
    -ms-grid-column-span: 1;
    grid-column-end: 4;
    -ms-grid-row: 2;
    grid-row-start: 2;
    -ms-grid-row-span: 2;
    grid-row-end: 4;
  }
}

.review-item {
  -webkit-box-shadow: 0px 0px 5px #ddd;
  box-shadow: 0px 0px 5px #ddd;
  border-radius: 9px;
  margin-bottom: 60px;
  padding: 20px;
}

.review-item__content-writeup {
  margin-bottom: 30px;
}

.review-item__score {
  color: #76b51b;
  margin-bottom: 10px;
}

.review-item__profile-image {
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 50%;
  border: 3px solid #bfeced;
}

.review-item__content-author {
  font-weight: bold;
  font-size: 18px;
  margin-bottom: 0px;
  margin-top: 20px;
}

body:not(.home) #System_PreContent {
  display: none;
}

.system-precontent__content-page {
  display: none;
}

body:not(.home):not(.product)
  #System_PreContent
  .system-precontent__content-page {
  display: block;
}

#System_Header {
  font-family: "Gotham";
  font-weight: 600;
}

.tabberlive .tabbertabhide {
  display: none;
}

.tabberlive {
  margin-top: 1em;
}

ul.tabbernav {
  margin: 0;
  padding: 3px 0;
  height: 18px;
  width: 100%;
  border: none;
}

ul.tabbernav li {
  list-style: none;
  margin: 0;
  display: inline;
}

ul.tabbernav li a {
  color: #fff;
  padding: 0 24px;
  text-decoration: none;
  text-align: center;
  display: block;
  float: left;
  font-size: 1.2em;
  line-height: 47px;
  height: 47px;
  background: #76b51b;
  margin-left: 4px;
  border-top: 1px solid #76b51b;
  border-right: 1px solid #76b51b;
  border-left: 1px solid #76b51b;
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
}

ul.tabbernav li a:link {
  background: #76b51b;
  color: #fff;
}

ul.tabbernav li a:hover {
  color: #fff;
  background: #76b51b;
  border-top: 1px solid #76b51b;
  border-right: 1px solid #76b51b;
  border-left: 1px solid #76b51b;
}

ul.tabbernav li.tabberactive a {
  color: #76b51b;
  background: #fff;
  border-top: 1px solid #d9d9d9;
  border-right: 1px solid #d9d9d9;
  border-left: 1px solid #d9d9d9;
}

ul.tabbernav li.tabberactive a:hover {
  color: #76b51b;
  background: #fff;
  border-top: 1px solid #d9d9d9;
  border-right: 1px solid #d9d9d9;
  border-left: 1px solid #d9d9d9;
}

.tabberlive .tabbertab {
  background: #fff;
  border: 1px solid #d9d9d9;
  margin-top: 26px;
  padding: 10px;
  width: 100%;
}

table.list {
  width: 100%;
  margin-bottom: 20px;
}

table.list th,
table.list td {
  padding: 10px 0px;
}

a.template-item .caption * {
  word-wrap: anywhere;
  font-size: 2rem;
}

.title-separator--center::after,
.title-separator--left::after,
.title-separator--right::after {
  content: "";
  display: block;
  height: 2px;
  width: 70px;
  background-color: #212121;
  position: absolute;
  top: calc(100% + 20px);
}

.title-separator--center,
.title-separator--left,
.title-separator--right {
  position: relative;
}

@media screen and (max-width: 991px) {
  .title-separator--left::after,
  .title-separator--right::after {
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
  }
}

@media screen and (min-width: 992px) {
  .title-separator--left {
    text-align: left;
  }
  .title-separator--center {
    text-align: center;
  }
  .title-separator--right {
    text-align: right;
  }
  .title-separator--center::after {
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
  }
  .title-separator--right::after {
    right: 0;
  }
}

#container__content {
  margin-bottom: 60px;
}

#container__footer {
  background-color: #333;
  color: #fff;
  padding-top: 80px;
  padding-bottom: 80px;
}

#p-footer h1,
#p-footer h2,
#p-footer h3,
#p-footer h4,
#p-footer h5,
#p-footer h6,
#p-footer p {
  color: #fff;
}

#p-footer a {
  display: inline-block;
  -webkit-transition: color 200ms ease-in-out;
  -o-transition: color 200ms ease-in-out;
  transition: color 200ms ease-in-out;
  text-decoration: none;
}

#p-footer a:not(:hover) {
  color: #fff;
}

#p-footer a #p-footer a::after {
  content: "";
  width: 1%;
  height: 1px;
  display: block;
  background-color: transparent;
  -webkit-transition: width 200ms ease-in-out;
  -o-transition: width 200ms ease-in-out;
  transition: width 200ms ease-in-out;
}

#p-footer a:hover {
  color: #76b51b;
}

#p-footer a:hover::after {
  width: 100%;
  background-color: #76b51b;
}

#p-footer .social a:hover::after {
  display: none;
  content: none;
}

.footer-logo {
  height: auto;
  width: 100%;
  max-width: 255px;
}

.footer-column {
  margin-bottom: 20px;
}

.footer-column > h4 {
  margin-bottom: 30px;
}

.footer-column ul {
  padding-left: 0px;
  list-style: none;
}

.footer-column:not(.social) ul {
  padding-left: 20px;
}

.footer-column a {
  color: #fff;
}

.footer-column.social ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.footer-column.social ul li {
  margin-right: 20px;
  font-size: 6px;
}

#copyright_footer {
  background-color: #333;
  color: #fff;
  text-align: center;
  padding: 20px;
  font-size: 12px;
  margin: 0px;
}

@media screen and (min-width: 992px) {
  .footer-column:not(.social) ul,
  .footer-column ul {
    list-style: none;
    padding-left: 0px;
  }
}

@media screen and (max-width: 767px) {
  .navbar-default {
    margin-left: -15px;
    margin-right: -15px;
    background-color: #fff;
    border: none;
    border-bottom: 1px solid #e7e7e7;
    max-height: 100vh;
    display: flex;
    flex-direction: column;
  }
  .navbar-brand {
    height: 60px;
    width: 200px;
  }
  pc-header {
    display: none;
  }
  div#s-user {
    padding-bottom: 20px;
  }
  div#s-menu .navbar-nav li a {
    white-space: normal;
  }
}

#s-nav {
  position: fixed;
  z-index: 50;
  width: 100%;
}

@media screen and (max-width: 767px) {
  body:not(.home) #s-nav + #product-header,
  body:not(.home) #System_PreContent + *,
  body #s-nav + * {
    margin-top: 90px;
  }
  #s-nav + #product-header + #container__content,
  #s-nav + #product-header + #System_PreContent + #container__content {
    margin-top: 0px;
  }
}

@media screen and (min-width: 768px) {
  body:not(.home) #s-nav + #product-header,
  body:not(.home) #System_PreContent + *,
  body #s-nav + * {
    margin-top: 110px;
  }
  #s-nav + #product-header + #System_PreContent + #container__content,
  #s-nav + #product-header + #container__content,
  #product-header + #System_PreContent + #container__content {
    margin-top: 0px;
  }
}

div#s-header-logo-mobile,
div#s-header-logo {
  width: 100%;
  height: 100%;
  background: url("/content/File:logo/logo-2.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: left center;
}

.navbar-default {
  border: none;
}

#s-nav {
  background-color: #fff;
}

#s-nav .container nav.navbar-default {
  margin-bottom: 0px;
  background-color: transparent;
}

@media screen and (min-width: 768px) {
  pc-header .navbar-brand {
    height: 50px;
    width: 200px;
  }
  .navbar-header {
    margin: 0px;
  }
  #s-nav .container > .navbar-default > .navbar-header {
    display: none;
  }
  #s-nav .navbar-collapse {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  #s-nav .navbar-collapse::before {
    content: none;
  }
  #s-nav .navbar-collapse::after {
    content: none;
  }
  #System_Header,
  #s-user {
    padding: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  #System_Header {
    background-color: #76b51b;
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 50%;
    flex: 1 0 50%;
    position: relative;
    max-width: 50%;
  }
  #System_Header::before {
    content: "";
    display: block;
    height: 100%;
    background-color: #76b51b;
    position: absolute;
    top: 0px;
    right: 100%;
    width: 50vw;
  }
  #s-user {
    background-color: #76b51b;
    color: #000;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 50%;
    flex: 1 0 50%;
    text-align: right;
    margin: 0px;
    position: relative;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    max-width: 50%;
  }
  #s-user a,
  #s-user a.btn {
    color: #fff;
  }
  #s-user * {
    display: inline-block;
    float: none !important;
    margin: 0;
    padding: 0 5px;
  }
  #s-user .btn,
  #s-user #user-cart {
    background-color: inherit;
    border: none;
    padding: 0px;
  }
  #s-user::after {
    content: "";
    display: block;
    height: 100%;
    background-color: #76b51b;
    position: absolute;
    top: 0px;
    left: 100%;
    width: 50vw;
  }
  pc-header {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    -webkit-box-flex: 0;
    -ms-flex: 0 1 25%;
    flex: 0 1 25%;
    margin: 0px;
    max-width: 25%;
  }
  #s-menu {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
    -webkit-box-flex: 0;
    -ms-flex: 0 1 75%;
    flex: 0 1 75%;
    text-align: right;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    max-width: 75%;
  }
  #s-menu > * {
    display: inline-block;
  }
  #s-header {
    margin: 0px;
    padding-top: 10px;
    padding-bottom: 10px;
    background-color: transparent;
    border-radius: 0px;
    z-index: 1;
  }
  #s-header .navbar-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    float: none;
  }
  #s-header a.navbar-brand {
    display: block;
    float: none;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
    padding: 0px;
    height: 50px;
    width: 200px;
  }
  #s-header a.navbar-brand:only-child {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  #s-header a.ng-scope {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
    max-height: 50px;
  }
  #s-header a.ng-scope:only-child {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
  }
  #s-header a {
    color: #fff;
  }
}

@media screen and (max-width: 991px) and (min-width: 768px) {
  #System_Header,
  #s-user,
  #s-menu {
    font-size: 1.3rem;
  }
  #s-menu .caret {
    display: none;
  }
  #s-menu .navbar-nav > li {
    float: none;
    height: 100%;
    display: flex;
    justify-content: center;
    flex-direction: column;
  }
  div#s-menu .navbar-nav > li > a {
    height: 100%;
    padding: 15px 10px;
    text-align: center;
  }
}

div.section-wrapper {
  margin-bottom: 60px;
}

body.product #container__content div.content__column-left {
  display: none;
}

body.product #container__content #s-main {
  width: 100%;
}

@use "sass:color";

#s-products #hdr-products p {
  font-size: 30px;
  margin-top: 20px;
  margin-bottom: 0;
  font-family: "Gotham";
  font-weight: bold;
  text-align: center;
}

#s-products .btn {
  background-color: #fff;
  color: #76b51b;
}

#s-products .btn:hover {
  background-color: #7dc21d;
  color: #fff;
}

#s-products .list-group-item > a:hover {
  background-color: #7dc21d;
  color: #fff;
}

.sideMenu .dropup a span.tag {
  display: none;
}

.sideMenu .btn {
  text-align: left;
}

@media screen and (max-width: 991px) {
  .content__column-left {
    display: none !important;
  }
}

#order-shipbill,
#order-shipbill #order,
#order-confirm #order,
.field.form-group.fields-billing {
  padding: 20px;
}

#adr-billing .field.form-group.fields-billing,
#adr-shipping .field {
  padding: 0 20px;
  margin-bottom: 15px;
}

#order-upload {
  margin: 40px auto;
}

#order-upload .form.upload {
  display: inline-block;
  width: 100%;
  padding: 20px 0;
  margin: 20px 0;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}

#uploads-drop .file .progress {
  display: none;
}

body.product {
  @media (min-width: 768px) {
    #order_wrapper {
      margin-top: 40px;
    }
  }
}

body.product .job-specification__wrapper {
  list-style: none;
  padding: 0px;
}

body.product #product-header {
  overflow: hidden;
  margin-top: 110px;
  margin-bottom: 50px;
}

body.product #product-header img {
  height: 100%;
  width: 100%;
  -o-object-position: center;
  object-position: center;
}

body.product #product img {
  display: block;
  max-width: 100%;
  height: auto;
}

body.product #product .pheader h1 {
  margin-top: 10px;
  font-size: 18pt;
}

body.product #order {
  border-radius: 0px;
  border: none;
  -webkit-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.4);
  box-shadow: 0 1px 8px rgba(0, 0, 0, 0.4);
}

body.product #order .panel-heading {
  color: #fff;
  background-color: order-job-specs-bg-color;
  border-radius: 0px;
  background: #76b51b;
  color: #fff;
  height: 47px;
  padding: 0;
  border: none;
}

body.product #order .panel-heading .jobspecs {
  font-size: 18pt;
  padding: 0 24px;
  margin: 0;
  display: block;
  height: 47px;
  line-height: 47px;
  color: #fff;
}

body.product #order .panel-body {
  background-color: #f1f1f1;
}

body.product #order ul {
  list-style-type: none;
  padding: 0;
}

body.product #order .fields .form-group .input-group,
body.product #order .fields .form-group > select,
body.product #custom_1,
body.product #custom_2 {
  -webkit-box-shadow: 0px 0px 5px #515151;
  box-shadow: 0px 0px 5px #515151;
}

body.product #order .fields .form-group * {
  border-radius: 0px;
}

body.product #order .list-group-item {
  background-color: transparent;
}

body.product #pricingWrapper li {
  border: none;
}

body.product {
  background-color: #eaeaea;
}

#s-nav {
  box-shadow: 0 0 12px 0px rgba(0, 0, 0, 0.1);
}

#System_Header {
  font-family: "Gotham";
  font-weight: 400;
  font-size: 1.4rem;
}

#System_Header p {
  margin: 0px;
  font-size: 1.4rem;
}

#hdr-products {
  background-color: #76b51b;
  padding: 15px;
}

#s-products .side-menu--menu-section a,
#s-products .side-menu--menu-section .list-group-item {
  background-color: #f4f4f4;
  color: #333;
  font-size: 1.4rem;
}

#s-products #hdr-products p {
  font-size: 3rem;
  color: transparent;
  margin: 0;
  position: relative;
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  font-size: 2.75rem;
  margin: 0px;
}

#s-products #hdr-products p::before {
  content: "";
  position: absolute;
  top: 35%;
  left: 10px;
  width: 0.75em;
  height: 0.63em;
  border-top: 0.375em double #fff;
  border-bottom: 0.125em solid #fff;
}

#s-products #hdr-products p::after {
  content: "Categories";
  display: block;
  font-size: 2.75rem;
  position: absolute;
  color: #fff;
  top: 0px;
  margin-left: 40px;
}

@media screen and (min-width: 768px) {
  #s-menu > * {
    float: none;
    display: flex;
    align-items: center;
  }
  #s-menu .navbar-nav > li {
    float: none;
    height: 100%;
    display: flex;
    align-items: center;
  }
  #s-menu {
    font-family: "Roboto";
    font-size: 1.4rem;
    font-weight: 500;
    text-transform: uppercase;
  }
}

@media screen and (min-width: 992px) {
  body.home .content__column-left.col-md-3 {
    width: 30%;
  }
  body.home .content__column-right.col-md-9 {
    width: 70%;
  }
}

.row.featured::before {
  content: none;
}

.row.featured {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  margin-top: -5px;
}

div:not(#pgroup).row.featured {
  margin: 0px;
}

.row.featured * {
  float: none;
  width: auto;
  padding: 0;
}

.featured-product-wrapper {
  background: #eaeaea;
  margin: 5px;
  color: #fff !important;
  height: auto;
  flex: 0 1 100%;
  height: auto;
  margin-bottom: 40px;
}

@media screen and (min-width: 768px) {
  .featured-product-wrapper {
    margin-bottom: 5px;
    flex: 0 1 47%;
  }
}

@media screen and (min-width: 1200px) {
  .featured-product-wrapper {
    flex: 0 1 32%;
  }
}

.featured-product-wrapper::before {
  content: "";
  float: left;
  padding-top: 100%;
}

.featured .featured-product-wrapper .product {
  border: none;
  background: none;
  width: 100%;
  height: 100%;
  margin: 0;
}

.featured-product-thumbnail-wrapper {
  height: 100%;
}

.featured .featured-product-wrapper .product.thumbnail img {
  border-radius: 0;
  top: auto;
  transform: none;
  max-height: 100%;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.featured .featured-product-wrapper .product .caption.title {
  height: 100%;
  width: 100%;
  display: flex;
  bottom: auto;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  position: relative;
  background-color: rgba(118, 181, 27, 0.8);
  transition: opacity 400ms ease-in-out;
}


.featured .featured-product-wrapper:hover .product .caption.title {
    opacity: 0;
    }
.featured .featured-product-wrapper .product .caption.title {
    /* top: 0; */
    /* left: 0; */
    opacity: 1;
    position: absolute;

    /* show product caption on all displays */

    height: auto;
    bottom: 0;
    min-height: 75px;
}

      /* show product caption on all displays */

/* 
@media screen and (min-width: 1400px) {
    .featured .featured-product-wrapper:hover .product .caption.title {
        opacity: 1;
      }
    .featured .featured-product-wrapper .product .caption.title {
      top: 0;
      left: 0;
      opacity: 0;
      position: absolute;
    
    
      height: 100%;
      bottom: initial;
      min-height: initial;
    }
}
 */

.featured .featured-product-wrapper .product .title h3 {
  white-space: normal;
  color: #fff !important;
  width: 100%;
  padding: 10px;
}

.tab-content {
  padding: 20px 10px;
  margin-top: -2px;
  font-size: 13px;
  border-width: 1px;
  border-style: solid;
}

.nav.nav-tabs {
  border: none;
  margin-left: 5px;
}

.nav.nav-tabs li {
  margin: 1px 2px;
  padding: 0;
}

.nav.nav-tabs li a {
  padding: 13px 24px;
  margin: 0;
  font: normal 15px "Roboto", "sans-serif";
  border-width: 1px;
  border-style: solid;
  border-bottom: none;
}

.nav.nav-tabs li.active a {
  border: none;
}

.tabberlive .tabbertabhide {
  display: none;
}

.tabberlive {
  margin-top: 1em;
  margin-bottom: 40px;
}

ul.tabbernav {
  margin: 0;
  padding: 3px 0;
  height: 18px;
  width: 100%;
  border: none;
}

ul.tabbernav li {
  list-style: none;
  margin: 0;
  display: inline-block;
  width: 50%;
}

ul.tabbernav li a,
ul.tabbernav li a:link {
  padding: 0 24px;
  text-decoration: none;
  text-align: center;
  display: block;
  font-size: 1.1em;
  line-height: 47px;
  height: 47px;
  width: 100%;
  transition: all 400ms ease-in-out;
  color: #fff;
  background: #333;
  border: none;
  border-radius: 0px;
  margin: 0px;
}

ul.tabbernav li a:hover,
ul.tabbernav li a:link:hover {
  color: #fff;
  background: #76b51b;
}

ul.tabbernav li.tabberactive a {
  color: #fff;
  background: #76b51b;
}

ul.tabbernav li.tabberactive a:hover {
  border: none;
  color: #fff;
  background: #76b51b;
}

.tabberlive .tabbertab {
  border-width: 1px;
  border-style: solid;
  margin-top: 26px;
  padding: 10px;
  width: 100%;
}

.tabbertab {
  background: #fff;
  border-color: #d9d9d9;
}

.tabbertab a {
  color: #76b51b;
}

.tabbertab a:hover {
  text-decoration: none;
  color: #7dc21d;
}

body.home .escape-container {
  left: 29%;
}

body.product .job-specification__wrapper {
  list-style: none;
  padding: 0px;
}

body.product #order .job-specification__wrapper h3 {
  font-size: 2rem;
}

body.product #order * {
  border: none;
}

body.product #order .panel-body {
  background-color: #eaeaea;
}

body.product #order #quote-top,
body.product #order #quote-val,
body.product #order #save-unit {
  color: #76b51b;
  font-weight: bold;
  background-color: transparent;
}

body.product #order,
body.product #order .fields .form-group .input-group,
body.product #order .fields .form-group > select,
body.product #custom_1,
body.product #custom_2 {
  box-shadow: none;
}

button,
.btn,
button.btn {
  padding: 6px 12px;
  font-size: 1.4rem;
}

.social i {
  font-size: 4rem;
}

/* ============================================================
   HALE PRINT SERVICE AREAS - PAGE-SCOPED STYLES
   Only affects elements inside .hp-areas.
   ============================================================ */
.hp-areas {
  --ink: #182026;
  --muted: #5b6670;
  --green: #76b51b;
  --green-dark: #568a12;
  --line: #e3e8e5;
  --soft: #f7f9f2;
  color: var(--ink);
}

/* All page button groups, including hero and final CTA */
.hp-areas .hp-hero-buttons,
.hp-areas .buttons {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 28px;
}

/* Custom button classes and legacy .btn buttons in page content */
.hp-areas a.hp-area-button,
.hp-areas a.btn {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  min-height: 50px;
  padding: 15px 26px !important;
  margin: 0;
  border-radius: 5px !important;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 15px !important;
  font-weight: 700 !important;
  line-height: 1.3 !important;
  white-space: normal;
  text-align: center;
  text-decoration: none !important;
  cursor: pointer;
  transition: background-color .2s ease, border-color .2s ease, color .2s ease;
}

/* Green primary buttons */
.hp-areas a.hp-area-button-green,
.hp-areas a.btn:not(.btn-outline) {
  background-color: #76b51b !important;
  border: 2px solid #76b51b !important;
  color: #fff !important;
}
.hp-areas a.hp-area-button-green:hover,
.hp-areas a.hp-area-button-green:focus,
.hp-areas a.btn:not(.btn-outline):hover,
.hp-areas a.btn:not(.btn-outline):focus {
  background-color: #568a12 !important;
  border-color: #568a12 !important;
  color: #fff !important;
}

/* White / green outline secondary buttons */
.hp-areas a.hp-area-button-outline,
.hp-areas a.btn.btn-outline {
  background-color: #fff !important;
  border: 2px solid #76b51b !important;
  color: #568a12 !important;
}
.hp-areas a.hp-area-button-outline:hover,
.hp-areas a.hp-area-button-outline:focus,
.hp-areas a.btn.btn-outline:hover,
.hp-areas a.btn.btn-outline:focus {
  background-color: #f0f8e4 !important;
  border-color: #568a12 !important;
  color: #568a12 !important;
}

.hp-areas a.hp-area-button:focus-visible,
.hp-areas a.btn:focus-visible {
  outline: 3px solid #568a12;
  outline-offset: 3px;
}

.hp-areas .cta .hp-hero-buttons,
.hp-areas .cta .buttons { justify-content: center; }

/* Fixed navigation: keep anchor heading visible after scrolling */
.hp-areas #service-areas { scroll-margin-top: 125px; }

@media (max-width: 600px) {
  .hp-areas .hp-hero-buttons,
  .hp-areas .buttons { flex-direction: column; }
  .hp-areas a.hp-area-button,
  .hp-areas a.btn { width: 100%; }
  .hp-areas #service-areas { scroll-margin-top: 100px; }
}

/* ============================================================
   HALE PRINT — VEHICLE WRAP COST BLOG DESIGN (2026-11-05)
   Scoped to the .hp-cost article so other site pages retain
   their original layout. Uses Hale Print's existing #76b51b.
   ============================================================ */
.hp-cost {
  --green: #76b51b;
  --ink: #192027;
  --muted: #59636d;
  --line: #dde1e5;
  --soft: #f2f3f4;
  --dark: #22272c;
  display: block;
  width: 100%;
  max-width: none;
  margin: 0;
  background: #fff;
  color: var(--ink);
  font: 400 16px/1.7 Arial, Helvetica, sans-serif;
  overflow: hidden;
}
.hp-cost, .hp-cost * { box-sizing: border-box; }
.hp-cost .wrap { width: 100%; max-width: 1120px; padding: 0 24px; margin: 0 auto; }
.hp-cost a { color: #4b861b; text-decoration: underline; text-underline-offset: 3px; }
.hp-cost a:hover { color: #315d11; }
.hp-cost h1, .hp-cost h2, .hp-cost h3 {
  font-family: Arial, Helvetica, sans-serif;
  font-weight: 750;
  line-height: 1.2;
  letter-spacing: -.025em;
  color: var(--ink);
  margin: 0 0 16px;
}
.hp-cost h1 { font-size: clamp(36px, 5vw, 62px); }
.hp-cost h2 { font-size: clamp(26px, 3vw, 37px); }
.hp-cost h3 { font-size: 21px; }
.hp-cost p { font-family: Arial, Helvetica, sans-serif; font-weight: 400; margin: 0 0 18px; }
.hp-cost ul { padding-left: 24px; margin: 0 0 22px; }
.hp-cost li { margin: 0 0 8px; }
.hp-cost img { display: block; max-width: 100%; height: auto; }
.hp-cost .eyebrow {
  color: var(--green);
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .13em;
  line-height: 1.5;
  text-transform: uppercase;
  margin-bottom: 13px;
}
.hp-cost .lead { font-size: clamp(17px, 2vw, 20px); max-width: 740px; color: #dce2e7; }
.hp-cost .hero {
  background: linear-gradient(112deg, #171d23 10%, #333b43 100%);
  color: #fff;
  padding: 68px 0 60px;
}
.hp-cost .hero h1, .hp-cost .hero h2, .hp-cost .hero h3 { color: #fff; }
.hp-cost .hero .eyebrow { color: #b9ee77; }
.hp-cost .hero-grid { display: grid; grid-template-columns: minmax(0,1.15fr) minmax(0,.85fr); gap: 34px; align-items: center; }
.hp-cost .hero img { width: 100%; aspect-ratio: 1.35; object-fit: cover; background: #fff; border-radius: 15px; }
.hp-cost .hero a:not(.button) { color: #fff; }
.hp-cost a.button {
  display: inline-block;
  background: var(--green);
  border: 1px solid var(--green);
  color: #fff !important;
  text-decoration: none !important;
  font: 800 15px/1.4 Arial, Helvetica, sans-serif;
  white-space: normal;
  text-align: center;
  padding: 13px 22px;
  border-radius: 7px;
  margin: 8px 10px 8px 0;
  transition: background-color .2s, border-color .2s;
}
.hp-cost a.button:hover, .hp-cost a.button:focus { background: #568a12; border-color: #568a12; color: #fff !important; }
.hp-cost a.button.outline { background: transparent; border-color: #fff; color: #fff !important; }
.hp-cost a.button.outline:hover, .hp-cost a.button.outline:focus { background: rgba(255,255,255,.13); }
.hp-cost a:focus-visible, .hp-cost summary:focus-visible { outline: 3px solid var(--green); outline-offset: 3px; }
.hp-cost section { display: block; padding: 62px 0; }
.hp-cost section.gray { background: var(--soft); }
.hp-cost section.tight { padding: 35px 0; }
.hp-cost .intro { font-size: 18px; max-width: 900px; }
.hp-cost .price-grid { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 16px; margin: 26px 0 18px; }
.hp-cost .price-card {
  background: #fff; border: 1px solid var(--line); border-top: 4px solid var(--green);
  border-radius: 10px; padding: 24px; box-shadow: 0 4px 16px rgba(0,0,0,.03);
}
.hp-cost .price-card h3 { color: var(--ink); }
.hp-cost .price-card strong { display: block; font-size: 30px; font-weight: 800; line-height: 1.15; color: #222; margin: 14px 0 12px; }
.hp-cost .price-card span { display: block; font-size: 13px; color: var(--muted); }
.hp-cost .small, .hp-cost .muted { color: var(--muted); }
.hp-cost .small { font-size: 14px; }
.hp-cost .split { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 38px; align-items: center; }
.hp-cost figure { margin: 0; }
.hp-cost figure img { width: 100%; border-radius: 12px; object-fit: cover; background: #fff; }
.hp-cost figcaption { font-size: 13px; color: var(--muted); margin-top: 9px; line-height: 1.5; }
.hp-cost .detail-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 18px; margin-top: 28px; }
.hp-cost .detail { background: #fff; padding: 23px; border: 1px solid var(--line); border-radius: 10px; }
.hp-cost .detail h3 { margin-bottom: 10px; }
.hp-cost .highlight { background: #fff; border-left: 4px solid var(--green); padding: 22px 25px; margin: 26px 0; border-radius: 0 8px 8px 0; }
.hp-cost .proof { background: #242b31; color: #fff; border-radius: 14px; padding: 34px; }
.hp-cost .proof h3 { color: #fff; }
.hp-cost .proof p { color: #edf1f4; }
.hp-cost .proof strong.big { display: block; font-size: 52px; color: #fff; line-height: 1.1; }
.hp-cost .service-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 12px; }
.hp-cost .service-grid a {
  display: block; background: #fff; border: 1px solid var(--line); border-radius: 8px;
  padding: 14px 12px; text-decoration: none; text-align: center; font-weight: 700;
}
.hp-cost .service-grid a:hover { background: #f0f8e9; }
.hp-cost .gallery { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 16px; }
.hp-cost .gallery img { width: 100%; aspect-ratio: 4/3; object-fit: contain; background: #f7f7f8; border-radius: 8px; }
.hp-cost .faq details { display: block; background: #fff; border: 1px solid var(--line); border-radius: 8px; padding: 17px 20px; margin-bottom: 10px; }
.hp-cost .faq summary { cursor: pointer; font-weight: 800; line-height: 1.4; }
.hp-cost .faq details p { margin: 12px 0 0; }
.hp-cost section.cta { background: #20262c; color: #fff; text-align: center; }
.hp-cost .cta h2 { color: #fff; }
.hp-cost .cta p { color: #dce2e7; max-width: 750px; margin: 0 auto 20px; }
.hp-cost .cta a:not(.button) { color: #fff; }
.hp-cost .cta .eyebrow { color: #c1f18a; }
.hp-cost section[id] { scroll-margin-top: 125px; }
@media (max-width: 850px) {
  .hp-cost .hero-grid, .hp-cost .split { grid-template-columns: minmax(0,1fr); }
  .hp-cost .price-grid, .hp-cost .gallery { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .hp-cost .service-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .hp-cost section { padding: 46px 0; }
}
@media (max-width: 560px) {
  .hp-cost .wrap { padding: 0 17px; }
  .hp-cost .hero { padding: 46px 0; }
  .hp-cost h1 { font-size: 36px; }
  .hp-cost .price-grid, .hp-cost .detail-grid, .hp-cost .gallery { grid-template-columns: minmax(0,1fr); }
  .hp-cost .price-card strong { font-size: 27px; }
  .hp-cost .proof { padding: 24px; }
  .hp-cost .service-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .hp-cost a.button { display: block; margin-right: 0; }
  .hp-cost section[id] { scroll-margin-top: 100px; }
}


/* ==============================================================
   HALE PRINT 2026 HOMEPAGE — scoped to .hp-home26 only.
   Safely appended to existing skin stylesheet; other pages retain
   their original styles. Update images in the two HTML sections.
   ============================================================== */
.hp-home26{--hp-green:#76b51b;--hp-ink:#1c252c;--hp-muted:#59636b;--hp-line:#dfe3e5;--hp-soft:#f3f5f5;--hp-dark:#20272c;font-family:"Gotham","Helvetica Neue",Arial,sans-serif;color:var(--hp-ink);line-height:1.65;overflow:hidden}
.hp-home26 *, .hp-home26 *::before,.hp-home26 *::after{box-sizing:border-box}
.hp-home26 .hp-container{width:100%;max-width:1200px;margin:0 auto;padding-left:24px;padding-right:24px}
.hp-home26 h1,.hp-home26 h2,.hp-home26 h3{font-family:Roboto,Arial,sans-serif;font-weight:700;letter-spacing:-.025em;line-height:1.15;margin:0 0 18px;color:var(--hp-ink)}
.hp-home26 h1{font-size:clamp(34px,4.1vw,58px)}
.hp-home26 h2{font-size:clamp(29px,3vw,43px)}
.hp-home26 h3{font-size:clamp(22px,2vw,28px)}
.hp-home26 p{font-family:inherit;font-size:16px;line-height:1.75;margin:0 0 18px;color:inherit}
.hp-home26 a{text-decoration:none;transition:color .18s,background-color .18s,border-color .18s,transform .18s}
.hp-home26 a:focus-visible{outline:3px solid var(--hp-green);outline-offset:4px}
.hp-home26 img{display:block;max-width:100%;height:auto}
.hp-home26 .hp-kicker,.hp-home26 .hp-eyebrow{font-size:12px;line-height:1.5;font-weight:800;letter-spacing:.15em;text-transform:uppercase;color:#588b15;margin:0 0 17px}
.hp-home26 .hp-section{padding:78px 0}
.hp-home26 .hp-section-soft{background:var(--hp-soft)}
.hp-home26 .hp-section-dark{background:var(--hp-dark);color:#eff3f4}
.hp-home26 .hp-section-dark h2,.hp-home26 .hp-section-dark h3{color:#fff}
.hp-home26 .hp-section-dark .hp-kicker{color:#b5e67e}
.hp-home26 .hp-btn{font-family:Roboto,Arial,sans-serif;display:inline-flex;align-items:center;justify-content:center;gap:14px;padding:14px 23px;border:2px solid transparent;border-radius:6px;font-size:15px;font-weight:700;line-height:1.35;min-height:49px;text-align:center}
.hp-home26 .hp-btn-primary{background:var(--hp-green);border-color:var(--hp-green);color:#17210d!important}
.hp-home26 .hp-btn-primary:hover{background:#91cb3d;border-color:#91cb3d;color:#15230b!important;transform:translateY(-2px)}
.hp-home26 .hp-btn-light{background:transparent;border-color:rgba(255,255,255,.75);color:#fff!important}
.hp-home26 .hp-btn-light:hover{background:rgba(255,255,255,.12);color:#fff!important}
.hp-home26 .hp-btn-outline-dark{background:transparent;border-color:#263039;color:#263039!important}
.hp-home26 .hp-btn-outline-dark:hover{background:#263039;color:#fff!important}
.hp-home26 .hp-textlink{font-family:Roboto,Arial,sans-serif;display:inline-flex;gap:12px;align-items:center;font-size:15px;font-weight:800;color:#42740c!important}
.hp-home26 .hp-textlink:hover{color:#1b3700!important;text-decoration:underline}
/* Header section */
.hp-home26 .hp-hero{background:linear-gradient(130deg,#20292f,#141c21);color:#f8fbfc;padding:70px 0 72px}
.hp-home26 .hp-hero-layout{display:grid;grid-template-columns:minmax(0,1.02fr) minmax(0,.98fr);gap:52px;align-items:center}
.hp-home26 .hp-hero h1{color:#fff;margin-bottom:22px}
.hp-home26 .hp-hero .hp-eyebrow{color:#b4e778}
.hp-home26 .hp-hero-lede{font-size:18px;line-height:1.65;color:#e4e9ec;max-width:620px}
.hp-home26 .hp-actions{display:flex;gap:12px;flex-wrap:wrap;margin:28px 0 25px}
.hp-home26 .hp-hero-note{color:#cbd3d7;font-size:13px;line-height:1.8;margin:0}
.hp-home26 .hp-hero-note a{color:#fff!important;text-decoration:underline}
.hp-home26 .hp-hero-visual{position:relative;min-width:0}
.hp-home26 .hp-hero-visual img{width:100%;height:430px;object-fit:cover;border-radius:12px;box-shadow:0 20px 50px rgba(0,0,0,.25)}
.hp-home26 .hp-hero-image-label{position:absolute;left:-18px;bottom:24px;padding:12px 18px;background:#fff;color:#263039;font-weight:800;letter-spacing:.1em;font-size:11px;border-radius:4px;box-shadow:0 5px 20px rgba(0,0,0,.18)}
.hp-home26 .hp-label-line{display:inline-block;width:22px;height:3px;background:var(--hp-green);vertical-align:middle;margin-right:7px}
.hp-home26 .hp-quicklinks{background:#fff;border-bottom:1px solid var(--hp-line)}
.hp-home26 .hp-quicklinks-inner{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}
.hp-home26 .hp-quicklinks a{font:700 14px/1.35 Roboto,Arial,sans-serif;display:flex;align-items:center;justify-content:space-between;gap:12px;color:#263039!important;padding:22px 16px;border-right:1px solid var(--hp-line)}
.hp-home26 .hp-quicklinks a:first-child{border-left:1px solid var(--hp-line)}
.hp-home26 .hp-quicklinks a:hover{background:#f0f6e8;color:#44790c!important}
.hp-home26 .hp-quicklinks a span{font-size:20px;color:#659a1c}
/* Intro */
.hp-home26 .hp-intro-layout{display:grid;grid-template-columns:1fr .86fr;align-items:start;gap:80px}
.hp-home26 .hp-intro p:last-of-type{color:var(--hp-muted);font-size:17px}
/* Services */
.hp-home26 .hp-section-head{display:flex;justify-content:space-between;align-items:end;gap:45px;margin-bottom:34px}
.hp-home26 .hp-section-head>div{max-width:650px}
.hp-home26 .hp-section-head>p{max-width:380px;margin:0 0 8px;color:var(--hp-muted)}
.hp-home26 .hp-service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:21px}
.hp-home26 .hp-service-card{background:#fff;border:1px solid #e1e5e7;border-radius:11px;overflow:hidden;box-shadow:0 8px 25px rgba(28,37,44,.035);display:flex;flex-direction:column}
.hp-home26 .hp-service-photo{display:block;overflow:hidden;background:#e7eaec}
.hp-home26 .hp-service-photo img{width:100%;height:240px;object-fit:cover;transition:transform .28s}
.hp-home26 .hp-service-card:hover .hp-service-photo img{transform:scale(1.04)}
.hp-home26 .hp-service-info{padding:25px 25px 28px;flex:1;display:flex;flex-direction:column}
.hp-home26 .hp-service-info h3{font-size:24px;margin-bottom:13px}
.hp-home26 .hp-service-info p{color:var(--hp-muted);font-size:15px;flex:1}
.hp-home26 .hp-service-number{font:800 11px/1.4 Roboto,Arial,sans-serif;color:#568918;letter-spacing:.12em;margin:0 0 13px}
.hp-home26 .hp-mini-services{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin-top:20px}
.hp-home26 .hp-mini-services a{display:flex;flex-direction:column;gap:7px;padding:21px;border:1px solid #dbe1e4;background:#fff;border-radius:9px;color:#1d272f!important}
.hp-home26 .hp-mini-services a:hover{border-color:#80ae42;background:#fcfff9}
.hp-home26 .hp-mini-services strong{font:700 17px/1.35 Roboto,Arial,sans-serif}
.hp-home26 .hp-mini-services span{font-size:13px;color:var(--hp-muted)}
.hp-home26 .hp-mini-services b{color:#568918;font-size:19px;float:right}
/* Why */
.hp-home26 .hp-why-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:86px;align-items:center}
.hp-home26 .hp-why-layout>div:first-child>p:not(.hp-kicker){color:var(--hp-muted);font-size:17px}
.hp-home26 .hp-benefits{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.hp-home26 .hp-benefits>div{border:1px solid #dfe4e7;border-radius:9px;padding:22px;background:#fafbfb;min-height:154px}
.hp-home26 .hp-benefits strong{display:block;font:800 19px/1.4 Roboto,Arial,sans-serif;margin-bottom:8px}
.hp-home26 .hp-benefits span{display:block;color:var(--hp-muted);font-size:14px;line-height:1.6}
/* Vehicle wrap feature */
.hp-home26 .hp-wrap-layout{display:grid;grid-template-columns:1.04fr .96fr;gap:62px;align-items:center}
.hp-home26 .hp-wrap-photo img{width:100%;height:440px;object-fit:cover;border-radius:11px}
.hp-home26 .hp-wrap-layout p:not(.hp-kicker){color:#dce3e7;font-size:17px}
.hp-home26 .hp-checks{padding:0;margin:10px 0 25px;list-style:none}
.hp-home26 .hp-checks li{position:relative;padding:0 0 8px 28px;color:#f0f3f4}
.hp-home26 .hp-checks li::before{position:absolute;left:0;top:2px;content:'✓';color:#a2dc67;font-weight:900}
/* Shop */
.hp-home26 #hp-shop-online{scroll-margin-top:135px}
.hp-home26 .hp-shop-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.hp-home26 .hp-shop-card{min-height:216px;display:flex;flex-direction:column;padding:25px 21px;border:1px solid #dce3e5;border-top:4px solid var(--hp-green);border-radius:9px;background:#fff;color:#222c34!important}
.hp-home26 .hp-shop-card:hover{background:#f5faee;transform:translateY(-3px)}
.hp-home26 .hp-shop-icon{font:800 12px/1.4 Roboto,Arial,sans-serif;letter-spacing:.15em;color:#659d21;margin-bottom:24px}
.hp-home26 .hp-shop-card strong{display:block;font:800 21px/1.3 Roboto,Arial,sans-serif;margin-bottom:12px}
.hp-home26 .hp-shop-card>span:last-child{font-size:14px;color:var(--hp-muted);line-height:1.55}
.hp-home26 .hp-shop-card b{color:#538b12;font-size:20px;margin-left:4px}
.hp-home26 .hp-shop-more{display:flex;gap:25px;align-items:center;justify-content:space-between;padding:24px 0 0}
.hp-home26 .hp-shop-more p{margin:0;color:var(--hp-muted)}
/* Local & resources */
.hp-home26 .hp-local-layout{display:grid;grid-template-columns:1.2fr .8fr;gap:70px;align-items:center}
.hp-home26 .hp-local-layout>div:first-child>p:not(.hp-kicker){color:var(--hp-muted);font-size:17px}
.hp-home26 .hp-local-panel{border-radius:12px;background:#fff;padding:33px 38px;border:1px solid #e0e4e6;box-shadow:0 8px 23px rgba(0,0,0,.035)}
.hp-home26 .hp-local-pin{color:#70aa21;font-size:26px;display:block;margin-bottom:12px}
.hp-home26 .hp-local-panel strong{font:800 25px/1.3 Roboto,Arial,sans-serif;display:block;margin-bottom:12px}
.hp-home26 .hp-local-panel p{color:var(--hp-muted);margin-bottom:10px}
.hp-home26 .hp-local-panel a{display:block;font-weight:700;color:#477a12!important;margin-top:10px}
.hp-home26 .hp-resource-layout{display:flex;gap:35px;justify-content:space-between;align-items:center}
.hp-home26 .hp-resource-layout>div:first-child{max-width:710px}
.hp-home26 .hp-resource-layout p:not(.hp-kicker){color:var(--hp-muted)}
.hp-home26 .hp-resource-action{flex-shrink:0}
.hp-home26 .hp-final{text-align:center}
.hp-home26 .hp-final p:not(.hp-kicker){max-width:670px;margin:0 auto;color:#e1e8eb;font-size:17px}
.hp-home26 .hp-actions-center{justify-content:center}
/* Adapt to mobile, retaining existing site navigation */
@media(max-width:1000px){.hp-home26 .hp-hero-layout,.hp-home26 .hp-intro-layout,.hp-home26 .hp-why-layout,.hp-home26 .hp-wrap-layout,.hp-home26 .hp-local-layout{gap:35px}.hp-home26 .hp-hero-visual img{height:340px}.hp-home26 .hp-service-photo img{height:200px}.hp-home26 .hp-service-info{padding:20px}.hp-home26 .hp-shop-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:767px){.hp-home26 .hp-container{padding-left:18px;padding-right:18px}.hp-home26 .hp-section{padding:54px 0}.hp-home26 .hp-hero{padding:52px 0 48px}.hp-home26 .hp-hero-layout,.hp-home26 .hp-intro-layout,.hp-home26 .hp-why-layout,.hp-home26 .hp-wrap-layout,.hp-home26 .hp-local-layout{grid-template-columns:minmax(0,1fr);gap:28px}.hp-home26 .hp-hero-visual img{height:auto;max-height:420px;aspect-ratio:16/10;object-fit:cover}.hp-home26 .hp-hero-image-label{left:10px;bottom:12px}.hp-home26 .hp-quicklinks-inner{grid-template-columns:repeat(2,minmax(0,1fr));padding-left:0;padding-right:0}.hp-home26 .hp-quicklinks a{border-bottom:1px solid var(--hp-line);padding:18px}.hp-home26 .hp-section-head{display:block}.hp-home26 .hp-section-head>p{max-width:100%}.hp-home26 .hp-service-grid{grid-template-columns:minmax(0,1fr)}.hp-home26 .hp-service-photo img{height:250px}.hp-home26 .hp-mini-services{grid-template-columns:minmax(0,1fr)}.hp-home26 .hp-wrap-photo img{height:auto;aspect-ratio:16/10}.hp-home26 .hp-resource-layout,.hp-home26 .hp-shop-more{display:block}.hp-home26 .hp-resource-action{margin-top:22px}.hp-home26 .hp-shop-more .hp-btn{margin-top:15px}}
@media(max-width:480px){.hp-home26 h1{font-size:34px}.hp-home26 h2{font-size:30px}.hp-home26 .hp-hero-lede{font-size:16px}.hp-home26 .hp-actions{flex-direction:column;align-items:stretch}.hp-home26 .hp-btn{width:100%;white-space:normal}.hp-home26 .hp-benefits,.hp-home26 .hp-shop-grid{grid-template-columns:minmax(0,1fr)}.hp-home26 .hp-shop-card{min-height:160px}.hp-home26 .hp-shop-icon{margin-bottom:12px}}
@media(prefers-reduced-motion:reduce){.hp-home26 a,.hp-home26 .hp-service-photo img{transition:none}}

/* Scroll service-page links just below the fixed site navigation. */
html { scroll-behavior: smooth; }
#container__content { scroll-margin-top: 125px; }
@media(max-width:767px){ #container__content { scroll-margin-top: 95px; } }
@media(prefers-reduced-motion:reduce){ html { scroll-behavior: auto; } }



/* ================================================================
   HALE PRINT 2026 | HOMEPAGE BODY V2
   Scoped to .hp-home27 so product pages, service pages and header
   retain their current styles. Add to the END of your existing CSS.
   ================================================================ */
.hp-home27{--h27-green:#76b51b;--h27-dark:#1d262c;--h27-ink:#222a30;--h27-muted:#5a646b;--h27-line:#e2e7e9;font-family:"Gotham","Helvetica Neue",Arial,sans-serif;color:var(--h27-ink);width:100%;max-width:none;clear:both}
.hp-home27,.hp-home27 *{box-sizing:border-box}
.hp-home27 .hp27-section{padding:76px 0;position:relative}
.hp-home27 .hp27-inner{width:100%;max-width:1180px;margin:0 auto;padding:0 22px}
.hp-home27 .hp27-muted{background:#f3f5f6}
.hp-home27 .hp27-dark{background:var(--h27-dark);color:#f4f7f8}
.hp-home27 .hp27-overline{font:800 12px/1.4 Roboto,Arial,sans-serif!important;letter-spacing:.16em;text-transform:uppercase;color:#5d901d!important;margin:0 0 15px!important}
.hp-home27 .hp27-overline span{padding:0 9px;color:#a4b5a8}
.hp-home27 .hp27-dark .hp27-overline{color:#a4d971!important}
.hp-home27 h2,.hp-home27 h3{font-family:Roboto,Arial,sans-serif!important;letter-spacing:-.025em;color:var(--h27-ink);font-weight:800!important}
.hp-home27 h2{font-size:clamp(30px,3vw,44px)!important;line-height:1.16!important;margin:0 0 18px!important}
.hp-home27 h3{font-size:22px!important;line-height:1.27!important;margin:0 0 12px!important}
.hp-home27 em{font-style:normal;color:#649d20}
.hp-home27 p{font-size:16px;line-height:1.75;margin:0 0 16px}
.hp-home27 .hp27-dark h2,.hp-home27 .hp27-dark h3{color:#fff!important}
.hp-home27 .hp27-arrow-link{display:inline-flex;align-items:center;gap:12px;color:#4c7d12!important;text-decoration:none!important;font:800 14px/1.5 Roboto,Arial,sans-serif;transition:gap .2s}
.hp-home27 .hp27-arrow-link:hover{gap:18px;color:#315700!important}
.hp-home27 .hp27-arrow-link span{font-size:20px}
.hp-home27 .hp27-button{display:inline-flex;align-items:center;justify-content:center;gap:16px;border-radius:5px;padding:15px 22px!important;text-decoration:none!important;font:800 14px/1.4 Roboto,Arial,sans-serif;white-space:normal;text-align:center;transition:transform .15s,background-color .15s}
.hp-home27 .hp27-button:hover{transform:translateY(-2px)}
.hp-home27 .hp27-button-green{background:var(--h27-green);color:#fff!important}
.hp-home27 .hp27-button-green:hover{background:#639e12;color:#fff!important}
.hp-home27 .hp27-button-dark{background:var(--h27-dark);color:#fff!important}
.hp-home27 .hp27-button-dark:hover{background:#39474e;color:#fff!important}
.hp-home27 .hp27-button-outline{border:1px solid #8c999f;color:#fff!important;background:transparent}
.hp-home27 .hp27-button-outline:hover{background:#fff;color:var(--h27-dark)!important}
/* Opening */
.hp-home27 .hp27-opening{padding:68px 0 64px}
.hp-home27 .hp27-opening-grid{display:grid;grid-template-columns:.95fr 1.05fr;gap:75px;align-items:center}
.hp-home27 .hp27-opening h2{font-size:clamp(34px,3.5vw,52px)!important}
.hp-home27 .hp27-opening-copy p{font-size:17px;color:var(--h27-muted)}
/* Main services */
.hp-home27 .hp27-section-heading{display:flex;align-items:end;justify-content:space-between;gap:32px;margin-bottom:34px}
.hp-home27 .hp27-section-heading>div{max-width:730px}
.hp-home27 .hp27-section-heading>p{max-width:360px;color:var(--h27-muted);margin:0 0 6px}
.hp-home27 .hp27-services{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.hp-home27 .hp27-service{background:#fff;border:1px solid var(--h27-line);border-radius:9px;overflow:hidden;display:flex;flex-direction:column;min-width:0;box-shadow:0 8px 23px rgba(20,30,35,.035)}
.hp-home27 .hp27-service-wide{grid-column:span 2;display:grid;grid-template-columns:1fr .85fr;min-height:350px}
.hp-home27 .hp27-media{display:block;min-width:0;overflow:hidden;background:#e5e9eb}
.hp-home27 .hp27-media img{width:100%;height:225px;object-fit:cover;display:block;transition:transform .3s}
.hp-home27 .hp27-service-wide .hp27-media img{height:100%;min-height:350px}
.hp-home27 .hp27-service:hover .hp27-media img{transform:scale(1.035)}
.hp-home27 .hp27-card-copy{padding:26px 27px 29px;display:flex;flex:1;flex-direction:column}
.hp-home27 .hp27-card-copy p:not(.hp27-overline){color:var(--h27-muted);font-size:14px;line-height:1.65;flex:1}
.hp-home27 .hp27-service-wide h3{font-size:29px!important}
.hp-home27 .hp27-service-text{background:#202c32;color:#fff;justify-content:center}
.hp-home27 .hp27-service-text h3{color:#fff!important}
.hp-home27 .hp27-service-text .hp27-card-copy p{color:#d6e0e4!important}
.hp-home27 .hp27-service-text .hp27-arrow-link{color:#b3e676!important}
.hp-home27 .hp27-text-icon{display:flex;align-items:center;justify-content:center;background:#39464b;color:#b8e475;font:800 22px Roboto,Arial,sans-serif;letter-spacing:.1em;margin:27px 27px 0;width:52px;height:52px;border-radius:5px}
.hp-home27 .hp27-support-links{display:flex;align-items:center;flex-wrap:wrap;gap:13px;margin-top:26px}
.hp-home27 .hp27-support-links>span{font:800 11px Roboto,Arial,sans-serif;letter-spacing:.12em;color:#677179;margin-right:6px}
.hp-home27 .hp27-support-links a{display:inline-flex;align-items:center;gap:12px;border:1px solid #dce3e5;border-radius:5px;background:#fff;padding:12px 15px;color:#243039!important;text-decoration:none;font-weight:700;font-size:13px}
.hp-home27 .hp27-support-links a:hover{border-color:#8cad60;background:#f9fff3}
.hp-home27 .hp27-support-links b{color:#558d0c}
/* Work gallery */
.hp-home27 .hp27-gallery{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:195px;gap:12px}
.hp-home27 .hp27-gallery-item{position:relative;display:block;overflow:hidden;background:#263238;border-radius:7px;color:#fff!important}
.hp-home27 .hp27-gallery-feature{grid-column:span 2;grid-row:span 2}
.hp-home27 .hp27-gallery-item img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s}
.hp-home27 .hp27-gallery-item:hover img{transform:scale(1.045)}
.hp-home27 .hp27-gallery-item::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.78),transparent 60%);pointer-events:none}
.hp-home27 .hp27-gallery-item>span{position:absolute;z-index:1;bottom:0;left:0;right:0;padding:22px;display:flex;flex-direction:column;gap:3px}
.hp-home27 .hp27-gallery-item strong{font:800 17px/1.3 Roboto,Arial,sans-serif;color:#fff}
.hp-home27 .hp27-gallery-item small{font:500 12px/1.5 Roboto,Arial,sans-serif;color:#e1f0d2}
.hp-home27 .hp27-gallery-feature strong{font-size:23px}
.hp-home27 .hp27-gallery-note{text-align:center;color:var(--h27-muted);margin:23px 0 0!important}
.hp-home27 .hp27-gallery-note a{color:#4d7f13!important;font-weight:800}
/* Why Hale */
.hp-home27 .hp27-reasons-grid{display:grid;grid-template-columns:1fr 1fr;gap:95px;align-items:center}
.hp-home27 .hp27-reasons-grid>div:first-child>p:not(.hp27-overline){color:#d1dcdf;font-size:17px}
.hp-home27 .hp27-reasons-grid .hp27-button{margin-top:13px}
.hp-home27 .hp27-reason-list{display:grid;grid-template-columns:1fr 1fr;gap:13px}
.hp-home27 .hp27-reason-list>div{border:1px solid #465159;border-radius:6px;padding:24px 20px;min-height:155px;background:#263137}
.hp-home27 .hp27-reason-list strong{display:block;color:#fff;font:800 19px/1.3 Roboto,Arial,sans-serif;margin-bottom:9px}
.hp-home27 .hp27-reason-list span{color:#cdd7da;font-size:13px;line-height:1.65}
/* Online store */
.hp-home27 .hp27-shop{background:#fff}
.hp-home27 #hp-shop-online{scroll-margin-top:135px}
.hp-home27 .hp27-shop-top{display:flex;align-items:end;justify-content:space-between;gap:35px;margin-bottom:32px}
.hp-home27 .hp27-shop-top>div{max-width:690px}
.hp-home27 .hp27-shop-top p:not(.hp27-overline){color:var(--h27-muted)}
.hp-home27 .hp27-shop-top .hp27-button{flex-shrink:0;margin-bottom:6px}
.hp-home27 .hp27-products{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px}
.hp-home27 .hp27-product{border:1px solid var(--h27-line);border-radius:8px;overflow:hidden;color:var(--h27-ink)!important;text-decoration:none!important;display:flex;flex-direction:column;background:#fff;transition:box-shadow .2s,transform .2s}
.hp-home27 .hp27-product:hover{box-shadow:0 12px 29px rgba(0,0,0,.09);transform:translateY(-3px)}
.hp-home27 .hp27-product-art{height:160px;background:#edf1f2;display:flex;position:relative;overflow:hidden;align-items:center;justify-content:center}
.hp-home27 .hp27-art-image img{width:100%;height:100%;object-fit:cover}
.hp-home27 .hp27-art-cards i{position:absolute;display:block;width:135px;height:76px;border:1px solid #d1d6da;border-radius:5px;background:#fff;box-shadow:0 4px 12px rgba(0,0,0,.1)}
.hp-home27 .hp27-art-cards i:nth-child(1){transform:rotate(-17deg) translate(-16px,-6px);background:#dce8d3}
.hp-home27 .hp27-art-cards i:nth-child(2){transform:rotate(13deg) translate(13px,-2px);background:#26333a}
.hp-home27 .hp27-art-cards i:nth-child(3){transform:rotate(-3deg) translate(0,15px);background:linear-gradient(135deg,#fff 0 58%,#77b626 58%)}
.hp-home27 .hp27-art-stickers i{position:absolute;display:block;background:#fff;border:5px solid white;box-shadow:0 3px 12px rgba(0,0,0,.1)}
.hp-home27 .hp27-art-stickers i:nth-child(1){background:#72ac24;width:85px;height:85px;transform:rotate(-18deg) translate(-35px,-8px);border-radius:50%}
.hp-home27 .hp27-art-stickers i:nth-child(2){background:#28383f;width:92px;height:75px;transform:rotate(13deg) translate(35px,10px);border-radius:12px}
.hp-home27 .hp27-art-stickers i:nth-child(3){background:#c6d5db;width:67px;height:67px;transform:rotate(-8deg) translate(4px,44px);border-radius:18px}
.hp-home27 .hp27-product-copy{display:flex;flex:1;flex-direction:column;gap:7px;padding:20px 18px 22px}
.hp-home27 .hp27-product-copy strong{font:800 19px/1.25 Roboto,Arial,sans-serif}
.hp-home27 .hp27-product-copy small{color:var(--h27-muted);font-size:13px;line-height:1.5;flex:1}
.hp-home27 .hp27-product-copy b{font:800 13px Roboto,Arial,sans-serif;color:#518213;margin-top:10px}
/* Process */
.hp-home27 .hp27-process{border-top:1px solid #e7ebed}
.hp-home27 .hp27-process-heading{margin-bottom:32px}
.hp-home27 .hp27-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}
.hp-home27 .hp27-steps>div{border-top:3px solid #76b51b;padding:24px 8px 0 0}
.hp-home27 .hp27-steps b{display:block;font:800 13px Roboto,Arial,sans-serif;color:#62961e;letter-spacing:.1em;margin-bottom:19px}
.hp-home27 .hp27-steps p{color:var(--h27-muted);font-size:14px}
/* Location */
.hp-home27 .hp27-local-grid{display:grid;grid-template-columns:1.1fr .75fr;gap:80px;align-items:center}
.hp-home27 .hp27-local-grid>div:first-child>p:not(.hp27-overline){color:var(--h27-muted);font-size:17px}
.hp-home27 .hp27-local-card{background:#fff;padding:35px 40px;border:1px solid #e0e5e6;border-radius:8px;box-shadow:0 8px 24px rgba(0,0,0,.04)}
.hp-home27 .hp27-local-card>span{font:800 11px Roboto,Arial,sans-serif;color:#5a8923;letter-spacing:.12em}
.hp-home27 .hp27-local-card h3{font-size:27px!important;margin:14px 0!important}
.hp-home27 .hp27-local-card p{color:var(--h27-muted)}
.hp-home27 .hp27-local-card a{display:block;color:#4c7c12!important;font-weight:bold;margin:7px 0}
/* Blog / final CTA */
.hp-home27 .hp27-resource{border-top:1px solid #e6ebed}
.hp-home27 .hp27-resource-grid{display:flex;align-items:center;justify-content:space-between;gap:36px}
.hp-home27 .hp27-resource-grid>div{max-width:660px}
.hp-home27 .hp27-resource-grid p:not(.hp27-overline){color:var(--h27-muted)}
.hp-home27 .hp27-resource-grid>.hp27-button{flex-shrink:0}
.hp-home27 .hp27-finish{text-align:center;padding:76px 0 85px}
.hp-home27 .hp27-finish h2{max-width:730px;margin:0 auto 17px!important}
.hp-home27 .hp27-finish p:not(.hp27-overline){color:#d7e1e5;max-width:670px;margin:0 auto 24px}
.hp-home27 .hp27-finish-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:12px}
/* Responsive */
@media(max-width:1050px){.hp-home27 .hp27-opening-grid,.hp-home27 .hp27-reasons-grid,.hp-home27 .hp27-local-grid{gap:40px}.hp-home27 .hp27-gallery{grid-auto-rows:170px}.hp-home27 .hp27-service-wide{grid-template-columns:1fr .95fr}.hp-home27 .hp27-service-wide .hp27-media img{min-height:330px}}
@media(max-width:767px){.hp-home27 .hp27-section{padding:51px 0}.hp-home27 .hp27-inner{padding:0 18px}.hp-home27 .hp27-opening-grid,.hp-home27 .hp27-reasons-grid,.hp-home27 .hp27-local-grid{grid-template-columns:1fr;gap:23px}.hp-home27 .hp27-section-heading,.hp-home27 .hp27-shop-top,.hp-home27 .hp27-resource-grid{display:block}.hp-home27 .hp27-section-heading>p{max-width:none}.hp-home27 .hp27-services{grid-template-columns:repeat(2,minmax(0,1fr))}.hp-home27 .hp27-service-wide{grid-column:span 2;grid-template-columns:1fr}.hp-home27 .hp27-service-wide .hp27-media img{height:300px;min-height:0}.hp-home27 .hp27-service-text{min-height:340px}.hp-home27 .hp27-gallery{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:170px}.hp-home27 .hp27-gallery-feature{grid-column:span 2;grid-row:span 2}.hp-home27 .hp27-products{grid-template-columns:repeat(2,minmax(0,1fr))}.hp-home27 .hp27-shop-top .hp27-button,.hp-home27 .hp27-resource-grid>.hp27-button{margin-top:15px}.hp-home27 .hp27-steps{gap:16px}.hp-home27 .hp27-local-card{padding:28px}.hp-home27 .hp27-resource-grid>.hp27-button{max-width:100%}}
@media(max-width:520px){.hp-home27 h2{font-size:31px!important}.hp-home27 .hp27-service-wide .hp27-media img{height:210px}.hp-home27 .hp27-services{grid-template-columns:1fr}.hp-home27 .hp27-service-wide{grid-column:auto}.hp-home27 .hp27-service .hp27-media img{height:210px}.hp-home27 .hp27-service-wide .hp27-media img{height:210px}.hp-home27 .hp27-service-text{min-height:0}.hp-home27 .hp27-gallery{grid-auto-rows:140px;gap:8px}.hp-home27 .hp27-gallery-feature{grid-row:span 2}.hp-home27 .hp27-gallery-item>span{padding:12px}.hp-home27 .hp27-gallery-item strong{font-size:13px}.hp-home27 .hp27-gallery-feature strong{font-size:17px}.hp-home27 .hp27-gallery-item small{font-size:10px}.hp-home27 .hp27-reason-list{grid-template-columns:1fr 1fr}.hp-home27 .hp27-reason-list>div{min-height:140px;padding:15px}.hp-home27 .hp27-reason-list strong{font-size:15px}.hp-home27 .hp27-products{gap:10px}.hp-home27 .hp27-product-art{height:115px}.hp-home27 .hp27-product-copy{padding:15px 12px}.hp-home27 .hp27-product-copy strong{font-size:16px}.hp-home27 .hp27-steps{grid-template-columns:1fr}.hp-home27 .hp27-steps>div{padding:17px 0 0}.hp-home27 .hp27-steps b{margin-bottom:10px}.hp-home27 .hp27-finish-actions{flex-direction:column}.hp-home27 .hp27-button{width:100%}}
@media(prefers-reduced-motion:reduce){.hp-home27 .hp27-product,.hp-home27 .hp27-media img,.hp-home27 .hp27-gallery-item img,.hp-home27 .hp27-button{transition:none}}

/* =========================================================
   HALE PRINT VEHICLE WRAPS PAGE — GREEN THEME
   Applies only within .hp-wraps-page, with no other page changes.
   Matching HTML: vehicle_wraps_html_only_green.html
   ========================================================= */
/* Hale Print Vehicle Wraps – scoped styles; append to site CSS if preferred */
.hp-wraps-page{--hp-ink:#1c232b;--hp-muted:#5e6873;--hp-red:#567d00;--hp-red-dark:#3f5e00;--hp-soft:#f3f5f6;--hp-line:#e0e5e9;--hp-white:#fff;color:var(--hp-ink);font-family:inherit;line-height:1.65;overflow:hidden}
.hp-wraps-page *{box-sizing:border-box}.hp-wraps-page img{display:block;max-width:100%;height:auto}.hp-wraps-page a{color:var(--hp-red);text-decoration:none}.hp-wraps-page a:hover{text-decoration:underline}.hp-wraps-page h1,.hp-wraps-page h2,.hp-wraps-page h3,.hp-wraps-page p{margin-top:0}.hp-wraps-page h1,.hp-wraps-page h2,.hp-wraps-page h3{line-height:1.16;letter-spacing:-.025em;color:var(--hp-ink)}.hp-wraps-page h1{font-size:clamp(2.35rem,5vw,4.35rem);font-weight:800}.hp-wraps-page h2{font-size:clamp(1.85rem,3vw,2.75rem);font-weight:800}.hp-wraps-page h3{font-size:1.24rem;font-weight:750}.hp-wraps-page p{font-size:1.045rem;color:var(--hp-muted)}.hp-wraps-page .hp-container{width:min(1160px,calc(100% - 40px));margin:auto}.hp-wraps-page .hp-section{padding:76px 0}.hp-wraps-page .hp-section--soft{background:var(--hp-soft)}.hp-wraps-page .hp-eyebrow{display:block;text-transform:uppercase;letter-spacing:.14em;font-size:.75rem;font-weight:850;color:var(--hp-red);margin-bottom:14px}.hp-wraps-page .hp-lead{font-size:1.17rem;line-height:1.65}.hp-wraps-page .hp-section-head{max-width:760px;margin-bottom:32px}.hp-wraps-page .hp-section-head p{margin-bottom:0}.hp-wraps-page .hp-btns{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}.hp-wraps-page .hp-btn{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:13px 22px;border-radius:5px;text-align:center;font-weight:800;font-size:.94rem;line-height:1.3;transition:background .2s ease,transform .2s ease}.hp-wraps-page .hp-btn:hover{text-decoration:none;transform:translateY(-1px)}.hp-wraps-page .hp-btn--red{background:var(--hp-red);color:#fff}.hp-wraps-page .hp-btn--red:hover{background:var(--hp-red-dark);color:#fff}.hp-wraps-page .hp-btn--outline{border:1px solid #cbd2d8;color:var(--hp-ink);background:#fff}.hp-wraps-page .hp-btn--outline:hover{border-color:var(--hp-red);color:var(--hp-red)}.hp-wraps-page .hp-btn--white{background:#fff;color:var(--hp-ink)}.hp-wraps-page .hp-btn--white:hover{color:var(--hp-red)}
.hp-wraps-page .hp-hero{background:#182027;color:#fff;padding:34px 0 0}.hp-wraps-page .hp-hero-grid{display:grid;grid-template-columns:1fr 1.07fr;gap:42px;align-items:center}.hp-wraps-page .hp-hero .hp-eyebrow{color:#b6e36b}.hp-wraps-page .hp-hero h1{color:#fff;margin-bottom:18px}.hp-wraps-page .hp-hero .hp-lead{color:#d6dee4}.hp-wraps-page .hp-hero .hp-btn--outline{background:transparent;color:#fff;border-color:#74828c}.hp-wraps-page .hp-hero .hp-btn--outline:hover{border-color:#fff}.hp-wraps-page .hp-hero-photo{position:relative;height:480px;overflow:hidden;border-radius:10px 10px 0 0}.hp-wraps-page .hp-hero-photo img{width:100%;height:100%;object-fit:cover}.hp-wraps-page .hp-trust{background:#253039;color:#e9eff3;padding:18px 0}.hp-wraps-page .hp-trust-row{display:flex;gap:14px 32px;justify-content:space-between;align-items:center;flex-wrap:wrap;font-size:.9rem;font-weight:750}.hp-wraps-page .hp-trust span:before{content:'✓';color:#b6e36b;margin-right:9px;font-weight:900}
.hp-wraps-page .hp-split{display:grid;grid-template-columns:1fr 1fr;gap:54px;align-items:center}.hp-wraps-page .hp-split-photo{width:100%;height:410px;object-fit:cover;border-radius:9px}.hp-wraps-page .hp-checks{list-style:none;padding:0;margin:22px 0 0}.hp-wraps-page .hp-checks li{padding:8px 0 8px 28px;position:relative;color:var(--hp-ink);font-weight:650}.hp-wraps-page .hp-checks li:before{content:'✓';position:absolute;left:0;color:var(--hp-red);font-weight:900}.hp-wraps-page .hp-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:19px}.hp-wraps-page .hp-card{background:#fff;border:1px solid var(--hp-line);border-radius:8px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 5px 20px rgba(19,32,43,.045)}.hp-wraps-page .hp-card img{height:215px;width:100%;object-fit:cover}.hp-wraps-page .hp-card-content{padding:25px;display:flex;flex-direction:column;flex:1}.hp-wraps-page .hp-card-content h3{margin-bottom:10px}.hp-wraps-page .hp-card-content p{flex:1;font-size:.98rem}.hp-wraps-page .hp-text-link{font-weight:800;font-size:.95rem}.hp-wraps-page .hp-text-link:after{content:' →'}.hp-wraps-page .hp-feature-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.hp-wraps-page .hp-feature{padding:24px 22px;border:1px solid var(--hp-line);border-radius:8px;background:#fff}.hp-wraps-page .hp-feature-num{font-size:.83rem;color:var(--hp-red);font-weight:900;margin-bottom:14px}.hp-wraps-page .hp-feature h3{font-size:1.12rem}.hp-wraps-page .hp-feature p{font-size:.94rem;margin-bottom:0}.hp-wraps-page .hp-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.hp-wraps-page .hp-gallery figure{margin:0;background:var(--hp-soft);border-radius:8px;overflow:hidden}.hp-wraps-page .hp-gallery a{display:block}.hp-wraps-page .hp-gallery img{width:100%;height:238px;object-fit:cover;transition:transform .2s ease}.hp-wraps-page .hp-gallery a:hover img{transform:scale(1.025)}.hp-wraps-page .hp-gallery figcaption{padding:12px 15px;font-size:.88rem;font-weight:750;color:var(--hp-ink)}
.hp-wraps-page .hp-cost{background:#202a33;border-radius:12px;padding:42px;display:grid;grid-template-columns:1fr auto;align-items:center;gap:22px}.hp-wraps-page .hp-cost h2,.hp-wraps-page .hp-cost p{color:#fff}.hp-wraps-page .hp-cost h2{font-size:clamp(1.55rem,3vw,2.3rem)}.hp-wraps-page .hp-cost p{margin:0;color:#d8e0e7}.hp-wraps-page .hp-cost .hp-eyebrow{color:#b6e36b}.hp-wraps-page .hp-areas{padding:26px 30px;border-left:4px solid var(--hp-red);background:#fff;border-radius:4px}.hp-wraps-page .hp-areas p{margin:0}.hp-wraps-page .hp-faq{max-width:920px}.hp-wraps-page .hp-faq details{border-bottom:1px solid var(--hp-line);padding:19px 0}.hp-wraps-page .hp-faq summary{cursor:pointer;list-style:none;font-size:1.075rem;font-weight:800;color:var(--hp-ink);padding-right:25px;position:relative}.hp-wraps-page .hp-faq summary::-webkit-details-marker{display:none}.hp-wraps-page .hp-faq summary:after{content:'+';position:absolute;right:2px;top:0;color:var(--hp-red);font-size:1.4rem}.hp-wraps-page .hp-faq details[open] summary:after{content:'−'}.hp-wraps-page .hp-faq details p{margin:13px 0 0}.hp-wraps-page .hp-final{background:#466800;color:#fff;padding:65px 0}.hp-wraps-page .hp-final h2,.hp-wraps-page .hp-final p{color:#fff}.hp-wraps-page .hp-final-grid{display:grid;grid-template-columns:1fr auto;align-items:center;gap:26px}.hp-wraps-page .hp-final p{color:#eef8d7;margin-bottom:0}.hp-wraps-page .hp-small{font-size:.9rem!important}.hp-wraps-page .hp-contact-line{margin-top:16px!important}.hp-wraps-page .hp-contact-line a{color:#fff;text-decoration:underline}
@media(max-width:900px){.hp-wraps-page .hp-hero-grid,.hp-wraps-page .hp-split{grid-template-columns:1fr;gap:25px}.hp-wraps-page .hp-hero-photo{height:370px}.hp-wraps-page .hp-hero{padding-top:48px}.hp-wraps-page .hp-feature-grid{grid-template-columns:repeat(2,1fr)}.hp-wraps-page .hp-cards,.hp-wraps-page .hp-gallery{grid-template-columns:repeat(2,1fr)}.hp-wraps-page .hp-cost,.hp-wraps-page .hp-final-grid{grid-template-columns:1fr}.hp-wraps-page .hp-split-photo{height:320px}}@media(max-width:600px){.hp-wraps-page .hp-container{width:calc(100% - 30px)}.hp-wraps-page .hp-section{padding:50px 0}.hp-wraps-page .hp-hero-photo{height:270px}.hp-wraps-page .hp-cards,.hp-wraps-page .hp-gallery,.hp-wraps-page .hp-feature-grid{grid-template-columns:1fr}.hp-wraps-page .hp-gallery img{height:235px}.hp-wraps-page .hp-btns{flex-direction:column}.hp-wraps-page .hp-btn{width:100%}.hp-wraps-page .hp-cost{padding:26px}.hp-wraps-page .hp-trust-row{display:block}.hp-wraps-page .hp-trust-row span{display:block;margin:5px 0}}

/* Hale Print green accents aligned with existing brand theme */
.hp-wraps-page .hp-hero{border-top:5px solid #99cc00}
.hp-wraps-page .hp-btn--red{background:#567d00}
.hp-wraps-page .hp-btn--red:hover{background:#3f5e00}
.hp-wraps-page .hp-final .hp-btn--white{color:#304800}


/* ==============================================================
   VEHICLE WRAPS PAGE ONLY — 2026-11-05 layout correction
   :has() activates these rules ONLY after the new page HTML
   (<main class="hp-wraps-page">) is published.
   ============================================================= */
@supports selector(body:has(.hp-wraps-page)) {
  /* Hide the actual shared homepage hero (.hp-home26) on this page only. */
  body:has(.hp-wraps-page) .hp-home26,
  body:has(.hp-wraps-page) .hp-home27,
  body:has(.hp-wraps-page) #System_PreContent .hp-home26,
  body:has(.hp-wraps-page) #System_PreContent .hp-home27 {
    display: none !important;
  }

  /* The product category column belongs on shop pages, not here. */
  body:has(.hp-wraps-page) #container__content .content__column-left {
    display: none !important;
  }

  body:has(.hp-wraps-page) #container__content .content__column-right,
  body:has(.hp-wraps-page) #container__content #s-main {
    width: 100% !important;
    max-width: 100% !important;
    float: none !important;
    margin-left: 0 !important;
  }

  /* Permit full-width section backgrounds but respect the CMS area. */
  body:has(.hp-wraps-page) .hp-wraps-page {
    clear: both;
    width: 100%;
    max-width: 100%;
  }

  body:has(.hp-wraps-page) #container__content {
    padding-left: 0;
    padding-right: 0;
  }
  body:has(.hp-wraps-page) #container__content .hp-wraps-page .hp-container {
    max-width: 1160px;
  }
}


/* =============================================================
   HALE PRINT VEHICLE WRAPS — TYPOGRAPHY FIX (NOV 2026)
   Pixel sizing avoids the site's small root rem baseline.
   Scoped to .hp-wraps-page; no homepage/footer typography changes.
   ============================================================= */
.hp-wraps-page {
  font-family: "Gotham", "Helvetica Neue", Arial, sans-serif;
  font-size: 16px;
  line-height: 1.65;
  -webkit-font-smoothing: antialiased;
}
.hp-wraps-page h1,
.hp-wraps-page h2,
.hp-wraps-page h3 {
  font-family: "Roboto", Arial, sans-serif;
  font-style: normal;
  letter-spacing: -0.02em;
  line-height: 1.18;
  font-weight: 700;
}
.hp-wraps-page h1 { font-size: clamp(34px, 4vw, 58px); }
.hp-wraps-page h2 { font-size: clamp(28px, 3vw, 40px); }
.hp-wraps-page h3 { font-size: 22px; line-height: 1.3; }
.hp-wraps-page p,
.hp-wraps-page li { font-size: 16px; line-height: 1.7; }
.hp-wraps-page .hp-lead,
.hp-wraps-page p.hp-lead { font-size: 19px; line-height: 1.65; }
.hp-wraps-page .hp-eyebrow { font-size: 12px; line-height: 1.5; font-weight: 700; letter-spacing: 1.7px; }
.hp-wraps-page .hp-btn { font-size: 15px; font-weight: 700; }
.hp-wraps-page .hp-trust-row { font-size: 14px; font-weight: 700; }
.hp-wraps-page .hp-card-content h3 { font-size: 22px; }
.hp-wraps-page .hp-card-content p { font-size: 16px; }
.hp-wraps-page .hp-text-link { font-size: 15px; }
.hp-wraps-page .hp-feature h3 { font-size: 20px; }
.hp-wraps-page .hp-feature p { font-size: 15px; }
.hp-wraps-page .hp-feature-num { font-size: 14px; }
.hp-wraps-page .hp-gallery figcaption { font-size: 14px; }
.hp-wraps-page .hp-faq summary { font-size: 18px; line-height: 1.45; }
.hp-wraps-page .hp-cost h2 { font-size: clamp(27px, 2.7vw, 36px); }
.hp-wraps-page .hp-small { font-size: 14px !important; }
@media (max-width: 600px) {
  .hp-wraps-page h1 { font-size: clamp(32px, 8vw, 40px); }
  .hp-wraps-page h2 { font-size: 28px; }
  .hp-wraps-page h3, .hp-wraps-page .hp-card-content h3 { font-size: 21px; }
  .hp-wraps-page .hp-lead, .hp-wraps-page p.hp-lead { font-size: 17px; }
  .hp-wraps-page .hp-section { padding-top: 48px; padding-bottom: 48px; }
}