Template:Main page/header/styles.css

.home-header { margin-top: -1rem; margin-bottom: 2rem; padding-top: 1rem; }

.home-header__title { margin-top: 0; font-size: 1.5rem; }

.home-header .home-header__subtitle { margin-top: 0.4rem; color: var( --color-base--subtle ); font-size: 0.875rem; }

.home-header__search { max-width: 600px; padding: var( --space-sm ) var( --space-md ); margin-top: var( --space-md ); margin-bottom: var( --space-md ); margin-left: auto; margin-right: auto; border: 1px solid; border-color: var( --border-color-base--darker ); border-radius: var( --border-radius--pill ); cursor: pointer; font-size: 0.875rem; font-weight: var( --font-weight-medium ); }

.home-header__search:hover { background-color: var( --background-color-quiet--hover ); }

.home-header__searchIcon img { margin-right: var( --space-md ); opacity: var( --opacity-icon-base ); }

.home-header__searchText { vertical-align: middle; }

.keyboard-text { padding: 0 5px; border: 1px solid; margin: 0 2px; border-radius: 4px; }

html.skin-citizen-dark .home-header__searchIcon img { filter: invert( 1 ); }

@media ( min-width: 682px ) { .home-header { text-align: center; } }

@media ( hover: none ) { .desktoponly { display: none; } }