/**
 * What's New component
 */
/** Colors **/
/** Typography **/
@-webkit-keyframes ajax-spinner {
  0% {
    -webkit-transform: rotateZ(0deg);
    transform: rotateZ(0deg); }
  100% {
    -webkit-transform: rotateZ(360deg);
    transform: rotateZ(360deg); } }
@keyframes ajax-spinner {
  0% {
    -webkit-transform: rotateZ(0deg);
    transform: rotateZ(0deg); }
  100% {
    -webkit-transform: rotateZ(360deg);
    transform: rotateZ(360deg); } }

.paragraph--type--whats-new .flickity-page-dots .dot {
  background: #fff;
  opacity: 1;
  width: 15px;
  height: 15px;
  margin: 0 6px; }
  .paragraph--type--whats-new .flickity-page-dots .dot.is-selected {
    border: 1px solid #fff; }

.paragraph--type--whats-new .flickity-prev-next-button {
  height: 35px;
  width: 35px; }
  .paragraph--type--whats-new .flickity-prev-next-button.next {
    right: -45px; }
  .paragraph--type--whats-new .flickity-prev-next-button.previous {
    left: -45px; }

.paragraph--type--whats-new .whats-new-header {
  color: #000;
  text-align: center; }
  .paragraph--type--whats-new .whats-new-header span {
    color: #fff;
    font-weight: bold; }

.whats-new-wrapper {
  margin: 0 auto; }
  .whats-new-wrapper .views-field-rendered-entity {
    width: 100%; }

body[class*="prevention"] .whats-new-header,
body[class*="mental-health"] .whats-new-header {
  color: #fff; }
  body[class*="prevention"] .whats-new-header span,
  body[class*="mental-health"] .whats-new-header span {
    color: #fff;
    font-weight: normal; }

.whats-new-item {
  width: 100%; }
  .whats-new-item .short-card-swipe {
    margin: 0 auto; }
  .whats-new-item .short-card-swipe__image__title {
    background-color: unset;
    color: #003561;
    font-size: 16px;
    font-weight: bold;
    position: relative;
    z-index: 10; }
    .whats-new-item .short-card-swipe__image__title::before {
      content: '';
      background: #fff;
      position: absolute;
      top: -25px;
      width: 100%;
      left: 0;
      height: 92px;
      z-index: -1;
      -webkit-transform: skew(0deg, -7deg);
      -ms-transform: skew(0deg, -7deg);
      transform: skew(0deg, -7deg); }