/*

############################################################################

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;

}