/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Oct 25 2026 | 15:13:18 */
/*GLOBALS
*******************************************************************/
:root {
	--font-family-main: "Lexend", sans-serif;
	
	--color-gray-extralight-01: #f5f5f5;
	--color-gray-light-01: #999;	
	--color-orange-main: #E94E1A;
}

html {
  	scroll-behavior: smooth;
  	scroll-padding-top: 80px; 
	
	@media (width >= 1025px) {
  		scroll-padding-top: 98px;
	}
}

main,
.single-post {
	padding-top: 80px;
	
	@media (width >= 1025px) {
		padding-top: 98px;
	}
}

h1, 
h2, 
h3, 
h4 {
    margin-block-end: 0;
    margin-block-start: 0;
}

.mb-0 {
	margin-bottom: 0;
}

.btn {
	.elementor-button-link {
		min-width: 160px;
		border-radius: 30px;
	}
}

p {
	&:last-child {
		margin-bottom: 0;
	}
}

.contact-form {	
	&.wpforms-container {
		margin: 0 !important;
	}
	
	.wpforms-form {
		.wpforms-field-medium {
			max-width: 100% !important;
		}

		.wpforms-field {
			padding: 10px 0 !important;
			
			input[type="text"],
			input[type="email"],
			input[type="tel"],
			textarea {
				border: 1px solid var(--color-gray-light-01);
				
				&:focus {
					border-color: var(--color-orange-main) !important;
					box-shadow: none !important;
					outline: 0;
				}

				&::placeholder {
				   color: var(--color-gray-medium-01) !important;
				}
			}

			.wpforms-error {
				margin-top: 10px !important;
			}
			
			&.wpforms-one-half {
				@media (width <= 767px) {
					width: 100%;
					margin: 0 !important;
				}
			}
		}

		.wpforms-submit {
			font-family: var(--font-family-main) !important;
			min-width: 180px;
			background-color: var(--color-orange-main) !important;
			border-radius: 30px;
            min-height: 46px;
            padding: 10px 25px;
			
			&:after {
				display: none;
			}
		}
	}
}

/*HOME
*********************************************************/
.vehiclesBoxes {
	& > div {
		border: 1px solid var(--color-gray-light-01);
		transition: all 0.3s ease;
		
		&:before {
			transition: opacity 0.3s ease-in;
		}
		
		&:hover {	
			border-color: var(--color-orange-main);
			
			&:before {
				opacity: 0.2;
			}
		}
	}
}


/*HEADER
********************************************************/
header {
	position: fixed;
	left: 0;
	top: 0;
	width: 100vw;
	z-index: 999;
	
	.logo {
		@media (width >= 1366px) {
			margin-left: -2.2rem;
		}
	}
	
	.elementor-nav-menu--dropdown {
		@media (width <= 1024px) {
			position: fixed !important;
            left: 0 !important;
            width: 100vw !important;
            top: 64px !important;
			background-color: var(--color-gray-extralight-01);
		}
	}
}

/*BLOG
**************************************************/
.single-post {
	h2 {
		margin-bottom: 1rem;
		font-weight: 700;
		color: var(--color-orange-main);
	}
}