:root {
--perac-course-reviews-grid-bg_padding: 20px 30px;
--perac-course-reviews-grid-bg_radius: 30px;
--perac-course-reviews-grid-bg_color: #1f1f1f;
--perac-course-reviews-grid-bg_hover_color: #303030;
--perac-course-reviews-grid-thumb_color: #95e6db;
--perac-course-reviews-grid-thumb_size: 40px;
--perac-course-reviews-grid-thumb_lt_color: #1f1f1f;
--perac-course-reviews-grid-author_name_color: #ffffff;
--perac-course-reviews-grid-author_name_fsize: 18px;
--perac-course-reviews-grid-course_color: #dadada;
--perac-course-reviews-grid-course_fsize: 14px;
--perac-course-reviews-grid-content_color: #dadada;
--perac-course-reviews-grid-content_fsize: 16px;
--perac-course-reviews-grid-date_created_color: #dadada;
--perac-course-reviews-grid-date_created_fsize: 13px;
} .perac-course-reviews-grid-container {
min-height: 40vh;
margin: 3em 1em;
transition: height 0.3s ease;
} .perac-course-reviews-grid-item {
background: var(--perac-course-reviews-grid-bg_color);
padding: var(--perac-course-reviews-grid-bg_padding);
border-radius: var(--perac-course-reviews-grid-bg_radius);
transition: background 0.3s ease, opacity 0.3s ease;
}
.perac-course-reviews-grid-item:hover {
background: var(--perac-course-reviews-grid-bg_hover_color);
}
.perac-course-reviews-grid-item .item-header {
display: flex;
align-items: center;
cursor: default;
margin-bottom: 20px;
}
.perac-course-reviews-grid-item .thumbnail-container {
margin-right: 10px;
}
.perac-course-reviews-grid-item .thumbnail-container div {
display: inline-flex;
width: fit-content;
}
.perac-course-reviews-grid-item .thumbnail-container .thumbnail-wrapper {
font-weight: 600;
background: var(--perac-course-reviews-grid-thumb_color);
width: var(--perac-course-reviews-grid-thumb_size);
height: var(--perac-course-reviews-grid-thumb_size);
border-radius: 50%;
}
.perac-course-reviews-grid-item .thumbnail-container .lettered-thumb {
font-size: 20px;
line-height: 1;
color: var(--perac-course-reviews-grid-thumb_lt_color);
margin: auto;
}
.perac-course-reviews-grid-item .author-name {
font-size: var(--perac-course-reviews-grid-author_name_fsize);
font-weight: 600;
color: var(--perac-course-reviews-grid-author_name_color);
}
.perac-course-reviews-grid-item .item-related-course {
font-size: var(--perac-course-reviews-grid-course_fsize);
font-weight: 100;
line-height: 1.2;
text-align: left;
color: var(--perac-course-reviews-grid-course_color);
}
.perac-course-reviews-grid-item .item-content {
font-size: var(--perac-course-reviews-grid-content_fsize);
color: var(--perac-course-reviews-grid-content_color);
}
.perac-course-reviews-grid-item .item-content .item-rating {
margin: 10px auto 15px;
z-index: 1;
}
.perac-course-reviews-grid-item .item-content blockquote {
margin: 0;
}
.perac-course-reviews-grid-item .item-date-created {
font-size: var(--perac-course-reviews-grid-date_created_fsize);
font-weight: 100;
color: var(--perac-course-reviews-grid-date_created_color);
} .perac-course-reviews-grid-container.mobile .perac-course-reviews-grid-item .item-content .item-rating {
margin-left: 0;
} .perac-course-reviews-grid-loader-icon {
text-align: center;
opacity: 0.5;
margin-bottom: 20px;
}.mask-error {
color: #ff3939;
font-size: 13px;
position: absolute;
bottom: -26px;
left: 10px;
background: #fff;
padding: 2px 4px;
border-radius: 3px;
border: 1px solid #ff6a6a;
display: flex;
height: 24px;
box-sizing: border-box;
line-height: 13px;
align-items: center;
z-index: 9;
}
.mask-error{
display: none;
}
.mask-error:after {
content: "";
height: 11px;
width: 11px;
border-left: 1px solid #ff6a6a;
border-top: 1px solid #ff6a6a;
position: absolute;
transform: rotate(45deg);
top: -6px;
left: 12px;
background-image: linear-gradient(135deg, #ffffff 50%, transparent 50%);
}
.mccard1-container, .mccard2-container {
position: relative;
display: inline-flex;
width: fit-content;
flex-direction: column;
}
.card-logo {
position: absolute;
right: 10px;
width: 40px;
height: auto;
display: none;
bottom: 5px;
}