.program-finder-search{padding:2rem 0}.program-finder-search__search-section{margin-bottom:2rem}.program-finder-search__search-section .search-box{display:flex;gap:1rem;margin-bottom:2rem}@media(max-width:800px){.program-finder-search__search-section .search-box{flex-direction:column}}.program-finder-search__search-section .search-box .search-input-wrapper{border:1px solid #d9d9d9;border-radius:9999px;display:flex;flex:1;position:relative}.program-finder-search__search-section .search-box .search-input-wrapper .search-input{border:none!important;border-radius:9999px;flex:1;font-size:1rem;padding:.75rem 1rem}.program-finder-search__search-section .search-box .search-input-wrapper .search-button{align-items:center;background-color:var(--wp--preset--color--cityu-dark-blue);border:none;border-radius:99999px;color:#fff;cursor:pointer;display:flex;justify-content:center;padding:.75rem;position:absolute;right:-.3rem;top:49%;transform:translateY(-50%)}.program-finder-search__search-section .search-box .search-input-wrapper .search-button:hover{background:#005a87}.program-finder-search__search-section .search-box .search-input-wrapper .search-button svg{height:20px;width:20px}.program-finder-search__search-section .search-box .clear-button{background:transparent;border:none!important;color:var(--wp--preset--color--cityu-dark-blue);cursor:pointer;font-family:var(--wp--preset--font-family--avenir-pro);font-size:.875rem;font-weight:600;padding:.75rem 1rem}.program-finder-search__search-section .search-box .clear-button:hover{background:#f5f5f5}.program-finder-search__search-section .browse-section h3{color:var(--wp--preset--color--cityu-dark-blue);font-family:var(--wp--preset--font-family--avenir-pro);font-size:1.2rem!important;font-weight:600;line-height:1.2;margin:1rem 0 2rem;text-align:center}.program-finder-search__search-section .browse-section .area-buttons{display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:center}.program-finder-search__search-section .browse-section .area-buttons .area-button{align-items:center;background:none;border:none;color:var(--wp--preset--color--cityu-dark-blue);cursor:pointer;display:flex;font-family:var(--wp--preset--font-family--avenir-pro);font-size:1rem;font-weight:600;gap:.5rem;line-height:1.2;padding:0;transition:opacity .2s}.program-finder-search__search-section .browse-section .area-buttons .area-button:hover{opacity:.7}.program-finder-search__search-section .browse-section .area-buttons .area-button.active .area-button__text{text-decoration:underline}.program-finder-search__search-section .browse-section .area-buttons .area-button__image{align-items:center;border-radius:50%;display:flex;flex-shrink:0;height:32px;justify-content:center;overflow:hidden;width:32px}@media(max-width:800px){.program-finder-search__search-section .browse-section .area-buttons .area-button__image{display:none}}.program-finder-search__search-section .browse-section .area-buttons .area-button__image:empty{background-color:var(--wp--preset--color--cityu-dark-blue)}.program-finder-search__search-section .browse-section .area-buttons .area-button__image img{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.program-finder-search__view-all{display:flex;justify-content:center;margin-top:2rem}.program-finder-search__results h3{color:var(--wp--preset--color--cityu-dark-blue);font-family:var(--wp--preset--font-family--avenir-pro);font-size:1.2rem!important;font-weight:600;line-height:1.2;margin:1rem 0}.program-finder-search__results .loading-message{color:#666;padding:2rem;text-align:center}.program-finder-search__results .other-pages-section{margin-top:2rem}.program-finder-search__results .pages-list,.program-finder-search__results .programs-list{display:flex;flex-direction:column;gap:0}.program-finder-search__results .pages-list .program-item,.program-finder-search__results .programs-list .program-item{align-items:center;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;padding:1rem 0}.program-finder-search__results .pages-list .program-item h4,.program-finder-search__results .programs-list .program-item h4{flex:1;line-height:0!important;margin:0}.program-finder-search__results .pages-list .program-item h4 a,.program-finder-search__results .programs-list .program-item h4 a{color:var(--wp--preset--color--cityu-dark-blue);font-family:var(--wp--preset--font-family--avenir-pro);font-size:.875rem;font-weight:600;line-height:1.2;text-decoration:none}.program-finder-search__results .pages-list .program-item h4 a:hover,.program-finder-search__results .programs-list .program-item h4 a:hover{text-decoration:underline}.program-finder-search__results .pages-list .program-item .program-formats,.program-finder-search__results .programs-list .program-item .program-formats{align-items:center;display:flex;flex-wrap:wrap;gap:1rem}.program-finder-search__results .pages-list .program-item .program-formats .format-item,.program-finder-search__results .programs-list .program-item .program-formats .format-item{align-items:center;color:var(--wp--preset--color--cityu-dark-blue);display:inline-flex;font-family:var(--wp--preset--font-family--avenir-pro);font-size:.875rem;font-weight:400;gap:.5rem;line-height:1.2}.program-finder-search__results .pages-list .program-item .program-formats .format-item svg,.program-finder-search__results .programs-list .program-item .program-formats .format-item svg{color:var(--wp--preset--color--cityu-dark-teal);flex-shrink:0;height:16px;width:16px}