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

/* VARIABLES */
:root {
    /* COLORS */
    --white: #ffffff;
    --yellow: #FBB040;
    --blue: #D6EDF5;
    --navy: #1F2F52;
    --gray: #F4F4F4;
    --brown: #C6B496;
}





/* SHORTCUTS */
.mx-w-heading-prose { max-width: 30ch; }
.mx-w-center { margin: 0 auto !important; }



/* SPACING */
.fl-row:not(.nopadding) .fl-row-content-wrap {
    padding-left: 68px;
    padding-right: 68px;
}





/* TYPOGRAPHY */
html, body { font-size: 18px !important; }

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
    margin-top: 0px;
    margin-bottom: 0px;
}

h1, .h1, .h1 p {
    font-family: 'europa';
    font-weight: bold;
    font-size: 3.5556rem;
    line-height: 3.3333rem;
}

h1 .fl-heading-text span,
h2 .fl-heading-text span {
    font-family:"fave-script-pro";
    font-size: 5.2222rem;
    line-height: 3.3333rem;
    font-weight: 400;
}

h2, .h2, .h2 p, .h2 .fl-heading {
    font-family: 'europa';
    font-weight: bold;
    font-size: 2.6667rem;
    line-height: 3rem;
    letter-spacing: 0.01em;
}

h3, .h3, .h3 p, .h3 .fl-heading {
    font-family: 'europa';
    font-weight: bold;
    font-size: 2.4444rem;
    line-height: 2.9444rem;
}

h4, .h4, .h4 p, .h4 .fl-heading {
    font-family: 'europa';
    font-weight: bold;
    font-size: 1.6667rem;
    line-height: 1.8333rem;
}

h5, .h5, .h5 p, .h5 .fl-heading {
    font-family: 'europa';
    font-weight: bold;
    font-size: 1.3333rem;
    line-height: 1.6111rem;
}

.h5 p span { color: var(--yellow) !important; }

h6, .h6, .h6 p, .h6 .fl-heading {
    font-family: 'europa';
    font-weight: bold;
    font-size: 1.0556rem;
    line-height: 1.3889rem;
    letter-spacing: 0.1em;
}

.large p {
    font-family: 'europa';
    font-weight: normal;
    font-size: 1.5556rem;
    line-height: 2.1111rem;
}

p,
.fl-page li,
.uabb-adv-accordion-content.uabb-adv-accordion-content60f07d36692b9.fl-clearfix.uabb-accordion-desc.uabb-text-editor p {
    font-family: 'europa';
    font-weight: normal;
    font-size: 1rem;
    line-height: 1.5556rem;
}

.fl-page :is(ul, ol) {
    /* padding: 0;
    margin: 0; */
}

.num_counter .fl-number-string {
    font-family: 'europa';
    font-weight: normal;
    font-size: 3.3333rem;
    line-height: 2.6667rem;
    letter-spacing: 0.01em;
    color: #fff;
}

.power-icon .fl-heading-text:before,
.revenue-icon .fl-heading-text:before {
    display: inline;
    margin-right: 1rem;
    vertical-align: bottom;
}

.power-icon .fl-heading-text:before { content: url('/wp-content/uploads/noun_Energy_2039810.svg'); }
.revenue-icon .fl-heading-text:before { content: url('/wp-content/uploads/noun_dollar-sign_1819876.svg'); }




/* BUTTONS */
.button .fl-button {
    transition: all .5s ease;
    /* border-radius: 100px !important; */
}

.button .fl-button-text {
    font-family: 'europa';
    font-weight: bold;
    font-size: 0.8889rem;
    line-height: 1.2778rem;
    transition: all .5s ease;
}





/* INTERFACE */
header {
    /* position: fixed; */
    /* left: 0; */
    /* top: 0; */
    /* width: 100%; */
    /* z-index: 999; */
}





/* TEAM */
.team-list p {
    color: var(--navy);
}

.flyout {
    top: 0;
    right: 0;
    height: 100%;
    width: 70%;
    background: #fff;
    padding: 90px;
    z-index: 9999;
    transform: translateX(100%);
    transition: transform .5s ease;
}

.flyout.active { transform: none !important; }

.flyout .team-ft-image {
    width: 192px;
    height: 192px;
}

.close-flyout {
    top: 20px;
    left: 20px;
    font-size: 1rem;
    color: #fff;
    background-color: var(--yellow);
    height: 30px;
    width: 30px;
    border-radius: 9999px;
    padding: 20px;
}