.wpcf7 .screen-reader-response {
position: absolute;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
width: 1px;
margin: -1px;
padding: 0;
border: 0;
word-wrap: normal !important;
}
.wpcf7 .hidden-fields-container {
display: none;
}
.wpcf7 form .wpcf7-response-output {
margin: 2em 0.5em 1em;
padding: 0.2em 1em;
border: 2px solid #00a0d2; }
.wpcf7 form.init .wpcf7-response-output,
.wpcf7 form.resetting .wpcf7-response-output,
.wpcf7 form.submitting .wpcf7-response-output {
display: none;
}
.wpcf7 form.sent .wpcf7-response-output {
border-color: #46b450; }
.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output {
border-color: #dc3232; }
.wpcf7 form.spam .wpcf7-response-output {
border-color: #f56e28; }
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
border-color: #ffb900; }
.wpcf7-form-control-wrap {
position: relative;
}
.wpcf7-not-valid-tip {
color: #dc3232; font-size: 1em;
font-weight: normal;
display: block;
}
.use-floating-validation-tip .wpcf7-not-valid-tip {
position: relative;
top: -2ex;
left: 1em;
z-index: 100;
border: 1px solid #dc3232;
background: #fff;
padding: .2em .8em;
width: 24em;
}
.wpcf7-list-item {
display: inline-block;
margin: 0 0 0 1em;
}
.wpcf7-list-item-label::before,
.wpcf7-list-item-label::after {
content: " ";
}
.wpcf7-spinner {
visibility: hidden;
display: inline-block;
background-color: #23282d; opacity: 0.75;
width: 24px;
height: 24px;
border: none;
border-radius: 100%;
padding: 0;
margin: 0 24px;
position: relative;
}
form.submitting .wpcf7-spinner {
visibility: visible;
}
.wpcf7-spinner::before {
content: '';
position: absolute;
background-color: #fbfbfc; top: 4px;
left: 4px;
width: 6px;
height: 6px;
border: none;
border-radius: 100%;
transform-origin: 8px 8px;
animation-name: spin;
animation-duration: 1000ms;
animation-timing-function: linear;
animation-iteration-count: infinite;
}
@media (prefers-reduced-motion: reduce) {
.wpcf7-spinner::before {
animation-name: blink;
animation-duration: 2000ms;
}
}
@keyframes spin {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
@keyframes blink {
from {
opacity: 0;
}
50% {
opacity: 1;
}
to {
opacity: 0;
}
}
.wpcf7 [inert] {
opacity: 0.5;
}
.wpcf7 input[type="file"] {
cursor: pointer;
}
.wpcf7 input[type="file"]:disabled {
cursor: default;
}
.wpcf7 .wpcf7-submit:disabled {
cursor: not-allowed;
}
.wpcf7 input[type="url"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"] {
direction: ltr;
}
.wpcf7-reflection > output {
display: list-item;
list-style: none;
}
.wpcf7-reflection > output[hidden] {
display: none;
}.wpcf7 form{position:relative}.wpcf7 form>div,.wpcf7 form>p{margin-bottom:1.2em}.wpcf7 .wpcf7-form-control-wrap{width:100%;display:block}.wpcf7 input:not([type=submit]):focus,.wpcf7 select:focus,.wpcf7 textarea:focus{border-color:var(--ast-border-color);outline:0}.wpcf7 input:not([type=submit]),.wpcf7 select,.wpcf7 textarea{width:100%;padding:.75em}.wpcf7 input[type=file]{color:#666;height:auto;border-width:1px;border-style:solid;border-color:var(--ast-border-color);border-radius:2px;background:#fafafa;box-shadow:none;box-sizing:border-box;transition:all .2s linear}.wpcf7 input[type=checkbox],.wpcf7 input[type=radio]{display:inline-block;background:#e9eef2;color:#555;clear:none;cursor:pointer;line-height:0;height:1.2em;margin:-3px 4px 0 0;outline:0;padding:0;border-radius:.2em;text-align:center;vertical-align:middle;width:1.4em;min-width:1.4em;transition:all .2s linear}#rtec .tribe-bar-toggle-arrow {
display: inline-block;
margin: 0 4px;
position: absolute;
top: 11px;
right: 10px;
}
#rtec .tribe-bar-toggle-arrow:after {
top: 10px;
right: 0;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
border-color: rgba(136, 183, 213, 0);
border-top-color: inherit;
border-width: 8px;
}
#rtec .tribe-bar-filters-open span.tribe-bar-toggle-arrow:after {
top: 0;
border-top-color: transparent;
border-bottom-color: inherit;
} .rtec-flex-centered-row {
display: flex;
align-items: center;
}
.rtec-flex-standard-gap {
gap: 8px;
} #rtec .rtec-js-show,
#rtec .rtec-hidden-message,
#rtec .rtec-screen-reader,
.rtec-no-currency-code .rtec-currency-code{
display: none;
}
#rtec {
max-width: 700px;
min-width: 300px;
border-top: 0;
}
.rtec-outer-wrap { position: relative; margin-top: 1em; }
#rtec .rtec-spinner,
#rtec-confirm-unregister .rtec-spinner,
.rtec-payment-table-wrap .rtec-spinner{
display: none;
position: absolute;
top: 50%;
right: 50%;
box-shadow: none !important;
}
#rtec .rtec-spinner img,
#rtec-confirm-unregister .rtec-spinner img,
.rtec-payment-table-wrap .rtec-spinner img{
border-radius: 0;
box-shadow: none !important;
margin: 0;
padding: 0;
border: none;
width: 24px;
height: 24px;
}
#rtec-confirm-unregister {
text-align: center;
}
#rtec-confirm-unregister.rtec-confirm-unregister-group {
text-align: left;
}
.rtec-confirm-who-wrap {
margin: 20px 0;
}
.rtec-who-unregister {
margin-bottom: 10px;
}
.rtec-child-unregister-wrap {
display: flex;
align-content: center;
}
#rtec-confirm-unregister.rtec-confirm-unregister-group button {
margin: 0;
}
.rtec-unregister-link-wrap .rtec-spinner,
.rtec + .rtec-spinner {
position: absolute;
right: 50%;
top: 50%;
box-shadow: none !important;
}
.rtec-yellow-message {
display: inline-block;
line-height: 19px;
padding: 11px 15px;
font-size: 14px;
text-align: left;
margin: 25px 20px 0 2px;
background-color: #fff;
border-left: 4px solid #ffba00;
-webkit-box-shadow: 0 1px 1px 0 rgba(0,0,0,.1);
box-shadow: 0 1px 1px 0 rgba(0,0,0,.1);
}
.rtec .rtec-warning {
border-color: rgb(255, 92, 51);
color: rgb(255, 92, 51);
background: #FFE4CF;
}
#rtec .rtec-form-wrapper {
box-sizing: border-box;
position: relative;
width: 100%;
margin: 0 auto 30px;
padding: 30px;
border: 1px solid #ddd;
background: #eee;
}
#rtec .rtec-register-button,
#rtec-confirm-unregister button{
position: relative;
padding: 12px 16px 12px 16px;
font-size: 16px;
cursor: pointer;
}
.tribe-common #rtec .rtec-register-button,
.tribe-common .rtec-add-child{
outline: 1px solid;
background: #eee;
padding: 12px 16px 12px 16px;
}
.tribe-common #rtec .rtec-form-buttons input,
.tribe-common #rtec .rtec-form-buttons button{
outline: none;
background: #eee;
padding: 12px 16px 12px 16px;
line-height: 1;
border: 1px solid;
}
#rtec .rtec-register-button {
margin-bottom: 30px;
}
#rtec-confirm-unregister button {
display: block;
margin: auto;
}
#rtec:not(.rtec-use-modal) .rtec-register-button {
padding-right: 40px !important;
}
#rtec.rtec-use-modal .rtec-register-button > span {
display: none;
}
#rtec input[type="submit"],
#rtec .rtec-form-buttons button{
float: none;
padding: 12px 16px;
font-size: 16px;
cursor: pointer;
}
#rtec .rtec-add-guest-button {
margin-bottom: 30px;
}
#rtec .rtec-change-button {
display: block;
padding: 4px 10px;
font-size: 16px;
cursor: pointer;
}
.rtec-attendance p,
.rtec-attendance {
text-align: center;
margin: 10px 0 0;
}
.rtec-attendance-display {
display: flex;
align-items:center;
position: relative;
margin-bottom: 1em;
padding-top: 1em;
}
.rtec-attendance-display .rtec-spinner {
display: inline-block;
margin-left: 5px;
height: 1em;
}
.rtec-attendance-display .rtec-spinner img {
float: left;
height: 1em;
}
#rtec .rtec-form-field {
margin-bottom: 30px;
}
#rtec .rtec-input-wrapper {
position: relative;
}
#rtec input[type="text"],
#rtec input[type="email"],
#rtec input[type="tel"],
#rtec input[type="number"],
#rtec input[type="password"],
#rtec textarea {
box-sizing: border-box;
display: inline-block;
float: none;
padding: 8px;
margin: 0;
width: 100%;
height: auto;
font-size: 18px;
line-height: 1.5;
background: #fff;
border: 1px solid #ddd;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
#rtec select {
padding-left: 8px;
height: auto;
font-size: 18px;
line-height: 1.5;
background: #fff;
border: 1px solid #ddd;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
#rtec option {
padding: 8px;
height: auto;
font-size: 18px;
line-height: 1.5;
}
#rtec input[type="number"] {
max-width: 100px;
}
#rtec .rtec-form-buttons input,
.rtec button {
line-height: inherit;
height: auto;
margin: 0;
}
#rtec label {
display: inline-block;
}
#rtec .rtec-checkbox-option-wrap label:hover,
#rtec .rtec-form-wrapper input[type=checkbox]:hover,
#rtec .rtec-form-wrapper input[type=radio]:hover,
#rtec .rtec-form-wrapper select:hover {
cursor: pointer;
}
#rtec .rtec-checkbox-option-wrap input {
margin-right: 10px
}
#rtec .rtec-form-buttons {
text-align: center;
}
#rtec .rtec-custom-hover:hover {
opacity: .8;
}
#rtec .rtec-valid {
border: 1px solid rgb(20, 220, 70) !important;
}
#rtec .rtec-error {
border: 1px solid rgb(255, 92, 51) !important;
}
#rtec .rtec-checkbox-option-wrap label {
display: inline;
vertical-align: middle;
}
.rtec-modal-is-open .select2-drop-active {
z-index: 161000;
font-size: 16px;
} #rtec .rtec-email-spinner img{
position: absolute;
top: 11px;
right: 11px;
border-radius: 0;
box-shadow: none !important;
margin: 0 !important;
padding: 0 !important;
border: none !important;
width: 24px;
height: 24px;
}
#rtec .rtec-form-buttons .rtec-email-spinner {
top: 50%;
right: 50%;
margin-top: -12px;
margin-right: -12px;
}
#rtec .rtec-error-message {
margin: 0;
padding: 0 5px;
font-weight: bold;
background: rgb(255, 92, 51);
color: #fff;
border-radius: 3px;
}
#rtec .rtec-success-message {
text-align: center;
} h2.rtec-header, .entry-content h2.rtec-header { margin: 0; }
h3.rtec-header, .entry-content h3.rtec-header { margin: 1em 0 1.5em; } .rtec-mvt-wrapper {
position: relative;
padding: 10px;
margin-bottom: 18px;
border-radius: 4px;
background-color: #666;
color: #fff;
}
.rtec-mvt-option-wrap {
margin-bottom: 10px;
}
.rtec-mvt-wrapper .rtec-mvt-label {
margin: 0;
padding: 0;
font-size: 20px;
color: #fff;
}
.rtec-mvt-wrapper .rtec-mvt-label:hover {
cursor: pointer;
}
.rtec-mvt-wrapper .rtec-venue-mvt-input {
margin: 0;
padding: 0;
}
.rtec-mvt-wrapper .rtec-mvt-description {
font-size: 16px;
}
.rtec-mvt-wrapper .rtec-mvt-att {
display: inline-block;
vertical-align: middle;
background-color: #333;
padding: 2px 8px 4px;
border-radius: 4px;
font-size: 14px;
}
.rtec-mvt-att-wrap {
display: inline-block;
margin-left: 8px;
}
.rtec-disabled {
color: #aaa;
}
#rtec .rtec-mvt-wrapper .rtec-error-message {
bottom: -22px;
left: 0;
top: auto
}
#rtec .rtec-mvt-waiting-title {
margin-top: 15px;
}
#rtec .rtec-mvt-option-wrap {
position: relative;
}
#rtec .rtec-input-absolute {
position: absolute;
top: 8px;
left: 0;
} .rtec-unregister-link {
display: block;
margin-bottom: 20px;
} .rtec-event-meta.rtec-attendee-list-meta {
padding-top: 24px;
}
.rtec-shortcode .rtec-event-meta.rtec-attendee-list-meta {
padding-top: 0;
margin-bottom: 20px;
}
.rtec-event-meta:after,
.rtec-clearfix:after{
content: "";
visibility: hidden;
display: table;
clear: both;
}
.rtec-attendee-list {
box-sizing: border-box;
display: inline-block;
float: left;
}
.rtec-list-column-2 {
width: 50%;
}
.rtec-list-column-3 {
width: 33.33%;
}
.single-tribe_events .tribe-events-event-meta .rtec-section-title,
.rtec-section-title {
clear: left;
width: 100%;
font-size: 1.4em;
font-weight: 700;
margin: 0 0 8px;
}
.single-tribe_events .tribe-events-event-meta .rtec-section-subtitle,
.rtec-section-subtitle {
font-size: 1.2em;
font-weight: 700;
margin: 20px 0 10px;
}
.rtec-attendee {
display: block;
width: 100%;
line-height: 1.4;
margin-bottom: 10px;
margin-right: 4%;
word-break: break-word;
}
.rtec-attendee-list-meta {
position: relative;
}
.rtec-attendee-list-meta .rtec-spinner {
position: absolute;
margin-top : -12px;
margin-right: -12px;
top: 50%;
right: 50%;
}
.tribe-events-event-meta.rtec-event-meta .tribe-events-meta-group{
width: 100%;
}
@media (min-width: 768px) {
.rtec-shortcode .tribe-events-meta-group {
padding-bottom: 16px;
width: 100%;
}
.rtec-event-meta.rtec-attendee-list-meta {
padding-top: 0;
}
} .rtec .rtec-already-registered-options .rtec-event-meta {
position: relative;
}
.rtec-already-registered-options input[type=submit] {
line-height: inherit;
height: auto;
margin-bottom: 10px;
padding: 12px 16px;
font-size: 16px;
}
.rtec-unregister-link-wrap,
.rtec-already-registered-options.rtec-is-user form{
display: inline-block;
} #rtec .tribe-events-event-meta.rtec-event-meta {
display: block;
}
#rtec-payment-form button.rtec-payment-button {
float: right;
padding: 12px 16px;
}
#rtec-payment-form button.rtec-payment-button,
.rtec-payment-table-wrap .rtec-payment-button {
margin-bottom: 15px;
}
.rtec-jstfy-right {
text-align: right;
}
.rtec-jstfy-center {
text-align: center;
}
.rtec-payment-total {
font-weight: bold;
}
.rtec-currency-code {
padding-left: 5px;
vertical-align: top;
font-size: .8em
}
.rtec-payment-table-wrap table {
width: 100%;
border-collapse: collapse;
margin-bottom: 15px;
}
.rtec-payment-table-wrap th,
.rtec-payment-table-wrap td {
padding: 6px 10px !important;
}
.rtec-payment-table-wrap th {
font-weight: bold;
}
.rtec-highlight {
background: #d9edf7;
color: #3a87ad;
text-shadow: 0 1px 0 #fff;
}
.rtec-button-right {
display: inline-block;
float: right;
clear: both;
}
.rtec .rtec-can-wait-link,
.rtec-can-wait-link{
display: inline-block;
float: right;
clear: both;
}
.rtec button.rtec-can-wait-link {
padding: 12px 16px;
}
#rtec-payment-form input[type=submit] {
float: right;
margin-bottom: 10px;
}
.rtec-clear::after {
clear: both;
content: "";
display: block;
} body .rtec-outer-wrap .tribe-events-notices,
.tribe-events-notices {
background: #d9edf7;
border-radius: 4px;
border: 1px solid #bce8f1;
color: #3a87ad;
margin: 10px 0 18px;
padding: 8px 35px 8px 14px;
text-shadow: 0 1px 0 #fff;
} @media all and (max-width: 640px){
#rtec .rtec-form-wrapper {
width: 100% !important;
}
.rtec-list-column-3 {
width: 50%;
}
} .rtec-attendee-list-wrap .rtec-section-title {
padding: 0 4%;
font-size: 1.4em;
font-weight: 700;
margin: 20px 0 10px;
}
.rtec-attendee-list-wrap .rtec-attendee-list {
padding: 0 4%;
margin-bottom: 20px;
}
.rtec-attendee-list-wrap .tribe-events-single-section-title.rtec-section-subtitle {
font-size: 1.2em;
font-weight: 700;
margin: 20px 0 10px;
}
.rtec-attendee-list-wrap .tribe-events-event-meta {
background: #fafafa;
border: 1px solid #eee;
margin: 30px 0;
} body .rtec .rtec-field-group-menu,
.rtec-field-group-menu {
margin-bottom: 14px;
}
body .rtec .rtec-fg-item,
.rtec-fg-item {
display: inline-block;
margin-right: 10px;
padding: 9px;
font-size: 14px;
line-height: 1;
}
body .rtec .rtec-fg-item,
body .rtec .rtec-field-group-remove,
.rtec-fg-item,
.rtec-field-group-remove {
background: #fff;
}
body .rtec .rtec-fg-selected,
body .rtec .rtec-fg-item:hover,
.rtec-fg-selected,
.rtec-fg-item:hover{
border: 1px solid #ccc;
border-left: 4px solid #ccc;
padding: 8px;
padding-left: 5px;
cursor: pointer;
}
#rtec .rtec-fg-selected.rtec-error.rtec-fg-item,
#rtec .rtec-error.rtec-fg-item:hover {
border-left: 4px solid rgb(255, 92, 51) !important;
}
.rtec-fg-header-text {
font-size: 28px;
}
.rtec-field-group-remove {
display: inline-block;
font-size: 14px;
margin-left: 20px;
line-height: 1;
padding: 2px 3px;
border-radius: 5px;
vertical-align: text-top;
}
.rtec-field-group-remove:hover {
padding: 1px 2px;
border: 1px solid #ccc;
} .rtec-modal-is-open {
overflow: hidden;
}
.rtec-modal {
position: fixed;
width: 700px;
top: 5%;
left: 50%;
right: 50%;
max-height: 90%;
margin-left: -350px;
overflow-y: auto;
opacity: 0;
pointer-events: none;
-webkit-box-shadow: 0 5px 15px rgba(0,0,0,.7);
box-shadow: 0 5px 15px rgba(0,0,0,.7);
background: #fcfcfc;
-webkit-font-smoothing: subpixel-antialiased;
}
.rtec-modal-content .rtec-event-meta {
padding: 10px;
}
.rtec-modal .rtec-button-link.rtec-action-modal-close,
#rtec-modal .rtec-button-link.rtec-action-modal-close{
position: absolute;
top: 4px;
right: 4px;
left: auto;
bottom: 0;
width: 34px;
height: 34px;
margin: 0;
padding: 0;
border: 1px solid transparent;
z-index: 1000;
cursor: pointer;
outline: none;
background: transparent;
box-shadow: none;
border-radius: 0;
text-align: center;
text-decoration: none;
font-weight: bold;
font-size: 24px;
font-family: sans-serif;
transition-property: border, background;
transition-duration: .05s;
transition-timing-function: ease-in-out;
}
.rtec-modal .rtec-button-link.rtec-action-modal-close svg {
fill: #444;
}
.rtec-modal .rtec-button-link.rtec-action-modal-close:hover svg,
.rtec-modal .rtec-button-link.rtec-action-modal-close:active svg{
fill: #111;
}
.rtec-modal-content .rtec-already-registered-reveal {
display: none;
}
.rtec-media-modal-icon {
display: block;
}
.rtec-modal .rtec-button-link {
text-align: center;
color: inherit;
text-decoration: none;
}
.rtec-modal .rtec-modal-inner-pad {
margin: 40px 30px;
}
@media all and (max-width: 725px){
.rtec-modal {
width: 100%;
margin-left: -50%;
}
}
.rtec-modal-is-open .rtec-modal {
opacity: 1;
pointer-events: auto;
z-index: 160000;
}
.rtec-modal-is-open .rtec-modal-backdrop {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
min-height: 360px;
background: #000;
opacity: .7;
z-index: 159900;
}
.rtec-modal #rtec .rtec-already-registered-options,
.rtec-modal #rtec .rtec-form-toggle-button {
display: none !important;
}
.rtec-modal #rtec .rtec-form-wrapper {
margin: 0;
}
.rtec-modal .rtec-after-submission-wrap{
margin: 50px 0 0;
} #rtec .rtec-edit-entry-link {
text-decoration: none;
font-size: 15px;
font-weight: bold;
}
.rtec-modal .rtec-edit-entry-link {
margin-left: 4%;
}.simple-banner,
.simple-banner_2,
.simple-banner_3,
.simple-banner_4,
.simple-banner_5 {
width: 100%;
text-align: center;
position: relative;
display: block;
}
.simple-banner .simple-banner-text,
.simple-banner_2 .simple-banner-text_2,
.simple-banner_3 .simple-banner-text_3,
.simple-banner_4 .simple-banner-text_4,
.simple-banner_5 .simple-banner-text_5 {
font-weight: 700;
padding: 10px 20px;
position: relative;
}
.simple-banner .simple-banner-button,
.simple-banner_2 .simple-banner-button_2,
.simple-banner_3 .simple-banner-button_3,
.simple-banner_4 .simple-banner-button_4,
.simple-banner_5 .simple-banner-button_5 {
border: none;
background-color: transparent;
padding: 0 5px;
margin: 0 10px;
text-align: center;
text-decoration: none;
position: absolute;
transform: translate(0%, -50%);
right: 0;
top: 50%;
font-size: 16px;
cursor: pointer;
}.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-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-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; }
.wpa-alt,
.wpa-ld {
display: inline-block;
position: relative;
} div.alignleft.wpa-alt,
div.alignleft.wpa-ld {
float: left;
}
div.alignright.wpa-alt,
div.alignright.wpa-ld {
float: right;
}
div.aligncenter.wpa-alt,
div.aligncenter.wpa-ld {
display: block;
margin: 0 auto;
width: fit-content;
}
.wpa-focusable:focus {
outline: 1px solid;
outline-offset: 1px;
}
.wpa-ld .longdesc {
position: absolute;
width: 100%;
height: 100%;
top: 0;
overflow-y: scroll;
box-sizing: border-box;
background: rgba(255, 255, 255, .92);
color: #111;
padding: 46px 1rem 1rem;
text-align: start;
}
.wpa-ld .longdesc,
.wpa-ld .longdesc p {
font-size: clamp( 16px, 1rem, 24px );
}
.wpa-ld .longdesc-link {
position: absolute;
display: inline-block;
right: 3px;
bottom: 3px;
color: #000;
background: rgba(255, 255, 255, .92);
font-size: clamp( 14px, .875rem, 20px );
padding: 2px;
border-radius: 3px;
}
.wpa-alt .wpa-alt-text {
position: absolute;
width: calc( 100% - 2em );
height: fit-content;
bottom: 0;
box-sizing: border-box;
background: rgba(255, 255, 255, .92);
padding: 1rem;
margin: 1rem;
border-radius: 15px;
box-shadow: 0 0 6px #333;
text-align: start;
z-index: 10;
font-size: clamp( 16px, 1rem, 24px );
line-height: 1.5;
color: #111;
}
.top-right .wpa-alt .wpa-alt-text,
.top-left .wpa-alt .wpa-alt-text {
bottom: auto;
top: 0;
margin-top: 2.5em;
}
.rtl .wpa-alt .wpa-alt-text,
.rtl .wpa-ld .longdesc {
text-align: right;
}
.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-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;
}
.wpa-excerpt .wp-block-read-more,
.wpa-excerpt .wp-block-post-excerpt__more-text {
display: none !important;
}
.wpa-excerpt .wp-block-post-excerpt .continue {
margin-top: 1rem;
display: block;
}
.wpa-alt button.wpa-toggle, .wpa-alt a.wpa-toggle,
.wpa-ld button.wpa-toggle, .wpa-ld a.wpa-toggle,
button.wpa-video {
all: unset;
background: #111;
display: block;
color: #fff;
border-radius: 32px !important;
height: 28px !important;
width: 28px !important;
display: flex !important;
align-items: center;
justify-content: center;
position: absolute !important;
z-index: 10;
padding: 4px !important;
border: 1px solid currentColor !important;
}
.wpa-alt button {
font-family: monospace !important;
font-size: clamp( 14px,.875rem,20px ) !important;
}
.wpa-alt button.wpa-toggle:active,
.wpa-ld button.wpa-toggle:active {
background: #f6f6f6;
color: #111;
}
.wpa-ld button.wpa-toggle,
.wpa-alt button.wpa-toggle,
button.wpa-video {
top: 4px;
left: 4px;
}
.wpa-ld button.wpa-toggle:focus, .wpa-ld button.wpa-toggle:hover,
.wpa-alt button.wpa-toggle:focus, .wpa-alt button.wpa-toggle:hover,
button.wpa-video:hover,
button.wpa-video:focus {
outline: 2px solid currentColor;
outline-offset: 1px;
}
button.wpa-video[aria-pressed=true] .dashicons::before {
content: "\f522" / '';
}
.wpa-alt button.wpa-toggle[aria-expanded=true],
.wpa-ld button.wpa-toggle[aria-expanded=true] {
color: #111;
background: #f6f6f6;
}
.wpa-alt button:focus, .wpa-alt button:hover,
.wpa-ld button:focus, .wpa-ld button:hover {
cursor: pointer;
}
.top-left .wpa-alt a.wpa-toggle, .top-left .wpa-alt button.wpa-toggle,
.top-left .wpa-ld a.wpa-toggle, .top-left .wpa-ld button.wpa-toggle {
top: 4px;
bottom: auto;
}
.top-right .wpa-alt a.wpa-toggle, .top-right .wpa-alt button.wpa-toggle,
.top-right .wpa-ld a.wpa-toggle, .top-right .wpa-ld button.wpa-toggle {
top: 4px;
right: 4px;
left: auto;
bottom: auto;
}
.bottom-right .wpa-alt a.wpa-toggle, .bottom-right .wpa-alt button.wpa-toggle,
.bottom-right .wpa-ld a.wpa-toggle, .bottom-right .wpa-ld button.wpa-toggle {
right: 4px;
left: auto;
}
.wpa-alt .wpa-ld button {
left: 46px;
}
.top-right .wpa-alt .wpa-ld button,
.bottom-right .wpa-alt .wpa-ld button {
left: auto;
right: 46px;
}