
/*Act-On and Gravity Forms overrides*/
/* Modified by Zsolt on 2025-may-12 - By default it inherits parent container theming now, and supports proper custom coloring from Elementor */

div[id^='gform_wrapper'],
.ao-form {
    color: inherit; 
}

div[id^='gform_wrapper'] label,
.ao-form label {
    font-size: 13px !important;
    letter-spacing: 3.6px;
    text-transform: uppercase;
}

div[id^='gform_wrapper'] input,
div[id^='gform_wrapper'] select,
div[id^='gform_wrapper'] textarea,
.ao-form input,
.ao-form select,
.ao-form textarea {
    border: none !important;
    border-bottom-width: 1px !important;
    border-bottom-style: solid !important;
    border-bottom-color: inherit; 
    margin-right: 10px !important;
    background: transparent !important;
}

div[id^='gform_wrapper'] input,
div[id^='gform_wrapper'] textarea,
.ao-form input,
.ao-form textarea {
    color: inherit; 
    background: transparent;
    font-size: 13px;
}

div[id^='gform_wrapper'] input::placeholder, 
div[id^='gform_wrapper'] textarea::placeholder,
.ao-form input::placeholder,
.ao-form textarea::placeholder {
    color: inherit;
    opacity: 0.4;
}

div[id^='gform_wrapper'] select,
.ao-form select {
    font-size: 13px;
    margin-top: 10px;
    background: transparent;
    color: inherit; 
}

div[id^='gform_wrapper'] option,
.ao-form option {
    color: black; 
    background-color: #eeeeee;
}

div[id^='gform_wrapper'] option:hover,
.ao-form option {
    color: black; 
    background-color: #000000;
}

div[id^='gform_wrapper'] .ao-form-submit,
.ao-form button.ao-form-submit {
    padding: 15px !important;
    width: 100%;
    background: inherit; 
    color: inherit; 
    text-transform: uppercase;
    font-size: 13px !important;
    font-weight: bold !important;
    letter-spacing: 3.3px;
	border-color: inherit; 
	margin-top: 15px;
}

div[id^='gform_wrapper'] .ao-form-submit:hover,
.ao-form button.ao-form-submit:hover {
    background-color: #006F44;
    color: inherit; 
    color: white; 
}

div[id^='gform_wrapper'] .ao-row .ao-column-inner{
.ao-form .ao-row .ao-column-inner{
    margin-right:25px;
}

div[id^='gform_wrapper'] .ao-richtext-block p,
div[id^='gform_wrapper'] #block-error.ao-richtext-block p,
.ao-form .ao-richtext-block p,
.ao-form #block-error.ao-richtext-block p {
    /* color: inherit; */
    font-family: 'Open Sans';
} 
