@import url('https://fonts.googleapis.com/css?family=Lora:400,700|Open+Sans:300,400,600&display=swap&subset=latin-ext');
@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.8.3/font/bootstrap-icons.css");
@import url('https://fonts.googleapis.com/css2?family=Calligraffitti&family=Fleur+De+Leah&family=Inter:wght@300;400;700&family=Kristi&family=Petemoss&display=swap');

:root,
[data-bs-theme=light] {
--bs-highlight-bg: #FFF3CD;  /* Lemon Meringue */
--bs-highlight-color: ##212529;
}
[data-bs-theme=dark] {
--bs-highlight-bg: #FFF3CD;
--bs-highlight-color: #664d03;
}

html {
    height: 100%;
}

body {
    font-size: 90%;
    font-family: 'Open Sans', sans-serif;
}

hr {
    opacity: 0.5;
}

.modal.fade .modal-dialog {
    transform: scale(1)!important;
}

mark {
    padding: 0;
    background-color: var(--bs-highlight-bg);
    color: var(--bs-highlight-color);
}

mark.purple {
    background-color: #E8E4F1  /* Lavender Web */
}

mark.pink {
    background-color: #EFD1D7  /* Queen Pink */
}

mark.blue {
    background-color: #D1E0F0  /* Beau Blue */
}

mark.green {
    background-color: #D4EDD6  /* Nyanza */
}

mark.mention-underline {
    background-color: #FFFFFFFF;
    text-decoration: underline dotted #999999;
}

.logo {
    font-family: 'Lora', serif;
}

.card-footer, .card-header {
    background-color: rgb(0 0 0 / 2%) !important;
}

.ql-toolbar {
    border-top-left-radius: 0.375rem;
    border-top-right-radius: 0.375rem;
}

.ql-snow {
    background-color: #ffffff;
}

.link-secondary:link {
    text-decoration: none;
}

.link-secondary:hover {
    text-decoration: underline;
}

.custom-blockquote {
    font-weight: 600;
    background-color: rgb(255,230,154,0.5);
}

.real-highlight{
  position:relative;
}

.highlight {
    background-color:#fff3cd;
}

.ql-container {
    border-bottom-left-radius: 0.375rem;
    border-bottom-right-radius: 0.375rem;
    font-family: 'Open Sans', sans-serif !important;
    margin-left: 3em;
}

.ql-editor {
    line-height: 1.8em !important;
}

.ql-editor ol, .ql-editor ul {
    padding-left: 0 !important;
}

.right-rounded {
    border-top-right-radius: 0.25em !important;
    border-bottom-right-radius: 0.25em !important;
}

li {
    margin-bottom: 0.5em;
}


.logo {
    font-family: 'Lora', serif;
}

.btn-group-sm > .btn, .btn-sm {
    font-size: .75em !important;
}

.display-4 {
    font-size: 1.75em;
}

.display-4 {
    font-size: 1.4em;
    font-family: 'Lora', serif;
}

.lead {
    font-size: 1.2em;
}

.clickable-row, .clickable {
    cursor: pointer;
}

.large-icon {
    font-size: 8em;
}

.avatars {
  display: inline-block;
}

.avatar {
  position: relative;
  display: inline-block;
  border-radius: 50%;
  overflow: hidden;
}

.avatar:not(:first-child) {
  margin-left: -30px;
}

.avatar img {
  width: 68px;
  height: 68px;
  object-fit: cover;
  display: block;
}

.modal-content {
    border: 0;
    /*background-color: #00000000;*/
}

.comment-card {
    border-radius: 1em;
}

.btn-rounded {
    border-radius: 1em;
}

.btn-outline-warning {
    color: #826200!important;
}

.record-modal{
    cursor: pointer;
}

.ql-editor p,
.ql-editor ol,
.ql-editor ul,
.ql-editor pre,
.ql-editor blockquote,
.ql-editor h1,
.ql-editor h2,
.ql-editor h3,
.ql-editor h4,
.ql-editor h5,
.ql-editor h6 {
    margin-bottom: 0.8em!important;
}

.ql-indent-1 {
    margin-left: 3em;
    list-style-type: circle;
}

.ql-indent-2 {
    margin-left: 6em;
    list-style-type: square;
}

.menu-list {
    background-color: #ffffff00;
}

.menu-list:hover {
    background-color: #ffffff00;
    font-weight: bold;
    color: #333333;
}

.list-group-item {
    background-color: #ffffff00;
}

.card {
    border: 1px solid #0000001a;
}

@media print {
  p, li {
    break-inside: auto;
  }
}

@page {
    size: A4;
    margin: 16mm 25mm 16mm 25mm
}

.html-body h1, h2, h3, h4, h5, h6 {
    font-size: 1.2rem;
}

.html-body img {
    max-width: 100%;
    height: auto;
}

.fs-6 {
    font-size: 0.8em!important;
}

.p-admin {
    padding-left: 20%;
}

.align-self-end-center {
    align-self: end!important;
    margin-bottom: 2em;
}

.align-self-start-center {
    align-self: start!important;
    margin-top: 2em;
}

@media (min-width: 768px) {
    .align-self-end-center {
        align-self: center!important;
    }
    .align-self-start-center {
        align-self: center!important;
    }
}

.choices {
    width: 100%;

}

.choices__input {
    background-color: #fff!important;
    margin-bottom: 0!important;
    font-size: 12px!important;
}

.choices__inner {
    min-height: 38px!important;
    padding: 0.25em!important;
}

.choices__item {
    zoom: 85%;
}

.choices__item {
    border: 0!important;
}

.choices__button {
    border-left: 1px solid #ffffff!important;
}

small {
    font-size: 0.75em;
}

input::placeholder {
    opacity:0.5!important;
}

.opacity-13 {
    opacity: 0.13!important;
}

#searchStringPlace .rounded-pill {
    margin-left: 0.25em;
    margin-right: 0.25em;
}

/* Theme Light

.btn-outline-light {
    color: #999999!important;
    border-color: #cfcfcf;
}

.border-light {
    border: 1px solid #cfcfcf!important;
}

.text-light {
    color: #999999!important;
}

.text-bg-light {
    background-color: #cfcfcf!important;
}

.btn-light {
    border: 1px solid #cfcfcf!important;
}

*/