body, html{
  background-color:#faf9f9 !important;
}
body{
  font-family: null,BlinkMacSystemFont,-apple-system,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue","Helvetica","Arial",sans-serif !important;
  color: #000 !important;
}
#headlineBlock{
  background-color: #EFE9E7 !important;
}
nav.navbar, div.navbar-dropdown {
  background: #1b98d5 !important;
}
.navbar-burger {
  color: #fff;
  margin-top: 15px;
}
.navbar-item, .navbar-link {
  background: #1b98d5 !important;
  color: #fff !important;
}
.navbar-item:hover {
  background: #000000 !important;
  color: #fff !important;
}
input, select, textarea{
  background-color: #fff !important;
  color: #363636 !important;
  border-color: #dbdbdb !important;
  border-width: 1px !important;
  border-radius: 4px !important;
}
.steps .step-item .step-marker{
  border-radius: 50% !important;
}
.step{
  background-color: #fff !important;
  color: #000 !important;
  border-color: #b8bbbe !important;
  border-width: 1px !important;
  border-radius: 5px !important;
}
.unit{
  background-color: #fff !important;
  color: #000 !important;
  border-color: #b8bbbe !important;
  border-width: 0px !important;
  border-radius: 4px !important;
}
.unit-active{
  background-color: #fff !important;
  color: #000 !important;
  border-color: #4C4E4F !important;
  border-width: 1px !important;
  border-radius: 4px !important;
}
.discount-insurance-box{
  border: solid;
  background-color: #f5f5f5 !important;
  color: #000 !important;
  border-color: #000 !important;
  border-width: 0px !important;
  border-radius: 0px !important;
}
.price-summary-box{
  border: solid;
  background-color: #f5f5f5 !important;
  color: #000 !important;
  border-color: #000 !important;
  border-width: 0px !important;
  border-radius: 0px !important;
}
.unit-active .button{
  border-color: #54407f !important;
  border-width: 0px !important;
  border-radius: 9999px !important;
  transition: background-color 0.3s, color 0.3s !important;
  background-color: #54407f !important;
  color: #fff !important;
}
.unit-active .button:hover{
  background-color: $$SelectedUnitButtonHoverColour !important;
  color: $$SelectedUnitButtonTextHoverColour !important;
}
.slogan-title{
  font-weight: 600 !important;
  font-size: 3rem !important;
  color: #000 !important;
}
.home-title{
  font-weight: 600 !important;
  font-size: 2.5rem !important;
  color: #000 !important;
}
.home-subtitle{
  font-weight: 600 !important;
  font-size: 2rem !important;
  color: #000 !important;
}
.booking-title{
  font-weight: 600 !important;
  font-size: 2rem !important;
  color: #000 !important;
}
.user-details-title{
  font-weight: 600 !important;
  font-size: 1.25rem !important;
  color: #000 !important;
}
.button, .primary-button {
  border-color: #54407f !important;
  border-width: 0px !important;
  border-radius: 9999px !important;
  transition: background-color 0.3s, color 0.3s !important;
  background-color: #2e7ab2 !important;
  color: #fff !important;
}
.button:hover, .primary-button:hover {
  background-color: $$ButtonHoverColour !important;
  color: $$ButtonTextHoverColour !important;
}
.is-primary {
  background-color: $$ButtonHoverColour !important;
}
button.is-info{
  background-color: $$ButtonHoverColour !important;
}
a.is-info{
  background-color: $$ButtonHoverColour !important;
}
.switch[type=checkbox].is-info:checked + label::before{
  background-color: #2e7ab2 !important;
}
.tabs.is-toggle li.is-active a {
  background-color: #2e7ab2 !important;
  border-color: #2e7ab2 !important;
  color: #fff !important;
}
.steps .step-item.is-completed .step-marker {
  background-color: #2e7ab2 !important;
}
.steps .step-item.is-active .step-marker {
  background-color: #fff !important;
  color: #2e7ab2 !important;
  border-color: #2e7ab2 !important;
}
.steps .step-item::before {
  background: linear-gradient(to left, #dbdbdb 50%, #2e7ab2 50%) !important;
  background-size: 200% 100% !important;
  background-position: right bottom !important;
}
.switch[type=checkbox].is-info:checked + label::before{
  background-color: #2e7ab2 !important;
}
@media screen and (min-width: 1024px){
  .has-navbar-fixed-top{
    padding-top: 4rem !important;
  }
  .navbar-logo{
    max-height: 50px !important;
  }
  .navbar{
    min-height: 4rem !important;
  }
}
footer {
  h1 {
    color: #fff !important;
  }
  color: #fff !important;
}
footer{
  a{
    color:#fff !important;
    text-decoration: underline;
  }
}
.footer {
  background: #1b98d5 !important;
  color: #fff !important;
  h1 {
    color: #fff;
  }
  ul {
    list-style-type: none;
  }
  a {
    color: #fff;
    &:hover {
      text-decoration: underline;
    }
  }
  i {
    color: #fff;

    &:hover {
      filter: brightness(85%);
    }
  }
}