/**
 * COLORS
 * settings/colors.scss
 */
/**
 * GRID SETTINGS
 * settings/grid.scss
 */
/* -> Grid settings -- */
/* -> Breakpoints settings -- */
/* -> Breakpoints -- */
/* --
   -- @inlcude media($breakpoint)			max viewport width of $breakpoint-max
   -- @include media($minimum-breakpoint) 	viewport of at least the next lowest breakpoint after $breakpoint + 1px
   -- @include media($only-breakpoint) 		viewport between the next lowest breakpoint after $breakpoint + 1px and $breakpoint
*/
/**
 * TYPOGRAPHY
 * settings/typo.scss
 */
.dine__booker {
  font-family: "Graphik-Regular", sans-serif;
  font-size: 16px;
  font-weight: normal;
  box-sizing: border-box;
  min-width: 300px;
  min-height: 214px;
  border-radius: 4px;
  border: solid 1px #cccccc;
  background-color: #ffffff;
}
.dine__booker *, .dine__booker *::before, .dine__booker *::after {
  box-sizing: border-box;
}
.dine__booker__title {
  background-color: #f5f5f5;
  text-align: center;
  height: 36px;
}
.dine__booker__title h4 {
  font-size: 24px;
  font-weight: 500;
  margin: 0;
  padding: 0;
  color: #454545;
  line-height: 36px;
}
.dine__booker__form {
  margin: 0;
  padding: 0;
}
.dine__booker__section {
  display: flex;
  border-bottom: 1px solid #cccccc;
  align-items: center;
  padding: 16px 24px;
}
.dine__booker__label {
  display: block;
  font-size: 12px;
  color: #757575;
}
.dine__booker__input-group {
  width: 100%;
}
.dine__booker__input-group select {
  margin-left: -3px;
}
.dine__booker__form-control {
  font-family: "Graphik-Regular", sans-serif;
  border: none;
  background-color: #ffffff;
  font-size: 16px;
  color: #454545;
}
.dine__booker__form-control.dropdown {
  display: block;
  position: relative;
}
.dine__booker__submit {
  display: block;
  width: 100%;
  height: 48px;
  border-radius: 4px;
  background-color: #06556e;
  font-size: 12px;
  font-weight: 500;
  text-align: center;
  color: #ffffff;
  white-space: nowrap;
  line-height: 48px;
  text-decoration: none;
}
.dine__booker__submit:hover {
  color: #ffffff;
  text-decoration: none;
}
.dine__booker .wb-input-icon {
  width: 36px;
  height: 24px;
}
.dine__booker.single-row {
  border: none;
  min-height: auto;
  padding: 0;
}
@media screen and (min-width: 1000px) {
  .dine__booker.single-row {
    min-height: 80px;
    padding: 8px 24px;
    border: solid 1px #cccccc;
    background-color: #f5f5f5;
  }
}
.dine__booker.single-row .dine__booker__title {
  display: none;
  flex-grow: 1;
  height: auto;
}
@media screen and (min-width: 1000px) {
  .dine__booker.single-row .dine__booker__title {
    display: block;
  }
}
.dine__booker.single-row .dine__booker__title h4 {
  line-height: 64px;
}
.dine__booker.single-row .dine__booker__form {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.dine__booker.single-row .dine__booker__section {
  height: 64px;
  padding: 8px 12px;
  background-color: #ffffff;
  border-top: 1px solid #cccccc;
  border-left: 1px solid #cccccc;
}
.dine__booker.single-row .dine__booker__section:nth-child(2) {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.dine__booker.single-row .dine__booker__section:last-child {
  border-right: 1px solid #cccccc;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.dine__booker.single-row .dine__booker__submit {
  padding: 0 28px;
}
.dine__booker.single-col .dine__booker__input-group select {
  width: 100%;
}
.dine__booker.block {
  min-height: 250px;
  padding: 8px 24px;
  border: solid 1px #cccccc;
  background-color: #f5f5f5;
}
.dine__booker.block .dine__booker__title {
  flex-grow: 1;
  height: auto;
}
.dine__booker.block .dine__booker__title h4 {
  line-height: 64px;
  margin-top: 24px;
}
.dine__booker.block .dine__booker__headerblock {
  justify-content: center;
  margin: -2px auto;
}
.dine__booker.block .dine__booker__container {
  width: 648px;
  margin: 0 auto;
}
.dine__booker.block .dine__booker__form {
  margin: 0 auto;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.dine__booker.block .dine__booker__section {
  height: 64px;
  padding: 8px 12px;
  background-color: #ffffff;
  border-top: 1px solid #cccccc;
  border-left: 1px solid #cccccc;
  flex-grow: 1;
}
.dine__booker.block .dine__booker__section:first-child {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.dine__booker.block .dine__booker__section:last-child {
  border-right: 1px solid #cccccc;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.dine__booker.block .dine__booker__submit {
  max-width: 252px;
  padding: 0 28px;
  margin: 24px auto;
}

/*# sourceMappingURL=reso-booker.css.map */