@import "tailwindcss";


body {
    font-family: "Nunito Sans", sans-serif;
    font-size: 18px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "Dosis", sans-serif;
    line-height: 1.3;
}

i.fi {
    vertical-align: middle !important;
    line-height: .1;
}

/* Mobile Menu Transitions */
#mobile-menu {
    transition: display 0.3s allow-discrete, overlay 0.3s allow-discrete;
}

#mobile-menu el-dialog-backdrop {
    transition: opacity 0.3s ease-linear;
    opacity: 0;
}

#mobile-menu[open] el-dialog-backdrop {
    opacity: 1;
}

@starting-style {
    #mobile-menu[open] el-dialog-backdrop {
        opacity: 0;
    }
}

#mobile-menu el-dialog-panel {
    transition: transform 0.3s ease-in-out;
    transform: translateX(-100%);
}

#mobile-menu[open] el-dialog-panel {
    transform: translateX(0);
}

@starting-style {
    #mobile-menu[open] el-dialog-panel {
        transform: translateX(-100%);
    }
}