/*
  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
*********************/
.container {
  padding-left: 0px;
  padding-right: 0px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.container .row {
  margin-left: 0;
  margin-right: 0;
}

@media screen and (min-width:768px) {
  .container {
    padding-left: 0;
    padding-right: 0;
  }
  .container .row {
    margin-left: 0;
    margin-right: 0;
  }
}

.field-display-components {
  margin-bottom: 0px;
}

.field-display-components > :not(.node-component-hero):not(.node-component-tabbed-content):not(.node-component-made-to-think-hero):not(.node-component-made-to-think-grid-row) {
  margin-bottom: 30px;
}

.field-display-components .node-component-made-to-think-grid-row,.field-display-components .node-component-made-to-think-hero,.field-display-components .node-component-made-to-think-related {
  margin-bottom: 0;
}

.field-display-components .field-title {
  padding: 0px 15px 10px;
}

.field-display-components .field-title h2,.field-display-components .field-title h3 {
  margin: 0 0 10px;
}

@media screen and (min-width:768px) {
  .field-display-components .field-title {
    background-color: #fff;
    padding: 0px 20px 10px;
  }
}

@media screen and (min-width:970px) {
  .field-display-components .field-title {
    padding: 0px 30px 10px;
  }
}

.field-display-components .node-component-carousel .field-title {
  padding-top: 0;
}

.field-display-components .node-component-collection .node-component-carousel {
  padding-top: 0px;
}

.field-display-components .node-component-collection .node-component-carousel .field-title {
  padding-top: 50px;
}

.field-collection-view {
  padding: 0;
  margin: 0;
  border-bottom: none;
}

.field-collection-container {
  margin: 0;
  border-bottom: none !important;
}

.views-exposed-form .views-exposed-widget .form-select .btn {
  margin-top: 0;
}

@media screen and (min-width:970px) {
  .views-exposed-form .views-exposed-widget .form-select .btn[data-id="edit-field-article-category-tid"] {
    max-width: 340px;
    width: 340px;
  }
}

.views-exposed-form .views-exposed-widget .form-select .dropdown-menu {
  max-width: 200px;
}

@media screen and (min-width:970px) {
  .views-exposed-form .views-exposed-widget .form-select .dropdown-menu {
    max-width: 340px;
  }
}

.xrx-responsive-img {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #333;
}

.xrx-responsive-img .xrx-responsive-img-mobile {
  display: block !important;
}

.xrx-responsive-img > div {
  background-size: cover;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: none;
  background-repeat: no-repeat;
  /*
    Min:  - 
    Max: screen-mobile - 479px
  */
  /*
    Min: screen-mobile - 480px
    Max: screen-sm - 767px
  */
  /*
    Min: screen-sm - 768px
    Max: screen-md - 969px
  */
  /*
    Min: screen-md - 970px
    Max: screen-lg - 1199px
  */
  /*
    Min: screen-lg - 1200px
    Max:  - 
  */
}

@media screen and (max-width:479px) {
  .xrx-responsive-img > div > div.xrx-responsive-img-mobile {
    display: block;
  }
  .xrx-responsive-img > div > div.xrx-responsive-img-mobile ~ div,.xrx-responsive-img > div > div:not(.xrx-responsive-img-mobile) {
    display: none !important;
    background-image: none !important;
  }
}

@media screen and (min-width:480px) and (max-width:767px) {
  .xrx-responsive-img > div > div.xrx-responsive-img-mobile {
    display: block;
  }
  .xrx-responsive-img > div > div.xrx-responsive-img-mobile ~ div,.xrx-responsive-img > div > div:not(.xrx-responsive-img-mobile) {
    display: none !important;
    background-image: none !important;
  }
}

@media screen and (min-width:768px) and (max-width:969px) {
  .xrx-responsive-img > div > div.xrx-responsive-img-sm {
    display: block;
  }
  .xrx-responsive-img > div > div.xrx-responsive-img-sm ~ div,.xrx-responsive-img > div > div:not(.xrx-responsive-img-sm) {
    display: none !important;
    background-image: none !important;
  }
}

@media screen and (min-width:970px) and (max-width:1199px) {
  .xrx-responsive-img > div > div.xrx-responsive-img-md {
    display: block;
  }
  .xrx-responsive-img > div > div.xrx-responsive-img-md ~ div,.xrx-responsive-img > div > div:not(.xrx-responsive-img-md) {
    display: none !important;
    background-image: none !important;
  }
}

@media screen and (min-width:1200px) {
  .xrx-responsive-img > div > div.xrx-responsive-img-lg {
    display: block;
  }
  .xrx-responsive-img > div > div.xrx-responsive-img-lg ~ div,.xrx-responsive-img > div > div:not(.xrx-responsive-img-lg) {
    display: none !important;
    background-image: none !important;
  }
}

.xrx-grid-img,.xrx-grid-img > div {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.xrx-grid-img > div {
  background-size: cover;
  background-position: 50%;
}

.xrx-grid-img > div:first-child {
  background-color: #333;
  filter: blur(20px);
  top: -20px;
  bottom: -20px;
  left: -20px;
  right: -20px;
}

.xrx-grid-img > div:last-child {
  opacity: 0;
}

.xrx-grid-img > div[style]:last-child {
  opacity: 1;
}

.xrx-grid-img > div.xrx-grid-img-fade:last-child {
  transition: opacity 200ms ease-in-out;
}

.field-form-confirmation-mess {
  display: none;
}

.node-type-service .node-component-marketo-form .field-marketo-form {
  position: relative;
  width: 70%;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
  padding-top: 30px;
  clear: both;
  margin: 0 auto;
  float: none;
}

.xrx-conduent-logo,.xrx-position-relative {
  position: relative;
}

.xrx-conduent-logo {
  display: inline-block;
  width: 100%;
}

@media screen and (min-width:768px) {
  .xrx-conduent-logo {
    display: block;
    top: -47px;
  }
}

.xrx-conduent-logo .xrx-conduent-container {
  float: right;
  color: #000;
}

.xrx-conduent-logo .xrx-conduent-container:active,.xrx-conduent-logo .xrx-conduent-container:hover {
  text-decoration: none;
  color: #000;
}

.xrx-conduent-logo .xrx-conduent-container:active > span,.xrx-conduent-logo .xrx-conduent-container:hover > span {
  text-decoration: underline;
}

@media screen and (min-width:768px) {
  .xrx-conduent-logo .xrx-conduent-container {
    position: absolute;
    top: 28px;
    right: 0;
    top: -11px;
  }
}

.xrx-conduent-logo .xrx-conduent-container span {
  display: inline-block;
  float: left;
  font-family: "Roboto",sans-serif;
  font-weight: 300;
  font-size: 13px;
  padding: 10px 5px 0 0;
}

@media screen and (min-width:768px) {
  .xrx-conduent-logo .xrx-conduent-container span {
    font-size: 18px;
    padding: 11px 5px 0 0;
  }
}

.xrx-conduent-logo .xrx-conduent-container #conduent-logo-container {
  display: inline-block;
  width: 120px;
}

.xrx-conduent-logo .xrx-conduent-container #conduent-logo-container img {
  height: 100%;
  width: 100%;
}

@media screen and (min-width:768px) {
  .xrx-conduent-logo .xrx-conduent-container #conduent-logo-container {
    width: 160px;
  }
}

html[dir="rtl"] .xrx_lnk_ignore {
  left: 500000px !important;
}

a.disable {
  display: none !important;
}

/* page width overrides for new homepage cpomponents */
.xrx-hc-wide-layout .container {
  width: 100%;
  max-width: none;
}

.xrx-hc-wide-layout .node-component-product-tiles {
  width: 100%;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 50px;
}

.xrx-hc-wide-layout .node-component-product-tiles .xrx-fw-highlight-heading {
  margin-bottom: 0.5em;
  text-align: center;
}

.xrx-hc-wide-layout .node-component-article-hilight,.xrx-hc-wide-layout .node-component-carousel,.xrx-hc-wide-layout .node-component-collection,.xrx-hc-wide-layout .node-component-cta-tiles-alt,.xrx-hc-wide-layout .node-component-cta-tray-icons,.xrx-hc-wide-layout .node-component-featured-resources,.xrx-hc-wide-layout .node-component-html-form,.xrx-hc-wide-layout .node-component-image-group,.xrx-hc-wide-layout .node-component-ms-multistep-selector,.xrx-hc-wide-layout .node-component-multistep-selector,.xrx-hc-wide-layout .node-component-quick-links-contact,.xrx-hc-wide-layout .node-component-video,.xrx-hc-wide-layout .node-component-video-carousel {
  width: 100%;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
}

@media screen and (min-width:970px) {
  .xrx-hc-wide-layout .field-display-components .field-title h2.innovation-people-title,.xrx-hc-wide-layout .field-innovation-persons-blocks {
    width: 100%;
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
  }
  .xrx-hc-wide-layout .field-display-components .field-title h2.innovation-people-title,.xrx-hc-wide-layout .node-component-carousel {
    display: block;
  }
}

.node-component-featured-resources .field-injected-markup {
  margin-left: 20px;
  margin-right: 20px;
}

@media screen and (min-width:1200px) {
  .node-component-featured-resources .field-injected-markup {
    margin-left: 0;
    margin-right: 0;
  }
}

.node-component-product-tiles a.xrx-fw-highlight-block:hover {
  text-decoration: none;
}

.node-component-product-tiles .xrx-row > div > .xrx-fw-highlight-block > .xrx-fw-highlight-block__content {
  padding-bottom: 20px;
}

.component-category-slider-icons-help .sg-icons,.xerox-framework-icons-help .sg-icons {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-pack: space-evenly;
      justify-content: space-evenly;
  list-style: none !important;
  padding: 0 !important;
}

.component-category-slider-icons-help .sg-icons li,.xerox-framework-icons-help .sg-icons li {
  width: 150px;
  box-sizing: border-box;
  padding: 0.3em;
  margin-bottom: 1%;
  border: 1px solid #ddd;
  border-radius: 8px;
  text-align: center;
}

.component-category-slider-icons-help .sg-icons .sg-icon,.xerox-framework-icons-help .sg-icons .sg-icon {
  display: block;
  margin-bottom: 0.3em;
}

.component-category-slider-icons-help .sg-icons .xrx-fw-icon,.xerox-framework-icons-help .sg-icons .xrx-fw-icon {
  padding: 0 !important;
}

.component-category-slider-icons-help .sg-icons .sg-label,.xerox-framework-icons-help .sg-icons .sg-label {
  font-size: 90%;
  line-height: 1;
}

.node-component-category-slider .heading,.node-component-video-carousel .heading {
  padding: 0 20px;
  margin-bottom: 20px;
}

@media screen and (min-width:768px) {
  .node-component-category-slider .heading,.node-component-video-carousel .heading {
    width: 100%;
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
  }
}

@media screen and (min-width:1200px) {
  .node-component-category-slider .heading,.node-component-video-carousel .heading {
    padding: 0;
  }
}

.node-component-category-slider .center,.node-component-video-carousel .center {
  text-align: center;
}

.node-component-video-carousel a.xrx-fw-carousel-video .xrx-fw-carousel-video__content {
  color: #000;
  background-color: #efefef;
  padding: 1.25rem;
  -ms-flex-positive: 1;
  flex-grow: 1;
}

.node-component-video-carousel a.xrx-fw-carousel-video .xrx-fw-carousel-video__content > div > *:last-child,.node-component-video-carousel a.xrx-fw-carousel-video .xrx-fw-lazy-background {
  margin-bottom: 0;
}

.node-component-video-carousel .xrx-fw-carousel__wrapper
.xrx-fw-carousel__items
.xrx-fw-carousel__item
a.xrx-fw-carousel-video {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
}

@media screen and (min-width:768px) {
  .node-type-landing-page .node-component-video-carousel .drupal-video-carousel-selectors-active .xrx-fw-carousel {
    margin-left: -70px;
    margin-right: -70px;
  }
}

.page-has-component-contrast-toggle #block-system-main {
  position: relative;
}

.node-component-contrast-toggle {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
}

.node-component-cta-tray-flexible .cta-tray-content-title,.node-component-cta-tray-flexible h1.cta-tray-content-title,.node-component-cta-tray-flexible h2.cta-tray-content-title {
  font-family: "Roboto Condensed",sans-serif;
  font-size: 36px;
  line-height: 40px;
  font-weight: 200;
  color: #7d0765;
  margin-bottom: 20px;
}

.node-component-cta-tray-flexible .cta-tray-content-body-text-wrapper {
  padding-bottom: 20px;
  font-size: 16px;
  line-height: 28px;
  font-weight: 200;
}

.node-component-cta-tray-flexible .cta-tray-content-body-text-wrapper p {
  font-size: 16px;
  line-height: 28px;
  padding: 0;
  font-weight: 200;
  margin-top: -3px;
  margin-bottom: 10px;
}

.node-component-cta-tray-flexible .cta-tray-content-body-text-wrapper a {
  font-weight: 700;
  color: #000;
  text-decoration: underline;
}

.node-component-cta-tray-flexible .cta-tray-content-body-text-wrapper a:hover {
  font-weight: 700;
  color: #d92231;
  text-decoration: underline;
}

.node-component-cta-tray-flexible .cta-tray-content-tile-icon-wrapper {
  margin-right: 30px;
  width: 70px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.node-component-cta-tray-flexible .cta-tray-content-tile-text-wrapper {
  -ms-flex-negative: 1;
      flex-shrink: 1;
}

.node-component-cta-tray-flexible .cta-tray-content-tile-icon-wrapper img {
  width: 70px;
  height: auto;
}

.node-component-cta-tray-flexible .cta-tray-contnet-tile-title,.node-component-cta-tray-flexible h2.cta-tray-contnet-tile-title,.node-component-cta-tray-flexible h3.cta-tray-contnet-tile-title {
  font-family: "Roboto Condensed",sans-serif;
  font-size: 24px;
  line-height: 28px;
  font-weight: 200;
  color: #000;
  margin-top: -4px;
  margin-bottom: 20px;
}

.node-component-cta-tray-flexible .cta-tray-content-tile {
  display: -ms-flexbox;
  display: flex;
  padding: 10px 0;
}

.node-component-cta-tray-flexible .cta-tray-content-tile-field-html,.node-component-cta-tray-flexible .cta-tray-content-tile-field-html p {
  font-size: 16px;
  line-height: 28px;
  padding: 0;
  font-weight: 200;
}

.node-component-cta-tray-flexible .cta-tray-content-tile-field-html p {
  margin-top: -3px;
  margin-bottom: 10px;
}

.node-component-cta-tray-flexible .cta-tray-content-tile-field-html a {
  font-weight: 700;
  color: #000;
  text-decoration: underline;
}

.node-component-cta-tray-flexible .cta-tray-content-tile-field-html a:hover {
  font-weight: 700;
  color: #d92231;
  text-decoration: underline;
}

.node-component-cta-tray-flexible .cta-tray-content-tile-cta-wrapper {
  padding-top: 20px;
}

.drupal-component-tabbed-content-row {
  margin-bottom: 30px;
}