/**
 * Layout: Textblock
 *
 * @package digitaaltalentnederland
 */

#textblock {
    @apply relative;
}

#textblock .textblock-content {
    @apply leading-relaxed;
}

#textblock .textblock-content p {
    @apply mb-4;
}

#textblock .textblock-content p:last-child {
    @apply mb-0;
}

#textblock .textblock-content :is(h1, h2, h3, h4, h5, h6) {
    @apply mt-6 mb-4 font-bold;
}

#textblock .textblock-content :is(h1, h2, h3, h4, h5, h6):first-child {
    @apply mt-0;
}

#textblock .textblock-content :is(ul, ol) {
    @apply mb-4 pl-6 list-outside;
}

#textblock .textblock-content ul {
    @apply list-disc;
}

#textblock .textblock-content ol {
    @apply list-decimal;
}

#textblock .textblock-content :is(ul, ol) li {
    @apply mb-2 text-lg;
}

#textblock .textblock-content a {
    @apply underline transition-opacity duration-300;
}

#textblock .textblock-content a:hover {
    @apply opacity-80;
}

#textblock .textblock-content img {
    @apply max-w-full h-auto my-6;
}

#textblock .textblock-content blockquote {
    @apply border-l-4 pl-4 my-6 italic;
}