|
- section.search{position:relative;padding:calc(.4vw + 20px) 0 calc(1vw + 40px);min-height:calc(24vw + 220px);margin:0}@media (max-width: 767px){section.search{padding:calc(1.5vw + 15px) 0 0;margin-bottom:-10px}}@media (min-width: 768px){section.search+section,section.search+#toclist>section:first-child{margin-top:0}}section.search .container{position:relative;z-index:1}section.search .row{min-height:620px}@media (max-width: 567px){section.search .row{min-height:0}}@media (max-width: 420px){section.search .artwork{top:30px;right:-20px}}@media (max-width: 340px){section.search .artwork{top:40px;right:-30px}}section.search form{position:relative;margin:32px 0 16px;box-shadow:0 3px 20px -5px #0000004d;border-radius:var(--border-radius-md) var(--border-radius-xl) var(--border-radius-xl) var(--border-radius-md)}@media (max-width: 567px){section.search form{margin-top:20px}}section.search h1{margin-left:0;margin-top:0}@media (max-width: 567px){section.search h1{font-size:24px;margin:0}}section.search .tiles{margin:0 -8px;display:flex;flex-wrap:wrap;font-family:Korb,sans-serif}@media (max-width: 567px){section.search .tiles{margin:0 -6px}}section.search .tiles .tile{position:relative;display:flex;padding:8px;flex:1 1 33.3333%;max-width:33.3333%}section.search .tiles .tile:before{position:absolute;top:8px;right:8px;margin:10px 8px;font-family:Icons,sans-serif;font-size:18px;line-height:1;text-align:center;pointer-events:none;z-index:1}section.search .tiles .tile[data-type=download]:before{color:var(--color-text);content:""}section.search .tiles .tile[data-type=external]:before{color:var(--color-text);content:""}@media (max-width: 567px){section.search .tiles .tile{flex:1 1 50%;max-width:50%;padding:6px}}section.search .tiles .tile:nth-child(3)~.tile{z-index:1}section.search .tiles .tile.downloads,section.search .tiles .tile.a-z,section.search .tiles .tile.events{order:1;background-color:transparent}section.search .tiles .tile.downloads:before,section.search .tiles .tile.a-z:before,section.search .tiles .tile.events:before{font-family:Icons,sans-serif;position:absolute;font-size:24px;line-height:1;right:0;top:0;margin:11px 10px;z-index:1;padding:7px 6px 5px;border-top-right-radius:8px;border-bottom-left-radius:8px}@media (max-width: 767px){section.search .tiles .tile.downloads:before,section.search .tiles .tile.a-z:before,section.search .tiles .tile.events:before{margin:18px;font-size:24px}}section.search .tiles .tile.downloads .outer,section.search .tiles .tile.a-z .outer,section.search .tiles .tile.events .outer{background-color:var(--color-background)}section.search .tiles .tile.downloads p,section.search .tiles .tile.a-z p,section.search .tiles .tile.events p{margin-bottom:.4em}section.search .tiles .tile.downloads:before{content:""}section.search .tiles .tile.a-z:before{content:""}section.search .tiles .tile.events:before{content:""}section.search .tiles .tile>a,section.search .tiles .outer{position:relative;display:flex;align-items:flex-end;width:100%;min-height:108px;padding:18px 24px 24px;border-radius:var(--border-radius-md);box-shadow:0 4px 20px -5px #00000040;transition:.25s ease;line-height:1.2;background-color:var(--color-background);overflow:hidden}section.search .tiles .tile>a.focus-visible:focus,section.search .tiles .outer.focus-visible:focus{box-shadow:0 0 0 2px var(--swatches-secondary-700),0 0 8px 2px var(--swatches-secondary-700);outline:0}section.search .tiles .tile>a:focus-visible,section.search .tiles .tile>a.-moz-focusring,section.search .tiles .outer:focus-visible,section.search .tiles .outer.-moz-focusring{box-shadow:0 0 0 2px var(--swatches-secondary-700),0 0 8px 2px var(--swatches-secondary-700);outline:0}@media (max-width: 767px){section.search .tiles .tile>a,section.search .tiles .outer{font-size:16px;padding:10px 10px 15px;min-height:84px}}section.search .tiles .tile>a:before,section.search .tiles .outer:before{content:"";position:absolute;display:block;bottom:0;left:0;right:0;height:var(--border-width);background-color:var(--color-decoration);transition:.25s cubic-bezier(.25,.46,.45,.94)}section.search .tiles .tile>a:hover,section.search .tiles .outer:hover{color:var(--color-text-accent)}section.search .tiles .tile>a:hover:before,section.search .tiles .outer:hover:before{height:var(--border-width-hover)}section.search .tiles .tile>a .item-title{text-decoration:underline}section.search .tiles .outer{background-color:var(--color-background);padding:14px 20px 18px;border:4px solid var(--swatches-neutrals-white)}section.search .tiles .outer:after,section.search .tiles .outer:before{display:none}section.search .tiles .inner{display:block;max-width:100%}section.search .tiles .kicker{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;max-width:100%;display:block;text-decoration:none}section.search .tiles ul{list-style:none;padding:0;font-size:16px;max-width:100%;margin:0}section.search .tiles ul li{margin-top:5px}section.search .tiles ul a{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:.2s ease;font-weight:500}section.search .tiles ul a:hover{color:var(--color-text-accent)}section.search .tiles .proposals{flex:1 1 100%;padding:10px 12px 0;order:2}section.search .tiles .proposals a{margin:0 .3em 0 .1em}section.search .tiles .proposals p{margin-bottom:0}section.search .tiles .all-button-wrapper{padding:16px 8px;display:block;flex:1 1 100%;order:3}section.search .tiles .all-button-wrapper .btn{transition:.2s ease}section.search .tiles .all-button-wrapper .btn .count{margin-left:.3em}section.search .tiles .all-button-wrapper .btn .count:before{content:"("}section.search .tiles .all-button-wrapper .btn .count:after{content:")"}
|
