* {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
}
.hide-desktop {
display: none;
}
@media (min-width: 1025px) {
.show-desktop {
display: block;
}
.hide-desktop {
display: none;
}
}
@media (min-width: 768px) and (max-width: 1024px) {
.hide-tablet {
display: none;
}
.show-tablet {
display: block;
}
}
/* Hide on mobile (below 768px) */
@media (max-width: 767px) {
.hide-mobile {
display: none;
}
.show-mobile {
display: block;
}
}
footer {
height: 68px;
width: 100%;
position: fixed;
bottom: 0;
background: #ffffff;
z-index: 2;
}
.footer-links {
color: #B7B7B7;
text-align: center;
display: flex;
align-items: center;
list-style: none;
margin: 14px 0;
}
.footer-links li {
flex: 1;
}
.footer-links li a {
display: flex;
text-decoration: none;
font-size: 10px;
font-style: normal;
font-weight: 400;
line-height: normal;
color: #B7B7B7;
flex-direction: column;
flex-wrap: nowrap;
justify-content: center;
align-items: center;
}
.footer-links li a span.icon-bg {
background-repeat: no-repeat;
width: 24px;
height: 24px;
display: block;
}
.footer-links li a .home-icon-bg {
background-image: url('data:image/svg+xml, ');
}
.footer-links li a.selected .home-icon-bg {
background-image: url('data:image/svg+xml,');
}
.footer-links li a .bookings-icon-bg {
background-image: url('data:image/svg+xml, ');
}
.footer-links li a.selected .bookings-icon-bg {
background-image: url('data:image/svg+xml,');
}
.footer-links li a .programs-icon-bg {
background-image: url('data:image/svg+xml, ');
}
.footer-links li a.selected .programs-icon-bg {
background-image: url('data:image/svg+xml,');
}
.footer-links li a .cart-icon-bg {
background-image: url('data:image/svg+xml,');
}
.footer-links li a.selected .cart-icon-bg {
background-image: url('data:image/svg+xml,');
}
.footer-links li a .profile-icon-bg {
background-image: url('data:image/svg+xml,');
}
.footer-links li a.selected .profile-icon-bg {
background-image: url('data:image/svg+xml, ');
}
.footer-link-text {
display: block;
}
.selected {
color: #305A29 !important;
}
/* QR */
.qr-image {
margin-bottom: 20px;
background-image: url('data:image/svg+xml, ');
width: 166px;
height: 166px;
display: block;
margin: 0 auto;
}
.scanner-icon {
background-image: url('data:image/svg+xml,');
}
.notification-icon {
background-image: url('data:image/svg+xml,');
}
.notification-icon,
.scanner-icon {
margin-right: 5px;
background-repeat: no-repeat;
width: 40px;
height: 40px;
}
.hello-icon {
background-image: url('data:image/svg+xml,');
width: 22px;
height: 23px;
display: inline-block;
}
.back-icon {
padding-left: 15px;
width: 40px;
height: 40px;
background-image: url('data:image/svg+xml,');
background-repeat: no-repeat;
background-position-x: 15px;
}
.menu-icon {
padding-left: 15px;
width: 20px;
height: 19px;
background-image: url('data:image/svg+xml,');
background-repeat: no-repeat;
background-position: center right;
}
.membership-type {
position: relative;
}
.membership-type.frm-wrap input[type='radio'] {
-webkit-appearance: none;
width: 15px;
height: 15px;
border-radius: 50%;
outline: none;
border: 2px solid #565656;
position: absolute;
top: 15px;
right: 10px;
}
.membership-type.frm-wrap input[type='radio']:before {
content: '';
display: block;
width: 7px;
height: 7px;
margin: 2px auto;
border-radius: 50%;
}
.membership-type.frm-wrap input[type="radio"]:checked:before {
background: #211B56;
}
.membership-type.frm-wrap input[type="radio"]:checked {
border-color: #211B56;
}
.membership-type.frm-wrap label::before {
content: '';
position: absolute;
left: 15px;
top: 20px;
width: 56px;
height: 56px;
background-repeat: no-repeat;
/* transform: translateY(-50%); */
}
.membership-type.frm-wrap label.member-individual::before {
background-image: url('data:image/svg+xml,');
}
.membership-type.frm-wrap.membership-checked label.member-individual::before {
background-image: url('data:image/svg+xml,');
}
/* .membership-type.frm-wrap label.member-family::before {
background-image: url('data:image/svg+xml,');
}
.membership-type.frm-wrap.membership-checked label.member-family::before {
background-image: url('data:image/svg+xml,');
} */
.membership-type.frm-wrap label.member-family::before {
background-image: url('data:image/svg+xml,');
}
.membership-type.frm-wrap.membership-checked label.member-family::before {
background-image: url('data:image/svg+xml,');
}
/* .membership-type.frm-wrap label.member-under27::before {
background-image: url('data:image/svg+xml,');
}
.membership-type.frm-wrap.membership-checked label.member-under27::before {
background-image: url('data:image/svg+xml,');
} */
.membership-type.frm-wrap label.member-under27::before {
background-image: url('data:image/svg+xml,');
}
.membership-type.frm-wrap.membership-checked label.member-under27::before {
background-image: url('data:image/svg+xml,');
}
.membership-type.frm-wrap.membership-checked {
border: 1px solid #111437;
background: #EDEFF3;
border-radius: 6px;
}
.membership-type.frm-wrap label {
display: flex;
align-items: flex-start;
gap: 0px;
padding: 25px 5px 0px 85px;
cursor: pointer;
justify-content: normal;
height: 100%;
box-sizing: border-box;
font-weight: 700;
font-size: 16px;
line-height: 24px;
text-align: left;
box-sizing: border-box;
margin: 0;
}
.membership-type.frm-wrap label span {
font-family: Roboto;
font-weight: 500;
font-size: 16px;
line-height: 24px;
text-align: left;
}
.frm-wrap.no-margin {
margin: 0px;
}
.btn-green {
background-color: #111437;
color: #ffffff !important;
border: 2px solid #111437;
}
.btn-green:hover {
background-color: #183C12;
border: 2px solid #183C12;
}
.btn-green:active {
background-color: #00C37D;
border: 2px solid #00C37D;
}
.btn-dark-grey {
background-color: #414141;
color: #ffffff !important;
border: 2px solid #414141;
}
.btn-dark-grey:hover {
background-color: #353434;
border: 2px solid #353434;
}
.btn-dark-grey:active {
background-color: #6F6D6D;
border: 2px solid #6F6D6D;
}
.btn-transparent {
background-color: #ffffff;
color: #999999 !important;
border: 2px solid #999999;
}
.btn-transparent:hover {
background-color: #ffffff;
color: #646464;
border: 2px solid #646464;
}
.btn-transparent:active {
background-color: #ffffff;
color: #CFCFCF;
border: 2px solid #CFCFCF;
}
.type-lists h6 {
font-weight: 500;
font-size: 14px;
line-height: 24px;
letter-spacing: 0;
font-family: 'Roboto Bold';
margin-bottom: 5px;
}
.type-list li,
.type-sublist li {
list-style-type: none;
font-weight: 400;
font-size: 12px;
line-height: 15px;
letter-spacing: 0%;
margin-bottom: 5px;
}
.type-sublist li {
line-height: 15px;
padding-left: 20px;
}
.type-list li {
padding-left: 15px;
}
.type-list li,
.type-sublist li {
position: relative;
}
.type-list li::before {
background-image: url('data:image/svg+xml,');
width: 7px;
height: 7px;
position: absolute;
top: 5px;
left: 0px;
content: '';
}
.type-sublist li::before {
background-image: url('data:image/svg+xml,');
width: 7px;
height: 7px;
position: absolute;
top: 4px;
left: 0px;
content: '';
}
.type-lists {
margin-bottom: 5px;
}