/* * DO NOT EDIT THIS FILE. * See the following change record for more information, * https://www.drupal.org/node/3084859 * @preserve */ /** * @file * Header Search Wide Block. */ /* * Media query breakpoints. * Processed by postcss/postcss-custom-media. */ /* Navigation related breakpoints */ /* Grid related breakpoints */ /* Grid shifts from 6 to 14 columns. */ /* Width of the entire grid maxes out. */ /* Override contextual links so we can position against .site-header. */ .block-search-wide.contextual-region { position: static; } [dir="ltr"] .block-search-wide__wrapper { left: calc(var(--content-left)*-1); } [dir="rtl"] .block-search-wide__wrapper { right: calc(var(--content-left)*-1); } [dir="ltr"] .block-search-wide__wrapper { margin-left: 0; } [dir="rtl"] .block-search-wide__wrapper { margin-right: 0; } [dir="ltr"] .block-search-wide__wrapper { margin-right: 0; } [dir="rtl"] .block-search-wide__wrapper { margin-left: 0; } [dir="ltr"] .block-search-wide__wrapper { padding-left: 0; } [dir="rtl"] .block-search-wide__wrapper { padding-right: 0; } [dir="ltr"] .block-search-wide__wrapper { padding-right: 0; } [dir="rtl"] .block-search-wide__wrapper { padding-left: 0; } [dir="ltr"] .block-search-wide__wrapper { border-left: solid var(--content-left) var(--color--gray-20); } [dir="rtl"] .block-search-wide__wrapper { border-right: solid var(--content-left) var(--color--gray-20); } .block-search-wide__wrapper { position: absolute; z-index: 1; /* Ensure left border shows above social region in IE11. */ top: 100%; display: none; visibility: hidden; overflow: hidden; width: calc(100% + var(--content-left)); max-width: var(--max-bg-color); height: var(--sp8); max-height: 0; margin-top: 0; margin-bottom: 0; padding-top: 0; padding-bottom: 0; transition: all 0.2s; background: var(--color--black) } .block-search-wide__wrapper.is-active { visibility: visible; max-height: var(--sp8); } .block-search-wide__wrapper form { display: flex; -ms-grid-column: 1; -ms-grid-column-span: 13; grid-column: 1 / 14; } [dir="ltr"] .block-search-wide__wrapper input[type="search"] { padding-left: var(--sp12); } [dir="rtl"] .block-search-wide__wrapper input[type="search"] { padding-right: var(--sp12); } [dir="ltr"] .block-search-wide__wrapper input[type="search"] { padding-right: 0; } [dir="rtl"] .block-search-wide__wrapper input[type="search"] { padding-left: 0; } .block-search-wide__wrapper input[type="search"] { width: calc(100% + var(--sp2)); height: var(--sp8); padding-top: 0; padding-bottom: 0; transition: background-size 0.4s; color: var(--color--white); border: solid 1px transparent; box-shadow: none; font-family: var(--font-serif); font-size: 2rem; -webkit-appearance: none } .block-search-wide__wrapper input[type="search"]:focus { outline: solid 4px transparent; outline-offset: -4px; } .block-search-wide__wrapper .form-item-keys { flex-grow: 1; margin: 0; } .block-search-wide__wrapper .form-actions { display: flex; margin: 0; } [dir="ltr"] .block-search-wide__wrapper .search-form__submit { margin-left: 0; } [dir="rtl"] .block-search-wide__wrapper .search-form__submit { margin-right: 0; } [dir="ltr"] .block-search-wide__wrapper .search-form__submit { margin-right: 0; } [dir="rtl"] .block-search-wide__wrapper .search-form__submit { margin-left: 0; } [dir="ltr"] .block-search-wide__wrapper .search-form__submit { padding-left: 0; } [dir="rtl"] .block-search-wide__wrapper .search-form__submit { padding-right: 0; } [dir="ltr"] .block-search-wide__wrapper .search-form__submit { padding-right: 0; } [dir="rtl"] .block-search-wide__wrapper .search-form__submit { padding-left: 0; } .block-search-wide__wrapper .search-form__submit { position: relative; overflow: hidden; -ms-grid-row-align: stretch; align-self: stretch; width: 6.25rem; height: auto; margin-top: 0; margin-bottom: 0; padding-top: 0; padding-bottom: 0; cursor: pointer; border-color: transparent; background-color: transparent /* When in Windows high contrast mode, FF will not output either background images or SVGs that are nested directly within a