/* Article */
.article {
  font-size: 15px;
  line-height: 1.5;
  padding: 30px 40px;
}

.article * {
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  margin-bottom: 0;
}

/* Headings */
.article h1, .article h2, .article h3, .article h4, .article h5, .article h6 {
  font-weight: 700;
  margin-top: 0;
  margin-bottom: 0;
}

/* Margins */
.article div + p,
.article div + blockquote,
.article div + table,
.article div + ul,
.article div + ol,
.article div + dl,
.article div + pre,
.article div + h1,
.article div + h2,
.article div + h3,
.article div + h4,
.article div + h5,
.article div + h6,
.article div + figure,
.article > div + div {
  margin-top: 20px;
}

.article h1 + *, .article h2 + *, .article h3 + *, .article h4 + *, .article h5 + *, .article h6 + * {
  margin-top: 20px;
}

.article p + *, .article ul + *, .article ol + *, .article blockquote + *, .article pre + *, .article table + *, .article dl + *, .article address + * {
  margin-top: 20px;
}

.article p + h2, .article ul + h2, .article ol + h2, .article blockquote + h2, .article figure + h2, .article pre + h2, .article table + h2, .article dl + h2, .article address + h2 {
  margin-top: 20px;
}

.article p + h3, .article ul + h3, .article ol + h3, .article blockquote + h3, .article figure + h3, .article pre + h3, .article table + h3, .article dl + h3, .article address + h3 {
  margin-top: 20px;
}

.article p + h4, .article ul + h4, .article ol + h4, .article blockquote + h4, .article figure + h4, .article pre + h4, .article table + h4, .article dl + h4, .article address + h4 {
  margin-top: 20px;
}

.article p + h5, .article ul + h5, .article ol + h5, .article blockquote + h5, .article figure + h5, .article pre + h5, .article table + h5, .article dl + h5, .article address + h5 {
  margin-top: 20px;
}

.article p + h6, .article ul + h6, .article ol + h6, .article blockquote + h6, .article figure + h6, .article pre + h6, .article table + h6, .article dl + h6, .article address + h6 {
  margin-top: 20px;
}

.article h1 + h2 {
  margin-top: 20px;
}

.article h2 + h3 {
  margin-top: 20px;
}

.article h3 + h4 {
  margin-top: 20px;
}

.article h4 + h5 {
  margin-top: 20px;
}

.article h5 + h6 {
  margin-top: 20px;
}

/* Utilities */
.article .align-left {
  text-align: left;
}

.article .align-center {
  text-align: center;
}

.article .align-center img {
  margin-left: auto;
  margin-right: auto;
}

.article .align-center figcaption {
  text-align: center;
}

.article .align-right {
  text-align: right;
}

.article .align-right img {
  margin-left: auto;
}

.article .align-right figcaption {
  text-align: right;
}

.article .align-justify {
  text-align: justify;
}

.article .valign-top {
  align-items: start;
}

.article .valign-middle {
  align-items: center;
}

.article .valign-bottom {
  align-items: end;
}

.article .outset-right {
  position: relative;
  width: calc(100% + 24px);
  max-width: calc(100% + 24px);
  transform: translateX(24px) translate3d(0, 0, 0);
  left: calc(24px * -1);
}

.article .outset-left {
  width: calc(100% + 24px);
  max-width: calc(100% + 24px);
  transform: translateX(calc(24px * -1)) translate3d(0, 0, 0);
}

.article .outset-both {
  position: relative;
  width: calc(100% + 24px + 24px);
  max-width: calc(100% + 24px + 24px);
  transform: translateX(-50%) translate3d(0, 0, 0);
  left: 50%;
}

.article .h-10vh {
  height: 10vh;
}

.article .h-20vh {
  height: 20vh;
}

.article .h-30vh {
  height: 30vh;
}

.article .h-40vh {
  height: 40vh;
}

.article .h-50vh {
  height: 50vh;
}

.article .h-60vh {
  height: 60vh;
}

.article .h-70vh {
  height: 70vh;
}

.article .h-80vh {
  height: 80vh;
}

.article .h-90vh {
  height: 90vh;
}

.article .h-100vh {
  height: 100vh;
}

.article .w-100 {
  width: 100%;
}

.article .h-100 {
  height: 100%;
}

.article .overflow-y-scroll {
  overflow-y: scroll;
}

.article .ellipses-2 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

/* Image Position */
.article .img-center {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}

.article .img-center img {
  margin-left: auto;
  margin-right: auto;
}

.article .img-center figcaption {
  text-align: center;
}

.article .img-left {
  float: left;
  margin-right: 1.5em;
  margin-bottom: 1.5em;
}

.article .img-right {
  float: right;
  margin-left: 1.5em;
  margin-bottom: 1.5em;
}

/* Grid */
.article .row {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  grid-row-gap: 0px;
  margin-left: 0;
  margin-right: 0;
}

.article .row:before,
.article .row:after {
  content: normal;
}

.article .row > [class^=col-],
.article .row > [class*=" col-"] {
  margin: 0;
  width: auto;
  padding: 0px;
}

.article .row .col-md-1 {
  grid-column: span 1;
}

.article .row .col-md-2 {
  grid-column: span 2;
}

.article .row .col-md-3 {
  grid-column: span 3;
}

.article .row .col-md-4 {
  grid-column: span 4;
}

.article .row .col-md-5 {
  grid-column: span 5;
}

.article .row .col-md-6 {
  grid-column: span 6;
}

.article .row .col-md-7 {
  grid-column: span 7;
}

.article .row .col-md-8 {
  grid-column: span 8;
}

.article .row .col-md-9 {
  grid-column: span 9;
}

.article .row .col-md-10 {
  grid-column: span 10;
}

.article .row .col-md-11 {
  grid-column: span 11;
}

.article .row .col-md-12 {
  grid-column: span 12;
}

@media only screen and (max-width: 767px) {
  .article .row > [class^=col-],
  .article .row > [class*=" col-"] {
    grid-column: span 12;
    margin-bottom: 20px;
  }

  .arx-grid-overlay::before {
    display: none;
  }
}

/* Reset */
.alert-warning {
  background-color: #fcf8e3 !important;
}

.article ul,
.article ol {
  margin-left: 20px;
}

.article pre {
  overflow: auto;
  white-space: pre;
  font-family: SFMono-Regular, Consolas, "Liberation Mono", Menlo, Courier, monospace;
  font-size: 90%;
  line-height: 1.5;
  color: #31363a;
  background-color: #f6f6f6;
  padding: 1em;
  border: 1px solid transparent;
  border-radius: 2px;
}

.article pre code {
  padding: 0;
  border: 0;
  background: none;
  font-size: 100%;
  display: block;
  line-height: inherit;
}

.article blockquote {
  color: #31363a;
  font-style: italic;
  font-weight: normal;
  padding: 0;
  background: transparent;
}

.article blockquote p {
  color: #31363a;
  font-size: 100%;
  line-height: 1.5;
}

.article blockquote p + p {
  margin-top: 0.5em;
}

.article blockquote cite,
.article figcaption cite {
  font-style: inherit;
  font-size: 14px;
  line-height: 1.5;
  color: rgba(49, 54, 58, 0.7);
}

.article caption {
  text-align: left;
  font-style: normal;
}

.article hr {
  position: relative;
  line-height: 1;
  background: none;
  border: none;
  text-align: left;
  margin-top: 20px;
  margin-bottom: 20px;
  height: 10px;
}

.article hr:before {
  content: '';
  position: absolute;
  top: 50%;
}

.article hr:before {
  width: 100%;
  max-width: 100%;
  margin-top: -0.5px;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: rgba(207, 208, 209, 0.6);
}

.article figcaption {
  font-style: italic;
}

.article audio, .article canvas, .article video, .article progress, .article iframe {
  display: block;
  vertical-align: baseline;
}

.article fieldset, .article iframe, .article img {
  border: 0;
}

.article embed, .article object, .article audio, .article img, .article video {
  max-width: 100%;
  height: auto;
}

.article table {
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
  empty-cells: show;
}

.article td,
.article th {
  text-align: left;
  vertical-align: top;
  font-size: 95%;
  line-height: 1.5;
  padding: 0.75em;
  border: 1px solid rgba(207, 208, 209, 0.4);
}

.article th {
  font-weight: normal;
}

.article thead th {
  font-weight: bold;
}

.article .embed-responsive {
  position: relative;
  padding: 0;
  margin: 0;
  padding-bottom: 56.25%;
  padding-top: 25px;
  height: 0;
}

.article .embed-responsive iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* Best Buy Article Specific */
.article {
  font-family: "HumanBBYDigital", sans-serif;
  font-weight: 400;
  color: #1D252C;
}

.article * {
  max-width: 100%;
}

.article .bootstrap-row {
  max-width: unset;
}

.article .bootstrap-row:after {
  content: "";
  display: table;
  clear: both;
}

.article .bg-primary {
  background-color: #0046BE;
  color: #f0f2f4;
}

.article .btn-primary {
  color: #f0f2f4;
  background-color: #0046BE;
  border-color: #003da5;
}

.article .btn-primary:active, .btn-primary.active {
  color: #fff;
  background-color: #00338b;
  border-color: #002667;
}

.article .btn-primary:hover {
  color: #fff;
  background-color: $nr-btn-inverse-bg-hover;
  border-color: $nr-btn-inverse-bg-hover;
}

.article .btn-primary:active:hover,
.article .btn-primary:active:focus,
.article .btn-primary.focus:active,
.article .btn-primary.active:hover,
.article .btn-primary.active:focus,
.article .btn-primary.active.focus {
  color: #fff;
  background-color: $nr-btn-inverse-bg-hover;
  border-color: $nr-btn-inverse-bg-hover;
}

.article .text-primary {
  color: #0046BE;
}

.article .btn-inverse {
  color: #f0f2f4;
  border-color: #f0f2f4;
}

.article .panel-overflow {
  overflow: hidden;
}

.article img {
  
  object-fit: contain;
}

.article .img-wrap {
  overflow: hidden;
  height: 0;
}

.article .img-wrap-2-1 {
  padding-bottom: 50%;
}

.article .img-wrap-4-3 {
  padding-bottom: 66%;
}

.article .img-wrap-16-9 {
  padding-bottom: 56.25%;
}

.article .img-wrap-45 {
  padding-bottom: 45%;
}

.article .height-100 {
  height: 100%;
}

.article .nr-snippet-container {
  max-width: 100%;
}

.article .font-wt-500 {
  font-weight: 500;
}

.article .bootstrap-row:after {
  content: "";
  display: table;
  clear: both;
}

.article .bootstrap-row.z-index {
  z-index: 1;
  position: relative;
}

.article .row {
  grid-column-gap: 0px !important;
}

.article .row.offset-margin {
  max-width: unset;
}

.article .panel-overflow {
  overflow: hidden;
}

.article .font-italic {
  font-style: italic;
}

.article .text-lg {
  font-size: 15px;
}

.article .text-xl {
  font-size: 18px;
}

.article .text-header-xl {
  font-size: 58px;
  line-height: 1;
  font-weight: bold;
}

.article .text-title {
  line-height: 50px;
  font-size: 50px;
}

.article .body-text {
  line-height: 31px;
}

.article .panel {
  background-color: #F0F2F4;
}

.article .bg-light {
  background-color: #F8FAFC;
  color: #1d252c;
}

.article .bg-grey {
  background-color: #E0E6EF;
}

.article .text-bby-yellow {
  color: #FFE003;
}

.article .m-r-xl {
  margin-right: 30px !important;
}

.article .m-l-xl {
  margin-left: 30px !important;
}

.article .padder-r-xl {
  padding-right: 60px;
}

.article .padder-l-xl {
  padding-left: 60px;
}

.article .mt-none {
  margin-top: 0px !important;
}

.article .mb-none {
  margin-bottom: 0px !important;
}

.article .b-t-overlap-xs-lg {
  border-top: 80px solid #0046BE;
  margin-top: -80px;
}

.article .col-reverse {
  float: right;
}

.article .btn {
  padding: 10px;
  font-weight: 500;
}

.article .padder-xxl {
  padding-left: 15px;
  padding-right: 15px;
}

@media (max-width: 767px) {
  .article .padder-v-xl {
    padding-top: 15px !important;
    padding-bottom: 15px !important;
  }

  .article .padder-xl {
    padding-right: 15px !important;
    padding-left: 15px !important;
  }

  .article .padder-b-xl {
    padding-bottom: 15px !important;
  }

  .article .padder-t-xl {
    padding-top: 15px !important;
  }

  .article .padder-l-xl {
    padding-left: 15px !important;
  }

  .article .padder-r-xl {
    padding-right: 15px !important;
  }

  .article .grid-row-start-xs {
    grid-row-start: 1;
  }

  .article .mobile-hidden {
    display: none;
  }
}

@media (min-width: 992px) {
  .article .text-lg {
    font-size: 18px;
  }

  .article .text-xl {
    font-size: 24px;
  }

  .article .padder-xxl {
    padding-left: 55px;
    padding-right: 55px;
  }
}


/*-- SNIPPET SPECIFIC STYLES --*/

/* nr-bby-snippet */
/* bby-grid-boxes-right-paragraph-left-button-m.html
   bby-grid-images-paragraph-center-m.html */
.nr-bby-snippet {
  margin-top: 40px !important;
}

.article .nr-bby-snippet figure + * {
  margin-top: 0;
}

.article .nr-bby-snippet .bby-media-grid .bootstrap-row,
.article .nr-bby-snippet .bby-media-tall-image-container .bootstrap-row {
  margin-right: -15px;
  margin-left: -15px;
}

.article .nr-bby-snippet .bby-media-tall-image figure > img {
  min-height: 400px;
  object-fit: cover;
}

@media screen and (max-width: 767px) {
  .article .nr-bby-snippet .flex-row {
    flex-wrap: wrap;
  }

  .article .nr-bby-snippet .flex-row > div {
    width: 100%;
  }
}

/** nr-bby-big-bold-layout snippets **/
/* 
layout-1 -- bby-bottom-long-horizontal-image-right-button-m 
layout-2 -- bby-bottom-short-horizontal-image-right-button-m  //this one is not being used??
layout-3 -- bby-bottom-long-horizontal-image-left-multi-button-m & bby-bottom-long-horizontal-image-right-anchor-m OR bby-bottom-long-horizontal-image-left-multi-anchor-m ??named incorrectly??
layout-4 -- bby-bottom-long-horizontal-image-right-multi-anchor-m & bby-bottom-long-horizontal-image-right-multi-button-m
*/
.article .nr-bby-big-bold.layout-3 .bby-media figure > *,
.article .nr-bby-big-bold.layout-4 .bby-media figure > * {
  z-index: 1;
}


.article .nr-bby-big-bold.layout-3 .nr-bby-content p {
  margin-top: 0;
  margin-bottom: 2px;
}

.article .nr-bby-big-bold.layout-3 .nr-bby-content .btn {
  margin-top: 0;
}

@media (max-width: 767px) {
  .article .nr-bby-big-bold.layout-3 .col-reverse {
    float: unset;
  }
}

@media (min-width: 992px) {
  .article .nr-bby-big-bold.layout-3 .nr-bby-title {
    padding-left: 50px;
    padding-right: 20px;
  }

  .article .nr-bby-big-bold.layout-3 .nr-bby-content.padder-xl {
    padding-left: 40px !important;
  }

  .article .nr-bby-big-bold.layout-3 .nr-bby-content {
    margin-bottom: 20px;
  }

  .article .nr-bby-big-bold.layout-3 .nr-bby-content.padder-xl {
    padding-left: 80px !important;
  }
}

@media (min-width: 1200px) {
  .article .nr-bby-big-bold.layout-3 .nr-bby-title {
    padding-left: 60px;
    padding-right: 20px;
  }

  .article .nr-bby-big-bold.layout-3 .nr-bby-title .text-xl {
    font-size: 40px;
  }

  .article .nr-bby-big-bold.layout-3 .nr-bby-content {
    margin-bottom: 30px;
  }

  .article .nr-bby-big-bold.layout-3 .nr-bby-content.padder-xl {
    padding-left: 60px !important;
  }

  .article .nr-bby-big-bold.layout-3 .nr-bby-content p.text-lg {
    font-size: 30px;
  }

  .article .nr-bby-big-bold.layout-3 .nr-bby-content p .text-lg {
    font-size: 16px;
  }
}

.article .nr-bby-big-bold.layout-4 .nr-bby-content p {
  margin-top: 10px;
}

.article .nr-bby-big-bold.layout-4 .nr-bby-content p a {
  color: #ffffff;
  margin-top: 0;
}

.article .nr-bby-big-bold.layout-4 .nr-bby-content p a .btn {
  margin-top: 0;
}

/* bby-2-col-title-text-m.html */
.article .nr-bby-columns {
  margin-bottom: 20px;
}

.article .nr-bby-columns .flex-row {
  flex-wrap: wrap;
}

.article .nr-bby-columns.flex-column {
  justify-content: center;
  flex-grow: 1;
}

.article .nr-bby-columns .nr-bby-content {
  background-color: #E0E6EF;
}

.article .nr-bby-columns .nr-bby-content.padder-t-xl {
  padding-top: 20px !important;
}

.article .nr-bby-columns .nr-bby-content.padder-b-xl {
  padding-bottom: 20px !important;
}

@media (min-width: 992px) {
  .article .nr-bby-columns .nr-bby-content.padder-t-xl {
    padding-top: 50px !important;
  }

  .article .nr-bby-columns .nr-bby-content.padder-b-xl {
    padding-bottom: 50px !important;
  }
}


/* bby-top-long-horizontal-image-left-anchor-m.html & bby-top-long-horizontal-image-left-button-m.html */
.article .nr-bby-divider-block .accent-box {
  border-top: 80px solid #0046BE;
  border-bottom: 80px solid #0046BE;
  margin-bottom: -80px;
}

.article .nr-bby-divider-block .light-box {
  background-color: #E0E6EF;
}

.article .nr-bby-divider-block .flex-row {
  flex-wrap: wrap;
}

.article .nr-bby-divider-block .flex-column {
  justify-content: center;
  flex-grow: 1;
}

.article .nr-bby-divider-block .nr-bby-content {
  background-color: #E0E6EF;
}

@media (max-width: 767px) {
  .article .nr-bby-divider-block.accent .padder-xl {
    padding-left: 15px !important;
    padding-right: 15px !important;
  }

  .article .nr-bby-divider-block:not(.accent) .padder-xl {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .article .nr-bby-divider-block .nr-bby-content {
    padding-top: 30px;
    padding-bottom: 30px;
  }
}


/* bby-paragraph-bg-image-m.html */
.article .bby-bg-storefront {
  position: relative;
  background-image: url("sound_of_music_storefront.png");
}

.article .bby-bg-storefront:not(.eb):before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(43, 92, 243, 0.9);
}

.article .bby-bg-storefront > div {
  position: relative;
}

/* nr-bby-big-bold img-overlap-right img-overlap-left  snippets*/
.article .bby-media-overlap-right, 
.article .bby-media-overlap-left {
  padding-right: 0;
  padding-left: 0;
}

.article .bby-media-grid .bby-media figure {
  height: 185px;
}

.article .bby-media-grid .bby-media figure > * {
  height: 100%;
  object-fit: cover;
}

@media (max-width: 767px) {
  .article .nr-bby-big-bold .img-overlap-right {
    padding-right: 0;
  }

  .article .nr-bby-big-bold .img-overlap-left {
    padding-left: 0;
  }

  .article .nr-bby-big-bold .img-overlap-right.m-r-xl {
    margin-right: 0 !important;
  }

  .article .nr-bby-big-bold .img-overlap-right.padder-r-xl {
    padding-right: 0 !important;
  }

  .article .nr-bby-big-bold .img-overlap-left.m-l-xl {
    margin-left: 0 !important;
  }

  .article .nr-bby-big-bold .img-overlap-left.padder-l-xl {
    padding-left: 0 !important;
  }
}

@media (min-width: 992px) {
  .article .nr-bby-big-bold .img-overlap-right {
    position: absolute;
    right: 0;
    top: 0;
  }

  .article .nr-bby-big-bold .b-t-overlap-sm-none {
    border-top: unset;
    margin-top: unset;
  }

  .article .nr-bby-big-bold .padder-l-sm-none {
    padding-left: 0 !important;
  }
  .article .nr-bby-big-bold .m-t-lg {
    margin-top: 15px !important;
  }

  .article .nr-bby-big-bold .padder-l-xl {
    padding-left: 30px;
  }

  .article .nr-bby-big-bold .bg-primary.padder-r-xl {
    padding-right: 100px;
  }

  .article .nr-bby-big-bold .padder-t-lg {
    padding-top: 20px !important;
  }

  .article .nr-bby-big-bold .img-overlap-left {
    position: absolute;
    left: 0;
    top: 0;
  }
  .article .nr-bby-big-bold .m-t-lg {
    margin-top: 20px !important;
  }

  .article .nr-bby-big-bold .padder-t-lg {
    padding-top: 25px !important;
  }

  .article .nr-bby-big-bold .padder-b-lg {
    padding-bottom: 25px !important;
  }

  .article .nr-bby-big-bold .bg-primary.padder-r-xl {
    padding-right: 140px;
  }

  .article .nr-bby-big-bold .btn {
    margin-top: 10px;
  }

  .article .bby-media-overlap-right {
    margin-right: 0;
  }

  .article .bby-media-overlap-left {
    margin-left: 0;
  }

  .article .bby-media-overlap-right figure > * {
    position: absolute;
    top: 0;
    width: calc(100% - 30px);
  }

  .article .bby-media-overlap-left figure > * {
    position: absolute;
    top: 0;
    width: calc(100% - 30px);
  }
}

@media (min-width: 1200px) {
  .article .nr-bby-big-bold .m-t-lg {
    margin-top: 20px !important;
  }

  .article .nr-bby-big-bold .m-t-xl {
    margin-top: 60px !important;
  }

  .article .nr-bby-big-bold .m-b-xl {
    margin-bottom: 60px !important;
  }

  .article .nr-bby-big-bold .padder-t-lg {
    padding-top: 30px !important;
  }

  .article .nr-bby-big-bold .padder-b-lg {
    padding-bottom: 30px !important;
  }

  .article .nr-bby-big-bold .padder-l-xl {
    padding-left: 40px;
  }

  .article .nr-bby-big-bold .bg-primary.padder-r-xl {
    padding-right: 150px;
  }

  .article .nr-bby-big-bold .padder-r-xl {
    padding-right: 40px;
  }

  .article .nr-bby-big-bold .m-r-xl {
    margin-right: 60px !important;
  }

  .article .nr-bby-big-bold .m-l-xl {
    margin-left: 60px !important;
  }

  .article .nr-bby-big-bold .text-lg {
    font-size: 18px;
  }

  .article .nr-bby-big-bold .btn {
    margin-top: 10px;
  }
}


/* template-1-wrapper template-2-wrapper */
/* bby-values-blue-m.html & bby-values-gray-m.html */
.article .template-1-wrapper,
.article .template-2-wrapper {
  margin-top: 15px;
  padding: 15px;
}

.article .template-1-wrapper .padder-xxl,
.article .template-2-wrapper .padder-xxl {
  padding-left: 0;
  padding-right: 0;
}

.article .template-1-wrapper p,
.article .template-2-wrapper p {
  font-size: 14px;
  line-height: 18px;
  font-weight: 400;
}

.article .template-1-wrapper .template-1-heading h3,
.article .template-2-wrapper .template-2-heading h3 {
  font-size: 36px;
  line-height: 44px;
  font-weight: 700;
}

.article .template-1-wrapper .template-1-heading .text-highlight {
  color: #FFE003;
}

.article .template-2-wrapper .template-2-heading .text-highlight {
  color: #0046BE;
}

.article .template-2-wrapper {
  background: #E0E6EF;
}

@media (min-width: 768px) {
  .article .template-1-wrapper p,
  .article .template-2-wrapper p {
    font-size: 15px;
    line-height: 18px;
    font-weight: 400;
  }

  .article .template-1-wrapper .template-1-heading h3 {
    font-size: 45px;
    line-height: 54px;
    font-weight: 700;
  }

  .article .template-2-wrapper .template-2-heading h3 {
    font-size: 45px;
    line-height: 54px;
    font-weight: 700;
  }
}

@media (min-width: 992px) {
  .article .template-1-wrapper,
  .article .template-2-wrapper {
    min-height: 286px;
    padding: 35px 0;
    justify-content: center;
  }
  
  .article .template-1-wrapper .padder-xxl,
  .article .template-2-wrapper .padder-xxl {
    padding-left: 80px;
    padding-right: 80px;
  }
  
  .article .template-1-wrapper .col-md-8,
  .article .template-2-wrapper .col-md-8 {
    width: 540px;
  }
  
  .article .template-1-wrapper .col-md-4,
  .article .template-2-wrapper .col-md-4 {
      width: 400px;
  }
  .article .template-1-wrapper .col-md-4.template-1-heading,
  .article .template-2-wrapper .col-md-4.template-1-heading  {
    padding-right: 0;
    position: relative;
  }
  .article .template-1-wrapper .padder-xxl {
    display: flex;
  }

  .article .template-1-wrapper .template-1-heading {
    width: 480px;
  }

  .article .template-1-wrapper .template-1-text {
    margin-left: 65px;
  }
  .article .template-2-wrapper .padder-xxl {
    display: flex;
  }

  .article .template-2-wrapper .template-2-text {
    width: 480px;
  }

  .article .template-2-wrapper .template-2-heading {
    margin-left: 113px;
  }
}

@media (min-width: 1200px) {
  .article .template-1-wrapper .col-md-8,
  .article .template-2-wrapper .col-md-8 {
    width: 610px;
  }

  .article .template-1-wrapper .template-1-text {
    width: 610px;
  }

  .article .template-2-wrapper .template-2-heading {
    width: 560px;
  }
}


/* bby-banner-gray-paragraph-button-m.html */
.article .full-page-banner-title-body-link div {
  padding: 10px 15px;
}

.article .full-page-banner-title-body-link div h2 {
  margin-bottom: 30px;
}

.article .full-page-banner-title-body-link div p {
  margin-bottom: 30px;
}

.article .full-page-banner-title-body-link div p .btn {
  margin-top: 15px;
}

@media (min-width: 992px) {
  .article .full-page-banner-title-body-link div {
    padding: 20px 30px;
  }
}

@media (min-width: 992px) {
  .article .full-page-banner-title-body-link div {
    padding: 30px 45px;
  }
}

@media (min-width: 1200px) {
  .article .full-page-banner-title-body-link div {
    padding: 40px 60px;
  }
}


/* nr-bby-tabs */
/*bby-tabs-text-button-m.html & bby-tabs-text-m.html */
.nr-bby-tabs {
  max-width: 983px;
  margin: auto;
}

.nr-bby-tabs .btn {
  min-width: 150px;
  width: 150px;
  float: right;
}

.nr-bby-tabs .bby-tab-title {
  font-size: 24px;
  font-weight: 500;
}

.nr-bby-tabs .panel {
  border-radius: 0px;
}

.nr-bby-tabs .tab-empl-quote {
  font-size: 22px;
  font-weight: 500;
}

.nr-bby-tabs .tab-empl-name {
  font-size: 20px;
  font-weight: normal;
}

/*bby-big-bold-layout-2*/
/* bby-bottom-short-horizontal-image-right-button-m.html */
.article .bby-big-bold-layout-2 p {
  font-size: 36px;
  font-weight: 600;
  line-height: 38px;
  max-width: unset;
}

.article .bby-big-bold-layout-2 .bby-media figure {
  padding: 0;
  margin-top: 0;
  max-width: unset;
}

.article .bby-big-bold-layout-2 .bby-media figure img {
  max-width: unset;
}

.article .bby-big-bold-layout-2 h2 {
  font-size: 18px;
}

.article .bby-big-bold-layout-2 .caption {
  padding-right: 16.6666%;
}

.article .bby-big-bold-layout-2 .caption p {
  margin: 50px 0px 20px -15px;
}

.article .bby-big-bold-layout-2 .cta {
  padding: 30px 15px;
}

.article .bby-big-bold-layout-2 .cta .btn {
  padding: 14px 87px;
  font-size: 15px;
}

@media (min-width: 992px) {
  .article .bby-big-bold-layout-2 p {
    font-size: 24px;
    line-height: 26px;
  }

  .article .bby-big-bold-layout-2 .bby-media figure > * {
    position: absolute;
    right: 0;
    top: 0;
  }

  .article .bby-big-bold-layout-2 h2 {
    font-size: 16px;
  }

  .article .bby-big-bold-layout-2 .caption {
    padding-right: 0;
  }

  .article .bby-big-bold-layout-2 .caption p {
    margin: 20px 0 20px -15px;
  }

  .article .bby-big-bold-layout-2 .cta {
    padding: 20px 30px 20px 20px;
  }

  .article .bby-big-bold-layout-2 .cta .btn {
    padding: 6px 60px;
  }
}

@media (min-width: 992px) {
  .article .bby-big-bold-layout-2 p {
    font-size: 30px;
    line-height: 32px;
  }

  .article .bby-big-bold-layout-2 .caption {
    padding-right: 0;
  }

  .article .bby-big-bold-layout-2 .cta {
    padding: 40px 45px 40px 45px;
  }
}

@media (min-width: 1200px) {
  .article .bby-big-bold-layout-2 p {
    font-size: 36px;
    line-height: 38px;
  }

  .article .bby-big-bold-layout-2 h2 {
    font-size: 18px;
  }

  .article .bby-big-bold-layout-2 .caption {
    padding-right: 0;
  }

  .article .bby-big-bold-layout-2 .caption p {
    margin: 50px 0px 20px -15px;
  }

  .article .bby-big-bold-layout-2 .cta {
    padding: 45px 60px 45px 60px;
  }

  .article .bby-big-bold-layout-2 .cta .btn {
    padding: 14px 87px;
    font-size: 15px;
  }
}


/* bby-statement-primary */
/* bby-big-bold-statement-lightbox-video-m.html */
.article .bby-statement-primary > div {
  height: auto;
}

.article .bby-statement-primary .nr-bby-content {
  padding: 25px 25px 15px 25px;
}

.article .bby-statement-primary .flex-column {
  justify-content: center;
  flex-grow: 1;
}

.article .bby-statement-primary h2 {
  font-size: 24px;
}

.article .bby-statement-primary p {
  font-size: 20px;
  line-height: 24px;
  font-weight: 700;
}

.article .bby-statement-primary .title {
  text-align: center;
}

.article .bby-statement-primary .video {
  text-align: center;
}

.article .bby-statement-primary .video-button {
  background-color: transparent;
  border: none;
}

.article .bby-statement-primary img {
  max-width: 85px;
}

@media (min-width: 992px) {
  .article .bby-statement-primary > div {
    height: 285px;
  }

  .article .bby-statement-primary .nr-bby-content {
    padding: 50px 15px;
    height: 100%;
    min-height: unset;
  }

  .article .bby-statement-primary > div {
    height: 350px;
  }

  .article .bby-statement-primary h2 {
    font-size: 45px;
    line-height: 54px;
  }

  .article .bby-statement-primary p {
    font-size: 30px;
    line-height: 36px;
  }
}

.article .nr-bby-grid-images-text figure + * {
  margin-top: 0;
}


/* bby-list-m.html */
.article .bby-benefits-list {
  background-color: #E0E6EF;
  padding: 28px 18px 48px;
  margin-top: 20px;
}

.article .bby-benefits-list .benefit-wrapper:not(:last-child) {
  border-bottom: 1px solid #0046BE;
  padding-bottom: 36px;
  margin-bottom: 19px;
}

.article .bby-benefits-list .benefit-wrapper .benefit-icon {
  max-width: 40px;
  margin: auto;
  margin-bottom: 5px;
}

.article .bby-benefits-list .benefit-wrapper .benefit-body p {
  margin-top: 12px;
}

.article .bby-benefits-list .benefit-wrapper .benefit-body ul {
  margin-top: 16px;
  margin-left: 0;
  padding-left: 16px;
}

.article .bby-benefits-list .benefit-wrapper .benefit-body ul li {
  margin-top: 12px;
}

@media (min-width: 992px) {
  .article .bby-benefits-list {
    padding: 46px 117px 56px 95px;
  }
  .article .bby-benefits-list .benefit-wrapper:not(:last-child) {
    padding-bottom: 44px;
    margin-bottom: 36px;
  }

  .article .bby-benefits-list .benefit-wrapper .benefit-icon {
    float: left;
  }
  .article .bby-benefits-list .benefit-wrapper .benefit-body {
    margin-left: 56px;
    max-width: 634px;
  } 
}

/* three-card-snipet */
/* bby-three-card-layout-vw.html */
.three-card-snipet .col-md-4  {
  padding-left: 20px !important;
  padding-right: 20px !important;
}

.three-card-snipet h3.b-b {
  border-color: #C5CBD5;
}

.three-card-snipet  .nr-html-panel .content-wrapper {
  padding: 24px 15px 15px;
}
.three-card-snipet  .nr-html-panel .content-wrapper.b {
  border-radius: 5px;
  min-height: 100%;
  border-color: #000;
}
.three-card-snipet  .nr-html-panel .header {
  margin-bottom: 40px;
}
.three-card-snipet  .nr-html-panel .header .copy-title {
  margin: 0;
  margin-bottom: 15px;
  font-size: 15px;
}
.three-card-snipet  .nr-html-panel .header:after {
  content: "";
  position: absolute;
  width: 30px;
  height: 0;
  border: 1px solid $brand-primary;
}

.three-card-snipet .body .copy.normal {
  color: #55555a;
  margin: 0;
  margin-bottom: 4px;
  font-size: 12px;
  font-weight: 400;
}
.three-card-snipet .body p.copy {
  margin: 0px 0px 0px 0px;
  font-size: 14px;
}

.three-card-snipet .body b {
  font-weight: 500;
}

.three-card-snipet .body a.copy {
  color: $brand-primary;
  font-size: 14px;
}


/* -- Blue Wash Header Snippet -- */
/* bby-bg-blue-wash-header on header of ETP internal pages. Snippet deprecated but style affects live content */
.article .bby-bg-blue-wash-header {
  height: 208px;
  background: url('BlueShirt_Store_JerseyCity_ManagerCoaching.png') no-repeat center;
}

.article .bby-bg-blue-wash-header.retail {
  background: url('retail-banner-desktop.jpg') no-repeat center;
}

.article .bby-bg-blue-wash-header.supply-chain {
  background: url('supply-chain-desktop.jpg') no-repeat center;
}

@media (max-width: 767px) {
  .article .bby-bg-blue-wash-header {
    background: url('BlueShirt_Store_JerseyCity_FY19_mobile.png') no-repeat center;
  }
  .article .bby-bg-blue-wash-header.retail {
    background: url('retail-banner-mobile.jpg') no-repeat center;
  }
  .article .bby-bg-blue-wash-header.supply-chain {
    background: url('supply-chain-mobile.jpg') no-repeat center;
  }
}

@media (min-width: 768px) { 
  .article .bby-bg-blue-wash-header {
    height: 320px;
  }
}

/* bby-blue-wash-header
bby-blue-wash-hero-m.html & bby-blue-wash-hero-vw.html */
@media (min-width: 768px) {
  .article .bby-blue-wash-header img {
    height: 314px
  }
}


@media (max-width: 767px) {
  .article .bby-blue-wash-header img {
    height: 220px
  }
  
  .article .bby-blue-wash-header .nr-bby-content {
     padding: 25px 32px !important;
   }

   .article .bby-blue-wash-header .nr-bby-content h2 {
    margin-top: 15px !important;
   }
}

.article .bby-bg-blue-wash-header .nr-bby-content h1,
.article .bby-bg-blue-wash-header .nr-bby-content h2,
.article .bby-blue-wash-header .nr-bby-content h1,
.article .bby-blue-wash-header .nr-bby-content h2{
  color: #FFF !important;
}

.article .bby-bg-blue-wash-header.full-width,
.article .bby-blue-wash-header.full-width {
  left: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  max-width: 100vw;
  position: relative;
  right: 50%;
  width: 100vw;
}

.article .bby-bg-blue-wash-header.full-width {
  background-size: cover;
}

.article .bby-bg-blue-wash-header:before,
.article .bby-blue-wash-header figure:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #0046BE;
  opacity: 0.7;
}

.article .bby-blue-wash-header .header-image {object-fit: cover;}
  
.article .bby-blue-wash-header .nr-bby-content {
  position: absolute;
  top: 0;
  left: 0;
}

/*Page Width*/
/* bby-blue-wash-hero-m.html */
.article .bby-blue-wash-header.page-width {
  position: relative;
}

@media (min-width: 768px) {
  .article .bby-blue-wash-header.page-width figure:before {
    height: 314px;
  }
}

@media (max-width: 767px) {
  .article .bby-blue-wash-header.page-width figure:before {
    height: 220px;
  }
}

/* nr-bby-quote-m */
/* bby-quote-m.html */
.article .nr-bby-quote-m {
  background-image: url(bby-quote-background-gradient.png);
  background-size: cover;
  color: #ffffff;
}

.article .nr-bby-quote-m .nr-bby-content h2,
.article .nr-bby-quote-m  .nr-bby-content p {
  color: #ffffff;
}
  
/* bby-three-card-layout-video-vw-snippet.html */
.article .bby-career-item.three-card-snipet.video .nr-html-panel .content-wrapper {
  padding: 0 0 15px;
} 

.article .bby-career-item.three-card-snipet.video .nr-html-panel .top {
  margin-left: -1px;
  margin-right: -1px;
  margin-top: -1px;
  max-width: 101%;
}
  
.article .bby-career-item.three-card-snipet.video .video-thumbnail-container {
  position: relative;
}

.article .bby-career-item.three-card-snipet.video .video-thumbnail-container:hover {
  cursor: pointer;
}
  
.article .bby-career-item.three-card-snipet.video .video-thumbnail-container button {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
  border: none;
  background-color: transparent;
}
    
.article .bby-career-item.three-card-snipet.video .video-thumbnail-container .fa {
  color: #ffffff;
  font-size: 40px;
}

.article .bby-career-item.three-card-snipet.video .nr-html-panel .header {
  margin-bottom: 20px;
}

@media only screen and (min-width: 992px) {
  .article div.video-row + div.video-row {
    margin-top: 60px;
  }
}



/*-- DEPRECATED SNIPPTS --*/
/* bordered-message-board is part of a deprecated snippet */
// .article .bordered-message-board {
//   position: relative;
//   background-image: url("sound_of_music_storefront.png");
// }
// .article .bordered-message-board {
//   /*ovverride above*/
//   background-image: none;
//   background: #E0E6EF;
// }
// .article .bordered-message-board:not(.eb):before {
//   content: '';
//   position: absolute;
//   top: 0;
//   left: 0;
//   width: 100%;
//   height: 100%;
//   background-color: rgba(43, 92, 243, 0.9);
// }
// .article .message-board {
//   background-color: #F0F2F4;
//   height: 592px;
// }
// .article .bordered-message-board .bg-grey {
//   position: relative;
// }
// .article .bordered-message-board .img-left {
//   margin-top: 8px;
//   margin-right: 8px;
//   min-width: 20px;
//   padding-right: 4px;
// }
// .article .nr-snippets-bby-tabs-message-board .message-board {
//   border: 8px solid #90959E;
//   border-radius: 20px;
// }
/* ind-template-1 -- part of a deprecated snippet */
// .article .ind-template-1 {
//   background-color: #0046BE;
//   height: 655.58px;
// }

// .article .ind-template-1 .img {
//   width: 73.5px;
//   height: 78.86px;
// }
/*-- END -- DEPRECATED SNIPPTS --*/