/*
Theme Name: College Theme
Author: Tuhin Dutta
Version: 1.0.1
*/


/* SUBJECTS CARDS & NEWSLETTER CARDS MOBILE VIEW CSS */
@media (max-width: 768px) {
  .card {
    width: 100% !important;
  }
}




/* Container for the table */
.table-container {
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch; /* Enables momentum scrolling on iOS */
}

/* Base styles for the table */
table {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 12px;
    font-size: 13px;
}

/* Table header and cell styles */
th, td {
    text-align: center;
    padding: 10px;
    border: 1px solid #ddd;
    font-weight: normal;
}

/* Ensure the table header has a background color */
th {
    background-color: #f4f4f4;
}

/* Responsive adjustments */
@media screen and (max-width: 768px) {
    table {
        width: 100%; /* This can be more than 100% if you have many columns */
    }

    th, td {
        white-space: nowrap; /* Prevent cells from wrapping */
    }
}

 width: 100%;
            border-collapse: collapse;
        }

        td {
            padding: 8px;
            text-align: left;
        }

        /* Default styles for larger screens */
        @media (min-width: 600px) {
            td {
                width: auto;
            }
        }

        /* Mobile view styles */
        @media (max-width: 600px) {
            td {
                display: block;
                width: 100%;
                box-sizing: border-box;
                border-bottom: 1px solid #ddd;
            }

            td:nth-of-type(1) {
                font-weight: bold;
            }

            td:nth-of-type(2) {
                display: none;
            }
        }