/* BLOCKS */
/* Page Header */
.template-sales-and-service.page-header { background-position: bottom; }
.template-sales-and-service .page-header__body::after { display: none; }

/* Product Support */
.product-support { background: linear-gradient(90deg, var(--primary) 0%, var(--secondary) 100%); }
.product-support__list { margin-bottom: 0; }

/* Resources */
.resources { margin-top: calc( var(--size-700) * 1rem ); }
.resources__list { display: flex; flex-direction: column; margin-bottom: 0; }
.resources__image { width: 100%; height: 150px; object-fit: cover; }
.resources__title { font-size: calc( var(--size-400) * 1.2rem); color: var(--primary); font-weight: 400; line-height: 25px; }
.resources__item::before { content: ""; display: block; background: var(--grey-secondary); height: 5px; width: 100%;}
.resources__item:nth-of-type(1):before { background: var(--orange); }
.resources__item:nth-of-type(2):before { background: var(--purple); }
.resources__item:nth-of-type(3):before { background: var(--yellow); }
.resources__item > a { display: block; transition: opacity 0.3s ease-out; text-decoration: none; }
.resources__item > a:hover { opacity: 0.8; }
.resources__type { margin-top: 5px; }

/* CTA Box - Intro */
.cta-box h3 { color: var(--primary); }
.cta-box .cta-grid li p { margin-top: calc( var(--size-400) * 1rem ); }

/* Media Queries */
/* Max Mobile */ 
@media screen and ( max-width: 479px ) {
  /* BLOCKS */
  /* Resources */
  .resources__item + .resources__item { margin-top: calc( var(--size-500) * 1rem ); }
}
/* Min Portrait Tablet */
@media screen and ( min-width: 480px ) {
  /* BLOCKS */
  /* Page Header */
  .template-sales-and-service .page-header__inner { max-width: 500px; }

  /* Resources */
  .resources { margin-top: calc( var(--size-800) * 1.2rem ); }
  .resources__list { flex-direction: row; }
  .resources__list[data-full='yes'] { justify-content: space-between; }
  .resources__list[data-full='no'] li + li { margin-left: calc( var(--size-600) * 1rem ); }
  .resources__list li { width: 200px; }
  .resources__image { height: 115px; }
}
/* Max Portrait Tablet */
@media screen and ( max-width: 767px ) {
  /* Product Support */
  .product-support__list li + li { margin-top: calc( var(--size-400) * 1rem ); }

  /* Additional Products */
  .additional-products__grid { display: flex; flex-direction: column-reverse; margin-top: calc( var(--size-700) * 1rem ); }
  .additional-products__body {  margin-top: calc( var(--size-700) * 1rem );  }
} 
/* Min Landscape Tablet */
@media screen and ( min-width: 768px ) {
  /* BLOCKS */
  /* Page Header */
  .template-sales-and-service.page-header { min-height: 392px; }
  .template-sales-and-service .page-header__inner { max-width: 500px; }

  /* CTA Box */
  .cta-box .cta-grid li { display: flex; flex-direction: column; }
  .cta-box .cta-grid li p { margin-bottom: 30px; }
  .cta-box .cta-grid li .btn { margin-top: auto; }

  /* CTA Box - Intro */
  #ctaBoxIntro { margin-top: -90px; }

  /* Additional Products */
  .additional-products__grid { display: grid; grid-template-columns: auto 400px; column-gap: calc( var(--size-700)  * 1rem ); margin-top: calc( var(--size-600) * 1rem ); }
  .additional-products__body { display: flex; flex-direction: column; justify-content: center; }

  /* Product Support */
  .product-support__list { display: grid; grid-template-columns: repeat(2, 1fr); gap: calc( var(--size-600)  * 1rem ); }

  /* Resources */
  .resources__type { margin-top: 10px; }
}
/* Max Landscape Tablet */
@media screen and ( max-width: 1023px ) {
  /* BLOCKS */
  /* CTA Box */
  .cta-box .cta-grid li .btn { padding: 6px 13px; }
}
/* Min Desktop */
@media screen and ( min-width: 1024px ) {
  /* BLOCKS */
  /* Page Header */
  .template-sales-and-service.page-header { min-height: 382px; }
  .template-sales-and-service .page-header__inner { max-width: 700px; }

  /* CTA Box - Intro */
  #ctaBoxIntro { margin-top: -175px; }

  /* Additional Products */
  .additional-products__grid { grid-template-columns: auto 500px; }

  /* Product Support */
  .product-support__list { grid-template-columns: repeat(3, 1fr); gap: calc( var(--size-700)  * 1rem ); }
}
/* Min HD Desktop */
@media screen and ( min-width: 1435px ) {
  /* BLOCKS */
  /* Page Header */
  .template-sales-and-service.page-header { min-height: 500px; }
  .template-sales-and-service .page-header__inner { max-width: 910px; }

  /* Product Support */
  .product-support__list { grid-template-columns: repeat(4, 1fr); gap: calc( var(--size-800)  * 1rem ); }

  /* Additional Products */
  .callout-wrapper { padding-left: calc( var(--size-800) * 1.2rem ); padding-right: calc( var(--size-800) * 1.2rem ); }
  .additional-products__grid { grid-template-columns: auto 730px; column-gap: calc( var(--size-800)  * 1rem ); margin-top: calc( var(--size-600) * 1rem ); }

  /* Resources */
  .resources { margin-top: calc( var(--size-major) * 1.1rem ); }
  .resources__title { font-size: calc( var(--size-600) * 1rem); }
  .resources__list li { width: 280px; }
  .resources__list[data-full='no'] li + li { margin-left: calc( var(--size-700) * 1rem ); }
  .resources__image { height: 160px; }
}