/* Red Rooster III site overrides, loaded LAST (after the theme's style.css and
   dark.css). Maroon and greys, square corners, regular-weight buttons, to match
   the reservation pages (John, 2026-10-13; values from Simon). Edit here, not in
   the theme files. */

/* Batch 1: home page */

/* Stats band (and anywhere else the body shows): theme blue to header grey */
body, body.homepage { background-color: #333; }

/* Playfair figures at capital height */
.playfair-display, h1, h2, h3, h4 { font-variant-numeric: lining-nums; }

/* One corner radius: square */
body > .container,
body.homepage section > .container,
.single-events-box-item,
.single-events-box-item .image,
.single-events-box-item .image img,
.single-events-box-item .image .date,
.single-events-box-item .content,
.default-btn { border-radius: 0 !important; }

/* Two families: Poppins for card titles and body copy (Open Sans goes) */
.single-events-box-item .content h3,
.single-events-box-item .content h3 a { font-family: Poppins, sans-serif; font-weight: 600; }
p { font-family: Poppins, sans-serif; }

/* Waitlist line: was the theme's cyan icon and faint lavender text */
.single-events-box-item .location { color: #666; }
.single-events-box-item .location i { color: #8E111F; }

/* .default-btn: weight 400, maroon, darker on hover */
.default-btn { font-weight: 400; background-color: #8E111F; border-color: #8E111F; }
.default-btn:hover, .default-btn:focus { background-color: #6D0D17; border-color: #6D0D17; color: #fff; }

/* Batch 2a */

/* No gap between the maroon "Questions?" band and the footer: Bootstrap's mt-5
   on the footer let the body show through. Only where the band sits above. */
.subscribe-area ~ .footer-area { margin-top: 0 !important; }

/* The CTA band's Contact Us link-button (not a .default-btn) */
.subscribe-area a.d-inline-block { border-radius: 0; font-weight: 400; }

/* ---- batch 2b (Simon): inner pages, sidebar, specs, leftover cyan, print ---- */
body{font-variant-numeric:lining-nums}
.page-hero,.list-group,.list-group-item,.card,.btn,.alert,
.single-courses-box-item,.single-courses-box-item .courses-image,.single-courses-box-item .courses-image .image,.single-courses-box-item .courses-image img,.single-courses-box-item .courses-content,
.single-featured-box,.sponsor-tile,.exp-stats,.season-card,.season-dates,.species-tag,.ground-item,.scale-title,.scale-foot,.report-list{border-radius:0!important}
.btn-primary{--bs-btn-bg:#8E111F;--bs-btn-border-color:#8E111F;--bs-btn-hover-bg:#6D0D17;--bs-btn-hover-border-color:#6D0D17;--bs-btn-active-bg:#6D0D17;--bs-btn-active-border-color:#6D0D17;--bs-btn-focus-shadow-rgb:142,17,31}
.btn-outline-secondary{--bs-btn-color:#333;--bs-btn-border-color:#999;--bs-btn-hover-color:#333;--bs-btn-hover-bg:#ccc;--bs-btn-hover-border-color:#999;--bs-btn-active-color:#333;--bs-btn-active-bg:#ccc;--bs-btn-active-border-color:#999}
.experience-content .sub-title,.member-content span,.courses-info p a{color:#8E111F}
.single-featured-box .link-btn{color:#fff;text-decoration:underline;text-underline-offset:3px}
.single-events-box-item .content .location{color:#666}
.single-events-box-item .content .location i{color:#8E111F}
img{border-radius:0!important}
body:not(.homepage){background-color:#f2f2f2}
body:not(.homepage) > .container{background:transparent;box-shadow:none;border-radius:0;margin-top:0;margin-bottom:0}
.page-hero{border-radius:0!important;box-shadow:none!important}
.spec-lbl{white-space:nowrap}
.row:has(> .col-4 > .spec-lbl) > .col-4{flex:0 0 7.5rem;width:7.5rem;max-width:none}
.row:has(> .col-4 > .spec-lbl) > .col-4 + *{flex:1 1 0;width:auto}
@media (max-width:1199.98px){.card-body > .row > [class*="col-md-4"],.card-body > .row > [class*="col-md-4"] + [class*="col-"]{flex:0 0 100%;max-width:100%;width:100%}}
.list-group.mb-5{border-radius:0;background:transparent;--bs-list-group-border-color:#ccc}
.list-group.mb-5 > h5.list-group-item{background:transparent!important;color:#8E111F!important;border:0!important;border-bottom:2px solid #8E111F!important;font:600 13px/1.2 Poppins,sans-serif;letter-spacing:.12em;text-transform:uppercase;padding:0 0 10px;margin-bottom:4px!important}
.list-group.mb-5 > a.list-group-item{background:transparent;border:0;border-bottom:1px solid #ccc;border-radius:0!important;color:#333;padding:10px 0 10px 14px;font-weight:400}
.list-group.mb-5 > a.list-group-item:hover{color:#8E111F;background:transparent}
.list-group.mb-5 > a.list-group-item-info{color:#8E111F;font-weight:600;border-left:3px solid #8E111F;padding-left:11px;background:transparent}
.list-group.mb-5 > a.list-group-item-primary{margin-top:18px;border:0;background:#8E111F;color:#fff;text-align:center;padding:12px 0}
.list-group.mb-5 > a.list-group-item-primary b{font-weight:400}
.list-group.mb-5 > a.list-group-item-primary:hover{background:#6D0D17;color:#fff}
@media print{
@page{size:letter;margin:.6in .6in .7in}
html,body{background:#fff!important;color:#000!important;font-size:11pt;line-height:1.45}
*{box-shadow:none!important;text-shadow:none!important}
.preloader,.go-top,.navbar-nav,.others-option,.navbar-toggler,.mean-bar,.mean-nav,.raque-responsive-nav .mean-container .mean-nav,header .default-btn,.default-btn,.btn,.subscribe-area,.list-group:has(a.list-group-item-action),.rr-chart-wrap,video,iframe,lite-youtube,.lty-playbtn,.footer-area .social-link,.footer-area img,.bx-chevron-down,.ground-ico,.faq-ico{display:none!important}
header,.navbar-area,.navbar{position:static!important;background:#fff!important;border:0!important;padding:0!important;min-height:0!important}
header img{max-height:.9in!important;width:auto!important}
body > .container,section,.container,.container-fluid{background:transparent!important;margin-top:0!important;padding-top:0!important;border-radius:0!important;max-width:100%!important}
.page-hero{background:none!important;min-height:0!important;height:auto!important;padding:0 0 6pt!important;margin:0!important;border-bottom:2pt solid #8E111F}
.page-hero::before,.page-hero::after{display:none!important}
.page-hero *{color:#000!important;position:static!important}
.exp-stats{background:#fff!important;border:1pt solid #999!important}
.exp-stats *{color:#000!important}
a{color:#000!important;text-decoration:none!important}
.ground-a,.faq-a{display:block!important;max-height:none!important;height:auto!important;overflow:visible!important;opacity:1!important;visibility:visible!important}
.season-card,.ground-item,.card,.single-events-box-item,.single-courses-box-item,.list-group-item,.faq-item,tr,img,figure{break-inside:avoid}
h1,h2,h3,h4,.sub-title{break-after:avoid}
img{max-width:100%!important;max-height:3.5in!important;width:auto!important;height:auto!important;object-fit:contain!important}
.footer-area{background:#fff!important;color:#000!important;margin-top:12pt!important;padding:10pt 0 0!important;border-top:1pt solid #999}
.footer-area *{color:#000!important;background:transparent!important}
}

/* ---- batch 2c (Simon) ---- */
/* Crew cards: one quiet card, photo edge to edge, role as a maroon label, tenure muted */
.instructor-area .single-instructor-member{background:#fff;border:1px solid #ccc;box-shadow:none!important;border-radius:0;padding:0;text-align:left}
.instructor-area .single-instructor-member .member-image{padding:0;border-radius:0}
.instructor-area .single-instructor-member .member-image img{display:block;width:100%;aspect-ratio:1/1;object-fit:cover;object-position:50% 25%}
.instructor-area .single-instructor-member .member-content{padding:14px 16px 16px;border-top:3px solid #8E111F}
.instructor-area .single-instructor-member .member-content h3{font:600 18px/1.25 Poppins,sans-serif;color:#252525;margin:0}
.instructor-area .single-instructor-member .member-content span{display:block;margin-top:4px;color:#8E111F!important;font:600 12px/1.2 Poppins,sans-serif;letter-spacing:.1em;text-transform:uppercase}
.instructor-area .single-instructor-member .member-content p{margin-top:8px!important;color:#666;font-size:15px;line-height:1.4}
/* experience.php: the theme never defines .pb-40 */
.pb-40{padding-bottom:40px}

/* Back-to-top: maroon and square, not the theme cyan circle (Simon, S3) */
.go-top{background-color:#8E111F!important;border-radius:0!important}
.go-top:hover{background-color:#6D0D17!important}

/* ---- batch 2d (Simon, John 16:26) ---- */
/* Crew card: square rule, and the whole card tilts on hover (not a backing panel; the photo no longer slides) */
.instructor-area .single-instructor-member .member-content{border-radius:0}
.instructor-area .single-instructor-member::after{display:none}
.instructor-area .single-instructor-member:hover .member-image img,.instructor-area .single-instructor-member:focus .member-image img{transform:none}
.instructor-area .single-instructor-member{transition:transform .3s ease,box-shadow .3s ease}
.instructor-area .single-instructor-member:hover,.instructor-area .single-instructor-member:focus-within{transform:rotate(-2deg);box-shadow:0 10px 24px rgba(0,0,0,.15)!important;z-index:2}
@media (prefers-reduced-motion:reduce){.instructor-area .single-instructor-member:hover,.instructor-area .single-instructor-member:focus-within{transform:none}}

/* ---- batch 2e (Simon) ---- */
/* Nav dropdown: theme slate blue (#4A6F8A) to the site's dark grey; maroon on hover and for the current page; solid hairlines like the sidebar */
.raque-nav .navbar .navbar-nav .nav-item .dropdown-menu li a{color:#333;border-bottom:1px solid #e5e5e5}
.raque-nav .navbar .navbar-nav .nav-item .dropdown-menu li a:hover,.raque-nav .navbar .navbar-nav .nav-item .dropdown-menu li a:focus,.raque-nav .navbar .navbar-nav .nav-item .dropdown-menu li a.active{color:#8E111F}
/* "What to Bring": the house box. The page's own <style> comes after rr3.css, hence "body" and !important */
body .prep-bring{background:#fff!important;border:1px solid #ccc!important;border-top:4px solid #8E111F!important;border-radius:0!important}
body .prep-bring .prep-provided{border-top:1px solid #e5e5e5!important;color:#555}
body .prep-bring .prep-provided .bx-check-circle{color:#666!important}
body .prep-ico{border-radius:0!important}
/* Header 768–1199: nothing wraps; the phone number steps out below 1200; the logo and menu tighten together */
.raque-nav .navbar .navbar-nav .nav-item a,header .default-btn{white-space:nowrap}
header .navbar-brand{flex-shrink:0}
@media (max-width:1199.98px){header .header-phone{display:none!important}}
@media (min-width:768px) and (max-width:1199.98px){
 .raque-nav .navbar .navbar-nav > .nav-item{margin-left:0!important;margin-right:0!important}
 .raque-nav .navbar .navbar-nav > .nav-item > a{font-size:13px!important;letter-spacing:.02em!important;padding-left:7px!important;padding-right:7px!important}
 header .default-btn{padding:10px 14px!important;font-size:15px!important}
 header .navbar-brand img{width:120px!important;max-width:none!important;height:auto!important}
}

/* Experience stats inside the 9-column content: 3 across until there is room for 6 */
@media (min-width:768px) and (max-width:1399.98px){.exp-stats .stat{flex:0 0 33.333%;max-width:33.333%}}
/* Section nav below 992: one horizontal, swipeable line (rr3.js scrolls the current page into view) */
@media (max-width:991.98px){
 .list-group.mb-5{flex-direction:row;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity;margin-bottom:20px!important;border-bottom:1px solid #ccc;-webkit-mask-image:linear-gradient(90deg,#000 85%,transparent);mask-image:linear-gradient(90deg,#000 85%,transparent)}
 .list-group.mb-5::-webkit-scrollbar{display:none}
 .list-group.mb-5 > h5.list-group-item{display:none!important}
 .list-group.mb-5 > a.list-group-item{flex:0 0 auto;width:auto!important;white-space:nowrap;scroll-snap-align:start;border:0!important;border-bottom:3px solid transparent!important;padding:10px 12px!important;margin:0 0 -1px;font-size:15px}
 .list-group.mb-5 > a.list-group-item-info{border-left:0!important;border-bottom-color:#8E111F!important}
 .list-group.mb-5 > a.list-group-item-primary{display:none!important}
}

/* ---- batch 2f (Simon) ---- */
/* Phone menu (meanmenu): theme lavender-grey #677294 text and light-blue #DBEEFD rules to the site's dark grey and hairlines; maroon on tap and for the current page */
.raque-responsive-nav .raque-responsive-menu.mean-container .mean-nav ul li a{color:#333!important;border-top-color:#e5e5e5!important;font-size:16px;font-weight:500}
.raque-responsive-nav .raque-responsive-menu.mean-container .mean-nav ul li ul li a{color:#333!important;font-weight:400;padding-left:2.2em}
.raque-responsive-nav .raque-responsive-menu.mean-container .mean-nav ul li a:hover,.raque-responsive-nav .raque-responsive-menu.mean-container .mean-nav ul li a:focus,.raque-responsive-nav .raque-responsive-menu.mean-container .mean-nav ul li a.active{color:#8E111F!important}
.raque-responsive-nav .raque-responsive-menu.mean-container .mean-nav ul li a.mean-expand{color:#333!important;border-color:#e5e5e5!important}
.raque-responsive-nav .raque-responsive-menu.mean-container .mean-nav ul li li a{border-top-color:#f0f0f0!important}

/* ---- batch 2g (Simon, John 17:08) ---- */
/* Section nav below 992: wraps onto two lines instead of scrolling; nothing hidden off-screen */
@media (max-width:991.98px){
 .list-group.mb-5{flex-wrap:wrap!important;overflow:visible!important;-webkit-mask-image:none!important;mask-image:none!important;justify-content:center;column-gap:2px;row-gap:0}
 .list-group.mb-5 > a.list-group-item{padding:7px 7px!important;font-size:14px!important}
}

/* ---- batch 2h (Simon, John 17:37) ---- */
/* One body text style on content pages: paragraphs, lead paragraphs and lists alike (the .lead step was 2px and a lighter weight: too small to read as intended) */
.container p,.container .lead,.container li{font-size:18px;font-weight:400;color:#333;line-height:1.7}
/* Bootstrap's .rounded carries its own !important, so it beat img{border-radius:0}; flat images, no drop shadow */
.rounded{border-radius:0!important}
img.shadow-sm{box-shadow:none!important}

/* ---- batch 2i (Simon, John 17:46) ---- */
/* Hero subtitle: white again (2h's .container p{color:#333} reached it), with the title's shadow so it holds over the white hull */
.page-hero .page-hero-sub{color:#fff!important;text-shadow:0 1px 10px rgba(0,0,0,.6)}

/* ---- batch 2j (Simon, John 17:51) ---- */
/* Footer text: light on the dark footer (2h's .container p{color:#333} reached it) */
.footer-area p,.footer-area li,.footer-area .container p{color:#c8c8c8!important}
.footer-area a{color:#fff}

/* ---- batch 2k (Simon, John 17:52) ---- */
/* Footer, compact: less air above and between; credits on a hairline; credit text readable */
.footer-area{padding-top:48px!important}
.footer-area .single-footer-widget{margin-bottom:0!important}
.footer-area .single-footer-widget h3{margin-bottom:14px!important}
.footer-area .contact-us-link li{margin-bottom:8px!important}
.footer-area > .footer-bottom-area{margin-top:32px!important;padding:14px 0!important;border-top:1px solid #222}
.footer-area > .footer-bottom-area p,.footer-area > .footer-bottom-area span{color:#9a9a9a!important;font-size:14px}
@media (max-width:991.98px){.footer-area .row > [class*="col-"]{margin-bottom:28px}}

/* ---- batch 2l (Simon, John 17:58) ---- */
/* About spec list: data, not prose. 16px, a label column just wide enough for "Max Load:", values get the rest; the phone number never splits */
.row:has(> .col-4 > .spec-lbl){font-size:16px;line-height:1.5}
.row:has(> .col-4 > .spec-lbl) > .col-4{flex:0 0 5.6rem!important;width:5.6rem!important;max-width:none!important;padding-right:.5rem}
.row:has(> .col-4 > .spec-lbl) > .col-4 + *{flex:1 1 0!important;width:auto!important;min-width:0}
.row:has(> .col-4 > .spec-lbl) a[href^="tel:"],.row:has(> .col-4 > .spec-lbl) > .col-4 + *:has(a[href^="tel:"]){white-space:nowrap}
/* ...and the photo+spec column stacks full-width up to 1400 (it was 1200), where it is otherwise too narrow beside the text */
@media (max-width:1399.98px){.card-body > .row > [class*="col-md-4"],.card-body > .row > [class*="col-md-4"] + [class*="col-"]{flex:0 0 100%;max-width:100%;width:100%}}

/* ---- batch 2m (Simon, John 18:00) ---- */
/* Heading levels: section headings are Playfair; a plain h4 is a sub-heading: Poppins 600 at 19px, a clear step below, not a 24px near-twin */
.container h4:not(.playfair-display){font-family:Poppins,sans-serif;font-weight:600;font-size:19px;line-height:1.35;color:#252525}
/* One corner radius: tackle notes/tiers, the where-to-stay map, the directions iframe (Leaflet's own zoom control left alone) */
.tk-note,.tk-tier,.rr-hotel-map,.directions-map iframe,.container iframe{border-radius:0!important}

/* Compact-form section titles are section headings: Playfair, not the plain-h4 sub-heading (Simon) */
.container h4.cf-title{font-family:"Playfair Display",Georgia,serif!important;font-weight:500!important;font-size:21.6px!important}