/*
Theme Name: Klonbyte Builder Child Theme
Theme URI: https://www.klonbyte.com
Version: 1.0
Description: A child theme used as a starting point for custom development.
Author: Klonbyte Digital Services
Author URI: https://www.klonbyte.com
template: bb-theme
*/

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

.sticky-row {
    position: sticky; /* IE, Edge 15 and earlier versions do not support sticky positioning */
    position: -webkit-sticky; /* for Safari */
    top:50; /* need either top, right, bottom or left for sticky positioning to work */

}

/*ANIMATED HAMBURGER ICON */
.bar1, .bar2, .bar3
{
width: 22px;
height: 2px;
background-color: #333;
transition: 0.4s;
}
.bar1
{
margin: 0 0 4px 0;
}
.bar3
{
margin: 4px 0 0;
}

/*CHANGE TO TWO BARS CROSSED */
.change .bar1
{
-webkit-transform: rotate(-45deg) translate(-7px, 2px);
transform: rotate(-45deg) translate(-7px, 2px);
}
.change .bar2
{
opacity: 0;
}
.change .bar3
{
-webkit-transform: rotate(45deg) translate(-6px, -2px);
transform: rotate(45deg) translate(-6px, -2px);
}

/*removes clickable areas around the icon which could allow visitors to toggle without the animation occurring */

.fl-page-nav-toggle-icon .fl-page-nav .navbar-toggle
{
margin: 0;
padding: 0;
}



/* Give the link some padding and some color */
.fl-page-nav .navbar-nav > kb-nav-button {
  padding: 10px;
}

.fl-page-nav .navbar-nav > kb-nav-button > a {
  padding: 5px 18px;
  color: #ffffff;
  border-radius: 5px;
  background-color: #ffffff;
}

/* Adjust the position for the fixed navigation menu */
.fl-page-header-fixed .fl-page-nav .navbar-nav > kb-nav-button > a {
  position: relative;
  bottom: 6px;
}

/* Give the button a hover & active state */
.fl-page-nav .navbar-nav > kb-nav-button > a:active,
.fl-page-nav .navbar-nav > kb-nav-button > a:hover {
  color: #ffffff;
  background-color: #196f8c;
}