body {
    font-family: "Catamaran", sans-serif;
    font-size: .9rem;
    background-color: #F5ECED;
    color: #333;
    margin-bottom: 10vh;
}

a, a:visited {
    color: #984c7a;
}
a:focus, a:hover {
    color: #b9739e;
}

nav {
    background-color: #a2b6b7;
    color: #244844;
    padding: 0 !important;
}

.navbar-nav .nav-item:not(:first-child) {
    margin-left: 1.5em;
}

.navbar-nav .nav-link {
    font-size: 1rem;
    font-weight: bold;
    color: #478f87 !important; /* shade of green */
    color: #984c7a !important;
    border-bottom: 2px transparent solid;
}
.navbar-nav .nav-link:hover, .navbar-nav .nav-link:active {
    color: #51a39a !important; /* shade of green */
    color: #ad5b8d !important;
    background-color: #cfddde;
}
.navbar-nav .nav-link:focus {
    color: #51a39a !important; /* shade of green */
    color: #ad5b8d !important;
}
/* active class, not active pseudoclass */
.navbar-nav .nav-link:hover, .navbar-nav .nav-link.active {
    border-bottom: 2px #244844 solid; /* shade of green */
    border-bottom: 2px #582c47 solid;
    color: #7d3e64 !important;
    background-color: #cfddde;
}
.dropdown-menu {
    /* border: 1px #20c7ca solid; */
    /* background-color: #d0f7f8; */
    border-radius: 3px;
    top: 2.6rem;
    left: 1rem;
}
.dropdown-item {
    font-size: 85%;
    /* color: #189799; */
    font-weight: bold;
    padding: .2rem .5rem;
}
.dropdown-item:hover {
    /* color: #20c7ca; */
}
.dropdown:hover>.dropdown-menu {
    display: block;
}
.dropdown-item:hover, .dropdown-item:focus {
    background-color: transparent !important;
}
.dropdown-item.active, .dropdown-item:active {
    /* color: #31abb6; */
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    /* color: #735659; */
    color: #261f4f;
    font-weight: bold;
}
h1, .h1 {
    font-size: 2rem;
}
h2, .h2 {
    font-size: 1.8rem;
}
h3, .h3 {
    font-size: 1.6rem;
}
h4, .h4 {
    font-size: 1.4rem;
}
h5, .h5 {
    font-size: 1.2rem;
}
h6, .h6 {
    font-size: 1rem;
}


footer .row.footer {
    background-color: #d5b989;
    color: #666;
    min-height: 46px;
    padding: 10px;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
}


/* .accordion-button:not(.collapsed) {
    color: #189799;
    background-color: #d0f7f8;
}
 */
 .accordion-body {
    font-size: .9rem !important;
 }
 .accordion-header, .accordion-item {
    font-size: .9rem !important;
    /* color: #6C757D !important; */
 }
.accordion-button, .accordion-button:not(.collapsed) {
    font-size: .9rem !important;
    /* color: #189799; */
    /* background-color: #d0f7f8; */
}

#callout_holistic_def {
    background-image: linear-gradient( #e9ff00, #d75701);
    padding: 6px;
    text-align: center;
    width: 100%;
    font-size: 90%;
    margin-bottom: 12px;
}

img {
    border: 1px black solid;
    vertical-align: top !important; /* override bootstrap default */
    max-width: 100%;
    height: auto;
}

figcaption {
    text-align: center;
    font-style: italic;
}