html {
  -webkit-font-smoothing: antialiased;
}

::selection {
  color: #272f38 !important;
  background: #fca9a4 !important;
}

section {
  width: 100%;
  overflow-x: hidden !important;
}

body {
  margin: 0rem;
  background-color: #272f38;
  font-family: "Afrika", sans-serif;
  color: #fff;
  overflow-x: hidden;
}

/* modal */
[x-cloak] {
  display: none !important;
}

.lhr-modal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #272f38ce;
  display: flex;
  justify-content: center;
  align-items: center;
}

.lhr-modal_inner {
  background-color: #fff;
  color: #272f38;
  padding: 20px;
  border-radius: 8px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
  max-width: 20rem;
  width: 100%;
}
/* modal end */

.lhr-overflow-hidden {
  overflow: hidden;
}

.lhr-hide {
  display: none !important;
}

.lhr-hide-ni {
  display: none;
}

.lhr-vh-100p {
  height: 100%;
}

.lhr-container {
  max-width: 82.5rem;
  width: 100%;
  margin: 0 auto;
}

ul {
  margin-block: 0rem;
}

.lhr-text-align-center {
  text-align: center;
}

.lhr-align-center {
  margin: 0 auto;
}

.lhr-align-top {
  align-items: flex-start !important;
}

.lhr-text-capitalize {
  text-transform: capitalize;
}

.lhr-img_wrapper-1_1 {
  width: 100%;
}

.lhr-img_wrapper-1_1 img {
  width: 100%;
  height: auto;
  aspect-ratio: 1 / 1;
  object-fit: cover;
  border-radius: 0.5rem;
}

.lhr-notification_positive {
  background-color: #fca9a4;
  color: #272f38 !important;
  padding: 0.5rem 1rem;
  border-radius: 0.5rem;
  text-align: center;
}

.lhr-notification_positive:empty {
  display: none;
}

/* background colors */
.lhr-background_blue {
  background-color: #272f38;
  color: white;
}

.lhr-background_pink {
  background-color: #fca9a4;
  color: #272f38;
}

.lhr-background_dbrown {
  background-color: #24120f;
  color: #fca9a4;
}

.lhr-background_lbrown {
  background-color: #b89f8c;
  color: #272f38;
}

/* padding */
.lhr-padding-global {
  padding: 0rem 1.5rem;
}

.lhr-desktop_only {
  display: none !important;
}

.lhr-mobile_only {
  display: block;
}

@media only screen and (min-width: 1140px) {
  .lhr-desktop_only {
    display: block !important;
  }

  .lhr-img_wrapper-1_1 img {
    width: 100%;
    height: auto;
    aspect-ratio: 16 / 9;
    object-fit: cover;
    border-radius: 0.5rem;
  }
}

@media only screen and (min-width: 768px) {
  .lhr-padding-global {
    padding: 0rem 3rem;
  }
  .lhr-mobile_only {
    display: none;
  }
}

.lhr-padding-top {
  padding-right: 0rem !important;
  padding-bottom: 0rem !important;
  padding-left: 0rem !important;
}

.lhr-padding-vertical {
  padding-right: 0rem !important;
  padding-left: 0rem !important;
}

.lhr-padding-horizontal {
  padding-top: 0rem !important;
  padding-bottom: 0rem !important;
}

.lhr-padding-bottom {
  padding-top: 0rem !important;
  padding-right: 0rem !important;
  padding-left: 0rem !important;
}

.ul-padding {
  padding-left: 1.25rem !important;
}

.lhr-padding-xsmall {
  padding: 0.25rem;
}

.lhr-padding-small {
  padding: 0.5rem;
}

.lhr-padding-regular {
  padding: 1rem;
}

.lhr-padding-medium {
  padding: 1.5rem;
}

.lhr-padding-large {
  padding: 2rem;
}

.lhr-padding-xlarge {
  padding: 3rem;
}

.lhr-padding-xxlarge {
  padding: 4rem;
}

.lhr-padding-xxxlarge {
  padding: 5rem;
}

.lhr-padding-xxxxlarge {
  padding: 6rem;
}

.lhr-padding-xxxxxlarge {
  padding: 7rem;
}

/* margins */
.lhr-margin-bottom {
  margin-left: 0rem !important;
  margin-top: 0rem !important;
  margin-right: 0rem !important;
}

.lhr-margin-top {
  margin-left: 0rem !important;
  margin-right: 0rem !important;
  margin-bottom: 0rem !important;
}

.lhr-margin-vertical {
  margin-left: 0rem !important;
  margin-right: 0rem !important;
}

.lhr-margin-small {
  margin: 0.5rem;
}

.lhr-margin-regular {
  margin: 1rem;
}

.lhr-margin-medium {
  margin: 1.5rem;
}

.lhr-margin-large {
  margin: 2rem;
}

.lhr-margin-xlarge {
  margin: 3rem;
}

/* forms */

.lhr-form_form {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1rem;
}

.lhr-form-input_wrapper {
  position: relative;
}

/* this is a peoplevine defined style */
.fieldset-input {
  position: relative;
}

.lhr-form-field_wrapper_checkbox {
  display: flex;
  gap: 0.5rem;
  align-items: flex-start;
}

.lhr-form-field_label {
  font-size: 0.75rem;
  line-height: 1.25rem;
  margin-bottom: 0.5rem;
  display: inline-block;
}

.lhr-form-field_input {
  border: 1px solid #fca9a4;
  background-color: transparent;
  border-radius: 0.75rem;
  color: #fff;
  padding: 0.5rem 1rem;
  width: 100%;
  box-sizing: border-box;
  min-height: 3.25rem;
  font-size: 1rem;
  font-family: "Afrika", sans-serif;
}

.lhr-form-field_input-disabled {
  border: 1px solid #666666;
  background-color: transparent;
  border-radius: 0.75rem;
  color: #b8bcca;
  padding: 0.5rem 1rem;
  width: 100%;
  box-sizing: border-box;
  min-height: 3.25rem;
  font-size: 1rem;
  font-family: "Afrika", sans-serif;
}

.lhr-input_pass-toggle {
  position: absolute;
  bottom: 0.875rem;
  right: 1rem;
  height: 1.5rem;
  width: 1.5rem;
  background: url("https://peoplevineuk.blob.core.windows.net/media/82/lhsr/img/global/toggle_pass.svg");
  -webkit-appearance: none;
  border: 0;
}

.lhr-form-field_input-textarea {
  min-height: 6.5rem;
}

.lhr-form-field_checkbox {
  width: 1.5rem;
  height: 1.5rem;
  border-radius: 0.25rem;
  background-color: transparent;
  margin: 0rem;
  border: 1px solid #fca9a4;
  -webkit-appearance: none;
  cursor: pointer;
  position: relative;
  transition: all 0.2s ease;
  flex-shrink: 0;
}

.lhr-form-field_checkbox:checked {
  background-color: #fca9a4;
}

.lhr-form-field_checkbox:checked:before {
  content: url('data:image/svg+xml,<svg width="14" height="11" viewBox="0 0 14 11" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 5.5L5 9.5L13 1.5" stroke="%23272F38" stroke-width="2"/></svg>');
  width: 0.75rem;
  height: 0.75rem;
  position: absolute;
  top: 0.25rem;
  left: 0.175rem;
}

select {
  background-image: url("https://peoplevineuk.blob.core.windows.net/media/82/lhsr/img/global/dd-arrow.svg");
  background-repeat: no-repeat;
  background-position: right 1rem bottom 50%;
  -webkit-appearance: none;
}

@media only screen and (min-width: 768px) {
  .lhr-form-field_label {
    font-size: 1rem;
    line-height: 1.5rem;
  }
  .lhr-form_form {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1rem;
  }
}

@media only screen and (min-width: 1140px) {
  .lhr-form_form {
    grid-template-columns: repeat(3, 1fr);
  }
}

/* max widths */
.lhr-maxwidth-32 {
  max-width: 32rem;
  width: 100%;
}

.lhr-maxwidth-38 {
  max-width: 38rem;
  width: 100%;
}

.lhr-maxwidth-42 {
  max-width: 42rem;
  width: 100%;
}

.lhr-maxwidth-46 {
  max-width: 46rem;
  width: 100%;
}

.lhr-maxwidth-52 {
  max-width: 56rem;
  width: 100%;
}

/* tags */

.lhr-tag-group {
  display: flex;
  gap: 0.5rem;
  flex-wrap: wrap;
}

.lhr-tag-group_event {
  display: flex;
  gap: 0.5rem;
  flex-wrap: wrap;
  margin-right: 8rem;
}

.lhr-tag-blue {
  font-size: 0.75rem;
  line-height: 1.25rem;
  padding: 0.25rem 0.75rem;
  color: #fff;
  background-color: #272f38;
  display: inline-flex;
  align-self: self-start;
  border-radius: 0.5rem;
}

.lhr-tag-red {
  font-size: 0.75rem;
  line-height: 1.25rem;
  padding: 0.25rem 0.75rem;
  color: #fff;
  background-color: #ed0e0e;
  display: inline-flex;
  align-self: self-start;
  border-radius: 0.5rem;
}

/* buttons */

.lhr-btn-group {
  display: inline-flex;
  gap: 1rem;
  align-items: center;
}

.lhr-btn-group_vertical {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  align-items: flex-start;
}

.lhr-btn_stretch {
  width: 100%;
  box-sizing: border-box;
}

.lhr-btn-group_right {
  justify-content: flex-end;
  width: 100%;
}

.lhr-btn {
  transition: all 0.2s ease;
  border-radius: 100rem;
  display: inline-flex;
  gap: 0.75rem;
  text-decoration: none;
  padding: 0.75rem 1rem;
  font-size: 1rem;
  line-height: 1.5rem;
  border-width: 2px;
  border-style: solid;
  cursor: pointer;
  font-family: "Afrika", sans-serif;
  font-weight: 400 !important;
  align-items: center;
  justify-content: space-between;
}

.lhr-btn:hover {
}

.lhr-btn_pink-primary {
  background-color: #fca9a4;
  border-color: #fca9a4;
  color: #272f38 !important;
}

.lhr-btn_pink-primary:hover {
  background-color: transparent;
  color: #fca9a4 !important;
}

.lhr-btn_pink-secondary {
  background-color: transparent;
  border-color: #fca9a4;
  color: #fca9a4 !important;
}

.lhr-btn_pink-secondary:hover {
  background-color: #fca9a4;
  color: #272f38 !important;
}

.lhr-btn_tan-primary {
  background-color: #b89f8c;
  border-color: #b89f8c;
  color: #fff;
}

.lhr-btn_tan-secondary {
  background-color: #fff;
  border-color: #b89f8c;
  color: #272f38;
}

.lhr-btn_tan-tertiary {
  border-color: #b89f8c;
  color: #b89f8c;
  background-color: transparent;
}

.lhr-btn_blue-secondary {
  background-color: transparent;
  border-color: #272f38;
  color: #272f38;
}

.lhr-btn_pink-disabled {
  background-color: transparent;
  border-color: #fff;
  color: #fff;
  opacity: 0.6;
  pointer-events: none;
}

.lhr-btn_text_underline {
  text-decoration: underline;
  text-underline-offset: 3px;
  text-decoration-thickness: 1px;
}

.lhr-btn_text {
  padding: 0rem;
  background-color: transparent;
  color: #272f38 !important;
  border-width: 0rem;
}

.lhr-btn_text-pink {
  padding: 0rem;
  background-color: transparent;
  color: #fca9a4 !important;
  border-width: 0rem;
  cursor: pointer;
}

.lhr-btn_text-white {
  padding: 0rem;
  background-color: transparent;
  color: #fff !important;
  border-width: 0rem;
}

/* borders */
.lhr-border-top_white {
  border-top: 1px solid #fff;
}

.lhr-border-top_tan {
  border-top: 1px solid #b89f8c;
}

/* grid */

.lhr-grid-2col {
  display: grid;
  grid-template-columns: 1fr;
  gap: 3rem 3rem;
}

.lhr-grid-2col_6040 {
  display: grid;
  grid-template-columns: 1fr;
  gap: 3rem 3rem;
}

.lhr-grid-2col_3070 {
  display: grid;
  grid-template-columns: 1fr;
  gap: 3rem 3rem;
}

.lhr-grid-2col_4060 {
  display: grid;
  grid-template-columns: 1fr;
  gap: 3rem 3rem;
}

.lhr-grid-3col {
  display: grid;
  grid-template-columns: 1fr;
  gap: 3rem 1.5rem;
}



@media screen and (min-width: 768px) {
  .lhr-grid-2col {
    grid-template-columns: repeat(2, 1fr);
    gap: 3rem 6rem;
  }

  .lhr-grid-2col_6040 {
    grid-template-columns: 1fr;
    gap: 3rem 6rem;
  }
  .lhr-grid-2col_3070 {
    grid-template-columns: 1fr;
    gap: 3rem 6rem;
  }

  .lhr-grid-2col_4060 {
    display: grid;
    grid-template-columns: 0.4fr 0.6fr;
    gap: 3rem 3rem;
  }
  .lhr-grid-3col {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media screen and (min-width: 1140px) {
  .lhr-grid-2col_6040 {
    grid-template-columns: 0.6fr 0.4fr;
    gap: 3rem 6rem;
  }
  .lhr-grid-2col_3070 {
    grid-template-columns: 0.3fr 0.7fr;
    gap: 3rem 6rem;
  }
  .lhr-grid-3col {
    grid-template-columns: repeat(3, 1fr);
  }
}

/* orders */
.lhr-order-mobile_first {
  order: -1 !important;
}

@media screen and (min-width: 768px) {
  .lhr-order-mobile_first {
    order: 9999 !important;
  }
}