/* RESET ========================================================= */ *, *::before, *::after { box-sizing: border-box; } * { margin: 0; } body { line-height: 1.5; -webkit-font-smoothing: antialiased; } img, picture, video, canvas { display: block; max-width: 100%; } input, button, textarea, select { font: inherit; } p, h1, h2, h3, h4, h5, h6 { overflow-wrap: break-word; } 
/* SCREENREADERS: https://css-tricks.com/snippets/css/accessibilityseo-friendly-css-hiding/ ========================= */ 
.screen-reader-text, .mega-toggle-label { color: #000;background-color: #fff;border: 0; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; word-wrap: normal !important; } .screen-reader-text:focus { background-color: #fff; clip: auto !important; clip-path: none; color: #444; display: block; font-size: 1em; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; } figure { padding: 0; margin: 0; } .screen-reader-text a:focus, .screen-reader-text input:focus, .screen-reader-text button:focus { position: static; width: auto; height: auto; } address {font-style: normal;}