/*
File: swIndexStyles.css
Date: 2026-02-20
Author: klp
Workspace: SketchWaveTNT2026-02-19-Stg4
Purpose: Styles for SketchWaveTNT2026-02-19-Stg4 index page

*/


.fit-image{
    height:180px;
    object-fit: contain;
    background-color: #f8f9fa;
}

div#usefulLinksDiv a{
    text-decoration: none;
    color: #C18335;
    font-weight: bold;
}

div#usefulLinksDiv a:hover{
    text-decoration: underline;
    color: #a16d2a;
}

/* ========================================
   MEDIA QUERIES
   ======================================== */

/* Mobile/Tablet Optimization: Screens smaller than 770px
   Purpose: Ensure full card images are visible on smaller devices
   Changes: Switch from 'cover' to 'contain' to prevent cropping */
@media (max-width: 769px) {
    .card-img-top {
        object-fit: contain; /* Show entire image without cropping */
        height: 180px;
        background-color: #f8f9fa;
    }
}