Repository navigation
Expand file tree
/
Copy pathfolklore.css.map
More file actions
1 lines (1 loc) · 36.2 KB
/
Copy pathfolklore.css.map
File metadata and controls
1 lines (1 loc) · 36.2 KB
1
{"version":3,"sources":["folklore.scss","folklore.css"],"names":[],"mappings":"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","file":"folklore.css","sourcesContent":["\n/* Main directory wrapper */\n.uw-directory {\n padding-bottom: 160px;\n position: relative;\n z-index: 2;\n background: white;\n\n/* Typography*/\n .fa-solid {\n margin-right: 10px;\n margin-right: 10px;\n margin-top: 4px;\n }\n\n .h3 {\n font-weight: 800;\n font-size: 24px;\n color: #4b2e83;\n margin-top: 0px;\n\n }\n\n .h2 {\n font-size: 24px;\n font-weight: bold;\n color: white;\n }\n\n /* Modal*/\n .modal-contact a,\n .modal-contact span {\n margin: 0 8px 0 0;\n padding: 0;\n display: inline-flex;\n align-items: center;\n gap: 4px;\n }\n\n .modal-contact h3 {\n margin-bottom: 8px;\n }\n\n .bold {\n font-weight: bold;\n font-size: 16px;\n color: #000;\n }\n\n .light-text {\n color: #000;\n font-size: 16px;\n font-weight: 400;\n margin: 3px 0;\n }\n\n .folklore-modal-content {\n background: #fff;\n max-width: 900px;\n width: 90%;\n margin: 40px auto;\n position: relative;\n display: flex;\n flex-direction: column;\n\n .fa-solid,\n .fa-brands {\n color: #4b2e83;\n }\n }\n\n .folklore-modal-close {\n position: absolute;\n top: -4px;\n right: -1px;\n background: none;\n border: none;\n font-size: 2rem;\n color: #444;\n cursor: pointer;\n }\n\n .folklore-modal-body {\n display: flex;\n flex-wrap: wrap;\n }\n\n .folklore-modal-left {\n flex: 1 1 250px;\n background-color: #eee7d9;\n }\n .modal-subtitle {\n margin: 0px 0;\n font-weight: bold;\n margin-bottom: -2px;;\n }\n\n .modal-photo {\n width: 100%;\n height: 394px;\n object-fit: cover;\n }\n\n .folklore-modal-right {\n flex: 2 1 500px;\n padding: 2rem 2em 0em 2em;\n }\n\n\n .folklore-modal-body .modal-bio p {\n margin: 0 0 .75rem;\n }\n\n .folklore-modal-body .modal-bio {\n /* scrolling */\n max-height: 19vh;\n overflow-y: auto;\n }\n\n .folklore-modal-body .modal-bio::-webkit-scrollbar {\n display: none;\n }\n\n #modal-bio {\n max-height: 12em;\n /* 6 lines */\n overflow: hidden;\n position: relative;\n transition: max-height .25s ease;\n font-size: 16px;\n font-weight: 400;\n color: black;\n }\n\n #modal-bio.clamped::after {\n content: '';\n position: absolute;\n inset: 0;\n background: linear-gradient(to bottom, transparent 60%, #fff 95%);\n pointer-events: none;\n}\n\n #modal-bio.expanded {\n max-height: none;\n }\n\n #modal-bio.expanded::after {\n display: none;\n }\n .uw-modal {\n display: none;\n position: fixed;\n z-index: 10000;\n padding-top: 80px;\n left: 0;\n top: 0;\n width: 100%;\n height: 100%;\n overflow: auto;\n background-color: rgba(0, 0, 0, 0.6);\n }\n\n .see-more-link {\n display: inline-block;\n margin-top: .5rem;\n font-size: .875rem;\n font-weight: 600;\n color: #4b2e83;\n cursor: pointer;\n }\n\n .modal-dept {\n font-style: italic;\n margin-top: 0px !important;\n margin-bottom: 8px !important;\n }\n .modal-pronouns {\n font-style: italic;\n margin: -4px 0 4px;\n color: #666;\n\n }\n\n #modal-name {\n margin-bottom: 0px !important;\n }\n .modal-bio {\n color: #333;\n }\n\n .modal-contact p {\n margin: 0.25rem 0;\n }\n\n .modal-contact i {\n margin-right: 8px;\n }\n\n .modal-contact {\n background-color: #eee7d9;\n padding: 1.5rem;\n }\n\n\n/* Filters*/\n.section-label {\n display: block;\n margin-bottom: 0px;\n font-weight: 600;\n font-size: 15px;\n color: #4b2e83;\n font-family: \"Encode Sans Compressed\", sans-serif;\n line-height: 1.3;\n margin-bottom: 4px;\n small {\n display: block;\n margin-top: 2px;\n margin-bottom: 3px;\n font-weight: normal;\n color: #666;\n line-height: 1.2;\n }\n }\n\n/* Categories dropdown*/\n\n .custom-dropdown {\n width: 240px;\n font-weight: bold;\n position: relative;\n padding: 0;\n button {\n &:focus, &:focus-visible{\n outline: 2px solid black;\n box-shadow: none;\n }\n }\n\n }\n\n .custom-btn {\n display: flex;\n align-items: center;\n width: 100%;\n height: 48px;\n padding: 0;\n background-color: white;\n box-shadow: none;\n border: none;\n justify-content: space-between;\n\n }\n\n .label-text {\n text-align: left;\n padding: 0 12px;\n line-height: 48px;\n font-size: 14px;\n color: #4b2e83;\n border: 1px solid #e8e3d3;\n border-right: none;\n height: 48px;\n background-color: white;\n flex: 1 1 auto;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n }\n\n .custom-dropdown .custom-btn .arrow-block {\n flex: 0 0 auto;\n }\n\n .arrow-block {\n width: 49px;\n height: 48px;\n display: flex;\n align-items: center;\n justify-content: center;\n background-color: #4b2e83;\n color: white;\n font-size: 16px;\n border-left: none;\n\n }\n\n .custom-btn:hover .label-text {\n background-color: #4b2e83;\n border: 0px solid #e8e3d3;\n color: white;\n }\n\n .custom-btn:hover .arrow-block {\n background-color: #85754d;\n }\n\n .custom-dropdown .dropdown-menu {\n border-radius: 0;\n margin-top: 0;\n width: 100%;margin-left:0;\n min-width: 240px;\n border: 1px solid #ccc;\n box-shadow: none;\n position: absolute;\n z-index: 1000;\n }\n\n .dropdown-item:hover {\n background-color: #f3f3f3 !important;\n\n color: #4b2e83;\n }\n\n\n//searchbox\n\n .toggle-view .dropdown-menu {\n background-color: #ffffff;\n min-width: 110px;\n margin-top: 10px;\n }\n\n .toggle-view .dropdown-item,\n .dropdown-item {\n display: flex;\n align-items: center;\n justify-content: center;\n }\n\n .dropdown-menu {\n min-width: 100% !important;\n white-space: normal !important;\n word-break: break-word !important;\n overflow-wrap: break-word !important;\n }\n\n\n .dropdown-menu .dropdown-item {\n display: flex !important;\n align-items: center !important;\n justify-content: flex-start !important;\n height: auto !important;\n padding: 8px 16px !important;\n font-size: 14px !important;\n font-weight: 500 !important;\n color: #333 !important;\n background-color: #fff !important;\n border: none !important;\n white-space: normal !important;\n word-break: break-word !important;\n box-sizing: border-box !important;\n }\n\n\n .dropdown-menu .dropdown-item:hover {\n background-color: #ece6f0 !important;\n\n }\n\n /* Layout for filter/search boxes */\n .folklore-container {\n display: flex;\n flex-wrap: wrap;\n margin: 20px 0;\n align-items: center;\n }\n\n .folklore-inner {\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n width: 100%;\n }\n\n .folklore-box {\n margin-right: 10px;\n height: 100%;\n align-items: flex-start;\n display: flex;\n flex-direction: column;\n justify-content: flex-end;\n }\n\n .folklore-box.filter {\n width: 164px;\n position: relative;\n }\n\n .folklore-box.search {\n width: 362px;\n }\n\n .folklore-box.view-toggle {\n flex-grow: 1;\n align-items: flex-end;\n justify-content: flex-start;\n }\n\n\n /* Category button styling */\n .btn {\n margin: 0;\n }\n\n .btn.btn-sm {\n padding: 0;\n font-size: 0.875rem;\n line-height: 1.5;\n margin: 10px 0;\n }\n\n .folklore-box .btn.dropdown.white:focus,\n .folklore-box .btn.dropdown.white:active {\n outline: none !important;\n box-shadow: none !important;\n border: none !important;\n }\n\n .folklore-box.search {\n width: 300px;\n }\n\n .folklore-box:has(.clear-filters) {\n justify-content: flex-end;\n margin-top: auto;\n }\n\n .folklore-box:has(.toggle-view) {\n justify-content: flex-end;\n margin-top: auto;\n }\n\n\n\n//card\n\n .title {\n color: white;\n font-weight: bold;\n font-size: 16px;\n }\n\n .department {\n color: white;\n font-size: 16px;\n }\n\n .email {\n color: white;\n font-weight: bold;\n font-size: 16px;\n }\n\n .view-btn {\n display: flex;\n align-items: center;\n justify-content: center;\n height: 48px;\n font-weight: 600;\n padding: 0 12px;\n border: none;\n font-size: 14px;\n &:focus, &:focus-visible {\n outline: 2px solid black;\n position: relative;\n }\n }\n\n .view-btn.active {\n background-color: #4b2e83;\n color: #ffffff;\n cursor: not-allowed;\n pointer-events: none;\n }\n\n .tab-view:hover {\n background-color: #85754d;\n color: #ffffff;\n }\n\n .tab-view {\n background-color: #e8e3d3;\n color: #4b2e83;\n }\n\n .view-btn::after {\n display: none !important;\n }\n\n\n .filter,\n .search {\n display: flex;\n justify-content: left;\n align-items: center;\n height: 100%;\n }\n\n .toggle-view {\n display: flex;\n justify-content: flex-end;\n width: 100%;\n }\n\n .arrow-box.dropdown-box {\n display: flex;\n justify-content: center;\n align-items: center;\n }\n\n .category-label {\n display: flex;\n justify-content: left;\n align-items: center;\n width: 150px;\n height: 48px;\n font-size: 14px;\n }\n\n /* Search box styling */\n .searchbox {\n position: relative;\n clear: both;\n font-size: 20px;\n color: #7a7a7a;\n font-family: \"Encode Sans Compressed\", sans-serif;\n\n #searchbar {\n width: 100%;\n height: 48px;\n padding: 10px;\n font-size: 14px;\n border: 1px solid #e8e3d3;\n color: #4b2e83;\n background-color: white;\n }\n\n #searchbar:focus {\n outline: none;\n border: 2px solid black;\n box-shadow: none;\n }\n #searchsubmit.clicked {\n border: 2px solid #85754d !important;\n box-shadow: 0 0 0 2px #85754d !important;\n }\n\n\n #searchsubmit {\n position: absolute;\n right: 0;\n top: 0;\n height: 48px;\n width: 48px;\n border: none;\n\n background: url(\"./svg/search.svg\") no-repeat center center #4b2e83;\n background-size: 22px;\n text-indent: -9999px;\n\n &:disabled {\n cursor: default;\n }\n\n &:not(:disabled) {\n cursor: pointer;\n\n &:hover,\n &:focus {\n background-color: #85754d;\n border: 0px solid #050505;\n box-shadow: none;\n outline: none;\n }\n }\n }\n\n }\n\n /* Directory container */\n #directory-container {\n display: flex;\n flex-wrap: wrap;\n gap: 20px;\n justify-content: space-between;\n position: relative;\n }\n\n /* grid view */\n .uw-card {\n position: static !important;\n flex: 1 1 calc(50% - 20px);\n max-width: calc(50% - 20px);\n min-width: 320px;\n min-height: 255px; height: auto;\n display: flex;\n background-color: #4b2e83;\n color: white;\n margin: 0;\n box-sizing: border-box;\n }\n\n .uw-card-img {\n width: 228px;\n height: 100%;\n object-fit: cover;\n object-position: center;\n }\n\n .uw-card-text {\n margin-left: 38px;\n margin-right: 15px;\n display: flex;\n margin-top: 20px;\n align-items: flex-start;\n justify-content: flex-start;\n width: calc(100% - 228px - 40px);\n }\n\n .uw-card-text span h3,\n .uw-card-text p {\n color: white;\n font-size: 16px;\n margin: 0;\n padding: 2px 0;\n }\n\n .uw-card-text span h3 {\n font-size: 24px;\n font-weight: bold;\n }\n\n\n\n /* Table list view styling */\n .directory-table {\n width: 100%;\n border-collapse: collapse;\n margin-top: 20px;\n font-family: system-ui, sans-serif;\n caption {\n font-weight: 600;\n font-size: 15px;\n color: #4b2e83;\n font-family: \"Encode Sans Compressed\", sans-serif;\n line-height: 1.3;\n margin-bottom: 4px;\n caption-side: top;\n position: relative;\n }\n\n th {\n background-color: #4b2e83;\n color: white;\n font-weight: bold;\n text-align: left;\n padding: 14px 16px;\n font-size: 16px;\n }\n .table-headers td {\n height: unset;\n background: #4b2e83;\n }\n\n td {\n height: 132px;\n padding: 14px 16px;\n font-size: 18px;\n vertical-align: middle;\n }\n\n tr:nth-child(even) {\n background-color: #fff;\n }\n\n td:nth-child(2) {\n font-weight: 600;\n }\n\n img {\n width: 100px;\n height: 100px;\n object-fit: cover;\n min-width: 100px;\n }\n\n tbody tr {\n cursor: pointer;\n\n &:hover {\n background-color: #ece6f0;\n }\n }\n }\n\n .directory-table tbody tr {\n background: #ffffff;\n transition: background .15s ease-in-out;\n }\n\n .directory-table tbody tr.even {\n background: #f1f1f6 !important;\n }\n\n\n .directory-table tbody tr:hover {\n background: #ece6f0 !important;\n }\n\n //mobile view\n@media (max-width: 730px) {\n\n .folklore-box:has(.clear-filters),\n .folklore-box.view-toggle {\n flex: 0 0 100% !important;\n max-width: 100% !important;\n margin-bottom: 10px;\n }\n\n.clear-filters{\n width:147px;\n}\n.folklore-box.search {\n width: 240px;\n}\n .folklore-inner {\n margin-top: 14px;}\n .directory-table td:first-child img {\n\n display: block !important;\n }\n\n .directory-table td:first-child {\n display: table-cell !important;\n width: 90px;\n }\n\n .directory-table tr {\n display: table-row !important;\n }\n .uw-card {\n flex: 1 1 100%;\n max-width: 100%;\n flex-direction: column;\n height: auto;\n }\n\n .uw-card-img {\n width: 100%;\n height: 330px;\n }\n\n .uw-card-text {\n margin: 20px;\n width: auto;\n flex-direction: column;\n align-items: flex-start;\n }\n .toggle-view {\n display: flex;\n justify-content: flex-start;\n width: 100%;\n}\n.folklore-box {\n border: none !important;\n outline: none !important;\n}\n}\n}\n//sidebar view\n.uw-directory.has-sidebar {\n #directory-container {\n display: flex !important;\n flex-wrap: wrap !important;\n }\n.folklore-box.search {\n width: 275px;\n}\n .uw-card {\n flex: 0 0 100% !important;\n max-width: 100% !important;\n margin-bottom: 1rem !important;\n }\n\n .directory-table img {\n width: 100px;\n height: 100px;\n object-fit: cover;\n display: block;\n\n }\n}\n//ipad view\n@media (max-width: 1176px) and (min-width: 590px) {\n.uw-directory .toggle-view {\n display: flex;\n justify-content: flex-start;\n width: 100%;\n margin-top: 12px;\n}\n .uw-directory:not(.has-sidebar) {\n .uw-card {\n flex: 0 0 100%; /* one card per row */\n max-width: 100%;\n }\n }\n\n}\n\n//responsive modal footer\n@media (max-width: 830px) {\n .horizontal-modal-footer {\n display: none !important;\n }\n .vertical-modal-footer {\n display: block !important;\n }\n}\n\n","/* Main directory wrapper */\n.uw-directory {\n padding-bottom: 160px;\n position: relative;\n z-index: 2;\n background: white;\n /* Typography*/\n}\n.uw-directory .fa-solid {\n margin-right: 10px;\n margin-right: 10px;\n margin-top: 4px;\n}\n.uw-directory .h3 {\n font-weight: 800;\n font-size: 24px;\n color: #4b2e83;\n margin-top: 0px;\n}\n.uw-directory .h2 {\n font-size: 24px;\n font-weight: bold;\n color: white;\n}\n.uw-directory {\n /* Modal*/\n}\n.uw-directory .modal-contact a,\n.uw-directory .modal-contact span {\n margin: 0 8px 0 0;\n padding: 0;\n display: inline-flex;\n align-items: center;\n gap: 4px;\n}\n.uw-directory .modal-contact h3 {\n margin-bottom: 8px;\n}\n.uw-directory .bold {\n font-weight: bold;\n font-size: 16px;\n color: #000;\n}\n.uw-directory .light-text {\n color: #000;\n font-size: 16px;\n font-weight: 400;\n margin: 3px 0;\n}\n.uw-directory .folklore-modal-content {\n background: #fff;\n max-width: 900px;\n width: 90%;\n margin: 40px auto;\n position: relative;\n display: flex;\n flex-direction: column;\n}\n.uw-directory .folklore-modal-content .fa-solid,\n.uw-directory .folklore-modal-content .fa-brands {\n color: #4b2e83;\n}\n.uw-directory .folklore-modal-close {\n position: absolute;\n top: -4px;\n right: -1px;\n background: none;\n border: none;\n font-size: 2rem;\n color: #444;\n cursor: pointer;\n}\n.uw-directory .folklore-modal-body {\n display: flex;\n flex-wrap: wrap;\n}\n.uw-directory .folklore-modal-left {\n flex: 1 1 250px;\n background-color: #eee7d9;\n}\n.uw-directory .modal-subtitle {\n margin: 0px 0;\n font-weight: bold;\n margin-bottom: -2px;\n}\n.uw-directory .modal-photo {\n width: 100%;\n height: 394px;\n object-fit: cover;\n}\n.uw-directory .folklore-modal-right {\n flex: 2 1 500px;\n padding: 2rem 2em 0em 2em;\n}\n.uw-directory .folklore-modal-body .modal-bio p {\n margin: 0 0 0.75rem;\n}\n.uw-directory .folklore-modal-body .modal-bio {\n /* scrolling */\n max-height: 19vh;\n overflow-y: auto;\n}\n.uw-directory .folklore-modal-body .modal-bio::-webkit-scrollbar {\n display: none;\n}\n.uw-directory #modal-bio {\n max-height: 12em;\n /* 6 lines */\n overflow: hidden;\n position: relative;\n transition: max-height 0.25s ease;\n font-size: 16px;\n font-weight: 400;\n color: black;\n}\n.uw-directory #modal-bio.clamped::after {\n content: \"\";\n position: absolute;\n inset: 0;\n background: linear-gradient(to bottom, transparent 60%, #fff 95%);\n pointer-events: none;\n}\n.uw-directory #modal-bio.expanded {\n max-height: none;\n}\n.uw-directory #modal-bio.expanded::after {\n display: none;\n}\n.uw-directory .uw-modal {\n display: none;\n position: fixed;\n z-index: 10000;\n padding-top: 80px;\n left: 0;\n top: 0;\n width: 100%;\n height: 100%;\n overflow: auto;\n background-color: rgba(0, 0, 0, 0.6);\n}\n.uw-directory .see-more-link {\n display: inline-block;\n margin-top: 0.5rem;\n font-size: 0.875rem;\n font-weight: 600;\n color: #4b2e83;\n cursor: pointer;\n}\n.uw-directory .modal-dept {\n font-style: italic;\n margin-top: 0px !important;\n margin-bottom: 8px !important;\n}\n.uw-directory .modal-pronouns {\n font-style: italic;\n margin: -4px 0 4px;\n color: #666;\n}\n.uw-directory #modal-name {\n margin-bottom: 0px !important;\n}\n.uw-directory .modal-bio {\n color: #333;\n}\n.uw-directory .modal-contact p {\n margin: 0.25rem 0;\n}\n.uw-directory .modal-contact i {\n margin-right: 8px;\n}\n.uw-directory .modal-contact {\n background-color: #eee7d9;\n padding: 1.5rem;\n}\n.uw-directory {\n /* Filters*/\n}\n.uw-directory .section-label {\n display: block;\n margin-bottom: 0px;\n font-weight: 600;\n font-size: 15px;\n color: #4b2e83;\n font-family: \"Encode Sans Compressed\", sans-serif;\n line-height: 1.3;\n margin-bottom: 4px;\n}\n.uw-directory .section-label small {\n display: block;\n margin-top: 2px;\n margin-bottom: 3px;\n font-weight: normal;\n color: #666;\n line-height: 1.2;\n}\n.uw-directory {\n /* Categories dropdown*/\n}\n.uw-directory .custom-dropdown {\n width: 240px;\n font-weight: bold;\n position: relative;\n padding: 0;\n}\n.uw-directory .custom-dropdown button:focus, .uw-directory .custom-dropdown button:focus-visible {\n outline: 2px solid black;\n box-shadow: none;\n}\n.uw-directory .custom-btn {\n display: flex;\n align-items: center;\n width: 100%;\n height: 48px;\n padding: 0;\n background-color: white;\n box-shadow: none;\n border: none;\n justify-content: space-between;\n}\n.uw-directory .label-text {\n text-align: left;\n padding: 0 12px;\n line-height: 48px;\n font-size: 14px;\n color: #4b2e83;\n border: 1px solid #e8e3d3;\n border-right: none;\n height: 48px;\n background-color: white;\n flex: 1 1 auto;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n.uw-directory .custom-dropdown .custom-btn .arrow-block {\n flex: 0 0 auto;\n}\n.uw-directory .arrow-block {\n width: 49px;\n height: 48px;\n display: flex;\n align-items: center;\n justify-content: center;\n background-color: #4b2e83;\n color: white;\n font-size: 16px;\n border-left: none;\n}\n.uw-directory .custom-btn:hover .label-text {\n background-color: #4b2e83;\n border: 0px solid #e8e3d3;\n color: white;\n}\n.uw-directory .custom-btn:hover .arrow-block {\n background-color: #85754d;\n}\n.uw-directory .custom-dropdown .dropdown-menu {\n border-radius: 0;\n margin-top: 0;\n width: 100%;\n margin-left: 0;\n min-width: 240px;\n border: 1px solid #ccc;\n box-shadow: none;\n position: absolute;\n z-index: 1000;\n}\n.uw-directory .dropdown-item:hover {\n background-color: #f3f3f3 !important;\n color: #4b2e83;\n}\n.uw-directory .toggle-view .dropdown-menu {\n background-color: #ffffff;\n min-width: 110px;\n margin-top: 10px;\n}\n.uw-directory .toggle-view .dropdown-item,\n.uw-directory .dropdown-item {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n.uw-directory .dropdown-menu {\n min-width: 100% !important;\n white-space: normal !important;\n word-break: break-word !important;\n overflow-wrap: break-word !important;\n}\n.uw-directory .dropdown-menu .dropdown-item {\n display: flex !important;\n align-items: center !important;\n justify-content: flex-start !important;\n height: auto !important;\n padding: 8px 16px !important;\n font-size: 14px !important;\n font-weight: 500 !important;\n color: #333 !important;\n background-color: #fff !important;\n border: none !important;\n white-space: normal !important;\n word-break: break-word !important;\n box-sizing: border-box !important;\n}\n.uw-directory .dropdown-menu .dropdown-item:hover {\n background-color: #ece6f0 !important;\n}\n.uw-directory {\n /* Layout for filter/search boxes */\n}\n.uw-directory .folklore-container {\n display: flex;\n flex-wrap: wrap;\n margin: 20px 0;\n align-items: center;\n}\n.uw-directory .folklore-inner {\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n width: 100%;\n}\n.uw-directory .folklore-box {\n margin-right: 10px;\n height: 100%;\n align-items: flex-start;\n display: flex;\n flex-direction: column;\n justify-content: flex-end;\n}\n.uw-directory .folklore-box.filter {\n width: 164px;\n position: relative;\n}\n.uw-directory .folklore-box.search {\n width: 362px;\n}\n.uw-directory .folklore-box.view-toggle {\n flex-grow: 1;\n align-items: flex-end;\n justify-content: flex-start;\n}\n.uw-directory {\n /* Category button styling */\n}\n.uw-directory .btn {\n margin: 0;\n}\n.uw-directory .btn.btn-sm {\n padding: 0;\n font-size: 0.875rem;\n line-height: 1.5;\n margin: 10px 0;\n}\n.uw-directory .folklore-box .btn.dropdown.white:focus,\n.uw-directory .folklore-box .btn.dropdown.white:active {\n outline: none !important;\n box-shadow: none !important;\n border: none !important;\n}\n.uw-directory .folklore-box.search {\n width: 300px;\n}\n.uw-directory .folklore-box:has(.clear-filters) {\n justify-content: flex-end;\n margin-top: auto;\n}\n.uw-directory .folklore-box:has(.toggle-view) {\n justify-content: flex-end;\n margin-top: auto;\n}\n.uw-directory .title {\n color: white;\n font-weight: bold;\n font-size: 16px;\n}\n.uw-directory .department {\n color: white;\n font-size: 16px;\n}\n.uw-directory .email {\n color: white;\n font-weight: bold;\n font-size: 16px;\n}\n.uw-directory .view-btn {\n display: flex;\n align-items: center;\n justify-content: center;\n height: 48px;\n font-weight: 600;\n padding: 0 12px;\n border: none;\n font-size: 14px;\n}\n.uw-directory .view-btn:focus, .uw-directory .view-btn:focus-visible {\n outline: 2px solid black;\n position: relative;\n}\n.uw-directory .view-btn.active {\n background-color: #4b2e83;\n color: #ffffff;\n cursor: not-allowed;\n pointer-events: none;\n}\n.uw-directory .tab-view:hover {\n background-color: #85754d;\n color: #ffffff;\n}\n.uw-directory .tab-view {\n background-color: #e8e3d3;\n color: #4b2e83;\n}\n.uw-directory .view-btn::after {\n display: none !important;\n}\n.uw-directory .filter,\n.uw-directory .search {\n display: flex;\n justify-content: left;\n align-items: center;\n height: 100%;\n}\n.uw-directory .toggle-view {\n display: flex;\n justify-content: flex-end;\n width: 100%;\n}\n.uw-directory .arrow-box.dropdown-box {\n display: flex;\n justify-content: center;\n align-items: center;\n}\n.uw-directory .category-label {\n display: flex;\n justify-content: left;\n align-items: center;\n width: 150px;\n height: 48px;\n font-size: 14px;\n}\n.uw-directory {\n /* Search box styling */\n}\n.uw-directory .searchbox {\n position: relative;\n clear: both;\n font-size: 20px;\n color: #7a7a7a;\n font-family: \"Encode Sans Compressed\", sans-serif;\n}\n.uw-directory .searchbox #searchbar {\n width: 100%;\n height: 48px;\n padding: 10px;\n font-size: 14px;\n border: 1px solid #e8e3d3;\n color: #4b2e83;\n background-color: white;\n}\n.uw-directory .searchbox #searchbar:focus {\n outline: none;\n border: 2px solid black;\n box-shadow: none;\n}\n.uw-directory .searchbox #searchsubmit.clicked {\n border: 2px solid #85754d !important;\n box-shadow: 0 0 0 2px #85754d !important;\n}\n.uw-directory .searchbox #searchsubmit {\n position: absolute;\n right: 0;\n top: 0;\n height: 48px;\n width: 48px;\n border: none;\n background: url(\"./svg/search.svg\") no-repeat center center #4b2e83;\n background-size: 22px;\n text-indent: -9999px;\n}\n.uw-directory .searchbox #searchsubmit:disabled {\n cursor: default;\n}\n.uw-directory .searchbox #searchsubmit:not(:disabled) {\n cursor: pointer;\n}\n.uw-directory .searchbox #searchsubmit:not(:disabled):hover, .uw-directory .searchbox #searchsubmit:not(:disabled):focus {\n background-color: #85754d;\n border: 0px solid #050505;\n box-shadow: none;\n outline: none;\n}\n.uw-directory {\n /* Directory container */\n}\n.uw-directory #directory-container {\n display: flex;\n flex-wrap: wrap;\n gap: 20px;\n justify-content: space-between;\n position: relative;\n}\n.uw-directory {\n /* grid view */\n}\n.uw-directory .uw-card {\n position: static !important;\n flex: 1 1 calc(50% - 20px);\n max-width: calc(50% - 20px);\n min-width: 320px;\n min-height: 255px;\n height: auto;\n display: flex;\n background-color: #4b2e83;\n color: white;\n margin: 0;\n box-sizing: border-box;\n}\n.uw-directory .uw-card-img {\n width: 228px;\n height: 100%;\n object-fit: cover;\n object-position: center;\n}\n.uw-directory .uw-card-text {\n margin-left: 38px;\n margin-right: 15px;\n display: flex;\n margin-top: 20px;\n align-items: flex-start;\n justify-content: flex-start;\n width: calc(100% - 228px - 40px);\n}\n.uw-directory .uw-card-text span h3,\n.uw-directory .uw-card-text p {\n color: white;\n font-size: 16px;\n margin: 0;\n padding: 2px 0;\n}\n.uw-directory .uw-card-text span h3 {\n font-size: 24px;\n font-weight: bold;\n}\n.uw-directory {\n /* Table list view styling */\n}\n.uw-directory .directory-table {\n width: 100%;\n border-collapse: collapse;\n margin-top: 20px;\n font-family: system-ui, sans-serif;\n}\n.uw-directory .directory-table caption {\n font-weight: 600;\n font-size: 15px;\n color: #4b2e83;\n font-family: \"Encode Sans Compressed\", sans-serif;\n line-height: 1.3;\n margin-bottom: 4px;\n caption-side: top;\n position: relative;\n}\n.uw-directory .directory-table th {\n background-color: #4b2e83;\n color: white;\n font-weight: bold;\n text-align: left;\n padding: 14px 16px;\n font-size: 16px;\n}\n.uw-directory .directory-table .table-headers td {\n height: unset;\n background: #4b2e83;\n}\n.uw-directory .directory-table td {\n height: 132px;\n padding: 14px 16px;\n font-size: 18px;\n vertical-align: middle;\n}\n.uw-directory .directory-table tr:nth-child(even) {\n background-color: #fff;\n}\n.uw-directory .directory-table td:nth-child(2) {\n font-weight: 600;\n}\n.uw-directory .directory-table img {\n width: 100px;\n height: 100px;\n object-fit: cover;\n min-width: 100px;\n}\n.uw-directory .directory-table tbody tr {\n cursor: pointer;\n}\n.uw-directory .directory-table tbody tr:hover {\n background-color: #ece6f0;\n}\n.uw-directory .directory-table tbody tr {\n background: #ffffff;\n transition: background 0.15s ease-in-out;\n}\n.uw-directory .directory-table tbody tr.even {\n background: #f1f1f6 !important;\n}\n.uw-directory .directory-table tbody tr:hover {\n background: #ece6f0 !important;\n}\n@media (max-width: 730px) {\n .uw-directory .folklore-box:has(.clear-filters),\n .uw-directory .folklore-box.view-toggle {\n flex: 0 0 100% !important;\n max-width: 100% !important;\n margin-bottom: 10px;\n }\n .uw-directory .clear-filters {\n width: 147px;\n }\n .uw-directory .folklore-box.search {\n width: 240px;\n }\n .uw-directory .folklore-inner {\n margin-top: 14px;\n }\n .uw-directory .directory-table td:first-child img {\n display: block !important;\n }\n .uw-directory .directory-table td:first-child {\n display: table-cell !important;\n width: 90px;\n }\n .uw-directory .directory-table tr {\n display: table-row !important;\n }\n .uw-directory .uw-card {\n flex: 1 1 100%;\n max-width: 100%;\n flex-direction: column;\n height: auto;\n }\n .uw-directory .uw-card-img {\n width: 100%;\n height: 330px;\n }\n .uw-directory .uw-card-text {\n margin: 20px;\n width: auto;\n flex-direction: column;\n align-items: flex-start;\n }\n .uw-directory .toggle-view {\n display: flex;\n justify-content: flex-start;\n width: 100%;\n }\n .uw-directory .folklore-box {\n border: none !important;\n outline: none !important;\n }\n}\n\n.uw-directory.has-sidebar #directory-container {\n display: flex !important;\n flex-wrap: wrap !important;\n}\n.uw-directory.has-sidebar .folklore-box.search {\n width: 275px;\n}\n.uw-directory.has-sidebar .uw-card {\n flex: 0 0 100% !important;\n max-width: 100% !important;\n margin-bottom: 1rem !important;\n}\n.uw-directory.has-sidebar .directory-table img {\n width: 100px;\n height: 100px;\n object-fit: cover;\n display: block;\n}\n\n@media (max-width: 1176px) and (min-width: 590px) {\n .uw-directory .toggle-view {\n display: flex;\n justify-content: flex-start;\n width: 100%;\n margin-top: 12px;\n }\n .uw-directory:not(.has-sidebar) .uw-card {\n flex: 0 0 100%; /* one card per row */\n max-width: 100%;\n }\n}\n@media (max-width: 830px) {\n .horizontal-modal-footer {\n display: none !important;\n }\n .vertical-modal-footer {\n display: block !important;\n }\n}"]}