/* Clears
-----------------------------------------------*/
.clear {
  clear: both; }

/**
Minimum paragraph width means no short words in skinny space next to image
in columns or small screens.

This workaround is needed until we can use flexbox properly
or CSS offers container queries.

Thanks https://css-tricks.com/minimum-paragraph-widths/
*/
.maybe-clear {
  content: "";
  /* this value seems to work well in both responsive and Masonry */
  width: 6em;
  display: block;
  overflow: hidden; }

/* Base
-----------------------------------------------*/
.strong-view.wpmtst-side {
  display: block;
  width: 100%; }
  .strong-view.wpmtst-side div {
    box-sizing: border-box; }
  .strong-view.wpmtst-side .wpmtst-testimonial {
    max-height: none;
    max-width: none;
    padding: 0;
    width: 100%; }
    .strong-view.wpmtst-side .wpmtst-testimonial.t-slide {
      margin-top: 0;
      margin-bottom: 0; }
  .strong-view.wpmtst-side .wpmtst-testimonial-inner {
    display: block;
    width: 100%;
    height: 100%; }
  .strong-view.wpmtst-side .wpmtst-testimonial-image {
    max-width: 100%; }
  .strong-view.wpmtst-side .testimonial-field-before {
    margin-right: 0.5em; }
  .strong-view.wpmtst-side a.readmore,
  .strong-view.wpmtst-side a.readmore-toggle {
    white-space: nowrap;
    z-index: 100; }
  .strong-view.wpmtst-side a.readmore-toggle:hover {
    cursor: pointer; }

.strong-view.slider-container {
  opacity: 1; }

.strong-view .screen-reader-text {
  clip: rect(1px, 1px, 1px, 1px);
  height: 1px;
  overflow: hidden;
  position: absolute !important;
  width: 1px;
  word-wrap: normal !important; }

/* Template
-----------------------------------------------*/
.strong-view.wpmtst-side .strong-content {
  margin: 20px auto 0; }

.strong-view.wpmtst-side .wpmtst-testimonial {
  margin: 40px auto;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
  flex-direction: row;
  }
  .strong-view.wpmtst-side .wpmtst-testimonial:first-child {
    margin-top: 0; }
  .strong-view.wpmtst-side .wpmtst-testimonial:last-child {
    margin-bottom: 0; }

.strong-view.wpmtst-side .wpmtst-testimonial-inner {
  padding-left: 1.5em; }
  .strong-view.wpmtst-side .wpmtst-testimonial-inner > *:not(:nth-last-child(2)):not(:last-child) {
    margin-bottom: 0.5em; }

.strong-view.wpmtst-side .wpmtst-testimonial-content {
  position: relative; }
  .strong-view.wpmtst-side .wpmtst-testimonial-content p:first-of-type {
    margin-top: 0;
    padding-top: 0; }
  .strong-view.wpmtst-side .wpmtst-testimonial-content p:last-of-type {
    margin-bottom: 0;
    padding-bottom: 0; }

.strong-view.wpmtst-side .wpmtst-testimonial-image {
  position: relative; }
  .strong-view.wpmtst-side .wpmtst-testimonial-image img {
    border-radius: 50%;
    border: 3px solid #fff;
    box-shadow: 0px 10px 30px 0px rgba(128, 144, 174, 0.35); }
  .strong-view.wpmtst-side .wpmtst-testimonial-image a {
    text-decoration: none;
    box-shadow: none; }
  .strong-view.wpmtst-side .wpmtst-testimonial-image .initials {
    text-align: center;
    font-size: 42px;
    font-weight: bold;
    background-color: #f9f9f9;
    border-radius: 50%;
    border: 3px solid #fff;
    box-shadow: 0px 10px 30px 0px rgba(128, 144, 174, 0.35);
    display: table-cell;
    vertical-align: middle; }

.strong-view.wpmtst-side .wpmtst-testimonial-heading {
  position: relative; }
  .strong-view.wpmtst-side .wpmtst-testimonial-heading svg {
    position: absolute;
    right: 0;
    top: 50%;
    width: 24px;
    height: 24px;
    transform: translateY(-50%); }

.strong-view.wpmtst-side .wpmtst-testimonial-row--custom-1 {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center; }

.strong-view.wpmtst-side .readmore {
  margin-top: 1em; }

.strong-view.wpmtst-side .strong-view-footer {
  margin-bottom: 20px; }

.strong-view.wpmtst-side .readmore-page {
  margin-top: 20px;
  padding: 1em;
  text-align: center;
  border: 1px solid #E6E6E6; }

.strong-view.wpmtst-side .strong-rating span.star:before {
  font-size: 1em; }

/* Pagination
-----------------------------------------------*/
/* Simple pagination
-----------------------------------------------*/
.strong-view.wpmtst-side.strong-pager {
  display: none; }

.simplePagerList {
  /* match .strong-content container */
  margin: 20px auto;
  text-align: center; }

.strong-view ul.simplePagerNav {
  margin: 0 auto;
  padding: 0;
  display: inline-block; }
  .strong-view ul.simplePagerNav li {
    display: inline;
    list-style: none;
    margin: 0;
    padding: 0; }
    .strong-view ul.simplePagerNav li a {
      margin: 0 0.2em;
      padding: 0.1em 0.3em;
      outline: none;
      text-decoration: none;
      transition: background 0.2s ease; }
      .strong-view ul.simplePagerNav li a:hover {
        background: #BBB;
        color: #FFF; }
    .strong-view ul.simplePagerNav li.currentPage a {
      text-decoration: none;
      background: #999;
      color: #FFF; }

.strong-view.rtl ul.simplePagerNav li {
  float: right; }

/* Standard pagination
-----------------------------------------------*/
.strong-view .nav-links {
  margin: 20px auto;
  text-align: center; }
  .strong-view .nav-links a, .strong-view .nav-links span {
    display: inline-block;
    line-height: 1.5;
    margin: 0 0.2em;
    padding: 0.1em 0.3em;
    transition: background 0.2s ease; }
    .strong-view .nav-links a.current, .strong-view .nav-links span.current {
      background: #999;
      color: #FFF; }
  .strong-view .nav-links a {
    outline: none;
    text-decoration: none; }
  .strong-view .nav-links a:hover,
  .strong-view .nav-links a.prev:hover,
  .strong-view .nav-links a.next:hover,
  .strong-view .nav-links span:hover {
    background: #BBB;
    color: #FFF; }

/* Slideshow
-----------------------------------------------*/
.strong-view.wpmtst-side.slider-container {
  /* If vertical or fade slideshow, move border from individual testimonials to viewport. */ }
  .strong-view.wpmtst-side.slider-container .strong-content {
    margin: 0 auto; }
  .strong-view.wpmtst-side.slider-container .wpmtst-testimonial:not(:first-child) {
    display: none; }

.strong-view.wpmtst-side.nav-position-inside .wpmtst-testimonial-inner {
  padding-bottom: 48px; }

.strong-view.wpmtst-side.controls-type-sides .wpmtst-testimonial-inner {
  padding-left: 50px;
  padding-right: 50px; }

.strong-view.wpmtst-side.slider-stretch .wpmtst-testimonial-inner {
  /* to force same height for all slides */
  height: 100%; }

/* Option: Image Right
-----------------------------------------------*/
.strong-view.wpmtst-side.image-right .wpmtst-testimonial > :first-child {
  -ms-flex-order: 1;
      order: 1; }

.strong-view.wpmtst-side.image-right .wpmtst-testimonial-inner {
  padding-left: 0;
  padding-right: 1.5em; }