/*!
Theme Name: UltimateSolutions
*/
@import "tailwindcss";
@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Work+Sans:ital,wght@0,100..900;1,100..900&display=swap');

@plugin "@tailwindcss/typography";
@plugin "@tailwindcss/forms";
/* @plugin "tailwind-container-break-out"; */

@theme {
    /* 64.0625rem = 1025px, so devices exactly 1024px wide (iPad Pro portrait) get the
       mobile/tablet layout. Must be rem to match the default breakpoints — mixed units
       break Tailwind v4's media-query sorting. */
    --breakpoint-lg: 64.0625rem;

    --font-heading: "Bebas Neue", "Work Sans", sans-serif;
    --font-body: "Work Sans", sans-serif;

    --color-brand-blue: #269ECD;
    --color-brand-pink: #D9007A;
    --color-brand-yellow: #EBDE35;
    --color-brand-black: #231D1D;
    --color-brand-grey: #F2F2F2;
}

.article-content {
    @apply text-sm md:text-base leading-relaxed text-brand-black;
}

/* Headings */

.article-content h1 {
    @apply text-4xl font-heading mt-10 mb-4;
}

.article-content h2 {
    @apply text-3xl font-heading mt-10 mb-4;
}

.article-content h3 {
    @apply text-2xl font-heading mt-8 mb-3;
}

.article-content h4 {
    @apply text-xl font-heading mt-6 mb-3;
}

/* Paragraphs */

.article-content p {
    @apply mb-6 last-of-type:mb-0;
}

/* Links */

.article-content a {
    @apply underline decoration-2 underline-offset-4 hover:opacity-70 transition;
}

/* Lists */

.article-content ul {
    @apply list-disc pl-6 mb-6 space-y-2;
}

.article-content ol {
    @apply list-decimal pl-6 mb-6 space-y-2;
}

/* Images */

.article-content img {
    @apply rounded-xl my-6 max-w-full h-auto;
}

/* WordPress alignment */

.article-content .alignleft {
    @apply float-left mr-6 mb-4;
}

.article-content .alignright {
    @apply float-right ml-6 mb-4;
}

.article-content .aligncenter {
    @apply mx-auto block;
}

/* Wide / Full Gutenberg blocks */

.article-content .alignwide {
    @apply max-w-6xl mx-auto;
}

.article-content .alignfull {
    @apply w-screen relative left-1/2 right-1/2 -mx-[50vw];
}

/* Captions */

.article-content .wp-caption {
    @apply text-sm text-neutral-500;
}

.article-content .wp-caption-text {
    @apply mt-2 text-center;
}

/* Blockquotes */

.article-content blockquote {
    @apply border-l-4 border-brand-black pl-6 italic my-8 text-xl;
}

/* Tables */

.article-content table {
    @apply w-full border-collapse my-8;
}

.article-content th,
.article-content td {
    @apply border border-neutral-200 p-3 text-left;
}

/* Code blocks */

.article-content pre {
    @apply bg-neutral-900 text-white p-6 rounded-xl overflow-x-auto my-8;
}

.article-content code {
    @apply bg-neutral-100 px-1 py-0.5 rounded text-sm;
}

/* Embeds */

.article-content iframe,
.article-content video {
    @apply w-full my-8 aspect-video rounded-xl;
}

/* Galleries */

.article-content .gallery {
    @apply grid gap-4 my-8;
}

.article-content .gallery-columns-2 {
    @apply grid-cols-2;
}

.article-content .gallery-columns-3 {
    @apply grid-cols-3;
}

.article-content .gallery-columns-4 {
    @apply grid-cols-4;
}

.article-content .gallery img {
    @apply rounded-xl w-full;
}

/* HR */

.article-content hr {
    @apply my-10 border-neutral-200;
}

.article-content::after {
    content: "";
    display: block;
    clear: both;
}

@media only screen and (max-width: 600px) {
    body .forminator-ui.forminator-custom-form-175.forminator-design--flat .forminator-row,
    body .forminator-ui.forminator-custom-form[data-grid=open] .forminator-col:not(:last-child) {
        margin-bottom: 3px !important;
    }
}