div.scroll-util iframe {
	min-height:600px !important;
}

body div.scroll-util iframe[name="peach-method-APPLE PAY"] {min-height: unset !important;}

.woocommerce-MyAccount-navigation-link--update-subscription {display: none !important;}

.peachCards td, .peachCards th {text-align:center !important;}

.update-card-result {display:inline-block; width:100%;}
.update-card-result .result{text-align:center; width:100%; font-size:12px; line-height:16px; color:#006633; background:rgb(0, 102, 51, 0.3); border:1px solid #006633; padding:20px 10px;}

.peach-add-card-cont {display:inline-block; width:100%; text-align:right;}

.wc_payment_method>label:first-of-type img {
    max-height: 24px;
    max-width: 200px;
    float: none !important;
}

.wpwl-control-expiry.error + .wpwl-hint{color:#FF4000 !important;}

.peachpopcont {cursor:pointer;}

span.peachpop:after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 40%;
	width: 0;
	height: 0;
	border:6px solid transparent;
	border-top-color: #273B4A;
	border-bottom: 0;
	margin-left: -6px;
	margin-bottom: -6px;
}

.peach-payment-btn {display:none;}

/* The Modal (background) */
.modal {
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  padding-top: 100px; /* Location of the box */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content */
.modal-content {
  position: relative;
  background-color: #fefefe;
  margin: auto;
  padding: 0;
  width: 80%;
  -webkit-animation-name: animatetop;
  -webkit-animation-duration: 0.4s;
  animation-name: animatetop;
  animation-duration: 0.4s
}

/* Add Animation */
@-webkit-keyframes animatetop {
  from {top:-300px; opacity:0} 
  to {top:0; opacity:1}
}

@keyframes animatetop {
  from {top:-300px; opacity:0}
  to {top:0; opacity:1}
}

.modal-header {
  padding: 2px 16px;
  background-color: #FF4000;
  color: #fff !important;
}

.modal-header h2{
  padding: 10px 0;
  font-size: 24px;
  text-transform: uppercase;
  font-weight:600;
  color: #fff !important;
}

.modal-body {padding: 10px 16px; font-size:16px;}

.modal-footer {
  padding: 10px 16px;
  background-color: #FF4000;
  color: white;
}

/*Credit Card Form*/
.wpwl-container {margin-top: 40px;}
.wpwl-label {font-size:17px;}
.wpwl-control {border-radius:5px; border:1px solid #ccc !important; padding:4px 8px; font-size:17px !important;}
.wpwl-control:focus, wpwl-control.wpwl-control-iframe.wpwl-control-cvv:focus, .wpwl-control.wpwl-control-iframe.wpwl-control-cardNumber:focus {outline-offset: 0 !important; outline: 0 !important; border:1px solid #FF4000 !important;}
.wpwl-control input, .wpwl-control select {font-size:17px;}
.wpwl-button-pay {
    float: none;
    width: 100%;
    margin-top: 20px;
    font-size: 17px;
	border-radius:5px;
	background-color: #FF4000 !important;
    border-color: #FF4000;
}

.wpwl-button-pay:hover {
    border-color: #FF4000;
}

.wpwl-has-error~.wpwl-hint {
    font-size: 17px;
}

.peach-method, .peachpopcont {
    display: inline-block;
	position: relative;
}

.peach-method .peach-method-tooltip, .peachpopcont span.peachpop {
    visibility: hidden;
    background-color: #EC5228;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 10px;
    position: absolute;
    z-index: 1;
    bottom: 100%;
    left: 100%;
    margin-left: -60px;
    font-size: 12px;
    min-width: 110px;
}

.peach-method .peach-method-tooltip::after, .peachpopcont span.peachpop::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #EC5228 transparent transparent transparent;
}

.peach-method:hover .peach-method-tooltip, .peachpopcont:hover span.peachpop{
  visibility: visible;
}

select.wpwl-control-brand[name="paymentBrand"] {
	min-height:50px !important;
}

@media (min-width: 480px){
	.wpwl-label {
		padding-right: 0;
		width: 100%;
	}
		.wpwl-wrapper {
		width: 100%;
	}
	.wpwl-wrapper-brand {
		width: 86%;
	}
	.wpwl-brand-card {
		width: 14%;
	}
}