/*!/wp-content/plugins/reviews/public/css/reviews-public.css*//**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

.pbd-main {
  background-color: #E74C3C;
}

.middle {
  width: 460px;
  margin: 0 auto;
}

.pbd-main h1 {
  margin: 0;
  padding-top: 20px;
  color: #fff;
  font-family: 'Quicksand', sans-serif;
  font-size: 48px;
  font-weight: normal;
  text-align: center;
}

#fancy-inputs {
  float: left;
  width: 100%;
  margin: 0 0 50px 0;
}
#fancy-inputs label.input {
  float: left;
  width: 460px;
  height: 42px;
  margin: 50px 0 0 0;
  position: relative;
  clear: both;
}
#fancy-inputs label.input span {
  /* width: 100%; */
  height: 40px;
  line-height: 40px;
  position: absolute;
  left: 0;
  cursor: text;
}
#fancy-inputs label.input span span {
  /* position: absolute; */
  top: 0;
  z-index: 1;
  font-family: 'Quicksand', sans-serif;
  font-size: 22px;
  color: #fff;
  text-indent: 10px;
  transition: 0.3s;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
}
#fancy-inputs label.input span:before {
  content: '';
  width: 0%;
  height: 3px;
  background-color: #2C3E50;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 99;
  transition: 0.3s;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
}
#fancy-inputs label.input span:after {
  content: '';
  width: 0%;
  height: 3px;
  background-color: #2C3E50;
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 99;
  transition: 0.3s;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
}
#fancy-inputs input, #fancy-inputs textarea, #fancy-inputs select {
  float: left;
  width: 460px;
  height: 40px;
  padding: 0 10px;
  border: 0;
  border-bottom: 3px solid #fff;
  background-color: transparent;
  color: #fff;
  font-family: 'Quicksand', sans-serif;
  font-size: 22px;
  position: relative;
  z-index: 99;
}
#fancy-inputs input:focus, #fancy-inputs textarea:focus, #fancy-inputs select:focus {
  outline: 0;
}
#fancy-inputs input.white, #fancy-inputs textarea.white, #fancy-inputs select.white {
  background-color: #E74C3C;
}
#fancy-inputs input:focus + span span, #fancy-inputs textarea:focus + span span, #fancy-inputs select:focus + span span {
  cursor: initial;
  position: absolute;
  top: -35px;
  color: #2C3E50;
}
#fancy-inputs input:focus + span:before, #fancy-inputs textarea:focus + span:before, #fancy-inputs select:focus + span:before {
  width: 50%;
}
#fancy-inputs input:focus + span:after, #fancy-inputs textarea:focus + span:after, #fancy-inputs select:focus + span:after {
  width: 50%;
}
#fancy-inputs span.fixed span {
  top: -35px;
}

#fancy-radio {
  float: left;
  width: 100%;
  margin: 0 0 30px 0;
}
#fancy-radio label.radio {
  float: left;
  width: auto;
  line-height: 30px;
  margin: 0 0 10px 0px;
  color: #fff;
  font-family: 'Quicksand', sans-serif;
  font-size: 22px;
  cursor: pointer;
  position: relative;
  clear: both;
  transition: 0.3s;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
}
#fancy-radio label.radio:before {
  content: '';
  float: left;
  width: 29px;
  height: 29px;
  margin: 0 5px 0 0;
  background-color: #fff;
  border-radius: 100%;
  font-size: 22px;
  text-indent: 40px;
}
#fancy-radio label.radio:after {
  content: '';
  width: 5px;
  height: 5px;
  background-color: #2C3E50;
  border-radius: 100%;
  position: absolute;
  top: 12px;
  left: 12px;
  opacity: 0;
  transition: 0.2s;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
}
#fancy-radio label.radio.selected:after {
  width: 15.5px;
  height: 15.5px;
  top: 7px;
  left: 7px;
  opacity: 1;
}
#fancy-radio label.radio:hover {
  text-indent: 5px;
}

.pbd-main .pbd_btn {
  float: left;
  width: 100%;
  height: 50px;
  line-height: 50px;
  margin: 0 0 50px 0;
  background-color: #2C3E50;
  color: #fff;
  font-family: 'Quicksand', sans-serif;
  font-size: 22px;
  text-decoration: none;
  text-align: center;
  transition: 0.3s;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
}
.pbd-main .pbd_btn:hover {
  background-color: #374b60;
}
.pbd-main select {
	/* -moz-appearance: none; */
	border: 3px solid #fff;
	text-indent: 0.01px;
	text-overflow: '';
}

.pbd-main .rating-widget .star-input {
	 width: 0;
	 height: 0;
	 position: absolute;
	 left: -5000px;
}
 .pbd-main .rating-widget .star-input:checked + .star-input-label .orange {
	 animation: enlarge 0.5s ease-in-out forwards;
}
.pbd-main .rating-widget .star-input:checked + .star-input-label:nth-of-type(2) .orange {
	 animation-delay: 0.1s;
}
.pbd-main .rating-widget .star-input:checked + .star-input-label:nth-of-type(3) .orange {
	 animation-delay: 0.2s;
}
.pbd-main .rating-widget .star-input:checked + .star-input-label:nth-of-type(4) .orange {
	 animation-delay: 0.3s;
}
.pbd-main .rating-widget .star-input:checked + .star-input-label:nth-of-type(5) .orange {
	 animation-delay: 0.4s;
} 
.pbd-main .rating-widget .star-input-label {
	 display: inline-block;
	 padding: 8px 2px;
	 text-indent: -5000px;
	 line-height: 0;
	 color: #E74C3C;
	 position: relative;
	 cursor: pointer;
}
.pbd-main .rating-widget .star-input-label:hover, .pbd-main .rating-widget .star-input-label.hovered {
	 color: grey;
}
.pbd-main .rating-widget .star-input-label i {
	 display: block;
	 font-size: 20px;
	 line-height: 20px;
	 text-indent: 0;
}
.pbd-main .rating-widget .star-input-label i.orange {
	 position: absolute;
	 display: block;
	 padding: 8px 2px;
	 top: 0;
	 left: 0;
	 text-align: center;
	 width: 100%;
	 color: grey;
	 transform: scale(0);
}
.pbd-main label.star-input-label {
    width: 33px;
    height: 33px;
    text-align: center;
    color: white;
    background: #FFF;
    font-size: 30px;
    margin-right: 2px;
    line-height: 30px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
}
#fancy-radio{
	margin-top:30px;
}
 @keyframes enlarge {
	 0% {
		 transform: scale(0);
	}
	 70% {
		 transform: scale(1.25);
	}
	 100% {
		 transform: scale(1);
	}
}

#fancy-inputs select option{
	color: #000000;
}
.pbd-main .alert.alert-danger {
    background: #5F9CE5 none repeat scroll 0 0;
    border: 1px solid #5F9CE5;
}


.rating_breeder { 
  border: none;
  float: left;
  /* margin:40px 0px 0px 0px; */
}

.rating_breeder > input { display: none; } 
.rating_breeder > label:before { 
  margin-top: 2px;
  padding:0px 5px 0px 5px;
  font-size: 1.25em;
  font-family: FontAwesome;
  display: inline-block;
  content: "\f005";
}

.rating_breeder > .half:before { 
  content: "\f089";
  position: absolute;
}

.rating_breeder > label { 
	color: #E74C3C; 
	float: right;
	margin:4px 1px 0px 0px;
	background-color: #FFF;
	border-radius:15px;
  height:25px;
}

/***** CSS Magic to Highlight Stars on Hover *****/

.rating_breeder:not(:checked) > label:hover, /* hover current star */
.rating_breeder:not(:checked) > label:hover ~ label { 
	background-color:#24AA67 !important;
  cursor:pointer;
} /* hover previous stars in list */

.rating_breeder > input:checked + label:hover, /* hover current star when changing rating */
.rating_breeder > label:hover ~ input:checked ~ label, /* lighten current selection */
.rating_breeder > input:checked ~ label:hover ~ label { 
	background-color:#24AA67 !important;
  cursor:pointer;
}
.rating-span label.control-label{
	text-align: left;
    float: left;
    line-height: 33px;
    margin-right: 20px;
}

#select2-pbd_review_name-container .select2-container--default .select2-selection--single .select2-selection__rendered{
  text-transform: initial;
}

span#select2-pbd_review_name-container span, #select2-pbd_review_state-container, #select2-pbd_breeder_state-container span {
  text-transform: initial;
}




#svgelem{
	position: relative;
	left: 50%;
	-webkit-transform: translateX(-40%);
	-ms-transform: translateX(-40%);
	transform: translateX(-40%);
 }

 .row-table {display:table;width:100%;}
 .row-cell {display:table-cell;height:100%; vertical-align:middle;}
/* Single Review */
 
.review-detail {}
.box-type1 {
	background:#fff;
	padding:30px;
	margin:0 0 15px;
	position:relative;
}
.text-center {text-align:center;}
.text-left {text-align:left;}
.certy-label {
	position:absolute;
	right:30px;
	top:30px;
}
.single-heading {
	/*margin:0 0 10px;
	font-size:20px;
	line-height:1.25;
	color: #232323 !important;
  font-weight: 500;*/

  margin:0 0 10px;
  font-size:20px;
  line-height:1.25;
  color:#777 !important;
  font-weight:bold;
}
.single-heading span {
	font-weight:300;
	color:#e5e5e5;
}
.location-address { margin:0 0 10px;}
.heading-level3 {
	font-size:16px;
	color:#000;
	margin:0 0 10px;
	font-weight:600;
}
.single-list-header {
	margin: 0 0 10px;
    font-size: 20px;
    line-height: 1.25;
    color: #777 !important;
    font-weight: bold;
}
.review-box {}
.review-box .review-title {
	/*margin:0 0 10px;
	font-size:20px;
	line-height:1.25;
	color:#363C47;
	font-weight:600;*/
  	margin: 0 0 10px;
    font-size: 20px;
    line-height: 1.25;
    color: #777;
    font-weight: bold;
}
.review-box .review-title a {color:#363C47; transition: none !important;}
.review-box .review-title span { opacity:0.5;}
.date { margin-bottom:15px;}
.date .ed {
	width:25px;
	height:25px;
	background:#ddd;
	color:#fff;
	font-size:10px;
	border-radius:50%;
	text-align:center;
	line-height:25px;
	display:inline-block;
	vertical-align:middle;
}
.desc-content { margin-bottom:10px;}
.bottom-info .location-name { margin-right:20px; display:inline-block;}
.certy-label svg {width:20px;height:20px;}


/*ronak*/
.rating-widget .star-input {
	width: 0;
	height: 0;
	position: absolute;
	left: -5000px;
}
.rating-widget .star-input:checked + .star-input-label .orange {
	animation: enlarge 0.5s ease-in-out forwards;
}
.rating-widget .star-input:checked + .star-input-label:nth-of-type(2) .orange {
	animation-delay: 0.1s;
}
.rating-widget .star-input:checked + .star-input-label:nth-of-type(3) .orange {
	animation-delay: 0.2s;
}
.rating-widget .star-input:checked + .star-input-label:nth-of-type(4) .orange {
	animation-delay: 0.3s;
}
.rating-widget .star-input:checked + .star-input-label:nth-of-type(5) .orange {
	animation-delay: 0.4s;
}
.rating-widget .star-input-label {
	display: inline-block;
	padding: 8px 2px;
	text-indent: -5000px;
	line-height: 0;
	color: #FFF;
	position: relative;
}
.rating-widget .star-input-label i {
	display: block;
    font-size: 12px;
    line-height: 5px;
    text-indent: 0;
    padding-left: 0px;
}

label.star-input-label {
   width: 20px;
   height: 20px;
   text-align: center;
   color: white;
   background: #24AA67;
   font-size: 30px;
   margin-right: 2px;
   line-height: 30px;
   border-radius: 50%;
   -webkit-border-radius: 50%;
}
label.star-input-label.unselected {
	background: grey;
}
.review-rating .review-count {
    color: #0075B4 ;
}
@keyframes enlarge {
	0% {
		transform: scale(0);
   }
	70% {
		transform: scale(1.25);
   }
	100% {
		transform: scale(1);
   }
}

.review-detail-image{
	float: right;
	padding-right: 50px;
}

.review-detail-img{
	float: right;
}

.review-detail-category{
	float: left;
}

.review-listing {
}
.review-inner-bd {
	background:#fff;
	padding:30px;
	margin:0 0 15px;
}
.review-content {
	overflow:hidden;
}
.review-title {
/*margin:0 0 10px;
font-size:20px;
line-height:1.25;*/
font-size: 20px;
line-height: 35px;
font-weight: 500;
}
.review-title a {
	/*color: #232323;
    font-weight: 500;*/
  color: #777;
  font-weight: bold;
}
.review-rating { margin-bottom:15px;}
.review-rating span { display:inline-block;vertical-align:middle;}
.stars {
  cursor: pointer;
  display: flex;
  
	&:hover {
    .star polygon {
      fill: #24AA67 !important;
    }
  }
  
	.star {
    polygon {
      fill: #d8d8d8;
    }

    &:hover ~ .star {
      polygon {
        fill: #d8d8d8 !important;
      }
    }
  }
  
  &[data-stars] {
    .star polygon {
      fill: #ffd055;
    }
  }
  
  &[data-stars="1"] {
    .star:nth-child(1) ~ .star polygon {
      fill: #d8d8d8;
    }
  }
  
  &[data-stars="2"] {
    .star:nth-child(2) ~ .star polygon {
      fill: #d8d8d8;
    }
  }
  
  &[data-stars="3"] {
    .star:nth-child(3) ~ .star polygon {
      fill: #d8d8d8;
    }
  }
  
  &[data-stars="4"] {
    .star:nth-child(4) ~ .star polygon {
      fill: #d8d8d8;
    }
  }
  
  &[data-stars="5"] {
    .star:nth-child(5) ~ .star polygon {
      fill: #d8d8d8;
    }
  }
}
.review-count { 
	font-size:12px;
	color:#0075B4 ;
}
.review-content .button {}
.button-type1 {
	background:#cd201f;
	color:#fff;
	font-size:13px;
	padding:0 10px;
	text-align:center;
	height:30px;
	line-height:30px;
	border-radius:3px;
	-webkit-border-radius:3px;
	display:inline-block;
}

.review-circle { 
	width:120px;
	height:120px;
	.u-absoluteCenter();
	.u-flexCenter();
}

/*Remove Reviews-Ratings*/
.rating
{
display:none;
}

/* 26-10 */
.container .row .pbd-title-btn{
	background-color: #0075B4;
	margin-left: 20px;
    font-size: 14px;
    line-height: 10px;
    margin-top: -5px;
}
.container .row .pbd-top-btn{
	margin-bottom: 20px;
	background-color: #0083c9;
}
.container .row .pbd-bottom-btn{
	margin-top: 20px;
	background-color: #0083c9;
  line-height: 10px;
  font-size: 14px;
}
.container .row .text-center{
	text-align: center;
}
.review-info{
	margin-bottom: 10px;
}
#pbd_review_form_messages .alert.alert-green{
	background-color: #0075B4;
	border: 1px solid #0075B4;
}
.phone-info p{
	font-size: 14px;
}
.pbd-breadcrumbs span, .pbd-breadcrumbs-details span{
  font-size: 16px;
  padding: 5px;
  font-weight: bold;
  font-family: 'Quicksand', sans-serif;
  color: #0075B4 !important
}

.pbd-breadcrumbs span a:hover, .pbd-breadcrumbs-details span a:hover{
  text-decoration: underline;
}

.pbd-breadcrumbs{
  position: absolute;
}

.pbd-breadcrumbs-details{margin-bottom: 10px;}
.mt-20{margin-top:20px;}
.mb-20{margin-bottom:20px;}
.f-reset-button{
  padding-right: 10px;
  text-align: center;
  padding-left: 10px;
  margin-top: 2px;
}
.mb-10{
  	margin-bottom:10px;
}

.file-remove{
  padding: 0 5px !important;
    margin: 2px;
    border: 1px solid #000 !important;
}

/*Change the height cateogry textbox in Mobile View*/
@media (max-width: 767px) and (min-width: 320px){
  .select2-container--default .select2-selection--single .select2-selection__rendered {
      line-height: 50px!important;
  }
  .review-detail-image{
    float: none !important;
    margin-bottom: 20px;
  }
  
  .review-detail-img{
    float: none !important;
  }
  
  .review-detail-category{
    margin-bottom: 20px;
  }
  
  /*.review-detail{
    margin-left:15px;
    margin-right:15px;
  }*/

  .pbd-breadcrumbs{
    position: relative;
    margin-bottom: 10px;
  }

  .container .row .pbd-top-btn{float: none;}
  .container .row .pbd-title-btn{
	margin-top: 5px;
    margin-right: 125px;
    margin-bottom: 5px;
	float: left;
	}
	.container .row .pbd-title-btn{
		margin-left: 0px;
	}  
	.mb-10 {
    margin-bottom: 10px;
    padding-left: 20px;
    padding-right: 20px;
	}
}

@media screen and (max-width: 321px){
  /*Style goes here*/
.rating-widget .star-input-label i {
  font-size: 10px;
  line-height: 5px;
}

.rating-widget .star-input-label {
  padding: 5px 1px;
}

label.star-input-label {
  width: 15px;
  height: 15px;
  font-size: 11px;
  line-height: 30px;
}

.button-type1 {
  font-size: 11px;
  padding: 0 6px;
}

}

.pbd-disclaimer{
  margin: 20px 0;
  border: 1px solid #000;
  padding: 10px;
  background-color: #fff;
  font-size: 16px;
}
.pbd-disclaimer h4{
	font-weight: 700;
}


@media (max-width: 767px) and (min-width: 320px){
  .mobile-view{
      font-size: 25px;
  }
}