/* Theme base styles */ /* Tools Any animations, or functions used throughout the project. Note: _macros.css needs to be imported into each stylesheet where macros are used and not included here */ /* Generic This is where reset, normalize & box-sizing styles go. */ @import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,500;0,700;1,400;1,500;1,700&family=Work+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap'); :root { /* colors */ --curi-color-sun: #ffc828; --curi-color-whale: #a8bdce; --curi-color-midnight: #2c4465; --curi-color-iris: #8869ae; --curi-color-aqua: #65bccd; --curi-color-pear: #7faf5c; --curi-color-navy-dark: #1a2b46; --curi-color-navy: var(--curi-color-midnight, #2c4465); --curi-color-medium-grey-blue: #68809a; --curi-color-light-grey-blue: var(--curi-color-whale, #a8bdce); --curi-color-lighter-grey-blue: #f4f5f7; --curi-color-lighter-grey-blue-2: #e6e7ea; --curi-color-white: #ffffff; --curi-color-white-90: #ffffffe6; --curi-color-white-80: #ffffffba; --curi-color-white-60: #ffffff99; --curi-color-black: #323232; --curi-box-shadow-elevated: 0 2px 9px 0 rgba(0, 0, 0, 0.2); /* spacing */ --curi-spacing-2xs: 2px; --curi-spacing-xs: 4px; --curi-spacing-sm: 8px; --curi-spacing-md: 16px; --curi-spacing-lg: 24px; --curi-spacing-xl: 32px; --curi-spacing-2xl: 48px; --curi-spacing-3xl: 64px; --curi-spacing-4xl: 80px; --curi-spacing-5xl: 96px; /* fonts */ --curi-font-family-body: "Work Sans", sans-serif; --curi-font-family-display: "Playfair Display", serif; --curi-font-size-body: 16px; --curi-font-weight-body: 400; --curi-line-height-body: 1.5; --curi-font-color: var(--curi-color-midnight); /* general */ --curi-container-width: 1200px; --curi-vertical-spacing: var(--curi-spacing-4xl, 80px); --curi-dnd-padding: var(--curi-vertical-spacing, 80px); --curi-header-padding: var(--curi-spacing-md, 16px); --curi-header-height: 88px; --curi-header-logo-max-width: 180px; --curi-footer-padding: var(--curi-spacing-xl, 32px) var(--curi-spacing-md, 16px) clamp(var(--curi-spacing-xl), 10vh, var(--curi-spacing-3xl)); /* header */ --curi-header-background-color: var(--curi-color-white, #ffffff); --curi-nav-font-color: var(--curi-color-midnight, #2c4465); --curi-nav-active-color: var(--curi-color-sun, #ffc828); --curi-nav-hover-color: var(--curi-color-aqua, #65bccd); --curi-nav-dropdown-font-color: var(--curi-color-midnight, #2c4465); --curi-nav-dropdown-background-color: var(--curi-color-white, #ffffff); --curi-nav-dropdown-border-color: var(--curi-color-lighter-grey-blue, #f4f5f7); --curi-nav-dropdown-border-width: 2px; --curi-nav-dropdown-border: var(--curi-nav-dropdown-border-width, 2px) solid var(--curi-nav-dropdown-border-color, var(--curi-color-midnight, #2c4465)); /* footer */ --curi-footer-background-color: var(--curi-color-midnight, #2c4465); --curi-footer-font-color: var(--curi-color-white-80, #ffffffba); --curi-footer-font-color-hover: var(--curi-color-white-80, #ffffffba); /* headings */ --curi-font-size-xs: 14px; --curi-font-size-sm: 16px; --curi-font-size-md: 18px; --curi-font-size-lg: 24px; --curi-font-size-xl: 30px; --curi-font-size-2xl: 38px; --curi-font-size-3xl: clamp(24px, calc(0.5rem + 3.5vw), 50px); --curi-line-height-xs: 1.2; --curi-line-height-sm: 1.5; --curi-line-height-md: 1.5; --curi-line-height-lg: 1.67; --curi-line-height-xl: 1.4; --curi-line-height-2xl: 1.2; --curi-line-height-3xl: 1.15; --curi-font-weight-normal: 400; --curi-font-weight-medium: 500; --curi-font-weight-bold: 700; /* quotes */ --curi-blockquote-border-color: var(--curi-color-aqua, #65bccd); /* links */ --curi-link-font-family: inherit; --curi-link-font-size: inherit; --curi-link-font-weight: 700; --curi-link-font-color: var(--curi-color-aqua); --curi-link-font-color-hover: var(--curi-color-medium-grey-blue); --curi-link-font-color-active: var(--curi-color-pear); --curi-link-text-decoration: underline; /* buttons */ --curi-button-font-family: var(--curi-font-family-body, "Work Sans", sans-serif); --curi-button-font-size: 18px; --curi-button-font-weight: 700; --curi-button-text-transform: uppercase; --curi-button-font-color: var(--curi-color-white, #ffffff); --curi-button-font-color-hover: var(--curi-color-white, #ffffff); --curi-button-background-color: var(--curi-color-midnight, #ffc828); --curi-button-background-color-hover: var(--curi-color-navy-dark, #a8bdce); --curi-button-border-color: var(--curi-color-midnight, #2c4465); --curi-button-border-width: 2px; --curi-button-border: var(--curi-button-border-width, 2px) solid var(--curi-button-border-color, var(--curi-color-midnight, #2c4465)); --curi-button-border-hover: var(--curi-button-border-width, 2px) solid var(--curi-button-border-color, var(--curi-color-midnight, #2c4465)); --curi-button-radius: 4px; --curi-button-radius-hover: 4px; --curi-button-spacing: 8px 15px; /* forms */ --curi-form-background-color: var(--curi-color-lighter-grey-blue, #f4f5f7); --curi-form-title-font-size: 36px; --curi-form-title-font-color: var(--curi-color-midnight, #2c4465); --curi-form-title-background-color: var(--curi-color-light-grey-blue, #68809a); --curi-form-title-spacing: 30px; --curi-form-title-border-color: var(--curi-color-light-grey-blue, #68809a); --curi-form-title-border-width: 1px; --curi-form-title-border: var(--curi-form-title-border-width, 1px) solid var(--curi-form-title-border-color, var(--curi-color-light-grey-blue, #68809a)); --curi-form-title-radius: 4px; --curi-form-label-font-color: var(--curi-color-midnight, #2c4465); --curi-form-help-font-color: var(--curi-color-medium-grey-blue, #2c4465); --curi-form-field-placeholder-color: var(--curi-color-midnight, #2c4465); --curi-form-field-font-color: var(--curi-color-midnight, #2c4465); --curi-form-field-background-color: var(--curi-color-white, #ffffff); --curi-form-field-border-color: var(--curi-color-light-grey-blue, #68809a); --curi-form-field-border-width: 1px; --curi-form-field-border: var(--curi-form-field-border-width, 1px) solid var(--curi-form-field-border-color, var(--curi-color-light-grey-blue, #68809a)); --curi-form-field-border-radius: 4px; --curi-form-background-color: var(--curi-color-lighter-grey-blue, #f4f5f7); --curi-form-padding: 8px 15px; --curi-form-border-color: var(--curi-color-light-grey-blue, #68809a); --curi-form-border-width: 1px; --curi-form-border: var(--curi-form-border-width, 1px) solid var(--curi-form-border-color, var(--curi-color-light-grey-blue, #68809a)); --curi-form-border-radius: 4px; --curi-form-submit-button-font-family: var(--curi-font-family-body, "Work Sans", sans-serif); --curi-form-submit-button-font-color: var(--curi-color-white, #ffffff); --curi-form-submit-button-font-color-hover: var(--curi-color-white, #ffffff); --curi-form-submit-button-background-color: var(--curi-color-midnight, #2c4465); --curi-form-submit-button-background-color-hover: var(--curi-color-navy-dark, #1e2a3b); --curi-form-submit-button-border-color: var(--curi-color-midnight, #2c4465); --curi-form-submit-button-border-color-hover: var(--curi-color-midnight, #2c4465); --curi-form-submit-button-border-width: 2px; --curi-form-submit-button-border: var(--curi-form-submit-button-border-width, 2px) solid var(--curi-form-submit-button-border-color, var(--curi-color-midnight, #2c4465)); --curi-form-submit-button-border-hover: var(--curi-form-submit-button-border-width, 2px) solid var(--curi-form-submit-button-border-color-hover, var(--curi-color-midnight, #2c4465)); --curi-form-submit-button-radius: 3px; --curi-form-submit-button-spacing: 8px 15px; /* tables */ --curi-table-head-background-color: var(--curi-color-midnight, #2c4465); --curi-table-head-font-color: var(--curi-color-white-90, #ffffffe6); --curi-table-background-color: var(--curi-color-lighter-grey-blue, #f4f5f7); --curi-table-font-color: var(--curi-color-midnight, #2c4465); --curi-table-footer-background-color: var(--curi-color-whale, #a8bdce); --curi-table-footer-font-color: var(--curi-color-white, #ffffff); --curi-table-cell-spacing: 18px; --curi-table-border-color: var(--curi-color-light-grey-blue, #68809a); --curi-table-border-width: 1px; --curi-table-border: var(--curi-table-border-width, 1px) solid var(--curi-table-border-color, var(--curi-color-light-grey-blue, #68809a)); } *, *:before, *:after { box-sizing: border-box; } /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */ /* Document ========================================================================== */ /** * 1. Correct the line height in all browsers. * 2. Prevent adjustments of font size after orientation changes in iOS. */ html { line-height: 1.15; /* 1 */ -webkit-text-size-adjust: 100%; /* 2 */ } /* Sections ========================================================================== */ /** * Remove the margin in all browsers. */ body { margin: 0; } /** * Correct the font size and margin on `h1` elements within `section` and * `article` contexts in Chrome, Firefox, and Safari. */ h1 { font-size: 2em; margin: 0.67em 0; } /* Grouping content ========================================================================== */ /** * Add the correct box sizing in Firefox. */ hr { box-sizing: content-box; height: 0; } /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ pre { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ } /* Text-level semantics ========================================================================== */ /** * 1. Remove the bottom border in Chrome 57- * 2. Add the correct text decoration in Chrome, Edge, Opera, and Safari. */ abbr[title] { border-bottom: none; /* 1 */ text-decoration: underline; /* 2 */ text-decoration: underline dotted; /* 2 */ } /** * Add the correct font weight in Chrome, Edge, and Safari. */ b, strong { font-weight: bolder; } /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ code, kbd, samp { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ } /** * Add the correct font size in all browsers. */ small { font-size: 80%; } /** * Prevent `sub` and `sup` elements from affecting the line height in * all browsers. */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } /* Forms ========================================================================== */ /** * 1. Change the font styles in all browsers. * 2. Remove the margin in Firefox and Safari. */ button, input, optgroup, select, textarea { font-family: inherit; /* 1 */ font-size: 100%; /* 1 */ line-height: 1.15; /* 1 */ margin: 0; /* 2 */ } /** * Remove the inheritance of text transform in Edge and Firefox. * 1. Remove the inheritance of text transform in Firefox. */ button, select { /* 1 */ text-transform: none; } /** * Correct the inability to style clickable types in iOS and Safari. */ button, [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; } /** * Remove the inner border and padding in Firefox. */ button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { border-style: none; padding: 0; } /** * Restore the focus styles unset by the previous rule. */ button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring { outline: 1px dotted ButtonText; } /** * Correct the padding in Firefox. */ fieldset { padding: 0.35em 0.75em 0.625em; } /** * Remove the padding so developers are not caught out when they zero out `fieldset` elements in all browsers. */ legend { padding: 0; } /** * Add the correct vertical alignment in Chrome, Firefox, and Opera. */ progress { vertical-align: baseline; } /** * Correct the cursor style of increment and decrement buttons in Chrome. */ [type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; } /** * 1. Correct the odd appearance in Chrome and Safari. * 2. Correct the outline style in Safari. */ [type="search"] { -webkit-appearance: textfield; /* 1 */ outline-offset: -2px; /* 2 */ } /** * Remove the inner padding in Chrome and Safari on macOS. */ [type="search"]::-webkit-search-decoration { -webkit-appearance: none; } /** * 1. Correct the inability to style clickable types in iOS and Safari. * 2. Change font properties to `inherit` in Safari. */ ::-webkit-file-upload-button { -webkit-appearance: button; /* 1 */ font: inherit; /* 2 */ } /* Interactive ========================================================================== */ /* * Add the correct display in Edge and Firefox. */ details { display: block; } /* * Add the correct display in all browsers. */ summary { display: list-item; } /* Objects Non-cosmetic design patterns including grid and layout classes) */ /* CSS variables */ :root { --column-gap: 2.13%; --column-width-multiplier: 8.333; } /* Mobile layout */ .row-fluid { display: flex; flex-wrap: wrap; width: 100%; } .row-fluid .span1, .row-fluid .span2, .row-fluid .span3, .row-fluid .span4, .row-fluid .span5, .row-fluid .span6, .row-fluid .span7, .row-fluid .span8, .row-fluid .span9, .row-fluid .span10, .row-fluid .span11, .row-fluid .span12{ min-height: 1px; width: 100%; } /* Desktop layout */ @media (min-width: 768px) { .row-fluid { flex-wrap: nowrap; justify-content: space-between; } .row-fluid .span1 { width: calc(var(--column-width-multiplier) * 1% * 1 - var(--column-gap) * (11 * var(--column-width-multiplier) / 100)); } .row-fluid .span2 { width: calc(var(--column-width-multiplier) * 1% * 2 - var(--column-gap) * (10 * var(--column-width-multiplier) / 100)); } .row-fluid .span3 { width: calc(var(--column-width-multiplier) * 1% * 3 - var(--column-gap) * (9 * var(--column-width-multiplier) / 100)); } .row-fluid .span4 { width: calc(var(--column-width-multiplier) * 1% * 4 - var(--column-gap) * (8 * var(--column-width-multiplier) / 100)); } .row-fluid .span5 { width: calc(var(--column-width-multiplier) * 1% * 5 - var(--column-gap) * (7 * var(--column-width-multiplier) / 100)); } .row-fluid .span6 { width: calc(var(--column-width-multiplier) * 1% * 6 - var(--column-gap) * (6 * var(--column-width-multiplier) / 100)); } .row-fluid .span7 { width: calc(var(--column-width-multiplier) * 1% * 7 - var(--column-gap) * (5 * var(--column-width-multiplier) / 100)); } .row-fluid .span8 { width: calc(var(--column-width-multiplier) * 1% * 8 - var(--column-gap) * (4 * var(--column-width-multiplier) / 100)); } .row-fluid .span9 { width: calc(var(--column-width-multiplier) * 1% * 9 - var(--column-gap) * (3 * var(--column-width-multiplier) / 100)); } .row-fluid .span10 { width: calc(var(--column-width-multiplier) * 1% * 10 - var(--column-gap) * (2 * var(--column-width-multiplier) / 100)); } .row-fluid .span11 { width: calc(var(--column-width-multiplier) * 1% * 11 - var(--column-gap) * (1 * var(--column-width-multiplier) / 100)); } } .content-wrapper { max-width: var(--curi-container-width, 1200px); margin: 0 auto; padding: 0 1rem; } @media screen and (min-width: 1380px) { .content-wrapper { padding: 0; } } .dnd-section, .content-wrapper--vertical-spacing { padding: var(--curi-dnd-padding, var(--curi-vertical-spacing, 80px)); } .dnd-section > .row-fluid { margin: 0 auto; max-width: var(--curi-container-width, 1200px); } .dnd-section .dnd-column { padding: 0 1rem; } @media (max-width: 767px) { .dnd-section .dnd-column { padding: 0; } } /* Elements Base HMTL elements are styled in this section (,

, ,

,