.visually-hidden:not(:focus):not(:active) {
  clip: rect(0 0 0 0);
  clip-path: inset(100%);
  height: 1px;
  overflow: hidden;
  position: absolute;
  white-space: nowrap;
  width: 1px; }

.tabs .tab-headings {
  text-align: center; }
  .tabs .tab-headings .heading {
    display: inline-block;
    vertical-align: top;
    background: #fff;
    font-family: "Agenda", Arial, Helvetica, sans-serif;
    cursor: pointer;
    padding: 0 35px;
    -webkit-transition: color 0.25s ease-in-out;
    -moz-transition: color 0.25s ease-in-out;
    -ms-transition: color 0.25s ease-in-out;
    transition: color 0.25s ease-in-out;
    margin-top: 4px;
    margin-bottom: 4px; }
    @media screen and (min-width: 768px) {
      .tabs .tab-headings .heading {
        padding: 0 50px; } }
    .tabs .tab-headings .heading span {
      display: block;
      position: relative;
      padding: 0 18px 0 0;
      line-height: 35px; }
      .tabs .tab-headings .heading span:before, .tabs .tab-headings .heading span:after {
        content: "Line";
        display: block;
        width: 1px;
        height: 9px;
        background: #767d84;
        position: absolute;
        right: 4px;
        top: 14px;
        text-align: left;
        text-indent: -9999px;
        -webkit-transition: background 0.25s ease-in-out;
        -moz-transition: background 0.25s ease-in-out;
        -ms-transition: background 0.25s ease-in-out;
        transition: background 0.25s ease-in-out; }
      .tabs .tab-headings .heading span:after {
        width: 9px;
        height: 1px;
        right: 0;
        top: 18px; }
    .tabs .tab-headings .heading.active-tab {
      color: #444;
      margin-top: 0;
      margin-bottom: 0; }
      .tabs .tab-headings .heading.active-tab span {
        line-height: 43px; }
      .tabs .tab-headings .heading.active-tab span:before {
        display: none; }
      .tabs .tab-headings .heading.active-tab span:after, .tabs .tab-headings .heading.active-tab span:before {
        background: #444;
        top: 22px; }

.tabs .tab-content {
  padding: 20px;
  background: #fff; }
  @media screen and (min-width: 768px) {
    .tabs .tab-content {
      padding: 40px; } }
  @media screen and (min-width: 960px) {
    .tabs .tab-content {
      padding: 50px 60px; } }
  @media screen and (min-width: 1060px) {
    .tabs .tab-content {
      padding: 55px 75px; } }
  @media screen and (min-width: 1180px) {
    .tabs .tab-content {
      padding: 60px 85px; } }
  @media screen and (min-width: 1280px) {
    .tabs .tab-content {
      padding: 65px 100px; } }

.js .tabs .tab-content {
  display: none; }

/*# sourceMappingURL=booking-tabs.css.map */