/* Icon */
#wrapper .quotations-icon
{
	height: 50px;
	overflow: hidden;
}

#wrapper .quotations-icon:before
{
	content: "“";
	position: absolute;
	top: 57px;
	left: 50%;
	font-size: 10em;
	line-height: 50px;
	color: var(--theme-light-color);
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
}

/* Button */
#wrapper .quotations-btn
{
	display: flex;
	width: 40px;
	height: 40px;
	padding: 0;
	border: 2px solid #000;
	border-radius: 20px;
}

#wrapper .quotations-btn[disabled] { border-color: #9e9e9e; }

#wrapper .quotations-btn span
{
	margin: 0;
	font-size: 1.3em;
	line-height: 20px;
}

/* Carousel */
#wrapper .quotations-carousel { width: calc(100% - 100px); }

/* Item */
#wrapper .quotations-item
{
	margin: 0;
	padding: 20px 0;
	color: #000;
	background-color: transparent;
	border: 0;
}

#wrapper .quotations-item:before { display: none; }

/* Item */
#wrapper .quotations-item-image
{
	width: 100px;
	height: 100px;
	margin: 10px 10px 25px 10px;
	border: 5px solid var(--theme-color);
	border-radius: 70px;
	overflow: hidden;
}

/* Item */
#wrapper .quotations-item-position
{
	font-size: .8em;
	color: #444;
}

/* Quotation */
#wrapper .quotations-item-quotation
{
	font-size: 20px;
	font-weight: normal;
	line-height: 1.5;
}

/* Name */
#wrapper .quotations-item-name
{
	margin-top: 25px;
	font-size: 1em;
	font-weight: bolder;
	text-transform: uppercase;
}

@media (min-width: 48em)
{
	#wrapper .quotations-carousel { width: calc(100% - 200px); }

	#wrapper .quotations-item-image
	{
		width: 140px;
		height: 140px;
	}
}