/* A place for your custom styles */

@font-face {
    font-family: 'Alda'; /*a name to be used later*/
    src: url('../fonts/alda/alda.otf') format("opentype"); /*URL to font*/
}

@font-face {
    font-family: 'AldaLight'; /*a name to be used later*/
    src: url('../fonts/alda/AldaOT-Light.otf') format("opentype"); /*URL to font*/
}
@font-face {
    font-family: 'AldaRegular'; /*a name to be used later*/
    src: url('../fonts/alda/AldaOT-Regular.otf') format("opentype"); /*URL to font*/
}

.card-title {
    font-family: 'Alda', Arial, sans-serif; /* Example: using a Google Font */
    font-size: 1.5rem;
}

h4 {
    font-family: 'Alda', Arial, sans-serif; /* Example: using a Google Font */
}

body {
    /* You can override Bootstrap defaults here */
    font-family: 'Inter', sans-serif; /* Example: using a Google Font */
    text-transform: lowercase; /* <--- ADD THIS LINE */
}

.btn {
    text-transform: uppercase;
    font-size: smaller;
}

.card-img-top {
    border-bottom: 1px solid #dee2e6;
}

.card {
    /* Add a subtle transition for hover effects */
    transition: transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
}

.card:hover {
    transform: translateY(-5px);
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
}

.navbar-dark {
    /* Set the default link/text color to fully opaque white (rgba opacity of 1) */
    --bs-navbar-color: rgba(255, 255, 255, 1);
}

.rounded-pill {
    font-family: 'Inter', sans-serif;
}

.navbar-brand {
    font-family: 'Alda', Arial, sans-serif; /* Example: using a Google Font */
}