@font-face {font-family:Nunito Sans;font-weight:400;src: url(fonts/NunitoSans-Regular.woff) format("woff");}@font-face {font-family:Nunito Sans;font-weight:700;src: url(fonts/NunitoSans-Bold.woff) format("woff");}:root {--grid-unit: 8px;--border-radius: 4px;--border-width: 1px;--margin: 8px;--padding: 8px;--color-background: #ffffff;--color-foreground: #6d6b6e;--color-primary: #173E5C;--color-on-primary: #ffffff;--color-primary-light: #1E5178;--color-on-primary-light: #ffffff;--color-primary-dark: #12324A;--color-on-primary-dark: #ffffff;--color-secondary: #8C7F48;--color-on-secondary: #ffffff;--color-secondary-light: #AFA164;--color-on-secondary-light: #ffffff;--color-secondary-dark: #70663A;--color-on-secondary-dark: #ffffff;--color-panel-background: #f8f5f9;--color-border: #c1bec2;--color-info-background: #f2f9ff;--color-info-foreground: #1c5d7d;--color-success-background: #e6f2e6;--color-success-foreground: #007d1e;--color-warn-background: #fcf8e3;--color-warn-foreground: #f0960f;--color-error-background: #fff2f2;--color-error-foreground: #a92d39;--color-neutral-50: #faf7fb;--color-neutral-100: #f8f5f9;--color-neutral-200: #f1eef2;--color-neutral-300: #e5e2e6;--color-neutral-400: #d5d2d6;--color-neutral-500: #c1bec2;--color-neutral-600: #a8a5a9;--color-neutral-700: #8c8a8d;--color-neutral-800: #6d6b6e;--color-neutral-900: #4c4a4d;--color-neutral-950: #2a272a;--color-white: #fff;--color-black: #000;--color-primary-50: #e7fbff;--color-primary-100: #e3f9ff;--color-primary-200: #d6f3ff;--color-primary-300: #c0e9ff;--color-primary-400: #aed9fe;--color-primary-500: #9ac4e9;--color-primary-600: #83accf;--color-primary-700: #6790b2;--color-primary-800: #497091;--color-primary-900: #173e5c;--color-primary-950: #012b47;--color-brand: #173e5c;--color-brand-contrast: #fff;--color-info-50: #e2fdff;--color-info-100: #ddfbff;--color-info-200: #cef6ff;--color-info-300: #b5ecff;--color-info-400: #9eddff;--color-info-500: #8ac8ed;--color-info-600: #71b0d3;--color-info-700: #5593b6;--color-info-800: #357394;--color-info-900: #0a5170;--color-info-950: #002d4a;--color-success-50: #daffda;--color-success-100: #d2ffd2;--color-success-200: #b8ffb9;--color-success-300: #9bff9e;--color-success-400: #8aef8e;--color-success-500: #76da7b;--color-success-600: #5cc163;--color-success-700: #3da346;--color-success-800: #0f8224;--color-success-900: #005f00;--color-success-950: #003500;--color-caution-50: #fff4da;--color-caution-100: #fff1d4;--color-caution-200: #ffe8c2;--color-caution-300: #ffd9a3;--color-caution-400: #ffc372;--color-caution-500: #ffa832;--color-caution-600: #e98f00;--color-caution-700: #c97300;--color-caution-800: #9f5800;--color-caution-900: #713b00;--color-caution-950: #411e00;--color-warning-50: #fff1f0;--color-warning-100: #ffedec;--color-warning-200: #ffe4e2;--color-warning-300: #ffd3d2;--color-warning-400: #ffbbba;--color-warning-500: #ff9a9a;--color-warning-600: #fb787c;--color-warning-700: #db5c61;--color-warning-800: #b63a43;--color-warning-900: #8d0923;--color-warning-950: #580009;--type-primary-font: Nunito Sans, Helvetica, Arial, sans-serif;--type-secondary-font: Nunito Sans, Helvetica, Arial, sans-serif;--type-body-font: Nunito Sans, Helvetica, Arial, sans-serif;--type-body-size: 14px;--type-body-line-height: 16px;--type-body-weight: 400;--type-body-transform: none;--type-heading1-font: Nunito Sans, Helvetica, Arial, sans-serif;--type-heading1-size: 24px;--type-heading1-line-height: 32px;--type-heading1-weight: 700;--type-heading1-transform: capitalize;--type-heading2-font: Nunito Sans, Helvetica, Arial, sans-serif;--type-heading2-size: 20px;--type-heading2-line-height: 28px;--type-heading2-weight: 700;--type-heading2-transform: capitalize;--type-heading3-font: Nunito Sans, Helvetica, Arial, sans-serif;--type-heading3-size: 16px;--type-heading3-line-height: 24px;--type-heading3-weight: 700;--type-heading3-transform: capitalize;--type-button-font: Nunito Sans, Helvetica, Arial, sans-serif;--type-button-size: 12px;--type-button-line-height: 16px;--type-button-weight: 700;--type-button-transform: uppercase;--login-bg-url: url('//ui.voly.co.uk/theme/secure/images/backgound-image.webp') !important;--login-bg-large-url: url('//ui.voly.co.uk/theme/secure/images/background-img-large.webp') !important}body:has(#marketingSplitScreen) { background-image: none !important; } .c-fullscreen-bg.c-login__wrapper:has(#marketingSplitScreen) > .login-positioner { background-image: var(--login-bg-url) !important; background-size: cover; } a.c-login__logo { visibility: hidden; height: 0; min-height: 0; } .logonlogo { background-color: var(--color-primary); padding: 8px; } span#logonicon { display: inline-block; width: 55%; height: 120px; background: url('//ui.voly.co.uk/theme/secure/images/Voly_Yachting_Alt.svg'); background-size: contain; background-repeat: no-repeat; background-position: center; } div.menui.menuv svg.volyicon { display: none; } div.menui.menuv { height: 100%; width: 60px; background-image: url('//ui.voly.co.uk/theme/secure/images/Logomark_White.svg'); background-size: 44px 50px; background-repeat: no-repeat; background-position: center; padding: 0; } div.menui.menuv:hover{ background-image: url('//ui.voly.co.uk/theme/secure/images/Logomark_Primary.svg'); }