/* anton-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Anton";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/anton-v23-latin-regular.woff2") format("woff2"), url("../fonts/anton-v23-latin-regular.woff") format("woff");
}
/* nunito-sans-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Nunito Sans";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/nunito-sans-v12-latin-regular.woff2") format("woff2"), url("../fonts/nunito-sans-v12-latin-regular.woff") format("woff");
}
/* nunito-sans-600 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Nunito Sans";
  font-style: normal;
  font-weight: 600;
  src: url("../fonts/nunito-sans-v12-latin-600.woff2") format("woff2"), url("../fonts/nunito-sans-v12-latin-600.woff") format("woff");
}
/* nunito-sans-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Nunito Sans";
  font-style: normal;
  font-weight: 700;
  src: url("../fonts/nunito-sans-v12-latin-700.woff2") format("woff2"), url("../fonts/nunito-sans-v12-latin-700.woff") format("woff");
}
/* nunito-sans-800 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Nunito Sans";
  font-style: normal;
  font-weight: 800;
  src: url("../fonts/nunito-sans-v12-latin-800.woff2") format("woff2"), url("../fonts/nunito-sans-v12-latin-800.woff") format("woff");
}
/* roboto-condensed-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Roboto Condensed";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/roboto-condensed-v25-latin-regular.woff2") format("woff2"), url("../fonts/roboto-condensed-v25-latin-regular.woff2") format("woff2"), url("../fonts/roboto-condensed-v25-latin-regular.woff") format("woff");
}
/* roboto-condensed-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Roboto Condensed";
  font-style: normal;
  font-weight: 700;
  src: url("../fonts/roboto-condensed-v25-latin-700.woff2") format("woff2"), url("../fonts/roboto-condensed-v25-latin-700.woff") format("woff");
}
.action-box {
  margin: 0 auto 1.3529411765rem auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  overflow: hidden;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  width: 100%;
  position: relative;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.action-box:focus-within {
  outline: 2px solid #008943;
  outline-offset: 2px;
  border: 2px solid #FFFFFF;
}
.action-box:hover, .action-box:focus-within {
  -webkit-box-shadow: 0 6px 15px -5px rgba(0, 0, 0, 0.25);
  box-shadow: 0 6px 15px -5px rgba(0, 0, 0, 0.25);
}

.action-box__media {
  background-size: cover;
  background-position: 50% 0;
  background-repeat: no-repeat;
  min-height: 220px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.action-box__content {
  padding: 1.2941176471rem;
  text-align: center;
  background-color: #767676;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.action-box__content-title {
  margin-top: 0;
  margin-bottom: 0.6764705882rem;
  font-size: 1.7647058824rem;
  font-family: "Roboto Condensed", Helvetica, Arial, sans-serif;
  font-weight: 700;
  line-height: 1;
  letter-spacing: -0.015em;
}
.action-box__content-title a {
  text-decoration: none;
  color: #FFFFFF;
}
.action-box__content-title a::after {
  position: absolute;
  content: "";
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.action-box__content-title a:focus {
  text-decoration: underline;
  outline: none;
}
.action-box__content-content {
  margin-top: 0.6764705882rem;
  margin-bottom: 0.6764705882rem;
  color: #FFFFFF;
}
.action-box__content p {
  margin: 0;
}
.action-box__content-footer {
  margin-top: 0.6764705882rem;
  margin-bottom: 0.6764705882rem;
  padding-top: 0.6764705882rem;
  border-top: 1px solid rgba(255, 255, 255, 0.15);
  color: #FFFFFF;
}
.action-box__content-action {
  margin-top: auto;
  -ms-flex-item-align: center;
  align-self: center;
}
.action-box__content-action.btn-primary:hover {
  color: #9c5006;
}

.action-box__border {
  display: block;
  height: 10px;
  background-color: #767676;
}

.action-box--purple .action-box__content {
  background-color: #662D91;
}
.action-box--purple .action-box__content:hover, .action-box--purple .action-box__content:focus-within {
  background-color: #58277e;
}
.action-box--purple .action-box__media + .action-box__content::before {
  border-color: transparent transparent #662D91;
}
.action-box--purple .action-box__border {
  background-color: #a381bd;
}

.action-box--green-mid .action-box__content {
  background-color: #009949;
}
.action-box--green-mid .action-box__content:hover, .action-box--green-mid .action-box__content:focus-within {
  background-color: #00803d;
}
.action-box--green-mid .action-box__media + .action-box__content::before {
  border-color: transparent transparent #009949;
}
.action-box--green-mid .action-box__border {
  background-color: #66c292;
}

.action-box--blue .action-box__content {
  background-color: #008671;
}
.action-box--blue .action-box__content:hover, .action-box--blue .action-box__content:focus-within {
  background-color: #006d5b;
}
.action-box--blue .action-box__media + .action-box__content::before {
  border-color: transparent transparent #008671;
}
.action-box--blue .action-box__border {
  background-color: #66b6aa;
}

.action-box--pink .action-box__content {
  background-color: #CE3890;
}
.action-box--pink .action-box__content:hover, .action-box--pink .action-box__content:focus-within {
  background-color: #be2f83;
}
.action-box--pink .action-box__media + .action-box__content::before {
  border-color: transparent transparent #CE3890;
}
.action-box--pink .action-box__border {
  background-color: #e288bc;
}

.action-box--orange .action-box__content {
  background-color: #E67E1D;
}
.action-box--orange .action-box__content:hover, .action-box--orange .action-box__content:focus-within {
  background-color: #d27117;
}
.action-box--orange .action-box__media + .action-box__content::before {
  border-color: transparent transparent #E67E1D;
}
.action-box--orange .action-box__border {
  background-color: #f0b277;
}

.action-box--green-camarone .action-box__content {
  background-color: #007236;
}
.action-box--green-camarone .action-box__content:hover, .action-box--green-camarone .action-box__content:focus-within {
  background-color: #00592a;
}
.action-box--green-camarone .action-box__media + .action-box__content::before {
  border-color: transparent transparent #007236;
}
.action-box--green-camarone .action-box__border {
  background-color: #66aa86;
}

@media (prefers-reduced-motion: no-preference) {
  .action-box:hover,
  .action-box:focus-within {
    -webkit-transform: scale(1.01);
    transform: scale(1.01);
  }
}
.action-box__inner {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}