/**
 * 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);
  }
}
.wwf-packet {
  position: relative;
  color: #fff;
  margin-bottom: 1.25rem;
}
@media (min-width: 768px) {
  .wwf-packet {
    margin-bottom: 0;
    padding: 1.25rem;
    padding-bottom: 0;
  }
}
.wwf-packet--body {
  position: relative;
  display: flex;
  padding: 1.25rem;
  background-size: cover;
}
@media (min-width: 768px) {
  .wwf-packet--body {
    height: calc(100% - 65px);
  }
}
.wwf-packet--body .inner {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 1.25rem;
  padding-bottom: 1.875rem;
  background: #000;
  transition: transform 0.4s cubic-bezier(0.39, 0.575, 0.28, 0.995), opacity 0.3s linear;
}
@media (min-width: 768px) {
  .wwf-packet--body .inner {
    padding: 2.375rem 2.625rem;
    padding-bottom: 3.125rem;
    opacity: 0;
    transform: translateY(25px);
  }
}
.wwf-packet--body .inner > *:last-child {
  margin-bottom: 0;
}
.wwf-packet--body .inner > *:last-child.wp-block-wwf-wwf-link, .wwf-packet--body .inner > *:last-child.wp-block-wwf-wwf-button {
  justify-self: flex-end;
  margin-top: auto;
}
.wwf-packet--bottom {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  width: 100%;
}
@media (min-width: 768px) {
  .wwf-packet--bottom {
    width: calc(100% - 40px);
    margin-left: 40px;
    margin-top: -55px;
  }
}
.wwf-packet--title {
  position: relative;
  display: inline-block;
  padding: 0.875rem;
  margin: 0;
  max-width: 100%;
  font-family: "WWF", "Open Sans", apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-size: 1.3125rem;
  line-height: 1.4;
  letter-spacing: 0.0625rem;
  text-transform: uppercase;
  background: #000;
  opacity: 1;
  transition: transform 0.26s cubic-bezier(0.39, 0.575, 0.28, 0.995), opacity 0.26s 0.026s linear;
}
@media (min-width: 768px) {
  .wwf-packet--title {
    max-width: calc(100% - 40px);
    padding: 1.75rem;
    font-size: 1.875rem;
  }
}
@media (min-width: 768px) {
  .wwf-packet:hover .wwf-packet--title, .wwf-packet:focus .wwf-packet--title {
    opacity: 0;
    transform: translateY(-40px);
    pointer-events: none;
  }
  .wwf-packet:hover .wwf-packet--body .inner, .wwf-packet:focus .wwf-packet--body .inner {
    opacity: 1;
    transform: translateY(0);
    transition: transform 0.4s cubic-bezier(0.39, 0.575, 0.28, 0.995), opacity 0.4s 0.05s linear;
  }
}

.wwf-packetset.front {
  display: flex;
  flex-wrap: wrap;
  justify-content: stretch;
  width: 100%;
  padding-bottom: 1.25rem;
}
@media (min-width: 768px) {
  .wwf-packetset.front {
    width: calc(100% + 40px);
    margin-left: -1.25rem;
    padding-bottom: 2.5rem;
  }
}
.wwf-packetset.front .wwf-packet {
  position: relative;
  width: 100%;
  margin-bottom: 1.875rem;
}
@media (min-width: 768px) {
  .wwf-packetset.front .wwf-packet {
    width: 50%;
  }
}
@media (min-width: 992px) {
  .wwf-packetset.front .wwf-packet {
    width: 33.33333%;
  }
  .wwf-packetset.front .wwf-packet:first-child:nth-last-child(1) {
    width: 50%;
  }
  .wwf-packetset.front .wwf-packet:first-child:nth-last-child(2), .wwf-packetset.front .wwf-packet:first-child:nth-last-child(2) ~ .wwf-packet {
    width: 50%;
  }
  .wwf-packetset.front .wwf-packet:first-child:nth-last-child(4), .wwf-packetset.front .wwf-packet:first-child:nth-last-child(4) ~ .wwf-packet {
    width: 50%;
  }
}

.wwf-packetset.edit > .block-editor-inner-blocks > .block-editor-block-list__layout {
  flex-wrap: wrap;
}
.wwf-packetset.edit > .block-editor-inner-blocks > .block-editor-block-list__layout > .wp-block {
  position: relative;
  width: 33.333333%;
  margin: 0;
}
.wwf-packetset.edit > .block-editor-inner-blocks > .block-editor-block-list__layout > .wp-block:first-child:nth-last-child(1) {
  width: 50%;
}
.wwf-packetset.edit > .block-editor-inner-blocks > .block-editor-block-list__layout > .wp-block:first-child:nth-last-child(2), .wwf-packetset.edit > .block-editor-inner-blocks > .block-editor-block-list__layout > .wp-block:first-child:nth-last-child(2) ~ .wp-block {
  width: 50%;
}
.wwf-packetset.edit > .block-editor-inner-blocks > .block-editor-block-list__layout > .wp-block:first-child:nth-last-child(3), .wwf-packetset.edit > .block-editor-inner-blocks > .block-editor-block-list__layout > .wp-block:first-child:nth-last-child(3) ~ .wp-block {
  width: 50%;
}
.wwf-packetset.edit > .block-editor-inner-blocks > .block-editor-block-list__layout > .wp-block:first-child:nth-last-child(5), .wwf-packetset.edit > .block-editor-inner-blocks > .block-editor-block-list__layout > .wp-block:first-child:nth-last-child(5) ~ .wp-block {
  width: 50%;
}

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