/* Intake form */
#intake-form-page form.acf-form {
    display: none;
}

#intake-form-page h3.loader {
    padding: 15px 12px;
}

#intake-form-page .acf-form-fields .acf-field .acf-label {
    line-height: 1em;
}

#intake-form-page .acf-form-fields .acf-field input[type="text"],
#intake-form-page .acf-form-fields .acf-field input[type="number"],
#intake-form-page .acf-form-fields .acf-field textarea,
#intake-form-page .acf-form-fields .acf-field select,
#intake-form-page .acf-form-fields .acf-field .acf-input-prepend {
    border: 1px solid #bbb;
    font-size: 20px;
    padding: 10px 15px;
}

#intake-form-page .acf-form-fields .acf-field .acf-switch {
    height: 50px;
}

#intake-form-page .acf-form-fields .acf-field .acf-switch span.acf-switch-on,
#intake-form-page .acf-form-fields .acf-field .acf-switch span.acf-switch-off {
    line-height: 50px;
    padding-bottom: 0;
    padding-top: 0;
}

#intake-form-page .acf-form-fields .acf-field .acf-input-prepend {
    border-right: 0px;
}

#intake-form-page .acf-form-fields .acf-field .acf-repeater .acf-actions {
    line-height: unset;
}

#intake-form-page .acf-form-fields .acf-field .acf-repeater .acf-actions .acf-button {
    background-color: #ffffff;
    border: 1px solid #f27b25;
    color: #f27b25;
    cursor: pointer;
    display: inline-block;
    font-weight: 700;
    line-height: unset;
    padding: 16px 28px;
}

#intake-form-page .acf-form-submit {
    padding: 15px 12px;
    position: relative;
}

#intake-form-page .acf-form-submit .acf-spinner {
    position: absolute;
    top: calc(50% - 10px);
    left: calc(50% - 10px);
}

#intake-form-page .acf-form-submit input[type="submit"].acf-button {
    background-color: #f27b25;
    border: none;
    box-shadow: -4px 0px 0px 0px #ffc393;
    color: #ffffff;
    cursor: pointer;
    font-size: 20px;
    font-weight: 700;
    padding: 16px 28px;
    width: 100%;
}

#intake-form-page .acf-form-submit input[type="submit"].acf-button:focus {
    background-color: #ffffff;
    border: 1px solid #f27b25;
    box-shadow: none;
}

#intake-form-page #message {
    margin: 15px 12px;
    background-color: lightgreen;
    box-shadow: -4px 0px 0px 0px green;
    color: darkgreen;
    padding: 10px 15px;
}

#intake-form-page #cookie-notice {
    display: none;
}

#intake-form-page #ui-datepicker-div {
    font-size: 20px;
}

@media screen and (max-width: 500px) {
    #intake-form-page #ui-datepicker-div {
        width: calc(100% - 24px) !important;
    }
}

/* Materials passport */
#materials-passport .header {
    background-color: #2f2f2f;
    display: flex;
    padding: 24px;
}

#materials-passport .header table,
#materials-passport .footer table {
    color: #ffffff;
}

#materials-passport .header table td,
#materials-passport .footer table td {
    padding: 4px 16px 4px 8px;
    vertical-align: top;
}

#materials-passport .header .information {
    width: 60%;
}

#materials-passport .header .information table td:first-of-type {
    font-weight: 700;
}

#materials-passport .header .images {
    display: flex;
    justify-content: flex-end;
    width: 40%;
}

#materials-passport .header .images img {
    margin-left: 24px;
    max-height: 120px;
}

#materials-passport .header .images img.logo.black {
    display: none;
}

#materials-passport .content {
    padding: 24px;
}

#materials-passport .content table td {
    padding: 4px 16px 4px 8px;
    vertical-align: top;
}

#materials-passport .content table td:first-of-type {
    color: #3DA257;
    font-weight: 700;
}

#materials-passport .content table td:nth-of-type(2) {
    font-weight: 700;
}

#materials-passport .content table td.orange {
    color: orange;
}

#materials-passport .footer {
    background-color: #2f2f2f;
    padding: 24px;
}