/*------------------------------------------------------------------------------
Variables - Base

Variables to be customised per site.

Override only required ones in child theme.css
-------------------------------------------------------------------------------*/

:root {
    --af-font-size: 14px;

    --af-transition: all 0.3s ease-in-out;

    --af-white: #fff;
    --af-black: #333;

    --af-light: #f5f5f5;
    --af-light-dark: #e5e5e5;

    --af-dark: #555;
    --af-dark-light: #777;

    --af-primary: #a02fff;
    --af-primary-dark: #730581;

    --af-secondary: #ff5b5b;
    --af-secondary-dark: #bf1b1b;

    --af-neutral: #f5f5f5;
    --af-neutral-dark: #e5e5e5;

    --af-danger: #dc3545;
    --af-danger-dark: #9c3545;

    --af-border-width: 1px;
    --af-border-color: #ccc;
    --af-border-radius: 0;

    --af-padding-3: 8px;

    --af-checkbox-size: 16px;

    --af-form-max-width: 480px;

    --af-btn-height: auto;
    --af-btn-line-height: inherit;
    --af-btn-font-weight: bold;
    --af-btn-padding: 8px 16px;
    --af-btn-padding-sm: 4px 16px;
    --af-btn-padding-lg: 16px 16px;
    --af-btn-text-transform: none;

    --af-input-padding: 6px var(--af-padding-3);
    --af-input-height: 40px;
    --af-input-prefix-margin: 4px;

    --af-dropdown-item-padding: 0.5rem 1rem;

    --af-post-item-margin: 0 0 25px 0;
    --af-post-item-padding: 0 0 25px 0;
    --af-post-item-border-color: inherit;
    --af-post-excerpt-margin: 15px 0;
}

/*------------------------------------------------------------------------------
Variables - Extended

Use the base variables to define new variables.
Do not define a new value here. It should be done in base.

Override only required ones in child theme.css
-------------------------------------------------------------------------------*/

:root {
    --af-font-size-sm: calc(var(--af-font-size) - 2px);
    --af-font-size-md: calc(var(--af-font-size) + 2px);
    --af-font-size-lg: calc(var(--af-font-size) + 4px);
    --af-font-size-xl: calc(var(--af-font-size) + 6px);

    --af-border-style: solid;

    --af-primary-bg: var(--af-primary);
    --af-primary-fg: var(--af-white);
    --af-primary-alt-bg: var(--af-primary-dark);
    --af-primary-alt-fg: var(--af-white);

    --af-secondary-bg: var(--af-secondary);
    --af-secondary-fg: var(--af-white);
    --af-secondary-alt-bg: var(--af-secondary-dark);
    --af-secondary-alt-fg: var(--af-white);

    --af-neutral-bg: var(--af-neutral);
    --af-neutral-fg: var(--af-black);
    --af-neutral-alt-bg: var(--af-neutral-dark);
    --af-neutral-alt-fg: var(--af-black);

    --af-danger-bg: var(--af-danger);
    --af-danger-fg: var(--af-white);
    --af-danger-alt-bg: var(--af-danger-dark);
    --af-danger-alt-fg: var(--af-white);

    --af-link-color: var(--af-primary);
    --af-link-hover-color: var(--af-primary-dark);

    --af-btn-font-size: var(--af-font-size);
    --af-btn-border-width: var(--af-border-width);
    --af-btn-border-style: var(--af-border-style);
    --af-btn-border-radius: var(--af-border-radius);

    --af-btn-primary-bg: var(--af-primary-bg);
    --af-btn-primary-fg: var(--af-primary-fg);
    --af-btn-primary-border: var(--af-primary-bg);
    --af-btn-primary-hover-bg: var(--af-primary-alt-bg);
    --af-btn-primary-hover-fg: var(--af-primary-alt-fg);
    --af-btn-primary-hover-border: var(--af-primary-alt-bg);

    --af-btn-secondary-bg: var(--af-secondary-bg);
    --af-btn-secondary-fg: var(--af-secondary-fg);
    --af-btn-secondary-border: var(--af-secondary-bg);
    --af-btn-secondary-hover-bg: var(--af-secondary-alt-bg);
    --af-btn-secondary-hover-fg: var(--af-secondary-alt-fg);
    --af-btn-secondary-hover-border: var(--af-secondary-alt-bg);

    --af-btn-neutral-bg: var(--af-neutral-bg);
    --af-btn-neutral-fg: var(--af-neutral-fg);
    --af-btn-neutral-border: var(--af-neutral-bg);
    --af-btn-neutral-hover-bg: var(--af-neutral-alt-bg);
    --af-btn-neutral-hover-fg: var(--af-neutral-alt-fg);
    --af-btn-neutral-hover-border: var(--af-neutral-alt-bg);

    --af-btn-danger-bg: var(--af-danger-bg);
    --af-btn-danger-fg: var(--af-danger-fg);
    --af-btn-danger-border: var(--af-danger-bg);
    --af-btn-danger-hover-bg: var(--af-danger-alt-bg);
    --af-btn-danger-hover-fg: var(--af-danger-alt-fg);
    --af-btn-danger-hover-border: var(--af-danger-alt-bg);

    --af-btn-outline-primary-bg: transparent;
    --af-btn-outline-primary-fg: var(--af-btn-primary-bg);
    --af-btn-outline-primary-border: var(--af-btn-primary-border);
    --af-btn-outline-primary-hover-bg: var(--af-btn-primary-bg);
    --af-btn-outline-primary-hover-fg: var(--af-btn-primary-fg);
    --af-btn-outline-primary-hover-border: var(--af-btn-primary-border);

    --af-btn-outline-secondary-bg: transparent;
    --af-btn-outline-secondary-fg: var(--af-btn-secondary-bg);
    --af-btn-outline-secondary-border: var(--af-btn-secondary-border);
    --af-btn-outline-secondary-hover-bg: var(--af-btn-secondary-bg);
    --af-btn-outline-secondary-hover-fg: var(--af-btn-secondary-fg);
    --af-btn-outline-secondary-hover-border: var(--af-btn-secondary-border);

    --af-btn-outline-neutral-bg: transparent;
    --af-btn-outline-neutral-fg: var(--af-btn-neutral-bg);
    --af-btn-outline-neutral-border: var(--af-btn-neutral-border);
    --af-btn-outline-neutral-hover-bg: var(--af-btn-neutral-bg);
    --af-btn-outline-neutral-hover-fg: var(--af-btn-neutral-fg);
    --af-btn-outline-neutral-hover-border: var(--af-btn-neutral-border);

    --af-btn-outline-danger-bg: transparent;
    --af-btn-outline-danger-fg: var(--af-btn-danger-bg);
    --af-btn-outline-danger-border: var(--af-btn-danger-border);
    --af-btn-outline-danger-hover-bg: var(--af-btn-danger-bg);
    --af-btn-outline-danger-hover-fg: var(--af-btn-danger-fg);
    --af-btn-outline-danger-hover-border: var(--af-btn-danger-border);

    --af-btn-mlr-bg: transparent;
    --af-btn-mlr-fg: var(--af-btn-primary-bg);
    --af-btn-mlr-border: var(--af-btn-primary-border);
    --af-btn-mlr-hover-bg: var(--af-btn-primary-bg);
    --af-btn-mlr-hover-fg: var(--af-btn-primary-fg);
    --af-btn-mlr-hover-border: var(--af-btn-primary-border);

    --af-input-bg: var(--af-white);
    --af-input-fg: var(--af-black);
    --af-input-border-width: var(--af-border-width);
    --af-input-border-style: var(--af-border-style);
    --af-input-border-color: var(--af-border-color);
    --af-input-border-radius: var(--af-border-radius);

    --af-dropdown-bg: var(--af-white);
    --af-dropdown-fg: var(--af-black);
    --af-dropdown-sub-bg: var(--af-light);
    --af-dropdown-sub-fg: var(--af-black);
    --af-dropdown-hover-bg: var(--af-dark);
    --af-dropdown-hover-fg: var(--af-light);
    --af-dropdown-border-width: var(--af-border-width);
    --af-dropdown-border-style: var(--af-border-style);
    --af-dropdown-border-color: var(--af-light);
    --af-dropdown-border-radius: var(--af-border-radius);
    --af-dropdown-icon-size: var(--af-font-size);

    --af-aside-bg: var(--af-neutral-bg);
    --af-aside-fg: var(--af-neutral-fg);
    --af-aside-title-color: var(--af-primary);
    --af-aside-link-color: var(--af-link-color);
    --af-aside-link-hover-color: var(--af-link-hover-color);

    --af-modal-bg: var(--af-white);
    --af-modal-fg: var(--af-black);
    --af-modal-input-bg: var(--af-white);
    --af-modal-input-fg: var(--af-black);
    --af-modal-input-border-color: var(--af-border-color);

    --af-card-bg: var(--af-white);
    --af-card-fg: var(--af-black);
    --af-card-title-color: var(--af-primary);
    --af-card-title-hover-color: var(--af-primary-dark);
    --af-card-footer-bg: var(--af-neutral-bg);
    --af-card-footer-fg: var(--af-neutral-fg);
    --af-card-footer-border: none;
    --af-card-footer-link-color: var(--af-link-color);
    --af-card-footer-link-hover-color: var(--af-link-hover-color);
    --af-card-border: var(--af-border-width) var(--af-border-style) var(--af-neutral-dark);
    --af-card-hover-border: var(--af-border-width) var(--af-border-style) var(--af-primary);

    --af-switch-off-bg: var(--af-dark);
    --af-switch-off-fg: var(--af-light);
    --af-switch-off-border: var(--af-input-border-width) var(--af-input-border-style) var(--af-dark);
    --af-switch-on-bg: var(--af-primary-bg);
    --af-switch-on-fg: var(--af-primary-fg);
    --af-switch-on-border: var(--af-input-border-width) var(--af-input-border-style) var(--af-primary-bg);

    --af-post-item-title-color: var(--af-primary);
}

/*------------------------------------------------------------------------------
Variables - App

Variables used in the embedded app components.
Define a new value only if it can't (or should not) be defined in base.

Override only required ones in child theme.css
-------------------------------------------------------------------------------*/

:root {
    --af-custom--searchbarbg: transparent;

    --af-base-fontSize: var(--af-font-size);
    --af-xs-fontSize: var(--af-font-size);
    --af-sm-fontSize: var(--af-font-size);
    --af-lg-fontSize: var(--af-font-size);
    --af-xl-fontSize: var(--af-font-size);
    --af-7xl-fontSize: var(--af-font-size);

    --af-borderRadius--btn: var(--af-btn-border-radius);
    --af-borderRadius--input: var(--af-input-border-radius);
    --af-borderRadius--secondary: var(--af-border-radius);
    --af-borderRadius--card: var(--af-border-radius);

    --af-inputBorder: var(--af-input-border-color);
    --af-inputBorder--400: var(--af-input-border-color);

    --af-borderWidth--input: var(--af-input-border-width);
    --af-borderWidth--btn: var(--af-btn-border-width);

    --af-padding--btn: var(--af-btn-padding);
    --af-padding--btn-sm: var(--af-btn-padding-sm);
    --af-padding--btn-lg: var(--af-btn-padding-lg);

    --af-semibold-fontWeight: 400;
    --af-bold-fontWeight: 600;
}

/*------------------------------------------------------------------------------
Common

If an adjustment is required then try to use variables as much as possible.
-------------------------------------------------------------------------------*/

.fab, .fas, .far {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

select option {
    color: inherit;
}

input[type="checkbox"] {
    -webkit-appearance: none;
    appearance: none;
    background-color: var(--af-input-bg);
    margin: -2px 0 0 0;
    font: inherit;
    color: var(--af-input-fg);
    width: var(--af-checkbox-size, 16px);
    height: var(--af-checkbox-size, 16px);
    border-width: var(--af-input-border-width);
    border-style: var(--af-input-border-style);
    border-color: var(--af-input-border-color);
    border-radius: min(var(--af-input-border-radius), 4px);
    display: inline-block;
    vertical-align: middle;
}

input[type="checkbox"]::before {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%);
    transform: scale(0);
    transform-origin: center center;
    background-color: currentColor;
}

input[type="checkbox"]:checked::before {
    transform: scale(0.7);
}

input[type="checkbox"]:focus {
    outline: var(--af-input-border-width) dotted currentColor;
    outline-offset: 1px;
}

input[type="checkbox"]:disabled {
    opacity: 0.5;
    cursor: not-allowed;
}

.text-primary {
    color: var(--af-primary);
}

.af-app {
    font-size: var(--af-font-size);
}

.af-app-container .af-app .afu-transition {
    transition: var(--af-transition);
}

/*.af-app-container .af-app a {
    color: var(--af-link-color);
}

.af-app-container .af-app a:hover,
.af-app-container .af-app a:focus,
.af-app-container .af-app a:active {
    color: var(--af-link-hover-color);
}*/

.af-app-container .af-app small {
    font-size: var(--af-font-size-sm);
}

.af-app-container .af-app .afu-h-10 {
    height: auto;
}

.af-app-container .af-app .afu-mb-11 {
    margin-bottom: 15px;
}

.af-app-container .af-app .afu-rounded,
.af-app-container .af-app .afu-rounded-md {
    border-radius: var(--af-input-border-radius);
}

.af-app-container .af-app .afu-rounded > ul.afu-rounded,
.af-app-container .af-app .afu-rounded > div.afu-rounded {
    border: unset;
    border-radius: unset;
    box-shadow: none;
}

.af-app-container .af-app .afu-text-danger-400 {
    color: var(--af-danger);
}

.af-app-container .af-app svg.afu-h-2,
.af-app-container .af-app svg.afu-w-2 {
    height: 10px;
    width: 10px;
}

.af-app-container .af-app .afu-bg-white {
    background: transparent;
}

.af-app-container .af-app .af-label,
.af-app-container .af-app .af-what-is-this,
.af-app-container .af-app .afu-text-gray-600,
.af-app-container .af-app .afu-text-gray-800 {
    color: inherit;
}

.af-app-container .af-app .af-apple-switch__handler {
    background-color: var(--af-switch-off-bg);
    border: var(--af-switch-off-border);
}

.af-app-container .af-app .af-apple-switch__handler > span {
    background-color: var(--af-switch-off-fg);
}

.af-app-container .af-app .af-apple-switch--xs input[type="checkbox"]:checked + .af-apple-switch__handler {
    background-color: var(--af-switch-on-bg);
    border: var(--af-switch-on-border);
}

.af-app .af-apple-switch--xs input[type="checkbox"]:checked + .af-apple-switch__handler > span {
    background-color: var(--af-switch-on-fg);
}

.af-app-container .af-app input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]),
.af-app-container .af-app select,
.af-app-container .af-app textarea,
.af-app-container .af-app .af-attributes-group-container,
.af-app-container .af-app .af-select.afu-border,
.af-app-container .af-app .af-select-btn,
.af-app-container .af-dashboard .classification-selector {
    color: var(--af-input-fg);
    background-color: var(--af-input-bg);
    border-width: var(--af-input-border-width);
    border-style: var(--af-input-border-style);
    border-color: var(--af-input-border-color);
    border-radius: var(--af-input-border-radius);
    padding: var(--af-input-padding);
}

.af-app-container .af-app input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]),
.af-app-container .af-app select,
.af-app-container .af-app .af-select.afu-border,
.af-app-container .af-app .af-select-btn,
.af-app-container .af-page .classification-selector,
.af-app-container .af-dashboard .classification-selector {
    height: var(--af-input-height);
}

.af-app-container .af-dashboard .classification-selector {
    border-style: var(--af-input-border-style) !important;
}

/*.af-app-container .af-app .af-attributes-group-container {
    padding-left: var(--af-padding-3);
    padding-right: var(--af-padding-3);
}*/

.af-app-container .af-app .af-attributes-group-item {
    color: var(--af-btn-neutral-fg);
    background-color: var(--af-btn-neutral-bg);
    border-radius: var(--af-input-border-radius);
    margin: 2px 4px 0 0;
}

.af-app-container .af-app .af-attributes-group-item.is-active {
    color: var(--af-btn-primary-fg);
    background-color: var(--af-btn-primary-bg);
}

.af-app-container .af-app .af-attributes-group-select-all span {
    color: inherit;
}

.af-app-container .af-app .af-attributes-group-select-all-icon,
.af-app-container .af-app .af-attributes-group-item svg.fa-square {
    color: inherit;
}

.af-app-container .af-app .af-attributes-group-item svg.fa-check-square {
    color: currentColor;
}

.af-app-container .af-app .af-job-alert-frequency-item {
    --af-borderRadius--btn: var(--af-input-border-radius);
}

.af-app-container .af-app ul,
.af-app-container .af-app ol,
.af-app-container .af-app li span {
    color: inherit;
}

.af-app-container .af-app .afu-placeholder-custom::placeholder {
    color: inherit;
    opacity: 0.5;
}

.af-app-container .af-app .afu-w-full {
    max-width: none;
}

.af-app-container .af-app .afu-max-w-lg,
.af-app-container .af-app .afu-max-w-xl {
    max-width: var(--af-form-max-width);
}

.af-app-container .af-app .afu-px-3 {
    padding-left: var(--af-padding-3);
    padding-right: var(--af-padding-3);
}

.af-app-container .af-app .afu-pl-3 {
    padding-left: var(--af-padding-3);
}

.af-app-container .af-app .afu-pr-3 {
    padding-right: var(--af-padding-3);
}

.af-app-container .af-app .af-input-prefix {
    color: var(--af-input-fg);
    margin-left: var(--af-input-prefix-margin);
    padding-left: 0;
}

.af-app-container .af-app .af-input-prefix + input {
    padding-left: calc(var(--af-padding-3) + var(--af-input-prefix-margin) + 3px) !important;
}

.af-app-container .af-app .af-alert {
    --af-input-border-radius: var(--af-border-radius);
    margin: 15px 0;
}

/*------------------------------------------------------------------------------
Buttons
-------------------------------------------------------------------------------*/

.af-btn {
    line-height: inherit !important;
}

button,
input[type=submit],
input[type=button] {
    white-space: nowrap;
    border-radius: var(--af-btn-border-radius);
    padding: var(--af-btn-padding);
    transition: var(--af-transition);
}

.af-btn-sm {
    --af-btn-font-size: var(--af-font-size-sm);
}

.af-btn-lg {
    --af-btn-font-size: var(--af-font-size-lg);
}

.af-btn svg {
    color: inherit !important;
}

.af-btn-primary,
.applyflow-mlr.applyflow-mlr__wrp .close-btn,
.applyflow-sb__wrp.style-applyflow-v2 .applyflow-sb__submitBtn,
.frm_button_submit,
.post-password-form input[type="submit"],
.sf-field-submit input[type="submit"] {
    color: var(--af-btn-primary-fg) !important;
    background: var(--af-btn-primary-bg) !important;
    border-width: var(--af-btn-border-width) !important;
    border-style: var(--af-btn-border-style) !important;
    border-color: var(--af-btn-primary-border) !important;
    font-weight: var(--af-btn-font-weight) !important;
    font-size: var(--af-btn-font-size) !important;
    line-height: var(--af-btn-line-height) !important;
    height: var(--af-btn-height);
    text-transform: var(--af-btn-text-transform);
}

.af-btn-primary:hover,
.af-btn-primary:focus,
.af-btn-primary:active,
.applyflow-mlr.applyflow-mlr__wrp .close-btn:hover,
.applyflow-mlr.applyflow-mlr__wrp .close-btn:focus,
.applyflow-mlr.applyflow-mlr__wrp .close-btn:active,
.applyflow-sb__wrp.style-applyflow-v2 .applyflow-sb__submitBtn:hover,
.applyflow-sb__wrp.style-applyflow-v2 .applyflow-sb__submitBtn:focus,
.applyflow-sb__wrp.style-applyflow-v2 .applyflow-sb__submitBtn:active,
.frm_button_submit:hover,
.frm_button_submit:focus,
.frm_button_submit:active,
.post-password-form input[type="submit"]:hover,
.post-password-form input[type="submit"]:focus,
.post-password-form input[type="submit"]:active,
.sf-field-submit input[type="submit"]:hover,
.sf-field-submit input[type="submit"]:focus,
.sf-field-submit input[type="submit"]:active {
    color: var(--af-btn-primary-hover-fg) !important;
    background: var(--af-btn-primary-hover-bg) !important;
    border-color: var(--af-btn-primary-hover-border) !important;
}

.af-btn-secondary,
.af-search .af-search-sort .af-select-btn {
    color: var(--af-btn-secondary-fg) !important;
    background: var(--af-btn-secondary-bg) !important;
    border-width: var(--af-btn-border-width) !important;
    border-style: var(--af-btn-border-style) !important;
    border-color: var(--af-btn-secondary-border) !important;
    font-weight: var(--af-btn-font-weight) !important;
    font-size: var(--af-btn-font-size) !important;
    line-height: var(--af-btn-line-height) !important;
    height: var(--af-btn-height);
    text-transform: var(--af-btn-text-transform);
}

.af-btn-secondary:hover,
.af-btn-secondary:focus,
.af-btn-secondary:active,
.af-search .af-search-sort .af-select-btn:hover,
.af-search .af-search-sort .af-select-btn:focus,
.af-search .af-search-sort .af-select-btn:active {
    color: var(--af-btn-secondary-hover-fg) !important;
    background: var(--af-btn-secondary-hover-bg) !important;
    border-color: var(--af-btn-secondary-hover-border) !important;
}

.af-btn-neutral {
    color: var(--af-btn-neutral-fg) !important;
    background: var(--af-btn-neutral-bg) !important;
    border-width: var(--af-btn-border-width) !important;
    border-style: var(--af-btn-border-style) !important;
    border-color: var(--af-btn-neutral-border) !important;
    font-weight: var(--af-btn-font-weight) !important;
    font-size: var(--af-btn-font-size) !important;
    line-height: var(--af-btn-line-height) !important;
    height: var(--af-btn-height);
    text-transform: var(--af-btn-text-transform);
}

.af-btn-neutral:hover,
.af-btn-neutral:focus,
.af-btn-neutral:active {
    color: var(--af-btn-neutral-hover-fg) !important;
    background: var(--af-btn-neutral-hover-bg) !important;
    border-color: var(--af-btn-neutral-hover-border) !important;
}

.af-btn-outline-primary {
    color: var(--af-btn-outline-primary-fg) !important;
    background: var(--af-btn-outline-primary-bg) !important;
    border-width: var(--af-btn-border-width) !important;
    border-style: var(--af-btn-border-style) !important;
    border-color: var(--af-btn-outline-primary-border) !important;
    font-weight: var(--af-btn-font-weight) !important;
    font-size: var(--af-btn-font-size) !important;
    line-height: var(--af-btn-line-height) !important;
    height: var(--af-btn-height);
    text-transform: var(--af-btn-text-transform);
}

.af-btn-outline-primary:hover,
.af-btn-outline-primary:focus,
.af-btn-outline-primary:active {
    color: var(--af-btn-outline-primary-hover-fg) !important;
    background: var(--af-btn-outline-primary-hover-bg) !important;
    border-color: var(--af-btn-outline-primary-hover-border) !important;
}

.af-btn-outline-secondary,
.af-btn-secondary-outline,
.frm_dropzone button {
    color: var(--af-btn-outline-secondary-fg) !important;
    background: var(--af-btn-outline-secondary-bg) !important;
    border-width: var(--af-btn-border-width) !important;
    border-style: var(--af-btn-border-style) !important;
    border-color: var(--af-btn-outline-secondary-border) !important;
    font-weight: var(--af-btn-font-weight) !important;
    font-size: var(--af-btn-font-size) !important;
    line-height: var(--af-btn-line-height) !important;
    height: var(--af-btn-height);
    text-transform: var(--af-btn-text-transform);
}

.af-btn-outline-secondary:hover,
.af-btn-outline-secondary:focus,
.af-btn-outline-secondary:active,
.af-btn-secondary-outline:hover,
.af-btn-secondary-outline:focus,
.af-btn-secondary-outline:active,
.frm_dropzone button:hover,
.frm_dropzone button:focus,
.frm_dropzone button:active {
    color: var(--af-btn-outline-secondary-hover-fg) !important;
    background: var(--af-btn-outline-secondary-hover-bg) !important;
    border-color: var(--af-btn-outline-secondary-hover-border) !important;
}

.af-btn-outline-neutral {
    color: var(--af-btn-outline-neutral-fg) !important;
    background: var(--af-btn-outline-neutral-bg) !important;
    border-width: var(--af-btn-border-width) !important;
    border-style: var(--af-btn-border-style) !important;
    border-color: var(--af-btn-outline-neutral-border) !important;
    font-weight: var(--af-btn-font-weight) !important;
    font-size: var(--af-btn-font-size) !important;
    line-height: var(--af-btn-line-height) !important;
    height: var(--af-btn-height);
    text-transform: var(--af-btn-text-transform);
}

.af-btn-outline-neutral:hover,
.af-btn-outline-neutral:focus,
.af-btn-outline-neutral:active {
    color: var(--af-btn-outline-neutral-hover-fg) !important;
    background: var(--af-btn-outline-neutral-hover-bg) !important;
    border-color: var(--af-btn-outline-neutral-hover-border) !important;
}

.af-btn-outline-danger {
    color: var(--af-btn-outline-danger-fg) !important;
    background: var(--af-btn-outline-danger-bg) !important;
    border-width: var(--af-btn-border-width) !important;
    border-style: var(--af-btn-border-style) !important;
    border-color: var(--af-btn-outline-danger-border) !important;
    font-weight: var(--af-btn-font-weight) !important;
    font-size: var(--af-btn-font-size) !important;
    line-height: var(--af-btn-line-height) !important;
    height: var(--af-btn-height);
    text-transform: var(--af-btn-text-transform);
}

.af-btn-outline-danger:hover,
.af-btn-outline-danger:focus,
.af-btn-outline-danger:active {
    color: var(--af-btn-outline-danger-hover-fg) !important;
    background: var(--af-btn-outline-danger-hover-bg) !important;
    border-color: var(--af-btn-outline-danger-hover-border) !important;
}

/*------------------------------------------------------------------------------
Dropdown
-------------------------------------------------------------------------------*/

.af-app-container .af-app .af-select ~ .afu-absolute:not(.afu-flex),
.af-app-container .af-app .af-select-btn + .afu-absolute,
.af-app-container .af-app .afu-relative > .afu-absolute.afu-rounded-card,
.af-app-container .af-app .searchbar-typeahead > .afu-absolute,
.af-app-container .af-app .cls-selector-dropdown,
.af-app-container .af-app .af-occupation-select-dropdown {
    --af-black: var(--af-dropdown-fg);
    --af-secondary: var(--af-dropdown-fg);

    color: var(--af-dropdown-fg);
    background-color: var(--af-dropdown-bg) !important;
    border-width: var(--af-dropdown-border-width);
    border-style: var(--af-dropdown-border-style);
    border-color: var(--af-dropdown-border-color);
    border-radius: var(--af-dropdown-border-radius);
}

.af-app-container .af-app .af-select-btn + .afu-absolute li:hover,
.af-app-container .af-app .searchbar-typeahead > .afu-absolute li:hover,
.af-app-container .af-app .searchbar-typeahead > .afu-absolute li.afu-bg-neutral-light,
.af-app-container .af-app .afu-absolute .afu-list-none li:hover,
.af-app-container .af-app .afu-absolute .afu-list-none li.afu-bg-neutral-light {
    color: var(--af-dropdown-hover-fg);
    background-color: var(--af-dropdown-hover-bg);
}

.af-app-container .af-app .afu-absolute .afu-list-none li svg {
    color: currentColor;
}

.af-app-container .af-app .af-select-btn .af-select-icon {
    color: currentColor;
}

.af-app-container .af-app .classification-selector .classifition-tool-icon {
    margin-right: var(--af-padding-3);
}

.af-app-container .af-app .cls-selector-dropdown .cls-sub-dropdown {
    color: var(--af-dropdown-sub-fg);
    background-color: var(--af-dropdown-sub-bg) !important;
    border-radius: var(--af-dropdown-border-radius);
}

.af-app-container .af-app .cls-selector-dropdown .cls-dropdown-header,
.af-app .cls-selector-dropdown .cls-sub-cls-list-header {
    margin: 0 0 10px 0 !important;
    font-size: inherit !important;
}

.af-app-container .af-app .cls-selector-dropdown .cls-dropdown-header {
    color: var(--af-dropdown-fg) !important;
}

.af-app-container .af-app .cls-selector-dropdown .cls-sub-cls-list-header {
    color: var(--af-dropdown-sub-fg) !important;
}

.af-app-container .af-app .af-searchbar-inner-container .searchbar-typeahead > .afu-absolute.afu-rounded-card .afu-text-neutral-dark,
.af-app-container .af-app .af-searchbar-inner-container .searchbar-typeahead > .afu-absolute.afu-rounded-card .afu-text-gray-600,
.af-app-container .af-app .afu-relative > .afu-absolute.afu-rounded-card .afu-text-neutral-dark,
.af-app-container .af-app .afu-relative > .afu-absolute.afu-rounded-card .afu-text-gray-600 {
    color: var(--af-dropdown-fg);
    padding: var(--af-padding-3);
    border-style: none !important;
    border-width: 0 !important;
    border-color: transparent !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

/*------------------------------------------------------------------------------
Popup/Modal.
-------------------------------------------------------------------------------*/

.af-app-container .af-app .af-modal-container,
.af-app .af-modal .modal-content {
    --af-input-bg: var(--af-modal-input-bg);
    --af-input-fg: var(--af-modal-input-fg);
    --af-input-border-color: var(--af-modal-input-border-color);

    background-color: var(--af-modal-bg);
    color: var(--af-modal-fg);
}

.af-app-container .af-app .af-modal-container .afu-text-black,
.af-app-container .af-app .af-modal-container .afu-text-neutral-dark,
.af-app .af-modal .modal-content .modal-title {
    color: inherit;
}

.af-app .af-modal .modal-content .modal-title {
    font-weight: bold;
}

.af-app .af-modal .modal-content .modal-header .close path {
    fill: currentColor;
}

.af-app-container .af-app .af-modal-container svg.fa-times,
.af-app .af-modal .modal-content .modal-header .close {
    transition: var(--af-transition);
    opacity: 0.5;
}

.af-app-container .af-app .af-modal-container svg.fa-times:hover,
.af-app .af-modal .modal-content .modal-header .close:hover {
    opacity: 1;
}

.af-app-container .af-modal-content .afu-rounded-card {
    padding: 0;
}

/*------------------------------------------------------------------------------
Job Search
-------------------------------------------------------------------------------*/

.af-search {
    --af-secondary: var(--af-black);
    --af-neutral--dark: var(--af-black);
}

.af-app-container .af-search .af-form > .afu-w-full {
    max-width: var(--af-form-max-width);
    box-shadow: none;
}

.af-app-container .af-search .af-searchbar-inner-container .af-keyword-search,
.af-app-container .af-search .af-searchbar-inner-container .af-classification-selector,
.af-app-container .af-search .af-searchbar-inner-container .af-location-search {
    border: var(--af-border-width) var(--af-border-style) var(--af-border-color);
}

.af-app-container .af-search .af-searchbar-inner-container .af-keyword-search {
    border-right-width: 0;
}

.af-app-container .af-search .af-searchbar-inner-container .af-location-search {
    border-left-width: 0;
}

.af-app-container .af-search .af-keyword-search {
    border-top-left-radius: var(--af-border-radius);
    border-bottom-left-radius: var(--af-border-radius);
}

.af-app-container .af-search .af-location-search {
    border-top-right-radius: var(--af-border-radius);
    border-bottom-right-radius: var(--af-border-radius);
}

.af-app-container .af-search .search-submit {
    --af-borderRadius--btn: var(--af-border-radius);
    --af-btn-font-size: var(--af-font-size-xl);
}

.af-app-container .af-search .af-searchbar-inner-container input,
.af-app-container .af-search .af-searchbar-inner-container .classification-selector {
    background: transparent !important;
    box-shadow: none !important;
    border: none !important;
}

.af-app-container .af-search .af-searchbar-inner-container input {
    color: currentColor !important;
    padding: 0 !important;
    height: auto !important;
}

.af-app-container .af-search .af-filter-tags {
    --af-borderRadius--btn: var(--af-input-border-radius);
}

.af-app-container .af-search .af-search-no-results {
    color: var(--af-neutral-fg);
    background-color: var(--af-neutral-bg);
}

.af-app-container .af-search .af-searchbar-container .af-modal {
    --af-secondary: var(--af-modal-fg);
}

.af-app-container .af-search .af-search-results-sidebar {
    --af-black: var(--af-aside-fg);
    --af-secondary: var(--af-aside-fg);
    --af-inputBorder--400: var(--af-aside-fg);
    --af-neutral--light: var(--af-aside-bg);

    --af-btn-outline-secondary-bg: var(--af-btn-secondary-bg);
    --af-btn-outline-secondary-fg: var(--af-btn-secondary-fg);
    --af-btn-outline-secondary-border: var(--af-btn-secondary-border);
    --af-btn-outline-secondary-hover-bg: var(--af-btn-secondary-hover-bg);
    --af-btn-outline-secondary-hover-fg: var(--af-btn-secondary-hover-fg);
    --af-btn-outline-secondary-hover-border: var(--af-btn-secondary-hover-border);

    color: var(--af-aside-fg);
}

.af-app-container .af-search .af-search-sort .af-select-btn {
    border-radius: var(--af-btn-border-radius);
    padding: var(--af-btn-padding);
    cursor: pointer;
}

.af-app-container .af-search .af-search-sort .af-select-btn + .afu-absolute {
    overflow: auto;
}

.af-app-container .af-search-result-items .af-search-result-item,
.af-app-container .af-saved-jobs .af-search-result-item {
    --af-black: var(--af-card-fg);
    --af-neutral--dark: var(--af-card-fg);

    color: var(--af-card-fg);
    background-color: var(--af-card-bg);
    border: var(--af-card-border);
    overflow: auto;
}

.af-app-container .af-search-result-items .af-search-result-item:hover,
.af-app-container .af-saved-jobs .af-search-result-item:hover {
    border: var(--af-card-hover-border);
}

.af-app-container .af-search-result-item .af-job-title a {
    color: var(--af-card-title-color);
    font-weight: bold;
}

.af-app-container .af-search-result-item .af-job-title a:hover,
.af-app-container .af-search-result-item .af-job-title a:focus,
.af-app-container .af-search-result-item .af-job-title a:active {
    color: var(--af-card-title-hover-color);
}

.af-app-container .af-search-result-item .af-search-result-item-footer {
    color: var(--af-card-footer-fg);
    background-color: var(--af-card-footer-bg);
    border: none !important;
    border-top: var(--af-card-footer-border) !important;
}

.af-app-container .af-search-result-item .af-search-result-item-footer a {
    color: var(--af-card-footer-link-color);
    font-weight: normal;
}

.af-app-container .af-search-result-item .af-search-result-item-footer a:hover,
.af-app-container .af-search-result-item .af-search-result-item-footer a:focus,
.af-app-container .af-search-result-item .af-search-result-item-footer a:active {
    color: var(--af-card-footer-link-hover-color);
}

@media (max-width: 1023px) {
    .af-app-container .af-search .af-searchbar-inner-container .af-keyword-search {
        border-top-left-radius: var(--af-border-radius);
        border-top-right-radius: var(--af-border-radius);
        border-bottom-left-radius: 0;
    }

    .af-app-container .af-search .af-searchbar-inner-container .af-location-search {
        border-top-right-radius: 0;
        border-bottom-left-radius: var(--af-border-radius);
        border-bottom-right-radius: var(--af-border-radius);
    }

    .af-app-container .af-search .af-searchbar-inner-container .af-keyword-search {
        border-right-width: var(--af-border-width);
        border-bottom-width: 0;
    }

    .af-app-container .af-search .af-searchbar-inner-container .af-location-search {
        border-left-width: var(--af-border-width);
        border-top-width: 0;
    }
}

/*------------------------------------------------------------------------------
Job Search Bar - WP Plugin
-------------------------------------------------------------------------------*/

.fl-module .applyflow-sb__wrp.style-applyflow-v2 {
    --af-secondary: currentColor;
}

.fl-module .applyflow-sb__wrp.style-applyflow-v2 .applyflow-sb__inp {
    box-shadow: none;
}

.fl-module .applyflow-sb__wrp.style-applyflow-v2 .cls-sub-dropdown {
    color: var(--af-dropdown-sub-fg);
    background-color: var(--af-dropdown-sub-bg);
}

.fl-module .applyflow-sb__wrp.style-applyflow-v2 .applyflow-sb__submitBtn {
    transition: var(--af-transition);
}

/*------------------------------------------------------------------------------
Job View
-------------------------------------------------------------------------------*/

.af-jobview {
    --af-neutral--light: var(--af-aside-bg);
    --af-neutral--dark: var(--af-aside-fg);
    --af-secondary: var(--af-aside-fg);
    --af-primary--dark: var(--af-primary);
    --af-semibold-fontWeight: var(--af-bold-fontWeight);
}

.af-app-container .af-jobview .af-job-header {
    --af-black: var(--af-card-title-color);
}

.af-app-container .af-jobview .af-jobview-actions.afu-bg-white {
    --af-neutral--dark: var(--af-card-fg);

    color: var(--af-card-fg);
    background-color: var(--af-card-bg);
}

.af-app-container .af-jobview .af-job-title,
.af-app-container .af-jobview .af-job-features a,
.af-app-container .af-jobview-relatedJobs .af-similar-job-title a {
    --af-black: var(--af-primary);
}

.af-app-container .af-jobview .af-btn-apply {
    --af-btn-font-size: var(--af-font-size-xl);
}

.af-app-container .af-jobview .af-jobview-action-btns.afu-fixed {
    background-color: var(--af-aside-bg);
}

.af-app-container .af-jobview .af-jobview-relatedJobs {
    --af-secondary: transparent;
    --af-boxShadow--lg: none;
}

.af-app-container .af-jobview .af-jobview-relatedJobs .af-jobview-sidebar-header h3 {
    color: inherit;
}

.af-app-container .af-jobview .af-matched-jobs-nav a {
    color: var(--af-secondary-fg);
    background-color: var(--af-secondary-bg);
    transition: var(--af-transition);

    opacity: 0.8;
}

.af-app-container .af-jobview .af-matched-jobs-nav a:hover {
    opacity: 1;
}

.af-app-container .af-jobview .af-matched-jobs-nav svg path {
    fill: currentColor;
}

.af-app-container .af-jobview .af-similar-job-item {
    --af-btn-neutral-bg: var(--af-btn-secondary-bg);
    --af-btn-neutral-fg: var(--af-btn-secondary-fg);
    --af-btn-neutral-border: var(--af-btn-secondary-border);
    --af-btn-neutral-hover-bg: var(--af-btn-secondary-hover-bg);
    --af-btn-neutral-hover-fg: var(--af-btn-secondary-hover-fg);
    --af-btn-neutral-hover-border: var(--af-btn-secondary-hover-border);

    color: var(--af-aside-fg);
    background-color: var(--af-aside-bg);
}

.af-app-container .af-jobview .af-similar-job-item .af-similar-job-features {
    color: inherit;
}

/*------------------------------------------------------------------------------
Job Apply
-------------------------------------------------------------------------------*/

.af-apply {
    --af-neutral--light: transparent;
    --af-neutral--dark: var(--af-black);
    --af-semibold-fontWeight: var(--af-bold-fontWeight);
    --af-secondary: var(--af-black);
}

.af-app-container .af-apply .af-jobview-content-left,
.af-app-container .af-apply .af-job-apply-jobview-content {
    background-color: var(--af-aside-bg);
}

.af-app-container .af-apply .af-job-header {
    box-shadow: none;
}

.af-app-container .af-apply .af-job-title h1 {
    color: var(--af-aside-title-color);
    margin: 0 0 15px 0;
}

.af-app-container .af-apply .af-toggle-job-description a,
.af-app-container .af-apply .af-toggle-job-description svg {
    color: var(--af-aside-fg);
}

.af-app-container .af-apply .af-job-features * {
    color: var(--af-aside-fg);
}

.af-app-container .af-apply .af-jobview-content-left .afu-leading-base *,
.af-app-container .af-apply .af-jobview-content-left .af-job-desc * {
    color: var(--af-aside-fg);
}

.af-app-container .af-apply .af-job-apply-header-title {
    color: var(--af-aside-title-color);
}

.af-app-container .af-apply .af-job-desc .af-job-features a {
    color: var(--af-aside-link-color);
}

.af-app-container .af-apply .af-job-desc .af-job-features a:hover,
.af-app-container .af-apply .af-job-desc .af-job-features a:focus,
.af-app-container .af-apply .af-job-desc .af-job-features a:active {
    color: var(--af-aside-link-hover-color);
}

.af-app-container .af-apply .af-job-classification {
    display: block;
}

.af-app-container .af-apply .af-job-classification > div {
    margin-left: 8px;
}

.af-app-container .af-apply .af-job-apply-progress-bar .afu-bg-secondary {
    background: var(--af-aside-title-color);
}

.af-app-container .af-apply .af-apply-with-item {
    transition: var(--af-transition);
}

.af-app-container .af-apply .af-apply-with-item:hover,
.af-app-container .af-apply .af-apply-with-item:focus {
    border-color: var(--af-btn-neutral-border);
}

.af-app-container .af-apply .af-back-link {
    color: currentColor;
}

.af-app-container .af-apply .dropzone {
    color: currentColor;
}

.af-app-container .af-apply .af-btn-apply-submit {
    --af-btn-font-size: var(--af-font-size-xl);
}

.af-app-container .af-apply .afu-border-dashed {
    border: var(--af-input-border-width) dashed var(--af-input-border-color);
    border-radius: var(--af-input-border-radius);
    transition: var(--af-transition);
}

.applyflow-mlr.applyflow-mlr__wrp .applyflow-mlr__apply .close-btn {
    max-width: unset;
    gap: 10px;
}

.applyflow-mlr.applyflow-mlr__wrp .applyflow-mlr__apply .close-btn path {
    --af-primary: currentColor;
}

#exitModal .modal-title {
    display: inline-block;
}

#exitModal .af-btn {
    transition: var(--af-transition);
}

/*------------------------------------------------------------------------------
Job Alert
-------------------------------------------------------------------------------*/

.af-page .af-form .afu-w-full {
    max-width: var(--af-form-max-width);
    box-shadow: none;
}

/*------------------------------------------------------------------------------
Login/Register/Forgot Password/Reset Password
-------------------------------------------------------------------------------*/

.af-app-container .af-login,
.af-app-container .af-register,
.af-app-container .af-forgot-password,
.af-app-container .af-reset-email,
.af-app-container .af-reset-password {
    --af-inputBorder--400: var(--af-secondary-bg);
}

.af-app-container .af-forgot-password .af-btn {
    --af-padding--btn: var(--af-btn-padding-lg);
    --af-btn-font-size: var(--af-font-size-lg);
}

.af-app-container .af-login-form > .afu-w-full,
.af-app-container .af-register-form > .afu-w-full,
.af-app-container .af-forgot-password > div > .afu-w-full,
.af-app-container .af-reset-email > div > .afu-w-full,
.af-app-container .af-reset-password > div > .afu-w-full {
    max-width: var(--af-form-max-width);
    box-shadow: none;
}

.af-app-container .af-login h2,
.af-app-container .af-register h2,
.af-app-container .af-forgot-password h2,
.af-app-container .af-reset-email h4,
.af-app-container .af-reset-password h5 {
    color: var(--af-primary);
}

.af-app-container .af-reset-email h4,
.af-app-container .af-reset-password h5 {
    font-size: var(--af-9xl-fontSize, 32px);
    line-height: var(--af-9xl-lineHeight, 40px);
}

.af-app-container .afu-login-with-accounts .afu-items-center,
.af-app-container .afu-register-with-accounts .afu-items-center {
    color: var(--af-btn-neutral-fg);
    background-color: var(--af-btn-neutral-bg);
    border-width: var(--af-btn-border-width);
    border-style: var(--af-btn-border-style);
    border-color: var(--af-btn-neutral-border);
    border-radius: var(--af-btn-border-radius);
    transition: var(--af-transition);
}

.af-app-container .afu-login-with-accounts .afu-items-center:hover,
.af-app-container .afu-register-with-accounts .afu-items-center:hover {
    color: var(--af-btn-neutral-hover-fg);
    background-color: var(--af-btn-neutral-hover-bg);
    border-width: var(--af-btn-border-width);
    border-style: var(--af-btn-border-style);
    border-color: var(--af-btn-neutral-hover-border);
}

.af-app-container .afu-login-with-accounts .afu-items-center span,
.af-app-container .afu-register-with-accounts .afu-items-center span {
    width: auto;
    color: currentColor;
}

.af-app-container .af-login input,
.af-app-container .af-register input,
.af-app-container .af-forgot-password input,
.af-app-container .af-reset-email input,
.af-app-container .af-reset-password input {
    color: var(--af-primary-fg);
}

.applyflow-mlr {
    display: flex;
    justify-content: end;
}

.applyflow-mlr .applyflow-mlr__loggedIn {
    position: relative;
}

.applyflow-mlr .applyflow-mlr__loggedIn .applyflow-mlr__trigger {
    display: flex;
    align-items: center;
    color: var(--af-btn-mlr-fg);
    background: var(--af-btn-mlr-bg);
    border-width: var(--af-btn-border-width);
    border-style: var(--af-btn-border-style);
    border-color: var(--af-btn-mlr-border);
    border-radius: var(--af-btn-border-radius);
    font-weight: var(--af-btn-font-weight);
    padding: 4px 8px;
    cursor: pointer;
}

.applyflow-mlr .applyflow-mlr__loggedIn .applyflow-mlr__trigger:hover,
.applyflow-mlr .applyflow-mlr__loggedIn .applyflow-mlr__trigger:focus,
.applyflow-mlr .applyflow-mlr__loggedIn .applyflow-mlr__trigger:active {
    color: var(--af-btn-mlr-hover-fg);
    background: var(--af-btn-mlr-hover-bg);
    border-color: var(--af-btn-mlr-hover-border);
}

.applyflow-mlr .applyflow-mlr__loggedIn .applyflow-mlr__trigger svg {
    height: 24px;
    margin-right: 8px;
}

.applyflow-mlr .applyflow-mlr__submenu {
    background-color: var(--af-dropdown-bg);
    border-width: var(--af-dropdown-border-width);
    border-style: var(--af-dropdown-border-style);
    border-color: var(--af-dropdown-border-color);
    border-radius: var(--af-dropdown-border-radius);
    position: absolute;
    top: 100%;
    right: 0;
    margin-top: 8px;
    min-width: 200px;
    z-index: 999;
    overflow: hidden;
}

.applyflow-mlr .applyflow-mlr__submenu > div {
    display: none;
}

.applyflow-mlr .applyflow-mlr__submenuList {
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

.applyflow-mlr .applyflow-mlr__submenuList li {
    display: block !important;
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;
    color: var(--af-dropdown-fg);
}

.applyflow-mlr .applyflow-mlr__submenuList li:hover {
    background-color: var(--af-dropdown-hover-bg);
    color: var(--af-dropdown-hover-fg);
}

.applyflow-mlr .applyflow-mlr__submenuList li a,
.applyflow-mlr .applyflow-mlr__submenuList li a:visited {
    display: flex;
    color: inherit;
    line-height: normal;
    font-weight: normal;
    padding: var(--af-dropdown-item-padding);
}

.applyflow-mlr .applyflow-mlr__submenuList li a:hover,
.applyflow-mlr .applyflow-mlr__submenuList li a:focus,
.applyflow-mlr .applyflow-mlr__submenuList li a:active {
    color: inherit;
}

.applyflow-mlr .applyflow-mlr__submenuList li span {
    display: inline-block;
    margin-right: 8px;
    color: inherit;
}

.applyflow-mlr .applyflow-mlr__submenuList li svg {
    width: var(--af-dropdown-icon-size);
    height: var(--af-dropdown-icon-size);
}

/*------------------------------------------------------------------------------
User Dashboard
-------------------------------------------------------------------------------*/

.af-app-container .af-dashboard {
    --af-semibold-fontWeight: var(--af-bold-fontWeight);
    --af-secondary: var(--af-black);
}

.af-app-container .af-dashboard .af-dashboard-sidebar {
    min-width: 200px;
}

.af-app-container .af-dashboard .af-dashboard-menu {
    color: var(--af-aside-fg);
    background-color: var(--af-aside-bg);
    width: 100%;
    box-shadow: none;
}

.af-app-container .af-dashboard .af-dashboard-menu a,
.af-app-container .af-dashboard .af-dashboard-menu a svg {
    color: currentColor;
}

.af-app-container .af-dashboard .af-dashboard-menu .router-link-active {
    color: var(--af-aside-link-color);
}

.af-app-container .af-dashboard .af-dashboard-content h2 {
    color: var(--af-primary);
}

.af-app-container .af-dashboard .af-payband-nav .afu-text-gray-600 {
    color: inherit;
}

.af-app-container .af-dashboard .af-tag {
    border-radius: var(--af-input-border-radius);
}

.af-app-container .af-app .af-occupation-select-dropdown div > div > div > ul {
    color: var(--af-dropdown-sub-fg);
    background-color: var(--af-dropdown-sub-bg);
    border-width: var(--af-dropdown-border-width);
    border-style: var(--af-dropdown-border-style);
    border-color: var(--af-dropdown-border-color);
    border-radius: var(--af-dropdown-border-radius);
}

.af-app-container .af-app .af-occupation-select-item.afu-bg-gray-100 {
    color: var(--af-dropdown-hover-fg);
    background-color: var(--af-dropdown-hover-bg);
}

/*------------------------------------------------------------------------------
Page Builder
-------------------------------------------------------------------------------*/

.fl-screen-reader-text {
    display: none;
}

/*------------------------------------------------------------------------------
Password Protection Form
-------------------------------------------------------------------------------*/

.post-password-form input[type=password] {
    display: block;
    width: 100%;
    height: var(--af-input-height);
    outline: none;
    font-weight: normal;
    padding: var(--af-input-padding);
    color: var(--af-input-fg);
    background-color: var(--af-input-bg);
    border-width: var(--af-input-border-width);
    border-style: var(--af-input-border-style);
    border-color: var(--af-input-border-color);
    border-radius: var(--af-input-border-radius);
}

/*------------------------------------------------------------------------------
Forms
-------------------------------------------------------------------------------*/

.frm_forms {
    font-size: var(--af-font-size);
}

.frm_screen_reader,
.frm_none_container .frm_primary_label,
.frm_verify {
    display: none;
}

.frm_required,
.frm_error_style,
.frm_error {
    color: var(--af-danger);
}

.frm_error {
    margin-top: 5px;
    font-size: var(--af-font-size-sm);
}

.frm_forms input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]),
.frm_forms select,
.frm_forms textarea,
.frm_dropzone {
    display: block;
    width: 100%;
    outline: none;
    font-weight: normal;
    padding: var(--af-input-padding);
    color: var(--af-input-fg);
    background-color: var(--af-input-bg);
    border-width: var(--af-input-border-width);
    border-style: var(--af-input-border-style);
    border-color: var(--af-input-border-color);
    border-radius: var(--af-input-border-radius);
}

.frm_forms input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]),
.frm_forms select {
    height: var(--af-input-height);
}

.frm_forms button,
.frm_forms input[type="button"],
.frm_forms input[type="submit"] {
    min-width: 120px;
}

.frm_form_fields,
.frm_form_field {
    margin-bottom: 15px;
}

.frm_dropzone {
    text-align: center;
    border-style: dashed;
    padding-top: 24px;
    padding-bottom: 24px;
}

.frm_dropzone .frm_small_text {
    margin-top: 15px;
    font-size: var(--af-font-size-sm);
}

.frm_dropzone input[type="file"] {
    width: 100%;
    height: 100%;
}

.frm_dropzone .fallback {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1;
    opacity: 0;
}

.frm_dropzone .frm_upload_icon,
.frm_dropzone .frm_compact_text {
    display: none;
}

/*------------------------------------------------------------------------------
Search and Filter
-------------------------------------------------------------------------------*/

.searchandfilter input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]),
.searchandfilter select {
    display: block;
    width: 100%;
    outline: none;
    font-weight: normal;
    height: var(--af-input-height);
    padding: var(--af-input-padding);
    color: var(--af-input-fg);
    background-color: var(--af-input-bg);
    border-width: var(--af-input-border-width);
    border-style: var(--af-input-border-style);
    border-color: var(--af-input-border-color);
    border-radius: var(--af-input-border-radius);
}

.searchandfilter button,
.searchandfilter input[type=button],
.searchandfilter input[type=submit] {
    min-width: 120px;
}

.searchandfilter label {
    display: block;
}

.searchandfilter .sf-label-checkbox {
    display: inline-block;
    font-weight: normal;
}

.fl-module-search-form .searchandfilter ul {
    padding: 0;
    margin: 0;
}

.search-filter-sidebar {
    padding: 25px 15px;
    background-color: var(--af-aside-bg);
    color: var(--af-aside-fg);
}

.search-filter-sidebar form > ul > li {
    padding: 0;
    margin-top: 25px;
}

.search-filter-sidebar form > ul > li:first-child {
    margin-top: 0;
}

.search-filter-sidebar h4 {
    padding: 0;
    margin: 0 0 10px 0;
}

/*------------------------------------------------------------------------------
Posts

e.g. News
-------------------------------------------------------------------------------*/

.fl-post-feed {
    font-size: var(--af-font-size);
}

.fl-post-feed .fl-post-feed-default {
    margin: var(--af-post-item-margin);
    padding: var(--af-post-item-padding);
    border-color: var(--af-post-item-border-color);
}

.fl-post-feed-default .fl-post-title {
    margin: 0;
    padding: 0;
}

.fl-post-feed-default .fl-post-title a {
    color: var(--af-post-item-title-color);
}

.fl-post-feed-default .fl-post-excerpt {
    margin: var(--af-post-excerpt-margin);
    padding: 0;
}

.fl-post-feed-default .fl-post-excerpt p {
    margin: 0 0 15px 0;
    padding: 0;
}

.fl-post-feed-default .fl-post-text {
    padding: 0;
}

.fl-post-feed-default .fl-post-feed-meta-terms {
    margin: 5px 0;
    padding: 0;
}

.fl-post-grid-post {
    background: transparent;
}