/*
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... */ 
.fl-theme-builder-header-scrolled #redLogo {
	display: none !important;
}
.fl-builder-content[data-type=header].fl-theme-builder-header-sticky {
	z-index: 20002 !important;
}
body:not(.logged-in) header {
    z-index: 100000 !important;
}
.rejectsHolderRow .fl-col-group .fl-col .fl-col-content {
	position: relative;
}
/*.rejectsHolder:before {
	width: 100%;
	position: absolute;
	background: #134a3c;
	display: flex;
	margin: auto;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	content: "XX!";
	font-family: "Archivo Black", sans-serif;
    font-weight: 400;
    font-size: 29px;
	padding-top: 100%;
}*/
.rejectsHolder .pp-posts-wrapper {
	position: relative;
} 
.rejectsHolder .pp-content-grid-empty {	
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	background: #134a3c;
	width: 100%; 
	position: relative;
	border: none;
	padding: 50% 0 !important;
}
.rejectsHolder .pp-content-grid-empty p {
	margin: 0 !important;
	padding: 0 !important;
}
.rejectsHolder .pp-content-grid-empty p:before {
content: url(https://difdesign.com/wp-content/uploads/2024/03/xx4.png);
    display: flex;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.zUp {
	position: relative;
	z-index: 20001;
}
#homeBars {
	position: relative;
	z-index: 20000;
}
.fl-theme-builder-header-scrolled #whiteLogo {
	display: block !important;
}
#homeprojectGrid .pp-content-grid-post:hover img  { 
	transform: scale(1.2)!important;
	transition: 1s ease all;
	filter: saturate(1.5);
}
#gform_1 .gform_body .gform_fields * {
	margin-top: 0px;
	margin-bottom: 0px;
	padding-bottom: 0px;
	padding-top: 0px;
}
#gform_1 .gform_body .gform_fields input,#gform_1 .gform_body .gform_fields textarea {
	margin-bottom: 5px;
	margin-top: 5px;
	padding: 15px 25px;
}
#gform_1 .gform_body .ginput_complex input {
	margin: 0px;
} 
body {
	overflow-x: hidden !important;
}
.col-lg-12 {
	padding: 0px;
} 
.fl-content {
    margin: 0;
}
body.fl-builder .fl-page header .fl-menu-mobile-flyout {
	transition: 1s ease all !important;
} 
.fl-flyout-right .fl-menu-mobile-close {
    position: absolute;
    top: 40px !important;
    right: 40px !important;
}
.fl-menu .fl-menu-mobile-flyout .menu,.fl-menu .fl-menu-mobile-flyout {
	display: flex !important;
	background: #444444 !important;
	flex-direction: column;
	justify-content: center;
	justify-items: center;
}

.fl-menu-mobile-flyout li a {
	font-family: "Titillium Web",sans-serif;
	font-size: 2em !important;
	background: #fd4d3a;
    background: linear-gradient(to left, rgba(68,68,68,1) 50%, rgba(253,77,58,1) 50%) !important;
    border: none !important;
    background-size: 200% 100% !important;
    background-position: right bottom !important;
    border-radius: 0px !important;
    padding: 15px 40px !important;
    text-transform: uppercase !important;
    transition: all .5s ease;
	color: #ffffff !important;
}
.fl-menu-mobile-flyout li a:hover {
	border: none !important;
	color: rgba(68,68,68,1) !important;
    background-position: left bottom !important;
}
.fl-theme-builder-header-scrolled .fl-menu-mobile-toggle {
	color: #ffffff;
}
#logoColumn {
	position: relative;
	z-index: 1000000;
}
body:not(.fl-builder-edit) .button, body:not(.fl-builder-edit) input[type=button], body:not(.fl-builder-edit) input[type=submit],body:not(.fl-builder-edit) .fl-button  {
    background: #fd4d3a;
    background: linear-gradient(to left, rgba(253,77,58,1) 50%, rgba(66,66,66,1) 50%) !important;
    border: none !important;
    background-size: 200% 100% !important;
    background-position: right bottom !important;
    border-radius: 0px !important;
    padding: 15px 40px !important;
    font-size: 16px !important;
    text-transform: uppercase !important;
    transition: all .5s ease;
}
body:not(.fl-builder-edit) .button:hover, body:not(.fl-builder-edit) input[type=button]:hover, body:not(.fl-builder-edit) input[type=submit]:hover, body:not(.fl-builder-edit) .fl-page-content .fl-button:hover {
    border: none !important;
    background-position: left bottom !important;
}
#homeprojectGrid .pp-content-grid-post img  {
	transform: scale(1)!important;
	transition: 1s ease all;
}
.homeHoverSlideRight .fl-module-content:hover h2 {
	transform: translateX(50px);
	transition: 1s ease all;
}
.homeHoverSlideRight .fl-module-content h2 {
	transition: 1s ease all;
}
.homeServiceBlocks h3:after {
	max-width: 60px;
	border-top: 5px solid #fd4d3a;
	display: block;
	position: relative;
	content: "";
	margin-top: 20px;
}
.homeServiceBlocks h2 {
	text-transform: uppercase;
	font-size: 5rem;
	font-weight: 400;
	line-height: 1em;
	margin: 0;
	padding: 0;
}
.homeServiceBlocks h3 {
	text-transform: uppercase;
	font-size: 22px;
	font-weight: 400;
	color: #cccccc;
	padding: 0;
	padding-bottom: 20px;
	position: relative;
}
.fl-full-width .container {
    max-width: 100%;
}
.videoMacPro,.videoMacProscreencast {
	padding: 5.5% 8% 1.5% 8.4%;
    position: relative;
}
.objectFit img  {
	object-fit: fill;
}
.videoMacPro:after,.videoMacProscreencast:after {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	content: "";
	background: url("../../../img/MacBook-Pro-16.png");
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	display: block;
	z-index: 0;
}
body.case_studies-template-default .container .col-lg-12,body.case_studies-template-default article .container, body.case_studies-template-default article {
	margin-top: 0px;
}
body.case_studies-template-default article .fl-post-header,body.case_studies-template-default .fl-post-meta {
	display: none !important;
}
@media screen and (max-width:767px) {

	header .fl-row-content-wrap {
    background-color: #fd4d3a !important;
}
	#whiteLogo img {
		max-height: 50px !important;
	}
	.homeServiceBlocks h2 {
	text-transform: uppercase;
	font-size: 2rem;
	font-weight: 400;
	line-height: 1em;
	margin: 0;
	padding: 0;
}
	.fl-menu .fl-menu-mobile-toggle.hamburger .hamburger-menu rect, .fl-menu .fl-menu-mobile-toggle.hamburger-label .hamburger-menu rect {
    fill: #fff;
}
	.pp-heading-content .pp-heading .heading-title,.fl-node-60620a8ddaa38.fl-module-heading .fl-heading {
		font-size: 2em !important;
	}
	.case_studies .fl-builder-content .fl-row:nth-of-type(1) .fl-row-content-wrap {
    min-height: 250px !important;
    margin-top: 100px;
}
	.pp-heading-content .pp-mobile {
		margin-top: 30px;
		margin-b: 10px;
	}
	.row {
margin-right: -20px;
    margin-left: -20px;
}
.homeServiceBlocks h3 {
	text-transform: uppercase;
	font-size: 22px;
	font-weight: 400;
	color: #cccccc;
	padding: 0;
	padding-bottom: 20px;
	position: relative;
}
	.fl-col-small:not(.fl-col-small-full-width) {
		max-width: 100% !important;
	}
}