/* Clearfix */
/* Centered */
/* Spacings / Gaps */
.el-picture__figure-outer {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; 
}

.el-picture__figure {
	margin: 0;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	width: 100%; 
}

.el-picture__image-outer {
	position: relative;
	display: block;
}

.el-picture__image img{
	display: block;
	width: 100%;
	height: auto;
}

.bh-femode .el-picture__image .bhImageInner {
	overflow: hidden;
	width: 100%;
}





/*------------------------------------*\
  #Hover
\*------------------------------------*/
.el-picture__hover {
	display: none;
}

.el-picture__image-outer[href] .el-picture__hover {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.2);
	-webkit-transition: all .6s;
	-o-transition: all .6s;
	transition: all .6s;
	opacity: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}
  

.el-picture__image-outer[href] .el-picture__hover:after {
    content: '\e90a';
    text-align: center;
    color: #fff;
    font-size: 2rem;
    font-family: 'bakehouse-iconset';
}

.el-picture__image-outer[href]:hover .el-picture__hover {
	opacity: 1;
}
.el-picture__image-outer[href][target="lightbox"] .el-picture__hover:after{
	content: '\e9a0';
}

.el-picture__image-outer[href][target="download"] .el-picture__hover:after {
	content: '\e996';
}

.bhe-state-editing .el-picture .el-picture__hover {
	display: none !important;
}




/*------------------------------------*\
  #Copyright & Figure Caption
\*------------------------------------*/

.el-picture__copyright {
	position: absolute;
	bottom: 0px;
	right: 0.5em;
	color: #fff
	;
	text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.6);
}
.el-picture__caption {
	opacity: 0.5;
}




/*------------------------------------*\
  #Widths
\*------------------------------------*/
.el-picture-width--s {
	max-width: 300px;
}

.el-picture-width--m {
	max-width: 500px;
}

.el-picture-width--l {
	max-width: 700px;
}



/*------------------------------------*\
  #Alignment
\*------------------------------------*/
.el-picture-justify--left {
	-webkit-box-pack: start;
	    -ms-flex-pack: start;
	        justify-content: flex-start;
}

.el-picture-justify--right {
	-webkit-box-pack: end;
	    -ms-flex-pack: end;
	        justify-content: flex-end;
}



/*------------------------------------*\
  #Ratio
\*------------------------------------*/
.el-picture-ratio--16-9,
.el-picture-ratio--4-3,
.el-picture-ratio--1-1 {
	position: relative;
	padding-top: 56.25%;
}
  
.el-picture-ratio--16-9 > .bhImageInner,
.el-picture-ratio--4-3 > .bhImageInner,
.el-picture-ratio--1-1 > .bhImageInner {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    max-height: 100% !important;
    min-height: 100% !important;
}

.el-picture-ratio--16-9 {
	padding-top: 56.25%;
}

.el-picture-ratio--4-3{
	padding-top: 75%;
}

.el-picture-ratio--1-1{
	padding-top: 100%;
}
  
.el-picture .bhImageInner.current-editing-property {
	background: repeating-conic-gradient(#ccc 0% 25%, #eee 0% 50%) 50%/20px 20px;
}
  
/*
@media( max-width: 1200px ){
	.el-picture-ratio--1-1{
		padding-top: 56.25%;
	}
}
*/