/* Galleries index page */
body.level-1-photo-galleries main a:focus {
  outline: none;
}

/* Gallery pages */
body.page-node-type-gallery main a:focus {
  outline: none;
}

body.page-node-type-gallery main > .content-wrap {
  background: none;
}

/* Gallery pages - Back link */
.node--type-gallery.node--view-mode-full .gallery-back a {
  display: block;
  color: #fff;
  margin-bottom: 10px;
  transition: 0.5s;
}
.node--type-gallery.node--view-mode-full .gallery-back a:hover,
.node--type-gallery.node--view-mode-full .gallery-back a:focus {
  text-decoration: none;
  color: #008fa5;
}

/* Gallery pages - header */
.node--type-gallery.node--view-mode-full .gallery-header {
  width: 100%;
  max-width: 1230px;
  max-height: 820px;
  padding-bottom: 66.667%; /* so image height decreases responsively */
  background-size: cover;
  background-position: 50% 50%;
  background-repeat: no-repeat;

  /* center gallery text horizontally and vertically */
  display: flex;
  justify-content: center;
  align-items: center;
}
.node--type-gallery.node--view-mode-full .gallery-header .field--name-node-title {
  display: none; /*inline-block;*/
  text-align: center;
  width: 100%;
}
.node--type-gallery.node--view-mode-full .gallery-header .field--name-node-title h2 {
  display: none; /*inline-block;*/
  padding: 10px 40px;
  font-size: 40px;
  letter-spacing: 1.5px;
  margin-bottom: 5px;
  text-align: center;
  color: #fff;
  text-transform: uppercase;
}
.node--type-gallery.node--view-mode-full .gallery-header .field--name-field-gallery-date {
  display: none;
  font-size: 22px;
  text-align: center;
  color: #fff;
}
.node--type-gallery.node--view-mode-full .gallery-header-bottom {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 10px;
}
.node--type-gallery.node--view-mode-full .gallery-header-bottom-left {
  align-self: flex-end;
}
.node--type-gallery.node--view-mode-full .gallery-header-bottom-left .field--name-node-title h2 {
  text-align: left;
  font-size: 24px;
  margin-bottom: 5px;
  color: #fff;
}
.node--type-gallery.node--view-mode-full .gallery-header-bottom-left .field--name-field-gallery-date {
  font-size: 16px;
  color: #fff;
}
.node--type-gallery.node--view-mode-full .gallery-header-bottom-right {
  align-self: flex-end;
}

/* Gallery pages - responsive Masonry layout */
.node--type-gallery.node--view-mode-full .field--name-field-gallery-image > .grid-sizer {
  width: calc((100% - (6px * 3))/4);   /* 4 cols with 6px gutter */
}
.node--type-gallery.node--view-mode-full .field--name-field-gallery-image > .field__item {
  width: calc((100% - (6px * 3))/4);   /* 4 cols with 6px gutter */
  margin-bottom: 3px;   /* half of the gutter size */
}
@media only screen and (max-width: 1024px) {
  .node--type-gallery.node--view-mode-full .field--name-field-gallery-image > .grid-sizer,
  .node--type-gallery.node--view-mode-full .field--name-field-gallery-image > .field__item {
    width: calc((100% - (6px * 2))/3);   /* 3 cols with 6px gutter */
  }
}
@media only screen and (max-width: 768px) {
  .node--type-gallery.node--view-mode-full .field--name-field-gallery-image > .grid-sizer,
  .node--type-gallery.node--view-mode-full .field--name-field-gallery-image > .field__item {
    width: calc((100% - (6px * 1))/2);   /* 2 cols with 6px gutter */
  }
}

/* Download Gallery button */
.pswp__button.download-gallery {
  opacity: 1;
  height: 43px;
}
.pswp__button.download-gallery svg {
  fill: #fff;
  cursor: pointer;
}

/* PhotoSwipe */
.pswp--open {
  z-index: 100000;  /* so PhotoSwipe modal isn't hidden behind admin toolbar */
}

/* Gallery view of teasers */
.view-image-galleries .view-content .grid-blocks-item {
  margin-bottom: 20px;
}

.view-image-galleries .field--name-node-title,
.view-image-galleries .field--name-field-gallery-date {
  padding: 20px 20px 0;
}

.view-image-galleries .field--name-field-gallery-date {
  color: #6d757d;
  margin: 0px !important;
  padding: 6px 20px;
  font-weight: 300;
  font-size: 16px;
  text-transform: uppercase;
  font-family: 'proxima-nova';
  letter-spacing: 2px;
  font-size: 16px;
}