@-webkit-keyframes read-more-arrow {
  0%,
  100% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  50% {
    -webkit-transform: translate(5px, 0);
    transform: translate(5px, 0);
  }
}

@-o-keyframes read-more-arrow {
  0%,
  100% {
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  50% {
    -o-transform: translate(5px, 0);
    transform: translate(5px, 0);
  }
}

@keyframes read-more-arrow {
  0%,
  100% {
    -webkit-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  50% {
    -webkit-transform: translate(5px, 0);
    -o-transform: translate(5px, 0);
    transform: translate(5px, 0);
  }
}

@-webkit-keyframes download-hover {
  0%,
  100% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  50% {
    -webkit-transform: translate(0, 5px);
    transform: translate(0, 5px);
  }
}

@-o-keyframes download-hover {
  0%,
  100% {
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  50% {
    -o-transform: translate(0, 5px);
    transform: translate(0, 5px);
  }
}

@keyframes download-hover {
  0%,
  100% {
    -webkit-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  50% {
    -webkit-transform: translate(0, 5px);
    -o-transform: translate(0, 5px);
    transform: translate(0, 5px);
  }
}

.block-inline-blockvarbase-rich-text-block {
  position: relative;
}

.block-inline-blockvarbase-rich-text-block h2 {
  margin-bottom: 25px;
}

.block-inline-blockvarbase-rich-text-block .content-wrapper .details-wrapper {
  margin-top: 15px;
}

.block-inline-blockvarbase-rich-text-block .content-wrapper .field--name-field-links .field__item {
  float: left;
  margin-top: 15px;
  margin-right: 30px;
}

.block-inline-blockvarbase-rich-text-block .content-wrapper .field--name-field-links .field__item:last-of-type {
  margin-right: 0;
}

.block-inline-blockvarbase-rich-text-block .content-wrapper .field--name-field-links a {
  display: inline-block;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 49px;
  padding: 14px 23px;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  text-transform: uppercase;
  color: #fff;
  border: none;
  border-radius: 0;
  background-color: #fa7828;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.38;
}

.block-inline-blockvarbase-rich-text-block .content-wrapper .field--name-field-links a:hover,
.block-inline-blockvarbase-rich-text-block .content-wrapper .field--name-field-links a:focus {
  color: #fff;
  background-color: #ff914d;
}

.block-inline-blockvarbase-rich-text-block .content-wrapper .field--name-field-file.file-download {
  margin-top: 15px;
  text-align: right;
}

.block-inline-blockvarbase-rich-text-block .content-wrapper .read-more-arrow {
  margin-top: 15px;
  text-align: right;
}

.blocks-equal-height .col-12 .block-inline-blockvarbase-rich-text-block {
  position: relative;
  height: 100%;
}

.blocks-equal-height .col-12 .block-inline-blockvarbase-rich-text-block .details-wrapper {
  position: absolute;
  right: 0;
  bottom: 15px;
}

.blocks-equal-height .col-12 .block-inline-blockvarbase-rich-text-block .content-wrapper {
  padding-bottom: 82px;
}

.blocks-equal-height .col-12 .rich-block-wrapper {
  position: static;
}

.bg-primary.bg-color.block-layout-builder.block-inline-blockvarbase-rich-text-block .read-more-arrow a,
.bg-primary .block-layout-builder.block-inline-blockvarbase-rich-text-block .read-more-arrow a,
.bg-secondary.bg-color.block-layout-builder.block-inline-blockvarbase-rich-text-block .read-more-arrow a,
.bg-secondary .block-layout-builder.block-inline-blockvarbase-rich-text-block .read-more-arrow a,
.bg-yellow.bg-color.block-layout-builder.block-inline-blockvarbase-rich-text-block .read-more-arrow a,
.bg-yellow .block-layout-builder.block-inline-blockvarbase-rich-text-block .read-more-arrow a,
.bg-image.bg-color.block-layout-builder.block-inline-blockvarbase-rich-text-block .read-more-arrow a,
.bg-image .block-layout-builder.block-inline-blockvarbase-rich-text-block .read-more-arrow a {
  color: #fff;
}

.bg-primary.bg-color.block-layout-builder.block-inline-blockvarbase-rich-text-block .read-more-arrow a::after,
.bg-primary .block-layout-builder.block-inline-blockvarbase-rich-text-block .read-more-arrow a::after,
.bg-secondary.bg-color.block-layout-builder.block-inline-blockvarbase-rich-text-block .read-more-arrow a::after,
.bg-secondary .block-layout-builder.block-inline-blockvarbase-rich-text-block .read-more-arrow a::after,
.bg-yellow.bg-color.block-layout-builder.block-inline-blockvarbase-rich-text-block .read-more-arrow a::after,
.bg-yellow .block-layout-builder.block-inline-blockvarbase-rich-text-block .read-more-arrow a::after,
.bg-image.bg-color.block-layout-builder.block-inline-blockvarbase-rich-text-block .read-more-arrow a::after,
.bg-image .block-layout-builder.block-inline-blockvarbase-rich-text-block .read-more-arrow a::after {
  background-image: url(../../images/white-readmore.svg);
}

.bg-primary.bg-color.block-layout-builder.block-inline-blockvarbase-rich-text-block .read-more-arrow a:hover,
.bg-primary .block-layout-builder.block-inline-blockvarbase-rich-text-block .read-more-arrow a:hover,
.bg-secondary.bg-color.block-layout-builder.block-inline-blockvarbase-rich-text-block .read-more-arrow a:hover,
.bg-secondary .block-layout-builder.block-inline-blockvarbase-rich-text-block .read-more-arrow a:hover,
.bg-yellow.bg-color.block-layout-builder.block-inline-blockvarbase-rich-text-block .read-more-arrow a:hover,
.bg-yellow .block-layout-builder.block-inline-blockvarbase-rich-text-block .read-more-arrow a:hover,
.bg-image.bg-color.block-layout-builder.block-inline-blockvarbase-rich-text-block .read-more-arrow a:hover,
.bg-image .block-layout-builder.block-inline-blockvarbase-rich-text-block .read-more-arrow a:hover {
  text-decoration: none;
}

.bg-primary.bg-color.block-layout-builder.block-inline-blockvarbase-rich-text-block .read-more-arrow a:hover::after,
.bg-primary .block-layout-builder.block-inline-blockvarbase-rich-text-block .read-more-arrow a:hover::after,
.bg-secondary.bg-color.block-layout-builder.block-inline-blockvarbase-rich-text-block .read-more-arrow a:hover::after,
.bg-secondary .block-layout-builder.block-inline-blockvarbase-rich-text-block .read-more-arrow a:hover::after,
.bg-yellow.bg-color.block-layout-builder.block-inline-blockvarbase-rich-text-block .read-more-arrow a:hover::after,
.bg-yellow .block-layout-builder.block-inline-blockvarbase-rich-text-block .read-more-arrow a:hover::after,
.bg-image.bg-color.block-layout-builder.block-inline-blockvarbase-rich-text-block .read-more-arrow a:hover::after,
.bg-image .block-layout-builder.block-inline-blockvarbase-rich-text-block .read-more-arrow a:hover::after {
  -webkit-animation: read-more-arrow 1s ease-in-out;
  -o-animation: read-more-arrow 1s ease-in-out;
  animation: read-more-arrow 1s ease-in-out;
}

.bg-primary.bg-color.block-layout-builder.block-inline-blockvarbase-rich-text-block .file-download a,
.bg-primary .block-layout-builder.block-inline-blockvarbase-rich-text-block .file-download a,
.bg-secondary.bg-color.block-layout-builder.block-inline-blockvarbase-rich-text-block .file-download a,
.bg-secondary .block-layout-builder.block-inline-blockvarbase-rich-text-block .file-download a,
.bg-yellow.bg-color.block-layout-builder.block-inline-blockvarbase-rich-text-block .file-download a,
.bg-yellow .block-layout-builder.block-inline-blockvarbase-rich-text-block .file-download a,
.bg-image.bg-color.block-layout-builder.block-inline-blockvarbase-rich-text-block .file-download a,
.bg-image .block-layout-builder.block-inline-blockvarbase-rich-text-block .file-download a {
  color: #fff;
}

.bg-primary.bg-color.block-layout-builder.block-inline-blockvarbase-rich-text-block .file-download a::after,
.bg-primary .block-layout-builder.block-inline-blockvarbase-rich-text-block .file-download a::after,
.bg-secondary.bg-color.block-layout-builder.block-inline-blockvarbase-rich-text-block .file-download a::after,
.bg-secondary .block-layout-builder.block-inline-blockvarbase-rich-text-block .file-download a::after,
.bg-yellow.bg-color.block-layout-builder.block-inline-blockvarbase-rich-text-block .file-download a::after,
.bg-yellow .block-layout-builder.block-inline-blockvarbase-rich-text-block .file-download a::after,
.bg-image.bg-color.block-layout-builder.block-inline-blockvarbase-rich-text-block .file-download a::after,
.bg-image .block-layout-builder.block-inline-blockvarbase-rich-text-block .file-download a::after {
  background-image: url(../../images/download-icon-orange.svg);
}

.bg-image .block-inline-blockvarbase-rich-text-block {
  padding: 115px;
}

@media (max-width: 991.98px) {
  .bg-image .block-inline-blockvarbase-rich-text-block {
    padding: 100px;
    padding-left: 30px;
  }
}

@media (max-width: 767.98px) {
  .bg-image .block-inline-blockvarbase-rich-text-block {
    padding: 15px;
  }
}

@media (min-width: 768px) {
  .bg-image .block-inline-blockvarbase-rich-text-block .read-more-arrow {
    text-align: left;
  }
}

@media (max-width: 767.98px) {
  .bg-image.hide-image-on-mobile {
    background-color: #fa7828;
    background-image: none !important;
  }
}
