/**
* JSON / API connection error message
*/
.no_content {
    display: block;
    position: relative;
    padding: 3% 0;

    text-align: center;
    font-style: italic;
    font-weight: normal;
    font-size: 12pt;
    color: rgba(0, 0, 0, 0.3);
}

/**
* Dodo reviews
* Author: Egor
*/
.dodo-reviews .card-footer {
    background: none;
}

.user_rating:before {
    content: '';
    height: 24px;
    margin-left: -0.4rem;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zd…4xLTUuMS0yLjEgNS4xLTUuNS41IDQuMiAzLjYtMS4zIDUuNCA0LjctMi44eiIvPjwvc3ZnPg==);
    display: block;
    background-repeat: no-repeat;
    background-size: contain;
}
.user_rating_grade_1:before {
    background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI4OCIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDg4IDE2Ij48cGF0aCBmaWxsPSIjRjVBQjM1IiBkPSJNMzQuNCA2LjNsLTUuNC0uNC0yLTQuOS0yLjEgNC45LTUuMy41IDQgMy41LTEuMiA1LjEgNC42LTIuOCA0LjYgMi44LTEuMi01LjIgNC0zLjV6bS03LjQgNC42bC0yLjggMS43LjctMy4yLTIuNS0yLjEgMy4zLS4zIDEuMy0zIDEuMyAzIDMuMi4zLTIuNSAyLjEuNyAzLjJjLjEgMC0yLjctMS43LTIuNy0xLjd6TTUxLjQgNi4zbC01LjMtLjUtMi4xLTQuOC0yLjEgNC45LTUuMy41IDQgMy41LTEuMiA1LjEgNC42LTIuOCA0LjYgMi44LTEuMi01LjIgNC0zLjV6bS03LjQgNC42bC0yLjggMS43LjgtMy4yLTIuNS0yLjEgMy4yLS4zIDEuMy0zIDEuMyAzIDMuMi4zLTIuNSAyLjEuNyAzLjJjLjEgMC0yLjctMS43LTIuNy0xLjd6TTY4LjQgNi4zbC01LjMtLjUtMi4xLTQuOC0yIDQuOS01LjMuNSA0IDMuNS0xLjIgNS4xIDQuNi0yLjggNC42IDIuOC0xLjItNS4yIDMuOS0zLjV6bS03LjQgNC42bC0yLjggMS43LjgtMy4yLTIuNS0yLjEgMy4zLS4zIDEuMi0zIDEuMyAzIDMuMi4zLTIuNSAyLjEuNyAzLjJjLjEgMC0yLjctMS43LTIuNy0xLjd6TTg1LjUgNi4zbC01LjMtLjUtMi4xLTQuOC0yLjEgNC45LTUuMy41IDQgMy41LTEuMiA1LjEgNC42LTIuOCA0LjYgMi44LTEuMi01LjIgNC0zLjV6bS03LjQgNC42bC0yLjggMS43LjctMy4yLTIuNS0yLjEgMy4zLS4zIDEuMy0zIDEuMyAzIDMuMi4zLTIuNSAyLjEuNyAzLjJjLjEgMC0yLjctMS43LTIuNy0xLjd6TTkuOSAxMi40bDQuNyAyLjgtMS4zLTUuNCA0LjItMy42LTUuNS0uNS0yLjEtNC45LTIuMSA1LTUuNS41IDQuMiAzLjYtMS4zIDUuNCA0LjctMi45eiIvPjwvc3ZnPg==');
}

.user_rating_grade_2:before {
    background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI4OCIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDg4IDE2Ij48cGF0aCBmaWxsPSIjRjVBQjM1IiBkPSJNNTEuNCA2LjNsLTUuMy0uNS0yLjEtNC44LTIuMSA0LjktNS4zLjUgNCAzLjUtMS4yIDUuMSA0LjYtMi44IDQuNiAyLjgtMS4yLTUuMiA0LTMuNXptLTcuNCA0LjZsLTIuOCAxLjcuOC0zLjItMi41LTIuMSAzLjItLjMgMS4zLTMgMS4zIDMgMy4yLjMtMi41IDIuMS43IDMuMmMuMSAwLTIuNy0xLjctMi43LTEuN3pNNjguNCA2LjNsLTUuMy0uNS0yLjEtNC44LTIgNC45LTUuMy41IDQgMy41LTEuMiA1LjEgNC42LTIuOCA0LjYgMi44LTEuMi01LjIgMy45LTMuNXptLTcuNCA0LjZsLTIuOCAxLjcuOC0zLjItMi41LTIuMSAzLjMtLjMgMS4yLTMgMS4zIDMgMy4yLjMtMi41IDIuMS43IDMuMmMuMSAwLTIuNy0xLjctMi43LTEuN3pNODUuNSA2LjNsLTUuMy0uNS0yLjEtNC44LTIuMSA0LjktNS4zLjUgNCAzLjUtMS4yIDUuMSA0LjYtMi44IDQuNiAyLjgtMS4yLTUuMiA0LTMuNXptLTcuNCA0LjZsLTIuOCAxLjcuNy0zLjItMi41LTIuMSAzLjMtLjMgMS4zLTMgMS4zIDMgMy4yLjMtMi41IDIuMS43IDMuMmMuMSAwLTIuNy0xLjctMi43LTEuN3pNOS45IDEyLjRsNC43IDIuOC0xLjMtNS40IDQuMi0zLjYtNS41LS41LTIuMS00LjktMi4xIDUtNS41LjUgNC4yIDMuNi0xLjMgNS40IDQuNy0yLjl6TTI3IDEyLjRsNC43IDIuOC0xLjMtNS40IDQuMi0zLjYtNS41LS41LTIuMS00LjktMi4xIDUuMS01LjUuNSA0LjIgMy42LTEuMyA1LjQgNC43LTN6Ii8+PC9zdmc+');
}

.user_rating_grade_3:before {
    background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI4OCIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDg4IDE2Ij48cGF0aCBmaWxsPSIjRjVBQjM1IiBkPSJNNjguNCA2LjNsLTUuMy0uNS0yLjEtNC44LTIgNC45LTUuMy41IDQgMy41LTEuMiA1LjEgNC42LTIuOCA0LjYgMi44LTEuMi01LjIgMy45LTMuNXptLTcuNCA0LjZsLTIuOCAxLjcuOC0zLjItMi41LTIuMSAzLjMtLjMgMS4yLTMgMS4zIDMgMy4yLjMtMi41IDIuMS43IDMuMmMuMSAwLTIuNy0xLjctMi43LTEuN3pNODUuNSA2LjNsLTUuMy0uNS0yLjEtNC44LTIuMSA0LjktNS4zLjUgNCAzLjUtMS4yIDUuMSA0LjYtMi44IDQuNiAyLjgtMS4yLTUuMiA0LTMuNXptLTcuNCA0LjZsLTIuOCAxLjcuNy0zLjItMi41LTIuMSAzLjMtLjMgMS4zLTMgMS4zIDMgMy4yLjMtMi41IDIuMS43IDMuMmMuMSAwLTIuNy0xLjctMi43LTEuN3pNOS45IDEyLjRsNC43IDIuOC0xLjMtNS40IDQuMi0zLjYtNS41LS41LTIuMS00LjktMi4xIDUtNS41LjUgNC4yIDMuNi0xLjMgNS40IDQuNy0yLjl6TTI3IDEyLjRsNC43IDIuOC0xLjMtNS40IDQuMi0zLjYtNS41LS41LTIuMS00LjktMi4xIDUuMS01LjUuNSA0LjIgMy42LTEuMyA1LjQgNC43LTN6TTQ0IDEyLjRsNC43IDIuOC0xLjMtNS40IDQuMi0zLjYtNS41LS41LTIuMS00LjktMi4xIDUuMS01LjUuNSA0LjIgMy42LTEuMyA1LjQgNC43LTN6Ii8+PC9zdmc+');
}

.user_rating_grade_4:before {
    background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI4OCIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDg4IDE2Ij48cGF0aCBmaWxsPSIjRjVBQjM1IiBkPSJNODUuNSA2LjNsLTUuMy0uNS0yLjEtNC44LTIuMSA0LjktNS4zLjUgNCAzLjUtMS4yIDUuMSA0LjYtMi44IDQuNiAyLjgtMS4yLTUuMiA0LTMuNXptLTcuNCA0LjZsLTIuOCAxLjcuNy0zLjItMi41LTIuMSAzLjMtLjMgMS4zLTMgMS4zIDMgMy4yLjMtMi41IDIuMS43IDMuMmMuMSAwLTIuNy0xLjctMi43LTEuN3pNOS45IDEyLjRsNC43IDIuOC0xLjMtNS40IDQuMi0zLjYtNS41LS41LTIuMS00LjktMi4xIDUtNS41LjUgNC4yIDMuNi0xLjMgNS40IDQuNy0yLjl6TTI3IDEyLjRsNC43IDIuOC0xLjMtNS40IDQuMi0zLjYtNS41LS41LTIuMS00LjktMi4xIDUuMS01LjUuNSA0LjIgMy42LTEuMyA1LjQgNC43LTN6TTQ0IDEyLjRsNC43IDIuOC0xLjMtNS40IDQuMi0zLjYtNS41LS41LTIuMS00LjktMi4xIDUuMS01LjUuNSA0LjIgMy42LTEuMyA1LjQgNC43LTN6TTYxIDEyLjRsNC43IDIuOC0xLjMtNS40IDQuMi0zLjYtNS41LS41LTIuMS00LjktMi4xIDUuMS01LjUuNSA0LjIgMy42LTEuMyA1LjQgNC43LTN6Ii8+PC9zdmc+');
}

.user_rating_grade_5:before {
    background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI4OCIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDg4IDE2Ij48cGF0aCBmaWxsPSIjRjVBQjM1IiBkPSJNOS45IDEyLjRsNC43IDIuOC0xLjMtNS40IDQuMi0zLjYtNS41LS41LTIuMS00LjktMi4xIDUtNS41LjUgNC4yIDMuNi0xLjMgNS40IDQuNy0yLjl6TTI3IDEyLjRsNC43IDIuOC0xLjMtNS40IDQuMi0zLjYtNS41LS41LTIuMS00LjktMi4xIDUuMS01LjUuNSA0LjIgMy42LTEuMyA1LjQgNC43LTN6TTQ0IDEyLjRsNC43IDIuOC0xLjMtNS40IDQuMi0zLjYtNS41LS41LTIuMS00LjktMi4xIDUuMS01LjUuNSA0LjIgMy42LTEuMyA1LjQgNC43LTN6TTYxIDEyLjRsNC43IDIuOC0xLjMtNS40IDQuMi0zLjYtNS41LS41LTIuMS00LjktMi4xIDUuMS01LjUuNSA0LjIgMy42LTEuMyA1LjQgNC43LTN6TTc4LjEgMTIuNGw0LjcgMi44LTEuMy01LjQgNC4yLTMuNi01LjUtLjUtMi4xLTUuMS0yLjEgNS4xLTUuNS41IDQuMiAzLjYtMS4zIDUuNCA0LjctMi44eiIvPjwvc3ZnPg==');
}

@-webkit-keyframes fadeIn {
    from { opacity: 0.3; }
      to { opacity: 1; }
}
@keyframes fadeIn {
    from { opacity: 0.3; }
      to { opacity: 1; }
}

@media screen and (min-width: 992px) {
    .dodo-reviews .review {
        display: none;
    }

    .dodo-reviews .review .card-body {
        font-size: 1.2rem;
    }

    .dodo-reviews:not(.ready) .review:first-of-type,
    .dodo-reviews .review.active {
        display: block;
        -webkit-animation: fadeIn 1s;
        animation: fadeIn 1s;
    }

    .dodo-reviews:not(.ready) .review:first-of-type:after,
    .dodo-reviews .review.active:after {
        display: block;
        position: absolute;
        content: '';
        top: 100%;
        left: 12%;
        border-top: 15px solid #fff;
        border-left: 15px solid transparent;
        border-right: 0 solid transparent;
    }
    .dodo-reviews .review:nth-child(2).active:after {
        left: 33%;
    }
    .dodo-reviews .review:nth-child(3).active:after {
        left: 53%;
    }
    .dodo-reviews .review:nth-child(4).active:after {
        left: 74%;
    }
    .dodo-reviews .review:nth-child(5).active:after {
        left: 94%;
    }
}

.review-author-avatar {
    display: block;
    position: relative;
    opacity: 0.5;
    width: 55px;
    height: 55px;
    background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMTUwIiBoZWlnaHQ9IjE1MCIgdmlld0JveD0iMCAwIDE1MCAxNTAiPjxjaXJjbGUgb3BhY2l0eT0iLjUiIHN0cm9rZT0iIzAwMDAwMCIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIGN4PSI3NSIgY3k9Ijc1IiByPSI3My4xMTgiIGZpbGw9Im5vbmUiLz48ZGVmcz48Y2lyY2xlIGlkPSJhIiBjeD0iNzUiIGN5PSI3NSIgcj0iNzMuMTE4Ii8+PC9kZWZzPjxjbGlwUGF0aCBpZD0iYiI+PHVzZSB4bGluazpocmVmPSIjYSIgb3ZlcmZsb3c9InZpc2libGUiLz48L2NsaXBQYXRoPjxwYXRoIG9wYWNpdHk9Ii41IiBmaWxsPSIjMDAwMDAwIiBkPSJNOTMuMjc1IDI4LjEzNGMtMS42MDItMS4xOTktMy42MDQtOC44MjUtMTQuMDQ5LTcuNjI0LTEwLjQyOSAxLjE5Ni0yMi4wNjkgMy4yMS0yNi44OCAxNS42NS00LjgxNCAxMi40NC0uMzEyIDI2LjM4OCAwIDI3LjMuMjkxLjg5LTIuMTA5LTIuMDAxLTIuNzk5LS40NjgtMS4xMTUgMi40NTcgMS42IDIwLjUyMyA1LjYwMSAxNy43MTggNC4wMjYtMi44MjEuNTExIDYuODE3IDIuMDA5IDEwLjgyNy43MjQgMS45NTggMS43MjYgMi45NDcgMy4yMTYgNC4wMjUgMS4xMS43OTkuODk3IDIuNTE0LS44IDMuMjAzLTEuODY5Ljc3NC0zLjE1Ny40NzctNC4wMjQgMy41OTktMS43MDIgNi4yMzctMTIuNDM5IDcuNjQxLTMxLjMwNCAxNS42NjMtMTguODU0IDguMDI1LTE3Ljk2MSAxMC44NC0xNy4yNSAzMy4zNmgxMzYuMDQ4YzEuMS0yNC44MjMtLjc4OS0yNi45MjUtMTYuODQyLTMyLjE0Ni0yMi44NDItNy40MjctMjguMzAxLTEwLjIyOS0zMC41MTQtMTYuODc3LS44MjItMi40NjYtMS40OTgtNC4yMDEtMy42MTMtNC40LTIuMDItLjE4OC0zLjEzMy0yLjY2OS0xLjU5OC0zLjYwMi44MzItLjUyMSAzLjE4LTEuOTQ1IDMuNjAyLTQuNzE0LjcxMS00LjQyNi0uODkxLTExLjQ1MSAxLjUyLTEwLjE0NiA1LjQxNCAyLjkyMiA3LjUyOS0xMy42NDIgNy4xMjUtMTcuMjU0LS40MTgtMy42MTItMy44MjIgMS42MDMtMy4wMjEgMCAuNzk5LTEuNjEzIDYuODI1LTM0LjkxNy0zLjAwNC0zNC41MTVsLTMuNDIzLjQwMXoiIGNsaXAtcGF0aD0idXJsKCNiKSIvPjwvc3ZnPgo=') no-repeat center;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -ms-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
}

/* Fix author-name go next-line when long text in FF (100% - avatar-width) */
@media screen and (min-width: 1200px) {
    .review-author-avatar.d-xl-block + .review-author-name {
        margin-right: 55px;
    }
}

.dodo-reviews .review-author .user_rating:before {
    height: 16px;
}

.review-author {
    box-shadow: 0 .125rem .25rem rgba(0,0,0,.075);
    transition: box-shadow 0.3s ease-in-out;
}

.review-author:hover {
    cursor: pointer;
    box-shadow: 0 .5rem 1rem rgba(0,0,0,.15);
}

.dodo-reviews:not(.ready) .review-author:first-of-type,
.review-author.active  {
    box-shadow: 0 .5rem 1rem rgba(0,0,0,.15);
}

/* Dodo-reviews-columns template */
.dodo-reviews-columns {
    color: #000;
}

.dodo-reviews-columns .review {
    background-color: #F0ECF5;
    padding: 2rem 1.25rem;
    height: 100%;
}

@media screen and (min-width: 992px) {
    /* Add more space beetween reviews */
    .dodo-reviews-columns .review-column:nth-child(1) .review {
        margin-right: 0.5rem;
    }

    .dodo-reviews-columns .review-column:nth-child(2) .review {
        margin-left: 0.25rem;
        margin-right: 0.25rem;
    }

    .dodo-reviews-columns .review-column:nth-child(3)  .review {
        margin-left: 0.5rem;
    }
}

.dodo-reviews-columns .review .content {
    font-style: italic;
    font-size: 1.25rem;
}

.dodo-reviews-columns .review .author {
    font-weight: bold;
    font-size: 1.5rem;
}
