#advanced_search_intro { max-width: 1000px; margin: 0 auto; font-size: 18px; font-weight: 300; margin-top: 20px; } #advanced_search_intro h1 { text-align: center; font-size: 2.375rem; font-weight: 400; margin-bottom: 0.9375rem } @media (min-width: 768px) { #advanced_search_intro .section-small { padding-top: 2rem !important; } } #advanced_search { background: url(../img/bg-masthead.jpg) no-repeat center center; background-size: cover; } #advanced_search-options { position: relative; z-index: 1; } #question { width: 100%; font-size: 35px; color: white; margin-bottom: 30px; } .selected_option { color: #202122; background-color: #fff; border-color: #a2a9b1; border-style: solid; border-width: 1px; border-radius: 2px; font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Lato,Helvetica,Arial,sans-serif; font-size: 1em; font-weight: 400; line-height: 1.3; width: 100%; box-sizing: border-box; padding-left: 0.5em; padding-right: 0.5em; padding-left: 0.5em; padding-right: 0.5em; padding-inline: 0.5em; padding-top: 0.313em; padding-bottom: 0.313em; padding-top: 0.313em; padding-bottom: 0.313em; padding-block: 0.313em; transition-duration: .25s; transition-timing-function: ease; transition-property: border-color,box-shadow; box-shadow: inset 0 0 0 1px transparent; } .advanced-form-select, .category-form-select, .collection-form-select { line-height: 1.3; font-size: 1em; font-weight: 700; color: #202122; background-color: #f8f9fa; } .category-form-select, .collection-form-select { height: 45px; } .advanced-form-select { margin-bottom: 15px; } .container_choice { margin-top: 1em; margin-bottom: 1em; background-color: white; border-radius: .25rem; } .choice_box { background-color: #fff; border-radius: .25rem; padding: 35px 22px; } .choice_box .form-control { background: white; border: 1px solid #a2a9b1; border-radius: .25rem; } #search-option-area { text-align: left; } #search-option-area .btn-link { color: white; padding: 0; } #search-option-area .btn-link:hover { color: white; text-decoration: underline; } #wb_ClipArt1 { height: 45px; } #box_results h2 { text-align: center; font-size: 2.375rem; font-weight: 400; margin-bottom: 0.9375rem; } .query-results-container { background: white; max-width: 1000px; margin-right: auto; margin-left: auto; margin-top: 30px; border-radius: 10px; overflow: hidden; border: 1px solid #3f4149; max-height: 700px; overflow: auto; } #query_results { display: table; font-size: .875em; border-collapse: collapse; width: 100%; } #query_results .row { display: table-row; background: white; border-bottom: 1px solid #3f4149; } #query_results .row.t_head { position: sticky; top: 0; z-index: 1; font-weight: 600; background: #3f4149; color: white; border-bottom: 0; } #query_results .row .col-auto { padding: 10px 20px; } #query_results>.row>* { display: table-cell; } .remove { float: right; margin-right: 10px; margin-top: 5px; cursor: pointer; } #btn_dowload { text-align: center; margin-top:15px; }