/**
 * VM Our Take block styles.
 */

.vm-cb-main.vm-our-take{
    /* background: #aaa; */
    padding: 60px 20px;
}

.vm-cb-main.vm-our-take .vm-our-take__container{
    /* background: #dad; */
    display: flex;
    flex-direction: row;
    
    align-items: center;
}

.vm-cb-main.vm-our-take .vm-our-take__container .left,
.vm-cb-main.vm-our-take .vm-our-take__container .right{
    /* background: #ad1; */
    width: 50%;
}

.vm-cb-main.vm-our-take .vm-our-take__container .left .vm-our-take__featured-quote{
    /* background: #da1; */
    padding: 20px;
    font-size: clamp(22px, 3.2vw, 28px);
    padding-left: 60px;
    padding-right: 90px;
    margin-top: 60px;
}

.vm-cb-main.vm-our-take .vm-our-take__container .left .vm-our-take__featured-quote p{
    line-height: 1.4;
    position: relative;
    color: #805266;
}

.vm-cb-main.vm-our-take .vm-our-take__container .left .vm-our-take__featured-quote p::before{
    content: '“';
    font-size: 120px;
    position: absolute;
    left: -30px;
    top: -45px;
    z-index: -1;
}

.vm-cb-main.vm-our-take .vm-our-take__container .left .vm-our-take__title h2{
    font-family: "TMA Josefin Regular";
}

.vm-cb-main.vm-our-take .vm-our-take__featured-author {
	display: grid;
	grid-template-columns: auto 1fr;
	align-items: center;
	column-gap: 12px;
	margin-top: 24px;
	padding-left: 60px;
}

.vm-cb-main.vm-our-take .vm-our-take__featured-author-abbreviation {
	grid-row: 1 / span 2;
}

.vm-cb-main.vm-our-take .vm-our-take__featured-author-abbreviation span {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 42px;
	height: 42px;
	border-radius: 50%;
	background: #805266;
	color: #fff;
	font-size: 13px;
	font-weight: 600;
	letter-spacing: 0.06em;
	line-height: 1;
}

.vm-cb-main.vm-our-take .vm-our-take__featured-author-name {
	font-weight: 600;
}

.vm-cb-main.vm-our-take .vm-our-take__featured-author-subtitle {
	font-size: 13px;
	color: #666;
}

.vm-cb-main.vm-our-take .vm-our-take__container .right{
    /* background: #1da; */
    padding: 0 60px;
}

.vm-cb-main.vm-our-take .vm-our-take__container .right .quotes{
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.vm-cb-main.vm-our-take .vm-our-take__container .right .quotes .quote{
    /* background: #1ad; */
    display: flex;
    flex-direction: column;
    padding: 30px;
    border: 1px solid #E6DDC9;
}

.vm-cb-main.vm-our-take .vm-our-take__container .right .quotes .quote__rating {
	display: flex;
	align-items: center;
	gap: 4px;
	margin-bottom: 10px;
}

.vm-cb-main.vm-our-take .vm-our-take__container .right .quotes .quote__star {
	display: block;
	width: 16px;
	height: 16px;
}

.vm-cb-main.vm-our-take .vm-our-take__container .right .quotes .quote__content{
    font-style: italic;
    font-size: 18px;
    line-height: 1.4;
}

.vm-cb-main.vm-our-take .vm-our-take__container .right .quotes .quote__content p{
    line-height: 1.4;
}

.vm-cb-main.vm-our-take .vm-our-take__container .right .quotes .quote .quote__info{
    display: flex;
    font-size: 12.5px;
    gap: 10px;
}

.vm-cb-main.vm-our-take .vm-our-take__container .right .quotes .quote .quote__author{
    font-weight: 600;
}

@media (max-width: 1000px) {
	.vm-cb-main.vm-our-take {
		padding: 56px 0;
	}

	.vm-cb-main.vm-our-take .vm-our-take__container {
		flex-direction: column;
		align-items: stretch;
		gap: 36px;
	}

	.vm-cb-main.vm-our-take .vm-our-take__container .left,
	.vm-cb-main.vm-our-take .vm-our-take__container .right {
		width: 100%;
	}

	.vm-cb-main.vm-our-take .vm-our-take__container .left .vm-our-take__featured-quote {
		padding: 16px 24px 16px 48px;
		margin-top: 28px;
		font-size: clamp(18px, 4.5vw, 24px);
	}

	.vm-cb-main.vm-our-take .vm-our-take__container .left .vm-our-take__featured-quote p::before {
		font-size: 80px;
		left: -20px;
		top: -30px;
	}

	.vm-cb-main.vm-our-take .vm-our-take__featured-author {
		padding-left: 0;
	}

	.vm-cb-main.vm-our-take .vm-our-take__container .right {
		padding: 0;
	}

	.vm-cb-main.vm-our-take .vm-our-take__container .right .quotes .quote {
		padding: 22px;
	}

	.vm-cb-main.vm-our-take .vm-our-take__container .right .quotes .quote .quote__info {
		flex-wrap: wrap;
		gap: 6px 12px;
	}
}