.dining-grid .filter_dining_stands_form {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    margin-bottom: 50px;

}

.filter_dining_stands_form .first_row_filters {
    display: flex;
    align-content: center;
    align-items: center;
    justify-content: space-between;
}

.filter_dining_stands_form .first_row_filters .underline_search_input{
    display: flex;
    align-items: center;
    border-bottom: 1px solid var(--e-global-color-primary);
    padding-bottom: 10px;
    margin-bottom: 20px;
    width: 45%;
}

.filter_dining_stands_form .first_row_filters .underline_search_input input{ 
    border: none;
    background: transparent;
}

.filter_dining_stands_form .first_row_filters .underline_search_input label{
    color: var(--e-global-color-primary);
}

.filter_dining_stands_form .first_row_filters .underline_select_level {
    display: flex;
    align-items: center;
    border-bottom: 1px solid var(--e-global-color-primary);
    padding-bottom: 10px;
    margin-bottom: 20px;
    width: 45%;
}

.filter_dining_stands_form .first_row_filters .underline_select_level select{ 
    border: none;
    background: transparent;
}

.filter_dining_stands_form .group_food_options_checkboxes {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    align-items: center;
    justify-content: center;
}

.filter_dining_stands_form .group_food_options_checkboxes input {
    display: none;
}

.filter_dining_stands_form .group_food_options_checkboxes label {
    color: var(--e-global-color-text);
    padding: 10px 15px;
    border: 1px solid var(--e-global-color-primary);
    border-radius: 30px;
    cursor: pointer;
    transition: all .5s esase;
    white-space: nowrap;
}

.filter_dining_stands_form .group_food_options_checkboxes label:hover,
.filter_dining_stands_form .group_food_options_checkboxes input.food_option_checkbox:checked+label.food_option_checkbox_label{
    background-color: var(--e-global-color-primary);
    color: var(--e-global-color-secondary);
}
/*Grid*/


.dining-grid .spaces_list{    
    display: flex;
    flex-wrap: wrap;
    gap: 25px;
    position: relative;
    width: 100%;
}

.dining-grid .spaces_list .returnmsg{
    width: 100%;
    margin-top: 40px;
}

.dining-grid .spaces_list ul.pagination{
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 10px;
    list-style: none;
}

.dining-grid .spaces_list ul.pagination li .page-numbers {
    border: solid 1px var(--e-global-color-primary);
    padding: 7px 12px;
    color: var(--e-global-color-text);
    text-decoration: none; 
    word-break: auto-phrase;
}

.dining-grid .spaces_list ul.pagination li .page-numbers.current {
    border: solid 1px var(--e-global-color-primary);
    color: var(--e-global-color-text);
    background: var(--e-global-color-primary);
}

.dining-grid .spaces_list .dining_item{
    width: calc((100% - 20px) / 3);
    background: var(--e-global-color-primary);
    color: var(--e-global-color-text);
    padding: 10px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 10px;
    position: relative;
}

.dining-grid .spaces_list .dining_item .premium_ast{
    position: absolute;
    right: 10px;
    top: 0px;
    background: var(--e-global-color-accent);
    padding: 7px 10px;
    color: var(--e-global-color-text);
}

.dining-grid .spaces_list .dining_item .dining_stand_img{
    width: 100%;
    aspect-ratio: 1/1;
    object-fit: cover;
}

.dining-grid .spaces_list .dining_item .stand_logo_img {
    margin-top: -20%;
    background: white;
    border: 1px solid var(--e-global-color-primary);
    aspect-ratio: 1 / 1;
    max-width: 30%;
}

.dining-grid .spaces_list .dining_item .dining_name{
    font: normal normal bold 22px/25px;
    font-family: "Work Sans", Sans-serif;
    margin: 0;
}

.dining-grid .spaces_list .dining_item .premium_ast + .dining_name {
    padding-top: 30px;
}

.dining-grid .spaces_list .dining_item .dining_name .ast{
    font-size: .5rem;
    top: -0.75rem;  
}

.dining-grid .spaces_list .dining_item .dining_desc{
    font: normal normal normal 16px/18px;
    font-family: "Work Sans", Sans-serif;
}

.dining-grid .spaces_list .dining_item .tags{
    display: flex;
    gap: 15px;
    flex-wrap: wrap;
}
.dining-grid .spaces_list .dining_item .tags .badge{
    background: var(--e-global-color-accent);
    border-radius: 12px;
    padding: 3px 12px;
    font: normal normal normal 12px/14px;
    font-family: "Work Sans", Sans-serif;
    letter-spacing: 0px;
    color: var(--e-global-color-text);
    display: inline-flex;
    align-items: center;
}

.dining-grid .spaces_list .dining_item .dining_fav{
    font: normal normal normal 16px/18px;
    font-family: "Work Sans", Sans-serif;
}


.dining-grid .spaces_list .dining_item .premium{
    display: flex;
    gap: 8px;
    font: normal normal normal 14px/16px;
    font-family: "Work Sans", Sans-serif;
    color: var(--e-global-color-text);
}

.dining-grid .spaces_list .dining_item .premium .ast{
    font-size: 1.2rem;  
    top: -0.75rem;  
}

.dining-grid .spaces_list .dining_item .sections_container{
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    gap: 10px;
    border-top: 2px solid var(--e-global-color-primary);
    width: 100%;
    padding-top: 15px;
}
.dining-grid .spaces_list .dining_item .sections_container p{
    width: 100%;
    font: normal normal bold 16px/16px;
    font-family: "Work Sans", Sans-serif;
    margin: 15px 0 5px;
    line-height: 16px;
}
.dining-grid .spaces_list .dining_item .sections_container a{
    display: inline-block;
    color: #fff;
    border: 1px solid var(--e-global-color-accent);
    padding: 7px 10px;
    font: normal normal bold 16px/18px;
    font-family: "Work Sans", Sans-serif;
    position: relative;
}
.dining-grid .spaces_list .dining_item .sections_container a.nolink,
.dining-grid .spaces_list .dining_item .sections_container a.nolink:hover{
    pointer-events: none;
    cursor: default;
}
.dining-grid .spaces_list .dining_item .sections_container a:hover{
    border-color: var(--e-global-color-primary);
    background: var(--e-global-color-primary);
    color: var(--e-global-color-accent);
}
.dining-grid .spaces_list .dining_item .sections_container a i {
    position: absolute;
    font-size: 7px;
    top: 1px;
    right: 1px;
    color: var(--e-global-color-accent); 
    /* background-color: #4deb4a; */
    /* color: #0b634c; */
    transform: rotate(-45deg);
}

.dining-grid .spaces_list:has(> .content.loading){
    display:flex;
}

.dining-grid .spaces_list .content.loading{
    background-image: url(../assets/img/CPA-loading.gif);
    background-repeat: no-repeat;
    background-size: 5rem;
    background-position: center 3rem;
    height: 10rem;
    min-width: 100px;
}

.dining-filters-section .blurb{
    display: flex;
    gap: 40px;
    padding: 60px 0 40px 0
}
.dining-filters-section .blurb .title{
    display: flex;
    gap: 20px;
}
.dining-filters-section .blurb .title .icon svg{
    width: 20px;
}

@media (max-width: 1024px) {
    
    .dining-filters-section .blurb{
        flex-direction: column;
        padding: 60px 10%;
    }

    .dining-grid.filters-wrapper {
        width: 100%;
    }
    .dining-grid .spaces_list .dining_item{
        width: calc((100% - 20px) / 2);
    }
    
    .search_dining_section .group_food_options_checkboxes{
        flex-wrap: wrap!important;
        overflow: auto;
    }
    .search_dining_section .group_food_options_checkboxes:before{
        display: block;
        width: 100%;
        text-align: center;
    }
    
    #drinks .first_row_filters, #clubs .first_row_filters {
        flex-direction: column;
    }
    #drinks .underline_search_input, #clubs .underline_search_input {
        width: 100%;
    }
    .dining-grid .spaces_list .dining_item .dining_stand_img {
        object-fit: contain;
        background: var(--e-global-color-primary);
    }
}