/* site-override.css — appfoliochecks.com — LOCAL design identity (design-layer v3.0.0, 2026-08-26) PILOT #1b — keeps its own look (old stack hd-50 / ft-24; teal buttons #327a6c, dark footer #1e2430, green anchors rgb(10 106 73)) THIS FILE IS VARIABLES ONLY. It redefines the shared :root token set from _FE_CDN/includes/templates/check/css/style.css with this site's values; it loads on every page via the tpl_header echo, AFTER foundation.css, and wins because it loads last (R13/R14). Structural rules do NOT belong here — put them in foundation.css (shared or family-scoped). History: v3.0.0 = first skin, values captured 2026-08-26 from the old site's own style.css :root (17 tokens differ from shared defaults) Family: appfolio · fd-family: hd50-legacy Regenerate: python3 design-layer/build/skins.py (values live in tokens_canonical.py + skins.py) */ :root{ /* ---- canonical token set (138 unique names) — same names/order as shared style.css ---- */ --white-color: #fff; --red-color: red; --footer-bg: #1e2430; --blue-color: #3e7ec1; --transparent: transparent; --col_f5f5f5: #f5f5f5; --heading-color: #1b0708; --infolist-color: #7a151a; --image-head-color: #f5e455; --slider-sec-bgcolor: #f8f8f8; --arrow-color: #e9242a; --orderbtn-index1-color: #b10a0d; --slider-span-bgcolor: #b10a0dd9; --best-seller-bg-color: #f6f6f6; --review-color: #9a9a9a; --info-head-color: #a5a5a5; --down-text-color: #2a2a2a; --banner-subhead-color: #dacc3f; --txt-color: #b1840a; --sicon-hover-color: #f1f1f1; --footer-border-color: rgba(255, 255, 255, 0.11); --heading-shadow-color: drop-shadow(2px 3.464px 1px rgba(29, 29, 27, 0.16)); --btn-text-shadow-color: drop-shadow(5px 8.66px 9px rgba(29, 29, 27, 0.27)); --primary-btn-fliter-color: drop-shadow(2px 3.464px 2px rgba(29, 29, 27, 0.24)); --btn-bg-image: linear-gradient(90deg, #7a151a 0%, #e9242a 100%); --drpdwn-bg-color: -webkit-gradient(linear, left top, right top, from(#7a151a), to(#e9242a)); --drp-down-shadow-color: 0vw 2vw 5vw rgba(148, 148, 148, 0.55); --Quickcheck-wrapper-shadow-color: drop-shadow(10px 17.321px 9px rgba(29, 29, 27, 0.29)); --banner-head-txt-shadow-color: drop-shadow(3px 5.196px 1px rgba(29, 29, 27, 0.33)); --slider-shadow-color: 0px 0 4px 0px rgba(0, 0, 0, 0.27); --order-btn-text-shadow-color: drop-shadow(0.5px 0.866px 2px rgba(29, 29, 27, 0.22)); --border_color: #ccc; --rgba5: rgba(00, 00, 00, 0.5); --rgba4: rgba(00, 00, 00, 0.4); --rgba3: rgba(00, 00, 00, 0.3); --rgba01: rgba(90, 90, 00, 0.1); --rgba1: rgba(56, 56, 56, 1); --rgba8: rgba(00, 00, 00, 0.8); --bck-gradient: rgb(232, 229, 229); --c693f44: #55a294; --p-linear-gradient: linear-gradient(to right, rgba(94, 41, 48, 0.5), #693F44) no-repeat scroll 0% 0% transparent; --p-webkit-gradient: #693f44 -webkit-gradient(linear, left top, left bottom, from(#693f44), to(#3f2629)) no-repeat; --p-moz-gradient: #693f44 -moz-linear-gradient(top, #693f44, #3f2629) no-repeat; --webkit_r_gradient: -webkit-linear-gradient(left, rgba(94, 41, 48, 0.5), #693F44) no-repeat; --moz_r_gradient: -moz-linear-gradient(right, rgba(94, 41, 48, 0.5), #693F44) no-repeat; --linear_r_gradient: linear-gradient(to right, rgba(94, 41, 48, 0.5), #693F44) no-repeat; --linear-white-grey: linear-gradient(to bottom, #ddd 0%, #fff 40%, #fff 70%, #ddd 100%); --bg_linear_gradient: linear-gradient(to bottom, rgba(105, 63, 68, 0.6) 0%, rgba(105, 63, 68, 0.6) 10%, rgba(00, 00, 00, 0.7) 70%, rgba(00, 00, 00, 0.9) 100%); --bck-web-gradient: -webkit-linear-gradient(top, #f9f9f9 0%, #d4d4d4 100%); --bck-moz-gradient: -moz-linear-gradient(top, #f9f9f9 0%, #d4d4d4 100%); --bck-o-gradient: -o-linear-gradient(top, #f9f9f9 0%, #d4d4d4 100%); --bck-ms-gradient: -ms-linear-gradient(top, #f9f9f9 0%, #d4d4d4 100%); --bck-linear-gradient: linear-gradient(top, #f9f9f9 0%, #d4d4d4 100%); --banner_bg_color: #f0f0f0; --banner_text_color: #333; --banner_gradiant_color: linear-gradient(45deg, #ede9e8, #c3bab1); --card_bg_color: #f3f3f3; --cart_gradiant_color: linear-gradient(158deg, #dedccd 0%, #dedccd 50%, #dcbd87 50%, #dcbd87 100%); --cart_gradiant2_color: linear-gradient(27deg, #fff 29%, #fff 50%, #e0dbd7 43%, #e0dbd7 104%); --card_text_color: #f3f3f3; --card_border_color: #e6e6e6; --btn_bg_color: #327a6c; --btn_text_color: #fff; --btn_bg_hover_color: #f07c3a; --btn_border_color: #ccc; --btn_border_hover_color: #333; --primary_color: #000; --background_color: #2f9b8f; --hover_background_color: #057c6f; --font_family: Arial, 'Sans Sarif'; --anchor_color: rgb(10 106 73); --white_color: #fff; --black_color: #000; --text_color: #333; --highlight_color: #327a6c; --heading_color: #327a6c; --WhiteGreyGradient: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#eee)); --ok: url(https://www.securecheckorder.com/cdn/custom_template/images/ct36/correct-symbol.svg); --lens: url(https://www.securecheckorder.com/cdn/custom_template/images/ct36/magnifying-glass.svg); --arrow-r: url(https://www.securecheckorder.com/cdn/custom_template/images/ct36/right-chevron.svg); --shadow_color: #aaa7aa; --wrapper_bg: #f4f9fe; --grey_eee: #eeeeee; --bgtransparent: rgba(122, 21, 26, 0.85); --linear_color: linear-gradient(145deg, #fff 0, #fff 57%, #ddd 57%, #ddd 57%, #ddd 57%, #ddd 100%); --linear_hover_color: linear-gradient(145deg, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0) 57%, #7dd2cb 57%, #7dd2cb 57%, #7dd2cb 100%); --border_gradient: linear-gradient(45deg, #c83044 0%, #c83044 35%, #c83044 35%, #c83044 42%, #f17432 56%, #31bece 70%, #c83044 80%, #fb955e 100%); --visiting_card_ribbon_gradiant: -webkit-linear-gradient(left, #822227 0%, #a0272d 11%, #b91217 47%, #e9242a 100%); --visiting_card_ribbon_before_color: -webkit-linear-gradient(left, #7b171c 0%, #832529 100%); --visiting_card_ribbon_after_color: -webkit-linear-gradient(left, #7d191e 0%, #5f060a 100%); --studio_design_bg_color: linear-gradient(to bottom, #fff, #f1f1f1); --studio_design_adition_link_shadow_hover: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); --studio_design_adition_link_shadow: 0 2px 2px rgba(0, 0, 0, 0.05), 0 1px 0 rgba(0, 0, 0, 0.08); --silk_shadow_color: rgba(0, 0, 0, 0.2); --ct_56-blue-color: #944246; --blue-color2: #D6F9FD; --blue-color3: #f1f6fa; --ct_56-blue-285: #337a6c; --ct_56-com: url(https://www.securecheckorder.com/cdn/custom_template/images/ct56/com.PNG); --ct_56-blue-gradient: linear-gradient(45deg, rgba(113, 176, 243, 0.75), rgba(47, 114, 185, 0.75)); --ct_56-blueopt-gradient: linear-gradient(45deg, rgba(233, 36, 42, 0.51), rgba(234, 50, 56, 0.49)); --ct_56-grey-gradient: -webkit-gradient(linear, left top, left bottom, from(#eeeeee), to(#aaaaaa)); --hr_line: -webkit-linear-gradient(left, transparent, rgba(0, 0, 0, 0.2), transparent); --radial-gradient: radial-gradient(ellipse at center, #edeaf9 0%, #dedede 51%, #c1c1c1 100%); --blue-gradient: linear-gradient(45deg, rgba(113, 176, 243, 0.75), rgba(47, 114, 185, 0.75)); --banner-text-shadow-color: linear-gradient(to top, rgba(0, 0, 0, 0.6) 0, rgba(255, 255, 255, 0.0001) 100%); --benefit-section-bg-color: #ccebf9; --dark-blue-gradient: linear-gradient(to right, #425e78 0%, #364e62 100%); --dark-blue-g1: linear-gradient(-45deg, #b2d2e9 0%, #8dafc6 100%); --e3e3e3: #E3E3E3; --f8f8f8: #f8f8f8; --a00: #a00; --ededed: #ededed; --c-666: #666; --c-595959: #595959; --c-8C0023: #08428d; --f57c00: #f57c00; --c-900: #900; --c-999: #999; --FFE62D: #FFE62D; --aaa: #aaa; --c-005baf: #005baf; --c-383838: #383838; --c-4a2a2d: rgb(50, 122, 108); --c-876569: #876569; --c-846266: #846266; --c-cdcdcd: #cdcdcd; --c-40b546: #ffffff; --c-d2aaaf: #55a294; --tab-bg: #529e90; --heading-bg-clr: rgb(50, 122, 108); --ddd: #ddd; --c-634347: #634347; --c-3F2629: #3F2629; --c-7db9e8: #7db9e8; --c-058321: #058321; --c-737373: #737373; --c-8f9cb5: #8f9cb5; --product-bg: #327a6c; --font_family_sf: 'hadleeRegular', cursive; --black-color: #000; --c-77484D: #77484D; /* ---- foundation family tokens (consumed by foundation.css) ---- */ --fd-family: hd50-legacy; --fd-home-bg: none; --fd-home-bg-size: auto; --fd-logo-max-h: 46px; --fd-nav-text: #000; --fd-pdtab-bg: #efecec; --fd-pdtab-active: #459082; --fd-pdtab-done: #1f3d4b; --fd-pdtab-text: #393939; }