/* @font-face {
    font-family: "nocturne";
    src:
        url("fonts/NocturneSerif-Regular.woff") format("woff"),
        url("fonts/NocturneSerif-Regular.ttf") format("ttf"),
        url("fonts/NocturneSerif-Regular.otf") format("otf");
    font-weight: normal;
    font-style: normal;
} */

/* ---------- TEXT ---------- */
/* .text-serif {
    font-family: nocturne !important;
} */

body {
    font-family: "Source Sans 3", sans-serif !important;
}

.text-mycolor-primary {
    color: #11b6ca;
}

.text-hover-primary:hover {
    color: #6de5ed !important;
}

.text-mycolor-secondary {
    color: #8c8b82;
}

a:not(.page-link) {
    color: #11b6ca !important;
}

/* ---------- BUTTON ---------- */
.btn {
    /* font-family: nocturne, sans-serif; */
    font-size: 13px;
    font-weight: 700;
    border-radius: 4px;
    padding: 1rem 1.5rem;
}

.btn-sm {
    padding: 0.5rem 0.75rem;
}

.btn:hover,
.btn:focus,
.btn:active {
    color: white !important;
    background-color: #11b6ca;
    border-color: #11b6ca;
}

.btn-mycolor {
    background-color: #11b6ca;
}

.btn-mycolor:hover {
    background-color: #6de5ed;
    border-color: #6de5ed;
}

.btn-outline-mycolor {
    color: #11b6ca;
    border: 2px solid #11b6ca;
}

.btn-outline-mycolor-secondary {
    color: #8c8b82;
    border: 2px solid #8c8b82;
}

.btn-outline-mycolor-secondary:hover,
.btn-outline-mycolor-secondary:active,
.btn-outline-mycolor-secondary:focus {
    background-color: #8c8b82;
    border-color: #8c8b82;
}

/* ---------- FORM ---------- */
.input-group-text {
    border-radius: 4px;
}

.form-control {
    border-radius: 4px;
    padding: 1rem 1.5rem;
}

.form-control-sm {
    padding: 0.5rem 0.75rem;
}

.form-check-input:not([type="radio"]) {
    border-radius: 0 !important;
}

.form-check-input:checked {
    background-color: #11b6ca;
    border-color: #11b6ca;
}

.form-check-input-secondary:checked {
    background-color: #8c8b82;
    border-color: #8c8b82;
}

/* ---------- BACKGROUND ---------- */
.bg-mycolor-primary {
    background-color: #11b6ca;
}

.bg-mycolor-secondary {
    background-color: #8c8b82;
}

/* ---------- MAP ---------- */
.pin-container {
    background-color: #11b6ca;
    border: 3px solid #11b6ca;
}

.pin:after {
    border-top: 15px solid #11b6ca;
}

.pin:hover .pin-container {
    background-color: #6de5ed;
    border-color: #6de5ed;
}

.pin:hover:after {
    border-top: 15px solid #6de5ed;
}

.map-poly {
    fill: #11b6ca;
    stroke: #11b6ca;
}