/*
 * Bron: ref/porto_testimonial_bron.css, oorspronkelijke Porto theme-elements.css regels 5829+.
 * D7-parity-port voor de .testimonial-familie; onderstaande Porto-regels zijn verbatim overgenomen uit de bronuitsnede.
 */
/* Testimonials */
.testimonial {
	margin-bottom: 20px;
}

.testimonial blockquote {
	background: #CCC;
	border-radius: 10px;
	border: 0;
	color: #666;
	font-family: Georgia, serif;
	font-style: italic;
	margin: 0;
	padding: 10px 50px;
	position: relative;
}

.testimonial blockquote:before {
	left: 10px;
	top: 0;
	color: #FFF;
	content: "“";
	font-size: 80px;
	font-style: normal;
	line-height: 1;
	position: absolute;
}

.testimonial blockquote:after {
	color: #FFF;
	content: "”";
	font-size: 80px;
	font-style: normal;
	line-height: 1;
	position: absolute;
	bottom: -0.5em;
	right: 10px;
}

.testimonial blockquote p {
	color: #FFF;
	font-family: Georgia, serif;
	font-style: italic;
	font-size: 1.2em;
	line-height: 1.3;
}

.testimonial .testimonial-arrow-down {
	border-left: 15px solid transparent;
	border-right: 15px solid transparent;
	border-top: 15px solid #CCC;
	height: 0;
	margin: 0 0 0 17px;
	width: 0;
}

.testimonial.testimonial-primary .testimonial-author,
.testimonial.testimonial-style-2 .testimonial-author,
.testimonial.ozk .testimonial-author,
.testimonial .testimonial-author {
	margin: 8px 0 0 10px !important;
	padding: 0 !important;
	text-align: left !important;
}

.testimonial .testimonial-author::after {
	clear: both;
	content: "";
	display: table;
}

.testimonial-author-thumbnail,
.testimonial-author .testimonial-author-thumbnail,
.testimonial.testimonial-primary .testimonial-author .testimonial-author-thumbnail,
.testimonial.testimonial-style-2 .testimonial-author .testimonial-author-thumbnail,
.testimonial.ozk .testimonial-author .testimonial-author-thumbnail,
.testimonial .testimonial-author .testimonial-author-thumbnail {
	float: left !important;
	margin-right: 14px !important;
	width: 48px !important;
	height: 48px !important;
	max-width: 48px !important;
	max-height: 48px !important;
	min-width: 48px !important;
	min-height: 48px !important;
	border-radius: 4px !important;
	overflow: hidden !important;
	padding: 2px !important;
	border: 1px solid #e2e2e2 !important;
	background: #ffffff !important;
	box-shadow: 0 1px 3px rgba(0,0,0,0.1) !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
}

.testimonial-author-thumbnail .previewfoto,
.testimonial-author-thumbnail div.previewfoto,
.testimonial .testimonial-author .previewfoto,
.testimonial .testimonial-author .previewfoto.polaroid {
	width: 100% !important;
	height: 100% !important;
	max-width: 100% !important;
	max-height: 100% !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	border: none !important;
	margin: 0 !important;
	padding: 0 !important;
}

.testimonial-author-thumbnail img,
.testimonial-author .testimonial-author-thumbnail img,
.testimonial.testimonial-primary .testimonial-author .testimonial-author-thumbnail img,
.testimonial.testimonial-style-2 .testimonial-author .testimonial-author-thumbnail img,
.testimonial.ozk .testimonial-author .testimonial-author-thumbnail img,
.testimonial .testimonial-author .testimonial-author-thumbnail img,
.testimonial .testimonial-author img {
	width: 100% !important;
	height: 100% !important;
	max-width: 44px !important;
	max-height: 44px !important;
	object-fit: cover !important;
	display: block !important;
	border-radius: 2px !important;
}

.testimonial.testimonial-primary .testimonial-author strong,
.testimonial.testimonial-style-2 .testimonial-author strong,
.testimonial.ozk .testimonial-author strong,
.testimonial .testimonial-author strong {
	color: #111111 !important;
	font-weight: 700 !important;
	display: block !important;
	font-size: 1.05em !important;
	padding-top: 4px !important;
	margin-bottom: 0 !important;
	line-height: 1.2 !important;
}

.testimonial.testimonial-primary .testimonial-author span,
.testimonial.testimonial-style-2 .testimonial-author span,
.testimonial.ozk .testimonial-author span,
.testimonial .testimonial-author span {
	color: #777777 !important;
	display: block !important;
	font-size: 0.9em !important;
	line-height: 1.2 !important;
	margin-top: 2px !important;
}

.testimonial .testimonial-author p {
	color: #999;
	margin: 0;
	text-align: left;
}

/* Style 2 */
.testimonial.testimonial-style-2 {
	text-align: center;
}

.testimonial.testimonial-style-2 blockquote {
	background: transparent !important;
	border-radius: 4px;
	padding: 6px 20px;
}

.testimonial.testimonial-style-2 blockquote:before, .testimonial.testimonial-style-2 blockquote:after {
	display: none;
}

.testimonial.testimonial-style-2 blockquote p {
	color: #777;
}

.testimonial.testimonial-style-2 .testimonial-arrow-down {
	display: none;
}

.testimonial.testimonial-style-2 .testimonial-author {
	padding: 0;
	margin: 6px 0 0;
}

.testimonial.testimonial-style-2 .testimonial-author img {
	margin: 0 auto 10px;
}

.testimonial.testimonial-style-2 .testimonial-author p {
	text-align: center;
	padding: 0;
	margin: 0;
}

/* Style 3 */
.testimonial.testimonial-style-3 blockquote {
	background: #f2f2f2 !important;
	border-radius: 4px;
	padding: 12px 30px;
}

.testimonial.testimonial-style-3 blockquote:before {
	top: 5px;
	color: #777;
	font-size: 35px;
}

.testimonial.testimonial-style-3 blockquote:after {
	color: #777;
	font-size: 35px;
	bottom: -5px;
}

.testimonial.testimonial-style-3 blockquote p {
	color: #777;
	font-family: "Open Sans", Arial, sans-serif;
	font-size: 1em;
	font-style: normal;
}

.testimonial.testimonial-style-3 .testimonial-author {
	margin-left: 8px;
}

.testimonial.testimonial-style-3 .testimonial-arrow-down {
	margin-left: 20px;
	border-top: 10px solid #f2f2f2 !important;
}

/* Style 4 */
.testimonial.testimonial-style-4 {
	border-radius: 6px;
	padding: 8px;
	border-top: 1px solid #DFDFDF;
}

/* OZK framboos testimonial variant. */
.testimonial.ozk blockquote {
	background: #c13c61;
	color: #fff;
	font-style: italic;
}

.testimonial.ozk blockquote p {
	color: #fff;
	font-style: italic;
}

.testimonial.ozk .testimonial-arrow-down {
	border-top-color: #c13c61;
}

.testimonial.ozk .testimonial-author strong {
	color: #111;
	font-weight: 700;
}

.testimonial.ozk .testimonial-author span {
	color: #666;
}

/* Testimonials ingebed in webformulieren */
.webform-submission-form .view-quotes .view-header,
.webform-submission-form .view-quotes .view-footer {
	display: none;
}
.webform-submission-form .view-quotes .testimonial {
	margin-top: 0.5rem;
	margin-bottom: 1.5rem;
}