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

body {
	background: #fff;
}

.fl-page-nav div.fl-page-nav-collapse.collapse.navbar-collapse ul > li:nth-child(2) {
	visibility: hidden;
}

.fl-page-header-wrap .fl-page-header-container {padding: 0}

@media screen and (min-width: 992px){
	.fl-page-header-wrap .fl-page-header-container .fl-page-header-row {margin-top: -25px;}
}

.fl-page-footer-widgets .textwidget h3 {
	font-weight: 600;
    font-family: "Raleway", sans-serif;
    color: #333;
}

.fl-page-footer-widgets .textwidget p {
	font-family: "Raleway", sans-serif;
	font-size: 20px;
}

ul.fl-menu-horizontal li.mega-menu > ul.sub-menu:after {
	content: "";
	display: block;
	position: absolute;
	left: 50%;
	top: -1px;
	height: 101%;
	width: 100vw;
	transform: translateX(-50%);
	z-index: -1;
	box-sizing: border-box;
	border-top: 1px solid red; 
	background-color: #fff;
	/* This is for full width shadow.
	You need to turn off "sub-menu drop shadow" in the menu module.
	Remove this if not needed. */
	/*-moz-box-shadow: -2px 4px 9px 0 rgba(134, 134, 134, 0.451);
	-webkit-box-shadow: -2px 4px 9px 0 rgba(134, 134, 134, 0.451);
	box-shadow: -2px 4px 9px 0 rgba(134, 134, 134, 0.451);*/ 
}
/*default style for gravity forms
----------------------------------------------------------------------------
body .gform_wrapper form .gform body ul,
body .gform_wrapper form .gform body ul li {
	List-style-type: none !important;
	list-style-image: None !important;
	list-style: none !important;
	background-image: none !important;
	background: none !important;
	padding: 0 !important;
	margin: 0 !important;
	border: none !important
}
body .gform wrapper form .gform_body ul > li:before {
	content: "";
}
/*Style form fields		
----------------------------------------------------------------------------
body #gform_wrapper_id_2 .gform_body .gform_fields .gfield
{
width: 280px;
float: left: 
margin-right: 10px; !important;
margin-bottom: 15px;
}

body .gform_wrapper .gform_body .gform_fields #field_10_3.gfield
{
float; left;
width:280px;
clear:left;
}


/* V Digital Services Takeover Styles */

.fl-button:hover {
	background: black !important;
	border: 1px solid black !important;
	transition: 0.3s;
}

li.onethird {
	display: inline-block;
    min-width: 80px;
}

.cart-icon4main {position: absolute; top: 12px; right: 12px; width: 45px; height: 51px; border-radius: 14px; background: url(/wp-content/uploads/2018/08/cart-icon4main.png) center center no-repeat; background-size: 100% 100%; box-shadow: 0px 0px 6px #000000;}

.broken_link, a.broken_link {
    text-decoration: none !important;
}

.page-id-1735 label.gfield_label {
/*     display: none !important; */
}

.page-id-1735 div#gform_wrapper_14 {
    display: block;
    margin-left: 20%;
    margin-right: 20%;
}

.page-id-1735 input#input_14_2 {
    width: 100%;
    border: 2px solid #000;
}

.page-id-1735 input#input_14_3 {
    width: 100%;
    border: 2px solid #000;
}

.page-id-1735 select#input_14_4 {
    width: 100%;
    height: 36px;
    border: 2px solid #000;
}

.page-id-1735 input#gform_submit_button_14 {
    width: 98%;
    background-color: #c02824;
	height: 60px;
}

.page-id-1735 textarea#input_14_5 {
	border: 2px solid #000;
}

.page-id-1735 input#input_14_6 {
    width: 100%;
    border: 2px solid #000;
}

.page-id-1735 input#input_14_8 {
    width: 100%;
    border: 2px solid #000;
}

.page-id-1735 input#input_14_9 {
    width: 100%;
    border: 2px solid #000;
}

.page-id-1735 input#input_14_11 {
    width: 100%;
    border: 2px solid #000;
}

@media screen and (max-width: 768px){
	.page-id-1735 div#gform_wrapper_14{
		margin-left: 5%;
		margin-right: 5%;
	}
}

.hide-me {
	display: none!important;
}

/* Header phone number */

.number,
.phone {
	text-align: left;
	margin-top: 15px;
}

.fl-page-header span.number-phone {
    text-align: left;
    font-size: 24px;
    margin-left: 25px;
    line-height: 1;
}

.fl-page-header span.number-phone a,
.fl-page-header span.number-phone a .fa-phone {
    color: #D20024;
}

@media (max-width: 768px) {
	.fl-page-header span.number-phone {
    	font-size: 18px;
	}
}

header.fl-page-header.fl-page-header-primary.fl-page-nav-centered.fl-page-nav-toggle-button.fl-page-nav-toggle-visible-medium-mobile.fl-shrink-header-transition.fl-shrink-header {
    z-index: 9999;
}

/*Setting images for headers on pages*/
.page-id-52 .fl-node-59b1973e548ca > .fl-row-content-wrap{
	background-image: url(/wp-content/uploads/2020/04/floyds-locksmith-taking-keys_.jpg) !important;
}
.page-id-44 .elementor-element.elementor-element-6cc69834.elementor-column.elementor-col-100.elementor-top-column {
    background-color: rgba(255,255,255,0.5);
    padding: 20px;
}
@media screen and (max-width: 768px){
	.page-id-44 .elementor-44 .elementor-element.elementor-element-6d980e9 > .elementor-widget-container {
    	margin: 0;
	}
	.page-id-44 h2.elementor-heading-title.elementor-size-large {
		font-size: 30px !important;
		line-height: 1.4 !important;
		letter-spacing: 0px !important;
	}
}