:root {
    --brand-primary-color: #84ddc6;
    --brand-secondary-color: #204b57;
    --brand-tertiary-color: #418480;
    --brand-text-color: #767676;
    --brand-secondary-color-contrast: #E6E6E6;
    --font-body: 'Ubuntu', sans-serif;
    --zindex-loader: 1100;
}

/* ubuntu-300 - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Ubuntu';
    font-style: normal;
    font-weight: 300;
    src: url('../fonts/ubuntu/ubuntu/ubuntu-light.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* ubuntu-300italic - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Ubuntu';
    font-style: italic;
    font-weight: 300;
    src: url('../fonts/ubuntu/ubuntu-light-italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* ubuntu-regular - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Ubuntu';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/ubuntu/ubuntu-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* ubuntu-italic - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Ubuntu';
    font-style: italic;
    font-weight: 400;
    src: url('../fonts/ubuntu/ubuntu-regular-italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* ubuntu-500 - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Ubuntu';
    font-style: normal;
    font-weight: 500;
    src: url('../fonts/ubuntu/ubuntu-medium.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* ubuntu-500italic - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Ubuntu';
    font-style: italic;
    font-weight: 500;
    src: url('../fonts/ubuntu/ubuntu-medium-italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* ubuntu-700 - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Ubuntu';
    font-style: normal;
    font-weight: 700;
    src: url('../fonts/ubuntu/ubuntu-bold.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* ubuntu-700italic - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Ubuntu';
    font-style: italic;
    font-weight: 700;
    src: url('../fonts/ubuntu/ubuntu-bold-italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

@media (min-width: 768px) {
    .top-md-margin {
        margin-top: 3rem !important;
    }
}

@media (min-width: 992px) {
    .top-lg-margin {
        margin-top: 5rem !important;
    }
}

body, #blockingSpinner {
    font-family: var(--font-body);
}

.z-index-loader {
    z-index: var(--zindex-loader);
}

div.blocking {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: none;
}

.opacity-25 {
    opacity: 0.25;
}

.icon-size-32 {
    width: 32px;
    height: 32px;
}

.dropdown-item.active, .dropdown-item:active {
    color: var(--bs-body-bg);
    text-decoration: none;
    background-color: var(--bs-dropdown-color);
}

.list-group-locked .list-group-item {
    --bs-text-opacity: 1;
    color: var(--bs-secondary-color) !important;
    display: flex;
    justify-content: space-between;
}

.rating-a-plus {
    background-color: #00A652;
    --bs-text-opacity: 1;
    color: rgba(var(--bs-dark-rgb), var(--bs-text-opacity)) !important;
}

.rating-a {
    background-color: #51B747;
    --bs-text-opacity: 1;
    color: rgba(var(--bs-dark-rgb), var(--bs-text-opacity)) !important;
}

.rating-b {
    background-color: #BDD630;
    --bs-text-opacity: 1;
    color: rgba(var(--bs-dark-rgb), var(--bs-text-opacity)) !important;
}

.rating-c {
    background-color: #FEF200;
    --bs-text-opacity: 1;
    color: rgba(var(--bs-dark-rgb), var(--bs-text-opacity)) !important;
}

.rating-d {
    background-color: #FDB813;
    --bs-text-opacity: 1;
    color: rgba(var(--bs-dark-rgb), var(--bs-text-opacity)) !important;
}

.rating-e {
    background-color: #F37020;
    --bs-text-opacity: 1;
    color: rgba(var(--bs-dark-rgb), var(--bs-text-opacity)) !important;
}

.rating-f {
    background-color: #ED0D11;
    --bs-text-opacity: 1;
    color: #FFFFFF !important;
}

.rating-bar-font-size {
    font-size: clamp(18px, 3.125vw, 44px);
    font-weight: 500;
}

.brand-primary-color {
    color: var(--brand-primary-color);
}

.brand-secondary-color {
    color: var(--brand-secondary-color);
}

.brand-tertiary-color {
    color: var(--brand-tertiary-color);
}

.brand-text-color {
    color: var(--brand-text-color);
}

.brand-primary-bg-color,
.btn.brand-primary-bg-color:hover {
    color: var(--brand-primary-color);
    background-color: var(--brand-secondary-color);
}

.btn.brand-primary-bg-color:hover {
    opacity: .75;
}

.brand-secondary-bg-color,
.btn.brand-secondary-bg-color:hover {
    color: var(--brand-secondary-color);
    background-color: var(--brand-secondary-color-contrast);
}

.btn.brand-secondary-bg-color {
    border-color: solid 1 var(--brand-secondary-color);
}

.brand-primary-gradient {
    background-image: linear-gradient(197deg, var(--brand-secondary-color) 64%, var(--brand-tertiary-color) 100%);
}

.shadow-full {
    box-shadow: 0 0 1.3rem rgba(0, 0, 0, .15) !important;
}

.all-round-gothic-regular {
    font-family: "all-round-gothic", sans-serif;
    font-weight: 400;
}

.all-round-gothic-bold {
    font-family: "all-round-gothic", sans-serif;
    font-weight: 500;
}

.ubuntu-light {
    font-family: "Ubuntu", sans-serif;
    font-weight: 300;
}

.ubuntu-regular {
    font-family: "Ubuntu", sans-serif;
}

.ubuntu-medium {
    font-family: "Ubuntu", sans-serif;
    font-weight: 500;
}

.ubuntu-bold {
    font-family: "Ubuntu", sans-serif;
    font-weight: 700;
}

.ubuntu-light-italic {
    font-family: "Ubuntu", sans-serif;
    font-weight: 300;
    font-style: italic;
}

.ubuntu-regular-italic {
    font-family: "Ubuntu", sans-serif;
    font-style: italic;
}

.ubuntu-medium-italic {
    font-family: "Ubuntu", sans-serif;
    font-weight: 500;
    font-style: italic;
}

.ubuntu-bold-italic {
    font-family: "Ubuntu", sans-serif;
    font-weight: 700;
    font-style: italic;
}