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

html {
/* required to avoid .width-window causing overflow on browsers with opaque scrollbar */
overflow-x:hidden;
}

/* ### 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:visible;
vertical-align:middle;
}

.filetype-parallax_image.parallax-background {
height:100%!important;
}

.filetype-parallax_image .parallax-image {
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
margin:0;
padding:0;
z-index:0;
background-position:50% 50%;
overflow:hidden;
}


.filetype-parallax_image .parallax-image.width-window {
width:100vw;
left:calc((100vw - 100%) * -0.5);
right:calc((100vw - 100%) * -0.5);
}

/* 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;
min-width:100%;
height:auto;
}

/* ### PARALLAX IMAGE + CAPTION SECTION COMBO ### */

/* body.gpAdmin div.filetype-wrapper_section.parallax-wrapper.editable_area, */
.filetype-wrapper_section.parallax-wrapper {
position:relative;
min-height:320px;
text-align:center;
padding:0;
margin:0;
}

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

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

.filetype-wrapper_section.parallax-wrapper .filetype-parallax_image {
display:inline-block;
position:absolute!important;
top:0;
left:0;
width:100%;
height:100%;
z-index:0;
vertical-align:middle;
}

.filetype-text.parallax-image-caption {
position:relative;
float:none;
z-index:2;
display:inline-block;
max-width:96%;
margin:1.6em 0;
vertical-align:middle;
text-align:center;
font-size:150%;
}

.filetype-text.parallax-image-caption * {
color:#fff;
text-shadow:0 0 8px rgba(0,0,0,0.25), 0 1px 2px rgba(0,0,0,0.5);
}

.filetype-text.parallax-image-caption>*:first-child { margin-top:0; }
.filetype-text.parallax-image-caption>*:nth-last-child(2) { margin-bottom:0; }


/* PRINT */

@media print {
  .filetype-parallax_image .parallax-image.scaling-cover img {
  display:none;
  }
}