.lity {z-index: 9990; position: fixed; top: 0; right: 0; bottom: 0; left: 0; white-space: nowrap; background: #0b0b0b; background: rgba(0, 0, 0, 0.8); outline: none !important; opacity: 0; -webkit-transition: opacity 0.3s ease; -o-transition: opacity 0.3s ease; transition: opacity 0.3s ease; } .lity.lity-opened {opacity: 1; } .lity.lity-closed {opacity: 0; } .lity * {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .lity-wrap {z-index: 9990; position: fixed; top: 0; right: 0; bottom: 0; left: 0; text-align: center; outline: none !important; } .lity-wrap:before {content: ''; display: inline-block; height: 100%; vertical-align: middle; margin-right: -0.25em; } .lity-loader {z-index: 9991; color: #fff; position: absolute; top: 50%; margin-top: -0.8em; width: 100%; text-align: center; font-size: 14px; font-family: Arial, Helvetica, sans-serif; opacity: 0; -webkit-transition: opacity 0.3s ease; -o-transition: opacity 0.3s ease; transition: opacity 0.3s ease; } .lity-loading .lity-loader {opacity: 1; } .lity-container {z-index: 9992; position: relative; text-align: left; vertical-align: middle; display: inline-block; white-space: normal; max-width: 100%; max-height: 100%; outline: none !important; } .lity-content {z-index: 9993; width: 100%; -webkit-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); -webkit-transition: -webkit-transform 0.3s ease; transition: -webkit-transform 0.3s ease; -o-transition: -o-transform 0.3s ease; transition: transform 0.3s ease; transition: transform 0.3s ease, -webkit-transform 0.3s ease, -o-transform 0.3s ease; } .lity-loading .lity-content, .lity-closed .lity-content {-webkit-transform: scale(0.8); -ms-transform: scale(0.8); -o-transform: scale(0.8); transform: scale(0.8); } .lity-content:after {content: ''; position: absolute; left: 0; top: 0; bottom: 0; display: block; right: 0; width: auto; height: auto; z-index: -1; -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); } .lity-close {z-index: 9994; width: 60px; height: 60px; position: fixed; right: 15px; top: 15px; -webkit-appearance: none; cursor: pointer; text-decoration: none; text-align: center; padding: 0; color: #fff; font-style: normal; font-size: 32px; font-family: Arial, Baskerville, monospace; line-height: 35px; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); border: 0; background: #000; outline: none; -webkit-box-shadow: none; box-shadow: none; } .lity-close::-moz-focus-inner {border: 0; padding: 0; } .lity-close:hover, .lity-close:focus, .lity-close:active, .lity-close:visited {background: #000; } .lity-image img {max-width: 100%; display: block; line-height: 0; border: 0; } .lity-iframe .lity-container, .lity-youtube .lity-container, .lity-vimeo .lity-container, .lity-googlemaps .lity-container {width: 100%; max-width: 964px; } .lity-iframe-container {width: 100%; height: 0; padding-top: 56.25%; overflow: auto; pointer-events: auto; -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-overflow-scrolling: touch; } .lity-iframe-container iframe {position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #000; } .lity-hide {display: none; }.mp_wrapper {
overflow: inherit;   box-sizing: border-box;
}
.mp_wrapper h1,
.mp_wrapper h2,
.mp_wrapper h3 {
font-weight: normal;
border: none;
outline: none;
background: none;
}
.mp_wrapper img {
box-shadow: none !important;
border: 0 !important;
border-radius: 0 !important;
}
.mp_wrapper :focus {
outline: 0;
}
.mp_wrapper form {
text-align: left;
}
.mp_wrapper textarea,
.mp_wrapper select,
.mp_wrapper input[type=text],
.mp_wrapper input[type=url],
.mp_wrapper input[type=email],
.mp_wrapper input[type=tel],
.mp_wrapper input[type=number],
.mp_wrapper input[type=password] {
width: 100%;
outline-style: none;
font-size: inherit;
font-family: inherit;
padding: 10px;
letter-spacing: normal;
border: 1px solid rgba(0, 0, 0, 0.2); display: inline;
box-sizing: border-box;
}
.mepr-stripe-card-element {
border: 1px solid rgba(0, 0, 0, 0.2) !important;
padding: 10px !important;
background-color: white;
}
.mepr-stripe-card-errors {
color: #eb1c26;
}
.mp_wrapper label,
.mp_wrapper .mp-row {
font-size: inherit;
font-family: inherit;
letter-spacing: normal;
display: inline-block; }
.mp_wrapper .mepr-radios-field,
.mp_wrapper .mepr-checkbox-field,
.mp_wrapper .mepr-checkboxes-field,
.mp_wrapper label {
width: 100% !important;
display: inline-block;
}
.mp_wrapper .mp-form-row {
margin-bottom: 10px;
width: 100% !important;
}
.mp_wrapper input[type=image] {
border: none !important;
padding: 0 !important;
width: auto !important;
}
.mp_wrapper textarea {
outline-style: none;
font-size: inherit;
font-family: inherit;
letter-spacing: normal;
padding: 4px 2px 4px 2px;
resize: none;
}
.mp_wrapper .mepr_price label,
.mp_wrapper .mepr_price .mepr_price_cell,
.mp_wrapper .mepr_price .mepr_price_cell_label {
display: inline !important;
}
table.mp-table thead,
table.mp-table tbody,
table.mp-table tfoot,
table.mp-table tr,
table.mp-table th,
table.mp-table td {
border: 0;
font-family: inherit;
font-size: 100%;
font-style: inherit;
font-weight: inherit;
margin: 0;
outline: 0;
padding: 0;
vertical-align: baseline;
}
table.mp-table {
display: block;
border-collapse: separate;
border-spacing: 0;
border-width: 1px 0 0 1px !important;
margin-bottom: 24px;
width: 100% !important;
display: table;
}
table.mp-table thead {
display: table-header-group;
}
table.mp-table tfoot {
display: table-footer-group;
}
table.mp-table tr {
display: table-row;
}
table.mp-table,
table.mp-table th,
table.mp-table td {
border: 1px solid rgba(0, 0, 0, 0.1);
}
table.mp-table th,
table.mp-table td {
display: table-cell;
padding: 8px;
border-width: 0 1px 1px 0 !important;
}
table.mp-table th {
text-align: left;
font-weight: bold;
text-transform: uppercase;
}
table.mp-table .mp-currency-cell {
text-align: right;
}
.mepr_error, .mepr_updated {
padding: 5px 5px 5px 15px !important;
margin-bottom: 25px !important;
box-sizing: border-box !important;
width: 100%;
}
.mepr_error {
background-color: #feb9bb !important;
border: 1px solid #d40022 !important;
}
.mepr_error ul {
padding: 0 0 5px 0 !important;
margin: 0 !important;
}
.mepr_error ul li {
list-style-type: none !important;
padding: 0 !important;
margin: 0 !important;
}
.mepr_updated {
background-color: #def4c5 !important;
border: 1px solid #4d8c2e !important;
}
.mepr-form input.invalid,
.mepr-form select.invalid,
.mepr-form textarea.invalid,
.mepr-form label.mepr-checkbox-field.invalid,
.mepr-form div.mepr-checkboxes-field.invalid,
.mepr-form div.mepr-radios-field.invalid {
border: 2px solid red !important;
background-color: #FF6666 !important;
}
.validation.failed:after {
color: red;
content: 'Validation failed';
}
.validation.passed:after {
color: green;
content: 'Validation passed';
}
.mepr-radios-field, .mepr-checkboxes-field {
display: inline-block !important;
width: 250px !important;
margin-bottom: 10px !important;
}
.mepr-radios-field-row, .mepr-checkboxes-field-row {
display: block !important;
padding-left: 0 !important;
margin-left: 2px !important;
}
input.mepr-form-radios-input, input.mepr-form-checkboxes-input {
padding-left: 0;
margin-left: 0;
width: auto;
margin-right: 5px;
display: inline !important;
text-align: left;
}
label.mepr-form-radios-label, label.mepr-form-checkboxes-label {
display: inline !important;
width: 222px !important;
max-width: 222px !important;
min-width: 222px !important;
}
.mp_wrapper .mp-form-row label {
display: inline !important;
}
.mepr-hidden {
display: none;
}
.mepr-visuallyhidden {
border: 0;
clip: rect(0 0 0 0);
height: 0;
margin: -1px;
overflow: hidden;
position: absolute;
width: 1px;
} .mp_users_subscriptions_list ul {
list-style:none !important;
}
.mp_users_subscriptions_list ul li {
padding:5px !important;
margin:0 !important;
}
li.mp_users_subscriptions_list_alt {
background:#eee;
}div#mepr-account-nav {
margin-bottom:25px;
width: auto !important;
}
#mepr-subscriptions-paging,
#mepr-payments-paging {
width:auto !important;
margin-top: 10px;
border-spacing: 0;
}
.mepr-nav-item {
padding: 0 10px 0 0;
}
.mepr-active-nav-tab {
font-weight: bold;
}
.mepr-active,
.mepr-inactive {
font-weight: bold;
}
.mepr-active {
color: limegreen;
}
.mepr-inactive {
color: darkred;
}
.mepr-account-terms,
.mepr-account-subscr-id,
.mepr-account-rebill {
font-size: 75%;
font-weight: bold;
font-style: italic;
color: #464646;
} .mp_wrapper table.mepr-account-table {
border:1px solid #ccc;
width:100% !important;
margin:0;
padding:0;
border-collapse:collapse;
border-spacing:0;
}
.mp_wrapper table.mepr-account-table tr {
border:1px solid #ddd;
padding:5px;
}
.mp_wrapper table.mepr-account-table td {
padding:5px;
text-align:left;
border-left:1px solid #ededed;
}
.mp_wrapper table.mepr-account-table th {
padding:5px;
text-transform:uppercase;
font-size:12px;
letter-spacing:1px;
}
.mp_wrapper table.mepr-account-table tr.mepr-alt-row {
background:#f9f9f9;
}
@media screen and (max-width: 600px) {
.mp_wrapper table.mepr-account-table {
border:0;
}
.mp_wrapper table.mepr-account-table thead {
display:none !important;
}
.mp_wrapper table.mepr-account-table tr {
margin-bottom:10px;
display:block;
border-bottom:2px solid #ddd;
}
.mp_wrapper table.mepr-account-table td {
display:block;
text-align:right;
border-top:none;
border-left:none;
border-bottom:1px dotted #ccc;
}
.mp_wrapper table.mepr-account-table td:last-child {
border-bottom:0;
}
.mp_wrapper table.mepr-account-table td div{
padding:0;
margin:0;
margin-left:15px;
}
.mp_wrapper table.mepr-account-table td:before {
content:attr(data-label);
float:left;
text-transform:uppercase;
font-weight:bold;
}
.mepr-account-subscr-id,
.mepr-account-auto-rebill,
.mepr-account-rebill {
display:none;
}
.mepr-account-terms,
.mepr-account-subscr-id,
.mepr-account-rebill {
font-size: inherit;
font-weight: inherit;
font-style: inherit;
color: inherit;
}
}