/*
############################################################################
CSS for Typesetter Simple Image Section
Author: J. Krausz
Date: 2017-04-14
Version 1.0b1
############################################################################
*/


/* ### SECTION/CONTAINER ### */
.filetype-Simple_Image
.filetype-Simple_Image * {
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
-ms-box-sizing:border-box;
-o-box-sizing:border-box;
box-sizing:border-box;
position:relative;
}

.Simple_Image_wrapper {
display:block;
position:relative;
height:100%;
text-decoration:none;
padding:0;
margin:0;
outline:none;
border:none;
}

.Simple_Image_wrapper img {
border:none;
width:auto!important; 
max-width:none!important;
height:auto!important;
}

/* -- width --*/
.Simple_Image_wrapper.simpleImage-shrink2fit img { 
max-width:100%!important; 
}
.Simple_Image_wrapper.simpleImage-scale2fit img { 
max-width:100%!important; 
width:100%!important; 
}
.Simple_Image_wrapper.is-fullscreen {
background:#111;
z-index:12000;
}
.Simple_Image_wrapper.is-fullscreen img {
max-width:100%!important; 
max-height:100%!important; 
width:auto!important;
position:absolute;
top:50%;
left:50%;
-webkit-transform:translateX(-50%) translateY(-50%);
transform:translateX(-50%) translateY(-50%);
}


/* -- alignment -- */
.Simple_Image_wrapper.simpleImage-align-left { text-align:left; }
.Simple_Image_wrapper.simpleImage-align-center { text-align:center; }
.Simple_Image_wrapper.simpleImage-align-right { text-align:right; }

.Simple_Image_wrapper.simpleImage-valign-top:before,
.Simple_Image_wrapper.simpleImage-valign-middle:before,
.Simple_Image_wrapper.simpleImage-valign-bottom:before {
display:inline-block;
content:"";
height:100%;
width:0;
}
.Simple_Image_wrapper.simpleImage-valign-top img,
.Simple_Image_wrapper.simpleImage-valign-middle img,
.Simple_Image_wrapper.simpleImage-valign-bottom img {
display:inline-block;
}
.Simple_Image_wrapper.simpleImage-valign-top,
.Simple_Image_wrapper.simpleImage-valign-top:before,
.Simple_Image_wrapper.simpleImage-valign-top img { 
vertical-align:top; 
}
.Simple_Image_wrapper.simpleImage-valign-middle,
.Simple_Image_wrapper.simpleImage-valign-middle:before,
.Simple_Image_wrapper.simpleImage-valign-middle img { 
vertical-align:middle; 
}
.Simple_Image_wrapper.simpleImage-valign-bottom, 
.Simple_Image_wrapper.simpleImage-valign-bottom:before, 
.Simple_Image_wrapper.simpleImage-valign-bottom img { 
vertical-align:bottom; 
}




/* ### FULL SCREEN ### */
.fullscreen-trigger {
cursor:pointer;
position:absolute;
z-index:30;
top:12px;
right:12px;
width:20px;
height:20px;
text-indent:22px;
white-space:nowrap;
overflow:hidden;
background-color:#000;
background-color:rgba(0,0,0,0.5);
border-radius:3px;
background-image:url(img/fullscreen-trigger.png);
background-position:0 0;
background-repeat:no-repeat;
-webkit-transition:background-color 0.3s;
-moz-transition:background-color 0.3s;
-ms-transition:background-color 0.3s;
-o-transition:background-color 0.3s;
transition:background-color 0.3s;
outline:none!important;
border:none;
}
.fullscreen-trigger:hover {
background-color:rgba(0,0,0,0.9);
background-position:-20px 0;
}
.is-fullscreen .fullscreen-trigger {
background-position:0 -20px;
}
.is-fullscreen .fullscreen-trigger:hover {
background-position:-20px -20px;
}