/* .aos-locations-list-container {
    font-family: Arial, sans-serif;
  } */

.aos-locations-list-container .inner h2 {
    text-align: left;
    margin-bottom: 20px;
}

.aos-locations-list-container .aos-locations-list {
    width: 100%;
    margin-top: 50px;
}

.aos-locations-list-container .list-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px;
    border-bottom: 1px solid #ddd;
}

.aos-locations-list-container .list-header {
    font-size: 14px;
}

.aos-locations-list-container .list-header>div,
.list-content>div {
    text-align: left;
    flex: 1.5;
}

/* Adjustments for the degree column */
.aos-locations-list-container .column.long {
    flex: 2.5;
    /* gives triple the space compared to other columns */
}

/* Styles for list content */
.aos-locations-list-container .list-content {
    font-size: 20px;
    font-weight: bold;
}

/* Styles for toggling Yes/No icons */
.aos-locations-list-container .column.on-campus.short,
.aos-locations-list-container .column.online.short,
.aos-locations-list-container .column.online-live.short {
    display: flex;
    justify-content: center;
    flex: .5;
}

.aos-locations-list-container .list-row.list-content .column.on-campus.short:before,
.aos-locations-list-container .list-row.list-content .column.online.short:before,
.aos-locations-list-container .list-row.list-content .column.online-live.short:before {
    content: '';
    display: block;
    width: 20px;
    /* Icon size */
    height: 20px;
    /* Icon size */
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}



.aos-locations-list-container .list-row.list-content .column.on-campus.short:before {
    background-image: url('../images/on-campus.svg');
}

.aos-locations-list-container .list-row.list-content .column.online.short:before {
    background-image: url('../images/online.svg');
}

.aos-locations-list-container .list-row.list-content .column.online-live.short:before {
    background-image: url('../images/online-live.svg');
}

.aos-locations-list-container .list-row.list-content .column.on-campus.short[aria-label="Yes"]:before {
    background-image: url('../images/on-campus-active.svg');
}

.aos-locations-list-container .list-row.list-content .column.online.short[aria-label="Yes"]:before {
    background-image: url('../images/online-active.svg');
}

.aos-locations-list-container .list-row.list-content .column.online-live.short[aria-label="Yes"]:before {
    background-image: url('../images/online-live-active.svg');
}

.aos-locations-list-container .list-row.list-content .column.short {
    text-indent: -999999px;
}

.aos-locations-list-container .list-row.list-content .program a:active,
.aos-locations-list-container .list-row.list-content .program a:visited,
.aos-locations-list-container .list-row.list-content .program a {
    color: #000;
    text-decoration: none;
}

.aos-locations-list-container .list-row.list-content .program a:hover {
    text-decoration: underline;
}

.aos-locations-list .hide-desktop {
    display: none;
}

/* Responsive adjustments */
@media screen and (max-width: 768px) {

    .aos-locations-list-container .list-row,
    .aos-locations-list .hide-desktop {
        display: block;
    }

    .aos-locations-list-container .list-row.list-header {
        display: none;
    }

    .aos-locations-list-container .list-row.list-content .column.degree {
        font-weight: 400;
    }

    .degree-filter {
        color: var(--text-color);
        padding: 15px;
        margin-bottom: 25px;
        border-width: 2px;
        border-style: solid;
        width: 100%;
    }

    .aos-locations-list-container .list-header>div,
    .aos-locations-list-container .list-content>div {
        text-align: left;
        margin-bottom: 5px;
    }

    .aos-locations-list-container .list-content {
        padding: 10px;
    }

    .aos-locations-list-container .list-row.list-content {
        display: grid;
        grid-template-columns: repeat(6, 1fr);
        /* Creates a 6-column setup */
        grid-gap: 10px;
        /* Adjust the gap as needed */
        align-items: start;
    }

    .aos-locations-list-container .list-row.list-content .column.program.long {
        grid-column: span 3;
        /* Takes up half the grid's width (3 out of 6 columns) */
    }

    .aos-locations-list-container .list-row.list-content .column.degree {
        grid-column: 1 / -1;
        /* Stretches across all columns */
        order: 1;
        /* Will be displayed last due to the highest order */
    }

    .aos-locations-list-container .list-row.list-content .column {
        grid-column: span 1;
        /* Each of the remaining columns takes up one fraction of the grid */
    }


}