/*
Theme Name: Increase Estate
Theme URI: https://www.increasedigital.eu
Description: Increase Estate Theme
Tags: increase, estate, realestate, portfolio, building, blog, clean, elegant, modern, design
Author: Increase Digital
Author URI: https://www.increasedigital.eu
Version: 1.0
License: GNU General Public License
License URI: licence/GPL.txt
Text Domain: increase
Domain Path: /languages

CSS changes can be made in files in the /assets/css/ folder. This is a placeholder file required by WordPress, so do not delete it.

*/


.dlps-scroll-sections{
  position: relative;
  overflow: hidden;
}

.dlps-scroll-sections > div{
  /*position: sticky;*/
  top: 0;
  height: 100vh;
  width: 100%;
  left: 0;
  right: 0;
}

.dlps-scroll-sections.fixed > div{
  position: fixed;
  top: 0;
}

.dlps-scroll-sections.bottom > div{
  position: absolute;
  bottom: 0;
  top: auto;
}

.dlps-scroll-sections .dlps-scroll-section{
  height: 100vh;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

.dlps-scroll-sections .dlps-scroll-section .dlps-scroll-section-inner{
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 100vh;
}

.dlps-scroll-sections .dlps-scroll-section:not(:first-of-type) .dlps-scroll-section-inner{
  visibility: hidden;
}

.dlps-scroll-sections .dlps-scroll-section.active .dlps-scroll-section-inner{
  visibility: visible;
}

.dlps-scroll-sections .dlps-scroll-section .dlps-scroll-section-inner .dlps-scroll-section-action{
  width: 100%;
  height: 100%;
}

.dlps-scroll-sections .dlps-scroll-section:not(:first-of-type) .dlps-scroll-section-action{
  opacity: 0;
  /*transform: scale(0);*/
  visibility: hidden;

  transition: 0.3s;
  transition-timing-function: linear;
}

.dlps-scroll-sections .dlps-scroll-section.active .dlps-scroll-section-action{
  opacity:1;
  transform: scale(1);
  visibility: visible;
}

.dlps-scroll-sections .dlps-scroll-section .hex-text{
  position:absolute;
  top:50%;
  left:50%;
  transform: translateX(-50%) translateY(-50%);
  z-index: 2;
  line-height: 1.5
}

.dlps-scroll-sections .dlps-scroll-section:not(:first-of-type) .hex-svg{
  opacity: 0;
  transform: scale(9);
  visibility: hidden;

  transition: 0.3s;
  transition-timing-function: linear;
}

.dlps-scroll-sections .dlps-scroll-section.active .hex-svg{
  opacity:1;
  transform: scale(1);
  visibility: visible;
}

.dlps-scroll-sections .dlps-scroll-section:not(:first-of-type) .hex-text{
  opacity: 0;
  visibility: hidden;
  padding-top: 5rem;

  transition: 0.3s;
  transition-timing-function: linear;
}

.dlps-scroll-sections .dlps-scroll-section.active .hex-text{
  opacity:1;
  visibility: visible;
  padding-top: 0;
}