.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;
}.mo-osp-container {
max-width: 1200px;
margin: 0 auto;
}  .mo-osp-addon-toggle {
display: inline-flex;
align-items: center;
gap: 6px;
font-size: 16px;
color: rgb(51 65 85);
}
.mo-osp-addon-toggle input {
margin: 0;
} .mo-osp-addon-toggle-row {
display: flex;
align-items: center;
justify-content: flex-start;
gap: 12px;
padding: 0 20px 12px 20px;
}
.mo-osp-addon-toggle-emphasis {
padding: 2px 0;
font-weight: 700;
color: rgb(30 64 175);
}
.mo-osp-addon-toggle-emphasis input {
transform: scale(1.2);
} .mo-osp-header-icon {
margin-right: 8px;
color: rgb(51 65 85);
vertical-align: middle;
}
.mo-osp-section-icon {
margin-right: 8px;
color: rgb(51 65 85);
vertical-align: middle;
}
.mo-osp-subsection-icon {
margin-right: 6px;
color: rgb(51 65 85);
vertical-align: middle;
}
.mo-osp-field-icon {
margin-right: 6px;
color: rgb(100 116 139);
vertical-align: middle;
} .mo-osp-section-title,
.mo-osp-subsection-title {
display: flex;
align-items: center;
}
.mo-input-label {
display: flex !important;
align-items: center;
} .mo-osp-card {
background: rgb(255 255 255);
border: 1px solid rgb(226 232 240);
border-radius: 8px;
margin-bottom: 24px;
box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1);
overflow: hidden;
margin: 10px 20px;
}
.mo-osp-card:last-child {
margin-bottom: 32px; } .mo-osp-card-header {
padding: 24px 24px 16px 24px;
border-bottom: 1px solid rgb(241 245 249);
}
.mo-osp-section-title {
font-size: 18px;
font-weight: 600;
color: rgb(51 65 85);
margin: 0 0 8px 0;
line-height: 1.4;
}
.mo-osp-section-desc {
font-size: 14px;
color: rgb(100 116 139);
margin: 0;
line-height: 1.5;
} .mo-osp-card-body {
padding: 20px 24px 24px 24px;
} .mo-osp-fields-grid {
display: grid;
grid-template-columns: 1fr;
gap: 24px;
}
@media (min-width: 768px) {
.mo-osp-fields-grid {
grid-template-columns: 1fr 1fr;
gap: 32px 24px;
}
} .mo-osp-field-group {
display: flex;
flex-direction: column;
gap: 8px;
}
.mo-osp-field-full {
grid-column: 1 / -1;
}
.mo-osp-field-desc {
font-size: 13px;
color: rgb(100 116 139);
margin: 0;
line-height: 1.4;
} .mo-osp-toggle-btn {
width: 100%;
padding: 20px 24px;
background: transparent;
border: none;
text-align: left;
cursor: pointer;
transition: background-color 0.15s ease;
}
.mo-osp-toggle-btn:hover {
background-color: rgb(248 250 252);
}
.mo-osp-toggle-content {
display: flex;
align-items: center;
justify-content: space-between;
gap: 16px;
}
.mo-osp-toggle-indicator {
display: flex;
align-items: center;
gap: 8px;
}
.mo-osp-toggle-text {
font-size: 14px;
color: rgb(100 116 139);
font-weight: 500;
}
.mo-osp-toggle-icon {
font-size: 12px;
color: rgb(100 116 139);
transition: transform 0.2s ease;
display: inline-block;
}
.mo-osp-toggle-icon.rotate-180 {
transform: rotate(180deg);
} .mo-osp-advanced-hidden {
display: none;
}
.mo-osp-advanced-visible {
display: block;
}
.mo-osp-advanced-content {
padding: 0 24px 32px 24px; border-top: 1px solid rgb(241 245 249);
} .mo-osp-subsection {
margin-top: 32px;
}
.mo-osp-subsection:last-child {
margin-bottom: 0;
}
.mo-osp-subsection-header {
margin-bottom: 20px;
padding-top: 24px;
}
.mo-osp-subsection:first-child .mo-osp-subsection-header {
padding-top: 0;
}
.mo-osp-subsection-title {
font-size: 16px;
font-weight: 600;
color: rgb(51 65 85);
margin: 0 0 6px 0;
line-height: 1.4;
} .mo-osp-container .mo-form-input,
.mo-osp-container .mo-form-textarea {
border-radius: 6px;
border: 1px solid rgb(226 232 240);
padding: 10px 12px;
font-size: 14px;
transition: border-color 0.15s ease, box-shadow 0.15s ease;
background: rgb(255 255 255);
color: rgb(51 65 85);
}
.mo-osp-container .mo-form-input:focus,
.mo-osp-container .mo-form-textarea:focus {
border-color: rgb(99 102 241);
box-shadow: 0 0 0 3px rgba(99, 102, 241, 0.1);
outline: none;
}
.mo-osp-container .mo-input-label {
font-size: 14px;
font-weight: 500;
color: rgb(51 65 85);
margin-bottom: 6px;
display: block;
}
.mo-osp-container .mo-form-textarea {
resize: vertical;
min-height: 120px;
} .mo-osp-container .mo-form-input[type="number"] {
-webkit-appearance: none;
-moz-appearance: textfield;
}
.mo-osp-container .mo-form-input[type="number"]::-webkit-outer-spin-button,
.mo-osp-container .mo-form-input[type="number"]::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
} .mo-osp-error-field {
border-color: #ef4444 !important;
box-shadow: 0 0 0 3px rgba(239, 68, 68, 0.1) !important;
}
.mo-osp-validation-error {
color: #ef4444;
font-size: 12px;
margin-top: 4px;
display: block;
} @media (max-width: 767px) {
.mo-osp-container {
padding: 0 16px;
}
.mo-osp-card-header,
.mo-osp-card-body,
.mo-osp-advanced-content {
padding-left: 20px;
padding-right: 20px;
}
.mo-osp-toggle-btn {
padding-left: 20px;
padding-right: 20px;
}
.mo-osp-section-title {
font-size: 16px;
}
.mo-osp-subsection-title {
font-size: 15px;
}
}
@media (max-width: 480px) {
.mo-osp-container {
padding: 0 12px;
}
.mo-osp-card-header,
.mo-osp-card-body,
.mo-osp-advanced-content {
padding-left: 16px;
padding-right: 16px;
}
.mo-osp-toggle-btn {
padding-left: 16px;
padding-right: 16px;
}
} .mo-osp-puzzle-overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.6);
backdrop-filter: blur(4px);
z-index: 100001 !important; display: flex;
align-items: center;
justify-content: center;
animation: mo-osp-fade-in 0.3s ease-out;
}
.mo-osp-puzzle-overlay.mo-osp-hidden {
display: none;
} #mo-osp-puzzle-popup-outer-div {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 100001 !important; display: none;
}
.mo-osp-puzzle-popup {
background: rgb(255 255 255);
border-radius: 12px;
box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
max-width: 480px;
width: 90%;
max-height: 90vh;
overflow: hidden;
animation: mo-osp-slide-up 0.3s ease-out;
position: relative;
z-index: 100002; }
.mo-osp-puzzle-header {
padding: 24px 24px 16px 24px;
border-bottom: 1px solid rgb(241 245 249);
display: flex;
align-items: center;
justify-content: space-between;
}
.mo-osp-puzzle-title {
display: flex;
align-items: center;
margin: 0;
font-size: 18px;
font-weight: 600;
color: rgb(51 65 85);
}
.mo-osp-puzzle-icon {
margin-right: 8px;
color: rgb(99 102 241);
}
.mo-osp-puzzle-close {
background: none;
border: none;
padding: 8px;
border-radius: 6px;
cursor: pointer;
color: rgb(107 114 128);
transition: all 0.2s ease;
}
.mo-osp-puzzle-close:hover {
background: rgb(243 244 246);
color: rgb(75 85 99);
}
.mo-osp-puzzle-body {
padding: 24px;
}
.mo-osp-puzzle-message {
margin-bottom: 24px;
}
.mo-osp-puzzle-message p {
margin: 0;
color: rgb(75 85 99);
font-size: 14px;
line-height: 1.5;
}
.mo-osp-puzzle-question {
margin-bottom: 20px;
}
.mo-osp-puzzle-equation {
display: flex;
align-items: center;
justify-content: center;
gap: 16px;
padding: 16px;
background: rgb(248 250 252);
border: 2px solid rgb(226 232 240);
border-radius: 8px;
font-size: 24px;
font-weight: 600;
}
.mo-osp-equation-text {
color: rgb(51 65 85);
font-family: 'Courier New', monospace;
}
.mo-osp-puzzle-image {
max-width: 280px;
width: 100%;
height: auto;
border-radius: 4px;
border: 2px solid rgb(226 232 240);
background: rgb(255 255 255);
padding: 2px;
display: block;
}
.mo-osp-equals {
color: rgb(99 102 241);
font-weight: 700;
}
.mo-osp-puzzle-input {
width: 80px;
height: 48px;
border: 2px solid rgb(226 232 240);
border-radius: 6px;
text-align: center;
font-size: 20px;
font-weight: 600;
color: rgb(51 65 85);
background: rgb(255 255 255);
transition: border-color 0.2s ease, box-shadow 0.2s ease;
}
.mo-osp-puzzle-input:focus {
outline: none;
border-color: rgb(99 102 241);
box-shadow: 0 0 0 3px rgba(99, 102, 241, 0.1);
}
.mo-osp-puzzle-input::placeholder {
color: rgb(156 163 175);
}
.mo-osp-puzzle-error {
display: flex;
align-items: center;
gap: 8px;
padding: 12px 16px;
background: rgb(254 242 242);
border: 1px solid rgb(252 165 165);
border-radius: 6px;
color: rgb(220 38 38);
font-size: 14px;
margin-bottom: 20px;
}
.mo-osp-error-icon {
flex-shrink: 0;
}
.mo-osp-puzzle-footer {
padding: 16px 24px 24px 24px;
display: flex;
gap: 12px;
justify-content: flex-end;
}
.mo-osp-puzzle-btn {
display: flex;
align-items: center;
gap: 8px;
padding: 10px 16px;
border-radius: 6px;
font-size: 14px;
font-weight: 500;
cursor: pointer;
transition: all 0.2s ease;
border: none;
}
.mo-osp-btn-secondary {
background: rgb(243 244 246);
color: rgb(75 85 99);
border: 1px solid rgb(209 213 219);
}
.mo-osp-btn-secondary:hover {
background: rgb(229 231 235);
color: rgb(55 65 81);
}
.mo-osp-btn-primary {
background: rgb(99 102 241);
color: rgb(255 255 255);
}
.mo-osp-btn-primary:hover {
background: rgb(79 70 229);
}
.mo-osp-btn-primary:disabled {
background: rgb(156 163 175);
cursor: not-allowed;
} @keyframes mo-osp-fade-in {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes mo-osp-slide-up {
from {
opacity: 0;
transform: translateY(20px) scale(0.95);
}
to {
opacity: 1;
transform: translateY(0) scale(1);
}
} @media (max-width: 480px) {
.mo-osp-puzzle-popup {
width: 95%;
margin: 20px;
}
.mo-osp-puzzle-header,
.mo-osp-puzzle-body,
.mo-osp-puzzle-footer {
padding-left: 20px;
padding-right: 20px;
}
.mo-osp-puzzle-equation {
font-size: 20px;
gap: 12px;
padding: 12px;
flex-wrap: wrap;
}
.mo-osp-puzzle-image {
max-width: 100%;
}
.mo-osp-puzzle-input {
width: 70px;
height: 44px;
font-size: 18px;
}
.mo-osp-puzzle-footer {
flex-direction: column;
}
.mo-osp-puzzle-btn {
width: 100%;
justify-content: center;
}
}  .mo-osp-processing {
opacity: 0.7 !important;
cursor: not-allowed !important;
position: relative;
}
.mo-osp-processing::after {
content: '';
position: absolute;
top: 50%;
left: 50%;
width: 16px;
height: 16px;
margin: -8px 0 0 -8px;
border: 2px solid #ffffff;
border-radius: 50%;
border-top-color: transparent;
animation: mo-osp-spin 1s linear infinite;
z-index: 1;
}
@keyframes mo-osp-spin {
to {
transform: rotate(360deg);
}
} .mo-osp-processing {
color: rgba(255, 255, 255, 0.8) !important;
} .mo-osp-blocked-users-table {
width: 100%;
border-collapse: collapse;
margin-top: 16px;
background: rgb(255 255 255);
border-radius: 8px;
overflow: hidden;
box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1);
}
.mo-osp-blocked-users-table thead {
background: rgb(249 250 251);
border-bottom: 2px solid rgb(229 231 235);
}
.mo-osp-blocked-users-table th {
padding: 12px 16px;
text-align: left;
font-weight: 600;
font-size: 14px;
color: rgb(55 65 81);
border-bottom: 1px solid rgb(229 231 235);
}
.mo-osp-blocked-users-table td {
padding: 12px 16px;
border-bottom: 1px solid rgb(243 244 246);
font-size: 14px;
color: rgb(75 85 99);
}
.mo-osp-blocked-users-table tbody tr:hover {
background: rgb(249 250 251);
}
.mo-osp-blocked-users-table tbody tr.mo-osp-expired {
opacity: 0.6;
}
.mo-osp-blocked-users-table .mo-osp-no-data,
.mo-osp-blocked-users-table .mo-osp-error {
text-align: center;
padding: 24px;
color: rgb(107 114 128);
font-style: italic;
}
.mo-osp-blocked-users-table .mo-osp-error {
color: rgb(220 38 38);
}
.mo-osp-identifier-type {
display: inline-block;
padding: 2px 8px;
background: rgb(243 244 246);
color: rgb(75 85 99);
border-radius: 4px;
font-size: 12px;
font-weight: 500;
margin-right: 8px;
text-transform: capitalize;
}
.mo-osp-identifier-masked {
font-family: monospace;
color: rgb(55 65 81);
}
.mo-osp-block-reason {
display: inline-block;
padding: 4px 10px;
background: rgb(254 242 242);
color: rgb(185 28 28);
border-radius: 4px;
font-size: 12px;
font-weight: 500;
}
.mo-osp-remaining-time {
font-weight: 600;
color: rgb(220 38 38);
font-family: monospace;
}
.mo-osp-blocked-users-actions {
margin-top: 16px;
display: flex;
justify-content: flex-end;
gap: 12px;
}
.mo-osp-blocked-users-pagination {
margin-top: 16px;
display: flex;
justify-content: center;
align-items: center;
gap: 16px;
padding: 12px 0;
}
.mo-osp-blocked-users-pagination button {
min-width: 100px;
}
.mo-osp-blocked-users-pagination button:disabled {
opacity: 0.5;
cursor: not-allowed;
}
.mo-osp-loading {
text-align: center;
padding: 24px;
color: rgb(107 114 128);
}
.mo-button-small {
padding: 6px 12px;
font-size: 13px;
min-height: auto;
}
.mo-button-small:hover {
transform: none;
} .mo-osp-unblock-user {
background: rgb(220 38 38) !important;
color: rgb(255 255 255) !important;
border: 1px solid rgb(185 28 28) !important;
border-radius: 6px !important;
padding: 8px 16px !important;
font-size: 13px !important;
font-weight: 500 !important;
cursor: pointer !important;
transition: all 0.2s ease !important;
display: inline-flex !important;
align-items: center !important;
gap: 6px !important;
min-width: auto !important;
text-decoration: none !important;
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05) !important;
}
.mo-osp-unblock-user:hover {
background: rgb(185 28 28) !important;
border-color: rgb(153 27 27) !important;
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1) !important;
transform: translateY(-1px) !important;
}
.mo-osp-unblock-user:active {
transform: translateY(0) !important;
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05) !important;
}
.mo-osp-unblock-user:disabled,
.mo-osp-unblock-user[disabled] {
background: rgb(156 163 175) !important;
border-color: rgb(156 163 175) !important;
color: rgb(255 255 255) !important;
cursor: not-allowed !important;
opacity: 0.6 !important;
transform: none !important;
}
.mo-osp-unblock-user:disabled:hover,
.mo-osp-unblock-user[disabled]:hover {
background: rgb(156 163 175) !important;
border-color: rgb(156 163 175) !important;
transform: none !important;
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05) !important;
} @media (max-width: 768px) {
.mo-osp-blocked-users-table-container {
overflow-x: auto;
}
.mo-osp-blocked-users-table {
min-width: 600px;
}
.mo-osp-blocked-users-table th,
.mo-osp-blocked-users-table td {
padding: 10px 12px;
font-size: 13px;
}
.mo-osp-blocked-users-actions {
flex-direction: column;
}
.mo-osp-blocked-users-actions button {
width: 100%;
}
}.wpecpp-container {
width: 100%;
}
.wpecpp-container.wpecpp-align-left {
text-align: left;
}
.wpecpp-container.wpecpp-align-center {
text-align: center;
}
.wpecpp-container.wpecpp-align-right {
text-align: right;
}
.wpecpp-form {
width: 100%;
}
.wpecpp-form .wpecpp-stripe-button-container,
.wpecpp-form .wpecpp-paypal-button-container {
display: block;
width: 100%;
margin-top: 20px;
}
.wpecpp-form .wpecpp-stripe-button-container > *,
.wpecpp-form .wpecpp-paypal-button-container > * {
display: block !important;
width: 100%;
margin-bottom: 8px;
}
.wpecpp-paypal-button-container.wpecpp-horizontal {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.wpecpp-align-left .wpecpp-form .wpecpp-paypal-button-container.wpecpp-horizontal {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.wpecpp-align-center .wpecpp-form .wpecpp-paypal-button-container.wpecpp-horizontal {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.wpecpp-align-right .wpecpp-form .wpecpp-paypal-button-container.wpecpp-horizontal {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.wpecpp-align-left .wpecpp-form .wpecpp-paypal-button-container:not(.wpecpp-horizontal) > *,
.wpecpp-align-left .wpecpp-form .wpecpp-stripe-button-container > * {
margin-left: 0;
margin-right: auto;
}
.wpecpp-align-center .wpecpp-form .wpecpp-paypal-button-container:not(.wpecpp-horizontal) > *,
.wpecpp-align-center .wpecpp-form .wpecpp-stripe-button-container > * {
margin-left: auto;
margin-right: auto;
}
.wpecpp-align-right .wpecpp-form .wpecpp-paypal-button-container:not(.wpecpp-horizontal) > *,
.wpecpp-align-right .wpecpp-form .wpecpp-stripe-button-container > * {
margin-left: auto;
margin-right: 0;
}
.wpecpp-align-left .wpecpp-form .wpecpp-paypal-button-container.wpecpp-horizontal > * {
margin-left: 0;
margin-right: 8px;
}
.wpecpp-align-center .wpecpp-form .wpecpp-paypal-button-container.wpecpp-horizontal > * {
margin-left: 8px;
margin-right: 8px;
}
.wpecpp-align-right .wpecpp-form .wpecpp-paypal-button-container.wpecpp-horizontal > * {
margin-left: 8px;
margin-right: 0;
}
.wpecpp-stripe-button {
background-image: linear-gradient(#28A0E5, #015E94);
-webkit-font-smoothing: antialiased;
border: 0;
padding: 1px;
height: 40px;
text-decoration: none;
border-radius: 4px;
box-shadow: 0 1px 0 rgb(0 0 0 / 20%);
cursor: pointer;
-moz-user-select: none;
-webkit-user-select: none;
-ms-user-select: none;
user-select: none;
text-align: center;
}
.wpecpp-stripe-button:hover {
-webkit-filter: brightness(1.2);
filter: brightness(1.2);
}
.wpecpp-stripe-button span {
display: block;
position: relative;
padding: 0 12px 0 12px;
height: 40px;
background: #1275ff;
background-image: linear-gradient(#7DC5EE, #008CDD 85%, #30A2E4);
font-size: 14px;
line-height: 40px;
color: #fff;
font-weight: bold;
font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
text-shadow: 0 -1px 0 rgb(0 0 0 / 20%);
box-shadow: inset 0 1px 0 rgb(255 255 255 / 25%);
border-radius: 3px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.wpecpp-stripe-button span::before {
content: "";
width: 33px;
height: 24px;
background-repeat: no-repeat;
background-size: 23px 24px;
background-image: url(data:image/png;base64,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);
}
.wpecpp-stripe-button.processing {
cursor: wait;
}
.wpecpp-payment-message {
font-size: .9rem;
}
.wpecpp-payment-message .payment-success {
color: green;
}
.wpecpp-payment-message .payment-error {
color: red;
} .wpecpp-error {
color: #d63638;
background-color: #ffebe8;
border: 1px solid #d63638;
border-radius: 2px;
padding: 8px 12px;
margin: 5px 0;
display: inline-block;
} .wpecpp-or {
display: none;
position: relative;
max-width: 300px;
margin-top: 25px;
margin-bottom: 0;
text-align: center;
}
.wpecpp-paypal-button-container:not(:empty) ~ .wpecpp-or {
display: block;
}
.wpecpp-container.wpecpp-align-left .wpecpp-or {
margin-left: 0;
margin-right: auto;
}
.wpecpp-container.wpecpp-align-center .wpecpp-or {
margin-left: auto;
margin-right: auto;
}
.wpecpp-container.wpecpp-align-right .wpecpp-or {
margin-left: auto;
margin-right: 0;
}
.wpecpp-or:before {
content: '';
position: absolute;
width: 80%;
left: 10%;
top: 50%;
margin-top: 1px;
border-top: 1px solid #ddd;
}
.wpecpp-or span {
position: relative;
background: #fff;
padding: 0 20px;
}
.wpecpp-card-form {
position: relative;
padding-bottom: 10px;
}
.wpecpp-card-form.processing {
opacity: 0.5;
}
.wpecpp-card-form.processing:after {
content: '';
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
cursor: wait;
z-index: 99;
}
.wpecpp-paypal-btn {
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 14px;
font-weight: 500;
cursor: pointer;
position: relative;
width: 100%;
box-sizing: border-box;
border: none;
vertical-align: top;
overflow: hidden;
border-radius: 4px;
margin-top: 15px;
}
.wpecpp-paypal-btn:hover {
filter: brightness(0.95);
}
.wpecpp-paypal-btn.color-gold {
color: #2C2E2F;
background: #ffc439;
}
.wpecpp-paypal-btn.color-blue {
color: #fff;
background: #0070ba;
}
.wpecpp-paypal-btn.color-black {
color: #fff;
background: #2C2E2F;
}
.wpecpp-paypal-btn.color-silver {
color: #2C2E2F;
background: #eee;
}
.wpecpp-paypal-btn.color-white {
color: #2C2E2F;
background: #fff;
border: 1px solid #555;
}
.wpecpp-card-form label {
display: block;
}
.wpecpp-card-form .card-field-wrapper {
min-height: 52.5px;
}
.wpecpp-card-form input.card_field {
width: 300px;
min-width: 300px;
max-width: 300px;
min-height: 36px;
padding: 6px 5px;
background: #fff;
border: 1px solid #ddd;
font-size: 13.3333px;
margin: 5px auto;
display: inline-block;
line-height: 22px;
outline: none;
transition: none;
color: #000;
font-weight: 400;
}
.wpecpp-card-form input.card_field::placeholder {
font-size: 11pt;
}
.wpecpp-card-form input.card_field.invalid {
color: red;
border-color: red;
}
.wpecpp-card-form .card_field iframe {
width: 300px !important;
min-width: 300px;
max-width: 300px;
min-height: 36px;
background: #fff;
border: 1px solid #ddd !important;
font-size: 11pt;
margin: 5px auto;
float: none !important;
height: 30px !important;
padding: 6px 5px;
display: inline-block;
}
.wpecpp-card-form .card_field.invalid iframe {
border-color: red !important;
} .wpecpp-stripe-button-container a {
text-decoration: none !important;
}html, 
body { 
min-height: 100% !important; 
height: auto !important; 
}
.spu-box, .spu-box *{
box-sizing: border-box;
}
.spu-bg{
position: fixed;
width: 100%;
height: 100%;
top: 0;
left: 0;
display: none;
z-index: 99999;
}
.spu-box:before,
.spu-box:after {
content:"";
display:table;
}
.spu-box:after {
clear:both;
} .spu-box {
zoom:1;
}
.spu-box { 
position:fixed;
z-index: 999999;
margin: 10px;
max-width: 100%;
}
.spu-box.spu-centered{
margin: 0;
} .spu-box img{
max-width: 100%;
height: auto;
} .spu-box.spu-top-left{ 
top: 0; left: 0; bottom: auto; right: auto;
}
.spu-box.spu-top-right{ 
top: 0; right: 0; bottom: auto; left: auto;
}
.spu-box.spu-bottom-left{ 
bottom: 0; left: 0; top: auto; right: auto;
}
.spu-box.spu-bottom-right{ 
bottom: 0; right: 0; top: auto; left: auto;
}
.spu-content > *:first-child {	
margin-top: 0; padding-top: 0;
}
.spu-content > *:last-child {
margin-bottom:0; padding-bottom:0;
}
.spu-close{ 
position:absolute;
padding: 0;
cursor: pointer;
background: transparent;
border: 0;
-webkit-appearance: none;
line-height: 1;
}
.spu-close.top_right{
right:8px;
top:5px;
}
.spu-close.top_left{
left:8px;
top:5px;
}
.spu-close.bottom_right{
right:8px;
bottom:5px;
}
.spu-close.bottom_left{
left:8px;
bottom:5px;
}
p.spu-powered {
position: absolute;
bottom: -55px;
width: 100%;
text-align: center;
color: #fff;
left: 0px;
}
p.spu-powered a{
color: #ccc;
text-decoration: underline;
}
.spu-close:hover, .spu-close:focus {
text-decoration: none;
cursor: pointer;
}
.spu-shortcode {
float: left;
line-height: normal !important;
}
.spu-facebook-page{
text-align: center;
display: block;
}
.spu-shortcode iframe{
max-width: 1200px;
}
.spu_shortcodes{
zoom: 1;
}
.spu-content .wysija-msg li{
list-style: none;
}
.spu_shortcodes:before, 
.spu_shortcodes:after { content: ""; display: table; }
.spu_shortcodes:after { clear: both; }
@font-face {
font-family: 'spufont';
src:url(//yginspection.com/wp-content/plugins/popups/public/assets/fonts/spufont.eot?sze5my);
src:url(//yginspection.com/wp-content/plugins/popups/public/assets/fonts/spufont.eot?#iefixsze5my) format('embedded-opentype'),
url(//yginspection.com/wp-content/plugins/popups/public/assets/fonts/spufont.woff?sze5my) format('woff'),
url(//yginspection.com/wp-content/plugins/popups/public/assets/fonts/spufont.ttf?sze5my) format('truetype'),
url(//yginspection.com/wp-content/plugins/popups/public/assets/fonts/spufont.svg?sze5my#spufont) format('svg');
font-weight: normal;
font-style: normal;
}
[class^="spu-icon-"], [class*=" spu-icon-"] {
font-family: 'spufont';
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1; -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.spu-icon-envelope:before {
content: "\f003";
}
.spu-icon-check:before {
content: "\f00c";
}
.spu-icon-close:before {
content: "\f00d";
}
.spu-icon-eye:before {
content: "\f06e";
}
.spu-icon-gears:before {
content: "\f085";
}
.spu-icon-angle-up:before {
content: "\f106";
}
.spu-icon-angle-down:before {
content: "\f107";
}
.spu-icon-spinner:before {
content: "\f110";
}
.spu-spinner {
-webkit-animation: spu-rotate 1s infinite linear;
-moz-animation: spu-rotate 1s infinite linear;
-o-animation: spu-rotate 1s infinite linear;
margin: 5px;
display: none;
} .spu-box.spu-top-bar,
.spu-box.spu-bottom-bar{
margin: 0;
width: 100% !important;
padding: 10px 30px !important;
border-left: none !important;
border-right: none !important;
border-radius: 0;
position: fixed;
box-shadow: none;
z-index: 1000;
}
.spu-box.spu-top-bar.with-spu-gdpr{
padding-bottom: 40px !important;
}
.spu-box.spu-top-bar{
top: 0;
border-top: none !important;
}
.spu-box.spu-bottom-bar{
bottom: 0;
border-bottom: none !important;
}
.spu-box.spu-top-bar h1,
.spu-box.spu-top-bar h2,
.spu-box.spu-top-bar h3,
.spu-box.spu-top-bar h4,
.spu-box.spu-top-bar h5,
.spu-box.spu-top-bar h6,
.spu-box.spu-top-bar p,
.spu-box.spu-bottom-bar h1,
.spu-box.spu-bottom-bar h2,
.spu-box.spu-bottom-bar h3,
.spu-box.spu-bottom-bar h4,
.spu-box.spu-bottom-bar h5,
.spu-box.spu-bottom-bar h6,
.spu-box.spu-bottom-bar p{
margin: 0;
}
@keyframes spu-rotate {
0% {
transform: rotate(0);
}
100% {
transform: rotate(360deg);
}
}
@-webkit-keyframes spu-rotate {
0% {
transform: rotate(0);
}
100% {
transform: rotate(360deg);
}
}
@-moz-keyframes spu-rotate {
0% {
transform: rotate(0);
}
100% {
transform: rotate(360deg);
}
}
@-o-keyframes spu-rotate {
0% {
transform: rotate(0);
}
100% {
transform: rotate(360deg);
}
}
@media only screen and (max-width: 620px) {
.spu-box.taller-than-viewport {
left: 0 !important;
top: 100px !important;
position: absolute !important;
}
.spu-box{
margin: 0;
}
}