/**
 * Magmodules.eu - http://www.magmodules.eu - info@magmodules.eu
 * =============================================================
 * NOTICE OF LICENSE [Single domain license]
 * This source file is subject to the EULA that is
 * available through the world-wide-web at:
 * http://www.magmodules.eu/license-agreement/
 * =============================================================
 * @category    Magmodules
 * @package     Magmodules_Shopreview
 * @author      Magmodules <info@magmodules.eu>
 * @copyright   Copyright (c) 2015 (http://www.magmodules.eu)
 * @license     http://www.magmodules.eu/license-agreement/  
 * =============================================================
 */

/* BIG BLOCK:: WRAPPER & BLOCKS */

#shopreview-wrapper {
	width: 99%;
	border: 1px solid #D8D8D8;
	height: 230px;
	border-radius: 16px;
}

.sr-block {
	width: 33%;
	float:left;
}

.sr-block h5 {
	background: transparent;
	/* font-size: 16px; */
	margin: 0;
	padding-top: 21px;	
	text-align: center;
	font-weight:400;
}

/* BIG BLOCK:: REVIEWS BLOCK (1st Block) */

.sr-slider-top {
	padding:0 15px;
	height:50px;
}

.sr-slider-top h2 {
	float:left;
}

.sr-slider-control {
	float:right;
	width:52px;
	height: 16px;
	margin-top: 8%;
	font-size:11px;
}

.sr-slider-control span {
	display:block;
	width:20px;
	height:14px;
	text-align:center;
	cursor:pointer;
	text-decoration:none;
}

.sr-slider-control span.left {
	float:left;
}

.sr-slider-control span.right {
	float:right
}

.sr-slider-content {
}

.sr-slider-item {
	font-size: 14px;
	padding:0 10px;
	display:none;
}

.sr-slider-item blockquote {    
    margin: 10px 0;
	
    height: 120px !important;
	overflow: hidden;
	font-size: 13px;
	padding: 0 !important;
    border-left: 0px;
}

.sr-slider-item .slider-bottom {
	margin-bottom: 5px;
	font-size: 12px;
	height: 32px; 	
}


/* BIG BLOCK:: PRODUCT REVIEWS BLOCK (2nd Block) */

.sr-shopscore {
	width:100%;
	height:100%;
	border-left: 1px solid #EEE;
}

.sr-shopscore-holder {
	margin-top: 10px;
	width: 110px;
	height:110px;
	border-radius:50%;
	box-shadow: 0 0 5px rgb(190, 190, 190);
	text-align:center;
	margin-bottom: 12px;
	display: block;   margin-left: auto;   margin-right: auto;
}

.sr-shopscore-holder .score1 {
    color: #575757;
    font-size: 35px;
    line-height: 108px;
    margin-left: 9px;
    margin-right: 0px;
}

.sr-shopscore-holder .score2 {
	font-size: 11px;
	line-height: 111px;
}

.sr-shopscore-holder p {
	color: #575757;
	font-size: 12px;
}

.sr-blockalign {
	align-content: center;
	width: 100%;
}

.sr-blockalignscore {
	text-align: center;
}

sr-blockaligncircle {
	margin-left:20px;
}

/* BIG BLOCK:: REVIEWS BLOCK (3rd Block) */

.sr-productreviews {
    font-size: 12px;
	padding: 0 20px;
    overflow: scroll;
    border-left: 1px solid #EEE;
    height: 228px;
}

.sr-productreviews p {
	margin: 0;
	line-height: 16px;
	margin-bottom: 10px;
}


/* MOBILE BIG BLOCK:: WRAPPER & BLOCKS */
@media only screen
and (min-width : 100px)
and (max-width : 750px) {
	#shopreview-wrapper {
		width: 98%;
		border: 1px solid #D8D8D8;
		height: 230px;
	}

	.sr-block {
		width: 50%;
		float:left;
	}

	.sr-block h5 {
		background: transparent;
		font-size:16px;
		margin: 0;
		padding-top:20px;	
	}
}

/* MOBILE BIG BLOCK:: REVIEWS BLOCK (1st Block) */
@media only screen
and (min-width : 100px)
and (max-width : 750px) {
	.sr-slider-top {
		padding:0 15px;
		height:50px;
	}

	.sr-slider-top h2 {
		float:left;
	}

	.sr-slider-control {
		float:right;
		width: 42px;
		height: 16px;
		margin-top: 15px;
		font-size:11px;
		display: none;
	}

	.sr-slider-control span {
		display:block;
		width:20px;
		height:14px;
		text-align:center;
		cursor:pointer;
		text-decoration:none;
	}

	.sr-slider-control span.left {
		float:left;
	}

	.sr-slider-control span.right {
		float:right
	}

	.sr-slider-content {
		margin: 0px 15px 3px 5px;
	}

	.sr-slider-item {
		font-size: 14px;
		padding:0 10px;
		display:none;
	}

	.sr-slider-item blockquote {    
		margin: 10px 0px 0px 0px;
	
		height: 91px !important;
		overflow: hidden;
	
		font-size: 13px;
	
		padding: 0 !important;
		display: -webkit-inline-box;
	}

	.sr-slider-item .slider-bottom {
		margin-bottom: 5px;
		font-size: 12px;
		height: 30px; 	
	}
}

/* MOBILE BIG BLOCK:: PRODUCT REVIEWS BLOCK (2nd Block) */
@media only screen
and (min-width : 100px)
and (max-width : 750px) {
	.sr-shopscore {
		width: 100%;
		height: 230px;
	}

	.sr-shopscore-holder {
		margin-top: 15px;
		width:110px;
		height:110px;
		border-radius:50%;
		box-shadow: 0 0 5px grey;
		text-align:center;
		margin-bottom: 10px;
	}

	.sr-shopscore-holder .score1 {
		color: #575757;
		font-size: 34px;
		line-height: 107px;
		margin-left: 9px;
		margin-right: -2px;
	}

	.sr-slider-content {
	margin: 0px 14px 3px 5px;
	}

	.sr-shopscore-holder .score2 {
		font-size:10px;
	}

	.sr-shopscore-holder p {
		color: #575757;
		font-size: 12px;
	}
}

/* MOBILE BIG BLOCK:: REVIEWS BLOCK (3rd Block) */
@media only screen
and (min-width : 100px)
and (max-width : 750px) {
	
	.sr-blockalignscore {
		display: none;
	}
	
	.sr-productreviews {
		font-size: 12px;
		padding: 0 20px;
		background:url('./images/vertical-bar.png') no-repeat;
		display: none;
	}

	.sr-productreviews p {
		margin: 0;
		line-height: 15px;
		margin-bottom: 10px;
	}

}

/* SMALL BLOCK:: */

.shopreview-small {
	width: 100%; 
}	

.shopreview-small .rating-box {
	float: left;
	margin-right: 7px;
	margin-top: 2px;
}

/** RATINGS **/
.rating-empty, .rating-star-1, .rating-star-2, .rating-star-3, .rating-star-4, .rating-star-5 {
	background: url('./images/star.png') 0 0; 
	margin-right: 5px; 
	height: 16px;
	float: left; 
	width: 80px;
}

.rating-star-1 { 
	 width: 16px; 
}

.rating-star-2 { 
	width: 32px; 
}

.rating-star-3 { 
	 width: 48px; 
}

.rating-star-4 { 
	width: 64px;
}

.rating-star-5 { 
	width: 80px;
}

.rating-empty { 
	float: right; 
	width: 80px; 
	background: url('./images/star.png') 0 -16px;  
}