/* add styles for project controls here */
@import "/fontawesome/css/fontawesome.min.css";
@import "/fontawesome/css/regular.min.css";
@import "/fontawesome/css/solid.min.css";

@import url('./signature-fonts.css');
@import url('./quill.css');

:root {
    --westlake-primary: #231F20;
    --westlake-secondary: #A47306;
    --westlake-secondary-light: #fad37c;

    --client-header-background-color: var(--westlake-primary);
    --client-header-text-color: white;
    --client-header-menu-item-active-text-color: white;
    --client-header-menu-item-active-background-color: var(--westlake-secondary);
    --client-header-menu-item-hover-text-color: white;
    --client-header-menu-item-hover-background-color: var(--westlake-secondary-light);

    --button-primary-background-color: var(--westlake-secondary);
    --button-primary-border-color: var(--westlake-secondary);
    --button-primary-text-color: white;
}

.quill-editor em {
    font-style: italic;
}
.quill-editor strong {
    font-weight: bold;
}
.quill-editor .ql-editor {
    min-height: 200px;
}

.html-display p {
    padding: 0 0 1em;
    line-height: 1.25;
}
.html-display em {
    font-style: italic;
}
.html-display strong {
    font-weight: bold;
}

.select-signature-display-container input:focus ~ .field-input {
    outline: medium auto currentColor;
    outline: medium auto invert;
    outline: 5px auto -webkit-focus-ring-color;
}
.select-signature-option-container {
    margin-top: 4px;
}
.select-signature-option {
    padding: 8px;
    cursor: pointer;
    font-size: 24px;
}
.select-signature-option-active {
    padding: 8px;
    cursor: pointer;
    background-color: var(--field-option-active);
}
.select-signature-no-results {
    padding: 8px;
    font-style: italic;
}