/* function to convert the calc function in to rem based
$first- should be in % */
/** Slick Carousel Starts **/
/** Slick Carousel Ends **/
/* override default breakpoints */
.nw-image-text-section {
  max-width: 23.0625rem;
  margin: 0 auto; }
  @media (min-width: 768px) {
    .nw-image-text-section {
      max-width: 23.5rem; } }
  @media (min-width: 992px) {
    .nw-image-text-section {
      max-width: 46.25rem; } }

.mobile-3r-1c .cta-container a.component-cta2,
.mobile-2r-2c .cta-container a.component-cta2 {
  margin-left: 0; }

@media (min-width: 768px) {
  .mobile-3r-1c .nw-image-text-container .text-md-section,
  .mobile-2r-2c .nw-image-text-container .text-md-section {
    padding: 0 11%; } }

.mobile-2r-2c .nw-image-text-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

.nw-image-text-container .image-overlay {
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1;
  background-color: rgba(0, 0, 0, 0.5); }

.nw-image-text-container figcaption {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 100%;
  padding: 0 0.5rem; }
  .nw-image-text-container figcaption.has-overlay {
    z-index: 2; }

.nw-image-text-container .view-details-link {
  text-decoration: underline; }

.nw-image-text-container .component-text-eyebrow {
  color: #fff; }
  .nw-image-text-container .component-text-eyebrow p {
    margin-bottom: 0.5rem; }

.nw-image-text-container .component-image-heading-text {
  font-family: "Roboto-Bold", sans-serif;
  font-size: 1.125rem;
  line-height: 1.5;
  color: #fff; }
  .nw-image-text-container .component-image-heading-text a {
    color: #fff;
    display: inline-block;
    outline: none; }
    .nw-image-text-container .component-image-heading-text a p,
    .nw-image-text-container .component-image-heading-text a h1,
    .nw-image-text-container .component-image-heading-text a h2,
    .nw-image-text-container .component-image-heading-text a h3,
    .nw-image-text-container .component-image-heading-text a h4,
    .nw-image-text-container .component-image-heading-text a h5 {
      margin-bottom: 0; }
    .nw-image-text-container .component-image-heading-text a:focus {
      border: 0.0625rem solid #f0ebe2; }

.nw-image-text-container .component-text-underneath {
  font-size: 0.75rem;
  line-height: 1.5;
  color: #fff; }

.nw-image-text-container .buttonmargin {
  margin-bottom: 10px; }

.nw-image-text-container .nw-image-text-bottom-sec {
  margin: auto; }

.nw-image-text-container .cta-container a {
  margin: 0.5rem 0 2.5rem; }
  @media (min-width: 768px) {
    .nw-image-text-container .cta-container a {
      margin: 0.5rem 0; } }
  @media (max-width: 767.98px) {
    .nw-image-text-container .cta-container a {
      margin: 0.5rem 0; } }

.nw-image-text-container .cta-container .component-cta2 {
  margin-top: 0.5rem; }

.nw-image-text-container .component-header {
  font-family: "Roboto-Bold", sans-serif;
  font-size: 1.25rem;
  line-height: 1.5; }
  .nw-image-text-container .component-header h2 {
    color: #696158;
    font-size: 1.25rem; }

.nw-image-text-container .component-description {
  font-size: 0.875rem;
  line-height: 1.5;
  margin-top: 0.5rem; }
  .nw-image-text-container .component-description p {
    margin-bottom: 0; }

.nw-image-text-container .text-section {
  padding: 0 0.5rem; }

.nw-image-text-container .nw-color-text {
  min-height: 17.75rem; }

@media (min-width: 768px) {
  .nw-image-text-container .cta-container .component-cta2 {
    margin-left: 1.25rem;
    margin-top: 0.5rem; }
  .nw-image-text-container .nw-color-text {
    min-height: 21.25rem; } }

@media (min-width: 992px) {
  .nw-image-text-container .text-section {
    padding: 0 1.75rem; }
  .nw-image-text-container .component-header {
    font-size: 1.5rem;
    line-height: 1.25; }
    .nw-image-text-container .component-header h2 {
      font-size: 1.5rem; }
  .nw-image-text-container .component-description {
    font-size: 1rem; }
  .nw-image-text-container figure {
    margin-bottom: 1.5rem; }
  .nw-image-text-container figcaption {
    padding: 0 3rem; }
  .nw-image-text-container .component-image-heading-text {
    font-size: 1.875rem;
    line-height: 1.25; }
  .nw-image-text-container .component-text-underneath {
    font-size: 1.125rem;
    line-height: 1.5;
    margin-top: 0.75rem; }
  .nw-image-text-container .nw-color-text {
    min-height: 35.375rem; } }

@media (max-width: 767.98px) {
  .mobile-2r-2c .nw-image-text-container .cta-container a {
    min-width: 100%;
    max-width: 100%; } }

.has-image-hover .hover-image {
  display: none; }

@media (min-width: 1200px) {
  .has-image-hover:hover .hover-image,
  .has-image-hover a:focus .hover-image {
    display: block; }
  .has-image-hover:hover .main-image,
  .has-image-hover a:focus .main-image {
    display: none; } }

.has-overlay-hover .text-overlay,
.has-overlay-hover .image-overlay {
  display: block; }
  @media (min-width: 1200px) {
    .has-overlay-hover .text-overlay,
    .has-overlay-hover .image-overlay {
      display: none; } }

.has-overlay-hover:hover .text-overlay,
.has-overlay-hover:hover .image-overlay,
.has-overlay-hover a:focus .text-overlay,
.has-overlay-hover a:focus .image-overlay {
  display: block; }

.light-theme .image-overlay {
  background-color: rgba(255, 255, 255, 0.5); }

.light-theme .component-image-heading-text,
.light-theme .component-text-underneath {
  color: #696158; }
  .light-theme .component-image-heading-text a,
  .light-theme .component-text-underneath a {
    color: #696158;
    display: inline-block;
    outline: none; }
    .light-theme .component-image-heading-text a p,
    .light-theme .component-image-heading-text a h1,
    .light-theme .component-image-heading-text a h2,
    .light-theme .component-image-heading-text a h3,
    .light-theme .component-image-heading-text a h4,
    .light-theme .component-image-heading-text a h5,
    .light-theme .component-text-underneath a p,
    .light-theme .component-text-underneath a h1,
    .light-theme .component-text-underneath a h2,
    .light-theme .component-text-underneath a h3,
    .light-theme .component-text-underneath a h4,
    .light-theme .component-text-underneath a h5 {
      margin-bottom: 0; }
    .light-theme .component-image-heading-text a:focus,
    .light-theme .component-text-underneath a:focus {
      border: 0.0625rem solid #4f4f4f; }

.light-theme .component-text-eyebrow {
  color: #696158; }

.experience-commerce_assets-newellImageAndText .nw-image-text-container .nw-image-text-top-sec a:focus-visible {
  outline: none; }

.experience-commerce_assets-newellImageAndText .nw-image-text-container .nw-image-text-top-sec a:focus img, .experience-commerce_assets-newellImageAndText .nw-image-text-container .nw-image-text-top-sec a:hover img {
  -webkit-box-shadow: 0 0 0.3125rem 0.0625rem #2d2926;
          box-shadow: 0 0 0.3125rem 0.0625rem #2d2926; }

.experience-commerce_assets-newellImageAndText .nw-image-text-container .nw-image-text-top-sec a:focus img {
  border: solid 0.125rem #2d2926; }