/**
 * Don't edit this file. Find all style at ./sass folder.
 **/
/* Bootstrap abstracts */
/* Bootstrap related abstracts */
@keyframes spinning {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.sheet-species {
  position: relative;
  overflow: hidden;
  padding-top: 1.25rem;
  padding-bottom: 3.75rem;
  z-index: 2;
}
.sheet-species:before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #F3F3F3;
}
.sheet-species.bottom-spacing {
  padding-bottom: 0;
}
.sheet-species.bottom-spacing:before {
  height: calc(100% - 65px);
}
@media (max-width: 1239.98px) {
  .sheet-species {
    overflow: hidden;
  }
}
.sheet-species .inner {
  position: relative;
  display: flex;
  flex-direction: column;
  margin: 0 auto;
}
@media (min-width: 992px) {
  .sheet-species .inner {
    flex-direction: row;
  }
}
@media (min-width: 576px) {
  .sheet-species .inner {
    max-width: 540px;
  }
}
@media (min-width: 768px) {
  .sheet-species .inner {
    max-width: 720px;
  }
}
@media (min-width: 992px) {
  .sheet-species .inner {
    max-width: 960px;
  }
}
@media (min-width: 1240px) {
  .sheet-species .inner {
    max-width: 1230px;
  }
}
.sheet-species__visual {
  position: relative;
  margin-bottom: -2.5rem;
}
@media (min-width: 992px) {
  .sheet-species__visual {
    position: relative;
    width: 35%;
    margin-bottom: 0;
    padding-top: 11.25rem;
    opacity: 1;
    z-index: 2;
  }
}
.sheet-species__visual img {
  position: relative;
  display: block;
  width: calc(100% + 60px);
  height: auto;
  transform: translateX(-80px);
}
@media (min-width: 768px) {
  .sheet-species__visual img {
    width: calc(100% + 120px);
    transform: translateX(-140px);
  }
}
@media (min-width: 992px) {
  .sheet-species__visual img {
    width: calc(100% + 200px);
    transform: translateX(-240px);
  }
}
.sheet-species__content {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  padding: 1.25rem;
  padding-top: 13.75rem;
}
@media (min-width: 992px) {
  .sheet-species__content {
    width: 65%;
  }
}
.sheet-species__content--half {
  width: 50%;
}
.sheet-species__content > .block-editor-inner-blocks {
  width: 100%;
}
.sheet-species__content-top {
  position: relative;
  width: 100%;
}
.sheet-species__block {
  position: relative;
}
.sheet-species__block:not(:last-child) {
  margin-bottom: 2.5rem;
}
.sheet-species__block--height {
  padding-right: 7.5rem;
}
.sheet-species__block--height:after {
  position: absolute;
  content: "";
  right: 0;
  top: 0;
  width: 5rem;
  height: 3.75rem;
  background-image: url(../../assets/sheet-animals/elephant-height.svg);
  background-size: 100% auto;
  background-repeat: no-repeat;
}
.sheet-species__block--habitat {
  padding-right: 7.5rem;
}
.sheet-species__block--habitat:after {
  position: absolute;
  content: "";
  right: 0;
  top: 0;
  width: 3.75rem;
  height: 3.75rem;
  background-image: url(../../assets/sheet-animals/elephant-map.png);
  background-size: 100% auto;
  background-repeat: no-repeat;
}
.sheet-species__main-title {
  position: absolute;
  top: 1.875rem;
  left: 0;
  width: 100%;
  font-size: 23vw;
  letter-spacing: 1vw;
  color: #E5E5E5;
  white-space: nowrap;
  text-transform: uppercase;
}
@media (min-width: 992px) {
  .sheet-species__main-title {
    font-size: 14.375rem;
    transform: translateX(-100px);
  }
}
@media (min-width: 992px) {
  .main-title--small .sheet-species__main-title {
    font-size: 11.25rem;
    transform: translateX(-190px);
    top: 4.375rem;
  }
}
.sheet-species__title {
  margin: 0;
  margin-bottom: 0.375rem;
  font-size: 1rem;
  letter-spacing: 0.0625rem;
  text-transform: uppercase;
}
.sheet-species__paragraph {
  font-size: 0.9375rem;
  margin-bottom: 0;
}
.sheet-species__paragraph.color-orange {
  color: #f07f00;
}
.sheet-species__adopt {
  position: relative;
  width: 100%;
  margin-top: 3.75rem;
  padding: 2.5rem;
  background: #009191;
  color: #fff;
}
@media (min-width: 992px) {
  .sheet-species__adopt {
    padding: 3.4375rem 4.375rem;
  }
}
.sheet-species__adopt * {
  max-width: 25.625rem;
}
.sheet-species__adopt .wp-block-wwf-wwf-buttonset {
  position: relative;
  display: flex;
  align-items: center;
  max-width: 100%;
  margin-right: 0;
}
.sheet-species__adopt .wp-block-wwf-wwf-buttonset > *:not(:last-child) {
  margin-right: 1.625rem;
}
.sheet-species__adopt .btn--primary,
.sheet-species__adopt .btn--secondary {
  background: #fff;
  color: #009191;
}
.sheet-species__adopt .btn--primary:after,
.sheet-species__adopt .btn--secondary:after {
  background-image: url("data:image/svg+xml;utf8,<svg width='147px' height='14px' viewBox='0 0 147 14' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'><path fill='%23FFFFFF' d='M0 7.60005053 5.28431 5.70287061 13.3934 3.88353068 20.7261 6.23663059 24.5 4.80000064 35.748 3.88353068 39.0527 2.57756073 47.3233 2.75439073 52.3627 0.899999799 56.4265 0 62.451 2.75439073 68.2157 4.50000066 77.432 2.75439073 86.4706 2.75439073 92.2353 1.55552077 103.645 6.23663059 109.276 6.92559056 114.517 5.70287061 118.91 5.70287061 122.254 7.94039052 126.833 9.26710047 135.951 8.70000049 147 9.60000045 147 21 0 21z'></path></svg>");
}
.sheet-species__adopt .btn--primary:hover,
.sheet-species__adopt .btn--secondary:hover {
  color: #009191;
}
.sheet-species__adopt .link--primary {
  color: #fff;
}
.sheet-species__adopt .link--primary:after {
  background-image: url("data:image/svg+xml;utf8,<svg width='19' height='17' viewBox='0 0 19 17' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M0 8.42002H13.4211' stroke='white' stroke-width='2.5'/><path d='M9.3877 1.64587L14.5851 8.60529L9.3877 15.5647' stroke='white' stroke-width='2.5'/></svg>");
}
.sheet-species .details-text .wp-block-wwf-wwf-buttonset {
  flex-direction: column;
  align-items: flex-start;
}

/*# sourceMappingURL=style.css.map */