/* Begin CSS for Prod here */

/* Line height Helper class */
.line-height-20 {
  line-height: 20px;
}
.line-height-25 {
  line-height: 25px;
}
.line-height-30 {
  line-height: 30px;
}
.line-height-35 {
  line-height: 35px;
}
.line-height-40 {
  line-height: 40px;
}
.line-height-45 {
  line-height: 45px;
}

@media (max-width: 40em) {
  .line-height-20,
  .line-height-25,
  .line-height-30,
  .line-height-35,
  .line-height-40,
  .line-height-45 {
    line-height: inherit;
  }
}
/* End Line height Helper class */

/* Smartlink Icon support */
  .smartLink a .link-label .icon-angle-right:after {
    font-family: "FontAwesome";
    content: "\f105";
    margin-left: 0.25em;
  }
  .smartLink a .link-label .icon-angle-left:before {
    font-family: "FontAwesome";
    content: "\f104";
    margin-right: 0.25em;
  }
  .smartLink a .link-label .icon-angle-down:after {
    font-family: "FontAwesome";
    content: "\f107";
    margin-left: 0.25em;
  }
/* End Smartlink Icon support */

/* Remove bullets from RTE list items */
.richtext ul.not-bulleted li {
  list-style: none;
  margin-left: 0;
}
/* End Remove bullets from RTE list items */

/* Remove margin on figure tags wrapped in marginless class */
  .marginless figure img {
    margin: 0 auto;
  }
/* End Remove margin on figure tags wrapped in marginless class */

/* Override for boxed gray link color */
.boxed-gray a {
  color: #3376b2;
}
/* End override for boxed gray link color */

/* Change super-h1 margin bottom to work better on LEX heros */
.super-h1 {
  margin-bottom: 0.25em;
}
/* End change super-h1 margin bottom to work better on LEX heros */

/* Start CSS for centered CTA */
[id*="centered-cta-"] {
  width: 100%;
  text-align: center;
}
@media (max-width: 48em) {
  #centered-cta-1 {
    padding-bottom: 1em;
  }
}
/* End CSS for Centered CTA */

/* Css for opaque background when text goes over images */
@media (max-width: 48em) {
  .opaque {
    padding: 1em;
    margin-left: -2.5%;
  }
  .opaque.light {
    background: rgba(255,255,255,0.85);
  }
  .opaque.extra-light {
    background: rgba(255,255,255,0.65);
  }
  .opaque.dark {
    background: rgba(0,0,0,0.65);
  }
  .opaque.blue {
    background: rgba(217,230,245,0.65);
  }

[id*="opaque-light-"] {
    margin-left: -2.5%;
    padding: 0 1em 1em;
    width: 105%;
}
[id*="opaque-light-"] {
    background: rgba(255, 255, 255, 0.85) none repeat scroll 0 0;
}

[id*="opaque-dark-"] {
    margin-left: -2.5%;
    padding: 0 1em 1em;
    width: 105%;
}
[id*="opaque-dark-"] {
    background: rgba(0,0,0,0.65) none repeat scroll 0 0;
}

}
/* End Css for opaque background when text goes over images */

/* Set min-height for image-art-direction on desktop */
#LEX-hero-banner .imageArtDirection [class*="image-focus-"] {
  min-height: 454px;
}

@media (max-width: 48em) {
  .imageArtDirection [class*="image-focus-"] {
    min-height: inherit;
  }
  #LEX-hero-banner .imageArtDirection [class*="image-focus-"] {
    min-height: 100px;
  }
}

/* End set min-height for image-art-direction on desktop */

/* CSS for no-stack tablet 50-50 */
@media (max-width: 48em) {
  [id*="tablet-no-stack-"] [class*="twc-col2_5050-c"] {
    width: 48.75%;
    margin-left: 2.5%;
  }
}
@media (max-width: 40em) {
  [id*="tablet-no-stack-"] [class*="twc-col2_5050-c"] {
    width: 100%;
    margin-left: 0;
  }
  [id*="tablet-no-stack-"] .cta {
    margin: 1em 2% 0;
    width: 96%;
  }
  [id*="tablet-no-stack-"] .cta {
    text-align: center;
  }
  [id*="tablet-no-stack-"] figure img {
    width: 100%;
  }
}
/* End CSS for no-stack tablet 50-50 */

/* Remove space in between full width banners that use imageArtDirection */
[id*="bottom-image-flush-"] .imageArtDirection .twc-container {
  padding-bottom: 0;
}
.imageArtDirection .twc-container figure img {
  margin: 0 auto 0;
}
/* End remove space in between full width banners that use imageArtDirection

/* Center all Content and buttons at mobile */
@media (max-width: 40em) {
  .imageArtDirection .art-direction-par, #mobile-center {
    text-align: center;
  }
}
/* Center all Content and buttons at mobile */

/* Center selected content in tablet */
@media (max-width: 48em) {
  .tablet-centered {
    text-align: center;
  }
}
/* End center selected content in tablet */


/* Left align TV icons at Desktop - center at mobile */
/* Overrides standard figure > img margins */
[id*="desktop-image-left-align"] figure img {
  margin: 0 !important;
}

@media (max-width: 48em) {
  [id*="desktop-image-left-align"] figure img {
    margin: 0 auto !important;
  }
}
/* End Left align TV icons at Desktop - center at mobile

/* Resize panel image at mobile */

@media (max-width: 40em) {
  .panel-image-resize {
  max-height: 150px;
}
}
/* Resize panel image at mobile */

/* Medium body text on tablet */


@media (max-width: 48em) {
  
  .medium-body-text {
    
    font-size: 14px;
    
    font-size: 1.4rem;
  
  }

}


/* Medium body text line height */
.medium-body-text {
  line-height: 125%;
}