@import url('https://fonts.googleapis.com/css2?family=Roboto&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat&family=Roboto&display=swap');

body {
    font-family: 'Montserrat', sans-serif;
}

.json-container {
    background: none !important;
}

.json-container i::before {
    display: none;
}

.ql-toolbar {
    border: 1px solid #f1f0ef !important;
    border-radius: 4px 4px 0 0;
}

.ql-container {
    border-radius: 0 0 4px 4px;
    border: 1px solid #f1f0ef !important;
    background: #f1f0ef;
}

.ql-editor {
    min-height: 200px;
}

.filepond--root {
    font-size: 15px !important;
}

.filepond--item {
    width: calc(15% - 0.5em);
}

.ui-sortable-placeholder {
    background: white !important;
    box-shadow: none !important;
    border: 2px dashed #ddd !important;
}

#privacy-link-box {
    text-align: center;
    width: 100%;
    padding: 10px;
}

@media (min-width: 768px) {
    #privacy-link-box {
        position: absolute;
        bottom: 0px;
    }
}

#privacy-link-box>a,
#privacy-link-box>a:hover {
    color: white;
}