:root {
    --uwe-primary-red: #e30613;
    --uwe-intense-yellow: #fdc300;
    --uwe-neutral-grey: #e7e3e1;
    --uwe-lilac-darkest: #241d33;
    --uwe-lilac-darker: #33304d;
    --uwe-lilac-dark: #524a71;
    --uwe-teal-dark: #0c626b;
}

.main-section {
    padding: 40px 20px;
    width: 100%;
    margin: 0 auto;
    max-width: 847px !important;
}

/* On desktop it's a fixed-width box. On mobile, it stays full-width */
/*@media (min-width: 1200px) {
    .main-section {
        width: 1140px;
    }
}*/

@media(min-width: 1400px) {
    .main-section {
        width: 1320px;
    }
}

.wc-webchat input {
    padding: 0;
}

.wc-webchat > header {
    background-color: var(--uwe-lilac-darker) !important;
}

.wc-terminate {
    background-color: var(--uwe-lilac-darker) !important;
}

.wc-send-message {
    background-color: var(--uwe-lilac-darker) !important;
}

.wc-webchat ul,
.wc-webchat ol,
.wc-webchat li {
    list-style: none !important;
    list-style-type: none !important;
}



textarea {
    /*display: block;
    background: #fff;
    border: 1px solid #0c626b;*/
    padding: 5px;
    /*font-size: 16px;
    color: #0c626b;
    line-height: 1.3;*/
    /*max-width: 830px;*/
    max-height: 150px;
    min-height: 50px !important;
    max-width: 280px;
    /*width: 100%;
    font-family: Open Sans, Arial, sans-serif;
    margin-bottom: 10px;
    resize: none !important;*/
}