.wpa-ld button span.screen-reader, .longdesc-link span.screen-reader, .wpa-hide-ltr#skiplinks a, .wpa-hide-ltr#skiplinks a:hover, .wpa-hide-ltr#skiplinks a:visited, .wpa-hide-rtl#skiplinks a, .wpa-hide-rtl#skiplinks a:hover, .wpa-hide-rtl#skiplinks a:visited { 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; } .wpa-hide-ltr#skiplinks a:focus, .wpa-hide-rtl#skiplinks a:focus { background-color: #eee; 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; /* Above WP toolbar. */ } .wpa-ld { display: inline-block; position: relative; } /* basic support for themes that don't define alignleft and alignright for non-image elements. */ div.alignleft { float: left; } div.alignright { float: right; } div.aligncenter { display: block; margin: 0 auto; width: fit-content; } .wpa-focusable:focus { outline: 1px solid; outline-offset: 1px; } .wpa-ld a, .wpa-ld button { bottom: 2px; left: 2px; position: absolute; line-height: 1.4; min-width: 24px; } .top-left .wpa-ld a, .top-left .wpa-ld button { top: 2px; bottom: auto; } .top-right .wpa-ld a, .top-right .wpa-ld button { top: 2px; right: 2px; left: auto; bottom: auto; } .bottom-right .wpa-ld a, .bottom-right .wpa-ld button { right: 2px; left: auto; } .wpa-ld img { display: block; } .wpa-ld button, .wpa-ld button:active, .wpa-ld button:focus, .wpa-ld button:hover { border: 1px solid #777; border-radius: 2px; z-index: 10; } .wpa-ld .longdesc { position: absolute; width: 100%; height: 100%; top: 0; overflow-y: scroll; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; background: rgba(255, 255, 255, .95); padding: 1.5em; text-align: left; } .rtl .wpa-ld .longdesc { text-align: right; } .wpa-ld button, .wpa-ld button:active, .wpa-ld button:focus, .wpa-ld button:hover, .wpa-ld a { font-size: 1em; font-weight: 400; background: rgba(255, 255, 255, .8) !important; padding: 0; color: #000 !important; padding: 3px 6px; border-radius: 3px; } .wpa-ld .dashicons, .wpa-ld .dashicons:before { line-height: inherit; } .wpa-ld button:focus, .wpa-ld button:hover { background: rgba(0, 0, 0, .8) !important; color: #fff !important; border: 1px solid #000 !important; cursor: pointer; } .template-longdesc { text-align: left; line-height: 1.5; width: 100%; max-width: 50em; padding: 2em; margin: 1em auto; background: #fdfdfd; color: #333; box-shadow: 0 0 5px; font-size: 1.4em; } label.wpa-screen-reader-text { 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; } .wpa-content-summary { padding: 30px; background: rgba( 0,0,0,.05 ); margin-bottom: 30px; } .wpa-content-summary div p:last-of-type { margin-bottom: 0; padding-bottom: 0; }