.gpp-header {
  padding-top: 0rem;
  padding-bottom: 0rem;
  margin-bottom: 1.5rem;
  display: block;
}

.gpp-page-heading {
  margin-top: 0.75rem;
  margin-bottom: 1.5rem;
  font-size: 2rem;
  font-weight: 300;
  --tw-text-opacity: 1;
  color: rgba(1, 35, 69, 1);
  color: rgba(1, 35, 69, var(--tw-text-opacity));
  line-height: 45px;
}

@media (max-width: 500px) {

.gpp-page-heading {
    margin-bottom: 1rem;

    font-size: 1.25rem
}
  }

.gpp-page-heading.get-started {
    margin-top: 1.25rem;
  }

#group-type-select {
  margin-top: 24px;
}

.gpp-subheader-blue {
  margin-top: 0;
  margin-bottom: 1rem;
  font-size: 1.3125rem;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgba(1, 35, 69, 1);
  color: rgba(1, 35, 69, var(--tw-text-opacity));
  line-height: 31px;
}

.gpp-subheader-gray {
  margin: 0;
  font-size: 1.3125rem;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgba(56, 55, 54, 1);
  color: rgba(56, 55, 54, var(--tw-text-opacity));
  margin-bottom: 16px;
  line-height: 31px;
}

.dark-gray {
  --tw-text-opacity: 1;
  color: rgba(56, 55, 54, 1);
  color: rgba(56, 55, 54, var(--tw-text-opacity));
}

.gpp-description-text {
  font-size: 1.125rem;
  line-height: 28.5px;
  letter-spacing: 0.01em;
}

.gpp-description-text > a {
    font-weight: 300;
  }

.gpp-select-box {
  position: relative;
  margin-left: -0.75rem;
  margin-right: -0.75rem;
  overflow: hidden;
  border-radius: 0.375rem;
  border-width: 1px;
  border-style: solid;
  border-color: rgba(0,0,0,0.22);
  margin-bottom: 1rem;
  margin-top: 1rem;
  border-style: solid;
}

@media (min-width: 60rem) {

.gpp-select-box {
    margin-top: 1.5rem;

    margin-bottom: 1.5rem
}
  }

@media (min-width: 31.25rem) {

.gpp-select-box {
    margin: 0
}
  }

.gpp-bordered-content {
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
  border-radius: 0.375rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgba(199, 198, 198, 1);
  border-color: rgba(199, 198, 198, var(--tw-border-opacity));
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}

@media (min-width: 45rem) {

.gpp-sidebar-main {
    background: none
}
  }

@media (max-width: 45rem) {

.gpp-sidebar-main {
    --tw-bg-opacity: 1;

    background-color: rgba(231, 249, 255, 1);

    background-color: rgba(231, 249, 255, var(--tw-bg-opacity))
}
  }

@media (max-width: 45rem) {

#gpp-sidebar-content {
    margin-top: -0.5rem
}
  }

@media (max-width: 45rem) {

#gpp-sidebar-content {
    padding-right: 0.75rem;

    padding-bottom: 1rem;

    padding-left: 0.75rem
}
  }

.gpp-field-trip-nav {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  height: 42px;
}

@media (min-width: 45rem) {

.gpp-field-trip-nav {
    display: none
}
  }

@media (max-width: 45rem) {

.gpp-field-trip-nav {
    margin-bottom: 0.75rem;

    width: 100%;

    padding-right: 1.25rem;

    padding-left: 1.5rem;

    font-size: .875rem;

    font-weight: 400;

    --tw-text-opacity: 1;

    color: rgba(1, 35, 69, 1);

    color: rgba(1, 35, 69, var(--tw-text-opacity))
}
  }

.gpp-field-trip-nav > div {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
  }

@media (max-width: 45rem) {

.gpp-field-trip-nav-caret-up-down {
    padding-top: 4px
}
  }

@media (max-width: 45rem) {

.gpp-field-trip-nav-question-mark {
    opacity: 1;

    border: 1px solid rgba(62, 68, 171, 0.1);

    padding: 0.6rem 0.55rem;

    display: inline-block
}
  }

@media (max-width: 45rem) {

.gpp-field-trip-nav-question-mark {
    margin-right: 0.75rem;

    height: 1.5rem;

    width: 1.5rem;

    border-radius: 9999px;

    --tw-bg-opacity: 1;

    background-color: rgba(1, 35, 69, 1);

    background-color: rgba(1, 35, 69, var(--tw-bg-opacity));

    font-size: .6875rem;

    font-weight: 700;

    line-height: 0;

    --tw-text-opacity: 1;

    color: rgba(255, 255, 255, 1);

    color: rgba(255, 255, 255, var(--tw-text-opacity))
}
  }

.gpp-input-field {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}

@media (min-width: 31.25em) {

.gpp-input-field {
    width: 50%
}
  }

.gpp-grade-select {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  padding: 0px;
  width: 155px;
  height: 52px;
  background: #FFFFFF;
  border: 1px solid #C7C6C6;
  border-radius: 3px;
  -ms-flex-order: 1;
      order: 1;
  -ms-flex-positive: 0;
      flex-grow: 0;
  font-style: normal;
  font-weight: 700;
  font-size: 18px;
  line-height: 32px;
  color: #383736;
  margin-right: 15px;
  padding-left: 4px;
}

@media (max-width:501px) {

.gpp-grade-select {
    margin-bottom: 10px;

    width:50%;

    padding: 10px !important;

    padding-bot: 0px !important
}
  }

.gpp-grade-add-button {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  font-family: 'Brother1816';
  font-weight: 700;
  font-size: 14px;
  padding: 14px 22px;
  width: 165px;
  height: 44px;
  background: #FFFFFF;
  color: var(--depths);
  margin-top:4px;
  border: 0.25px solid var(--depths);
  border-radius: 3px;
  -ms-flex-order: 1;
      order: 1;
  -ms-flex-positive: 0;
      flex-grow: 0;
}

@media (max-width: 501px) {

.gpp-grade-add-button {
    width: 50%
}
  }

.gpp-grade-add-button.-disabled {
    opacity: .4;
  }

.gpp-plus {
  position: absolute;
  left: 0%;
  right: 0%;
  top: 25%;
  bottom: 21.67%;
  font-family: 'Font Awesome 5 Free';
  font-style: normal;
  font-weight: 900;
  font-size: 16px;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  text-align: center;
  color: var(--depths);
}

.gpp-grade-select-container {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  margin-top: 20px;
  margin-bottom: 30px;
}

@media (max-width: 501px) {

.gpp-grade-select-container {
    -ms-flex-flow: column wrap;
    flex-flow: column wrap
}
  }

.gpp-error-message {
  padding: 20px 20px 15px 0px;
  font-family: "Brother1816";
  color: #BF3B3E;
}

.add-on-description, .add-on-description > p {
  margin-top: 0;
  font-size: 1rem;
  line-height: 1.5625em;
}

.gpp-generic-error {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  height: 50vh;
  margin: 0 10vw;
}

.itinerary-item-container {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  padding: 1.25rem;
}

.flex-col.itinerary-item-container > * {
  max-width: 100%;
}

.itinerary-program-info {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-direction: row;
  flex-direction: row;
  margin: 0px 23px 10px;
  font-size: 14px;
}

.itinerary-program-info p {
    margin-top: 0;
    margin-bottom: 0;
  }

@media (max-width: 500px) {

.itinerary-program-info > p:not(:first-child) {
      display: -ms-flexbox;
      display: -webkit-box;
      display: flex;

      -ms-flex-wrap: wrap;

          flex-wrap: wrap
  }
    }

.itinerary-lunch-info {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-direction: row;
  flex-direction: row;
  margin-top: 15px;
  font-size: 14px;
}

.item-header-container {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  font-size: 21px;
}

.itinerary-remove-button {
  font-size: 14px;
  font-weight: 700;
  color: var(--depths);
  padding-bottom: 8px;
  margin: 8px 0px 20px 20px;
  text-decoration: underline;
}

.itinerary-cannot-remove-message {
  font-size: 14px;
  font-weight: 400;
  padding-bottom: 8px;
  margin: 8px 0px 0px 20px;
}

.itinerary-grade-dropdown-student-availability {
  font-weight: 400;
  font-size: 12px;
  display: block;
}

.itinerary-checkmark {
  border: thin rgba(0, 0, 0, 0.08);
  border-radius: 9999px;
  background-color: var(--chlorophyll);
  height: 24px;
  line-height: 0px;
  margin-right: 24px;
}

.itinerary-edit-button-container {
  margin-top: auto;
  margin-bottom: auto;
  margin-left: auto;
}

.itinerary-edit-button {
  font-size: 14px;
  font-weight: 700;
  color: var(--depths);
  padding: 8px;
  text-decoration: underline;
}

.itinerary-lunch-error-container {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
}

.itinerary-last-lunch-error {
  -ms-flex-direction: column;
  flex-direction: column;
  margin-top: 14px;
  font-size: 21px;
}

.exclamation {
  fill: #BF3B3E
}

.error-red {
  color: #BF3B3E;
}

.yellow-container {
  border-width: 1px;
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: rgba(247, 249, 15, 1);
  border-color: rgba(247, 249, 15, var(--tw-border-opacity));
  padding: 1.25rem;
  background-color: #F7F90F38; /* opacity 22% */
  border-radius: 3px;
}

.resident-messaging-container {
  margin-bottom: 1.25rem;
}

.resident-messaging-container .gpp-subheader-blue, .resident-messaging-container .gpp-description-text {
    margin-bottom: 13px;
  }

.gpp-promo-messaging {
  margin-top: 24px;
}

/* <  375px */ /* From tailwind --lg = 60em =  < 960px */ /* >= 960px */ /* 960px - 1168px */ /* Values from Tailwind Config */ /* 500px */ /* 499px */ /* 720px */ /* 719px */ /* 960px */ /* 1200px */ /* 1280px */ :root {
  --mobile-logo-height: 41px;
  --mobile-logo-width: 126px;
  --mobile-header-height: 70px;
  --mobile-header-button-height: 40px;
  --ecomm-header-logo-height: 33px;
  --ecomm-desktop-header-logo-width: 213px;
  --ecomm-mobile-header-logo-width: 105px;
  --desktop-utility-height: 3.5rem;  /* 56px */
  --desktop-header-height: 5.25rem;  /* 84px */
  --desktop-logo-height: 2.75rem;    /* 44px */
  --desktop-logo-width: 8.75rem;     /* 140px */
  --desktop-logo-tight-scale-factor: 0.85;
  --desktop-search-height: 2.5rem;   /* 40px */
  --desktop-search-width: 23.75rem;  /* 380px */
  --max-content-width: 75rem;        /* 1200px */
  --ease-out-cubic: cubic-bezier(0.215, 0.61, 0.355, 1);
  --ease-out-circ: cubic-bezier(0.075, 0.82, 0.165, 1);
  --white: #fff;
  --depths: #012345;
  --caribbean-reef: #327ABD;
  --driftwood: #D5C6B4;
  --river-stone-grey: #757777;
  --kelp: #004225;
  --chlorophyll: #008666;
  --green: #51E172;
  --medium-gray: #C7C6C6;
  --dark-gray: #383736;
  --black-8: rgba(0,0,0,0.08);
  --black-22: rgba(0,0,0,0.22);
  --height-target: 2.75rem;
} .container_PL9nm {
  margin-left: 0;
  margin-right: 0;
  margin-top: 1.25rem;
  width: 100%;
} .wrapper_SzUpZ {
  position: relative;
  margin-bottom: 1.5rem;
  width: 100%;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  -ms-flex-direction: row;
  flex-direction: row;
} .interactionDisabled_b8D13 {
  /* @apply hidden; */
} .navBar_wHXYs {
  position: absolute;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  width: 100%;
  -ms-flex-pack: justify;
      justify-content: space-between;
} .navButtonPrev_ypwL2, .navButtonNext_tFaoR {
  margin-top: 1rem;
  height: 2rem;
  width: 2rem;
  cursor: pointer;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  border-radius: 9999px;
  border-width: 1px;
  border-style: solid;
  border-color: rgba(255,255,255,0.22);
  --tw-text-opacity: 1;
  color: rgba(255, 255, 255, 1);
  color: rgba(255, 255, 255, var(--tw-text-opacity));
} .flex-col_eRx83.navButtonPrev_ypwL2 > *, .flex-col_eRx83.navButtonNext_tFaoR > *{
  max-width: 100%;
} .navButtonPrev_ypwL2 {
  margin-right: auto;
  margin-left: 1rem;
  background: url(/packs/static/images/previous-small-2e22335a4f3c9729e8eb.svg) no-repeat;
  background-position: 50%;
  background-position: calc(50% - 1px);
} .navButtonPrev_ypwL2:not(.navButtonInteractionDisabled_SEHli) {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
  } @media (min-width: 60em){ .navButtonPrev_ypwL2 {
    background-size: 9px;

    margin-top: 1.25rem;

    margin-left: 1.5rem;

    height: 2.75rem;

    width: 2.75rem
}
  } .navButtonNext_tFaoR {
  margin-right: 1rem;
  margin-left: auto;
  background: url(/packs/static/images/next-small-b0003f6483bada02d287.svg) no-repeat;
  background-position: 50%;
  background-position: calc(50% + 1px);
} .navButtonNext_tFaoR:not(.navButtonInteractionDisabled_SEHli) {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
  } @media (min-width: 60em){ .navButtonNext_tFaoR {
    background-size: 9px;

    margin-top: 1.25rem;

    margin-right: 1.5rem;

    height: 2.75rem;

    width: 2.75rem
}
  } .navButtonInteractionDisabled_SEHli {
  display: none;
} .months_WviTA {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
} .month_R5JrI {
  -ms-flex: 1 1;
      flex: 1 1;
} .caption_RCVv4 {
  margin: 0;
  border-top-left-radius: 0.375rem;
  border-top-right-radius: 0.375rem;
  --tw-bg-opacity: 1;
  background-color: rgba(1, 35, 69, 1);
  background-color: rgba(1, 35, 69, var(--tw-bg-opacity));
  padding: 1.5rem;
  text-align: center;
  font-size: .75rem;
  font-weight: 700;
  text-transform: uppercase;
  --tw-text-opacity: 1;
  color: rgba(255, 255, 255, 1);
  color: rgba(255, 255, 255, var(--tw-text-opacity));
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
} .weekdays_QCc1f {
  padding-top: 0.5rem;
  border-left: 1px solid rgba(0,0,0,0.22);
  border-left: 1px solid var(--black-22);
  border-right: 1px solid rgba(0,0,0,0.22);
  border-right: 1px solid var(--black-22);
} .weekdaysRow_pZv6i {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
} .weekday_AwBlB {
  -ms-flex: 1 1;
      flex: 1 1;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  text-align: center;
  font-size: .6875rem;
  font-weight: 700;
  text-transform: uppercase;
  --tw-text-opacity: 1;
  color: rgba(1, 35, 69, 1);
  color: rgba(1, 35, 69, var(--tw-text-opacity));
} .body_eXCvK {
  border-bottom-right-radius: 0.375rem;
  border-bottom-left-radius: 0.375rem;
  padding-bottom: 0.5rem;
  border: 1px solid rgba(0,0,0,0.22);
  border: 1px solid var(--black-22);
  border-top: 0;
} .week_gbWTK {
  margin-bottom: 0.75rem;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
} .weekNumber_VWl56 {
  cursor: pointer;
  padding: 0.75rem;
} @media (min-width: 45em){ .weekNumber_VWl56 {
    padding: 1.5rem
}
  } .day_VZ1SG {
  position: relative;
  height: 2.75rem;
  cursor: pointer;
  border-radius: 9999px;
  text-align: center;
  font-size: 1rem;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgba(0, 134, 102, 1);
  color: rgba(0, 134, 102, var(--tw-text-opacity));
  line-height: 2.75rem;
  line-height: var(--height-target);
  max-width: 2.75rem;
  max-width: var(--height-target);
  -ms-flex-preferred-size: 2.75rem;
      flex-basis: 2.75rem;
  -ms-flex-preferred-size: var(--height-target);
      flex-basis: var(--height-target);
  -ms-flex-negative: 1;
      flex-shrink: 1;
  -ms-flex-positive: 1;
      flex-grow: 1;
  border: 1px solid;
} .day_VZ1SG[class*='disabled'] {
    background: transparent none repeat 0 0 / auto auto padding-box border-box scroll;
    background: initial;
    color: #dce0e0;
    cursor: default;
    border: none;
  } /* default modifiers */ .today_vtSPI {
  background-color: #00866633;
  --tw-text-opacity: 1;
  color: rgba(0, 134, 102, 1);
  color: rgba(0, 134, 102, var(--tw-text-opacity));
} .selected_hNlyN {
  --tw-bg-opacity: 1;
  background-color: rgba(1, 35, 69, 1);
  background-color: rgba(1, 35, 69, var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgba(255, 255, 255, 1);
  color: rgba(255, 255, 255, var(--tw-text-opacity));
} .disabled_jsyPP {
  background: transparent none repeat 0 0 / auto auto padding-box border-box scroll;
  background: initial;
  color: #dce0e0;
  cursor: default;
  border: none;
} /* unused */ .footer_d7Wwa {
} .todayButton_ixOa1 {
} /* unused but required by DayPicker */ .outside_bEbej {
  background: transparent none repeat 0 0 / auto auto padding-box border-box scroll;
  background: initial;
  border: none;
}


/*# sourceMappingURL=group-purchases-c867ff43.css.map*/