/* BREAKPOINTS */
/* widths/heights/dimension */
/* COLOURS */
/* -------------------------------------------------------------
  Sass CSS3 Mixins! The Cross-Browser CSS3 Sass Library
  By: Matthieu Aussaguel, http://www.mynameismatthieu.com, @matthieu_tweets

  List of CSS3 Sass Mixins File to be @imported and @included as you need

  The purpose of this library is to facilitate the use of CSS3 on different browsers avoiding HARD TO READ and NEVER
  ENDING css files

  note: All CSS3 Properties are being supported by Safari 5
  more info: http://www.findmebyip.com/litmus/#css3-properties

  Mixins available:
    -   css3-prefix             - arguments: Property, Value
    -   background-gradient     - arguments: Start Color: #3C3C3C, End Color: #999999
    -   background-radial       - arguments: Start Color: #FFFFFF, Start position: 0%, End Color: #000000, End position: 100%
    -   background-size         - arguments: Width: 100%, Height: 100%
    -   background-opacity      - arguments: Color: #000, Opacity: .85
    -   border-radius           - arguments: Radius: 5px
    -   border-radius-separate  - arguments: Top Left: 5px, Top Left: 5px, Bottom Left: 5px, Bottom Right: 5px
    -   box                     - arguments: Orientation: horizontal, Pack: center, Align: center
    -   box-rgba                - arguments: R: 60, G: 3, B: 12, Opacity: 0.23, Color: #3C3C3C
    -   box-shadow              - arguments: X: 2px, Y: 2px, Blur: 5px, Color: rgba(0,0,0,.4)
    -   box-sizing              - arguments: Type: border-box
    -   columns                 - arguments: Count: 3, Gap: 10
    -   double-borders          - arguments: Color One: #3C3C3C, Color Two: #999999, Radius: 0
    -   flex                    - arguments: Value: 1
    -   flip                    - arguments: ScaleX: -1
    -   font-face               - arguments: Font Family: myFont, Eot File Src: myFont.eot, Woff File Src: myFont.woff, Ttf File Src: myFont.ttf
    -   opacity                 - arguments: Opacity: 0.5
    -   outline radius          - arguments: Radius: 5px
    -   resize                  - arguments: Direction: both
    -   rotate                  - arguments: Degree: 0, M11: 0, M12: 0, M21: 0, M22: 0
    CSS Matrix Rotation Calculator http://www.boogdesign.com/examples/transforms/matrix-calculator.html
    -   text-shadow             - arguments: X: 2px, Y: 2px, Blur: 5px, Color: rgba(0,0,0,.4)
    -   transform               - arguments: Parameters: null
    -   transform-style         - arguments: Style: preserve-3d
    -   transition              - arguments: What: all, Length: 1s, Easing: ease-in-out
    -   triple-borders          - arguments: Color One: #3C3C3C, Color Two: #999999, Color Three: #000000, Radius: 0
    -   keyframes               - arguments: Animation name
                                - content:   Animation css
    -   animation               - arguments: name duration timing-function delay iteration-count direction fill-mode play-state
                                             (http://www.w3schools.com/cssref/css3_pr_animation.asp)

------------------------------------------------------------- */
/* ADDS A BROWSER PREFIX TO THE PROPERTY */
/* BACKGROUND GRADIENT */
/* BACKGROUND RADIAL */
/* BACKGROUND SIZE */
/* BACKGROUND COLOR OPACITY */
/* BORDER RADIUS */
/* BOX */
/* BOX RGBA */
/* BOX SHADOW */
/* BOX SIZING */
/* COLUMNS */
/* DOUBLE BORDERS */
/* FLEX */
/* FLIP */
/* FONT FACE */
/* OPACITY */
/* OUTLINE RADIUS */
/* RESIZE */
/* ROTATE*/
/* TEXT SHADOW */
/* TRANSFORM  */
/* TRANSFORM STYLE */
/* TRANSITION */
/* TRIPLE BORDERS */
/* KEYFRAMES */
/* ANIMATION */
/* FORMS */
/* The clearfix mixin is necessary for the floats */
/* CSS3 */
/* FONTS */
.featured-articles {
  padding-bottom: 20px;
}
@media only screen and (min-width: 75em) {
  .featured-articles {
    padding-bottom: 16px;
  }
}
.featured-articles .text-center .button {
  margin-top: 35px;
}

.articles-carousel {
  padding-top: 15px;
}
.articles-carousel .slick-prev,
.articles-carousel .slick-next {
  z-index: 1;
  top: 105%;
  width: 8px;
  height: 18px;
  overflow: hidden;
}
.articles-carousel .slick-prev:before,
.articles-carousel .slick-next:before {
  width: 8px;
  height: 18px;
  display: block;
  background: url(../../img/modules/featured-articles/sprite-mobile-carousel-arrows.png) no-repeat;
}
@media only screen and (min-width: 75em) {
  .articles-carousel .slick-prev,
  .articles-carousel .slick-next {
    top: 50%;
    width: 21px;
    height: 54px;
    display: block;
  }
  .articles-carousel .slick-prev:before,
  .articles-carousel .slick-next:before {
    width: 21px;
    height: 54px;
    background: url(../../img/sprite-carousel-arrows-large.png) no-repeat;
  }
}
.articles-carousel .slick-prev {
  left: 0;
}
.articles-carousel .slick-prev:before {
  background-position: left top;
  content: "";
}
[dir="rtl"] .articles-carousel .slick-prev:before {
  content: "";
}
@media only screen and (min-width: 75em) {
  .articles-carousel .slick-prev:before {
    background-position: -31px 0;
  }
}
@media only screen and (min-width: 75em) {
  .articles-carousel .slick-prev {
    left: -60px;
  }
}
.articles-carousel .slick-next {
  right: 0;
}
.articles-carousel .slick-next:before {
  background-position: 0 -32px;
  content: "";
}
[dir="rtl"] .articles-carousel .slick-next:before {
  content: "";
}
@media only screen and (min-width: 75em) {
  .articles-carousel .slick-next {
    right: -60px;
  }
  .articles-carousel .slick-next:before {
    background-position: 0;
  }
}

.articles-carousel-item {
  position: relative;
  margin-bottom: 55px;
  margin-right: 20px;
  padding: 0;
  word-wrap: break-word;
}
@media only screen and (min-width: 48em) {
  .articles-carousel-item {
    margin-right: 30px;
  }
}
@media only screen and (min-width: 75em) {
  .articles-carousel-item {
    /*margin-bottom: 0;*/
  }
}
.articles-carousel-item h4 {
  font-size: 15px;
  font-weight: 600;
}
.articles-carousel-item a {
  text-decoration: none;
}
.articles-carousel-item .read-more {
  position: absolute;
  display: block;
  bottom: -30px;
  width: 90%;
  height: 33px;
  font-size: 11px;
}
.articles-carousel-item .read-more:before {
  content: "";
  display: block;
  width: 100%;
  padding-top: 10px;
}
.articles-carousel-item .read-more:hover {
  text-decoration: none;
}
.articles-carousel-item .read-more:after {
  content: "";
  display: inline-block;
  width: 7px;
  height: 10px;
  margin-left: 6px;
  background-image: url(../../img/global/1x/global-icon-arrow.png);
  background-repeat: no-repeat;
  background-position: -7px;
  -webkit-background-size: 14px 7px;
  -khtml-background-size: 14px 7px;
  -moz-background-size: 14px 7px;
  -ms-background-size: 14px 7px;
  -o-background-size: 14px 7px;
  background-size: 14px 7px;
}
@media (-webkit-min-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 3 / 2), (min--moz-device-pixel-ratio: 2), (min-device-pixel-ratio: 2), (min-resolution: 144dppx) {
  .articles-carousel-item .read-more:after {
    background-image: url(../../img/global/2x/global-icon-arrow-2x.png);
  }
}
@media only screen and (min-width: 48em) {
  .articles-carousel-item .read-more {
    bottom: -50px;
    border-top: 1px solid #f1f1f1;
  }
}

.articles-carousel-video img,
.articles-carousel-image-and-text img {
  width: 100%;
}
.articles-carousel-video h4,
.articles-carousel-image-and-text h4 {
  margin: 5px 0;
}
.articles-carousel-video p,
.articles-carousel-image-and-text p {
  line-height: 18px;
}

.articles-carousel-quote, .articles-carousel-twitter,
.articles-carousel-fb,
.articles-carousel-linkedin,
.articles-carousel-google {
  background: url(../../img/modules/featured-articles/icon-quote.png) no-repeat;
}
.articles-carousel-quote h4, .articles-carousel-twitter h4,
.articles-carousel-fb h4,
.articles-carousel-linkedin h4,
.articles-carousel-google h4 {
  font-size: 15px;
  margin: 10px 0;
}
.articles-carousel-quote blockquote, .articles-carousel-twitter blockquote,
.articles-carousel-fb blockquote,
.articles-carousel-linkedin blockquote,
.articles-carousel-google blockquote {
  text-align: center;
  padding: 30px 0 0 20px;
  margin: 0;
}
.articles-carousel-quote blockquote p, .articles-carousel-twitter blockquote p,
.articles-carousel-fb blockquote p,
.articles-carousel-linkedin blockquote p,
.articles-carousel-google blockquote p {
  font-size: 20px;
  line-height: 26px;
  letter-spacing: -1px;
}
.articles-carousel-quote cite, .articles-carousel-twitter cite,
.articles-carousel-fb cite,
.articles-carousel-linkedin cite,
.articles-carousel-google cite {
  display: block;
  text-align: center;
  font-style: normal;
  font-size: 15px;
}
.articles-carousel-quote footer, .articles-carousel-twitter footer,
.articles-carousel-fb footer,
.articles-carousel-linkedin footer,
.articles-carousel-google footer {
  position: absolute;
  bottom: -20px;
  width: 90%;
}
@media only screen and (min-width: 48em) {
  .articles-carousel-quote footer, .articles-carousel-twitter footer,
  .articles-carousel-fb footer,
  .articles-carousel-linkedin footer,
  .articles-carousel-google footer {
    bottom: -43px;
  }
}

.articles-carousel-icon-text h4 {
  /*min-height: 80px;*/
  min-height: 47px;
  padding: 0 0 0 20%;
  margin-bottom: 20px;
  line-height: 16px;
  background: url(../../img/modules/featured-articles/icon-doc.png) no-repeat top left;
}

.articles-carousel-text-only h4,
.articles-carousel-blog h4,
.articles-carousel-pressrelease h4 {
  margin-bottom: 23px;
  font-size: 20px;
  font-weight: 400;
  line-height: 22px;
}
.articles-carousel-text-only .author,
.articles-carousel-blog .author,
.articles-carousel-pressrelease .author {
  margin: 10px 0;
  font-style: normal;
  font-size: 15px;
}

.articles-carousel-pressrelease p a {
  text-transform: none;
}
.articles-carousel-pressrelease .read-more {
  background: url(../../img/sprite-global-social.png) no-repeat 100% -328px;
}

.articles-carousel-blog .read-more {
  background: url(../../img/sprite-global-social.png) no-repeat 100% -270px;
}

.articles-carousel-image-only img {
  width: 100%;
}
.articles-carousel-image-only h4 {
  font-size: 24px;
  font-weight: 600;
  line-height: 1em;
  margin-bottom: 10px;
}

.articles-carousel-twitter footer,
.articles-carousel-fb footer,
.articles-carousel-linkedin footer,
.articles-carousel-google footer {
  position: static;
  bottom: auto;
  width: auto;
  text-align: center;
}
.articles-carousel-twitter footer a,
.articles-carousel-fb footer a,
.articles-carousel-linkedin footer a,
.articles-carousel-google footer a {
  text-transform: none;
}
.articles-carousel-twitter footer a:hover,
.articles-carousel-fb footer a:hover,
.articles-carousel-linkedin footer a:hover,
.articles-carousel-google footer a:hover {
  text-decoration: none;
}

.articles-carousel-twitter .read-more {
  background: url(../../img/sprite-global-social.png) no-repeat 100% -30px;
}

.articles-carousel-fb footer a:after {
  content: "";
  display: inline-block;
  width: 7px;
  height: 10px;
  margin-left: 6px;
  background-image: url(../../img/global/1x/global-icon-arrow.png);
  background-repeat: no-repeat;
  background-position: -7px;
  -webkit-background-size: 14px 7px;
  -khtml-background-size: 14px 7px;
  -moz-background-size: 14px 7px;
  -ms-background-size: 14px 7px;
  -o-background-size: 14px 7px;
  background-size: 14px 7px;
}
@media (-webkit-min-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 3 / 2), (min--moz-device-pixel-ratio: 2), (min-device-pixel-ratio: 2), (min-resolution: 144dppx) {
  .articles-carousel-fb footer a:after {
    background-image: url(../../img/global/2x/global-icon-arrow-2x.png);
  }
}
.articles-carousel-fb .read-more {
  background: url(../../img/sprite-global-social.png) no-repeat 100% -87px;
}

.articles-carousel-linkedin footer a:after {
  content: "";
  display: inline-block;
  width: 7px;
  height: 10px;
  margin-left: 6px;
  background-image: url(../../img/global/1x/global-icon-arrow.png);
  background-repeat: no-repeat;
  background-position: -7px;
  -webkit-background-size: 14px 7px;
  -khtml-background-size: 14px 7px;
  -moz-background-size: 14px 7px;
  -ms-background-size: 14px 7px;
  -o-background-size: 14px 7px;
  background-size: 14px 7px;
}
@media (-webkit-min-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 3 / 2), (min--moz-device-pixel-ratio: 2), (min-device-pixel-ratio: 2), (min-resolution: 144dppx) {
  .articles-carousel-linkedin footer a:after {
    background-image: url(../../img/global/2x/global-icon-arrow-2x.png);
  }
}
.articles-carousel-linkedin .read-more {
  background: url(../../img/sprite-global-social.png) no-repeat 100% -210px;
}

.articles-carousel-google footer a:after {
  content: "";
  display: inline-block;
  width: 7px;
  height: 10px;
  margin-left: 6px;
  background-image: url(../../img/global/1x/global-icon-arrow.png);
  background-repeat: no-repeat;
  background-position: -7px;
  -webkit-background-size: 14px 7px;
  -khtml-background-size: 14px 7px;
  -moz-background-size: 14px 7px;
  -ms-background-size: 14px 7px;
  -o-background-size: 14px 7px;
  background-size: 14px 7px;
}
@media (-webkit-min-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 3 / 2), (min--moz-device-pixel-ratio: 2), (min-device-pixel-ratio: 2), (min-resolution: 144dppx) {
  .articles-carousel-google footer a:after {
    background-image: url(../../img/global/2x/global-icon-arrow-2x.png);
  }
}
.articles-carousel-google .read-more {
  background: url(../../img/sprite-global-social.png) no-repeat 100% -150px;
}

.articles-carousel-item.articles-carousel-fb-image,
.articles-carousel-item.articles-carousel-image-only {
  margin-bottom: 0;
  background-size: cover;
  background-repeat: no-repeat;
}
.articles-carousel-item.articles-carousel-fb-image .overlay-text,
.articles-carousel-item.articles-carousel-image-only .overlay-text {
  position: absolute;
  bottom: 0;
  width: 100%;
  padding: 15px;
  font-size: 13px;
  color: #fff;
}

.articles-carousel-item.articles-carousel-image-only .button {
  padding-top: 0.5em;
  padding-bottom: 0.5em;
  color: #fff;
  border-color: #fff;
}

.articles-carousel-item.articles-carousel-fb-image a {
  text-transform: none;
}
.articles-carousel-item.articles-carousel-fb-image a:after {
  content: "";
  display: inline-block;
  width: 7px;
  height: 10px;
  margin-left: 6px;
  background-image: url(../../img/global/1x/global-icon-arrow.png);
  background-repeat: no-repeat;
  background-position: -7px;
  -webkit-background-size: 14px 7px;
  -khtml-background-size: 14px 7px;
  -moz-background-size: 14px 7px;
  -ms-background-size: 14px 7px;
  -o-background-size: 14px 7px;
  background-size: 14px 7px;
}
@media (-webkit-min-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 3 / 2), (min--moz-device-pixel-ratio: 2), (min-device-pixel-ratio: 2), (min-resolution: 144dppx) {
  .articles-carousel-item.articles-carousel-fb-image a:after {
    background-image: url(../../img/global/2x/global-icon-arrow-2x.png);
  }
}
.articles-carousel-item.articles-carousel-fb-image a:after {
  margin-left: 1px;
}
.articles-carousel-item.articles-carousel-fb-image .overlay-text {
  padding-right: 30px;
  line-height: 1.5em;
  background: rgba(0, 0, 0, 0.6) no-repeat 95% 75%;
  background-image: url(../../img/modules/featured-articles/modules-facebook-icon.png);
}

.articles-carousel-bg-image {
  width: 100%;
  height: 100%;
  background-size: cover;
  background-repeat: no-repeat;
}