/*
 Theme Name: Divi Child
 Theme URI: https://www.elegantthemes.com/gallery/divi/
 Description: Divi Child Theme
 Author: Elegant Themes
 Author URI: https://www.elegantthemes.com
 Template: Divi
 Version: 1.0.0
*/
 
/* =Theme customization starts here
------------------------------------------------------- */

#contact-form input[type=text] span,
#contact-form input[type=email] span,
#contact-form textarea span,
#contact-form select span{
	color:red;
}
/* Target the placeholder text of required input fields */
input[aria-required="true"]::placeholder,
textarea[aria-required="true"]::placeholder {
  color: red; /* Adjust as needed */
}

::-webkit-input-placeholder { /* WebKit browsers */
    color: #023433 !important;
    opacity: 1;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #023433 !important;
    opacity: 1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #023433 !important;
    opacity: 1;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
    color: #023433 !important;
    opacity: 1;
}
.wpcf7-form-control-wrap{
    width:100%;
}
#contact-form input[type=text],
#contact-form input[type=email],
#contact-form textarea,
#contact-form select{
    background:transparent;
    border: 1px solid #000 !important;
    border-radius: 0;
    padding:20px;
    width:100%;
}
#contact-form .item{
    display: flex;
    margin-bottom: 25px;
}
#contact-form .item-last{
    display: block;
    margin-bottom: 25px;
}
#contact-form .item > * {
    width: 50%;
}
.item p {
    display: flex;
    gap: 20px;
    width: 100% !important;
}
.item-last p{
    display:block;
}
#contact-form .item > *:not(:last-child) {
    margin-right: 20px;
}
.wpcf7 input[type="submit" i] {
    background-color: #fff;
    color: #293d8f;
    border: 2px solid #293d8f;
    text-transform: uppercase;
    font-size: 17px;
    padding: 15px 25px 14px;
    transition: .2s 
    ease-in-out;
}

@media screen and (max-width:999px){
    #contact-form input[type=text],
    #contact-form input[type=email],
    #contact-form textarea,
	#contact-form select{
        margin-bottom:20px;
    }
    #contact-form .item,
    #contact-form .item-last{
        display:block;
	    margin-bottom: 0;
    }
    #contact-form .item > *,
    #contact-form .item-last > *{
        width: 100%;
        display:block;
	    margin-bottom:0;
    }
    #contact-form .item > *:not(:last-child) {
        margin-right: 0;
    }
}