.button {
  background-color: #607780;
  color: white;
  border-radius: 20px;
}

.button:hover {
  background-color: #4c5e65;
}

.button.hollow {
  background-color: transparent;
  border: 3px solid #607780;
  color: #607780;
  padding-top: 14px;
  padding-bottom: 13px;
  border-radius: 20px;
  box-sizing: border-box; /* Ensures the border doesn't make the button larger */
  cursor: pointer;
}

.button.hollow:hover {
  background-color: transparent;
  border-color: #4c5e65; /* Darker border on hover */
  color: #4c5e65; /* Change text color on hover */
}





.shadow {box-shadow: -1.7px 1px 20px 0 rgba(0,0,0,.16);}
.shadow-v2 {box-shadow: 0 20px 20px 0 rgba(217,230,239,.72);}

a.black {color: #000;}
a.black:hover {color: #3557e3;}

.reveal.full {top: 0 !important;}

.align-center-small {
  @include breakpoint(small only) {
    -webkit-box-pack: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important;
  }
}

.align-center-medium {
  @include breakpoint(medium only) {
    -webkit-box-pack: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important;
  }
}

.align-center-large {
  @include breakpoint(large only) {
    -webkit-box-pack: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important;
  }
}







.tabs {
  margin: 0;
  border: none;
  background: none;
  list-style-type: none;
  display: flex;
  justify-content: space-between;
 }
  .tabs::before, .tabs::after {
    display: table;
    content: ' ';
    -webkit-flex-basis: 0;
        -ms-flex-preferred-size: 0;
            flex-basis: 0;
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
        -ms-flex-order: 1;
            order: 1; }
  .tabs::after {
    clear: both; }

.tabs.vertical > li {
  display: block;
  float: none;
  width: auto; }

.tabs.simple > li > a {
  padding: 0; }
  .tabs.simple > li > a:hover {
    background: transparent; }

.tabs.primary {
  background: #1779ba; }
  .tabs.primary > li > a {
    color: #fefefe; }
    .tabs.primary > li > a:hover, .tabs.primary > li > a:focus {
      background: #1673b1; }

.tabs-title {
  flex: 1 0 0;
  text-align: center;
}
.tabs-title > a {
    display: block;
    margin: 0px;
    padding: 10px;
    padding-bottom: 5px;
    font-size: 16px;
    font-weight: 400;
    line-height: 1;
    color: white; }
    [data-whatinput='mouse'] .tabs-title > a {
      outline: 0; }
    .tabs-title > a:hover {
      background: none;
      color: white; }
    .tabs-title > a:focus, .tabs-title > a[aria-selected='true'] {
      font-weight: 700;
      background: none;
      color: black; }
      
      
.logo > a {
      display: block;
      margin: 0px;
      padding: 10px;
      padding-bottom: 5px;
      color: white; }
      [data-whatinput='mouse'] .logo > a {
        outline: 0; }
      .logo > a:hover {
        background: none;
        color: white; }
      .logo > a:focus, .logo > a[aria-selected='true'] {
        filter: invert(100%);
        font-weight: 700;
        background: none;
      }

.tabs-content {
  border: 1px solid #e6e6e6;
  border-top: 0;
  background: #fefefe;
  color: #0a0a0a;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease; }

.tabs-content.vertical {
  border: 1px solid #e6e6e6;
  border-left: 0; }

.tabs-panel {
  display: none;
  padding: 1rem; }
  .tabs-panel.is-active {
    display: block; }