html {
  box-sizing: border-box; }

*, *::after, *::before {
  box-sizing: inherit; }

.event-gallery #gallery {
  column-count: 1; }
  @media screen and (min-width: 768px) {
    .event-gallery #gallery {
      column-count: 3; } }
  .event-gallery #gallery img {
    width: 100%;
    height: auto;
    margin-bottom: 0.7em; }

.mfp-content .gallery-popup {
  background: none;
  color: #000; }
  .mfp-content .gallery-popup img {
    width: 100%;
    height: auto;
    margin-bottom: 0.7em; }
  .mfp-content .gallery-popup .social-share {
    float: right; }
  .mfp-content .gallery-popup .mfp-close {
    color: #eaeaea; }

.photo-galleries #photo-gallery-hero {
  text-align: center;
  background-size: cover; }
  .photo-galleries #photo-gallery-hero .inside-night {
    color: #fff;
    background: linear-gradient(transparent, #1a1a1a) !important; }
    .photo-galleries #photo-gallery-hero .inside-night i {
      color: #fff; }
  .photo-galleries #photo-gallery-hero .inside {
    position: absolute;
    bottom: 0;
    max-width: 100%;
    width: 100%;
    background: linear-gradient(rgba(255, 255, 255, 0), white); }
    .photo-galleries #photo-gallery-hero .inside i {
      font-size: 4em; }
    .photo-galleries #photo-gallery-hero .inside h3, .photo-galleries #photo-gallery-hero .inside p {
      margin: 0; }
    .photo-galleries #photo-gallery-hero .inside h1 {
      margin-bottom: 0.25em; }
.photo-galleries .inside-gallery {
  max-width: 100%;
  padding-top: 2em;
  padding-bottom: 3em;
  margin-bottom: -3em;
  background: #fff; }
  @media screen and (min-width: 768px) {
    .photo-galleries .inside-gallery .gallery {
      column-count: 3;
      column-gap: 1.25em; } }
  @media screen and (min-width: 950px) {
    .photo-galleries .inside-gallery .gallery {
      column-count: 4; } }
  .photo-galleries .inside-gallery .gallery img {
    width: 100%;
    height: auto;
    margin-bottom: 1em; }
.photo-galleries .inside-night {
  background: #1A1A1A; }

.single-photo_gallery .mfp-content .mfp-close {
  color: #fff; }
.single-photo_gallery .mfp-content .white-popup {
  background: none;
  max-width: 100%;
  color: #000; }
  @media screen and (min-width: 950px) {
    .single-photo_gallery .mfp-content .white-popup {
      max-width: 70%; } }
  .single-photo_gallery .mfp-content .white-popup .social-share {
    text-align: right; }
  .single-photo_gallery .mfp-content .white-popup img {
    margin: 0 auto 1em;
    display: block;
    max-width: 100%; }