.five-star {
    display: block;
    height: 20px;
    width: 90px;
    background-image: url(/images/5-stars.png);
    background-size: auto 100%;
    background-repeat: no-repeat;
}

.five-star.rating-01 {width: 7px;}
.five-star.rating-02 {width: 8px;}
.five-star.rating-03 {width: 9px;}
.five-star.rating-04 {width: 11px;}
.five-star.rating-05 {width: 12px;}
.five-star.rating-06 {width: 13px;}
.five-star.rating-07 {width: 14px;}
.five-star.rating-08 {width: 15px;}
.five-star.rating-09 {width: 16px;}
.five-star.rating-10 {width: 18px;}

.five-star.rating-11 {width: 24px;}
.five-star.rating-12 {width: 25px;}
.five-star.rating-13 {width: 26px;}
.five-star.rating-14 {width: 28px;}
.five-star.rating-15 {width: 30px;}
.five-star.rating-16 {width: 32px;}
.five-star.rating-17 {width: 33px;}
.five-star.rating-18 {width: 34px;}
.five-star.rating-19 {width: 36px;}
.five-star.rating-20 {width: 38px;}

.five-star.rating-21 {width: 42px;}
.five-star.rating-22 {width: 43px;}
.five-star.rating-23 {width: 44px;}
.five-star.rating-24 {width: 45px;}
.five-star.rating-25 {width: 46px;}
.five-star.rating-26 {width: 48px;}
.five-star.rating-27 {width: 50px;}
.five-star.rating-28 {width: 51px;}
.five-star.rating-29 {width: 53px;}
.five-star.rating-30 {width: 55px;}

.five-star.rating-31 {width: 59px;}
.five-star.rating-32 {width: 60px;}
.five-star.rating-33 {width: 61px;}
.five-star.rating-34 {width: 62px;}
.five-star.rating-35 {width: 63px;}
.five-star.rating-36 {width: 65px;}
.five-star.rating-37 {width: 67px;}
.five-star.rating-38 {width: 69px;}
.five-star.rating-39 {width: 71px;}
.five-star.rating-40 {width: 73px;}

.five-star.rating-41 {width: 79px;}
.five-star.rating-42 {width: 80px;}
.five-star.rating-43 {width: 81px;}
.five-star.rating-44 {width: 82px;}
.five-star.rating-45 {width: 84px;}
.five-star.rating-46 {width: 85px;}
.five-star.rating-47 {width: 86px;}
.five-star.rating-48 {width: 87px;}
.five-star.rating-49 {width: 88px;}
.five-star.rating-50 {width: 90px;}


.horizontal-flex {
    display: flex;
    flex-direction: row;
}
.center-center {
    align-items: center;
    justify-content: center;
}
.start-center {
    align-items: flex-start;
    justify-content: center;
}
.flex-fill, .flex-filler {
    flex: 1 auto;
}
.hidden {
    display: none !important;
}

:root {
    --secondary:  rgba(200,200,200,1);
    --primary: #ae7fb7;
}

/* Cookie Dialog */

#gdpr-cookie-message {
    position: fixed;
    right: 0;
    bottom: 0;
    width: 100vw;
    background-color: var(--secondary);
    padding: 6px 28px;
    border-radius: 5px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.25);
    margin-left: 30px;
    font-family: system-ui;
    z-index: 10000;
}

#gdpr-cookie-message h4 {
    color: var(--primary);
    font-family: 'Quicksand', sans-serif;
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 10px;
}
#gdpr-cookie-message h5 {
    color: var(--primary);
    font-family: 'Quicksand', sans-serif;
    font-size: 15px;
    font-weight: 500;
    margin-bottom: 10px;
}
#gdpr-cookie-message p, #gdpr-cookie-message ul {
    color: black;
    font-size: 15px;
    line-height: 1.5em;
}
#gdpr-cookie-message p:last-child {
    margin-bottom: 0;
    text-align: right;
}
#gdpr-cookie-message li {
    width: 49%;
    display: inline-block;
}
#gdpr-cookie-message a {
    color: var(--primary);
    text-decoration: none;
    font-size: 15px;
    padding-bottom: 2px;
    border-bottom: 1px dotted rgba(255,255,255,0.75);
    transition: all 0.3s ease-in;
}
#gdpr-cookie-message a:hover {
    color: white;
    border-bottom-color: var(--primary);
    transition: all 0.3s ease-in;
}
#gdpr-cookie-message button,
button#ihavecookiesBtn {
    border: none;
    background: var(--primary);
    color: white;
    font-family: 'Quicksand', sans-serif;
    font-size: 15px;
    padding: 7px;
    border-radius: 3px;
    margin-left: 15px;
    cursor: pointer;
    transition: all 0.3s ease-in;
}
#gdpr-cookie-message button:hover {
    background: white;
    color: var(--primary);
    transition: all 0.3s ease-in;
}
button#gdpr-cookie-advanced {
    background: white;
    color: var(--primary);
}
#gdpr-cookie-message button:disabled {
    opacity: 0.3;
}
#gdpr-cookie-message input[type="checkbox"] {
    float: none;
    margin-top: 0;
    margin-right: 5px;
}

.testi-name {
    font-weight: bold;
}
.profile_bg .profiles-img img {
    height: 300px;
}

.center-aligned { text-align: center; }