/**
 * Theme Name:     Hello Elementor Child
 * Author:         Elementor Team
 * Template:       hello-elementor
 * Text Domain:	   hello-elementor-child
 * Description:    A lightweight and minimalist WordPress theme for Elementor page builder.
 */


/* wpfFilter */



/* Contact form 7 global form */

.contact_form {
    width: 100%;
    margin-bottom: 10px;
}


input[type=date], input[type=email], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=url], select, textarea  {
    border-color: #F04E23;
    border-radius: 0px;
}



textarea {
    width: 100%;
}

[type=button]:not(:disabled), [type=submit]:not(:disabled), button:not(:disabled) {
	cursor: pointer;
	 background-color: #F04E23;
}


[type=button]:active:focus, [type=submit]:active:focus, button:active:focus, [type="submit"]:focus  {
    background-color: #F04E23;
}

::-webkit-input-placeholder { /* Edge */
  color: #F04E23;
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #F04E23;
}

::placeholder {
  color: #F04E23;
}


.wpcf7-form-control.wpcf7-submit.has-spinner  {
   float: right;
  background-color: #F04E23 !important;
  color: white !important;
  width: 170px;
  height: 40px;
  padding: 10px 10px;
  display: block;
 justify-content: center;
  align-items: center; 
  border: none;
  border-radius: 3px !important;
  cursor: pointer;
}

.wpcf7-submit:hover {
  background-color: #000;
}


.wpcf7 form.invalid .wpcf7-response-output {
    width: 100%;
    border-color: red;
    padding: 20px;
    margin-top: 40px;
}

.fname {
    float: left;
    width: 34%;
    padding-right: 15px;
}

.femail {
    float: left;
    width: 33%;
    padding-right: 15px;
}

.fphone {
    float: left;
    width: 33%;
    padding-right: 0px;
}

.first_row_form {
    margin-bottom: 15px;
    height: 45px;
}

.fsubmit {
    padding-bottom: 0px;
}

.fprivacy {
    float: left;
    width: 60%;
}

.wpcf7 form.invalid .wpcf7-response-output {
  width: 100%;
  border-color: red;
  padding: 20px;
  margin-top: 40px;
  display: inline-block;
}


/* Contact form 7 Get quote form */

.quote_form {
    width: 100%;
    margin-bottom: 10px;
}

.quote_input {
    width: 40%;
    padding-right: 10px;
}

.wpcf7-form-control {
	box-sizing: border-box;
	padding: 10px 0 0 0;
	margin: 8px 0 8px 0 !important;
}

/** MOBIL DEVICE **/

@media only screen and (max-width: 986px) {

   .contact_form {
    width: 100%;
} 

.quote_input {
    width: 100%;
    padding: 5px;
}
}

@media only screen and (max-width: 738px) {

   .contact_form {
    width: 100%;
} 

.quote_input {
    width: 100%;
    padding: 5px;
}

.fname {
    position: realtive;
    width: 100%;
    padding-right: 0px;
}

.femail {
    position: realtive;
    width: 100%;
    padding-right: 0px;
}

.fphone {
    position: realtive;
    width: 100%;
    padding-right: 0px;
}

.fsubmit {
    width: 100%;
    padding-bottom: 0px;
}


[type=button]:not(:disabled), [type=submit]:not(:disabled), button:not(:disabled) {
    width:100%;
}

.fprivacy {
    float: left;
    font-size: 80%;
    width: 100%;
}

.wpcf7 form.invalid .wpcf7-response-output {
    width: 100%;
    font-size: 14px;
    float: left;
    border-color: red;
    padding: 0px;
    margin-top: 20px;
}

}


/** shrink header menu **/

/***
* Shrinking Sticky header, no container edition
* class: .sticky-header
* Uses the built-in .elementor-container class for shrinking the header in non-container installs
*/
header.sticky-header {
	--header-height: 60px; /* Set your own header height */
	--shrink-header-to: 0.6; /* Shrinks to 60%, values: 0.1 to 1 */
	--transition-timing: .45s cubic-bezier(.4, 0, .2, 1); /* values: .1s to 0.5s (or more), replace "cubic-bezier(.4, 0, .2, 1)" with "ease" if you need a simpler transition */
	background-color: none; /* Set your own background color */
	transition: background-color var(--transition-timing),
				backdrop-filter var(--transition-timing),
				box-shadow var(--transition-timing);
}
header.sticky-header.elementor-sticky--effects {
    opacity: 0.9;
	background-color: #000000E3; /* Set your own background color on scroll */
	box-shadow: 0px 4px 33px 1px rgba(0, 0, 0, .07); /* Delete this line if you don't want shadow on scroll */
	-webkit-backdrop-filter: saturate(180%) blur(20px); /* Delete this line if you don't use transparency on scroll */
	backdrop-filter: saturate(180%) blur(20px); /* Delete this line if you don't use transparency on scroll */
	min-height: 25px !important;
	padding-top: 0px;
}


/***
* class: .logo
*/
header.sticky-header .logo img {
	transition: transform var(--transition);
}
header.sticky-header.elementor-sticky--effects .logo img {
	transform: scale(.6);
}

/***
* Optional: Change menu font size on Scroll
*/
header.sticky-header.elementor-sticky--effects .elementor-nav-menu .elementor-item {
  font-size: 16px !important;
}

header.sticky-header.elementor-sticky--effects .elementor-nav-menu--dropdown .elementor-sub-item
{
  font-size: 16px !important;
}

/***
* Shorter header on mobile (70px instead of 100px)
*/
@media only screen and (max-width: 767px) {
	header.sticky-header {
		--header-height: 70px;
	}
}


/* WPML switcher CSS */

.wpml_switcher {
    z-index: 999;
    opacity: 0.9;
}