@font-face {
        font-family: 'Quicksand';
        src: url('../assets/fonts/quicksand.ttf') format('truetype');
    }
    @font-face {
        font-family: 'Noto Emoji';
        src: url('../assets/fonts/Noto-Emoji.ttf') format('truetype');
    }    

    @font-face {
        font-family: 'Inter';
        src: url('../assets/fonts/Inter.ttf') format('truetype');
    }    


    body, html {
        height: 100%; /* Required to make the footer stick */
    }

    
    body, html {
        font-family: 'Quicksand', sans-serif;
        font-size:0.95em;         
    }
    
    h1,h2,h3,h4,h5,h6 {
        font-family: 'Inter','Helvetica', 'sans-serif' !important;
        font-weight: bold !important;
    }

    #page-content {
        flex: 1 0 auto; /* Flexbox: grow, shrink, basis */
    }
    #sticky-footer {
        flex-shrink: none; /* Prevent the footer from shrinking */
    }

    /* Page wrapper: ensures content fills viewport minus navbar and footer */
    .page-wrapper {
        min-height: calc(100vh - 80px - 100px);
    }

    .navbar-nav .nav-link {
        font-size: 12px;

        line-height: 12px;
    }

        .fade-in-up {
        opacity: 0;
        transform: translateY(50px);
        animation: fadeInUp 0.5s ease-out forwards;
    }
    .rounded-card {
        border-radius: 15px;
        overflow: hidden;
        min-height: 20rem;
    }
    .img-section {
        background-size: cover;
        background-position: center;
        min-height: 20rem;
    }


    @keyframes fadeInUp {
        from {
            opacity: 0;
            transform: translateY(50px);
        }
        to {
            opacity: 1;
            transform: translateY(0);
        }
    }


    
    @media screen and (max-width: 576px) {
        #navbar-secondary {
            display: none;
        }
    }

    th {
        font-weight: 500;
    }
    .emoji {
        font-size: 0.75em;
        font-family: 'Noto Emoji', sans-serif;
        display: none;
    }
    .bg-gray {
        background-color: #4a4a4a; /* A medium gray background */
    }
    .bg-hero {
        background-image: url("../assets/images/banner3.png"); 
        background-size: cover; /* Cover ensures the background covers the designated area */
        background-attachment: fixed; /* This makes the parallax effect */
        background-position: center;
    }
    
    .bg-hero:before {
        filter: blur(5px);
    }
    .nowrap {
        white-space: nowrap;
    }
    .blur {
        filter: blur(1px);
    }

    .parallax {
        background-size: cover; /* Cover ensures the background covers the designated area */
        background-attachment: fixed; /* This makes the parallax effect */
        background-position: center;
    }

    /* Ensure the entire page fits within the viewport */


    .vh-100 {
        height: 100vh !important;
    }

    .min-vh-100 {
        min-height: 100vh !important;
    }

    #page-content {
        flex-grow: 1;
        /* overflow-y: auto; */ /* Removed: breaks position:sticky on child elements */
    }  

    a:hover {
        color: rgb(255,55,55) !important;
    }  

    a[href^="mailto:"] {
        color: rgba(255, 55, 55, 1); /* Change to your preferred color */
        text-decoration: none; /* Remove underline if needed */
    }

    a[href^="mailto:"]:hover {
        color: black !important; /* Change hover color */
        text-decoration: underline; /* Add underline on hover if desired */
    }


/*FIXING DATATABLES */
            .dataTables_filter {
                float: right !important;
                text-align: right !important;
            }
            .dataTables_length {
                float: left !important;
                text-align: left !important;
            }
            .dataTables_wrapper .row {
                display: flex;
                align-items: center;
            }
html {
  scroll-behavior: smooth;
}