/** ADD YOUR AWESOME CODES HERE **/
/*body{
    all: revert;
}*/

.trix-content ul li {
    list-style-type: disc;
}

.trix-content ol li {
    list-style-type: decimal;
}

.trix-content ul {
    list-style-type: disc;
    padding-left: 2.5rem;
}

.trix-content ol {
    list-style-type: decimal;
    padding-left: 2.5rem;
}

.trix-content a {
	color: #424adf;
	text-decoration: underline !important;
}

.trix-content rich-text-attachment .attachment {
    padding: 0 !important;
    max-width: 100% !important;
}

.trix-content img {
    margin: 0 auto;
}

.trix-content figure img {
    position: revert;
    display: revert;
    min-height: revert;
    opacity: 1;
}

.trix-content figure figcaption {
	all: revert;
}

.trix-content .attachment-gallery > .attachment,
.trix-content .attachment-gallery > rich-text-attachment {
    flex: 1 0 33%;
    padding: 0 0.5em;
    max-width: 33%;
}

.trix-content .attachment-gallery.attachment-gallery--2 > .attachment,
.trix-content .attachment-gallery.attachment-gallery--2 > rich-text-attachment,
.trix-content .attachment-gallery.attachment-gallery--4 > .attachment,
.trix-content .attachment-gallery.attachment-gallery--4 > rich-text-attachment {
    flex-basis: 50%;
    max-width: 50%;
}

/** These are TailwindCSS specific tweaks */
.trix-content {
    @apply w-full;
}

.trix-content h1 {
    font-size: 2.25rem !important;
    line-height: 2.25rem !important;
    @apply leading-5 font-semibold mb-4;
}

.trix-content a:not(.no-underline) {
    @apply underline;
}

.trix-content img {
    margin: 0 auto;
}

@media (min-width: 640px) {
    .sm\:w-100 {
        width: 100;
    }
}

@media (min-width: 1024px) {
    .lg\:w-80 {
        width: 80;
    }
}
@media (min-width: 640px) {
    .sm\:just-cont {
        justify-content: left;
    }
}