/*
Theme Name: The Voux Child
Theme URI: https://themeforest.net/item/the-voux-a-comprehensive-magazine-theme/11400130
Template: thevoux-wp
Author: fuelthemes
Author URI: http://themeforest.net/user/fuelthemes
Description: A Premium theme for magazine, editor, community and more! WordPress Theme by fuelthemes – Update notifications available on Twitter and Themeforest Follow us on twitter – Follow us on Themeforest
Tags: two-columns,four-columns,custom-header,custom-background,threaded-comments,sticky-post,translation-ready,microformats,rtl-language-support,editor-style
Version: 6.4.3.3.1741761795
Updated: 2025-03-12 06:43:15



.page-id-737 form.wpcf7-form {
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    background-color: white;
	width: 100%;
    max-width: 500px;
    margin: 30px auto;
}

/* Style for the labels */
.page-id-737 form.wpcf7-form label {
    display: block;
    margin-bottom: 8px;
    color: #1B3557; /* Dark blue */
    font-weight: bold;
	   
}

/* Style for the input fields */
.page-id-737 form.wpcf7-form input[type="email"],
.page-id-737 form.wpcf7-form input[type="text"] {
    width: 100%;
    padding: 10px;
    border: 1px solid #ddd;
    border-radius: 4px;
    margin-bottom: 12px;
    font-size: 16px;
    color: black;
    background-color: #f7f7f7;
}

/* Focus effect on input fields */
.page-id-737 form.wpcf7-form input[type="email"]:focus,
.page-id-737 form.wpcf7-form input[type="text"]:focus {
    border-color: #1B3557;
    background-color: #ffffff;
    outline: none;
}

/* Style for the checkbox */
.page-id-737 form.wpcf7-form input[type="checkbox"] {
    margin-right: 8px;
}

/* Style for the submit button */
.page-id-737 form.wpcf7-form input[type="submit"] {
    background-color: #E83546; /* Red */
    color: white;
    padding: 12px 20px;
    border: none;
    border-radius: 4px;
    font-size: 16px;
    cursor: pointer;
    transition: background-color 0.3s ease;
}

/* Hover effect on submit button */
.page-id-737 form.wpcf7-form input[type="submit"]:hover {
    background-color: #1B3557; /* Dark blue */
}

/* Styling for the Privacy Policy link */
.page-id-737 form.wpcf7-form a {
    color: #E83546; /* Red */
    text-decoration: none;
}

.page-id-737 form.wpcf7-form a:hover {
    text-decoration: underline;
}

/* Style for the error and success messages */
.page-id-737 form.wpcf7-form .wpcf7-response-output {
    padding: 10px;
    margin-top: 15px;
    border-radius: 4px;
}

.page-id-737 form.wpcf7-form .wpcf7-response-output.wpcf7-mail-sent-ok {
    background-color: #DFF0D8;
    color: #3C763D;
}

.page-id-737 form.wpcf7-form .wpcf7-response-output.wpcf7-validation-errors {
    background-color: #F2DEDE;
    color: #A94442;
}
.page-id-697 .contact{
    text-align: center !important;
    padding-top: 10px!important;
}










/* General styling for the form */
form.wpcf7-form {
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    background-color: white;
    width: 500px; /* Fixed width for larger screens */
    max-width: 100%; /* Ensures form adjusts to smaller screens */
    margin: 0 auto; /* Center form horizontally */
}

/* Style for the form labels */
form.wpcf7-form label {
    display: block;
    margin-bottom: 8px;
    color: #1B3557; /* Dark blue */
    font-weight: bold;
	 font-size: 15px;
    margin-bottom: 15px;
    line-height: 1.5;
}

/* Style for the input fields */
form.wpcf7-form input[type="email"],
form.wpcf7-form input[type="text"] {
    width: 100%;
    padding: 10px;
    border: 1px solid #ddd;
    border-radius: 4px;
    margin-bottom: 12px;
    font-size: 16px;
    color: black;
    background-color: #f7f7f7;
}

/* Focus effect for input fields */
form.wpcf7-form input[type="email"]:focus,
form.wpcf7-form input[type="text"]:focus {
    border-color: #1B3557;
    background-color: #ffffff;
    outline: none;
}

/* Style for the checkbox */
form.wpcf7-form input[type="checkbox"] {
    margin-right: 8px;
}

/* Style for the submit button */
form.wpcf7-form input[type="submit"] {
    background-color: #E83546; /* Red */
    color: white;
    padding: 12px 20px;
    border: none;
    border-radius: 4px;
    font-size: 16px;
    cursor: pointer;
    transition: background-color 0.3s ease;
}

/* Hover effect for the submit button */
form.wpcf7-form input[type="submit"]:hover {
    background-color: #1B3557; /* Dark blue */
}

/* Styling for the Privacy Policy link */
form.wpcf7-form a {
    color: #E83546; /* Red */
    text-decoration: none;
}

form.wpcf7-form a:hover {
    text-decoration: underline;
}

/* Error and success message styling */
form.wpcf7-form .wpcf7-response-output {
    padding: 10px;
    margin-top: 15px;
    border-radius: 4px;
}

form.wpcf7-form .wpcf7-response-output.wpcf7-mail-sent-ok {
    background-color: #DFF0D8;
    color: #3C763D;
}

form.wpcf7-form .wpcf7-response-output.wpcf7-validation-errors {
    background-color: #F2DEDE;
    color: #A94442;
}

/* Responsive styling: Adjust form width on small screens */
@media (max-width: 600px) {
    form.wpcf7-form {
        width: 90%; /* Set the form to take up 90% of the screen width */
        padding: 15px; /* Reduce padding on small screens */
    }

    form.wpcf7-form input[type="submit"] {
        padding: 10px 16px; /* Smaller submit button on small screens */
    }
}