:root {
    --cup-pink: #DA4459;
    --cup-pink-rgba: rgba(218, 68, 89, 0.25);
    --cup-yellow: #f1cb05;
    --cup-grey: #232323;
    --cup-lightgrey: #ababab;
    --cup-white: #ffffff;
}

@font-face {
    font-family: "Montserrat";
    src: url("/fonts/Montserrat-Regular.ttf") format("truetype");
}

@font-face {
    font-family: "Montserrat Bold";
    src: url("/fonts/Montserrat-Bold.ttf") format("truetype");
}

body {
    padding-top: 66px;
    font-family: "Montserrat", courier, "Helvetica Neue", sans-serif;
}

.navbar-cup {
    background-color: var(--cup-yellow);
    padding-top: 0px;
    padding-bottom: 0px;
}
.navbar-cup .navbar-brand,
.navbar-cup .nav-item a,
.navbar-cup form a {
    color: var(--cup-pink);
    text-transform: uppercase;
    font-weight: 600;
    font-size: 1rem;
    padding-top: 20px !important;
    padding-bottom: 20px !important;
}
.navbar-cup .navbar-brand {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}
.navbar-cup form a {
    text-decoration: none;
}
.navbar-cup .nav-item a,
.navbar-cup form a {
    padding-left: 15px !important;
    padding-right: 15px !important;
}
@media (min-width:1201px) and (max-width: 1400px) {
    .navbar-cup .nav-item a,
    .navbar-cup form a {
        padding-left: 12px !important;
        padding-right: 12px !important;
    }
}
@media (min-width:576px) and (max-width: 1200px) {
    .navbar-cup .nav-item a,
    .navbar-cup form a {
        padding-left: 9px !important;
        padding-right: 9px !important;
    }
}
@media (max-width: 575px) {
    .navbar-cup .nav-item a,
    .navbar-cup form a {
        padding-top: 12px !important;
        padding-bottom: 12px !important;
    }
}
.navbar-cup .nav-item a.active,
.navbar-cup .nav-item a:hover,
.navbar-cup form a:hover {
    background-color: var(--cup-pink) !important;
    color: var(--cup-yellow) !important;
}
.page-item .page-link,
.text-primary {
    color: var(--cup-pink) !important;
}
.btn-primary,
.bg-primary,
.text-bg-primary,
.page-item.active .page-link {
    background-color: var(--cup-pink) !important;
}
.btn-primary:hover {
    filter: brightness(1.1);
}
.btn-primary,
.border-primary,
.page-item.active .page-link {
    border-color: var(--cup-pink) !important;
}
.page-item.active .page-link {
    color: #ffffff !important;
}
thead th.table-dark,
thead td.table-dark {
}
.th-inner {
    text-wrap: wrap !important;
}
.form-check-input:checked {
    background-color: var(--cup-pink) !important;
    border-color: var(--cup-pink) !important;
}
a:not(.btn):not(.nav-link) {
    color: var(--cup-pink) !important;
}
h1,
.navbar-cup .navbar-brand {
    font-family: 'Montserrat Bold' , 'TTNorms Heavy';
    font-size: 50px;
    color: var(--cup-pink);
    font-weight: 500;
}
.navbar-cup .navbar-brand {
    font-size: 42px;
}
h1 {
    font-size: calc(1.375rem + 1.5vw) !important;
}
h2 {
    font-family: 'Montserrat Bold' , 'Montserrat';
    font-size: calc(1.375rem + 0.9vw) !important;
    color: var(--cup-pink);
}

button.nav-link {
    color: var(--cup-pink) !important;
}
button.nav-link.active,
select > option:checked,
select > option:hover {
    background-color: var(--cup-pink) !important;
    color: var(--cup-white) !important;
}

.form-control:not(:focus) {
    border-color: var(--cup-lightgrey) !important;
}
.form-control:focus {
    border-color: var(--cup-pink) !important;
    box-shadow: 0 0 0 .25rem var(--cup-pink-rgba) !important;
}

.footer {
    background-color: var(--cup-yellow);
}

.footer table {
    margin: 0px;
    padding: 0px;
}
.footer table,
.footer table tr,
.footer table tr td {
    border: 0px;
    background-color: transparent;
}

.footer img {
    height: 150px;
}

.footer a {
    color: #000000;
}

#map {
    width: 100%;
    height: calc(100vh - 200px);
}

table.table-noborder,
table.table-noborder tr,
table.table-noborder td {
    border: 0px;
    padding-top: 0px;
}

.cceat-tooltip-danger,
.cceat-tooltip-success {
  --bs-tooltip-color: var(--bs-white);
}
.cceat-tooltip-danger {
  --bs-tooltip-bg: var(--bs-danger);
}
.cceat-tooltip-success {
  --bs-tooltip-bg: var(--bs-success);
}
