:root {
    --white: rgba(255, 255, 255, 1.0);
    --gfi-darkgreen: rgba(18, 30, 22, 1.0);
    --gfi-link-hover: rgba(96, 116, 68, 1.0);
    --gfi-lightgreen: rgba(183, 245, 65, 1.0);
}


body {
    color: var(--gfi-darkgreen);
}

a, p {
    text-decoration: none;
    --bs-link-color-rgb: var(--gfi-darkgreen);
}

a:hover {
    --bs-link-color-rgb: var(--gfi-link-hover);
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    color: var(--gfi-darkgreen);
}




@media (min-width: 1200px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 960px;
    }
}

@media (min-width: 1400px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 960px;
    }
}


/* FRONT PAGE */

.course-listing {}

.gfi-badge {
    background-color: var(--gfi-darkgreen);
    color: var(--gfi-lightgreen);
}

/* SINGLE COURSE*/ 
.golf_course_crest {
    background-color: var(--white);
    height: 5rem;
    width: 5rem;
    padding: 10px;
}

.golf_course_crest img {
    object-fit: contain;
    height: 100%;
    width: 100%;
}

#chart {
    max-width: 100%;
  }