/*!
Theme Name: Energox
Theme URI: http://designingmedia.com/energox
Author: Designing Media
Author URI: http://designingmedia.com
Description: Energox is a modern and sustainable WordPress theme designed for renewable energy solutions. Ideal for businesses and individuals focused on solar, wind, and other green energy sources, this theme offers advanced features, clean design, and robust customization options.
Version: 1.2
Requires PHP: 7.0
Tested up to: 5.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: energox
Tags: renewable energy, solar energy, wind energy, sustainable, green technology, eco-friendly, modern design, responsive, customizable, energy efficiency, clean energy.
*/


.no-breadcrumbs.page-title-area:after{ display: none; }

.navbar-area .nav-container .navbar-collapse #menu-all-pages > li + li{ margin-left: 10px; }
.navbar-area .nav-container .navbar-collapse #menu-all-pages li{ padding: 0 7px; }
/*Unit test css*/
.navbar-area .nav-container .logo a.retina-logo{
	display: none;
}
.wpcf7-form-control-wrap {
    display: block;
	z-index:0;
}
.wpcf7 form.failed .wpcf7-response-output, .wpcf7 form.aborted .wpcf7-response-output, .wpcf7 form.sent .wpcf7-response-output {
    margin: 1em 0em 0em;
    font-size: 14px;
    line-height: 1.5em;
    text-align: center;
}
.wpcf7-not-valid-tip {
    color: #dc3232;
    font-size: 12px;
    line-height: 12px;
    font-weight: normal;
    display: block;
    margin-top: 0;
    position: absolute;
    width: auto;
    display: block;
    left: 0;
    border: none;
    padding: 0;
    top: 65px;
}
.wpcf7-spinner {
    display: none;
}
.wpcf7 form.invalid .wpcf7-response-output {
    display: none;
}

.maaira-enquiry-container {
    background: #ffffff;
    padding: 5px;
   // border-radius: 30px; /* Large rounded corners like the image */
    text-align: center;
    box-shadow: 0 15px 35px rgba(0,0,0,0.1);
   /* max-width: 500px;*/
    margin: 0 auto;
}

/* Header Text */
.maaira-enquiry-container h2 {
    color: #006837; /* Dark green for header */
    font-weight: 800;
    font-size: 28px !important;
    margin-bottom: 30px;
}

/* Input Fields */
.maaira-enquiry-container .input-group {
    margin-bottom: 10px;
}

.maaira-enquiry-container input, 
.maaira-enquiry-container textarea {
    width: 100%;
    padding: 15px 20px;
    border: 1px solid #e0e0e0;
    border-radius: 12px; /* Soft rounding for inputs */
    background-color: #ffffff;
    font-size: 16px;
    outline: none;
}

/* Submit Button styling */
.maaira-enquiry-container .wpcf7-submit {
    background-color: #00b14f; /* Vibrant green matching your icon */
    color: #fff;
    padding: 15px 40px;
    border: none;
    border-radius: 50px; /* Pill-shaped button */
    font-size: 18px;
    font-weight: 700;
    cursor: pointer;
    transition: background 0.3s ease;
    width: 60%;
}

.maaira-enquiry-container .wpcf7-submit:hover {
    background-color: #008f3f;
}
@media only screen and (max-width: 1366px) {
    .wpcf7-not-valid-tip {
        font-size: 12px;
        line-height: 12px;
        top: 65px;
    }
}

@media only screen and (max-width: 1024px) {
    .wpcf7-not-valid-tip {
        top: 57px;
    }
    .wpcf7 form.failed .wpcf7-response-output, .wpcf7 form.aborted .wpcf7-response-output, .wpcf7 form.sent .wpcf7-response-output {
        text-align: center;
    }
}

@media only screen and (max-width: 767px) {
    .wpcf7-not-valid-tip {
        top: 49px;
    }
    .wpcf7 form.failed .wpcf7-response-output, .wpcf7 form.aborted .wpcf7-response-output, .wpcf7 form.sent .wpcf7-response-output {
        font-size: 12px;
    }
}