/* 
######################################################################
CSS for Typesetter CMS - Parallax Image - User runtime
Author: J. Krausz
Date: 2017-05-16
Version: 2.0
######################################################################
*/

/* ### .makeFullWidth class ### */
html {
max-width:100%;
overflow-x:hidden;
}

/* expand section to viewport width */
/* body:last-child to make IE<=8 ignore the rule, which doesn't understand vw/vh units */
body:last-child .makeFullWidth {
position:relative;
left:50%;
width:100vw;
margin-left:-50vw;
}

/* generic text-center for non-bootstrap themes */
.text-center {
text-align:center;
}

/* ### SECTION/CONTAINER ### */
.filetype-parallax_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;
overflow:hidden;
}

.filetype-parallax_image .parallax-image {
position:absolute;
top:0;
left:0;
bottom:0;
right:0;
overflow:hidden;
z-index:0;
background-position:50% 50%;
}


/* scaling-type */
.filetype-parallax_image .parallax-image.scaling-tile {
background-repeat:repeat;
}
.filetype-parallax_image .parallax-image.scaling-cover {
-webkit-background-size:cover;
-moz-background-size:cover;
-o-background-size:cover;
background-size:cover;
}

/* scrolling-type */
.filetype-parallax_image .parallax-image.scroll-fixed:not(.scroll-static) {
background-attachment:fixed;
}


/* we use the <img> only when scrolling=parallax & scaling=cover, background-image otherwise */
.filetype-parallax_image .parallax-image img {
display:none;
}

.filetype-parallax_image .parallax-image.scroll-parallax.scaling-cover:not(.scroll-static) {
background-image:none!important;
}

.filetype-parallax_image .parallax-image.scroll-parallax.scaling-cover:not(.scroll-static) img {
display:block;
position:absolute;
top:0; 
left:0; 
/* force 3D hardware acceleration */
-webkit-backface-visibility:hidden!important;
backface-visibility:hidden!important;
}


/* ### PARALLAX IMAGE WRAPPER COMBO ### */

div.GPAREA.filetype-wrapper_section.parallax-wrapper {
position:relative;
padding:0;
}


/* vertical align middle parallax-wrapper children */

div.GPAREA.filetype-wrapper_section.parallax-wrapper:before {
content:""!important;
display:inline-block!important;
position:relative;
width:0;
margin:0;
height:100%;
vertical-align:middle;
}


div.GPAREA.filetype-wrapper_section.parallax-wrapper > *:not(.filetype-parallax_image) {
position:relative;
display:inline-block;
vertical-align:middle;
float:none;
}

div.GPAREA.filetype-wrapper_section.parallax-wrapper div.filetype-parallax_image {
position:absolute!important;
top:0;
left:0;
width:100%;
height:100%;
}

div.GPAREA.filetype-wrapper_section.parallax-wrapper div.gpclear {
display:none;
}


/* neutralize top and bottom margins for better valign */
div.GPAREA.filetype-wrapper_section.parallax-wrapper > .filetype-text > *:first-child { margin-top:0; }
div.GPAREA.filetype-wrapper_section.parallax-wrapper > .filetype-text > *:nth-last-child(2) { margin-bottom:0; }


/* PRINT */

@media print {
  .filetype-parallax_image .parallax-image.scaling-cover img {
  display:none;
  }
  @supports (-webkit-appearance:none) {
    .filetype-parallax_image .parallax-image.scaling-cover img {
    display:block!important;
    }
    div.GPAREA.filetype-wrapper_section.parallax-wrapper * {
    -webkit-print-color-adjust:exact!important; /* inherited by children, only supported by Webkit Borwsers */
    }
  }
}