/*
 Theme Name:   Woodmart Child
 Description:  Woodmart Child Theme
 Author:       XTemos
 Author URI:   http://xtemos.com
 Template:     woodmart
 Version:      1.0.0
 Text Domain:  woodmart
*/

/* Custom global site layout changes */
body {
    overflow-y: hidden !important;
}

/*************************************************************************************************************
*************************** [contact-form-7 id="7f5b5f7" title="News Letter Form"] ***************************
**************************************************************************************************************/
/* Target the paragraph wrapper that WordPress automatically injects */
.woodmart-custom-newsletter p {
    display: flex;
    align-items: center;
    gap: 15px; /* Spacing between input and button */
    width: 100%;
    max-width: 600px; /* Adjust maximum width as needed */
    margin: 0; /* Remove default paragraph margins */
}

/* Hide the automatic line break injected by WordPress */
.woodmart-custom-newsletter p br {
    display: none;
}

/* Form elements wrap styling override for Contact Form 7 */
.woodmart-custom-newsletter .wpcf7-form-control-wrap {
    flex: 1; /* Makes the email input take up the remaining space */
}

/* Style the Email Input Field */
.woodmart-custom-newsletter input[type="email"] {
    width: 100%;
    height: 50px; /* Comfortable height matching the image */
    padding: 0 20px;
    font-size: 16px;
    color: #333;
    background-color: #fff;
    border: none;
    border-radius: 8px; /* Smooth rounded corners */
    box-sizing: border-box;
}

/* Style the Sign Up Button */
.woodmart-custom-newsletter input[type="submit"] {
    height: 50px;
    padding: 0 30px;
    font-size: 16px;
    font-weight: 500;
    color: #fff;
    background-color: #111111; /* Dark/Black button background */
    border: none;
    border-radius: 8px; /* Matching rounded corners */
    cursor: pointer;
    transition: background-color 0.2s ease-in-out;
    white-space: nowrap;
}

/* Button Hover Effect */
.woodmart-custom-newsletter input[type="submit"]:hover {
    background-color: #222222;
}
/*************************************************************************************************************
*************************** [contact-form-7 id="7f5b5f7" title="News Letter Form"] ***************************
**************************************************************************************************************/

.info-box-icon img {
    border-radius: 15px;
}