/* =content-item block
*/

.block-content-item {
  position: relative;
  margin: var(--wp--custom--layout--padding) 0;
}
.block-content-item .list-item {
  position: relative;
  background: var(--wp--preset--color--background);
}

.block-content-item .list-item--link {
  position: absolute;
  top: 0; left: 0; right: 0; bottom: 0;
  z-index: 10;
}

.block-content-item .wp-block-button__link {
  font-size: var(--wp--preset--font-size--tiny);
  padding: 0.5em;
}

/*Hide link on admin screen*/
.wp-admin .block-content-item .list-item--link {
  display: none !important;
}
.block-content-item .list-item__name h6 {
  font-family: var(--wp--preset--font-family--primary);
  margin: 0;
}
.block-content-item .list-item__description p {
  font-family: var(--wp--preset--font-family--primary);
  margin: 0;
}
.block-content-item .list-item__description a {
  text-decoration: underline;
}


/*Download Listing*/
.block-content-item .list-item.list-item--download {
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  gap: 2%;
  row-gap: 16px;
  margin: 0 0 0.5em;
  padding: 0.75em;
  border: 1px solid var(--wp--custom--color--gray-200);
  background: #fff;
  align-items: center;
  border-radius: 3px;
  text-decoration: none;
  color: var(--wp--custom--color--gray-800);
}

.block-content-item .list-item.list-item--download:hover, .block-content-item .list-item.list-item--download:focus, .block-content-item .list-item.list-item--download:active {
  color: var(--wp--custom--color--gray-800);
  background: var(--wp--custom--color--gray-100);
}
.block-content-item .list-item.list-item--audio:hover, .block-content-item .list-item.list-item--audio:focus, .block-content-item .list-item.list-item--audio:active {
  background: inherit;
}

.block-content-item .list-item.list-item--download + .list-item {
  padding: 0.75em;
  border-top-color: var(--wp--custom--color--gray-200);
}

.block-content-item .list-item.list-item--download .list-item__icon {
  display: block;
  flex-basis: 15%;
  max-width: 15%;
  width: 40px;
  height: 40px;
}
.block-content-item .list-item.list-item--download .list-item__icon img {
  display: block;
  width: 100%;
  max-width: 40px;
}
.block-content-item .list-item.list-item--download .list-item__name {
  flex-basis: 81%;
  max-width: 81%;
  margin: 0;
}
.block-content-item .list-item.list-item--download .list-item__name__secondary {
  display: block;
  color: var(--wp--custom--color--gray-600);
  font-weight: normal;
  margin-top: 0.25em;
  font-size: 75%;
}
.block-content-item .list-item.list-item--download .list-item__description {
  display: block;
  color: var(--wp--custom--color--gray-600);
  font-weight: normal;
  font-size: var(--wp--preset--font-size--tiny);
  margin-top: 0.25em;
}
.block-content-item .list-item.list-item--download .wp-block-button__link {
  align-self: center;
  width: 100%;
}
.block-content-item .list-item.list-item--download .list-item__name + p > a.wp-block-button__link {
  max-width: 100%;
}
.block-content-item .list-item .list-item--audio-player {
  flex-basis: 100%;
  max-width: 100%;
}

@media (min-width: 768px) {
  .block-content-item .list-item.list-item--download .list-item__icon {
    flex-basis: 10%;
    max-width: 10%;
  }
  .block-content-item .list-item.list-item--download .list-item__name {
    flex-basis: 60%;
    max-width: 60%;
  }
  .block-content-item .list-item.list-item--download .wp-block-button__link,
  .block-content-item .list-item.list-item--download .list-item__name + p {
    flex-basis: 26%;
    max-width: 26%;
    /*align-self: flex-end;*/
    margin-top: 0;
    padding-left: 0.75em;
    padding-right: 0.75em;
  }
}
@media (min-width: 1268px) {
  .block-content-item .list-item.list-item--download .list-item__icon {
    flex-basis: 6%;
    max-width: 6%;
  }
  .block-content-item .list-item.list-item--download .wp-block-button__link,
  .block-content-item .list-item.list-item--download .list-item__name + p {
    flex-basis: 30%;
    max-width: 30%;
  }
}

.block-content-item .list-item.list-item--read:hover,
.block-content-item .list-item.list-item--read:focus,
.block-content-item .list-item.list-item--read:active {
  background: #fff;
}
@media (min-width: 768px) {
  .block-content-item .list-item.list-item--read .list-item__name {
    flex-basis: 86%;
    max-width: 86%;
  }
}
@media (min-width: 1268px) {
  .block-content-item .list-item.list-item--read .list-item__name {
    flex-basis: 90%;
    max-width: 90%;
  }
}

/*Link Listing*/
.block-content-item .list-item.list-item--link {
  color: var(--wp--preset--color--primary);
}

/*Video Listing*/
.block-content-item .list-item--video {
  padding: 0.75em;
  border: 1px solid var(--wp--custom--color--gray-200);
  background: #fff;
  margin: 0 0 0.25em;
  border-radius: 3px;
}
.block-content-item .list-item--video iframe {
  border: 1px solid var(--wp--custom--color--gray-100);
}

.block-content-item .list-item--video + .list-item {
  padding: 0.75em;
  border-top-color: var(--wp--custom--color--gray-200);
}
.block-content-item .list-item--video .list-item__name {
  margin-top: 0;
}
.block-content-item .list-item--video .list-item__description {
  color: var(--wp--custom--color--gray-500);
  font-weight: normal;
  margin-top: 0.25em;
}