@import "initial-theme.css";

:root {
    --fa-primary-color: #005244; /* !!! DO NOT EDIT MANUALLY !!! */
    --fa-primary-hover-color: #000505; /* !!! DO NOT EDIT MANUALLY !!! */
    --fa-secondary-color: #fff; /* !!! DO NOT EDIT MANUALLY !!! */
    /* To add 7% opacity to hex, add 12 at the end */
    --fa-quick-reply-button-hover-color: #00524412; /* !!! DO NOT EDIT MANUALLY !!! */
    --fa-button-container-margin-right: 40px;
    --fa-button-container-margin-bottom: 20px;
}

.botpress--button-container--f1ib9x {
    margin-bottom: var(--fa-button-container-margin-bottom); /* !!! DO NOT EDIT MANUALLY !!! */
    margin-right: var(--fa-button-container-margin-right); /* !!! DO NOT EDIT MANUALLY !!! */
    z-index: 10;
}

/* ----- Cadence Chat Button ------------------------------------------------------------------- */

.botpress--toggle-button--f1ib9x {
    background-color: var(--fa-primary-color);
}

.botpress--toggle-button--f1ib9x:hover {
    background-color: var(--fa-primary-hover-color);
}

.botpress--toggle-button-v2--f1ib9x {
    background-color: var(--fa-primary-color);
}

.botpress--toggle-button-v2--f1ib9x:hover {
    background-color: var(--fa-primary-hover-color);
}

.botpress--close-button--f1ib9x > i {
    padding-top: 21px;
}

.botpress--close-button-v2--f1ib9x > i {
    padding-top: 21px;
}

/* ----- Header -------------------------------------------------------------------------------- */

.bpw-header-container {
    background-color: var(--fa-primary-color);
    color: var(--fa-secondary-color);
}

.bpw-header-icon-close {
    color: var(--fa-secondary-color);
}

/* ----- All Message Log ------------------------------------------------------------------------ */

.bpw-msg-list .bpw-chat-bubble-content a {
    color: var(--fa-primary-color);
}

/* ----- Visitor Message Log -------------------------------------------------------------------- */

.bpw-from-user .bpw-chat-bubble .bpw-chat-bubble-content {
    background-color: var(--fa-primary-color);
    color: var(--fa-secondary-color);
}

.bpw-from-user .bpw-chat-bubble .bpw-chat-bubble-content a {
    color: var(--fa-secondary-color);
}

/* ----- Visitor Input -------------------------------------------------------------------------- */

.bpw-composer {
    border-top-color: var(--fa-primary-color);
}

.bpw-composer textarea {
    border-color: var(--fa-primary-color);
}

.bpw-send-button {
    background-color: var(--fa-primary-color);
    color: var(--fa-secondary-color);
}

.bpw-send-button:hover {
    background-color: var(--fa-primary-hover-color);
}