/**
 * @file
 * Node Styles
 */

/* General Node Styles */
.main-content {
  min-height: 450px;
  padding: 1rem 0 0 0;
}

.main-content .node-page-title {
  font-size: 36px;
  font-weight: 600;
  margin: 0 0 1rem 0;
}

.content-container {
  padding: 0 1rem 1rem 1rem;
}

.node .field--type-image {
  float: none;
  margin: 0;
}

.node__content {
  padding: 0 0 2rem 0;
}

.node__content .field__label {
  font-weight: 600;
}

.node__content .field__label:after {
  content: ":";
}

@media only screen and (max-width: 768px) {
  .content-body {
    padding: 0;
  }
}

/* Video Gallery Node Styles */
.node--type-video .field--name-field-gallery {
  display: flex;
  flex-wrap: wrap;
  gap: 2rem;
}

@media only screen and (max-width: 768px) {
  .node--type-video .field--name-field-gallery {
    display: block;
  }
}

.node--type-video .field--name-field-gallery > .field__item {
  width: calc((100% - 4rem) / 3);
}

@media only screen and (max-width: 768px) {
  .node--type-video .field--name-field-gallery > .field__item {
    width: 100%;
    margin: 0 0 2rem 0;
  }
}

.node--type-video
  .field--name-field-gallery
  .field--name-field-media-oembed-video {
  margin: 0;
}

.node--type-video .field--name-field-gallery .field__label {
  display: none;
}

.node--type-video .field--name-field-gallery .field--name-name .field__item {
  font-size: 18px;
  font-weight: 600;
}

.node--type-video .field--name-field-gallery .field__item img {
  padding: 0.25rem;
  --dot-bg: #136a85;
  --dot-color: #187998;
  --dot-size: 1px;
  --dot-space: 5px;
  background: linear-gradient(
        90deg,
        var(--dot-bg) calc(var(--dot-space) - var(--dot-size)),
        transparent 1%
      )
      center / var(--dot-space) var(--dot-space),
    linear-gradient(
        var(--dot-bg) calc(var(--dot-space) - var(--dot-size)),
        transparent 1%
      )
      center / var(--dot-space) var(--dot-space),
    var(--dot-color);
}

.page-node-type-beyond-the-walls .field--name-field-btw-image img {
  width: auto;
}