/**
* Based on
*
* - reset.css 2.0 by Eric Meyer
(public domain)
* http://meyerweb.com/eric/tools/css/reset/
*
* - normalize.css 8.0.1 by Nicolas Gallagher and Jonathan Neal
* (licensed under MIT)
* https://github.com/necolas/normalize.css
*
* - Reboot from Bootstrap 4.5.3
* (licensed under MIT)
* https://github.com/twbs/bootstrap
*/
/**
* IE10+ doesn't honor `` elements.
*/
body {
/* 1 */
line-height: 1;
/* 2 */
font-family: sans-serif;
/* 3 */
text-align: left;
}
/**
* Future-proof rule: in browsers that support :focus-visible, suppress the focus outline
* on elements that programmatically receive focus but wouldn't normally show a visible
* focus outline. In general, this would mean that the outline is only applied if the
* interaction that led to the element receiving programmatic focus was a keyboard interaction,
* or the browser has somehow determined that the user is primarily a keyboard user and/or
* wants focus outlines to always be presented.
*
* See https://developer.mozilla.org/en-US/docs/Web/CSS/:focus-visible
* and https://developer.paciellogroup.com/blog/2018/03/focus-visible-and-backwards-compatibility/
*/
[tabindex="-1"]:focus:not(.focus-visible) {
outline: 0 !important;
}
[tabindex="-1"]:focus:not(:focus-visible) {
outline: 0 !important;
}
/**
* Lists
*/
ol, ul {
list-style: none;
}
/**
* Quotes
*/
blockquote, q {
quotes: none;
}
blockquote::before,
blockquote::after,
q::before,
q::after {
content: "";
content: none;
}
/**
* Tables
*/
table {
border-collapse: collapse;
border-spacing: 0;
}
caption {
caption-side: bottom;
}
/**
* Table Headers
* 1. Matches default ` ` alignment by inheriting from the ``, or the
* closest parent with a set `text-align`.
* 2. Fix alignment for Safari
*/
th {
/* 1 */
text-align: inherit;
/* 2 */
text-align: -webkit-match-parent;
}
/**
* Horizontal Lines
* 1. Add the correct box sizing in Firefox.
* 2. Show the overflow in Edge and IE.
*/
hr {
/* 1 */
box-sizing: content-box;
height: 0;
/* 2 */
overflow: visible;
}
/**
* Preformatted Text
* 1. Correct the inheritance and scaling of font size in all browsers.
* 2. Don't allow content to break outside
* 3. We have @viewport set which causes scrollbars to overlap content in IE11
* and Edge, so we force a non-overlapping, non-auto-hiding scrollbar to
* counteract.
*/
pre,
code,
kbd,
samp {
/* 1 */
font-family: monospace, monospace;
}
pre {
/* 2 */
overflow: auto;
/* 3 */
-ms-overflow-style: scrollbar;
}
/**
* Links
* 1. Remove the gray background on active links in IE 10.
* 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
*/
a {
/* 1 */
background-color: transparent;
/* 2 */
-webkit-text-decoration-skip: objects;
}
/**
* 1. Remove the bottom border in Chrome 57- and Firefox 39-
* 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
* 3. Add explicit cursor to indicate changed behavior.
* 4. Prevent the text-decoration to be skipped.
*/
abbr[title] {
/* 1 */
border-bottom: 0;
/* 2 */
text-decoration: underline;
text-decoration: underline;
-webkit-text-decoration: underline dotted currentColor;
text-decoration: underline dotted currentColor;
/* 3 */
cursor: help;
/* 4 */
-webkit-text-decoration-skip-ink: none;
text-decoration-skip-ink: none;
}
address {
font-style: normal;
line-height: inherit;
}
/**
* Add the correct font weight in Chrome, Edge, and Safari.
*/
b,
strong {
font-weight: bolder;
}
/**
* 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 {
position: relative;
font-size: 75%;
line-height: 0;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}
/**
* Prevent `em` being affected from global reset
*/
em {
font-style: italic;
}
/**
* Remove the border on images inside links in IE 10.
*/
img {
border-style: none;
}
/**
* Hide SVG overflow in IE
*/
svg:not(:root) {
overflow: hidden;
}
/**
* Remove the default `border-radius` that macOS Chrome adds.
* Details at https://github.com/twbs/bootstrap/issues/24093
*/
button {
border-radius: 0;
}
/**
* Work around a Firefox/IE bug where the transparent `button` background
* results in a loss of the default `button` focus styles.
* Credit: https://github.com/suitcss/base/
*/
button:focus {
outline: 1px dotted;
outline: 5px auto -webkit-focus-ring-color;
}
/**
* form element resets
* 1. Remove the margin in Firefox and Safari
* 2. inherit font rules
*/
input,
button,
select,
optgroup,
textarea {
/* 1 */
margin: 0;
/* 2 */
font-family: inherit;
font-size: inherit;
line-height: inherit;
}
/**
* 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
* controls in Android 4.
* 2. Correct the inability to style clickable types in iOS and Safari.
*/
button,
[type=reset],
[type=submit],
[type=button] {
/* 2 */
-webkit-appearance: button;
}
/**
* Remove the default appearance of temporal inputs to avoid a Mobile Safari
* bug where setting a custom line-height prevents text from being vertically
* centered within the input.
* See https://bugs.webkit.org/show_bug.cgi?id=139848
* and https://github.com/twbs/bootstrap/issues/11266
*/
input[type=date],
input[type=time],
input[type=datetime-local],
input[type=month] {
-webkit-appearance: listbox;
}
/**
* 1. Remove the default vertical scrollbar in IE.
* 2. Textareas should really only resize vertically so they don't break their
* (horizontal) containers.
*/
textarea {
overflow: auto;
resize: vertical;
}
/**
* Show the overflow in IE.
*/
button,
input {
overflow: visible;
}
/**
* Remove the inheritance of text transform in Edge, Firefox, and IE.
*/
button,
select {
text-transform: none;
}
/**
* Set the cursor for non-`` buttons
* Details at https://github.com/twbs/bootstrap/pull/30562
*/
[role=button] {
cursor: pointer;
}
/**
* Remove the inheritance of word-wrap in Safari.
* See https://github.com/twbs/bootstrap/issues/24990
*/
select {
word-wrap: normal;
}
/**
* Remove inner border and padding from Firefox, but don't restore the outline
* like Normalize.
*/
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
border-style: none;
padding: 0;
}
/**
* 1. Add the correct box sizing in IE 10-
* 2. Remove the padding in IE 10-
*/
input[type=radio],
input[type=checkbox] {
/* 1 */
box-sizing: border-box;
/* 2 */
padding: 0;
}
/**
* Suppress the focus outline on elements that cannot be accessed via keyboard.
* This prevents an unwanted focus outline from appearing around elements that
* might still respond to pointer events.
* Credit: https://github.com/suitcss/base
*/
[tabindex="-1"]:focus {
outline: 0 !important;
}
/**
* Browsers set a default `min-width: min-content` on fieldsets,
* unlike e.g. ``s, which have `min-width: 0` by default.
* So we reset that to ensure fieldsets behave more like a standard block element.
* See https://github.com/twbs/bootstrap/issues/12359
* and https://html.spec.whatwg.org/multipage/#the-fieldset-and-legend-elements
*/
fieldset {
min-width: 0;
}
/**
* 1. Correct the text wrapping in Edge and IE.
* 2. Correct the color inheritance from `fieldset` elements in IE.
* 3. Set display to block for all browsers
*/
legend {
/* 1 */
max-width: 100%;
white-space: normal;
/* 2 */
color: inherit;
/* 3 */
display: block;
}
/**
* Add the correct vertical alignment in Chrome, Firefox, and Opera.
*/
progress {
vertical-align: baseline;
}
/**
* 1. Remove the default vertical scrollbar in IE 10+.
* 2. Textareas should really only resize vertically so they don't break their
* (horizontal) containers.
*/
textarea {
/* 1 */
overflow: auto;
/* 2 */
resize: vertical;
}
/**
* 1. Add the correct box sizing in IE 10.
* 2. Remove the padding in IE 10.
*/
[type=checkbox],
[type=radio] {
/* 1 */
box-sizing: border-box;
/* 2 */
padding: 0;
}
/**
* 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] {
/* 1 */
-webkit-appearance: textfield;
/* 2 */
outline-offset: -2px;
}
/**
* Remove the inner padding and cancel buttons in Chrome and Safari on macOS.
*/
[type=search]::-webkit-search-cancel-button,
[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 {
/* 1 */
-webkit-appearance: button;
/* 2 */
font: inherit;
}
/**
* Correct element display for output
*/
output {
display: inline-block;
}
/**
* Add the correct display in IE 10+.
*/
template {
display: none;
}
/**
* Always hide an element with the `hidden` HTML attribute (from PureCSS).
* Needed for proper display in IE 10-.
*/
[hidden] {
display: none;
}
/*!
* Bootstrap Grid v4.6.2 (https://getbootstrap.com/)
* Copyright 2011-2022 The Bootstrap Authors
* Copyright 2011-2022 Twitter, Inc.
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
*/
html {
box-sizing: border-box;
-ms-overflow-style: scrollbar;
}
*,
*::before,
*::after {
box-sizing: inherit;
}
.container,
.container-fluid,
.container-xl,
.container-lg,
.container-md,
.container-sm {
width: 100%;
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;
}
@media (min-width: 576px) {
.container-sm, .container {
max-width: 540px;
}
}
@media (min-width: 768px) {
.container-md, .container-sm, .container {
max-width: 720px;
}
}
@media (min-width: 992px) {
.container-lg, .container-md, .container-sm, .container {
max-width: 960px;
}
}
@media (min-width: 1200px) {
.container-xl, .container-lg, .container-md, .container-sm, .container {
max-width: 1140px;
}
}
.row {
display: flex;
flex-wrap: wrap;
margin-right: -15px;
margin-left: -15px;
}
.no-gutters {
margin-right: 0;
margin-left: 0;
}
.no-gutters > .col,
.no-gutters > [class*=col-] {
padding-right: 0;
padding-left: 0;
}
.col-xl,
.col-xl-auto, .col-xl-12, .col-xl-11, .col-xl-10, .col-xl-9, .col-xl-8, .col-xl-7, .col-xl-6, .col-xl-5, .col-xl-4, .col-xl-3, .col-xl-2, .col-xl-1, .col-lg,
.col-lg-auto, .col-lg-12, .col-lg-11, .col-lg-10, .col-lg-9, .col-lg-8, .col-lg-7, .col-lg-6, .col-lg-5, .col-lg-4, .col-lg-3, .col-lg-2, .col-lg-1, .col-md,
.col-md-auto, .col-md-12, .col-md-11, .col-md-10, .col-md-9, .col-md-8, .col-md-7, .col-md-6, .col-md-5, .col-md-4, .col-md-3, .col-md-2, .col-md-1, .col-sm,
.col-sm-auto, .col-sm-12, .col-sm-11, .col-sm-10, .col-sm-9, .col-sm-8, .col-sm-7, .col-sm-6, .col-sm-5, .col-sm-4, .col-sm-3, .col-sm-2, .col-sm-1, .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%;
padding-right: 15px;
padding-left: 15px;
}
.col {
flex-basis: 0;
flex-grow: 1;
max-width: 100%;
}
.row-cols-1 > * {
flex: 0 0 100%;
max-width: 100%;
}
.row-cols-2 > * {
flex: 0 0 50%;
max-width: 50%;
}
.row-cols-3 > * {
flex: 0 0 33.3333333333%;
max-width: 33.3333333333%;
}
.row-cols-4 > * {
flex: 0 0 25%;
max-width: 25%;
}
.row-cols-5 > * {
flex: 0 0 20%;
max-width: 20%;
}
.row-cols-6 > * {
flex: 0 0 16.6666666667%;
max-width: 16.6666666667%;
}
.col-auto {
flex: 0 0 auto;
width: auto;
max-width: 100%;
}
.col-1 {
flex: 0 0 8.33333333%;
max-width: 8.33333333%;
}
.col-2 {
flex: 0 0 16.66666667%;
max-width: 16.66666667%;
}
.col-3 {
flex: 0 0 25%;
max-width: 25%;
}
.col-4 {
flex: 0 0 33.33333333%;
max-width: 33.33333333%;
}
.col-5 {
flex: 0 0 41.66666667%;
max-width: 41.66666667%;
}
.col-6 {
flex: 0 0 50%;
max-width: 50%;
}
.col-7 {
flex: 0 0 58.33333333%;
max-width: 58.33333333%;
}
.col-8 {
flex: 0 0 66.66666667%;
max-width: 66.66666667%;
}
.col-9 {
flex: 0 0 75%;
max-width: 75%;
}
.col-10 {
flex: 0 0 83.33333333%;
max-width: 83.33333333%;
}
.col-11 {
flex: 0 0 91.66666667%;
max-width: 91.66666667%;
}
.col-12 {
flex: 0 0 100%;
max-width: 100%;
}
.order-first {
order: -1;
}
.order-last {
order: 13;
}
.order-0 {
order: 0;
}
.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;
}
.offset-1 {
margin-left: 8.33333333%;
}
.offset-2 {
margin-left: 16.66666667%;
}
.offset-3 {
margin-left: 25%;
}
.offset-4 {
margin-left: 33.33333333%;
}
.offset-5 {
margin-left: 41.66666667%;
}
.offset-6 {
margin-left: 50%;
}
.offset-7 {
margin-left: 58.33333333%;
}
.offset-8 {
margin-left: 66.66666667%;
}
.offset-9 {
margin-left: 75%;
}
.offset-10 {
margin-left: 83.33333333%;
}
.offset-11 {
margin-left: 91.66666667%;
}
@media (min-width: 576px) {
.col-sm {
flex-basis: 0;
flex-grow: 1;
max-width: 100%;
}
.row-cols-sm-1 > * {
flex: 0 0 100%;
max-width: 100%;
}
.row-cols-sm-2 > * {
flex: 0 0 50%;
max-width: 50%;
}
.row-cols-sm-3 > * {
flex: 0 0 33.3333333333%;
max-width: 33.3333333333%;
}
.row-cols-sm-4 > * {
flex: 0 0 25%;
max-width: 25%;
}
.row-cols-sm-5 > * {
flex: 0 0 20%;
max-width: 20%;
}
.row-cols-sm-6 > * {
flex: 0 0 16.6666666667%;
max-width: 16.6666666667%;
}
.col-sm-auto {
flex: 0 0 auto;
width: auto;
max-width: 100%;
}
.col-sm-1 {
flex: 0 0 8.33333333%;
max-width: 8.33333333%;
}
.col-sm-2 {
flex: 0 0 16.66666667%;
max-width: 16.66666667%;
}
.col-sm-3 {
flex: 0 0 25%;
max-width: 25%;
}
.col-sm-4 {
flex: 0 0 33.33333333%;
max-width: 33.33333333%;
}
.col-sm-5 {
flex: 0 0 41.66666667%;
max-width: 41.66666667%;
}
.col-sm-6 {
flex: 0 0 50%;
max-width: 50%;
}
.col-sm-7 {
flex: 0 0 58.33333333%;
max-width: 58.33333333%;
}
.col-sm-8 {
flex: 0 0 66.66666667%;
max-width: 66.66666667%;
}
.col-sm-9 {
flex: 0 0 75%;
max-width: 75%;
}
.col-sm-10 {
flex: 0 0 83.33333333%;
max-width: 83.33333333%;
}
.col-sm-11 {
flex: 0 0 91.66666667%;
max-width: 91.66666667%;
}
.col-sm-12 {
flex: 0 0 100%;
max-width: 100%;
}
.order-sm-first {
order: -1;
}
.order-sm-last {
order: 13;
}
.order-sm-0 {
order: 0;
}
.order-sm-1 {
order: 1;
}
.order-sm-2 {
order: 2;
}
.order-sm-3 {
order: 3;
}
.order-sm-4 {
order: 4;
}
.order-sm-5 {
order: 5;
}
.order-sm-6 {
order: 6;
}
.order-sm-7 {
order: 7;
}
.order-sm-8 {
order: 8;
}
.order-sm-9 {
order: 9;
}
.order-sm-10 {
order: 10;
}
.order-sm-11 {
order: 11;
}
.order-sm-12 {
order: 12;
}
.offset-sm-0 {
margin-left: 0;
}
.offset-sm-1 {
margin-left: 8.33333333%;
}
.offset-sm-2 {
margin-left: 16.66666667%;
}
.offset-sm-3 {
margin-left: 25%;
}
.offset-sm-4 {
margin-left: 33.33333333%;
}
.offset-sm-5 {
margin-left: 41.66666667%;
}
.offset-sm-6 {
margin-left: 50%;
}
.offset-sm-7 {
margin-left: 58.33333333%;
}
.offset-sm-8 {
margin-left: 66.66666667%;
}
.offset-sm-9 {
margin-left: 75%;
}
.offset-sm-10 {
margin-left: 83.33333333%;
}
.offset-sm-11 {
margin-left: 91.66666667%;
}
}
@media (min-width: 768px) {
.col-md {
flex-basis: 0;
flex-grow: 1;
max-width: 100%;
}
.row-cols-md-1 > * {
flex: 0 0 100%;
max-width: 100%;
}
.row-cols-md-2 > * {
flex: 0 0 50%;
max-width: 50%;
}
.row-cols-md-3 > * {
flex: 0 0 33.3333333333%;
max-width: 33.3333333333%;
}
.row-cols-md-4 > * {
flex: 0 0 25%;
max-width: 25%;
}
.row-cols-md-5 > * {
flex: 0 0 20%;
max-width: 20%;
}
.row-cols-md-6 > * {
flex: 0 0 16.6666666667%;
max-width: 16.6666666667%;
}
.col-md-auto {
flex: 0 0 auto;
width: auto;
max-width: 100%;
}
.col-md-1 {
flex: 0 0 8.33333333%;
max-width: 8.33333333%;
}
.col-md-2 {
flex: 0 0 16.66666667%;
max-width: 16.66666667%;
}
.col-md-3 {
flex: 0 0 25%;
max-width: 25%;
}
.col-md-4 {
flex: 0 0 33.33333333%;
max-width: 33.33333333%;
}
.col-md-5 {
flex: 0 0 41.66666667%;
max-width: 41.66666667%;
}
.col-md-6 {
flex: 0 0 50%;
max-width: 50%;
}
.col-md-7 {
flex: 0 0 58.33333333%;
max-width: 58.33333333%;
}
.col-md-8 {
flex: 0 0 66.66666667%;
max-width: 66.66666667%;
}
.col-md-9 {
flex: 0 0 75%;
max-width: 75%;
}
.col-md-10 {
flex: 0 0 83.33333333%;
max-width: 83.33333333%;
}
.col-md-11 {
flex: 0 0 91.66666667%;
max-width: 91.66666667%;
}
.col-md-12 {
flex: 0 0 100%;
max-width: 100%;
}
.order-md-first {
order: -1;
}
.order-md-last {
order: 13;
}
.order-md-0 {
order: 0;
}
.order-md-1 {
order: 1;
}
.order-md-2 {
order: 2;
}
.order-md-3 {
order: 3;
}
.order-md-4 {
order: 4;
}
.order-md-5 {
order: 5;
}
.order-md-6 {
order: 6;
}
.order-md-7 {
order: 7;
}
.order-md-8 {
order: 8;
}
.order-md-9 {
order: 9;
}
.order-md-10 {
order: 10;
}
.order-md-11 {
order: 11;
}
.order-md-12 {
order: 12;
}
.offset-md-0 {
margin-left: 0;
}
.offset-md-1 {
margin-left: 8.33333333%;
}
.offset-md-2 {
margin-left: 16.66666667%;
}
.offset-md-3 {
margin-left: 25%;
}
.offset-md-4 {
margin-left: 33.33333333%;
}
.offset-md-5 {
margin-left: 41.66666667%;
}
.offset-md-6 {
margin-left: 50%;
}
.offset-md-7 {
margin-left: 58.33333333%;
}
.offset-md-8 {
margin-left: 66.66666667%;
}
.offset-md-9 {
margin-left: 75%;
}
.offset-md-10 {
margin-left: 83.33333333%;
}
.offset-md-11 {
margin-left: 91.66666667%;
}
}
@media (min-width: 992px) {
.col-lg {
flex-basis: 0;
flex-grow: 1;
max-width: 100%;
}
.row-cols-lg-1 > * {
flex: 0 0 100%;
max-width: 100%;
}
.row-cols-lg-2 > * {
flex: 0 0 50%;
max-width: 50%;
}
.row-cols-lg-3 > * {
flex: 0 0 33.3333333333%;
max-width: 33.3333333333%;
}
.row-cols-lg-4 > * {
flex: 0 0 25%;
max-width: 25%;
}
.row-cols-lg-5 > * {
flex: 0 0 20%;
max-width: 20%;
}
.row-cols-lg-6 > * {
flex: 0 0 16.6666666667%;
max-width: 16.6666666667%;
}
.col-lg-auto {
flex: 0 0 auto;
width: auto;
max-width: 100%;
}
.col-lg-1 {
flex: 0 0 8.33333333%;
max-width: 8.33333333%;
}
.col-lg-2 {
flex: 0 0 16.66666667%;
max-width: 16.66666667%;
}
.col-lg-3 {
flex: 0 0 25%;
max-width: 25%;
}
.col-lg-4 {
flex: 0 0 33.33333333%;
max-width: 33.33333333%;
}
.col-lg-5 {
flex: 0 0 41.66666667%;
max-width: 41.66666667%;
}
.col-lg-6 {
flex: 0 0 50%;
max-width: 50%;
}
.col-lg-7 {
flex: 0 0 58.33333333%;
max-width: 58.33333333%;
}
.col-lg-8 {
flex: 0 0 66.66666667%;
max-width: 66.66666667%;
}
.col-lg-9 {
flex: 0 0 75%;
max-width: 75%;
}
.col-lg-10 {
flex: 0 0 83.33333333%;
max-width: 83.33333333%;
}
.col-lg-11 {
flex: 0 0 91.66666667%;
max-width: 91.66666667%;
}
.col-lg-12 {
flex: 0 0 100%;
max-width: 100%;
}
.order-lg-first {
order: -1;
}
.order-lg-last {
order: 13;
}
.order-lg-0 {
order: 0;
}
.order-lg-1 {
order: 1;
}
.order-lg-2 {
order: 2;
}
.order-lg-3 {
order: 3;
}
.order-lg-4 {
order: 4;
}
.order-lg-5 {
order: 5;
}
.order-lg-6 {
order: 6;
}
.order-lg-7 {
order: 7;
}
.order-lg-8 {
order: 8;
}
.order-lg-9 {
order: 9;
}
.order-lg-10 {
order: 10;
}
.order-lg-11 {
order: 11;
}
.order-lg-12 {
order: 12;
}
.offset-lg-0 {
margin-left: 0;
}
.offset-lg-1 {
margin-left: 8.33333333%;
}
.offset-lg-2 {
margin-left: 16.66666667%;
}
.offset-lg-3 {
margin-left: 25%;
}
.offset-lg-4 {
margin-left: 33.33333333%;
}
.offset-lg-5 {
margin-left: 41.66666667%;
}
.offset-lg-6 {
margin-left: 50%;
}
.offset-lg-7 {
margin-left: 58.33333333%;
}
.offset-lg-8 {
margin-left: 66.66666667%;
}
.offset-lg-9 {
margin-left: 75%;
}
.offset-lg-10 {
margin-left: 83.33333333%;
}
.offset-lg-11 {
margin-left: 91.66666667%;
}
}
@media (min-width: 1200px) {
.col-xl {
flex-basis: 0;
flex-grow: 1;
max-width: 100%;
}
.row-cols-xl-1 > * {
flex: 0 0 100%;
max-width: 100%;
}
.row-cols-xl-2 > * {
flex: 0 0 50%;
max-width: 50%;
}
.row-cols-xl-3 > * {
flex: 0 0 33.3333333333%;
max-width: 33.3333333333%;
}
.row-cols-xl-4 > * {
flex: 0 0 25%;
max-width: 25%;
}
.row-cols-xl-5 > * {
flex: 0 0 20%;
max-width: 20%;
}
.row-cols-xl-6 > * {
flex: 0 0 16.6666666667%;
max-width: 16.6666666667%;
}
.col-xl-auto {
flex: 0 0 auto;
width: auto;
max-width: 100%;
}
.col-xl-1 {
flex: 0 0 8.33333333%;
max-width: 8.33333333%;
}
.col-xl-2 {
flex: 0 0 16.66666667%;
max-width: 16.66666667%;
}
.col-xl-3 {
flex: 0 0 25%;
max-width: 25%;
}
.col-xl-4 {
flex: 0 0 33.33333333%;
max-width: 33.33333333%;
}
.col-xl-5 {
flex: 0 0 41.66666667%;
max-width: 41.66666667%;
}
.col-xl-6 {
flex: 0 0 50%;
max-width: 50%;
}
.col-xl-7 {
flex: 0 0 58.33333333%;
max-width: 58.33333333%;
}
.col-xl-8 {
flex: 0 0 66.66666667%;
max-width: 66.66666667%;
}
.col-xl-9 {
flex: 0 0 75%;
max-width: 75%;
}
.col-xl-10 {
flex: 0 0 83.33333333%;
max-width: 83.33333333%;
}
.col-xl-11 {
flex: 0 0 91.66666667%;
max-width: 91.66666667%;
}
.col-xl-12 {
flex: 0 0 100%;
max-width: 100%;
}
.order-xl-first {
order: -1;
}
.order-xl-last {
order: 13;
}
.order-xl-0 {
order: 0;
}
.order-xl-1 {
order: 1;
}
.order-xl-2 {
order: 2;
}
.order-xl-3 {
order: 3;
}
.order-xl-4 {
order: 4;
}
.order-xl-5 {
order: 5;
}
.order-xl-6 {
order: 6;
}
.order-xl-7 {
order: 7;
}
.order-xl-8 {
order: 8;
}
.order-xl-9 {
order: 9;
}
.order-xl-10 {
order: 10;
}
.order-xl-11 {
order: 11;
}
.order-xl-12 {
order: 12;
}
.offset-xl-0 {
margin-left: 0;
}
.offset-xl-1 {
margin-left: 8.33333333%;
}
.offset-xl-2 {
margin-left: 16.66666667%;
}
.offset-xl-3 {
margin-left: 25%;
}
.offset-xl-4 {
margin-left: 33.33333333%;
}
.offset-xl-5 {
margin-left: 41.66666667%;
}
.offset-xl-6 {
margin-left: 50%;
}
.offset-xl-7 {
margin-left: 58.33333333%;
}
.offset-xl-8 {
margin-left: 66.66666667%;
}
.offset-xl-9 {
margin-left: 75%;
}
.offset-xl-10 {
margin-left: 83.33333333%;
}
.offset-xl-11 {
margin-left: 91.66666667%;
}
}
.d-none {
display: none !important;
}
.d-inline {
display: inline !important;
}
.d-inline-block {
display: inline-block !important;
}
.d-block {
display: block !important;
}
.d-table {
display: table !important;
}
.d-table-row {
display: table-row !important;
}
.d-table-cell {
display: table-cell !important;
}
.d-flex {
display: flex !important;
}
.d-inline-flex {
display: inline-flex !important;
}
@media (min-width: 576px) {
.d-sm-none {
display: none !important;
}
.d-sm-inline {
display: inline !important;
}
.d-sm-inline-block {
display: inline-block !important;
}
.d-sm-block {
display: block !important;
}
.d-sm-table {
display: table !important;
}
.d-sm-table-row {
display: table-row !important;
}
.d-sm-table-cell {
display: table-cell !important;
}
.d-sm-flex {
display: flex !important;
}
.d-sm-inline-flex {
display: inline-flex !important;
}
}
@media (min-width: 768px) {
.d-md-none {
display: none !important;
}
.d-md-inline {
display: inline !important;
}
.d-md-inline-block {
display: inline-block !important;
}
.d-md-block {
display: block !important;
}
.d-md-table {
display: table !important;
}
.d-md-table-row {
display: table-row !important;
}
.d-md-table-cell {
display: table-cell !important;
}
.d-md-flex {
display: flex !important;
}
.d-md-inline-flex {
display: inline-flex !important;
}
}
@media (min-width: 992px) {
.d-lg-none {
display: none !important;
}
.d-lg-inline {
display: inline !important;
}
.d-lg-inline-block {
display: inline-block !important;
}
.d-lg-block {
display: block !important;
}
.d-lg-table {
display: table !important;
}
.d-lg-table-row {
display: table-row !important;
}
.d-lg-table-cell {
display: table-cell !important;
}
.d-lg-flex {
display: flex !important;
}
.d-lg-inline-flex {
display: inline-flex !important;
}
}
@media (min-width: 1200px) {
.d-xl-none {
display: none !important;
}
.d-xl-inline {
display: inline !important;
}
.d-xl-inline-block {
display: inline-block !important;
}
.d-xl-block {
display: block !important;
}
.d-xl-table {
display: table !important;
}
.d-xl-table-row {
display: table-row !important;
}
.d-xl-table-cell {
display: table-cell !important;
}
.d-xl-flex {
display: flex !important;
}
.d-xl-inline-flex {
display: inline-flex !important;
}
}
@media print {
.d-print-none {
display: none !important;
}
.d-print-inline {
display: inline !important;
}
.d-print-inline-block {
display: inline-block !important;
}
.d-print-block {
display: block !important;
}
.d-print-table {
display: table !important;
}
.d-print-table-row {
display: table-row !important;
}
.d-print-table-cell {
display: table-cell !important;
}
.d-print-flex {
display: flex !important;
}
.d-print-inline-flex {
display: inline-flex !important;
}
}
.flex-row {
flex-direction: row !important;
}
.flex-column {
flex-direction: column !important;
}
.flex-row-reverse {
flex-direction: row-reverse !important;
}
.flex-column-reverse {
flex-direction: column-reverse !important;
}
.flex-wrap {
flex-wrap: wrap !important;
}
.flex-nowrap {
flex-wrap: nowrap !important;
}
.flex-wrap-reverse {
flex-wrap: wrap-reverse !important;
}
.flex-fill {
flex: 1 1 auto !important;
}
.flex-grow-0 {
flex-grow: 0 !important;
}
.flex-grow-1 {
flex-grow: 1 !important;
}
.flex-shrink-0 {
flex-shrink: 0 !important;
}
.flex-shrink-1 {
flex-shrink: 1 !important;
}
.justify-content-start {
justify-content: flex-start !important;
}
.justify-content-end {
justify-content: flex-end !important;
}
.justify-content-center {
justify-content: center !important;
}
.justify-content-between {
justify-content: space-between !important;
}
.justify-content-around {
justify-content: space-around !important;
}
.align-items-start {
align-items: flex-start !important;
}
.align-items-end {
align-items: flex-end !important;
}
.align-items-center {
align-items: center !important;
}
.align-items-baseline {
align-items: baseline !important;
}
.align-items-stretch {
align-items: stretch !important;
}
.align-content-start {
align-content: flex-start !important;
}
.align-content-end {
align-content: flex-end !important;
}
.align-content-center {
align-content: center !important;
}
.align-content-between {
align-content: space-between !important;
}
.align-content-around {
align-content: space-around !important;
}
.align-content-stretch {
align-content: stretch !important;
}
.align-self-auto {
align-self: auto !important;
}
.align-self-start {
align-self: flex-start !important;
}
.align-self-end {
align-self: flex-end !important;
}
.align-self-center {
align-self: center !important;
}
.align-self-baseline {
align-self: baseline !important;
}
.align-self-stretch {
align-self: stretch !important;
}
@media (min-width: 576px) {
.flex-sm-row {
flex-direction: row !important;
}
.flex-sm-column {
flex-direction: column !important;
}
.flex-sm-row-reverse {
flex-direction: row-reverse !important;
}
.flex-sm-column-reverse {
flex-direction: column-reverse !important;
}
.flex-sm-wrap {
flex-wrap: wrap !important;
}
.flex-sm-nowrap {
flex-wrap: nowrap !important;
}
.flex-sm-wrap-reverse {
flex-wrap: wrap-reverse !important;
}
.flex-sm-fill {
flex: 1 1 auto !important;
}
.flex-sm-grow-0 {
flex-grow: 0 !important;
}
.flex-sm-grow-1 {
flex-grow: 1 !important;
}
.flex-sm-shrink-0 {
flex-shrink: 0 !important;
}
.flex-sm-shrink-1 {
flex-shrink: 1 !important;
}
.justify-content-sm-start {
justify-content: flex-start !important;
}
.justify-content-sm-end {
justify-content: flex-end !important;
}
.justify-content-sm-center {
justify-content: center !important;
}
.justify-content-sm-between {
justify-content: space-between !important;
}
.justify-content-sm-around {
justify-content: space-around !important;
}
.align-items-sm-start {
align-items: flex-start !important;
}
.align-items-sm-end {
align-items: flex-end !important;
}
.align-items-sm-center {
align-items: center !important;
}
.align-items-sm-baseline {
align-items: baseline !important;
}
.align-items-sm-stretch {
align-items: stretch !important;
}
.align-content-sm-start {
align-content: flex-start !important;
}
.align-content-sm-end {
align-content: flex-end !important;
}
.align-content-sm-center {
align-content: center !important;
}
.align-content-sm-between {
align-content: space-between !important;
}
.align-content-sm-around {
align-content: space-around !important;
}
.align-content-sm-stretch {
align-content: stretch !important;
}
.align-self-sm-auto {
align-self: auto !important;
}
.align-self-sm-start {
align-self: flex-start !important;
}
.align-self-sm-end {
align-self: flex-end !important;
}
.align-self-sm-center {
align-self: center !important;
}
.align-self-sm-baseline {
align-self: baseline !important;
}
.align-self-sm-stretch {
align-self: stretch !important;
}
}
@media (min-width: 768px) {
.flex-md-row {
flex-direction: row !important;
}
.flex-md-column {
flex-direction: column !important;
}
.flex-md-row-reverse {
flex-direction: row-reverse !important;
}
.flex-md-column-reverse {
flex-direction: column-reverse !important;
}
.flex-md-wrap {
flex-wrap: wrap !important;
}
.flex-md-nowrap {
flex-wrap: nowrap !important;
}
.flex-md-wrap-reverse {
flex-wrap: wrap-reverse !important;
}
.flex-md-fill {
flex: 1 1 auto !important;
}
.flex-md-grow-0 {
flex-grow: 0 !important;
}
.flex-md-grow-1 {
flex-grow: 1 !important;
}
.flex-md-shrink-0 {
flex-shrink: 0 !important;
}
.flex-md-shrink-1 {
flex-shrink: 1 !important;
}
.justify-content-md-start {
justify-content: flex-start !important;
}
.justify-content-md-end {
justify-content: flex-end !important;
}
.justify-content-md-center {
justify-content: center !important;
}
.justify-content-md-between {
justify-content: space-between !important;
}
.justify-content-md-around {
justify-content: space-around !important;
}
.align-items-md-start {
align-items: flex-start !important;
}
.align-items-md-end {
align-items: flex-end !important;
}
.align-items-md-center {
align-items: center !important;
}
.align-items-md-baseline {
align-items: baseline !important;
}
.align-items-md-stretch {
align-items: stretch !important;
}
.align-content-md-start {
align-content: flex-start !important;
}
.align-content-md-end {
align-content: flex-end !important;
}
.align-content-md-center {
align-content: center !important;
}
.align-content-md-between {
align-content: space-between !important;
}
.align-content-md-around {
align-content: space-around !important;
}
.align-content-md-stretch {
align-content: stretch !important;
}
.align-self-md-auto {
align-self: auto !important;
}
.align-self-md-start {
align-self: flex-start !important;
}
.align-self-md-end {
align-self: flex-end !important;
}
.align-self-md-center {
align-self: center !important;
}
.align-self-md-baseline {
align-self: baseline !important;
}
.align-self-md-stretch {
align-self: stretch !important;
}
}
@media (min-width: 992px) {
.flex-lg-row {
flex-direction: row !important;
}
.flex-lg-column {
flex-direction: column !important;
}
.flex-lg-row-reverse {
flex-direction: row-reverse !important;
}
.flex-lg-column-reverse {
flex-direction: column-reverse !important;
}
.flex-lg-wrap {
flex-wrap: wrap !important;
}
.flex-lg-nowrap {
flex-wrap: nowrap !important;
}
.flex-lg-wrap-reverse {
flex-wrap: wrap-reverse !important;
}
.flex-lg-fill {
flex: 1 1 auto !important;
}
.flex-lg-grow-0 {
flex-grow: 0 !important;
}
.flex-lg-grow-1 {
flex-grow: 1 !important;
}
.flex-lg-shrink-0 {
flex-shrink: 0 !important;
}
.flex-lg-shrink-1 {
flex-shrink: 1 !important;
}
.justify-content-lg-start {
justify-content: flex-start !important;
}
.justify-content-lg-end {
justify-content: flex-end !important;
}
.justify-content-lg-center {
justify-content: center !important;
}
.justify-content-lg-between {
justify-content: space-between !important;
}
.justify-content-lg-around {
justify-content: space-around !important;
}
.align-items-lg-start {
align-items: flex-start !important;
}
.align-items-lg-end {
align-items: flex-end !important;
}
.align-items-lg-center {
align-items: center !important;
}
.align-items-lg-baseline {
align-items: baseline !important;
}
.align-items-lg-stretch {
align-items: stretch !important;
}
.align-content-lg-start {
align-content: flex-start !important;
}
.align-content-lg-end {
align-content: flex-end !important;
}
.align-content-lg-center {
align-content: center !important;
}
.align-content-lg-between {
align-content: space-between !important;
}
.align-content-lg-around {
align-content: space-around !important;
}
.align-content-lg-stretch {
align-content: stretch !important;
}
.align-self-lg-auto {
align-self: auto !important;
}
.align-self-lg-start {
align-self: flex-start !important;
}
.align-self-lg-end {
align-self: flex-end !important;
}
.align-self-lg-center {
align-self: center !important;
}
.align-self-lg-baseline {
align-self: baseline !important;
}
.align-self-lg-stretch {
align-self: stretch !important;
}
}
@media (min-width: 1200px) {
.flex-xl-row {
flex-direction: row !important;
}
.flex-xl-column {
flex-direction: column !important;
}
.flex-xl-row-reverse {
flex-direction: row-reverse !important;
}
.flex-xl-column-reverse {
flex-direction: column-reverse !important;
}
.flex-xl-wrap {
flex-wrap: wrap !important;
}
.flex-xl-nowrap {
flex-wrap: nowrap !important;
}
.flex-xl-wrap-reverse {
flex-wrap: wrap-reverse !important;
}
.flex-xl-fill {
flex: 1 1 auto !important;
}
.flex-xl-grow-0 {
flex-grow: 0 !important;
}
.flex-xl-grow-1 {
flex-grow: 1 !important;
}
.flex-xl-shrink-0 {
flex-shrink: 0 !important;
}
.flex-xl-shrink-1 {
flex-shrink: 1 !important;
}
.justify-content-xl-start {
justify-content: flex-start !important;
}
.justify-content-xl-end {
justify-content: flex-end !important;
}
.justify-content-xl-center {
justify-content: center !important;
}
.justify-content-xl-between {
justify-content: space-between !important;
}
.justify-content-xl-around {
justify-content: space-around !important;
}
.align-items-xl-start {
align-items: flex-start !important;
}
.align-items-xl-end {
align-items: flex-end !important;
}
.align-items-xl-center {
align-items: center !important;
}
.align-items-xl-baseline {
align-items: baseline !important;
}
.align-items-xl-stretch {
align-items: stretch !important;
}
.align-content-xl-start {
align-content: flex-start !important;
}
.align-content-xl-end {
align-content: flex-end !important;
}
.align-content-xl-center {
align-content: center !important;
}
.align-content-xl-between {
align-content: space-between !important;
}
.align-content-xl-around {
align-content: space-around !important;
}
.align-content-xl-stretch {
align-content: stretch !important;
}
.align-self-xl-auto {
align-self: auto !important;
}
.align-self-xl-start {
align-self: flex-start !important;
}
.align-self-xl-end {
align-self: flex-end !important;
}
.align-self-xl-center {
align-self: center !important;
}
.align-self-xl-baseline {
align-self: baseline !important;
}
.align-self-xl-stretch {
align-self: stretch !important;
}
}
.m-0 {
margin: 0 !important;
}
.mt-0,
.my-0 {
margin-top: 0 !important;
}
.mr-0,
.mx-0 {
margin-right: 0 !important;
}
.mb-0,
.my-0 {
margin-bottom: 0 !important;
}
.ml-0,
.mx-0 {
margin-left: 0 !important;
}
.m-1 {
margin: 0.25rem !important;
}
.mt-1,
.my-1 {
margin-top: 0.25rem !important;
}
.mr-1,
.mx-1 {
margin-right: 0.25rem !important;
}
.mb-1,
.my-1 {
margin-bottom: 0.25rem !important;
}
.ml-1,
.mx-1 {
margin-left: 0.25rem !important;
}
.m-2 {
margin: 0.5rem !important;
}
.mt-2,
.my-2 {
margin-top: 0.5rem !important;
}
.mr-2,
.mx-2 {
margin-right: 0.5rem !important;
}
.mb-2,
.my-2 {
margin-bottom: 0.5rem !important;
}
.ml-2,
.mx-2 {
margin-left: 0.5rem !important;
}
.m-3 {
margin: 1rem !important;
}
.mt-3,
.my-3 {
margin-top: 1rem !important;
}
.mr-3,
.mx-3 {
margin-right: 1rem !important;
}
.mb-3,
.my-3 {
margin-bottom: 1rem !important;
}
.ml-3,
.mx-3 {
margin-left: 1rem !important;
}
.m-4 {
margin: 1.5rem !important;
}
.mt-4,
.my-4 {
margin-top: 1.5rem !important;
}
.mr-4,
.mx-4 {
margin-right: 1.5rem !important;
}
.mb-4,
.my-4 {
margin-bottom: 1.5rem !important;
}
.ml-4,
.mx-4 {
margin-left: 1.5rem !important;
}
.m-5 {
margin: 3rem !important;
}
.mt-5,
.my-5 {
margin-top: 3rem !important;
}
.mr-5,
.mx-5 {
margin-right: 3rem !important;
}
.mb-5,
.my-5 {
margin-bottom: 3rem !important;
}
.ml-5,
.mx-5 {
margin-left: 3rem !important;
}
.p-0 {
padding: 0 !important;
}
.pt-0,
.py-0 {
padding-top: 0 !important;
}
.pr-0,
.px-0 {
padding-right: 0 !important;
}
.pb-0,
.py-0 {
padding-bottom: 0 !important;
}
.pl-0,
.px-0 {
padding-left: 0 !important;
}
.p-1 {
padding: 0.25rem !important;
}
.pt-1,
.py-1 {
padding-top: 0.25rem !important;
}
.pr-1,
.px-1 {
padding-right: 0.25rem !important;
}
.pb-1,
.py-1 {
padding-bottom: 0.25rem !important;
}
.pl-1,
.px-1 {
padding-left: 0.25rem !important;
}
.p-2 {
padding: 0.5rem !important;
}
.pt-2,
.py-2 {
padding-top: 0.5rem !important;
}
.pr-2,
.px-2 {
padding-right: 0.5rem !important;
}
.pb-2,
.py-2 {
padding-bottom: 0.5rem !important;
}
.pl-2,
.px-2 {
padding-left: 0.5rem !important;
}
.p-3 {
padding: 1rem !important;
}
.pt-3,
.py-3 {
padding-top: 1rem !important;
}
.pr-3,
.px-3 {
padding-right: 1rem !important;
}
.pb-3,
.py-3 {
padding-bottom: 1rem !important;
}
.pl-3,
.px-3 {
padding-left: 1rem !important;
}
.p-4 {
padding: 1.5rem !important;
}
.pt-4,
.py-4 {
padding-top: 1.5rem !important;
}
.pr-4,
.px-4 {
padding-right: 1.5rem !important;
}
.pb-4,
.py-4 {
padding-bottom: 1.5rem !important;
}
.pl-4,
.px-4 {
padding-left: 1.5rem !important;
}
.p-5 {
padding: 3rem !important;
}
.pt-5,
.py-5 {
padding-top: 3rem !important;
}
.pr-5,
.px-5 {
padding-right: 3rem !important;
}
.pb-5,
.py-5 {
padding-bottom: 3rem !important;
}
.pl-5,
.px-5 {
padding-left: 3rem !important;
}
.m-n1 {
margin: -0.25rem !important;
}
.mt-n1,
.my-n1 {
margin-top: -0.25rem !important;
}
.mr-n1,
.mx-n1 {
margin-right: -0.25rem !important;
}
.mb-n1,
.my-n1 {
margin-bottom: -0.25rem !important;
}
.ml-n1,
.mx-n1 {
margin-left: -0.25rem !important;
}
.m-n2 {
margin: -0.5rem !important;
}
.mt-n2,
.my-n2 {
margin-top: -0.5rem !important;
}
.mr-n2,
.mx-n2 {
margin-right: -0.5rem !important;
}
.mb-n2,
.my-n2 {
margin-bottom: -0.5rem !important;
}
.ml-n2,
.mx-n2 {
margin-left: -0.5rem !important;
}
.m-n3 {
margin: -1rem !important;
}
.mt-n3,
.my-n3 {
margin-top: -1rem !important;
}
.mr-n3,
.mx-n3 {
margin-right: -1rem !important;
}
.mb-n3,
.my-n3 {
margin-bottom: -1rem !important;
}
.ml-n3,
.mx-n3 {
margin-left: -1rem !important;
}
.m-n4 {
margin: -1.5rem !important;
}
.mt-n4,
.my-n4 {
margin-top: -1.5rem !important;
}
.mr-n4,
.mx-n4 {
margin-right: -1.5rem !important;
}
.mb-n4,
.my-n4 {
margin-bottom: -1.5rem !important;
}
.ml-n4,
.mx-n4 {
margin-left: -1.5rem !important;
}
.m-n5 {
margin: -3rem !important;
}
.mt-n5,
.my-n5 {
margin-top: -3rem !important;
}
.mr-n5,
.mx-n5 {
margin-right: -3rem !important;
}
.mb-n5,
.my-n5 {
margin-bottom: -3rem !important;
}
.ml-n5,
.mx-n5 {
margin-left: -3rem !important;
}
.m-auto {
margin: auto !important;
}
.mt-auto,
.my-auto {
margin-top: auto !important;
}
.mr-auto,
.mx-auto {
margin-right: auto !important;
}
.mb-auto,
.my-auto {
margin-bottom: auto !important;
}
.ml-auto,
.mx-auto {
margin-left: auto !important;
}
@media (min-width: 576px) {
.m-sm-0 {
margin: 0 !important;
}
.mt-sm-0,
.my-sm-0 {
margin-top: 0 !important;
}
.mr-sm-0,
.mx-sm-0 {
margin-right: 0 !important;
}
.mb-sm-0,
.my-sm-0 {
margin-bottom: 0 !important;
}
.ml-sm-0,
.mx-sm-0 {
margin-left: 0 !important;
}
.m-sm-1 {
margin: 0.25rem !important;
}
.mt-sm-1,
.my-sm-1 {
margin-top: 0.25rem !important;
}
.mr-sm-1,
.mx-sm-1 {
margin-right: 0.25rem !important;
}
.mb-sm-1,
.my-sm-1 {
margin-bottom: 0.25rem !important;
}
.ml-sm-1,
.mx-sm-1 {
margin-left: 0.25rem !important;
}
.m-sm-2 {
margin: 0.5rem !important;
}
.mt-sm-2,
.my-sm-2 {
margin-top: 0.5rem !important;
}
.mr-sm-2,
.mx-sm-2 {
margin-right: 0.5rem !important;
}
.mb-sm-2,
.my-sm-2 {
margin-bottom: 0.5rem !important;
}
.ml-sm-2,
.mx-sm-2 {
margin-left: 0.5rem !important;
}
.m-sm-3 {
margin: 1rem !important;
}
.mt-sm-3,
.my-sm-3 {
margin-top: 1rem !important;
}
.mr-sm-3,
.mx-sm-3 {
margin-right: 1rem !important;
}
.mb-sm-3,
.my-sm-3 {
margin-bottom: 1rem !important;
}
.ml-sm-3,
.mx-sm-3 {
margin-left: 1rem !important;
}
.m-sm-4 {
margin: 1.5rem !important;
}
.mt-sm-4,
.my-sm-4 {
margin-top: 1.5rem !important;
}
.mr-sm-4,
.mx-sm-4 {
margin-right: 1.5rem !important;
}
.mb-sm-4,
.my-sm-4 {
margin-bottom: 1.5rem !important;
}
.ml-sm-4,
.mx-sm-4 {
margin-left: 1.5rem !important;
}
.m-sm-5 {
margin: 3rem !important;
}
.mt-sm-5,
.my-sm-5 {
margin-top: 3rem !important;
}
.mr-sm-5,
.mx-sm-5 {
margin-right: 3rem !important;
}
.mb-sm-5,
.my-sm-5 {
margin-bottom: 3rem !important;
}
.ml-sm-5,
.mx-sm-5 {
margin-left: 3rem !important;
}
.p-sm-0 {
padding: 0 !important;
}
.pt-sm-0,
.py-sm-0 {
padding-top: 0 !important;
}
.pr-sm-0,
.px-sm-0 {
padding-right: 0 !important;
}
.pb-sm-0,
.py-sm-0 {
padding-bottom: 0 !important;
}
.pl-sm-0,
.px-sm-0 {
padding-left: 0 !important;
}
.p-sm-1 {
padding: 0.25rem !important;
}
.pt-sm-1,
.py-sm-1 {
padding-top: 0.25rem !important;
}
.pr-sm-1,
.px-sm-1 {
padding-right: 0.25rem !important;
}
.pb-sm-1,
.py-sm-1 {
padding-bottom: 0.25rem !important;
}
.pl-sm-1,
.px-sm-1 {
padding-left: 0.25rem !important;
}
.p-sm-2 {
padding: 0.5rem !important;
}
.pt-sm-2,
.py-sm-2 {
padding-top: 0.5rem !important;
}
.pr-sm-2,
.px-sm-2 {
padding-right: 0.5rem !important;
}
.pb-sm-2,
.py-sm-2 {
padding-bottom: 0.5rem !important;
}
.pl-sm-2,
.px-sm-2 {
padding-left: 0.5rem !important;
}
.p-sm-3 {
padding: 1rem !important;
}
.pt-sm-3,
.py-sm-3 {
padding-top: 1rem !important;
}
.pr-sm-3,
.px-sm-3 {
padding-right: 1rem !important;
}
.pb-sm-3,
.py-sm-3 {
padding-bottom: 1rem !important;
}
.pl-sm-3,
.px-sm-3 {
padding-left: 1rem !important;
}
.p-sm-4 {
padding: 1.5rem !important;
}
.pt-sm-4,
.py-sm-4 {
padding-top: 1.5rem !important;
}
.pr-sm-4,
.px-sm-4 {
padding-right: 1.5rem !important;
}
.pb-sm-4,
.py-sm-4 {
padding-bottom: 1.5rem !important;
}
.pl-sm-4,
.px-sm-4 {
padding-left: 1.5rem !important;
}
.p-sm-5 {
padding: 3rem !important;
}
.pt-sm-5,
.py-sm-5 {
padding-top: 3rem !important;
}
.pr-sm-5,
.px-sm-5 {
padding-right: 3rem !important;
}
.pb-sm-5,
.py-sm-5 {
padding-bottom: 3rem !important;
}
.pl-sm-5,
.px-sm-5 {
padding-left: 3rem !important;
}
.m-sm-n1 {
margin: -0.25rem !important;
}
.mt-sm-n1,
.my-sm-n1 {
margin-top: -0.25rem !important;
}
.mr-sm-n1,
.mx-sm-n1 {
margin-right: -0.25rem !important;
}
.mb-sm-n1,
.my-sm-n1 {
margin-bottom: -0.25rem !important;
}
.ml-sm-n1,
.mx-sm-n1 {
margin-left: -0.25rem !important;
}
.m-sm-n2 {
margin: -0.5rem !important;
}
.mt-sm-n2,
.my-sm-n2 {
margin-top: -0.5rem !important;
}
.mr-sm-n2,
.mx-sm-n2 {
margin-right: -0.5rem !important;
}
.mb-sm-n2,
.my-sm-n2 {
margin-bottom: -0.5rem !important;
}
.ml-sm-n2,
.mx-sm-n2 {
margin-left: -0.5rem !important;
}
.m-sm-n3 {
margin: -1rem !important;
}
.mt-sm-n3,
.my-sm-n3 {
margin-top: -1rem !important;
}
.mr-sm-n3,
.mx-sm-n3 {
margin-right: -1rem !important;
}
.mb-sm-n3,
.my-sm-n3 {
margin-bottom: -1rem !important;
}
.ml-sm-n3,
.mx-sm-n3 {
margin-left: -1rem !important;
}
.m-sm-n4 {
margin: -1.5rem !important;
}
.mt-sm-n4,
.my-sm-n4 {
margin-top: -1.5rem !important;
}
.mr-sm-n4,
.mx-sm-n4 {
margin-right: -1.5rem !important;
}
.mb-sm-n4,
.my-sm-n4 {
margin-bottom: -1.5rem !important;
}
.ml-sm-n4,
.mx-sm-n4 {
margin-left: -1.5rem !important;
}
.m-sm-n5 {
margin: -3rem !important;
}
.mt-sm-n5,
.my-sm-n5 {
margin-top: -3rem !important;
}
.mr-sm-n5,
.mx-sm-n5 {
margin-right: -3rem !important;
}
.mb-sm-n5,
.my-sm-n5 {
margin-bottom: -3rem !important;
}
.ml-sm-n5,
.mx-sm-n5 {
margin-left: -3rem !important;
}
.m-sm-auto {
margin: auto !important;
}
.mt-sm-auto,
.my-sm-auto {
margin-top: auto !important;
}
.mr-sm-auto,
.mx-sm-auto {
margin-right: auto !important;
}
.mb-sm-auto,
.my-sm-auto {
margin-bottom: auto !important;
}
.ml-sm-auto,
.mx-sm-auto {
margin-left: auto !important;
}
}
@media (min-width: 768px) {
.m-md-0 {
margin: 0 !important;
}
.mt-md-0,
.my-md-0 {
margin-top: 0 !important;
}
.mr-md-0,
.mx-md-0 {
margin-right: 0 !important;
}
.mb-md-0,
.my-md-0 {
margin-bottom: 0 !important;
}
.ml-md-0,
.mx-md-0 {
margin-left: 0 !important;
}
.m-md-1 {
margin: 0.25rem !important;
}
.mt-md-1,
.my-md-1 {
margin-top: 0.25rem !important;
}
.mr-md-1,
.mx-md-1 {
margin-right: 0.25rem !important;
}
.mb-md-1,
.my-md-1 {
margin-bottom: 0.25rem !important;
}
.ml-md-1,
.mx-md-1 {
margin-left: 0.25rem !important;
}
.m-md-2 {
margin: 0.5rem !important;
}
.mt-md-2,
.my-md-2 {
margin-top: 0.5rem !important;
}
.mr-md-2,
.mx-md-2 {
margin-right: 0.5rem !important;
}
.mb-md-2,
.my-md-2 {
margin-bottom: 0.5rem !important;
}
.ml-md-2,
.mx-md-2 {
margin-left: 0.5rem !important;
}
.m-md-3 {
margin: 1rem !important;
}
.mt-md-3,
.my-md-3 {
margin-top: 1rem !important;
}
.mr-md-3,
.mx-md-3 {
margin-right: 1rem !important;
}
.mb-md-3,
.my-md-3 {
margin-bottom: 1rem !important;
}
.ml-md-3,
.mx-md-3 {
margin-left: 1rem !important;
}
.m-md-4 {
margin: 1.5rem !important;
}
.mt-md-4,
.my-md-4 {
margin-top: 1.5rem !important;
}
.mr-md-4,
.mx-md-4 {
margin-right: 1.5rem !important;
}
.mb-md-4,
.my-md-4 {
margin-bottom: 1.5rem !important;
}
.ml-md-4,
.mx-md-4 {
margin-left: 1.5rem !important;
}
.m-md-5 {
margin: 3rem !important;
}
.mt-md-5,
.my-md-5 {
margin-top: 3rem !important;
}
.mr-md-5,
.mx-md-5 {
margin-right: 3rem !important;
}
.mb-md-5,
.my-md-5 {
margin-bottom: 3rem !important;
}
.ml-md-5,
.mx-md-5 {
margin-left: 3rem !important;
}
.p-md-0 {
padding: 0 !important;
}
.pt-md-0,
.py-md-0 {
padding-top: 0 !important;
}
.pr-md-0,
.px-md-0 {
padding-right: 0 !important;
}
.pb-md-0,
.py-md-0 {
padding-bottom: 0 !important;
}
.pl-md-0,
.px-md-0 {
padding-left: 0 !important;
}
.p-md-1 {
padding: 0.25rem !important;
}
.pt-md-1,
.py-md-1 {
padding-top: 0.25rem !important;
}
.pr-md-1,
.px-md-1 {
padding-right: 0.25rem !important;
}
.pb-md-1,
.py-md-1 {
padding-bottom: 0.25rem !important;
}
.pl-md-1,
.px-md-1 {
padding-left: 0.25rem !important;
}
.p-md-2 {
padding: 0.5rem !important;
}
.pt-md-2,
.py-md-2 {
padding-top: 0.5rem !important;
}
.pr-md-2,
.px-md-2 {
padding-right: 0.5rem !important;
}
.pb-md-2,
.py-md-2 {
padding-bottom: 0.5rem !important;
}
.pl-md-2,
.px-md-2 {
padding-left: 0.5rem !important;
}
.p-md-3 {
padding: 1rem !important;
}
.pt-md-3,
.py-md-3 {
padding-top: 1rem !important;
}
.pr-md-3,
.px-md-3 {
padding-right: 1rem !important;
}
.pb-md-3,
.py-md-3 {
padding-bottom: 1rem !important;
}
.pl-md-3,
.px-md-3 {
padding-left: 1rem !important;
}
.p-md-4 {
padding: 1.5rem !important;
}
.pt-md-4,
.py-md-4 {
padding-top: 1.5rem !important;
}
.pr-md-4,
.px-md-4 {
padding-right: 1.5rem !important;
}
.pb-md-4,
.py-md-4 {
padding-bottom: 1.5rem !important;
}
.pl-md-4,
.px-md-4 {
padding-left: 1.5rem !important;
}
.p-md-5 {
padding: 3rem !important;
}
.pt-md-5,
.py-md-5 {
padding-top: 3rem !important;
}
.pr-md-5,
.px-md-5 {
padding-right: 3rem !important;
}
.pb-md-5,
.py-md-5 {
padding-bottom: 3rem !important;
}
.pl-md-5,
.px-md-5 {
padding-left: 3rem !important;
}
.m-md-n1 {
margin: -0.25rem !important;
}
.mt-md-n1,
.my-md-n1 {
margin-top: -0.25rem !important;
}
.mr-md-n1,
.mx-md-n1 {
margin-right: -0.25rem !important;
}
.mb-md-n1,
.my-md-n1 {
margin-bottom: -0.25rem !important;
}
.ml-md-n1,
.mx-md-n1 {
margin-left: -0.25rem !important;
}
.m-md-n2 {
margin: -0.5rem !important;
}
.mt-md-n2,
.my-md-n2 {
margin-top: -0.5rem !important;
}
.mr-md-n2,
.mx-md-n2 {
margin-right: -0.5rem !important;
}
.mb-md-n2,
.my-md-n2 {
margin-bottom: -0.5rem !important;
}
.ml-md-n2,
.mx-md-n2 {
margin-left: -0.5rem !important;
}
.m-md-n3 {
margin: -1rem !important;
}
.mt-md-n3,
.my-md-n3 {
margin-top: -1rem !important;
}
.mr-md-n3,
.mx-md-n3 {
margin-right: -1rem !important;
}
.mb-md-n3,
.my-md-n3 {
margin-bottom: -1rem !important;
}
.ml-md-n3,
.mx-md-n3 {
margin-left: -1rem !important;
}
.m-md-n4 {
margin: -1.5rem !important;
}
.mt-md-n4,
.my-md-n4 {
margin-top: -1.5rem !important;
}
.mr-md-n4,
.mx-md-n4 {
margin-right: -1.5rem !important;
}
.mb-md-n4,
.my-md-n4 {
margin-bottom: -1.5rem !important;
}
.ml-md-n4,
.mx-md-n4 {
margin-left: -1.5rem !important;
}
.m-md-n5 {
margin: -3rem !important;
}
.mt-md-n5,
.my-md-n5 {
margin-top: -3rem !important;
}
.mr-md-n5,
.mx-md-n5 {
margin-right: -3rem !important;
}
.mb-md-n5,
.my-md-n5 {
margin-bottom: -3rem !important;
}
.ml-md-n5,
.mx-md-n5 {
margin-left: -3rem !important;
}
.m-md-auto {
margin: auto !important;
}
.mt-md-auto,
.my-md-auto {
margin-top: auto !important;
}
.mr-md-auto,
.mx-md-auto {
margin-right: auto !important;
}
.mb-md-auto,
.my-md-auto {
margin-bottom: auto !important;
}
.ml-md-auto,
.mx-md-auto {
margin-left: auto !important;
}
}
@media (min-width: 992px) {
.m-lg-0 {
margin: 0 !important;
}
.mt-lg-0,
.my-lg-0 {
margin-top: 0 !important;
}
.mr-lg-0,
.mx-lg-0 {
margin-right: 0 !important;
}
.mb-lg-0,
.my-lg-0 {
margin-bottom: 0 !important;
}
.ml-lg-0,
.mx-lg-0 {
margin-left: 0 !important;
}
.m-lg-1 {
margin: 0.25rem !important;
}
.mt-lg-1,
.my-lg-1 {
margin-top: 0.25rem !important;
}
.mr-lg-1,
.mx-lg-1 {
margin-right: 0.25rem !important;
}
.mb-lg-1,
.my-lg-1 {
margin-bottom: 0.25rem !important;
}
.ml-lg-1,
.mx-lg-1 {
margin-left: 0.25rem !important;
}
.m-lg-2 {
margin: 0.5rem !important;
}
.mt-lg-2,
.my-lg-2 {
margin-top: 0.5rem !important;
}
.mr-lg-2,
.mx-lg-2 {
margin-right: 0.5rem !important;
}
.mb-lg-2,
.my-lg-2 {
margin-bottom: 0.5rem !important;
}
.ml-lg-2,
.mx-lg-2 {
margin-left: 0.5rem !important;
}
.m-lg-3 {
margin: 1rem !important;
}
.mt-lg-3,
.my-lg-3 {
margin-top: 1rem !important;
}
.mr-lg-3,
.mx-lg-3 {
margin-right: 1rem !important;
}
.mb-lg-3,
.my-lg-3 {
margin-bottom: 1rem !important;
}
.ml-lg-3,
.mx-lg-3 {
margin-left: 1rem !important;
}
.m-lg-4 {
margin: 1.5rem !important;
}
.mt-lg-4,
.my-lg-4 {
margin-top: 1.5rem !important;
}
.mr-lg-4,
.mx-lg-4 {
margin-right: 1.5rem !important;
}
.mb-lg-4,
.my-lg-4 {
margin-bottom: 1.5rem !important;
}
.ml-lg-4,
.mx-lg-4 {
margin-left: 1.5rem !important;
}
.m-lg-5 {
margin: 3rem !important;
}
.mt-lg-5,
.my-lg-5 {
margin-top: 3rem !important;
}
.mr-lg-5,
.mx-lg-5 {
margin-right: 3rem !important;
}
.mb-lg-5,
.my-lg-5 {
margin-bottom: 3rem !important;
}
.ml-lg-5,
.mx-lg-5 {
margin-left: 3rem !important;
}
.p-lg-0 {
padding: 0 !important;
}
.pt-lg-0,
.py-lg-0 {
padding-top: 0 !important;
}
.pr-lg-0,
.px-lg-0 {
padding-right: 0 !important;
}
.pb-lg-0,
.py-lg-0 {
padding-bottom: 0 !important;
}
.pl-lg-0,
.px-lg-0 {
padding-left: 0 !important;
}
.p-lg-1 {
padding: 0.25rem !important;
}
.pt-lg-1,
.py-lg-1 {
padding-top: 0.25rem !important;
}
.pr-lg-1,
.px-lg-1 {
padding-right: 0.25rem !important;
}
.pb-lg-1,
.py-lg-1 {
padding-bottom: 0.25rem !important;
}
.pl-lg-1,
.px-lg-1 {
padding-left: 0.25rem !important;
}
.p-lg-2 {
padding: 0.5rem !important;
}
.pt-lg-2,
.py-lg-2 {
padding-top: 0.5rem !important;
}
.pr-lg-2,
.px-lg-2 {
padding-right: 0.5rem !important;
}
.pb-lg-2,
.py-lg-2 {
padding-bottom: 0.5rem !important;
}
.pl-lg-2,
.px-lg-2 {
padding-left: 0.5rem !important;
}
.p-lg-3 {
padding: 1rem !important;
}
.pt-lg-3,
.py-lg-3 {
padding-top: 1rem !important;
}
.pr-lg-3,
.px-lg-3 {
padding-right: 1rem !important;
}
.pb-lg-3,
.py-lg-3 {
padding-bottom: 1rem !important;
}
.pl-lg-3,
.px-lg-3 {
padding-left: 1rem !important;
}
.p-lg-4 {
padding: 1.5rem !important;
}
.pt-lg-4,
.py-lg-4 {
padding-top: 1.5rem !important;
}
.pr-lg-4,
.px-lg-4 {
padding-right: 1.5rem !important;
}
.pb-lg-4,
.py-lg-4 {
padding-bottom: 1.5rem !important;
}
.pl-lg-4,
.px-lg-4 {
padding-left: 1.5rem !important;
}
.p-lg-5 {
padding: 3rem !important;
}
.pt-lg-5,
.py-lg-5 {
padding-top: 3rem !important;
}
.pr-lg-5,
.px-lg-5 {
padding-right: 3rem !important;
}
.pb-lg-5,
.py-lg-5 {
padding-bottom: 3rem !important;
}
.pl-lg-5,
.px-lg-5 {
padding-left: 3rem !important;
}
.m-lg-n1 {
margin: -0.25rem !important;
}
.mt-lg-n1,
.my-lg-n1 {
margin-top: -0.25rem !important;
}
.mr-lg-n1,
.mx-lg-n1 {
margin-right: -0.25rem !important;
}
.mb-lg-n1,
.my-lg-n1 {
margin-bottom: -0.25rem !important;
}
.ml-lg-n1,
.mx-lg-n1 {
margin-left: -0.25rem !important;
}
.m-lg-n2 {
margin: -0.5rem !important;
}
.mt-lg-n2,
.my-lg-n2 {
margin-top: -0.5rem !important;
}
.mr-lg-n2,
.mx-lg-n2 {
margin-right: -0.5rem !important;
}
.mb-lg-n2,
.my-lg-n2 {
margin-bottom: -0.5rem !important;
}
.ml-lg-n2,
.mx-lg-n2 {
margin-left: -0.5rem !important;
}
.m-lg-n3 {
margin: -1rem !important;
}
.mt-lg-n3,
.my-lg-n3 {
margin-top: -1rem !important;
}
.mr-lg-n3,
.mx-lg-n3 {
margin-right: -1rem !important;
}
.mb-lg-n3,
.my-lg-n3 {
margin-bottom: -1rem !important;
}
.ml-lg-n3,
.mx-lg-n3 {
margin-left: -1rem !important;
}
.m-lg-n4 {
margin: -1.5rem !important;
}
.mt-lg-n4,
.my-lg-n4 {
margin-top: -1.5rem !important;
}
.mr-lg-n4,
.mx-lg-n4 {
margin-right: -1.5rem !important;
}
.mb-lg-n4,
.my-lg-n4 {
margin-bottom: -1.5rem !important;
}
.ml-lg-n4,
.mx-lg-n4 {
margin-left: -1.5rem !important;
}
.m-lg-n5 {
margin: -3rem !important;
}
.mt-lg-n5,
.my-lg-n5 {
margin-top: -3rem !important;
}
.mr-lg-n5,
.mx-lg-n5 {
margin-right: -3rem !important;
}
.mb-lg-n5,
.my-lg-n5 {
margin-bottom: -3rem !important;
}
.ml-lg-n5,
.mx-lg-n5 {
margin-left: -3rem !important;
}
.m-lg-auto {
margin: auto !important;
}
.mt-lg-auto,
.my-lg-auto {
margin-top: auto !important;
}
.mr-lg-auto,
.mx-lg-auto {
margin-right: auto !important;
}
.mb-lg-auto,
.my-lg-auto {
margin-bottom: auto !important;
}
.ml-lg-auto,
.mx-lg-auto {
margin-left: auto !important;
}
}
@media (min-width: 1200px) {
.m-xl-0 {
margin: 0 !important;
}
.mt-xl-0,
.my-xl-0 {
margin-top: 0 !important;
}
.mr-xl-0,
.mx-xl-0 {
margin-right: 0 !important;
}
.mb-xl-0,
.my-xl-0 {
margin-bottom: 0 !important;
}
.ml-xl-0,
.mx-xl-0 {
margin-left: 0 !important;
}
.m-xl-1 {
margin: 0.25rem !important;
}
.mt-xl-1,
.my-xl-1 {
margin-top: 0.25rem !important;
}
.mr-xl-1,
.mx-xl-1 {
margin-right: 0.25rem !important;
}
.mb-xl-1,
.my-xl-1 {
margin-bottom: 0.25rem !important;
}
.ml-xl-1,
.mx-xl-1 {
margin-left: 0.25rem !important;
}
.m-xl-2 {
margin: 0.5rem !important;
}
.mt-xl-2,
.my-xl-2 {
margin-top: 0.5rem !important;
}
.mr-xl-2,
.mx-xl-2 {
margin-right: 0.5rem !important;
}
.mb-xl-2,
.my-xl-2 {
margin-bottom: 0.5rem !important;
}
.ml-xl-2,
.mx-xl-2 {
margin-left: 0.5rem !important;
}
.m-xl-3 {
margin: 1rem !important;
}
.mt-xl-3,
.my-xl-3 {
margin-top: 1rem !important;
}
.mr-xl-3,
.mx-xl-3 {
margin-right: 1rem !important;
}
.mb-xl-3,
.my-xl-3 {
margin-bottom: 1rem !important;
}
.ml-xl-3,
.mx-xl-3 {
margin-left: 1rem !important;
}
.m-xl-4 {
margin: 1.5rem !important;
}
.mt-xl-4,
.my-xl-4 {
margin-top: 1.5rem !important;
}
.mr-xl-4,
.mx-xl-4 {
margin-right: 1.5rem !important;
}
.mb-xl-4,
.my-xl-4 {
margin-bottom: 1.5rem !important;
}
.ml-xl-4,
.mx-xl-4 {
margin-left: 1.5rem !important;
}
.m-xl-5 {
margin: 3rem !important;
}
.mt-xl-5,
.my-xl-5 {
margin-top: 3rem !important;
}
.mr-xl-5,
.mx-xl-5 {
margin-right: 3rem !important;
}
.mb-xl-5,
.my-xl-5 {
margin-bottom: 3rem !important;
}
.ml-xl-5,
.mx-xl-5 {
margin-left: 3rem !important;
}
.p-xl-0 {
padding: 0 !important;
}
.pt-xl-0,
.py-xl-0 {
padding-top: 0 !important;
}
.pr-xl-0,
.px-xl-0 {
padding-right: 0 !important;
}
.pb-xl-0,
.py-xl-0 {
padding-bottom: 0 !important;
}
.pl-xl-0,
.px-xl-0 {
padding-left: 0 !important;
}
.p-xl-1 {
padding: 0.25rem !important;
}
.pt-xl-1,
.py-xl-1 {
padding-top: 0.25rem !important;
}
.pr-xl-1,
.px-xl-1 {
padding-right: 0.25rem !important;
}
.pb-xl-1,
.py-xl-1 {
padding-bottom: 0.25rem !important;
}
.pl-xl-1,
.px-xl-1 {
padding-left: 0.25rem !important;
}
.p-xl-2 {
padding: 0.5rem !important;
}
.pt-xl-2,
.py-xl-2 {
padding-top: 0.5rem !important;
}
.pr-xl-2,
.px-xl-2 {
padding-right: 0.5rem !important;
}
.pb-xl-2,
.py-xl-2 {
padding-bottom: 0.5rem !important;
}
.pl-xl-2,
.px-xl-2 {
padding-left: 0.5rem !important;
}
.p-xl-3 {
padding: 1rem !important;
}
.pt-xl-3,
.py-xl-3 {
padding-top: 1rem !important;
}
.pr-xl-3,
.px-xl-3 {
padding-right: 1rem !important;
}
.pb-xl-3,
.py-xl-3 {
padding-bottom: 1rem !important;
}
.pl-xl-3,
.px-xl-3 {
padding-left: 1rem !important;
}
.p-xl-4 {
padding: 1.5rem !important;
}
.pt-xl-4,
.py-xl-4 {
padding-top: 1.5rem !important;
}
.pr-xl-4,
.px-xl-4 {
padding-right: 1.5rem !important;
}
.pb-xl-4,
.py-xl-4 {
padding-bottom: 1.5rem !important;
}
.pl-xl-4,
.px-xl-4 {
padding-left: 1.5rem !important;
}
.p-xl-5 {
padding: 3rem !important;
}
.pt-xl-5,
.py-xl-5 {
padding-top: 3rem !important;
}
.pr-xl-5,
.px-xl-5 {
padding-right: 3rem !important;
}
.pb-xl-5,
.py-xl-5 {
padding-bottom: 3rem !important;
}
.pl-xl-5,
.px-xl-5 {
padding-left: 3rem !important;
}
.m-xl-n1 {
margin: -0.25rem !important;
}
.mt-xl-n1,
.my-xl-n1 {
margin-top: -0.25rem !important;
}
.mr-xl-n1,
.mx-xl-n1 {
margin-right: -0.25rem !important;
}
.mb-xl-n1,
.my-xl-n1 {
margin-bottom: -0.25rem !important;
}
.ml-xl-n1,
.mx-xl-n1 {
margin-left: -0.25rem !important;
}
.m-xl-n2 {
margin: -0.5rem !important;
}
.mt-xl-n2,
.my-xl-n2 {
margin-top: -0.5rem !important;
}
.mr-xl-n2,
.mx-xl-n2 {
margin-right: -0.5rem !important;
}
.mb-xl-n2,
.my-xl-n2 {
margin-bottom: -0.5rem !important;
}
.ml-xl-n2,
.mx-xl-n2 {
margin-left: -0.5rem !important;
}
.m-xl-n3 {
margin: -1rem !important;
}
.mt-xl-n3,
.my-xl-n3 {
margin-top: -1rem !important;
}
.mr-xl-n3,
.mx-xl-n3 {
margin-right: -1rem !important;
}
.mb-xl-n3,
.my-xl-n3 {
margin-bottom: -1rem !important;
}
.ml-xl-n3,
.mx-xl-n3 {
margin-left: -1rem !important;
}
.m-xl-n4 {
margin: -1.5rem !important;
}
.mt-xl-n4,
.my-xl-n4 {
margin-top: -1.5rem !important;
}
.mr-xl-n4,
.mx-xl-n4 {
margin-right: -1.5rem !important;
}
.mb-xl-n4,
.my-xl-n4 {
margin-bottom: -1.5rem !important;
}
.ml-xl-n4,
.mx-xl-n4 {
margin-left: -1.5rem !important;
}
.m-xl-n5 {
margin: -3rem !important;
}
.mt-xl-n5,
.my-xl-n5 {
margin-top: -3rem !important;
}
.mr-xl-n5,
.mx-xl-n5 {
margin-right: -3rem !important;
}
.mb-xl-n5,
.my-xl-n5 {
margin-bottom: -3rem !important;
}
.ml-xl-n5,
.mx-xl-n5 {
margin-left: -3rem !important;
}
.m-xl-auto {
margin: auto !important;
}
.mt-xl-auto,
.my-xl-auto {
margin-top: auto !important;
}
.mr-xl-auto,
.mx-xl-auto {
margin-right: auto !important;
}
.mb-xl-auto,
.my-xl-auto {
margin-bottom: auto !important;
}
.ml-xl-auto,
.mx-xl-auto {
margin-left: auto !important;
}
}
@media (max-width: 767.98px) {
.no-gutters-sm {
margin-right: 0;
margin-left: 0;
}
.no-gutters-sm > .col,
.no-gutters-sm > [class*=col-] {
padding-right: 0;
padding-left: 0;
}
}
@media (max-width: 991.98px) {
.no-gutters-md {
margin-right: 0;
margin-left: 0;
}
.no-gutters-md > .col,
.no-gutters-md > [class*=col-] {
padding-right: 0;
padding-left: 0;
}
}
@media (max-width: 1199.98px) {
.no-gutters-lg {
margin-right: 0;
margin-left: 0;
}
.no-gutters-lg > .col,
.no-gutters-lg > [class*=col-] {
padding-right: 0;
padding-left: 0;
}
}
.no-gutters-xl {
margin-right: 0;
margin-left: 0;
}
.no-gutters-xl > .col,
.no-gutters-xl > [class*=col-] {
padding-right: 0;
padding-left: 0;
}
.vh {
min-height: auto;
}
@media (min-width: 992px) {
.vh.vh--25 {
height: auto;
min-height: 25vh;
}
.vh.vh--33 {
height: auto;
min-height: 33vh;
}
.vh.vh--50 {
height: auto;
min-height: 50vh;
}
.vh.vh--75 {
height: auto;
min-height: 75vh;
}
.vh.vh--100 {
height: auto;
min-height: 100vh;
}
}
.container-fluid.container--max, .container--max.container-sm, .container--max.container-md, .container--max.container-lg, .container--max.container-xl {
max-width: 154.6rem;
}
@media (min-width: 992px) {
.container-fluid.container--max-lg, .container--max-lg.container-sm, .container--max-lg.container-md, .container--max-lg.container-lg, .container--max-lg.container-xl {
width: calc(100% - 3.3rem);
max-width: 185.4rem;
}
}
.text-monospace {
font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important;
}
.text-justify {
text-align: justify !important;
}
.text-wrap {
white-space: normal !important;
}
.text-nowrap {
white-space: nowrap !important;
}
.text-truncate {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.text-left {
text-align: left !important;
}
.text-right {
text-align: right !important;
}
.text-center {
text-align: center !important;
}
@media (min-width: 576px) {
.text-sm-left {
text-align: left !important;
}
.text-sm-right {
text-align: right !important;
}
.text-sm-center {
text-align: center !important;
}
}
@media (min-width: 768px) {
.text-md-left {
text-align: left !important;
}
.text-md-right {
text-align: right !important;
}
.text-md-center {
text-align: center !important;
}
}
@media (min-width: 992px) {
.text-lg-left {
text-align: left !important;
}
.text-lg-right {
text-align: right !important;
}
.text-lg-center {
text-align: center !important;
}
}
@media (min-width: 1200px) {
.text-xl-left {
text-align: left !important;
}
.text-xl-right {
text-align: right !important;
}
.text-xl-center {
text-align: center !important;
}
}
.text-lowercase {
text-transform: lowercase !important;
}
.text-uppercase {
text-transform: uppercase !important;
}
.text-capitalize {
text-transform: capitalize !important;
}
.font-weight-light {
font-weight: 300 !important;
}
.font-weight-lighter {
font-weight: lighter !important;
}
.font-weight-normal {
font-weight: 400 !important;
}
.font-weight-bold {
font-weight: 700 !important;
}
.font-weight-bolder {
font-weight: bolder !important;
}
.font-italic {
font-style: italic !important;
}
.text-white {
color: #fff !important;
}
.text-primary {
color: #007bff !important;
}
a.text-primary:hover, a.text-primary:focus {
color: rgb(0, 86.1, 178.5) !important;
}
.text-secondary {
color: #6c757d !important;
}
a.text-secondary:hover, a.text-secondary:focus {
color: rgb(72.5407725322, 78.5858369099, 83.9592274678) !important;
}
.text-success {
color: #28a745 !important;
}
a.text-success:hover, a.text-success:focus {
color: rgb(25.2173913043, 105.2826086957, 43.5) !important;
}
.text-info {
color: #17a2b8 !important;
}
a.text-info:hover, a.text-info:focus {
color: rgb(14.5, 102.1304347826, 116) !important;
}
.text-warning {
color: #ffc107 !important;
}
a.text-warning:hover, a.text-warning:focus {
color: rgb(185.5, 139.125, 0) !important;
}
.text-danger {
color: #dc3545 !important;
}
a.text-danger:hover, a.text-danger:focus {
color: rgb(167.4810126582, 29.0189873418, 42.2848101266) !important;
}
.text-light {
color: #f8f9fa !important;
}
a.text-light:hover, a.text-light:focus {
color: rgb(203.375, 210.75, 218.125) !important;
}
.text-dark {
color: #343a40 !important;
}
a.text-dark:hover, a.text-dark:focus {
color: rgb(17.7068965517, 19.75, 21.7931034483) !important;
}
.text-body {
color: #212529 !important;
}
.text-muted {
color: #6c757d !important;
}
.text-black-50 {
color: rgba(0, 0, 0, 0.5) !important;
}
.text-white-50 {
color: rgba(255, 255, 255, 0.5) !important;
}
.text-hide {
font: 0/0 a;
color: transparent;
text-shadow: none;
background-color: transparent;
border: 0;
}
.text-decoration-none {
text-decoration: none !important;
}
.text-break {
word-break: break-word !important;
word-wrap: break-word !important;
}
.text-reset {
color: inherit !important;
}
h1,
.h1,
h2,
.single-post h1,
.single-post .h1,
.h2,
h3,
.inline-media.inline--featured h2,
.inline-media.inline--featured .single-post h1,
.single-post .inline-media.inline--featured h1,
.inline-media.inline--featured .single-post .h1,
.single-post .inline-media.inline--featured .h1,
.h3,
h4,
.h4 {
margin-bottom: max(0.1em, min(2vw, 0.4em));
color: currentColor;
line-height: 1.15;
font-family: 'Libre Baskerville', serif;
font-family: var(--font-heading);
letter-spacing: -0.01em;
}
h1[\:has\(\%2B\%20*\)],
.h1[\:has\(\%2B\%20*\)],
h2[\:has\(\%2B\%20*\)],
.single-post h1[\:has\(\%2B\%20*\)],
.single-post .h1[\:has\(\%2B\%20*\)],
.h2[\:has\(\%2B\%20*\)],
h3[\:has\(\%2B\%20*\)],
.inline-media.inline--featured h2[\:has\(\%2B\%20*\)],
.inline-media.inline--featured .single-post h1[\:has\(\%2B\%20*\)],
.single-post .inline-media.inline--featured h1[\:has\(\%2B\%20*\)],
.inline-media.inline--featured .single-post .h1[\:has\(\%2B\%20*\)],
.single-post .inline-media.inline--featured .h1[\:has\(\%2B\%20*\)],
.h3[\:has\(\%2B\%20*\)],
h4[\:has\(\%2B\%20*\)],
.h4[\:has\(\%2B\%20*\)] {
margin-bottom: 0.33em;
}
h1:has(+ *),
.h1:has(+ *),
h2:has(+ *),
.single-post h1:has(+ *),
.single-post .h1:has(+ *),
.h2:has(+ *),
h3:has(+ *),
.inline-media.inline--featured h2:has(+ *),
.inline-media.inline--featured .single-post h1:has(+ *),
.single-post .inline-media.inline--featured h1:has(+ *),
.inline-media.inline--featured .single-post .h1:has(+ *),
.single-post .inline-media.inline--featured .h1:has(+ *),
.h3:has(+ *),
h4:has(+ *),
.h4:has(+ *) {
margin-bottom: 0.33em;
}
h1,
.h1 {
font-size: max(4.2rem, min(6vw, 8rem));
letter-spacing: -0.02em;
}
h2, .single-post h1,
.single-post .h1,
.h2 {
font-size: clamp(3.4rem, 6vw * 0.9, 5.6rem);
letter-spacing: -0.02em;
}
h3, .inline-media.inline--featured h2, .inline-media.inline--featured .single-post h1, .single-post .inline-media.inline--featured h1,
.inline-media.inline--featured .single-post .h1,
.single-post .inline-media.inline--featured .h1,
.h3 {
font-size: clamp(2.8rem, 6vw * 0.8, 3.6rem);
}
h4,
.h4 {
font-size: clamp(2.2rem, 6vw * 0.7, 2.8rem);
}
.text--subtitle, .slider--tags .slider__entry h4 {
font-weight: 500;
font-size: max(1.6rem, min(6vw, 2.4rem));
line-height: 0.96;
letter-spacing: -0.01em;
}
.text--upper {
text-transform: uppercase;
}
.text--split {
display: inline-flex;
flex-wrap: wrap;
line-height: 1.21;
}
.text--split .word {
margin-right: 0.2em;
}
.text--split .word span {
display: inline-flex;
}
.text--split .word > span {
overflow: hidden;
}
.text--split .word > span > span {
transform: translateY(100%);
transition: all 2s cubic-bezier(0.66, 0, 0, 1) var(--delay);
}
[data-anim=true] .text--split .word > span > span {
transform: translateY(0);
}
strong {
font-weight: 600 !important;
}
p {
margin-bottom: 1.33em;
font-size: max(1.5rem, min(4vw, 1.8rem));
line-height: 1.35;
letter-spacing: -0.005em;
}
.content p {
font-size: max(1.6rem, min(2.5vw, 2rem));
}
.text--lg, .testimonials__entry-text strong, .inline-media__text .content__wrap strong {
font-size: max(1.9rem, min(2.5vw, 2.4rem));
}
.text--link {
display: inline-block;
position: relative;
padding-bottom: 0.1wem;
text-transform: uppercase;
}
.text--link:after {
position: absolute;
right: 0;
bottom: 0;
left: 0;
background: currentColor;
height: 0.1rem;
content: "";
}
html {
background-color: #eee;
scroll-behavior: smooth;
font-size: 62.5%;
--font-heading: 'Libre Baskerville', serif;
--font-body: 'Open Sans', sans-serif;
--colour-dark: #020922;
--colour-light: #d0e8e8;
--colour-white: #fff;
--colour-white-25: rgba(255, 255, 255, 0.75);
--colour-white-50: rgba(255, 255, 255, 0.5);
--colour-black: #000;
--colour-accent: #2c8383;
--colour-grey: #f2f1f0;
--colour-greyDark: #192036;
--colour-text: #020922;
}
body {
background: #fff;
color: #020922;
font-size: max(1.6rem, min(2.1vw, 2rem));
line-height: 1.41;
font-family: 'Open Sans', sans-serif;
font-family: var(--font-body);
-webkit-font-smoothing: antialiased;
}
body.mobile--active {
overflow: hidden;
}
body a {
text-decoration: none;
}
ul {
margin: 0;
padding: 0;
}
ul > br {
display: none;
}
ul li > br {
display: none;
}
a {
color: #2c8383;
}
main {
position: relative;
z-index: 5;
margin: 0 auto;
max-width: 288rem;
overflow: clip;
}
section {
padding-top: max(3.5rem, min(5vw, 7rem));
padding-bottom: max(3.5rem, min(5vw, 7rem));
}
section:not(.hero):first-child {
padding-top: max(12rem, min(13vw, 25rem));
}
section a {
color: currentColor;
}
section [class*=__entry] {
opacity: 0;
}
section .text--subtitle, section .slider--tags .slider__entry h4, .slider--tags .slider__entry section h4 {
transition: opacity 1s ease 0.66s !important;
}
section:first-child:not(.hero) .section__inner {
margin-top: max(7.5rem, min(4vw, 15rem));
}
section[data-anim=true] .section__background img,
section[data-anim=true] .section__background video {
transform: scale(1);
}
section[data-anim=true] .content__wrap > *:not(.media) {
transform: translateY(0);
opacity: 1;
transition-delay: 0s;
transition-delay: var(--delay, 0s);
}
section[data-anim=true] [class*=__entry] {
opacity: 1;
transition: opacity 1s cubic-bezier(0.66, 0, 0, 1);
transition-delay: 0s;
transition-delay: var(--delay, 0s);
}
section ul {
margin: 3rem 0;
padding-left: 2rem;
line-height: 1;
list-style: disc;
}
section ul li {
margin-bottom: 2rem;
}
section .section__background {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
section.section--mid {
background-color: #d0e8e8;
background-color: var(--colour-light);
color: #020922;
color: var(--colour-text);
}
section.section--dark {
background-color: #020922;
background-color: var(--colour-dark);
color: #fff;
color: var(--colour-white);
}
section.section--accent {
background-color: #2c8383;
background-color: var(--colour-accent);
color: #fff;
color: var(--colour-white);
}
section.section--mid:not(.section--alt) + section:not(.section--mid):not(.section--dark):not(.section--accent), section.section--dark:not(.section--alt) + section:not(.section--mid):not(.section--dark):not(.section--accent), section.section--accent:not(.section--alt) + section:not(.section--mid):not(.section--dark):not(.section--accent) {
margin-top: max(3.5rem, min(5vw, 7rem));
}
section:not(.section--mid):not(.section--dark):not(.section--accent) + .section--mid:not(.section--alt),
section:not(.section--mid):not(.section--dark):not(.section--accent) + .section--dark:not(.section--alt),
section:not(.section--mid):not(.section--dark):not(.section--accent) + .section--accent:not(.section--alt) {
margin-top: max(3.5rem, min(5vw, 7rem));
}
section .section__intro {
margin-bottom: 1.2em;
}
section .section__intro h2.text--split, section .section__intro .single-post h1.text--split, .single-post section .section__intro h1.text--split,
section .section__intro .single-post .text--split.h1,
.single-post section .section__intro .text--split.h1 {
justify-content: center;
}
section .section__intro p {
max-width: 55rem;
}
@media (min-width: 768px) {
section.section--reverse .section__inner {
flex-direction: row-reverse;
}
}
section .content__wrap > *:not(.media) {
transform: translateY(1em);
opacity: 0;
transition: opacity 1s cubic-bezier(0.4, -0.01, 0, 0.99), transform 1s cubic-bezier(0.4, -0.01, 0, 0.99);
}
section .content__wrap > *:not(.media):nth-child(1) {
transition-delay: 0.15s;
}
section .content__wrap > *:not(.media):nth-child(2) {
transition-delay: 0.3s;
}
section .content__wrap > *:not(.media):nth-child(3) {
transition-delay: 0.45s;
}
section .content__wrap > *:not(.media):nth-child(4) {
transition-delay: 0.6s;
}
section .content__wrap > *:not(.media):nth-child(5) {
transition-delay: 0.75s;
}
section .content__wrap > *:not(.media):nth-child(6) {
transition-delay: 0.9s;
}
section .content__wrap > *:not(.media):nth-child(7) {
transition-delay: 1.05s;
}
section .content__wrap > *:not(.media):nth-child(8) {
transition-delay: 1.2s;
}
section .content__wrap > *:not(.media):nth-child(9) {
transition-delay: 1.35s;
}
section .content__wrap > *:not(.media):nth-child(10) {
transition-delay: 1.5s;
}
section.section--alt:not(.hero--full):not(.inline-carousel):not(.book) {
background: #fff !important;
background: var(--colour-white) !important;
}
section.section--alt:not(.hero--full):not(.inline-carousel):not(.book) .section__inner {
border-radius: 1em;
background: #f2f1f0;
background: var(--colour-grey);
padding: 1.6rem;
color: #020922;
color: var(--colour-dark);
}
section.section--alt:not(.hero--full):not(.inline-carousel):not(.book).section--mid .section__inner {
background: #d0e8e8;
background: var(--colour-light);
}
section.section--alt:not(.hero--full):not(.inline-carousel):not(.book).section--dark .section__inner {
background: #020922;
background: var(--colour-dark);
color: #fff;
color: var(--colour-white);
}
section.section--alt:not(.hero--full):not(.inline-carousel):not(.book).section--accent .section__inner {
background-color: #2c8383;
background-color: var(--colour-accent);
color: #fff;
color: var(--colour-white);
}
img,
video {
vertical-align: bottom;
width: 100%;
}
header {
position: fixed;
top: 0;
right: 0;
left: 0;
transform: translateY(-100%);
opacity: 0;
z-index: 10;
padding-top: 1.3rem;
padding-bottom: 1.3rem;
font-size: max(1.4rem, min(4vw, 1.6rem));
letter-spacing: 0.02em;
text-transform: uppercase;
}
body[\:has\(section\[data-anim\%3Dtrue\]\)] header {
transform: translateY(0);
opacity: 1;
transition: cubic-bezier(0.66, 0, 0, 1) transform 3s;
}
body:has(section[data-anim=true]) header {
transform: translateY(0);
opacity: 1;
transition: cubic-bezier(0.66, 0, 0, 1) transform 3s;
}
body.admin-bar header {
top: 3.2rem;
}
header:before {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
opacity: 0;
transition: ease all 0.5s;
-webkit-backdrop-filter: blur(2rem);
backdrop-filter: blur(2rem);
background: rgba(255, 255, 255, 0.75);
background: var(--colour-white-25);
content: "";
}
.header--active header:before {
opacity: 1;
}
.mobile--active header:before {
opacity: 0;
transition: ease all 0.5s 0.5s;
}
.mobile--closing header:before {
opacity: 1;
transition: ease all 0.5s 0s;
}
.header__branding img,
.header__branding svg {
width: 100%;
max-width: max(11rem, min(9vw, 15.5rem));
}
.header__nav {
display: flex;
justify-content: center;
align-items: center;
}
.header__menu-toggle {
display: inline-flex;
position: relative;
transition: background-color 0.5s cubic-bezier(0.66, 0, 0.35, 1), border-color 0.5s cubic-bezier(0.66, 0, 0.35, 1);
margin-left: 1.5rem;
border: 0.1rem solid #fff;
border: 0.1rem solid var(--colour-white);
border-radius: 1em;
background: rgba(255, 255, 255, 0.5);
padding: 1em;
width: 5.3rem;
height: 1.5rem;
}
.header__menu-toggle:hover {
cursor: pointer;
}
.mobile--active .header__menu-toggle {
transform: rotate(180deg);
transition: transform 1s cubic-bezier(0.66, 0, 0.35, 1), border-color 0.2s cubic-bezier(0.66, 0, 0.35, 1), background-color 0.2s cubic-bezier(0.66, 0, 0.35, 1);
border-color: transparent;
background-color: transparent;
}
.mobile--closing .header__menu-toggle {
transition: all 0s;
}
.header__menu-toggle:before, .header__menu-toggle:after {
position: absolute;
right: 0;
left: 0;
margin: 0 auto;
background-color: #020922;
max-width: 2.9rem;
height: 0.1rem;
content: "";
transition: background-color 0.33s cubic-bezier(0.66, 0, 0.35, 1), transform 0.33s cubic-bezier(0.66, 0, 0.35, 1), top 0.33s cubic-bezier(0.66, 0, 0.35, 1), filter 0.1s cubic-bezier(0.66, 0, 0.35, 1), clip-path 0.33s cubic-bezier(0.66, 0, 0.35, 1);
clip-path: inset(0 0 0 0);
}
.mobile--active .header__menu-toggle:before, .mobile--active .header__menu-toggle:after {
transition: background-color 0.33s cubic-bezier(0.66, 0, 0.35, 1) 0.33s, transform 0.33s cubic-bezier(0.66, 0, 0.35, 1), top 0.33s cubic-bezier(0.66, 0, 0.35, 1), filter 0.1s cubic-bezier(0.66, 0, 0.35, 1), clip-path 0.33s cubic-bezier(0.66, 0, 0.35, 1);
background: #020922;
}
.mobile--closing .header__menu-toggle:before, .mobile--closing .header__menu-toggle:after {
transition: background-color 0.33s cubic-bezier(0.66, 0, 0.35, 1) 0.15s, transform 0.33s cubic-bezier(0.66, 0, 0.35, 1), top 0.33s cubic-bezier(0.66, 0, 0.35, 1), filter 0.1s cubic-bezier(0.66, 0, 0.35, 1), clip-path 0.33s cubic-bezier(0.66, 0, 0.35, 1);
background: #020922;
}
.header__menu-toggle:before {
top: calc(0% + 1.2rem);
}
.mobile--active .header__menu-toggle:before {
top: calc(50% - 0.05rem);
transform: rotate(45deg);
}
.mobile--closing .header__menu-toggle:before {
top: calc(0% + 1.2rem);
transform: rotate(0deg);
}
.header__menu-toggle:after {
top: calc(100% - 1.2rem);
}
.mobile--active .header__menu-toggle:after {
top: calc(50% - 0.05rem);
transform: rotate(-45deg);
}
.mobile--closing .header__menu-toggle:after {
top: calc(100% - 1.2rem);
transform: rotate(0deg);
}
footer {
background-color: #020922;
background-color: var(--colour-dark);
padding-top: max(8rem, min(4vw, 16rem));
overflow: hidden;
color: #fff;
color: var(--colour-white);
}
@media (max-width: 991.98px) {
footer {
padding: 0;
}
}
footer a {
color: #fff;
color: var(--colour-white);
font-weight: 450;
}
footer a:hover {
color: #2c8383;
color: var(--colour-accent);
}
footer .btn:hover {
background-color: #fff;
background-color: var(--colour-white);
}
footer .contact-details {
display: flex;
flex-direction: column;
}
@media (max-width: 991.98px) {
.footer__container {
padding: 0;
}
}
.footer__branding {
display: flex;
align-items: flex-end;
}
.footer__branding a {
width: 100%;
}
.footer__branding svg {
width: 64%;
max-width: 20rem;
height: 100%;
}
@media (min-width: 992px) {
.footer__branding svg {
max-width: 76rem;
}
}
.footer__branding svg path {
fill: white;
}
.footer__inner {
border-radius: max(1.6rem, min(2vw, 3.4rem));
background: #192036;
background: var(--colour-greyDark);
padding: 0.8rem;
}
@media (max-width: 991.98px) {
.footer__inner {
border-radius: 0;
}
}
.footer__inner strong {
display: flex;
margin-bottom: 0.7em;
}
.footer__inner ul li {
margin-bottom: 1rem;
}
.footer__inner > div {
padding: max(3rem, min(4vw, 4.6rem)) !important;
}
.footer__inner > div {
box-shadow: inset 0 0 0 0.8rem #192036;
box-shadow: inset 0 0 0 0.8rem var(--colour-greyDark);
border-radius: max(1.2rem, min(4vw, 2.4rem));
background: #020922;
background: var(--colour-dark);
}
.footer__legals,
.footer__nav {
padding-bottom: 2.1rem;
}
.footer__legals ul li,
.footer__nav ul li {
margin-bottom: 1em;
}
.footer__top {
font-size: max(1.6rem, min(1vw, 2.4rem));
}
.footer__bottom {
font-size: max(1.5rem, min(4vw, 1.8rem));
}
.footer__bottom strong {
font-weight: 450;
font-size: max(2rem, min(1vw, 2.4rem));
letter-spacing: -0.01em;
}
nav#header {
font-size: max(1.2rem, min(1vw, 1.6rem));
}
nav#header ul {
display: flex;
flex-wrap: nowrap;
-webkit-backdrop-filter: blur(4rem);
backdrop-filter: blur(4rem);
border-radius: 4rem;
background: rgba(255, 255, 255, 0.55);
padding: 1em 1.5rem;
width: 100%;
}
nav#header li {
margin: 0 1.4rem;
}
nav#header li a {
display: inline-flex;
flex-wrap: nowrap;
color: #020922;
color: var(--colour-dark);
white-space: nowrap;
}
nav#header li a:hover {
color: #2c8383;
color: var(--colour-accent);
}
nav#hero .btn {
color: #020922;
color: var(--colour-dark);
}
nav#hero .btn:hover {
background-color: #020922;
background-color: var(--colour-dark);
color: #fff;
color: var(--colour-white);
}
nav#hero ul {
display: flex;
justify-content: center;
gap: 0.66em;
list-style: none;
}
nav#mobile {
position: fixed;
top: 0;
right: 0;
left: 0;
z-index: 7;
-webkit-backdrop-filter: blur(4rem);
backdrop-filter: blur(4rem);
clip-path: inset(0 100% 0 0);
background: rgba(255, 255, 255, 0.5);
height: 100dvh;
pointer-events: none;
font-size: max(2rem, min(4vw, 2.4rem));
text-transform: uppercase;
}
.mobile--active nav#mobile {
transition: 1s cubic-bezier(0.66, 0, 0, 1) clip-path;
clip-path: inset(0 0 0 0);
pointer-events: all;
}
.mobile--closing nav#mobile {
clip-path: inset(0 0 0 100%);
transition: 0.5s cubic-bezier(0.66, 0, 0, 1) clip-path;
}
nav#mobile .mobile__footer {
opacity: 0;
}
.mobile--active nav#mobile .mobile__footer {
opacity: 1;
transition: 0.5s ease opacity 0.5s;
}
.mobile--closing nav#mobile .mobile__footer {
opacity: 0;
transition: 0.2s ease opacity 0s;
}
nav#mobile ul {
text-align: center;
}
.mobile--closing nav#mobile ul {
opacity: 0;
transition: 0.2s ease opacity 0s;
}
nav#mobile ul li {
margin-bottom: 3rem;
overflow: hidden;
line-height: 1;
}
.mobile--active nav#mobile ul li:nth-child(1) a {
transition-delay: 0.09s;
}
.mobile--active nav#mobile ul li:nth-child(2) a {
transition-delay: 0.18s;
}
.mobile--active nav#mobile ul li:nth-child(3) a {
transition-delay: 0.27s;
}
.mobile--active nav#mobile ul li:nth-child(4) a {
transition-delay: 0.36s;
}
.mobile--active nav#mobile ul li:nth-child(5) a {
transition-delay: 0.45s;
}
.mobile--active nav#mobile ul li:nth-child(6) a {
transition-delay: 0.54s;
}
.mobile--active nav#mobile ul li:nth-child(7) a {
transition-delay: 0.63s;
}
.mobile--active nav#mobile ul li:nth-child(8) a {
transition-delay: 0.72s;
}
.mobile--active nav#mobile ul li:nth-child(9) a {
transition-delay: 0.81s;
}
.mobile--active nav#mobile ul li:nth-child(10) a {
transition-delay: 0.9s;
}
nav#mobile ul li a {
display: inline-flex;
transform: translateY(100%);
color: #020922;
text-decoration: none;
transition: transform 0s linear 0s;
}
.mobile--active nav#mobile ul li a {
transform: translateY(0);
transition: transform 1s cubic-bezier(0.66, 0, 0, 1);
}
nav#mobile .mobile__container {
display: flex;
justify-content: center;
align-items: center;
height: 100%;
}
nav#mobile .mobile__footer {
position: absolute;
right: 0;
bottom: 0;
left: 0;
padding: max(2rem, min(4vw, 3rem));
}
.btn,
button {
display: inline-flex;
flex-wrap: nowrap;
justify-content: center;
align-items: center;
border: 0;
border-radius: 2em;
background-color: #2c8383;
background-color: var(--colour-accent);
padding: 1em 1.5em;
color: #fff;
color: var(--colour-white);
font-size: max(1.2rem, min(1.3vw, 1.6rem));
line-height: 1;
font-family: 'Open Sans', sans-serif;
font-family: var(--font-body);
letter-spacing: 0.02em;
text-decoration: none;
text-transform: uppercase;
white-space: nowrap;
}
.btn.btn--sm,
button.btn--sm {
padding: 0.5em 0.7em;
font-size: max(1rem, min(1.3vw, 1.4rem));
text-transform: inherit;
}
.btn.btn--external:after,
button.btn--external:after {
content: "";
-webkit-mask-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 1.5H16.5M16.5 1.5V7M16.5 1.5L8.5 9.5' stroke='white' stroke-width='2'/%3E%3Cpath d='M7.5 3.5H1.5V16.5H14.5V10.5' stroke='white' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E%0A");
mask-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 1.5H16.5M16.5 1.5V7M16.5 1.5L8.5 9.5' stroke='white' stroke-width='2'/%3E%3Cpath d='M7.5 3.5H1.5V16.5H14.5V10.5' stroke='white' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E%0A");
-webkit-mask-position: center;
mask-position: center;
-webkit-mask-size: contain;
mask-size: contain;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
background-color: currentColor;
margin-bottom: 0.2em;
margin-left: 0.66em;
width: 1em;
height: 1em;
}
.btn.btn--external.btn--instagram:after,
button.btn--external.btn--instagram:after {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 11C3 7.22876 3 5.34315 4.17157 4.17157C5.34315 3 7.22876 3 11 3H13C16.7712 3 18.6569 3 19.8284 4.17157C21 5.34315 21 7.22876 21 11V13C21 16.7712 21 18.6569 19.8284 19.8284C18.6569 21 16.7712 21 13 21H11C7.22876 21 5.34315 21 4.17157 19.8284C3 18.6569 3 16.7712 3 13V11Z' stroke='white' stroke-width='2'/%3E%3Ccircle cx='16.5' cy='7.5' r='1.5' fill='white'/%3E%3Ccircle cx='12' cy='12' r='3' stroke='white' stroke-width='2'/%3E%3C/svg%3E%0A");
mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 11C3 7.22876 3 5.34315 4.17157 4.17157C5.34315 3 7.22876 3 11 3H13C16.7712 3 18.6569 3 19.8284 4.17157C21 5.34315 21 7.22876 21 11V13C21 16.7712 21 18.6569 19.8284 19.8284C18.6569 21 16.7712 21 13 21H11C7.22876 21 5.34315 21 4.17157 19.8284C3 18.6569 3 16.7712 3 13V11Z' stroke='white' stroke-width='2'/%3E%3Ccircle cx='16.5' cy='7.5' r='1.5' fill='white'/%3E%3Ccircle cx='12' cy='12' r='3' stroke='white' stroke-width='2'/%3E%3C/svg%3E%0A");
-webkit-mask-position: center;
mask-position: center;
-webkit-mask-size: contain;
mask-size: contain;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
background-color: currentColor;
margin-bottom: 0;
width: 1.2em;
height: 1.2em;
}
.btn.btn--anchor:after,
button.btn--anchor:after {
content: "";
-webkit-mask-image: url("data:image/svg+xml,%3Csvg width='14' height='18' viewBox='0 0 14 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 16L6.29289 16.7071L7 17.4142L7.70711 16.7071L7 16ZM8 1C8 0.447715 7.55229 2.86409e-07 7 2.62268e-07C6.44772 2.38127e-07 6 0.447715 6 1L7 1L8 1ZM1 10L0.292893 10.7071L6.29289 16.7071L7 16L7.70711 15.2929L1.70711 9.29289L1 10ZM7 16L7.70711 16.7071L13.7071 10.7071L13 10L12.2929 9.29289L6.29289 15.2929L7 16ZM7 16L8 16L8 1L7 1L6 1L6 16L7 16Z' fill='%23020922'/%3E%3C/svg%3E%0A");
mask-image: url("data:image/svg+xml,%3Csvg width='14' height='18' viewBox='0 0 14 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 16L6.29289 16.7071L7 17.4142L7.70711 16.7071L7 16ZM8 1C8 0.447715 7.55229 2.86409e-07 7 2.62268e-07C6.44772 2.38127e-07 6 0.447715 6 1L7 1L8 1ZM1 10L0.292893 10.7071L6.29289 16.7071L7 16L7.70711 15.2929L1.70711 9.29289L1 10ZM7 16L7.70711 16.7071L13.7071 10.7071L13 10L12.2929 9.29289L6.29289 15.2929L7 16ZM7 16L8 16L8 1L7 1L6 1L6 16L7 16Z' fill='%23020922'/%3E%3C/svg%3E%0A");
-webkit-mask-position: center;
mask-position: center;
-webkit-mask-size: contain;
mask-size: contain;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
background-color: currentColor;
margin-left: 1em;
width: 1em;
height: 1em;
}
.btn.btn--tel:before,
button.btn--tel:before {
content: "";
-webkit-mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.7071 13.7071L20.3552 16.3552C20.7113 16.7113 20.7113 17.2887 20.3552 17.6448C18.43 19.57 15.3821 19.7866 13.204 18.153L11.6286 16.9714C9.88504 15.6638 8.33622 14.115 7.02857 12.3714L5.84701 10.796C4.21341 8.61788 4.43001 5.56999 6.35523 3.64477C6.71133 3.28867 7.28867 3.28867 7.64477 3.64477L10.2929 6.29289C10.6834 6.68342 10.6834 7.31658 10.2929 7.70711L9.27175 8.72825C9.10946 8.89054 9.06923 9.13846 9.17187 9.34373C10.3585 11.7171 12.2829 13.6415 14.6563 14.8281C14.8615 14.9308 15.1095 14.8905 15.2717 14.7283L16.2929 13.7071C16.6834 13.3166 17.3166 13.3166 17.7071 13.7071Z' stroke='white' stroke-width='2'/%3E%3C/svg%3E%0A");
mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.7071 13.7071L20.3552 16.3552C20.7113 16.7113 20.7113 17.2887 20.3552 17.6448C18.43 19.57 15.3821 19.7866 13.204 18.153L11.6286 16.9714C9.88504 15.6638 8.33622 14.115 7.02857 12.3714L5.84701 10.796C4.21341 8.61788 4.43001 5.56999 6.35523 3.64477C6.71133 3.28867 7.28867 3.28867 7.64477 3.64477L10.2929 6.29289C10.6834 6.68342 10.6834 7.31658 10.2929 7.70711L9.27175 8.72825C9.10946 8.89054 9.06923 9.13846 9.17187 9.34373C10.3585 11.7171 12.2829 13.6415 14.6563 14.8281C14.8615 14.9308 15.1095 14.8905 15.2717 14.7283L16.2929 13.7071C16.6834 13.3166 17.3166 13.3166 17.7071 13.7071Z' stroke='white' stroke-width='2'/%3E%3C/svg%3E%0A");
-webkit-mask-position: center;
mask-position: center;
-webkit-mask-size: contain;
mask-size: contain;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
background-color: currentColor;
margin-right: 0.33em;
width: 1em;
height: 1em;
}
.btn.btn--dark,
button.btn--dark {
background-color: #020922;
background-color: var(--colour-dark);
}
.btn.btn--dark:hover,
button.btn--dark:hover {
background-color: #2c8383;
background-color: var(--colour-accent);
}
.btn.btn--outline,
button.btn--outline {
border: 0.1rem solid currentColor;
background-color: transparent;
color: #020922;
color: var(--colour-dark);
}
.btn.btn--outline:hover,
button.btn--outline:hover {
border-color: #020922;
border-color: var(--colour-dark);
background-color: #020922;
background-color: var(--colour-dark);
color: #fff;
color: var(--colour-white);
}
.section--dark .btn.btn--outline:hover,
.section--dark button.btn--outline:hover {
border-color: #fff;
border-color: var(--colour-white);
}
.section--mid .btn.btn--outline,
.section--mid button.btn--outline {
color: #2c8383;
color: var(--colour-accent);
}
.section--mid .btn.btn--outline:hover,
.section--mid button.btn--outline:hover {
border-color: #2c8383;
border-color: var(--colour-accent);
background-color: #2c8383;
background-color: var(--colour-accent);
color: #fff;
color: var(--colour-white);
}
.section--dark .btn.btn--outline,
.section--dark button.btn--outline {
color: #fff;
color: var(--colour-white);
}
.btn:hover,
button:hover {
cursor: pointer;
background-color: #020922;
background-color: var(--colour-dark);
}
.section--dark .btn:hover,
.section--dark button:hover {
background-color: #fff;
background-color: var(--colour-white);
color: #020922;
color: var(--colour-dark);
}
.btn.btn--slider,
button.btn--slider {
border: 0.2rem solid #f2f1f0;
border: 0.2rem solid var(--colour-grey);
border-radius: 4rem;
background: transparent;
padding: 0;
width: max(5.6rem, min(4vw, 8rem));
height: max(5.6rem, min(4vw, 8rem));
color: #020922;
color: var(--colour-dark);
transition: 0.2s ease;
}
.btn.btn--slider:after,
button.btn--slider:after {
display: inline-flex;
margin: auto;
width: max(3.2rem, min(2vw, 4rem));
height: max(3.2rem, min(2vw, 4rem));
content: "";
-webkit-mask-image: url("data:image/svg+xml,%3Csvg width='33' height='32' viewBox='0 0 33 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.8727 6C16.8727 6 11.0545 16.5 -1.90735e-06 16.5M-1.90735e-06 16.5C11.0545 16.5 16.8727 27 16.8727 27M-1.90735e-06 16.5H32' stroke='%23020922' stroke-width='2' stroke-linecap='square' stroke-linejoin='bevel'/%3E%3C/svg%3E%0A");
mask-image: url("data:image/svg+xml,%3Csvg width='33' height='32' viewBox='0 0 33 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.8727 6C16.8727 6 11.0545 16.5 -1.90735e-06 16.5M-1.90735e-06 16.5C11.0545 16.5 16.8727 27 16.8727 27M-1.90735e-06 16.5H32' stroke='%23020922' stroke-width='2' stroke-linecap='square' stroke-linejoin='bevel'/%3E%3C/svg%3E%0A");
-webkit-mask-position: center;
mask-position: center;
-webkit-mask-size: contain;
mask-size: contain;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
background-color: currentColor;
}
.section--dark .btn.btn--slider,
.section--dark button.btn--slider {
color: #fff;
color: var(--colour-white);
}
.section--dark .btn.btn--slider:hover,
.section--dark button.btn--slider:hover {
border-color: #fff !important;
border-color: var(--colour-white) !important;
}
.section--dark .btn.btn--slider:hover,
.section--dark button.btn--slider:hover {
color: #020922;
color: var(--colour-dark);
}
.btn.btn--slider.swiper-button-disabled,
button.btn--slider.swiper-button-disabled {
background-color: transparent !important;
color: #f2f1f0 !important;
color: var(--colour-grey) !important;
}
.btn.btn--slider.swiper-button-disabled,
button.btn--slider.swiper-button-disabled {
opacity: 1;
pointer-events: none;
}
.btn.btn--slider:not(.swiper-button-disabled):hover,
button.btn--slider:not(.swiper-button-disabled):hover {
border-color: #020922;
border-color: var(--colour-dark);
}
.btn.btn--slider.slider--next,
button.btn--slider.slider--next {
transform: scaleX(-1);
}
form {
width: 100%;
}
form .wpcf7-not-valid-tip {
display: none !important;
}
form label[\:not-has\(input\[type\%3Dcheckbox\]\)] {
display: flex;
flex-direction: column;
align-items: flex-start;
margin-bottom: 1em;
width: 100%;
font-weight: 600;
font-size: max(1.4rem, min(4vw, 1.8rem));
}
form label[\:not-has\(input\[type\%3Dcheckbox\]\)] {
display: flex;
flex-direction: column;
align-items: flex-start;
margin-bottom: 1em;
width: 100%;
font-weight: 600;
font-size: max(1.4rem, min(4vw, 1.8rem));
}
form label:not(:has(input[type=checkbox])) {
display: flex;
flex-direction: column;
align-items: flex-start;
margin-bottom: 1em;
width: 100%;
font-weight: 600;
font-size: max(1.4rem, min(4vw, 1.8rem));
}
form label[\:has\(input\[type\%3Dcheckbox\]\)] {
display: flex;
position: relative;
justify-content: center;
align-items: center;
margin-bottom: 1em;
font-size: max(1.2rem, min(4vw, 1.4rem));
line-height: 1.7;
text-align: left;
}
form label[\:has\(input\[type\%3Dcheckbox\]\)] {
display: flex;
position: relative;
justify-content: center;
align-items: center;
margin-bottom: 1em;
font-size: max(1.2rem, min(4vw, 1.4rem));
line-height: 1.7;
text-align: left;
}
form label:has(input[type=checkbox]) {
display: flex;
position: relative;
justify-content: center;
align-items: center;
margin-bottom: 1em;
font-size: max(1.2rem, min(4vw, 1.4rem));
line-height: 1.7;
text-align: left;
}
form label[\:has\(input\[type\%3Dcheckbox\]\)]:hover {
cursor: pointer;
}
form label:has(input[type=checkbox]):hover {
cursor: pointer;
}
form .wpcf7-list-item {
margin: 0;
}
form span,
form textarea,
form input[type=text],
form input[type=email],
form input[type=tel] {
width: 100%;
}
form textarea,
form input[type=text],
form input[type=email],
form input[type=tel] {
margin-top: 0.33em;
border: 0.1rem solid #929398;
border-radius: 2em;
background: #f2f1f0;
background: var(--colour-grey);
padding: 0.6em 1em;
}
form textarea:focus,
form input[type=text]:focus,
form input[type=email]:focus,
form input[type=tel]:focus {
outline: 0;
border-color: #2c8383;
border-color: var(--colour-accent);
}
form textarea {
border-radius: 1.33em;
padding: 1em;
}
form select {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background-image: url("data:image/svg+xml,%3Csvg width='14' height='9' viewBox='0 0 14 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13 1L7 7L1 1' stroke='%2333363F' stroke-width='2'/%3E%3C/svg%3E%0A");
background-position: center right 10px;
background-size: 1.2rem;
background-repeat: no-repeat;
}
form select:hover {
cursor: pointer;
}
.media {
vertical-align: bottom;
border-radius: 1em;
}
.media pre {
background: #ddd;
padding: 0.33em;
color: darkred;
font-size: 50%;
line-height: 1;
white-space: normal;
}
.media[\:has\(video\)] {
position: relative;
}
.media:has(video) {
position: relative;
}
.media[\:has\(video\)]:not(.media--active):after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
opacity: 0.85;
background-image: url("data:image/svg+xml,%3Csvg width='80' height='80' viewBox='0 0 80 80' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3CforeignObject x='-30' y='-30' width='140' height='140'%3E%3Cdiv xmlns='http://www.w3.org/1999/xhtml' style='backdrop-filter:blur(15px);clip-path:url(%23bgblur_0_2362_2068_clip_path);height:100%25;width:100%25'%3E%3C/div%3E%3C/foreignObject%3E%3Cg data-figma-bg-blur-radius='30'%3E%3Crect x='1' y='1' width='78' height='78' rx='39' fill='white' fill-opacity='0.5'/%3E%3Crect x='1' y='1' width='78' height='78' rx='39' stroke='white' stroke-width='2'/%3E%3Cpath d='M51.5564 39.6407L33.5115 28.8997C32.8449 28.5029 32 28.9833 32 29.759V51.241C32 52.0167 32.8449 52.4971 33.5115 52.1003L51.5564 41.3593C52.2077 40.9716 52.2077 40.0284 51.5564 39.6407Z' stroke='black' stroke-width='2'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='bgblur_0_2362_2068_clip_path' transform='translate(30 30)'%3E%3Crect x='1' y='1' width='78' height='78' rx='39'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
background-position: center;
background-repeat: no-repeat;
pointer-events: none;
content: "";
}
.media:has(video):not(.media--active):after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
opacity: 0.85;
background-image: url("data:image/svg+xml,%3Csvg width='80' height='80' viewBox='0 0 80 80' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3CforeignObject x='-30' y='-30' width='140' height='140'%3E%3Cdiv xmlns='http://www.w3.org/1999/xhtml' style='backdrop-filter:blur(15px);clip-path:url(%23bgblur_0_2362_2068_clip_path);height:100%25;width:100%25'%3E%3C/div%3E%3C/foreignObject%3E%3Cg data-figma-bg-blur-radius='30'%3E%3Crect x='1' y='1' width='78' height='78' rx='39' fill='white' fill-opacity='0.5'/%3E%3Crect x='1' y='1' width='78' height='78' rx='39' stroke='white' stroke-width='2'/%3E%3Cpath d='M51.5564 39.6407L33.5115 28.8997C32.8449 28.5029 32 28.9833 32 29.759V51.241C32 52.0167 32.8449 52.4971 33.5115 52.1003L51.5564 41.3593C52.2077 40.9716 52.2077 40.0284 51.5564 39.6407Z' stroke='black' stroke-width='2'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='bgblur_0_2362_2068_clip_path' transform='translate(30 30)'%3E%3Crect x='1' y='1' width='78' height='78' rx='39'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
background-position: center;
background-repeat: no-repeat;
pointer-events: none;
content: "";
}
.media[\:has\(video\)]:hover {
cursor: pointer;
}
.media:has(video):hover {
cursor: pointer;
}
.media[\:has\(video\)]:hover:after {
opacity: 1;
}
.media:has(video):hover:after {
opacity: 1;
}
.media.media--responsive {
display: inline-flex;
position: relative;
align-items: center;
padding-top: 56.25%;
width: 100%;
overflow: hidden;
}
.media.media--responsive img,
.media.media--responsive video {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
margin: auto;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
}
.media.media--animate {
clip-path: inset(0 100% 0 0);
transition: all 1s cubic-bezier(0.66, 0, 0, 1);
background-color: #d0e8e8;
background-color: var(--colour-light);
}
.media.media--animate img,
.media.media--animate video {
transform: scale(1.1);
clip-path: inset(0 100% 0 0);
transition: all 1s cubic-bezier(0.66, 0, 0, 1) 0.33s;
}
[data-anim=true] .media.media--animate {
clip-path: inset(0 0 0 0);
}
[data-anim=true] .media.media--animate img,
[data-anim=true] .media.media--animate video {
transform: scale(1);
clip-path: inset(0 0 0 0);
}
.icon {
display: inline-flex;
position: relative;
align-items: center;
}
.icon:before {
-webkit-mask-position: center;
mask-position: center;
-webkit-mask-size: contain;
mask-size: contain;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
margin-right: 0.5em;
background: currentColor;
width: 1.25em;
height: 1.25em;
content: "";
}
.icon.icon--email:before {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='4' y='6' width='16' height='12' rx='2' stroke='white' stroke-width='2'/%3E%3Cpath d='M4 9L11.1056 12.5528C11.6686 12.8343 12.3314 12.8343 12.8944 12.5528L20 9' stroke='white' stroke-width='2'/%3E%3C/svg%3E%0A");
mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='4' y='6' width='16' height='12' rx='2' stroke='white' stroke-width='2'/%3E%3Cpath d='M4 9L11.1056 12.5528C11.6686 12.8343 12.3314 12.8343 12.8944 12.5528L20 9' stroke='white' stroke-width='2'/%3E%3C/svg%3E%0A");
}
.icon.icon--phone:before {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.7071 13.7071L20.3552 16.3552C20.7113 16.7113 20.7113 17.2887 20.3552 17.6448C18.43 19.57 15.3821 19.7866 13.204 18.153L11.6286 16.9714C9.88504 15.6638 8.33622 14.115 7.02857 12.3714L5.84701 10.796C4.21341 8.61788 4.43001 5.56999 6.35523 3.64477C6.71133 3.28867 7.28867 3.28867 7.64477 3.64477L10.2929 6.29289C10.6834 6.68342 10.6834 7.31658 10.2929 7.70711L9.27175 8.72825C9.10946 8.89054 9.06923 9.13846 9.17187 9.34373C10.3585 11.7171 12.2829 13.6415 14.6563 14.8281C14.8615 14.9308 15.1095 14.8905 15.2717 14.7283L16.2929 13.7071C16.6834 13.3166 17.3166 13.3166 17.7071 13.7071Z' stroke='white' stroke-width='2'/%3E%3C/svg%3E%0A");
mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.7071 13.7071L20.3552 16.3552C20.7113 16.7113 20.7113 17.2887 20.3552 17.6448C18.43 19.57 15.3821 19.7866 13.204 18.153L11.6286 16.9714C9.88504 15.6638 8.33622 14.115 7.02857 12.3714L5.84701 10.796C4.21341 8.61788 4.43001 5.56999 6.35523 3.64477C6.71133 3.28867 7.28867 3.28867 7.64477 3.64477L10.2929 6.29289C10.6834 6.68342 10.6834 7.31658 10.2929 7.70711L9.27175 8.72825C9.10946 8.89054 9.06923 9.13846 9.17187 9.34373C10.3585 11.7171 12.2829 13.6415 14.6563 14.8281C14.8615 14.9308 15.1095 14.8905 15.2717 14.7283L16.2929 13.7071C16.6834 13.3166 17.3166 13.3166 17.7071 13.7071Z' stroke='white' stroke-width='2'/%3E%3C/svg%3E%0A");
}
.hero.hero--full {
display: flex;
position: relative;
align-items: flex-end;
clip-path: inset(0 0 100% 0);
margin-bottom: max(3.5rem, min(5vw, 7rem));
background-color: #d0e8e8;
background-color: var(--colour-light);
padding-bottom: 0;
height: 51vw;
min-height: 73rem;
overflow: visible;
transition: clip-path 1s cubic-bezier(0.66, 0, 0.35, 1);
}
.hero.hero--full img,
.hero.hero--full video {
transform: scale(1.1);
clip-path: inset(0 0 100% 0);
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
transition: clip-path 2s cubic-bezier(0.66, 0, 0, 1), transform 4s cubic-bezier(0.66, 0, 0.35, 1);
border-bottom: 2.7rem solid white;
}
.hero.hero--full[data-anim=true] {
clip-path: inset(0 0 -10% 0);
}
.hero.hero--full[data-anim=true] img,
.hero.hero--full[data-anim=true] video {
transform: scale(1);
clip-path: inset(0 0 0 0);
}
.hero.hero--default p {
max-width: 57rem;
}
.hero.hero--default .media {
margin-top: max(3rem, min(4vw, 5.7rem));
border-radius: max(1.2rem, min(4vw, 2.4rem));
padding-top: 49%;
min-height: 30rem;
}
.hero.hero--default:not(.section--has-media) .hero__inner {
clip-path: inset(0 0 100% 0);
margin-top: max(7.5rem, min(4vw, 15rem));
transition: clip-path 1s cubic-bezier(0.66, 0, 0, 1);
}
.hero[data-anim=true].hero--default:not(.section--has-media) .hero__inner {
clip-path: inset(0 0 0 0);
}
.hero.section--alt:not(.hero--full) .content__wrap {
margin: 0 auto;
text-align: center;
}
.hero.section--alt:not(.hero--full) .content__wrap > * {
justify-content: center;
margin-right: auto;
margin-left: auto;
text-align: center;
}
.hero.section--alt:not(.hero--full) .hero__inner {
padding-top: max(7.5rem, min(4vw, 15rem));
padding-bottom: max(7.5rem, min(4vw, 15rem));
}
.hero .content__wrap {
max-width: 112rem;
}
.hero p:last-child[\:not-has\(\%2B\%20.btn\)] {
margin-bottom: 0;
}
.hero p:last-child:not(:has(+ .btn)) {
margin-bottom: 0;
}
.hero--full .hero__title {
margin-bottom: 2em;
}
@media (max-width: 991.98px) {
.hero--full .hero__title {
margin-bottom: 1em;
}
}
.hero__text-wrap {
transform: translateY(50%);
opacity: 0;
-webkit-backdrop-filter: blur(8rem);
backdrop-filter: blur(8rem);
border-radius: max(1.2rem, min(4vw, 2.4rem));
background: rgba(255, 255, 255, 0.5);
padding-top: 1em;
padding-bottom: 1em;
color: #020922;
}
@media (min-width: 992px) {
.hero__text-wrap {
min-height: 19.2rem;
}
}
.hero--full[data-anim=true] .hero__text-wrap {
transform: translateY(0);
opacity: 1;
transition: all 2s cubic-bezier(0.66, 0, 0.35, 1) 1s;
}
.hero__text-content .content__wrap {
padding: 0 0.9rem;
max-width: 51.3rem;
}
.hero__text-link {
display: flex;
margin-top: 0.75em;
}
@media (min-width: 768px) {
.hero__text-link {
justify-content: flex-end;
margin-top: 0;
}
}
.hero--default .hero__container {
padding-top: max(8rem, min(7vw, 16rem)) !important;
padding-bottom: max(8rem, min(7vw, 16rem)) !important;
}
.hero--default .hero__container {
display: flex;
align-items: center;
}
body.error404 .hero--default .hero__container {
display: block;
}
body.error404 .hero--default .hero__container .content__wrap {
max-width: 67rem;
}
.content .content__wrap {
margin: 0 auto;
max-width: 90rem;
}
.content .content__wrap img {
border-radius: 1em;
height: 100%;
max-height: 80rem;
-o-object-fit: cover;
object-fit: cover;
}
.content .content__wrap > *[\:not-has\(img\)] {
margin-right: auto;
margin-left: auto;
max-width: 60rem;
}
.content .content__wrap > *:not(:has(img)) {
margin-right: auto;
margin-left: auto;
max-width: 60rem;
}
.content .content__wrap figure {
margin-bottom: 1em;
}
.content .content__wrap ol,
.content .content__wrap ul {
margin-bottom: 1em;
padding-left: 1em;
}
.content .content__wrap ol li,
.content .content__wrap ul li {
margin-bottom: 0.5em;
}
.content .content__wrap ol {
list-style-type: decimal;
}
.content .content__wrap ul {
list-style-type: disc;
}
.inline-media .btn {
margin: 0.5em 0;
}
.inline-media__text {
display: flex;
align-items: center;
}
.inline-media--contact .inline-media__text address,
.inline-media--contact .inline-media__text p {
margin-bottom: 2em;
line-height: 1.5;
}
.inline-media--contact .inline-media__text strong {
display: inline-flex;
margin-bottom: 0.33em;
}
.inline--featured .inline-media__text .content__wrap {
max-width: 65rem;
}
.inline-media__text .content__wrap {
margin: 0 auto;
padding: 2em 0 0.5em;
max-width: 74.6rem;
}
@media (min-width: 992px) {
.inline-media__text .content__wrap {
padding: 2em;
}
}
.inline-media__text .content__wrap p {
max-width: 59.2rem;
}
.inline-media__text .content__wrap[\:not-has\(h2\)] {
max-width: 60rem;
}
.inline-media__text .content__wrap:not(:has(h2)) {
max-width: 60rem;
}
.section--reverse .inline-media__text .content__wrap {
margin: 0;
}
@media (min-width: 992px) {
.section--reverse .inline-media__text .content__wrap {
padding-left: max(2.5rem, min(4vw, 5rem));
}
}
.inline-media__text p {
font-size: max(1.8rem, min(4vw, 2rem));
}
.inline-media__media .media {
vertical-align: bottom;
margin: 0;
border-radius: 1em;
padding-top: 83%;
}
.inline-media--alt .inline-media__media .media {
border-radius: 0.8rem;
}
.inline--featured .inline-media__media .media {
padding-top: 65%;
}
.book {
margin-top: 0 !important;
background: #fff !important;
background: var(--colour-white) !important;
}
.book .section__inner {
border-radius: 1em;
}
@media (min-width: 768px) {
.book .section__inner {
border-radius: 3em;
}
}
.book + .section--mid {
margin-top: max(3.5rem, min(5vw, 7rem));
}
.book__inner {
background-color: #f2f1f0;
background-color: var(--colour-grey);
padding: max(0.5rem, min(5vw, 1rem));
}
@media (max-width: 767.98px) {
.book__inner {
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
}
}
.section--mid .book__inner {
background-color: #d0e8e8;
background-color: var(--colour-light);
}
.section--dark .book__inner {
background-color: #020922;
background-color: var(--colour-dark);
}
.book__inner > div {
display: flex;
align-items: center;
}
.section--alt .book__container {
max-width: 90rem;
}
.book__title {
margin: 0.33em 0;
}
@media (min-width: 768px) {
.section--alt .book__title {
margin-right: max(5rem, min(2vw, 10rem));
}
}
.book__actions {
margin: 0.33em 0.4em;
}
.socials {
margin: 0;
margin-top: 0.66em;
padding: 0;
list-style: none;
}
.socials.socials--icons {
display: inline-flex;
}
.socials.socials--icons li {
margin-right: 1em;
}
.socials.socials--icons li a {
display: inline-block;
-webkit-mask-position: center;
mask-position: center;
-webkit-mask-size: contain;
mask-size: contain;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
background-color: currentColor;
width: 1.25em;
height: 1.25em;
text-indent: 999px;
}
.socials.socials--icons li a:hover {
background-color: #2c8383;
background-color: var(--colour-accent);
}
.socials.socials--icons li.socials--facebook a {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_2313_7659)'%3E%3Cpath d='M12 0C5.37264 0 0 5.37264 0 12C0 17.6275 3.87456 22.3498 9.10128 23.6467V15.6672H6.62688V12H9.10128V10.4198C9.10128 6.33552 10.9498 4.4424 14.9597 4.4424C15.72 4.4424 17.0318 4.59168 17.5685 4.74048V8.06448C17.2853 8.03472 16.7933 8.01984 16.1822 8.01984C14.2147 8.01984 13.4544 8.76528 13.4544 10.703V12H17.3741L16.7006 15.6672H13.4544V23.9122C19.3963 23.1946 24.0005 18.1354 24.0005 12C24 5.37264 18.6274 0 12 0Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_2313_7659'%3E%3Crect width='24' height='24' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_2313_7659)'%3E%3Cpath d='M12 0C5.37264 0 0 5.37264 0 12C0 17.6275 3.87456 22.3498 9.10128 23.6467V15.6672H6.62688V12H9.10128V10.4198C9.10128 6.33552 10.9498 4.4424 14.9597 4.4424C15.72 4.4424 17.0318 4.59168 17.5685 4.74048V8.06448C17.2853 8.03472 16.7933 8.01984 16.1822 8.01984C14.2147 8.01984 13.4544 8.76528 13.4544 10.703V12H17.3741L16.7006 15.6672H13.4544V23.9122C19.3963 23.1946 24.0005 18.1354 24.0005 12C24 5.37264 18.6274 0 12 0Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_2313_7659'%3E%3Crect width='24' height='24' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}
.socials.socials--icons li.socials--instagram a {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 11C3 7.22876 3 5.34315 4.17157 4.17157C5.34315 3 7.22876 3 11 3H13C16.7712 3 18.6569 3 19.8284 4.17157C21 5.34315 21 7.22876 21 11V13C21 16.7712 21 18.6569 19.8284 19.8284C18.6569 21 16.7712 21 13 21H11C7.22876 21 5.34315 21 4.17157 19.8284C3 18.6569 3 16.7712 3 13V11Z' stroke='white' stroke-width='2'/%3E%3Ccircle cx='16.5' cy='7.5' r='1.5' fill='white'/%3E%3Ccircle cx='12' cy='12' r='3' stroke='white' stroke-width='2'/%3E%3C/svg%3E%0A");
mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 11C3 7.22876 3 5.34315 4.17157 4.17157C5.34315 3 7.22876 3 11 3H13C16.7712 3 18.6569 3 19.8284 4.17157C21 5.34315 21 7.22876 21 11V13C21 16.7712 21 18.6569 19.8284 19.8284C18.6569 21 16.7712 21 13 21H11C7.22876 21 5.34315 21 4.17157 19.8284C3 18.6569 3 16.7712 3 13V11Z' stroke='white' stroke-width='2'/%3E%3Ccircle cx='16.5' cy='7.5' r='1.5' fill='white'/%3E%3Ccircle cx='12' cy='12' r='3' stroke='white' stroke-width='2'/%3E%3C/svg%3E%0A");
}
.socials.socials--icons li.socials--x a {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.05366 1.5L9.54848 13.0842L1 22.5H2.925L10.407 14.2539L16.4537 22.5H23L14.029 10.266L21.9838 1.5H20.0622L13.1704 9.09283L7.60335 1.5H1.05366ZM3.88415 2.94332H6.89238L20.1729 21.0533H17.1646L3.88415 2.94332Z' fill='white'/%3E%3C/svg%3E%0A");
mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.05366 1.5L9.54848 13.0842L1 22.5H2.925L10.407 14.2539L16.4537 22.5H23L14.029 10.266L21.9838 1.5H20.0622L13.1704 9.09283L7.60335 1.5H1.05366ZM3.88415 2.94332H6.89238L20.1729 21.0533H17.1646L3.88415 2.94332Z' fill='white'/%3E%3C/svg%3E%0A");
}
.socials.socials--icons li.socials--linkedin a {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 25 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M21.3012 21.3017H17.597V15.5005C17.597 14.1172 17.5723 12.3364 15.6704 12.3364C13.7411 12.3364 13.4459 13.8436 13.4459 15.3998V21.3013H9.74169V9.37176H13.2977V11.0021H13.3475C13.7034 10.3936 14.2177 9.89298 14.8355 9.55364C15.4534 9.21429 16.1517 9.04888 16.8561 9.07503C20.6105 9.07503 21.3027 11.5446 21.3027 14.7573L21.3012 21.3017ZM5.56211 7.74108C5.13696 7.74116 4.72132 7.61516 4.36778 7.37901C4.01424 7.14287 3.73868 6.80718 3.57591 6.41441C3.41314 6.02163 3.37048 5.58941 3.45335 5.1724C3.53622 4.75539 3.74089 4.37232 4.04146 4.07163C4.34203 3.77094 4.72502 3.56613 5.14199 3.48311C5.55896 3.40009 5.99117 3.44258 6.38399 3.60521C6.7768 3.76785 7.11257 4.04332 7.34884 4.39679C7.5851 4.75026 7.71126 5.16585 7.71133 5.59102C7.71138 5.87332 7.65582 6.15286 7.54784 6.41369C7.43986 6.67452 7.28158 6.91153 7.08201 7.11118C6.88243 7.31083 6.64548 7.46922 6.38469 7.5773C6.12391 7.68538 5.8444 7.74103 5.56211 7.74108ZM7.41422 21.3017H3.70614V9.37176H7.41422V21.3017ZM23.1479 0.00170329H1.84478C1.36126 -0.00375342 0.895331 0.182983 0.549417 0.520877C0.203502 0.858772 0.0059011 1.32018 0 1.80371V23.1959C0.00569913 23.6797 0.203184 24.1414 0.549087 24.4797C0.89499 24.8179 1.36102 25.005 1.84478 24.9999H23.1479C23.6326 25.0059 24.0999 24.8194 24.4472 24.4811C24.7945 24.1429 24.9933 23.6806 25 23.1959V1.80217C24.9931 1.31768 24.7941 0.855745 24.4469 0.517858C24.0996 0.179972 23.6324 -0.00623066 23.1479 0.000159189' fill='white'/%3E%3C/svg%3E%0A");
mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 25 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M21.3012 21.3017H17.597V15.5005C17.597 14.1172 17.5723 12.3364 15.6704 12.3364C13.7411 12.3364 13.4459 13.8436 13.4459 15.3998V21.3013H9.74169V9.37176H13.2977V11.0021H13.3475C13.7034 10.3936 14.2177 9.89298 14.8355 9.55364C15.4534 9.21429 16.1517 9.04888 16.8561 9.07503C20.6105 9.07503 21.3027 11.5446 21.3027 14.7573L21.3012 21.3017ZM5.56211 7.74108C5.13696 7.74116 4.72132 7.61516 4.36778 7.37901C4.01424 7.14287 3.73868 6.80718 3.57591 6.41441C3.41314 6.02163 3.37048 5.58941 3.45335 5.1724C3.53622 4.75539 3.74089 4.37232 4.04146 4.07163C4.34203 3.77094 4.72502 3.56613 5.14199 3.48311C5.55896 3.40009 5.99117 3.44258 6.38399 3.60521C6.7768 3.76785 7.11257 4.04332 7.34884 4.39679C7.5851 4.75026 7.71126 5.16585 7.71133 5.59102C7.71138 5.87332 7.65582 6.15286 7.54784 6.41369C7.43986 6.67452 7.28158 6.91153 7.08201 7.11118C6.88243 7.31083 6.64548 7.46922 6.38469 7.5773C6.12391 7.68538 5.8444 7.74103 5.56211 7.74108ZM7.41422 21.3017H3.70614V9.37176H7.41422V21.3017ZM23.1479 0.00170329H1.84478C1.36126 -0.00375342 0.895331 0.182983 0.549417 0.520877C0.203502 0.858772 0.0059011 1.32018 0 1.80371V23.1959C0.00569913 23.6797 0.203184 24.1414 0.549087 24.4797C0.89499 24.8179 1.36102 25.005 1.84478 24.9999H23.1479C23.6326 25.0059 24.0999 24.8194 24.4472 24.4811C24.7945 24.1429 24.9933 23.6806 25 23.1959V1.80217C24.9931 1.31768 24.7941 0.855745 24.4469 0.517858C24.0996 0.179972 23.6324 -0.00623066 23.1479 0.000159189' fill='white'/%3E%3C/svg%3E%0A");
}
.socials.socials--icons li.socials--youtube a {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32.33 22.74'%3E%3Cg id='Layer_2' data-name='Layer 2'%3E%3Cg id='Artwork'%3E%3Cg id='Lozenge'%3E%3Cpath d='M32,4.91A7,7,0,0,0,30.72,1.7,4.58,4.58,0,0,0,27.48.33C23,0,16.17,0,16.17,0h0S9.37,0,4.85.33A4.6,4.6,0,0,0,1.61,1.7,7,7,0,0,0,.32,4.91,49.22,49.22,0,0,0,0,10.14v2.45a49.22,49.22,0,0,0,.32,5.23A7,7,0,0,0,1.61,21a5.5,5.5,0,0,0,3.56,1.39c2.59.24,11,.32,11,.32s6.79,0,11.31-.34A4.58,4.58,0,0,0,30.72,21,7,7,0,0,0,32,17.82a49.22,49.22,0,0,0,.32-5.23V10.14A49.22,49.22,0,0,0,32,4.91ZM12.83,15.56V6.48L21.56,11Z' style='fill: %23fff'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32.33 22.74'%3E%3Cg id='Layer_2' data-name='Layer 2'%3E%3Cg id='Artwork'%3E%3Cg id='Lozenge'%3E%3Cpath d='M32,4.91A7,7,0,0,0,30.72,1.7,4.58,4.58,0,0,0,27.48.33C23,0,16.17,0,16.17,0h0S9.37,0,4.85.33A4.6,4.6,0,0,0,1.61,1.7,7,7,0,0,0,.32,4.91,49.22,49.22,0,0,0,0,10.14v2.45a49.22,49.22,0,0,0,.32,5.23A7,7,0,0,0,1.61,21a5.5,5.5,0,0,0,3.56,1.39c2.59.24,11,.32,11,.32s6.79,0,11.31-.34A4.58,4.58,0,0,0,30.72,21,7,7,0,0,0,32,17.82a49.22,49.22,0,0,0,.32-5.23V10.14A49.22,49.22,0,0,0,32,4.91ZM12.83,15.56V6.48L21.56,11Z' style='fill: %23fff'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
}
@font-face {
font-family: "swiper-icons";
src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA") format("woff");
font-weight: 400;
font-style: normal;
}
:root {
--swiper-theme-color: #007aff;
}
.swiper-container {
margin-left: auto;
margin-right: auto;
position: relative;
overflow: hidden;
list-style: none;
padding: 0;
/* Fix of Webkit flickering */
z-index: 1;
}
.swiper-container-vertical > .swiper-wrapper {
flex-direction: column;
}
.swiper-wrapper {
position: relative;
width: 100%;
height: 100%;
z-index: 1;
display: flex;
transition-property: transform;
box-sizing: content-box;
}
.swiper-container-android .swiper-slide,
.swiper-wrapper {
transform: translate3d(0px, 0, 0);
}
.swiper-container-multirow > .swiper-wrapper {
flex-wrap: wrap;
}
.swiper-container-multirow-column > .swiper-wrapper {
flex-wrap: wrap;
flex-direction: column;
}
.swiper-container-free-mode > .swiper-wrapper {
transition-timing-function: ease-out;
margin: 0 auto;
}
.swiper-container-pointer-events {
touch-action: pan-y;
}
.swiper-container-pointer-events.swiper-container-vertical {
touch-action: pan-x;
}
.swiper-slide {
flex-shrink: 0;
width: 100%;
height: 100%;
position: relative;
transition-property: transform;
}
.swiper-slide-invisible-blank {
visibility: hidden;
}
/* Auto Height */
.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
height: auto;
}
.swiper-container-autoheight .swiper-wrapper {
align-items: flex-start;
transition-property: transform, height;
}
/* 3D Effects */
.swiper-container-3d {
perspective: 1200px;
}
.swiper-container-3d .swiper-wrapper,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-cube-shadow {
transform-style: preserve-3d;
}
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
pointer-events: none;
z-index: 10;
}
.swiper-container-3d .swiper-slide-shadow-left {
background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-container-3d .swiper-slide-shadow-right {
background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-container-3d .swiper-slide-shadow-top {
background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-container-3d .swiper-slide-shadow-bottom {
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
/* CSS Mode */
.swiper-container-css-mode > .swiper-wrapper {
overflow: auto;
scrollbar-width: none; /* For Firefox */
-ms-overflow-style: none; /* For Internet Explorer and Edge */
}
.swiper-container-css-mode > .swiper-wrapper::-webkit-scrollbar {
display: none;
}
.swiper-container-css-mode > .swiper-wrapper > .swiper-slide {
scroll-snap-align: start start;
}
.swiper-container-horizontal.swiper-container-css-mode > .swiper-wrapper {
scroll-snap-type: x mandatory;
}
.swiper-container-vertical.swiper-container-css-mode > .swiper-wrapper {
scroll-snap-type: y mandatory;
}
.slider.slider--centre .text--split {
justify-content: center;
}
.slider__controls {
display: flex;
flex-wrap: nowrap;
margin-top: 1rem;
}
.slider__controls .btn:first-child {
margin-right: 0.5rem;
}
.slider__controls .btn:last-child {
margin-left: 0.5rem;
}
.slider__entry {
box-sizing: border-box;
transition: opacity 0.33s cubic-bezier(0.66, 0, 0.35, 1);
}
.slider--left .slider__entry.swiper-slide-prev {
opacity: 0;
}
.slider--left .slider__entry[\:has\(\%2B\%20.swiper-slide-prev\)] {
opacity: 0;
}
.slider--left .slider__entry:has(+ .swiper-slide-prev) {
opacity: 0;
}
.slider--tags .slider__entry .cards__entry-thumb {
border-radius: 1em;
background: #d0e8e8;
background: var(--colour-light);
padding: 1.6rem;
}
.slider--tags .slider__entry .media {
padding-top: 94% !important;
}
.slider--tags .slider__entry .media {
margin-bottom: 3.2rem;
}
.slider--tags .slider__entry h4 {
font-family: 'Open Sans', sans-serif;
font-family: var(--font-body);
margin-bottom: 0.66em;
letter-spacing: -0.01em;
}
.slider--tags .slider__entry .content__wrap {
background-color: transparent;
padding: 0;
}
.slider--tags .slider__entry ul {
display: flex;
flex-wrap: wrap;
margin: 0;
padding: 0;
list-style-type: none;
}
.slider--tags .slider__entry ul li {
margin: 0;
}
.slider--tags .slider__entry ul .btn {
margin: 0 0.5em 0.33em 0;
}
.section--dark.slider--tags .slider__entry .media {
border-color: #192036;
border-color: var(--colour-greyDark);
}
.slider__pagination {
display: flex;
align-items: center;
margin: 0 1rem;
}
.slider__pagination span {
display: inline-flex;
will-change: width;
margin: 0 0.35rem;
border-radius: 1rem;
background: #020922;
background: var(--colour-dark);
width: 0.3rem;
height: 0.3rem;
transition: 0.66s cubic-bezier(0.66, 0, 0.35, 1);
}
.slider__pagination span.swiper-pagination-bullet-active {
width: 4.8rem;
}
.section--dark .slider__pagination span {
background-color: #fff;
background-color: var(--colour-white);
}
.slider__stage {
transition: 0.66s cubic-bezier(0.66, 0, 0, 1) !important;
}
.slider__stage {
box-sizing: border-box;
}
.slider__stage.swiper-wrapper {
height: auto;
}
.slider__content {
z-index: 5;
}
.slider--tags .slider__content {
margin-bottom: 3rem;
}
.grid .text--link {
display: none !important;
}
.cards {
counter-reset: cards;
}
.cards.cards--centre .text--split {
justify-content: center;
}
.cards[\:has\(.card--rich\)] .cards__entry {
max-width: 100%;
}
.cards:has(.card--rich) .cards__entry {
max-width: 100%;
}
@media (min-width: 992px) {
.cards[\:has\(.card--rich\)] .cards__entry {
max-width: 33.333%;
}
.cards:has(.card--rich) .cards__entry {
max-width: 33.333%;
}
}
.cards__entry {
margin-bottom: 1em;
max-width: 100%;
height: auto;
}
@media (min-width: 768px) {
.cards__entry {
max-width: 50%;
}
}
.cards__entry[\:not-has\(p\)] h4 {
margin-bottom: 0;
}
.cards__entry:not(:has(p)) h4 {
margin-bottom: 0;
}
.cards__entry-rich {
margin-top: 1em;
border-top: 0.1rem solid #b6b7bc;
padding-top: 1.2em;
}
.cards__entry.card--rich .content__wrap {
display: flex;
flex-direction: column;
}
.cards__entry.card--rich .content__wrap .btn {
margin-top: auto;
margin-right: auto;
margin-bottom: 0;
}
.cards__entry.card--rich .content__wrap ul {
margin-top: 0.5em;
margin-bottom: 1.5em;
}
.cards__entry .content__wrap {
border-radius: 1em;
background-color: #f2f1f0;
background-color: var(--colour-grey);
padding: 1.6rem 1.6rem 2.4rem;
height: 100%;
transition: all 0.5s ease;
}
.cards__entry .content__wrap .media {
border-radius: 0.5em;
}
.cards__entry .content__wrap ul li {
margin-bottom: 0.5em;
line-height: 1.2;
}
.cards__entry .content__wrap .media {
padding-top: 76%;
overflow: hidden;
}
.cards__entry .content__wrap .media img,
.cards__entry .content__wrap .media video {
transition: all 0.5s ease;
}
.cards--left .cards__entry .content__wrap .media {
padding-top: 103%;
}
.cards__entry .content__wrap p {
margin-bottom: 0.75em;
}
.cards__entry.grid__entry {
margin-bottom: 1em;
}
@media (min-width: 768px) {
.cards__entry.grid__entry {
margin-bottom: 5rem;
}
}
.cards__entry.grid__entry .content__wrap {
background-color: #020922;
background-color: var(--colour-dark);
color: #fff;
color: var(--colour-white);
}
.cards__entry a {
text-decoration: none;
}
.cards__entry a:hover .content__wrap {
background-color: #d0e8e8;
background-color: var(--colour-light);
}
.cards__entry a:hover img,
.cards__entry a:hover video {
transform: scale(1.05);
}
.cards__entry-thumb {
margin-bottom: 1.5rem;
}
.cards__entry-thumb .media {
margin-bottom: 0 !important;
}
.cards.section--dark .cards__entry .content__wrap {
background-color: #192036;
background-color: var(--colour-greyDark);
color: #fff;
color: var(--colour-white);
}
.cards.section--dark.cards--index .cards__entry h4:before {
background-color: #2c8383;
background-color: var(--colour-accent);
color: #d0e8e8;
color: var(--colour-light);
}
.cards.section--light .cards__entry .content__wrap {
background-color: #fff;
background-color: var(--colour-white);
}
.cards.cards--index .cards__entry h4 {
display: inline-flex;
align-items: center;
}
.cards.cards--index .cards__entry h4:before {
display: inline-flex;
justify-content: center;
align-items: center;
counter-increment: cards;
margin-right: 0.5em;
border-radius: 4rem;
background-color: #020922;
background-color: var(--colour-dark);
width: 3.2rem;
height: 3.2rem;
content: counter(cards);
color: #fff;
color: var(--colour-white);
font-size: 0.7em;
line-height: 1;
font-family: 'Open Sans', sans-serif;
font-family: var(--font-body);
}
.accordion__entries .content__wrap {
margin: 0 auto;
max-width: 90rem;
}
.accordion__inner {
margin: 0 auto;
max-width: 90rem;
}
.accordion summary {
display: inline-flex;
position: relative;
align-items: center;
padding-top: 1.6rem;
width: 100%;
}
.accordion summary:after {
position: absolute;
top: calc(1em + 1.1rem);
right: -2em;
width: 1.2rem;
height: 1.2rem;
content: "";
-webkit-mask-image: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.75 7.00005L6.75 7.00005M6.75 7.00005L0.75 7.00005M6.75 7.00005L6.75 1M6.75 7.00005L6.75 13' stroke='%23020922' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
mask-image: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.75 7.00005L6.75 7.00005M6.75 7.00005L0.75 7.00005M6.75 7.00005L6.75 1M6.75 7.00005L6.75 13' stroke='%23020922' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
-webkit-mask-position: center;
mask-position: center;
-webkit-mask-size: contain;
mask-size: contain;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
background-color: currentColor;
}
.accordion__entry {
margin-bottom: 1.6rem;
border-bottom: 0.1rem solid #b6b7bc;
padding-right: 2em;
padding-bottom: 1.6rem;
}
.accordion__entry-text {
color: #020922;
color: var(--colour-text);
}
.accordion__entry:hover {
cursor: pointer;
}
.accordion__entry[open] {
border-color: #2c8383;
border-color: var(--colour-accent);
color: #2c8383;
color: var(--colour-accent);
}
.accordion__entry[open] summary:after {
-webkit-mask-image: url("data:image/svg+xml,%0A%3Csvg width='12px' height='12px' viewBox='0 0 12 5.99995' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd' stroke-linecap='round' stroke-linejoin='round'%3E%3Cg id='Artboard' transform='translate(-170, -147)' stroke='%23020922' stroke-width='1.5'%3E%3Cg id='Group' transform='translate(170, 147)'%3E%3Cpath d='M12,0 L6,0 M6,0 L0,0' id='Shape'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
mask-image: url("data:image/svg+xml,%0A%3Csvg width='12px' height='12px' viewBox='0 0 12 5.99995' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd' stroke-linecap='round' stroke-linejoin='round'%3E%3Cg id='Artboard' transform='translate(-170, -147)' stroke='%23020922' stroke-width='1.5'%3E%3Cg id='Group' transform='translate(170, 147)'%3E%3Cpath d='M12,0 L6,0 M6,0 L0,0' id='Shape'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
-webkit-mask-position: center;
mask-position: center;
-webkit-mask-size: contain;
mask-size: contain;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
background-color: currentColor;
}
.accordion__entry-text {
padding-top: 1.6rem;
}
.testimonials__entry {
max-width: 100rem;
}
.testimonials__entry .media {
padding-top: 46%;
}
@media (max-width: 767.98px) {
.testimonials__entry .media {
padding-top: 100%;
}
}
@media (min-width: 768px) {
.testimonials__entry .media {
max-width: 44.6rem;
}
}
.testimonials__entry .content__wrap {
display: flex;
flex-direction: column;
align-items: center;
border-radius: max(1.2rem, min(4vw, 2.4rem));
background: #f2f1f0;
background: var(--colour-grey);
padding: 1.6rem;
}
@media (min-width: 768px) {
.testimonials__entry .content__wrap {
flex-direction: row;
}
}
.testimonials.section--mid .testimonials__entry .content__wrap {
background: #fff;
background: var(--colour-white);
}
.testimonials.section--dark .testimonials__entry .content__wrap {
background: #192036;
background: var(--colour-greyDark);
}
.testimonials .slider__stage {
padding: 2rem 0;
}
@media (min-width: 992px) {
.testimonials .slider__stage {
padding: 4rem 0;
}
}
.testimonials__entry-text {
padding: max(2rem, min(4vw, 5rem));
width: 100%;
}
.testimonials__entry-text p {
margin-bottom: 1em;
}
.inline-carousel {
background: #f2f1f0;
background: var(--colour-grey);
}
.inline-carousel.section--alt .section__inner {
background-color: #fff !important;
background-color: var(--colour-white) !important;
}
.inline-carousel.section--dark .section__inner {
background: #192036 !important;
background: var(--colour-greyDark) !important;
}
.inline-carousel__inner {
border-radius: 1em;
}
.inline-carousel__text {
display: flex;
align-items: center;
}
.inline-carousel__text .content__wrap {
padding: max(2.5rem, min(4vw, 5rem));
max-width: 65rem;
}
.inline-carousel__media .content__wrap {
display: flex;
position: relative;
flex-wrap: nowrap;
margin-top: 1.6rem;
margin-bottom: 1.6rem;
border-radius: 1em;
overflow: hidden;
}
@media (max-width: 991.98px) {
.inline-carousel__media .content__wrap {
margin-bottom: 4rem;
overflow: visible;
}
}
.inline-carousel__media .media {
border-radius: 0;
padding-top: 84%;
}
.inline-carousel__entry {
width: 100%;
}
.inline-carousel .slider__controls {
display: flex;
position: absolute;
right: 1rem;
bottom: 1rem;
left: 1rem;
align-items: center;
z-index: 4;
-webkit-backdrop-filter: blur(8rem);
backdrop-filter: blur(8rem);
border-radius: 1em;
background-color: rgba(255, 255, 255, 0.5);
background-color: var(--colour-white-50);
padding: 1rem;
}
@media (max-width: 991.98px) {
.inline-carousel .slider__controls {
transform: translateY(50%) !important;
}
.inline-carousel .slider__controls {
flex-direction: column;
}
}
.inline-carousel .slider__nav {
display: inline-flex;
margin-right: 0;
margin-left: auto;
}
.inline-carousel .slider__nav .btn.swiper-button-disabled {
opacity: 0.5;
}
@media (max-width: 991.98px) {
.inline-carousel .slider__nav {
justify-content: space-between;
margin-left: 0;
width: 100%;
}
}
.inline-carousel .slider__caption {
padding-left: 1.4rem;
}
.iframe__content .content__wrap {
position: relative;
padding-top: 65%;
min-height: 105rem;
}
@media (max-width: 991.98px) {
.iframe__content .content__wrap {
min-height: 115rem;
}
}
.iframe__content iframe {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
}
.columns__entry {
margin-bottom: 1em;
}
.columns__entry p {
max-width: 57.7rem;
font-size: max(1.4rem, min(6vw, 2rem));
}
.columns__entry .content__wrap {
border-radius: 1em;
background-color: #f2f1f0;
background-color: var(--colour-grey);
padding: 2.2rem 1.6rem;
}
.columns__entry .media {
margin-bottom: 2rem;
padding-top: 75%;
}
.rows__entry {
border-bottom: 0.1rem solid #b6b7bc;
padding-top: max(4.8rem, min(4vw, 9.6rem));
padding-bottom: max(4.8rem, min(4vw, 9.6rem));
}
.rows__entry p {
margin-bottom: 0;
}
.rows__entry strong {
display: block;
margin-bottom: 0.75em;
}
.rows__entry:not(.section--alt) .rows__entry:first-child {
border-top: 0.1rem solid #b6b7bc;
}
.section--alt .rows__entry:last-child {
border-bottom: 0;
}
.rows__entry-text .content__wrap {
margin-right: max(7rem, min(10vw, 15rem));
max-width: 59.2rem;
}
.rows__entry-text p {
font-size: max(1.6rem, min(2vw, 2rem));
}
.table__entry {
border-bottom: 0.1rem solid #b6b7bc;
padding-top: 2.5rem;
padding-bottom: 2.9rem;
}
.section--alt .table__entry:last-child {
border: 0;
}
.table__inner {
margin: 0 auto;
max-width: 90rem;
}
.form .wpcf7 {
width: 100%;
}
.form .content__wrap {
margin: 0 auto;
max-width: 90rem;
}
.form input[type=checkbox] {
position: relative;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
margin-right: 0.66em;
border: 0.1rem solid #929398;
border-radius: 3rem;
background: #f2f1f0;
background: var(--colour-grey);
width: 2.4rem;
height: 2.4rem;
}
.form input[type=checkbox]:after {
display: inline-block;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
opacity: 0;
margin: auto;
border-radius: 50%;
background: #020922;
background: var(--colour-dark);
width: 1.4rem;
height: 1.4rem;
content: "";
}
.form input[type=checkbox]:checked:after {
opacity: 1;
}
.posts__filters {
margin-bottom: 4rem;
}
.posts__filters .btn {
min-width: 8rem;
}
.posts__filters select {
margin-right: 0;
margin-bottom: auto;
margin-left: auto;
border: 0.1rem solid;
border-radius: 3rem;
padding: 0.33em 1.2em 0.33em 0.33em;
min-width: 15rem;
height: 4rem;
font-size: max(1.4rem, min(4vw, 1.5rem));
text-align: center;
}
@media (max-width: 991.98px) {
.posts__filters select {
padding: 0 1em;
width: 100%;
text-align: left;
}
}
.posts__filters .post__tags {
margin: 0;
}
.posts .post__tags {
display: flex;
padding: 0;
pointer-events: none;
list-style-type: none;
text-transform: uppercase;
}
.posts .post__tags li {
margin: 0 0.5rem;
}
.posts .posts__tags {
position: relative;
}
.posts .posts__tags-wrap {
padding-bottom: 2rem;
}
@media (max-width: 991.98px) {
.posts .posts__tags-wrap .multi-select {
max-width: 100%;
}
}
.posts__entry {
margin-bottom: 2rem;
}
.posts__entry h4 {
padding-right: 1rem;
}
.posts__entry .media {
padding-top: 13.7%;
min-height: 25rem;
}
@media (min-width: 1200px) {
.posts__entry .media {
max-width: 19rem;
}
}
.posts__entry .content__wrap {
display: flex;
align-items: center;
gap: max(1rem, min(2.5vw, 8rem));
border-radius: 1em;
background-color: #f2f1f0;
background-color: var(--colour-grey);
padding: 1.6rem;
transition: all 0.66s ease;
}
@media (max-width: 991.98px) {
.posts__entry .content__wrap {
flex-direction: column;
}
}
.posts__entry .post__tags {
padding-bottom: 1em;
}
@media (min-width: 1200px) {
.posts__entry .post__tags {
position: absolute;
bottom: calc(100% - 1rem);
left: 0;
padding-bottom: 0;
}
}
.posts__entry:hover .content__wrap {
background: #d0e8e8;
background: var(--colour-light);
}
.posts__entry:hover .btn--slider {
transform: scale(-1) translateX(0rem) !important;
}
.posts__entry .btn--slider {
transform: scale(-1) translateX(3rem) !important;
transition: transform 0.66s ease 0s !important;
}
.posts__entry .btn--slider {
margin-right: 0;
margin-left: auto;
border-color: #fff;
border-color: var(--colour-white);
}
.posts__entry-meta {
position: relative;
width: 100%;
max-width: 84.5rem;
}
@media (min-width: 1200px) {
.posts__entry-meta {
padding-top: 4rem;
}
}
.posts__entry-meta ul {
margin: 0;
}
.posts__pagination {
margin-top: 3rem;
}
.posts__pagination span:not(.dots) {
background-color: #020922;
background-color: var(--colour-dark);
color: #fff;
color: var(--colour-white);
}
.posts__pagination span,
.posts__pagination a {
display: inline-flex;
justify-content: center;
align-items: center;
margin: 0 0.2em;
border: 0.1rem solid #020922;
border: 0.1rem solid var(--colour-dark);
border-radius: 4rem;
width: 2.33em;
height: 2.33em;
}
.posts__pagination span.dots {
margin: 0;
border: 0;
}
.posts__pagination a.next,
.posts__pagination a.prev {
border-color: #ddd;
}
.posts__pagination a.next, .posts__pagination a.prev {
position: relative;
}
.posts__pagination a.next:after, .posts__pagination a.prev:after {
margin-left: 0.1em;
width: 0.8rem;
height: 1.6rem;
content: "";
-webkit-mask-image: url("data:image/svg+xml,%3Csvg width='9' height='14' viewBox='0 0 9 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L7 7L1 13' stroke='%2333363F' stroke-width='2'/%3E%3C/svg%3E%0A");
mask-image: url("data:image/svg+xml,%3Csvg width='9' height='14' viewBox='0 0 9 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L7 7L1 13' stroke='%2333363F' stroke-width='2'/%3E%3C/svg%3E%0A");
-webkit-mask-position: center;
mask-position: center;
-webkit-mask-size: contain;
mask-size: contain;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
background-color: currentColor;
}
.posts__pagination a.prev {
transform: scale(-1);
}
.posts__pagination a:hover {
background-color: #f2f1f0;
background-color: var(--colour-grey);
}
.share-links {
position: sticky;
top: 15rem;
align-items: center;
margin: 0 auto;
border-radius: 1em;
background-color: #d0e8e8;
background-color: var(--colour-light);
padding: 3rem;
max-width: 50rem;
}
.share-links strong {
display: block;
}
@media (max-width: 767.98px) {
.share-links {
justify-content: center;
width: 100%;
}
}
.share-links ul {
display: inline-flex;
align-items: center;
gap: 1em;
margin: 0;
margin-top: 1em;
border-top: 0.1rem solid grey;
padding: 0;
padding-top: 1em;
list-style: none;
}
@media (max-width: 767.98px) {
.share-links ul {
flex-wrap: wrap;
justify-content: center;
}
}
.share-links li {
margin: 0;
}
.share-links li a {
display: inline-flex;
-webkit-mask-position: center;
mask-position: center;
-webkit-mask-size: contain;
mask-size: contain;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
background-color: #020922;
background-color: var(--colour-dark);
width: 2.4rem;
height: 2.4rem;
}
.share-links li.share--link a {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.9959 1.06663C15.4228 1.05296 13.9071 1.65773 12.7755 2.75068L12.7652 2.7608L11.0452 4.4708C10.6535 4.86018 10.6517 5.49335 11.0411 5.88501C11.4305 6.27667 12.0636 6.27851 12.4553 5.88913L14.1699 4.1845C14.9238 3.45887 15.9321 3.05746 16.9786 3.06656C18.0273 3.07567 19.0306 3.49635 19.7722 4.23798C20.5139 4.97961 20.9345 5.98286 20.9437 7.03165C20.9527 8.0777 20.5517 9.08557 19.8267 9.83934L16.8331 12.8329C16.4276 13.2385 15.9395 13.5523 15.4021 13.7528C14.8647 13.9533 14.2904 14.0358 13.7183 13.9949C13.1462 13.9539 12.5896 13.7903 12.0862 13.5153C11.5829 13.2403 11.1446 12.8603 10.801 12.401C10.4702 11.9587 9.84352 11.8684 9.40127 12.1992C8.95902 12.53 8.86867 13.1567 9.19948 13.5989C9.71482 14.2879 10.3723 14.858 11.1273 15.2705C11.8824 15.683 12.7173 15.9283 13.5755 15.9897C14.4336 16.0512 15.295 15.9274 16.1011 15.6267C16.9072 15.326 17.6392 14.8554 18.2475 14.2469L21.2474 11.2471L21.2595 11.2347C22.3525 10.1031 22.9572 8.58745 22.9436 7.01427C22.9299 5.44109 22.2989 3.93621 21.1864 2.82377C20.074 1.71132 18.5691 1.0803 16.9959 1.06663Z' fill='%23020922'/%3E%3Cpath d='M10.425 8.01018C9.56681 7.94872 8.70546 8.07254 7.89935 8.37324C7.0933 8.67392 6.36133 9.14443 5.75309 9.75285L2.75309 12.7529L2.74091 12.7652C1.64796 13.8969 1.0432 15.4125 1.05687 16.9857C1.07054 18.5588 1.70155 20.0637 2.814 21.1762C3.92645 22.2886 5.43132 22.9196 7.0045 22.9333C8.57768 22.947 10.0933 22.3422 11.2249 21.2492L11.2373 21.2371L12.9473 19.5271C13.3378 19.1365 13.3378 18.5034 12.9473 18.1129C12.5568 17.7223 11.9236 17.7223 11.5331 18.1129L9.82957 19.8164C9.0758 20.5414 8.06793 20.9425 7.02188 20.9334C5.9731 20.9243 4.96985 20.5036 4.22821 19.7619C3.48658 19.0203 3.06591 18.0171 3.05679 16.9683C3.0477 15.9222 3.44876 14.9144 4.17379 14.1606L7.16731 11.1671C7.57281 10.7614 8.06095 10.4476 8.59836 10.2471C9.13577 10.0466 9.71 9.9641 10.2821 10.0051C10.8542 10.046 11.4108 10.2096 11.9142 10.4846C12.4175 10.7596 12.8559 11.1396 13.1994 11.5989C13.5302 12.0412 14.1569 12.1315 14.5992 11.8007C15.0414 11.4699 15.1318 10.8432 14.801 10.401C14.2856 9.71203 13.6281 9.14196 12.8731 8.72945C12.1181 8.31694 11.2832 8.07164 10.425 8.01018Z' fill='%23020922'/%3E%3C/svg%3E%0A");
mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.9959 1.06663C15.4228 1.05296 13.9071 1.65773 12.7755 2.75068L12.7652 2.7608L11.0452 4.4708C10.6535 4.86018 10.6517 5.49335 11.0411 5.88501C11.4305 6.27667 12.0636 6.27851 12.4553 5.88913L14.1699 4.1845C14.9238 3.45887 15.9321 3.05746 16.9786 3.06656C18.0273 3.07567 19.0306 3.49635 19.7722 4.23798C20.5139 4.97961 20.9345 5.98286 20.9437 7.03165C20.9527 8.0777 20.5517 9.08557 19.8267 9.83934L16.8331 12.8329C16.4276 13.2385 15.9395 13.5523 15.4021 13.7528C14.8647 13.9533 14.2904 14.0358 13.7183 13.9949C13.1462 13.9539 12.5896 13.7903 12.0862 13.5153C11.5829 13.2403 11.1446 12.8603 10.801 12.401C10.4702 11.9587 9.84352 11.8684 9.40127 12.1992C8.95902 12.53 8.86867 13.1567 9.19948 13.5989C9.71482 14.2879 10.3723 14.858 11.1273 15.2705C11.8824 15.683 12.7173 15.9283 13.5755 15.9897C14.4336 16.0512 15.295 15.9274 16.1011 15.6267C16.9072 15.326 17.6392 14.8554 18.2475 14.2469L21.2474 11.2471L21.2595 11.2347C22.3525 10.1031 22.9572 8.58745 22.9436 7.01427C22.9299 5.44109 22.2989 3.93621 21.1864 2.82377C20.074 1.71132 18.5691 1.0803 16.9959 1.06663Z' fill='%23020922'/%3E%3Cpath d='M10.425 8.01018C9.56681 7.94872 8.70546 8.07254 7.89935 8.37324C7.0933 8.67392 6.36133 9.14443 5.75309 9.75285L2.75309 12.7529L2.74091 12.7652C1.64796 13.8969 1.0432 15.4125 1.05687 16.9857C1.07054 18.5588 1.70155 20.0637 2.814 21.1762C3.92645 22.2886 5.43132 22.9196 7.0045 22.9333C8.57768 22.947 10.0933 22.3422 11.2249 21.2492L11.2373 21.2371L12.9473 19.5271C13.3378 19.1365 13.3378 18.5034 12.9473 18.1129C12.5568 17.7223 11.9236 17.7223 11.5331 18.1129L9.82957 19.8164C9.0758 20.5414 8.06793 20.9425 7.02188 20.9334C5.9731 20.9243 4.96985 20.5036 4.22821 19.7619C3.48658 19.0203 3.06591 18.0171 3.05679 16.9683C3.0477 15.9222 3.44876 14.9144 4.17379 14.1606L7.16731 11.1671C7.57281 10.7614 8.06095 10.4476 8.59836 10.2471C9.13577 10.0466 9.71 9.9641 10.2821 10.0051C10.8542 10.046 11.4108 10.2096 11.9142 10.4846C12.4175 10.7596 12.8559 11.1396 13.1994 11.5989C13.5302 12.0412 14.1569 12.1315 14.5992 11.8007C15.0414 11.4699 15.1318 10.8432 14.801 10.401C14.2856 9.71203 13.6281 9.14196 12.8731 8.72945C12.1181 8.31694 11.2832 8.07164 10.425 8.01018Z' fill='%23020922'/%3E%3C/svg%3E%0A");
}
.share-links li.share--x a {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg width='22' height='24' viewBox='0 0 22 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.0536585 1.5L8.54848 13.0842L0 22.5H1.925L9.40701 14.2539L15.4537 22.5H22L13.029 10.266L20.9838 1.5H19.0622L12.1704 9.09283L6.60335 1.5H0.0536585ZM2.88415 2.94332H5.89238L19.1729 21.0533H16.1646L2.88415 2.94332Z' fill='%23020922'/%3E%3C/svg%3E%0A");
mask-image: url("data:image/svg+xml,%3Csvg width='22' height='24' viewBox='0 0 22 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.0536585 1.5L8.54848 13.0842L0 22.5H1.925L9.40701 14.2539L15.4537 22.5H22L13.029 10.266L20.9838 1.5H19.0622L12.1704 9.09283L6.60335 1.5H0.0536585ZM2.88415 2.94332H5.89238L19.1729 21.0533H16.1646L2.88415 2.94332Z' fill='%23020922'/%3E%3C/svg%3E%0A");
}
.share-links li.share--linkedin a {
-webkit-mask-image: url("data:image/svg+xml,%0A%3Csvg width='22px' height='22px' viewBox='0 0 22 22' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='brand-linkedin' transform='translate(1.25, 1.25)'%3E%3Cpath d='M12.35,0 C15.3010221,0 16.0029015,0.0573449396 16.9065148,0.517726294 C17.8002299,0.973133847 18.5268539,1.69978557 18.9822455,2.59352875 C19.4426511,3.49706416 19.5,4.19893949 19.5,7.15 L19.5,12.35 C19.5,15.3010297 19.4426508,16.0029132 18.9822437,16.9065148 C18.5268417,17.800219 17.800219,18.5268417 16.9064923,18.9822552 C16.0029132,19.4426508 15.3010297,19.5 12.35,19.5 L7.15,19.5 C4.19893949,19.5 3.49706416,19.4426511 2.59354313,18.9822529 C1.69978557,18.5268539 0.973133847,17.8002299 0.517705337,16.9064737 C0.0573449396,16.0029015 0,15.3010221 0,12.35 L0,7.15 C0,4.19894705 0.0573445962,3.49707586 0.517717143,2.59354313 C0.973121627,1.69977472 1.69977472,0.973121627 2.59354735,0.517714995 C3.49707586,0.0573445962 4.19894705,0 7.15,0 L12.35,0 Z M6.61241117,1.50086315 C4.41041138,1.50865854 3.82595675,1.57326063 3.27453687,1.85422286 C2.66300528,2.16581837 2.16581837,2.66300528 1.85422501,3.27453265 C1.57326078,3.82595645 1.50865856,4.41041136 1.50086314,6.61241117 L1.50086314,12.887589 C1.50865842,15.0895891 1.57325943,15.6740422 1.85421371,16.2254852 C2.16580962,16.8369769 2.66300123,17.3341496 3.27455125,17.6457545 C3.86838536,17.9483486 4.50053051,18 7.15,18 L12.35,18 C14.9994703,18 15.6316118,17.9483492 16.2254852,17.6457563 C16.836981,17.3341583 17.3341583,16.836981 17.6457448,16.2255077 C17.9483492,15.6316118 18,14.9994703 18,12.35 L18,7.15 C18,4.50053051 17.9483486,3.86838536 17.6457471,3.27453687 C17.3341496,2.66300123 16.8369769,2.16580962 16.2255263,1.85423466 C15.6740452,1.57326092 15.0895893,1.50865853 12.887589,1.50086315 L6.61241117,1.50086315 Z' id='Path' fill='%23221F20' fill-rule='nonzero'%3E%3C/path%3E%3Cline x1='5.75' y1='5.375' x2='5.75' y2='5.875' id='Path' stroke='%23221F20' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3C/line%3E%3Cpath d='M5.75,14.125 L5.75,8.5 M9.75,14.125 L9.75,11.25 M9.75,11.25 L9.75,8.5 M9.75,11.25 C9.75,9.9624 10.972,9.25 12.15,9.25 C13.75,9.25 13.75,10.625 13.75,12.125 L13.75,14.125' id='Shape' stroke='%23221F20' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
mask-image: url("data:image/svg+xml,%0A%3Csvg width='22px' height='22px' viewBox='0 0 22 22' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='brand-linkedin' transform='translate(1.25, 1.25)'%3E%3Cpath d='M12.35,0 C15.3010221,0 16.0029015,0.0573449396 16.9065148,0.517726294 C17.8002299,0.973133847 18.5268539,1.69978557 18.9822455,2.59352875 C19.4426511,3.49706416 19.5,4.19893949 19.5,7.15 L19.5,12.35 C19.5,15.3010297 19.4426508,16.0029132 18.9822437,16.9065148 C18.5268417,17.800219 17.800219,18.5268417 16.9064923,18.9822552 C16.0029132,19.4426508 15.3010297,19.5 12.35,19.5 L7.15,19.5 C4.19893949,19.5 3.49706416,19.4426511 2.59354313,18.9822529 C1.69978557,18.5268539 0.973133847,17.8002299 0.517705337,16.9064737 C0.0573449396,16.0029015 0,15.3010221 0,12.35 L0,7.15 C0,4.19894705 0.0573445962,3.49707586 0.517717143,2.59354313 C0.973121627,1.69977472 1.69977472,0.973121627 2.59354735,0.517714995 C3.49707586,0.0573445962 4.19894705,0 7.15,0 L12.35,0 Z M6.61241117,1.50086315 C4.41041138,1.50865854 3.82595675,1.57326063 3.27453687,1.85422286 C2.66300528,2.16581837 2.16581837,2.66300528 1.85422501,3.27453265 C1.57326078,3.82595645 1.50865856,4.41041136 1.50086314,6.61241117 L1.50086314,12.887589 C1.50865842,15.0895891 1.57325943,15.6740422 1.85421371,16.2254852 C2.16580962,16.8369769 2.66300123,17.3341496 3.27455125,17.6457545 C3.86838536,17.9483486 4.50053051,18 7.15,18 L12.35,18 C14.9994703,18 15.6316118,17.9483492 16.2254852,17.6457563 C16.836981,17.3341583 17.3341583,16.836981 17.6457448,16.2255077 C17.9483492,15.6316118 18,14.9994703 18,12.35 L18,7.15 C18,4.50053051 17.9483486,3.86838536 17.6457471,3.27453687 C17.3341496,2.66300123 16.8369769,2.16580962 16.2255263,1.85423466 C15.6740452,1.57326092 15.0895893,1.50865853 12.887589,1.50086315 L6.61241117,1.50086315 Z' id='Path' fill='%23221F20' fill-rule='nonzero'%3E%3C/path%3E%3Cline x1='5.75' y1='5.375' x2='5.75' y2='5.875' id='Path' stroke='%23221F20' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3C/line%3E%3Cpath d='M5.75,14.125 L5.75,8.5 M9.75,14.125 L9.75,11.25 M9.75,11.25 L9.75,8.5 M9.75,11.25 C9.75,9.9624 10.972,9.25 12.15,9.25 C13.75,9.25 13.75,10.625 13.75,12.125 L13.75,14.125' id='Shape' stroke='%23221F20' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}
.share-links li.share--facebook a {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg width='22' height='22' viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 8.4C2 6.15979 2 5.03968 2.43597 4.18404C2.81947 3.43139 3.43139 2.81947 4.18404 2.43597C5.03968 2 6.15979 2 8.4 2H13.6C15.8402 2 16.9603 2 17.816 2.43597C18.5686 2.81947 19.1805 3.43139 19.564 4.18404C20 5.03968 20 6.15979 20 8.4V13.6C20 15.8402 20 16.9603 19.564 17.816C19.1805 18.5686 18.5686 19.1805 17.816 19.564C16.9603 20 15.8402 20 13.6 20H8.4C6.15979 20 5.03968 20 4.18404 19.564C3.43139 19.1805 2.81947 18.5686 2.43597 17.816C2 16.9603 2 15.8402 2 13.6V8.4Z' stroke='%23221F20' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M9.97266 19.8993V9.89009C9.97266 8.62916 10.4736 7.41988 11.3652 6.52827C12.2568 5.63666 13.4661 5.13574 14.727 5.13574C15.1416 5.13574 15.4777 5.47184 15.4777 5.88643C15.4777 6.30102 15.1416 6.63712 14.727 6.63712C13.8643 6.63712 13.0369 6.97985 12.4268 7.5899C11.8168 8.19995 11.474 9.02735 11.474 9.89009V19.8993C11.474 20.3139 11.1379 20.65 10.7233 20.65C10.3088 20.65 9.97266 20.3139 9.97266 19.8993Z' fill='black'/%3E%3Cpath d='M13.7562 11.251L13.7756 11.2512C14.1812 11.2615 14.5069 11.5936 14.5069 12.0017C14.5069 12.4098 14.1812 12.7418 13.7756 12.7521L13.7562 12.7524H7.75069C7.33609 12.7524 7 12.4163 7 12.0017C7 11.5871 7.33609 11.251 7.75069 11.251H13.7562Z' fill='black'/%3E%3C/svg%3E%0A");
mask-image: url("data:image/svg+xml,%3Csvg width='22' height='22' viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 8.4C2 6.15979 2 5.03968 2.43597 4.18404C2.81947 3.43139 3.43139 2.81947 4.18404 2.43597C5.03968 2 6.15979 2 8.4 2H13.6C15.8402 2 16.9603 2 17.816 2.43597C18.5686 2.81947 19.1805 3.43139 19.564 4.18404C20 5.03968 20 6.15979 20 8.4V13.6C20 15.8402 20 16.9603 19.564 17.816C19.1805 18.5686 18.5686 19.1805 17.816 19.564C16.9603 20 15.8402 20 13.6 20H8.4C6.15979 20 5.03968 20 4.18404 19.564C3.43139 19.1805 2.81947 18.5686 2.43597 17.816C2 16.9603 2 15.8402 2 13.6V8.4Z' stroke='%23221F20' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M9.97266 19.8993V9.89009C9.97266 8.62916 10.4736 7.41988 11.3652 6.52827C12.2568 5.63666 13.4661 5.13574 14.727 5.13574C15.1416 5.13574 15.4777 5.47184 15.4777 5.88643C15.4777 6.30102 15.1416 6.63712 14.727 6.63712C13.8643 6.63712 13.0369 6.97985 12.4268 7.5899C11.8168 8.19995 11.474 9.02735 11.474 9.89009V19.8993C11.474 20.3139 11.1379 20.65 10.7233 20.65C10.3088 20.65 9.97266 20.3139 9.97266 19.8993Z' fill='black'/%3E%3Cpath d='M13.7562 11.251L13.7756 11.2512C14.1812 11.2615 14.5069 11.5936 14.5069 12.0017C14.5069 12.4098 14.1812 12.7418 13.7756 12.7521L13.7562 12.7524H7.75069C7.33609 12.7524 7 12.4163 7 12.0017C7 11.5871 7.33609 11.251 7.75069 11.251H13.7562Z' fill='black'/%3E%3C/svg%3E%0A");
}
.share-links li:hover a {
background-color: #2c8383;
background-color: var(--colour-accent);
}
.share__notify {
display: inline-flex;
position: absolute;
top: calc(100% + 0.5rem);
right: 0;
left: 0;
justify-content: center;
align-items: center;
opacity: 0;
transition: opacity 3s ease-in-out;
margin: auto;
border: 0.1rem solid currentColor;
border-radius: inherit;
padding: 0.3em;
pointer-events: none;
color: #020922;
color: var(--colour-dark);
font-weight: 500;
line-height: 1;
white-space: nowrap;
}
.copy--success .share__notify {
opacity: 1;
transition: opacity 0.3s ease-in-out;
}
.share__notify:before {
display: inline-flex;
margin-right: 0.22em;
width: 0.8em;
height: 0.8em;
content: "";
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='icon icon-tabler icons-tabler-outline icon-tabler-info-circle'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M3 12a9 9 0 1 0 18 0a9 9 0 0 0 -18 0' /%3E%3Cpath d='M12 9h.01' /%3E%3Cpath d='M11 12h1v4h1' /%3E%3C/svg%3E");
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='icon icon-tabler icons-tabler-outline icon-tabler-info-circle'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M3 12a9 9 0 1 0 18 0a9 9 0 0 0 -18 0' /%3E%3Cpath d='M12 9h.01' /%3E%3Cpath d='M11 12h1v4h1' /%3E%3C/svg%3E");
-webkit-mask-position: center;
mask-position: center;
-webkit-mask-size: contain;
mask-size: contain;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
background-color: currentColor;
}
.multi-select {
display: flex;
position: relative;
flex-direction: column;
box-sizing: border-box;
width: 100%;
max-width: 40rem;
font-weight: 400;
font-size: max(1.4rem, min(4vw, 1.5rem));
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
.multi-select > select {
display: none;
}
.multi-select > div {
width: 100%;
}
.multi-select input {
border: 0;
background-color: transparent;
color: #fff;
}
.filter--active .multi-select {
pointer-events: none;
}
.filter--active .multi-select .multi-select-header:after {
display: none;
}
.multi-select.field--error {
animation: 0.5s cubic-bezier(0.59, 0.08, 0.385, 1) shake;
}
.multi-select.field--error .multi-select-header {
border: 0.1rem solid;
}
.multi-select .multi-select-header-inner {
display: flex;
position: relative;
align-items: center;
gap: 0.4rem;
padding: 0 0.66rem;
height: 4rem;
overflow: scroll;
}
.multi-select .multi-select-header-inner::-webkit-scrollbar {
display: none;
}
.multi-select .multi-select-header {
border: 0.1rem solid;
overflow: hidden;
line-height: 1;
}
.multi-select .multi-select-header.multi-select-header-active + .multi-select-options {
display: flex;
}
.multi-select .multi-select-header .multi-select-header-option {
display: inline-block;
position: relative;
border: 0.1rem solid #dee2e6;
border-radius: 5rem;
background-color: #eee;
padding: 0.5rem 0.75rem 0.6rem;
min-width: 8rem;
overflow: hidden;
color: #020922;
font-size: inherit;
line-height: 1;
text-align: center;
text-overflow: ellipsis;
text-transform: uppercase;
white-space: nowrap;
}
.multi-select .multi-select-header .multi-select-header-option:last-of-type {
margin-right: 3rem;
}
.multi-select .multi-select-header .multi-select-header-max {
display: none;
margin-right: 3rem;
color: rgb(101.2297297297, 113.5, 125.7702702703);
font-size: 1rem;
}
.multi-select .multi-select-header.options--max .multi-select-header-max {
display: block;
}
.multi-select .multi-select-options {
display: none;
position: absolute;
top: calc(100% + 0.5rem);
right: 0;
left: 0;
flex-flow: wrap;
z-index: 999;
-webkit-backdrop-filter: blur(1rem);
backdrop-filter: blur(1rem);
box-sizing: border-box;
margin-top: 0.5rem;
border: 0.1rem solid;
border-radius: 2rem;
background: rgba(255, 255, 255, 0.8);
padding: 0.5rem 0;
max-height: 22rem;
overflow-x: hidden;
overflow-y: auto;
font-size: 90%;
text-transform: uppercase;
}
.multi-select .multi-select-options::-webkit-scrollbar {
display: none;
}
.multi-select .multi-select-options .multi-select-option,
.multi-select .multi-select-options .multi-select-all {
padding: 0.8rem 1.5rem;
}
.multi-select .multi-select-options .multi-select-option .multi-select-option-radio,
.multi-select .multi-select-options .multi-select-all .multi-select-option-radio {
margin-right: 1.4rem;
border: 0.1rem solid;
border-radius: 0.4rem;
width: 1.6rem;
height: 1.6rem;
}
.multi-select .multi-select-options .multi-select-option .multi-select-option-text,
.multi-select .multi-select-options .multi-select-all .multi-select-option-text {
flex: 1;
box-sizing: border-box;
overflow: hidden;
color: inherit;
line-height: 2rem;
text-overflow: ellipsis;
white-space: nowrap;
}
.multi-select .multi-select-options .multi-select-option.multi-select-selected .multi-select-option-radio,
.multi-select .multi-select-options .multi-select-all.multi-select-selected .multi-select-option-radio {
display: inline-flex;
justify-content: center;
align-items: center;
border-color: #2c8383;
border-color: var(--colour-accent);
background-color: #d0e8e8;
background-color: var(--colour-light);
}
.multi-select .multi-select-options .multi-select-option.multi-select-selected .multi-select-option-radio::after,
.multi-select .multi-select-options .multi-select-all.multi-select-selected .multi-select-option-radio::after {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22.903' height='19.395'%3E%3Cpath d='M22.903 2.828 20.075 0 6.641 13.435 3.102 9.09 0 11.616l6.338 7.779L22.903 2.828z'/%3E%3C/svg%3E");
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22.903' height='19.395'%3E%3Cpath d='M22.903 2.828 20.075 0 6.641 13.435 3.102 9.09 0 11.616l6.338 7.779L22.903 2.828z'/%3E%3C/svg%3E");
-webkit-mask-position: center;
mask-position: center;
-webkit-mask-size: contain;
mask-size: contain;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
border-width: 0 0.15em 0.15em 0;
background: #020922;
width: 1.2rem;
height: 1rem;
content: "";
}
.multi-select .multi-select-options .multi-select-option:hover, .multi-select .multi-select-options .multi-select-option:active,
.multi-select .multi-select-options .multi-select-all:hover,
.multi-select .multi-select-options .multi-select-all:active {
background-color: rgba(2, 9, 34, 0.05);
}
.multi-select .multi-select-options .multi-select-all {
border-bottom: 0.1rem solid #f1f3f5;
border-radius: 0;
}
.multi-select .multi-select-options .multi-select-search {
margin: 1rem;
outline: none;
border: 0;
width: 100%;
color: #020922;
color: var(--colour-dark);
}
.multi-select .multi-select-options .multi-select-search::-moz-placeholder {
color: #b2b5b9;
}
.multi-select .multi-select-options .multi-select-search::placeholder {
color: #b2b5b9;
}
.multi-select .multi-select-header-placeholder {
margin-left: 0.8rem;
color: #192036;
color: var(--colour-greyDark);
}
.multi-select .multi-select-header {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border-radius: 2.7rem;
background-image: url("data:image/svg+xml,%3Csvg width='14' height='9' viewBox='0 0 14 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13 1L7 7L1 1' stroke='%2333363F' stroke-width='2'/%3E%3C/svg%3E%0A");
background-position: center right 10px;
background-size: 1.2rem;
background-repeat: no-repeat;
}
.multi-select .multi-select-header,
.multi-select .multi-select-option,
.multi-select .multi-select-all {
display: flex;
flex-wrap: nowrap;
align-items: center;
cursor: pointer;
box-sizing: border-box;
width: 100%;
}
.instagram .media {
margin-bottom: -3rem !important;
padding: 0 !important;
}
.instagram .media img,
.instagram .media video {
position: relative;
min-height: 50rem;
max-height: 30vw;
}
.instagram .content__wrap {
background: transparent;
padding: 0;
}
.instagram__entry-content {
border-radius: 1em;
background: #d0e8e8;
background: var(--colour-light);
padding: 0.5em 0.75em 0.66em 0.66em;
}
.instagram__entry-content > p {
margin-bottom: 0.5rem !important;
}
.instagram__entry-content > p {
margin-top: 0.66em;
padding: 0 0.2em;
font-size: 89%;
}
.instagram__entry-meta {
display: flex;
flex-wrap: nowrap;
align-items: center;
gap: 0.5em;
font-weight: 600;
}
.instagram__entry-meta p {
margin-bottom: 0 !important;
}
.instagram__entry-meta p {
font-weight: normal;
font-size: 89%;
}
.instagram__entry-meta img {
border-radius: 5rem;
width: 4.8rem;
height: 4.8rem;
}