/* 
Contact form stylesheet
*/

#contact_form .contact_form_part {
    width: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}
#contact_form .contact_form_box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
	height: 100%;
    width: 100%;
}
#contact_form form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 100%;
    height: 100%;
}
#contact_form .contact_form {
    width: 100%;
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: .5rem;
}
#contact_form h2 {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
}
#contact_form .contact_form input, 
#contact_form .contact_form textarea {
    background: transparent;
    font-weight: 400;
    border: none;
    border-bottom: 1px solid white;
    padding: .5rem .2rem;
    font-size: 1rem;
    font-family: 'Special Elite', sans-serif;
}
#contact_form .contact_form input::-webkit-input-placeholder, #contact_form .contact_form textarea::-webkit-input-placeholder {
    color: white;
    font-family: 'Special Elite', sans-serif;
}
#contact_form .contact_form input::-moz-placeholder, #contact_form .contact_form textarea::-moz-placeholder {
    color: white;
    font-family: 'Special Elite', sans-serif;
}
#contact_form .contact_form input:-ms-input-placeholder, #contact_form .contact_form textarea:-ms-input-placeholder {
    color: white;
    font-family: 'Special Elite', sans-serif;
}
#contact_form .contact_form input::-ms-input-placeholder, #contact_form .contact_form textarea::-ms-input-placeholder {
    color: white;
    font-family: 'Special Elite', sans-serif;
}
#contact_form .contact_form input,
#contact_form .contact_form textarea,
#contact_form .contact_form input::placeholder,
#contact_form .contact_form textarea::placeholder {
    color: white;
    font-family: 'Special Elite', sans-serif;
}
#contact_form .contact_form input:focus::-webkit-input-placeholder, #contact_form .contact_form textarea:focus::-webkit-input-placeholder {
    color: var(--main-orange);
}
#contact_form .contact_form input:focus::-moz-placeholder, #contact_form .contact_form textarea:focus::-moz-placeholder {
    color: var(--main-orange);
}
#contact_form .contact_form input:focus:-ms-input-placeholder, #contact_form .contact_form textarea:focus:-ms-input-placeholder {
    color: var(--main-orange);
}
#contact_form .contact_form input:focus::-ms-input-placeholder, #contact_form .contact_form textarea:focus::-ms-input-placeholder {
    color: var(--main-orange);
}
#contact_form .contact_form input:focus::placeholder,
#contact_form .contact_form textarea:focus::placeholder {
    color: var(--main-orange);
}
#contact_form .contact_form input:focus,
#contact_form .message_box textarea:focus {
    outline: none;
    border-bottom: 1px solid var(--main-orange);
}
#contact_form .inputs_box {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 1rem;
}
#contact_form .input_ct {
    width: 50%;
    padding: .5rem 0;
}
#contact_form .message_box,
#contact_form .input_ct input,
#contact_form .message_box textarea {
    width: 100%;
}
#contact_form .message_box textarea {
    resize: none;
}
/* SPINNER */
#contact_form .skew .wpcf7-spinner {
    position: absolute;
    top: 50%;
    right: -50%;
    -webkit-transform: translate(-75%, -50%);
        -ms-transform: translate(-75%, -50%);
            transform: translate(-75%, -50%);
    display: block;
    background-color: grey;
    margin: 0;
}
/* RESPONSE */
#contact_form .wpcf7 form .wpcf7-response-output {
    color: white;
    font-size: 1rem;
    margin: 1rem 0 0;
}
/* Avoids "--internal-autofill-selected" style to be applied */
input:-webkit-autofill,
input:-webkit-autofill:focus {
    -webkit-transition: background-color 0s 600000s, color 0s 600000s !important;
    transition: background-color 0s 600000s, color 0s 600000s !important;
}
/* RESPONSIVE */
@media screen and (max-width: 950px) {
    #contact_form .contact_form_part {
        width: 100%;
        padding: 1rem;
        -webkit-box-pack: end;
            -ms-flex-pack: end;
                justify-content: flex-end;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
    }
    #contact_form .contact_form_box {
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
    	-webkit-box-pack: end;
    	    -ms-flex-pack: end;
    	        justify-content: flex-end;
		padding-bottom: 1rem;
    }
    #contact_form form,
    #contact_form h2 {
        width: 90%;
    }
    #contact_form form {
        margin: 0 auto;
    }
}
@media screen and (max-width: 650px) {
    .contact_form_part .wpcf7 {
        width: 100%;
    }
    #contact_form form,
    #contact_form h2 {
        width: 100%;
    }
    #contact_form .contact_form {
        gap: 0;
    }
    #contact_form .inputs_box {
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        gap: 0;
    }
    #contact_form .message_box {
        padding: .5rem 0;
    }
    #contact_form .contact_form input::-webkit-input-placeholder, #contact_form .contact_form textarea::-webkit-input-placeholder {
        font-size: .9rem;  
    }
    #contact_form .contact_form input::-moz-placeholder, #contact_form .contact_form textarea::-moz-placeholder {
        font-size: .9rem;  
    }
    #contact_form .contact_form input:-ms-input-placeholder, #contact_form .contact_form textarea:-ms-input-placeholder {
        font-size: .9rem;  
    }
    #contact_form .contact_form input::-ms-input-placeholder, #contact_form .contact_form textarea::-ms-input-placeholder {
        font-size: .9rem;  
    }
    #contact_form .contact_form input::placeholder,
    #contact_form .contact_form textarea::placeholder,
    #contact_form .contact_form input,
    #contact_form .contact_form textarea {
        font-size: .9rem;  
    }
    #contact_form .wpcf7 form .wpcf7-response-output {
        width: 50%;
    }
    #contact_form .wpcf7 form .wpcf7-response-output {
        width: 95%;
    }
    #contact_form .inputs_box {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
    }
    #contact_form .input_ct,
    #contact_form .inputs_box input {
        width: 100%;
    }
}