﻿/* Classified category page (classifieds/view.aspx) */
.cat-sidebar .cat-sidebar-title {
    color: var(--bh-navy);
    font-family: Montserrat-bold;
    font-size: 20px;
    line-height: 1.2;
    margin-bottom: 12px;
}
.view_classifieds .cat-h1 {
    color: var(--bh-navy);
    font-family: Montserrat-bold;
    font-size: 28px;
    line-height: 1.2;
    margin: 0 0 14px;
}
.cat-intro {
    margin-bottom: 20px;
}
.cat-intro-photo {
    display: block;
    width: 100%;
    max-height: 220px;
    object-fit: cover;
    border-radius: 8px;
    margin-bottom: 12px;
}
.cat-intro-text {
    margin: 0 0 12px;
    color: var(--bh-muted);
}
.cat-intro-actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.cat-intro-actions .cat-intro-cta {
    margin: 0 18px 8px 0;
}
.mainsec .cat-intro-actions a.cat-intro-howto {
    margin-bottom: 8px;
    font-size: 14px;
    color: var(--bh-blue);
    text-decoration: underline;
}
.cat-jump {
    margin-bottom: 14px;
}
.mainsec a.listing-call,
.mainsec a.listing-email {
    color: var(--bh-blue);
    text-decoration: underline;
}
@media (max-width: 767px) {
    .view_classifieds .cat-h1 {
        font-size: 22px;
        margin-bottom: 8px;
    }
    .cat-intro {
        margin-bottom: 12px;
    }
    .cat-intro-photo {
        max-height: 160px;
        margin-bottom: 8px;
    }
    .cat-intro-text {
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
        font-size: 14px;
        margin-bottom: 8px;
    }
    .cat-intro-actions .cat-intro-cta {
        margin-right: 12px;
        padding-top: 8px;
        padding-bottom: 8px;
    }
}

/* Phones: get the first ad onto the first screen */
@media (max-width: 767.98px) {
  .jumbotron { padding: 1.25rem 1rem; margin-bottom: .75rem; }
  .jumbotron .container { padding-top: .5rem !important; padding-bottom: .5rem !important; }
  .jumbotron .hd1 { font-size: 1.5rem; }
  .cat-h1 { font-size: 1.5rem; margin: .5rem 0; }
  .cat-intro { margin-bottom: .75rem; }
  .cat-intro-text { margin-bottom: .5rem; }
  .browse-pad { padding-top: .5rem; }
}
