.pswp__ui .pswp__top-bar {
  background: transparent; }

#main .dcgallery__name {
  max-width: 1170px;
  margin: 20px auto 0;
  font-family: "industrial736_btroman", Garamond, "Hoefler Text", Times New Roman, Times, serif !important; }

.dcgallery {
  margin: 20px auto;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  /* You can set flex-wrap and flex-direction individually */
  -ms-flex-direction: row;
  -webkit-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  /* Or do it all in one line with flex flow */
  -ms-flex-flow: row wrap;
  -webkit-flex-flow: row wrap;
  flex-flow: row wrap;
  /* tweak the where items line up on the row */
  /* valid values are: flex-start, flex-end, space-between, space-around, stretch */
  -ms-flex-line-pack: flex-start;
  -webkit-align-content: flex-start;
  align-content: flex-start; }
  .dcgallery > figure {
    width: 40.25%;
    padding: 1px; }
  .dcgallery > div {
    width: 59.75%;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    /* You can set flex-wrap and flex-direction individually */
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    /* Or do it all in one line with flex flow */
    -ms-flex-flow: row wrap;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
    /* tweak the where items line up on the row */
    /* valid values are: flex-start, flex-end, space-between, space-around, stretch */
    -ms-flex-line-pack: space-between;
    -webkit-align-content: space-between;
    align-content: space-between; }
    .dcgallery > div > figure {
      width: calc(100% / 3);
      padding: 1px; }
      .dcgallery > div > figure.more {
        flex: 2;
        position: relative; }
        .dcgallery > div > figure.more span {
          display: -ms-flexbox;
          display: -webkit-flex;
          display: flex;
          -webkit-box-pack: center;
          -moz-box-pack: center;
          -ms-flex-pack: center;
          -webkit-justify-content: center;
          justify-content: center;
          -webkit-box-align: center;
          -moz-box-align: center;
          -ms-flex-line-pack: center;
          -webkit-align-content: center;
          align-content: center;
          -ms-flex-align: center;
          -webkit-align-items: center;
          align-items: center;
          background: rgba(0, 0, 0, 0.8);
          color: #fff;
          top: 0;
          bottom: 0;
          left: 0;
          right: 0;
          position: absolute;
          transition: background 0.2s;
          margin: 1px; }
          .dcgallery > div > figure.more span > p {
            margin: auto; }
          .dcgallery > div > figure.more span:hover {
            background: rgba(50, 50, 50, 0.6); }
  .dcgallery figure:hover img {
    opacity: 0.8; }
  .dcgallery figure a {
    display: block; }
    .dcgallery figure a :hover:after {
      background: black;
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0; }
  .dcgallery figure img {
    width: 100%;
    height: auto; }
  .dcgallery figure figcaption {
    display: none; }

.parent {
  /*padding: 20px;*/
  display: table;
  position: absolute;
  height: 100%;
  width: 100%; }
  .parent .parent-inner {
    display: table-cell;
    vertical-align: middle; }
  .parent .child {
    width: 90%;
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto; }
    .parent .child h1 {
      color: #fff;
      text-align: center; }
    .parent .child .cta {
      padding: 20px;
      text-align: center; }
      .parent .child .cta .button {
        font-size: 2rem;
        font-weight: normal;
        background: #2faf5c;
        padding-right: 20px;
        padding-left: 20px;
        border-radius: 0;
        /*position: absolute;*/
        /*right: 10px;*/
        /*top: auto;*/
        /*bottom: 10px;*/ }
    .parent .child img {
      max-width: 100%; }
    .parent .child .caption {
      color: #fff;
      margin: 0.25rem 0;
      font-size: 12px;
      padding: 0 0.25rem; }

@media (max-width: 800px) {
  .dcgallery > figure, .dcgallery > div {
    width: 100%;
    padding: 1px; }

  .parent .child img {
    width: 100%; } }
.ie10 .dcgallery > div > figure.more span > p {
  margin: 0; }

/*# sourceMappingURL=vcgallery.css.map */