.globalpayments iframe {
min-height: 3.6rem;
}
div[id^="GlobalPayments-overlay-"] {
z-index: 1001 !important;
}
.woocommerce-globalpayments-validation-error, .woocommerce-globalpayments-sandbox-warning {
background-color:#e2401c;
margin-left:0;
border-radius:4px;
color:#fff;
clear:both;
border-left:.6180469716em solid rgba(0,0,0,.15);
padding:6px 12px;
position:relative;
list-style:none outside;
display:block;
width:95%;
font-size:14px;
}
.woocommerce-page #payment button.woocommerce-globalpayments-hidden {
display: none !important;
}  .globalpayments.globalpayments_heartland {
margin-bottom: 16px;
} .globalpayments.globalpayments_heartland > label {
display: block;
font-size: 14px;
font-weight: 600;
margin-bottom: 8px;
text-transform: none;
letter-spacing: normal;
color: #1e1e1e;
}
.globalpayments.globalpayments_heartland > label .required {
color: #cc1818;
margin-left: 2px;
} .globalpayments.globalpayments_heartland.card-number,
.globalpayments.globalpayments_heartland.card-expiration,
.globalpayments.globalpayments_heartland.card-cvv {
display: flex;
flex-direction: column;
gap: 8px;
} .globalpayments.globalpayments_heartland.card-number > div[id$="-card-number"],
.globalpayments.globalpayments_heartland.card-expiration > div[id$="-card-expiration"],
.globalpayments.globalpayments_heartland.card-cvv > div[id$="-card-cvv"] {
min-width: 150px;
padding-bottom: 20px;  height: 30px;
font-size: 14px;
background-color: #fff;
transition: border-color 0.2s ease, box-shadow 0.2s ease;
}
.globalpayments.globalpayments_heartland.card-number > label {
padding-top: 30px;
} .globalpayments.globalpayments_heartland.card-number > div[id$="-card-number"]:focus-within,
.globalpayments.globalpayments_heartland.card-expiration > div[id$="-card-expiration"]:focus-within,
.globalpayments.globalpayments_heartland.card-cvv > div[id$="-card-cvv"]:focus-within {
outline: none;
border-color: #015a94;
box-shadow: 0 0 0 1px #015a94;
} .globalpayments.globalpayments_heartland iframe {
width: 100%;
min-height: 24px;
border: none;
background: transparent;
} .globalpayments.globalpayments_heartland.card-number {
width: 100%;
} .globalpayments.globalpayments_heartland.card-expiration {
flex: 2;
min-width: 120px;
}
.globalpayments.globalpayments_heartland.card-cvv {
flex: 1;
min-width: 80px;
max-width: 150px;
} .globalpayments.globalpayments_heartland.card-submit {
margin-top: 16px;
}
.globalpayments.globalpayments_heartland.card-submit button,
.globalpayments.globalpayments_heartland.card-submit input[type="submit"] {
display: inline-flex;
align-items: center;
justify-content: center;
padding: 12px 24px;
background-color: #0071ba;
color: #ffffff;
border: none;
border-radius: 4px;
font-size: 14px;
font-weight: 600;
cursor: pointer;
transition: background-color 0.2s ease;
width: 100%;
}
.globalpayments.globalpayments_heartland.card-submit button:hover:not(:disabled),
.globalpayments.globalpayments_heartland.card-submit input[type="submit"]:hover:not(:disabled) {
background-color: #015a94;
}
.globalpayments.globalpayments_heartland.card-submit button:disabled,
.globalpayments.globalpayments_heartland.card-submit input[type="submit"]:disabled {
background-color: #cccccc;
cursor: not-allowed;
} .globalpayments.globalpayments_heartland.card-number.has-error > div[id$="-card-number"],
.globalpayments.globalpayments_heartland.card-expiration.has-error > div[id$="-card-expiration"],
.globalpayments.globalpayments_heartland.card-cvv.has-error > div[id$="-card-cvv"] {
border-color: #cc1818;
box-shadow: 0 0 0 1px #cc1818;
} .globalpayments.globalpayments_heartland .validation-error {
color: #cc1818;
font-size: 13px;
margin: 4px 0 0 0;
padding: 8px 12px;
background-color: #fef1f1;
border-radius: 4px;
} .globalpayments.globalpayments_heartland .validation-success {
color: #008a20;
font-size: 13px;
margin: 4px 0 0 0;
padding: 8px 12px;
background-color: #f0fff4;
border-radius: 4px;
} @media (max-width: 600px) {
.globalpayments.globalpayments_heartland.card-expiration,
.globalpayments.globalpayments_heartland.card-cvv {
width: 100%;
max-width: none;
}
.globalpayments.globalpayments_heartland.card-submit button,
.globalpayments.globalpayments_heartland.card-submit input[type="submit"] {
width: 100%;
}
}