/*
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 {
  --cpg-green: #3dd5bf;
  --cpg-blue: #3066df;
  --cpg-light-blue: #e5edf3;
  --cpg-dark-grey: #5e6e75;
}

/* switch logo on scroll */
.fl-theme-builder-header-sticky .header.header--transparent #cpg-white-logo,
.fl-theme-builder-header-sticky.fl-theme-builder-header-scrolled .header.header--transparent #cpg-color-logo {
  display: block;
}

.fl-theme-builder-header-sticky.fl-theme-builder-header-scrolled .header.header--transparent #cpg-white-logo,
.fl-theme-builder-header-sticky .header.header--transparent #cpg-color-logo {
  display: none;
}

#cpg-color-logo {
  display: none;
}

/* search bar */
.fl-page-nav-search {
  width: 40px;
  height: 40px;
  display: block !important;
}

.fl-page-nav-search a.fa-search {
  position: relative;
  color: white;
  padding: 20px 8px;
}

.fl-page-nav-search a.fa-search:hover, 
.fl-page-nav-search a.fa-search:focus {
  color: white;
}

.fl-theme-builder-header-sticky.fl-theme-builder-header-scrolled .fl-page-nav-search a.fa-search {
  color: lightgrey;
}

.fl-page-nav-search form {
  border-top: 0;
  top: calc(100% + 2rem);
  max-width: calc(100vw - 2rem);
}

@media only screen and (max-width: 550px) {
  .fl-page-nav-search form {
    top: calc(100% + 3rem);
    right: 1rem;
  }
}

.fl-page-nav-search form:after {
  content: '';
  position: absolute;
  height: 3px;
  width: 100%;
  top: 0;
  left: 0;
  background: linear-gradient(45deg, var(--cpg-blue) -40%,var(--cpg-green) 120%);
}

.fl-search-input {
  max-width: 650px;
}