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

.custom-service-box .fl-col-content.fl-node-content {
    position: relative;
}

.custom-service-box .fl-col-content.fl-node-content::before {
    content: "";
    position: absolute;
    background-image: url("/wp-content/uploads/2020/05/gradient2.png");
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transition: all ease 0.3s;
	opacity: 0;
}

.custom-service-box:hover .fl-col-content.fl-node-content::before {
    opacity: 1;
}

.fl-page-header {
    background-color: #1c2025;
}

#menu-main-menu-1 li a, #menu-main-menu li a {
    font-family: 'Raleway', sans-serif;
    text-transform: uppercase;
    font-size: 19px;
    color: #fff;
    font-weight: 600;
}

.sub-menu li a {
    color: #272d33 !important;
    text-transform: none !important;
    font-weight: normal !important;
}


.fl-submenu-indicator .fl-page-nav ul.navbar-nav > li.menu-item-has-children > a::after {
    left: 47px;
    bottom: -5px;
	position: absolute;
}

.fl-page-nav ul.sub-menu {
    border-top: 3px solid #f03d33 !important;
}

.wpcf7-form-control.wpcf7-textarea {
    height: 150px;
}

.wpcf7-form-control.wpcf7-submit {
    background: #f03d33;
    border-color: #f03d33;
    color: #ffffff !important;
    width: 130px;
    height: 45px;
    border-radius: 25px;
}

#menu-footer-menu li a {
    font-family: 'Raleway', sans-serif;
    text-transform: uppercase;
    font-size: 19px;
    font-weight: 600;
    text-transform: uppercase;
    color: #1c2025;
}

#menu-footer-menu li {
    display: inline-block;
    vertical-align: top;
    margin: 0px 15px;
}

#menu-footer-menu {
    text-align: center;
    margin: 0;
}

.fl-col-content a {
    color: #f00 !important;
}

.phone {
    font-family: 'Impact', sans serif;
    color: #fff !important;
    -webkit-text-stroke: 1.0px #000000;
    text-shadow: 2px 1px 3px #000;
    font-size: 40px;
    line-height: 60px;
}

@media screen and (max-width: 767px) {
	.sub-menu li a {
    	color: #fff !important;
	}
}

@media screen and (max-width: 480px) {
	#menu-footer-menu li a {
    	font-size: 12px;
    	line-height: 16px;
	}
	
	#menu-footer-menu li {
    	margin: 0px 8px;
	}
}