.content-post {
  margin: 0 auto 0;
  max-width: var(--max-width);
}

.content-post > img,
/*.content-post > .imagexpander-wrapper,*/
.content-post > div,
.content-post > video,
.content-post > a > img,
/*.content-post > a > .imagexpander-wrapper > img,
.content-post > .imagexpander-wrapper > img,*/
.content-post > .embetter,
.content-embeds > .embetter {
  width: 100%;
  margin-bottom: 2.5rem;
}

.embetter {
  border: 1px solid rgba(0,0,0,0.7);
}

/* p, #contactform {
  padding: 0 2rem;
} */

p img,
.content-post img,
.content-post video {
  width: 100%;
}

.medium-zoom-overlay {
  z-index: 10;
}
.medium-zoom-image {
  z-index: 11;
}

/* Image captions */

figure {
  margin-left: 0;
  margin-right: 0;
  margin-top: 0;
  position: relative;
}

figcaption {
  position: absolute;
  bottom: 0;
  right: 0;
}

.content-post > .caption {
  margin: 0;
  position: relative;
  top: -5.65rem;
  height: 0;
  z-index: 2;
  text-align: right;
}

.content-post > .caption > span,
.content-post figcaption {
  background-color: rgba(0,0,0,0.7);
  text-shadow: 0 1px 1px rgba(0,0,0,0.9);
  color: #ffffff;
  padding: 1rem;
  line-height: 1rem;
  font-size: var(--font-size-caption);
}

.caption a,
figcaption a {
  color: #eee;
}
.caption a:hover,
figcaption a:hover {
  color: #fff;
}

img.imagexpander {
  cursor: pointer;
}

/* Quotes */

blockquote {
	background: #ccc;
	padding: 2rem;
  margin: 0;
}

.content-post > blockquote {
	margin: 0 0 2.5rem 0;
}

.content-post > blockquote strong {
	background: rgba(255,255,255,1);
}

blockquote.credits {
  padding: 1rem 2rem;
  font-size: var(--font-size-caption);
}

/* @media (min-width: 400px) {
  .content-post > blockquote {
		margin: 0 2rem 2.5rem 2rem;
  }
} */

blockquote > p:last-of-type {
	margin-bottom: 0;
}

/* @media (min-width: 400px) { */
blockquote > p {
  padding: 0;
}
/* } */


/* Common post elements */

.date {
  margin-top: -2rem;
  background-color: #f7f7f7;
  text-align: center;
  font-size: 1.4rem;
  line-height: 1.7rem;
  border-bottom: 1px solid var(--image-border-color);
  padding: 0.4rem 2rem 0.3rem;
}

strong {
	padding: 0.7rem;
	background-color: rgba(0,0,0,0.05);
}

/* Image cluster */

.gallery-container {
  padding: 2rem;
  background: var(--color-bg-dark);
}
.gallery-container-light {
  padding: 2rem;
  background: var(--color-bg-light);
}

/* .gallery-container blockquote.credits {
  background: #666;
} */

/* Project info grid */

.project-info {
  padding: 2rem 2rem 0;
  background: #222;
  color: #eee;
}

.project-info h5 {
  padding: 0 0.5rem;
}
.project-info ul {
  padding: 2rem 0;
  margin-bottom: 0;
}
.project-info .row,
.project-info .column,
.project-info .columns {
  margin-bottom: 0;
}

/* Buy links */

.inventory {
  background: rgba(255,255,255,0.2);
  padding: 4px 10px;
  margin-left: 1rem;
  border-radius: 4px;
}
#content-holder .content-buy-links a.button-primary {
  color: #fff;
  min-width: 200px;
}
span[data-cachecart-inventory-none="true"] {
  color: #f00;
}

/* Layout columns */

.content-columns-row {
  margin-bottom: 2rem;
}
.content-columns-two {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(45%, 1fr));
  grid-gap: 2rem;
}
.content-columns-three {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(30%, 1fr));
  grid-gap: 2rem;
}
@media (max-width: 550px) {
  .content-columns-two.collapses {
    grid-template-columns: repeat(auto-fit, minmax(90%, 1fr));
  }
  .content-columns-three.collapses {
    grid-template-columns: repeat(auto-fit, minmax(90%, 1fr));
  }
}

/* About page */

@media (min-width: 550px) {
  .bio-photo {
    transition: all 0.25s ease;
    clip-path: polygon(0% 0%, 100% 2%, 98% 100%, 3% 97%);
  }
  .bio-photo:hover {
    clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
  }
}

/* @media (min-width: 1500px) {
  .listing-previews {
    grid-template-columns: repeat(auto-fit, minmax(23%, 1fr));
  }
} */


/*

DO WE NEED EVERYTHING BELOW??

*/
/* Skeleton.css grid overrides */
@media (min-width: 550px) {
  .row {
    margin-bottom: 2.5rem;
  }
}

@media (max-width: 549px) {
  .columns {
    margin-bottom: 2.5rem;
  }
}