/* Site-specific styles (the template's style.css is left untouched) */

/* SVG mark shown when no logo has been uploaded */
header nav.navbar #logo.has-mark { width: auto; min-width: 60px; }
header nav.navbar #logo .brand-mark { display: block; width: 52px; height: 32px; margin: 24px 0; color: #2F2911; }
header.transparent:not(.fixed-top) nav.navbar.white #logo .brand-mark { color: #fff; }

/* Logo: size and position (change margin-left to move it: more negative = further left) */
header nav.navbar #logo { width: auto; margin-left: -40px; }
header nav.navbar #logo a.navbar-brand { display: flex; align-items: center; height: 80px; line-height: normal; padding: 0; }
header nav.navbar #logo img.logo-img { max-height: 76px; width: auto; }
@media screen and (max-width: 480px) {
    header nav.navbar #logo { margin-left: 0; }
    header nav.navbar #logo a.navbar-brand { height: 60px; }
    header nav.navbar #logo img.logo-img { max-height: 56px; }
}

/* Desktop header: logo and menu always share one row (no wrapping) */
@media screen and (min-width: 992px) {
    header nav.navbar { display: flex; align-items: center; flex-wrap: nowrap; }
    header nav.navbar:before, header nav.navbar:after { display: none; }
    header nav.navbar #logo { flex: 0 1 auto; float: none; min-width: 0; max-width: 40%; }
    header nav.navbar #logo a.navbar-brand img.logo-img { max-width: 100%; height: auto; }
    header nav.navbar #menu-classic { flex: 1 0 auto; float: none; width: auto; margin: 0; }
    header nav.navbar #menu-classic .menu-holder { float: none; text-align: right; white-space: nowrap; }
    header nav.navbar #menu-classic .menu-holder ul li a { margin-left: 22px; font-size: 15px; }
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
    header nav.navbar #menu-classic .menu-holder ul li a { margin-left: 14px; font-size: 14px; letter-spacing: 0; }
}

/* Dark fallback background for hero banners that have no image yet */
#page-content #flexslider ul li { background-color: #2F2911; }

/* Contact form: honeypot field (hidden from people) */
.hp-field { position: absolute !important; left: -10000px; width: 1px; height: 1px; overflow: hidden; }
.form-status { margin-top: 12px; }
.form-status.success { color: #3c763d; }
.form-status.error { color: #a94442; }
.alert-site { padding: 12px 16px; margin-bottom: 20px; border: 1px solid #ddd; background: #f7f7f2; }
.alert-site.error { border-color: #ebccd1; background: #f2dede; color: #a94442; }
.alert-site.success { border-color: #d6e9c6; background: #dff0d8; color: #3c763d; }

/* List pagination */
.site-pagination { text-align: center; padding: 20px 0 0; }
.site-pagination .pagination > li > a, .site-pagination .pagination > li > span { color: #2F2911; border-color: #e5e1d3; }
.site-pagination .pagination > .active > span { background: #CBBD9A; border-color: #CBBD9A; color: #fff; }

/* Empty state */
.empty-state { text-align: center; padding: 40px 0; color: #8c8870; }

/* Images and tables inside rich content */
.rich img { max-width: 100%; height: auto; }
.rich table { max-width: 100%; }

.testimonial-author { display: block; margin-top: 14px; color: #CBBD9A; font-style: normal; }
.rich ul { list-style: disc; padding-left: 22px; margin-bottom: 16px; }
.rich ol { list-style: decimal; padding-left: 22px; margin-bottom: 16px; }
.rich h2, .rich h3, .rich h4, .rich h5, .rich h6 { margin: 20px 0 10px; }