a {
  text-decoration: none;
  color: #000000;
  -webkit-transition: color .3s ease-out;
  -moz-transition: color .3s ease-out;
  -o-transition: color .3s ease-out;
  transition: color .3s ease-out;
}
a:hover {
  color: rgb(7, 173, 236);
}

.active-desaturated::before {
  content: "";
}
a .active-desaturated {
  filter: saturate(0) contrast(.3) brightness(1.5);
  -webkit-transition: filter .4s ease-out;
  -moz-transition: filter .4s ease-out;
  -o-transition: filter .4s ease-out;
  transition: filter .4s ease-out;
}
a:hover .active-desaturated {
  filter: saturate(1) contrast(1) brightness(1);
}

/* Spacing */
.margin-sides-12pct {
  margin-left: 12%;
  margin-right: 12%;
}
.margin-top-0 {
  margin-top: 0;
}
.margin-bottom-0 {
  margin-bottom: 0;
}
.margin-top-40px {
  margin-top: 40px;
}
.margin-bottom-40px {
  margin-bottom: 40px;
}
.margin-vertical-40px {
  margin-top: 40px;
  margin-bottom: 40px;
}
.margin-top-80px {
  margin-top: 80px;
}
.margin-bottom-80px {
  margin-bottom: 80px;
}

.padding-bottom-40px {
  padding-bottom: 40px;
}
.padding-top-60px {
  padding-top: 60px;
}
.padding-top-80px {
  padding-top: 80px;
}
.padding-bottom-80px {
  padding-bottom: 80px;
}
.padding-vertical-80px {
  padding-top: 80px;
  padding-bottom: 80px;
}

.padding-sides-20px {
  padding-left: 20px;
  padding-right: 20px;
}
.padding-sides-12pct {
  padding-left: 12%;
  padding-right: 12%;
}
.padding-40px {
  padding: 40px;
}

.justified-text {
  text-align: justify;
}
.centered-text {
  text-align: center;
}

.middle-font {
  font-size: 18px;
}
.bold-font {
  font-weight: 600;
}

.line-spacing-1_5 {
  line-height: 1.5;
}

/*
 * Colors
 */
.blue-fill {
  background-color: rgb(7, 173, 236);
}
.yellow-fill {
  background-color: rgb(252, 212, 77);
}
.white-text {
  color: #ffffff;
}
.blue-text {
  color: rgb(7, 173, 236);
}

/**
 * Buttons
 */
.wp-block-button {
  position: relative;
  border: none !important;
  background: none !important;
}
.wp-block-button > .wp-block-button__link {
  position: relative;
  /* border-radius: 0; */
  /* border: 1px solid rgb(50, 55, 60); */
  border: none !important;
  /* background-color: rgb(50, 55, 60); */
  background: none !important;
  z-index: 1;
}
.wp-block-button::before, .wp-block-button::after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
}
.wp-block-button::before {
  background-color: #000000;
}
.wp-block-button::after {
  border: 0px solid #000000;
  /* cursor:  */
}
.wp-block-button:hover::before {
  opacity: .6;
}
.wp-block-button.is-style-outline::after {
  border-width: 1px;
}
.wp-block-button.is-style-outline:hover > .wp-block-button__link {
  color: #ffffff;
}
.wp-block-button.is-style-outline::before {
  opacity: 0;
}
.wp-block-button.is-style-outline:hover::before {
  opacity: 1;
}
/* .wp-block-button.is-style-outline > .wp-block-button__link {
  background: none;
  border: 1px solid;
} */
/* .wp-block-button.is-style-outline > .wp-block-button__link {
  border-width: 1px;
} */
.wp-block-button.blue-fill::before {
  background-color: rgba(7, 173, 236, 1);
}
.wp-block-button.blue-fill::after {
  border-color: rgba(7, 173, 236, 1);
}
/* .wp-block-button.blue-fill > .wp-block-button__link {
  color: rgb(0, 0, 0);
} */
/* .wp-block-button.blue > .wp-block-button__link {
  border-color: rgba(7, 173, 236, 1);
  background-color: rgba(7, 173, 236, 1);
}
.wp-block-button.blue:hover > .wp-block-button__link {
  border-color: rgba(7, 173, 236, 0);
  background-color: rgba(7, 173, 236, .6);
} */
.wp-block-button.white-fill:not(.is-style-outline) > .wp-block-button__link {
  color: #000000;
}
.wp-block-button.white-fill.is-style-outline > .wp-block-button__link {
  color: #ffffff;
}
.wp-block-button.white-fill.is-style-outline:hover > .wp-block-button__link {
  color: #000000;
}
.wp-block-button.white-fill::before {
  background-color: rgb(255, 255, 255);
}
.wp-block-button.white-fill::after {
  border-color: rgb(255, 255, 255);
}
/* .wp-block-button.white > .wp-block-button__link {
  border-color: rgb(255, 255, 1);
  color: rgba(255, 255, 255, 1);
  background-color: rgba(255, 255, 255, 1);
}
.wp-block-button.white:hover > .wp-block-button__link {
  color: rgba(7, 173, 236, 1);
  border-color: rgba(255, 255, 255, 0);
  background-color: rgba(255, 255, 255, .6);
} */
.wp-block-button.yellow-fill::before {
  background-color: rgba(252, 212, 77, 1);
}
.wp-block-button.yellow-fill::after {
  border-color: rgba(252, 212, 77, 1);
}
.wp-block-button.yellow-fill > .wp-block-button__link {
  color: rgb(0, 0, 0);
  /* border-color: rgba(252, 212, 77, 1);
  background-color: rgba(252, 212, 77, 1); */
}
/* .wp-block-button.yellow:hover > .wp-block-button__link {
  color: rgb(0, 0, 0);
  border-color: rgba(252, 212, 77, 0);
  background-color: rgba(252, 212, 77, .6);
} */

.wp-block-button.blue-text.is-style-outline:hover > .wp-block-button__link {
  color: rgb(7, 173, 236);
}
.wp-block-button.blue-text:not(.is-style-outline) > .wp-block-button__link {
  color: rgb(7, 173, 236);
}
.wp-block-button.yellow-text.is-style-outline:hover > .wp-block-button__link {
  color: rgb(252, 212, 77);
}
.wp-block-button.yellow-text:not(.is-style-outline) > .wp-block-button__link {
  color: rgb(252, 212, 77);
}

/**
 * Grids
 */
.wp-block-columns .wp-block-column {
  margin: 0;
  box-sizing: border-box;
}
.wp-block-columns.debug .wp-block-column {
  border: 1px solid #999999;
}
.wp-block-columns.center {
  justify-content: center;
}
.wp-block-columns.col-max-width-300px > .wp-block-column {
  max-width: 300px;
}
.wp-block-columns.col-max-width-460px > .wp-block-column {
  max-width: 460px;
}
.wp-block-columns.col-min-height-300px > .wp-block-column {
  min-height: 300px;
}
.wp-block-columns.col-min-height-460px > .wp-block-column {
  min-height: 460px;
}
.wp-block-columns.spacing-20px > .wp-block-column {
  margin-left: 20px;
  margin-right: 20px;
}
.wp-block-columns.spacing-20px > .wp-block-column:first-child {
  margin-left: 0;
}
.wp-block-columns.spacing-20px > .wp-block-column:last-child {
  margin-right: 0;
}
/**
 * Cards
 */
.card-preview-and-caption > .preview {
  width: 100%;
  height: 120px;
  background-clip: content-box;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
.card-preview-and-caption > .caption {
  display: block;
  width: 100%;
  text-align: center;
}
.card-cover {
  width: 100%;
  height: 100%;
  background-clip: content-box;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}