/**
 * Strong Testimonials Simple template
 */
/* 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-simple {
  display: block;
  width: 100%;
}
.strong-view.wpmtst-simple div {
  box-sizing: border-box;
}
.strong-view.wpmtst-simple .wpmtst-testimonial {
  max-height: none;
  max-width: none;
  padding: 0;
  width: 100%;
}
.strong-view.wpmtst-simple .wpmtst-testimonial.t-slide {
  margin-top: 0;
  margin-bottom: 0;
}
.strong-view.wpmtst-simple .wpmtst-testimonial-inner {
  display: block;
  width: 100%;
  height: 100%;
}
.strong-view.wpmtst-simple .wpmtst-testimonial-image {
  max-width: 100%;
}
.strong-view.wpmtst-simple .wpmtst-testimonial-field-before {
  margin-right: 0.5em;
}
.strong-view.wpmtst-simple a.readmore,
.strong-view.wpmtst-simple a.readmore-toggle {
  white-space: nowrap;
  z-index: 100;
}
.strong-view.wpmtst-simple 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-simple .strong-content {
  margin: 1em auto;
}
.strong-view.wpmtst-simple .wpmtst-testimonial {
  margin: 1em auto;
  text-align: left;
}
.strong-view.wpmtst-simple .wpmtst-testimonial:first-child {
  margin-top: 0;
}
.strong-view.wpmtst-simple .wpmtst-testimonial:last-child {
  margin-bottom: 0;
}
.strong-view.wpmtst-simple .wpmtst-testimonial-inner {
  padding: 1em;
  text-align: left;
}
.strong-view.wpmtst-simple .wpmtst-testimonial-inner > *:not(:nth-last-child(2)):not(:last-child) {
	margin-bottom: 5px;
}
.strong-view.wpmtst-simple .wpmtst-testimonial-heading {
  margin-top: 0;
  margin-bottom: 1em;
  text-align: left;
}
.strong-view.wpmtst-simple .wpmtst-testimonial-content p:first-of-type {
  margin-top: 0;
  padding-top: 0;
}
.strong-view.wpmtst-simple .wpmtst-testimonial-content p:last-of-type {
  margin-bottom: 0;
  padding-bottom: 0;
}
.strong-view.wpmtst-simple .wpmtst-testimonial-image {
  float: left;
  margin-top: .25em;
  margin-right: 1em;
  margin-bottom: 1em;
}
.strong-view.wpmtst-simple .wpmtst-testimonial-image img {
  background: none;
}
.strong-view.wpmtst-simple .wpmtst-testimonial-image a {
  text-decoration: none;
  box-shadow: none;
}
.strong-view.wpmtst-simple .wpmtst-testimonial-image .initials {
  background: none;
  text-align: center;
  font-size: 42px;
  font-weight: bold;
  display: table-cell;
  vertical-align: middle;
}
.strong-view.wpmtst-simple .wpmtst-testimonial-field {
  clear: both;
}
.strong-view.wpmtst-simple .readmore {
  margin-top: 1em;
}
.strong-view.wpmtst-simple .readmore-page {
  padding: 1em;
  text-align: center;
}

/* Pagination
-----------------------------------------------*/
/* Simple pagination
-----------------------------------------------*/
.strong-view.wpmtst-simple.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-simple.slider-container .strong-content {
  margin: 0 auto;
}
.strong-view.wpmtst-simple.slider-container .wpmtst-testimonial:not(:first-child) {
  display: none;
}
.strong-view.wpmtst-simple.nav-position-inside .wpmtst-testimonial-inner {
  padding-bottom: 48px;
}
.strong-view.wpmtst-simple.controls-type-sides .wpmtst-testimonial-inner {
  padding-left: 50px;
  padding-right: 50px;
}

/* Responsive
-----------------------------------------------*/
@media only screen and (max-width: 320px) {
  .strong-view.wpmtst-simple .wpmtst-testimonial-image {
    float: none;
    margin-left: auto;
    margin-right: auto;
  }
}
/* RTL
-----------------------------------------------*/
.strong-view.wpmtst-simple.rtl .wpmtst-testimonial,
.strong-view.wpmtst-simple.rtl .wpmtst-testimonial-inner,
.strong-view.wpmtst-simple.rtl .wpmtst-testimonial-heading {
  text-align: right;
}
.strong-view.wpmtst-simple.rtl .wpmtst-testimonial-image {
  float: right;
  margin-left: 1em;
}
.strong-view.wpmtst-simple.rtl .wpmtst-testimonial-field {
  text-align: left;
}
.strong-view.wpmtst-simple .disabled {
  display : none!important;
}

.wpmslider-controls.disabled {
    display: block !important;
}

/*  Compatibility with metaslider pro layers display
----------------------------------------------------*/

.msHtmlOverlay .layer .disabled {
    display: block !important;
}

/*  Readmore Inline
----------------------------------------------------*/
.readmore-excerpt-inline,
.readmore-content-inline:not([hidden]),
.readmore-content-inline:not([hidden]) p {
    display: inline;
}

.wpmtst-inline-readme {
    margin-left: 5px;
}












/* === Reset legacy float layout from "Simple" === */
.strong-view.wpmtst-simple .wpmtst-testimonial-image { float:none; margin:0; }
.strong-view.wpmtst-simple .maybe-clear { display:none; }

/* === Header row: avatar + meta === */
.strong-view.wpmtst-simple .rvw-head {
  display:flex;
  align-items:center;
  gap:20px;
  margin-bottom:29px;
}

/* Avatar (use the plugin's image but constrain + circle it) */
.strong-view.wpmtst-simple .rvw-avatar .wpmtst-testimonial-image {
  width:64px; height:64px; border-radius:50%; overflow:hidden;
}
.strong-view.wpmtst-simple .rvw-avatar img {
  width:100%; height:100%; object-fit:cover; border-radius:50%;
}

/* Name line */
.strong-view.wpmtst-simple .rvw-name {
  margin:0;
  font-weight:800;
  font-size:1.35rem;           /* adjust to your scale */
  line-height:1.2;
  color:#333;
}

/* Subtitle line (use the plugin’s client block styles inside) */
.strong-view.wpmtst-simple .rvw-subtitle .testimonial-name {
  font-weight:700;
  color:#2A2A2A;               /* orange like mockup */
}
.strong-view.wpmtst-simple .rvw-subtitle .testimonial-company {
  font-weight:400;
  color:#E53C3C;               /* orange like mockup */
}
.strong-view.wpmtst-simple .rvw-subtitle .wpmtst-client { 
  display:block;               /* ensure it behaves like one line */
}
.strong-view.wpmtst-simple .rvw-subtitle .name { display:none; } 
/* We already show the name above as the title; hide duplicate "name" inside client block.
   If you prefer to keep it, remove the line above. */

/* Body text with left red bar */
.strong-view.wpmtst-simple .rvw-body .rvw-quote p {
  position:relative;
  margin:6px 0 0;
  line-height:1.7;
}
.strong-view.wpmtst-simple .rvw-body .rvw-quote .readmore span.readmore-text {
  color: #E53C3C;
  font-weight: 700;
  font-size: 14px;
}

/* Keep card padding consistent */
.strong-view.wpmtst-simple .wpmtst-testimonial-inner {
  padding: 33px 31px;         /* adjust if you want tighter/looser cards */
  border: 1px solid #C4C4C4;
  border-radius: 12px;
}

.strong-view.pager-style-buttons .wpmslider-pager-link:before {
  background: #D9D9D9;
}

.strong-view.pager-style-buttons .wpmslider-pager-link.active:before {
  background: #E53C3C;
}

.strong-view.nav-position-outside .wpmslider-controls {
  padding: 45px 0 0px!important;
}