/* Paragraph specific. */
.paragraph {
  clear: both;
}

.paragraph--type--xeno-hero {
  position: relative;
  padding-top: 60px;
  padding-bottom: 60px;
  height: calc(90vh - 50px);
  max-height:750px;
}

.paragraph--type--xeno-hero div > .paragraph--type--bp-simple{
    padding-top: 2rem;
    padding-bottom: 2rem;
}


.paragraph--type--xeno-hero > .paragraph {
  z-index: 2;
}

.paragraph--type--xeno-hero .paragraph > .paragraph__column {
    padding-bottom: 0px;
}

.paragraph--type--xeno-hero:not(.paragraph--overlay--invert) h1,
.paragraph--type--xeno-hero:not(.paragraph--overlay--invert) h2,
.paragraph--type--xeno-hero:not(.paragraph--overlay--invert) h3,
.paragraph--type--xeno-hero:not(.paragraph--overlay--invert) h4,
.paragraph--type--xeno-hero:not(.paragraph--overlay--invert) h5,
.paragraph--type--xeno-hero:not(.paragraph--overlay--invert) h6,
.paragraph--type--xeno-hero:not(.paragraph--overlay--invert) p,
.paragraph--type--xeno-hero:not(.paragraph--overlay--invert) ul,
.paragraph--type--xeno-hero:not(.paragraph--overlay--invert) blockquote {
  color: #fff;
}

/* Background Image. */
.paragraph--type--xeno-hero__image {
  /*background-attachment: fixed;*/
  background-clip: border-box;
  background-color: #fff;
  background-image: none;
  background-origin: padding-box;
  height: 100%;
  left: 0;
  opacity: 1;
  position: absolute;
  top: 0 !important;
  transition: all 0.3s linear 0s;
  z-index: 0;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
}

/* Background Image. */


@media screen and (min-width: 992px) {
  .paragraph--type--xeno-hero__image {
    background-size: 100%;
  }
}

@media screen and (max-width: 991px) {
  .paragraph--type--xeno-hero__image {
    /*background-size: 180%;*/
  }
  .paragraph--type--xeno-hero {
    padding-top: 20px;
    padding-bottom: 20px;
    min-height: 350px;
  }
}
@media screen and (max-width: 568px) {
  .paragraph--type--xeno-hero__image {
    /* fix iOS background cover problem */ 
	background-attachment:scroll!important;
  }
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) { 
	.paragraph--type--xeno-hero__image {
	  background-attachment:scroll !important;
	}
}

.paragraph--type--xeno-hero__image:not([class*="col-"]) {
  width: 100%;
}

.paragraph--type--xeno-hero__image img {
  display: none;
}

/* Overlay. */
[data-overlay] {
  position: relative;
}

[data-overlay]::before {
  background: #252525 none repeat scroll 0 0;
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1;
  display:block;
}

[data-overlay] *:not(.paragraph):not(.paragraph--type--xeno-hero__image) {
  z-index: 2;
}

.paragraph--overlay--invert[data-overlay]::before {
  background: #fff none repeat scroll 0 0;
}

[data-overlay="1"]::before {
  opacity: 0.1;
}

[data-overlay="2"]::before {
  opacity: 0.2;
}

[data-overlay="3"]::before {
  opacity: 0.3;
}

[data-overlay="4"]::before {
  opacity: 0.4;
}

[data-overlay="5"]::before {
  opacity: 0.5;
}

[data-overlay="6"]::before {
  opacity: 0.6;
}

[data-overlay="7"]::before {
  opacity: 0.7;
}

[data-overlay="8"]::before {
  opacity: 0.8;
}

[data-overlay="9"]::before {
  opacity: 0.9;
}

/* Parallax. */
.paragraph--type--xeno-hero {

}

.paragraph--type--xeno-hero .paragraph--type--xeno-hero__image {
  transition: none 0s ease 0s !important;
}

/* Zoom. */
.paragraph--zoom .paragraph--type--xeno-hero__image {
  overflow: hidden;
  width: 100%;
  -webkit-animation: ken-burns 15s ease alternate infinite;
  -moz-animation: ken-burns 15s ease alternate infinite;
  -o-animation: ken-burns 15s ease alternate infinite;
  animation: ken-burns 15s ease alternate infinite;
  -webkit-transform: translate3d(0, 0, 0);
}

.paragraph--zoom--1 .paragraph--type--xeno-hero__image {
  animation-duration: 10s;
}

.paragraph--zoom--2 .paragraph--type--xeno-hero__image {
  animation-duration: 20s;
}

.paragraph--zoom--3 .paragraph--type--xeno-hero__image {
  animation-duration: 30s;
}

.paragraph--zoom--4 .paragraph--type--xeno-hero__image {
  animation-duration: 40s;
}

.paragraph--zoom--5 .paragraph--type--xeno-hero__image {
  animation-duration: 50s;
}

.paragraph--zoom--6 .paragraph--type--xeno-hero__image {
  animation-duration: 60s;
}

/* Zoom animation. */
@-webkit-keyframes ken-burns {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(1.1);
  }
}

@-moz-keyframes ken-burns {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(1.1);
  }
}

@-ms-keyframes ken-burns {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(1.1);
  }
}

@-o-keyframes ken-burns {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(1.1);
  }
}

@keyframes ken-burns {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(1.1);
  }
}

.field--name-xeno-zoom {
    display: none;
    visibility: hidden;
}