﻿/** CSS for the review section of your page **/
        /* Review Display*/
.owl-item li{
	text-align: center;
}
.review-by{
	font-weight: bold;
	margin-top: 12px;
	margin-bottom: 4px;
}

.rating {
	float:right;
	min-width: 116px;
}
.IQreviewcontent{
	font-style:italic;
	background-color: whitesmoke;
	padding: 4px;
/* 	margin-left: -30px !important;
    margin-right: -30px !important; */
}
.IQreview {
	    border-top: lightgray 1px solid;
	    border-bottom: lightgray 1px solid;
		margin-bottom: 10px;
		margin-left: 30px;
		margin-right: 30px;
}

.IQreview .review-content{
	font-style:italic;
	background-color: white;
	padding: 16px;
}

.IQabout-reviews{margin: 0 0 0 1.8em;}

/* :not(:checked) is a filter, so that browsers that don’t support :checked don’t 
follow these rules. Every browser that supports :checked also supports :not(), so
it doesn’t make the test unnecessarily selective */
.rating:not(:checked) > input {
	position:absolute;
	top:-9999px;
	clip:rect(0,0,0,0);
}

.rating:not(:checked) > label {
	
	width:1.1em;
	padding: 0 .1em;
	overflow:hidden;
	white-space:nowrap;
	cursor:pointer;
	font-size:150%;
	line-height:1;
	color:#ddd;
	text-shadow:1px 1px #bbb, 2px 2px #666, .1em .1em .2em rgba(0,0,0,.5);
}

.rating:not(:checked) > label:before {
	content: '★ ';
}

.rating > input:checked ~ label {
	color: #f70;
	text-shadow:1px 1px #c60, 2px 2px #940, .1em .1em .2em rgba(0,0,0,.5);
}

.rating:not(:checked) > label:hover,
.rating:not(:checked) > label:hover ~ label {
	color: gold;
	text-shadow:1px 1px goldenrod, 2px 2px #B57340, .1em .1em .2em rgba(0,0,0,.5);
}

.rating > input:checked + label:hover,
.rating > input:checked + label:hover ~ label,
.rating > input:checked ~ label:hover,
.rating > input:checked ~ label:hover ~ label,
.rating > label:hover ~ input:checked ~ label {
	color: #ea0;
	text-shadow:1px 1px goldenrod, 2px 2px #B57340, .1em .1em .2em rgba(0,0,0,.5);
}

.rating > label:active {
	position:relative;
	top:2px;
	left:2px;
}
.verified{
	height:20px;
	width:20px;
	float:right;
}

/* Review Editing*/
.Star
{
	background-image: url(https://www.instant-quote.co/images/Star.gif);
	height: 17px;
	width: 17px;
}
.WaitingStar
{
	background-image: url(https://www.instant-quote.co/images/WaitingStar.gif);
	height: 17px;
	width: 17px;
}
.FilledStar
{
	background-image: url(https://www.instant-quote.co/images/FilledStar.gif);
	height: 17px;
	width: 17px;
}
.IQnowrap {
	white-space: nowrap;
	padding:6px;
}
.IQimagesliderLabel{
	padding-left:6px;
}