@font-face {
    font-family: Garamond;
    src: url(/static/fonts/CormorantGaramond-VariableFont_wght.ttf) format("truetype");
}

h1 {
    font-family: Garamond, serif;
    font-size: 2.5rem;
    font-weight: 500;
}

h2 {
    font-family: Garamond, serif;
    font-size: 2rem;
    font-weight: 500;
}

h3 {
    font-family: Garamond, serif;
    font-size: 1.8rem;
    font-weight: 500;
}

h4 {
    font-size: 1.2rem;
    font-weight: 500;
}


dt {
  font-weight: normal;
}

.card-event {
    border-radius: 4px;
    box-shadow: 0 6px 10px rgba(0,0,0,.08), 0 0 6px rgba(0,0,0,.05);
    transition: .3s transform cubic-bezier(.155,1.105,.295,1.12),.3s box-shadow,.3s -webkit-transform cubic-bezier(.155,1.105,.295,1.12);
}

.card-event:hover{
    transform: scale(1.05);
    box-shadow: 0 10px 20px #031a3c, 0 4px 8px rgba(0,0,0,.06);
}

.badge-add {
    color: grey !important;
}

.badge-workout .number::after {
  content: " | ";
}

/* Monochrome OpenStreetMap tiles on the workout map */
#workout-map .leaflet-tile-pane {
    -webkit-filter: grayscale(100%) contrast(1.05) brightness(1.1);
    filter: grayscale(100%) contrast(1.05) brightness(1.1);
}

/* Make Leaflet popups on the workout map look like Bootstrap tooltips */
#workout-map .leaflet-popup-content-wrapper {
    background: var(--bs-tooltip-bg, #212529);
    color: var(--bs-tooltip-color, #fff);
    border-radius: var(--bs-tooltip-border-radius, 0.375rem);
    box-shadow: none;
}

#workout-map .leaflet-popup-content {
    margin: 0.25rem 0.5rem;
    line-height: 1.2;
    font-size: var(--bs-tooltip-font-size, 0.875rem);
}

#workout-map .leaflet-popup-tip {
    background: var(--bs-tooltip-bg, #212529);
    box-shadow: none;
}

#workout-map a.leaflet-popup-close-button {
    display: none;
}

.badge-add:hover {
    color: #fff !important;
    background-color: RGBA(var(--bs-secondary-rgb),var(--bs-bg-opacity,1)) !important;
}

.workout-effort-10 {
  color: #fff !important;
  background-color: RGBA(var(--bs-danger-rgb),var(--bs-bg-opacity,1)) !important;
}

.workout-effort-9 {
  color: #fff !important;
  background-color: RGBA(var(--bs-warning-rgb),var(--bs-bg-opacity,1)) !important;
}

.workout-effort-8 {
  color: #fff !important;
  background-color: RGBA(var(--bs-warning-rgb),var(--bs-bg-opacity,1)) !important;
}

.workout-effort-7 {
  color: #fff !important;
  background-color: RGBA(var(--bs-info-rgb),var(--bs-bg-opacity,1)) !important;
}

.workout-effort-6 {
  color: #fff !important;
  background-color: RGBA(var(--bs-info-rgb),var(--bs-bg-opacity,1)) !important;
}

.workout-effort-5 {
  color: #fff !important;
  background-color: RGBA(var(--bs-success-rgb),var(--bs-bg-opacity,1)) !important;
}

.workout-effort-4 {
  color: #fff !important;
  background-color: RGBA(var(--bs-success-rgb),var(--bs-bg-opacity,1)) !important;
}

.workout-effort-3 {
  color: #fff !important;
  background-color: RGBA(var(--bs-secondary-rgb),var(--bs-bg-opacity,1)) !important;
}

.workout-effort-2 {
  color: #fff !important;
  background-color: RGBA(var(--bs-secondary-rgb),var(--bs-bg-opacity,1)) !important;
}

.workout-effort-1 {
  color: #fff !important;
  background-color: RGBA(var(--bs-secondary-rgb),var(--bs-bg-opacity,1)) !important;
}

.workout-feeling-5 {
  color: #fff !important;
  background-color: RGBA(var(--bs-success-rgb),var(--bs-bg-opacity,1)) !important;

}

.workout-feeling-4 {    
  color: #fff !important;
  background-color: RGBA(var(--bs-primary-rgb),var(--bs-bg-opacity,1)) !important;
}

.workout-feeling-3 {
  color: #fff !important;
  background-color: RGBA(var(--bs-info-rgb),var(--bs-bg-opacity,1)) !important;
}

.workout-feeling-2 {
  color: #fff !important;
  background-color: RGBA(var(--bs-warning-rgb),var(--bs-bg-opacity,1)) !important;
    
}

.workout-feeling-1 {
  color: #fff !important;
  background-color: RGBA(var(--bs-danger-rgb),var(--bs-bg-opacity,1)) !important;    
}