/** * @file * The main css file, * it should only import partials and * never include any code */ /* Vendor styling from third party libraries */ html { font-family: sans-serif; line-height: 1.15; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -ms-overflow-style: scrollbar; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } @-ms-viewport { width: device-width; } #root *, #root *::before, #root *::after, #form *, #form *::before, #form *::after, [data-react-component] *, [data-react-component] *::before, [data-react-component] *::after, [data-vue-component] *, [data-vue-component] *::before, [data-vue-component] *::after { box-sizing: border-box; } #root article, #root aside, #root dialog, #root figcaption, #root figure, #root footer, #root header, #root hgroup, #root main, #root nav, #root section, #form article, #form aside, #form dialog, #form figcaption, #form figure, #form footer, #form header, #form hgroup, #form main, #form nav, #form section, [data-react-component] article, [data-react-component] aside, [data-react-component] dialog, [data-react-component] figcaption, [data-react-component] figure, [data-react-component] footer, [data-react-component] header, [data-react-component] hgroup, [data-react-component] main, [data-react-component] nav, [data-react-component] section, [data-vue-component] article, [data-vue-component] aside, [data-vue-component] dialog, [data-vue-component] figcaption, [data-vue-component] figure, [data-vue-component] footer, [data-vue-component] header, [data-vue-component] hgroup, [data-vue-component] main, [data-vue-component] nav, [data-vue-component] section { display: block; } #root body, #form body, [data-react-component] body, [data-vue-component] body { margin: 0; text-align: left; } #root [tabindex="-1"]:focus, #form [tabindex="-1"]:focus, [data-react-component] [tabindex="-1"]:focus, [data-vue-component] [tabindex="-1"]:focus { outline: 0 !important; } #root hr, #form hr, [data-react-component] hr, [data-vue-component] hr { box-sizing: content-box; height: 0; overflow: visible; } #root h1, #root h2, #root h3, #root h4, #root h5, #root h6, #form h1, #form h2, #form h3, #form h4, #form h5, #form h6, [data-react-component] h1, [data-react-component] h2, [data-react-component] h3, [data-react-component] h4, [data-react-component] h5, [data-react-component] h6, [data-vue-component] h1, [data-vue-component] h2, [data-vue-component] h3, [data-vue-component] h4, [data-vue-component] h5, [data-vue-component] h6 { margin-top: 0; margin-bottom: 0; } #root p, #form p, [data-react-component] p, [data-vue-component] p { margin-top: 0; margin-bottom: 0; } #root abbr[title], #root abbr[data-original-title], #form abbr[title], #form abbr[data-original-title], [data-react-component] abbr[title], [data-react-component] abbr[data-original-title], [data-vue-component] abbr[title], [data-vue-component] abbr[data-original-title] { text-decoration: underline; text-decoration: underline dotted; cursor: help; border-bottom: 0; } #root address, #form address, [data-react-component] address, [data-vue-component] address { margin-bottom: 1rem; font-style: normal; line-height: inherit; } #root ul, #form ul, [data-react-component] ul, [data-vue-component] ul { list-style-type: none; margin: 0; padding: 0; } #root ol, #root ul, #root dl, #form ol, #form ul, #form dl, [data-react-component] ol, [data-react-component] ul, [data-react-component] dl, [data-vue-component] ol, [data-vue-component] ul, [data-vue-component] dl { margin-top: 0; margin-bottom: 0; } #root ol ol, #root ul ul, #root ol ul, #root ul ol, #form ol ol, #form ul ul, #form ol ul, #form ul ol, [data-react-component] ol ol, [data-react-component] ul ul, [data-react-component] ol ul, [data-react-component] ul ol, [data-vue-component] ol ol, [data-vue-component] ul ul, [data-vue-component] ol ul, [data-vue-component] ul ol { margin-bottom: 0; } #root dd, #form dd, [data-react-component] dd, [data-vue-component] dd { margin-bottom: 0.5rem; margin-left: 0; } #root blockquote, #form blockquote, [data-react-component] blockquote, [data-vue-component] blockquote { margin: 0 0 1rem; } #root dfn, #form dfn, [data-react-component] dfn, [data-vue-component] dfn { font-style: italic; } #root b, #root strong, #form b, #form strong, [data-react-component] b, [data-react-component] strong, [data-vue-component] b, [data-vue-component] strong { font-weight: bolder; } #root small, #form small, [data-react-component] small, [data-vue-component] small { font-size: 80%; } #root sub, #root sup, #form sub, #form sup, [data-react-component] sub, [data-react-component] sup, [data-vue-component] sub, [data-vue-component] sup { position: relative; font-size: 75%; line-height: 0; vertical-align: baseline; } #root sub, #form sub, [data-react-component] sub, [data-vue-component] sub { bottom: -0.25em; } #root sup, #form sup, [data-react-component] sup, [data-vue-component] sup { top: -0.5em; } #root pre, #root code, #root kbd, #root samp, #form pre, #form code, #form kbd, #form samp, [data-react-component] pre, [data-react-component] code, [data-react-component] kbd, [data-react-component] samp, [data-vue-component] pre, [data-vue-component] code, [data-vue-component] kbd, [data-vue-component] samp { font-family: monospace, monospace; font-size: 1em; } #root pre, #form pre, [data-react-component] pre, [data-vue-component] pre { margin-top: 0; margin-bottom: 1rem; overflow: auto; -ms-overflow-style: scrollbar; } #root figure, #form figure, [data-react-component] figure, [data-vue-component] figure { margin: 0 0 1rem; } #root img, #form img, [data-react-component] img, [data-vue-component] img { vertical-align: middle; border-style: none; } #root svg:not(:root), #form svg:not(:root), [data-react-component] svg:not(:root), [data-vue-component] svg:not(:root) { overflow: hidden; } #root a, #root area, #root button, #root [role=button], #root input:not([type=range]), #root label, #root select, #root summary, #root textarea, #form a, #form area, #form button, #form [role=button], #form input:not([type=range]), #form label, #form select, #form summary, #form textarea, [data-react-component] a, [data-react-component] area, [data-react-component] button, [data-react-component] [role=button], [data-react-component] input:not([type=range]), [data-react-component] label, [data-react-component] select, [data-react-component] summary, [data-react-component] textarea, [data-vue-component] a, [data-vue-component] area, [data-vue-component] button, [data-vue-component] [role=button], [data-vue-component] input:not([type=range]), [data-vue-component] label, [data-vue-component] select, [data-vue-component] summary, [data-vue-component] textarea { touch-action: manipulation; } #root label, #form label, [data-react-component] label, [data-vue-component] label { display: inline-block; margin-bottom: 0.5rem; } #root button, #form button, [data-react-component] button, [data-vue-component] button { border-radius: 0; } #root button:focus, #form button:focus, [data-react-component] button:focus, [data-vue-component] button:focus { outline: 1px dotted; outline: 5px auto -webkit-focus-ring-color; } #root input, #root button, #root select, #root optgroup, #root textarea, #form input, #form button, #form select, #form optgroup, #form textarea, [data-react-component] input, [data-react-component] button, [data-react-component] select, [data-react-component] optgroup, [data-react-component] textarea, [data-vue-component] input, [data-vue-component] button, [data-vue-component] select, [data-vue-component] optgroup, [data-vue-component] textarea { margin: 0; font-family: inherit; font-size: inherit; line-height: inherit; } #root button, #root input, #form button, #form input, [data-react-component] button, [data-react-component] input, [data-vue-component] button, [data-vue-component] input { overflow: visible; } #root button, #root select, #form button, #form select, [data-react-component] button, [data-react-component] select, [data-vue-component] button, [data-vue-component] select { text-transform: none; } #root select, #form select, [data-react-component] select, [data-vue-component] select { -webkit-appearance: none; -moz-appearance: none; appearance: none; } #root select::-ms-expand, #form select::-ms-expand, [data-react-component] select::-ms-expand, [data-vue-component] select::-ms-expand { display: none; /* hide the default arrow in ie10 and ie11 */ } #root button, #root html [type=button], #root [type=reset], #root [type=submit], #form button, #form html [type=button], #form [type=reset], #form [type=submit], [data-react-component] button, [data-react-component] html [type=button], [data-react-component] [type=reset], [data-react-component] [type=submit], [data-vue-component] button, [data-vue-component] html [type=button], [data-vue-component] [type=reset], [data-vue-component] [type=submit] { -webkit-appearance: button; border: none; } #root button::-moz-focus-inner, #root [type=button]::-moz-focus-inner, #root [type=reset]::-moz-focus-inner, #root [type=submit]::-moz-focus-inner, #form button::-moz-focus-inner, #form [type=button]::-moz-focus-inner, #form [type=reset]::-moz-focus-inner, #form [type=submit]::-moz-focus-inner, [data-react-component] button::-moz-focus-inner, [data-react-component] [type=button]::-moz-focus-inner, [data-react-component] [type=reset]::-moz-focus-inner, [data-react-component] [type=submit]::-moz-focus-inner, [data-vue-component] button::-moz-focus-inner, [data-vue-component] [type=button]::-moz-focus-inner, [data-vue-component] [type=reset]::-moz-focus-inner, [data-vue-component] [type=submit]::-moz-focus-inner { padding: 0; border-style: none; } #root input[type=radio], #root input[type=checkbox], #form input[type=radio], #form input[type=checkbox], [data-react-component] input[type=radio], [data-react-component] input[type=checkbox], [data-vue-component] input[type=radio], [data-vue-component] input[type=checkbox] { box-sizing: border-box; padding: 0; } #root input[type=date], #root input[type=time], #root input[type=datetime-local], #root input[type=month], #form input[type=date], #form input[type=time], #form input[type=datetime-local], #form input[type=month], [data-react-component] input[type=date], [data-react-component] input[type=time], [data-react-component] input[type=datetime-local], [data-react-component] input[type=month], [data-vue-component] input[type=date], [data-vue-component] input[type=time], [data-vue-component] input[type=datetime-local], [data-vue-component] input[type=month] { -webkit-appearance: listbox; } #root textarea, #form textarea, [data-react-component] textarea, [data-vue-component] textarea { overflow: auto; resize: vertical; } #root fieldset, #form fieldset, [data-react-component] fieldset, [data-vue-component] fieldset { min-width: 0; padding: 0; margin: 0; border: 0; } #root legend, #form legend, [data-react-component] legend, [data-vue-component] legend { display: block; width: 100%; max-width: 100%; padding: 0; margin-bottom: 0.5rem; font-size: 1.5rem; line-height: inherit; color: inherit; white-space: normal; } #root progress, #form progress, [data-react-component] progress, [data-vue-component] progress { vertical-align: baseline; } #root [type=number]::-webkit-inner-spin-button, #root [type=number]::-webkit-outer-spin-button, #form [type=number]::-webkit-inner-spin-button, #form [type=number]::-webkit-outer-spin-button, [data-react-component] [type=number]::-webkit-inner-spin-button, [data-react-component] [type=number]::-webkit-outer-spin-button, [data-vue-component] [type=number]::-webkit-inner-spin-button, [data-vue-component] [type=number]::-webkit-outer-spin-button { height: auto; } #root [type=search], #form [type=search], [data-react-component] [type=search], [data-vue-component] [type=search] { outline-offset: -2px; -webkit-appearance: none; } #root [type=search]::-webkit-search-cancel-button, #root [type=search]::-webkit-search-decoration, #form [type=search]::-webkit-search-cancel-button, #form [type=search]::-webkit-search-decoration, [data-react-component] [type=search]::-webkit-search-cancel-button, [data-react-component] [type=search]::-webkit-search-decoration, [data-vue-component] [type=search]::-webkit-search-cancel-button, [data-vue-component] [type=search]::-webkit-search-decoration { -webkit-appearance: none; } #root ::-webkit-file-upload-button, #form ::-webkit-file-upload-button, [data-react-component] ::-webkit-file-upload-button, [data-vue-component] ::-webkit-file-upload-button { font: inherit; -webkit-appearance: button; } #root output, #form output, [data-react-component] output, [data-vue-component] output { display: inline-block; } #root summary, #form summary, [data-react-component] summary, [data-vue-component] summary { display: list-item; cursor: pointer; } #root template, #form template, [data-react-component] template, [data-vue-component] template { display: none; } #root [hidden], #form [hidden], [data-react-component] [hidden], [data-vue-component] [hidden] { display: none !important; } /** * Base styling * These files should contain variables and mixins but no actual class names */ /** * @file * All grid variables should be defined here */ /** * Grid breakpoints * Define the minimum dimensions at which your layout will change, * adapting to different screen sizes, for use in media queries. */ /** Grid containers * Define the maximum width of `.container` for different screen sizes. * These maximum widths should include the padding on both sides, so the gutter-width * 2 */ /** * Grid columns * Set the number of columns and specify the width of the gutters. */ /* Offset variables */ /* Gutter variables */ /** * @file * All colors used on the website are defined here */ /** * @file * Fonts and font variables should be defined here */ @font-face { font-family: "Helvetica black"; font-weight: 800 !important; font-style: normal !important; src: url("../fonts/Helvetica_black.eot"); src: url("../fonts/Helvetica_black.eot?#iefix") format("embedded-opentype"), url("../fonts/Helvetica_black.woff") format("woff"), url("../fonts/Helvetica_black.ttf") format("truetype"), url("../fonts/Helvetica_black.svg#font") format("svg"); } /** * @file * This file should contain variables which are commonly used, * But don't necessarily need their own file */ button { background: none; cursor: pointer; } input:focus, button:focus { outline: 0; } /** * Mixins */ /** * @file * Framework grid generation * * Used only by Bootstrap to generate the correct number of grid classes given * any value of `$grid-columns`. */ /** * @file * Grid generation * Mixins to create container, row & col classes */ /* For each breakpoint, define the maximum width of the container in a media query */ /* * Basics styling * These files should contain the styling for * general layout, input elements, buttons, etc. */ @media (max-width: 767.98px) { .hide-mobile { display: none !important; } } @media (min-width: 768px) and (max-width: 991.98px) { .hide-tablet { display: none !important; } } @media (min-width: 992px) { .hide-desktop { display: none !important; } } @media (min-width: 768px) { .show-mobile { display: none !important; } } @media (max-width: 767.98px) { .show-tablet { display: none !important; } } @media (min-width: 992px) { .show-tablet { display: none !important; } } @media (max-width: 991.98px) { .show-desktop { display: none !important; } } .text-ellipsis { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 100%; } .row--justified { justify-content: space-between; } /** * @file * These mixins will output the grid */ /** * Container widths * Set the container width, and override it for fixed navbars in media queries. */ .container { width: 100%; margin-right: auto; margin-left: auto; padding-left: 12px; padding-right: 12px; } .container, .container::before, .container::after, .container *, .container *::before, .container *::after { box-sizing: border-box; } @media (min-width: 576px) { .container { padding-left: 16px; padding-right: 16px; } } @media (min-width: 768px) { .container { padding-left: 24px; padding-right: 24px; } } @media (min-width: 992px) { .container { padding-left: 32px; padding-right: 32px; } } @media (min-width: 1200px) { .container { padding-left: 40px; padding-right: 40px; } } @media (min-width: 576px) { .container { max-width: 540px; } } @media (min-width: 768px) { .container { max-width: 720px; } } @media (min-width: 992px) { .container { max-width: 960px; } } @media (min-width: 1200px) { .container { max-width: 1140px; } } /** * Fluid container * Utilizes the mixin meant for fixed width containers, but with 100% width for * fluid, full width layouts. */ .container--fluid { width: 100%; padding-right: 20px; padding-left: 20px; margin-right: auto; margin-left: auto; } /** * Row * * Rows contain and clear the floats of your columns. */ .row { display: flex; flex-wrap: wrap; margin-left: -6px; margin-right: -6px; } @media (min-width: 576px) { .row { margin-left: -8px; margin-right: -8px; } } @media (min-width: 768px) { .row { margin-left: -12px; margin-right: -12px; } } @media (min-width: 992px) { .row { margin-left: -16px; margin-right: -16px; } } @media (min-width: 1200px) { .row { margin-left: -20px; margin-right: -20px; } } /** * Remove the negative margin from default .row, then the horizontal padding * from all immediate children columns (to prevent runaway style inheritance). */ .row--no-gutters { margin-right: 0; margin-left: 0; } .row--no-gutters > .col, .row--no-gutters > [class*=col] { padding-right: 0; padding-left: 0; } /** * Columns * * Common styles for small and large grid columns */ /* Common properties for all breakpoints */ .col-xl, .col-xl-auto, .col--12-xl, .col--11-xl, .col--10-xl, .col--9-xl, .col--8-xl, .col--7-xl, .col--6-xl, .col--5-xl, .col--4-xl, .col--3-xl, .col--2-xl, .col--1-xl, .col-lg, .col-lg-auto, .col--12-lg, .col--11-lg, .col--10-lg, .col--9-lg, .col--8-lg, .col--7-lg, .col--6-lg, .col--5-lg, .col--4-lg, .col--3-lg, .col--2-lg, .col--1-lg, .col-md, .col-md-auto, .col--12-md, .col--11-md, .col--10-md, .col--9-md, .col--8-md, .col--7-md, .col--6-md, .col--5-md, .col--4-md, .col--3-md, .col--2-md, .col--1-md, .col-sm, .col-sm-auto, .col--12-sm, .col--11-sm, .col--10-sm, .col--9-sm, .col--8-sm, .col--7-sm, .col--6-sm, .col--5-sm, .col--4-sm, .col--3-sm, .col--2-sm, .col--1-sm, .col, .col-auto, .col--12, .col--11, .col--10, .col--9, .col--8, .col--7, .col--6, .col--5, .col--4, .col--3, .col--2, .col--1 { position: relative; width: 100%; min-height: 1px; /* Prevent columns from collapsing when empty */ padding-left: 6px; padding-right: 6px; } @media (min-width: 576px) { .col-xl, .col-xl-auto, .col--12-xl, .col--11-xl, .col--10-xl, .col--9-xl, .col--8-xl, .col--7-xl, .col--6-xl, .col--5-xl, .col--4-xl, .col--3-xl, .col--2-xl, .col--1-xl, .col-lg, .col-lg-auto, .col--12-lg, .col--11-lg, .col--10-lg, .col--9-lg, .col--8-lg, .col--7-lg, .col--6-lg, .col--5-lg, .col--4-lg, .col--3-lg, .col--2-lg, .col--1-lg, .col-md, .col-md-auto, .col--12-md, .col--11-md, .col--10-md, .col--9-md, .col--8-md, .col--7-md, .col--6-md, .col--5-md, .col--4-md, .col--3-md, .col--2-md, .col--1-md, .col-sm, .col-sm-auto, .col--12-sm, .col--11-sm, .col--10-sm, .col--9-sm, .col--8-sm, .col--7-sm, .col--6-sm, .col--5-sm, .col--4-sm, .col--3-sm, .col--2-sm, .col--1-sm, .col, .col-auto, .col--12, .col--11, .col--10, .col--9, .col--8, .col--7, .col--6, .col--5, .col--4, .col--3, .col--2, .col--1 { padding-left: 8px; padding-right: 8px; } } @media (min-width: 768px) { .col-xl, .col-xl-auto, .col--12-xl, .col--11-xl, .col--10-xl, .col--9-xl, .col--8-xl, .col--7-xl, .col--6-xl, .col--5-xl, .col--4-xl, .col--3-xl, .col--2-xl, .col--1-xl, .col-lg, .col-lg-auto, .col--12-lg, .col--11-lg, .col--10-lg, .col--9-lg, .col--8-lg, .col--7-lg, .col--6-lg, .col--5-lg, .col--4-lg, .col--3-lg, .col--2-lg, .col--1-lg, .col-md, .col-md-auto, .col--12-md, .col--11-md, .col--10-md, .col--9-md, .col--8-md, .col--7-md, .col--6-md, .col--5-md, .col--4-md, .col--3-md, .col--2-md, .col--1-md, .col-sm, .col-sm-auto, .col--12-sm, .col--11-sm, .col--10-sm, .col--9-sm, .col--8-sm, .col--7-sm, .col--6-sm, .col--5-sm, .col--4-sm, .col--3-sm, .col--2-sm, .col--1-sm, .col, .col-auto, .col--12, .col--11, .col--10, .col--9, .col--8, .col--7, .col--6, .col--5, .col--4, .col--3, .col--2, .col--1 { padding-left: 12px; padding-right: 12px; } } @media (min-width: 992px) { .col-xl, .col-xl-auto, .col--12-xl, .col--11-xl, .col--10-xl, .col--9-xl, .col--8-xl, .col--7-xl, .col--6-xl, .col--5-xl, .col--4-xl, .col--3-xl, .col--2-xl, .col--1-xl, .col-lg, .col-lg-auto, .col--12-lg, .col--11-lg, .col--10-lg, .col--9-lg, .col--8-lg, .col--7-lg, .col--6-lg, .col--5-lg, .col--4-lg, .col--3-lg, .col--2-lg, .col--1-lg, .col-md, .col-md-auto, .col--12-md, .col--11-md, .col--10-md, .col--9-md, .col--8-md, .col--7-md, .col--6-md, .col--5-md, .col--4-md, .col--3-md, .col--2-md, .col--1-md, .col-sm, .col-sm-auto, .col--12-sm, .col--11-sm, .col--10-sm, .col--9-sm, .col--8-sm, .col--7-sm, .col--6-sm, .col--5-sm, .col--4-sm, .col--3-sm, .col--2-sm, .col--1-sm, .col, .col-auto, .col--12, .col--11, .col--10, .col--9, .col--8, .col--7, .col--6, .col--5, .col--4, .col--3, .col--2, .col--1 { padding-left: 16px; padding-right: 16px; } } @media (min-width: 1200px) { .col-xl, .col-xl-auto, .col--12-xl, .col--11-xl, .col--10-xl, .col--9-xl, .col--8-xl, .col--7-xl, .col--6-xl, .col--5-xl, .col--4-xl, .col--3-xl, .col--2-xl, .col--1-xl, .col-lg, .col-lg-auto, .col--12-lg, .col--11-lg, .col--10-lg, .col--9-lg, .col--8-lg, .col--7-lg, .col--6-lg, .col--5-lg, .col--4-lg, .col--3-lg, .col--2-lg, .col--1-lg, .col-md, .col-md-auto, .col--12-md, .col--11-md, .col--10-md, .col--9-md, .col--8-md, .col--7-md, .col--6-md, .col--5-md, .col--4-md, .col--3-md, .col--2-md, .col--1-md, .col-sm, .col-sm-auto, .col--12-sm, .col--11-sm, .col--10-sm, .col--9-sm, .col--8-sm, .col--7-sm, .col--6-sm, .col--5-sm, .col--4-sm, .col--3-sm, .col--2-sm, .col--1-sm, .col, .col-auto, .col--12, .col--11, .col--10, .col--9, .col--8, .col--7, .col--6, .col--5, .col--4, .col--3, .col--2, .col--1 { padding-left: 20px; padding-right: 20px; } } /* Allow columns to stretch full width below their breakpoints */ /* Provide basic `.col-{bp}` classes for equal-width flexbox columns */ .col { flex-basis: 0; flex-grow: 1; max-width: 100%; } .col-auto { flex: 0 0 auto; width: auto; max-width: none; /* Reset earlier grid tiers */ } .col--1 { flex: 0 0 8.3333333333%; /** * Add a `max-width` to ensure content within each column does not blow out * the width of the column. Applies to IE10+ and Firefox. Chrome and Safari * do not appear to require this. */ max-width: 8.3333333333%; } .col--2 { flex: 0 0 16.6666666667%; /** * Add a `max-width` to ensure content within each column does not blow out * the width of the column. Applies to IE10+ and Firefox. Chrome and Safari * do not appear to require this. */ max-width: 16.6666666667%; } .col--3 { flex: 0 0 25%; /** * Add a `max-width` to ensure content within each column does not blow out * the width of the column. Applies to IE10+ and Firefox. Chrome and Safari * do not appear to require this. */ max-width: 25%; } .col--4 { flex: 0 0 33.3333333333%; /** * Add a `max-width` to ensure content within each column does not blow out * the width of the column. Applies to IE10+ and Firefox. Chrome and Safari * do not appear to require this. */ max-width: 33.3333333333%; } .col--5 { flex: 0 0 41.6666666667%; /** * Add a `max-width` to ensure content within each column does not blow out * the width of the column. Applies to IE10+ and Firefox. Chrome and Safari * do not appear to require this. */ max-width: 41.6666666667%; } .col--6 { flex: 0 0 50%; /** * Add a `max-width` to ensure content within each column does not blow out * the width of the column. Applies to IE10+ and Firefox. Chrome and Safari * do not appear to require this. */ max-width: 50%; } .col--7 { flex: 0 0 58.3333333333%; /** * Add a `max-width` to ensure content within each column does not blow out * the width of the column. Applies to IE10+ and Firefox. Chrome and Safari * do not appear to require this. */ max-width: 58.3333333333%; } .col--8 { flex: 0 0 66.6666666667%; /** * Add a `max-width` to ensure content within each column does not blow out * the width of the column. Applies to IE10+ and Firefox. Chrome and Safari * do not appear to require this. */ max-width: 66.6666666667%; } .col--9 { flex: 0 0 75%; /** * Add a `max-width` to ensure content within each column does not blow out * the width of the column. Applies to IE10+ and Firefox. Chrome and Safari * do not appear to require this. */ max-width: 75%; } .col--10 { flex: 0 0 83.3333333333%; /** * Add a `max-width` to ensure content within each column does not blow out * the width of the column. Applies to IE10+ and Firefox. Chrome and Safari * do not appear to require this. */ max-width: 83.3333333333%; } .col--11 { flex: 0 0 91.6666666667%; /** * Add a `max-width` to ensure content within each column does not blow out * the width of the column. Applies to IE10+ and Firefox. Chrome and Safari * do not appear to require this. */ max-width: 91.6666666667%; } .col--12 { flex: 0 0 100%; /** * Add a `max-width` to ensure content within each column does not blow out * the width of the column. Applies to IE10+ and Firefox. Chrome and Safari * do not appear to require this. */ max-width: 100%; } .order-first { order: -1; } .order--1 { order: 1; } .order--2 { order: 2; } .order--3 { order: 3; } .order--4 { order: 4; } .order--5 { order: 5; } .order--6 { order: 6; } .order--7 { order: 7; } .order--8 { order: 8; } .order--9 { order: 9; } .order--10 { order: 10; } .order--11 { order: 11; } .order--12 { order: 12; } /* `$columns - 1` because offsetting by the width of an entire row isn't possible */ /* Avoid emitting useless .offset-0 */ .offset--1 { margin-left: 8.3333333333%; } /* Avoid emitting useless .offset-0 */ .offset--2 { margin-left: 16.6666666667%; } /* Avoid emitting useless .offset-0 */ .offset--3 { margin-left: 25%; } /* Avoid emitting useless .offset-0 */ .offset--4 { margin-left: 33.3333333333%; } /* Avoid emitting useless .offset-0 */ .offset--5 { margin-left: 41.6666666667%; } /* Avoid emitting useless .offset-0 */ .offset--6 { margin-left: 50%; } /* Avoid emitting useless .offset-0 */ .offset--7 { margin-left: 58.3333333333%; } /* Avoid emitting useless .offset-0 */ .offset--8 { margin-left: 66.6666666667%; } /* Avoid emitting useless .offset-0 */ .offset--9 { margin-left: 75%; } /* Avoid emitting useless .offset-0 */ .offset--10 { margin-left: 83.3333333333%; } /* Avoid emitting useless .offset-0 */ .offset--11 { margin-left: 91.6666666667%; } /* Allow columns to stretch full width below their breakpoints */ @media (min-width: 576px) { /* Provide basic `.col-{bp}` classes for equal-width flexbox columns */ .col-sm { flex-basis: 0; flex-grow: 1; max-width: 100%; } .col-sm-auto { flex: 0 0 auto; width: auto; max-width: none; /* Reset earlier grid tiers */ } .col--1-sm { flex: 0 0 8.3333333333%; /** * Add a `max-width` to ensure content within each column does not blow out * the width of the column. Applies to IE10+ and Firefox. Chrome and Safari * do not appear to require this. */ max-width: 8.3333333333%; } .col--2-sm { flex: 0 0 16.6666666667%; /** * Add a `max-width` to ensure content within each column does not blow out * the width of the column. Applies to IE10+ and Firefox. Chrome and Safari * do not appear to require this. */ max-width: 16.6666666667%; } .col--3-sm { flex: 0 0 25%; /** * Add a `max-width` to ensure content within each column does not blow out * the width of the column. Applies to IE10+ and Firefox. Chrome and Safari * do not appear to require this. */ max-width: 25%; } .col--4-sm { flex: 0 0 33.3333333333%; /** * Add a `max-width` to ensure content within each column does not blow out * the width of the column. Applies to IE10+ and Firefox. Chrome and Safari * do not appear to require this. */ max-width: 33.3333333333%; } .col--5-sm { flex: 0 0 41.6666666667%; /** * Add a `max-width` to ensure content within each column does not blow out * the width of the column. Applies to IE10+ and Firefox. Chrome and Safari * do not appear to require this. */ max-width: 41.6666666667%; } .col--6-sm { flex: 0 0 50%; /** * Add a `max-width` to ensure content within each column does not blow out * the width of the column. Applies to IE10+ and Firefox. Chrome and Safari * do not appear to require this. */ max-width: 50%; } .col--7-sm { flex: 0 0 58.3333333333%; /** * Add a `max-width` to ensure content within each column does not blow out * the width of the column. Applies to IE10+ and Firefox. Chrome and Safari * do not appear to require this. */ max-width: 58.3333333333%; } .col--8-sm { flex: 0 0 66.6666666667%; /** * Add a `max-width` to ensure content within each column does not blow out * the width of the column. Applies to IE10+ and Firefox. Chrome and Safari * do not appear to require this. */ max-width: 66.6666666667%; } .col--9-sm { flex: 0 0 75%; /** * Add a `max-width` to ensure content within each column does not blow out * the width of the column. Applies to IE10+ and Firefox. Chrome and Safari * do not appear to require this. */ max-width: 75%; } .col--10-sm { flex: 0 0 83.3333333333%; /** * Add a `max-width` to ensure content within each column does not blow out * the width of the column. Applies to IE10+ and Firefox. Chrome and Safari * do not appear to require this. */ max-width: 83.3333333333%; } .col--11-sm { flex: 0 0 91.6666666667%; /** * Add a `max-width` to ensure content within each column does not blow out * the width of the column. Applies to IE10+ and Firefox. Chrome and Safari * do not appear to require this. */ max-width: 91.6666666667%; } .col--12-sm { flex: 0 0 100%; /** * Add a `max-width` to ensure content within each column does not blow out * the width of the column. Applies to IE10+ and Firefox. Chrome and Safari * do not appear to require this. */ max-width: 100%; } .order-sm-first { order: -1; } .order--1-sm { order: 1; } .order--2-sm { order: 2; } .order--3-sm { order: 3; } .order--4-sm { order: 4; } .order--5-sm { order: 5; } .order--6-sm { order: 6; } .order--7-sm { order: 7; } .order--8-sm { order: 8; } .order--9-sm { order: 9; } .order--10-sm { order: 10; } .order--11-sm { order: 11; } .order--12-sm { order: 12; } /* `$columns - 1` because offsetting by the width of an entire row isn't possible */ /* Avoid emitting useless .offset-0 */ .offset--0-sm { margin-left: 0; } /* Avoid emitting useless .offset-0 */ .offset--1-sm { margin-left: 8.3333333333%; } /* Avoid emitting useless .offset-0 */ .offset--2-sm { margin-left: 16.6666666667%; } /* Avoid emitting useless .offset-0 */ .offset--3-sm { margin-left: 25%; } /* Avoid emitting useless .offset-0 */ .offset--4-sm { margin-left: 33.3333333333%; } /* Avoid emitting useless .offset-0 */ .offset--5-sm { margin-left: 41.6666666667%; } /* Avoid emitting useless .offset-0 */ .offset--6-sm { margin-left: 50%; } /* Avoid emitting useless .offset-0 */ .offset--7-sm { margin-left: 58.3333333333%; } /* Avoid emitting useless .offset-0 */ .offset--8-sm { margin-left: 66.6666666667%; } /* Avoid emitting useless .offset-0 */ .offset--9-sm { margin-left: 75%; } /* Avoid emitting useless .offset-0 */ .offset--10-sm { margin-left: 83.3333333333%; } /* Avoid emitting useless .offset-0 */ .offset--11-sm { margin-left: 91.6666666667%; } } /* Allow columns to stretch full width below their breakpoints */ @media (min-width: 768px) { /* Provide basic `.col-{bp}` classes for equal-width flexbox columns */ .col-md { flex-basis: 0; flex-grow: 1; max-width: 100%; } .col-md-auto { flex: 0 0 auto; width: auto; max-width: none; /* Reset earlier grid tiers */ } .col--1-md { flex: 0 0 8.3333333333%; /** * Add a `max-width` to ensure content within each column does not blow out * the width of the column. Applies to IE10+ and Firefox. Chrome and Safari * do not appear to require this. */ max-width: 8.3333333333%; } .col--2-md { flex: 0 0 16.6666666667%; /** * Add a `max-width` to ensure content within each column does not blow out * the width of the column. Applies to IE10+ and Firefox. Chrome and Safari * do not appear to require this. */ max-width: 16.6666666667%; } .col--3-md { flex: 0 0 25%; /** * Add a `max-width` to ensure content within each column does not blow out * the width of the column. Applies to IE10+ and Firefox. Chrome and Safari * do not appear to require this. */ max-width: 25%; } .col--4-md { flex: 0 0 33.3333333333%; /** * Add a `max-width` to ensure content within each column does not blow out * the width of the column. Applies to IE10+ and Firefox. Chrome and Safari * do not appear to require this. */ max-width: 33.3333333333%; } .col--5-md { flex: 0 0 41.6666666667%; /** * Add a `max-width` to ensure content within each column does not blow out * the width of the column. Applies to IE10+ and Firefox. Chrome and Safari * do not appear to require this. */ max-width: 41.6666666667%; } .col--6-md { flex: 0 0 50%; /** * Add a `max-width` to ensure content within each column does not blow out * the width of the column. Applies to IE10+ and Firefox. Chrome and Safari * do not appear to require this. */ max-width: 50%; } .col--7-md { flex: 0 0 58.3333333333%; /** * Add a `max-width` to ensure content within each column does not blow out * the width of the column. Applies to IE10+ and Firefox. Chrome and Safari * do not appear to require this. */ max-width: 58.3333333333%; } .col--8-md { flex: 0 0 66.6666666667%; /** * Add a `max-width` to ensure content within each column does not blow out * the width of the column. Applies to IE10+ and Firefox. Chrome and Safari * do not appear to require this. */ max-width: 66.6666666667%; } .col--9-md { flex: 0 0 75%; /** * Add a `max-width` to ensure content within each column does not blow out * the width of the column. Applies to IE10+ and Firefox. Chrome and Safari * do not appear to require this. */ max-width: 75%; } .col--10-md { flex: 0 0 83.3333333333%; /** * Add a `max-width` to ensure content within each column does not blow out * the width of the column. Applies to IE10+ and Firefox. Chrome and Safari * do not appear to require this. */ max-width: 83.3333333333%; } .col--11-md { flex: 0 0 91.6666666667%; /** * Add a `max-width` to ensure content within each column does not blow out * the width of the column. Applies to IE10+ and Firefox. Chrome and Safari * do not appear to require this. */ max-width: 91.6666666667%; } .col--12-md { flex: 0 0 100%; /** * Add a `max-width` to ensure content within each column does not blow out * the width of the column. Applies to IE10+ and Firefox. Chrome and Safari * do not appear to require this. */ max-width: 100%; } .order-md-first { order: -1; } .order--1-md { order: 1; } .order--2-md { order: 2; } .order--3-md { order: 3; } .order--4-md { order: 4; } .order--5-md { order: 5; } .order--6-md { order: 6; } .order--7-md { order: 7; } .order--8-md { order: 8; } .order--9-md { order: 9; } .order--10-md { order: 10; } .order--11-md { order: 11; } .order--12-md { order: 12; } /* `$columns - 1` because offsetting by the width of an entire row isn't possible */ /* Avoid emitting useless .offset-0 */ .offset--0-md { margin-left: 0; } /* Avoid emitting useless .offset-0 */ .offset--1-md { margin-left: 8.3333333333%; } /* Avoid emitting useless .offset-0 */ .offset--2-md { margin-left: 16.6666666667%; } /* Avoid emitting useless .offset-0 */ .offset--3-md { margin-left: 25%; } /* Avoid emitting useless .offset-0 */ .offset--4-md { margin-left: 33.3333333333%; } /* Avoid emitting useless .offset-0 */ .offset--5-md { margin-left: 41.6666666667%; } /* Avoid emitting useless .offset-0 */ .offset--6-md { margin-left: 50%; } /* Avoid emitting useless .offset-0 */ .offset--7-md { margin-left: 58.3333333333%; } /* Avoid emitting useless .offset-0 */ .offset--8-md { margin-left: 66.6666666667%; } /* Avoid emitting useless .offset-0 */ .offset--9-md { margin-left: 75%; } /* Avoid emitting useless .offset-0 */ .offset--10-md { margin-left: 83.3333333333%; } /* Avoid emitting useless .offset-0 */ .offset--11-md { margin-left: 91.6666666667%; } } /* Allow columns to stretch full width below their breakpoints */ @media (min-width: 992px) { /* Provide basic `.col-{bp}` classes for equal-width flexbox columns */ .col-lg { flex-basis: 0; flex-grow: 1; max-width: 100%; } .col-lg-auto { flex: 0 0 auto; width: auto; max-width: none; /* Reset earlier grid tiers */ } .col--1-lg { flex: 0 0 8.3333333333%; /** * Add a `max-width` to ensure content within each column does not blow out * the width of the column. Applies to IE10+ and Firefox. Chrome and Safari * do not appear to require this. */ max-width: 8.3333333333%; } .col--2-lg { flex: 0 0 16.6666666667%; /** * Add a `max-width` to ensure content within each column does not blow out * the width of the column. Applies to IE10+ and Firefox. Chrome and Safari * do not appear to require this. */ max-width: 16.6666666667%; } .col--3-lg { flex: 0 0 25%; /** * Add a `max-width` to ensure content within each column does not blow out * the width of the column. Applies to IE10+ and Firefox. Chrome and Safari * do not appear to require this. */ max-width: 25%; } .col--4-lg { flex: 0 0 33.3333333333%; /** * Add a `max-width` to ensure content within each column does not blow out * the width of the column. Applies to IE10+ and Firefox. Chrome and Safari * do not appear to require this. */ max-width: 33.3333333333%; } .col--5-lg { flex: 0 0 41.6666666667%; /** * Add a `max-width` to ensure content within each column does not blow out * the width of the column. Applies to IE10+ and Firefox. Chrome and Safari * do not appear to require this. */ max-width: 41.6666666667%; } .col--6-lg { flex: 0 0 50%; /** * Add a `max-width` to ensure content within each column does not blow out * the width of the column. Applies to IE10+ and Firefox. Chrome and Safari * do not appear to require this. */ max-width: 50%; } .col--7-lg { flex: 0 0 58.3333333333%; /** * Add a `max-width` to ensure content within each column does not blow out * the width of the column. Applies to IE10+ and Firefox. Chrome and Safari * do not appear to require this. */ max-width: 58.3333333333%; } .col--8-lg { flex: 0 0 66.6666666667%; /** * Add a `max-width` to ensure content within each column does not blow out * the width of the column. Applies to IE10+ and Firefox. Chrome and Safari * do not appear to require this. */ max-width: 66.6666666667%; } .col--9-lg { flex: 0 0 75%; /** * Add a `max-width` to ensure content within each column does not blow out * the width of the column. Applies to IE10+ and Firefox. Chrome and Safari * do not appear to require this. */ max-width: 75%; } .col--10-lg { flex: 0 0 83.3333333333%; /** * Add a `max-width` to ensure content within each column does not blow out * the width of the column. Applies to IE10+ and Firefox. Chrome and Safari * do not appear to require this. */ max-width: 83.3333333333%; } .col--11-lg { flex: 0 0 91.6666666667%; /** * Add a `max-width` to ensure content within each column does not blow out * the width of the column. Applies to IE10+ and Firefox. Chrome and Safari * do not appear to require this. */ max-width: 91.6666666667%; } .col--12-lg { flex: 0 0 100%; /** * Add a `max-width` to ensure content within each column does not blow out * the width of the column. Applies to IE10+ and Firefox. Chrome and Safari * do not appear to require this. */ max-width: 100%; } .order-lg-first { order: -1; } .order--1-lg { order: 1; } .order--2-lg { order: 2; } .order--3-lg { order: 3; } .order--4-lg { order: 4; } .order--5-lg { order: 5; } .order--6-lg { order: 6; } .order--7-lg { order: 7; } .order--8-lg { order: 8; } .order--9-lg { order: 9; } .order--10-lg { order: 10; } .order--11-lg { order: 11; } .order--12-lg { order: 12; } /* `$columns - 1` because offsetting by the width of an entire row isn't possible */ /* Avoid emitting useless .offset-0 */ .offset--0-lg { margin-left: 0; } /* Avoid emitting useless .offset-0 */ .offset--1-lg { margin-left: 8.3333333333%; } /* Avoid emitting useless .offset-0 */ .offset--2-lg { margin-left: 16.6666666667%; } /* Avoid emitting useless .offset-0 */ .offset--3-lg { margin-left: 25%; } /* Avoid emitting useless .offset-0 */ .offset--4-lg { margin-left: 33.3333333333%; } /* Avoid emitting useless .offset-0 */ .offset--5-lg { margin-left: 41.6666666667%; } /* Avoid emitting useless .offset-0 */ .offset--6-lg { margin-left: 50%; } /* Avoid emitting useless .offset-0 */ .offset--7-lg { margin-left: 58.3333333333%; } /* Avoid emitting useless .offset-0 */ .offset--8-lg { margin-left: 66.6666666667%; } /* Avoid emitting useless .offset-0 */ .offset--9-lg { margin-left: 75%; } /* Avoid emitting useless .offset-0 */ .offset--10-lg { margin-left: 83.3333333333%; } /* Avoid emitting useless .offset-0 */ .offset--11-lg { margin-left: 91.6666666667%; } } /* Allow columns to stretch full width below their breakpoints */ @media (min-width: 1200px) { /* Provide basic `.col-{bp}` classes for equal-width flexbox columns */ .col-xl { flex-basis: 0; flex-grow: 1; max-width: 100%; } .col-xl-auto { flex: 0 0 auto; width: auto; max-width: none; /* Reset earlier grid tiers */ } .col--1-xl { flex: 0 0 8.3333333333%; /** * Add a `max-width` to ensure content within each column does not blow out * the width of the column. Applies to IE10+ and Firefox. Chrome and Safari * do not appear to require this. */ max-width: 8.3333333333%; } .col--2-xl { flex: 0 0 16.6666666667%; /** * Add a `max-width` to ensure content within each column does not blow out * the width of the column. Applies to IE10+ and Firefox. Chrome and Safari * do not appear to require this. */ max-width: 16.6666666667%; } .col--3-xl { flex: 0 0 25%; /** * Add a `max-width` to ensure content within each column does not blow out * the width of the column. Applies to IE10+ and Firefox. Chrome and Safari * do not appear to require this. */ max-width: 25%; } .col--4-xl { flex: 0 0 33.3333333333%; /** * Add a `max-width` to ensure content within each column does not blow out * the width of the column. Applies to IE10+ and Firefox. Chrome and Safari * do not appear to require this. */ max-width: 33.3333333333%; } .col--5-xl { flex: 0 0 41.6666666667%; /** * Add a `max-width` to ensure content within each column does not blow out * the width of the column. Applies to IE10+ and Firefox. Chrome and Safari * do not appear to require this. */ max-width: 41.6666666667%; } .col--6-xl { flex: 0 0 50%; /** * Add a `max-width` to ensure content within each column does not blow out * the width of the column. Applies to IE10+ and Firefox. Chrome and Safari * do not appear to require this. */ max-width: 50%; } .col--7-xl { flex: 0 0 58.3333333333%; /** * Add a `max-width` to ensure content within each column does not blow out * the width of the column. Applies to IE10+ and Firefox. Chrome and Safari * do not appear to require this. */ max-width: 58.3333333333%; } .col--8-xl { flex: 0 0 66.6666666667%; /** * Add a `max-width` to ensure content within each column does not blow out * the width of the column. Applies to IE10+ and Firefox. Chrome and Safari * do not appear to require this. */ max-width: 66.6666666667%; } .col--9-xl { flex: 0 0 75%; /** * Add a `max-width` to ensure content within each column does not blow out * the width of the column. Applies to IE10+ and Firefox. Chrome and Safari * do not appear to require this. */ max-width: 75%; } .col--10-xl { flex: 0 0 83.3333333333%; /** * Add a `max-width` to ensure content within each column does not blow out * the width of the column. Applies to IE10+ and Firefox. Chrome and Safari * do not appear to require this. */ max-width: 83.3333333333%; } .col--11-xl { flex: 0 0 91.6666666667%; /** * Add a `max-width` to ensure content within each column does not blow out * the width of the column. Applies to IE10+ and Firefox. Chrome and Safari * do not appear to require this. */ max-width: 91.6666666667%; } .col--12-xl { flex: 0 0 100%; /** * Add a `max-width` to ensure content within each column does not blow out * the width of the column. Applies to IE10+ and Firefox. Chrome and Safari * do not appear to require this. */ max-width: 100%; } .order-xl-first { order: -1; } .order--1-xl { order: 1; } .order--2-xl { order: 2; } .order--3-xl { order: 3; } .order--4-xl { order: 4; } .order--5-xl { order: 5; } .order--6-xl { order: 6; } .order--7-xl { order: 7; } .order--8-xl { order: 8; } .order--9-xl { order: 9; } .order--10-xl { order: 10; } .order--11-xl { order: 11; } .order--12-xl { order: 12; } /* `$columns - 1` because offsetting by the width of an entire row isn't possible */ /* Avoid emitting useless .offset-0 */ .offset--0-xl { margin-left: 0; } /* Avoid emitting useless .offset-0 */ .offset--1-xl { margin-left: 8.3333333333%; } /* Avoid emitting useless .offset-0 */ .offset--2-xl { margin-left: 16.6666666667%; } /* Avoid emitting useless .offset-0 */ .offset--3-xl { margin-left: 25%; } /* Avoid emitting useless .offset-0 */ .offset--4-xl { margin-left: 33.3333333333%; } /* Avoid emitting useless .offset-0 */ .offset--5-xl { margin-left: 41.6666666667%; } /* Avoid emitting useless .offset-0 */ .offset--6-xl { margin-left: 50%; } /* Avoid emitting useless .offset-0 */ .offset--7-xl { margin-left: 58.3333333333%; } /* Avoid emitting useless .offset-0 */ .offset--8-xl { margin-left: 66.6666666667%; } /* Avoid emitting useless .offset-0 */ .offset--9-xl { margin-left: 75%; } /* Avoid emitting useless .offset-0 */ .offset--10-xl { margin-left: 83.3333333333%; } /* Avoid emitting useless .offset-0 */ .offset--11-xl { margin-left: 91.6666666667%; } } html { font-size: 62.5%; } body { font-family: sans-serif; font-size: 1.6rem; line-height: 1.5; color: #263238; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } #root h1, #root .h1, #form h1, #form .h1, [data-react-component] h1, [data-react-component] .h1, [data-vue-component] h1, [data-vue-component] .h1 { font-size: 3.4rem; letter-spacing: 0.011rem; font-family: "Helvetica black", sans-serif; } #root h2, #root .h2, #form h2, #form .h2, [data-react-component] h2, [data-react-component] .h2, [data-vue-component] h2, [data-vue-component] .h2 { font-size: 3rem; letter-spacing: 0; font-family: "Helvetica black", sans-serif; } #root h3, #root .h3, #form h3, #form .h3, [data-react-component] h3, [data-react-component] .h3, [data-vue-component] h3, [data-vue-component] .h3 { font-size: 2.6rem; line-height: 1.0769230769; font-family: sans-serif; } #root h4, #root .h4, #form h4, #form .h4, [data-react-component] h4, [data-react-component] .h4, [data-vue-component] h4, [data-vue-component] .h4 { font-size: 2.2rem; line-height: 1.0909090909; font-family: sans-serif; } #root h5, #root .h5, #form h5, #form .h5, [data-react-component] h5, [data-react-component] .h5, [data-vue-component] h5, [data-vue-component] .h5 { font-size: 1.8rem; line-height: 1.1111111111; font-family: sans-serif; } #root h6, #root .h6, #form h6, #form .h6, [data-react-component] h6, [data-react-component] .h6, [data-vue-component] h6, [data-vue-component] .h6 { font-size: 1.6rem; font-family: sans-serif; } #root .h7, #form .h7, [data-react-component] .h7, [data-vue-component] .h7 { font-size: 1.4rem; line-height: 1; font-family: sans-serif; } #root strong, #form strong, [data-react-component] strong, [data-vue-component] strong { font-weight: 700; font-family: sans-serif; } #root p, #form p, [data-react-component] p, [data-vue-component] p { margin-bottom: 2rem; } #root a, #form a, [data-react-component] a, [data-vue-component] a { text-decoration: none; color: inherit; } #root blockquote, #form blockquote, [data-react-component] blockquote, [data-vue-component] blockquote { font-size: 2rem; line-height: 2rem; } #root small, #form small, [data-react-component] small, [data-vue-component] small { font-size: 1.4rem; line-height: 2rem; color: #8c8c8c; } #root em, #form em, [data-react-component] em, [data-vue-component] em { font-style: inherit; font-family: inherit; font-weight: inherit; color: #E3000F; } #root .text-center, #form .text-center, [data-react-component] .text-center, [data-vue-component] .text-center { text-align: center; } #root .page-title, #form .page-title, [data-react-component] .page-title, [data-vue-component] .page-title { font-family: "Helvetica black", sans-serif; font-size: 3.6rem; color: #263238; letter-spacing: 0.012rem; text-align: center; text-transform: uppercase; margin-top: 4rem; margin-bottom: 3.2rem; } @media (min-width: 768px) { #root .page-title, #form .page-title, [data-react-component] .page-title, [data-vue-component] .page-title { font-size: 4.8rem; letter-spacing: 0.016rem; margin-top: 8rem; margin-bottom: 4rem; } } #root .page-title--small, #form .page-title--small, [data-react-component] .page-title--small, [data-vue-component] .page-title--small { font-family: sans-serif; font-size: 3.4rem; line-height: 3.6rem; text-align: left; margin-top: 0; margin-bottom: 3.2rem; } @font-face { font-family: "icon-font"; } .c-dropdown:after, .icon-icon--pin:before, .icon-icon--phone:before, .icon-icon--envelope:before, .icon-icon--caret-down:before, .icon-icon--arrow-right:before { font-family: "icon-font"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1; text-decoration: none; text-transform: none; } .icon-icon--arrow-right:before { content: "\f101"; } .icon-icon--caret-down:before { content: "\f102"; } .icon-icon--envelope:before { content: "\f103"; } .icon-icon--phone:before { content: "\f104"; } .icon-icon--pin:before { content: "\f105"; } #root input[type=text], #root select, #root textarea, #form input[type=text], #form select, #form textarea, [data-react-component] input[type=text], [data-react-component] select, [data-react-component] textarea, [data-vue-component] input[type=text], [data-vue-component] select, [data-vue-component] textarea { font-family: sans-serif; padding: 1rem 4rem 1rem 1rem; background: #f8f9fa; box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.5); height: 4.8rem; display: block; width: 100%; border: 0; color: #000000; box-sizing: border-box; outline: none; } #root input[type=text]:hover, #root select:hover, #root textarea:hover, #form input[type=text]:hover, #form select:hover, #form textarea:hover, [data-react-component] input[type=text]:hover, [data-react-component] select:hover, [data-react-component] textarea:hover, [data-vue-component] input[type=text]:hover, [data-vue-component] select:hover, [data-vue-component] textarea:hover { background: #f8f9fa !important; } #root select, #form select, [data-react-component] select, [data-vue-component] select { appearance: menulist; } #root textarea, #form textarea, [data-react-component] textarea, [data-vue-component] textarea { min-height: 12rem; } #root .Form__Element.FormStep, #root .form, #form .Form__Element.FormStep, #form .form, [data-react-component] .Form__Element.FormStep, [data-react-component] .form, [data-vue-component] .Form__Element.FormStep, [data-vue-component] .form { display: flex; justify-content: space-between; flex-wrap: wrap; } #root .Form__Element.FormTextbox, #root .Form__Element.FormSelection, #root .form-element, #form .Form__Element.FormTextbox, #form .Form__Element.FormSelection, #form .form-element, [data-react-component] .Form__Element.FormTextbox, [data-react-component] .Form__Element.FormSelection, [data-react-component] .form-element, [data-vue-component] .Form__Element.FormTextbox, [data-vue-component] .Form__Element.FormSelection, [data-vue-component] .form-element { position: relative; width: 100%; margin-bottom: 2.4rem; } @media (min-width: 768px) { #root .Form__Element.FormTextbox, #root .Form__Element.FormSelection, #root .form-element, #form .Form__Element.FormTextbox, #form .Form__Element.FormSelection, #form .form-element, [data-react-component] .Form__Element.FormTextbox, [data-react-component] .Form__Element.FormSelection, [data-react-component] .form-element, [data-vue-component] .Form__Element.FormTextbox, [data-vue-component] .Form__Element.FormSelection, [data-vue-component] .form-element { margin-bottom: 3.2rem; width: calc(50% - 1.6rem); } #root .Form__Element.FormTextbox.FormTextbox--Textarea, #root .Form__Element.FormTextbox.FormTextbox--Checkbox, #root .Form__Element.FormTextbox--textarea, #root .Form__Element.FormTextbox--checkbox, #root .Form__Element.FormSelection.FormTextbox--Textarea, #root .Form__Element.FormSelection.FormTextbox--Checkbox, #root .Form__Element.FormSelection--textarea, #root .Form__Element.FormSelection--checkbox, #root .form-element.FormTextbox--Textarea, #root .form-element.FormTextbox--Checkbox, #root .form-element--textarea, #root .form-element--checkbox, #form .Form__Element.FormTextbox.FormTextbox--Textarea, #form .Form__Element.FormTextbox.FormTextbox--Checkbox, #form .Form__Element.FormTextbox--textarea, #form .Form__Element.FormTextbox--checkbox, #form .Form__Element.FormSelection.FormTextbox--Textarea, #form .Form__Element.FormSelection.FormTextbox--Checkbox, #form .Form__Element.FormSelection--textarea, #form .Form__Element.FormSelection--checkbox, #form .form-element.FormTextbox--Textarea, #form .form-element.FormTextbox--Checkbox, #form .form-element--textarea, #form .form-element--checkbox, [data-react-component] .Form__Element.FormTextbox.FormTextbox--Textarea, [data-react-component] .Form__Element.FormTextbox.FormTextbox--Checkbox, [data-react-component] .Form__Element.FormTextbox--textarea, [data-react-component] .Form__Element.FormTextbox--checkbox, [data-react-component] .Form__Element.FormSelection.FormTextbox--Textarea, [data-react-component] .Form__Element.FormSelection.FormTextbox--Checkbox, [data-react-component] .Form__Element.FormSelection--textarea, [data-react-component] .Form__Element.FormSelection--checkbox, [data-react-component] .form-element.FormTextbox--Textarea, [data-react-component] .form-element.FormTextbox--Checkbox, [data-react-component] .form-element--textarea, [data-react-component] .form-element--checkbox, [data-vue-component] .Form__Element.FormTextbox.FormTextbox--Textarea, [data-vue-component] .Form__Element.FormTextbox.FormTextbox--Checkbox, [data-vue-component] .Form__Element.FormTextbox--textarea, [data-vue-component] .Form__Element.FormTextbox--checkbox, [data-vue-component] .Form__Element.FormSelection.FormTextbox--Textarea, [data-vue-component] .Form__Element.FormSelection.FormTextbox--Checkbox, [data-vue-component] .Form__Element.FormSelection--textarea, [data-vue-component] .Form__Element.FormSelection--checkbox, [data-vue-component] .form-element.FormTextbox--Textarea, [data-vue-component] .form-element.FormTextbox--Checkbox, [data-vue-component] .form-element--textarea, [data-vue-component] .form-element--checkbox { width: 100%; } } #root .Form__Element__Caption, #root .form-element__label, #form .Form__Element__Caption, #form .form-element__label, [data-react-component] .Form__Element__Caption, [data-react-component] .form-element__label, [data-vue-component] .Form__Element__Caption, [data-vue-component] .form-element__label { font-family: sans-serif; margin-bottom: 1.6rem; } #root .Form__Element.ValidationRequired .Form__Element__Caption:after, #form .Form__Element.ValidationRequired .Form__Element__Caption:after, [data-react-component] .Form__Element.ValidationRequired .Form__Element__Caption:after, [data-vue-component] .Form__Element.ValidationRequired .Form__Element__Caption:after { content: " *"; color: #E3000F; } #root .Form__Element__ValidationError, #root .form-element__validation-error, #form .Form__Element__ValidationError, #form .form-element__validation-error, [data-react-component] .Form__Element__ValidationError, [data-react-component] .form-element__validation-error, [data-vue-component] .Form__Element__ValidationError, [data-vue-component] .form-element__validation-error { display: none; color: #E3000F; position: absolute; right: 0; top: 0; } .FormTextbox--Checkbox #root .Form__Element__ValidationError, .form-element--checkbox #root .Form__Element__ValidationError, .FormTextbox--Checkbox #root .form-element__validation-error, .form-element--checkbox #root .form-element__validation-error, .FormTextbox--Checkbox #form .Form__Element__ValidationError, .form-element--checkbox #form .Form__Element__ValidationError, .FormTextbox--Checkbox #form .form-element__validation-error, .form-element--checkbox #form .form-element__validation-error, .FormTextbox--Checkbox [data-react-component] .Form__Element__ValidationError, .form-element--checkbox [data-react-component] .Form__Element__ValidationError, .FormTextbox--Checkbox [data-react-component] .form-element__validation-error, .form-element--checkbox [data-react-component] .form-element__validation-error, .FormTextbox--Checkbox [data-vue-component] .Form__Element__ValidationError, .form-element--checkbox [data-vue-component] .Form__Element__ValidationError, .FormTextbox--Checkbox [data-vue-component] .form-element__validation-error, .form-element--checkbox [data-vue-component] .form-element__validation-error { position: static; } #root .Form__Element.FormTextbox.ValidationFail .FormTextbox__Input, #root .Form__Element.FormTextbox.ValidationFail .form-element__input, #root .form-element--validation-vail .FormTextbox__Input, #root .form-element--validation-vail .form-element__input, #form .Form__Element.FormTextbox.ValidationFail .FormTextbox__Input, #form .Form__Element.FormTextbox.ValidationFail .form-element__input, #form .form-element--validation-vail .FormTextbox__Input, #form .form-element--validation-vail .form-element__input, [data-react-component] .Form__Element.FormTextbox.ValidationFail .FormTextbox__Input, [data-react-component] .Form__Element.FormTextbox.ValidationFail .form-element__input, [data-react-component] .form-element--validation-vail .FormTextbox__Input, [data-react-component] .form-element--validation-vail .form-element__input, [data-vue-component] .Form__Element.FormTextbox.ValidationFail .FormTextbox__Input, [data-vue-component] .Form__Element.FormTextbox.ValidationFail .form-element__input, [data-vue-component] .form-element--validation-vail .FormTextbox__Input, [data-vue-component] .form-element--validation-vail .form-element__input { box-shadow: inset 0 0 0 0.1rem #E3000F; background-size: 2.4rem; } #root .Form__Element.FormTextbox.ValidationFail .Form__Element__ValidationError, #root .Form__Element.FormTextbox.ValidationFail .form-element__validation-error, #root .form-element--validation-vail .Form__Element__ValidationError, #root .form-element--validation-vail .form-element__validation-error, #form .Form__Element.FormTextbox.ValidationFail .Form__Element__ValidationError, #form .Form__Element.FormTextbox.ValidationFail .form-element__validation-error, #form .form-element--validation-vail .Form__Element__ValidationError, #form .form-element--validation-vail .form-element__validation-error, [data-react-component] .Form__Element.FormTextbox.ValidationFail .Form__Element__ValidationError, [data-react-component] .Form__Element.FormTextbox.ValidationFail .form-element__validation-error, [data-react-component] .form-element--validation-vail .Form__Element__ValidationError, [data-react-component] .form-element--validation-vail .form-element__validation-error, [data-vue-component] .Form__Element.FormTextbox.ValidationFail .Form__Element__ValidationError, [data-vue-component] .Form__Element.FormTextbox.ValidationFail .form-element__validation-error, [data-vue-component] .form-element--validation-vail .Form__Element__ValidationError, [data-vue-component] .form-element--validation-vail .form-element__validation-error { display: block; } #root .Form__Element.FormTextbox.ValidationFail .checkbox__label:before, #root .form-element--validation-vail .checkbox__label:before, #form .Form__Element.FormTextbox.ValidationFail .checkbox__label:before, #form .form-element--validation-vail .checkbox__label:before, [data-react-component] .Form__Element.FormTextbox.ValidationFail .checkbox__label:before, [data-react-component] .form-element--validation-vail .checkbox__label:before, [data-vue-component] .Form__Element.FormTextbox.ValidationFail .checkbox__label:before, [data-vue-component] .form-element--validation-vail .checkbox__label:before { border-color: #E3000F; } #root .Form__Element.FormTextbox.ValidationSucces .FormTextbox__Input, #root .Form__Element.FormTextbox.ValidationSucces .form-element__input, #root .form-element--validation-succes .FormTextbox__Input, #root .form-element--validation-succes .form-element__input, #form .Form__Element.FormTextbox.ValidationSucces .FormTextbox__Input, #form .Form__Element.FormTextbox.ValidationSucces .form-element__input, #form .form-element--validation-succes .FormTextbox__Input, #form .form-element--validation-succes .form-element__input, [data-react-component] .Form__Element.FormTextbox.ValidationSucces .FormTextbox__Input, [data-react-component] .Form__Element.FormTextbox.ValidationSucces .form-element__input, [data-react-component] .form-element--validation-succes .FormTextbox__Input, [data-react-component] .form-element--validation-succes .form-element__input, [data-vue-component] .Form__Element.FormTextbox.ValidationSucces .FormTextbox__Input, [data-vue-component] .Form__Element.FormTextbox.ValidationSucces .form-element__input, [data-vue-component] .form-element--validation-succes .FormTextbox__Input, [data-vue-component] .form-element--validation-succes .form-element__input { background-size: 2.4rem; } #root .EPiServerForms .Form__Status .Form__Success__Message, #form .EPiServerForms .Form__Status .Form__Success__Message, [data-react-component] .EPiServerForms .Form__Status .Form__Success__Message, [data-vue-component] .EPiServerForms .Form__Status .Form__Success__Message { background-color: transparent; padding: 0; } #root .EPiServerForms .hide, #form .EPiServerForms .hide, [data-react-component] .EPiServerForms .hide, [data-vue-component] .EPiServerForms .hide { display: none; } .Form__MainBody { width: 100%; max-width: none; } .Form__MainBody > section { display: block; flex-direction: column; row-gap: 0.5rem; } .Form__MainBody div.Form__Element { display: inline-flex; gap: 0.5rem; position: relative; width: auto; } .Form__MainBody > section.Form__Element { width: 100%; } @media print, screen and (min-width: 41.75em) { .Form__MainBody div.Form__Element { flex-direction: column; align-items: flex-start; } } .Form__Element .Form__Element__Caption { width: auto; font-size: 18px; } div.Form__Element input, div.Form__Element textarea, div.Form__Element select { width: 100%; padding-left: 1rem; padding-right: 1rem; padding-top: 0.7rem; padding-bottom: 0.7rem; flex-grow: 0; flex-shrink: 0; flex-basis: auto; border-radius: 0; border: none; font-size: 16px; } div.Form__Element textarea { min-height: 8rem; font-size: 16px; } div.Form__Element.button > button { padding-left: 1rem; padding-right: 1rem; padding-top: 0.8rem; padding-bottom: 0.8rem; display: block; color: white; background: #E42136; transition: background ease 0.5s; width: 100%; } div.Form__Element.button > button:hover { background-color: #1D212C; } div.Form__Element input::placeholder { font-size: 16px; } .Form__Element__ValidationError { font-size: 14px; } /* Parent acts as a normal block (not a grid) */ .Form__MainBody { display: block; } .Form__MainBody > .FormStep { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); column-gap: 2rem; row-gap: 1.5rem; width: 100%; flex: 0 0 100%; } .Form__MainBody > .FormStep > .Form__Element { width: auto !important; /* ignore 25/33/50/etc widths */ min-width: 0; /* prevent overflow from long labels/inputs */ box-sizing: border-box; margin-bottom: 0; grid-column: span 12; } .Form__MainBody > .FormStep > .Form__Element.full, .Form__MainBody > .FormStep > .Form__Element.full-flush { grid-column: span 12; } .Form__MainBody > .FormStep > .Form__Element fieldset { width: 100%; display: flex; flex-direction: column; gap: 0.3rem; grid-column: span; } .Form__MainBody > .FormStep > .Form__Element fieldset label { display: flex; flex-direction: row; align-items: center; align-self: center; width: 100%; cursor: pointer; } .Form__MainBody > .FormStep > .Form__Element fieldset input { flex-shrink: 0; flex-grow: 0; flex-basis: 2rem; } .Form__MainBody > .FormStep > .Form__Element.medium-3 { grid-column: span 3; } .Form__MainBody > .FormStep > .Form__Element.medium-4 { grid-column: span 4; } .Form__MainBody > .FormStep > .Form__Element.medium-6 { grid-column: span 6; } .Form__MainBody > .FormStep > .Form__Element.medium-8 { grid-column: span 8; } .Form__MainBody > .FormStep > .Form__Element.medium-9 { grid-column: span 9; } .Form__MainBody > .FormStep > .Form__Element.medium-8.large-offset-3 { grid-column: 4/span 6; } .Form__MainBody > .FormStep > .Form__Element.medium-8.large-offset-6 { grid-column: 7/span 6; } /* Mobile collapse to full-width fields */ @media (max-width: 768px) { .Form__MainBody > .FormStep { grid-template-columns: repeat(12, minmax(0, 1fr)); column-gap: 1rem; row-gap: 1rem; } .Form__MainBody > .FormStep > .Form__Element { flex-direction: column; grid-column: span 12 !important; } } #root .button, #form .button, [data-react-component] .button, [data-vue-component] .button { display: inline-flex; position: relative; padding: 0 1.6rem; cursor: pointer; font-family: sans-serif; font-size: 1.8rem; border: 1px solid #E3000F; height: 4.8rem; align-items: center; background-color: #E3000F; color: #ffffff; } #root .button:after, #form .button:after, [data-react-component] .button:after, [data-vue-component] .button:after { margin-left: 0.35em; } #root .button:empty:after, #form .button:empty:after, [data-react-component] .button:empty:after, [data-vue-component] .button:empty:after { margin-left: 0; } #root .button:hover, #form .button:hover, [data-react-component] .button:hover, [data-vue-component] .button:hover { background-color: #ffffff; color: #E3000F; } #root .button--block, #form .button--block, [data-react-component] .button--block, [data-vue-component] .button--block { display: flex; width: 100%; justify-content: space-between; } #root .button--large, #form .button--large, [data-react-component] .button--large, [data-vue-component] .button--large { height: 5.6rem; padding: 0 1.8rem; } #root .button--inverted, #form .button--inverted, [data-react-component] .button--inverted, [data-vue-component] .button--inverted { color: #E3000F; background-color: #ffffff; border-color: #E3000F; } #root .button--inverted:hover, #form .button--inverted:hover, [data-react-component] .button--inverted:hover, [data-vue-component] .button--inverted:hover { background-color: #E3000F; color: #ffffff; } #root .button--outline, #form .button--outline, [data-react-component] .button--outline, [data-vue-component] .button--outline { background-color: transparent; border-color: #ffffff; color: #ffffff; } #root .button--outline:hover, #form .button--outline:hover, [data-react-component] .button--outline:hover, [data-vue-component] .button--outline:hover { background: rgba(255, 255, 255, 0.1); color: #ffffff; } #root .button[disabled], #form .button[disabled], [data-react-component] .button[disabled], [data-vue-component] .button[disabled] { border-color: #8c8c8c !important; background-color: #8c8c8c !important; color: #ffffff !important; } #root .button__icon, #form .button__icon, [data-react-component] .button__icon, [data-vue-component] .button__icon { line-height: 0; font-size: 1.7rem; margin-left: 0.8rem; } .link { text-decoration: underline; cursor: pointer; } /* * Components styling * The files should contain the styling for * components like header, footer, article, etc. */ .c-tabs__headers { display: flex; } .c-tabs__content { padding-top: 4rem; } .c-tabs-header { cursor: pointer; display: flex; align-items: center; padding: 0.7rem 0.6rem 1.6rem; color: #263238; border-bottom: 0.1rem solid #263238; opacity: 0.5; flex-grow: 1; } .c-tabs-header.is-active, .c-tabs-header:hover { opacity: 1; } .c-tabs-header.is-active { padding-bottom: 1.3rem; border-bottom: 0.4rem solid #E3000F; } .c-tabs-header__icon { padding-left: 1.6rem; padding-right: 1.6rem; } .c-tabs-header__icon > [class^=icon-] { line-height: 0; } .c-tabs-header__title { cursor: pointer; font-family: sans-serif; font-size: 2.4rem; } .c-tabs-header__description { font-family: sans-serif; font-size: 1.7rem; line-height: 2.4rem; } .loadable.is-loading { position: relative; opacity: 0.5; min-height: 6rem; } .loadable.is-loading:before { content: ""; position: absolute; z-index: 2; top: 50%; margin-top: -3rem; display: block; width: 100%; height: 6rem; background: transparent no-repeat center center; background-image: url(data:image/svg+xml;base64,CjxzdmcgY2xhc3M9Imxkcy1zcGlubmVyIiB3aWR0aD0iNjBweCIgIGhlaWdodD0iNjBweCIgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHZpZXdCb3g9IjAgMCAxMDAgMTAwIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJ4TWlkWU1pZCIgc3R5bGU9ImJhY2tncm91bmQ6IG5vbmU7Ij48ZyB0cmFuc2Zvcm09InJvdGF0ZSgwIDUwIDUwKSI+CiAgPHJlY3QgeD0iNDciIHk9IjI0IiByeD0iOS40IiByeT0iNC44IiB3aWR0aD0iNiIgaGVpZ2h0PSIxMiIgZmlsbD0iIzAwMDAwMCI+CiAgICA8YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJvcGFjaXR5IiB2YWx1ZXM9IjE7MCIga2V5VGltZXM9IjA7MSIgZHVyPSIxcyIgYmVnaW49Ii0wLjkxNjY2NjY2NjY2NjY2NjZzIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSI+PC9hbmltYXRlPgogIDwvcmVjdD4KPC9nPjxnIHRyYW5zZm9ybT0icm90YXRlKDMwIDUwIDUwKSI+CiAgPHJlY3QgeD0iNDciIHk9IjI0IiByeD0iOS40IiByeT0iNC44IiB3aWR0aD0iNiIgaGVpZ2h0PSIxMiIgZmlsbD0iIzAwMDAwMCI+CiAgICA8YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJvcGFjaXR5IiB2YWx1ZXM9IjE7MCIga2V5VGltZXM9IjA7MSIgZHVyPSIxcyIgYmVnaW49Ii0wLjgzMzMzMzMzMzMzMzMzMzRzIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSI+PC9hbmltYXRlPgogIDwvcmVjdD4KPC9nPjxnIHRyYW5zZm9ybT0icm90YXRlKDYwIDUwIDUwKSI+CiAgPHJlY3QgeD0iNDciIHk9IjI0IiByeD0iOS40IiByeT0iNC44IiB3aWR0aD0iNiIgaGVpZ2h0PSIxMiIgZmlsbD0iIzAwMDAwMCI+CiAgICA8YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJvcGFjaXR5IiB2YWx1ZXM9IjE7MCIga2V5VGltZXM9IjA7MSIgZHVyPSIxcyIgYmVnaW49Ii0wLjc1cyIgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiPjwvYW5pbWF0ZT4KICA8L3JlY3Q+CjwvZz48ZyB0cmFuc2Zvcm09InJvdGF0ZSg5MCA1MCA1MCkiPgogIDxyZWN0IHg9IjQ3IiB5PSIyNCIgcng9IjkuNCIgcnk9IjQuOCIgd2lkdGg9IjYiIGhlaWdodD0iMTIiIGZpbGw9IiMwMDAwMDAiPgogICAgPGFuaW1hdGUgYXR0cmlidXRlTmFtZT0ib3BhY2l0eSIgdmFsdWVzPSIxOzAiIGtleVRpbWVzPSIwOzEiIGR1cj0iMXMiIGJlZ2luPSItMC42NjY2NjY2NjY2NjY2NjY2cyIgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiPjwvYW5pbWF0ZT4KICA8L3JlY3Q+CjwvZz48ZyB0cmFuc2Zvcm09InJvdGF0ZSgxMjAgNTAgNTApIj4KICA8cmVjdCB4PSI0NyIgeT0iMjQiIHJ4PSI5LjQiIHJ5PSI0LjgiIHdpZHRoPSI2IiBoZWlnaHQ9IjEyIiBmaWxsPSIjMDAwMDAwIj4KICAgIDxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9Im9wYWNpdHkiIHZhbHVlcz0iMTswIiBrZXlUaW1lcz0iMDsxIiBkdXI9IjFzIiBiZWdpbj0iLTAuNTgzMzMzMzMzMzMzMzMzNHMiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIj48L2FuaW1hdGU+CiAgPC9yZWN0Pgo8L2c+PGcgdHJhbnNmb3JtPSJyb3RhdGUoMTUwIDUwIDUwKSI+CiAgPHJlY3QgeD0iNDciIHk9IjI0IiByeD0iOS40IiByeT0iNC44IiB3aWR0aD0iNiIgaGVpZ2h0PSIxMiIgZmlsbD0iIzAwMDAwMCI+CiAgICA8YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJvcGFjaXR5IiB2YWx1ZXM9IjE7MCIga2V5VGltZXM9IjA7MSIgZHVyPSIxcyIgYmVnaW49Ii0wLjVzIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSI+PC9hbmltYXRlPgogIDwvcmVjdD4KPC9nPjxnIHRyYW5zZm9ybT0icm90YXRlKDE4MCA1MCA1MCkiPgogIDxyZWN0IHg9IjQ3IiB5PSIyNCIgcng9IjkuNCIgcnk9IjQuOCIgd2lkdGg9IjYiIGhlaWdodD0iMTIiIGZpbGw9IiMwMDAwMDAiPgogICAgPGFuaW1hdGUgYXR0cmlidXRlTmFtZT0ib3BhY2l0eSIgdmFsdWVzPSIxOzAiIGtleVRpbWVzPSIwOzEiIGR1cj0iMXMiIGJlZ2luPSItMC40MTY2NjY2NjY2NjY2NjY3cyIgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiPjwvYW5pbWF0ZT4KICA8L3JlY3Q+CjwvZz48ZyB0cmFuc2Zvcm09InJvdGF0ZSgyMTAgNTAgNTApIj4KICA8cmVjdCB4PSI0NyIgeT0iMjQiIHJ4PSI5LjQiIHJ5PSI0LjgiIHdpZHRoPSI2IiBoZWlnaHQ9IjEyIiBmaWxsPSIjMDAwMDAwIj4KICAgIDxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9Im9wYWNpdHkiIHZhbHVlcz0iMTswIiBrZXlUaW1lcz0iMDsxIiBkdXI9IjFzIiBiZWdpbj0iLTAuMzMzMzMzMzMzMzMzMzMzM3MiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIj48L2FuaW1hdGU+CiAgPC9yZWN0Pgo8L2c+PGcgdHJhbnNmb3JtPSJyb3RhdGUoMjQwIDUwIDUwKSI+CiAgPHJlY3QgeD0iNDciIHk9IjI0IiByeD0iOS40IiByeT0iNC44IiB3aWR0aD0iNiIgaGVpZ2h0PSIxMiIgZmlsbD0iIzAwMDAwMCI+CiAgICA8YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJvcGFjaXR5IiB2YWx1ZXM9IjE7MCIga2V5VGltZXM9IjA7MSIgZHVyPSIxcyIgYmVnaW49Ii0wLjI1cyIgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiPjwvYW5pbWF0ZT4KICA8L3JlY3Q+CjwvZz48ZyB0cmFuc2Zvcm09InJvdGF0ZSgyNzAgNTAgNTApIj4KICA8cmVjdCB4PSI0NyIgeT0iMjQiIHJ4PSI5LjQiIHJ5PSI0LjgiIHdpZHRoPSI2IiBoZWlnaHQ9IjEyIiBmaWxsPSIjMDAwMDAwIj4KICAgIDxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9Im9wYWNpdHkiIHZhbHVlcz0iMTswIiBrZXlUaW1lcz0iMDsxIiBkdXI9IjFzIiBiZWdpbj0iLTAuMTY2NjY2NjY2NjY2NjY2NjZzIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSI+PC9hbmltYXRlPgogIDwvcmVjdD4KPC9nPjxnIHRyYW5zZm9ybT0icm90YXRlKDMwMCA1MCA1MCkiPgogIDxyZWN0IHg9IjQ3IiB5PSIyNCIgcng9IjkuNCIgcnk9IjQuOCIgd2lkdGg9IjYiIGhlaWdodD0iMTIiIGZpbGw9IiMwMDAwMDAiPgogICAgPGFuaW1hdGUgYXR0cmlidXRlTmFtZT0ib3BhY2l0eSIgdmFsdWVzPSIxOzAiIGtleVRpbWVzPSIwOzEiIGR1cj0iMXMiIGJlZ2luPSItMC4wODMzMzMzMzMzMzMzMzMzM3MiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIj48L2FuaW1hdGU+CiAgPC9yZWN0Pgo8L2c+PGcgdHJhbnNmb3JtPSJyb3RhdGUoMzMwIDUwIDUwKSI+CiAgPHJlY3QgeD0iNDciIHk9IjI0IiByeD0iOS40IiByeT0iNC44IiB3aWR0aD0iNiIgaGVpZ2h0PSIxMiIgZmlsbD0iIzAwMDAwMCI+CiAgICA8YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJvcGFjaXR5IiB2YWx1ZXM9IjE7MCIga2V5VGltZXM9IjA7MSIgZHVyPSIxcyIgYmVnaW49IjBzIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSI+PC9hbmltYXRlPgogIDwvcmVjdD4KPC9nPjwvc3ZnPg==); } .c-location { display: flex; flex-direction: column; padding: 2.4rem; background: #f8f9fa; background: #F8F9FA; font-family: sans-serif; font-size: 1.8rem; color: #263238; line-height: 2rem; margin-bottom: 2.4rem; } @media (min-width: 768px) { .c-location { flex-direction: row; justify-content: space-between; padding: 3.2rem; } } .c-location__information { margin-bottom: 2.4rem; } @media (min-width: 768px) { .c-location__information { margin-bottom: 0; } } .c-location__label { font-family: sans-serif; font-size: 1.8rem; color: #E3000F; line-height: 2rem; margin-bottom: 1.6rem; } .c-location__name { font-family: sans-serif; font-size: 2.4rem; line-height: 2.6rem; margin-bottom: 2rem; } @media (min-width: 768px) { .c-location__name { margin-bottom: 1.6rem; } } .c-location__icon { width: 2.2rem; font-size: 1.4rem; padding-right: 0.8rem; text-align: center; position: relative; } .c-location__icon:before { color: #8c8c8c; line-height: 0; position: relative; } .c-location__icon.icon-icon--phone { top: -0.1rem; } .c-location__icon.icon-icon--envelope { top: 0.3rem; } .c-location__icon.icon-icon--pin { font-size: 20px; top: 0.1rem; } .c-location__phone a, .c-location__email a, .c-location__url a { color: #263238; text-decoration: underline; } @media (min-width: 768px) { .c-location__phone a, .c-location__email a, .c-location__url a { text-decoration: none; } .c-location__phone a:hover, .c-location__email a:hover, .c-location__url a:hover { text-decoration: underline; } } .c-location__phone { margin-bottom: 1.6rem; } .c-location__email { margin-bottom: 2rem; } @media (min-width: 768px) { .c-location__email { margin-bottom: 2.4rem; } } .c-location__address { margin-bottom: 2rem; display: flex; } .c-location__po-box { padding-left: 2.2rem; } .c-location__url { padding-left: 2.2rem; margin-bottom: 2rem; } .c-location__image img { max-width: 100%; height: auto; } @media (min-width: 768px) { .c-location__image { width: 28.4rem; } } .c-dropdown { font-family: sans-serif; font-size: 1.8rem; color: #E3000F; line-height: 2.4rem; border: 1px solid currentColor; padding-right: 2rem; position: relative; cursor: pointer; display: flex; justify-content: space-between; align-items: center; } .c-dropdown:after { content: "\f102"; } .c-dropdown:after { font-size: 1.2rem; transform-origin: center; transition: transform 0.2s ease-in-out; } .c-dropdown.is-active:after { transform: rotate(180deg); } .c-dropdown__current-value { flex-grow: 1; padding: 1.5rem 2rem; } .c-dropdown__options { position: absolute; top: 100%; right: -0.1rem; bottom: auto; left: -0.1rem; border: 0.1rem solid #E3000F; max-height: 33.2rem; overflow: auto; background-color: #ffffff; z-index: 10; } .c-dropdown__options::-webkit-scrollbar { -webkit-appearance: none; width: 7px; } .c-dropdown__options::-webkit-scrollbar-thumb { border-radius: 4px; background-color: rgba(0, 0, 0, 0.45); -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, 0.45); } .c-dropdown__options::-webkit-scrollbar-thumb:hover { background-color: rgba(0, 0, 0, 0.55); -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, 0.55); } .c-dropdown__value { color: #000000; padding: 1.5rem 1rem; } .c-dropdown__value:hover { color: #E3000F; } .c-dropdown-container { font-family: sans-serif; font-size: 2.4rem; line-height: 2.6rem; color: #263238; padding-top: 1.6rem; margin-bottom: 2.4rem; } @media (min-width: 768px) { .c-dropdown-container { display: flex; align-items: center; padding-top: 2.4rem; } } .c-dropdown-container__title { flex-grow: 1; color: #8c8c8c; margin-bottom: 1.6rem; } @media (min-width: 768px) { .c-dropdown-container__title { margin-bottom: 0; } } .c-dropdown-container__dropdown { display: flex; align-items: center; } .c-dropdown-container__dropdown-label { margin-right: 1.6rem; } .c-request-location-message { margin-bottom: 1.6rem; cursor: pointer; } /* Use this file for hotfixes and refactor later */ /** * @file * Use this file for hotfixes only and refactor later */ /*# sourceMappingURL=style.css.map */