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

.fl-page-header-primary .fl-page-nav-wrap{
    /*background-color: #2B4673!important;*/
    border: none;
}
.fl-page-nav .navbar-nav>.current-menu-item, .fl-page-nav .navbar-nav>.current-menu-ancestor{
    /*background-color: #028853;*/
    /*box-shadow: 0 0 5px 0px black;*/
    /*color: white!important;*/
}
.current-menu-item a,  .fl-page-nav .navbar-nav>.current-menu-ancestor a{
    /*color: white!important;*/
}
.fl-accordion-medium .fl-accordion-button-label {
    font-size: 16px;
    color:#4B5FA4;
}

@media (min-width: 768px){

    #menu-main>li{
        position: static;
    }
    #menu-main>li>ul{
        padding: 0;
        box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 1);
        /*width: 800px!important;*/
        /*display: none!important;*/
        /*right: 50%;*/
        /*transform: translateX(50%);*/
        /*text-align: center;*/
    }
    #menu-main>li:hover>ul{
        display: block!important;
    }

    #menu-main>li>ul>li{
        display: inline-block;
        width: 100%;
        vertical-align: top;
        background: transparent;
        border-top: none;
    }
    #menu-main>li>ul>li a{
        font-size: 16px;
    }
    #menu-main>li>ul>li:hover{
        transition: all .5s;
        background-color: #c4a281;
        
    }
    #menu-main>li>ul li:hover>a{
        /*background: white;*/
        transition: all .5s;
        color: #2B4673!important;
    }

    #menu-main>li>ul .sub-menu{
        position: relative;
        left: 0!important;
        background: transparent;
        border-top: none;
        box-shadow: none;
        opacity: 1!important;
        padding: 0;
    }

}


/*Footer Code*/
.footer-container>div{
    display: inline-block;
    vertical-align: middle;
    padding: 5px;
    
}
.f-text{
    font-size: 14px;
    color: white;
    
    line-height: 60px;
}

.f-icons{
    float: right;
}
.f-icons i{
    color: white;
    margin: 0 5px;
}

.fa-3{
    font-size: 4em;
}

.yt-container{
    float: left;
}
.yt-container i{
    color: red;
}

.fl-page-footer-container, .fl-page-footer-text{
    padding: 0;
}

/* Mobile Styles */
@media (max-width: 767px){
    .row.fl-page-header-row{
        display: flex;
        flex-direction: column-reverse;
    }
    .row.fl-page-header-row > div{
        padding: 0;
    }

    .pay-bills{
        transform: translateX(50%);
        right: 50%!important;
        float: none;
    }
    .pay-bills a{
        display: inline!important;
    }
    #trapezoid{
        right: 50%;
        transform: translateX(50%);
    }

    #menu-main>li{
        display: block!important;
    }
    .fl-page-nav-wrap{
        padding: 0!important;
    }
    .navbar-toggle{
        background: #2b4673!important;
        padding: 20px;
    }
    #menu-main>li>ul {
        width: auto!important;
    }
    #menu-main>li>ul>li{
        display: block;
        width: auto;
        text-align: left;
    }
    #menu-main>li>ul>li a{
        font-size: 20px;
    }


    .yt-container{
        position: absolute;
        bottom: 0;
    }

}

.fl-col-group:first-of-type{
    display: flex
}
.fl-col-group:first-of-type .fl-col-content.fl-node-content:first-of-type{
    height: 100%;
}