/** Shopify CDN: Minification failed

Line 167:29 Unexpected "{"

**/
/* Common */
#signin .button--secondary,
.signin-popup .customer button,
#signup button,
#registration button,
#confirm-dialog .modal-dialog-content .button--primary,
#modal-dialog .modal-dialog-content .button,
.mapclub-account .mapclub-account-details button {
  width: 100%;
  display: flex;
  justify-content: center;
  padding: 13px 20px;
  background: var(--colorBtnPrimary);
  color: var(--colorBtnPrimaryText);
  font-weight: 700;
  letter-spacing: .2em;
  line-height: 1.42;
  font-size: 13px;
  border-radius: var(--buttonRadius);
  margin-bottom: 20px;
  overflow: hidden;
  position: relative;
  transition: background .2s ease 0s;
  text-transform: uppercase;
}
#signin .button--secondary:hover,
.signin-popup .customer button:hover,
#signup button:hover,
#registration button:hover,
#confirm-dialog .modal-dialog-content .button--primary:hover,
#modal-dialog .modal-dialog-content .button:hover,
mapclub-account .mapclub-account-details button:hover {
  background: var(--colorBtnPrimaryLight);
  transition-delay: .25s;
}
#signin .button--secondary::after,
.signin-popup .customer button::after,
#signup button::after,
#registration button::after,
#confirm-dialog .modal-dialog-content .button--primary::after,
#modal-dialog .modal-dialog-content .button::after,
.mapclub-account .mapclub-account-details button::after {
  background-image: linear-gradient(90deg, transparent, hsla(0, 0%, 100%, .25), transparent);
  content: "";
  height: 100%;
  left: 150%;
  position: absolute;
  top: 0;
  transform: skew(-20deg);
  width: 200%;
}
#signin .button--secondary:hover::after,
.signin-popup .customer button:hover::after,
#signup button:hover::after,
#registration button:hover::after,
#confirm-dialog .modal-dialog-content .button--primary::after,
#modal-dialog .modal-dialog-content .button:hover::after,
.mapclub-account .mapclub-account-details button:hover::after {
  animation: shine .75s cubic-bezier(.01, .56, 1, 1);
}

/* SignIn & SignUp Popup */
.signin-popup .customer,
.signup-popup .customer {
  text-align: center;
}
@media (min-width: 768px) {
  .signin-popup .customer,
  .signup-popup .customer {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}
.signin-popup .customer > img,
.signup-popup .customer > img {
  margin: 0 auto 20px;
}
.signin-popup .customer > h2,
.signup-popup .customer > h2 {
  font-size: calc(var(--typeHeaderSize) * .50);
  margin-bottom: 25px;
}
.signin-popup .customer .phone-field-wrapper,
.signup-popup .customer .phone-field-wrapper {
  position: relative;
}
.signin-popup .customer .phone-field-wrapper .phone-prefix,
.signup-popup .customer .phone-field-wrapper .phone-prefix {
  position: absolute;
  padding: 9px 10px;
  top: 28px;
  font-size: calc(var(--typeBaseSize) * .92);
}
.signin-popup .customer .field,
.signup-popup .customer .field {
  display: flex;
  flex-direction: column;
  text-align: left;
  margin: 20px 0 0;
}
.signin-popup .customer .field:first-of-type,
.signup-popup .customer .field:first-of-type {
    margin-top: 0;
}
.signin-popup .customer .field input,
.signup-popup .customer .field input {
  width: 100%;
  order: 2;
}
.signin-popup .customer .field label,
.signup-popup .customer .field label {
  order: 1;
}
.signin-popup .customer .phone-field-wrapper .phone-input .field input,
.signup-popup .customer .phone-field-wrapper .phone-input .field input {
  padding-left: 45px;
}
.signin-popup .customer form .field + .form__message,
.signup-popup .customer form .field + .form__message {
  display: none;
}
.signin-popup .customer .form__message,
.signup-popup .customer .form__message {
  display: flex;
  font-size: 12px;
  line-height: 1;
  margin-top: 10px;
  color: #d02e2e;
  text-align: left;
  font-family: var(--typeBasePrimary), var(--typeBaseFallback);
}
.signin-popup .customer .form__message.is-hidden,
.signup-popup .customer .form__message.is-hidden {
  display: none;
}
.signin-popup .customer .form__message+a,
.signup-popup .customer .form__message+a {
  text-align: left;
  width: 100%;
  margin-top: 10px;
  display: block;
  font-size: .85em;
}
.signin-popup .customer button,
.signup-popup .customer button {
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}
.signin-popup .customer h4:last-child,
.signup-popup .customer h4:last-child {
  margin: 0;
  font-weight: 400;
  letter-spacing: 0;
  text-transform: none;
  font-size: .8em;
}
.signin-popup .customer h4 a,
.signup-popup .customer h4 a {
  color: #000;
}
.modal-dialog-content > img, {
  margin: auto;
}
#login-popup .signin-popup-content,
#signup-popup .signup-popup-content {
  padding: 40px 50px;
}
#login-popup #social-media-login {
  display: flex;
    flex-direction: column;
    gap: 15px;
    margin-bottom: 10px;
}
#login-popup #social-media-login h4,
#signup #social-media-login h4 {
  margin-bottom: 0;
  font-weight: 400;
  font-size: .9em;
  letter-spacing: .3em;
  text-transform: uppercase;
}
@media (max-width: 767px) {
  #login-popup .signin-popup-content,
  #signup-popup .signup-popup-content {
    max-height: 80vh;
  }
}
@media (min-width: 768px) {
    #login-popup .signin-popup-content,
    #signup-popup .signup-popup-content {
        height: fit-content;
        max-height: 90vh;
    }
}

/* SignUp */
#signup > h3,
#registration > h3 {
  font-size: .9em;
  text-transform: uppercase;
  font-family: var(--typeBasePrimary), var(--typeBaseFallback);
  line-height: var(--typeBaseLineHeight);
  text-align: left;
  margin-bottom: 25px;
  letter-spacing: .2em;
}
#signup .phone-field-wrapper {
  position: relative;
}
#signup .phone-field-wrapper .phone-prefix {
  position: absolute;
  padding: 9px 10px;
  top: 28px;
  font-size: calc(var(--typeBaseSize) * .92);
}
#signup .field,
#registration .field {
  display: flex;
  flex-direction: column;
  text-align: left;
  margin: 2rem 0 0;
}
#signup .field:first-of-type,
#registration .field:first-of-type {
    margin-top: 0;
}
#signup .field input,
#registration .field input {
  width: 100%;
  order: 2;
}
#registration .field input {
  margin-bottom: 0;
}
#signup .field label,
#registration .field label {
  order: 1;
}
#signup .phone-field-wrapper .phone-input .field input {
  padding-left: 45px;
  margin-bottom: 0;
}
#signup form .field + .form__message {
  display: none;
}
#signup .form__message {
  display: flex;
  font-size: 12px;
  line-height: 1;
  margin-top: 10px;
  color: #d02e2e;
  text-align: left;
  font-family: var(--typeBasePrimary), var(--typeBaseFallback);
}
#registration .form__message {
  font-size: 12px;
  line-height: 1;
  margin-top: 10px;
  color: #d02e2e;
  text-align: left;
  font-family: var(--typeBasePrimary), var(--typeBaseFallback);
}
#signup .form__message.is-hidden,
#registration .form__message.is-hidden {
  display: none;
}
#signup .submit,
#registration .submit {
  margin-top: 30px;
}
#signup h4:last-child,
#registration h4:last-child {
  margin: 0;
  font-weight: 400;
  letter-spacing: 0;
  text-transform: none;
}
#signup h4 a,
#registration a {
  color: #000;
}
.signup-popup .signup-popup-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 20px;
}
.signup-popup h2 {
  text-align: center;
}
.signup-popup h4 {
  font-weight: 400;
  letter-spacing: 0;
  text-transform: none;
  font-size: .9em;
  margin-bottom: 0;
}
.signup-popup h3 {
  font-weight: 400;
  letter-spacing: 0;
  text-transform: none;
  font-size: 1em;
  margin-bottom: 0;
  font-family: var(--typeBasePrimary), var(--typeBaseFallback);
}
.signup-popup #phone {
  text-align: center;
  font-size: 1.5em;
}
.signup-popup .signup-popup-button {
    display: flex;
    gap: 10px;
    flex-direction: column;
}
#confirm-dialog .modal-dialog-content > img,
#modal-dialog .modal-dialog-content > img {
  margin: auto;
}
#confirm-dialog .modal-dialog-content h3,
#modal-dialog .modal-dialog-content h3 {
  font-size: .8em;
  text-transform: uppercase;
  font-family: var(--typeBasePrimary), var(--typeBaseFallback);
  line-height: var(--typeBaseLineHeight);
  text-align: left;
  margin-bottom: 25px;
  letter-spacing: .2em;
  text-align: center;
  margin-top: 20px;
}
#confirm-dialog .modal-dialog-content .button--primary,
#modal-dialog .modal-dialog-content .button {
  margin-bottom: 10px;
}
.form-vertical #create_customer {
  flex-direction: column;
}
#signup #social-media-login {
  display: flex;
  flex-direction: column;
    gap: 15px;
    margin-bottom: 10px;
}
#create_customer input, #create_customer select {
  margin-bottom: 0px;
}
#create_customer .field, #create_customer button {
  margin-top: 30px;
}
#create_customer .form__message {
  color: #d02e2e;
}
#create_customer .checkbox {
  display: flex;
  align-items: start;
}
#create_customer .checkbox label img {
  margin: 10px auto;
}

/* My Account */
.mapclub-account {
    margin-bottom: 40px;
    padding: 25px;
}
.mapclub-account .mapclub-account-title {
    font-size: 28px;
    margin-top: 20px;
    margin-bottom: 0;
}
.mapclub-account .mapclub-account-details {
    margin-top: 20px;
}
.mapclub-account .mapclub-account-details p strong {
    font-weight: 400;
}
.mapclub-account .mapclub-account-details button {
  margin-bottom: 0;
  max-width: 200px;
}
#create_customer .checkbox.newsletter {
    margin-left: 0;
}

#signin img {
  width: 18px !important;
  height: 18px !important;
  margin-bottom: 0px !important;
}

#register .checkbox {
  display: flex;
  align-items: start;
}

#register .checkbox img {
  display: inline;
}

#register .field + .form__message {
  display: none !important;
}

#register .field.input__error + .form__message {
  display: flex !important;
}

.g_id_signin {
  width: 200px !important;
}