/*
Theme Name: Creative-Impact
Theme URI: http://www.creative-impact.co.uk
Version: 1.4.1
Description: Custom Built Theme from Creative Impact
Author: Creative Impact Themes
Author URI: http://www.creative-impact.co.uk
template: bb-theme
*/

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

/* GENERAL
------------------ */
body {
    line-height: 1.72857143;
}
input[type=text],
input[type=password],
input[type=email],
input[type=tel],
input[type=date],
input[type=month],
input[type=week],
input[type=time],
input[type=number],
input[type=search],
textarea {
    border-radius: 0;
    background: #fff;
}


/* HEADINGS
------------------ */
/* Style all Heading modules with h4 to be the same font with the line after */
.fl-sub-header .fl-heading {
    position: relative;
    letter-spacing: 0.3em;
}
.fl-sub-header .fl-heading::after {
    background-color: #d1d1d1;
    bottom: -13px;
    content: "";
    height: 2px;
    left: 0;
    margin: 0 auto;
    position: absolute;
    right: 0;
    width: 60px;
}

.fl-page-header .navbar-nav > li:last-child { border-left: 0px solid #000; padding-left: 0px; margin-left: 0px; }

.fl-page-header .navbar-nav > li:last-child a { background: transparent none repeat scroll 0 0; font-weight: 500 !important; }

.line-after .fl-heading,
.line-after-left .fl-heading {
    position: relative;
}
.line-after .fl-heading:after {
    background-color: #d1d1d1;
    bottom: -25px;
    content: "";
    height: 2px;
    left: 0;
    margin: 0 auto;
    position: absolute;
    right: 0;
    width: 60px;
}
/* Position the line after Heading modules with h4 to the left */
.line-after-left .fl-heading:after {
    background-color: #d1d1d1;
    bottom: -25px;
    content: "";
    height: 2px;
    left: 0;
    right: auto;
    margin: 0 auto;
    position: absolute;
    width: 30px;
}


/* TOP BAR
------------------ */
/* Separate the phone and mail text in the top bar */
.mail {
    padding-left: 20px;
}

/* ARROW MENU
------------------ */
.nav li > a:after {
  color: inherit;
  content: "\f107";
  font-family: FontAwesome; 	
  margin-left: 3px;
  float: right;
  vertical-align: middle;
}

.nav li > a:only-child:after {
  content: '';
}


/* HEADER
------------------ */


/* MODULE SPECIFIC
------------------ */
/* All contact forms have a full width submit button */
.fl-contact-form input[type="button"],
.fl-contact-form input[type="submit"] {
    width: 100%;
    border-radius: 0;
}


/* ROW SPECIFIC
------------------ */
/* Top banner at the top of each page */
.top-banner .line-after .fl-heading:after {
    background-color: #fff;
}
/* Bring the content of 50 50 rows back into the grid */
.row-pull-in-halves .col-left .fl-col-content .fl-module .fl-node-content {
    width: auto;
    float: none;
}
.row-pull-in-halves .col-right .fl-col-content .fl-module .fl-node-content {
    width: auto;
}
/* Contact Details Row */
.contact-details .col-left .fl-callout-title {
    position: relative;
    margin-bottom: 22px;
}
.contact-details .col-left .fl-callout-title:after {
    background-color: #d1d1d1;
    bottom: -10px;
    content: "";
    height: 2px;
    left: 0;
    margin: 0 auto;
    position: absolute;
    width: 30px;
}
.contact-details .col-left .fl-icon {
    min-width: 85px;
    margin-top: 22px;
}


/* RESPONSIVE
------------------ */
@media screen and (min-width: 1160px) {
    /* Bring the content of 50 50 rows back into the grid */
    .row-pull-in-halves .col-left .fl-col-content .fl-module .fl-node-content {
        float: right;
        width: 510px;
    }
    .row-pull-in-halves .col-right .fl-col-content .fl-module .fl-node-content {
        width: 510px;
    }
}

}
@media screen and (min-width: 768px) {
    /* Bring the content of 50 50 rows back into the grid */
    .row-pull-in-halves .col-left .fl-col-content .fl-module .fl-node-content {
        padding-left: 30px;
    }
    .row-pull-in-halves .col-right .fl-col-content .fl-module .fl-node-content {
        padding-right: 30px;
    }
}