/*
Theme Name: FitnessDirect
Theme URI: http://www.beaverchildthemes.com
Version: 1.0
Description: An example child theme that can be used as a starting point for custom development.
Author: BeaverChildThemes.com
Author URI: http://www.beaverchildthemes.com
template: bb-theme
*/


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

/* GENERAL CSS
------------------ */


/* HEADER / TOP BAR
------------------ */
/*Top Bar*/
.fl-page-bar  {
    position: relative;
    z-index: 10;
    border: none;
}
.fl-page-bar .container{
    padding-top: 15px;
    padding-bottom:0;
}
/*Top Bar Social Icons*/
.fl-social-icons .fl-icon {
    font-size: 36px;
}



/*Transparent Header*/
.fl-page-header-primary {
    background: transparent !important;
    position: relative;
    z-index: 10;
}
/*Sticky Header*/
.fl-page-nav-right.fl-page-header-fixed, .fl-page-header-fixed {
    border:none !important;
    color: #528044;
}
/*Header Menu CTA*/
.fl-page-header li:last-child a {
    border: 1px solid !important;
	-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;
}
/*Header border-bottom*/
.fl-page-header-wrap {
    border-bottom: 0px solid rgba(255,255,255,0.13)!important;
}

/*After Heading Underline*/
.line-after .fl-heading, .line-after-left .fl-heading{position:relative;}
.line-after .fl-heading:after{background-color: #ffffff; bottom: -25px; content: ""; height: 2px; left: 0; margin: 0 auto; position: absolute; right: 0; width: 120px;}
.line-after-left .fl-heading:after{background-color: #ffffff; bottom: -25px; content: ""; height: 2px; left: 0; margin: 0 auto; position: absolute; width: 60px;}



/*Forms*/
label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: normal;
    color: #a5a5a5;
}
input[type="submit"]{width:100%;}



/* Footer widgets */
.custom-footer-widgets{font-size:14px;}



/* Sidebars */
.sidebar .widgettitle{font-size:32px;}
.sidebar .widget ul > li > ul{margin-left:30px;}


/* */
.fl-post-title{font-size:2em;}


/* FOR GREATER THAN THE MEDIUM DEVICE BREAKPOINT */
@media screen and (min-width: 992px) {
     
    /* ROW STYLING */
    .top-banner .fl-row-content-wrap{
        /*margin-top:-120px;*/
        margin-bottom: -89px;
        padding-top: 180px; 
        padding-bottom: 189px;
    }
}
/* FOR THE MEDIUM DEVICE BREAKPOINT AND UNDER */
@media screen and (max-width: 991px) {
     
    /* ROW STYLING */
    .top-banner .fl-row-content-wrap{
        margin-top:0 !important;
    }
}

/* FOR THE SMALL DEVICE BREAKPOINT AND UNDER */
@media screen and (max-width: 768px) {

    /* SCALE DOWN HEADINGS. YOU CAN OVERRIDE THESE BY SETTING MOBILE STYLES ON A PER HEADING MODULE BASIS */
    h1{font-size:2em;}
    h2{font-size:1.8em;}
    h3{font-size:1.6em;}
    h4{font-size:1.4em;}
    h5{font-size:1.2em;}
    h6{font-size:1.1em;}
     
    /* ROW STYLING */
    .top-banner .fl-row-content-wrap{
        margin-top:0 !important;
    }
}