/*--------------------------------------------------------------
# AECOM base mixins + vars
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Font Awesome
--------------------------------------------------------------*/
/*!
 *  Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */
/* FONT PATH
 * -------------------------- */
@font-face {
  font-family: 'FontAwesome';
  src: url("../../../themes/aecom/sass/font-awesome/fonts/fontawesome-webfont.eot?v=4.7.0");
  src: url("../../../themes/aecom/sass/font-awesome/fonts/fontawesome-webfont.eot?#iefix&v=4.7.0") format("embedded-opentype"), url("../../../themes/aecom/sass/font-awesome/fonts/fontawesome-webfont.woff2?v=4.7.0") format("woff2"), url("../../../themes/aecom/sass/font-awesome/fonts/fontawesome-webfont.woff?v=4.7.0") format("woff"), url("../../../themes/aecom/sass/font-awesome/fonts/fontawesome-webfont.ttf?v=4.7.0") format("truetype"), url("../../../themes/aecom/sass/font-awesome/fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular") format("svg");
  font-weight: normal;
  font-style: normal; }
/*--------------------------------------------------------------
# Social Stream styles
--------------------------------------------------------------*/
.dcwss.dc-feed {
  margin: 2rem 0;
  position: relative;
  padding: 0 1.444rem; }
  @media screen and (min-width: 1180px) {
    .dcwss.dc-feed {
      padding: 0 41px 0 42px; } }
  .dcwss.dc-feed .dcsns-toolbar .dcsns-filter {
    display: none; }
  .dcwss.dc-feed .mobile-controls,
  .dcwss.dc-feed .controls {
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    bottom: 11px;
    left: 0; }
  .dcwss.dc-feed .controls {
    display: none; }
  @media screen and (min-width: 500px) {
    .dcwss.dc-feed .mobile-controls {
      display: none; } }
  @media screen and (min-width: 1180px) {
    .dcwss.dc-feed .controls {
      display: block; } }
  .dcwss.dc-feed .controls ul, .dcwss.dc-feed .controls li {
    list-style: none;
    margin: 0;
    padding: 0;
    display: block; }
    .dcwss.dc-feed .controls ul:before, .dcwss.dc-feed .controls li:before {
      display: none; }
  .dcwss.dc-feed .mobile-controls a,
  .dcwss.dc-feed .controls a {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 31px;
    background: url(../images/arrow-left-dark.png) no-repeat center center #f0f0f0; }
    .dcwss.dc-feed .mobile-controls a:active,
    .dcwss.dc-feed .controls a:active {
      background-color: #e3e3e3; }
  .dcwss.dc-feed .mobile-controls a {
    width: 1.1rem; }
  .dcwss.dc-feed .mobile-controls a.prev-link,
  .dcwss.dc-feed .controls a.prev {
    left: 0; }
  .dcwss.dc-feed .mobile-controls a.next-link,
  .dcwss.dc-feed .controls a.next {
    right: 0;
    background-image: url(../images/arrow-right-dark.png); }
  .dcwss.dc-feed .dcwss-content {
    overflow: hidden;
    height: auto !important;
    position: relative;
    z-index: 2; }
    @media screen and (min-width: 500px) {
      .dcwss.dc-feed .dcwss-content {
        overflow: auto; } }
    @media screen and (min-width: 1180px) {
      .dcwss.dc-feed .dcwss-content {
        overflow: hidden; } }
  .dcwss.dc-feed .stream {
    list-style: none;
    margin: 0;
    padding: 0;
    display: block;
    white-space: nowrap;
    position: relative;
    transition: transform 500ms ease, left 500ms ease;
    margin: 0 -5px 0; }
    .dcwss.dc-feed .stream:before {
      display: none; }
    .dcwss.dc-feed .stream > li {
      font-size: 16px;
      font-size: 1rem;
      white-space: normal;
      position: relative;
      overflow: hidden;
      padding: 0 12px 3.5rem;
      margin: 0 0 11px;
      width: 100%;
      background-color: #f7f7f7;
      display: none;
      -webkit-transition-property: -webkit-transform, opacity;
      -moz-transition-property: -moz-transform, opacity;
      transition-property: transform, opacity;
      -webkit-transition-duration: 200ms;
      -moz-transition-duration: 200ms;
      transition-duration: 200ms;
      -webkit-transition-timing-function: ease-in;
      -moz-transition-timing-function: ease-in;
      transition-timing-function: ease-in;
      -webkit-transform: translateX(0);
      -moz-transform: translateX(0);
      -ms-transform: translateX(0);
      -o-transform: translateX(0);
      transform: translateX(0);
      box-shadow: 0 4px #fff, 0 10px rgba(0, 0, 0, 0.2); }
      .dcwss.dc-feed .stream > li.current {
        display: block;
        z-index: 3;
        opacity: 1.0; }
      .dcwss.dc-feed .stream > li.prev, .dcwss.dc-feed .stream > li.next {
        display: block;
        position: absolute;
        top: 0;
        z-index: 1;
        opacity: 0.5; }
      .dcwss.dc-feed .stream > li.prev {
        -webkit-transform: translateX(-100%);
        -moz-transform: translateX(-100%);
        -ms-transform: translateX(-100%);
        -o-transform: translateX(-100%);
        transform: translateX(-100%); }
      .dcwss.dc-feed .stream > li.next {
        -webkit-transform: translateX(100%);
        -moz-transform: translateX(100%);
        -ms-transform: translateX(100%);
        -o-transform: translateX(100%);
        transform: translateX(100%); }
      @media screen and (min-width: 500px) {
        .dcwss.dc-feed .stream > li {
          height: 363px;
          width: 359px;
          display: inline-block;
          vertical-align: top;
          margin: 0 5px 11px; }
          .dcwss.dc-feed .stream > li.current, .dcwss.dc-feed .stream > li.prev, .dcwss.dc-feed .stream > li.next {
            position: relative;
            display: inline-block;
            transform: none;
            opacity: 1.0; } }
      .dcwss.dc-feed .stream > li.dcsns-twitter {
        background-color: #e5f7fc; }
      .dcwss.dc-feed .stream > li.dcsns-youtube {
        box-shadow: 0 4px #fff, 0 10px #a51681; }
      .dcwss.dc-feed .stream > li.dcsns-facebook, .dcwss.dc-feed .stream > li.dcsns-instagram {
        box-shadow: 0 4px #fff, 0 10px #006f9a; }
      .dcwss.dc-feed .stream > li.dcsns-twitter {
        box-shadow: 0 4px #fff, 0 10px #00b5e5; }
      .dcwss.dc-feed .stream > li.dcsns-google {
        box-shadow: 0 4px #fff, 0 10px #f68b1f; }
  .dcwss.dc-feed .inner {
    font-size: 17.6px;
    font-size: 1.1rem;
    line-height: 1.2;
    font-weight: 400;
    color: #1c1c1c; }
    .dcwss.dc-feed .inner a {
      color: #9d9fa2;
      text-decoration: none; }
      .dcwss.dc-feed .inner a:active {
        color: #a51681; }
    .dcwss.dc-feed .inner .section-thumb {
      display: block;
      margin: 0 -12px;
      max-height: 194px;
      overflow: hidden; }
      .dcwss.dc-feed .inner .section-thumb a,
      .dcwss.dc-feed .inner .section-thumb img {
        display: block;
        width: 100%; }
      .dcwss.dc-feed .inner .section-thumb img {
        margin-top: -2px; }
      .dcwss.dc-feed .inner .section-thumb ~ .section-title,
      .dcwss.dc-feed .inner .section-thumb ~ .section-text {
        margin-top: 0.5rem; }
    .dcwss.dc-feed .inner .section-title,
    .dcwss.dc-feed .inner .section-text {
      display: block;
      margin: 0.8rem 0;
      overflow: hidden; }
      @media screen and (min-width: 500px) {
        .dcwss.dc-feed .inner .section-title,
        .dcwss.dc-feed .inner .section-text {
          height: 6em; } }
    .dcwss.dc-feed .inner .section-thumb ~ .section-text,
    .dcwss.dc-feed .inner .section-thumb ~ .section-title {
      height: 4.8em; }
  .dcwss.dc-feed .twitter-user {
    display: none; }
  .dcwss.dc-feed .dcsns-google .section-title a {
    color: #1c1c1c; }
  .dcwss.dc-feed .dcsns-google .section-text {
    display: none; }
  .dcwss.dc-feed .dcsns-instagram .section-thumb {
    max-height: 296px; }
    .dcwss.dc-feed .dcsns-instagram .section-thumb img {
      margin-top: -19px; }
  .dcwss.dc-feed .section-share {
    display: block;
    margin: 0.8rem 0 4rem;
    padding-right: 39px;
    line-height: 1;
    display: none; }
  .dcwss.dc-feed .stream .section-intro {
    /* specificity battle... */
    font-size: 11.2px;
    font-size: 0.7rem;
    line-height: 1;
    background: transparent !important;
    font-weight: 500;
    display: inline-block;
    position: absolute;
    bottom: 39px;
    left: 12px; }
    .dcwss.dc-feed .stream .section-intro a {
      color: #9d9fa2;
      opacity: 0.7;
      text-decoration: none; }
      .dcwss.dc-feed .stream .section-intro a:hover {
        opacity: 1.0; }
  .dcwss.dc-feed .more-link {
    font-size: 10.656px;
    font-size: 0.666rem;
    position: absolute;
    display: block;
    bottom: 13px;
    left: 12px;
    font-weight: 500;
    line-height: 1;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    text-decoration: none;
    color: #000;
    opacity: 0.4; }
    .dcwss.dc-feed .more-link:hover {
      opacity: 0.55; }
  .dcwss.dc-feed .icon-link {
    position: absolute;
    bottom: 8px;
    right: 7px;
    background: rgba(0, 0, 0, 0.5);
    border-radius: 100%;
    height: 32px;
    width: 32px;
    opacity: 0.5; }
    .dcwss.dc-feed .icon-link:hover {
      opacity: 1.0; }
    .dcwss.dc-feed .icon-link .icon {
      position: static;
      display: block;
      margin: 3px auto; }