/* Auto-generated University Branding CSS - 2026-03-25 22:27:46 UTC */

/*** Student Housing byu ***/

.byu-page .byu-buttons-div .open_student_guide_modal {
    border-color: var(--color-primary-brand-500);
    color: var(--color-primary-brand-500);
}

.byu-page #student_housing_guide_modal_header {
    background-color: var(--color-primary-brand-500) !important;
}

.byu-page .listing-type__toggle .listing-type__toggle--item.active {
    background-color: var(--color-primary-brand-500) !important;
}

.byu-page .search-form .btn.btn-outline {
    border-color: var(--color-primary-brand-500) !important;
    background-color: #fff !important;
    border: 1px solid var(--color-primary-brand-500);
}

.byu-page .search-form .btn.btn-outline span.text {
    color: var(--color-primary-brand-500);
}

.byu-page .search-form .btn.btn-outline svg * {
    stroke: var(--color-primary-brand-500) !important;
}

.byu-page .custom-marker {
    background: var(--color-primary-brand-500) !important;
}

.byu-page .custom-marker::after {
    border-top: 8px solid var(--color-primary-brand-500);
}

.byu-page .iso-form-open-btn {
    background: var(--color-primary-brand-500) !important;
    border-color: var(--color-primary-brand-500) !important;
}

.byu-page .listing-type__toggle .listing-type__toggle--item.active {
    background: var(--color-primary-brand-500) !important;
    border-color: var(--color-primary-brand-500) !important;
}

.byu-page .search-form .btn.btn-outline,
.byu-page .deals_button {
    border-color: var(--color-primary-brand-500) !important;
    background-color: #fff !important;
    border: 1px solid var(--color-primary-brand-500);
}

.byu-page .search-form .btn.btn-outline .text,
.byu-page .deals_button .text {
    color: var(--color-primary-brand-500) !important;
}

.byu-page .search-form .btn.btn-outline svg * {
    stroke: var(--color-primary-brand-500) !important;
}

.byu-page .deals_button:hover {
    background-color: var(--color-primary-brand-500) !important;
}

.byu-page .deals_button:hover .text {
    color: white !important;
}

.byu-page #Ellipse_1647 {
    fill: var(--color-primary-brand-500) !important;
}

.byu-page .deals_button:hover #Ellipse_1647 {
    fill: white !important;
}

.byu-page .deals_button:hover svg path {
    fill: var(--color-primary-brand-500) !important;
}

.byu-page #filter_count_badge {
    background: var(--color-primary-brand-500) !important;
}

.byu-page .checkbox-button-group .checkbox-button:checked+label {
    background-color: var(--color-primary-brand-500);
    border: 1px solid var(--color-primary-brand-500);
}

.byu-page .multiple-checkbox .checkbox-item input[type="checkbox"]:checked+label,
.byu-page .filter-btn {
    background-color: var(--color-primary-brand-500) !important;
    border-color: var(--color-primary-brand-500) !important;
}

.byu-page .checkbox-group .checkbox input:checked~.checkbox__checkmark {
    background-color: var(--color-primary-brand-500);
    border-color: var(--color-primary-brand-500);
}

.byu-page #myModalLabel,
.byu-page .clear-btn .text {
    color: var(--color-primary-brand-500) !important;
}

.byu-page .noUi-connect,
.byu-page .noUi-handle,
.byu-page .search-keyword-wrapper .search-btn,
.byu-page .autocomplete-list li.active {
    background: var(--color-primary-brand-500) !important;
    border-color: var(--color-primary-brand-500) !important;
}

.byu-page .custom-marker::after {
    border-top-color: var(--color-primary-brand-500) !important;
}

.byu-page .custom-marker {
    background: var(--color-primary-brand-500) !important;
}

.byu-page .byu-buttons-div {
    display: flex !important;
    gap: 15px;
    align-items: center;
    position: relative;
    margin-left: 24px;
}

.byu-buttons-div {
    display: none !important;
}

.byu-buttons-div button {
    display: flex;
    padding: 3px 24px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    align-self: stretch;
    border-radius: 25px;
    border: 1px solid var(--color-primary-brand-500);
    background: transparent;
    color: var(--color-primary-brand-500);
    text-align: center;
    font-family: Avenir;
    font-size: 13.344px;
    font-style: normal;
    font-weight: 800;
    line-height: 28px;
}

.byu-page .byu-img {
    display: block;
}

.byu-page .main h1.title {
    margin-left: 21px;
    padding-left: 30px;
}

.byu-page #available-student-housing-in-provo-ut {
    margin-right: var(--space-lg);
}

.byu-page .search-bar-wrapper .search-keyword-wrapper .search-btn {
    background-color: var(--color-primary-brand-500) !important;
}

.byu-page .autocomplete-list li:hover {
    background-color: var(--color-primary-brand-500) !important;
}

@media screen and (max-width: 1180px) {
    .byu-page .main h1.title {
        margin-left: 0;
    }

    .byu-page .byu-buttons-div {
        margin-left: 0 !important;
    }
}

@media (max-width: 786px) {
    .byu-page .main h1.title {
        padding-left: 0px;
        width: 100% !important;
    }

    .byu-page .titleDiv {
        row-gap: 3px;
    }
}

@media (max-width: 768px) {
    .byu-buttons-div button {
        padding: 3px 15px;
        font-size: 12px;
    }
}

@media (max-width: 500px) {
    .byu-buttons-div {
        width: 100%;
        justify-content: center !important;
    }
}

@media (max-width: 400px) {
    .byu-page .main h1.title {
        width: 78% !important;
    }
}

/*** Student Housing noorda ***/

.noorda-page .noorda-buttons-div .open_student_guide_modal {
    border-color: var(--color-primary-brand-500);
    color: var(--color-primary-brand-500);
}

.noorda-page #student_housing_guide_modal_header {
    background-color: var(--color-primary-brand-500) !important;
}

.noorda-page .listing-type__toggle .listing-type__toggle--item.active {
    background-color: var(--color-primary-brand-500) !important;
}

.noorda-page .search-form .btn.btn-outline {
    border-color: var(--color-primary-brand-500) !important;
    background-color: #fff !important;
    border: 1px solid var(--color-primary-brand-500);
}

.noorda-page .search-form .btn.btn-outline span.text {
    color: var(--color-primary-brand-500);
}

.noorda-page .search-form .btn.btn-outline svg * {
    stroke: var(--color-primary-brand-500) !important;
}

.noorda-page .custom-marker {
    background: var(--color-primary-brand-500) !important;
}

.noorda-page .custom-marker::after {
    border-top: 8px solid var(--color-primary-brand-500);
}

.noorda-page .iso-form-open-btn {
    background: var(--color-primary-brand-500) !important;
    border-color: var(--color-primary-brand-500) !important;
}

.noorda-page .listing-type__toggle .listing-type__toggle--item.active {
    background: var(--color-primary-brand-500) !important;
    border-color: var(--color-primary-brand-500) !important;
}

.noorda-page .search-form .btn.btn-outline,
.noorda-page .deals_button {
    border-color: var(--color-primary-brand-500) !important;
    background-color: #fff !important;
    border: 1px solid var(--color-primary-brand-500);
}

.noorda-page .search-form .btn.btn-outline .text,
.noorda-page .deals_button .text {
    color: var(--color-primary-brand-500) !important;
}

.noorda-page .search-form .btn.btn-outline svg * {
    stroke: var(--color-primary-brand-500) !important;
}

.noorda-page .deals_button:hover {
    background-color: var(--color-primary-brand-500) !important;
}

.noorda-page .deals_button:hover .text {
    color: white !important;
}

.noorda-page #Ellipse_1647 {
    fill: var(--color-primary-brand-500) !important;
}

.noorda-page .deals_button:hover #Ellipse_1647 {
    fill: white !important;
}

.noorda-page .deals_button:hover svg path {
    fill: var(--color-primary-brand-500) !important;
}

.noorda-page #filter_count_badge {
    background: var(--color-primary-brand-500) !important;
}

.noorda-page .checkbox-button-group .checkbox-button:checked+label {
    background-color: var(--color-primary-brand-500);
    border: 1px solid var(--color-primary-brand-500);
}

.noorda-page .multiple-checkbox .checkbox-item input[type="checkbox"]:checked+label,
.noorda-page .filter-btn {
    background-color: var(--color-primary-brand-500) !important;
    border-color: var(--color-primary-brand-500) !important;
}

.noorda-page .checkbox-group .checkbox input:checked~.checkbox__checkmark {
    background-color: var(--color-primary-brand-500);
    border-color: var(--color-primary-brand-500);
}

.noorda-page #myModalLabel,
.noorda-page .clear-btn .text {
    color: var(--color-primary-brand-500) !important;
}

.noorda-page .noUi-connect,
.noorda-page .noUi-handle,
.noorda-page .search-keyword-wrapper .search-btn,
.noorda-page .autocomplete-list li.active {
    background: var(--color-primary-brand-500) !important;
    border-color: var(--color-primary-brand-500) !important;
}

.noorda-page .custom-marker::after {
    border-top-color: var(--color-primary-brand-500) !important;
}

.noorda-page .custom-marker {
    background: var(--color-primary-brand-500) !important;
}

.noorda-page .noorda-buttons-div {
    display: flex !important;
    gap: 15px;
    align-items: center;
    position: relative;
    margin-left: 24px;
}

.noorda-buttons-div {
    display: none !important;
}

.noorda-buttons-div button {
    display: flex;
    padding: 3px 24px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    align-self: stretch;
    border-radius: 25px;
    border: 1px solid var(--color-primary-brand-500);
    background: transparent;
    color: var(--color-primary-brand-500);
    text-align: center;
    font-family: Avenir;
    font-size: 13.344px;
    font-style: normal;
    font-weight: 800;
    line-height: 28px;
}

.noorda-page .noorda-img {
    display: block;
}

.noorda-page .main h1.title {
    margin-left: 21px;
    padding-left: 30px;
}

.noorda-page #available-student-housing-in-provo-ut {
    margin-right: var(--space-lg);
}

.noorda-page .search-bar-wrapper .search-keyword-wrapper .search-btn {
    background-color: var(--color-primary-brand-500) !important;
}

.noorda-page .autocomplete-list li:hover {
    background-color: var(--color-primary-brand-500) !important;
}

@media screen and (max-width: 1180px) {
    .noorda-page .main h1.title {
        margin-left: 0;
    }

    .noorda-page .noorda-buttons-div {
        margin-left: 0 !important;
    }
}

@media (max-width: 786px) {
    .noorda-page .main h1.title {
        padding-left: 0px;
        width: 100% !important;
    }

    .noorda-page .titleDiv {
        row-gap: 3px;
    }
}

@media (max-width: 768px) {
    .noorda-buttons-div button {
        padding: 3px 15px;
        font-size: 12px;
    }
}

@media (max-width: 500px) {
    .noorda-buttons-div {
        width: 100%;
        justify-content: center !important;
    }
}

@media (max-width: 400px) {
    .noorda-page .main h1.title {
        width: 78% !important;
    }
}

/*** Student Housing rmu ***/

.rmu-page .rmu-buttons-div .open_student_guide_modal {
    border-color: var(--color-primary-brand-500);
    color: var(--color-primary-brand-500);
}

.rmu-page #student_housing_guide_modal_header {
    background-color: var(--color-primary-brand-500) !important;
}

.rmu-page .listing-type__toggle .listing-type__toggle--item.active {
    background-color: var(--color-primary-brand-500) !important;
}

.rmu-page .search-form .btn.btn-outline {
    border-color: var(--color-primary-brand-500) !important;
    background-color: #fff !important;
    border: 1px solid var(--color-primary-brand-500);
}

.rmu-page .search-form .btn.btn-outline span.text {
    color: var(--color-primary-brand-500);
}

.rmu-page .search-form .btn.btn-outline svg * {
    stroke: var(--color-primary-brand-500) !important;
}

.rmu-page .custom-marker {
    background: var(--color-primary-brand-500) !important;
}

.rmu-page .custom-marker::after {
    border-top: 8px solid var(--color-primary-brand-500);
}

.rmu-page .iso-form-open-btn {
    background: var(--color-primary-brand-500) !important;
    border-color: var(--color-primary-brand-500) !important;
}

.rmu-page .listing-type__toggle .listing-type__toggle--item.active {
    background: var(--color-primary-brand-500) !important;
    border-color: var(--color-primary-brand-500) !important;
}

.rmu-page .search-form .btn.btn-outline,
.rmu-page .deals_button {
    border-color: var(--color-primary-brand-500) !important;
    background-color: #fff !important;
    border: 1px solid var(--color-primary-brand-500);
}

.rmu-page .search-form .btn.btn-outline .text,
.rmu-page .deals_button .text {
    color: var(--color-primary-brand-500) !important;
}

.rmu-page .search-form .btn.btn-outline svg * {
    stroke: var(--color-primary-brand-500) !important;
}

.rmu-page .deals_button:hover {
    background-color: var(--color-primary-brand-500) !important;
}

.rmu-page .deals_button:hover .text {
    color: white !important;
}

.rmu-page #Ellipse_1647 {
    fill: var(--color-primary-brand-500) !important;
}

.rmu-page .deals_button:hover #Ellipse_1647 {
    fill: white !important;
}

.rmu-page .deals_button:hover svg path {
    fill: var(--color-primary-brand-500) !important;
}

.rmu-page #filter_count_badge {
    background: var(--color-primary-brand-500) !important;
}

.rmu-page .checkbox-button-group .checkbox-button:checked+label {
    background-color: var(--color-primary-brand-500);
    border: 1px solid var(--color-primary-brand-500);
}

.rmu-page .multiple-checkbox .checkbox-item input[type="checkbox"]:checked+label,
.rmu-page .filter-btn {
    background-color: var(--color-primary-brand-500) !important;
    border-color: var(--color-primary-brand-500) !important;
}

.rmu-page .checkbox-group .checkbox input:checked~.checkbox__checkmark {
    background-color: var(--color-primary-brand-500);
    border-color: var(--color-primary-brand-500);
}

.rmu-page #myModalLabel,
.rmu-page .clear-btn .text {
    color: var(--color-primary-brand-500) !important;
}

.rmu-page .noUi-connect,
.rmu-page .noUi-handle,
.rmu-page .search-keyword-wrapper .search-btn,
.rmu-page .autocomplete-list li.active {
    background: var(--color-primary-brand-500) !important;
    border-color: var(--color-primary-brand-500) !important;
}

.rmu-page .custom-marker::after {
    border-top-color: var(--color-primary-brand-500) !important;
}

.rmu-page .custom-marker {
    background: var(--color-primary-brand-500) !important;
}

.rmu-page .rmu-buttons-div {
    display: flex !important;
    gap: 15px;
    align-items: center;
    position: relative;
    margin-left: 24px;
}

.rmu-buttons-div {
    display: none !important;
}

.rmu-buttons-div button {
    display: flex;
    padding: 3px 24px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    align-self: stretch;
    border-radius: 25px;
    border: 1px solid var(--color-primary-brand-500);
    background: transparent;
    color: var(--color-primary-brand-500);
    text-align: center;
    font-family: Avenir;
    font-size: 13.344px;
    font-style: normal;
    font-weight: 800;
    line-height: 28px;
}

.rmu-page .rmu-img {
    display: block;
}

.rmu-page .main h1.title {
    margin-left: 21px;
    padding-left: 30px;
}

.rmu-page #available-student-housing-in-provo-ut {
    margin-right: var(--space-lg);
}

.rmu-page .search-bar-wrapper .search-keyword-wrapper .search-btn {
    background-color: var(--color-primary-brand-500) !important;
}

.rmu-page .autocomplete-list li:hover {
    background-color: var(--color-primary-brand-500) !important;
}

@media screen and (max-width: 1180px) {
    .rmu-page .main h1.title {
        margin-left: 0;
    }

    .rmu-page .rmu-buttons-div {
        margin-left: 0 !important;
    }
}

@media (max-width: 786px) {
    .rmu-page .main h1.title {
        padding-left: 0px;
        width: 100% !important;
    }

    .rmu-page .titleDiv {
        row-gap: 3px;
    }
}

@media (max-width: 768px) {
    .rmu-buttons-div button {
        padding: 3px 15px;
        font-size: 12px;
    }
}

@media (max-width: 500px) {
    .rmu-buttons-div {
        width: 100%;
        justify-content: center !important;
    }
}

@media (max-width: 400px) {
    .rmu-page .main h1.title {
        width: 78% !important;
    }
}

/*** Student Housing u-of-u ***/

.u-of-u-page .u-of-u-buttons-div .open_student_guide_modal {
    border-color: var(--color-primary-brand-500);
    color: var(--color-primary-brand-500);
}

.u-of-u-page #student_housing_guide_modal_header {
    background-color: var(--color-primary-brand-500) !important;
}

.u-of-u-page .listing-type__toggle .listing-type__toggle--item.active {
    background-color: var(--color-primary-brand-500) !important;
}

.u-of-u-page .search-form .btn.btn-outline {
    border-color: var(--color-primary-brand-500) !important;
    background-color: #fff !important;
    border: 1px solid var(--color-primary-brand-500);
}

.u-of-u-page .search-form .btn.btn-outline span.text {
    color: var(--color-primary-brand-500);
}

.u-of-u-page .search-form .btn.btn-outline svg * {
    stroke: var(--color-primary-brand-500) !important;
}

.u-of-u-page .custom-marker {
    background: var(--color-primary-brand-500) !important;
}

.u-of-u-page .custom-marker::after {
    border-top: 8px solid var(--color-primary-brand-500);
}

.u-of-u-page .iso-form-open-btn {
    background: var(--color-primary-brand-500) !important;
    border-color: var(--color-primary-brand-500) !important;
}

.u-of-u-page .listing-type__toggle .listing-type__toggle--item.active {
    background: var(--color-primary-brand-500) !important;
    border-color: var(--color-primary-brand-500) !important;
}

.u-of-u-page .search-form .btn.btn-outline,
.u-of-u-page .deals_button {
    border-color: var(--color-primary-brand-500) !important;
    background-color: #fff !important;
    border: 1px solid var(--color-primary-brand-500);
}

.u-of-u-page .search-form .btn.btn-outline .text,
.u-of-u-page .deals_button .text {
    color: var(--color-primary-brand-500) !important;
}

.u-of-u-page .search-form .btn.btn-outline svg * {
    stroke: var(--color-primary-brand-500) !important;
}

.u-of-u-page .deals_button:hover {
    background-color: var(--color-primary-brand-500) !important;
}

.u-of-u-page .deals_button:hover .text {
    color: white !important;
}

.u-of-u-page #Ellipse_1647 {
    fill: var(--color-primary-brand-500) !important;
}

.u-of-u-page .deals_button:hover #Ellipse_1647 {
    fill: white !important;
}

.u-of-u-page .deals_button:hover svg path {
    fill: var(--color-primary-brand-500) !important;
}

.u-of-u-page #filter_count_badge {
    background: var(--color-primary-brand-500) !important;
}

.u-of-u-page .checkbox-button-group .checkbox-button:checked+label {
    background-color: var(--color-primary-brand-500);
    border: 1px solid var(--color-primary-brand-500);
}

.u-of-u-page .multiple-checkbox .checkbox-item input[type="checkbox"]:checked+label,
.u-of-u-page .filter-btn {
    background-color: var(--color-primary-brand-500) !important;
    border-color: var(--color-primary-brand-500) !important;
}

.u-of-u-page .checkbox-group .checkbox input:checked~.checkbox__checkmark {
    background-color: var(--color-primary-brand-500);
    border-color: var(--color-primary-brand-500);
}

.u-of-u-page #myModalLabel,
.u-of-u-page .clear-btn .text {
    color: var(--color-primary-brand-500) !important;
}

.u-of-u-page .noUi-connect,
.u-of-u-page .noUi-handle,
.u-of-u-page .search-keyword-wrapper .search-btn,
.u-of-u-page .autocomplete-list li.active {
    background: var(--color-primary-brand-500) !important;
    border-color: var(--color-primary-brand-500) !important;
}

.u-of-u-page .custom-marker::after {
    border-top-color: var(--color-primary-brand-500) !important;
}

.u-of-u-page .custom-marker {
    background: var(--color-primary-brand-500) !important;
}

.u-of-u-page .u-of-u-buttons-div {
    display: flex !important;
    gap: 15px;
    align-items: center;
    position: relative;
    margin-left: 24px;
}

.u-of-u-buttons-div {
    display: none !important;
}

.u-of-u-buttons-div button {
    display: flex;
    padding: 3px 24px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    align-self: stretch;
    border-radius: 25px;
    border: 1px solid var(--color-primary-brand-500);
    background: transparent;
    color: var(--color-primary-brand-500);
    text-align: center;
    font-family: Avenir;
    font-size: 13.344px;
    font-style: normal;
    font-weight: 800;
    line-height: 28px;
}

.u-of-u-page .u-of-u-img {
    display: block;
}

.u-of-u-page .main h1.title {
    margin-left: 21px;
    padding-left: 30px;
}

.u-of-u-page #available-student-housing-in-provo-ut {
    margin-right: var(--space-lg);
}

.u-of-u-page .search-bar-wrapper .search-keyword-wrapper .search-btn {
    background-color: var(--color-primary-brand-500) !important;
}

.u-of-u-page .autocomplete-list li:hover {
    background-color: var(--color-primary-brand-500) !important;
}

@media screen and (max-width: 1180px) {
    .u-of-u-page .main h1.title {
        margin-left: 0;
    }

    .u-of-u-page .u-of-u-buttons-div {
        margin-left: 0 !important;
    }
}

@media (max-width: 786px) {
    .u-of-u-page .main h1.title {
        padding-left: 0px;
        width: 100% !important;
    }

    .u-of-u-page .titleDiv {
        row-gap: 3px;
    }
}

@media (max-width: 768px) {
    .u-of-u-buttons-div button {
        padding: 3px 15px;
        font-size: 12px;
    }
}

@media (max-width: 500px) {
    .u-of-u-buttons-div {
        width: 100%;
        justify-content: center !important;
    }
}

@media (max-width: 400px) {
    .u-of-u-page .main h1.title {
        width: 78% !important;
    }
}

/*** Student Housing uvu ***/

.uvu-page .uvu-buttons-div .open_student_guide_modal {
    border-color: var(--color-primary-brand-500);
    color: var(--color-primary-brand-500);
}

.uvu-page #student_housing_guide_modal_header {
    background-color: var(--color-primary-brand-500) !important;
}

.uvu-page .listing-type__toggle .listing-type__toggle--item.active {
    background-color: var(--color-primary-brand-500) !important;
}

.uvu-page .search-form .btn.btn-outline {
    border-color: var(--color-primary-brand-500) !important;
    background-color: #fff !important;
    border: 1px solid var(--color-primary-brand-500);
}

.uvu-page .search-form .btn.btn-outline span.text {
    color: var(--color-primary-brand-500);
}

.uvu-page .search-form .btn.btn-outline svg * {
    stroke: var(--color-primary-brand-500) !important;
}

.uvu-page .custom-marker {
    background: var(--color-primary-brand-500) !important;
}

.uvu-page .custom-marker::after {
    border-top: 8px solid var(--color-primary-brand-500);
}

.uvu-page .iso-form-open-btn {
    background: var(--color-primary-brand-500) !important;
    border-color: var(--color-primary-brand-500) !important;
}

.uvu-page .listing-type__toggle .listing-type__toggle--item.active {
    background: var(--color-primary-brand-500) !important;
    border-color: var(--color-primary-brand-500) !important;
}

.uvu-page .search-form .btn.btn-outline,
.uvu-page .deals_button {
    border-color: var(--color-primary-brand-500) !important;
    background-color: #fff !important;
    border: 1px solid var(--color-primary-brand-500);
}

.uvu-page .search-form .btn.btn-outline .text,
.uvu-page .deals_button .text {
    color: var(--color-primary-brand-500) !important;
}

.uvu-page .search-form .btn.btn-outline svg * {
    stroke: var(--color-primary-brand-500) !important;
}

.uvu-page .deals_button:hover {
    background-color: var(--color-primary-brand-500) !important;
}

.uvu-page .deals_button:hover .text {
    color: white !important;
}

.uvu-page #Ellipse_1647 {
    fill: var(--color-primary-brand-500) !important;
}

.uvu-page .deals_button:hover #Ellipse_1647 {
    fill: white !important;
}

.uvu-page .deals_button:hover svg path {
    fill: var(--color-primary-brand-500) !important;
}

.uvu-page #filter_count_badge {
    background: var(--color-primary-brand-500) !important;
}

.uvu-page .checkbox-button-group .checkbox-button:checked+label {
    background-color: var(--color-primary-brand-500);
    border: 1px solid var(--color-primary-brand-500);
}

.uvu-page .multiple-checkbox .checkbox-item input[type="checkbox"]:checked+label,
.uvu-page .filter-btn {
    background-color: var(--color-primary-brand-500) !important;
    border-color: var(--color-primary-brand-500) !important;
}

.uvu-page .checkbox-group .checkbox input:checked~.checkbox__checkmark {
    background-color: var(--color-primary-brand-500);
    border-color: var(--color-primary-brand-500);
}

.uvu-page #myModalLabel,
.uvu-page .clear-btn .text {
    color: var(--color-primary-brand-500) !important;
}

.uvu-page .noUi-connect,
.uvu-page .noUi-handle,
.uvu-page .search-keyword-wrapper .search-btn,
.uvu-page .autocomplete-list li.active {
    background: var(--color-primary-brand-500) !important;
    border-color: var(--color-primary-brand-500) !important;
}

.uvu-page .custom-marker::after {
    border-top-color: var(--color-primary-brand-500) !important;
}

.uvu-page .custom-marker {
    background: var(--color-primary-brand-500) !important;
}

.uvu-page .uvu-buttons-div {
    display: flex !important;
    gap: 15px;
    align-items: center;
    position: relative;
    margin-left: 24px;
}

.uvu-buttons-div {
    display: none !important;
}

.uvu-buttons-div button {
    display: flex;
    padding: 3px 24px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    align-self: stretch;
    border-radius: 25px;
    border: 1px solid var(--color-primary-brand-500);
    background: transparent;
    color: var(--color-primary-brand-500);
    text-align: center;
    font-family: Avenir;
    font-size: 13.344px;
    font-style: normal;
    font-weight: 800;
    line-height: 28px;
}

.uvu-page .uvu-img {
    display: block;
}

.uvu-page .main h1.title {
    margin-left: 21px;
    padding-left: 30px;
}

.uvu-page #available-student-housing-in-provo-ut {
    margin-right: var(--space-lg);
}

.uvu-page .search-bar-wrapper .search-keyword-wrapper .search-btn {
    background-color: var(--color-primary-brand-500) !important;
}

.uvu-page .autocomplete-list li:hover {
    background-color: var(--color-primary-brand-500) !important;
}

@media screen and (max-width: 1180px) {
    .uvu-page .main h1.title {
        margin-left: 0;
    }

    .uvu-page .uvu-buttons-div {
        margin-left: 0 !important;
    }
}

@media (max-width: 786px) {
    .uvu-page .main h1.title {
        padding-left: 0px;
        width: 100% !important;
    }

    .uvu-page .titleDiv {
        row-gap: 3px;
    }
}

@media (max-width: 768px) {
    .uvu-buttons-div button {
        padding: 3px 15px;
        font-size: 12px;
    }
}

@media (max-width: 500px) {
    .uvu-buttons-div {
        width: 100%;
        justify-content: center !important;
    }
}

@media (max-width: 400px) {
    .uvu-page .main h1.title {
        width: 78% !important;
    }
}