/*
*		    ________      .___   
*	__  _  _\_____  \   __| _/
*	\ \/ \/ / _(__  <  / __ |
*	 \     / /       \/ /_/ |
*	  \/\_/ /______  /\____ |
*	               \/      \/
*
*	@author			Jacques Baars <j@w3d.co.za>
*
*	@notice			This is the property of W3Designs, W3Development, W3D,
*					it is illegal to use this source code without the required permission,
*					contact j@w3d.co.za for further advice or permissions.
*
*	@license		Copyright (c) 2016 W3Designs (PTY) Ltd. (http://www.w3d.co.za)
*/

/* feedback */
#feedback{}

	#feedback > .feedback{
		padding: 10px 0;
		border-bottom: 1px dashed var(--softBorderColor);
	}

		#feedback > .feedback:last-child{
			padding: 10px 0 0;
			border-bottom: none;
		}

		#feedback .feedback .name{}
		
		#feedback .feedback .description{
			padding: 10px 0;
		}
		
			#feedback .feedback .description span{
				padding: 0 5px 0 0;
				color: var(--softColor);
				font-size: var(--fontSize140);
			}
		
			#feedback .feedback .description span:last-child{
				padding: 0 0 0 5px;
			}
		
		#feedback .feedback .date-time{
			text-align: right;
		}
	
	#feedback .no-feedback{
		padding: 10% 0;
		text-align: center;
	}

/*------------- Google Reviews -------------*/

#feedback .google-reviews{}

	#feedback .google-reviews .review{
		width: 100%;
		padding: 15px;
		text-align: left;
		background-color: #fff;
		border: 1px solid var(--softBorderColor);
	}

		#feedback .google-reviews .review .author{}

			#feedback .google-reviews .review .author .image{
				margin-right: 20px;
				width: 64px !important;
			}

			#feedback .google-reviews .review .author .heading{}

				#feedback .google-reviews .review .author .heading .name{
					font-weight: bold;
					font-size: var(--fontSize120);
				}
				
				#feedback .google-reviews .review .author .heading .rating{
					line-height: 1;
					font-size: 24px;
					position: relative;
					color: var(--softColor);
				}
				
				#feedback .google-reviews .review .author .heading .rating:before,
				#feedback .google-reviews .review .author .heading .rating:after{
					content: "★★★★★";
					display: block;
				}
				
				#feedback .google-reviews .review .author .heading .rating:after{
					top: 0;
					left: 0;
					width: 100%;
					color: #FFB302;
					overflow: hidden;
					position: absolute;
				}
		
		#feedback .google-reviews .review .text{
			padding: 20px;
		}
		
		#feedback .google-reviews .review .text .open-quote,
		#feedback .google-reviews .review .text .close-quote{
			position: relative;
			color: var(--softColor);
			font-family: Georgia, serif;
		}
		
			#feedback .google-reviews .review .text .open-quote:before{
				top: -6px;
				left: -20px;
				line-height: 1;
				content: "\201C";
				position: absolute;
				font-size: var(--fontSize300);
			}
		
			#feedback .google-reviews .review .text .close-quote:before{
				right: -22px;
				bottom: -32px;
				line-height: 1;
				content: "\201D";
				position: absolute;
				font-size: var(--fontSize300);
			}
		
		#feedback .google-reviews .review .date{
			text-align: right;
			color: var(--softColor);
			font-size: var(--fontSize90);
		}

	#feedback .google-reviews .buttons{
		margin-top: 30px;
		text-align: center;
	}

@media screen and (max-width: 600px){
	#feedback .google-reviews .buttons .btn{
		width: 100%;
		padding-left: 0;
		padding-right: 0;
		text-align: center;
		margin-bottom: 10px;
	}
	
	#feedback .google-reviews .buttons .btn:lst-child{
		margin-bottom: 0;
	}
}