@import url("https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta2/dist/css/bootstrap.min.css");
@import url("https://fonts.googleapis.com/css2?family=Montserrat&display=swap");
body {
  font-family: "Montserrat", sans-serif;
}

.header {
  background-color: #00AE58;
  color: white;
}
.header h3 {
  line-height: 66px;
  margin-bottom: 0px;
}

fieldset.cookies-wrapper .row .col.name {
  color: white;
  padding: 16px 20px;
  position: relative;
  font-size: 24px;
  font-weight: 600;
  line-height: 44px;
}
fieldset.cookies-wrapper .row .col.name:after {
  content: "";
  position: absolute;
  top: 0px;
  right: -24px;
  width: 24px;
  height: 58px;
  width: 0;
  height: 0;
  border-top: 0px solid transparent;
  border-bottom: 80px solid transparent;
}
fieldset.cookies-wrapper .row .col.name img {
  max-width: 100px;
}
fieldset.cookies-wrapper .row.adventurefuls .col.name {
  background-color: #d5ca9f;
}
fieldset.cookies-wrapper .row.adventurefuls .col.name:after {
  border-left: 24px solid #d5ca9f;
}
fieldset.cookies-wrapper .row.thin-mints .col.name {
  background-color: #17A458;
}
fieldset.cookies-wrapper .row.thin-mints .col.name:after {
  border-left: 24px solid #17A458;
}
fieldset.cookies-wrapper .row.samoas .col.name {
  background-color: #7C4597;
}
fieldset.cookies-wrapper .row.samoas .col.name:after {
  border-left: 24px solid #7C4597;
}
fieldset.cookies-wrapper .row.lemonups .col.name {
  background-color: #e6c414;
}
fieldset.cookies-wrapper .row.lemonups .col.name:after {
  border-left: 24px solid #e6c414;
}
fieldset.cookies-wrapper .row.trefoils .col.name {
  background-color: #0C5DA7;
}
fieldset.cookies-wrapper .row.trefoils .col.name:after {
  border-left: 24px solid #0C5DA7;
}
fieldset.cookies-wrapper .row.dosidos .col.name {
  background-color: #FBC471;
}
fieldset.cookies-wrapper .row.dosidos .col.name:after {
  border-left: 24px solid #FBC471;
}
fieldset.cookies-wrapper .row.tagalongs .col.name {
  background-color: #E22045;
}
fieldset.cookies-wrapper .row.tagalongs .col.name:after {
  border-left: 24px solid #E22045;
}
fieldset.cookies-wrapper .row.smores .col.name {
  background-color: #7c4d3b;
}
fieldset.cookies-wrapper .row.smores .col.name:after {
  border-left: 24px solid #7c4d3b;
}
fieldset.cookies-wrapper .row.toffeetastic .col.name {
  background-color: #21C9BD;
}
fieldset.cookies-wrapper .row.toffeetastic .col.name:after {
  border-left: 24px solid #21C9BD;
}
fieldset.cookies-wrapper input.form-control {
  width: 30%;
  margin-left: 35%;
  height: 60px;
  font-size: 30px;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}

fieldset.customer-info input.invalid {
  border-color: red;
}

.cookie-sum {
  font-size: 20px;
}

hr {
  margin: 40px 0 40px !important;
}

.btn.btn-primary {
  background-color: #00AE58;
  border-color: #00AE58;
}
.btn.btn-primary:hover {
  background-color: #009447;
  border-color: #009447;
}

#login-form, #order-form {
  display: none;
}

.offline-sales-wrapper {
  display: none;
  align-items: center;
  margin-bottom: 0px;
}
.offline-sales-wrapper span {
  padding-left: 4px;
}