select, textarea, input:not([type="checkbox"],[type="radio"],[type="file"],[type="submit"])  {
    margin: 0;
    border: none;
    border-bottom: 1px solid rgba(0,0,0,0.25);
    border-radius: 0;
    background-color: #FFFFFF;
    box-shadow: none;
    line-height: 1.5;
}

select, textarea, input:not([type="checkbox"],[type="radio"],[type="file"],[type="submit"]) {
    height: 3em;
    padding: 0 2em 0 0;
    margin-bottom: 1em;
}
textarea {
    min-height: 10em;
}

/***************************************************************************
* Placeholder
****************************************************************************/
::-webkit-input-placeholder { color: #000000; }
::placeholder { color: #000000; }

/***************************************************************************
* Label
****************************************************************************/
.form_title {
    font-size: 0.75em;
    text-transform: uppercase;
    font-weight: 700;
    color: #ccc;
}


/***************************************************************************
* Multiple Upload
****************************************************************************/
.codedropz-upload-wrapper {
    color: #cccccc;
}
.dnd-upload-status .dnd-upload-details .dnd-progress-bar span {
    background-color: var(--typo-color-red);
}

/***************************************************************************
* Searchform
****************************************************************************/
.searchform .columns:not(.shrink) {
    flex: 1 1 0;
}
.searchform .button {
    padding: 0 1em; margin: 0;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    height: 3em;
    font-size: 1em;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    background-color: var(--typo-color-red);
    color: #FFFFFF;
}
.wrapper .searchform [type="search"] {
    margin: 0;
    border-top-left-radius: 0.375em;
    border-bottom-left-radius: 0.375em;
    padding: 0 1em;

}

.screen-reader-text {border: 0; clip: rect(1px,1px,1px,1px);  clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; word-wrap: normal!important}
.screen-reader-text:focus {background-color: #ddd;clip: auto!important;clip-path: none;color: #444;display: block;font-size: 1em;height: auto;left: 5px;line-height: normal;padding: 15px 23px 14px;text-decoration: none;top: 5px;width: auto;z-index: 100000}


/***************************************************************************
* Margin Bottom
****************************************************************************/
.wpcf7-form > .wpcf7-form-control-wrap input, .wpcf7-form > .wpcf7-form-control-wrap select, .wpcf7-form > .wpcf7-form-control-wrap textarea {
    margin-bottom: 1em;
}

/****************************************************************************
 * Checkboxes && Acceptance Fields
 ****************************************************************************/
 .wpcf7-list-item {margin: 0 1em 0 0;}

 .wpcf7-form-control.wpcf7-acceptance,
 .wpcf7-form-control.wpcf7-checkbox,
 .wpcf7-form-control.wpcf7-radio{
     margin-bottom: 1em;
 }
 .wpcf7-form-control.wpcf7-acceptance label input + span,
 .wpcf7-form-control.wpcf7-checkbox label input + span,
 .wpcf7-form-control.wpcf7-radio label input + span {
     padding-left: 1.375em;
 }
 .wpcf7-form-control.wpcf7-acceptance label input,
 .wpcf7-form-control.wpcf7-acceptance label input + span:before,
 .wpcf7-form-control.wpcf7-acceptance label input + span:after,
 .wpcf7-form-control.wpcf7-checkbox label input,
 .wpcf7-form-control.wpcf7-checkbox label input + span:before,
 .wpcf7-form-control.wpcf7-checkbox label input + span:after,
 .wpcf7-form-control.wpcf7-radio label input,
 .wpcf7-form-control.wpcf7-radio label input + span:before,
 .wpcf7-form-control.wpcf7-radio label input + span:after  {
     position: absolute; top: .8125em; left: 0.5em; width: 0.875em; height: 0.875em;
     transform: translate(-50%,-50%);
 }
 .wpcf7-form-control.wpcf7-acceptance label input + span:before,
 .wpcf7-form-control.wpcf7-checkbox label input + span:before,
 .wpcf7-form-control.wpcf7-radio label input + span:before {
     content: ''; background-color: transparent;
     border: 1px solid #000000;
     pointer-events: none;
 }
 .wpcf7-form-control.wpcf7-acceptance label input + span:after,
 .wpcf7-form-control.wpcf7-checkbox label input + span:after,
 .wpcf7-form-control.wpcf7-radio label input + span:after {
     content: ''; background-color: #000000; opacity: 0;
     height: 0.625em; width: 0.625em; pointer-events: none;
     border: 1px solid #000000;   
 }
 
 /****************************************************************************
  * Advanced Acceptance Settings
  ****************************************************************************/
 .wpcf7-form  .wpcf7-form-control-wrap.typo_cf_acceptance + a:before {
     content: ' '; display: inline-block;
     padding-left: 0.3125em;
 }