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

.popup-links a{color:#555}
.popup-links .uabb-modal-action span, .dual-heading strong{color:#e77b24!important}
.uabb-cl-style9 a span, .uabb-cl-style9 a::before {padding:15px 30px}
/* Header */ 
.fl-page-header-primary .fl-logo-img {padding-bottom: 10px;}	
.fl-logo-img {max-width: 223px;}

.fl-page-bar{background:#fff;border:none}
.fl-page-bar-container{ position:relative;padding-bottom:0}
.fl-page-bar .fl-page-bar-row .text-center{position:absolute;z-index:1;text-align:right; right:0;width:300px;padding:5px 15px 0 0 }
.fl-page-bar-text{text-align:right}
.fl-page-bar-text a{font-size:30px;font-weight:700;padding-left:40px;color:#00446f; text-decoration:none!important;background:url('https://workinghandsdv.wpengine.com/wp-content/uploads/2021/08/signal-gif.gif') no-repeat 0 50%;background-size:35px;}
.fl-page-bar-text a span{background: -webkit-linear-gradient(90deg, #01416a, #0076bf 50%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin: 0;}

.fl-page-nav-right .fl-page-header-row>div{vertical-align:bottom}

.fl-page-nav-right.fl-page-header-fixed .fl-page-nav ul.sub-menu, .fl-page-header-fixed .fl-page-nav ul.sub-menu{background:rgba(229,111,46, .91);border-color:#e56f2e;padding:0;margin-top:9px}

.fl-page-nav ul.sub-menu{background:rgba(229,111,46, .91);border-color:#e56f2e;padding:0}
.fl-page-nav-right .fl-page-nav-wrap .navbar-nav .sub-menu li>a {color: #fff;padding:15px}
.fl-page-nav ul.sub-menu li{border-bottom:1px solid rgba(255,255,255,.4);}
.fl-page-nav ul.sub-menu li:hover{background:rgba(0,0,0, .91);}

.fl-page-nav ul.sub-menu li:last-child{border:none}

.fl-nav-mobile-offcanvas.fl-responsive-nav-enabled .fl-page-header .fl-nav-offcanvas-collapse{background:#fff}

.fl-page-nav-right.fl-page-header-fixed .fl-logo-img, .fl-page-header-fixed .fl-logo-img{max-height:50px!important}
.fl-nav-mobile-offcanvas.fl-responsive-nav-enabled .fl-offcanvas-close{background:none!important}
 .fl-page-header-logo {
    text-align: left!important;
}
@media (max-width: 990px) {
	.fl-page-bar .fl-page-bar-row .text-center{margin-top:25px}
	.fl-page-nav ul li:hover{background:#fff;}
}

@media (max-width: 767px) {
	.navbar-toggle.navbar-toggler{background:#fff!important}
    .fl-page-bar .fl-page-bar-row .text-center{text-align:right; right:60px;padding:0;margin-top:7px}
	.fl-page-bar-text a{font-size:26px;background-size: 30px;padding-left:35px}
	.fl-page-nav-toggle-icon.fl-page-nav-toggle-visible-mobile .fl-page-nav .navbar-toggle{top:5px}
}
@media (max-width: 479px) {
	.fl-page-bar-text{text-align:right!important;}
	.fl-page-bar .fl-page-bar-row .text-center{text-align:right; right:58px;	}
	.fl-page-bar-text a{font-size:24px;background-size: 30px;padding-left:35px}
}

/* Mobile toggle menu */

.fl-nav-mobile-offcanvas.fl-responsive-nav-enabled .fl-page-header .fl-nav-offcanvas-collapse {
    padding: 0;
    -moz-box-shadow: 0 0 4px #cecece;
    -webkit-box-shadow: 0 0 4px #cecece;
    box-shadow: 0 0 4px #cecece;
    border-color: #d9d9d9;
    background-color: rgba(255, 255, 255, 0.9) !important;
    color: #0a0000
}

/*ANIMATED HAMBURGER ICON */
.bar1, .bar2, .bar3
{
width: 26px;
height: 3px;
background-color: #333;
transition: 0.4s;
}
.bar1
{
margin: 0 0 4px 0;
}
.bar3
{
margin: 4px 0 0;
}

/*CHANGE TO TWO BARS CROSSED */
.change .bar1
{
-webkit-transform: rotate(-45deg) translate(-7px, 2px);
transform: rotate(-45deg) translate(-7px, 2px);
}
.change .bar2
{
opacity: 0;
}
.change .bar3
{
-webkit-transform: rotate(45deg) translate(-6px, -2px);
transform: rotate(45deg) translate(-6px, -2px);
}

/*removes clickable areas around the icon which could allow visitors to toggle without the animation occurring */

.fl-page-nav-toggle-icon .fl-page-nav .navbar-toggle
{
margin: 0;
padding: 0;
	right:10px!important
}
.caldera-grid input[type="file"] {
	cursor: pointer;
	font-size: 16px;
	padding-top: 8px;
	padding-bottom: 5px;
}
.caldera-grid input[type="file"].parsley-error {
	color: #B94A48;
	background-color: transparent;
	border: none;
}

/* Projects Grid layout*/
/* Categories grid */
.grid-container {
    display: flex;
    flex-wrap: wrap;
    width: calc(100% + 20px);
    left: -10px;
    position: relative;
}

.grid-box {
    width: calc(25% - 20px);
    align-content: center;
    justify-content: center;
    display: flex;
	height:250px;
    flex-direction: column;
    text-align: left;
    padding: 0px;
    border-radius:0px;
    transition: 0.35s;
    background: #fff;
    margin: 10px;
	border-radius:3px;
    position: relative;
    box-sizing: border-box;
	box-shadow: 0 0 15px rgb(0 0 0 / 15%);
	overflow:hidden;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;-webkit-transform: scale(1);
	transform: scale(1);	
}
.grid-box:before{
	position:absolute;content:'';width:100%; height:100%; 
border-radius: 5px;  
opacity: 0;
  top: 100%;
  left: 0;
  z-index: 2;
	border-radius:3px;
  transition-property: top, opacity;
  transition-duration: 0.3s;
background: linear-gradient(to bottom, rgba(0, 0, 0, .3) 0%, rgba(0, 0, 0, 0.8) 100%);}


a.grid-box, a.grid-box h3, a.grid-box p{color:#fff!important}

.grid-box-content{position:absolute;top:100%;padding:0 20px;z-index:2;-webkit-transition: .3s ease-in-out;transition: .3s ease-in-out;}

.grid-box-content p{font-size:15px}
.grid-box .grid-box-icon { position: absolute;	top:10px;right:10px;z-index:2;background:#e77b24;padding:10px;border-radius:50%;box-shadow:0 0 10px rgba(0,0,0,.3)}

.grid-box .grid-box-icon svg {
    height: 26px;
    display: block;
    transition: 0.35s;
    margin-bottom: 2px;
}

.grid-box:hover:before{top: 0;opacity:1;}
.grid-box:hover .grid-box-content{top:30%}


/* Filter Bar */
.fl-page button, .fl-responsive-preview-content button, .fl-page button:visited,
.fl-responsive-preview-content button:visited, .fl-page input[type=button],
.fl-responsive-preview-content input[type=button], .fl-page input[type=submit],
.fl-responsive-preview-content input[type=submit], .fl-page a.fl-button,
.fl-responsive-preview-content a.fl-button, .fl-page a.fl-button:visited,
.fl-responsive-preview-content a.fl-button:visited {
    color: #ffffff;
	text-transform:uppercase;
	 border-bottom: 2px solid #e77b24;
}

.filters-button-group .button {
    color: #555!important;
    background-color:#ddd!important;
	 border-radius: 3px;
	padding:12px 20px;
	text-transform:uppercase!important; 
	margin-bottom:5px
}
.filters-button-group .button:hover{
	color: #e77b24!important;
}
.button.is-checked, .button.is-checked:hover{
	 background-color: #e77b24!important;
	text-transform:uppercase;
	color:#fff!important;
}
.filters-button-group{margin-bottom:15px}


/* PROJECT PAGE */  
  .mySwiper .swiper-slide { height:100px!important;}
.banner-single {background:#e77b24; padding-top: 30px; padding-bottom: 20px;margin-bottom:30px;}
.banner-single h1 {text-align: center; color: #fff;max-width: 900px; margin: 0 auto; }

.breadcrumb {text-align: center; color: #fff; background: none;}
.breadcrumb a{color:#fff;}

.project-gallery{margin-bottom:50px}
.project-details{margin:20px 0!important}
.project-details h3{position:relative;margin-bottom:20px;padding-bottom:10px}
.project-details h3:after{position:absolute; display:block;content:''; width:80px;height:3px;background:#e77b24; left:0;bottom:0;}
.category a{display: inline-flex;align-items: center;}
.category a span{ background:#e77b24;padding:12px;border-radius:50%;display: inline-flex;margin-right:10px}
.category a span svg{height:24px;width:24px}

.loc-list .fl-rich-text{font-weight:600}
.loc-list .fl-rich-text strong{color:#e77b24;;margin:0 10px}

@media (max-width: 768px){
.grid-box {
    width: calc(50% - 20px);
}
}
@media (max-width: 480px){
.grid-box {   width: calc(100% - 20px); margin-right: 0;}
.grid-box:before{top: 0;opacity:1;}
.grid-box .grid-box-content{top:30%}
}

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], input[type=url], textarea{padding:12px}