/*
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... */ 

html {
  /*width: 100%;*/
  height: 100%;
  margin: 0px;
  padding: 0px; }

body {
  /* background-color: #202124; */
  margin: 0px;
  padding: 0px;
  /*width: 100%;*/
  height: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-shadow: none; }

body{
  /* min-width: 768px; */
  /* min-width: 500px; */
}


.fl-page-header{
  min-height: 40px !important;
}

.fl-page-nav-toggle-icon.fl-page-nav-toggle-visible-medium-mobile .fl-page-nav .navbar-toggle{
  top: 1px !important;
}

.fl-post-header{
  display: none;
}

.fl-page-header-primary .fl-logo-img{
 
}


body .app{
  background-color: #fff;
  padding-bottom: 0px;
  width: 100%;
}

iframe{
  background-color: #fff;
  border: 0px;
  margin: 0px;
  padding: 0px;
  float: left;
}

body .app .app-loader {
  position: absolute;
  z-index: 999;
  height: auto;
  width: 100%;
  background-color: #fff; }
  body .app .app-loader .app-loader-msg-block {
    width: 50%;
    margin-left: 25%;
    height: 100%;
    color: #fff;
    text-align: center;
    padding: 125px 75px; 
  }
    body .app .app-loader .app-loader-msg-block .loading-text {
      margin-left: 15px; 
      color: #202124;
    }
    body .app .app-loader .app-loader-msg-block .spinner-container {
      margin-top: 25px;
      text-align: center; }
      body .app .app-loader .app-loader-msg-block .spinner-container .fa-spinner {
        font-size: 40px; }

body .analytics-btn{
  position:absolute;
  top: auto;
  left: 200px;
  bottom: 4px;
}

body .analytics-btn .btn{
  padding: 5px 5px;
  font-size: 14px;
  line-height: 1;
}
body .analytics-btn .btn:focus{
  color: #000;
}

body .left-navi{
  position: absolute;
  width: 200px;
  left: -200px;
  height: auto;
  background-color: #fff;
  top: 41px;
  bottom: 0px;
  z-index: 1001;
  font-size: 14px;
  color: #202124;

  transition: left 0.2s linear;
  border-right: 1px solid #ccc;

}

body .left-navi .fl-button-text{
  font-size: 12px !important;

}

body .left-navi .fl-row-content-wrap{
  padding: 5px;
}

body .left-navi .fl-module-content{
  padding: 0px;
  margin: 5px 10px;
}

body .left-navi .fl-module-content .fl-rich-text p{
  margin-bottom: 0px;
}

body .left-navi .fl-button-width-full .fl-button{
    padding: 5px 15px;
}

body .left-navi .fl-module-button .fl-module-content{
  margin: 0px 10px 5px 10px;
}

body .fullwidth-intro{
  position: absolute;
  width: 50%;
  min-width: 450px;
  max-width: 750px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  right: auto;
  height: auto;
  background-color: #fff;
  bottom: auto;
  z-index: 1001;
  font-size: 14px;
  color: #202124;

  transition: left 0.2s linear;
  border: 1px solid #ccc;

  box-shadow: 10px 13px 31px -1px rgba(0,0,0,0.24);
  -webkit-box-shadow: 10px 13px 31px -1px rgba(0,0,0,0.24);
  -moz-box-shadow: 10px 13px 31px -1px rgba(0,0,0,0.24);

}

body .fullwidth-intro #poweredby{
  position: relative;
  left: auto;
  bottom: auto;
  margin-bottom: 20px;
}

body .mfp-content .fl-button-lightbox-content h2{

}

body .mfp-content .fl-button-lightbox-content p{
  
}


body .mfp-content .fl-button-lightbox-content .mfp-close{
  top: -20px !important;
  right: -20px !important;

  border: 1px solid #000 !important;
  background-color: #fff !important;
  border-radius: 22px !important;
  opacity: 1 !important;
}

body .mfp-content .fl-button-lightbox-content .mfp-close:hover, body .mfp-content .fl-button-lightbox-content .mfp-close:active{
  top: -20px !important;
  right: -20px !important;

  border: 1px solid #000 !important;
  background-color: #f1f1f1 !important;
  border-radius: 22px !important;  
  opacity: 1 !important;
}

#poweredby .fl-module-content{
  margin-bottom: 0px;
}

#poweredby img{
  max-width: 100px;
}

@media only screen and (min-width: 1100px) {
  body.fl-full-width .fl-page-header-container {
      max-width: 95%;
  }
  .fl-button-lightbox-content{
    max-width: 90% !important;
  }

}
@media only screen and (min-width: 992px) {

  body .fl-page-nav .navbar-nav>li>a.nav-link {
    padding: 2px 15px;
  }
    
}
@media only screen and (max-width: 991px) {
  .fl-page-header{
    border-bottom: 1px solid #ccc;
  }
  .home .fl-page-nav-collapse{
    background-color: #fff;
   z-index: 99999;
  }
	
  body .fl-page-nav-right{
    position: fixed !important;
    width: 100%;
    background: #fff;
    z-index: 9999;    
  } 
	
}

#poweredby.absolute{
  position: absolute;
  bottom: 20px;
  left: 30px;
}

@media only screen and (max-width: 768px) {

  body .left-navi .fl-button-width-full .fl-button{
    padding: 5px 10px;
  }
  body .left-navi .fl-module-button .fl-module-content{
    margin: 0px 10px 5px 10px;
  }
  body .left-navi .fl-rich-text p{
    margin-bottom: 5px;
  }
  body .left-navi .fl-module-content{
    margin-bottom: 5px;
  }
  body .mfp-content .fl-button-lightbox-content h2{
    font-size: 16px;
  }

  body .mfp-content .fl-button-lightbox-content p{
    font-size: 12px;
  }
  body .mfp-content .fl-button-lightbox-content .fl-button .fl-button-text{
    font-size: 12px;
  }
  body .mfp-content .fl-button-lightbox-content .mfp-close{
    top: 0px !important;
    right: 0px !important;
    border: 0px solid #000 !important;
    background-color: transparent !important;
    border-radius: none !important;
  }    
  body .mfp-content .fl-button-lightbox-content .mfp-close:hover{
    top: 0px !important;
    right: 0px !important;
    border: 0px solid #000 !important;
    background-color: transparent !important;
    border-radius: none !important;
  }
  body .mfp-content .fl-button-lightbox-content .mfp-close:focus{
    top: 0px !important;
    right: 0px !important;
    border: 0px solid #000 !important;
    background-color: transparent !important;
    border-radius: none !important;
  }

}