.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 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;
}#example-block{transition:all 0s;}
#example-block.scroll-triggered, .move-in-right, .move-in-left, .move-in-upwards, .move-in-up, .move-in-downwards, .move-in-down, .fade-in, .fade-in-upwards, .fade-in-up, .fade-in-left, .fade-in-right, .fade-in-downwards, .fade-in-down, .flip-left, .flip-right, .flip-upwards, .flip-up, .flip-downwards, .flip-down, .bounce-in-left, .bounce-in-right, .bounce-in-downwards, .bounce-in-down, .bounce-in-upwards, .bounce-in-up, .zoom-in, .skew-in-left, .skew-in-right, .blur-in, .colour-gain{transition:all 1s;}
.move-in-upwards, .move-in-up{transform:translateY(100px);}
.move-in-upwards.scroll-triggered, .move-in-up.scroll-triggered, .elementor-editor-active .move-in-up, .elementor-editor-active .move-in-upwards{transform:translateY(0);}
.move-in-downwards, .move-in-down{transform:translateY(-100px);}
.move-in-downwards.scroll-triggered, .move-in-down.scroll-triggered, .elementor-editor-active .move-in-downwards, .elementor-editor-active .move-in-down{transform:translateY(0);}
.move-in-left{transform:translateX(100px);}
.move-in-left.scroll-triggered, .elementor-editor-active .move-in-left{transform:translateX(0);}
.move-in-right{transform:translateX(-100px);}
.move-in-right.scroll-triggered, .elementor-editor-active .move-in-right{transform:translateX(0);}
.fade-in{opacity:0;}
.fade-in.scroll-triggered, .elementor-editor-active .fade-in{opacity:1;}
.fade-in-upwards, .fade-in-up{opacity:0;transform:translateY(100px);}
.fade-in-upwards.scroll-triggered, .fade-in-up.scroll-triggered, .elementor-editor-active .fade-in-up, .elementor-editor-active .fade-in-upwards{opacity:1;transform:translateY(0);}
.fade-in-downwards, .fade-in-down{opacity:0;transform:translateY(-100px);}
.fade-in-downwards.scroll-triggered, .fade-in-down.scroll-triggered, .elementor-editor-active .fade-in-down, .elementor-editor-active .fade-in-downwards{opacity:1;transform:translateY(0);}
.fade-in-left{opacity:0;transform:translateX(100px);}
.fade-in-left.scroll-triggered, .elementor-editor-active .fade-in-left{opacity:1;transform:translateX(0);}
.fade-in-right{opacity:0;transform:translateX(-100px);}
.fade-in-right.scroll-triggered, .elementor-editor-active .fade-in-right{opacity:1;transform:translateX(0);}
.flip-left{backface-visibility: hidden;transform:rotateY(-130deg)}
.flip-left.scroll-triggered, .elementor-editor-active .flip-left{transform-style: preserve-3d;transform:rotateY(0deg)}
.flip-right{backface-visibility: hidden;transform:rotateY(130deg)}
.flip-right.scroll-triggered, .elementor-editor-active .flip-right{transform-style: preserve-3d;transform:rotateY(0deg)}
.flip-downwards, .flip-down{backface-visibility: hidden;transform:rotateX(130deg)}
.flip-downwards.scroll-triggered, .flip-down.scroll-triggered, .elementor-editor-active .flip-down, .elementor-editor-active .flip-downwards{transform-style: preserve-3d;transform:rotateY(0deg)}
.flip-upwards, .flip-up{backface-visibility: hidden;transform:rotateX(-130deg)}
.flip-upwards.scroll-triggered, .flip-up.scroll-triggered, .elementor-editor-active .flip-up, .elementor-editor-active .flip-upwards{transform-style: preserve-3d;transform:rotateY(0deg)}
.bounce-in-left{opacity:0;transform:translateX(100px);transition-timing-function:cubic-bezier(0.65, 1.76, 0.46, 1.01) !important}
.bounce-in-left.scroll-triggered, .elementor-editor-active .bounce-in-left{transform:translateX(0px);opacity:1;}
.bounce-in-right{opacity:0;transform:translateX(-100px);transition-timing-function:cubic-bezier(0.65, 1.76, 0.46, 1.01) !important}
.bounce-in-right.scroll-triggered,.elementor-editor-active .bounce-in-right{transform:translateX(0px);opacity:1;}
.bounce-in-downwards, .bounce-in-down{opacity:0;transform:translateY(-50px);transition-timing-function:cubic-bezier(0.65, 1.76, 0.46, 1.01) !important}
.bounce-in-downwards.scroll-triggered, .bounce-in-down.scroll-triggered, .elementor-editor-active .bounce-in-down, .elementor-editor-active .bounce-in-downwards{transform:translateY(0px);opacity:1;}
.bounce-in-upwards, .bounce-in-up{opacity:0;transform:translateY(50px);transition-timing-function:cubic-bezier(0.65, 1.76, 0.46, 1.01) !important}
.bounce-in-upwards.scroll-triggered, .bounce-in-up.scroll-triggered, .elementor-editor-active .bounce-in-up, .elementor-editor-active .bounce-in-upwards{transform:translateY(0px);opacity:1;} .zoom-in{transform:scale(0);}
.zoom-in.scroll-triggered, .elementor-editor-active .zoom-in{transform:scale(1);}
.skew-in-left{transform:rotate(30deg);}
.skew-in-right{transform:rotate(-30deg);}
.skew-in-left.scroll-triggered, .skew-in-right.scroll-triggered, .elementor-editor-active .skew-in-left, .elementor-editor-active .skew-in-right{transform:rotate(0);}
.blur-in{-webkit-filter: blur(40px);-moz-filter: blur(40px);-ms-filter: blur(40px);-o-filter: blur(40px);filter:blur(40px);transition:all .5s;}
.blur-in.scroll-triggered, .elementor-editor-active .blur-in{-webkit-filter: blur(0px);-moz-filter: blur(0px);-ms-filter: blur(0px);-o-filter: blur(0px);filter:blur(0px)}
.colour-gain{filter:grayscale(100%);transition:all .5s;}
.colour-gain.scroll-triggered, .elementor-editor-active .colour-gain{filter:grayscale(0%);}
.grow-down, .grow-up{transform:scaleY(0);transition:all .5s;}
.grow-down.scroll-triggered, .grow-up.scroll-triggered, .elementor-editor-active .grow-up, .elementor-editor-active .grow-down{transform:scaleY(1);}
.grow-down{transform-origin:top;}
.grow-up{transform-origin:bottom;}
.grow-left, .grow-right{transform:scaleX(0);transition:all .5s;}
.grow-left.scroll-triggered, .grow-right.scroll-triggered, .elementor-editor-active .grow-right, .elementor-editor-active .grow-left{transform:scaleX(1);}
.grow-right{transform-origin:left;}
.grow-left{transform-origin:right;}
.shake.scroll-triggered, .elementor-editor-active .shake{animation: toastshake 1s linear forwards;}
@keyframes toastshake {
10%, 90% {transform: translateX(-1px);}
20%, 80% {transform: translateX(2px);}
30%, 50%, 70% {transform: translateX(-4px);}
40%, 60% {transform: translateX(4px);}
100%{transform: translateX(0px);}
}
.swing-side{opacity:0;transition:all .15s;transform-origin:top center;}
.swing-side.scroll-triggered, .elementor-editor-active .swing-side{animation: toastswingside 1s linear forwards;opacity:1;}
@keyframes toastswingside {
0%{transform:rotate(15deg) translateY(-5px);}
30%{transform:rotate(-10deg);}
50%{transform:rotate(5deg);}
70%{transform:rotate(-5deg);}
90%{transform:rotate(0deg)}
}
.swing-forward{opacity:0;transition:all .5s;transform-origin:top center;}
.swing-forward.scroll-triggered, .elementor-editor-active .swing-forward{animation: toastswingforward 1s linear forwards;opacity:1;}
@keyframes toastswingforward {
10%{transform:rotateX(-80deg);}
40%{transform:rotateX(50deg);}
60%{transform:rotateX(-40deg);}
80%{transform:rotateX(15deg);}
100%{transform:rotateX(0deg)}
}
.rubber-band.scroll-triggered, .elementor-editor-active .rubber-band{animation:toastrubberband 1s linear forwards;}
@keyframes toastrubberband{
0%{transform:scale3d(1);}
30%{transform:scale3d(1.2, .75, 1)}
40%{transform:scale3d(.75, 1.2, 1)}
50%{transform:scale3d(1.05, .75, 1)}
65%{transform:scale3d(.96, 1.04, 1)}
75%{transform:scale3d(1.04,.96, 1)}
100%{transform:scale3d(1)}
}