/*
Theme Name: Beaver Builder Child Theme
Theme URI: http://www.wpbeaverbuilder.com
Version: 1.0
Description: An example child theme that can be used as a starting point for custom development.
Author: The Beaver Builder Team
Author URI: http://www.fastlinemedia.com
template: bb-theme
*/

/* Add your custom styles here... */

body.fl-builder-edit .sae-preloader--wrapper {
  display: none;
}

.sae-preloader--wrapper {
  position: relative;
  height: 100%;
  width: 100%;
  pointer-events: none;
  z-index: 99999999;
}

.sae-preloader--revealers {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  display: flex;
  flex-direction: column;
  z-index: 2;
  background: #cac2b5;
}

.sae-preloader--revealer {
  flex: 1;
  width: 100%;
  background-color: #cac2b5;
  clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
}

.sae-preloader--borders,
.sae-preloader--logo-wrap {
  visibility: hidden;
}

.sae-preloader--borders {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 3;
  pointer-events: none;
}

.sae-preloader--border {
  position: absolute;
  z-index: 3;
}

.sae-preloader--border.sae-preloader--border-1 {
  top: 0;
  left: 0;
  right: 0;
  width: 0;
  height: 50px;
  border-bottom: 1px solid #fff;
}

.sae-preloader--border.sae-preloader--border-2 {
  top: 0;
  bottom: 0;
  right: 0;
  width: 50px;
  height: 0;
  border-left: 1px solid #fff;
}

.sae-preloader--border.sae-preloader--border-3 {
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 50px;
  border-top: 1px solid #fff;
}

.sae-preloader--border.sae-preloader--border-4 {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  width: 50px;
  height: 0;
  border-right: 1px solid #fff;
}

.sae-preloader--logo-wrap svg {
  width: 300px;
  display: block;
  /* opacity: 0; */
}

.sae-preloader--logo-wrap {
  z-index: 100;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
}

.sae-preloader--logo {
  height: 60px;
  margin-top: 70px;
}

.sae-preloader--logo svg {
  display: block;
  position: relative;
  z-index: 50;
  opacity: 1 !important;
  width: 130px;
}

.sae-preloader--logo-wrap {
  pointer-events: none;
}

@media only screen and (min-width: 768px) {
  .sae-preloader--logo {
    margin-top: 100px;
  }
}

@media only screen and (min-width: 1024px) {
  .sae-preloader--logo {
    height: 100px;
    margin-top: 60px;
  }

  .sae-preloader--logo svg {
    width: 170px;
  }
}