/*
Theme Name: Locksmate Child
Author: Vibes Design
Template: locksmate
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/

.belowhero {
    margin-top: -8%;
	z-index:0;
}
.home .belowhero, .page-id-329 .belowhero{
	z-index:1;
}
.cta-box{
	position:absolute;
	top:0px;
	z-index:1;
}
input.wpcf7-form-control.wpcf7-submit.button.primary {
    width: 100%;
}
.wpcf7-form .flex-grow {
    margin: 5px;
}
.cta-header .button span {
    display: none;
}
.cta-header .button:not(.icon)>i {
    margin-left: 0em;
    margin-right: 0em;
}
.cta-header {
    margin-top: -50px;
}
.whyus i{
	color:#e6ad30;
	margin-right:10px;
}
textarea {
    margin-bottom: 0em;
}


/* Style wrapping span as button */
span.wpcf7-form-control-wrap.file-600, .ginput_container_fileupload {
    display: inline-block;
    position: relative;
    width: 70px;
    height: 39px;
    border-radius: 0px;
    border: none;
    background: #086788;
    color: #FFF;
    overflow:hidden;
}

/* Made input big and move it left and top inside wrapper to hide actual control but leave input clickable */
input.wpcf7-form-control.wpcf7-file, #input_1_4 {
    position: absolute;
    width: 1500px;
    height: 1000px;
    right: 0;
    bottom: 0;        
    outline: none !important;
}

/* Add button text */
.wpcf7-file:before,  #input_1_4:before{
    content: url(images/photo-camera.svg);
    display: block;
    width: 30px;
    height: 30px;
    line-height: 40px;
    text-align: center;
    position: absolute;
    right: 20px;
    bottom: -10px;
    color: #FFF;
    font-size: 16px;
}


.off-canvas-center .mfp-content {
    padding-top: 0px;
}
.nav>li>a {
    color: #fff;
}
.gform_wrapper li.hidden_label input, .gform_wrapper ul li.gfield, .gform_wrapper {
    margin-top: 0px!important;
    margin-bottom: 0px;
}


@media (max-width: 1400px) {
/*
.belowhero {
    margin-top: -130px;
}*/
}
@media (max-width: 849px) {
.header-main li.html.custom {
    display: block;
}
.mobile-sidebar .is-xlarge {
    font-size: 1.4em;
}
}

@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/
.belowhero {
    display:none;
}
.cta-box{
	position:relative;
}
.callbackbox{
	margin-top:-30px;
}
.medium-logo-center .logo {
    margin: 0px;
	        -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
}
#logo {
    width: 30px!important;
}
#logo:before {
	content: url(images/logo-round-w.svg);
	    width: 60px;
    display: block;
}

#logo img {
	display:none!important;
}
.sidebar-menu .is-xxxlarge {
    font-size: 1.5em;
}
.nav>li>a>i.icon-menu {
    font-size: 2.5em;
    margin-top: -10px;
}
}