/* * DO NOT EDIT THIS FILE. * See the following change record for more information, * https://www.drupal.org/node/3084859 * @preserve */ /** * @file * Search results specific styles. */ [dir="ltr"] .search-results { padding-left: 0 } [dir="rtl"] .search-results { padding-right: 0 } [dir="ltr"] .search-results { padding-right: 0 } [dir="rtl"] .search-results { padding-left: 0 } .search-results { margin-bottom: 36px; padding-top: 0; padding-bottom: 0; list-style: none } @media (min-width: 700px) { .search-results { margin-bottom: 54px } } [dir="ltr"] .search-result__title { margin-left: 0 } [dir="rtl"] .search-result__title { margin-right: 0 } [dir="ltr"] .search-result__title { margin-right: 0 } [dir="rtl"] .search-result__title { margin-left: 0 } .search-result__title { margin-top: 0; margin-bottom: 0; color: #0d1214; font-size: 20px; line-height: 27px } .search-result__title a { padding-bottom: 3px; transition: background-size 0.2s, color 0.2s; text-decoration: none; background-color: transparent; background-image: linear-gradient(#2494db, #2494db); /* Two values are needed for IE11 support. */ background-repeat: no-repeat; background-position: bottom left; /* LTR */ background-size: 0 3px } .search-result__title a:hover { color: #0d77b5; } .search-result__title a:focus { color: #0d77b5; outline: 0; background-size: 100% 3px } @media screen and (-ms-high-contrast: active) { .search-result__title a:focus { text-decoration: underline; outline: medium none invert; outline: initial } } @media (min-width: 1000px) { .search-result__title { margin-bottom: 18px; font-size: 30px; line-height: 54px } } [dir="rtl"] .search-result__title a { background-position: bottom right; } .search-result__snippet { padding-bottom: 25px } @media (min-width: 1000px) { .search-result__snippet { padding-bottom: 54px } } .search-result__meta { display: flex; align-items: center; margin-bottom: 18px; color: #6e7172; font-size: 14px; line-height: 18px } .search-result__meta a { color: #0d77b5; font-weight: bold; } .search-results__item { position: relative; /* Anchor after pseudo-element. */ margin-bottom: 27px } .search-results__item:after { position: absolute; bottom: 0; width: 54px; height: 0; content: ""; /* Intentionally not using CSS logical properties. */ border-top: solid 2px #e7edf1; } .search-results__item:last-child { margin-bottom: 0; } @media (min-width: 1000px) { .search-results__item { margin-bottom: 54px } }