/**
 * Star Ratings - Display Only
 *
 * Pure CSS. No floats or bidi. Simple em-based sizing.
 *
 * http://codepen.io/cdillon/pen/vXNbBw
 *
 * Based on Pure CSS Star Rating Widget by James Barnett
 * http://codepen.io/jamesbarnett/pen/vlpkh
 */

/* the container */
.strong-rating-wrapper {
  line-height: 1.7;
}

/* inline-block */
.strong-rating-wrapper.average > span {
  display: inline-block;
}

/* block */
.strong-rating-wrapper.average.block > span {
  display: block;
  margin: 0;
}

/* centered */
.strong-rating-wrapper.average.centered {
  text-align: center;
}

.strong-rating-title {
  font-weight: 700;
}

.strong-rating-wrapper legend {
  clip: rect(1px, 1px, 1px, 1px);
  height: 1px;
  overflow: hidden;
  position: absolute !important;
  width: 1px;
  word-wrap: normal !important;
}

/* the fieldset */
.strong-rating {
  display: inline-block;
  border: 0;
}

/* the stars */

.strong-rating span.star {
  display: inline-block;
  margin: 0;
  max-height: none;
  max-width: none;
  padding: 0;
}

.strong-rating-wrapper:not(.average) span.star:first-child:before {
  padding-left: 0;
}

.strong-rating-wrapper:not(.average) span.star:last-child:before {
  padding-right: 0;
}

.strong-rating span.star:hover {
  cursor: default;
}

/* fieldset tweaks */

/* in a form */
.strong-rating-wrapper.in-form .strong-rating {
  padding: 0;
}

/* in a view */
.strong-rating-wrapper.in-view {
  display: inline-block;
}

.strong-rating-wrapper.in-view .strong-rating {
  margin: 0;
  padding: 0;
}

/* in the post editor */
.strong-rating-wrapper.in-metabox {
  display: inline-block;
}

.strong-rating-wrapper.in-metabox .strong-rating span.star:before {
  font-size: 20px;
  line-height: 27px;
}

.strong-rating-wrapper.in-table-list .strong-rating span.star:before {
  /* use padding not margin */
  padding: 1px;
}

/* the magic */

/* this is how we highlight stars before the checked one (siblings before): */

/* hide the first label because our rating may be zero */
.strong-rating span.star0 {
  display: none;
}

/* set the color of the star and its stroke(outline) color and width */
.strong-rating-wrapper .star svg path {
  fill: #FFB900;
}
/* set the width of the star */
.strong-rating-wrapper .star svg {
  width: 20px;
}

/* then turn off stars after the current rating */
.strong-rating span.current ~ span.star:before {
  content: "";
  -webkit-mask: url(//www.animalconnectglobal.com/wp-content/plugins/strong-testimonials/assets/public/svg/star-regular.svg) center center no-repeat;
  mask: url(//www.animalconnectglobal.com/wp-content/plugins/strong-testimonials/assets/public/svg/star-regular.svg) center center no-repeat;
}

/* turn on the current rating */
.strong-rating span.current:before {
  color: #FFB900;
}

/* which may be a half star */
.strong-rating-wrapper.average .strong-rating span.star.half:before {
  content: "";
  -webkit-mask: url(//www.animalconnectglobal.com/wp-content/plugins/strong-testimonials/assets/public/svg/star-half-alt-solid.svg) center center no-repeat;
  mask: url(//www.animalconnectglobal.com/wp-content/plugins/strong-testimonials/assets/public/svg/star-half-alt-solid.svg) center center no-repeat;
}

/* Responsive
--------------------------------------------------*/
@media only screen and (max-width: 480px) {
  .strong-rating-wrapper > span {
    display: block;
    line-height: 30px;
    vertical-align: middle;
    margin: 0;
    text-align: center;
  }
}/**
 * To add Masonry to any template.
 *
 * Element sizing for responsive layouts with percentage widths.
 * 2 columns --> 2 x grid-sizer + 1 x gutter-sizer = 100%
 * 3 columns --> 3 x grid-sizer + 2 x gutter-sizer = 100%
 * 4 columns --> 4 x grid-sizer + 3 x gutter-sizer = 100%
 */

/*----------------------------------------------------------
 * global tweaks
 *----------------------------------------------------------*/
.strong-content.strong-masonry .wpmtst-testimonial {
	margin-top: 0;
	word-wrap: break-word;
}

/*----------------------------------------------------------
 * default: 1 column
 *----------------------------------------------------------*/
.strong-masonry .wpmtst-testimonial,
.strong-masonry .grid-sizer {
	width: 100%;
}

.strong-masonry .gutter-sizer {
	width: 0;
}

.strong-masonry .wpmtst-testimonial.grid-item--width2 {
	width: 100%;
}

/*----------------------------------------------------------
 * responsive
 *----------------------------------------------------------*/
@media only screen and (min-width: 480px) {

	/*----------------------------------------------------------
	 * 2 columns
	 *----------------------------------------------------------*/
	.strong-masonry.columns-2 .wpmtst-testimonial,
	.strong-masonry.columns-2 .grid-sizer {
		width: 48.5%;
	}

	.strong-masonry.columns-2 .gutter-sizer {
		width: 3%;
	}

	.strong-masonry.columns-2 .wpmtst-testimonial.grid-item--width2 {
		width: 97%;
	}

	/*----------------------------------------------------------
	 * 3 columns
	 *----------------------------------------------------------*/
	.strong-masonry.columns-3 .wpmtst-testimonial,
	.strong-masonry.columns-3 .grid-sizer {
		width: 31.33%;
	}

	.strong-masonry.columns-3 .gutter-sizer {
		width: 3%;
	}

	.strong-masonry.columns-3 .wpmtst-testimonial.grid-item--width2 {
		width: 62.66%;
	}

	/*----------------------------------------------------------
	 * 4 columns
	 *----------------------------------------------------------*/
	.strong-masonry.columns-4 .wpmtst-testimonial,
	.strong-masonry.columns-4 .grid-sizer {
		width: 22.75%;
	}

	.strong-masonry.columns-4 .gutter-sizer {
		width: 3%;
	}

	.strong-masonry.columns-4 .wpmtst-testimonial.grid-item--width2 {
		width: 45.5%;
	}
}