1<!DOCTYPE html> 2<html lang="en"> 3 <head> 4 <link rel="shortcut icon" href="https://s1.img.bidsquare.com/site/favicon/m/146.png?t=1X1LWj "> 5 <link rel="apple-touch-icon" href="https://s1.img.bidsquare.com/site/favicon/m/146.png?t=1X1LWj"> 6 <link rel="apple-touch-icon-precomposed" href="https://s1.img.bidsquare.com/site/favicon/m/146.png?t=1X1LWj"> 7 <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"/><meta name="keywords" content="Hake's Sign Up, Join Hake's"/><meta name="description" content="Join the leading online auction platform and bid with the best auction houses and dealers."/><meta charset="UTF-8"/><meta http-equiv="X-UA-Compatible" content="IE=edge"/><link rel="canonical" href="https://www.hakes.com/user/register"/><link rel="alternate" hreflang="x-default" href="https://www.hakes.com/user/register"/><link rel="alternate" hreflang="en" href="https://www.hakes.com/user/register"/> <title>Join Hake's, Sign up for free account | Hake's</title> 8
8<script type="text/javascript"> 9 pageLoadServerTime = 1790273811149; 10 pageLoadServerTimeElapsedStart = (new Date()).getTime(); 11 </script>
11 12 <link rel="stylesheet" type="text/css" href="https://www.hakes.com/public/themes/common/css/bootstrap.min.css?t=1761753286" /> 13<link rel="stylesheet" type="text/css" href="https://www.hakes.com/public/themes/common/css/fonts/icon-font.css?t=1761753286" /> 14<link rel="stylesheet" type="text/css" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" /> 15<link rel="stylesheet" type="text/css" href="https://www.hakes.com/public/themes/default/css/theme.css?t=1784745125" /> 16<link rel="stylesheet" type="text/css" href="https://www.hakes.com/public/themes/default/css/theme-responsive.css?t=1761753286" /> 17<link rel="stylesheet" type="text/css" href="https://www.hakes.com/public/themes/default/css/theme-dev.css?t=1776727186" /> 18<link rel="stylesheet" type="text/css" href="https://www.hakes.com/public/themes/default/css/myaccount.css?t=1761753286" /> 19<link rel="stylesheet" type="text/css" href="https://www.hakes.com/public/themes/common/css/fonts/ACaslonPro-Bold.css?t=1768402570" /> 20<link rel="stylesheet" type="text/css" href="https://www.hakes.com/public/themes/common/css/component/popup.css?t=1761753286" /> 21<style> 22:root {--main-button-color:#91bc1a} 23:root {--main-button-color-hover:#97a02d} 24:root {--main-btn-text:#ffffff} 25:root {--secondary-button-color:#323232} 26:root {--secondary-button-color-hover:#000000} 27:root {--secondary-btn-text:#ffffff} 28:root {--theme-color:#b0bb1a} 29:root {--link-color-hover:#98a02d} 30:root {--reg-aprv-btn-txt:#b0bb1a} 31:root {--pending-text:#ff9f00} 32:root {--pending-btn-bg:rgba(204, 204, 204, 0.2)} 33:root {--font-main:ACaslonPro-Bold} 34:root {--font-secondary:ACaslonPro-Bold}</style> 35<style>@charset "UTF-8"; 36/***** SITE: hakes *****/ 37/***** 38* Header and footer customizations. Global shell otherwise matches default starter. 39*****/ 40/* Hero mid: side-by-side CTAs. Below this = stacked full-width phone layout */ 41/* Large logo needs more room than 1086 â below this, keep compact logo so it doesn't cover AUCTION */ 42:root { 43 --hakes-font: "Noto Sans", var(--font-secondary, sans-serif); 44 --hakes-font-nav: var(--hakes-font); 45 --hakes-nav-color: #007bbe; 46 --hakes-nav-hover: #00649a; 47 --hakes-link-hover: #005d99; 48 --hakes-heading-color: #005a99; 49 --hakes-brand-red: #b20219; 50 --hakes-brand-red-hover: #8d0416; 51 --hakes-gold-hover: #E6AD00; 52 --hakes-surface-muted: #f2f2f2; 53 --hakes-dropdown-item-hover-bg: #f5f5f5; 54 --hakes-text: #333333; 55 --hakes-text-muted: #6c6c6c; 56 --hakes-text-soft: #666666; 57 --hakes-text-faint: #999999; 58 --hakes-icon-muted: #949494; 59 --hakes-search-border: #d1d1d1; 60 --hakes-checkmark: #262626; 61 --hakes-home-bottom-bg: linear-gradient(180deg, #fff 0%, #c7e4f3 50%, #c4e3f4 100%); 62 --hakes-home-bottom-ink: #007bbe; 63 --hakes-home-auctions-bg: #f9f5ed; 64 --hakes-home-featured-lots-bg: #fff4f3; 65 --hakes-home-highest-bids-bg: linear-gradient(180deg, #fff4f3 0%, #f9f5ec 100%); 66 --hakes-home-lot-num-color: #000000; 67 --hakes-home-lot-title-color: #0e0e0e; 68 --link-color-hover: var(--hakes-home-lot-num-color); 69 --hakes-home-estimate-label-color: #757575; 70 --hakes-home-bid-price-color: #030303; 71 --hakes-cta-text: #ffffff; 72 /* Image URLs live in settings.json CSSVARS; fallbacks keep local preview working */ 73 --hakes-home-top-bg-image: url("https://s1.bidsquare.com/cms/files/Folder/Image4/Unsplash.jpg"); 74 --hakes-home-top-text: #efefef; 75 --hakes-home-bottom-logo-image: url("https://s1.bidsquare.com/site/logo/216.png?t=1Wt10G"); 76 --hakes-home-bottom-card-figure-image: url("https://s1.bidsquare.com/cms/files/Images3/icon-1024x1024%201.png"); 77 --hakes-home-bottom-card-cgc-image: url("https://s1.bidsquare.com/cms/files/Folder/Image4/CGC_Graphic%201.png"); 78 --hakes-home-bottom-card-afa-image: url("https://s1.bidsquare.com/cms/files/Folder/Image4/AFA_Graphic%201.png"); 79 --starter-bg: #ffffff; 80 --starter-text: #212529; 81 --starter-muted: #6c757d; 82 --starter-border: #e5e7eb; 83 --starter-header-bg: #ffffff; 84 --starter-header-text: #212529; 85 --starter-header-hover: var(--main-button-color-hover, #2f2f2f); 86 --starter-footer-bg: #f8f9fa; 87 --starter-footer-text: #212529; 88 --starter-footer-link: #212529; 89 --starter-footer-border: #dfe3e8; 90 --starter-cta-bg: var(--main-button-color, #1e1e1e); 91 --starter-cta-hover: var(--main-button-color-hover, #2f2f2f); 92 --starter-cta-text: var(--main-btn-text, #ffffff); 93 --starter-radius: 4px; 94 --starter-logo-height: 64px; 95} 96 97* { 98 box-sizing: border-box; 99} 100 101html { 102 height: 100%; 103} 104 105body { 106 margin: 0; 107 min-height: 100vh; 108 display: flex; 109 flex-direction: column; 110 background: var(--starter-bg); 111 color: var(--starter-text); 112 font-family: var(--font-secondary, Arial, sans-serif); 113 -webkit-font-smoothing: antialiased; 114 -moz-osx-font-smoothing: grayscale; 115} 116 117body.nav-open { 118 overflow: hidden; 119} 120 121.message_bar_wrap { 122 --link-color-hover: var(--hakes-cta-text); 123} 124 125.message_bar_wrap .message_bar_txt, 126.message_bar_wrap .message_bar_txt a { 127 font-family: var(--hakes-font) !important; 128} 129
130/* Keep verify/profile banner above header so the tall logo can't cover it */ 131body.show_notification { 132 margin-top: 0; 133} 134body.show_notification .message_bar_wrap { 135 position: sticky; 136 top: 0; 137 z-index: 1100; 138} 139body.show_notification .site-header { 140 z-index: 900; 141} 142 143/* Mobile drawer must start below the verify bar or AUCTION/REGISTER are covered */ 144@media (max-width: 991px) { 145 body.show_notification .site-header-nav { 146 top: var(--hakes-notification-bar-height, 0px); 147 height: calc(100vh - var(--hakes-notification-bar-height, 0px)); 148 height: calc(100dvh - var(--hakes-notification-bar-height, 0px)); 149 } 150} 151.info_title, 152.f_caption_txt_xlg { 153 font-family: var(--hakes-font) !important; 154} 155 156.catalog_list .buyers_table { 157 font-family: var(--hakes-font) !important; 158} 159 160.payments { 161 font-family: var(--hakes-font) !important; 162} 163 164.catalog_list .shipping h2, 165.catalog_list .shipping p { 166 font-family: var(--hakes-font) !important; 167} 168 169.message_bar_wrap .message_bar_txt a, 170.message_bar_wrap .message_bar_txt a:link, 171.message_bar_wrap .message_bar_txt a:visited, 172.message_bar_wrap .message_bar_txt a:hover, 173.message_bar_wrap .message_bar_txt a:focus, 174.message_bar_wrap .message_bar_txt a:focus-visible, 175.message_bar_wrap .message_bar_txt a:active { 176 color: var(--hakes-cta-text) !important; 177} 178 179body > .wrap { 180 flex: 1 1 auto; 181 display: flex; 182 flex-direction: column; 183 min-height: 0; 184} 185 186.container-lg { 187 width: 100%; 188 margin: 0 auto; 189 padding-left: 16px; 190 padding-right: 16px; 191} 192 193@media (min-width: 992px) { 194 .container-lg { 195 max-width: 960px; 196 } 197} 198@media (min-width: 1200px) { 199 .container-lg { 200 max-width: 1140px; 201 } 202} 203.visually-hidden { 204 position: absolute; 205 width: 1px; 206 height: 1px; 207 padding: 0; 208 margin: -1px; 209 overflow: hidden; 210 clip: rect(0, 0, 0, 0); 211 white-space: nowrap; 212 border: 0; 213} 214 215.register_form_page .modal-heading, 216.register_form_page p, 217.dnt_hv_ac p a { 218 font-family: var(--hakes-font) !important; 219} 220 221.login_reg_page .modal-heading, 222.login_reg_page p, 223.login_ms .login_reg_page p, 224.form-control { 225 font-family: var(--hakes-font) !important; 226} 227 228.agree_text { 229 font-family: var(--hakes-font) !important; 230 --link-color-hover: var(--hakes-home-lot-num-color); 231} 232 233.login_reg_page form span { 234 color: var(--hakes-home-lot-title-color) !important; 235} 236 237.register_form_page .register_form_password p, 238.login_reg_page .login_form_password p, 239.forgot_password_form_page .fp-modify-field p, 240.forgot_password_form_page .modify-email-area p { 241 background: var(--starter-bg) !important; 242 border-bottom: 1px solid var(--hakes-search-border) !important; 243 font-family: var(--hakes-font) !important; 244} 245 246.login_reg_page .login_form_password .show-forgot-pwd, 247.login_reg_page .login_form_password .show-forgot-pwd:link, 248.login_reg_page .login_form_password .show-forgot-pwd:visited, 249.login_reg_page .login_form_password .show-forgot-pwd:hover, 250.login_reg_page .login_form_password .show-forgot-pwd:focus, 251.login_reg_page .login_form_password .show-forgot-pwd:focus-visible, 252.login_reg_page .login_form_password .show-forgot-pwd:active { 253 --link-color-hover: var(--hakes-home-lot-num-color); 254 color: var(--hakes-home-lot-num-color) !important; 255 font-family: var(--hakes-font) !important; 256} 257 258.fa-pencil:before { 259 color: var(--hakes-icon-muted) !important; 260} 261 262.agree_text a, 263.agree_text a:link, 264.agree_text a:visited, 265.agree_text a:hover, 266.agree_text a:focus, 267.agree_text a:focus-visible, 268.agree_text a:active, 269.login_ms .agree_text a, 270.login_ms .agree_text a:hover, 271.login_ms .agree_text a:focus, 272.login_ms .agree_text a:focus-visible, 273.login_ms .agree_text a:active, 274.login_reg_page .agree_text a, 275.login_reg_page .agree_text a:hover, 276.login_reg_page .agree_text a:focus, 277.login_reg_page .agree_text a:focus-visible, 278.login_reg_page .agree_text a:active, 279.register_form_page .agree_text a, 280.register_form_page .agree_text a:hover, 281.register_form_page .agree_text a:focus, 282.register_form_page .agree_text a:focus-visible, 283.register_form_page .agree_text a:active, 284.signup_ms .agree_text a, 285.signup_ms .agree_text a:hover, 286.signup_ms .agree_text a:focus, 287.signup_ms .agree_text a:focus-visible, 288.signup_ms .agree_text a:active { 289 color: var(--hakes-home-lot-num-color) !important; 290} 291 292.signup_ms .modal-heading, 293.signup_ms p, 294.signup_ms .login_reg_page p, 295.signup_ms .form-control, 296.signup_ms .address-area .check.custom, 297.forgot_pwd .login_reg_page .dnt_hv_ac p a, 298.forgot_pwd .forgot_text_area p, 299.forgot_password_form_page .resend-message, 300.login_reg_page h1, 301.credit-boxs h2 { 302 font-family: var(--hakes-font) !important; 303} 304 305.reset_pwd p span { 306 color: var(--hakes-text) !important; 307} 308 309.credit-boxs { 310 font-size: 14px !important; 311 font-family: var(--hakes-font) !important; 312} 313 314.form-wrap input { 315 font-family: var(--hakes-font) !important; 316} 317 318.my-account .account-nav li.active a:after, 319.my-account .account-nav li:hover a:after { 320 background: var(--hakes-nav-color) !important; 321} 322 323.my-account h2 { 324 font-family: var(--hakes-font-nav, var(--hakes-font)) !important; 325} 326 327.my-account .account-nav li.active a, 328.my-account .account-nav li a, 329.item_filter_wrap .bidsquare-top label, 330.item_filter_wrap .bidsquare-top .dropDown select, 331.bidsquare-bottom p, 332.bidsquare-bottom label, 333.bidsquare-bottom .dropDown select, 334.item-detail ul .new_check_gruop label, 335.item-detail ul li .item-menu, 336.item-detail ul li, 337.bidsquare-right input { 338 font-family: var(--hakes-font-nav, var(--hakes-font)) !important; 339} 340 341.my-alert-sec p, 342.my-account .notification_preference .caegory-sec, 343.my-account .my-alert-sec .notification_preference .alert-category-box h4, 344.my-account .alert-notification .new_check_gruop .container, 345.account_left ul li.on a, 346.account_left ul li, 347.row, 348.account_right .custom .form-group label, 349.account_right .verification ul li span.red_t { 350 font-family: var(--hakes-font-nav, var(--hakes-font)) !important; 351} 352 353.account_left ul li a { 354 font-size: 14px !important; 355} 356 357/* Account Info side nav: caret on every row (not only .on), right-aligned */ 358.my-account .account_left ul.account-left > li { 359 position: relative; 360 padding-right: 14px; 361} 362 363.my-account .account_left ul.account-left > li > i { 364 display: none !important; 365} 366 367.my-account .account_left ul.account-left > li::after { 368 content: "\f0da"; 369 font-family: FontAwesome; 370 font-size: inherit; 371 font-style: normal; 372 font-weight: 400; 373 line-height: 1; 374 color: var(--hakes-nav-color) !important; 375 position: absolute; 376 right: 0; 377 top: 50%; 378 transform: translateY(-50%); 379 pointer-events: none; 380} 381 382.delete-account-alert, 383.delete-account-alert .main-title, 384.delete-account-alert .sub-title { 385 font-family: var(--hakes-font-nav) !important; 386} 387 388.premium-confirm .bid-confirm-box h2, 389.premium-confirm .bid-confirm-box .bid_confirmation_detail .confirmation_row span.t1, 390.premium-confirm .bid-confirm-box .bid_confirmation_detail .confirmation_row span.t2, 391.premium-confirm .bid-confirm-box p, 392.premium-confirm .bid-confirm-box button { 393 font-family: var(--hakes-font-nav) !important; 394} 395 396.premium-confirm .bid-confirm-box button { 397 background: var(--hakes-brand-red) !important; 398} 399.premium-confirm .bid-confirm-box button:hover { 400 background: var(--hakes-brand-red-hover); 401} 402 403.item-detail ul .text-head p, 404.item-detail ul .live-pannel span, 405.item-detail ul .live-pannel p, 406.item-detail .item-won .invoice-sec a, 407.live-pannel a { 408 font-family: var(--hakes-font-nav) !important; 409} 410 411.item-detail .registered-auction .text-sec .item-title p, 412.item-detail .registered-auction .text-sec .item-title a, 413.item-detail .registered-auction .text-sec .item-title .addtocalendar .set-reminder, 414.item-detail .registered-auction .text-sec .auction-status span, 415.item-detail .registered-auction .text-sec .auction-end .ended_txt { 416 font-family: var(--hakes-font-nav) !important; 417} 418 419.item-detail .registered-auction .text-sec .auction-end a { 420 background: var(--hakes-brand-red) !important; 421} 422.item-detail .registered-auction .text-sec .auction-end a:hover { 423 background: var(--hakes-brand-red-hover); 424} 425 426.green_t { 427 color: var(--hakes-nav-color) !important; 428} 429 430.item-detail .registered-auction .text-sec .auction-end .green_t { 431 font-size: 15px !important; 432 font-family: var(--hakes-font-nav) !important; 433} 434
435.item-detail ul .timing p, 436.item-detail ul .estimate span, 437.item-detail ul .bidding-sec .enterBid .sold_txt { 438 font-family: var(--hakes-font-nav) !important; 439} 440 441.bidsquare-bottom form button, 442.item-detail ul .bidding-sec .bidPrice .bid_txt span, 443.item-detail ul .bidding-sec .bidPrice .bidLength span, 444.item-detail ul .bidding-sec .enterBid input { 445 font-family: var(--hakes-font-nav) !important; 446} 447 448.item-detail ul .bidding-sec .enterBid button { 449 background: var(--hakes-brand-red) !important; 450} 451.item-detail ul .bidding-sec .enterBid button:hover { 452 background: var(--hakes-brand-red-hover); 453} 454 455.item-detail ul .bidding-sec .bidPrice .bidLength .bidder_no_area .wl-icon-paddle:before { 456 color: var(--hakes-nav-color) !important; 457} 458 459.color_green01 { 460 color: var(--hakes-nav-color) !important; 461} 462 463.condition-report-title .inquire_block_icon a, 464.condition-report-title .inquire_block_icon a:hover, 465.condition-report-title .inquire_block_icon a:focus, 466.condition-report-title .inquire_block_icon a:focus-visible, 467.condition-report-title .inquire_block_icon a:active { 468 color: inherit !important; 469} 470 471.condition-report-title .inquire_block_icon .fa, 472.condition-report-title .inquire_block_icon .fa:hover, 473.condition-report-title .inquire_block_icon a:hover .fa, 474.condition-report-title .inquire_block_icon a:focus .fa, 475.condition-report-title .inquire_block_icon a:focus-visible .fa, 476.condition-report-title .inquire_block_icon a:active .fa, 477.condition-report-title .inquire_block_icon .fa:before, 478.condition-report-title .inquire_block_icon .fa:hover:before, 479.condition-report-title .inquire_block_icon a:hover .fa:before, 480.condition-report-title .inquire_block_icon a:focus .fa:before, 481.condition-report-title .inquire_block_icon a:focus-visible .fa:before, 482.condition-report-title .inquire_block_icon a:active .fa:before { 483 color: inherit !important; 484} 485 486.condition-report-title .condition_report:hover, 487.condition-report-title .condition_report:focus, 488.condition-report-title .condition_report:focus-visible, 489.condition-report-title .condition_report:active { 490 border-color: transparent !important; 491} 492 493.inquire-form h1, 494.bid-history-form .modal-body h2, 495.bid-history-form .bid-history-info p, 496.bid-history-form .bid-history-info span, 497.bid-history-form tr th, 498.bid-history-form tr td.time, 499.bid-history-form tr td.amount, 500.has-competing-bids-msg { 501 font-family: var(--hakes-font-nav) !important; 502} 503 504.bid_registration h1, 505.bid_registration .reg_auc .type_auc, 506.bid_registration .reg_auc .title_auc, 507.custom { 508 font-family: var(--hakes-font-nav) !important; 509} 510 511.shipping label { 512 font-family: var(--hakes-font-nav) !important; 513} 514 515.shipping .click_icon i { 516 color: var(--hakes-nav-color) !important; 517} 518 519.catalog_list .catalog_detail .bidding_sec .bid_num, 520.place_bid_area .pending, 521.event_catalog_banner .banner_content .pending_txt, 522.auction-list .auc-list-content .btn-sec .pending_txt { 523 font-family: var(--hakes-font-nav) !important; 524} 525 526.item-detail ul .new_check_gruop label input:checked ~ .check-bidsquare:after, 527.my-account .notification_preference .new_check_gruop input:checked ~ .check-bidsquare:after { 528 border-color: var(--hakes-home-lot-title-color) !important; 529} 530 531[type=radio]:checked + label:after { 532 background: var(--hakes-nav-color) !important; 533} 534 535.checkmark, 536.custom .checkmark:after, 537.custom input:checked ~ .checkmark:after { 538 border-color: var(--hakes-home-lot-title-color) !important; 539} 540 541/* Login/signup inputs: kill Bootstrap blue focus + autofill wash 542 (covers .login_ms / .signup_ms / .login_form_page / .register_form_page) */ 543.login_ms .form-control, 544.login_ms input[type=email], 545.login_ms input[type=text], 546.login_ms input[type=password], 547.signup_ms .form-control, 548.signup_ms input[type=email], 549.signup_ms input[type=text], 550.signup_ms input[type=password], 551.login_form_page .form-control, 552.login_form_page input, 553.login_reg_page .form-control, 554.login_reg_page input, 555.register_form_page .form-control, 556.register_form_page input[type=email], 557.register_form_page input[type=text], 558.register_form_page input[type=password] { 559 border-color: var(--hakes-search-border, var(--starter-border)) !important; 560 border-bottom-color: var(--hakes-search-border, var(--starter-border)) !important; 561 outline: none !important; 562 box-shadow: none !important; 563 -webkit-box-shadow: none !important; 564 background-color: var(--starter-bg) !important; 565} 566 567.login_ms .form-control:hover, 568.login_ms .form-control:focus, 569.login_ms .form-control:focus-visible, 570.login_ms .form-control:active, 571.login_ms input:hover, 572.login_ms input:focus, 573.login_ms input:focus-visible, 574.login_ms input:active, 575.signup_ms .form-control:hover, 576.signup_ms .form-control:focus, 577.signup_ms .form-control:focus-visible, 578.signup_ms .form-control:active, 579.signup_ms input:hover, 580.signup_ms input:focus, 581.signup_ms input:focus-visible, 582.signup_ms input:active, 583.login_form_page .form-control:hover, 584.login_form_page .form-control:focus, 585.login_form_page .form-control:focus-visible, 586.login_form_page .form-control:active, 587.login_form_page input:hover, 588.login_form_page input:focus, 589.login_form_page input:focus-visible, 590.login_form_page input:active, 591.login_reg_page .form-control:hover, 592.login_reg_page .form-control:focus, 593.login_reg_page .form-control:focus-visible, 594.login_reg_page .form-control:active, 595.login_reg_page input:hover, 596.login_reg_page input:focus, 597.login_reg_page input:focus-visible, 598.login_reg_page input:active, 599.register_form_page .form-control:hover, 600.register_form_page .form-control:focus, 601.register_form_page .form-control:focus-visible, 602.register_form_page .form-control:active, 603.register_form_page input:hover, 604.register_form_page input:focus, 605.register_form_page input:focus-visible, 606.register_form_page input:active, 607.form-control:focus, 608.form-control:focus-visible { 609 border-color: var(--hakes-search-border, var(--starter-border)) !important; 610 border-bottom-color: var(--hakes-search-border, var(--starter-border)) !important; 611 outline: 0 !important; 612 box-shadow: none !important; 613 -webkit-box-shadow: none !important; 614 background-color: var(--starter-bg) !important; 615} 616 617.login_ms .form-control:-webkit-autofill, 618.login_ms .form-control:-webkit-autofill:hover, 619.login_ms .form-control:-webkit-autofill:focus, 620.login_ms .form-control:-webkit-autofill:active, 621.login_ms input:-webkit-autofill, 622.login_ms input:-webkit-autofill:hover, 623.login_ms input:-webkit-autofill:focus, 624.login_ms input:-webkit-autofill:active, 625.signup_ms .form-control:-webkit-autofill, 626.signup_ms .form-control:-webkit-autofill:hover, 627.signup_ms .form-control:-webkit-autofill:focus, 628.signup_ms .form-control:-webkit-autofill:active, 629.signup_ms input:-webkit-autofill, 630.signup_ms input:-webkit-autofill:hover, 631.signup_ms input:-webkit-autofill:focus, 632.signup_ms input:-webkit-autofill:active, 633.login_form_page .form-control:-webkit-autofill, 634.login_form_page .form-control:-webkit-autofill:hover, 635.login_form_page .form-control:-webkit-autofill:focus, 636.login_form_page .form-control:-webkit-autofill:active, 637.login_form_page input:-webkit-autofill, 638.login_form_page input:-webkit-autofill:hover, 639.login_form_page input:-webkit-autofill:focus, 640.login_form_page input:-webkit-autofill:active, 641.login_reg_page .form-control:-webkit-autofill, 642.login_reg_page .form-control:-webkit-autofill:hover, 643.login_reg_page .form-control:-webkit-autofill:focus, 644.login_reg_page .form-control:-webkit-autofill:active, 645.login_reg_page input:-webkit-autofill, 646.login_reg_page input:-webkit-autofill:hover, 647.login_reg_page input:-webkit-autofill:focus, 648.login_reg_page input:-webkit-autofill:active, 649.register_form_page .form-control:-webkit-autofill, 650.register_form_page .form-control:-webkit-autofill:hover, 651.register_form_page .form-control:-webkit-autofill:focus, 652.register_form_page .form-control:-webkit-autofill:active, 653.register_form_page input:-webkit-autofill, 654.register_form_page input:-webkit-autofill:hover, 655.register_form_page input:-webkit-autofill:focus, 656.register_form_page input:-webkit-autofill:active, 657.form-control:-webkit-autofill, 658.form-control:-webkit-autofill:hover, 659.form-control:-webkit-autofill:focus, 660.form-control:-webkit-autofill:active { 661 -webkit-text-fill-color: var(--starter-text) !important; 662 caret-color: var(--starter-text); 663 border-color: var(--hakes-search-border, var(--starter-border)) !important; 664 border-bottom-color: var(--hakes-search-border, var(--starter-border)) !important; 665 background-color: var(--starter-bg) !important; 666 -webkit-box-shadow: 0 0 0 1000px var(--starter-bg) inset !important; 667 box-shadow: 0 0 0 1000px var(--starter-bg) inset !important; 668 transition: background-color 99999s ease-out 0s; 669} 670 671.signup_ms .dnt_hv_ac p a { 672 font-family: var(--hakes-font) !important; 673} 674 675.signup_ms .dnt_hv_ac p a:hover, 676.signup_ms .dnt_hv_ac p a:focus, 677.signup_ms .dnt_hv_ac p a:focus-visible, 678.signup_ms .dnt_hv_ac p a:active { 679 color: inherit !important; 680} 681 682.signup_ms .submit button, 683.login_ms .submit button, 684.submit button, 685.submit-button button, 686.credit-boxs .my_btn_area.submit input, 687.my-alert-sec .btn-primary, 688.account_right .save_action button, 689.payment-div .credit_card button, 690.billing-form button, 691.catalog_list .catalog_detail .bidding_sec .starting_bid .f_event_button_view_hammer_price,
692.item_detail .item_description .place_bid_area .bidding-area .bidding-price button, 693.login_bnt_email.btn.btn-primary, 694.how-to-sell-mid-form .sell-form-wrap form button[type=submit] { 695 background: var(--hakes-brand-red) !important; 696 border-radius: 6px !important; 697 font-family: var(--hakes-font) !important; 698} 699.signup_ms .submit button:hover, .signup_ms .submit button:focus-visible, 700.login_ms .submit button:hover, 701.login_ms .submit button:focus-visible, 702.submit button:hover, 703.submit button:focus-visible, 704.submit-button button:hover, 705.submit-button button:focus-visible, 706.credit-boxs .my_btn_area.submit input:hover, 707.credit-boxs .my_btn_area.submit input:focus-visible, 708.my-alert-sec .btn-primary:hover, 709.my-alert-sec .btn-primary:focus-visible, 710.account_right .save_action button:hover, 711.account_right .save_action button:focus-visible, 712.payment-div .credit_card button:hover, 713.payment-div .credit_card button:focus-visible, 714.billing-form button:hover, 715.billing-form button:focus-visible, 716.catalog_list .catalog_detail .bidding_sec .starting_bid .f_event_button_view_hammer_price:hover, 717.catalog_list .catalog_detail .bidding_sec .starting_bid .f_event_button_view_hammer_price:focus-visible, 718.item_detail .item_description .place_bid_area .bidding-area .bidding-price button:hover, 719.item_detail .item_description .place_bid_area .bidding-area .bidding-price button:focus-visible, 720.login_bnt_email.btn.btn-primary:hover, 721.login_bnt_email.btn.btn-primary:focus-visible, 722.how-to-sell-mid-form .sell-form-wrap form button[type=submit]:hover, 723.how-to-sell-mid-form .sell-form-wrap form button[type=submit]:focus-visible { 724 background: var(--hakes-brand-red-hover) !important; 725} 726
727/* Kill Bootstrap active fill â keep CTA token from base rule */ 728.btn-primary:not(:disabled):not(.disabled):active, 729.btn-primary:not(:disabled):not(.disabled).active { 730 background-color: unset !important; 731} 732 733.btn.btn-primary.save_button_my_bidsquare { 734 background: var(--hakes-brand-red) !important; 735} 736.btn.btn-primary.save_button_my_bidsquare:hover { 737 background: var(--hakes-brand-red-hover) !important; 738} 739 740.how-to-sell-mid-form .sell-form-wrap .left-form .ajax-upload-dragdrop .ajax-file-upload { 741 background: var(--hakes-nav-color) !important; 742 font-family: var(--hakes-font) !important; 743 border-radius: 8px !important; 744} 745.how-to-sell-mid-form .sell-form-wrap .left-form .ajax-upload-dragdrop .ajax-file-upload:hover, .how-to-sell-mid-form .sell-form-wrap .left-form .ajax-upload-dragdrop .ajax-file-upload:focus-visible { 746 background: var(--hakes-link-hover) !important; 747} 748 749.how-to-sell-mid-form h2, 750.ajax-upload-dragdrop b, 751.how-to-sell-mid-form .sell-form-wrap form input { 752 font-family: var(--hakes-font) !important; 753} 754 755.how-to-sell-mid-form form .left-form select { 756 font-family: var(--hakes-font-nav) !important; 757} 758 759.catalog_list .catalog_detail .bidding_sec .starting_bid .f_event_button_view_hammer_price { 760 white-space: nowrap !important; 761 box-sizing: border-box; 762 text-align: center; 763 padding-left: 10px !important; 764 padding-right: 10px !important; 765 font-size: 14px !important; 766 line-height: 1.2 !important; 767} 768 769@media (max-width: 1199px) { 770 .catalog_list .catalog_detail .bidding_sec .starting_bid .f_event_button_view_hammer_price { 771 font-size: 13px !important; 772 padding-left: 8px !important; 773 padding-right: 8px !important; 774 } 775} 776.account_right .save_action button { 777 margin: 10px auto 0; 778} 779 780.delete-account-form a.delete_link { 781 color: var(--hakes-home-lot-title-color) !important; 782} 783 784.auction-list h1.auction-page-title { 785 font-family: var(--hakes-font); 786 font-weight: 400; 787 letter-spacing: 2px; 788} 789 790.auction-list .upcoming_auc { 791 background: var(--hakes-nav-color) !important; 792} 793 794.auction-list .bidNow { 795 background: var(--hakes-brand-red) !important; 796} 797 798.auction-list .auction-nav ul li a, 799.auction-list .auction-nav ul li.on a { 800 font-family: var(--hakes-font); 801 font-weight: 400; 802} 803 804.auction-list .auction-nav ul li.on { 805 border-color: var(--hakes-nav-color) !important; 806} 807 808.auction-list .auction-nav ul li.on a, 809.auction-list .auction-nav ul li.on a:hover, 810.auction-list .auction-nav ul li.on a:focus-visible { 811 color: inherit !important; 812} 813 814.auction-list .auc-list-content label { 815 font-family: var(--hakes-font); 816 font-weight: 400; 817 font-size: 13px; 818 letter-spacing: 6px; 819 text-transform: uppercase; 820} 821 822.auction-list .auction-nav ul li a:hover { 823 color: var(--hakes-nav-color) !important; 824} 825 826.list-top a { 827 font-family: var(--hakes-font); 828} 829.list-top a:hover, .list-top a:focus-visible { 830 color: inherit !important; 831} 832 833.auction-list .auc-list-content span, 834.auction-list .auc-list-content ltx, 835.auction-list .bidding-time, 836.auction-list .bidding-time span, 837.auction-list .auc-list-content p, 838.auction-list .auc-list-content h1, 839.auction-list .auc-list-content .list-top, 840.auction-list .auc-list-content .list-top a, 841.auction-list .addtocalendar, 842.auction-list .addtocalendar a { 843 font-family: var(--hakes-font) !important; 844 font-weight: 400 !important; 845} 846 847.request_setup_form .submit .btn { 848 background: var(--hakes-brand-red) !important; 849 font-family: var(--hakes-font) !important; 850} 851 852.auction-list .auc-list-content .btn-sec .prm-btn { 853 background: var(--hakes-brand-red) !important; 854 font-family: var(--hakes-font) !important; 855 border-radius: 8px !important; 856} 857.auction-list .auc-list-content .btn-sec .prm-btn:hover, .auction-list .auc-list-content .btn-sec .prm-btn:focus-visible { 858 background: var(--hakes-brand-red-hover) !important; 859} 860 861.invoice_popup .f_invoice_pop_contact_sub_txt { 862 background: var(--hakes-brand-red) !important; 863} 864.invoice_popup .f_invoice_pop_contact_sub_txt:hover { 865 background: var(--hakes-brand-red-hover); 866} 867 868.btn_area .invoice-print-btn { 869 background: var(--hakes-brand-red); 870 border-color: #999999 !important; 871}
872.btn_area .invoice-print-btn:hover { 873 background: var(--hakes-brand-red-hover); 874} 875 876/* Figma Register Now: Noto Sans Regular 400 */ 877.event_catalog_banner .banner_content .prm-btn, 878.event_catalog_banner .banner_content button.prm-btn, 879.event_catalog_banner .banner_content .register_btn.btn.btn-primary.prm-btn { 880 background: var(--hakes-brand-red) !important; 881 border-radius: 6px !important; 882 font-family: var(--hakes-font) !important; 883 font-weight: 400 !important; 884 font-style: normal !important; 885 font-size: 18px !important; 886 line-height: 21px !important; 887 letter-spacing: 0 !important; 888 color: var(--main-btn-text, #ffffff) !important; 889 font-synthesis: none; 890 -webkit-font-smoothing: antialiased; 891 -moz-osx-font-smoothing: grayscale; 892 text-shadow: none !important; 893} 894.event_catalog_banner .banner_content .prm-btn:hover, .event_catalog_banner .banner_content .prm-btn:focus-visible, 895.event_catalog_banner .banner_content button.prm-btn:hover, 896.event_catalog_banner .banner_content button.prm-btn:focus-visible, 897.event_catalog_banner .banner_content .register_btn.btn.btn-primary.prm-btn:hover, 898.event_catalog_banner .banner_content .register_btn.btn.btn-primary.prm-btn:focus-visible { 899 background: var(--hakes-brand-red-hover) !important; 900 font-weight: 400 !important; 901} 902 903.event_catalog_banner .banner_content .scnd-btn { 904 font-family: var(--hakes-font) !important; 905 font-weight: 400 !important; 906 background: var(--starter-bg) !important; 907 color: var(--starter-text) !important; 908} 909.event_catalog_banner .banner_content .scnd-btn:hover, .event_catalog_banner .banner_content .scnd-btn:focus-visible { 910 background: var(--hakes-surface-muted) !important; 911 font-weight: 400 !important; 912} 913 914.event_catalog_banner .banner_content .view_cata.download_cata .download-catalog-link { 915 background: var(--starter-bg) !important; 916} 917.event_catalog_banner .banner_content .view_cata.download_cata .download-catalog-link:hover, .event_catalog_banner .banner_content .view_cata.download_cata .download-catalog-link:focus-visible { 918 background: var(--hakes-surface-muted) !important; 919} 920 921.event_catalog_banner .banner_content .view_cata.download_cata .download-catalog-link i { 922 color: var(--starter-text) !important; 923} 924 925.banner_bottom ltx, 926.banner_bottom span { 927 font-family: var(--hakes-font) !important; 928} 929 930.banner_bottom .addtocalendar span { 931 background: var(--hakes-brand-red) !important; 932 border-radius: 8px !important; 933 font-family: var(--hakes-font) !important; 934 font-weight: 400 !important; 935 font-style: normal !important; 936 font-synthesis: none; 937 -webkit-font-smoothing: antialiased; 938 -moz-osx-font-smoothing: grayscale; 939} 940.banner_bottom .addtocalendar span:hover { 941 background: var(--hakes-brand-red-hover) !important; 942 font-weight: 400 !important; 943} 944 945.tab_title ul li a { 946 font-family: var(--hakes-font) !important; 947} 948 949#_feature .titleDiv h2 { 950 font-family: var(--hakes-font) !important; 951} 952 953.slick-slider .slick-next:before, 954.cloud-home-banners .slick-next:before { 955 border-left-color: #1a1a1a !important; 956 color: #1a1a1a !important; 957} 958 959.slick-slider .slick-prev:before, 960.cloud-home-banners .slick-prev:before { 961 border-right-color: #1a1a1a !important; 962 color: #1a1a1a !important; 963} 964 965/* 966 Banner arrows â different white shades: 967 - default: soft white 80% 968 - hover: solid white 100% 969 - click/press: muted white 55% 970 - after click, hover shade stays while pointer is on the arrow; 971 mouse leave / click outside restores default 972 Arrow icon stays black in every state. 973*/ 974.cloud-home-banners .slick-prev, 975.cloud-home-banners .slick-next, 976.slick-slider .slick-prev, 977.slick-slider .slick-next { 978 background: rgba(255, 255, 255, 0.8) !important; 979 color: #1a1a1a !important; 980 transition: background 0.15s ease; 981} 982 983.cloud-home-banners .slick-prev:hover, 984.cloud-home-banners .slick-next:hover, 985.slick-slider .slick-prev:hover, 986.slick-slider .slick-next:hover { 987 background: rgb(255, 255, 255) !important; 988 color: #1a1a1a !important; 989} 990 991.cloud-home-banners .slick-prev:active, 992.cloud-home-banners .slick-next:active, 993.slick-slider .slick-prev:active, 994.slick-slider .slick-next:active { 995 background: rgba(255, 255, 255, 0.55) !important; 996 color: #1a1a1a !important; 997} 998
999/* Keep hover white shade after click while still over the arrow */ 1000.cloud-home-banners .slick-prev:focus:hover, 1001.cloud-home-banners .slick-next:focus:hover, 1002.slick-slider .slick-prev:focus:hover, 1003.slick-slider .slick-next:focus:hover { 1004 background: rgb(255, 255, 255) !important; 1005 color: #1a1a1a !important; 1006} 1007 1008/* Mouse left (still focused) or blur â default soft white */ 1009.cloud-home-banners .slick-prev:focus:not(:hover), 1010.cloud-home-banners .slick-next:focus:not(:hover), 1011.slick-slider .slick-prev:focus:not(:hover), 1012.slick-slider .slick-next:focus:not(:hover) { 1013 background: rgba(255, 255, 255, 0.8) !important; 1014 color: #1a1a1a !important; 1015} 1016 1017.slick-slider .slick-prev:hover:before, 1018.slick-slider .slick-prev:focus:before, 1019.slick-slider .slick-prev:active:before, 1020.cloud-home-banners .slick-prev:hover:before, 1021.cloud-home-banners .slick-prev:focus:before, 1022.cloud-home-banners .slick-prev:active:before { 1023 border-right-color: #1a1a1a !important; 1024 color: #1a1a1a !important; 1025} 1026 1027.slick-slider .slick-next:hover:before, 1028.slick-slider .slick-next:focus:before, 1029.slick-slider .slick-next:active:before, 1030.cloud-home-banners .slick-next:hover:before, 1031.cloud-home-banners .slick-next:focus:before, 1032.cloud-home-banners .slick-next:active:before { 1033 border-left-color: #1a1a1a !important; 1034 color: #1a1a1a !important; 1035} 1036 1037.slick-slider .slick-list li .cont_box .lot_desc a { 1038 font-family: var(--hakes-font) !important; 1039} 1040 1041.catalog_list .result_count { 1042 font-family: var(--hakes-font) !important; 1043 font-size: 18px !important; 1044} 1045 1046.catalog_list .result-for h1, 1047.catalog_list .result-for .save-search-btn { 1048 font-family: var(--hakes-font-nav) !important; 1049} 1050 1051.catalog_list .result-for .save-search-btn::before { 1052 color: var(--hakes-text) !important; 1053} 1054 1055.catalog_list .filter-reset-all { 1056 font-family: var(--hakes-font) !important; 1057 color: var(--hakes-text) !important; 1058} 1059 1060.catalog_list .side_searchbar input { 1061 color: var(--hakes-text-muted) !important; 1062 font-size: 14px !important; 1063 font-family: var(--hakes-font) !important; 1064} 1065 1066.catalog_list .side_filter .common_tgl a.btn_toggle { 1067 font-family: var(--hakes-font) !important; 1068 font-weight: 400 !important; 1069 color: var(--hakes-text) !important; 1070 font-size: 16px !important; 1071} 1072 1073.catalog_list .side_filter .common_tgl ul li label.custom { 1074 font-family: var(--hakes-font) !important; 1075 color: var(--hakes-text-soft) !important; 1076 font-size: 12.6px !important; 1077} 1078 1079.catalog_list .side_filter .common_tgl .filter-reset { 1080 color: var(--hakes-text) !important; 1081 font-family: var(--hakes-font) !important; 1082} 1083 1084.catalog_list .side_filter .common_tgl ul li span.countSmall { 1085 color: var(--hakes-text-faint) !important; 1086 font-size: 12.6px !important; 1087} 1088 1089.catalog_list .side_filter .common_tgl ul a.cat_title { 1090 font-weight: 400 !important; 1091 font-family: var(--hakes-font) !important; 1092 color: var(--hakes-text-soft) !important; 1093} 1094 1095.catalog_list .side_filter .common_tgl ul li a { 1096 font-weight: 400 !important; 1097 font-family: var(--hakes-font) !important; 1098 color: var(--hakes-text-soft) !important; 1099} 1100 1101.catalog_list .side_filter .common_tgl ul { 1102 font-family: var(--hakes-font) !important; 1103} 1104 1105.catalog_list .side_filter .common_tgl ul li label.custom span.checkmark:after { 1106 border-color: var(--hakes-checkmark) !important; 1107} 1108 1109.custom input:checked ~ .checkmark { 1110 border-color: var(--hakes-checkmark) !important; 1111} 1112 1113.filter-range { 1114 display: flex; 1115 align-items: center; 1116 justify-content: space-between; 1117 gap: 4px; 1118} 1119 1120.catalog_list .side_filter .common_tgl .filter-range input { 1121 margin-top: 0 !important; 1122 width: 52px !important; 1123 min-width: 0; 1124 flex: 0 1 auto; 1125} 1126 1127.catalog_list .side_filter .common_tgl .filter-range button { 1128 flex-shrink: 0; 1129 margin-top: 0 !important; 1130 background: var(--hakes-brand-red) !important; 1131 font-family: var(--hakes-font) !important; 1132} 1133.catalog_list .side_filter .common_tgl .filter-range button:hover { 1134 background: var(--hakes-brand-red-hover) !important; 1135} 1136 1137/* Below lg: keep filters off-canvas (platform drawer only kicks in â¤767) */ 1138@media (max-width: 991px) { 1139 .tab_container .col-lg-2#filter-panel, 1140 #filter-panel { 1141 flex: 0 0 100%; 1142 max-width: 100%; 1143 } 1144 #filter-panel ~ .col-md-8.col-lg-10 { 1145 flex: 0 0 100%; 1146 max-width: 100%; 1147 } 1148 .catalog_list .filtertop { 1149 display: block !important; 1150 } 1151 .catalog_list .hamburgerBox { 1152 float: none; 1153 display: none; 1154 position: fixed; 1155 top: 0; 1156 left: 0; 1157 background: var(--starter-bg); 1158 width: 293px; 1159 height: 100vh; 1160 height: 100dvh; 1161 z-index: 1950; 1162 overflow-y: auto; 1163 overflow-x: hidden; 1164 } 1165 .catalog_list .showMenu .hamburgerBox, 1166 .catalog_list.showMenu .hamburgerBox { 1167 display: block; 1168 } 1169 .hamburgerBox .hamburgerBox-close { 1170 content: ""; 1171 position: absolute; 1172 top: 13px; 1173 width: 15px; 1174 height: 15px; 1175 right: 15px; 1176 z-index: 1; 1177 background: url(../../../public/themes/common/img/filter_close.png) no-repeat scroll center center; 1178 padding: 15px; 1179 cursor: pointer; 1180 } 1181 .hamburgerBox .mobiTitle { 1182 background-color: var(--hakes-surface-muted); 1183 text-align: center; 1184 border-bottom: 1px solid var(--starter-border); 1185 padding: 18px 0 14px; 1186 width: 100%; 1187 display: block !important; 1188 } 1189 form.my-bidsquare-filter-form .item_filter_wrap .mobiTitle { 1190 display: none !important; 1191 } 1192 .catalog_list .catagory-filter-icon { 1193 background: url(../../../public/themes/common/img/filter_icon.svg) no-repeat scroll 0 3px; 1194 background-size: 25px; 1195 height: 30px; 1196 margin-right: 0; 1197 padding: 0 40px; 1198 margin-left: 15px; 1199 background-color: transparent !important; 1200 color: var(--hakes-nav-color) !important; 1201 border: 0 !important; 1202 border-radius: 0 !important; 1203 width: auto !important; 1204 } 1205 .catalog_list .resultTxt { 1206 padding: 0; 1207 display: inline-block; 1208 vertical-align: top; 1209 margin-top: 5px; 1210 width: calc(100% - 170px); 1211 text-align: center; 1212 } 1213 .catalog_list .sorting .relevance, 1214 .catalog_list .sorting .view_count { 1215 display: none; 1216 } 1217 .catalog_list .filters .relevance { 1218 display: block !important; 1219 padding: 12px; 1220 } 1221 .catalog_list .side_searchbar { 1222 padding: 5px 15px; 1223 background: var(--hakes-surface-muted); 1224 } 1225 .catalog_list .side_filter { 1226 background: var(--hakes-surface-muted); 1227 border: 1px solid var(--starter-border); 1228 padding: 0 13px 25px !important; 1229 } 1230 .catalog_list .overLayer { 1231 position: fixed; 1232 left: 0; 1233 right: 0; 1234 top: 0; 1235 width: 100%; 1236 height: 100vh; 1237 height: 100dvh; 1238 background-color: rgba(0, 0, 0, 0.25); 1239 z-index: 1949; 1240 opacity: 0; 1241 visibility: hidden; 1242 pointer-events: none; 1243 } 1244 .catalog_list .showMenu .overLayer, 1245 .catalog_list.showMenu .overLayer { 1246 opacity: 1;
1247 visibility: visible; 1248 pointer-events: auto; 1249 } 1250} 1251.catalog_list .catalog_detail .bid_amount .place_bid_area button.register_btn { 1252 background: var(--hakes-brand-red) !important; 1253 border-radius: 6px !important; 1254 font-family: var(--hakes-font) !important; 1255} 1256.catalog_list .catalog_detail .bid_amount .place_bid_area button.register_btn:hover, .catalog_list .catalog_detail .bid_amount .place_bid_area button.register_btn:focus-visible { 1257 background: var(--hakes-brand-red-hover) !important; 1258} 1259 1260.catalog_list .sorting label, 1261.catalog_list .sorting .relevance select { 1262 font-family: var(--hakes-font) !important; 1263} 1264 1265.catalog_list .catalog_detail .lot_title a:hover, 1266.catalog_list .catalog_detail .lot_title a:focus-visible { 1267 color: var(--hakes-link-hover) !important; 1268} 1269 1270.catalog_list .catalog_detail .like_icon .btn-icon.btn-icon-heart.wl-icon-heart:before { 1271 color: var(--hakes-brand-red) !important; 1272} 1273 1274.catalog_list .catalog_detail .like_icon .btn-icon.btn-icon-heart-on.wl-icon-heart:before { 1275 color: var(--hakes-brand-red) !important; 1276} 1277 1278.auctioneer .btn-sec a { 1279 font-family: var(--hakes-font) !important; 1280 font-weight: 400 !important; 1281 font-style: normal !important; 1282 letter-spacing: 0 !important; 1283 font-synthesis: none; 1284 -webkit-font-smoothing: antialiased; 1285 -moz-osx-font-smoothing: grayscale; 1286 text-shadow: none !important; 1287 background: var(--hakes-brand-red) !important; 1288 border-radius: 6px !important; 1289} 1290.auctioneer .btn-sec a:hover, .auctioneer .btn-sec a:focus-visible { 1291 background: var(--hakes-brand-red-hover) !important; 1292 font-weight: 400 !important; 1293} 1294 1295.item_detail .item_description .favourite .btn-icon-heart:after { 1296 color: var(--hakes-brand-red) !important; 1297} 1298 1299.item_detail .item_description .favourite .btn-icon-heart-on:after { 1300 color: var(--hakes-brand-red) !important; 1301} 1302 1303.item_detail .item_description .place_bid_area .f_item_detail_youWon { 1304 color: var(--hakes-nav-color) !important; 1305} 1306 1307.auctioneer .auctioneer_detail .main_auc_detail span, 1308.auctioneer .auctioneer_detail .main_auc_detail h1, 1309.auctioneer .auctioneer_detail .main_auc_detail .auc_timing .start_time, 1310.auctioneer .auctioneer_detail .main_auc_detail .auc_timing .time_left { 1311 font-family: var(--hakes-font) !important; 1312 font-weight: 400 !important; 1313 font-style: normal !important; 1314 font-synthesis: none; 1315 -webkit-font-smoothing: antialiased; 1316 -moz-osx-font-smoothing: grayscale; 1317 text-shadow: none !important; 1318} 1319 1320.item_detail .item_direction a { 1321 font-family: var(--hakes-font) !important; 1322 font-weight: 400 !important; 1323} 1324 1325.item_detail .item_description .lot_num { 1326 font-family: var(--hakes-font) !important; 1327 font-weight: 400 !important; 1328 font-style: normal !important; 1329 font-synthesis: none; 1330 -webkit-font-smoothing: antialiased; 1331 -moz-osx-font-smoothing: grayscale; 1332 text-shadow: none !important; 1333} 1334 1335.item_detail .item_description h1, 1336.item_detail .item_description .estimated_price span, 1337.item_detail .item_description .estimated_price a, 1338.item_detail .item_description .place_bid_area .f_item_detail_bid_status, 1339.item_detail .item_description .place_bid_area .bid-estimate-timer, 1340.item_detail .item_description .place_bid_area .bidding-price, 1341.item_detail .item_description .place_bid_area .bidding-price * { 1342 font-family: var(--hakes-font) !important; 1343 font-weight: 400 !important; 1344 font-style: normal !important; 1345 font-synthesis: none; 1346 -webkit-font-smoothing: antialiased; 1347 -moz-osx-font-smoothing: grayscale; 1348 text-shadow: none !important; 1349} 1350 1351.catalog_list .catalog_detail .bidding_sec .starting_bid .bid_txt,
1352.catalog_list .catalog_detail .bid_amount input, 1353.catalog_list .catalog_detail .lot_Num, 1354.catalog_list .catalog_detail .lot_title, 1355.catalog_list .catalog_detail .lot_title a, 1356.catalog_list .catalog_detail .est_prc_time .est_price, 1357.catalog_list .catalog_detail .est_prc_time .est_time { 1358 font-family: var(--hakes-font) !important; 1359 font-weight: 400 !important; 1360 font-style: normal !important; 1361 font-synthesis: none; 1362 -webkit-font-smoothing: antialiased; 1363 -moz-osx-font-smoothing: grayscale; 1364 text-shadow: none !important; 1365} 1366 1367.fa-angle-left:before, 1368.fa-angle-right:before, 1369.fa-caret-left:before, 1370.fa-caret-right:before { 1371 color: var(--hakes-nav-color) !important; 1372} 1373 1374.item_detail .item_description .place_bid_area .bidding-area .place_bid input { 1375 font-family: var(--hakes-font) !important; 1376} 1377 1378.item_detail .item_description .place_bid_area .bidding-area .place_bid button { 1379 font-family: var(--hakes-font) !important; 1380 font-weight: 400 !important; 1381 font-style: normal !important; 1382 letter-spacing: 0 !important; 1383 font-synthesis: none; 1384 -webkit-font-smoothing: antialiased; 1385 -moz-osx-font-smoothing: grayscale; 1386 text-shadow: none !important; 1387 background: var(--hakes-brand-red) !important; 1388 border-radius: 6px !important; 1389} 1390.item_detail .item_description .place_bid_area .bidding-area .place_bid button:hover, .item_detail .item_description .place_bid_area .bidding-area .place_bid button:focus-visible { 1391 background: var(--hakes-brand-red-hover) !important; 1392 font-weight: 400 !important; 1393} 1394 1395.item_detail .item_description .place_bid_area .bidding-area a { 1396 font-family: var(--hakes-font) !important; 1397} 1398 1399.chartlist table { 1400 font-family: var(--hakes-font) !important; 1401} 1402 1403.chartlist h4 { 1404 font-family: var(--hakes-font) !important; 1405} 1406 1407.item_detail .item_description .item_tabs .nav-tabs { 1408 font-family: var(--hakes-font) !important; 1409} 1410 1411.item_detail .item_description .item_tabs .nav-tabs li a.active::after { 1412 background-color: var(--hakes-nav-color) !important; 1413} 1414 1415.item_detail .item_description .item_tabs .tab-pane, 1416.item_detail .other_lots h2 { 1417 font-family: var(--hakes-font) !important; 1418} 1419 1420.item_detail .other_lots ul li .auction-detail, 1421.item_detail .other_lots ul li .auction-detail p { 1422 font-family: var(--hakes-font) !important; 1423} 1424 1425/* Other-lots carousel: 5 across, clip list only so carets stay visible */ 1426.item_detail .other_lots { 1427 position: relative; 1428 overflow: visible; 1429} 1430 1431.item_detail .other_lots .control-button { 1432 display: block; 1433 z-index: 2; 1434} 1435 1436.item_detail .other_lots .control-button a { 1437 display: inline-flex; 1438 align-items: center; 1439 justify-content: center; 1440} 1441 1442.item_detail .other_lots ul { 1443 display: flex !important; 1444 flex-wrap: nowrap !important; 1445 align-items: flex-start; 1446 overflow: hidden; 1447 width: 100%; 1448} 1449 1450.item_detail .other_lots ul li { 1451 float: none !important; 1452 box-sizing: border-box; 1453 flex: 0 0 calc((100% - 36px) / 5); /* exact 5-up so 6th slides off-screen */ 1454 width: calc((100% - 36px) / 5); 1455 max-width: calc((100% - 36px) / 5); 1456} 1457 1458.item_detail .other_lots ul li:not(:last-child) { 1459 margin-right: 9px; 1460} 1461 1462/* Only the lot number stays under the thumbnail. Titles wrap to different 1463 depths, which left the cards in a row at uneven heights. `span` covers both 1464 the closed/status line and `.other_lot_pricebid`. */ 1465.item_detail .other_lots ul li .auction-detail h2, 1466.item_detail .other_lots ul li .auction-detail span, 1467.item_detail .other_lots ul li .auction-detail .est_price { 1468 display: none !important; 1469} 1470 1471.tab_title ul li.active a:after { 1472 background-color: var(--hakes-nav-color) !important; 1473} 1474 1475.fa-pinterest:before, 1476.fa-facebook:before, 1477.fa-link:before { 1478 color: var(--starter-text) !important; 1479} 1480
1481/* Kill platform/theme hover tint on calendar dropdown + Pinterest */ 1482.atcb-item:hover, 1483.atcb-item:hover a, 1484.atcb-item:hover .atcb-item-link, 1485.addtocalendar ul.atcb-list li:hover a { 1486 color: inherit !important; 1487} 1488 1489.fa-pinterest-p:before, 1490a:hover .fa-pinterest-p:before, 1491.fa-pinterest-p:hover:before { 1492 color: var(--starter-text) !important; 1493} 1494 1495.banner_bottom .fa-twitter, 1496.banner_bottom .fa-facebook, 1497.banner_bottom .fa-link, 1498.banner_bottom .fa-pinterest, 1499.banner_bottom .fa-twitter:before, 1500.banner_bottom .fa-facebook:before, 1501.banner_bottom .fa-link:before, 1502.banner_bottom .fa-pinterest:before, 1503.banner_bottom a:hover .fa-twitter, 1504.banner_bottom a:hover .fa-facebook, 1505.banner_bottom a:hover .fa-link, 1506.banner_bottom a:hover .fa-pinterest, 1507.banner_bottom a:hover .fa-twitter:before, 1508.banner_bottom a:hover .fa-facebook:before, 1509.banner_bottom a:hover .fa-link:before, 1510.banner_bottom a:hover .fa-pinterest:before, 1511.banner_bottom .fa-twitter:hover, 1512.banner_bottom .fa-facebook:hover, 1513.banner_bottom .fa-link:hover, 1514.banner_bottom .fa-pinterest:hover, 1515.banner_bottom .fa-twitter:hover:before, 1516.banner_bottom .fa-facebook:hover:before, 1517.banner_bottom .fa-link:hover:before, 1518.banner_bottom .fa-pinterest:hover:before { 1519 color: var(--starter-text) !important; 1520} 1521 1522.auc-list-content .btn-sec .view-catalog-btn, 1523.auc-list-content .btn-sec .consign-with-us-btn { 1524 background: var(--hakes-nav-color) !important; 1525 /* Figma CTA: Noto Sans 700 / 14 / 21 â not platform 18px (reads too heavy) */ 1526 color: var(--hakes-cta-text, #ffffff) !important; 1527 font-family: var(--hakes-font) !important; 1528 font-size: 14px !important; 1529 font-weight: 700 !important; 1530 line-height: 21px !important; 1531 letter-spacing: 0 !important; 1532 text-transform: uppercase; 1533 font-synthesis: none; 1534 border-radius: 8px !important; 1535} 1536.auc-list-content .btn-sec .view-catalog-btn:hover, .auc-list-content .btn-sec .view-catalog-btn:focus-visible, 1537.auc-list-content .btn-sec .consign-with-us-btn:hover, 1538.auc-list-content .btn-sec .consign-with-us-btn:focus-visible { 1539 background: var(--hakes-link-hover) !important; 1540} 1541 1542.auc-list-content .btn-sec .view-catalog-btn, 1543.auc-list-content .btn-sec .consign-with-us-btn { 1544 font-weight: 400 !important; 1545 font-size: 18px !important; 1546 text-transform: none !important; 1547} 1548 1549.auction-list .addtocalendar a { 1550 color: var(--hakes-nav-color) !important; 1551} 1552.auction-list .addtocalendar a:hover { 1553 background: transparent !important; 1554} 1555 1556.auction-list .slider-nav.sync-img .wl-icon-sync-arrow-left:before, 1557.auction-list .slider-nav.sync-img .wl-icon-sync-arrow-right:before { 1558 color: var(--hakes-nav-color) !important; 1559} 1560 1561.cloud-home-lot-card__cta .btn { 1562 background: var(--hakes-brand-red) !important; 1563 border-radius: 6px !important; 1564 font-family: var(--hakes-font) !important; 1565} 1566 1567.cloud-home-lot-card__cta .btn:hover, 1568.cloud-home-lot-card__cta .btn:focus-visible { 1569 background: var(--hakes-brand-red-hover) !important; 1570} 1571 1572.cloud-home .catalog_list .catalog_detail .lot_Num { 1573 color: var(--hakes-home-lot-num-color) !important; 1574 font-size: 14px !important; 1575} 1576 1577.cloud-home .catalog_list .catalog_detail .lot_title a { 1578 color: var(--hakes-home-lot-title-color) !important; 1579 font-weight: 700 !important; 1580 font-size: 20px !important; 1581} 1582 1583.catalog_list .catalog_detail .est_prc_time .est_price .estimate_label { 1584 color: var(--hakes-home-estimate-label-color) !important; 1585} 1586 1587.catalog_list .catalog_detail .est_prc_time .est_price .estimate_amount small { 1588 color: var(--hakes-home-lot-num-color) !important; 1589 font-weight: 700 !important; 1590} 1591 1592.cloud-home-lot-card__bid .bid_txt > span { 1593 color: var(--hakes-home-estimate-label-color) !important; 1594 font-weight: 700 !important; 1595 font-size: 15px !important; 1596} 1597 1598.cloud-home-lot-card__bid .bid_txt .currency_container .price { 1599 color: var(--hakes-home-bid-price-color) !important; 1600 font-weight: 700 !important; 1601 font-size: 16px !important; 1602} 1603 1604.cloud-home-lot-card__bid .f_event_button_view_hammer_price { 1605 color: var(--hakes-home-lot-title-color) !important; 1606} 1607 1608/* ---------- Header Component---------- */ 1609.site-header { 1610 --hakes-font-nav: var(--hakes-font); 1611 --hakes-cta-text: #ffffff; 1612 --hakes-search-border: #d1d1d1; 1613 --hakes-search-placeholder: #9a9a9a; 1614 --hakes-search-height: 36px; 1615 --hakes-logo-height: 112px; 1616 --hakes-logo-overlap: 14px; 1617 --hakes-drawer-padding-top: 84px; 1618 --hakes-header-banner-gap: 16px; 1619 position: relative; 1620 z-index: 1000; 1621 background: var(--starter-header-bg); 1622 color: var(--starter-header-text); 1623 overflow: visible; 1624 margin-bottom: var(--hakes-header-banner-gap); 1625 /* Figma: red rule under header */ 1626} 1627.site-header::after { 1628 content: ""; 1629 position: absolute; 1630 left: 0; 1631 right: 0; 1632 bottom: 0; 1633 height: 8px; 1634 background: var(--hakes-brand-red); 1635 pointer-events: none; 1636} 1637 1638.site-header-main { 1639 display: grid; 1640 grid-template-columns: 1fr auto; 1641 grid-template-areas: "brand actions"; 1642 align-items: center; 1643 gap: 12px 16px; 1644 width: 100%; 1645 max-width: 1710px; 1646 margin-inline: auto; 1647 min-height: 0; 1648 padding: 6px 16px 0; 1649 overflow: visible; 1650} 1651 1652.mobile-menu-checkbox { 1653 display: none; 1654} 1655 1656.hamburger { 1657 display: inline-flex; 1658 width: 32px; 1659 height: 22px; 1660 flex-direction: column; 1661 justify-content: space-between; 1662 cursor: pointer; 1663 color: var(--hakes-nav-color); 1664 z-index: 1002; 1665} 1666 1667.hamburger span { 1668 height: 2px; 1669 width: 100%; 1670 background: currentColor; 1671 transition: transform 0.2s ease, opacity 0.2s ease; 1672} 1673 1674.site-header-brand { 1675 grid-area: brand; 1676 justify-self: start; 1677 align-self: end; 1678 min-width: 0; 1679 position: relative; 1680 z-index: 2; 1681 margin-top: 0;
1682 margin-bottom: calc(-1 * var(--hakes-logo-overlap)); 1683 margin-left: 8px; 1684} 1685 1686.site-header-logo-link { 1687 display: inline-block; 1688 line-height: 0; 1689} 1690 1691.site-header-logo { 1692 display: block; 1693 width: auto; 1694 height: 88px; 1695 max-width: min(140px, 46vw); 1696 object-fit: contain; 1697} 1698 1699.site-header-actions { 1700 grid-area: actions; 1701 display: flex; 1702 align-items: center; 1703 justify-content: flex-end; 1704 justify-self: end; 1705 gap: 12px 18px; 1706 min-width: 0; 1707} 1708 1709.site-header-search-slot { 1710 position: relative; 1711 display: flex; 1712 align-items: center; 1713 justify-content: flex-end; 1714 flex: 0 0 auto; 1715} 1716 1717.site-header-search-trigger { 1718 display: inline-flex; 1719 align-items: center; 1720 justify-content: center; 1721 padding: 6px; 1722 cursor: pointer; 1723 color: var(--hakes-nav-color); 1724 font-size: 18px; 1725 line-height: 1; 1726 border-radius: var(--starter-radius); 1727} 1728 1729.site-header-search-trigger:hover, 1730.site-header-search-trigger:focus-visible { 1731 color: var(--hakes-nav-hover); 1732 outline: none; 1733} 1734 1735.site-header-account a, 1736.site-header-account input { 1737 text-decoration: none; 1738} 1739 1740.site-header-account--inline { 1741 display: none; 1742} 1743 1744.site-header-nav { 1745 position: fixed; 1746 top: 0; 1747 left: 0; 1748 right: 0; 1749 width: 100%; 1750 height: 100dvh; 1751 background: var(--starter-header-bg); 1752 border-left: 0; 1753 padding: var(--hakes-drawer-padding-top) 20px 24px; 1754 overflow-y: auto; 1755 z-index: 1001; 1756 flex-direction: column; 1757 /* Hidden unless hamburger opens it â avoids resize/breakpoint flash */ 1758 display: none; 1759 pointer-events: none; 1760} 1761 1762.site-header-drawer-close { 1763 display: none; 1764 position: absolute; 1765 top: 16px; 1766 right: 16px; 1767 align-items: center; 1768 justify-content: center; 1769 width: 36px; 1770 height: 36px; 1771 cursor: pointer; 1772 color: var(--hakes-nav-color); 1773 font-size: 22px; 1774 line-height: 1; 1775 z-index: 2; 1776} 1777 1778.mobile-menu-checkbox:checked ~ .site-header-center .site-header-nav, 1779body.nav-open .site-header-nav { 1780 display: flex; 1781 pointer-events: auto; 1782} 1783 1784.mobile-menu-checkbox:checked ~ .site-header-actions .hamburger span:nth-child(2) { 1785 opacity: 0; 1786} 1787 1788.mobile-menu-checkbox:checked ~ .site-header-actions .hamburger span:nth-child(1) { 1789 transform: translateY(10px) rotate(45deg); 1790} 1791 1792.mobile-menu-checkbox:checked ~ .site-header-actions .hamburger span:nth-child(3) { 1793 transform: translateY(-10px) rotate(-45deg); 1794} 1795 1796.main-menu { 1797 margin: 0; 1798 padding: 0; 1799 list-style: none; 1800 display: grid; 1801 gap: 0; 1802} 1803 1804.main-menu > li { 1805 border-bottom: 0; 1806} 1807 1808.main-menu > li > a { 1809 font-family: var(--hakes-font-nav); 1810 font-weight: 700; 1811 font-size: 16px; 1812 line-height: 24px; 1813 letter-spacing: 0; 1814 text-transform: uppercase; 1815 font-style: normal; 1816 font-synthesis: none; 1817 -webkit-font-smoothing: antialiased; 1818 -moz-osx-font-smoothing: grayscale; 1819 text-shadow: none; 1820 display: flex; 1821 align-items: center; 1822 justify-content: space-between; 1823 gap: 8px; 1824 padding: 14px 4px; 1825 color: var(--hakes-nav-color); 1826 text-decoration: none; 1827} 1828 1829.main-menu > li > a:hover, 1830.main-menu > li > a:focus-visible { 1831 color: var(--hakes-nav-hover); 1832} 1833 1834.nav-caret { 1835 font-size: 16px; 1836 line-height: 1; 1837 font-weight: 400; 1838 -webkit-text-stroke: 0.85px currentColor; 1839 paint-order: stroke fill; 1840} 1841 1842.dropdown-menu { 1843 display: none; 1844 list-style: none; 1845 margin: 0; 1846 padding: 0 0 12px 12px; 1847} 1848.dropdown-menu.show { 1849 display: block; 1850} 1851.dropdown-menu .dropdown-item { 1852 display: block; 1853 padding: 10px 4px; 1854 font-family: var(--hakes-font-nav); 1855 font-size: 14px; 1856 font-weight: 400; 1857 line-height: 1.35; 1858 letter-spacing: 0; 1859 text-transform: none; 1860 color: var(--hakes-text) !important; 1861 background: transparent; 1862 text-decoration: none; 1863} 1864.dropdown-menu .dropdown-item:hover, 1865.dropdown-menu .dropdown-item:focus-visible { 1866 color: var(--hakes-nav-color) !important; 1867 background: var(--hakes-dropdown-item-hover-bg); 1868} 1869 1870.site-header .main-menu .has-dropdown.open > .dropdown-menu, 1871.site-header .main-menu .has-dropdown.open .dropdown-menu.show { 1872 display: block; 1873} 1874 1875.site-header-account--drawer { 1876 margin-top: 0;
1877 padding-top: 0; 1878 border-top: 0; 1879} 1880 1881.site-header-account .signup-link { 1882 font-family: var(--hakes-font-nav); 1883 font-weight: 700; 1884 font-size: 16px; 1885 line-height: 24px; 1886 letter-spacing: 0; 1887 text-transform: uppercase; 1888 font-style: normal; 1889 font-synthesis: none; 1890 -webkit-font-smoothing: antialiased; 1891 -moz-osx-font-smoothing: grayscale; 1892 text-shadow: none; 1893 display: inline-block; 1894 color: var(--hakes-nav-color); 1895} 1896 1897.site-header-account .signup-link:hover, 1898.site-header-account .signup-link:focus-visible { 1899 color: var(--hakes-nav-hover); 1900} 1901 1902.site-header-account .login-link, 1903.site-header-account input.logout-btn-front { 1904 font-family: var(--hakes-font-nav); 1905 font-weight: 700; 1906 font-size: 16px; 1907 line-height: 24px; 1908 letter-spacing: 0; 1909 text-transform: uppercase; 1910 font-style: normal; 1911 font-synthesis: none; 1912 -webkit-font-smoothing: antialiased; 1913 -moz-osx-font-smoothing: grayscale; 1914 text-shadow: none; 1915 box-sizing: border-box; 1916 width: 98px; 1917 height: 40px; 1918 padding: 0; 1919 border-radius: var(--starter-radius); 1920 border: 1px solid var(--hakes-brand-red); 1921 background: var(--hakes-brand-red); 1922 color: var(--hakes-cta-text) !important; 1923 cursor: pointer; 1924 transition: background 0.15s ease, border-color 0.15s ease; 1925} 1926 1927.site-header-account .login-link { 1928 display: inline-flex; 1929 align-items: center; 1930 justify-content: center; 1931} 1932 1933/* <input> ignores flex centering â use height = line-height */ 1934.site-header-account input.logout-btn-front { 1935 display: inline-block; 1936 line-height: 40px; 1937 text-align: center; 1938 vertical-align: middle; 1939 -webkit-appearance: none; 1940 appearance: none; 1941} 1942 1943.site-header-account .login-link:hover, 1944.site-header-account .login-link:focus-visible, 1945.site-header-account input.logout-btn-front:hover, 1946.site-header-account input.logout-btn-front:focus-visible { 1947 background: var(--hakes-brand-red-hover); 1948 border-color: var(--hakes-brand-red-hover); 1949 color: var(--hakes-cta-text) !important; 1950} 1951 1952.site-header-account .my-account-link { 1953 font-family: var(--hakes-font-nav); 1954 font-weight: 700; 1955 font-size: 16px; 1956 line-height: 24px; 1957 letter-spacing: 0; 1958 text-transform: uppercase; 1959 font-style: normal; 1960 font-synthesis: none; 1961 -webkit-font-smoothing: antialiased; 1962 -moz-osx-font-smoothing: grayscale; 1963 text-shadow: none; 1964 color: var(--hakes-nav-color); 1965 font-size: 16px !important; 1966} 1967 1968.site-header-account form { 1969 display: inline; 1970 margin: 0; 1971} 1972 1973.site-header-account span { 1974 display: inline-flex; 1975 align-items: center; 1976 flex-wrap: wrap; 1977 gap: 8px 14px; 1978} 1979 1980.site-header-search-field { 1981 display: none; 1982 min-width: 0; 1983} 1984 1985.site-header-search-checkbox:checked ~ .site-header-main .site-header-search-trigger { 1986 visibility: hidden; 1987 pointer-events: none; 1988} 1989 1990.site-header-search-checkbox:checked ~ .site-header-main .site-header-search-field { 1991 display: block; 1992 position: absolute; 1993 inset: 0; 1994} 1995 1996.site-header-search-form { 1997 display: flex; 1998 align-items: stretch; 1999 gap: 0; 2000 margin: 0; 2001 width: 100%; 2002 max-width: 100%; 2003 height: var(--hakes-search-height); 2004 box-sizing: border-box; 2005 border: 1px solid var(--hakes-search-border); 2006 background: var(--starter-bg); 2007 padding: 0; 2008 overflow: hidden; 2009} 2010 2011.site-header-search-icon { 2012 display: none; 2013 flex: 0 0 auto; 2014 color: var(--hakes-search-placeholder); 2015 font-size: 16px; 2016 line-height: 1; 2017} 2018 2019.site-header-search-input { 2020 flex: 1 1 auto; 2021 min-width: 0; 2022 width: 100%; 2023 height: 100%; 2024 border: 0; 2025 border-radius: 0; 2026 background: transparent; 2027 padding: 0 12px; 2028 margin: 0; 2029 font-family: var(--hakes-font); 2030 font-size: 14px; 2031 font-weight: 400; 2032 line-height: 1.2; 2033 letter-spacing: 0.04em; 2034 text-transform: uppercase; 2035 color: var(--starter-text); 2036 outline: none; 2037 font-synthesis: none; 2038 -webkit-font-smoothing: antialiased; 2039 -moz-osx-font-smoothing: grayscale; 2040 box-shadow: none !important; 2041} 2042.site-header-search-input::placeholder { 2043 color: var(--hakes-search-placeholder); 2044 opacity: 1; 2045} 2046 2047.site-header-search-submit { 2048 flex: 0 0 var(--hakes-search-height); 2049 width: var(--hakes-search-height); 2050 height: 100%; 2051 border: 0; 2052 border-radius: 0; 2053 background: var(--hakes-brand-red); 2054 color: var(--hakes-cta-text); 2055 padding: 0; 2056 margin: 0; 2057 cursor: pointer; 2058 font-size: 18px; 2059 line-height: 1; 2060 display: inline-flex; 2061 align-items: center; 2062 justify-content: center; 2063} 2064 2065/* Figma search icon: 18Ã18, 1.5 stroke */ 2066.site-header-search-submit-icon { 2067 display: block; 2068 width: 18px;
2069 height: 18px; 2070 flex: 0 0 18px; 2071} 2072 2073.site-header-search-submit:hover, 2074.site-header-search-submit:focus-visible { 2075 background: var(--hakes-brand-red-hover); 2076 color: var(--hakes-cta-text); 2077 outline: none; 2078} 2079 2080.site-header-center { 2081 display: contents; 2082} 2083 2084@media (max-width: 991px) { 2085 .site-header-main { 2086 position: relative; 2087 display: flex; 2088 align-items: center; 2089 gap: 12px; 2090 } 2091 .site-header-brand { 2092 flex: 0 0 auto; 2093 } 2094 .site-header-center { 2095 display: flex; 2096 flex: 1 1 auto; 2097 align-items: center; 2098 justify-content: flex-end; 2099 gap: 12px; 2100 min-width: 0; 2101 } 2102 .site-header-actions { 2103 flex: 0 0 auto; 2104 } 2105 .site-header .main-menu .has-dropdown > a .nav-caret { 2106 font-size: 18px; 2107 font-weight: 400; 2108 -webkit-text-stroke: 1px currentColor; 2109 paint-order: stroke fill; 2110 transition: transform 0.2s ease; 2111 } 2112 .site-header .main-menu .has-dropdown.open > a .nav-caret { 2113 transform: rotate(180deg); 2114 } 2115 .site-header .main-menu .has-dropdown .dropdown-menu { 2116 position: static !important; 2117 top: auto !important; 2118 left: auto !important; 2119 right: auto !important; 2120 transform: none !important; 2121 float: none !important; 2122 width: 100%; 2123 box-shadow: none !important; 2124 border: 0 !important; 2125 background: transparent !important; 2126 padding: 0 0 4px 16px; 2127 } 2128 .site-header .main-menu .has-dropdown.open > .dropdown-menu, 2129 .site-header .main-menu .has-dropdown.open .dropdown-menu.show { 2130 display: block !important; 2131 } 2132 .site-header .main-menu .dropdown-menu .dropdown-item { 2133 font-family: var(--hakes-font-nav); 2134 color: var(--hakes-text) !important; 2135 background: transparent; 2136 font-weight: 400; 2137 font-size: 16px; 2138 line-height: 24px; 2139 letter-spacing: 0; 2140 text-transform: none; 2141 } 2142 .site-header .main-menu .dropdown-menu .dropdown-item:hover, 2143 .site-header .main-menu .dropdown-menu .dropdown-item:focus-visible { 2144 color: var(--hakes-nav-color) !important; 2145 background: var(--hakes-dropdown-item-hover-bg); 2146 } 2147 .site-header-nav .main-menu { 2148 flex: 0 0 auto; 2149 } 2150 .site-header-account--drawer { 2151 display: flex; 2152 flex-direction: column; 2153 width: 100%; 2154 margin-top: 0; 2155 } 2156 .site-header-account--drawer span { 2157 display: flex; 2158 flex-direction: column; 2159 align-items: stretch; 2160 width: 100%; 2161 gap: 0; 2162 } 2163 .site-header-account--drawer .signup-link, 2164 .site-header-account--drawer .my-account-link { 2165 display: block; 2166 padding: 14px 4px; 2167 } 2168 .site-header-account--drawer .login-link { 2169 display: flex;
2170 align-items: center; 2171 justify-content: center; 2172 width: calc(100% + 20px); 2173 margin-left: -10px; 2174 margin-top: 20px; 2175 padding: 14px 20px; 2176 text-align: center; 2177 border-radius: var(--starter-radius); 2178 } 2179 .site-header-account--drawer form { 2180 display: block; 2181 width: calc(100% + 20px); 2182 margin-left: -10px; 2183 margin-top: 20px; 2184 } 2185 .site-header-account--drawer input.logout-btn-front { 2186 display: block; 2187 width: 100%; 2188 height: 48px; 2189 margin-left: 0; 2190 margin-top: 0; 2191 padding: 0; 2192 line-height: 48px; 2193 text-align: center; 2194 border-radius: var(--starter-radius); 2195 -webkit-appearance: none; 2196 appearance: none; 2197 } 2198 .site-header-search-slot { 2199 position: relative; 2200 flex: 0 0 30px; 2201 width: 30px; 2202 min-height: 30px; 2203 } 2204 .site-header-search-trigger { 2205 position: absolute; 2206 right: 0; 2207 top: 50%; 2208 transform: translateY(-50%); 2209 z-index: 1; 2210 } 2211 .site-header-search-checkbox:checked ~ .site-header-main .site-header-search-slot { 2212 flex: 1 1 auto; 2213 width: auto; 2214 min-width: 120px; 2215 max-width: min(180px, 100vw - 180px); 2216 } 2217} 2218@media (min-width: 992px) { 2219 .site-header { 2220 --hakes-header-banner-gap: 24px; 2221 } 2222 .site-header::after { 2223 left: 16px; 2224 right: 16px; 2225 height: 8px; 2226 } 2227 .site-header-main { 2228 display: grid; 2229 grid-template-columns: auto minmax(0, 1fr) auto; 2230 grid-template-areas: "brand center actions"; 2231 column-gap: 20px; 2232 padding: 6px 16px 0; 2233 min-height: 0; 2234 } 2235 .site-header-center { 2236 grid-area: center; 2237 display: flex;
2238 align-items: center; 2239 /* Pull nav + search toward Sign Up / Login; gap from column-gap */ 2240 justify-content: flex-end; 2241 gap: 16px; 2242 min-width: 0; 2243 } 2244 .site-header-actions { 2245 grid-area: actions; 2246 display: flex; 2247 align-items: center; 2248 justify-content: flex-end; 2249 gap: 8px 10px; 2250 } 2251 .site-header-search-slot { 2252 position: relative; 2253 flex: 0 0 auto; 2254 width: 200px; 2255 min-height: var(--hakes-search-height); 2256 } 2257 .site-header-search-trigger { 2258 display: none; 2259 } 2260 .site-header-search-field { 2261 display: block; 2262 position: static; 2263 width: 100%; 2264 } 2265 .site-header-search-icon { 2266 display: none; 2267 } 2268 .site-header-search-submit { 2269 display: inline-flex; 2270 } 2271 .site-header-search-input::placeholder { 2272 color: var(--hakes-search-placeholder); 2273 opacity: 1; 2274 } 2275 .site-header-actions .hamburger { 2276 display: none; 2277 } 2278 .site-header-account--inline { 2279 display: inline-flex; 2280 align-items: center; 2281 gap: 8px 12px; 2282 } 2283 .site-header-brand { 2284 grid-area: brand; 2285 justify-self: start; 2286 align-self: end; 2287 margin-top: 0; 2288 margin-bottom: -16px; 2289 margin-left: 8px; 2290 max-width: 96px; 2291 } 2292 .site-header-logo { 2293 height: 80px; 2294 max-width: 96px; 2295 } 2296 .site-header-nav { 2297 flex: 0 0 auto; 2298 position: static; 2299 display: block !important; 2300 width: auto; 2301 height: auto; 2302 border-left: 0; 2303 padding: 0; 2304 overflow: visible; 2305 z-index: auto; 2306 pointer-events: auto; 2307 } 2308 .site-header-drawer-close { 2309 display: none; 2310 } 2311 .hamburger { 2312 display: none; 2313 } 2314 .main-menu { 2315 display: flex;
2316 align-items: center; 2317 justify-content: center; 2318 flex-wrap: nowrap; 2319 gap: 18px; 2320 } 2321 .main-menu > li > a { 2322 position: relative; 2323 padding: 0 0 10px; 2324 justify-content: flex-start; 2325 gap: 4px; 2326 font-size: 16px; 2327 line-height: 24px; 2328 font-weight: 700; 2329 text-decoration: none; 2330 /* Underline under label only â room below so panel is not glued to it */ 2331 border-bottom: 0; 2332 transition: color 0.15s ease; 2333 } 2334 .main-menu > li > a::after { 2335 content: ""; 2336 position: absolute; 2337 left: 0; 2338 right: 0; 2339 bottom: 6px; 2340 height: 2px; 2341 background: transparent; 2342 transition: background 0.15s ease; 2343 } 2344 .main-menu > li > a:hover, 2345 .main-menu > li > a:focus-visible, 2346 .main-menu > li.has-dropdown:hover > a, 2347 .main-menu > li.has-dropdown:focus-within > a, 2348 .main-menu > li.has-dropdown.open > a { 2349 color: var(--hakes-nav-color); 2350 } 2351 .main-menu > li > a:hover::after, 2352 .main-menu > li > a:focus-visible::after, 2353 .main-menu > li.has-dropdown:hover > a::after, 2354 .main-menu > li.has-dropdown:focus-within > a::after, 2355 .main-menu > li.has-dropdown.open > a::after { 2356 background: var(--hakes-nav-color); 2357 } 2358 .site-header-account .login-link, 2359 .site-header-account input.logout-btn-front { 2360 width: 98px; 2361 height: 40px; 2362 padding: 0; 2363 font-size: 14px; 2364 border-radius: var(--starter-radius); 2365 } 2366 .site-header-account .login-link { 2367 line-height: 20px; 2368 } 2369 .site-header-account input.logout-btn-front { 2370 line-height: 40px; 2371 } 2372 .site-header-account .signup-link { 2373 font-size: 14px; 2374 line-height: 20px; 2375 } 2376 .main-menu > li { 2377 position: relative; 2378 border: 0; 2379 } 2380 .has-dropdown > a .nav-caret { 2381 font-size: 14px;
2382 margin-top: 1px; 2383 font-weight: 400; 2384 -webkit-text-stroke: 0.75px currentColor; 2385 paint-order: stroke fill; 2386 transition: font-size 0.15s ease, transform 0.2s ease; 2387 } 2388 .main-menu > li > a:hover .nav-caret, 2389 .main-menu > li > a:focus-visible .nav-caret, 2390 .main-menu > li.has-dropdown:hover > a .nav-caret, 2391 .main-menu > li.has-dropdown:focus-within > a .nav-caret, 2392 .main-menu > li.has-dropdown.open > a .nav-caret { 2393 font-size: 14px; 2394 font-weight: 400; 2395 -webkit-text-stroke: 0.95px currentColor; 2396 paint-order: stroke fill; 2397 } 2398 .main-menu > li:hover > .dropdown-menu, 2399 .main-menu > li:focus-within > .dropdown-menu { 2400 display: block; 2401 } 2402 .dropdown-menu { 2403 position: absolute; 2404 /* Match hakes.com .main-nav ul ul â spaced under label, not stuck to underline */ 2405 top: calc(100% + 2px); 2406 left: 0; 2407 min-width: 180px; 2408 padding: 0; 2409 background: #fff; 2410 border: 1px solid #ddd; 2411 box-shadow: none; 2412 z-index: 1000; 2413 /* Hover bridge so submenu stays open while moving to links */ 2414 } 2415 .dropdown-menu::before { 2416 content: ""; 2417 position: absolute; 2418 left: 0; 2419 right: 0; 2420 top: -12px; 2421 height: 12px; 2422 } 2423 .dropdown-menu .dropdown-item { 2424 padding: 10px 16px; 2425 color: var(--hakes-text) !important; 2426 background: transparent; 2427 } 2428 .dropdown-menu .dropdown-item:hover, 2429 .dropdown-menu .dropdown-item:focus-visible { 2430 background: var(--hakes-dropdown-item-hover-bg); 2431 color: var(--hakes-nav-color) !important; 2432 } 2433 .site-header-account--drawer { 2434 display: none; 2435 } 2436} 2437@media (min-width: 1280px) { 2438 .site-header::after { 2439 left: 24px; 2440 right: 24px; 2441 } 2442 .site-header-main { 2443 column-gap: 48px; 2444 padding: 6px 24px 0; 2445 } 2446 .site-header-center { 2447 gap: 40px; 2448 } 2449 .site-header-search-slot { 2450 width: 272px; 2451 } 2452 .site-header-account--inline { 2453 gap: 14px 18px; 2454 } 2455 .site-header-brand { 2456 margin-bottom: -22px; 2457 margin-left: 32px; 2458 max-width: none; 2459 } 2460 .site-header-logo { 2461 height: 128px; 2462 max-width: 180px; 2463 } 2464 .main-menu { 2465 gap: 40px; 2466 } 2467 .main-menu > li > a { 2468 font-size: 16px; 2469 line-height: 24px; 2470 gap: 6px; 2471 } 2472 .has-dropdown > a .nav-caret { 2473 font-size: 16px; 2474 font-weight: 400; 2475 -webkit-text-stroke: 0.85px currentColor; 2476 paint-order: stroke fill; 2477 } 2478 .main-menu > li > a:hover .nav-caret, 2479 .main-menu > li > a:focus-visible .nav-caret, 2480 .main-menu > li.has-dropdown:hover > a .nav-caret, 2481 .main-menu > li.has-dropdown:focus-within > a .nav-caret, 2482 .main-menu > li.has-dropdown.open > a .nav-caret { 2483 font-size: 16px; 2484 font-weight: 400; 2485 -webkit-text-stroke: 1px currentColor; 2486 paint-order: stroke fill; 2487 } 2488 .site-header-account .login-link, 2489 .site-header-account input.logout-btn-front, 2490 .site-header-account .signup-link { 2491 font-size: 16px; 2492 } 2493 .site-header-account .login-link, 2494 .site-header-account .signup-link { 2495 line-height: 24px; 2496 } 2497 .site-header-account .login-link, 2498 .site-header-account input.logout-btn-front { 2499 width: 98px; 2500 height: 40px; 2501 padding: 0; 2502 } 2503 .site-header-account input.logout-btn-front { 2504 line-height: 40px; 2505 } 2506} 2507/* ---------- Homepage shell / full-bleed bands ---------- */ 2508/* Paint full-viewport bg on ::before only â never shift the content box */ 2509/* Don't let homepage flex-grow create empty space above footer */ 2510.cloud-home, 2511.cloud-home.container { 2512 flex-grow: 0; 2513 width: 100% !important; 2514 max-width: none !important; 2515 margin-top: 0; 2516 margin-bottom: 0; 2517 padding-left: 0 !important; 2518 padding-right: 0 !important; 2519 padding-top: 0; 2520 padding-bottom: 0; 2521 gap: 0; 2522 row-gap: 0;
2523} 2524 2525/* Figma: thin white gap under the red header rule before hero */ 2526body:has(.cloud-home__top img) .site-header, 2527.wrap:has(.cloud-home__top img) .site-header { 2528 --hakes-header-banner-gap: 0px; 2529 margin-bottom: 0 !important; 2530} 2531 2532/* 100vw full-bleed breakout can force a horizontal scrollbar â clip at page shell */ 2533body:has(.cloud-home__top img), 2534.wrap:has(.cloud-home__top img) { 2535 overflow-x: clip; 2536} 2537 2538body:has(.cloud-home__top img) .cloud-home, 2539.wrap:has(.cloud-home__top img) .cloud-home { 2540 margin-top: 0 !important; 2541 /* Visible white sliver between red rule and hero image */ 2542 padding-top: 8px !important; 2543 background-color: var(--starter-bg, #fff); 2544 /* Do NOT overflow-x:clip the whole homepage â it clips bottom full-bleed bg */ 2545 overflow-x: visible; 2546 max-width: none !important; 2547} 2548 2549@media (min-width: 992px) { 2550 body:has(.cloud-home__top img) .cloud-home, 2551 .wrap:has(.cloud-home__top img) .cloud-home { 2552 padding-top: 16px !important; 2553 } 2554} 2555body:has(.cloud-home__top img) .cloud-home__top, 2556.wrap:has(.cloud-home__top img) .cloud-home__top { 2557 margin-top: 0 !important; 2558} 2559
2560/* Keep heading + Top WYSIWYG in the same content column as header (not flush-left) */ 2561.cloud-home__heading, 2562.cloud-home__top:not(:has(img)) { 2563 width: 100%; 2564 max-width: 1710px; 2565 margin-left: auto; 2566 margin-right: auto; 2567 padding-left: 24px; 2568 padding-right: 24px; 2569 box-sizing: border-box; 2570} 2571 2572.cloud-home__blocks, 2573.cloud-home-block { 2574 width: 100%; 2575 max-width: none; 2576 margin-top: 0; 2577 margin-bottom: 0; 2578} 2579 2580.cloud-home__blocks { 2581 position: relative; 2582 z-index: 2; 2583 flex: 0 0 auto; 2584 clear: both; 2585 padding-bottom: 0; 2586 margin-bottom: 0; 2587} 2588 2589/* Empty / disabled blocks must not affect hero layout */ 2590.cloud-home__blocks:empty { 2591 display: none !important; 2592} 2593 2594.cloud-home__top + .cloud-home__blocks, 2595.cloud-home__top + .cloud-home__bottom, 2596.cloud-home__blocks + .cloud-home__bottom { 2597 margin-top: 0; 2598} 2599 2600body:has(.cloud-home) .site-footer, 2601.wrap:has(.cloud-home) .site-footer { 2602 margin-top: 0; 2603} 2604 2605/* ---------- Homepage featured lots / auctions blocks ---------- */ 2606.cloud-home-block__title { 2607 font-family: var(--hakes-font) !important; 2608} 2609 2610.cloud-home-block--featured-lots { 2611 padding-bottom: 0 !important; 2612} 2613.cloud-home-block--featured-lots::before { 2614 background: none; 2615} 2616 2617.cloud-home-block--auctions { 2618 padding-bottom: 0 !important; 2619} 2620.cloud-home-block--auctions::before { 2621 background: none; 2622} 2623 2624.cloud-home-block--highest-bids { 2625 padding-bottom: 0 !important; 2626} 2627.cloud-home-block--highest-bids::before { 2628 background: none; 2629} 2630 2631/* ---------- Homepage top (CMS: Homepage Content Top) ---------- */ 2632/* 2633 * Do NOT set display:grid on .cloud-home â that breaks Bottom / blocks layout. 2634 * Title lives in Top CMS HTML; hide platform H1 when Top already has a heading. 2635 */ 2636/* Hide platform H1 when Top CMS already provides a heading (with or without hero img) */ 2637.cloud-home__heading:has(+ .cloud-home__top:has(h1, h2, h3)) { 2638 display: none !important; 2639} 2640 2641/* 2642 * Homepage top hero â self-contained. 2643 * Works with or without Featured Lots (and other .cloud-home__blocks). 2644 * CMS may nest Top HTML in an extra wrapper when blocks change; do not rely 2645 * on direct-child-only selectors for the cover image. 2646 */ 2647.cloud-home__top:has(img), 2648.hakes-home-top { 2649 /* No full-bleed mixin here â its ::before (100vw + translate) fights the overlay */ 2650 position: relative; 2651 z-index: 1; 2652 isolation: isolate; 2653 box-sizing: border-box; 2654 width: 100%; 2655 max-width: none; 2656 min-height: min(70vh, 520px); 2657 display: flex; 2658 flex-direction: column; 2659 align-items: flex-start; 2660 justify-content: center; 2661 margin: 0; 2662 padding: 40px 16px 48px !important; 2663 overflow: hidden; 2664 font-family: var(--hakes-font) !important; 2665 color: #fff; 2666 text-align: left; 2667 border-radius: 0 !important; 2668 /* Single cover â one image, full band, any viewport width */ 2669 background-color: #2a2a2a; 2670 background-image: var(--hakes-home-top-bg-image); 2671 background-size: cover; 2672 background-position: center center; 2673 background-repeat: no-repeat; 2674} 2675.cloud-home__top:has(img)::before, 2676.hakes-home-top::before { 2677 content: ""; 2678 position: absolute; 2679 top: 0 !important; 2680 right: 0 !important; 2681 bottom: 0 !important; 2682 left: 0 !important; 2683 width: auto !important; 2684 max-width: none !important; 2685 height: auto !important; 2686 transform: none !important; 2687 background: rgba(0, 0, 0, 0.45) !important; 2688 z-index: 1; 2689 pointer-events: none; 2690 border-radius: 0; 2691} 2692 2693/* Keep CMS media in DOM but out of the paint (cover is the CSS background) */ 2694.cloud-home__top:has(img) > .hakes-home-top__media, 2695.cloud-home__top:has(img) > p:has(> img:only-child), 2696.cloud-home__top:has(img) > div:has(> img:only-child), 2697.cloud-home__top:has(img) .hakes-home-top__media, 2698.cloud-home__top:has(img) p:has(> img:only-child), 2699.hakes-home-top__media { 2700 position: absolute !important; 2701 width: 0 !important; 2702 height: 0 !important; 2703 margin: 0 !important; 2704 padding: 0 !important; 2705 overflow: hidden !important; 2706 opacity: 0 !important; 2707 pointer-events: none !important; 2708 z-index: -1; 2709} 2710 2711.cloud-home__top:has(img) > img, 2712.cloud-home__top:has(img) .hakes-home-top__media img, 2713.cloud-home__top:has(img) p:has(> img:only-child) img, 2714.hakes-home-top__media img { 2715 position: absolute !important; 2716 width: 0 !important; 2717 height: 0 !important; 2718 opacity: 0 !important; 2719 pointer-events: none !important; 2720 border: 0; 2721} 2722
2723/* Keep top independent of Featured Lots / other blocks */ 2724.cloud-home__top { 2725 flex: 0 0 auto; 2726} 2727 2728/* Copy / CTAs above the overlay â descendant-safe (nested CMS OK) */ 2729.cloud-home__top:has(img) h1, 2730.cloud-home__top:has(img) h2, 2731.cloud-home__top:has(img) h3, 2732.cloud-home__top:has(img) p:not(:has(img)), 2733.cloud-home__top:has(img) .hakes-home-top__inner, 2734.hakes-home-top__inner { 2735 position: relative; 2736 z-index: 2; 2737 box-sizing: border-box; 2738 width: 100%; 2739 max-width: 100%; 2740 margin-left: 0; 2741 margin-right: 0; 2742} 2743 2744.cloud-home__top:has(img) h1, 2745.cloud-home__top:has(img) h2, 2746.cloud-home__top:has(img) h3, 2747.hakes-home-top__title { 2748 margin: 0 0 12px; 2749 color: #fff !important; 2750 font-family: var(--hakes-font) !important; 2751 font-size: clamp(24px, 7vw, 34px) !important; 2752 font-weight: 800 !important; 2753 line-height: 1.15; 2754 letter-spacing: 0.02em; 2755 text-transform: uppercase; 2756 text-align: left; 2757 overflow-wrap: anywhere; 2758 word-break: break-word; 2759} 2760 2761.cloud-home__top:has(img) p:not(:has(img)):not(:has(a)), 2762.hakes-home-top__text { 2763 margin: 0 0 20px; 2764 max-width: 100%; 2765 color: var(--hakes-home-top-text, #efefef) !important; 2766 font-family: var(--hakes-font) !important; 2767 font-size: 16px !important; 2768 font-weight: 400; 2769 line-height: 1.55; 2770 text-align: left; 2771} 2772 2773.cloud-home__top:has(img) p:has(a), 2774.hakes-home-top__actions { 2775 display: flex; 2776 flex-direction: column; 2777 flex-wrap: nowrap; 2778 align-items: stretch; 2779 justify-content: flex-start; 2780 gap: 12px; 2781 width: 100%; 2782 margin: 0; 2783 padding: 0; 2784} 2785 2786.cloud-home__top:has(img) a, 2787.hakes-home-top__btn { 2788 box-sizing: border-box !important; 2789 display: inline-flex !important; 2790 align-items: center; 2791 justify-content: center; 2792 flex: 0 0 auto; 2793 width: 100% !important; 2794 min-width: 0 !important; 2795 max-width: 100% !important; 2796 height: 40px !important; 2797 min-height: 40px !important; 2798 max-height: 40px !important; 2799 padding: 0 12px !important; 2800 border: 0 !important; 2801 border-radius: 4px; 2802 background: var(--hakes-brand-red); 2803 color: var(--hakes-cta-text) !important; 2804 font-family: var(--hakes-font) !important; 2805 font-size: 13px !important; 2806 font-weight: 700 !important; 2807 letter-spacing: 0.04em; 2808 line-height: 1; 2809 text-decoration: none !important; 2810 text-transform: uppercase; 2811 white-space: nowrap; 2812 transition: background-color 0.2s ease, color 0.2s ease; 2813} 2814 2815.cloud-home__top:has(img) a:hover, 2816.cloud-home__top:has(img) a:focus-visible, 2817.hakes-home-top__btn:hover, 2818.hakes-home-top__btn:focus-visible { 2819 color: var(--hakes-cta-text) !important; 2820 text-decoration: none !important; 2821} 2822 2823.cloud-home__top:has(img) a:first-of-type, 2824.cloud-home__top:has(img) p:has(a) a:first-child, 2825.hakes-home-top__btn--primary { 2826 background: var(--hakes-brand-red) !important; 2827} 2828 2829.cloud-home__top:has(img) a:first-of-type:hover, 2830.cloud-home__top:has(img) a:first-of-type:focus-visible, 2831.cloud-home__top:has(img) p:has(a) a:first-child:hover, 2832.cloud-home__top:has(img) p:has(a) a:first-child:focus-visible, 2833.hakes-home-top__btn--primary:hover, 2834.hakes-home-top__btn--primary:focus-visible { 2835 background: var(--hakes-brand-red-hover) !important; 2836} 2837 2838.cloud-home__top:has(img) a:nth-of-type(2), 2839.cloud-home__top:has(img) p:has(a) a:nth-child(2), 2840.hakes-home-top__btn--secondary { 2841 background: var(--hakes-nav-color) !important; 2842} 2843 2844.cloud-home__top:has(img) a:nth-of-type(2):hover, 2845.cloud-home__top:has(img) a:nth-of-type(2):focus-visible, 2846.cloud-home__top:has(img) p:has(a) a:nth-child(2):hover, 2847.cloud-home__top:has(img) p:has(a) a:nth-child(2):focus-visible, 2848.hakes-home-top__btn--secondary:hover, 2849.hakes-home-top__btn--secondary:focus-visible { 2850 background: var(--hakes-nav-hover) !important; 2851} 2852 2853.hakes-home-top__dots { 2854 position: absolute; 2855 left: 50%; 2856 bottom: 24px; 2857 z-index: 2; 2858 display: flex; 2859 align-items: center; 2860 justify-content: center; 2861 gap: 8px; 2862 transform: translateX(-50%); 2863} 2864 2865.hakes-home-top__dots span { 2866 display: block; 2867 width: 8px; 2868 height: 8px; 2869 border-radius: 50%; 2870 background: rgba(255, 255, 255, 0.45); 2871} 2872
2873.hakes-home-top__dots span.is-active { 2874 background: #fff; 2875} 2876 2877/* Mid widths (480â991): side-by-side CTAs when they fit; phone stays stacked below */ 2878@media (min-width: 480px) { 2879 .cloud-home__top:has(img), 2880 .hakes-home-top { 2881 min-height: min(62vh, 540px); 2882 padding: 48px 24px 52px !important; 2883 padding-left: clamp(24px, 4vw, 56px) !important; 2884 padding-right: clamp(24px, 4vw, 40px) !important; 2885 } 2886 .cloud-home__top:has(img) h1, 2887 .cloud-home__top:has(img) h2, 2888 .cloud-home__top:has(img) h3, 2889 .cloud-home__top:has(img) p:not(:has(img)), 2890 .hakes-home-top__inner { 2891 max-width: min(920px, 100%); 2892 } 2893 .cloud-home__top:has(img) h1, 2894 .cloud-home__top:has(img) h2, 2895 .cloud-home__top:has(img) h3, 2896 .hakes-home-top__title { 2897 margin: 0 0 12px; 2898 font-size: clamp(28px, 5vw, 44px) !important; 2899 overflow-wrap: normal; 2900 word-break: normal; 2901 } 2902 .cloud-home__top:has(img) p:not(:has(img)):not(:has(a)), 2903 .hakes-home-top__text { 2904 margin: 0 0 20px; 2905 max-width: 600px; 2906 font-size: 16px !important; 2907 } 2908 .cloud-home__top:has(img) p:has(a), 2909 .hakes-home-top__actions { 2910 flex-direction: row; 2911 flex-wrap: wrap; 2912 align-items: center; 2913 width: auto; 2914 max-width: 100%; 2915 gap: 12px; 2916 } 2917 .cloud-home__top:has(img) a, 2918 .hakes-home-top__btn { 2919 width: 278px !important; 2920 min-width: 0 !important; 2921 max-width: min(278px, 50% - 6px) !important; 2922 flex: 1 1 220px; 2923 font-size: 14px !important; 2924 padding: 0 16px !important; 2925 } 2926} 2927/* Desktop: Figma title size + logo-aligned inset */ 2928@media (min-width: 992px) { 2929 .cloud-home__top:has(img), 2930 .hakes-home-top { 2931 min-height: min(72vh, 680px); 2932 padding: 96px 24px 88px !important; 2933 padding-left: max(96px, (100vw - 1710px) / 2 + 160px) !important; 2934 padding-right: 24px !important; 2935 } 2936 .cloud-home__top:has(img) h1, 2937 .cloud-home__top:has(img) h2, 2938 .cloud-home__top:has(img) h3, 2939 .hakes-home-top__title { 2940 font-size: 60px !important; 2941 } 2942 .cloud-home__top:has(img) p:not(:has(img)):not(:has(a)), 2943 .hakes-home-top__text { 2944 max-width: 720px; 2945 } 2946 .cloud-home__top:has(img) a, 2947 .hakes-home-top__btn { 2948 min-width: 278px !important; 2949 max-width: 278px !important; 2950 flex: 0 0 278px; 2951 } 2952} 2953@media (min-width: 1280px) { 2954 .cloud-home__top:has(img), 2955 .hakes-home-top { 2956 padding-left: max(120px, (100vw - 1710px) / 2 + 220px) !important; 2957 } 2958} 2959/* ---------- Homepage bottom (CMS: Homepage Content Bottom) ---------- */ 2960/* 2961 * Demo CMS strips most wrappers/classes and leaves flat markup: 2962 * p (eyebrow) â h2 â p (body) â p (buttons) â p (card imgs) 2963 * Layout CSS below targets that structure. Class-based rules remain 2964 * for when Source HTML wrappers survive. 2965 */ 2966.cloud-home__bottom { 2967 position: relative; 2968 z-index: 0; 2969 margin-top: 0 !important; 2970 margin-bottom: 0 !important; 2971 border-radius: 0 !important; 2972 background: transparent; 2973} 2974.cloud-home__bottom::before { 2975 content: ""; 2976 position: absolute; 2977 top: 0; 2978 bottom: 0; 2979 left: 50%; 2980 width: 100vw; 2981 transform: translateX(-50%); 2982 background: var(--hakes-home-bottom-bg); 2983 z-index: -1; 2984 pointer-events: none; 2985 border-radius: 0; 2986} 2987.cloud-home__bottom { 2988 /* Full-viewport band â never max-width + overflow clip (breaks ultra-wide) */ 2989 width: 100%; 2990 max-width: none !important; 2991 margin-left: 0; 2992 margin-right: 0; 2993 padding: 40px max(16px, (100vw - 1710px) / 2) 48px !important; 2994 box-sizing: border-box; 2995 overflow: visible; 2996 font-family: var(--hakes-font) !important; 2997 color: var(--hakes-home-bottom-ink); 2998} 2999.cloud-home__bottom p, 3000.cloud-home__bottom h2, 3001.cloud-home__bottom a { 3002 font-family: var(--hakes-font) !important; 3003} 3004 3005/* ----- Stripped CMS layout (no .hakes-home-bottom wrappers) ----- */ 3006/* Mobile-first: single column â never set grid-area names here (creates implicit cols) */ 3007.cloud-home__bottom:not(:has(.hakes-home-bottom)) { 3008 display: grid; 3009 grid-template-columns: minmax(0, 1fr); 3010 grid-template-areas: none; 3011 column-gap: 0; 3012 row-gap: 0;
3013 align-items: stretch; 3014 justify-items: stretch; 3015} 3016 3017.cloud-home__bottom:not(:has(.hakes-home-bottom)) > * { 3018 grid-column: 1; 3019 min-width: 0; 3020 max-width: 100%; 3021} 3022 3023/* Logo (CMS strips <img>/span logo â restore via token) */ 3024.cloud-home__bottom:not(:has(.hakes-home-bottom)) > p:first-of-type::before { 3025 content: ""; 3026 display: block; 3027 width: 72px; 3028 height: 72px; 3029 margin: 0 0 12px; 3030 background: var(--hakes-home-bottom-logo-image) center/contain no-repeat; 3031} 3032 3033/* Eyebrow */ 3034.cloud-home__bottom:not(:has(.hakes-home-bottom)) > p:first-of-type { 3035 margin: 0 0 10px; 3036 color: var(--hakes-brand-red) !important; 3037 font-size: 14px; 3038 font-weight: 700; 3039 line-height: 1.3; 3040 letter-spacing: 0.06em; 3041 text-transform: uppercase; 3042} 3043 3044/* Title â 2 lines come from CMS HTML (<br> or .title-line spans) */ 3045.cloud-home__bottom:not(:has(.hakes-home-bottom)) > h2 { 3046 margin: 0 0 14px; 3047 width: 100%; 3048 max-width: 100%; 3049 color: var(--hakes-home-bottom-ink, #007bbe) !important; 3050 font-size: clamp(22px, 6.5vw, 32px); 3051 font-weight: 500 !important; 3052 line-height: 1.2; 3053 letter-spacing: 0.01em; 3054 text-transform: uppercase; 3055 overflow-wrap: anywhere; 3056 word-break: break-word; 3057} 3058 3059.cloud-home__bottom:not(:has(.hakes-home-bottom)) > h2 .hakes-home-bottom__title-line { 3060 display: block; 3061 color: inherit; 3062 font-weight: inherit; 3063} 3064 3065/* Body copy â Figma 511px on desktop; fluid on mobile */ 3066.cloud-home__bottom:not(:has(.hakes-home-bottom)) > p:nth-of-type(2):not(:has(a)) { 3067 box-sizing: border-box; 3068 width: 100%; 3069 max-width: 100%; 3070 margin: 0 0 24px; 3071 padding: 0; 3072 color: var(--starter-text) !important; 3073 font-family: var(--hakes-font) !important; 3074 font-size: 15px; 3075 font-weight: 500 !important; 3076 line-height: 24px; 3077 letter-spacing: 0; 3078 text-transform: none; 3079} 3080 3081/* CTA row (flattened by script.js) â stack full-width on phone */ 3082.cloud-home__bottom:not(:has(.hakes-home-bottom)) > p:has(.hakes-home-bottom__btn), 3083.cloud-home__bottom:not(:has(.hakes-home-bottom)) > p[data-hakes-home-actions] { 3084 display: flex; 3085 flex-direction: column; 3086 flex-wrap: nowrap; 3087 align-items: stretch; 3088 justify-content: flex-start; 3089 gap: 12px; 3090 width: 100%; 3091 margin: 0 0 32px; 3092 padding: 0; 3093} 3094 3095.cloud-home__bottom:not(:has(.hakes-home-bottom)) > p:has(.hakes-home-bottom__btn) .hakes-home-bottom__btn, 3096.cloud-home__bottom:not(:has(.hakes-home-bottom)) > p[data-hakes-home-actions] .hakes-home-bottom__btn { 3097 width: 100% !important; 3098 max-width: 100% !important; 3099} 3100 3101/* Partner cards â stack on mobile */ 3102.cloud-home__bottom:not(:has(.hakes-home-bottom)) > p:has(img), 3103.cloud-home__bottom:not(:has(.hakes-home-bottom)) > p[data-hakes-home-cards] { 3104 display: flex; 3105 flex-direction: column; 3106 flex-wrap: nowrap; 3107 align-items: center; 3108 justify-content: flex-start; 3109 gap: 16px; 3110 width: 100%; 3111 margin: 0; 3112 padding: 0; 3113} 3114 3115.cloud-home__bottom:not(:has(.hakes-home-bottom)) > p:has(img) > a, 3116.cloud-home__bottom:not(:has(.hakes-home-bottom)) > p[data-hakes-home-cards] > a { 3117 display: block; 3118 flex: 0 0 auto; 3119 width: min(255px, 100%); 3120 max-width: 255px; 3121 aspect-ratio: 1/1; 3122 border: 0.35px solid var(--hakes-cta-text); 3123 border-radius: 18px; 3124 overflow: hidden; 3125 line-height: 0; 3126 text-decoration: none; 3127} 3128 3129.cloud-home__bottom:not(:has(.hakes-home-bottom)) > p:has(img) img, 3130.cloud-home__bottom:not(:has(.hakes-home-bottom)) > p[data-hakes-home-cards] img { 3131 display: block; 3132 width: 100%; 3133 height: 100%; 3134 object-fit: cover; 3135 border: 0; 3136} 3137 3138/* Small tablet+: CTAs side-by-side, cards in a wrapping row */ 3139@media (min-width: 480px) { 3140 .cloud-home__bottom:not(:has(.hakes-home-bottom)) > p:first-of-type { 3141 font-size: 16px; 3142 } 3143 .cloud-home__bottom:not(:has(.hakes-home-bottom)) > p:first-of-type::before { 3144 width: 86px; 3145 height: 86px; 3146 margin: 0 0 16px; 3147 } 3148 .cloud-home__bottom:not(:has(.hakes-home-bottom)) > h2 { 3149 font-size: clamp(28px, 4vw, 36px); 3150 } 3151 .cloud-home__bottom:not(:has(.hakes-home-bottom)) > p:nth-of-type(2):not(:has(a)) { 3152 font-size: 16px;
3153 line-height: 26px; 3154 } 3155 .cloud-home__bottom:not(:has(.hakes-home-bottom)) > p:has(.hakes-home-bottom__btn), 3156 .cloud-home__bottom:not(:has(.hakes-home-bottom)) > p[data-hakes-home-actions] { 3157 flex-direction: row; 3158 flex-wrap: wrap; 3159 align-items: center; 3160 justify-content: center; 3161 } 3162 .cloud-home__bottom:not(:has(.hakes-home-bottom)) > p:has(.hakes-home-bottom__btn) .hakes-home-bottom__btn, 3163 .cloud-home__bottom:not(:has(.hakes-home-bottom)) > p[data-hakes-home-actions] .hakes-home-bottom__btn { 3164 width: 185px !important; 3165 max-width: 185px !important; 3166 } 3167 .cloud-home__bottom:not(:has(.hakes-home-bottom)) > p:has(img), 3168 .cloud-home__bottom:not(:has(.hakes-home-bottom)) > p[data-hakes-home-cards] { 3169 flex-direction: row; 3170 flex-wrap: wrap; 3171 justify-content: center; 3172 gap: 24px; 3173 } 3174} 3175@media (min-width: 992px) { 3176 .cloud-home__bottom:not(:has(.hakes-home-bottom)) { 3177 grid-template-columns: minmax(0, 1fr) auto; 3178 grid-template-areas: "eyebrow actions" "title actions" "text actions" "cards cards"; 3179 column-gap: 48px; 3180 row-gap: 0;
3181 align-items: center; 3182 padding: 56px max(24px, (100vw - 1710px) / 2) 64px !important; 3183 } 3184 .cloud-home__bottom:not(:has(.hakes-home-bottom)) > * { 3185 grid-column: auto; 3186 max-width: none; 3187 } 3188 .cloud-home__bottom:not(:has(.hakes-home-bottom)) > p:first-of-type { 3189 grid-area: eyebrow; 3190 padding-left: 72px; 3191 margin-bottom: 10px; 3192 } 3193 .cloud-home__bottom:not(:has(.hakes-home-bottom)) > h2 { 3194 grid-area: title; 3195 padding-left: 72px; 3196 margin-bottom: 16px; 3197 font-size: clamp(28px, 3.2vw, 40px); 3198 overflow-wrap: normal; 3199 word-break: normal; 3200 } 3201 .cloud-home__bottom:not(:has(.hakes-home-bottom)) > p:nth-of-type(2):not(:has(a)) { 3202 grid-area: text; 3203 box-sizing: content-box; 3204 width: 511px; 3205 max-width: 511px; 3206 margin: 0 0 0 72px; 3207 padding: 0; 3208 align-self: start; 3209 } 3210 .cloud-home__bottom:not(:has(.hakes-home-bottom)) > p:has(.hakes-home-bottom__btn), 3211 .cloud-home__bottom:not(:has(.hakes-home-bottom)) > p[data-hakes-home-actions] { 3212 grid-area: actions; 3213 flex-direction: row; 3214 justify-content: flex-end; 3215 width: auto; 3216 margin: 0 48px 0 0; 3217 align-self: center; 3218 } 3219 .cloud-home__bottom:not(:has(.hakes-home-bottom)) > p:has(img), 3220 .cloud-home__bottom:not(:has(.hakes-home-bottom)) > p[data-hakes-home-cards] { 3221 grid-area: cards; 3222 flex-direction: row; 3223 flex-wrap: wrap; 3224 gap: 80px; 3225 margin-top: 48px; 3226 } 3227} 3228@media (min-width: 1280px) { 3229 .cloud-home__bottom:not(:has(.hakes-home-bottom)) { 3230 padding: 64px max(32px, (100vw - 1710px) / 2) 56px !important; 3231 column-gap: 56px; 3232 } 3233 .cloud-home__bottom:not(:has(.hakes-home-bottom)) > p:first-of-type, 3234 .cloud-home__bottom:not(:has(.hakes-home-bottom)) > h2 { 3235 padding-left: 96px; 3236 } 3237 .cloud-home__bottom:not(:has(.hakes-home-bottom)) > p:nth-of-type(2):not(:has(a)) { 3238 margin-left: 96px; 3239 padding: 0; 3240 } 3241 .cloud-home__bottom:not(:has(.hakes-home-bottom)) > p:has(.hakes-home-bottom__btn), 3242 .cloud-home__bottom:not(:has(.hakes-home-bottom)) > p[data-hakes-home-actions] { 3243 margin-right: 72px; 3244 } 3245 .cloud-home__bottom:not(:has(.hakes-home-bottom)) > p:has(img), 3246 .cloud-home__bottom:not(:has(.hakes-home-bottom)) > p[data-hakes-home-cards] { 3247 margin-top: 56px; 3248 gap: 80px; 3249 } 3250} 3251/* ----- Class-based layout (when CMS keeps wrappers) ----- */ 3252/* When structured HTML is present, gutters live on __inner */ 3253.cloud-home__bottom:has(.hakes-home-bottom) { 3254 padding: 0 !important; 3255} 3256 3257.cloud-home__bottom .hakes-home-bottom { 3258 width: 100%; 3259 max-width: none; 3260 border-radius: 0 !important; 3261 background: transparent; 3262 color: var(--hakes-home-bottom-ink); 3263 font-family: var(--hakes-font) !important; 3264 font-weight: 400; 3265} 3266 3267.cloud-home__bottom .hakes-home-bottom, 3268.cloud-home__bottom .hakes-home-bottom p, 3269.cloud-home__bottom .hakes-home-bottom h1, 3270.cloud-home__bottom .hakes-home-bottom h2, 3271.cloud-home__bottom .hakes-home-bottom h3, 3272.cloud-home__bottom .hakes-home-bottom a, 3273.cloud-home__bottom .hakes-home-bottom span, 3274.cloud-home__bottom .hakes-home-bottom__eyebrow, 3275.cloud-home__bottom .hakes-home-bottom__title, 3276.cloud-home__bottom .hakes-home-bottom__text, 3277.cloud-home__bottom .hakes-home-bottom__btn { 3278 font-family: var(--hakes-font) !important; 3279} 3280 3281.cloud-home__bottom .hakes-home-bottom__inner { 3282 width: 100%; 3283 max-width: 1710px; 3284 margin: 0 auto; 3285 padding: 40px 16px 48px; 3286 box-sizing: border-box; 3287} 3288 3289.cloud-home__bottom .hakes-home-bottom__intro { 3290 display: flex; 3291 flex-direction: column; 3292 flex-wrap: wrap; 3293 align-items: flex-start; 3294 gap: 28px; 3295 margin-bottom: 36px; 3296} 3297 3298.cloud-home__bottom .hakes-home-bottom__copy, 3299.hakes-home-bottom .hakes-home-bottom__copy { 3300 flex: 1 1 auto; 3301 min-width: 0; 3302 max-width: 100%; 3303 padding-left: 0; 3304 box-sizing: border-box; 3305} 3306 3307.cloud-home__bottom .hakes-home-bottom__logo-link { 3308 display: inline-block; 3309 margin: 0 0 16px; 3310 text-decoration: none; 3311 color: inherit; 3312} 3313 3314.cloud-home__bottom .hakes-home-bottom__logo, 3315.hakes-home-bottom .hakes-home-bottom__logo { 3316 display: block; 3317 width: 86px; 3318 height: 86px; 3319 margin: 0; 3320 border: 0; 3321 background: var(--hakes-home-bottom-logo-image) center/contain no-repeat; 3322 font-size: 0; 3323 color: transparent; 3324 text-indent: -9999px; 3325 overflow: hidden; 3326} 3327 3328.cloud-home__bottom img.hakes-home-bottom__logo { 3329 object-fit: contain; 3330 object-position: -9999px -9999px; 3331} 3332 3333.cloud-home__bottom .hakes-home-bottom__eyebrow { 3334 margin: 0 0 10px; 3335 color: var(--hakes-brand-red); 3336 font-size: 16px; 3337 font-weight: 700; 3338 line-height: 1.3; 3339 letter-spacing: 0.06em; 3340 text-transform: uppercase; 3341} 3342 3343.cloud-home__bottom .hakes-home-bottom__title { 3344 margin: 0 0 16px; 3345 max-width: 100%; 3346 color: var(--hakes-home-bottom-ink, #007bbe); 3347 font-size: clamp(22px, 6.5vw, 40px); 3348 font-weight: 500 !important; 3349 line-height: 1.2; 3350 letter-spacing: 0.01em; 3351 text-transform: uppercase;
3352 overflow-wrap: anywhere; 3353 word-break: break-word; 3354} 3355 3356.cloud-home__bottom .hakes-home-bottom__title-line { 3357 display: block; 3358} 3359 3360.hakes-home-bottom .hakes-home-bottom__title-plain, 3361.cloud-home__top .hakes-home-bottom__title-plain, 3362.cloud-home__bottom .hakes-home-bottom__title-plain, 3363.hakes-home-bottom .hakes-home-bottom__title-accent, 3364.cloud-home__top .hakes-home-bottom__title-accent, 3365.cloud-home__bottom .hakes-home-bottom__title-accent { 3366 color: var(--hakes-home-bottom-ink, #007bbe) !important; 3367 font-weight: 500 !important; 3368} 3369 3370.hakes-home-bottom .hakes-home-bottom__title .hakes-home-bottom__title-line { 3371 color: inherit; 3372} 3373 3374.cloud-home__bottom .hakes-home-bottom__text { 3375 box-sizing: border-box; 3376 width: 100%; 3377 max-width: 100%; 3378 margin: 0; 3379 padding: 0; 3380 color: var(--starter-text) !important; 3381 font-family: var(--hakes-font) !important; 3382 font-size: 15px; 3383 font-weight: 500 !important; 3384 line-height: 24px; 3385 letter-spacing: 0; 3386 text-transform: none; 3387} 3388 3389.cloud-home__bottom .hakes-home-bottom__actions { 3390 display: flex; 3391 flex-direction: column; 3392 flex-wrap: nowrap; 3393 align-items: stretch; 3394 gap: 12px; 3395 width: 100%; 3396 flex-shrink: 0; 3397} 3398 3399.cloud-home__bottom .hakes-home-bottom__btn { 3400 display: inline-flex; 3401 align-items: center; 3402 justify-content: center; 3403 box-sizing: border-box; 3404 width: 100%; 3405 max-width: 100%; 3406 height: 54px; 3407 min-height: 54px; 3408 padding: 0 16px; 3409 border: 0; 3410 border-radius: 4px; 3411 color: var(--hakes-cta-text, #ffffff); 3412 font-size: 14px; 3413 font-weight: 700; 3414 line-height: 21px; 3415 letter-spacing: 0; 3416 text-align: center; 3417 text-decoration: none; 3418 text-transform: uppercase; 3419 font-synthesis: none; 3420 transition: background-color 0.15s ease, color 0.15s ease; 3421} 3422 3423.cloud-home__bottom .hakes-home-bottom__btn--primary { 3424 background: var(--hakes-brand-red); 3425 color: #ffffff; 3426} 3427 3428.cloud-home__bottom .hakes-home-bottom__btn--primary:hover, 3429.cloud-home__bottom .hakes-home-bottom__btn--primary:focus-visible { 3430 background: var(--hakes-brand-red-hover); 3431 color: #ffffff; 3432} 3433 3434.cloud-home__bottom .hakes-home-bottom__btn--secondary { 3435 background: var(--hakes-nav-color); 3436 color: #ffffff; 3437} 3438 3439.cloud-home__bottom .hakes-home-bottom__btn--secondary:hover, 3440.cloud-home__bottom .hakes-home-bottom__btn--secondary:focus-visible { 3441 background: var(--hakes-nav-hover); 3442 color: #ffffff; 3443} 3444 3445.cloud-home__bottom .hakes-home-bottom__cards, 3446.cloud-home__bottom .hakes-home-bottom__intro > .hakes-home-bottom__cards { 3447 display: flex; 3448 flex-direction: column; 3449 flex-wrap: nowrap; 3450 align-items: center; 3451 justify-content: flex-start; 3452 gap: 16px; 3453 width: 100%; 3454 flex: 0 0 100%; 3455} 3456 3457.cloud-home__bottom .hakes-home-bottom__card { 3458 display: block; 3459 flex: 0 0 auto; 3460 width: min(255px, 100%); 3461 height: auto; 3462 min-width: 0; 3463 min-height: 0; 3464 max-width: 255px; 3465 max-height: none; 3466 aspect-ratio: 1/1; 3467 padding: 0 !important; 3468 border: 0.35px solid var(--hakes-cta-text) !important; 3469 border-radius: 18px; 3470 background-color: transparent !important; 3471 background-position: center; 3472 background-repeat: no-repeat; 3473 background-size: cover; 3474 box-sizing: border-box; 3475 overflow: hidden; 3476 color: transparent !important; 3477 font-size: 0 !important; 3478 line-height: 0 !important; 3479 cursor: pointer; 3480 text-decoration: none; 3481} 3482 3483.cloud-home__bottom .hakes-home-bottom__card--figure { 3484 background-color: transparent; 3485 background-image: var(--hakes-home-bottom-card-figure-image), linear-gradient(135deg, #0b81f3 0%, #1da1f3 100%); 3486} 3487 3488.cloud-home__bottom .hakes-home-bottom__card--cgc { 3489 background-image: var(--hakes-home-bottom-card-cgc-image); 3490} 3491 3492.cloud-home__bottom .hakes-home-bottom__card--afa { 3493 background-image: var(--hakes-home-bottom-card-afa-image); 3494} 3495 3496.cloud-home__bottom .hakes-home-bottom__card-offer, 3497.cloud-home__bottom .hakes-home-bottom__card > p { 3498 display: none !important; 3499} 3500 3501.cloud-home__bottom .hakes-home-bottom__card > img, 3502.cloud-home__bottom .hakes-home-bottom__card-media, 3503.cloud-home__bottom .hakes-home-bottom__card-logo { 3504 display: block !important; 3505 width: 100%; 3506 height: 100%; 3507 object-fit: cover; 3508 border: 0; 3509} 3510 3511@media (min-width: 480px) { 3512 .cloud-home__bottom .hakes-home-bottom__actions { 3513 flex-direction: row; 3514 flex-wrap: wrap;
3515 align-items: center; 3516 justify-content: center; 3517 width: auto; 3518 } 3519 .cloud-home__bottom .hakes-home-bottom__btn { 3520 width: 185px; 3521 max-width: 185px; 3522 } 3523 .cloud-home__bottom .hakes-home-bottom__cards, 3524 .cloud-home__bottom .hakes-home-bottom__intro > .hakes-home-bottom__cards { 3525 flex-direction: row; 3526 flex-wrap: wrap; 3527 justify-content: center; 3528 gap: 24px; 3529 } 3530 .cloud-home__bottom .hakes-home-bottom__text { 3531 font-size: 16px; 3532 line-height: 26px; 3533 } 3534} 3535@media (min-width: 992px) { 3536 .cloud-home__bottom .hakes-home-bottom__inner { 3537 padding: 56px 24px 64px; 3538 } 3539 .cloud-home__bottom .hakes-home-bottom__intro { 3540 flex-direction: row; 3541 align-items: center; 3542 justify-content: space-between; 3543 gap: 48px; 3544 margin-bottom: 48px; 3545 width: 100%; 3546 } 3547 .cloud-home__bottom .hakes-home-bottom__copy, 3548 .hakes-home-bottom .hakes-home-bottom__copy { 3549 flex: 1 1 0; 3550 max-width: min(820px, 58%); 3551 padding-left: 72px; 3552 } 3553 .cloud-home__bottom .hakes-home-bottom__logo, 3554 .hakes-home-bottom .hakes-home-bottom__logo { 3555 width: 86px; 3556 height: 86px; 3557 } 3558 .cloud-home__bottom .hakes-home-bottom__title { 3559 font-size: 40px; 3560 overflow-wrap: normal; 3561 word-break: normal; 3562 } 3563 .cloud-home__bottom .hakes-home-bottom__text { 3564 box-sizing: content-box; 3565 width: 511px; 3566 max-width: 511px; 3567 } 3568 .cloud-home__bottom .hakes-home-bottom__actions { 3569 flex: 0 0 auto; 3570 flex-direction: row; 3571 justify-content: flex-end; 3572 width: auto; 3573 margin-left: auto; 3574 margin-right: 48px; 3575 } 3576 .cloud-home__bottom .hakes-home-bottom__btn { 3577 width: 185px; 3578 max-width: 185px; 3579 } 3580 .cloud-home__bottom .hakes-home-bottom__cards, 3581 .cloud-home__bottom .hakes-home-bottom__intro > .hakes-home-bottom__cards { 3582 flex-direction: row; 3583 flex-wrap: wrap; 3584 gap: 80px; 3585 } 3586 .cloud-home__bottom .hakes-home-bottom__card { 3587 flex: 0 0 255px; 3588 width: 255px; 3589 height: 255px; 3590 min-width: 255px; 3591 min-height: 255px; 3592 max-width: 255px; 3593 max-height: 255px; 3594 } 3595} 3596@media (min-width: 1280px) { 3597 .cloud-home__bottom .hakes-home-bottom__inner { 3598 padding: 64px 32px 56px; 3599 } 3600 .cloud-home__bottom .hakes-home-bottom__intro { 3601 gap: 56px; 3602 margin-bottom: 56px; 3603 } 3604 .cloud-home__bottom .hakes-home-bottom__copy, 3605 .hakes-home-bottom .hakes-home-bottom__copy { 3606 padding-left: 96px; 3607 } 3608 .cloud-home__bottom .hakes-home-bottom__actions { 3609 margin-right: 72px; 3610 } 3611 .cloud-home__bottom .hakes-home-bottom__cards { 3612 gap: 80px; 3613 } 3614} 3615@media (max-width: 991px) { 3616 .cloud-home__bottom:not(:has(.hakes-home-bottom)) > p:nth-of-type(2):not(:has(a)), 3617 .cloud-home__bottom .hakes-home-bottom__text { 3618 width: 100%; 3619 max-width: 511px; 3620 } 3621 .cloud-home__bottom .hakes-home-bottom__intro { 3622 align-items: stretch; 3623 } 3624 .cloud-home__bottom .hakes-home-bottom__actions { 3625 width: 100%; 3626 flex-direction: column; 3627 align-items: center; 3628 justify-content: center; 3629 margin-left: 0; 3630 margin-right: 0; 3631 gap: 12px; 3632 } 3633 .cloud-home__bottom .hakes-home-bottom__card { 3634 flex-basis: min(255px, 100%); 3635 width: min(255px, 100%); 3636 min-width: 0; 3637 max-width: 255px; 3638 height: auto; 3639 min-height: 0; 3640 max-height: none; 3641 aspect-ratio: 1/1; 3642 } 3643 .cloud-home__bottom .hakes-home-bottom__cards { 3644 justify-content: center; 3645 gap: 24px; 3646 } 3647} 3648/* ---------- Footer ---------- */ 3649.site-footer { 3650 --hakes-footer-bg: #007bbe; 3651 --hakes-footer-text: #ffffff; 3652 --hakes-footer-link: #ffffff; 3653 --hakes-footer-divider: #898989; 3654 --hakes-footer-font: var(--hakes-font); 3655 --hakes-footer-band-inset: 40px; 3656 --hakes-footer-col-contact: minmax(0, 1fr); 3657 --hakes-footer-col-links: minmax(0, 1fr); 3658 --hakes-footer-col-gap: 32px; 3659 margin-top: auto; 3660 flex-shrink: 0; 3661 border-top: 0; 3662 width: 100%; 3663 max-width: none; 3664 overflow: visible; 3665 background: var(--hakes-footer-bg); 3666 color: var(--hakes-footer-text) !important; 3667 font-family: var(--hakes-footer-font); 3668 font-weight: 400; 3669} 3670 3671.site-footer-band { 3672 position: relative; 3673 box-sizing: border-box; 3674 width: 100%; 3675 max-width: 1710px; 3676 margin-left: auto; 3677 margin-right: auto; 3678 padding: 40px var(--hakes-footer-band-inset) 24px; 3679 overflow: visible; 3680} 3681 3682.site-footer-top { 3683 position: relative; 3684 padding-bottom: 32px; 3685} 3686 3687.site-footer-grid { 3688 display: grid; 3689 grid-template-columns: 1fr; 3690 gap: var(--hakes-footer-col-gap); 3691 align-items: start; 3692} 3693 3694.site-footer-title { 3695 margin: 0 0 16px; 3696 font-size: 16px; 3697 font-weight: 700; 3698 line-height: 24px; 3699 color: var(--hakes-footer-text) !important; 3700} 3701 3702.site-footer-contact { 3703 display: flex; 3704 flex-direction: column; 3705 gap: 12px; 3706} 3707 3708.site-footer-contact p { 3709 margin: 0; 3710 font-size: 16px; 3711 font-weight: 400; 3712 line-height: 24px; 3713 color: var(--hakes-footer-text) !important; 3714} 3715 3716.site-footer-contact-label { 3717 font-weight: 700; 3718} 3719 3720.site-footer-list, 3721.site-footer-social-list { 3722 margin: 0; 3723 padding: 0; 3724 list-style: none; 3725} 3726 3727.site-footer-col--links .site-footer-list a { 3728 color: var(--hakes-footer-link) !important; 3729 font-size: 16px; 3730 font-weight: 400; 3731 line-height: 24px; 3732 text-decoration: underline; 3733} 3734 3735.site-footer-col--links .site-footer-list a:hover, 3736.site-footer-col--links .site-footer-list a:focus-visible { 3737 color: var(--hakes-footer-link); 3738 text-decoration: underline; 3739} 3740 3741.site-footer-contact a { 3742 color: inherit; 3743 text-decoration: none; 3744} 3745 3746.site-footer-contact a:hover, 3747.site-footer-contact a:focus-visible { 3748 color: inherit; 3749 text-decoration: none; 3750} 3751 3752.site-footer-col--powered-desktop { 3753 margin-top: 24px; 3754} 3755 3756.site-footer-col--powered-mobile { 3757 display: none; 3758} 3759 3760.site-footer-powered { 3761 display: block;
3762 width: min(100%, 200px); 3763} 3764 3765.site-footer-powered-img { 3766 display: block; 3767 width: 100%; 3768 max-width: 200px; 3769 height: auto; 3770} 3771 3772.site-footer-bottom { 3773 position: relative; 3774 display: flex; 3775 flex-direction: column; 3776 align-items: flex-start; 3777 gap: 10px; 3778 padding-top: 24px; 3779 padding-bottom: 4px; 3780} 3781.site-footer-bottom::before { 3782 content: ""; 3783 position: absolute; 3784 top: 0; 3785 left: 0; 3786 right: 0; 3787 height: 1px; 3788 background: var(--hakes-footer-divider); 3789 pointer-events: none; 3790} 3791 3792.site-footer-social-list { 3793 display: flex; 3794 flex-wrap: wrap; 3795 align-items: center; 3796 justify-content: flex-start; 3797 gap: 10px; 3798} 3799 3800.site-footer-copyright { 3801 display: none; 3802 margin: 4px 0 0; 3803 padding: 0; 3804 width: 100%; 3805 font-size: 14px; 3806 font-weight: 400; 3807 line-height: 20px; 3808 text-align: right; 3809 color: var(--hakes-footer-text); 3810} 3811 3812.site-footer-social-link { 3813 display: inline-flex; 3814 align-items: center; 3815 justify-content: center; 3816 width: 36px; 3817 height: 36px; 3818 border-radius: 4px; 3819 overflow: hidden; 3820 text-decoration: none; 3821 background: transparent; 3822 color: inherit; 3823} 3824 3825.site-footer-social-link:hover, 3826.site-footer-social-link:focus-visible { 3827 text-decoration: none; 3828 opacity: 0.9; 3829} 3830 3831.site-footer-social-link img { 3832 display: block; 3833 width: 36px; 3834 height: 36px; 3835 object-fit: contain; 3836} 3837 3838@media (max-width: 991px) { 3839 .site-footer-col--powered-desktop { 3840 display: none; 3841 } 3842 .site-footer-bottom { 3843 align-items: center; 3844 } 3845 .site-footer-social-list { 3846 justify-content: center; 3847 width: 100%; 3848 } 3849 .site-footer-col--powered-mobile { 3850 display: block; 3851 width: 100%; 3852 margin-top: 12px; 3853 text-align: center; 3854 } 3855 .site-footer-col--powered-mobile .site-footer-powered { 3856 margin: 0 auto; 3857 } 3858} 3859@media (min-width: 992px) { 3860 .site-footer { 3861 --hakes-footer-band-inset: max(72px, calc((100vw - 1710px) / 2)); 3862 --hakes-footer-col-contact: 300px; 3863 --hakes-footer-col-links: 200px; 3864 --hakes-footer-col-gap: 48px; 3865 } 3866 .site-footer-band { 3867 max-width: none; 3868 padding: 48px var(--hakes-footer-band-inset) 24px; 3869 } 3870 .site-footer-top { 3871 position: relative; 3872 min-height: 180px; 3873 padding-bottom: 40px; 3874 } 3875 .site-footer-grid { 3876 grid-template-columns: var(--hakes-footer-col-contact) var(--hakes-footer-col-links) minmax(0, 1fr); 3877 align-items: start; 3878 } 3879 .site-footer-col--powered-desktop { 3880 position: absolute; 3881 right: var(--hakes-footer-band-inset); 3882 bottom: 20px; 3883 margin-top: 0; 3884 display: block; 3885 } 3886 .site-footer-col--powered-mobile { 3887 display: none; 3888 } 3889 .site-footer-powered { 3890 width: 200px; 3891 } 3892 .site-footer-bottom { 3893 gap: 12px; 3894 padding-top: 28px; 3895 padding-bottom: 6px; 3896 } 3897 .site-footer-copyright { 3898 display: block; 3899 margin-top: 6px; 3900 } 3901} 3902/* ---------- Static pages ---------- */ 3903.static-page .static-page-content, 3904.static-page .static-page-content h1, 3905.static-page .static-page-content h2, 3906.static-page .static-page-content h3, 3907.static-page .static-page-content h4, 3908.static-page .static-page-content h5, 3909.static-page .static-page-content h6, 3910.static-page .static-page-content p, 3911.static-page .static-page-content li, 3912.static-page .static-page-content a, 3913.static-page .static-page-content strong, 3914.static-page .static-page-content span, 3915.static-page .static-page-content div { 3916 font-family: var(--hakes-font) !important; 3917} 3918 3919/* 3920 * How To Bid / static spacing â never pad/margin the whole 3921 * .static-page-content-top wrapper (page body often lives inside it). 3922 */ 3923.static-page .static-page-content .static-page-content-top { 3924 margin-bottom: 0 !important; 3925 padding-bottom: 0 !important; 3926} 3927 3928.static-page .static-page-content .titleDiv.list-head, 3929.static-page .static-page-content .titleDiv { 3930 margin-bottom: 0 !important; 3931 padding-bottom: 32px !important; 3932} 3933 3934.static-page .static-page-content h1 { 3935 color: var(--hakes-heading-color) !important; 3936 font-size: 25px !important; 3937 font-weight: 700 !important; 3938 margin: 0 !important; 3939 padding-bottom: 0 !important; 3940} 3941 3942/* Comfortable paragraph rhythm (not the wrapper) */ 3943.static-page .static-page-content p { 3944 margin-top: 0 !important; 3945 margin-bottom: 1em !important; 3946} 3947 3948/* Slightly more space after the intro line (Terms / Closing Procedure) */ 3949.static-page .static-page-content .static-page-content-top > p:first-of-type, 3950.static-page .static-page-content .titleDiv + p, 3951.static-page .static-page-content .titleDiv.list-head + p { 3952 margin-bottom: 1.35em !important; 3953} 3954 3955/* Collapse empty / <br>-only CMS spacer paragraphs */ 3956.static-page .static-page-content p:empty, 3957.static-page .static-page-content p:has(> br:only-child) { 3958 display: none !important; 3959 margin: 0 !important; 3960 padding: 0 !important; 3961 height: 0 !important; 3962 min-height: 0 !important; 3963 line-height: 0 !important; 3964 overflow: hidden !important; 3965 border: 0 !important; 3966} 3967
3968/* In-content links (e.g. How To Bid â Terms of Sale / Auction Closing Procedure) */ 3969.static-page .static-page-content a, 3970.static-page .static-page-content a:link, 3971.static-page .static-page-content a:visited { 3972 color: var(--hakes-heading-color, #005a99) !important; 3973 text-decoration: underline !important; 3974 text-decoration-color: var(--hakes-heading-color, #005a99) !important; 3975 text-underline-offset: 2px; 3976} 3977 3978.static-page .static-page-content a:hover, 3979.static-page .static-page-content a:focus-visible { 3980 color: var(--hakes-heading-color, #005a99) !important; 3981 text-decoration: underline !important; 3982 text-decoration-color: var(--hakes-heading-color, #005a99) !important; 3983} 3984 3985.static-page .static-page-content .hakes-static-important { 3986 color: var(--hakes-brand-red) !important; 3987 font-weight: 700 !important; 3988} 3989 3990.terms-condition-full { 3991 padding-bottom: 64px !important; 3992} 3993 3994.terms-condition-full > h1 { 3995 color: var(--hakes-heading-color, #005a99) !important; 3996 font-family: var(--hakes-font) !important; 3997 font-size: 25px !important; 3998 font-weight: 700 !important; 3999 text-align: center !important; 4000 margin: 0 0 1em !important; 4001} 4002 4003.hakes-terms, 4004.hakes-terms h1, 4005.hakes-terms h2, 4006.hakes-terms h3, 4007.hakes-terms p, 4008.hakes-terms li, 4009.hakes-terms a, 4010.hakes-terms strong, 4011.hakes-terms span, 4012.hakes-terms dt, 4013.hakes-terms dd, 4014.hakes-terms div { 4015 font-family: var(--hakes-font) !important; 4016} 4017 4018.hakes-terms { 4019 color: var(--hakes-text, #000); 4020 font-size: 14px; 4021 line-height: 1.45; 4022 text-align: left; 4023} 4024 4025.hakes-terms__title { 4026 margin: 0 0 1.15em !important; 4027 font-size: 16px !important; 4028 font-weight: 700 !important; 4029 line-height: 1.35; 4030} 4031 4032.hakes-terms__notice { 4033 margin: 0 0 1.15em !important; 4034 font-size: 14px !important; 4035 font-weight: 700 !important; 4036 line-height: 1.45; 4037} 4038 4039.hakes-terms__list { 4040 margin: 0 0 1.5em !important; 4041 padding: 0 0 0 1.35em !important; 4042 list-style: decimal !important; 4043} 4044 4045.hakes-terms__item { 4046 margin: 0 0 1.15em !important; 4047 padding: 0 !important; 4048} 4049 4050.hakes-terms__item:last-child { 4051 margin-bottom: 0 !important; 4052} 4053 4054.hakes-terms__text { 4055 margin: 0 0 1em !important; 4056} 4057 4058.hakes-terms__item > .hakes-terms__text:last-child, 4059.hakes-terms__item > .hakes-terms__increments + .hakes-terms__text:last-child { 4060 margin-bottom: 0 !important; 4061} 4062 4063.hakes-terms__subtitle { 4064 margin: 0 0 0.65em !important; 4065 font-weight: 700 !important; 4066} 4067 4068.hakes-terms__emphasis, 4069.hakes-terms__label { 4070 font-weight: 700 !important; 4071} 4072 4073.hakes-terms__increments { 4074 margin: 0.75em 0 1em 1.25em !important; 4075 padding: 0 !important; 4076 list-style: none !important; 4077} 4078 4079.hakes-terms__increments li { 4080 margin: 0 0 0.35em !important; 4081 padding: 0 !important; 4082 list-style: none !important; 4083} 4084 4085.hakes-terms__increments li:last-child { 4086 margin-bottom: 0 !important; 4087} 4088 4089.hakes-terms__section { 4090 margin: 2.25em 0 0 !important; 4091 padding: 0 !important; 4092} 4093 4094.hakes-terms__heading { 4095 margin: 0 0 0.65em !important; 4096 font-size: 14px !important; 4097 font-weight: 700 !important; 4098 line-height: 1.35; 4099 text-transform: none; 4100} 4101 4102.hakes-terms__section > .hakes-terms__text { 4103 margin: 0 0 1em !important; 4104} 4105 4106.hakes-terms__section > .hakes-terms__text:last-child { 4107 margin-bottom: 0 !important; 4108} 4109 4110.hakes-terms__definitions { 4111 margin: 1.5em 0 0 !important; 4112 padding: 0 !important; 4113} 4114 4115.hakes-terms__definition { 4116 display: flex; 4117 flex-wrap: wrap; 4118 align-items: baseline; 4119 gap: 0.35em 2.5em; 4120 margin: 0 0 1.35em !important; 4121} 4122 4123.hakes-terms__definition:last-child { 4124 margin-bottom: 0 !important; 4125} 4126 4127.hakes-terms__term { 4128 flex: 0 0 auto; 4129 min-width: 10.5em; 4130 margin: 0 !important; 4131 font-weight: 700 !important; 4132} 4133 4134.hakes-terms__meaning { 4135 flex: 1 1 12em; 4136 margin: 0 !important; 4137} 4138 4139.hakes-terms__faq { 4140 margin: 0.35em 0 0 !important; 4141} 4142 4143.hakes-terms__faq-item { 4144 margin: 0 0 1.15em !important; 4145} 4146 4147.hakes-terms__faq-item:last-child { 4148 margin-bottom: 0 !important; 4149} 4150 4151.hakes-terms__faq-q { 4152 margin: 0 0 0.35em !important; 4153 font-weight: 700 !important; 4154} 4155
4156.hakes-terms__faq-a { 4157 margin: 0 0 0.55em !important; 4158} 4159 4160.hakes-terms__faq-a:last-child { 4161 margin-bottom: 0 !important; 4162} 4163 4164/* ---------- Contact info card ---------- */ 4165.hakes-contact-card { 4166 box-sizing: border-box; 4167 max-width: 520px; 4168 margin: 0 auto; 4169 padding: 36px 40px; 4170 background: var(--hakes-surface-muted, #f8f9fb); 4171 border: 1px solid var(--starter-border, #e2e8f0); 4172 border-radius: 16px; 4173 text-align: left; 4174} 4175 4176.hakes-contact-card h3 { 4177 margin: 0 0 14px; 4178 color: var(--hakes-heading-color) !important; 4179 font-family: var(--hakes-font) !important; 4180 font-size: 28px !important; 4181 font-weight: 700 !important; 4182 line-height: 1.25; 4183} 4184 4185.hakes-contact-card p { 4186 margin: 0 0 6px; 4187 color: var(--hakes-text, #334155); 4188 font-family: var(--hakes-font) !important; 4189 font-size: 16px; 4190 font-weight: 400; 4191 line-height: 1.55; 4192} 4193 4194.hakes-contact-card p:last-child { 4195 margin-bottom: 0; 4196} 4197 4198.hakes-contact-card strong { 4199 font-weight: 700; 4200 color: inherit; 4201} 4202 4203.hakes-contact-card__rule { 4204 display: block; 4205 width: 48px; 4206 height: 3px; 4207 margin: 18px 0; 4208 border: 0; 4209 background: var(--hakes-heading-color); 4210} 4211 4212/* ---------- Meet The Staff ---------- */ 4213.hakes-meet-staff { 4214 box-sizing: border-box; 4215 width: 100%; 4216 margin: 0; 4217 padding: 32px 20px 40px; 4218 background: var(--hakes-surface-muted, #f2f2f2); 4219 border-radius: 12px; 4220} 4221 4222.hakes-meet-staff h1 { 4223 color: var(--hakes-heading-color) !important; 4224 font-family: var(--hakes-font) !important; 4225 font-size: 28px !important; 4226 font-weight: 700 !important; 4227 line-height: 1.25; 4228 text-align: center; 4229 margin: 0 0 8px; 4230} 4231 4232.hakes-meet-staff > p.hakes-staff-intro, 4233.hakes-meet-staff > .hakes-staff-intro { 4234 margin: 0 0 28px; 4235 color: var(--hakes-text-muted); 4236 font-family: var(--hakes-font) !important; 4237 font-size: 15px; 4238 font-weight: 400; 4239 line-height: 1.4; 4240 text-align: center; 4241} 4242 4243.hakes-staff-grid { 4244 display: grid; 4245 grid-template-columns: repeat(2, minmax(0, 1fr)); 4246 gap: 16px; 4247 width: 100%; 4248 margin: 0; 4249 padding: 0; 4250 box-sizing: border-box; 4251} 4252 4253.hakes-staff-card { 4254 display: flex; 4255 flex-direction: column; 4256 align-items: center; 4257 box-sizing: border-box; 4258 margin: 0; 4259 padding: 16px 14px 18px; 4260 background: #fff; 4261 border: 1px solid var(--starter-border, #e5e7eb); 4262 border-radius: 12px; 4263 box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06); 4264 text-align: center; 4265 transform: translateY(0); 4266 transition: transform 0.28s ease, box-shadow 0.28s ease, border-color 0.28s ease; 4267} 4268 4269.hakes-staff-card:hover, 4270.hakes-staff-card:focus-within { 4271 transform: translateY(-6px); 4272 border-color: var(--hakes-heading-color); 4273 box-shadow: 0 10px 24px rgba(0, 90, 153, 0.14); 4274} 4275 4276.hakes-staff-card img { 4277 display: block; 4278 width: 100%; 4279 aspect-ratio: 1/1; 4280 height: auto; 4281 margin: 0 0 14px; 4282 border: 0; 4283 border-radius: 10px; 4284 background: var(--hakes-surface-muted, #f2f2f2); 4285 object-fit: cover; 4286 object-position: top center; 4287 transform: scale(1); 4288 transition: transform 0.35s ease; 4289} 4290 4291.hakes-staff-card:hover img, 4292.hakes-staff-card:focus-within img { 4293 transform: scale(1.04); 4294} 4295 4296.hakes-staff-card h3 { 4297 margin: 0 0 4px; 4298 color: var(--hakes-text, #333); 4299 font-family: var(--hakes-font) !important; 4300 font-size: 22px !important; 4301 font-weight: 700; 4302 line-height: 1.3; 4303} 4304 4305.hakes-staff-card p { 4306 margin: 0; 4307 color: var(--hakes-heading-color); 4308 font-family: var(--hakes-font) !important; 4309 font-size: 13px; 4310 font-weight: 400; 4311 font-style: normal; 4312 line-height: 1.35; 4313} 4314 4315@media (min-width: 992px) { 4316 .hakes-meet-staff { 4317 padding: 40px 28px 48px; 4318 } 4319 .hakes-staff-grid { 4320 grid-template-columns: repeat(4, minmax(0, 1fr)); 4321 gap: 20px; 4322 } 4323 .hakes-staff-card { 4324 padding: 18px 16px 20px; 4325 } 4326 .hakes-staff-card p { 4327 font-size: 14px; 4328 } 4329} 4330/* ---------- Consign-With-Us Page ---------- */ 4331.consign-wih-us-full .how-to-sell-mid-form, 4332.consign-with-us-full .how-to-sell-mid-form { 4333 display: grid; 4334 grid-template-columns: 1fr; 4335 gap: 28px; 4336 align-items: start; 4337 width: 100%; 4338 box-sizing: border-box; 4339} 4340 4341.consign-wih-us-full .how-to-sell-mid-form > h2, 4342.consign-with-us-full .how-to-sell-mid-form > h2 { 4343 grid-column: 1/-1;
4344 color: #005a99; 4345 font-size: 25px !important; 4346 font-weight: 700 !important; 4347 text-align: center; 4348 margin: 0 0 8px; 4349} 4350 4351/* Left column stack: list box â contact cards â note card */ 4352.consign-wih-us-full .how-to-sell-mid-form > .how-to-sell-top-content, 4353.consign-with-us-full .how-to-sell-mid-form > .how-to-sell-top-content { 4354 grid-column: 1; 4355 display: flex; 4356 flex-direction: column; 4357 align-items: stretch; 4358 gap: 16px; 4359 width: 100%; 4360 max-width: 100%; 4361 min-width: 0; 4362 margin: 0; 4363 padding: 0; 4364 box-sizing: border-box; 4365 text-align: left; 4366 align-self: start; 4367} 4368 4369/* CMS sometimes nests an extra .how-to-sell-top-content â flatten it */ 4370.consign-wih-us-full .how-to-sell-top-content .how-to-sell-top-content, 4371.consign-with-us-full .how-to-sell-top-content .how-to-sell-top-content { 4372 display: contents; 4373} 4374 4375/* Specialize list as bordered box */ 4376.consign-wih-us-full .hakes-consign-list-box, 4377.consign-with-us-full .hakes-consign-list-box { 4378 box-sizing: border-box; 4379 width: 100%; 4380 max-width: 100%; 4381 margin: 0; 4382 padding: 20px 22px; 4383 border: 1px solid #005a99; 4384 border-radius: 10px; 4385 background: #fff; 4386} 4387 4388.consign-wih-us-full .hakes-consign-list-box h2, 4389.consign-with-us-full .hakes-consign-list-box h2, 4390.consign-wih-us-full .how-to-sell-top-content > h2, 4391.consign-with-us-full .how-to-sell-top-content > h2 { 4392 color: #005a99; 4393 font-size: 17.5px !important; 4394 font-weight: 500 !important; 4395 text-align: left !important; 4396 margin: 0 0 12px; 4397} 4398 4399.consign-wih-us-full .hakes-consign-list-box ul, 4400.consign-with-us-full .hakes-consign-list-box ul, 4401.consign-wih-us-full .how-to-sell-top-content > ul, 4402.consign-with-us-full .how-to-sell-top-content > ul { 4403 list-style-type: circle; 4404 margin: 0; 4405 padding-left: 1.25em; 4406 text-align: left; 4407 font-family: var(--hakes-font) !important; 4408} 4409 4410/* 4411* Contact cards layout: 4412* - 2 per row for the first four 4413* - 5th card full-width (avoids empty hole) 4414* - note card full-width under the grid (same left/right edge) 4415*/ 4416.consign-wih-us-full .hakes-consign-cards, 4417.consign-with-us-full .hakes-consign-cards { 4418 display: grid; 4419 grid-template-columns: 1fr; 4420 gap: 16px; 4421 width: 100%; 4422 margin: 0; 4423 padding: 0; 4424 align-items: stretch; 4425} 4426 4427.consign-wih-us-full .hakes-consign-card, 4428.consign-with-us-full .hakes-consign-card { 4429 box-sizing: border-box; 4430 width: 100%; 4431 height: 100%; 4432 min-height: 100%; 4433 margin: 0; 4434 padding: 18px 20px; 4435 border: 1px solid #005a99; 4436 border-radius: 10px; 4437 background: transparent; 4438 font-family: var(--hakes-font) !important; 4439 color: var(--hakes-text, #333); 4440 text-align: left; 4441} 4442 4443/* Bottom note card â full width, aligned with list box + cards */ 4444.consign-wih-us-full .hakes-consign-card--note, 4445.consign-with-us-full .hakes-consign-card--note, 4446.consign-wih-us-full .how-to-sell-bottom-content, 4447.consign-with-us-full .how-to-sell-bottom-content { 4448 box-sizing: border-box; 4449 width: 100%; 4450 margin: 0; 4451 padding: 18px 20px; 4452 border: 1px solid #005a99; 4453 border-radius: 10px; 4454 font-family: var(--hakes-font) !important; 4455 color: var(--hakes-text, #333); 4456 text-align: left; 4457} 4458 4459.consign-wih-us-full .hakes-consign-card--note p, 4460.consign-with-us-full .hakes-consign-card--note p, 4461.consign-wih-us-full .how-to-sell-bottom-content p, 4462.consign-with-us-full .how-to-sell-bottom-content p { 4463 margin: 0 0 10px; 4464 font-size: 15px; 4465 line-height: 1.45; 4466} 4467 4468.consign-wih-us-full .hakes-consign-card--note p:last-child, 4469.consign-with-us-full .hakes-consign-card--note p:last-child, 4470.consign-wih-us-full .how-to-sell-bottom-content p:last-child, 4471.consign-with-us-full .how-to-sell-bottom-content p:last-child { 4472 margin-bottom: 0; 4473} 4474 4475.consign-wih-us-full .hakes-consign-card h3, 4476.consign-with-us-full .hakes-consign-card h3 { 4477 margin: 0 0 10px; 4478 color: #005a99; 4479 font-family: "Noto Sans", Verdana, sans-serif !important; 4480 font-size: 17.5px !important; 4481 /* 400 reads closer to original on demo (500 looked a step heavier) */ 4482 font-weight: 400 !important; 4483 line-height: 21px !important; 4484 letter-spacing: 0.01em; 4485 font-style: normal; 4486 font-synthesis: none; 4487 -webkit-font-smoothing: antialiased; 4488 -moz-osx-font-smoothing: grayscale; 4489} 4490 4491.consign-wih-us-full .hakes-consign-card p, 4492.consign-with-us-full .hakes-consign-card p { 4493 margin: 0 0 6px; 4494 font-family: var(--hakes-font) !important; 4495 font-size: 15px; 4496 font-weight: 400; 4497 line-height: 1.45; 4498 color: var(--hakes-text, #333); 4499} 4500 4501.consign-wih-us-full .hakes-consign-card p:last-child, 4502.consign-with-us-full .hakes-consign-card p:last-child { 4503 margin-bottom: 0; 4504} 4505 4506.consign-wih-us-full .hakes-consign-card strong, 4507.consign-with-us-full .hakes-consign-card strong { 4508 font-weight: 700;
4509 color: var(--hakes-text, #333); 4510} 4511 4512.consign-wih-us-full .hakes-consign-card a, 4513.consign-with-us-full .hakes-consign-card a { 4514 color: #005a99; 4515 text-decoration: none; 4516} 4517 4518.consign-wih-us-full .hakes-consign-card a:hover, 4519.consign-wih-us-full .hakes-consign-card a:focus-visible, 4520.consign-with-us-full .hakes-consign-card a:hover, 4521.consign-with-us-full .hakes-consign-card a:focus-visible { 4522 color: var(--hakes-nav-hover, #00649a); 4523 text-decoration: underline; 4524} 4525 4526.consign-wih-us-full .hakes-consign-card p span, 4527.consign-with-us-full .hakes-consign-card p span { 4528 color: var(--hakes-text-muted, #6c6c6c); 4529 font-size: 13px; 4530} 4531 4532/* Right: consign form â same top edge as list column */ 4533.consign-wih-us-full .how-to-sell-mid-form > .sell-form-wrap, 4534.consign-with-us-full .how-to-sell-mid-form > .sell-form-wrap { 4535 grid-column: 1; 4536 width: 100%; 4537 max-width: 100%; 4538 min-width: 0; 4539 margin: 0 !important; 4540 padding: 0 !important; 4541 box-sizing: border-box; 4542 align-self: start; 4543} 4544 4545.consign-wih-us-full .how-to-sell-mid-form .sell-form-wrap form, 4546.consign-with-us-full .how-to-sell-mid-form .sell-form-wrap form, 4547.consign-wih-us-full .how-to-sell-mid-form .sell-form-wrap input, 4548.consign-with-us-full .how-to-sell-mid-form .sell-form-wrap select, 4549.consign-wih-us-full .how-to-sell-mid-form .sell-form-wrap textarea, 4550.consign-with-us-full .how-to-sell-mid-form .sell-form-wrap textarea { 4551 box-sizing: border-box; 4552 max-width: 100%; 4553} 4554 4555.consign-wih-us-full .how-to-sell-mid-form .sell-form-wrap input, 4556.consign-with-us-full .how-to-sell-mid-form .sell-form-wrap select, 4557.consign-wih-us-full .how-to-sell-mid-form .sell-form-wrap textarea { 4558 width: 100% !important; 4559} 4560 4561@media (min-width: 992px) { 4562 .consign-wih-us-full .how-to-sell-mid-form, 4563 .consign-with-us-full .how-to-sell-mid-form { 4564 grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); 4565 column-gap: 48px; 4566 row-gap: 24px; 4567 align-items: start; 4568 } 4569 .consign-wih-us-full .how-to-sell-mid-form > .how-to-sell-top-content, 4570 .consign-with-us-full .how-to-sell-mid-form > .how-to-sell-top-content { 4571 grid-column: 1; 4572 grid-row: 2; 4573 } 4574 .consign-wih-us-full .hakes-consign-cards, 4575 .consign-with-us-full .hakes-consign-cards { 4576 grid-template-columns: repeat(2, minmax(0, 1fr)); 4577 gap: 16px; 4578 width: 100%; 4579 box-sizing: border-box; 4580 } 4581 /* Odd last contact card: span full row so layout stays even */ 4582 .consign-wih-us-full .hakes-consign-cards > .hakes-consign-card:last-child, 4583 .consign-with-us-full .hakes-consign-cards > .hakes-consign-card:last-child { 4584 grid-column: 1/-1; 4585 } 4586 .consign-wih-us-full .how-to-sell-mid-form > .sell-form-wrap, 4587 .consign-with-us-full .how-to-sell-mid-form > .sell-form-wrap { 4588 grid-column: 2; 4589 grid-row: 2; 4590 } 4591} 4592.cloud-home-banner--white .cloud-home-banner__cta--primary { 4593 background: var(--hakes-brand-red, #b20219) !important; 4594 border: 1px solid var(--hakes-brand-red, #b20219) !important; 4595 color: var(--hakes-cta-text, #ffffff) !important; 4596} 4597.cloud-home-banner--white .cloud-home-banner__cta--primary:hover, .cloud-home-banner--white .cloud-home-banner__cta--primary:focus, .cloud-home-banner--white .cloud-home-banner__cta--primary:focus-visible, .cloud-home-banner--white .cloud-home-banner__cta--primary:active { 4598 background: var(--hakes-brand-red-hover) !important; 4599 border-color: var(--hakes-brand-red-hover) !important; 4600} 4601 4602.cloud-home-banner__cta--secondary { 4603 background: var(--hakes-nav-color, #007bbe) !important; 4604 border: 1px solid var(--hakes-nav-color, #007bbe) !important; 4605 color: var(--hakes-cta-text, #ffffff) !important; 4606} 4607 4608/* 4609 cloud-home-banner.css loads AFTER site custom CSS â every layout value needs 4610 !important + higher specificity so size/gap actually stick on demo. 4611*/ 4612.cloud-home-banners .cloud-home-banner .cloud-home-banner__overlay { 4613 box-sizing: border-box !important; 4614 /* Keep vertical centering; do not add horizontal padding (inner already has 15px) */ 4615 align-items: center !important; 4616 justify-content: flex-start !important; 4617 padding: 20px 0 !important; 4618} 4619 4620.cloud-home-banners .cloud-home-banner .cloud-home-banner__inner { 4621 display: flex !important; 4622 flex-direction: column !important; 4623 align-items: flex-start !important; 4624 justify-content: center !important; 4625 box-sizing: border-box !important; 4626 gap: 0 !important; 4627 width: 100% !important; 4628 max-width: 1170px !important; 4629 margin: 0 auto !important; 4630 padding: 0 15px !important; 4631} 4632 4633.cloud-home-banners .cloud-home-banner .cloud-home-banner__title { 4634 margin: 0 0 24px !important; 4635 padding: 0 !important; 4636 /* Match CTA row: 278 + 16 + 278 so title/text/buttons share one column */ 4637 max-width: 572px !important; 4638 width: 100% !important; 4639 font-family: var(--hakes-font) !important; 4640 font-size: 40px !important; 4641 font-weight: 800 !important; 4642 line-height: 1.15 !important; 4643 text-align: left !important; 4644} 4645 4646.cloud-home-banners .cloud-home-banner .cloud-home-banner__text { 4647 margin: 0 0 40px !important; 4648 padding: 0 !important; 4649 max-width: 572px !important; 4650 width: 100% !important; 4651 font-family: var(--hakes-font) !important; 4652 font-size: 16px !important; 4653 font-weight: 400 !important; 4654 line-height: 1.5 !important; 4655 text-align: left !important; 4656} 4657 4658.cloud-home-banners .cloud-home-banner .cloud-home-banner__ctas { 4659 display: flex !important; 4660 flex-direction: row !important; 4661 flex-wrap: nowrap !important; 4662 align-items: center !important; 4663 justify-content: flex-start !important; 4664 gap: 0 !important; 4665 margin: 0 !important; 4666 padding: 0 !important; 4667 width: 572px !important; 4668 max-width: 100% !important; 4669} 4670 4671/* Equal Figma CTAs â same footprint as home hero buttons (278Ã48) */ 4672.cloud-home-banners .cloud-home-banner .cloud-home-banner__cta, 4673.cloud-home-banners .cloud-home-banner .cloud-home-banner__cta--primary, 4674.cloud-home-banners .cloud-home-banner .cloud-home-banner__cta--secondary { 4675 box-sizing: border-box !important; 4676 display: inline-flex !important; 4677 align-items: center !important; 4678 justify-content: center !important; 4679 flex: 0 0 278px !important; 4680 width: 278px !important; 4681 min-width: 278px !important; 4682 max-width: 278px !important; 4683 height: 48px !important; 4684 min-height: 48px !important; 4685 max-height: 48px !important; 4686 margin: 0 !important; 4687 padding: 0 16px !important; 4688 border-radius: 4px !important; 4689 font-family: var(--hakes-font) !important; 4690 font-size: 14px !important; 4691 font-weight: 700 !important; 4692 line-height: 1 !important; 4693 letter-spacing: 0.02em !important; 4694 text-align: center !important; 4695 text-decoration: none !important; 4696 text-transform: uppercase !important; 4697 white-space: nowrap !important; 4698 pointer-events: auto !important; 4699} 4700 4701/* Explicit 16px gap (margin beats theme `gap: 10px` reliably) */ 4702.cloud-home-banners .cloud-home-banner .cloud-home-banner__cta + .cloud-home-banner__cta { 4703 margin-left: 16px !important; 4704} 4705.cloud-home-banners .cloud-home-banner .cloud-home-banner__cta + .cloud-home-banner__cta:hover, .cloud-home-banners .cloud-home-banner .cloud-home-banner__cta + .cloud-home-banner__cta:focus, .cloud-home-banners .cloud-home-banner .cloud-home-banner__cta + .cloud-home-banner__cta:focus-visible, .cloud-home-banners .cloud-home-banner .cloud-home-banner__cta + .cloud-home-banner__cta:active { 4706 background: var(--hakes-link-hover) !important; 4707} 4708 4709.cloud-home-banners .cloud-home-banner .cloud-home-banner__cta:hover, 4710.cloud-home-banners .cloud-home-banner .cloud-home-banner__cta:focus, 4711.cloud-home-banners .cloud-home-banner .cloud-home-banner__cta:focus-visible, 4712.cloud-home-banners .cloud-home-banner .cloud-home-banner__cta:active { 4713 text-decoration: none !important; 4714} 4715 4716/* Mid widths: tighten type/spacing only â keep CTA 278Ã48 side-by-side */ 4717@media (max-width: 1199px) { 4718 .cloud-home-banners .cloud-home-banner .cloud-home-banner__title { 4719 margin-bottom: 16px !important; 4720 font-size: 32px !important; 4721 } 4722 .cloud-home-banners .cloud-home-banner .cloud-home-banner__text { 4723 margin-bottom: 24px !important; 4724 font-size: 15px !important; 4725 } 4726} 4727/* Tablet: cancel platform overlay horizontal padding; keep side-by-side CTAs */ 4728@media (max-width: 991px) { 4729 .cloud-home-banners .cloud-home-banner .cloud-home-banner__overlay { 4730 padding: 16px 0 !important; 4731 } 4732 .cloud-home-banners .cloud-home-banner .cloud-home-banner__title { 4733 margin-bottom: 10px !important; 4734 font-size: 26px !important; 4735 } 4736 .cloud-home-banners .cloud-home-banner .cloud-home-banner__text { 4737 margin-bottom: 14px !important; 4738 font-size: 14px !important; 4739 } 4740} 4741/* Phone: keep copy ON the artwork (never push under the image) */ 4742@media (max-width: 640px) { 4743 .cloud-home-banners .cloud-home-banner { 4744 overflow: hidden !important; 4745 } 4746 .cloud-home-banners .cloud-home-banner .cloud-home-banner__overlay { 4747 position: absolute !important; 4748 top: 0 !important; 4749 right: 0 !important; 4750 bottom: 0 !important; 4751 left: 0 !important; 4752 display: flex !important;
4753 align-items: flex-end !important; 4754 justify-content: flex-start !important; 4755 box-sizing: border-box !important; 4756 padding: 10px 12px 14px !important; 4757 background: transparent !important; 4758 overflow: hidden !important; 4759 pointer-events: none !important; 4760 color: #fff !important; 4761 text-shadow: 0 1px 4px rgba(0, 0, 0, 0.75) !important; 4762 } 4763 .cloud-home-banners .cloud-home-banner .cloud-home-banner__scrim { 4764 display: block !important; 4765 opacity: 1 !important; 4766 background: linear-gradient(180deg, rgba(0, 0, 0, 0.15) 0%, rgba(0, 0, 0, 0.35) 40%, rgba(0, 0, 0, 0.78) 100%) !important; 4767 } 4768 .cloud-home-banners .cloud-home-banner .cloud-home-banner__inner { 4769 max-width: none !important; 4770 width: 100% !important; 4771 padding: 0 !important; 4772 max-height: 100% !important; 4773 overflow: hidden !important; 4774 } 4775 .cloud-home-banners .cloud-home-banner .cloud-home-banner__title { 4776 margin: 0 0 6px !important; 4777 font-size: 16px !important; 4778 line-height: 1.2 !important; 4779 max-width: 100% !important; 4780 width: 100% !important; 4781 display: -webkit-box !important; 4782 -webkit-box-orient: vertical !important; 4783 -webkit-line-clamp: 2 !important; 4784 overflow: hidden !important; 4785 } 4786 .cloud-home-banners .cloud-home-banner .cloud-home-banner__text { 4787 margin: 0 0 8px !important; 4788 font-size: 11px !important; 4789 line-height: 1.35 !important; 4790 max-width: 100% !important; 4791 width: 100% !important; 4792 display: -webkit-box !important; 4793 -webkit-box-orient: vertical !important; 4794 -webkit-line-clamp: 2 !important; 4795 overflow: hidden !important; 4796 } 4797 .cloud-home-banners .cloud-home-banner .cloud-home-banner__ctas { 4798 flex-direction: row !important; 4799 flex-wrap: nowrap !important; 4800 align-items: center !important; 4801 width: 100% !important; 4802 max-width: 100% !important; 4803 } 4804 .cloud-home-banners .cloud-home-banner .cloud-home-banner__cta, 4805 .cloud-home-banners .cloud-home-banner .cloud-home-banner__cta--primary, 4806 .cloud-home-banners .cloud-home-banner .cloud-home-banner__cta--secondary { 4807 flex: 1 1 0 !important; 4808 width: auto !important; 4809 min-width: 0 !important; 4810 max-width: none !important; 4811 height: 40px !important; 4812 min-height: 40px !important; 4813 max-height: 40px !important; 4814 padding: 0 8px !important; 4815 font-size: 11px !important; 4816 } 4817 .cloud-home-banners .cloud-home-banner .cloud-home-banner__cta + .cloud-home-banner__cta { 4818 margin-left: 8px !important; 4819 margin-top: 0 !important; 4820 } 4821} 4822/* Narrowest phones: drop body copy so title + CTAs fit inside the art */ 4823@media (max-width: 400px) { 4824 .cloud-home-banners .cloud-home-banner .cloud-home-banner__title { 4825 margin-bottom: 8px !important; 4826 font-size: 15px !important; 4827 } 4828 .cloud-home-banners .cloud-home-banner .cloud-home-banner__text { 4829 display: none !important; 4830 margin: 0 !important; 4831 } 4832 .cloud-home-banners .cloud-home-banner .cloud-home-banner__cta, 4833 .cloud-home-banners .cloud-home-banner .cloud-home-banner__cta--primary, 4834 .cloud-home-banners .cloud-home-banner .cloud-home-banner__cta--secondary { 4835 height: 36px !important; 4836 min-height: 36px !important; 4837 max-height: 36px !important; 4838 font-size: 10px !important; 4839 letter-spacing: 0.01em !important; 4840 } 4841} 4842.text-center { 4843 font-family: var(--hakes-font-nav) !important; 4844}</style> 4845 <!-- Google Tag Manager --> 4846
4846<script>
vendor: 375 bytes, lines 4846-4850
4846(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': 4847 new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], 4848 j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 4849 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); 4850 })(window,document,'script','dataLayer','
4850GTM-5WMD3W
vendor: 3 bytes, line 4850
4850');
4850</script>
4850 4851 <!-- End Google Tag Manager --> 4852 <!--[if lt IE 9]> 4853
4853<script type="text/javascript" src="https://www.hakes.com/public/js/html5shiv.min.js?t=1761753285"></script>
4853 4854 <![endif]--> 4855
4855<script type="text/javascript"> 4856 var setting = {"baseUri":"https:\/\/www.hakes.com","staticUri":"https:\/\/www.hakes.com\/public","isMobileWebView":false,"defaultSiteName":"Bidsquare","siteName":"Hake's","webSocket":{"host":"wss:\/\/ws.bidsquare.com","port":null,"debug":false},"reserveMet":[],"reCaptcha":{"v3":{"siteKey":"6LdzL_kcAAAAAHvauH1Jsz3Ux6njeXmqvGBbrqyk"}}}; </script>
4856 4857
4857<script type="text/javascript" src="https://www.hakes.com/public/js/jquery.js?t=1761753285"></script>
vendor: 1 bytes, line 4857
4857
4858<script type="text/javascript" src="https://www.hakes.com/public/js/functions.js?t=1761753285"></script>
vendor: 1 bytes, line 4858
4858
4859<script type="text/javascript" src="https://www.hakes.com/public/themes/common/js/popper-v1.min.js?t=1761753286"></script>
vendor: 1 bytes, line 4859
4859
4860<script type="text/javascript" src="https://www.hakes.com/public/themes/common/js/bootstrap.min.js?t=1761753286"></script>
vendor: 1 bytes, line 4860
4860
4861<script type="text/javascript" src="https://www.hakes.com/public/themes/default/js/theme.js?t=1761753286"></script>
vendor: 84 bytes, lines 4861-4862
4861 4862<script type="text/javascript" src="https://www.google.com/recaptcha/api.js?render=
48626LdzL_kcAAAAAHvauH1Jsz3Ux6njeXmqvGBbrqyk
vendor: 12 bytes, line 4862
4862"></script>
4863<script type="text/javascript" src="https://www.hakes.com/public/js/front-common.js?t=1776727331"></script>
vendor: 1 bytes, line 4863
4863
4864<script type="text/javascript" src="https://www.hakes.com/public/js/tagManager.js?t=1761753286"></script>
vendor: 1 bytes, line 4864
4864
4865<script type="text/javascript" src="https://www.hakes.com/public/js/script.js?t=1776727331"></script>
vendor: 1 bytes, line 4865
4865
4866<script type="text/javascript" src="https://www.hakes.com/public/js/bsApi.js?t=1761753285"></script>
vendor: 1 bytes, line 4866
4866
4867<script type="text/javascript" src="https://www.hakes.com/public/js/jquery.i18n/src/jquery.i18n.js?t=1761753285"></script>
vendor: 1 bytes, line 4867
4867
4868<script type="text/javascript" src="https://www.hakes.com/public/js/jquery.i18n/src/jquery.i18n.messagestore.js?t=1761753285"></script>
vendor: 1 bytes, line 4868
4868
4869<script type="text/javascript" src="https://www.hakes.com/public/js/jquery.i18n/src/jquery.i18n.fallbacks.js?t=1761753285"></script>
vendor: 1 bytes, line 4869
4869
4870<script type="text/javascript" src="https://www.hakes.com/public/js/jquery.i18n/src/jquery.i18n.language.js?t=1761753285"></script>
vendor: 1 bytes, line 4870
4870
4871<script type="text/javascript" src="https://www.hakes.com/public/js/jquery.i18n/src/jquery.i18n.parser.js?t=1761753285"></script>
vendor: 1 bytes, line 4871
4871
4872<script type="text/javascript" src="https://www.hakes.com/public/js/jquery.i18n/src/jquery.i18n.emitter.js?t=1761753285"></script>
vendor: 1 bytes, line 4872
4872
4873<script type="text/javascript"> 4874 $.i18n().load({"en":{"Starting Bid":"Starting Bid","Current Bid":"Current Bid","Start in":"Start in","Starts in":"Starts in","End in":"End in","Bidsquare Bidder":"Bidsquare Bidder","Competing Bidder":"Competing Bidder","Bidder":"Bidder","Click Here to Bid Live":"Click Here to Bid Live","Non-supported browser... Use Chrome, Firefox, or Safari 11+":"Non-supported browser... Use Chrome, Firefox, or Safari 11+","On the Market":"On the Market","You are the highest bidder (%amount%)":"You are the highest bidder (%amount%)","You've been outbid (%amount%)":"You've been outbid (%amount%)","Your max bid (%amount%) is below reserve":"Your max bid (%amount%) is below reserve","You have an absentee bid (%amount%)":"You have an absentee bid (%amount%)","Place Bid":"Place Bid","Place Max Bid":"Place Max Bid","Increase Max Bid":"Increase Max Bid"}}); 4875 4876 [{"en":"https:\/\/www.hakes.com\/public\/js\/jquery.i18n\/messages\/en.json?t=1784745125"}].forEach(function (transArr, i) { $.i18n().load(transArr); }); 4877 $.i18n.rawTranslationMap = {"reserveMetBannerNotification":"On the Market","highestBidNotification":"You are the highest bidder (%amount%)","outBidNotification":"You've been outbid (%amount%)","reserverNotMetNotification":"Your max bid (%amount%) is below reserve","absenteeBidNotification":"You have an absentee bid (%amount%)","placeNextBidButtonTextTimed":"Place Bid","placeMaxBidButtonTextTimed":"Place Max Bid","increaseMaxBidButtonTextTimed":"Increase Max Bid","placeNextBidButtonTextLive":"Place Bid","placeMaxBidbuttonTextLive":"Place Max Bid","increaseMaxBidButtonTextLive":"Increase Max Bid"}; 4878 </script>
vendor: 1 bytes, line 4878
4878
4879<script type="text/javascript">document.addEventListener("DOMContentLoaded", () => { 4880 const header = document.querySelector(".site-header"); 4881 const navToggle = document.getElementById("mobile-menu-checkbox"); 4882 const nav = header?.querySelector(".site-header-nav") || document.getElementById("main-nav"); 4883 const searchToggle = document.getElementById("search-toggle"); 4884 const searchInput = document.getElementById("search-input-field"); 4885 const headerMobileMq = window.matchMedia("(max-width: 991px)"); 4886 const rootEl = document.documentElement; 4887 const NOTIFICATION_HEIGHT_VAR = "--hakes-notification-bar-height"; 4888 let notificationBarResizeObserver = null; 4889 4890 /* Verify banner covers fixed mobile drawer â measure and offset via CSS var */ 4891 const readNotificationBarHeightPx = () => { 4892 if (!document.body.classList.contains("show_notification")) return 0; 4893 const bar = document.querySelector(".message_bar_wrap"); 4894 if (!bar) return 0; 4895 const rect = bar.getBoundingClientRect(); 4896 return rect.height > 0 ? Math.ceil(rect.height) : 0; 4897 }; 4898 4899 const applyNotificationBarHeightCssVar = () => { 4900 rootEl.style.setProperty(NOTIFICATION_HEIGHT_VAR, `${readNotificationBarHeightPx()}px`); 4901 }; 4902 4903 const bindNotificationBarResizeObserver = () => { 4904 if (typeof ResizeObserver === "undefined") return; 4905 if (notificationBarResizeObserver) { 4906 notificationBarResizeObserver.disconnect(); 4907 notificationBarResizeObserver = null; 4908 } 4909 const bar = document.querySelector(".message_bar_wrap"); 4910 if (!bar || !document.body.classList.contains("show_notification")) return; 4911 notificationBarResizeObserver = new ResizeObserver(() => { 4912 applyNotificationBarHeightCssVar(); 4913 }); 4914 notificationBarResizeObserver.observe(bar); 4915 }; 4916 4917 const syncNotificationBarHeight = () => { 4918 applyNotificationBarHeightCssVar(); 4919 bindNotificationBarResizeObserver(); 4920 }; 4921 4922 syncNotificationBarHeight(); 4923 window.addEventListener("resize", () => { 4924 window.requestAnimationFrame(syncNotificationBarHeight); 4925 }); 4926 window.addEventListener("wl-dev-state-change", syncNotificationBarHeight); 4927 new MutationObserver(syncNotificationBarHeight).observe(document.body, { 4928 attributes: true, 4929 attributeFilter: ["class"], 4930 }); 4931 4932 /* Platform emits "Log In"; Figma label is LOGIN (no space) */ 4933 const relabelAuthLinks = () => { 4934 document.querySelectorAll(".site-header-account a.login-link").forEach((link) => { 4935 const label = (link.textContent || "").replace(/\s+/g, " ").trim().toLowerCase(); 4936 if (label === "log in" || label === "login") { 4937 link.textContent = "LOGIN"; 4938 } 4939 }); 4940 }; 4941 4942 relabelAuthLinks(); 4943 window.addEventListener("wl-dev-state-change", relabelAuthLinks); 4944 document.querySelectorAll(".site-header-account, [data-wl-auth-slot]").forEach((slot) => { 4945 const observer = new MutationObserver(relabelAuthLinks); 4946 observer.observe(slot, { childList: true, subtree: true, characterData: true }); 4947 }); 4948 4949 /* Figma: "MASTER OF THE UNIVERSE:" on line 1, "ETERNIA COLLECTION" on line 2 */ 4950 const breakCloudHomeBannerTitles = () => { 4951 document.querySelectorAll(".cloud-home-banner__title").forEach((el) => { 4952 if (el.dataset.hakesTitleBreak === "1") return; 4953 const text = (el.textContent || "").replace(/\s+/g, " ").trim(); 4954 const colonIdx = text.indexOf(":"); 4955 if (colonIdx === -1) return; 4956 const firstLine = text.slice(0, colonIdx + 1).trim(); 4957 const secondLine = text.slice(colonIdx + 1).trim(); 4958 if (!secondLine) return; 4959 el.replaceChildren( 4960 document.createTextNode(firstLine), 4961 document.createElement("br"), 4962 document.createTextNode(secondLine), 4963 ); 4964 el.dataset.hakesTitleBreak = "1"; 4965 }); 4966 }; 4967 4968 breakCloudHomeBannerTitles(); 4969 window.addEventListener("load", breakCloudHomeBannerTitles); 4970 // Slick clones slides after init â re-apply so clones keep the break 4971 if (typeof window.jQuery === "function") { 4972 window.jQuery(document).on( 4973 "init.slick reInit.slick setPosition.slick", 4974 "[data-cloud-home-banners]", 4975 breakCloudHomeBannerTitles, 4976 ); 4977 } 4978 window.setTimeout(breakCloudHomeBannerTitles, 0); 4979 4980 /* Banner "Consign with us" â consign page (CMS often ships href="#") */ 4981 const CONSIGN_WITH_US_PATH = "/consign-with-us"; 4982 const VIEW_COLLECTION_PATH = 4983 "/auctions/hakes-auctions/private-sales-6737/catalog#catalog"; 4984 4985 const fixCloudHomeBannerCtaLinks = () => { 4986 document.querySelectorAll(".cloud-home-banner__cta").forEach((link) => { 4987 const label = (link.textContent || "").replace(/\s+/g, " ").trim().toLowerCase(); 4988 const href = (link.getAttribute("href") || "").trim(); 4989 4990 if (label.includes("consign")) { 4991 if (href === CONSIGN_WITH_US_PATH || href.endsWith("/consign-with-us")) return; 4992 link.setAttribute("href", CONSIGN_WITH_US_PATH); 4993 return; 4994 } 4995 4996 if (label.includes("view collection") || link.classList.contains("cloud-home-banner__cta--primary")) { 4997 if (href.includes("/auctions/hakes-auctions/private-sales-6737/catalog")) return; 4998 link.setAttribute("href", VIEW_COLLECTION_PATH); 4999 } 5000 });
5001 }; 5002 5003 fixCloudHomeBannerCtaLinks(); 5004 window.addEventListener("load", fixCloudHomeBannerCtaLinks); 5005 if (typeof window.jQuery === "function") { 5006 window.jQuery(document).on( 5007 "init.slick reInit.slick setPosition.slick", 5008 "[data-cloud-home-banners]", 5009 fixCloudHomeBannerCtaLinks, 5010 ); 5011 } 5012 window.setTimeout(fixCloudHomeBannerCtaLinks, 0); 5013 5014 /* Arrow: clear focus on mouse leave / outside click so white circle returns */ 5015 const bindCloudHomeBannerArrowBlur = () => { 5016 document.querySelectorAll(".cloud-home-banners .slick-arrow").forEach((btn) => { 5017 if (btn.dataset.hakesArrowBlur === "1") return; 5018 btn.dataset.hakesArrowBlur = "1"; 5019 btn.addEventListener("mouseleave", () => { 5020 btn.blur(); 5021 }); 5022 }); 5023 }; 5024 5025 bindCloudHomeBannerArrowBlur(); 5026 window.addEventListener("load", bindCloudHomeBannerArrowBlur); 5027 if (typeof window.jQuery === "function") { 5028 window.jQuery(document).on( 5029 "init.slick reInit.slick setPosition.slick", 5030 ".cloud-home-banners", 5031 bindCloudHomeBannerArrowBlur, 5032 ); 5033 } 5034 window.setTimeout(bindCloudHomeBannerArrowBlur, 0); 5035 5036 const syncSearchOpen = (open) => { 5037 document.querySelectorAll('label.site-header-search-trigger[for="search-toggle"]').forEach((el) => { 5038 el.setAttribute("aria-expanded", open ? "true" : "false"); 5039 }); 5040 if (open && searchInput) { 5041 requestAnimationFrame(() => searchInput.focus()); 5042 } 5043 }; 5044 5045 const closeSearch = () => { 5046 if (!searchToggle?.checked) return; 5047 searchToggle.checked = false; 5048 syncSearchOpen(false); 5049 }; 5050 5051 if (searchToggle) { 5052 searchToggle.addEventListener("change", () => syncSearchOpen(searchToggle.checked)); 5053 syncSearchOpen(searchToggle.checked); 5054 } 5055 5056 const searchForm = header?.querySelector(".site-header-search-form"); 5057 const searchTriggers = document.querySelectorAll('label.site-header-search-trigger[for="search-toggle"]'); 5058 5059 const isInsideOpenSearch = (target) => { 5060 if (!(target instanceof Element)) return false; 5061 return Boolean(target.closest(".site-header-search-slot")); 5062 }; 5063 5064 const getSearchQuery = () => (searchInput?.value || "").trim(); 5065 5066 /* Mobile: glass expands; second click collapses if empty, submits if filled. 5067 Do not close on mouseleave â DevTools responsive + moving toward the input 5068 both fire leave with a null relatedTarget. */ 5069 const handleMobileSearchAction = () => { 5070 if (getSearchQuery()) { 5071 if (typeof searchForm?.requestSubmit === "function") { 5072 searchForm.requestSubmit(); 5073 } else { 5074 searchForm?.submit(); 5075 } 5076 return; 5077 } 5078 closeSearch(); 5079 }; 5080 5081 searchTriggers.forEach((el) => { 5082 el.addEventListener("click", (event) => { 5083 if (!headerMobileMq.matches || !searchToggle?.checked) return; 5084 event.preventDefault(); 5085 handleMobileSearchAction(); 5086 }); 5087 }); 5088 5089 searchForm?.addEventListener("submit", (event) => { 5090 if (!headerMobileMq.matches) return; 5091 if (getSearchQuery()) return; 5092 event.preventDefault(); 5093 closeSearch(); 5094 }); 5095 5096 /* `required` blocks the submit event when empty, so the glass click 5097 never reaches the handler above â intercept the button instead. */ 5098 searchForm?.querySelector(".site-header-search-submit")?.addEventListener("click", (event) => { 5099 if (!headerMobileMq.matches || !searchToggle?.checked) return; 5100 if (getSearchQuery()) return; 5101 event.preventDefault(); 5102 closeSearch(); 5103 }); 5104 5105 document.addEventListener("pointerdown", (event) => { 5106 if (!headerMobileMq.matches || !searchToggle?.checked) return; 5107 if (isInsideOpenSearch(event.target)) return; 5108 closeSearch(); 5109 }); 5110 5111 const closeAllDropdowns = () => { 5112 if (!nav) return; 5113 nav.querySelectorAll(".main-menu .has-dropdown.open").forEach((item) => { 5114 item.classList.remove("open"); 5115 const dropdown = item.querySelector(".dropdown-menu"); 5116 dropdown?.classList.remove("show"); 5117 item.querySelector(":scope > a")?.setAttribute("aria-expanded", "false"); 5118 if (dropdown) { 5119 dropdown.style.position = ""; 5120 dropdown.style.transform = ""; 5121 dropdown.style.top = ""; 5122 dropdown.style.left = ""; 5123 } 5124 });
5125 }; 5126 5127 const toggleMobileDropdown = (link) => { 5128 const parent = link.parentElement; 5129 const dropdown = parent?.querySelector(":scope > .dropdown-menu"); 5130 if (!parent || !dropdown) return; 5131 5132 const opening = !parent.classList.contains("open"); 5133 closeAllDropdowns(); 5134 5135 if (opening) { 5136 parent.classList.add("open"); 5137 dropdown.classList.add("show"); 5138 link.setAttribute("aria-expanded", "true"); 5139 dropdown.style.position = "static"; 5140 dropdown.style.transform = "none"; 5141 dropdown.style.top = "auto"; 5142 dropdown.style.left = "auto"; 5143 } 5144 }; 5145 5146 if (nav) { 5147 nav.querySelectorAll(".main-menu .has-dropdown > a").forEach((link) => { 5148 // Prevent wl-dev preview from reloading the page when toggling mobile submenus. 5149 link.dataset.wlPreviewAllowNav = "1"; 5150 }); 5151 } 5152 5153 if (header && nav) { 5154 header.addEventListener("click", (event) => { 5155 if (!headerMobileMq.matches) return; 5156 const link = event.target.closest(".main-menu .has-dropdown > a"); 5157 if (!link || !nav.contains(link)) return; 5158 event.preventDefault(); 5159 event.stopPropagation(); 5160 event.stopImmediatePropagation(); 5161 toggleMobileDropdown(link); 5162 }, true); 5163 } 5164 5165 if (nav) { 5166 nav.querySelectorAll(".main-menu .has-dropdown > a").forEach((link) => { 5167 link.addEventListener("click", (event) => { 5168 if (headerMobileMq.matches) return; 5169 event.preventDefault(); 5170 event.stopPropagation(); 5171 5172 const parent = link.parentElement; 5173 const dropdown = parent?.querySelector(".dropdown-menu"); 5174 if (!parent || !dropdown) return; 5175 5176 const opening = !parent.classList.contains("open"); 5177 nav.querySelectorAll(".main-menu .has-dropdown.open").forEach((item) => { 5178 if (item === parent) return; 5179 item.classList.remove("open"); 5180 item.querySelector(".dropdown-menu")?.classList.remove("show"); 5181 item.querySelector(":scope > a")?.setAttribute("aria-expanded", "false"); 5182 }); 5183 5184 parent.classList.toggle("open", opening); 5185 dropdown.classList.toggle("show", opening); 5186 link.setAttribute("aria-expanded", opening ? "true" : "false"); 5187 dropdown.style.position = ""; 5188 dropdown.style.transform = ""; 5189 dropdown.style.top = ""; 5190 dropdown.style.left = ""; 5191 }); 5192 }); 5193 } 5194 5195 if (navToggle) { 5196 const syncNavState = () => { 5197 const open = Boolean(navToggle.checked) && headerMobileMq.matches; 5198 if (navToggle.checked && !headerMobileMq.matches) { 5199 navToggle.checked = false; 5200 } 5201 document.body.classList.toggle("nav-open", open); 5202 navToggle.setAttribute("aria-expanded", open ? "true" : "false"); 5203 syncNotificationBarHeight(); 5204 if (!open) { 5205 closeAllDropdowns(); 5206 } 5207 }; 5208 5209 const forceCloseMobileNav = () => { 5210 navToggle.checked = false; 5211 document.body.classList.remove("nav-open", "nav-drawer-animate"); 5212 navToggle.setAttribute("aria-expanded", "false"); 5213 closeAllDropdowns(); 5214 }; 5215 5216 navToggle.addEventListener("change", syncNavState); 5217 syncNavState(); 5218 5219 const onViewportModeChange = () => { 5220 forceCloseMobileNav(); 5221 closeSearch(); 5222 syncNavState(); 5223 }; 5224 5225 // matchMedia change fires on breakpoint cross (more reliable than resize alone) 5226 if (typeof headerMobileMq.addEventListener === "function") { 5227 headerMobileMq.addEventListener("change", onViewportModeChange); 5228 } else if (typeof headerMobileMq.addListener === "function") { 5229 headerMobileMq.addListener(onViewportModeChange); 5230 } 5231 5232 window.addEventListener("resize", () => { 5233 if (!headerMobileMq.matches || navToggle.checked) { 5234 forceCloseMobileNav(); 5235 } 5236 if (!headerMobileMq.matches) { 5237 closeSearch(); 5238 } 5239 }); 5240 } 5241 5242 document.addEventListener("keydown", (event) => { 5243 if (event.key !== "Escape") return; 5244 closeSearch(); 5245 closeAllDropdowns(); 5246 if (navToggle && navToggle.checked) { 5247 navToggle.checked = false; 5248 navToggle.dispatchEvent(new Event("change")); 5249 } 5250 }); 5251
5252 searchTriggers.forEach((el) => { 5253 el.addEventListener("keydown", (event) => { 5254 if (event.key !== "Enter" && event.key !== " ") return; 5255 event.preventDefault(); 5256 if (headerMobileMq.matches && searchToggle?.checked) { 5257 handleMobileSearchAction(); 5258 return; 5259 } 5260 if (searchToggle) { 5261 searchToggle.checked = !searchToggle.checked; 5262 searchToggle.dispatchEvent(new Event("change")); 5263 } 5264 }); 5265 }); 5266 5267 /* 5268 * Homepage Bottom â CMS nests content in extra <div>s, which breaks the 5269 * direct-child grid CSS. Flatten to: 5270 * p (eyebrow) â h2 â p (body) â p (buttons) â p (partner cards) 5271 */ 5272 const bottom = document.querySelector(".cloud-home__bottom"); 5273 if (bottom) { 5274 const eyebrow = 5275 bottom.querySelector(":scope > p:first-of-type") || 5276 [...bottom.querySelectorAll("p")].find( 5277 (p) => !p.querySelector("a, img") && p.textContent.trim() 5278 ); 5279 const title = bottom.querySelector("h2"); 5280 const body = [...bottom.querySelectorAll("p")].find( 5281 (p) => 5282 p !== eyebrow && 5283 !p.querySelector("a, img") && 5284 p.textContent.trim() && 5285 p.textContent.trim().length > 40 5286 ); 5287 const btnLinks = [...bottom.querySelectorAll("a.hakes-home-bottom__btn")]; 5288 5289 const actions = document.createElement("p"); 5290 actions.setAttribute("data-hakes-home-actions", "1"); 5291 btnLinks.forEach((a) => actions.appendChild(a)); 5292 5293 const cards = document.createElement("p"); 5294 cards.setAttribute("data-hakes-home-cards", "1"); 5295 cards.innerHTML = ` 5296 <a href="https://www.starwarstracker.com/" target="_blank" rel="noopener noreferrer"> 5297 <img src="https://s1.bidsquare.com/cms/files/Images3/icon-1024x1024%201.png" alt="Star Wars Tracker" width="255" height="255" /> 5298 </a> 5299 <a href="https://www.cgccomics.com/" target="_blank" rel="noopener noreferrer"> 5300 <img src="https://s1.bidsquare.com/cms/files/Folder/Image4/CGC_Graphic%201.png" alt="CGC â Save 25%" width="255" height="255" /> 5301 </a> 5302 <a href="https://afagrading.com/" target="_blank" rel="noopener noreferrer"> 5303 <img src="https://s1.bidsquare.com/cms/files/Folder/Image4/AFA_Graphic%201.png" alt="AFA â Save 10%" width="255" height="255" /> 5304 </a> 5305 `; 5306 5307 const fragment = document.createDocumentFragment(); 5308 if (eyebrow) fragment.appendChild(eyebrow); 5309 if (title) fragment.appendChild(title); 5310 if (body) fragment.appendChild(body); 5311 if (btnLinks.length) fragment.appendChild(actions); 5312 fragment.appendChild(cards); 5313 5314 bottom.replaceChildren(fragment); 5315 } 5316}); 5317 5318 5319</script>
5319 5320
5320<script type="text/javascript"> 5321 if (typeof CKEDITOR !== 'undefined') CKEDITOR.timestamp = (new Date()).getTime(); // force refreshing the CKEditor internal js files 5322 </script>
5322 5323 </head> 5324 <body class=""> 5325 5326<div class="wrap"> 5327 5328 <div id="loadingDiv" class="loadingDiv" style="display:none;"> </div> 5329 <link rel="stylesheet" type="text/css" href="https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap" /> 5330 5331 5332 <link rel="preconnect" href="https://fonts.googleapis.com"> 5333<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> 5334<link href="https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,400;0,500;0,700;1,400&display=swap" rel="stylesheet"> 5335 5336<div class="site-header mobile-hider"> 5337 <input type="checkbox" id="search-toggle" class="site-header-search-checkbox" hidden> 5338 5339 <div class="site-header-main"> 5340 <input type="checkbox" id="mobile-menu-checkbox" class="mobile-menu-checkbox" aria-controls="main-nav" 5341 aria-expanded="false" aria-label="Toggle navigation menu"> 5342 5343 <div class="site-header-brand"> 5344 <a href="/" class="site-header-logo-link" aria-label="Hake's Auctions homepage"> 5345 <img src="https://s1.img.bidsquare.com/site/logo/146.png?t=1X1LWj" alt="Hake's Auctions" class="site-header-logo"> 5346 </a> 5347 </div> 5348 5349 <div class="site-header-center"> 5350 <nav class="site-header-nav" id="main-nav" aria-label="Primary"> 5351 <ul class="main-menu"> 5352 <li class="nav-item has-dropdown"> 5353 <a href="/auctions" data-wl-preview-allow-nav="1" aria-expanded="false" aria-haspopup="true"> 5354 Auction 5355 <i class="fa fa-angle-down nav-caret" aria-hidden="true"></i> 5356 </a> 5357 <ul class="dropdown-menu"> 5358 <li><a class="dropdown-item" href="/auctions">Current Auction</a></li> 5359 <li><a class="dropdown-item" href="/auctions">Upcoming Auctions</a></li> 5360 <li><a class="dropdown-item" href="/auctions/past">Past Auctions</a></li> 5361 <li><a class="dropdown-item" href="/auctions/past">Auction Results</a></li> 5362 </ul> 5363 </li> 5364 <li class="nav-item"> 5365 <a href="/user/register">Register</a> 5366 </li> 5367 <li class="nav-item"> 5368 <a href="/consign-with-us">Sell</a> 5369 </li> 5370 <li class="nav-item has-dropdown"> 5371 <a href="/howtobid" data-wl-preview-allow-nav="1" 5372 aria-expanded="false" aria-haspopup="true"> 5373 Resources 5374 <i class="fa fa-angle-down nav-caret" aria-hidden="true"></i> 5375 </a> 5376 <ul class="dropdown-menu"> 5377 <li><a class="dropdown-item" href="/AuctionClosingProcedure">Auction 5378 Closing Procedure</a></li> 5379 <li><a class="dropdown-item" href="/howtobid">How to Bid</a></li> 5380 <li><a class="dropdown-item" href="/about-us">Meet the Team</a></li> 5381 <li><a class="dropdown-item" href="/contactus">Contact Us</a></li> 5382 <li><a class="dropdown-item" href="/terms-conditions">Auction Rules</a></li> 5383 </ul> 5384 </li> 5385 </ul> 5386 <div class="site-header-account site-header-account--drawer"> 5387 <a href="https://www.hakes.com/user/register" class="signup-link" data-toggle="modal" data-target="#registration_pop">Sign up</a> <a href="https://www.hakes.com/user/login" class="login-link" data-toggle="modal" data-target="#login_pop">Log In</a> 5388 </div> 5389 </nav> 5390 5391 <div class="site-header-search-slot"> 5392 <label for="search-toggle" class="site-header-search-trigger" role="button" tabindex="0" 5393 aria-label="Toggle search"> 5394 <i class="fa fa-search" aria-hidden="true"></i> 5395 </label> 5396 <div class="site-header-search-field"> 5397 <form action="/search" method="get" class="site-header-search-form">
5398 <span class="site-header-search-icon" aria-hidden="true"> 5399 <i class="fa fa-search"></i> 5400 </span> 5401 <input type="text" name="search" id="search-input-field" class="site-header-search-input" 5402 placeholder="SEARCH" autocomplete="off" required> 5403 <button type="submit" class="site-header-search-submit" aria-label="Submit search"> 5404 <svg class="site-header-search-submit-icon" width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> 5405 <circle cx="7.5" cy="7.5" r="5.75" stroke="currentColor" stroke-width="1.5"/> 5406 <path d="M12 12L15.5 15.5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/> 5407 </svg> 5408 </button> 5409 </form> 5410 </div> 5411 </div> 5412 </div> 5413 5414 <div class="site-header-actions"> 5415 <label for="mobile-menu-checkbox" class="hamburger" aria-hidden="true"> 5416 <span></span> 5417 <span></span> 5418 <span></span> 5419 </label> 5420 <div class="site-header-account site-header-account--inline"> 5421 <a href="https://www.hakes.com/user/register" class="signup-link" data-toggle="modal" data-target="#registration_pop">Sign up</a> <a href="https://www.hakes.com/user/login" class="login-link" data-toggle="modal" data-target="#login_pop">Log In</a> 5422 </div> 5423 </div> 5424 </div> 5425</div> 5426 5427 5428 5429 5430 5431 5432 <div class="register_form_page login_Modal container"> 5433 <div class="modal-heading">Let's get started</div> 5434<p> 5435 Enter email to create an account to start bidding.</p> 5436 5437<form class="register_form_email" onsubmit="return false;" action="https://www.hakes.com/user/register/email" method="post"> 5438 <input type="hidden" id="RzJoQzlURis2OCtLQTNkT3lQS2RqZz09" name="RzJoQzlURis2OCtLQTNkT3lQS2RqZz09" value="ZkpUMUJkVThzZmFqKythMUlQNCs0QT09" /> <div id="register_error" class="popup_error"> </div> 5439 <div class="form-group"> 5440 <input type="text" id="email" name="email" value="" class="form-control" autofocus="" placeholder="Email Address" /> </div> 5441 <div class="submit"> 5442 <button class="register_bnt_email btn btn-primary" name="register_button" type="submit">Continue</button> 5443 </div> 5444 <div class="bottom_text"> 5445 <div class="signin-area dnt_hv_ac note_text bsq_acc_suggest"> 5446 <p>Already have an account? <a href="javascript:void(0);" class="registration-login">Click here to log in</a></p> 5447 </div> 5448 </div> 5449</form>
5450<script type="text/javascript"> 5451 $(function() 5452 { 5453 }); 5454</script>
5454 5455 5456</div> 5457 5458 5459 5460 <div class="site-footer mobile-hider"> 5461 <div class="site-footer-band"> 5462 <div class="site-footer-top site-footer-grid"> 5463 <div class="site-footer-col site-footer-col--contact"> 5464 <h3 class="site-footer-title">Hake's Auctions</h3> 5465 <div class="site-footer-contact"> 5466 <p>P.O. Box 12001</p> 5467 <p>York, PA 17402</p> 5468 <p><strong class="site-footer-contact-label">Hours:</strong> M-F 8:30am to 4:00pm (Eastern)</p> 5469 <p><strong class="site-footer-contact-label">Phone:</strong> <a href="tel:+17174341600">(717) 434-1600</a></p> 5470 <p><strong class="site-footer-contact-label">Toll Free:</strong> <a href="tel:+18664049800">(866) 404-9800</a></p> 5471 </div> 5472 </div> 5473 5474 <div class="site-footer-col site-footer-col--links"> 5475 <h3 class="site-footer-title">Links</h3> 5476 <ul class="site-footer-list"> 5477 <li><a href="/auctions">Current Auction</a></li> 5478 <li><a href="/consign-with-us">How to Consign</a></li> 5479 <li><a href="/howtobid">How to Bid</a></li> 5480 <li><a href="/AuctionClosingProcedure">Closing Procedure</a></li> 5481 <li><a href="/contactus">Contact Us</a></li> 5482 <li><a href="/user/login">Login</a></li> 5483 </ul> 5484 </div> 5485 5486 <div class="site-footer-col site-footer-col--powered site-footer-col--powered-desktop"> 5487 <div class="site-footer-powered"> 5488 <a href="https://www.bidsquarecloud.com" target="_blank" rel="noopener noreferrer"> 5489 <img src="https://s1.bidsquare.com/cms/files/Powered%20by%20Bidsquare%20cloud-01-04.png" 5490 alt="Powered by Bidsquare" class="site-footer-powered-img"> 5491 </a> 5492 </div> 5493 </div> 5494 </div> 5495 5496 <div class="site-footer-bottom"> 5497 <ul class="site-footer-social-list" aria-label="Social media"> 5498 <li> 5499 <a href="https://www.facebook.com/hakesassociates" target="_blank" rel="noopener noreferrer" 5500 class="site-footer-social-link site-footer-social-link--facebook" aria-label="Facebook"> 5501 <img src="https://s1.bidsquare.com/cms/files/Folder/Image4/facebook.png" alt="" width="36" height="36"> 5502 </a> 5503 </li> 5504 <li> 5505 <a href="https://www.instagram.com/hakesauctions/" target="_blank" rel="noopener noreferrer" 5506 class="site-footer-social-link site-footer-social-link--instagram" aria-label="Instagram"> 5507 <img src="https://s1.bidsquare.com/cms/files/Folder/Image4/instagram.png" alt="" width="36" height="36"> 5508 </a> 5509 </li> 5510 <li> 5511 <a href="https://x.com/hakesauctions" target="_blank" rel="noopener noreferrer" 5512 class="site-footer-social-link site-footer-social-link--x" aria-label="X"> 5513 <img src="https://s1.bidsquare.com/cms/files/Folder/Image4/twitter.png" alt="" width="36" height="36"> 5514 </a> 5515 </li> 5516 <li> 5517 <a href="https://www.youtube.com/channel/UCKI4LRbWUkyMQDObhbHSrkg" target="_blank" rel="noopener noreferrer" 5518 class="site-footer-social-link site-footer-social-link--youtube" aria-label="YouTube"> 5519 <img src="https://s1.bidsquare.com/cms/files/Folder/Image4/youtube.png" alt="" width="36" height="36"> 5520 </a> 5521 </li> 5522 <li> 5523 <a href="https://www.tiktok.com/@hakesassociates" target="_blank" rel="noopener noreferrer" 5524 class="site-footer-social-link site-footer-social-link--tiktok" aria-label="TikTok"> 5525 <img src="https://s1.bidsquare.com/cms/files/Folder/Image4/tiktok.png" alt="" width="36" height="36"> 5526 </a> 5527 </li> 5528 </ul> 5529 <div class="site-footer-col site-footer-col--powered site-footer-col--powered-mobile"> 5530 <div class="site-footer-powered"> 5531 <a href="https://www.bidsquarecloud.com" target="_blank" rel="noopener noreferrer"> 5532 <img src="https://s1.bidsquare.com/cms/files/Powered%20by%20Bidsquare%20cloud-01-04.png" 5533 alt="Powered by Bidsquare" class="site-footer-powered-img"> 5534 </a> 5535 </div> 5536 </div> 5537 <p class="site-footer-copyright">© Hakes Auctions 2026 All rights reserved</p> 5538 </div> 5539 </div> 5540</div> 5541 5542 5543 5544<section class="common-popup"> 5545 5546 <style>
5547 .modal-body.login_reg_page { 5548 padding: 0; 5549 } 5550 </style> 5551 <div class="modal fade login_ms" id="login_pop" data-backdrop="static" data-keyboard="false" role="dialog" aria-hidden="true" > 5552 <div class="modal-dialog modal-dialog-centered" role="document"> 5553 <div class="modal-content"> 5554 <div class="modal-header"> 5555 5556 <button type="button" class="close" data-dismiss="modal" aria-label="Close"></button> 5557 </div> 5558 <div class="modal-body login_reg_page login_form_page"> 5559 <div class="sec_login_heading dfl_heading"> 5560 <div class="modal-heading">Login to Hake's</div> 5561 <p>Please enter your email to login</p> 5562 </div> 5563 5564 <div class="sec_login_heading rnl_heading" style="display: none;"> 5565 <div class="modal-heading">Login or Create Account</div> 5566 <p> 5567 Enter email to create an account to start bidding. </p> 5568 </div> 5569 5570<form class="login_form_email" onsubmit="return false;" action="https://www.hakes.com/user/login/email" method="post" > 5571 <input type="hidden" id="RzJoQzlURis2OCtLQTNkT3lQS2RqZz09" name="RzJoQzlURis2OCtLQTNkT3lQS2RqZz09" value="ZkpUMUJkVThzZmFqKythMUlQNCs0QT09" /> <div id="login_error" class="popup_error"></div> 5572 <div class="form-group"> 5573 <input type="text" id="email_address" name="email_address" class="form-control" autofocus="" placeholder="Email Address" /> </div> 5574 <div class="submit"> 5575 <button class="login_bnt_email btn btn-primary" name="login_button" type="submit">Continue</button> 5576 </div> 5577 <div class="bottom_text"> 5578 <div class="agree_text"> 5579 Don't have an account? <a href="javascript:void(0);" class="show-registration-popup" rel="nofollow">Sign up</a> now </div> 5580 </div> 5581</form>
5582<script type="text/javascript"> 5583 $(function() 5584 { 5585 }); 5586</script>
5586 5587 5588 5589 5590 </div> 5591 </div> 5592 </div> 5593 </div> 5594 5595 <div class="modal fade forgot_pwd" id="forgot_pwd_pop" data-backdrop="static" data-keyboard="false" role="dialog" aria-hidden="true" > 5596 <div class="modal-dialog modal-dialog-centered" role="document"> 5597 <div class="modal-content"> 5598 <div class="modal-header"> 5599 5600 <button type="button" class="close" data-dismiss="modal" aria-label="Close"></button> 5601 </div> 5602 <div class="modal-body login_reg_page"> 5603 <div class="form_area forgot_password_form_page"><div class="forgotpass-form-container"> 5604 <div class="modal-heading default-heading ">Forgot your password?</div> 5605 <div class="modal-heading reset-heading hide_div ">Reset Password</div> 5606 <form id="forgot-form" class="request_setup_form" onsubmit="return false;" action="https://www.hakes.com/user/requestsetup" method="post"> 5607 <div class="input_area"> 5608 <div class="security_msg hide_div "></div> 5609 <div class="form-group fp-original-field "> 5610 <div class="forgot_text_area"> 5611 <p>Please enter email address you registered with and we will email you a link to reset your password.</p> 5612 </div> 5613 <input type="text" id="email" name="email" class="form-control" placeholder="Email Address" /> </div> 5614 <div class="fp-modify-field hide_div "> 5615 <p> 5616 <section-email></section-email> 5617 <a href="javascript:void(0)" class="reset-email-addr" data-udef="forgot_password"><i class="fa fa-pencil form-edit-icon" aria-hidden="true"></i></a> 5618 </p> 5619 </div> 5620 <div id="login_error" class="popup_error"> </div> 5621 <div class="submit"> 5622 <input type="submit" id="submit" name="submit" value="Reset Password" class="btn btn-primary" /> </div> 5623 </div> 5624 </form> 5625 <div class="dnt_hv_ac"> 5626 <p><a href="javascript:void(0);" class="show-login-popup">Back to Log in</a></p> 5627 </div> 5628
5628<script type="text/javascript"> 5629 $(function() 5630 { 5631 }); 5632 </script>
5632 5633</div></div> 5634 </div> 5635 </div> 5636 </div> 5637 </div> 5638 </section> 5639 5640</div> 5641 </body> 5642</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.