|
- .tile-grid{margin:var(--section-margin) auto}.tile-grid h2{margin-bottom:.2em}@media (max-width: 567px){.tile-grid{max-width:340px}}@media (min-width: 768px) and (max-width: 999px){.tile-grid{max-width:88%;padding:0 15px}}.tile-grid .row{margin:0 -5px}.tile-grid .col{flex:1 1 100%;max-width:25%;padding:5px;margin-bottom:200px}@media (max-width: 1000px){.tile-grid .col{max-width:50%}}@media (max-width: 567px){.tile-grid .col{max-width:100%;margin-bottom:100px}}.tile-grid .col .tile-head-outer,.tile-grid .col .tile .tile-outer{background-color:var(--color-background);color:var(--color-text)}.tile-grid .col .tile .tile-outer.variant-subtle-secondary{color:var(--color-text-accent)}.tile-grid .tile-head{position:sticky;display:block;top:100px;padding:20px 0 10px;z-index:1}@media (max-width: 767px){.tile-grid .tile-head{top:75px}}.tile-grid .tile-head .like-h4{min-height:3.6em;margin:5px 0;max-width:10em}.tile-grid .tile-head-outer{position:relative;display:block;transition:.2s ease;border-top-right-radius:30px;border-top-left-radius:30px;padding:5% 16% 5% 7%;text-decoration:none}.tile-grid .tile-head-outer.focus-visible:focus{box-shadow:0 0 0 2px var(--swatches-secondary-700),0 0 8px 2px var(--swatches-secondary-700);outline:0}.tile-grid .tile-head-outer:focus-visible,.tile-grid .tile-head-outer.-moz-focusring{box-shadow:0 0 0 2px var(--swatches-secondary-700),0 0 8px 2px var(--swatches-secondary-700);outline:0}.tile-grid .tile{padding:0 0 10px}.tile-grid .tile:last-child{margin-bottom:-200px}@media (max-width: 567px){.tile-grid .tile:last-child{margin-bottom:-100px}}.tile-grid .tile .tile-outer{position:relative;display:block;transition:.2s ease}.tile-grid .tile .tile-outer.focus-visible:focus{box-shadow:0 0 0 2px var(--swatches-secondary-700),0 0 8px 2px var(--swatches-secondary-700);outline:0}.tile-grid .tile .tile-outer:focus-visible,.tile-grid .tile .tile-outer.-moz-focusring{box-shadow:0 0 0 2px var(--swatches-secondary-700),0 0 8px 2px var(--swatches-secondary-700);outline:0}.tile-grid .tile .tile-outer.focus-visible,.tile-grid .tile .tile-outer:focus{z-index:1}.tile-grid .tile .tile-outer:before{content:"";display:block;padding-top:60%;background-color:var(--swatches-neutrals-white);opacity:0;transition:.2s ease}@media (max-width: 767px){.tile-grid .tile .tile-outer:before{padding-top:55%}}.tile-grid .tile .tile-outer:hover:before{opacity:.6}.tile-grid .tile span{display:block}.tile-grid .tile .number{font-size:var(--font-size-h1);line-height:1;font-weight:700;font-family:Korb,sans-serif;margin-left:-.04em}@media (max-width: 1200px){.tile-grid .tile .number{font-size:56px}}@media (max-width: 999px){.tile-grid .tile .number{font-size:62px}}.tile-grid .tile .number small{font-size:.6em;margin-left:.2em}.tile-grid .tile .icon{position:absolute;top:0;left:0;right:0;bottom:0;text-align:right}.tile-grid .tile .icon img{width:auto;height:100%;float:right}.tile-grid .tile .icon.dynamic-icon{width:100%;height:100%;overflow:hidden}.tile-grid .tile .icon.dynamic-icon:before{display:block;height:100%;width:100%;position:absolute;right:-8px;top:0;font-family:Pictograms,sans-serif;color:var(--swatches-neutrals-white);font-size:calc(var(--icon-height, 1em) + 14px);line-height:1}.tile-grid .tile p{position:absolute;top:0;left:0;right:0;bottom:0;margin:0;padding:6% 16% 6.5% 7%;display:flex;flex-direction:column;justify-content:space-between;line-height:1.2}@media (max-width: 1200px) and (min-width: 1000px){.tile-grid .tile p{font-size:17px;margin-bottom:1%}}.tile-grid .tile-head-outer:after,.tile-grid .tile a:after{content:"";font-family:Icons,sans-serif;position:absolute;bottom:0;right:0;margin:7% 5%;font-size:var(--icon-size);line-height:1;transition:.2s ease}@media (max-width: 1200px) and (min-width: 1000px){.tile-grid .tile-head-outer:after,.tile-grid .tile a:after{font-size:24px}}.tile-grid .tile-head-outer:hover:after,.tile-grid .tile a:hover:after{transform:translate(20%)}
|
