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

/* getting homepage header to sit over slider area */
header {
	z-index: 1000;
    position: relative;
}

.fl-page-content {
    z-index: 1;	
}

/* subtle gradient on sub-page header */
.sub-page-header .fl-row-content-wrap {
	background-image: linear-gradient(#840202, #a00000);
}

/* improving padding in rich text units */
.fl-rich-text p {
    margin: 0 0 20px;
}

/* improve spacing below rich text ULs GB141218 */
div.fl-rich-text ul {
    margin-bottom: 1.3em;
}

/* forcing the home header to break */
.home-header h1 {
	max-width: 310px;
}

/* sub-menu width fix */
.fl-menu .sub-menu {
    min-width: 230px;
}
.fl-menu .sub-menu li:hover {
    background: #9a2118;
}
.fl-menu .sub-menu a {
    padding-left: 20px;
	padding-right: 20px;
}

/* underline on menu link hover */
.menu-item a:hover {
	background: #9a2118;
}

/* button text */
.fl-builder-content .fl-button-text {
	text-transform: uppercase;
}

/* home client area */
.home-clients-col .fl-module.fl-module-heading h4 span {
    background: rgba(0, 0, 0, .8);
    display: inline;
	padding: 10px;
}

.home-clients-col.fl-module-info-banner .fl-module-content.fl-node-content {
	width: 100% !important;
    border: 1px solid #7c8282;	
}

.home-clients-col.fl-module-info-banner .fl-module-content.fl-node-content .uabb-ultb3-img {
	width: 100% !important;
	height: 100%;
}

.home-clients-col .uabb-ultb3-info {
	padding: 0 !important
}

.home-clients-col .uabb-ultb3-box h4 {	
    display: inline;
    background: rgba(0, 0, 0, .8);
    padding: 10px 20px 10px;
    position: relative;
    top: -8px;
}

.our-clients-row .fl-rich-text a:hover {
	text-decoration: underline;
}

/* testimonials */
.fl-testimonial h4 {
	font-size: 32px;
	text-transform: none;
	font-weight: normal;
	max-width:830px;
	margin: 0 auto 15px;
}

/* setting button colour to stop beaver making it white */
a.fl-button *, a.fl-button:visited *, .fl-builder-content a.fl-button *, .fl-builder-content a.fl-button:visited * {
	color: #222 !important;
}

/* drop-down menu lowercase */
.fl-menu .sub-menu {
    text-transform: none;
}

/* retina image support fix GB041218 */
.retina-image .fl-photo-content img {
    width: 195px !important;
	height: auto !important;
}

@media screen and (max-width: 768px) {
	.home-top-pic.fl-row-bg-photo .fl-row-content-wrap { padding-top: 60px; }
	.fl-testimonial h4 { font-size: 24px; }
	.home-clients-col.fl-module-info-banner .fl-module-content.fl-node-content { border: 0; } /* hiding border as the height was incorrect on mobile, JM 031218 */
	.why-use-col.fl-node-5b9f87d308aa8 > .fl-col-content { background: none; } /* hiding why use bg as text was unreadable on mob, JM 031218 */
	.fl-menu-mobile-toggle:hover, .fl-menu-mobile-toggle.fl-active { background: transparent !important; } /* hide darker red bg on hover/active GV 041218 */
	ul.sub-menu { padding-left: 15px; } /* indent sub-menu a little GB 041218 */
}