h1, h2, h3 { font-family: ‘Merriweather’, Georgia, serif; }
h4, h5, h6 { font-family: ‘Source Sans Pro’, sans-serif; }

.hero {
    background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url('../img/pl23_con00005.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

/*.collection {*/
/*    background-image: url(../img/pl23_amer0237.jpg);*/
/*    background-repeat: no-repeat;*/
/*    background-size: cover;*/
/*    background-position: center;*/
/*}*/
.collection {
    background-image: url(../img/pl23_amer0312.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.dataset {
    background-color: #162E51;
}

/*Get rid of dropdown carat*/
/*.header .dropdown-toggle::after {
    content: none;
}*/









/* Sidebar */

.sidebar {
    background-color: #F1F3F6;
    position: relative;
}

.btn-toggle {
    display: inline-flex;
    align-items: center;
    padding: .25rem .5rem;
    font-size: 13px;
    font-weight: 400;
    color: rgba(0, 0, 0, .65);
    background-color: transparent;
    border: 0;
}

.btn-toggle::before {
    width: 1.5em;
    line-height: 0;
    content: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M5 14l6-6-6-6'/%3e%3c/svg%3e");
    transition: transform .25s ease;
}

.btn-toggle[aria-expanded="true"]::before {
    transform: rotate(90deg);
}

.btn-toggle-nav a {
    display: inline-flex;
    padding: .1875rem .5rem;
    margin-top: .125rem;
    margin-left: 1.25rem;
    text-decoration: none;
}

/* resizing form control with floating labels */
.form-floating>.form-control,
.form-floating>.form-control-plaintext {
    font-size: 13px;
    padding: 0 0.5rem;
}

.form-floating >.form-control,
.form-floating >.form-control-plaintext,
.form-floating >.form-select {
    font-size: 13px;
    height: calc(2.2rem + 2px);
    line-height: 1;
}

.form-floating>label {
    font-size: 14px;
    padding: 0.5rem 0.5rem;
}

.form-check-label {
    font-size: 14px;
}

/* SideSearch Question Mark Icons */
li>i {
    color: white;
}

/* buttons */
.ae-primary {
    --bs-btn-color: white;
    --bs-btn-bg: #007ec6;
    --bs-btn-border-color: #007ec6;
    --bs-btn-hover-color: white;
    --bs-btn-hover-bg: #0071b2;
    --bs-btn-hover-border-color: #0071b2;
    --bs-btn-active-color: white;
    --bs-btn-active-bg: #006ba8;
    --bs-btn-active-border-color: #006ba8;
}

.ae-secondary {
    --bs-btn-color: white;
    --bs-btn-bg: #5EB6D9;
    --bs-btn-border-color: #5EB6D9;
    --bs-btn-hover-color: white;
    --bs-btn-hover-bg: #45abd3;
    --bs-btn-hover-border-color: #45abd3;
    --bs-btn-active-color: white;
    --bs-btn-active-bg: #38a5d0;
    --bs-btn-active-border-color: #38a5d0;
    --bs-btn-disabled-color: white;
    --bs-btn-disabled-bg: #afdaec;
    --bs-btn-disabled-border-color: #afdaec;
}

.ae-tertiary {
    --bs-btn-bg: #DCDEE0;
    --bs-btn-border-color: #DCDEE0;
    --bs-btn-hover-bg: #c4c8cb;
    --bs-btn-hover-border-color: #c4c8cb;
    --bs-btn-active-bg: #b9bdc1;
    --bs-btn-active-border-color: #b9bdc1;
    --bs-btn-disabled-bg: #edeeef;
    --bs-btn-disabled-border-color: #edeeef;
}

.ae-outline-primary {
    --bs-btn-color: #5EB6D9;
    /*--bs-btn-bg: white;*/
    --bs-btn-border-color: #5EB6D9;
    --bs-btn-hover-color: white;
    --bs-btn-hover-bg: #5EB6D9;
    --bs-btn-hover-border-color: white;
    --bs-btn-active-color: white;
    --bs-btn-active-bg: #45abd3;
    --bs-btn-active-border-color: white;
}

.ae-outline-secondary {
    --bs-btn-color: #687878;
    --bs-btn-border-color: #687878;
    --bs-btn-hover-color: white;
    --bs-btn-hover-bg: #687878;
    --bs-btn-hover-border-color: white;
    --bs-btn-active-color: white;
    --bs-btn-active-bg: #586666;
    --bs-btn-active-border-color: white;
}

/* dropdown buttons for listed search options */
.dropdown {
    --bs-btn-color: #007EC6;
    --bs-btn-bg: none;
    --bs-btn-border-color: none;
    --bs-btn-hover-color: #004c77;
    --bs-btn-hover-bg: none;
    --bs-btn-hover-border-color: none;
    --bs-btn-active-color: #004c77;
    --bs-btn-active-bg: none;
    --bs-btn-active-border-color: none;
    --bs-btn-padding-y: 1px;
    transition: 0.2s ease-in-out;
}