@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,500,700");

/* =========================
   GLOBAL
========================= */

.container {
    margin-top: 20px; /* FIXED */
}

.mb20 {
    margin-bottom: 20px;
}

/* =========================
   HEADER
========================= */

hgroup {
    padding-left: 15px;
    border-bottom: 1px solid #ccc;
}

hgroup h1 {
    font: 500 normal 1.625em "Roboto", Arial, Verdana, sans-serif;
    color: #2a3644;
    margin-top: 0;
    line-height: 1.15;
}

hgroup h2.lead {
    font: normal normal 1.125em "Roboto", Arial, Verdana, sans-serif;
    color: #2a3644;
    margin: 0;
    padding-bottom: 10px;
}

/* =========================
   SEARCH / MENU RESULTS
========================= */

.search-result {
    margin-top: 20px;
}

.search-result:first-child {
    margin-top: 0 !important;
}

/* LEFT INFO COLUMN */
.search-result .col-md-2 {
    border-right: 1px dotted #ccc;
    min-height: 140px;
}

/* LIST */
.search-result ul {
    padding-left: 0 !important;
    list-style: none;
}

.search-result ul li {
    font: 400 normal 0.85em "Roboto", Arial, Verdana, sans-serif;
    line-height: 30px;
}

.search-result ul li i {
    padding-right: 5px;
}

/* CONTENT COLUMN */
.search-result .col-md-7 {
    position: relative;
}

/* TITLE */
.search-result h3 {
    font: 500 normal 1.375em "Roboto", Arial, Verdana, sans-serif;
    margin-top: 0 !important;
    margin-bottom: 10px !important;
}

.search-result h3 > a,
.search-result i {
    color: #248dc1 !important;
}

/* DESCRIPTION */
.search-result p {
    font: normal normal 1.125em "Roboto", Arial, Verdana, sans-serif;
}

/* ADD BUTTON */
.search-result span.plus {
    position: absolute;
    right: 0;
}

.search-result span.plus a {
    background-color: #248dc1;
    padding: 5px 5px 3px 5px;
}

.search-result span.plus a:hover {
    background-color: #414141;
}

.search-result span.plus a i {
    color: #fff !important;
}

/* BOTTOM BORDER */
.search-result span.border {
    display: block;
    width: 97%;
    margin: 0 15px;
    border-bottom: 1px dotted #ccc;
}

/* =========================
   IMAGE HANDLING (IMPORTANT)
========================= */

.search-result .thumbnail {
    height: 180px;              /* 🔧 unified image height */
    overflow: hidden;
    border-radius: 0 !important;
}

.search-result .thumbnail img {
    width: 100%;
    height: 100%;
    object-fit: cover;          /* 🔥 keeps ratio, no stretch */
    display: block;
}

/* =========================
   RESPONSIVE (MOBILE)
========================= */

@media (max-width: 768px) {
    .search-result .thumbnail {
        height: 150px;
    }

    .search-result .col-md-2 {
        border-right: none;
        border-bottom: 1px dotted #ccc;
        margin-bottom: 10px;
    }
}
/* ===== FORCE MENU IMAGE SIZE (BOOTSTRAP OVERRIDE) ===== */

.search-result .thumbnail {
    height: 180px !important;
    overflow: hidden;
}

/* override bootstrap img-responsive */
.search-result .thumbnail img,
.search-result img.img-responsive {
    width: 100% !important;
    height: 100% !important;   /* 🔑 THIS is the missing piece */
    object-fit: cover !important;
    max-width: none !important;
}