/*
 * 	WIDGET: 	w11-recommended-links
 *
 *	CONTENTS: 	3 recommened client case-study links below a widget title, each with an image above a short description linked to the case-study.
 *
 *	MOBILE: 	Widget hidden completely on mobile
 */
.so-widget-w11-recommended-links {
  max-width: 100% !important;
}
.sagentia .so-widget-w11-recommended-links {
  background-color: #0A73FF;
}
.leatherhead .so-widget-w11-recommended-links {
  background-color: #0A73FF;
}
.otm .so-widget-w11-recommended-links {
  background-color: #FF1428;
}
.science-group .so-widget-w11-recommended-links {
  background-color: #373737;
}
.oakland .so-widget-w11-recommended-links {
  background-color: #00CD62;
}
.tsg .so-widget-w11-recommended-links {
  background-color: #00B9FF;
}
.tsg-forum .so-widget-w11-recommended-links {
  background-color: #00B9FF;
}
.otm .so-widget-w11-recommended-links {
  background-color: #373737 !important;
}
.so-widget-w11-recommended-links > * {
  max-width: 1140px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  display: block;
}
@media (max-width: 1279px), (max-width: 1024px) {
  .so-widget-w11-recommended-links > * {
    max-width: 100%;
  }
}
@media (max-width: 767px) {
  .so-widget-w11-recommended-links > * {
    max-width: 100%;
  }
}
.so-widget-w11-recommended-links > .wrapper {
  padding: 54px 0px 44px 0px;
}
.so-widget-w11-recommended-links > .wrapper > .h1 {
  font-family: "Atlas", sans-serif;
  font-weight: 100;
  font-size: 36px;
  line-height: 42px;
  -ms-transform: translateX(-1px);
  -o-transform: translateX(-1px);
  -moz-transform: translateX(-1px);
  -webkit-transform: translateX(-1px);
  transform: translateX(-1px);
  margin: 0px;
  margin-bottom: 0.5em;
  color: white;
}
@media (max-width: 1279px), (max-width: 1024px) {
  .so-widget-w11-recommended-links > .wrapper > .h1 {
    font-size: 34px;
    line-height: 40px;
  }
}
@media (max-width: 767px) {
  .so-widget-w11-recommended-links > .wrapper > .h1 {
    font-size: 32px;
    line-height: 38px;
  }
}
.so-widget-w11-recommended-links > .wrapper > div.post {
  display: inline-block;
  vertical-align: top;
  width: 31.57894737%;
}
.so-widget-w11-recommended-links > .wrapper > div.post.item-2 {
  margin: 0px 2.63157895%;
}
@media (max-width: 1279px), (max-width: 1024px) {
  .so-widget-w11-recommended-links > .wrapper > div.post {
    width: 50%;
  }
  .so-widget-w11-recommended-links > .wrapper > div.post.item-1 .wrapper {
    padding-right: 15px;
  }
  .so-widget-w11-recommended-links > .wrapper > div.post.item-2 {
    margin: 0px;
  }
  .so-widget-w11-recommended-links > .wrapper > div.post.item-2 .wrapper {
    padding-left: 15px;
  }
  .so-widget-w11-recommended-links > .wrapper > div.post.item-3 {
    display: none;
  }
}
@media (max-width: 767px) {
  .so-widget-w11-recommended-links > .wrapper > div.post {
    width: 100%;
    display: block;
  }
  .so-widget-w11-recommended-links > .wrapper > div.post.item-1 .wrapper {
    padding-right: 0px;
  }
  .so-widget-w11-recommended-links > .wrapper > div.post.item-2 {
    margin: 0px;
    margin-top: 44px;
  }
  .so-widget-w11-recommended-links > .wrapper > div.post.item-2 .wrapper {
    padding-left: 0px;
  }
}
.so-widget-w11-recommended-links > .wrapper > div.post > .wrapper > a.image-wrapper {
  display: block;
  height: 0px;
  padding-bottom: 56.25%;
  padding-bottom: calc(56.25% + 0px);
  margin-bottom: 22px;
  overflow: hidden;
}
.so-widget-w11-recommended-links > .wrapper > div.post > .wrapper > a.image-wrapper > .image {
  display: block;
  width: 100%;
  height: 0px;
  padding-bottom: 56.25%;
  padding-bottom: calc(56.25% + 0px);
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  -ms-transform: scale(1);
  -o-transform: scale(1);
  -moz-transform: scale(1);
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: -webkit-transform 0.7s;
  -moz-transition: -moz-transform 0.7s;
  -o-transition: -o-transform 0.7s;
  -webkit-transition: transform 0.7s, opacity 0.7s;
  -ms-transition: transform 0.7s, opacity 0.7s;
  -o-transition: transform 0.7s, opacity 0.7s;
  -moz-transition: transform 0.7s, opacity 0.7s;
  transition: transform 0.7s, opacity 0.7s;
  -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  -moz-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  -ms-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  -o-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  background-color: rgba(255, 255, 255, 0.2);
}
.so-widget-w11-recommended-links > .wrapper > div.post > .wrapper > a.image-wrapper > .image:hover {
  -ms-transform: scale(1.03);
  -o-transform: scale(1.03);
  -moz-transform: scale(1.03);
  -webkit-transform: scale(1.03);
  transform: scale(1.03);
}
.so-widget-w11-recommended-links > .wrapper > div.post > .wrapper > a.text-wrapper {
  font-family: "Atlas", sans-serif;
  font-weight: 300;
  font-size: 20px;
  line-height: 28px;
  color: white;
}
@media (max-width: 1279px), (max-width: 1024px) {
  .so-widget-w11-recommended-links > .wrapper > div.post > .wrapper > a.text-wrapper {
    font-size: 18px;
    line-height: 26px;
  }
}
@media (max-width: 767px) {
  .so-widget-w11-recommended-links > .wrapper > div.post > .wrapper > a.text-wrapper {
    font-size: 16px;
    line-height: 24px;
  }
}
.so-widget-w11-recommended-links > .wrapper > div.post > .wrapper > a.text-wrapper:after {
  content: "\A0\BB";
  display: inline;
}
@media (max-width: 767px) {
  display: none;
}