/* INDIANA BONES expedition theme (Nov 2026). Previous design backed up in Marketing > indianabones-website > backup-2026-10-31 > simplybook-backup-2026-11-01 */
@import url('https://fonts.googleapis.com/css2?family=Big+Shoulders+Stencil+Display:wght@700;900&family=Newsreader:ital,opsz,wght@0,6..72,400;0,6..72,500;1,6..72,400&family=Manrope:wght@400;500;600;700&family=IBM+Plex+Mono:wght@400;500&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Parisienne&display=swap');
.about-us, #about-us, .about_us, section.about, .about-section, div[class*="about"], section[class*="about"] { display: none !important; visibility: hidden !important; }
:root {
--ib-ink: #12110d; --ib-char: #1b1a14; --ib-char2: #25231b;
--ib-cream: #efe4cb; --ib-dim: #b8ad94; --ib-brass: #d4a853; --ib-brass-deep: #9c7a36;
--ib-line: rgba(239,228,203,.14); --ib-line2: rgba(239,228,203,.28);
--ib-stencil: "Big Shoulders Stencil Display", Impact, sans-serif;
--ib-serif: "Newsreader", Georgia, serif;
--ib-ui: "Manrope", "Avenir Next", system-ui, sans-serif;
--ib-mono: "IBM Plex Mono", ui-monospace, Menlo, monospace;
}
html, body, #sb_main, #sb-main-container, #main, #main-content, #sb_content, #content-view, #sb-timeline, #steps, #steps-content, footer#footer {
background: var(--ib-ink) !important; color: var(--ib-cream) !important;
}
body, #sb_main, #sb_main p, #sb_main li, #sb_main td, #sb_main input, #sb_main select, #sb_main textarea, #sb_main label, #sb_main span, #sb_main div {
font-family: var(--ib-ui) !important;
}
#sb_main a { color: var(--ib-brass) !important; text-decoration: none !important; }
#sb_main a:hover { color: var(--ib-cream) !important; }
#header, #header.custom-bg { background: rgba(18,17,13,.92) !important; border-bottom: 1px solid var(--ib-line) !important; backdrop-filter: blur(8px); }
#header .nav-trigger span, #header .nav-trigger span::before, #header .nav-trigger span::after { background: var(--ib-cream) !important; }
#header .login-container, #header .login-container *, #header i { color: var(--ib-cream) !important; }
.nav-wrapper, #sb_menu, #sb_menu > div { background: var(--ib-char) !important; }
#sb_menu a, #sb_menu li a { font-family: var(--ib-stencil) !important; font-weight: 900 !important; text-transform: uppercase !important; letter-spacing: .04em !important; font-size: 1.35rem !important; color: var(--ib-cream) !important; border-color: var(--ib-line) !important; }
#sb_menu a:hover, #sb_menu li.active a { color: var(--ib-brass) !important; }
#main-buttons {
position: relative !important; min-height: 440px !important;
background: linear-gradient(180deg, rgba(18,17,13,.25), rgba(18,17,13,.55) 55%, var(--ib-ink)),
url('https://indianabones.ca/misty-forest.webp') center 40% / cover no-repeat !important;
border-bottom: 1px solid var(--ib-line) !important;
}
#main-buttons .wrapper { min-height: 440px !important; display: flex !important; flex-direction: column !important; justify-content: flex-end !important; align-items: center !important; text-align: center !important; padding: 120px 0 70px !important; box-sizing: border-box !important; gap: 6px; }
#main-buttons .wrapper::before {
content: "Field log · Book your expedition"; order: -1; display: block; font-family: var(--ib-mono); font-size: .78rem; letter-spacing: .22em; text-transform: uppercase; color: var(--ib-brass); margin-bottom: 14px;
}
#main-buttons .wrapper::after {
content: "When walking won't do the trick."; order: 0; display: block; font-family: var(--ib-serif); font-style: italic; font-size: clamp(1.5rem, 4vw, 2.4rem); color: var(--ib-cream); margin-bottom: 6px;
}
#main-buttons .inner { order: 1 !important; margin-top: 18px !important; height: auto !important; }
#main-buttons .bar { background: none !important; box-shadow: none !important; height: auto !important; padding: 0 !important; }
#sb_main .btn, #sb_main .btn.custom, #sb_main .btn a, #sb_main button.btn, #sb_main input[type=submit], #sb_main .btn-with-icon {
background: var(--ib-brass) !important; color: var(--ib-ink) !important; border: 0 !important; border-radius: 999px !important;
font-family: var(--ib-ui) !important; font-weight: 700 !important; letter-spacing: .02em !important; text-transform: none !important; box-shadow: 0 10px 24px -12px rgba(212,168,83,.7) !important; transition: transform .2s, background .2s !important;
}
#sb_main .btn a { background: transparent !important; box-shadow: none !important; color: var(--ib-ink) !important; }
#sb_main .btn:hover { background: #e4bd6c !important; transform: translateY(-2px); }
#sb_main .btn.book a { font-size: 1.05rem !important; padding-left: 26px !important; padding-right: 26px !important; }
#sb_main .btn.book::before, #sb_main .btn-with-icon i { color: var(--ib-ink) !important; }
#sb_main .section, #sb_main .section-pd, #sb_main .tab, #sb_main .excerpt-info, #sb_main .tab-pd, #sb_main .item, #sb_main .panel, #sb_main .modal-content {
background: var(--ib-char) !important; color: var(--ib-cream) !important; border-color: var(--ib-line) !important;
}
#sb_main .section, #sb_main .tab { border: 1px solid var(--ib-line) !important; border-radius: 10px !important; overflow: hidden; box-shadow: none !important; }
#sb_main .title-main, #sb_main h1, #sb_main h3 {
font-family: var(--ib-stencil) !important; font-weight: 900 !important; text-transform: uppercase !important; letter-spacing: .02em !important; color: var(--ib-cream) !important;
}
#sb_main .title-main { font-size: clamp(1.8rem, 4vw, 2.6rem) !important; border-bottom: 1px dashed var(--ib-line2) !important; padding-bottom: 10px !important; }
#sb_main table.overview td { color: var(--ib-cream) !important; border-color: var(--ib-line) !important; font-family: var(--ib-mono) !important; font-size: .95rem !important; }
#sb_main table.overview tr td:first-child { font-family: var(--ib-serif) !important; font-style: italic !important; font-size: 1.1rem !important; color: var(--ib-brass) !important; }
#sb_main table.overview .day-off td, #sb_main table.overview tr.closed td, #sb_main .closed { color: var(--ib-dim) !important; }
#sb_main .info, #sb_main .info * { color: var(--ib-cream) !important; }
#steps-nav, #steps-nav .booking-info, #time-settings { background: var(--ib-char) !important; border-bottom: 1px solid var(--ib-line) !important; }
#steps-nav li, #steps-nav li * { color: var(--ib-dim) !important; font-family: var(--ib-mono) !important; text-transform: uppercase !important; letter-spacing: .12em !important; font-size: .78rem !important; }
#steps-nav li.active, #steps-nav li.active * { color: var(--ib-brass) !important; }
#sb_main .category-item .user-img, #sb_main .item .user-img { filter: saturate(.92) contrast(1.03); transition: transform .6s cubic-bezier(.2,.8,.2,1) !important; }
#sb_main .category-item:hover .user-img, #sb_main .item:hover .user-img { transform: scale(1.04); }
#sb_main .cap, #sb_main .cap.short {
font-family: var(--ib-stencil) !important; font-weight: 900 !important; text-transform: uppercase !important; font-size: clamp(1.6rem, 3.6vw, 2.2rem) !important; line-height: 1 !important; color: var(--ib-cream) !important; text-align: left !important; letter-spacing: .02em !important;
}
#sb_main .txt, #sb_main .txt *, #sb_main .description, #sb_main .description * {
font-family: var(--ib-serif) !important; color: var(--ib-dim) !important; font-size: 1.05rem !important; line-height: 1.55 !important; text-align: left !important; font-weight: 400 !important; text-transform: none !important;
}
#sb_main .price, #sb_main .price *, #sb_main .duration, #sb_main .duration * { font-family: var(--ib-mono) !important; color: var(--ib-brass) !important; }
#sb_main .btn.select a { text-transform: uppercase !important; letter-spacing: .14em !important; font-family: var(--ib-mono) !important; font-size: .85rem !important; }
#sb_main .datepicker, #sb_main .datepicker table, #sb_main .ui-datepicker, #sb_main .calendar, #sb_main .week-days, #sb_main .slots-view, #sb_main .timeline { background: var(--ib-char) !important; color: var(--ib-cream) !important; border-color: var(--ib-line) !important; }
#sb_main .datepicker td, #sb_main .datepicker th, #sb_main .ui-datepicker td a, #sb_main .day, #sb_main .day * { color: var(--ib-cream) !important; border-color: var(--ib-line) !important; font-family: var(--ib-mono) !important; }
#sb_main .datepicker td.disabled, #sb_main .day.disabled, #sb_main .not-available { color: rgba(239,228,203,.3) !important; }
#sb_main .datepicker td.active, #sb_main .day.selected, #sb_main .day.active, #sb_main .selected, #sb_main .slot.selected, #sb_main .timeline .active {
background: var(--ib-brass) !important; color: var(--ib-ink) !important; border-radius: 6px !important;
}
#sb_main .slot, #sb_main .time-slot, #sb_main .slots-view a, #sb_main .timeline-item {
background: var(--ib-char2) !important; color: var(--ib-cream) !important; border: 1px solid var(--ib-line2) !important; border-radius: 8px !important; font-family: var(--ib-mono) !important;
}
#sb_main .slot:hover, #sb_main .time-slot:hover, #sb_main .slots-view a:hover { border-color: var(--ib-brass) !important; color: var(--ib-brass) !important; }
#sb_main input:not([type=checkbox]):not([type=radio]), #sb_main select, #sb_main textarea, #sb_main .form-control {
background: var(--ib-ink) !important; color: var(--ib-cream) !important; border: 1px solid var(--ib-line2) !important; border-radius: 8px !important; box-shadow: none !important;
}
#sb_main input:focus, #sb_main select:focus, #sb_main textarea:focus { border-color: var(--ib-brass) !important; outline: none !important; }
#sb_main label, #sb_main .control-label { color: var(--ib-dim) !important; font-family: var(--ib-mono) !important; text-transform: uppercase !important; letter-spacing: .1em !important; font-size: .75rem !important; }
#sb_main ::placeholder { color: rgba(239,228,203,.35) !important; }
footer#footer, footer#footer * { color: var(--ib-dim) !important; border-color: var(--ib-line) !important; }
#sb_cookies_block, #sb_cookies_block .wrapper { background: var(--ib-char) !important; color: var(--ib-cream) !important; border-top: 1px solid var(--ib-line) !important; }
#sb_scroll_top_btn { background: var(--ib-brass) !important; color: var(--ib-ink) !important; border-radius: 50% !important; }
#sb_main hr { border-color: var(--ib-line) !important; }
::selection { background: var(--ib-brass); color: var(--ib-ink); }
#steps-nav li.step_info_item { background: transparent !important; }
#steps-nav li.step_info_item.active { background: var(--ib-char2) !important; box-shadow: inset 0 -2px 0 var(--ib-brass) !important; }
#sb_main .read-more { background: var(--ib-char) !important; color: var(--ib-brass) !important; box-shadow: -28px 0 18px var(--ib-char) !important; font-family: var(--ib-mono) !important; font-size: .8rem !important; text-transform: uppercase !important; letter-spacing: .1em !important; }
#sb_main .read-more::before, #sb_main .read-more::after, #sb_main .txt.short::before, #sb_main .txt.short::after { background: transparent !important; }
#time-settings, #time-settings * { color: var(--ib-dim) !important; font-family: var(--ib-mono) !important; font-size: .78rem !important; }
#header .col-xs-8.col-md-3 { background: url('https://indianabones.ca/logo-cream.png') left center / auto 40px no-repeat !important; min-height: 44px; }
#steps-nav #menu-active-bg { background: transparent !important; }
#steps-nav li.step_info_item::after, #steps-nav li.step_info_item::before { display: none !important; }
#steps-nav li.step_info_item + li.step_info_item { border-left: 1px solid var(--ib-line) !important; }
#sb_back_button a { background: transparent !important; color: var(--ib-brass) !important; border: 1px solid var(--ib-line2) !important; border-radius: 999px !important; font-family: var(--ib-mono) !important; text-transform: uppercase !important; letter-spacing: .14em !important; font-size: .78rem !important; padding: 8px 18px !important; box-shadow: none !important; }
#sb_back_button a::after { display: none !important; }
#sb_back_button a:hover { border-color: var(--ib-brass) !important; color: var(--ib-cream) !important; }
#sb_main .sb_group_count { background: var(--ib-char2) !important; border: 1px solid var(--ib-line2) !important; color: var(--ib-cream) !important; }
#sb_main .sb_group_count:hover { border-color: var(--ib-brass) !important; color: var(--ib-brass) !important; }
#sb_prev_month .txt, #sb_next_month .txt { background: transparent !important; color: var(--ib-brass) !important; border: 1px solid var(--ib-line2) !important; border-radius: 999px !important; font-family: var(--ib-mono) !important; text-transform: uppercase !important; letter-spacing: .12em !important; font-size: .75rem !important; box-shadow: none !important; }
#sb_prev_month .txt::before, #sb_prev_month .txt::after, #sb_next_month .txt::before, #sb_next_month .txt::after { display: none !important; }
#sb_prev_month:hover .txt, #sb_next_month:hover .txt { border-color: var(--ib-brass) !important; color: var(--ib-cream) !important; }
#sb_main .calendar .inner.selected { background: rgba(212,168,83,.12) !important; box-shadow: inset 0 0 0 1px var(--ib-brass) !important; border-radius: 8px !important; }
#sb_main .calendar .date.selected { background: transparent !important; }
#sb_main .calendar .date a, #sb_main .calendar .date span { color: rgba(239,228,203,.35) !important; }
#sb_main .calendar .date a.sb-available-date, #sb_main .calendar .date a.day-on { color: var(--ib-brass) !important; font-weight: 600 !important; }
#sb_main .calendar .date.today a { text-decoration: underline !important; text-underline-offset: 4px; }
#sb_main .time-slot { background: transparent !important; }
#sb_main .sb-cell { background: var(--ib-char2) !important; border: 1px solid var(--ib-line) !important; border-radius: 8px !important; color: var(--ib-dim) !important; }
#sb_main .sb-cell.has-available-slot, #sb_main .sb-cell.free { background: rgba(212,168,83,.10) !important; border: 1px solid var(--ib-brass) !important; color: var(--ib-brass) !important; }
#sb_main .sb-cell.has-available-slot *, #sb_main .sb-cell.free * { color: var(--ib-brass) !important; background: transparent !important; font-family: var(--ib-mono) !important; }
#sb_main .sb-cell.has-available-slot:hover { background: var(--ib-brass) !important; }
#sb_main .sb-cell.has-available-slot:hover * { color: var(--ib-ink) !important; }
#sb_main .fa, #sb_main .fas, #sb_main .far, #sb_main .fal, #sb_main [class^="fa-"], #sb_main [class*=" fa-"], #sb_main .fa::before, #sb_main .fas::before, #sb_main .far::before, #sb_main .fal::before { font-family: "Font Awesome 5 Pro" !important; }
#sb_main .fab, #sb_main .fab::before { font-family: "Font Awesome 5 Brands" !important; }
#sb_main [class^="flaticon"], #sb_main [class*=" flaticon"], #sb_main [class^="flaticon"]::before, #sb_main [class*=" flaticon"]::before { font-family: Flaticon !important; }
#sb_main .sb-date-navigate .txt { font-family: var(--ib-mono) !important; text-transform: uppercase !important; letter-spacing: .12em !important; font-size: .75rem !important; color: var(--ib-brass) !important; }
#sb_back_button a::before { content: none !important; }
#sb_main .client-login-bar { border: 1px solid var(--ib-brass) !important; border-radius: 10px !important; background: rgba(212,168,83,.06) !important; }
#sb_main .client-login-bar .social > .txt { font-size: 0 !important; }
#sb_main .client-login-bar .social > .txt::after { content: "Skip the password. Sign in with Google or Facebook in one click."; font-family: var(--ib-serif); font-style: italic; font-size: 1.1rem; color: var(--ib-cream); }
#sb_main .btn--action { display: inline-flex !important; align-items: center !important; gap: 8px !important; width: auto !important; height: auto !important; padding: 9px 18px 9px 10px !important; background: var(--ib-cream) !important; border-radius: 999px !important; margin: 4px !important; flex-direction: row !important; }
#sb_main .btn--action .icon { position: static !important; background: transparent !important; width: 24px !important; height: 24px !important; display: inline-flex !important; align-items: center; justify-content: center; opacity: 1 !important; filter: none !important; color: var(--ib-ink) !important; }
#sb_main .btn--action .btn--txt { position: static !important; display: inline !important; color: var(--ib-ink) !important; font-family: var(--ib-ui) !important; font-weight: 700 !important; font-size: .9rem !important; transform: none !important; }
#sb_main .btn--action:hover { background: var(--ib-brass) !important; }
#sb_main .btn--action .icon svg { width: 20px !important; height: 20px !important; opacity: 1 !important; }
#sb_main .btn--action .icon svg * { fill: var(--ib-ink) !important; stroke: none !important; opacity: 1 !important; }
#sb_main .remind-pass { font-size: 0 !important; cursor: pointer; }
#sb_main .remind-pass::after { content: "Forgot your password? Reset it →"; font-family: var(--ib-mono); font-size: .8rem; letter-spacing: .06em; color: var(--ib-brass); border-bottom: 1px dashed var(--ib-brass); }
#sb_main .remind-pass:hover::after { color: var(--ib-cream); }
#sb_main .custom-label { background: transparent !important; border: 1px solid var(--ib-brass) !important; border-radius: 4px !important; }
#sb_main input:checked + .custom-label { background: var(--ib-brass) !important; }
#sb_main input:checked + .custom-label::before, #sb_main input:checked + .custom-label::after { color: var(--ib-ink) !important; border-color: var(--ib-ink) !important; }
#client-login h3, #client-login .title-main { font-size: clamp(1.4rem, 2.6vw, 1.9rem) !important; line-height: 1.05 !important; }
#client-login [class*="col-"] { border-color: var(--ib-line) !important; }
#sb_main .border.hidden-xs, #sb_main div.border { background: var(--ib-line) !important; }
#header .col-xs-8.col-md-3 { width: 230px !important; min-width: 230px !important; flex: 0 0 230px !important; background-size: auto 48px !important; min-height: 60px !important; }
#header .col-xs-8.col-md-3 > * { opacity: 0 !important; }
#main-buttons .wrapper::before { font-weight: 600; color: #e7c27a !important; }
#main-buttons{background: radial-gradient(ellipse at 50% 40%, rgba(18,17,13,.05), rgba(18,17,13,.6) 80%), linear-gradient(180deg, rgba(18,17,13,.35), rgba(18,17,13,.15) 40%, rgba(18,17,13,.6) 80%, #12110d), url('https://indianabonesdogadventures.simplybook.me/uploads/indianabonesdogadventures/image_files/background/d92daa4a7875d4048e51283ab7367c53.png') center 55% / cover no-repeat !important;}
#main-buttons::before{content:"";position:absolute;inset:0;background:rgba(18,17,13,.25);pointer-events:none}
#main-buttons .wrapper::before,#main-buttons .wrapper::after{text-shadow:0 2px 14px rgba(0,0,0,.95),0 0 40px rgba(0,0,0,.9)}
/* Photo album link (client field 39): hidden on the sign-up form, shown only on the client's profile */
#sb_sign_up_form .form-group:has(input[name="7a876419ee22a98be5a058a628947f66"]) { display: none !important; }
/* ---- round 7 (Sam's feedback 1 Nov): full card titles, readable notices, dark tab bars ---- */
#sb_main .cap, #sb_main .cap.short { height: auto !important; max-height: none !important; overflow: visible !important; font-size: clamp(1.45rem, 2.7vw, 2rem) !important; line-height: 1.04 !important; white-space: normal !important; }
#steps-nav li, #steps-nav li * { font-family: var(--ib-ui) !important; letter-spacing: .14em !important; font-weight: 600 !important; }
#sb_main .alert, #sb_main .alert-info, #sb_main .alert-warning, #sb_main .alert-success, #sb_main .alert-danger { background: rgba(212,168,83,.08) !important; border: 1px solid rgba(212,168,83,.45) !important; color: var(--ib-cream) !important; border-radius: 10px !important; text-shadow: none !important; }
#sb_main .alert *, #sb_main .alert a { color: var(--ib-cream) !important; }
#sb_main .alert a { color: var(--ib-brass) !important; text-decoration: underline !important; }
#sb_main .alert .close { color: var(--ib-brass) !important; opacity: .8 !important; }
#booking-result-tabs, #sb_main [id$="-tabs"], #sb_main div:has(> div > nav.tabs-container), #sb_main div:has(> nav.tabs-container) { background: var(--ib-char) !important; border-bottom: 1px solid var(--ib-line) !important; }
#sb_main .tabs-container a { color: var(--ib-dim) !important; font-family: var(--ib-ui) !important; text-transform: uppercase !important; letter-spacing: .14em !important; font-size: .85rem !important; font-weight: 600 !important; }
#sb_main .tabs-container .active a, #sb_main .tabs-container a:hover { color: var(--ib-brass) !important; }
#sb_main .tabs-container [class*="line"], #sb_main .tabs-container .active::after { background: var(--ib-brass) !important; border-color: var(--ib-brass) !important; }
#sb_main .back-to-services { background: transparent !important; color: var(--ib-brass) !important; border: 1px solid var(--ib-line2) !important; border-radius: 999px !important; font-family: var(--ib-ui) !important; text-transform: uppercase !important; letter-spacing: .14em !important; font-size: .78rem !important; padding: 8px 18px !important; box-shadow: none !important; }
#sb_main .back-to-services::before, #sb_main .back-to-services::after { display: none !important; }
#sb_main .time-legend, #sb_main .time-legend * { color: var(--ib-dim) !important; font-family: var(--ib-ui) !important; }
#sb_main .time-legend .available .circle { background: rgba(212,168,83,.25) !important; border: 1px solid var(--ib-brass) !important; }
#sb_main #sb_filter_container, #sb_main .filter--content { background: var(--ib-char2) !important; border: 1px solid var(--ib-line) !important; border-radius: 10px !important; }
/* ---- round 8 (Sam 1 Nov): hero spacing, box headings, brighter dates, boarding by consultation ---- */
#main-buttons .wrapper { justify-content: flex-start !important; padding: 218px 0 80px !important; min-height: 470px !important; }
#main-buttons { min-height: 470px !important; }
#sb_main .section-pd { padding-top: 30px !important; }
#sb_main .title-main { margin-bottom: 26px !important; padding-bottom: 14px !important; }
#sb_main .day-container .date, #sb_main .day-container .date * { color: var(--ib-cream) !important; opacity: .85 !important; font-family: var(--ib-ui) !important; }
#sb_main .day-container.is-holiday .date { opacity: .6 !important; }
#sb_main .calendar .date a, #sb_main .calendar .date span { color: rgba(239,228,203,.62) !important; }
#sb_main .datepicker td.disabled, #sb_main .day.disabled, #sb_main .not-available { color: rgba(239,228,203,.55) !important; }
#sb_main .week-days *, #sb_main .calendar th { color: var(--ib-cream) !important; }
#sb_main .tab:has(a[href*="/service/60/"]) .btn.select, #sb_main .tab:has(a[href*="/service/53/"]) .btn.select,
#sb_main .tab:has(a[href*="/service/60/"]) .sb_group_booking_count, #sb_main .tab:has(a[href*="/service/53/"]) .sb_group_booking_count,
#sb_main .tab:has(a[href*="/service/60/"]) .plugin-group-booking, #sb_main .tab:has(a[href*="/service/53/"]) .plugin-group-booking { display: none !important; }
#sb_main .tab:has(a[href*="/service/60/"]) a[href*="/service/"], #sb_main .tab:has(a[href*="/service/53/"]) a[href*="/service/"] { pointer-events: none !important; cursor: default !important; }
#sb_main .tab:has(a[href*="/service/60/"]) .tab-pd::after, #sb_main .tab:has(a[href*="/service/53/"]) .tab-pd::after { content: "By consultation only. Text us at 778-888-7072 and we'll plan your pup's stay together."; display: block; margin-top: 16px; padding: 14px 18px; border: 1px solid var(--ib-brass); border-radius: 12px; background: rgba(212,168,83,.08); color: var(--ib-cream); font-family: var(--ib-serif); font-style: italic; font-size: 1.05rem; line-height: 1.4; }