@font-face { font-family: "Fira Sans"; src: url(/gfonts/s/firasans/v18/va9C4kDNxMZdWfMOD5Vn9IjLazP3dUTP.woff2) format("woff2"); font-weight: 100; font-style: normal; font-display: swap; } @font-face { font-family: "Fira Sans"; src: url(/gfonts/s/firasans/v18/va9A4kDNxMZdWfMOD5VvkrCqYTLVcFTPj0s.woff2) format("woff2"); font-weight: 100; font-style: italic; font-display: swap; } @font-face { font-family: "Fira Sans"; src: url(/gfonts/s/firasans/v18/va9B4kDNxMZdWfMOD5VnWKnuRB37fF3Wlg.woff2) format("woff2"); font-weight: 200; font-style: normal; font-display: swap; } @font-face { font-family: "Fira Sans"; src: url(/gfonts/s/firasans/v18/va9f4kDNxMZdWfMOD5VvkrAGQBf6XljGllLX.woff2) format("woff2"); font-weight: 200; font-style: italic; font-display: swap; } @font-face { font-family: "Fira Sans"; src: url(/gfonts/s/firasans/v18/va9B4kDNxMZdWfMOD5VnPKruRB37fF3Wlg.woff2) format("woff2"); font-weight: 300; font-style: normal; font-display: swap; } @font-face { font-family: "Fira Sans"; src: url(/gfonts/s/firasans/v18/va9f4kDNxMZdWfMOD5VvkrBiQxf6XljGllLX.woff2) format("woff2"); font-weight: 300; font-style: italic; font-display: swap; } @font-face { font-family: "Fira Sans"; src: url(/gfonts/s/firasans/v18/va9E4kDNxMZdWfMOD5VflYLKSTbndQ.woff2) format("woff2"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: "Fira Sans"; src: url(/gfonts/s/firasans/v18/va9C4kDNxMZdWfMOD5VvkojLazP3dUTP.woff2) format("woff2"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: "Fira Sans"; src: url(/gfonts/s/firasans/v18/va9B4kDNxMZdWfMOD5VnZKvuRB37fF3Wlg.woff2) format("woff2"); font-weight: 500; font-style: normal; font-display: swap; } @font-face { font-family: "Fira Sans"; src: url(/gfonts/s/firasans/v18/va9f4kDNxMZdWfMOD5VvkrA6Qhf6XljGllLX.woff2) format("woff2"); font-weight: 500; font-style: italic; font-display: swap; } @font-face { font-family: "Fira Sans"; src: url(/gfonts/s/firasans/v18/va9B4kDNxMZdWfMOD5VnSKzuRB37fF3Wlg.woff2) format("woff2"); font-weight: 600; font-style: normal; font-display: swap; } @font-face { font-family: "Fira Sans"; src: url(/gfonts/s/firasans/v18/va9f4kDNxMZdWfMOD5VvkrAWRRf6XljGllLX.woff2) format("woff2"); font-weight: 600; font-style: italic; font-display: swap; } @font-face { font-family: "Fira Sans"; src: url(/gfonts/s/firasans/v18/va9B4kDNxMZdWfMOD5VnLK3uRB37fF3Wlg.woff2) format("woff2"); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: "Fira Sans"; src: url(/gfonts/s/firasans/v18/va9f4kDNxMZdWfMOD5VvkrByRBf6XljGllLX.woff2) format("woff2"); font-weight: 700; font-style: italic; font-display: swap; } @font-face { font-family: "Fira Sans"; src: url(/gfonts/s/firasans/v18/va9B4kDNxMZdWfMOD5VnMK7uRB37fF3Wlg.woff2) format("woff2"); font-weight: 800; font-style: normal; font-display: swap; } @font-face { font-family: "Fira Sans"; src: url(/gfonts/s/firasans/v18/va9f4kDNxMZdWfMOD5VvkrBuRxf6XljGllLX.woff2) format("woff2"); font-weight: 800; font-style: italic; font-display: swap; } @font-face { font-family: "Fira Sans"; src: url(/gfonts/s/firasans/v18/va9B4kDNxMZdWfMOD5VnFK_uRB37fF3Wlg.woff2) format("woff2"); font-weight: 900; font-style: normal; font-display: swap; } @font-face { font-family: "Fira Sans"; src: url(/gfonts/s/firasans/v18/va9f4kDNxMZdWfMOD5VvkrBKRhf6XljGllLX.woff2) format("woff2"); font-weight: 900; font-style: italic; font-display: swap; } body { font-family: var(--font-heading), Arial, Helvetica, sans-serif; font-size: 16px; line-height: 1.4em; font-weight: 400; color: #000000; letter-spacing: 1px; text-transform: none; } body a { color: #000000; } body a:hover { color: #000000; } body a:visited { color: #000000; } h1 { font-family: var(--font-heading), Arial, Helvetica, sans-serif; font-size: 42px; line-height: 1.25em; font-weight: 400; color: #000c69; letter-spacing: 1px; text-transform: uppercase; } h1 a { color: #000c69; } h1 a:hover { color: #000000; } h1 a:visited { color: #000c69; } h2 { font-family: var(--font-heading), Arial, Helvetica, sans-serif; font-size: 25px; line-height: 1.4em; font-weight: 400; color: #000c69; letter-spacing: 1px; text-transform: uppercase; } h2 a { color: #000c69; } h2 a:hover { color: #000000; } h2 a:visited { color: #000c69; } h3 { font-family: var(--font-heading), Arial, Helvetica, sans-serif; font-size: 17px; line-height: 1.4em; font-weight: 400; color: #000c69; letter-spacing: 1px; text-transform: uppercase; } h3 a { color: #000c69; } h3 a:hover { color: #000000; } h3 a:visited { color: #000c69; } h4 { font-family: var(--font-heading), Arial, Helvetica, sans-serif; font-size: 18px; line-height: 1.4em; font-weight: 400; color: #000c69; letter-spacing: 1px; text-transform: uppercase; } h4 a { color: #000c69; } h4 a:hover { color: #000000; } h4 a:visited { color: #000c69; } h5 { font-family: var(--font-heading), Arial, Helvetica, sans-serif; font-size: 16px; line-height: 1.4em; font-weight: 400; color: #000c69; letter-spacing: 1px; text-transform: uppercase; } h5 a { color: #000c69; } h5 a:hover { color: #000000; } h5 a:visited { color: #000c69; } h6 { font-family: var(--font-heading), Arial, Helvetica, sans-serif; font-size: 13px; line-height: 1.4em; font-weight: 400; color: #000c69; letter-spacing: 1px; text-transform: none; } h6 a { color: #000c69; } h6 a:hover { color: #000000; } h6 a:visited { color: #000c69; } nav:where(.site-header-nav) { font-family: var(--font-heading), Arial, Helvetica, sans-serif; font-size: 15px; line-height: 1.15em; font-weight: 500; color: #ffffff; letter-spacing: 1px; text-transform: uppercase; } nav:where(.site-header-nav) a { color: #ffffff; } nav:where(.site-header-nav) a:hover { color: #ffffff; } nav:where(.site-header-nav) a:visited { color: #ffffff; } footer:where(.footer) { font-family: var(--font-heading), Arial, Helvetica, sans-serif; font-size: 14px; line-height: 1.15em; font-weight: 400; color: #000c69; letter-spacing: 1px; text-transform: none; } footer:where(.footer) a { color: #000c69; } footer:where(.footer) a:hover { color: #000000; } footer:where(.footer) a:visited { color: #000c69; } header:where(.site-header) { font-family: var(--font-body), Arial, Helvetica, sans-serif; font-size: 16px; line-height: 1.25em; font-weight: normal; color: var(--color-gray-500); background: #FFFFFF; letter-spacing: 1px; text-transform: none; } header:where(.site-header) a { color: var(--color-gray-500); } header:where(.site-header) a:hover { color: var(--color-gray-500); } header:where(.site-header) a:visited { color: var(--color-gray-500); } :root { --color-primary-100: #ebf4fb; --color-primary-200: #e1eff9; --color-primary-300: #d3e7f7; --color-primary-400: #c5e0f4; --color-primary-500: #B3D6F1; --color-primary-600: #6db0e4; --color-primary-700: #2788d3; --color-primary-800: #195889; --color-primary-900: #0c2b42; --color-secondary-100: #d8dcff; --color-secondary-200: #97a2fe; --color-secondary-300: #4054fd; --color-secondary-400: #0219db; --color-secondary-500: #010C69; --color-secondary-600: #010a5b; --color-secondary-700: #01094c; --color-secondary-800: #01073d; --color-secondary-900: #00052f; --color-gray-100: #e9e9e9; --color-gray-200: #dcd9d5; --color-gray-300: #817f7c; --color-gray-400: #737373; --color-gray-500: #252525; --color-gray-600: #090909; --color-gray-700: #000000; --color-gray-800: #000000; --color-gray-900: #000000; --color-complementary1-100: #f5efef; --color-complementary1-200: #ede3e3; --color-complementary1-300: #e3d4d4; --color-complementary1-400: #d8c3c3; --color-complementary1-500: #cbaeae; --color-complementary1-600: #ae8181; --color-complementary1-700: #895858; --color-complementary1-800: #5a3a3a; --color-complementary1-900: #2d1d1d; --color-bg: #FFFFFF; --color-error: #b53c39; --color-success: #009B71; --color-warning: #FF8C00; --container-width: 1400px; --lot-card-ratio: 1 / 1; --sale-card-ratio: 1 / 1; --news-card-ratio: 1 / 1; --font-body: Fira Sans; --font-heading: Fira Sans; --input-border-width: 1px; --input-radius: 4px; --input-bg: transparent; --input-border: var(--color-gray-300); --input-focus-border: var(--color-primary-500); --color-text: #000000; --header-bg: #FFFFFF; --color-heading: #000c69; } body { background: var(--color-bg); } .button-primary { background-color: var(--color-secondary-500); color: #ffffff; padding: 0.5rem 0.75rem; border: 1px solid var(--color-secondary-500); border-radius: 4px; text-transform: uppercase; &:hover { background-color: var(--color-secondary-500); color: #ffffff; border-color: var(--color-secondary-500); } } .button-secondary { background-color: #FFFFFF; color: var(--color-gray-500); padding: 0.5rem 0.75rem; border: 1px solid #111827; border-radius: 4px; &:hover { background-color: #111827; color: #ffffff; border-color: #111827; } }.fallback-cover--sale { background-image: url("/shared/images/default-sale-cover.svg"); } .fallback-cover--lot { background-image: url("/shared/images/default-lot-cover.svg"); } .fallback-cover--news { background-image: url("/shared/images/default-news-cover.svg"); }