@tailwind base;
@tailwind components;
@tailwind utilities;

@layer base {
    @font-face {
        font-family: 'ReallySans';
        src: url(/assets/ReallySansLarge-Hairline-5e1789c612117a1573bcb48552b85e673b12796c2a2e942d64335c74bbaece90.woff2) format('woff2');
        font-weight: 100;
        font-style: normal;
    }

    @font-face {
        font-family: 'ReallySans';
        src: url(/assets/ReallySansLarge-HairlineItalic-9f44487a55db041769c55e4f50e37124721e2b8da5ad54ee7b76c533d65554fd.woff2) format('woff2');
        font-weight: 100;
        font-style: italic;
    }

    @font-face {
        font-family: 'ReallySans';
        src: url(/assets/ReallySansLarge-Thin-59a3997aa00a5d865fba32725ce4a67919af182a5da61d3eb669ef52b50e8d4e.woff2) format('woff2');
        font-weight: 200;
        font-style: normal;
    }

    @font-face {
        font-family: 'ReallySans';
        src: url(/assets/ReallySansLarge-ThinItalic-9a4f77ed177a1aef7984e39bdd04d105fbd7046e7e0a4ca9eca5fdec329cf9c7.woff2) format('woff2');
        font-weight: 200;
        font-style: italic;
    }

    @font-face {
        font-family: 'ReallySans';
        src: url(/assets/ReallySansLarge-Light-93813a84eb00d68b29464274dba8116fd7c2e3644ee8da37fcf0fec35dbddd29.woff2) format('woff2');
        font-weight: 300;
        font-style: normal;
    }

    @font-face {
        font-family: 'ReallySans';
        src: url(/assets/ReallySansLarge-LightItalic-867171bba57e526fdba4f5f5af0f18f548a9f31706339d0f4c1887c9ff00b749.woff2) format('woff2');
        font-weight: 300;
        font-style: italic;
    }

    @font-face {
        font-family: 'ReallySans';
        src: url(/assets/ReallySansLarge-Regular-f9815326242e147b6277202ff08517632cec514b7ac10dc31179f7751774a5a0.woff2) format('woff2');
        font-weight: 400;
        font-style: normal;
    }

    @font-face {
        font-family: 'ReallySans';
        src: url(/assets/ReallySansLarge-Italic-a1075aedb4299fb09edf4f57fb9d3bb457f3555abbea645a08688f8c3c07d433.woff2) format('woff2');
        font-weight: 400;
        font-style: italic;
    }

    @font-face {
        font-family: 'ReallySans';
        src: url(/assets/ReallySansLarge-Semibold-2dd11a0c8674461bd8dec357640d6fbb33d8924b995091219facc1e360335971.woff2) format('woff2');
        font-weight: 500;
        font-style: normal;
    }

    @font-face {
        font-family: 'ReallySans';
        src: url(/assets/ReallySansLarge-SemiboldItalic-e6e3422158c5f7f7f82ebcf107135de95f99dfe2ed0a9864f40c3087e6c6f12e.woff2) format('woff2');
        font-weight: 500;
        font-style: italic;
    }

    @font-face {
        font-family: 'ReallySans';
        src: url(/assets/ReallySansLarge-Bold-e7f7c3e48518297f854281f03d16689ea06bc8cc058c76c2b9960852e0ccdee5.woff2) format('woff2');
        font-weight: 600;
        font-style: normal;
    }

    @font-face {
        font-family: 'ReallySans';
        src: url(/assets/ReallySansLarge-BoldItalic-fa0174b8701497b5144556a93f5b3dc0990c0d5f74bae0cebcb015bba1ec7f7e.woff2) format('woff2');
        font-weight: 600;
        font-style: italic;
    }

    @font-face {
        font-family: 'ReallySans';
        src: url(/assets/ReallySansLarge-Black-d153a816ec0817e43bad791b7c3557e4466cc27f3315de81bc7e8ea186cf9f25.woff2) format('woff2');
        font-weight: 700;
        font-style: normal;
    }

    @font-face {
        font-family: 'ReallySans';
        src: url(/assets/ReallySansLarge-BlackItalic-9df9444b78aeffec3eb1c2c6bfb9f68a21cbe4ed8c138b235352f3705bc19686.woff2) format('woff2');
        font-weight: 700;
        font-style: italic;
    }

    @font-face {
        font-family: 'ReallySans';
        src: url(/assets/ReallySansLarge-Extra-Black-44d801f9c51f4080a6faf437bdd0d4f3b482e8974d195d6e59b6193c69e4bb12.woff2) format('woff2');
        font-weight: 800;
        font-style: normal;
    }

    @font-face {
        font-family: 'ReallySans';
        src: url(/assets/ReallySansLarge-Extra-BlackItalic-7a3054380cb9ad7ca4a86f3d297e3842bfb8137014d2e793838f4690942c65bc.woff2) format('woff2');
        font-weight: 800;
        font-style: italic;
    }

    @font-face {
        font-family: 'ReallySans';
        src: url(/assets/ReallySansLarge-Ultra-82bce6335808ddf35c198bfa00b40da435982be2b3dd3b7863ee652895295ded.woff2) format('woff2');
        font-weight: 900;
        font-style: normal;
    }

    @font-face {
        font-family: 'ReallySans';
        src: url(/assets/ReallySansLarge-UltraItalic-c93e0dec8103c6d1a713aa6efc0ff0fc325bc57f6e00a65b6132b7b8793740d5.woff2) format('woff2');
        font-weight: 900;
        font-style: italic;
    }
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
}

select[multiple] option:checked {
    @apply bg-pink-400;
}

/* pagination.css */
@media (max-width: 768px) { .pagination a[aria-label*='Page'] { display: none; } .pagination .current, .pagination .previous_page, .pagination .next_page { display: inline-block; } }

.mav-file-input-btn[type=file]::file-selector-button {
    border:none;
    padding:10px;
    color:white;
    font-size: .875rem;
    font-weight: 500;
    background:linear-gradient(135deg,#fa8169 0,#b903ff 100%)
}

.daterangepicker {
    table {
        color: black;
    }

    .ranges {
        li {
            @apply hover:bg-pink-100 !important;
            @apply hover:text-black !important;
        }
        li.active {
            background:linear-gradient(135deg,#fa8169 0,#b903ff 100%) !important;
            @apply text-white !important;
        }
    }

    td {
        @apply hover:bg-pink-50 !important;
    }

    td.in-range {
        @apply bg-pink-100 !important;
        @apply hover:bg-pink-50 !important;
    }

    td.active {
        @apply bg-pink-400 !important;
        @apply hover:bg-pink-50 !important;
    }

    td.off.start-date, td.off.end-date {
        @apply bg-pink-400 !important;
        @apply hover:bg-pink-50 !important;
        @apply text-gray-500 !important;
    }
}

body {
    font-family: ReallySans, sans-serif;
    letter-spacing: 0.025em;
    h1,h2,h3,h4,h5,h6 {
        letter-spacing: 0.04em;
    }
}
