/* ============================================================ Shared component layout rules (info bar, navigation, footer). These were previously duplicated as inline #ed-XXXX rules in every page . They now live here once, keyed to the canonical element IDs emitted by the shared components. ============================================================ */ /* ---------- Info bar ---------- */ #ed-1408200352 { text-align: center; } #ed-1408200352 svg > * { stroke-width: 0px; } #ed-1408200355 { flex-basis: auto; order: 0; } #ed-1408200349 > .inner { align-items: center; place-content: center flex-start; } #ed-1408200361 { text-align: center; } #ed-1408200361 svg > * { stroke-width: 0px; } #ed-1408200364 { flex-basis: auto; order: 0; } @media screen and (max-width: 975px) { #ed-1408200364 > .inner { justify-content: space-between; } } @media screen and (max-width: 575px) { #ed-1408200364 { margin: 0px 6px; } } #ed-1408200358 > .inner { align-items: center; place-content: center; } #ed-1408200370 { text-align: center; } #ed-1408200370 svg > * { stroke-width: 0px; } #ed-1408200367 > .inner { align-items: center; justify-content: flex-end; } #ed-1408200379 svg > * { stroke-width: 0px; } #ed-1408200373 > .inner { place-content: center; align-items: center; } #ed-1408200373 { flex-basis: auto; } #ed-1408200346 > .inner { place-content: center space-between; align-items: center; flex-wrap: wrap; } @media screen and (max-width: 975px) { #ed-1408200346 > .inner { align-items: center; align-content: center; } } @media screen and (max-width: 575px) { #ed-1408200346 > .inner { justify-content: center; } } /* ---------- Navigation bar ---------- */ #ed-1408200229 { flex-basis: 100%; flex-grow: 0; } @media screen and (max-width: 575px) { #ed-1408200235 { position: relative; z-index: 999; } } #ed-1408200232 > .inner { place-content: center flex-end; align-items: center; } #ed-1408200232 { flex-grow: 1; flex-basis: auto; } #ed-1408200226 { margin: 0px; box-shadow: rgba(0, 0, 0, 0.22) 0px 10px 15px 3px; } #ed-1408200226 > .inner { place-content: center space-between; align-items: center; padding: 0px; } @media screen and (max-width: 575px) { #ed-1408200226 { min-height: 4rem; } } @media screen and (max-width: 575px) { #ed-1408200226 > .inner { padding: 1rem; } } /* ---------- Footer ---------- */ #ed-1408200721 { text-align: left; } #ed-1408200721 img { width: 200px; } @media screen and (max-width: 575px) { #ed-1408200721 { text-align: center; } #ed-1408200721 img { width: 300px; } } #ed-1408200718 > .inner { justify-content: center; } #ed-1408200727 h3 { text-align: left; } @media screen and (max-width: 575px) { #ed-1408200727 h3 { text-align: center; } } #ed-1408200724 > .inner { justify-content: center; } #ed-1408200739 h3 { text-align: left; } @media screen and (max-width: 575px) { #ed-1408200739 h3 { text-align: center; } } #ed-1408200745 { flex-grow: 1; } @media screen and (max-width: 575px) { #ed-1408200745 { flex-basis: auto; } } #ed-1408200736 > .inner { justify-content: center; } #ed-1408200751 h3 { text-align: left; } @media screen and (max-width: 575px) { #ed-1408200751 h3 { text-align: center; } } #ed-1408200754 .space { height: 16px; } #ed-1408200757 svg > * { stroke-width: 0px; } #ed-1408200757 svg { padding: 0px; } #ed-1408200760 { flex-grow: 1; } @media screen and (max-width: 575px) { #ed-1408200760 { flex-basis: auto; } } #ed-1408200763 svg > * { stroke-width: 0px; } #ed-1408200763 svg { padding: 0px; } #ed-1408200766 { flex-grow: 1; } @media screen and (max-width: 575px) { #ed-1408200766 { flex-basis: auto; } } #ed-1408200748 > .inner { justify-content: center; } #ed-1408200715 > .inner { align-items: flex-start; justify-content: space-between; } @media screen and (max-width: 975px) { #ed-1408200715 > .inner { justify-content: flex-start; } } @media screen and (max-width: 575px) { #ed-1408200715 > .inner { justify-content: center; } }