/**
 * Strong Testimonials - стили для плагина отзывов
 * Перенесены из Pro версии после обновления плагина
 */

/**
 * Grid Layout for any template.
 */

.strong-grid {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;

  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;

  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;

  /* to center items in a less-than-full row: */
  justify-content: space-around;
}

/* specificity required */
.strong-view .strong-content.strong-grid .testimonial {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 0 20px 0;
}

.strong-content.strong-grid.columns-2 .testimonial {
  width: 48%;
}

.strong-content.strong-grid.columns-3 .testimonial {
  width: 31%;
}

.strong-content.strong-grid.columns-4 .testimonial {
  width: 23%;
}

.strong-view .strong-content.strong-grid .testimonial-inner {
  flex: 1 0 auto;
}

/* either no JavaScript or no Flexbox */
html.no-js .strong-grid .testimonial,
.strong-grid.noflex .testimonial {
  float: left;
  margin-right: 1%;
  margin-left: 1%;
}

html.no-js .strong-grid .testimonial {
  float: left;
  margin-right: 1%;
  margin-left: 1%;
}

/* float the last column */
.strong-grid.columns-2.noflex .testimonial:nth-of-type(2n+2),
.strong-grid.columns-3.noflex .testimonial:nth-of-type(3n+3),
.strong-grid.columns-4.noflex .testimonial:nth-of-type(4n+4) {
  float: right;
}

/* responsive */
@media only screen and (max-width: 480px) {
  .strong-view .strong-content.strong-grid .testimonial {
    width: 100%;
  }
}


/**
 * Strong Testimonials Default 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.default {
  display: block;
  /* setting a width handles short content */
  width: 100%;
}
.strong-view.default * {
  box-sizing: border-box;
}
.strong-view.default .testimonial.t-slide {
  margin-top: 0;
  margin-bottom: 0;
}
.strong-view.default .testimonial-inner {
  display: block;
  /* fill horizontal & vertical space */
  width: 100%;
  height: 100%;
}
.strong-view.default .testimonial-image {
  max-width: 100%;
}
.strong-view.default .testimonial-field-before {
  margin-right: 0.5em;
}

.strong-view .screen-reader-text {
  /* copied from Twenty Sixteen theme */
  clip: rect(1px, 1px, 1px, 1px);
  height: 1px;
  overflow: hidden;
  position: absolute !important;
  width: 1px;
  /* many screen reader and browser combinations announce broken words as they would appear visually */
  word-wrap: normal !important;
}

/* Paging controls
-----------------------------------------------*/
.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;
}

/* Paging controls
-----------------------------------------------*/
.standard-pagination {
  /* match .strong-content container */
  margin: 20px auto;
  text-align: center;
}

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

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

/* Template
-----------------------------------------------*/
.strong-view.default .strong-content {
  margin: 20px auto 0;
}
.strong-view.default .testimonial {
  margin: 20px auto;
  padding: 0;
  text-align: left;
  width: 100%;
  border: 1px solid #E6E6E6;
}
.strong-view.default .testimonial:first-child {
  margin-top: 0;
}
.strong-view.default .testimonial:last-child {
  margin-bottom: 0;
}
.strong-view.default .testimonial-inner {
  border: 1px solid #FFFFFF;
  padding: 20px;
  text-align: left;
}
.strong-view.default .testimonial-heading {
  background: url("../img/quotes.png") no-repeat scroll left center transparent;
  margin-top: 0;
  padding-left: 40px;
  text-align: left;
}
.strong-view.default .testimonial-content p:first-of-type {
  margin-top: 0;
  padding-top: 0;
}
.strong-view.default .testimonial-content p:last-of-type {
  margin-bottom: 0;
  padding-bottom: 0;
}
.strong-view.default .testimonial-image {
  margin-top: .25em;
  margin-right: 1em;
  margin-bottom: 0.25em;
  float: left;
}
.strong-view.default .testimonial-image img {
  background: none repeat scroll 0 0 #FFFFFF;
  border: 1px solid #EFEFEF;
  padding: 6px;
  margin: 0 auto;
}
.strong-view.default .testimonial-image a {
  text-decoration: none;
  box-shadow: none;
}
.strong-view.default .testimonial-client {
  margin-top: 1em;
  text-align: right;
}
.strong-view.default .testimonial-name {
  font-weight: bold;
}
.strong-view.default .readmore {
  margin-top: 1em;
}
.strong-view.default .strong-view-footer {
  margin-bottom: 20px;
}
.strong-view.default .readmore-page {
  margin-top: 20px;
  padding: 1em;
  text-align: center;
  border: 1px solid #E6E6E6;
}

/* Slideshow
-----------------------------------------------*/
.strong-view.default.slider-container {
  /* If vertical or fade slideshow, move border from individual testimonials to viewport. */
}
.strong-view.default.slider-container.slider-adaptive:not(.slider-mode-horizontal) .wpmslider-viewport {
  border: 1px solid #E6E6E6;
}
.strong-view.default.slider-container.slider-adaptive:not(.slider-mode-horizontal) .testimonial {
  border: 0;
}
.strong-view.default.slider-container .strong-content {
  margin: 0 auto;
}
.strong-view.default.slider-container .testimonial:not(:first-child) {
  display: none;
}
.strong-view.default.nav-position-inside .testimonial-inner {
  padding-bottom: 48px;
}
.strong-view.default.controls-type-sides .testimonial-inner {
  padding-left: 50px;
  padding-right: 50px;
}
.strong-view.default.slider-stretch .testimonial-inner {
  /* to force same height for all slides */
  height: 100%;
}

/* Responsive
-----------------------------------------------*/
@media only screen and (max-width: 320px) {
  .strong-view.default .testimonial-image {
    float: none;
    margin-left: auto;
    margin-right: auto;
  }
}
/* Remove quote background image */
@media only screen and (max-width: 320px) and (orientation: portrait) {
  .strong-view.default .testimonial-heading {
    background: none;
    padding-left: 0;
  }
}
/* RTL
-----------------------------------------------*/
.strong-view.default.rtl .testimonial,
.strong-view.default.rtl .testimonial-inner,
.strong-view.default.rtl .testimonial-heading {
  text-align: right;
}
.strong-view.default.rtl .testimonial-image {
  float: right;
  margin-left: 1em;
}
.strong-view.default.rtl .testimonial-client {
  text-align: left;
}

.strong-view.default.rtl .testimonial-heading {
  padding-right: 40px;
  background-position: right;
}

/**
 * Strong Testimonials Default Form template
 */
.strong-form {
  margin: 0 auto;
}
.strong-form .form-field {
  margin-bottom: 1.5em;
}
.strong-form .form-field.submit {
  margin-bottom: 0;
}
.strong-form .required.symbol:after {
  content: '*';
  color: #FF0000;
  font-size: 1.5em;
  font-weight: 400;
  margin: 0 5px;
  position: relative;
  top: 5px;
}
.strong-form label {
  display: inline-block;
  float: none;
}
.strong-form input[type="text"],
.strong-form input[type="email"],
.strong-form input[type="url"],
.strong-form input[type="file"],
.strong-form select,
.strong-form textarea {
  box-sizing: border-box;
  display: block;
  float: none;
  width: 100%;
}
.strong-form input[type="checkbox"] {
  -webkit-transform: scale(1.4);
  -moz-transform: scale(1.4);
  -ms-transform: scale(1.4);
  transform: scale(1.4);
  margin-left: 12px;
  margin-right: 6px;
}
.strong-form input[type="checkbox"] + label {
  font-weight: 400;
  padding: 5px;
}
.strong-form input[type="checkbox"]:focus + label {
  outline: 1px solid #CCC;
}
.strong-form textarea {
  height: 16em;
}
.strong-form span.error,
.strong-form label.error {
  display: block;
}
.strong-form .before {
  display: block;
}
.strong-form .after {
  display: block;
}

.strong-form-inner {
  padding: 20px;
}

input.captcha {
  display: block;
  width: auto;
}

img.captcha {
  border: 0;
}

.wpmtst-captcha {
  margin-bottom: 1em;
}

/* category checklist */
.strong-form ul.strong-category-list,
.strong-form ul.strong-category-list ul.children {
  list-style-type: none;
}
.strong-form ul.strong-category-list label,
.strong-form ul.strong-category-list ul.children label {
  font-weight: 400;
  white-space: nowrap;
  word-wrap: break-word;
}
.strong-form ul.strong-category-list {
  margin: 0;
  padding-left: 0;
}
.strong-form ul.strong-category-list ul.children {
  margin-left: 1.5em;
  padding-left: 0;
}

.strong-form {
  /* Error indicators */
  /* field-wrap is used for checkboxes, radios, star ratings */
}
.strong-form label {
  font-weight: 700;
}
.strong-form .form-field .after {
  font-size: .9em;
  font-style: italic;
}
.strong-form input.error,
.strong-form textarea.error,
.strong-form select.error {
  background: #F9E5E6;
  border: 1px solid #E8AAAD;
  color: #B50007;
}
.strong-form span.error,
.strong-form label.error {
  color: #B50007;
}
.strong-form .field-wrap {
  display: block;
  font-weight: 400;
  border: 1px solid transparent;
}
.strong-form .field-wrap.error {
  border-radius: 3px;
  background: #F9E5E6;
  border: 1px solid #E8AAAD;
  color: #B50007;
}
.strong-form .field-wrap.error .checkbox-label {
  outline: none;
}
.strong-form .field-wrap.error .strong-rating {
  outline-color: #E8AAAD;
}
.strong-form .field-wrap input + label + .required.symbol:after {
  margin-left: 0;
}

.strong-form-wait {
    display: none;
}