/** * All of the CSS for your public-facing functionality should be * included in this file. */ @font-face { font-family: 'absolute-reviews-icons'; src: url("../../fonts/absolute-reviews-icons.woff") format("woff"), url("../../fonts/absolute-reviews-icons.ttf") format("truetype"), url("../../fonts/absolute-reviews-icons.svg") format("svg"); font-weight: normal; font-style: normal; font-display: swap; } [class^="abr-icon-"], [class*=" abr-icon-"] { font-family: 'absolute-reviews-icons' !important; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .abr-icon-comment:before { content: "\e905"; } .abr-icon-eye:before { content: "\e903"; } .abr-icon-watch:before { content: "\e904"; } .abr-icon-funds-fill:before { content: "\e902"; } .abr-icon-x:before { content: "\e901"; } .abr-icon-check:before { content: "\e900"; } .abr-icon-star-half:before { content: "\e938"; } .abr-icon-star-full:before { content: "\e939"; } .abr-icon-star-empty:before { content: "\e93a"; } /*--------------------------------------------------------------*/ /*--------------------------------------------------------------*/ .abr-post-meta { --abr-post-meta-color: #dee2e6; padding-left: 0; list-style: none; color: var(--abr-post-meta-color); margin: 0; padding: 0; } .abr-post-meta li { display: inline-block; } .abr-post-meta li + li { margin-left: 0.5rem; } .abr-post-meta li + li:before { margin-right: 0.5rem; content: "\b7"; } .abr-meta-category .post-categories { padding-left: 0; list-style: none; padding: 0; margin: 0; } .abr-meta-category .post-categories li { display: inline-block; } .abr-meta-category .post-categories li + li { margin-left: 0.5rem; } .abr-meta-category .post-categories li:not(:last-child):after { content: ","; } .post-meta .abr-meta-category .post-categories { margin-bottom: 0; } .abr-meta-author span + a, .abr-meta-author a + span { margin-left: 0.25rem; } .abr-badge { --abr-badge-color: #fff; --abr-badge-border-radius: 30px; display: inline-block; padding: 0.2rem 0.25rem; margin-left: 1rem; line-height: 1; color: var(--abr-badge-color); border-radius: var(--abr-badge-border-radius); } .abr-badge-primary.abr-review-badge-0 { background-color: #000000; } .abr-badge-primary.abr-review-badge-1 { background-color: #E00F15; } .abr-badge-primary.abr-review-badge-2 { background-color: #FE761E; } .abr-badge-primary.abr-review-badge-3 { background-color: #FFA61E; } .abr-badge-primary.abr-review-badge-4 { background-color: #DECB53; } .abr-badge-primary.abr-review-badge-5 { background-color: #DECB53; } .abr-badge-primary.abr-review-badge-6 { background-color: #E7D456; } .abr-badge-primary.abr-review-badge-7 { background-color: #52AA6B; } .abr-badge-primary.abr-review-badge-8 { background-color: #4DA065; } .abr-badge-primary.abr-review-badge-9 { background-color: #419759; } .abr-badge-primary.abr-review-badge-10 { background-color: #33884B; } .abr-badge-text { --abr-badge-text-color: #000000; --abr-badge-text-border-radius: 30px; display: inline-block; margin-left: 1rem; line-height: 1; color: var(--abr-badge-text-color); border-radius: var(--abr-badge-text-border-radius); } .abr-badge-text-primary.abr-review-badge-text-0 { color: #000000; } .abr-badge-text-primary.abr-review-badge-text-1 { color: #E00F15; } .abr-badge-text-primary.abr-review-badge-text-2 { color: #FE761E; } .abr-badge-text-primary.abr-review-badge-text-3 { color: #FFA61E; } .abr-badge-text-primary.abr-review-badge-text-4 { color: #DECB53; } .abr-badge-text-primary.abr-review-badge-text-5 { color: #DECB53; } .abr-badge-text-primary.abr-review-badge-text-6 { color: #E7D456; } .abr-badge-text-primary.abr-review-badge-text-7 { color: #52AA6B; } .abr-badge-text-primary.abr-review-badge-text-8 { color: #4DA065; } .abr-badge-text-primary.abr-review-badge-text-9 { color: #419759; } .abr-badge-text-primary.abr-review-badge-text-10 { color: #33884B; } .abr-review-line { --abr-review-line-grid-gap: 2px; display: grid; grid-gap: var(--abr-review-line-grid-gap); margin-top: 0.5rem; } .abr-review-slice { --abr-review-slice-background-color: #e9ecef; --abr-review-slice-height: 6px; background-color: var(--abr-review-slice-background-color); height: var(--abr-review-slice-height); } .abr-review-point-5 .abr-review-line { grid-template-columns: repeat(5, 1fr); } .abr-review-point-10 .abr-review-line { grid-template-columns: repeat(10, 1fr); } .abr-review-point-5 .abr-review-slice-active:nth-child(1) { background-color: #E00F15; } .abr-review-point-5 .abr-review-slice-active:nth-child(2) { background-color: #FFA61E; } .abr-review-point-5 .abr-review-slice-active:nth-child(3) { background-color: #DECB53; } .abr-review-point-5 .abr-review-slice-active:nth-child(4) { background-color: #52AA6B; } .abr-review-point-5 .abr-review-slice-active:nth-child(5) { background-color: #419759; } .abr-review-point-10 .abr-review-slice-active:nth-child(0) { background-color: #000000; } .abr-review-point-10 .abr-review-slice-active:nth-child(1) { background-color: #E00F15; } .abr-review-point-10 .abr-review-slice-active:nth-child(2) { background-color: #FE761E; } .abr-review-point-10 .abr-review-slice-active:nth-child(3) { background-color: #FFA61E; } .abr-review-point-10 .abr-review-slice-active:nth-child(4) { background-color: #DECB53; } .abr-review-point-10 .abr-review-slice-active:nth-child(5) { background-color: #DECB53; } .abr-review-point-10 .abr-review-slice-active:nth-child(6) { background-color: #E7D456; } .abr-review-point-10 .abr-review-slice-active:nth-child(7) { background-color: #52AA6B; } .abr-review-point-10 .abr-review-slice-active:nth-child(8) { background-color: #4DA065; } .abr-review-point-10 .abr-review-slice-active:nth-child(9) { background-color: #419759; } .abr-review-point-10 .abr-review-slice-active:nth-child(10) { background-color: #33884B; } .abr-review-progress { --abr-review-progress-background: #e9ecef; --abr-review-progress-height: 6px; --abr-review-progress-border-radius: 4px; background: var(--abr-review-progress-background); height: var(--abr-review-progress-height); border-radius: var(--abr-review-progress-border-radius); margin-top: 0.5rem; } .abr-review-progressbar { --abr-review-progressbar-height: 6px; --abr-review-progressbar-border-radius: 4px; height: var(--abr-review-progressbar-height); border-radius: var(--abr-review-progressbar-border-radius); } .abr-review-progressbar-1 { background: linear-gradient(to right, #E00F15 10%, transparent 20%, transparent 30%, transparent 40%, transparent 50%, transparent 60%, transparent 70%, transparent 80%, transparent 90%, transparent 100%); } .abr-review-progressbar-2 { background: linear-gradient(to right, #E00F15 10%, #FE761E 20%, transparent 30%, transparent 40%, transparent 50%, transparent 60%, transparent 70%, transparent 80%, transparent 90%, transparent 100%); } .abr-review-progressbar-3 { background: linear-gradient(to right, #E00F15 10%, #FE761E 20%, #FFA61E 30%, transparent 40%, transparent 50%, transparent 60%, transparent 70%, transparent 80%, transparent 90%, transparent 100%); } .abr-review-progressbar-4 { background: linear-gradient(to right, #E00F15 10%, #FE761E 20%, #FFA61E 30%, #DECB53 40%, transparent 50%, transparent 60%, transparent 70%, transparent 80%, transparent 90%, transparent 100%); } .abr-review-progressbar-5 { background: linear-gradient(to right, #E00F15 10%, #FE761E 20%, #FFA61E 30%, #DECB53 40%, #DECB53 50%, transparent 60%, transparent 70%, transparent 80%, transparent 90%, transparent 100%); } .abr-review-progressbar-6 { background: linear-gradient(to right, #E00F15 10%, #FE761E 20%, #FFA61E 30%, #DECB53 40%, #DECB53 50%, #E7D456 60%, transparent 70%, transparent 80%, transparent 90%, transparent 100%); } .abr-review-progressbar-7 { background: linear-gradient(to right, #E00F15 10%, #FE761E 20%, #FFA61E 30%, #DECB53 40%, #DECB53 50%, #E7D456 60%, #52AA6B 70%, transparent 80%, transparent 90%, transparent 100%); } .abr-review-progressbar-8 { background: linear-gradient(to right, #E00F15 10%, #FE761E 20%, #FFA61E 30%, #DECB53 40%, #DECB53 50%, #E7D456 60%, #52AA6B 70%, #4DA065 80%, transparent 90%, transparent 100%); } .abr-review-progressbar-9 { background: linear-gradient(to right, #E00F15 10%, #FE761E 20%, #FFA61E 30%, #DECB53 40%, #DECB53 50%, #E7D456 60%, #52AA6B 70%, #4DA065 80%, #419759 90%, transparent 100%); } .abr-review-progressbar-10 { background: linear-gradient(to right, #E00F15 10%, #FE761E 20%, #FFA61E 30%, #DECB53 40%, #DECB53 50%, #E7D456 60%, #52AA6B 70%, #4DA065 80%, #419759 90%, #33884B 100%); } .abr-review-stars { --abr-review-star-empty-color: #e9ecef; --abr-review-star-width: 1.125rem; --abr-review-star-height: 1.125rem; --abr-review-star-font-size: 1.125rem; --abr-review-star-color: #FFE27F; margin-top: 0.5rem; } .abr-review-stars .screen-reader-text { display: none; } .abr-review-stars .abr-star-full:before { content: "\e939"; } .abr-review-stars .abr-star-half:before { content: "\e938"; } .abr-review-stars .abr-star-empty:before { content: "\e93a"; } .abr-review-stars .abr-star.abr-star-empty { color: var(--abr-review-star-empty-color); } .abr-review-stars .abr-star { display: inline-block; width: var(--abr-review-star-width); height: var(--abr-review-star-height); font-size: var(--abr-review-star-font-size); line-height: 1; font-family: 'absolute-reviews-icons'; text-decoration: inherit; font-weight: 400; font-style: normal; vertical-align: top; transition: color .1s ease-in; text-align: center; color: var(--abr-review-star-color); margin-right: 0.125rem; } .abr-review-stars .abr-star:last-child { margin-right: 0; } /*--------------------------------------------------------------*/ .abr-post-review { --abr-review-text-font-size: 1rem; --abr-review-text-font-weight: bold; --abr-review-name-font-size: 0.75rem; --abr-review-name-text-transform: uppercase; --abr-review-name-color: #777777; --abr-review-details-line-height: 1.5; --abr-review-details-font-size: 1rem; --abr-review-score-text-font-size: 3rem; --abr-review-score-label-text-transform: uppercase; --abr-review-score-label-font-size: 0.75rem; --abr-review-score-label-font-weight: 700; --abr-review-score-label-color: #777777; --abr-review-score-info-background: #6c757d; --abr-review-score-info-color: #fff; --abr-review-score-info-border-radius: 50%; --abr-review-score-info-font-size: 0.75rem; --abr-review-score-info-width: 1rem; --abr-review-score-info-height: 1rem; --abr-review-score-info-popup-border-color: #e9ecef; --abr-review-score-info-popup-background: #fff; --abr-review-score-info-popup-color: #000000; --abr-review-score-info-popup-font-size: 1rem; --abr-review-score-info-popup-border-radius: 5px; } .abr-post-review .abr-review-author { display: none; } .abr-post-review .abr-review-total { display: flex; flex-direction: column; margin-top: 2rem; } .abr-post-review .abr-review-total > .abr-review-data { display: flex; flex-direction: column-reverse; flex-grow: 1; margin-bottom: 1rem; margin-top: 0; order: 1; } .abr-post-review .abr-review-total > .abr-review-list { flex-grow: 1; order: 2; } .abr-post-review .abr-review-total > .abr-review-list ul { display: grid; grid-gap: 2rem; grid-template-columns: repeat(2, 1fr); } .abr-post-review .abr-review-total > .abr-review-list .abr-review-item { display: block; margin-top: 0; } .abr-post-review .abr-review-total > .abr-review-list .abr-review-desc { margin-top: 0.5rem; } .abr-post-review .abr-review-score { display: flex; flex-direction: column; line-height: 1; order: 1; } .abr-post-review .abr-review-score .abr-review-text { font-size: var(--abr-review-score-text-font-size); } .abr-post-review .abr-review-score .abr-review-subtext { margin-top: 0.5rem; white-space: nowrap; } .abr-post-review .abr-review-score .abr-review-subtext .abr-data-label { text-transform: var(--abr-review-score-label-text-transform); font-size: var(--abr-review-score-label-font-size); font-weight: var(--abr-review-score-label-font-weight); color: var(--abr-review-score-label-color); } .abr-post-review .abr-review-score .abr-review-subtext .abr-data-info { display: inline-flex; position: relative; background: var(--abr-review-score-info-background); color: var(--abr-review-score-info-color); width: var(--abr-review-score-info-width); height: var(--abr-review-score-info-height); align-items: center; justify-content: center; margin-left: 0.25rem; border-radius: var(--abr-review-score-info-border-radius); font-size: var(--abr-review-score-info-font-size); cursor: pointer; } .abr-post-review .abr-review-score .abr-review-subtext .abr-data-info > span { position: absolute; border: 1px solid var(--abr-review-score-info-popup-border-color); background: var(--abr-review-score-info-popup-background); padding: 1rem; visibility: hidden; opacity: 0; width: 100vw; max-width: 250px; position: absolute; z-index: 2; bottom: 2rem; right: -1.5rem; font-size: var(--abr-review-score-info-popup-font-size); line-height: normal; color: var(--abr-review-score-info-popup-color); transition: opacity 0.3s; border-radius: var(--abr-review-score-info-popup-border-radius); white-space: normal; } .abr-post-review .abr-review-score .abr-review-subtext .abr-data-info > span:after { top: 100%; right: 1.5rem; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } .abr-post-review .abr-review-score .abr-review-subtext .abr-data-info > span:after { border-color: transparent; border-top-color: var(--abr-review-score-info-popup-border-color); border-width: 8px; margin-left: -8px; } .abr-post-review .abr-review-score .abr-review-subtext .abr-data-info:hover > span { opacity: 1; visibility: visible; } .abr-post-review .abr-review-score-row { flex-direction: row; align-items: flex-end; } @media (min-width: 720px) { .abr-post-review .abr-review-total { flex-direction: row; align-items: center; margin-top: 0; } .abr-post-review .abr-review-total > .abr-review-data { margin-bottom: 0; margin-top: 0; order: 1; } .abr-post-review .abr-review-total > .abr-review-list { margin-top: 0; order: 1; } .abr-post-review .abr-review-total > .abr-review-list ul { grid-template-columns: repeat(3, 1fr); } .abr-post-review .abr-review-data + .abr-review-score, .abr-post-review .abr-review-list + .abr-review-score { margin-left: 2rem; } .abr-post-review .abr-review-score { order: 2; } } .abr-post-review .abr-review-text { font-size: var(--abr-review-text-font-size); font-weight: var(--abr-review-text-font-weight); } .abr-post-review .abr-review-name { font-size: var(--abr-review-name-font-size); text-transform: var(--abr-review-name-text-transform); color: var(--abr-review-name-color); } .abr-post-review .abr-review-label { display: flex; align-items: center; margin-top: 0.5rem; } .abr-review-percentage .abr-review-text .sep, .abr-review-percentage .abr-review-text .max { display: none; } .abr-review-percentage .abr-review-text .total:after { content: '%'; } .abr-review-star > .abr-review-list ul { display: grid; grid-gap: 2rem; grid-template-columns: repeat(2, 1fr); } .abr-review-star > .abr-review-list .abr-review-item { display: block; margin-top: 0; } .abr-review-star > .abr-review-list .abr-review-desc { margin-top: 0.5rem; } @media (min-width: 720px) { .abr-review-star > .abr-review-list ul { grid-template-columns: repeat(3, 1fr); } } .abr-review-list { margin-top: 2rem; } .abr-review-list ul { list-style: none; margin: 0; padding: 0; } .abr-review-list .abr-review-item { display: grid; grid-gap: 20px; grid-template-columns: 1fr; margin-top: 2rem; } .abr-review-list .abr-review-item:first-child { margin-top: 0; } .abr-review-list .abr-review-item .abr-review-desc { font-size: 0.875rem; } @media (min-width: 720px) { .abr-review-list .abr-review-item { grid-template-columns: 1fr 1fr; } } @media (min-width: 1024px) { .abr-review-list .abr-review-item { grid-gap: 40px; } } .abr-review-details { display: grid; grid-gap: 40px; grid-template-columns: 1fr; margin-top: 2rem; } .abr-review-details ul { margin: 0; padding: 0; line-height: var(--abr-review-details-line-height); list-style: none; font-size: var(--abr-review-details-font-size); } .abr-review-details ul:not(:first-child) { margin-top: 1.5rem; } .abr-review-details ul:not(:last-child) { margin-bottom: 1.5rem; } .abr-review-details ul li:not(:first-child) { margin-top: 0.5rem; } .abr-review-details ul > li { position: relative; padding-left: 2.5rem; } .abr-review-details ul > li:before { display: flex; align-items: center; justify-content: center; position: absolute; width: 1.5rem; font-family: 'absolute-reviews-icons'; left: 0; top: 0; } .abr-review-details .abr-review-pros ul > li:before { content: "\e900"; color: #28a745; } .abr-review-details .abr-review-cons ul > li:before { content: "\e901"; color: #dc3545; } @media (min-width: 720px) { .abr-review-details { grid-template-columns: 1fr 1fr; } } .abr-review-info + .abr-review-total { margin-top: 1rem; } .abr-review-scheme-hidden { display: none; } /*--------------------------------------------------------------*/ .abr-review-block { display: flex; flex-direction: column; } .abr-review-block .abr-review-title { margin-top: 0; margin-bottom: 1.5rem; } .abr-review-block .abr-review-indicator { line-height: 1; order: -1; } .abr-review-block .abr-review-indicator .abr-badge { margin-top: 0; margin-left: 0; margin-right: 0; margin-bottom: 1.5rem; padding: 0.4rem 0.75rem; } .abr-review-block .abr-review-data { max-width: 50%; } @media (min-width: 720px) { .abr-review-block .abr-review-data + .abr-review-score { margin-left: 1.5rem; } } .abr-review-block.abr-review-star .abr-review-data { max-width: initial; flex-grow: initial; } /*--------------------------------------------------------------*/ .abr-reviews-posts { --abr-posts-meta-color: #000; --abr-posts-number-font-size: 1rem; --abr-posts-number-large-font-size: 1.25rem; --abr-posts-number-badge-color: #FFF; --abr-posts-number-caption-color: #FFF; --abr-posts-percentage-icon-font-size: 1.25em; --abr-posts-percentage-icon-color: #F7BF40; --abr-posts-star-width: 0.875rem; --abr-posts-star-height: 0.875rem; --abr-posts-star-font-size: 0.875rem; --abr-posts-star-color: #F8C249; --abr-posts-item-separator-color: #e9ecef; --abr-posts-thumbnail-small-width: 80px; --abr-posts-thumbnail-small-gutter: 1rem; --abr-posts-thumbnail-width: 80px; --abr-posts-thumbnail-gutter: 1rem; --abr-posts-overlay-background: rgba(0,0,0,0.125); --abr-posts-overlay-color: #FFFFFF; --abr-posts-overlay-hover-color: rgba(255,255,255,0.75); } .abr-reviews-posts .abr-post-item { margin-top: 2rem; } .abr-reviews-posts .abr-post-item:first-child { margin-top: 0; } .abr-reviews-posts .abr-post-headline { display: flex; flex-direction: column; } .abr-reviews-posts .abr-post-headline .meta-category { display: inline-block; margin-bottom: 0.5rem; } .abr-reviews-posts .abr-post-headline .meta-category ul { margin-bottom: 0; } .abr-reviews-posts .abr-post-headline .entry-title { margin-bottom: 0.5rem; margin-top: 0; } .abr-reviews-posts .abr-post-headline > *:last-child { margin-bottom: 0; } .abr-reviews-posts .abr-review-meta { display: flex; flex-wrap: wrap; align-items: center; margin-top: 0.5rem; color: var(--abr-posts-meta-color); } .abr-reviews-posts .abr-review-meta .abr-review-number { display: flex; align-items: center; line-height: 1; margin-left: 0; font-size: var(--abr-posts-number-font-size); } .abr-reviews-posts .abr-review-meta .abr-review-number.abr-badge { color: var(--abr-posts-number-badge-color); } .abr-reviews-posts .abr-review-meta .abr-review-caption { margin-left: 0.5rem; } .abr-reviews-posts .abr-review-meta .abr-review-caption.abr-badge { color: var(--abr-posts-number-caption-color); } .abr-reviews-posts .abr-review-meta .abr-badge-primary { white-space: nowrap; } .abr-reviews-posts .abr-type-percentage .abr-review-number:before { content: "\e902"; font-family: 'absolute-reviews-icons'; margin-right: 0.25rem; font-size: var(--abr-posts-percentage-icon-font-size); color: var(--abr-posts-percentage-icon-color); } .abr-reviews-posts .abr-review-indicator { margin-right: 0.5rem; } .abr-reviews-posts .abr-review-line, .abr-reviews-posts .abr-review-progress, .abr-reviews-posts .abr-review-stars { min-width: 100px; margin-top: 0; } .abr-reviews-posts .abr-review-stars { min-width: initial; line-height: 1; } .abr-reviews-posts .abr-review-stars .abr-star { width: var(--abr-posts-star-width); height: var(--abr-posts-star-height); font-size: var(--abr-posts-star-font-size); color: var(--abr-posts-star-color); } .abr-posts-template-reviews-1 .abr-post-outer, .abr-posts-template-reviews-2 .abr-post-outer { display: flex; } .abr-posts-template-reviews-1 .abr-post-data, .abr-posts-template-reviews-2 .abr-post-data { flex-grow: 1; width: 100%; } .abr-posts-template-reviews-1 .abr-post-thumbnail, .abr-posts-template-reviews-2 .abr-post-thumbnail { position: relative; flex: 0 0 var(--abr-posts-thumbnail-width); margin-right: var(--abr-posts-thumbnail-gutter); } .abr-posts-template-reviews-1 .abr-post-thumbnail img, .abr-posts-template-reviews-2 .abr-post-thumbnail img { width: var(--abr-posts-thumbnail-width); height: auto; -o-object-fit: cover; object-fit: cover; font-family: 'object-fit: cover;'; } .abr-posts-template-reviews-2 .abr-review-meta .abr-review-number:before { display: none; } .abr-posts-template-reviews-3 .abr-post-item, .abr-posts-template-reviews-4 .abr-post-item { border-top: 1px solid var(--abr-posts-item-separator-color); margin-top: 1rem; padding-top: 1rem; } .abr-posts-template-reviews-3 .abr-post-item:first-child, .abr-posts-template-reviews-4 .abr-post-item:first-child { border-top: none; margin-top: 0; padding-top: 0; } .abr-posts-template-reviews-3 .abr-post-item:nth-child(1) .abr-post-data, .abr-posts-template-reviews-4 .abr-post-item:nth-child(1) .abr-post-data { margin-top: 1rem; } .abr-posts-template-reviews-3 .abr-post-item:nth-child(1) .abr-review-meta .abr-review-number, .abr-posts-template-reviews-4 .abr-post-item:nth-child(1) .abr-review-meta .abr-review-number { font-size: var(--abr-posts-number-large-font-size); } .abr-posts-template-reviews-3 .abr-post-item:nth-child(n+2) .abr-post-outer, .abr-posts-template-reviews-4 .abr-post-item:nth-child(n+2) .abr-post-outer { display: flex; } .abr-posts-template-reviews-3 .abr-post-item:nth-child(n+2) .abr-post-data, .abr-posts-template-reviews-4 .abr-post-item:nth-child(n+2) .abr-post-data { flex-grow: 1; width: 100%; } .abr-posts-template-reviews-3 .abr-post-item:nth-child(n+2) .abr-post-thumbnail, .abr-posts-template-reviews-4 .abr-post-item:nth-child(n+2) .abr-post-thumbnail { position: relative; flex: 0 0 var(--abr-posts-thumbnail-width); margin-right: var(--abr-posts-thumbnail-gutter); } .abr-posts-template-reviews-3 .abr-post-item:nth-child(n+2) .abr-post-thumbnail img, .abr-posts-template-reviews-4 .abr-post-item:nth-child(n+2) .abr-post-thumbnail img { width: var(--abr-posts-thumbnail-width); height: auto; -o-object-fit: cover; object-fit: cover; font-family: 'object-fit: cover;'; } .abr-posts-template-reviews-4 .abr-review-meta .abr-review-number:before { display: none; } .abr-posts-template-reviews-5 .abr-post-item { border-top: 1px solid var(--abr-posts-item-separator-color); margin-top: 1rem; padding-top: 1rem; } .abr-posts-template-reviews-5 .abr-post-item:first-child { border-top: none; margin-top: 0; padding-top: 0; } .abr-posts-template-reviews-5 .abr-post-item .abr-post-data { display: flex; } .abr-posts-template-reviews-5 .abr-post-item .abr-post-data .abr-post-headline { flex-grow: 1; width: 100%; } .abr-posts-template-reviews-5 .abr-post-item .abr-post-data .abr-review-meta { position: relative; display: flex; flex-direction: column; align-items: initial; flex: 0 0 60px; margin-top: 0; margin-left: 1rem; } .abr-posts-template-reviews-5 .abr-post-item .abr-post-data .abr-review-number { font-size: var(--abr-posts-number-large-font-size); } .abr-posts-template-reviews-5 .abr-post-item .abr-post-data .abr-review-number:before { display: none; } .abr-posts-template-reviews-5 .abr-post-item .abr-post-data .abr-review-caption { margin-top: 0.5rem; margin-left: 0; text-align: center; } .abr-posts-template-reviews-5 .abr-post-item:nth-child(1) .abr-post-data { margin-top: 1rem; } .abr-posts-template-reviews-5 .abr-post-item:nth-child(n+2) .abr-post-outer { display: flex; } .abr-posts-template-reviews-5 .abr-post-item:nth-child(n+2) .abr-post-data { flex-grow: 1; width: 100%; } .abr-posts-template-reviews-5 .abr-post-item:nth-child(n+2) .abr-post-thumbnail { position: relative; flex: 0 0 var(--abr-posts-thumbnail-small-width); margin-right: var(--abr-posts-thumbnail-small-gutter); } .abr-posts-template-reviews-5 .abr-post-item:nth-child(n+2) .abr-post-thumbnail img { width: var(--abr-posts-thumbnail-small-width); height: auto; -o-object-fit: cover; object-fit: cover; font-family: 'object-fit: cover;'; } .abr-posts-template-reviews-6 .abr-post-outer, .abr-posts-template-reviews-7 .abr-post-outer, .abr-posts-template-reviews-8 .abr-post-outer { position: relative; display: flex; } .abr-posts-template-reviews-6 .abr-post-outer .abr-post-inner, .abr-posts-template-reviews-7 .abr-post-outer .abr-post-inner, .abr-posts-template-reviews-8 .abr-post-outer .abr-post-inner { width: 100%; } .abr-posts-template-reviews-6 .abr-post-outer:after, .abr-posts-template-reviews-7 .abr-post-outer:after, .abr-posts-template-reviews-8 .abr-post-outer:after { padding-bottom: 125%; width: 0; content: ''; } .abr-posts-template-reviews-6 .abr-post-thumbnail, .abr-posts-template-reviews-7 .abr-post-thumbnail, .abr-posts-template-reviews-8 .abr-post-thumbnail { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; } .abr-posts-template-reviews-6 .abr-post-thumbnail .post-thumbnail, .abr-posts-template-reviews-7 .abr-post-thumbnail .post-thumbnail, .abr-posts-template-reviews-8 .abr-post-thumbnail .post-thumbnail { width: 100%; height: 100%; } .abr-posts-template-reviews-6 .abr-post-thumbnail img, .abr-posts-template-reviews-7 .abr-post-thumbnail img, .abr-posts-template-reviews-8 .abr-post-thumbnail img { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; font-family: 'object-fit: cover;'; } .abr-posts-template-reviews-6 .abr-post-data, .abr-posts-template-reviews-7 .abr-post-data, .abr-posts-template-reviews-8 .abr-post-data { background: var(--abr-posts-overlay-background); position: relative; display: flex; flex-direction: column; padding: 20px; color: var(--abr-posts-overlay-color); z-index: 1; } .abr-posts-template-reviews-6 .abr-post-data a, .abr-posts-template-reviews-6 .abr-post-data .entry-title a, .abr-posts-template-reviews-6 .abr-post-data .post-meta a, .abr-posts-template-reviews-7 .abr-post-data a, .abr-posts-template-reviews-7 .abr-post-data .entry-title a, .abr-posts-template-reviews-7 .abr-post-data .post-meta a, .abr-posts-template-reviews-8 .abr-post-data a, .abr-posts-template-reviews-8 .abr-post-data .entry-title a, .abr-posts-template-reviews-8 .abr-post-data .post-meta a { position: relative; color: var(--abr-posts-overlay-color); z-index: 2; } .abr-posts-template-reviews-6 .abr-post-data a:hover, .abr-posts-template-reviews-6 .abr-post-data a:focus, .abr-posts-template-reviews-6 .abr-post-data .entry-title a:hover, .abr-posts-template-reviews-6 .abr-post-data .entry-title a:focus, .abr-posts-template-reviews-6 .abr-post-data .post-meta a:hover, .abr-posts-template-reviews-6 .abr-post-data .post-meta a:focus, .abr-posts-template-reviews-7 .abr-post-data a:hover, .abr-posts-template-reviews-7 .abr-post-data a:focus, .abr-posts-template-reviews-7 .abr-post-data .entry-title a:hover, .abr-posts-template-reviews-7 .abr-post-data .entry-title a:focus, .abr-posts-template-reviews-7 .abr-post-data .post-meta a:hover, .abr-posts-template-reviews-7 .abr-post-data .post-meta a:focus, .abr-posts-template-reviews-8 .abr-post-data a:hover, .abr-posts-template-reviews-8 .abr-post-data a:focus, .abr-posts-template-reviews-8 .abr-post-data .entry-title a:hover, .abr-posts-template-reviews-8 .abr-post-data .entry-title a:focus, .abr-posts-template-reviews-8 .abr-post-data .post-meta a:hover, .abr-posts-template-reviews-8 .abr-post-data .post-meta a:focus { color: var(--abr-posts-overlay-hover-color); } .abr-posts-template-reviews-6 .abr-post-data .abr-post-link, .abr-posts-template-reviews-7 .abr-post-data .abr-post-link, .abr-posts-template-reviews-8 .abr-post-data .abr-post-link { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; } .abr-posts-template-reviews-6 .abr-post-headline, .abr-posts-template-reviews-7 .abr-post-headline, .abr-posts-template-reviews-8 .abr-post-headline { width: 100%; margin-top: auto; padding-top: 1rem; order: 2; } .abr-posts-template-reviews-6 .abr-review-meta, .abr-posts-template-reviews-7 .abr-review-meta, .abr-posts-template-reviews-8 .abr-review-meta { width: 100%; order: 1; color: var(--abr-posts-overlay-color); } .abr-posts-template-reviews-6 .abr-review-meta .abr-review-number, .abr-posts-template-reviews-7 .abr-review-meta .abr-review-number, .abr-posts-template-reviews-8 .abr-review-meta .abr-review-number { font-size: var(--abr-posts-number-large-font-size); color: var(--abr-posts-overlay-color); } .abr-posts-template-reviews-6 .abr-review-meta .abr-review-number:before, .abr-posts-template-reviews-7 .abr-review-meta .abr-review-number:before, .abr-posts-template-reviews-8 .abr-review-meta .abr-review-number:before { color: var(--abr-posts-overlay-color); } .abr-posts-template-reviews-6 .abr-review-meta { position: relative; display: flex; flex-direction: column; align-items: flex-start; margin-top: 0; } .abr-posts-template-reviews-6 .abr-review-meta .abr-review-number:before { display: none; } .abr-posts-template-reviews-6 .abr-review-meta .abr-review-caption { margin-top: 0.5rem; margin-left: 0; text-align: center; } .abr-posts-template-reviews-7 .abr-post-headline { order: 1; } .abr-posts-template-reviews-7 .abr-review-meta { order: 2; }