/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Mar 10 2025 | 23:54:10 */
#mobile-menu nav {
    top: 150% !important;
}

#mobile-menu ul#menu-1-056e9f8 a {
    background: #5B7E70 !IMPORTANT;
    color: #fff;
}


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: #99999959;
    padding: 12px;
    background: #00000038;
	color: #fff2f2;
}

::placeholder {
    color: #ffffff4f;
}

[type=button], [type=submit], button {

    color: #ffffff;
    border: 1px solid #ffffff;
    padding: 15px 70px;
}


[type=button]:focus, [type=button]:hover, [type=submit]:focus, [type=submit]:hover, button:focus, button:hover {
    background-color: #ffffff;
    color: #000;
}


.custom-contact-form .col-md-6 {
    width: 50%;
}

.custom-contact-form .row{
    display: flex;
	gap: 15px;
}

.container.custom-contact-form {
    color: #fff;
}

.scrolled{
	background: white;
}

#grh-header img {
    width: 200px; /* Default size */
    transition: width 0.5s ease-in-out; /* Apply transition both ways */
    object-fit: contain;
}

#grh-header.scrolled img {
    width: 150px; /* New size on scroll */
}
.wpcf7-response-output {
    color: white !important;
}
@media only screen and (max-width: 600px) {
	.elementor-11 .elementor-element.elementor-element-042ab83 > .elementor-widget-container{
	 padding: 2rem 1rem 2rem 1rem;	
	}
}