#academic-programs-list {
    /*max-width:1300px;*/
    display: block;
    margin: auto;
    color: #005030
}

/*.form-check-input[type="checkbox"] {*/
/*    background-color: #a4d65e;*/
/*}*/

.form-check-input:focus {
    outline: 1px solid black;
}

.form-control:focus {
    outline: 1px solid black;
}

.form-check-input:checked {
    background-color: #005030;
    border-color: #005030;
}

#academic-programs-list a {
    color:#005030;
}

.hero-image {
    width: 100%;
}

.department {
    margin-bottom: 25px;
    padding: 25px;
}

.heading {
    margin-top: 25px;
    margin-bottom: 0;
    font-weight: bold;
}

#result-container {
    padding-top: 25px;
}

.dept-programs {
    margin-top: 15px;
    margin-bottom: 25px;
    margin-left: 25px;

}

.dept-heading {
    background-color: #005030;
    color: #fff;
    padding: 10px;
    font-size: medium;
    margin-bottom: 0;
    margin-top: 25px;
    border-top-right-radius: 15px;
    border-top-left-radius: 15px;
    font-size: x-large;
}

.programs {
    padding: 10px 20px;
    border: 1px dashed #c5c5c5;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
    margin-bottom: 15px
}

.college-heading {
    display: inline;
    font-size: xxx-large;
}

.first-letter {
    padding-top: 85px;
    display: inline-block;
    font-size: xxx-large;
}

.to-top {
    font-size: small;
}

.left-pane {
    background-color: #f2eee8;
    color: #005030;
    padding: 30px;
}

.search-query, .sort-by {
    padding-bottom:20px
}

.checkbox-filters {
    display: block;
    padding-top: 15px;
    /* Show content by default */
}

#hamburger-menu {
    background-color: #005030;
    color: #fff;
    float: right;
    border: none;
    border-radius: 5px;
  }
  
#hamburger-menu:focus {
    outline: 2px solid #000;
    border: 2px #fff solid;
    border-radius: 5px;
}

.filter-button {
    display: none;
    /* hide program filters button on wide screen */
    font-size: x-large;
    padding: 5px;
}

#viewType {
    max-width: 250px;
}

/* Responsive styles */
@media (max-width: 992px) {
    .filter-button {
        display: block;
        /* Show the toggle button on narrow screens */
    }

    .checkbox-filters {
        display: none;
        /* Hide content on narrow screens */
    }

    .left-pane.expanded .checkbox-filters {
        display: block;
        /* Show content when container is expanded */
    }

    .menu {
        display: none;
        color: #005030;
        /*background: #005030;*/
        padding: 1em;
    }
    
    .menu.active {
        display: block;
    }
}

.checkboxes {
    padding-left: 20px;
}

.checkboxes input {
    margin-right: 5px;
}

.right-pane {
    padding: 20px;
    background-color: #fff;
}

.results-pane {
    padding: 0 25px;
}

.search-sort {
    margin-bottom: 30px;
}

.dept-container {
    width: 100%;
}

.program-type {
    padding: 12px 0;
}

.total-found {
    font-weight: bold;
    width: 100%;
}

.college {
    padding-top: 25px;
    margin-bottom: 50px;
}

.results-found {
    margin: 15px 15px 0;
    font-weight: bold;
    width: 100%;
}

.program-link, .no-link {
    font-size: x-large;
}

.program-link:is(:hover, :focus) {
    text-decoration: underline;
}

.app-header {
    text-align: center;
    background-image: hero-image.png;
    line-height: 2em;
    margin: 0 -15px;
    /* change to -15px on Cascade */
}

.icon {
    width: 25px;
    padding-bottom: 10px;
    margin-left: 5px;
}

.icon-legend {
    padding-bottom: 5px;
    height: 25px;
    width: auto;
}

.alphabet-list {
    margin-top: 20px;
    font-size: x-large;
}

.checkbox {
    list-style: none;
    display: flex;
    flex-wrap: none;
}

.checkbox label {
    padding-left: 5px;
    padding-bottom: 7px;
}

.checkbox input {
    flex-shrink: 0;
}

.program-list {
    padding: 0;
}

.program-list li {
    list-style: none;
}

.programs-feedback {
    margin: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    font-weight: bold;
    color: #005030;
    text-align: center;
    padding: 10px 0;
}

.feedback-container {
    padding:50px 0;
}