/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */

:root {
    --bs-light-success: rgba(79, 139, 49, 0.15);
}

#sgr-orre-cover {
    background-position: center;
    background-size: cover;
    padding-bottom: 150px;
    padding-top: 150px;
}

#sgr-orre-cover h1 {
    font-size: calc(48px + (60 - 48) * ((100vw - 300px) / (1600 - 300)));
}

#sgr-orre-main a:hover {
    color: var(--bs-warning);
}

#sgr-orre-main .nav > .nav-item > .nav-link {
    background-color: var(--bs-light-success);
    transition: background .2s;
}

#sgr-orre-main .nav > .nav-item > .nav-link:hover {
    background-color: white;
}

#sgr-orre-main .btn-download-pdf {
    transition: all .2s;
}

#sgr-orre-main .btn-download-pdf:hover {
    transform: scale(1.05);
}

#sgr-orre-main .sgr-orre-title {
    position: relative;
}

#sgr-orre-main .sgr-orre-title:after {
    background-color: var(--bs-primary);
    bottom: 0;
    content: '';
    display: block;
    height: 3px;
    left: 0;
    position: absolute;
    width: 200px;
}

#sgr-orre-main .distributor .avatar {
    height: 160px;
}