@font-face { font-family: "Cormorant Garamond"; src: url(/gfonts/s/cormorantgaramond/v21/co3bmX5slCNuHLi8bLeY9MK7whWMhyjoq3FLsS6V7w.woff2) format("woff2"); font-weight: 300 700; font-style: normal; font-display: swap; } @font-face { font-family: "Cormorant Garamond"; src: url(/gfonts/s/cormorantgaramond/v21/co3ZmX5slCNuHLi8bLeY9MK7whWMhyjYrHtKkyuF7w6C.woff2) format("woff2"); font-weight: 300 700; font-style: italic; font-display: swap; } @font-face { font-family: "Lato"; src: url(/gfonts/s/lato/v25/S6u8w4BMUTPHh30wXiWrFCbw7A.woff2) format("woff2"); font-weight: 100; font-style: normal; font-display: swap; } @font-face { font-family: "Lato"; src: url(/gfonts/s/lato/v25/S6u-w4BMUTPHjxsIPy-qNiPg7MU0.woff2) format("woff2"); font-weight: 100; font-style: italic; font-display: swap; } @font-face { font-family: "Lato"; src: url(/gfonts/s/lato/v25/S6u9w4BMUTPHh7USewqFGC_p9dw.woff2) format("woff2"); font-weight: 300; font-style: normal; font-display: swap; } @font-face { font-family: "Lato"; src: url(/gfonts/s/lato/v25/S6u_w4BMUTPHjxsI9w2PGQ3s5dwt7w.woff2) format("woff2"); font-weight: 300; font-style: italic; font-display: swap; } @font-face { font-family: "Lato"; src: url(/gfonts/s/lato/v25/S6uyw4BMUTPHvxw6XweuBCY.woff2) format("woff2"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: "Lato"; src: url(/gfonts/s/lato/v25/S6u8w4BMUTPHjxswXiWrFCbw7A.woff2) format("woff2"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: "Lato"; src: url(/gfonts/s/lato/v25/S6u9w4BMUTPHh6UVewqFGC_p9dw.woff2) format("woff2"); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: "Lato"; src: url(/gfonts/s/lato/v25/S6u_w4BMUTPHjxsI5wqPGQ3s5dwt7w.woff2) format("woff2"); font-weight: 700; font-style: italic; font-display: swap; } @font-face { font-family: "Lato"; src: url(/gfonts/s/lato/v25/S6u9w4BMUTPHh50XewqFGC_p9dw.woff2) format("woff2"); font-weight: 900; font-style: normal; font-display: swap; } @font-face { font-family: "Lato"; src: url(/gfonts/s/lato/v25/S6u_w4BMUTPHjxsI3wiPGQ3s5dwt7w.woff2) format("woff2"); font-weight: 900; font-style: italic; font-display: swap; } body { font-family: var(--font-body), Garamond, serif; font-size: 16px; line-height: 1.7em; font-weight: 500; color: #4b4b49; letter-spacing: 0px; text-transform: none; } body a { color: #4b4b49; } body a:hover { color: #4b4b49; } body a:visited { color: #4b4b49; } h1 { font-family: var(--font-heading), Arial, Helvetica, sans-serif; font-size: 35px; line-height: 1.25em; font-weight: 400; color: #6898ad; letter-spacing: 0px; text-transform: uppercase; } h1 a { color: #6898ad; } h1 a:hover { color: #6898ad; } h1 a:visited { color: #6898ad; } h2 { font-family: var(--font-heading), Arial, Helvetica, sans-serif; font-size: 35px; line-height: 1.4em; font-weight: 400; color: #6898ad; letter-spacing: 0px; text-transform: uppercase; } h2 a { color: #6898ad; } h2 a:hover { color: #5987a6; } h2 a:visited { color: #6898ad; } h3 { font-family: var(--font-heading), Arial, Helvetica, sans-serif; font-size: 20px; line-height: 1.4em; font-weight: 500; color: #6898ad; letter-spacing: 0px; text-transform: uppercase; } h3 a { color: #6898ad; } h3 a:hover { color: #6898ad; } h3 a:visited { color: ##6898a; } h4 { font-family: var(--font-heading), Arial, Helvetica, sans-serif; font-size: 16px; line-height: 1.4em; font-weight: 400; color: #6898ad; letter-spacing: 0px; text-transform: uppercase; } h4 a { color: #6898ad; } h4 a:hover { color: #6898ad; } h4 a:visited { color: #6898ad; } h5 { font-family: Garamond, serif, Arial, Helvetica, sans-serif; font-size: 15px; line-height: 1.4em; font-weight: 400; color: #6898ad; letter-spacing: 0px; text-transform: uppercase; } h5 a { color: #6898ad; } h5 a:hover { color: #6898ad; } h5 a:visited { color: #6898ad; } h6 { font-family: Garamond, serif, Arial, Helvetica, sans-serif; font-size: 15px; line-height: 1.4em; font-weight: 400; color: #6898ad; letter-spacing: 0px; text-transform: none; } h6 a { color: #6898ad; } h6 a:hover { color: #6898ad; } h6 a:visited { color: #6898ad; } nav:where(.site-header-nav, .lang-links) { font-family: var(--font-heading), Arial, Helvetica, sans-serif; font-size: 16px; line-height: 1.4em; font-weight: 500; color: #4b4b49; letter-spacing: 0px; text-transform: uppercase; } nav:where(.site-header-nav, .lang-links) a { color: #4b4b49; } nav:where(.site-header-nav, .lang-links) a:hover { color: #4b4b49; } nav:where(.site-header-nav, .lang-links) a:visited { color: #4b4b49; } footer:where(.footer) { font-family: var(--font-body), Garamond, serif; font-size: 16px; line-height: 2em; font-weight: 400; color: #ffffff; letter-spacing: 0px; text-transform: none; } footer:where(.footer) a { color: #ffffff; } footer:where(.footer) a:hover { color: #ffffff; } footer:where(.footer) a:visited { color: #ffffff; } header:where(.site-header) { font-family: var(--font-body), Arial, Helvetica, sans-serif; font-size: 16px; line-height: 1.25em; font-weight: 400; 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: #ebf1f4; --color-primary-200: #d3e1e7; --color-primary-300: #b4ccd6; --color-primary-400: #91b4c3; --color-primary-500: #6898ad; --color-primary-600: #4f7e92; --color-primary-700: #3c5f6f; --color-primary-800: #29414b; --color-primary-900: #17242a; --color-secondary-100: #f1f1f1; --color-secondary-200: #e5e5e5; --color-secondary-300: #d5d4d4; --color-secondary-400: #c3c2c2; --color-secondary-500: #aeacac; --color-secondary-600: #8d8a8a; --color-secondary-700: #6a6767; --color-secondary-800: #464444; --color-secondary-900: #242323; --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: #ecebeb; --color-complementary1-200: #cccbcb; --color-complementary1-300: #a1a0a0; --color-complementary1-400: #737171; --color-complementary1-500: #3A3939; --color-complementary1-600: #323131; --color-complementary1-700: #292828; --color-complementary1-800: #212020; --color-complementary1-900: #181818; --color-complementary2-100: #f5f5f5; --color-complementary2-200: #f5f5f5; --color-complementary2-300: #f5f5f5; --color-complementary2-400: #f5f5f5; --color-complementary2-500: #f5f5f5; --color-complementary2-600: #c4c4c4; --color-complementary2-700: #909090; --color-complementary2-800: #5c5c5c; --color-complementary2-900: #2b2b2b; --color-complementary3-100: #ededec; --color-complementary3-200: #d0d0cf; --color-complementary3-300: #a9a9a7; --color-complementary3-400: #7f7f7c; --color-complementary3-500: #4b4b49; --color-complementary3-600: #3f3f3d; --color-complementary3-700: #333331; --color-complementary3-800: #262625; --color-complementary3-900: #1a1a19; --color-bg: #FFFFFF; --color-error: #b53c39; --color-success: #009B71; --color-warning: #FF8C00; --container-width: 1600px; --lot-card-ratio: 1 / 1; --sale-card-ratio: 1 / 1; --news-card-ratio: 1 / 1; --font-body: Cormorant Garamond; --font-heading: Lato; --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: #4b4b49; --header-bg: #FFFFFF; --color-heading: #6898ad; } body { background: var(--color-bg); } .button-primary { background-color: #ffffff; color: var(--color-complementary1-500); padding: 0.5rem 0.75rem; border: 1px solid var(--color-complementary1-500); border-radius: 0px; text-transform: uppercase; &:hover { background-color: var(--color-complementary1-500); color: #FFFFFF; border-color: var(--color-primary-600); } } .button-secondary { background-color: #FFFFFF; color: var(--color-complementary3-500); padding: 0.5rem 0.75rem; border: 1px solid var(--color-complementary3-500); border-radius: 0px; text-transform: uppercase; &:hover { background-color: var(--color-complementary3-500); color: #ffffff; border-color: var(--color-complementary3-500); } }.fallback-cover--sale { background-image: url("/uploads/couv%20libert.png"); } .fallback-cover--lot { background-image: url("/uploads/couv%20libert.png"); } .fallback-cover--news { background-image: url("/uploads/couv%20libert.png"); }