.reviews_group_container { margin: auto; } .reviews_group { display: grid; flex-wrap: wrap; padding: 0px; padding-top: calc(var(--mp) * 2); margin-bottom: calc(var(--mp) * 2); gap: calc(var(--mp) * 2); flex: 1; height: 100%; } .reviews_group_title, .reviews_group_container, .reviews_group { width: var(--contents-width); margin: auto; } .reviews_group_container { margin-bottom: 2rem !important; } .reviews_group_container .reviews_group_title { display: flex; align-items: center; align-content: center; justify-items: center; justify-content: center; text-transform: none !important; font-weight: 600; width: fit-content; min-width: 40%; font-size: 1.5rem; font-family: var(--titles-font); text-align: center; } .review_item_box, .reviews_group_container .reviews_group_title { background-color: var(--bg-dependent-bg-color-trans); color: var(--bg-dependent-fg-color); border-radius: calc(var(--mp) * 1); -webkit-backdrop-filter: var(--backdrop-filter); backdrop-filter: var(--backdrop-filter); box-shadow: var(--box-shadow-soft); } .reviews_group_container .reviews_group_title, .review_item_no_text, .review_item { padding: calc(var(--mp) * 4); } .review_item_box { --ri-mp: calc(var(--mp) * .5); box-sizing: border-box !important; display: flex; flex-direction: column; align-items: space-between; align-content: space-between; justify-items: space-between; justify-content: space-between; border: var(--border-std); width: 100%; flex: 1; } .review_item { height: 100%; } .review_item * { hyphens: auto !important; } .review_item_box .author_name { font-size: 110%; text-align: left; text-transform: capitalize; } .review_item_box .author_profile *, .review_item_box .author_profile { cursor: pointer; transition: var(--transition-fast); } .review_item_box .author_profile { display: flex; align-self: flex-start !important; justify-self: flex-start !important; align-items: flex-start; align-content: flex-start; justify-items: flex-start; justify-content: flex-start; width: fit-content; width: stretch; } .review_item_box .author_profile:hover img { filter: brightness(125%); } .review_item_box .author_profile:hover img { transform: scale(1.1); } .review_item_box .review_text { --line-clamp: 2; font-style: italic; font-weight: 400 !important; display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; max-height: 6rem; transition: var(--transition-fast); -webkit-line-clamp: var(--line-clamp); line-clamp: var(--line-clamp); margin-bottom: calc(var(--mp) * 2); } .review_item_box .review_text p { text-indent: 1rem; margin-bottom: calc(var(--mp) * 1); } .review_item_box .review_date { text-align: left; text-transform: capitalize; font-size: .8rem; } .review_item_box .author_profile img { max-width: 5rem; text-align: center; margin: auto; } .review_item_box .author_data { padding-left: calc(var(--mp) * 2); width: 100%; } .review_item_box .stars_strip { width: fit-content; margin: auto; font-size: 160%; } .review_item_box .stars_strip_off, .review_item_box .stars_strip_on { overflow: hidden; text-overflow: hidden; height: fit-content; white-space: nowrap; line-height: 150%; } .review_item_box .stars_strip_off { width: fit-content; position: absolute; z-index: 0; text-shadow: var(--text-shadow); } .review_item_box .stars_strip_on { position: relative; color: orange; z-index: 100; } .review_item_box .stars_strip_off { color: darkorange; opacity: .25; } .review_item_box .review_ellipsis, .review_item_box .review_part_hidden { transition: var(--transition-fast); } .review_item_box .review_ellipsis { display: inline-block; padding: 0px; margin: 0px; opacity: .5; } .review_item_box .review_part_hidden { opacity: 0; } .review_item:hover .review_ellipsis { display: inline-block; max-width: 0px; max-height: 0px; overflow: hidden; opacity: 0; visibility: hidden; } .review_item:hover .review_part_hidden { opacity: 1; } .review_item:hover .review_text { max-height: 100vh; } .review_author_profile_emu { --reap-emu-size: 5rem; background-color: #1f98a780; font-size: calc(var(--reap-emu-size) / 2); padding: calc(var(--mp) * 0); width: var(--reap-emu-size); height: var(--reap-emu-size); border-radius: calc(var(--reap-emu-size) / 2); display: flex; align-items: center; align-content: center; justify-items: center; justify-content: center; flex-direction: column; } .review_author_profile_emu div { border: 4pt solid var(--bg-dependent-bg-color-trans); font-family: var(--mono-font); height: fit-content; font-weight: 400; color: #eeeeee; margin: 0px; padding: 0px; line-height: 100%; font-size: 2.5cqw !important; width: var(--reap-emu-size); height: var(--reap-emu-size); border-radius: calc(var(--reap-emu-size) / 2); display: flex; align-items: center; align-content: center; justify-items: center; justify-content: center; flex-direction: column; box-shadow: var(--box-shadow-soft); } @media screen and (orientation:portrait) and (max-width:1023px) { .reviews_group { grid-template-columns: repeat(1, 1fr) !important; } .reviews_group_container .reviews_group_title { width: 100%; margin: auto; max-width: var(--contents-width); } .review_item { display: block; width: auto !important; margin-left: calc(var(--mp) * 2); margin-right: calc(var(--mp) * 2); transition: var(--transition-slow); } .review_item_box .stars_strip { margin-right: auto; margin-left: 0px !important; } .review_item:hover .review_text { overflow: visible; max-height: 100vh; visibility: visible; } .author_profile{ padding-top: calc(var(--mp) * 2); } .review_author_profile_emu div { font-size: 5cqw !important; } }