/*--------------------------------------------------------------
## Color Palette
--------------------------------------------------------------*/

.has-tt-blue-color {
  color: #4ba7d9 !important;
}

.has-tt-blue-background-color {
  background-color: #4ba7d9 !important;
}

.has-tt-red-color {
  color: #aa001d !important;
}

.has-tt-red-background-color {
  background-color: #aa001d !important;
}

.has-tt-green-color {
  color: #25b561 !important;
}

.has-tt-green-background-color {
  background-color: #25b561 !important;
}

.has-tt-orange-color {
  color: #e9992f !important;
}

.has-tt-orange-background-color {
  background-color: #e9992f !important;
}

.has-tt-magenta-color {
  color: #a63687 !important;
}

.has-tt-magenta-background-color {
  background-color: #a63687 !important;
}

.has-tt-black-color {
  color: #111c28 !important;
}

.has-tt-black-background-color {
  background-color: #111c28 !important;
}

.has-tt-grey-color {
  color: #f7f7f7 !important;
}

.has-tt-grey-background-color {
  background-color: #f7f7f7 !important;
}

.wp-block-button__link {
  font-weight: bold;
  line-height: 1.5;
  padding: 16px 45px;
  border: 3px solid transparent;
  border-radius: 5px;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out,
    border-color 0.15s ease-in-out;
  box-shadow: 0px 3px 5px rgb(0 0 0 / 25%);
  -webkit-box-shadow: 0px 3px 5px rgb(0 0 0 / 25%);
}

.wp-block-button__link:hover {
  filter: brightness(85%) !important;
}

.is-style-outline > .wp-block-button__link {
  border: 3px solid;
}

.is-style-outline > .wp-block-button__link:hover {
  background-color: #ffffff;
}

.is-style-outline > .wp-block-button__link[style*="color:#ffffff"]:hover {
  color: #333333 !important;
}

.drop-shadow {
  -webkit-box-shadow: 0px 3px 5px rgb(0 0 0 / 25%);
  box-shadow: 0px 3px 5px rgb(0 0 0 / 25%);
}

.wp-block-button.extra-wide,
.wp-block-button.extra-wide a {
  display: block !important;
  width: 100%;
  max-width: 400px;
}

.wp-block-button.small a {
  padding: 6px 12px;
}

.wp-block-button.large a {
  padding: 14px 48px;
  font-size: 20px;
}