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

@font-face {
    font-family: "dharma-light";
    src: local(""), url("/client/fonts/DharmaGothicE-Light.woff2") format("woff2"), url("/client/fonts/DharmaGothicE-Light.woff") format("woff");
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: "dharma-bold";
    src: local(""), url("/client/fonts/DharmaGothicE-Bold.woff2") format("woff2"), url("/client/fonts/DharmaGothicE-Bold.woff") format("woff");
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: "dharma-ex-bold";
    src: local(""), url("/client/fonts/DharmaGothicE-ExBold.woff2") format("woff2"), url("/client/fonts/DharmaGothicE-ExBold.woff") format("woff");
    font-weight: 800;
    font-style: normal;
}

.font-dharma-300 {
    font-family: "dharma-light", sans-serif;
    font-weight: 300;
}

.font-dharma-700 {
    font-family: "dharma-bold", sans-serif;
    font-weight: 700;
}

.font-dharma-800 {
    font-family: "dharma-ex-bold", sans-serif;
    font-weight: 800;
}

.flickity-prev-next-button {
    background-color: transparent !important;
    color: #751519 !important;
}

    .flickity-prev-next-button:hover {
        background-color: transparent !important;
    }

.flickity-button:focus {
    box-shadow: none !important;
}