/* BRIEFSOCIAL CUSTOM CSS */

/* NOTE: For dark mode only css add dark: to the class eg: class="bg-gray-800 dark:bg-white" This background will be gray-800 in light mode and white in dark mode. */

/* Re-design the what's new button */

/* #colibriplus-desktop-app > div > div > div > div > div.min-w-content.w-content > div > div.block > div.block > div {
	color: var(--color-white) !important;
    background: #007aff !important;
    border-radius: calc(infinity * 1px) !important;
    width: 100% !important;
    margin: 0 auto !important;
    height: calc(var(--spacing) * 12) !important;
    max-width: 68%;
    font-weight: var(--font-weight-medium) !important;
	transition-property: all;
    --tw-duration: 300ms;
    transition-duration: 300ms;
    --tw-ease: var(--ease-in-out);
    transition-timing-function: var(--ease-in-out);
}

#colibriplus-desktop-app > div > div > div > div > div.min-w-content.w-content > div > div.block > div.block > div {
    &:hover {
        @media (hover: hover) {
            @supports (color: color-mix(in lab, red, red)) {
                background-color: 
 color-mix(in oklab, var(--color-brand-900) 90%, transparent) !important;
            }
        }
    }
} */

/* Set line height of document pages */

.document-container h2, .document-container h3 {
    line-height: 2;
}

.document-container p {
    margin: 5px 0;
}

.document-container hr {
    margin: 10px 0;
}