:root {
    --absd-green: #6BB862;
    --absd-yellow: #FFF9A2;
    --absd-green-bg: #96caab;
}

body {
    background: var(--absd-green-bg);
    font-family: 'Playfair Display', ui-serif;
}

.border-absd-yellow {
    border-color: var(--absd-yellow) !important;
}

.border-absd-green {
    border-color: var(--absd-green) !important;
}

.card {
    background: none;
    border-color: var(--absd-yellow);
    border-radius: 1em;
}

a.navbar-brand {
    font-weight: bold;
}

a.navbar-brand:hover, a.navbar-brand:active, a.navbar-brand:visited {
    color: black;
}

a.navbar-brand:hover {
    color: black;
    text-decoration: underline;
}

.chip {
    background: var(--absd-green);
}

.table td, .table th {
    border-color: var(--absd-green);
}

.btn.btn-success {
    background: var(--absd-green);
}

.navbar {
    /*border-bottom: 2px solid var(--absd-green);*/
    box-shadow: 0 2px 5px var(--absd-green);
    padding: 0.5em;
    margin-bottom: 0.5em;
    background: var(--absd-yellow);
}

footer {
    padding: 1em;
}

iframe.yt-embed {
    width: 100%;
}

.submit-photo-inline {
    width: 100%;
    height: auto;
    max-width: 100px;
}

.submit-photo-accordion {
    width: 75%;
    height: auto;
    margin: 1em;
    text-align: center;
}

.accept-col {
    width: 25%;
}

.reject-col {
    width: 25%;
}

.dashboard-content {
    background: white;
    padding-top: 2em;
    padding-bottom: 2em;
    border-top: 2px solid var(--absd-green);
}

.table-empty-sentinel {
    text-align: center;
}

.map {
    height: 50vh;
}

.sponsor-img {
    width: 100%;
    height: auto;
}

.logo-wrapper {
    padding: 1em;
}

#sponsor-grid {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    grid-auto-rows: 4vw;
    gap: 10px;
    padding: 2em;
}

.grid-width-2 {
    grid-column-end: span 2;
}

.grid-width-3 {
    grid-column-end: span 3;
}

.grid-width-4 {
    grid-column-end: span 4;
}

.grid-width-6 {
    grid-column-end: span 6;
}

#sponsor-grid > div {
    overflow: hidden;
}

.grid-height-1 {
    grid-row-end: span 1;
}

.grid-height-2 {
    grid-row-end: span 2;
}

.grid-height-3 {
    grid-row-end: span 3;
}

.grid-height-4 {
    grid-row-end: span 4;
}

.grid-height-5 {
    grid-row-end: span 5;
}

.grid-col-3 {
    grid-column-start: 3;
}

.grid-col-7 {
    grid-column-start: 7;
}

.grid-col-11 {
    grid-column-start: 11;
}

gmp-map {
    height: 30em;
}