/**
 * Simple gallery paragraph
 */

// Colour variables used in this paragraph
$d-p-gallery-line-color: $color-agamemnon !default;
$d-p-gallery-line-color-inverted: $color-nestor !default;
$d-p-gallery-color: $color-hecuba !default;
$d-p-gallery-bold-color: $color-troilus !default;
$d-p-gallery-image-margin-bottom: 0 !default;

.paragraph--type--d-p-gallery {
  text-align: center;

  .field--name-field-d-main-title {
    @include font-main-header;
    text-align: center;

    &::after {
      @include decoration-header-line-main-center($d-p-gallery-line-color, $d-p-gallery-line-color-inverted);
    }
  }

  .field--name-field-d-media-icon {
    text-align: center;
  }

  .field--name-field-media-image, .field--name-field-media-oembed-video {
    margin: 0;
    a {
      @include font-body-standard;
    }
  }

  .field--name-field-d-media-image {
    img {
      width: 100%;
      height: auto;
      margin-bottom: $d-p-gallery-image-margin-bottom;
    }
  }
}

