#main_search .search_section { float: none; cursor: pointer; padding-top: 20px; padding-bottom: 20px; } #main_search .search_section:not(:first-child) { border-top: 1px solid var(--separator); } .search_header { display: inline-block; font-size: 1.75rem; margin-bottom: 25px; } .search_header:not(.top_result_header) { transition: color 200ms ease-in-out; } .search_header:not(.top_result_header):hover { color: var(--accent-color); } /* Tab links */ .search_tablinks.active { color: var(--main-text-inverted); } /* Top Result */ #main_search .top_result_header { display: block; cursor: default; font-size: 2rem; text-align: center; } .top_result { display: flex; align-items: center; flex-direction: column; } .top_result > .cover_container { width: 156px; height: 156px; } .top_result .info_box { display: flex; flex-direction: column; justify-content: center; align-items: center; margin-top: 15px; } .top_result .info_box .primary-text, .top_result .info_box .secondary-text { font-size: 18px; text-align: center; } .top_result .info_box .primary-text { margin-bottom: 5px; } .top_result .info_box .secondary-text { margin-bottom: 10px; } .top_result .info_box .tag { width: 40px; text-align: center; } /* Releases */ .release .primary-text, .release .secondary-text { margin: 0px; margin-bottom: 4px; } .release .secondary-text { opacity: 0.75; font-size: 14px; } .release .secondary-text .material-icons { font-size: 17px !important; margin-left: 4px; } .release_grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(156px, 1fr)); grid-gap: 1rem; } .release_grid.firstrow_only { grid-template-rows: 1fr; grid-auto-rows: 0; grid-row-gap: 0px; overflow-y: hidden; }