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

@font-face {
    font-family: 'grosvenorheadline';
    src: url('/wp-content/themes/bb-theme-child/fonts/grosvenor-headline-webfont.eot');
    src: local('/wp-content/themes/bb-theme-child/fonts/grosvenor-headline-webfont'), local('grosvenor-headline-webfont'),
        url('/wp-content/themes/bb-theme-child/fonts/grosvenor-headline-webfont.eot#iefix') format('embedded-opentype'),
        url('/wp-content/themes/bb-theme-child/fonts/grosvenor-headline-webfont.woff2') format('woff2'),
        url('/wp-content/themes/bb-theme-child/fonts/grosvenor-headline-webfont.woff') format('woff'),
        url('/wp-content/themes/bb-theme-child/fonts/grosvenor-headline-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'grosvenorheadline_italic';
    src: url('/wp-content/themes/bb-theme-child/fonts/grosvenor-headlineitalic-webfont.eot');
    src: local('/wp-content/themes/bb-theme-child/fonts/grosvenor-headlineitalic-webfont'), local('UrbanGroteskReBo-Italic'),
        url('/wp-content/themes/bb-theme-child/fonts/grosvenor-headlineitalic-webfont.eot#iefix') format('embedded-opentype'),
        url('/wp-content/themes/bb-theme-child/fonts/grosvenor-headlineitalic-webfont.woff2') format('woff2'),
        url('/wp-content/themes/bb-theme-child/fonts/grosvenor-headlineitalic-webfont.woff') format('woff'),
        url('/wp-content/themes/bb-theme-child/fonts/grosvenor-headlineitalic-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
}

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

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

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

/*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;
}