/*layout*/


.gt-scroll-section {
  margin: 0 auto;
  padding: 60px 0 60px;
  position: relative;
  overflow: hidden;
}

.gt-fixed-content-wrapper {
  height: 100vh;
  position: relative;
}

.gt-scroll-paste {
  margin-top: 90px;
  display: none;
}

.gt-scroll-paste.active {
  display: block;
}

.gt-fixed-content {
  position: absolute;
  top: 0;
  height: 100vh;
  margin-top: 7px;
  width: 100%;
}

.gt-fixed-content img.active {
  display: block;
}

.gt-fixed-content .pullquotebg {
  margin: 0;
  padding: 0;
  width: 100%;
}

.gt-scroll-content p img,
.gt-scroll-content .wp-caption {
  display: none;
  /*show on mobile*/
}

.gt-scroll-dynamic-image,
.gt-scroll-dynamic-image.wp-caption {
  position: absolute;
  top: 0;
  margin-top: 0px;
  opacity: 0;

    -webkit-transition: opacity .5s ease-in;
    -moz-transition: opacity .5s ease-in;
    -ms-transition: opacity .5s ease-in;
    -o-transition: opacity .5s ease-in;
    transition: opacity .5s ease-in;
}

.gt-scroll-dynamic-image.active {
  opacity: 1;
    
    -webkit-transition: opacity .5s ease-in;
    -moz-transition: opacity .5s ease-in;
    -ms-transition: opacity .5s ease-in;
    -o-transition: opacity .5s ease-in;
    transition: opacity .5s ease-in;

}

.gt-scroll-static-image {
  display: none;
  /*show on mobile*/
}

.gt-scroll-sticky {
  position: fixed;
  top: 148px; /*STICKY NAV HEIGHT + CONTAINER PADDING*/
  width:inherit;
}

.gt-scroll-sticky-bottom {
  position: absolute;
  top: 215px;
  width: 100%;
}


@media screen and (min-width: 767px) {
  .gt-fixed-content-wrapper.right .pullquotebg,
  .gt-fixed-content-wrapper.right .author,
  .gt-fixed-content-wrapper.right .affiliation {
    text-align: right;
  }

  .gt-scroll-section {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  
  .gt-fixed-content-wrapper.right, .gt-scroll-content.right {
    -webkit-box-ordinal-group: 2;
               -ms-flex-order: 1;
                        order: 1;
    width:40%;
    float:left;
   }

  .gt-fixed-content-wrapper.left, .gt-scroll-content.left{
    -webkit-box-ordinal-group: 1;
               -ms-flex-order: 0;
                        order: 0;
    margin:0 5% 0 7%;
    width:40%;
    float:left;
  }
  .gt-scroll-container-sticky-bottom {
    -ms-flex-item-align: end;
             align-self: flex-end;
  }
}

@media screen and (max-width: 767px) {
    .gt-scroll-content,
    .gt-fixed-content-wrapper.gt-display-mobile {
      height: auto;
      padding:0 6%;
      position: relative;
    }
    .gt-fixed-content,
    .gt-fixed-content-wrapper.gt-display-mobile .gt-scroll-sticky,
    .gt-fixed-content-wrapper.gt-display-mobile .gt-scroll-sticky-bottom {
      width: 100%;
      height: auto;
      top: 0;
      margin: 0;
      padding: 0;
      position: relative;
    }
    .gt-scroll-paste {
      margin-top: 30px;
      margin-bottom: 18px;
    }
    .gt-fixed-content-wrapper:not(.gt-display-mobile) {
      display: none;
    }
    .gt-scroll-content p img, 
    .gt-scroll-content .wp-caption,
    .gt-scroll-static-image  {
      display: block;
      display: inherit;
  }
  .gt-scroll-section {
    padding: 20px 0 20px;
  }
}