label.required:before {
    content: "*";
}

body {
    padding-top: 6.8em; /* Start lower because of the navbar */
}

/* Override the z-index so that is it over the tooltips */
.fixed-top-higher {
    z-index: 1100!important;
}

a {
    font-family: Play, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-variant: normal;
    font-weight: 700;
    line-height: 15.4px;
    color: var(--bs-primary);
}

a.vg-link-transparent {
    text-decoration: none;
    color: inherit;
}

.vg-card-img-overlay {
    top: initial;
    padding: 0;
}

.vg-shadow {
    text-shadow: rgb(255, 255, 255) 1px 0 0, rgb(255, 255, 255) 0.540302px 0.841471px 0px, rgb(255, 255, 255) -0.416147px 0.909297px 0, rgb(255, 255, 255) -0.989992px 0.14112px 0, rgb(255, 255, 255) -0.653644px -0.756802px 0, rgb(255, 255, 255) 0.283662px -0.958924px 0, rgb(255, 255, 255) 0.96017px -0.279415px 0;
}

.vg-title-big {
    font-family: Play, sans-serif;
    font-size: 24px;
    font-style: normal;
    font-variant: normal;
    font-weight: 700;
    line-height: 26.4px;
    color: var(--bs-primary);
}

.vg-title-medium {
    font-family: Play, sans-serif;
    font-size: 20px;
    font-style: normal;
    font-variant: normal;
    font-weight: 700;
    line-height: 21.4px;
    color: var(--bs-primary);
}

.vg-title-small {
    font-family: Play, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-variant: normal;
    font-weight: 700;
    line-height: 15.4px;
    color: var(--bs-primary);
}

.vg-news-card {
    max-height: 200px;
}

.vg-news-date {
    color: #495057;
}

.vg-news-image {
    object-fit: cover;
    object-position: center;
}

.vg-news-text {
    font-family: Play, sans-serif;
    font-size: 12px;
    font-style: normal;
    font-variant: normal;
    font-weight: 700;
    color: #212529;
}

.vg-news-title {
    font-family: Play, sans-serif;
    font-size: 20px;
    font-style: normal;
    font-variant: normal;
    font-weight: 700;
    color: white;
}

.vg-tab-text {
    font-family: Play, sans-serif;
    font-style: normal;
    font-variant: normal;
    font-weight: 700;
    color: #212529;
}

.form-clean form {
    max-width: 480px;
    width: 90%;
    margin: 0 auto;
    background-color: #ffffff;
    padding: 40px;
    border-radius: 4px;
    color: #505e6c;
    box-shadow: 1px 1px 5px rgba(0,0,0,0.1);
}

.form-clean form .forgot {
    display: block;
    text-align: center;
    font-size: 12px;
    color: #6f7a85;
    opacity: 0.9;
    text-decoration: none;
}

.vg-home-title {
    padding-right: 10px;
    padding-top: 5px;
}

.vg-home-top-description {
    padding: 1rem;
}

.vg-age-rating-logo {
    max-width: 5rem;
}

.vg-card-ribbon {
    overflow: hidden;
}

.vg-merchant-logo {
    max-height: 5rem;
}

.vg-product-gallery {
    min-height: 220px;
}

.vg-section-shadow {
    box-shadow: -2px 2px 2px grey;
    transition: 0.3s;
}

.vg-product-card-footer {
    background-color: transparent;
}

.vg-product-cover-bg {
    min-height: 25rem;
    background-color: gray;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.vg-product-cover {
    max-height: 352px;
    border-color: var(--bs-primary);
    border-style: inset;
}

.vg-product-description {
    -webkit-line-clamp: 20;
    overflow : auto;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}

/* Breakpoint at 992 to follow bootstrap breakpoints for lg */
@media (max-width: 992px) {
    .vg-product-description {
        -webkit-line-clamp: 10;
        overflow : auto;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
    }
}