/* Taylor Drug/Taylor Medical Equipment brand overrides for the stylish-portfolio template
   Brand colors sampled from the company logo: navy #0e2f56, gold/tan #a47d46 */

a {
    color: #0e2f56;
}
a:hover, a:focus {
    color: #a47d46;
}

.btn-custom {
    background-color: #a47d46;
    border-color: #a47d46;
    color: #ffffff;
}
.btn-custom:hover, .btn-custom:focus, .btn-custom:active {
    background-color: #8f6b39;
    border-color: #8f6b39;
    color: #ffffff;
}

.btn-primary {
    background-color: #0e2f56;
    border-color: #09213d;
}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active {
    background-color: #123a68 !important;
    border-color: #09213d !important;
}

.bg-primary {
    background-color: #0e2f56 !important;
}
.bg-primary a:not(.btn):not(.service-link) {
    color: #e8c9a0;
    text-decoration: underline;
}
.bg-primary a:not(.btn):not(.service-link):hover, .bg-primary a:not(.btn):not(.service-link):focus {
    color: #ffffff;
}

.bg-light {
    background-color: #f2ede1;
    color: #33302a;
}
.bg-light .text-muted {
    color: #6b6255;
}
.bg-light h2, .bg-light h3, .bg-light h4 {
    color: #0e2f56;
}
/* Panel headings keep white text on their navy background, even inside a bg-light section */
.bg-light .panel-heading h4, .bg-light .panel-heading h4 i, .bg-primary .panel-heading h4, .bg-primary .panel-heading h4 i {
    color: #ffffff;
}
/* The panel body always sits on the panel's own white background, so its text must stay
   dark even when the section around it (bg-primary/bg-light) sets a light ancestor color */
.panel-body {
    color: #333333;
}

/* Section divider under headings: the default hr border (#eee) is invisible on light
   backgrounds but shows up as a stray bright line on navy bg-primary sections */
hr.small {
    border-top-color: #a47d46;
    border-top-width: 2px;
}

#sidebar-wrapper {
    background: #0e2f56;
}
.sidebar-nav > .sidebar-brand a:hover {
    color: #a47d46;
}

.text-primary {
    color: #0e2f56 !important;
}

.team-avatar {
    display: inline-block;
    margin-bottom: 15px;
}
.team-avatar .fa-circle {
    color: #ffffff;
    text-shadow: 0 0 0 1px #d8d2c4;
}

#to-top {
    background-color: #0e2f56;
    border-color: #09213d;
}

/* Header hero: brand-navy tint over our own licensed photo, not the template's bg.jpg */
.header {
    background: linear-gradient(rgba(14,47,86,0.78), rgba(14,47,86,0.82)), url(../img/header-bg.jpg) no-repeat center center scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}
.header h1, .header h3, .header h4, .header .fa {
    color: #ffffff;
}

/* Callout: brand gradient instead of the template's callout.jpg */
.callout {
    background: linear-gradient(135deg, #0e2f56 0%, #16407a 55%, #a47d46 100%);
}

/* Plain brand-color banner, no photo: for pages where the generic stock photo
   would be misleading (e.g. a "meet the pharmacist" page with no real photo of him) */
.header.no-photo {
    background: linear-gradient(135deg, #0e2f56 0%, #16407a 60%, #a47d46 100%);
    border-bottom: 5px solid #a47d46;
}

/* Compact page banner for interior pages (Home keeps the full-height hero) */
.header.header-sm {
    display: block;
    height: auto;
    padding: 110px 0 55px;
}
.header.header-sm .text-vertical-center {
    display: block;
}
.header.header-sm h1 {
    font-size: 2.6em;
    margin: 0;
}

/* Sidebar: highlight the current page */
.sidebar-nav > li.active > a {
    background: rgba(255,255,255,0.15);
    color: #fff;
    border-left: 4px solid #a47d46;
}

.panel-link-row {
    margin-top: 40px;
}

/* Equal-height panel boxes: stretch every panel in a row to match the tallest,
   and pin each panel's "Learn More" button to the bottom regardless of text length */
.row:has(> [class*="col-"] > .panel) {
    display: flex;
    flex-wrap: wrap;
}
.row:has(> [class*="col-"] > .panel) > [class*="col-"] {
    display: flex;
    margin-bottom: 20px;
}
.row:has(> [class*="col-"] > .panel) > [class*="col-"] > .panel {
    width: 100%;
    display: flex;
    flex-direction: column;
    margin-bottom: 0;
}
.panel-body {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
}
.panel-body .btn {
    margin-top: auto;
}

.service-link, .service-link:hover, .service-link:focus {
    display: block;
    color: inherit;
    text-decoration: none;
}
.service-link .service-item {
    transition: opacity 0.2s ease;
}
.service-link:hover .service-item, .service-link:focus .service-item {
    opacity: 0.8;
}