@font-face {
font-family: "Baloo2";
src: url(//www.beauchic.my/wp-content/plugins/wp-moby-payment-gateway-v5/assets/css/Baloo2-Bold.ttf) format('truetype');
font-weight: 700;
font-style: normal;
}
@font-face {
font-family: "Baloo2";
src:  url(//www.beauchic.my/wp-content/plugins/wp-moby-payment-gateway-v5/assets/css/Baloo2-Medium.ttf) format('truetype');
font-weight: 500;
font-style: normal;
}
@font-face {
font-family: "Baloo2";
src: url(//www.beauchic.my/wp-content/plugins/wp-moby-payment-gateway-v5/assets/css/Baloo2-Regular.ttf) format('truetype');
font-weight: 200;
font-style: normal;
}
@font-face {
font-family: "Baloo2";
src: url(//www.beauchic.my/wp-content/plugins/wp-moby-payment-gateway-v5/assets/css/Baloo2-Regular.ttf) format('truetype');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: "Baloo2";
src: url(//www.beauchic.my/wp-content/plugins/wp-moby-payment-gateway-v5/assets/css/Baloo2-SemiBold.ttf) format('truetype');
font-weight: 600;
font-style: normal;
}
.mobypay-popup {
display: none; position: fixed; z-index: 2000; padding-top: 120px; left: 0;
top: 0;
width: 100%;
height: 100%;
overflow: auto; background-color: rgb(0,0,0); background-color: rgb(0 0 0 / 6%); font-family: 'Baloo2' !important;
letter-spacing: 0.6px;
}
.mobypay-popup.active{
display: block;
} .mobypay-popup-content {
background-color: #fefefe;
margin: auto;
padding: 20px;
border: 1px solid #888;
} .mobypay-popup .close {
color: #aaaaaa;
float: right;
font-size: 28px;
font-weight: bold;
}
.mobypay-popup .close:hover,
.mobypay-popup .close:focus {
color: #000;
text-decoration: none;
cursor: pointer;
}
.modal--mobypay__header img {
text-align: center;
margin: 0 auto;
padding-bottom: 20px;
object-fit: contain;
}
.modal--mobypay__content_top h3 {
text-align: center;
font-weight: bold;
color: #000000;
}
.modal--mobypay__content {
display: flex;
justify-content: center;
align-items: center;
}
.modal--mobypay--step {
text-align: center;
padding: 0 1rem;
display: grid;
grid-template-rows: 70% 30%;
height: 8rem;
width: 17rem;
flex-direction: column;
margin: 0;
}
.modal--mobypay--step div:first-child {
justify-content: center;
flex-direction: column;
margin: auto;
max-width: 100%;
align-items: center;
}
.modal--mobypay--step h4 {
color: #21285e;
}
.modal--mobypay--terms {
max-width: 80%;
margin: 3rem auto;
margin-bottom: 0.25rem;
}
.modal--mobypay--terms ul {
padding: 0;
}
.modal--mobypay--terms p {
margin-bottom: 5px;
text-align: center;
}
.modal--mobypay--step h4 {
line-height: 1.5;
}
.modal--mobypay--step h4 {
font-size: 13px !important;
font-weight: 600;
}
.mobypay-plan .installment, .installment {
font-size: 13px;
font-weight: 400;
}
.modal--mobypay--terms a, .modal--mobypay--step h4 {
font-family: 'Baloo2' !important;
}
.mobypay-popup .modal--mobypay--step div:first-child img {
display: grid!important;
height: 55px!important;
}
.modal--mobypay--step div:first-child {
display: flex;
}
.mobypay-popup-content img {
margin: 0 0 0em!important;
max-height: 80px;
}
.woocommerce-loop-product__title, .attachment-woocommerce_thumbnail {
pointer-events: auto;
cursor: pointer;
}
.products .product .mobypay-plan{
display: inline-block;
width: 100%;
color: #7dc8db !important;
font-weight: 400!important;
margin-bottom: 0.5em;
font-size: 14px!important;
font: small-caption;
}
@media only screen and (max-width: 600px) {
.mobypay-popup-content {
width: 85%;
}
.modal--mobypay--step img {
max-height: 100%!important;
max-width: 55px!important;
}
.modal--mobypay--step h4 {
font-size: 12px;
line-height: 15px;
}
.modal--mobypay--terms ul {
margin: 5px;
}
.modal--mobypay__content_top h3 {
font-size: 14px;
margin: 0;
}
.modal--mobypay--terms {
font-size: 11px;
margin: 3rem auto .5rem auto;
margin-top: 2rem;
}
.modal--mobypay__content {
flex-direction: column;
}
.summary .mobypay-plan img {
width: 55px!important;
padding-left: 3px;
}
}
@media only screen and (min-width: 601px) {
.mobypay-popup-content {
width: 600px; }
.modal--mobypay--step h4 {
color: #21285e;
font-size: 16px;
}
.modal--mobypay--terms ul {
margin: 15px;
margin-top: 0;
}
.modal--mobypay__content_top h3 {
font-size: 20px;
}
.modal--mobypay--terms {
font-size: 11px;
}
}
.single-product .mobypay-plan {
width: 100%;
display: inline-block;
text-align: left;
vertical-align: middle;
}
.single-product div.product p.price {
display: inline-block;
vertical-align: middle;
}
.modal--mobypay--step h4.credit-card {
position: relative;
}
.modal--mobypay__header {
margin: 0 auto;
display: block;
text-align: center;
max-height: 90px;
display: flex;
place-items: center;
place-content: center;
}
.mobypay-popup a {
color: #000;
}
.modal--mobypay__content .modal--mobypay--step img.credit-card {
max-height: 100%;
max-width: 55px;
}
.modal--mobypay__content_top .we-pay-first {
margin: auto!important;
height: 3rem!important;
margin-bottom: 0.5rem!important;
display: flex!important;
width: auto !important;
}
@media only screen and (max-width: 349px) {
.modal--mobypay--step h4.credit-card {
position: relative;
}
}
.products .product .mobypay-plan {
display: inline-block;
width: 100%;
}
.products .product .add_to_cart_button {
margin-top: 22px !important;
}
.payment_method_mobypay img {
height: 25px!important;
}