@charset "UTF-8";

@font-face {
  font-family: 'Aeonik Regular';
  src: local('Aeonik Regular'), local('assets/fonts/AeonikPro-Regular'),
    url('fonts/AeonikPro-Regular.woff2') format('woff2'),
    url('fonts/AeonikPro-Regular.woff') format('woff');
}

@font-face {
  font-family: 'Aeonik Bold';
  src: local('Aeonik Bold'), local('assets/fonts/AeonikPro-Bold'),
    url('fonts/AeonikPro-Bold.woff2') format('woff2'),
    url('fonts/AeonikPro-Bold.woff') format('woff');
}

@font-face {
  font-family: 'Poppins Regular';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/poppins-v20-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
    url('fonts/poppins-v20-latin-regular.eot?#iefix')
      format('embedded-opentype'),
    /* IE6-IE8 */ url('fonts/poppins-v20-latin-regular.woff2') format('woff2'),
    /* Super Modern Browsers */ url('fonts/poppins-v20-latin-regular.woff')
      format('woff'),
    /* Modern Browsers */ url('fonts/poppins-v20-latin-regular.ttf')
      format('truetype'),
    /* Safari, Android, iOS */
      url('fonts/poppins-v20-latin-regular.svg#Poppins') format('svg'); /* Legacy iOS */
}

body,
html {
  margin: 0;
  padding: 0;
  font-family: 'Aeonik Regular', 'Poppins Regular', -apple-system,
    BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell,
    'Helvetica Neue', Arial, sans-serif;
  font-size: 16px;
  line-height: 1.5;
  color: #000;
  background-color: #fff;
}
.button {
  position: relative;
  padding: 8px 16px;
  background: #009579;
  border: none;
  outline: none;
  border-radius: 2px;
  cursor: pointer;
}

.button:active {
  background: #007a63;
}

.button__text {
  font: bold 20px 'Quicksand', san-serif;
  color: #ffffff;
  transition: all 0.2s;
}

.button--loading .button__text {
  visibility: hidden;
  opacity: 0;
}

.button--loading::after {
  content: '';
  position: absolute;
  width: 16px;
  height: 16px;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  border: 4px solid transparent;
  border-top-color: #ffffff;
  border-radius: 50%;
  animation: button-loading-spinner 1s ease infinite;
}

@keyframes button-loading-spinner {
  from {
    transform: rotate(0turn);
  }

  to {
    transform: rotate(1turn);
  }
}

button {
  font-family: 'Aeonik Pro', 'Poppins', -apple-system, BlinkMacSystemFont,
    'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', Arial,
    sans-serif;
}

button:hover {
  cursor: pointer;
}

.term-button,
.sb-readmore,
.sb-button,
.sb-clean-button,
.sb-button-cta,
.sb-code-button,
.sb-menu-button,
.sb-submit,
input[type='submit'].gform_button {
  background-color: #fff;
  font-size: 16px;
  line-height: 1;
  padding: 14px 35px;
  border: 1px solid rgba(0, 0, 0, 0.75);
  box-shadow: 0 0 0 0.25px rgba(0, 0, 0, 0.75);
  border-radius: 50px;

  text-decoration: none;
  color: #000;
  display: inline-block;
  align-self: flex-start;
  white-space: nowrap;
}
@media (min-width: 600px) {
  .term-button,
  .sb-readmore,
  .sb-button,
  .sb-clean-button,
  .sb-button-cta,
  .sb-code-button,
  .sb-menu-button,
  .sb-submit,
  input[type='submit'].gform_button {
    font-size: 18px;
    padding: 16px 40px;
    line-height: 1;
  }
}

.sb-menu-button,
.sb-small-button,
.sb-submit {
  font-size: 14px;
  padding: 12px 28px;
}

.sb-small-button {
  line-height: 16px;
}

.term-button {
  border: 1px solid rgba(239, 236, 229, 0.75);
  box-shadow: 0 0 0 0.25px rgba(239, 236, 229, 0.75);
  background: #efece5;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  font-size: 1rem;
}

.sb-small-button:hover {
  animation: mobile-small-button-hover 200ms 1 ease-in-out;
  animation-fill-mode: forwards;
}
@media (min-width: 600px) {
  .sb-small-button:hover {
    animation-name: small-button-hover;
  }
}

.sb-button:hover {
  animation: mobile-button-hover 200ms 1 ease-in-out;
  animation-fill-mode: forwards;
}
@media (min-width: 600px) {
  .sb-button:hover {
    animation-name: button-hover;
  }
}

.sb-button:hover::before {
  animation: arrow-hover 200ms 1 ease-in-out;
  animation-fill-mode: forwards;
}

.sb-submit:hover {
  color: #fff;
  background-color: #000;
}

.sb-button:hover::before {
  content: '→';
  font-size: 18px;
  position: absolute;
  margin-left: -15px;
  margin-top: 0;
}

.sb-readmore {
  padding-left: 48px;
  padding-right: 35px;
}

.sb-readmore::before {
  content: '+';
  font-size: 18px;
  position: absolute;
  margin-left: -15px;
  margin-top: 2px;
}

.button-active {
  position: relative;
}
.sb-button.button-active::before,
.sb-readmore.button-active::before,
.sb-menu-button.button-active::before,
.sb-submit.button-active::before,
input[type='submit'].gform_button.button-active::before {
  content: '';
  position: absolute;
  width: 8px;
  height: 8px;
  margin-left: -23px;
  margin-top: 0;
  border: 4px solid transparent;
  border-top-color: #111;
  border-radius: 50%;
  animation: button-loading-spinner 1.5s ease-in-out infinite;
}
.sb-button.button-active[aria-disabled='true'] {
  cursor: wait;
  border: 1px solid rgba(0, 0, 0, 0.75);
  box-shadow: 0 0 0 0.25px rgba(0, 0, 0, 0.75);
  background: #efece5;
}

.sb-button-cta.button-active[aria-disabled='true'] {
  cursor: wait;
  border: 1px solid rgba(239, 236, 229, 0.75);
  box-shadow: 0 0 0 0.25px rgba(239, 236, 229, 0.75);
}

.sb-menu-button,
.sb-button-cta,
input[type='submit'].gform_button {
  border: none;
  box-shadow: none;
  background: #ff9300;
  border: 1px solid rgba(255, 147, 0, 0.75);
  box-shadow: 0 0 0 0.25px rgba(255, 147, 0, 0.75);
}

.sb-button.sb-button-hover:hover {
  background: #000;
  color: #fff;
}
.sb-button.sb-button-hover[aria-disabled='true'],
.sb-button.sb-button-hover[aria-disabled='true']:hover {
  cursor: not-allowed;
  border: 1px solid rgb(158, 156, 149, 0.75);
  box-shadow: 0 0 0 0.25px rgba(158, 156, 149, 0.75);
  background: rgb(158, 156, 149);
  color: #fff;
}

.sb-button.sb-button-hover:hover::before {
  content: '';
}
.sb-small-button:hover::before {
  content: '→';
  position: absolute;
  margin-left: -15px;
  margin-top: 0;
}

.clean-button {
  border: none;
  background: none;
  display: block;
}