/* site-override.css — discountbusinesschecks.net LOCAL design identity (maroon = businesschecksonline.com).
   Loads on every page via header. Global structural css comes from /cdn/css/. v2.1.0
   v2.1.0: nav font = Ht-01 vw scale (removed 14px force); breadcrumb hidden on home;
           QUICK REORDER pill fixed (legacy floats); page width un-capped (was my 1280px slider fix). */
:root{
  --font_family: Arial, 'Sans Sarif';
  --anchor_color:#7a151a; --infolist-color:#7a151a;
  --text_color:#333; --down-text-color:#2a2a2a;
  --heading-color:#1b0708; --heading_color:#7a151a; --heading-bg-clr:#7a151a;
  --highlight_color:#7a151a;
  --footer-bg:#7a151a; --footer-border-color:rgba(255,255,255,0.11);
  --btn_bg_color:#630005; --btn_bg_hover_color:#e9242a; --btn_text_color:#fff;
  --background_color:#7a151a; --hover_background_color:#630005;
  --white-color:#fff; --white_color:#fff; --black-color:#000; --black_color:#000;
  --border_color:#ccc; --card_bg_color:#f3f3f3; --card_border_color:#e6e6e6;
  --arrow-color:#e9242a; --tab-bg:#7a151a; --product-bg:#7a151a;
  --best-seller-bg-color:#f6f6f6; --review-color:#9a9a9a; --info-head-color:#a5a5a5;
  --btn-bg-image:linear-gradient(90deg,#7a151a 0%,#e9242a 100%);
  --c-666:#666; --c-595959:#595959; --c-999:#999; --ededed:#ededed;
  --primary_color:#000; --shadow_color:#aaa7aa;
}

/* nav = BCO exact (arial black horizontal) — family/weight/color forced vs legacy sheets.
   NO font-size here: Ht-01_Ver1.css provides it (14px, 1.1vw at >=768px) — forcing 14px broke vw scaling. */
header .menu-header,header #menu{display:flex!important}
header .nav-lists>.listitem,header .menu-header a.listitem,header .menu-header .listitem span{
  font-family:arial,Helvetica,sans-serif!important;font-weight:500!important;color:#000!important;text-transform:none!important}
header .nav-lists>.listitem:hover span{color:#7a151a!important}

/* Kill ONLY the legacy stylesheetshani maroon nav gradient — keep Ht-01_Ver1 layout intact */
.template_info header nav{ background:none !important; }
.template_info header .head-top-section,
.template_info header .head-section{ background:none !important; }

/* Constrain logo to BCO proportions (~41px tall) so header height matches BCO */
.template_info .logo img, .template_info #logo img{ max-height:46px !important; width:auto !important; }
.template_info .head-section{ align-items:center !important; }

/* Hide breadcrumb bar on the homepage (BCO home shows none — gold bar looked stray) */
body#indexHomeBody #navBreadCrumb, body#indexHomeBody .breadcrumb{ display:none !important; }

/* QUICK REORDER pill = BCO. Legacy shani floats nav links (float blockifies display:inline-block
   -> pill went block/clipped). Kill floats + legacy width; restore Ht-01 vw sizing. */
.template_info header nav>ul>li>a{ float:none !important; }
.template_info header nav>ul>li{ float:none !important; width:auto !important; }
.template_info header .btn.medium-btn{ padding:0 2vw !important; }
@media(min-width:768px){
  .template_info header .btn.medium-btn{ font-size:1vw !important; line-height:2.13333vw !important; }
}

/* Cream diagonal "shades" background — matches businesschecksonline.com homepage (was shadow-img.png) */
body#indexHomeBody, body.tpl_index_home{
  background: url("/includes/templates/check/newImages/shadow-img.png") no-repeat 0 0 !important;
  background-size: 89% !important;
  background-attachment: scroll !important;
}

/* Mega-menu width fix — dropdown must span .menu-header (wide), not the narrow nav-lists li (BCO: nav-lists static, menu-header relative) */
.template_info .nav-lists{ position:static !important; }
.template_info .menu-header{ position:relative !important; }
.template_info .dropdown-menu{ left:0 !important; right:0 !important; width:auto !important; }

/* Make wrappers transparent so the body cream shadow-img shows through header+hero (BCO behavior) — let body cream show */
#mainWrapper{ background:transparent !important; }
.template_info header{ background:transparent !important; }

/* Bound exploded slider containers (.ccs__list was 26M px) so slick track calc is sane — slider container width bound */
.template-info .ccs__list{ max-width:100% !important; width:100% !important; overflow:hidden; }
.template-info .slider-for, .template-info .slider-nav, .template-info .client-slider, .template-info .slider-sec{ max-width:100% !important; overflow:hidden; }
.template-info .slider-for .slick-list, .template-info .slider-nav .slick-list, .template-info .client-slider .slick-list{ max-width:100% !important; overflow:hidden; }

/* Slider table-explosion fix — v2.1.0: max-width 100% (NOT 1280px: that capped the whole page
   table and squeezed the hero/all content; BCO runs full-width ~96%) */
table:has(.cc-slider), td:has(.cc-slider){ table-layout:fixed !important; width:100% !important; max-width:100% !important; }
.template-info .cc-slider, .template-info .ccs__lists, .template-info .ccs__list{ max-width:100% !important; width:100% !important; margin-left:auto; margin-right:auto; }
.template-info .slider-for .slick-list, .template-info .slider-nav .slick-list, .template-info .client-slider .slick-list{ width:100% !important; }


/* ===== BCO PD checklayout polish (from businesschecksonline.com local_product_layout.css, 2026-07-06) ===== */

.checklayout-list-item {
    display: flex;
    margin: 15px 0.5% !important;
    padding: 10px !important;
    box-shadow: 0px 0px 8px 1px #ddd;
    flex-direction: column;
    justify-content: space-between;
    text-align: center;
}

.checklayout-scroll-anchors a {
	padding: 4px 9px !important;
	margin: 0 1px !important;
	font-size: 15px;
	color: var(--anchor_color);
	margin-bottom: 40px !important;
 }


 .checklayout-list-item-title {
	padding: 6px 10px !important;
	display: table-cell !important;
	margin-top: 10px !important;
	overflow: hidden !important;
 }

 .checklayout-list-item-image {
	width: auto !important;
	margin: 0px !important;
 }

 div#allQsLinkScroller a {
	font-size: 14px;
	text-align: left;
	color: var(--anchor_color);
 }


/* ===== Cart / login / account pages: maroon identity (2026-07-06) ===== */
/* zen default PINK center-box heading -> brand maroon */
h2.centerBoxHeading{ background:var(--background_color) !important; color:var(--white-color) !important; }
/* default-blue links in main content -> brand anchor color */
.centerColumn a{ color:var(--anchor_color); }
/* headings -> brand heading color */
.centerColumn h1, .centerColumn h2:not(.centerBoxHeading){ color:var(--heading_color) !important; }
/* legacy tan-gradient form buttons -> flat brand maroon */
.centerColumn input[type="submit"], .centerColumn input[type="button"], .centerColumn button,
.buttonRow input, .buttonRow button, .centerColumn a.cssButton, .cssButton{
  background:var(--btn_bg_color) !important; background-image:none !important;
  color:var(--btn_text_color) !important; border:1px solid var(--btn_bg_hover_color) !important;
  border-radius:4px; padding:4px 12px; cursor:pointer; text-shadow:none !important;
}
.centerColumn input[type="submit"]:hover, .cssButton:hover{ background:var(--btn_bg_hover_color) !important; }

/* button-styled anchors (own colored bg) must keep white text — .centerColumn a rule made them green-on-green */
.centerColumn a.cart-demo, .centerColumn a.sgToolTip, a.cart-demo{ color:#fff !important; }