/* ****************************************************** */
/*                                                        */
/* Component Gallery (custom attributes for Photoswipe)   */
/*                                                        */
/* ****************************************************** */

/*--------------------------------------------------------------
## Gallery Block
--------------------------------------------------------------*/

.img_gallery .image {
	display:none;
}

.img_gallery .image:first-of-type {
	display:block;
}

.image .caption {
	margin: 0 0 0 0;
}

.image .caption .text {
	float:left;
    font-size: 1.0625rem;
    font-family: 'gtPressuraRegular', sans-serif;
}

@media screen and (max-width: 800px) {
    
    .image .caption .text {
        float:none;
    }
}

.img_gallery .image .caption {
	display: flex;
	justify-content: space-between;	
}

.img_gallery .image .counter {
	float:right;
	font-size: 1.0625rem;
  line-height: 1.2;
	white-space: nowrap;
}

.pswp__caption .text {
	float:left;
}

.pswp__caption .counter {
	float:right;
}

.page .pswp__caption__center {
	max-width:1080px;	
}

@media screen and (max-width: 1080px) {

	article.page .img_gallery,
  article.post .img_gallery {
		padding-left: 1rem;
		padding-right: 1rem;
	}
	
}

/* Blog v2 */

.content_column .img_gallery,
.img_gallery.outline,
.img_gallery.inline {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	justify-content: center;
}

.content_column .img_gallery .image,
.img_gallery.outline .image {
	display:block;
	margin: 0 0 2rem 0;
}

.content_column .img_gallery.inline .image {
	display:none;
}

.content_column .img_gallery.inline .image:first-of-type {
	display:block;
	margin: 0 auto;
}

.content_column .img_gallery .image.landscape {
	flex: 0 0 100%;
}

.content_column .img_gallery .image.portrait {
	flex: 0 0 46%;
	flex: 0 0 55%;
}

.img_gallery.outline .image.portrait,
.img_gallery.inline .image.portrait {
	flex: 0 0 65%;
}

.content_column .img_gallery .image .caption .text,
.img_gallery.outline .image .caption .text {
	float: none;
}