/*
  This file contains all the base styling for sass files. Pulling in all the 
  necessary variables and mixins but does not actually output anything so is
  safe to use as a base for other css files without adding excessive weight
*/
/*********************
BREAKPOINTS
*********************/
/*
  screen-tiny: 321 - 320
  screen-xs: 480px - 767px
  screen-sm: 768px - 969px
  screen-md: 970px - 1199px
  screen-lg: 1200px
*/
/*********************
Placeholder
*********************/
/*********************
VENDOR PREFIX
*********************/
/* Bootstrap carousel */
.carousel.xerox {
  display: block;
  margin-bottom: 6px;
  padding-top: 25px;
}

.carousel.xerox .carousel-indicators {
  position: absolute;
  top: 0px;
  bottom: auto;
  z-index: 8;
}

.carousel.xerox .carousel-indicators li {
  border: 1px solid #898989;
  margin: 0 5px;
}

.carousel.xerox .carousel-indicators li.active {
  width: 10px;
  height: 10px;
  margin: 0 5px;
  background: #d92231;
  border-color: #d92231;
}

.carousel.xerox > .carousel-inner {
  transition: height 150ms ease-in-out;
}

.carousel.xerox > .carousel-inner > .item {
  height: auto !important;
  min-height: 0 !important;
}

.carousel.xerox > .carousel-inner > .item > a,.carousel.xerox > .carousel-inner > .item > div {
  margin-bottom: 0;
  z-index: 5;
}

.carousel.xerox > .carousel-inner > .item .xrx-node-view-mode-insights_view {
  height: auto;
}

.carousel.xerox > .carousel-inner > .item .xrx-node-view-mode-insights_view .group-date-info-div {
  display: none;
}

.carousel.xerox > .carousel-inner > .item .xrx-node-view-mode-insights_view ~ .carousel-control {
  height: 180px;
  bottom: auto;
  z-index: 10;
}

.carousel.xerox > .carousel-inner > .item .xerox-component-hero ~ .carousel-control {
  height: 250px;
}

.carousel.xerox > .carousel-inner > .item .xerox-component-hero.hero-short ~ .carousel-control {
  height: 150px;
}

.carousel.xerox .carousel-control {
  width: 40px;
}

.carousel.xerox .carousel-control:focus {
  border: 2px solid #5bc0de;
}

.carousel.xerox .carousel-control .arrow {
  display: block;
  border-top: 2px solid #fff;
  border-left: 2px solid #fff;
  width: 20px;
  height: 20px;
  position: absolute;
  top: 50%;
  margin-top: -10px;
}

.carousel.xerox .carousel-control.left .arrow {
  transform: rotate(-45deg);
  left: 16px;
}

[dir="rtl"] .carousel.xerox .carousel-control.left .arrow {
  transform: rotate(135deg);
  left: auto;
  right: 16px;
}

.carousel.xerox .carousel-control.right .arrow {
  transform: rotate(135deg);
  right: 16px;
}

[dir="rtl"] .carousel.xerox .carousel-control.right .arrow {
  transform: rotate(-45deg);
  right: auto;
  left: 16px;
}

/* carousel - mainly used on article and topic */
.carousel:not(.xerox) .carousel-indicators {
  margin-top: -10px;
  z-index: 8;
}

.carousel:not(.xerox) .carousel-indicators li {
  border: 1px solid #898989;
  margin: 0 5px;
}

.carousel:not(.xerox) .carousel-indicators li.active {
  width: 10px;
  height: 10px;
  margin: 0 5px;
  background: #d92231;
  border-color: #d92231;
}

.carousel:not(.xerox) .field-article-teaser-cta span.not-cap {
  text-transform: none !important;
}

.carousel:not(.xerox) .carousel-control:focus {
  outline: 2px solid #5bc0de;
}

/* component carousel - used in various places */
.node-component-blog-carousel-,.view-item-infographic-carousel {
  position: relative;
}

.node-component-blog-carousel- a,.view-item-infographic-carousel a {
  text-decoration: none;
  display: block;
  color: #000;
}

.node-component-blog-carousel- a:active,.node-component-blog-carousel- a:hover,.view-item-infographic-carousel a:active,.view-item-infographic-carousel a:hover {
  outline: none !important;
}

@media screen and (min-width:970px) {
  .node-component-blog-carousel-,.view-item-infographic-carousel {
    height: 100%;
    display: inline-block;
    width: 100%;
  }
}

.node-component-blog-carousel- .carousel-indicators,.view-item-infographic-carousel .carousel-indicators {
  display: none;
}

.node-component-blog-carousel- .carousel-inner,.node-component-blog-carousel-.display-type-3-col-centered .carousel-inner,.view-item-infographic-carousel .carousel-inner,.view-item-infographic-carousel.display-type-3-col-centered .carousel-inner {
  width: auto;
}

@media screen and (min-width:768px) {
  .node-component-blog-carousel- .carousel-inner,.node-component-blog-carousel-.display-type-3-col-centered .carousel-inner,.view-item-infographic-carousel .carousel-inner,.view-item-infographic-carousel.display-type-3-col-centered .carousel-inner {
    margin: 50px 55px 10px 55px;
  }
}

@media screen and (min-width:970px) {
  .node-component-blog-carousel- .carousel-inner,.node-component-blog-carousel-.display-type-3-col-centered .carousel-inner,.view-item-infographic-carousel .carousel-inner,.view-item-infographic-carousel.display-type-3-col-centered .carousel-inner {
    margin: 50px 85px 10px 85px;
  }
}

@media screen and (min-width:768px) {
  .node-component-blog-carousel- .item,.view-item-infographic-carousel .item {
    height: auto;
  }
}

.node-component-blog-carousel- .item > a:after,.view-item-infographic-carousel .item > a:after {
  display: none;
}

.node-component-blog-carousel- .item > a .field-title,.node-component-blog-carousel- .item > a .field-title h2,.view-item-infographic-carousel .item > a .field-title,.view-item-infographic-carousel .item > a .field-title h2 {
  font-size: 18px;
  line-height: 1.2em;
}

.node-component-blog-carousel- .item > a .field-teaser-copy,.node-component-blog-carousel- .item > a .field-teaser-copy p,.view-item-infographic-carousel .item > a .field-teaser-copy,.view-item-infographic-carousel .item > a .field-teaser-copy p {
  font-size: 14px;
  line-height: 1.4em;
}

@media screen and (min-width:970px) {
  .node-component-blog-carousel- .view-article-carousel,.node-component-blog-carousel- .view-blog-hero,.view-item-infographic-carousel .view-article-carousel,.view-item-infographic-carousel .view-blog-hero {
    height: 100%;
  }
}

.node-component-blog-carousel- .view-article-carousel .view-content .views-bootstrap-carousel-plugin-style .carousel-control,.node-component-blog-carousel- .view-blog-hero .view-content .views-bootstrap-carousel-plugin-style .carousel-control,.view-item-infographic-carousel .view-article-carousel .view-content .views-bootstrap-carousel-plugin-style .carousel-control,.view-item-infographic-carousel .view-blog-hero .view-content .views-bootstrap-carousel-plugin-style .carousel-control {
  opacity: 1;
  display: none;
}

@media screen and (min-width:768px) {
  .node-component-blog-carousel- .view-article-carousel .view-content .views-bootstrap-carousel-plugin-style .carousel-control,.node-component-blog-carousel- .view-blog-hero .view-content .views-bootstrap-carousel-plugin-style .carousel-control,.view-item-infographic-carousel .view-article-carousel .view-content .views-bootstrap-carousel-plugin-style .carousel-control,.view-item-infographic-carousel .view-blog-hero .view-content .views-bootstrap-carousel-plugin-style .carousel-control {
    display: block;
  }
}

.node-component-blog-carousel- .view-article-carousel .view-content .views-bootstrap-carousel-plugin-style .carousel-control.left,.node-component-blog-carousel- .view-article-carousel .view-content .views-bootstrap-carousel-plugin-style .carousel-control.right,.node-component-blog-carousel- .view-blog-hero .view-content .views-bootstrap-carousel-plugin-style .carousel-control.left,.node-component-blog-carousel- .view-blog-hero .view-content .views-bootstrap-carousel-plugin-style .carousel-control.right,.view-item-infographic-carousel .view-article-carousel .view-content .views-bootstrap-carousel-plugin-style .carousel-control.left,.view-item-infographic-carousel .view-article-carousel .view-content .views-bootstrap-carousel-plugin-style .carousel-control.right,.view-item-infographic-carousel .view-blog-hero .view-content .views-bootstrap-carousel-plugin-style .carousel-control.left,.view-item-infographic-carousel .view-blog-hero .view-content .views-bootstrap-carousel-plugin-style .carousel-control.right {
  width: 33px;
  min-width: 33px;
  background: none;
  z-index: 7;
}

@media screen and (min-width:970px) {
  .node-component-blog-carousel- .view-article-carousel .view-content .views-bootstrap-carousel-plugin-style .carousel-control.left,.node-component-blog-carousel- .view-article-carousel .view-content .views-bootstrap-carousel-plugin-style .carousel-control.right,.node-component-blog-carousel- .view-blog-hero .view-content .views-bootstrap-carousel-plugin-style .carousel-control.left,.node-component-blog-carousel- .view-blog-hero .view-content .views-bootstrap-carousel-plugin-style .carousel-control.right,.view-item-infographic-carousel .view-article-carousel .view-content .views-bootstrap-carousel-plugin-style .carousel-control.left,.view-item-infographic-carousel .view-article-carousel .view-content .views-bootstrap-carousel-plugin-style .carousel-control.right,.view-item-infographic-carousel .view-blog-hero .view-content .views-bootstrap-carousel-plugin-style .carousel-control.left,.view-item-infographic-carousel .view-blog-hero .view-content .views-bootstrap-carousel-plugin-style .carousel-control.right {
    width: 80px;
  }
}

.oldie .node-component-blog-carousel- .view-article-carousel .view-content .views-bootstrap-carousel-plugin-style .carousel-control.left,.oldie .node-component-blog-carousel- .view-article-carousel .view-content .views-bootstrap-carousel-plugin-style .carousel-control.right,.oldie .node-component-blog-carousel- .view-blog-hero .view-content .views-bootstrap-carousel-plugin-style .carousel-control.left,.oldie .node-component-blog-carousel- .view-blog-hero .view-content .views-bootstrap-carousel-plugin-style .carousel-control.right,.oldie
.view-item-infographic-carousel .view-article-carousel .view-content .views-bootstrap-carousel-plugin-style .carousel-control.left,.oldie
.view-item-infographic-carousel .view-article-carousel .view-content .views-bootstrap-carousel-plugin-style .carousel-control.right,.oldie
.view-item-infographic-carousel .view-blog-hero .view-content .views-bootstrap-carousel-plugin-style .carousel-control.left,.oldie
.view-item-infographic-carousel .view-blog-hero .view-content .views-bootstrap-carousel-plugin-style .carousel-control.right {
  filter: "progid:DXImageTransform.Microsoft.gradient(enabled=false)";
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(enabled=false)";
}

.node-component-blog-carousel- .view-article-carousel .view-content .views-bootstrap-carousel-plugin-style .carousel-control.left:hover,.node-component-blog-carousel- .view-article-carousel .view-content .views-bootstrap-carousel-plugin-style .carousel-control.right:hover,.node-component-blog-carousel- .view-blog-hero .view-content .views-bootstrap-carousel-plugin-style .carousel-control.left:hover,.node-component-blog-carousel- .view-blog-hero .view-content .views-bootstrap-carousel-plugin-style .carousel-control.right:hover,.view-item-infographic-carousel .view-article-carousel .view-content .views-bootstrap-carousel-plugin-style .carousel-control.left:hover,.view-item-infographic-carousel .view-article-carousel .view-content .views-bootstrap-carousel-plugin-style .carousel-control.right:hover,.view-item-infographic-carousel .view-blog-hero .view-content .views-bootstrap-carousel-plugin-style .carousel-control.left:hover,.view-item-infographic-carousel .view-blog-hero .view-content .views-bootstrap-carousel-plugin-style .carousel-control.right:hover {
  background: none;
}

.node-component-products-carousel .node-component-blog-carousel- .view-article-carousel .view-content .views-bootstrap-carousel-plugin-style .carousel-control.left,.node-component-products-carousel .node-component-blog-carousel- .view-article-carousel .view-content .views-bootstrap-carousel-plugin-style .carousel-control.right,.node-component-products-carousel .node-component-blog-carousel- .view-blog-hero .view-content .views-bootstrap-carousel-plugin-style .carousel-control.left,.node-component-products-carousel .node-component-blog-carousel- .view-blog-hero .view-content .views-bootstrap-carousel-plugin-style .carousel-control.right,.node-component-products-carousel
.view-item-infographic-carousel .view-article-carousel .view-content .views-bootstrap-carousel-plugin-style .carousel-control.left,.node-component-products-carousel
.view-item-infographic-carousel .view-article-carousel .view-content .views-bootstrap-carousel-plugin-style .carousel-control.right,.node-component-products-carousel
.view-item-infographic-carousel .view-blog-hero .view-content .views-bootstrap-carousel-plugin-style .carousel-control.left,.node-component-products-carousel
.view-item-infographic-carousel .view-blog-hero .view-content .views-bootstrap-carousel-plugin-style .carousel-control.right {
  width: 66px;
  background-color: #fff;
}

.node-component-products-carousel .node-component-blog-carousel- .view-article-carousel .view-content .views-bootstrap-carousel-plugin-style .carousel-control.left:hover,.node-component-products-carousel .node-component-blog-carousel- .view-article-carousel .view-content .views-bootstrap-carousel-plugin-style .carousel-control.right:hover,.node-component-products-carousel .node-component-blog-carousel- .view-blog-hero .view-content .views-bootstrap-carousel-plugin-style .carousel-control.left:hover,.node-component-products-carousel .node-component-blog-carousel- .view-blog-hero .view-content .views-bootstrap-carousel-plugin-style .carousel-control.right:hover,.node-component-products-carousel
.view-item-infographic-carousel .view-article-carousel .view-content .views-bootstrap-carousel-plugin-style .carousel-control.left:hover,.node-component-products-carousel
.view-item-infographic-carousel .view-article-carousel .view-content .views-bootstrap-carousel-plugin-style .carousel-control.right:hover,.node-component-products-carousel
.view-item-infographic-carousel .view-blog-hero .view-content .views-bootstrap-carousel-plugin-style .carousel-control.left:hover,.node-component-products-carousel
.view-item-infographic-carousel .view-blog-hero .view-content .views-bootstrap-carousel-plugin-style .carousel-control.right:hover {
  background-color: #fff;
}

.node-component-blog-carousel- .view-article-carousel .view-content .views-bootstrap-carousel-plugin-style .carousel-control.left span,.node-component-blog-carousel- .view-article-carousel .view-content .views-bootstrap-carousel-plugin-style .carousel-control.right span,.node-component-blog-carousel- .view-blog-hero .view-content .views-bootstrap-carousel-plugin-style .carousel-control.left span,.node-component-blog-carousel- .view-blog-hero .view-content .views-bootstrap-carousel-plugin-style .carousel-control.right span,.view-item-infographic-carousel .view-article-carousel .view-content .views-bootstrap-carousel-plugin-style .carousel-control.left span,.view-item-infographic-carousel .view-article-carousel .view-content .views-bootstrap-carousel-plugin-style .carousel-control.right span,.view-item-infographic-carousel .view-blog-hero .view-content .views-bootstrap-carousel-plugin-style .carousel-control.left span,.view-item-infographic-carousel .view-blog-hero .view-content .views-bootstrap-carousel-plugin-style .carousel-control.right span {
  width: 33px;
  height: 63px;
  background-image: url(/sites/all/themes/xerox/images/icons/gray-arrows.png);
  background-repeat: no-repeat;
  top: 25%;
}

.node-component-blog-carousel- .view-article-carousel .view-content .views-bootstrap-carousel-plugin-style .carousel-control.left span:before,.node-component-blog-carousel- .view-article-carousel .view-content .views-bootstrap-carousel-plugin-style .carousel-control.right span:before,.node-component-blog-carousel- .view-blog-hero .view-content .views-bootstrap-carousel-plugin-style .carousel-control.left span:before,.node-component-blog-carousel- .view-blog-hero .view-content .views-bootstrap-carousel-plugin-style .carousel-control.right span:before,.view-item-infographic-carousel .view-article-carousel .view-content .views-bootstrap-carousel-plugin-style .carousel-control.left span:before,.view-item-infographic-carousel .view-article-carousel .view-content .views-bootstrap-carousel-plugin-style .carousel-control.right span:before,.view-item-infographic-carousel .view-blog-hero .view-content .views-bootstrap-carousel-plugin-style .carousel-control.left span:before,.view-item-infographic-carousel .view-blog-hero .view-content .views-bootstrap-carousel-plugin-style .carousel-control.right span:before {
  content: none;
}

.node-component-blog-carousel- .view-article-carousel .view-content .views-bootstrap-carousel-plugin-style .carousel-control.left:focus span.icon-prev,.node-component-blog-carousel- .view-article-carousel .view-content .views-bootstrap-carousel-plugin-style .carousel-control.left:hover span.icon-prev,.node-component-blog-carousel- .view-article-carousel .view-content .views-bootstrap-carousel-plugin-style .carousel-control.right:focus span.icon-prev,.node-component-blog-carousel- .view-article-carousel .view-content .views-bootstrap-carousel-plugin-style .carousel-control.right:hover span.icon-prev,.node-component-blog-carousel- .view-blog-hero .view-content .views-bootstrap-carousel-plugin-style .carousel-control.left:focus span.icon-prev,.node-component-blog-carousel- .view-blog-hero .view-content .views-bootstrap-carousel-plugin-style .carousel-control.left:hover span.icon-prev,.node-component-blog-carousel- .view-blog-hero .view-content .views-bootstrap-carousel-plugin-style .carousel-control.right:focus span.icon-prev,.node-component-blog-carousel- .view-blog-hero .view-content .views-bootstrap-carousel-plugin-style .carousel-control.right:hover span.icon-prev,.view-item-infographic-carousel .view-article-carousel .view-content .views-bootstrap-carousel-plugin-style .carousel-control.left:focus span.icon-prev,.view-item-infographic-carousel .view-article-carousel .view-content .views-bootstrap-carousel-plugin-style .carousel-control.left:hover span.icon-prev,.view-item-infographic-carousel .view-article-carousel .view-content .views-bootstrap-carousel-plugin-style .carousel-control.right:focus span.icon-prev,.view-item-infographic-carousel .view-article-carousel .view-content .views-bootstrap-carousel-plugin-style .carousel-control.right:hover span.icon-prev,.view-item-infographic-carousel .view-blog-hero .view-content .views-bootstrap-carousel-plugin-style .carousel-control.left:focus span.icon-prev,.view-item-infographic-carousel .view-blog-hero .view-content .views-bootstrap-carousel-plugin-style .carousel-control.left:hover span.icon-prev,.view-item-infographic-carousel .view-blog-hero .view-content .views-bootstrap-carousel-plugin-style .carousel-control.right:focus span.icon-prev,.view-item-infographic-carousel .view-blog-hero .view-content .views-bootstrap-carousel-plugin-style .carousel-control.right:hover span.icon-prev {
  background-image: url(/sites/all/themes/xerox/images/icons/carousel-arrow-hover-left.png);
  margin-right: 15px;
}

.node-component-blog-carousel- .view-article-carousel .view-content .views-bootstrap-carousel-plugin-style .carousel-control.left:focus span.icon-next,.node-component-blog-carousel- .view-article-carousel .view-content .views-bootstrap-carousel-plugin-style .carousel-control.left:hover span.icon-next,.node-component-blog-carousel- .view-article-carousel .view-content .views-bootstrap-carousel-plugin-style .carousel-control.right:focus span.icon-next,.node-component-blog-carousel- .view-article-carousel .view-content .views-bootstrap-carousel-plugin-style .carousel-control.right:hover span.icon-next,.node-component-blog-carousel- .view-blog-hero .view-content .views-bootstrap-carousel-plugin-style .carousel-control.left:focus span.icon-next,.node-component-blog-carousel- .view-blog-hero .view-content .views-bootstrap-carousel-plugin-style .carousel-control.left:hover span.icon-next,.node-component-blog-carousel- .view-blog-hero .view-content .views-bootstrap-carousel-plugin-style .carousel-control.right:focus span.icon-next,.node-component-blog-carousel- .view-blog-hero .view-content .views-bootstrap-carousel-plugin-style .carousel-control.right:hover span.icon-next,.view-item-infographic-carousel .view-article-carousel .view-content .views-bootstrap-carousel-plugin-style .carousel-control.left:focus span.icon-next,.view-item-infographic-carousel .view-article-carousel .view-content .views-bootstrap-carousel-plugin-style .carousel-control.left:hover span.icon-next,.view-item-infographic-carousel .view-article-carousel .view-content .views-bootstrap-carousel-plugin-style .carousel-control.right:focus span.icon-next,.view-item-infographic-carousel .view-article-carousel .view-content .views-bootstrap-carousel-plugin-style .carousel-control.right:hover span.icon-next,.view-item-infographic-carousel .view-blog-hero .view-content .views-bootstrap-carousel-plugin-style .carousel-control.left:focus span.icon-next,.view-item-infographic-carousel .view-blog-hero .view-content .views-bootstrap-carousel-plugin-style .carousel-control.left:hover span.icon-next,.view-item-infographic-carousel .view-blog-hero .view-content .views-bootstrap-carousel-plugin-style .carousel-control.right:focus span.icon-next,.view-item-infographic-carousel .view-blog-hero .view-content .views-bootstrap-carousel-plugin-style .carousel-control.right:hover span.icon-next {
  background-image: url(/sites/all/themes/xerox/images/icons/carousel-arrow-hover-right.png);
  background-position: 0 0;
  margin-left: 15px;
}

.node-component-blog-carousel- .view-article-carousel .view-content .views-bootstrap-carousel-plugin-style .carousel-control span.icon-next,.node-component-blog-carousel- .view-blog-hero .view-content .views-bootstrap-carousel-plugin-style .carousel-control span.icon-next,.view-item-infographic-carousel .view-article-carousel .view-content .views-bootstrap-carousel-plugin-style .carousel-control span.icon-next,.view-item-infographic-carousel .view-blog-hero .view-content .views-bootstrap-carousel-plugin-style .carousel-control span.icon-next {
  background-position: -67px;
}

.node-component-blog-carousel- .carousel-indicators,.view-item-infographic-carousel .carousel-indicators {
  display: block;
  bottom: auto;
  position: relative;
}

.node-component-blog-carousel- .field-link-2-carousel-items,.view-item-infographic-carousel .field-link-2-carousel-items {
  position: absolute;
  top: 0;
  right: 0;
  padding-top: 50px;
  z-index: 100;
}

html[dir="rtl"] .node-component-blog-carousel- .field-link-2-carousel-items,html[dir="rtl"]
.view-item-infographic-carousel .field-link-2-carousel-items {
  right: auto;
  left: 0;
}

@media screen and (min-width:768px) {
  .node-component-blog-carousel- .field-link-2-carousel-items,.view-item-infographic-carousel .field-link-2-carousel-items {
    padding-right: 20px;
  }
  html[dir="rtl"] .node-component-blog-carousel- .field-link-2-carousel-items,html[dir="rtl"]
  .view-item-infographic-carousel .field-link-2-carousel-items {
    padding-right: 0;
    padding-left: 20px;
  }
}

@media screen and (min-width:970px) {
  .node-component-blog-carousel- .field-link-2-carousel-items,.view-item-infographic-carousel .field-link-2-carousel-items {
    padding-right: 30px;
  }
  html[dir="rtl"] .node-component-blog-carousel- .field-link-2-carousel-items,html[dir="rtl"]
  .view-item-infographic-carousel .field-link-2-carousel-items {
    padding-right: 0;
    padding-left: 30px;
  }
}

.node-component-blog-carousel- .field-link-2-carousel-items span,.view-item-infographic-carousel .field-link-2-carousel-items span {
  font-family: "Roboto Condensed",sans-serif !important;
  font-weight: 700 !important;
  font-size: 14px !important;
  line-height: 3em !important;
  display: inline-block;
  background-color: #d92231;
  border: 1px solid #d92231;
  color: #fff !important;
  padding: 0 30px;
  vertical-align: middle;
  text-align: center;
  text-transform: uppercase;
  text-decoration: none !important;
  min-width: 100px;
  white-space: nowrap;
}

.node-component-blog-carousel- .field-link-2-carousel-items span:focus,.node-component-blog-carousel- .field-link-2-carousel-items span:hover,.view-item-infographic-carousel .field-link-2-carousel-items span:focus,.view-item-infographic-carousel .field-link-2-carousel-items span:hover {
  background-color: #81141d;
  border-color: #81141d;
}

.node-component-blog-carousel- .field-link-2-carousel-items span:after,.view-item-infographic-carousel .field-link-2-carousel-items span:after {
  right: 10px;
}

html[dir="rtl"] .node-component-blog-carousel- .field-link-2-carousel-items span:after,html[dir="rtl"]
.view-item-infographic-carousel .field-link-2-carousel-items span:after {
  right: auto;
  left: 10px;
}

@media screen and (min-width:768px) {
  .node-component-blog-carousel- .field-link-2-carousel-items span:after,.view-item-infographic-carousel .field-link-2-carousel-items span:after {
    right: 0;
  }
  html[dir="rtl"] .node-component-blog-carousel- .field-link-2-carousel-items span:after,html[dir="rtl"]
  .view-item-infographic-carousel .field-link-2-carousel-items span:after {
    right: auto;
    left: 0;
  }
}

@media screen and (min-width:768px) {
  .node-component-blog-carousel- .field-link-2-carousel-items span,.view-item-infographic-carousel .field-link-2-carousel-items span {
    background: transparent !important;
    border: 0 !important;
    padding: 7px 25px 5px 12px !important;
  }
  html[dir="rtl"] .node-component-blog-carousel- .field-link-2-carousel-items span,html[dir="rtl"]
  .view-item-infographic-carousel .field-link-2-carousel-items span {
    padding: 7px 12px 5px 25px !important;
  }
  .node-component-blog-carousel- .field-link-2-carousel-items span:after,.view-item-infographic-carousel .field-link-2-carousel-items span:after {
    top: 56%;
  }
}

.node-component-blog-carousel-.show-title.show-carousel-link .field-link-2-carousel-items,.view-item-infographic-carousel.show-title.show-carousel-link .field-link-2-carousel-items {
  max-width: 35%;
}

.node-component-blog-carousel-.show-title.show-carousel-link .field-component-show-title,.view-item-infographic-carousel.show-title.show-carousel-link .field-component-show-title {
  max-width: 62%;
}

.not-front .node-component-blog-carousel-.show-title.show-carousel-link.display-type-half-width .field-component-show-title,.not-front
.view-item-infographic-carousel.show-title.show-carousel-link.display-type-half-width .field-component-show-title {
  max-width: 100%;
  background-color: #fff;
}

.not-front .node-component-blog-carousel-.show-title.show-carousel-link.display-type-half-width .field-component-show-title .field-title,.not-front
.view-item-infographic-carousel.show-title.show-carousel-link.display-type-half-width .field-component-show-title .field-title {
  max-width: 62%;
}

.front .node-component-blog-carousel-.show-title.show-carousel-link.display-type-half-width .field-link-2-carousel-items,.front
.view-item-infographic-carousel.show-title.show-carousel-link.display-type-half-width .field-link-2-carousel-items {
  padding-top: 30px;
}

@media screen and (min-width:768px) {
  .front .node-component-blog-carousel-.show-title.show-carousel-link.display-type-half-width .field-link-2-carousel-items,.front
  .view-item-infographic-carousel.show-title.show-carousel-link.display-type-half-width .field-link-2-carousel-items {
    padding-top: 20px;
  }
}

.node-component-blog-carousel-.no-title.show-carousel-link.display-type-3-col-wide,.view-item-infographic-carousel.no-title.show-carousel-link.display-type-3-col-wide {
  padding-top: 100px;
}

@media screen and (min-width:768px) {
  .node-component-blog-carousel-.no-title.show-carousel-link.display-type-3-col-wide,.view-item-infographic-carousel.no-title.show-carousel-link.display-type-3-col-wide {
    padding-top: 80px;
  }
}

.node-component-blog-carousel-.no-title.show-carousel-link.display-type-3-col-wide .field-link-2-carousel-items,.view-item-infographic-carousel.no-title.show-carousel-link.display-type-3-col-wide .field-link-2-carousel-items {
  padding-top: 40px;
}

@media screen and (min-width:768px) {
  .node-component-blog-carousel-.no-title.show-carousel-link.display-type-3-col-wide .field-link-2-carousel-items,.view-item-infographic-carousel.no-title.show-carousel-link.display-type-3-col-wide .field-link-2-carousel-items {
    padding-top: 35px;
  }
}

.node-component-blog-carousel-.no-title.show-carousel-link.display-type-3-col-centered,.view-item-infographic-carousel.no-title.show-carousel-link.display-type-3-col-centered {
  padding-top: 95px;
}

@media screen and (min-width:768px) {
  .node-component-blog-carousel-.no-title.show-carousel-link.display-type-3-col-centered,.view-item-infographic-carousel.no-title.show-carousel-link.display-type-3-col-centered {
    padding-top: 50px;
  }
}

.node-component-blog-carousel-.no-title.show-carousel-link.display-type-3-col-centered .field-link-2-carousel-items,.view-item-infographic-carousel.no-title.show-carousel-link.display-type-3-col-centered .field-link-2-carousel-items {
  padding-top: 35px;
}

@media screen and (min-width:768px) {
  .node-component-blog-carousel-.no-title.show-carousel-link.display-type-3-col-centered .field-link-2-carousel-items,.view-item-infographic-carousel.no-title.show-carousel-link.display-type-3-col-centered .field-link-2-carousel-items {
    padding-top: 40px;
  }
}

.node-component-blog-carousel-.no-title.show-carousel-link.display-type-half-width,.view-item-infographic-carousel.no-title.show-carousel-link.display-type-half-width {
  padding-top: 60px;
}

@media screen and (min-width:768px) {
  .node-component-blog-carousel-.no-title.show-carousel-link.display-type-half-width,.view-item-infographic-carousel.no-title.show-carousel-link.display-type-half-width {
    padding-top: 10px;
  }
}

@media screen and (min-width:970px) {
  .node-component-blog-carousel-.no-title.show-carousel-link.display-type-half-width,.view-item-infographic-carousel.no-title.show-carousel-link.display-type-half-width {
    padding-top: 20px;
  }
}

@media screen and (min-width:768px) {
  .node-component-blog-carousel-.no-title.show-carousel-link.display-type-half-width .carousel-indicators,.view-item-infographic-carousel.no-title.show-carousel-link.display-type-half-width .carousel-indicators {
    top: 22px !important;
  }
}

@media screen and (min-width:970px) {
  .node-component-blog-carousel-.no-title.show-carousel-link.display-type-half-width .carousel-indicators,.view-item-infographic-carousel.no-title.show-carousel-link.display-type-half-width .carousel-indicators {
    top: 20px !important;
  }
}

.node-component-blog-carousel-.no-title.show-carousel-link.display-type-half-width .field-link-2-carousel-items,.view-item-infographic-carousel.no-title.show-carousel-link.display-type-half-width .field-link-2-carousel-items {
  top: -35px;
}

@media screen and (min-width:768px) {
  .node-component-blog-carousel-.no-title.show-carousel-link.display-type-half-width .field-link-2-carousel-items,.view-item-infographic-carousel.no-title.show-carousel-link.display-type-half-width .field-link-2-carousel-items {
    padding-top: 0;
    top: 12px;
  }
}

@media screen and (min-width:970px) {
  .node-component-blog-carousel-.no-title.show-carousel-link.display-type-half-width .field-link-2-carousel-items,.view-item-infographic-carousel.no-title.show-carousel-link.display-type-half-width .field-link-2-carousel-items {
    padding-top: 20px;
    top: 0;
  }
}

@media screen and (min-width:768px) {
  .node-component-blog-carousel-.no-title.no-pagination.show-carousel-link.display-type-3-col-centered,.view-item-infographic-carousel.no-title.no-pagination.show-carousel-link.display-type-3-col-centered {
    padding-top: 65px;
  }
}

.node-component-cta-tiles {
  background-color: #ebebeb;
  padding: 30px 0;
}

.node-component-cta-tiles h2 {
  margin-top: -6px;
  margin-bottom: 20px;
  padding: 0 20px;
}

@media screen and (min-width:1200px) {
  .node-component-cta-tiles h2 {
    padding: 0;
  }
}

.node-component-cta-tiles .field-injected-markup {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
}

.node-component-cta-tiles .field-injected-markup h3 {
  margin-bottom: .5em;
}

.node-component-cta-tiles a.xrx-fw-highlight-block:focus p,.node-component-cta-tiles a.xrx-fw-highlight-block:hover p,.node-component-cta-tiles a.xrx-fw-highlight-block p {
  color: #000;
}

.node-component-cta-tiles a.xrx-fw-highlight-block:hover {
  background-color: transparent;
}

.node-component-cta-tiles .xrx-fw-carousel__controls {
  margin-bottom: 0;
}