:root {
    --col_primary: #425968;
    --col_secondary: #8DC63F;
    --col_red: #D44444;
    --headline: 'Nunito_Bold';
    --bodytext: 'Nunito_Regular';
}

@font-face {
    font-family: 'Nunito_Bold';
    src: local('../fonts/Nunito_Bold.ttf'), url('../fonts/Nunito_Bold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Nunito_Regular';
    src: local('../fonts/Nunito_Regular.ttf'), url('../fonts/Nunito_Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

body {
    font-family: var(--bodytext) !important;
    color: var(var(--col_primary)) !important;
}

.tellme_headline {
    font-family: var(--headline) !important;
}

.tellme_button_nav {
    color: var(--col_primary);
}

.tellme_button_nav:hover {
    color: var(--col_secondary);
}

.tellme_button {
    background-color: var(--col_primary);
    border-color: var(--col_primary);
    border-radius: 10px;
}

.tellme_button:hover {
    background-color: var(--col_secondary);
    border-color: var(--col_secondary);
}

.tellme_button_red {
    background-color: var(--col_red);
    border-color: var(--col_red);
    border-radius: 10px;
}

.tellme_button_red:hover {
    background-color: var(--col_secondary);
    border-color: var(--col_secondary);
}

.tellme_button_time {
    background-color: white;
    border-color: var(--col_primary);
    border-radius: 10px;
    color: var(--col_primary);
    border-width: 2px;
}

.tellme_button_time:hover {
    background-color: var(--col_secondary);
    border-color: var(--col_secondary);
    color: white;
}

.own_secondary_bg {
    background-color: var(--col_secondary);
    border-color: var(--col_secondary);
}

.tellme_location_link {
    color: var(--col_primary);
    font-size: 18px;
    cursor: pointer;
    text-decoration: none !important;
}

.tellme_location_link:hover {
    color: var(--col_secondary);
}

.tellme_card {
    border-radius: 12px;
    box-shadow: 0px 0px 7px 2px rgba(0, 0, 0, 0.07);
    border: none;
}

.container,
.container-lg,
.container-md,
.container-sm,
.container-xl,
.container-xxl {
    max-width: 1600px;
}