:root{--vs-colors--lightest: rgba(60, 60, 60, .26);--vs-colors--light: rgba(60, 60, 60, .5);--vs-colors--dark: #333;--vs-colors--darkest: rgba(0, 0, 0, .15);--vs-search-input-color: inherit;--vs-search-input-placeholder-color: inherit;--vs-font-size: 1rem;--vs-line-height: 1.4;--vs-state-disabled-bg: rgb(248, 248, 248);--vs-state-disabled-color: var(--vs-colors--light);--vs-state-disabled-controls-color: var(--vs-colors--light);--vs-state-disabled-cursor: not-allowed;--vs-border-color: var(--vs-colors--lightest);--vs-border-width: 1px;--vs-border-style: solid;--vs-border-radius: 4px;--vs-actions-padding: 4px 6px 0 3px;--vs-controls-color: var(--vs-colors--light);--vs-controls-size: 1;--vs-controls--deselect-text-shadow: 0 1px 0 #fff;--vs-selected-bg: #f0f0f0;--vs-selected-color: var(--vs-colors--dark);--vs-selected-border-color: var(--vs-border-color);--vs-selected-border-style: var(--vs-border-style);--vs-selected-border-width: var(--vs-border-width);--vs-dropdown-bg: #fff;--vs-dropdown-color: inherit;--vs-dropdown-z-index: 1000;--vs-dropdown-min-width: 160px;--vs-dropdown-max-height: 350px;--vs-dropdown-box-shadow: 0px 3px 6px 0px var(--vs-colors--darkest);--vs-dropdown-option-bg: #000;--vs-dropdown-option-color: var(--vs-dropdown-color);--vs-dropdown-option-padding: 3px 20px;--vs-dropdown-option--active-bg: #5897fb;--vs-dropdown-option--active-color: #fff;--vs-dropdown-option--deselect-bg: #fb5858;--vs-dropdown-option--deselect-color: #fff;--vs-transition-timing-function: cubic-bezier(1, -.115, .975, .855);--vs-transition-duration: .15s}.v-select{position:relative;font-family:inherit}.v-select,.v-select *{box-sizing:border-box}:root{--vs-transition-timing-function: cubic-bezier(1, .5, .8, 1);--vs-transition-duration: .15s}@-webkit-keyframes vSelectSpinner{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes vSelectSpinner{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.vs__fade-enter-active,.vs__fade-leave-active{pointer-events:none;transition:opacity var(--vs-transition-duration) var(--vs-transition-timing-function)}.vs__fade-enter,.vs__fade-leave-to{opacity:0}:root{--vs-disabled-bg: var(--vs-state-disabled-bg);--vs-disabled-color: var(--vs-state-disabled-color);--vs-disabled-cursor: var(--vs-state-disabled-cursor)}.vs--disabled .vs__dropdown-toggle,.vs--disabled .vs__clear,.vs--disabled .vs__search,.vs--disabled .vs__selected,.vs--disabled .vs__open-indicator{cursor:var(--vs-disabled-cursor);background-color:var(--vs-disabled-bg)}.v-select[dir=rtl] .vs__actions{padding:0 3px 0 6px}.v-select[dir=rtl] .vs__clear{margin-left:6px;margin-right:0}.v-select[dir=rtl] .vs__deselect{margin-left:0;margin-right:2px}.v-select[dir=rtl] .vs__dropdown-menu{text-align:right}.vs__dropdown-toggle{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:flex;padding:0 0 4px;background:none;border:var(--vs-border-width) var(--vs-border-style) var(--vs-border-color);border-radius:var(--vs-border-radius);white-space:normal}.vs__selected-options{display:flex;flex-basis:100%;flex-grow:1;flex-wrap:wrap;padding:0 2px;position:relative}.vs__actions{display:flex;align-items:center;padding:var(--vs-actions-padding)}.vs--searchable .vs__dropdown-toggle{cursor:text}.vs--unsearchable .vs__dropdown-toggle{cursor:pointer}.vs--open .vs__dropdown-toggle{border-bottom-color:transparent;border-bottom-left-radius:0;border-bottom-right-radius:0}.vs__open-indicator{fill:var(--vs-controls-color);transform:scale(var(--vs-controls-size));transition:transform var(--vs-transition-duration) var(--vs-transition-timing-function);transition-timing-function:var(--vs-transition-timing-function)}.vs--open .vs__open-indicator{transform:rotate(180deg) scale(var(--vs-controls-size))}.vs--loading .vs__open-indicator{opacity:0}.vs__clear{fill:var(--vs-controls-color);padding:0;border:0;background-color:transparent;cursor:pointer;margin-right:8px}.vs__dropdown-menu{display:block;box-sizing:border-box;position:absolute;top:calc(100% - var(--vs-border-width));left:0;z-index:var(--vs-dropdown-z-index);padding:5px 0;margin:0;width:100%;max-height:var(--vs-dropdown-max-height);min-width:var(--vs-dropdown-min-width);overflow-y:auto;box-shadow:var(--vs-dropdown-box-shadow);border:var(--vs-border-width) var(--vs-border-style) var(--vs-border-color);border-top-style:none;border-radius:0 0 var(--vs-border-radius) var(--vs-border-radius);text-align:left;list-style:none;background:var(--vs-dropdown-bg);color:var(--vs-dropdown-color)}.vs__no-options{text-align:center}.vs__dropdown-option{line-height:1.42857143;display:block;padding:var(--vs-dropdown-option-padding);clear:both;color:var(--vs-dropdown-option-color);white-space:nowrap;cursor:pointer}.vs__dropdown-option--highlight{background:var(--vs-dropdown-option--active-bg);color:var(--vs-dropdown-option--active-color)}.vs__dropdown-option--deselect{background:var(--vs-dropdown-option--deselect-bg);color:var(--vs-dropdown-option--deselect-color)}.vs__dropdown-option--disabled{background:var(--vs-state-disabled-bg);color:var(--vs-state-disabled-color);cursor:var(--vs-state-disabled-cursor)}.vs__selected{display:flex;align-items:center;background-color:var(--vs-selected-bg);border:var(--vs-selected-border-width) var(--vs-selected-border-style) var(--vs-selected-border-color);border-radius:var(--vs-border-radius);color:var(--vs-selected-color);line-height:var(--vs-line-height);margin:4px 2px 0;padding:0 .25em;z-index:0}.vs__deselect{display:inline-flex;-webkit-appearance:none;-moz-appearance:none;appearance:none;margin-left:4px;padding:0;border:0;cursor:pointer;background:none;fill:var(--vs-controls-color);text-shadow:var(--vs-controls--deselect-text-shadow)}.vs--single .vs__selected{background-color:transparent;border-color:transparent}.vs--single.vs--open .vs__selected,.vs--single.vs--loading .vs__selected{position:absolute;opacity:.4}.vs--single.vs--searching .vs__selected{display:none}.vs__search::-webkit-search-cancel-button{display:none}.vs__search::-webkit-search-decoration,.vs__search::-webkit-search-results-button,.vs__search::-webkit-search-results-decoration,.vs__search::-ms-clear{display:none}.vs__search,.vs__search:focus{color:var(--vs-search-input-color);-webkit-appearance:none;-moz-appearance:none;appearance:none;line-height:var(--vs-line-height);font-size:var(--vs-font-size);border:1px solid transparent;border-left:none;outline:none;margin:4px 0 0;padding:0 7px;background:none;box-shadow:none;width:0;max-width:100%;flex-grow:1;z-index:1}.vs__search::-moz-placeholder{color:var(--vs-search-input-placeholder-color)}.vs__search::placeholder{color:var(--vs-search-input-placeholder-color)}.vs--unsearchable .vs__search{opacity:1}.vs--unsearchable:not(.vs--disabled) .vs__search{cursor:pointer}.vs--single.vs--searching:not(.vs--open):not(.vs--loading) .vs__search{opacity:.2}.vs__spinner{align-self:center;opacity:0;font-size:5px;text-indent:-9999em;overflow:hidden;border-top:.9em solid rgba(100,100,100,.1);border-right:.9em solid rgba(100,100,100,.1);border-bottom:.9em solid rgba(100,100,100,.1);border-left:.9em solid rgba(60,60,60,.45);transform:translateZ(0) scale(var(--vs-controls--spinner-size, var(--vs-controls-size)));-webkit-animation:vSelectSpinner 1.1s infinite linear;animation:vSelectSpinner 1.1s infinite linear;transition:opacity .1s}.vs__spinner,.vs__spinner:after{border-radius:50%;width:5em;height:5em;transform:scale(var(--vs-controls--spinner-size, var(--vs-controls-size)))}.vs--loading .vs__spinner{opacity:1} .splide__slide--has-video{cursor:pointer}.splide__slide--has-video:hover .splide__video__play{opacity:1}.splide__slide__container--has-video{cursor:pointer;position:relative}.splide__slide__container--has-video:hover .splide__video__play{opacity:1}.splide__video{height:100%;left:0;position:absolute;top:0;width:100%}.splide__video__wrapper{background:#000;height:inherit;width:inherit}.splide__video__wrapper div,.splide__video__wrapper iframe,.splide__video__wrapper video{height:100%;width:100%}.splide__video__play{align-items:center;background:#ccc;border:0;border-radius:50%;cursor:pointer;display:flex;height:40px;justify-content:center;left:50%;opacity:.7;position:absolute;top:50%;transform:translate(-50%,-50%);transition:opacity .1s linear;width:40px}.splide__video__play:after{border-color:transparent transparent transparent #000;border-style:solid;border-width:9px 0 9px 17px;content:"";display:inline-block;margin-left:4px} .mTabs__tabsNav{display:flex;align-items:flex-start;justify-content:flex-start;margin:0 0 -1px}.mTabs__tabsNav .mTab__title{flex:0 1 auto;width:auto;background:#d1d1d1;border:1px solid #d1d1d1}.mTabs__tabsNav:not(:empty)~.mTabs__container{border:1px solid #d1d1d1}.mTabs__tabsNav .mTab__title:focus,.mTabs__tabsNav .mTab__title:hover{background:#333;border:1px solid #333;color:#fff}.mTabs__tabsNav .mTab__title.open,.mTabs__tabsNav .mTab__title:focus.open,.mTabs__tabsNav .mTab__title:hover.open{background:#fff;border:1px solid #d1d1d1;color:inherit} .mCollapsible--tabs{display:none}.mCollapsible--tabs.open{display:block}.mCollapsible__title{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:flex;align-items:center;padding:.5rem 1rem;width:100%;text-align:left;background:none;cursor:pointer;border:0;transition:border-color .3s ease 0s,background-color .3s ease 0s,color .3s ease 0s}.mCollapsible__trigger.open .mCollapsible__titleIcon{transform:rotate(180deg)}.mCollapsible__title{border-bottom:1px solid #d1d1d1}.mCollapsible__button:focus,.mCollapsible__button:hover{border-bottom:1px solid #333}.mCollapsible__button:focus{position:relative;outline:2px solid #6495ed;outline-offset:2px;z-index:1}.mCollapsible__titleText{flex:1 1 auto;margin:0}.mCollapsible__titleIcon{flex:0 0 auto;transform:rotate(0);transition:transform .3s ease-in-out 0s}.mCollapsible__titleIcon svg{height:15px}.mCollapsible__content{overflow:hidden}.mCollapsible__content--slide{transition:height .2s ease 0s}.mCollapsible__content--fade{transition:opacity .2s ease 0s}.slide-enter,.slide-leave-to{height:0}.fade-enter-from,.fade-leave-to{opacity:0} /* * Container style */ .ps { overflow: hidden !important; overflow-anchor: none; -ms-overflow-style: none; touch-action: auto; -ms-touch-action: auto; } /* * Scrollbar rail styles */ .ps__rail-x { display: none; opacity: 0; transition: background-color .2s linear, opacity .2s linear; -webkit-transition: background-color .2s linear, opacity .2s linear; height: 15px; /* there must be 'bottom' or 'top' for ps__rail-x */ bottom: 0px; /* please don't change 'position' */ position: absolute; } .ps__rail-y { display: none; opacity: 0; transition: background-color .2s linear, opacity .2s linear; -webkit-transition: background-color .2s linear, opacity .2s linear; width: 15px; /* there must be 'right' or 'left' for ps__rail-y */ right: 0; /* please don't change 'position' */ position: absolute; } .ps--active-x > .ps__rail-x, .ps--active-y > .ps__rail-y { display: block; background-color: transparent; } .ps:hover > .ps__rail-x, .ps:hover > .ps__rail-y, .ps--focus > .ps__rail-x, .ps--focus > .ps__rail-y, .ps--scrolling-x > .ps__rail-x, .ps--scrolling-y > .ps__rail-y { opacity: 0.6; } .ps .ps__rail-x:hover, .ps .ps__rail-y:hover, .ps .ps__rail-x:focus, .ps .ps__rail-y:focus, .ps .ps__rail-x.ps--clicking, .ps .ps__rail-y.ps--clicking { background-color: #eee; opacity: 0.9; } /* * Scrollbar thumb styles */ .ps__thumb-x { background-color: #aaa; border-radius: 6px; transition: background-color .2s linear, height .2s ease-in-out; -webkit-transition: background-color .2s linear, height .2s ease-in-out; height: 6px; /* there must be 'bottom' for ps__thumb-x */ bottom: 2px; /* please don't change 'position' */ position: absolute; } .ps__thumb-y { background-color: #aaa; border-radius: 6px; transition: background-color .2s linear, width .2s ease-in-out; -webkit-transition: background-color .2s linear, width .2s ease-in-out; width: 6px; /* there must be 'right' for ps__thumb-y */ right: 2px; /* please don't change 'position' */ position: absolute; } .ps__rail-x:hover > .ps__thumb-x, .ps__rail-x:focus > .ps__thumb-x, .ps__rail-x.ps--clicking .ps__thumb-x { background-color: #999; height: 11px; } .ps__rail-y:hover > .ps__thumb-y, .ps__rail-y:focus > .ps__thumb-y, .ps__rail-y.ps--clicking .ps__thumb-y { background-color: #999; width: 11px; } /* MS supports */ @supports (-ms-overflow-style: none) { .ps { overflow: auto !important; } } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .ps { overflow: auto !important; } } /* open-sans-regular - latin */ @font-face { font-display: swap; font-family: 'Open Sans'; font-style: normal; font-weight: 400; src: url(feb0d8644aca3df9fabf.woff2) format('woff2'); } /* open-sans-700 - latin */ @font-face { font-display: swap; font-family: 'Open Sans'; font-style: normal; font-weight: 700; src: url(93eac171b09d26a243c1.woff2) format('woff2'); } /* * Base Styles */ *, *:after, *:before { box-sizing: border-box; margin: 0; padding: 0; } html { overflow-y: scroll; height: 100%; } img { vertical-align: middle; max-width: 100%; } fieldset { border: 0; margin: 0; padding: 0; } textarea { resize: vertical; } /* * Text Selection Colours */ ::-moz-selection { background: #0f55c4; color: #fff; text-shadow: none; } ::selection { background: #0f55c4; color: #fff; text-shadow: none; } /* * Horizontal Rule */ hr { display: block; height: 1px; border: 0; background: #dde3e8; margin: 20px 0; padding: 0; clear: both; } p { margin-top: 0; } p:last-child { margin-bottom: 0; } a { text-decoration: none; outline: 0; } a:hover, a:active { outline: 0; } /* * Form Reset Styles */ input, textarea { box-shadow: none; -webkit-appearance: none; } textarea { resize: vertical; } input, textarea, select, label { box-shadow: none; outline: 0; margin: 0; padding: 0; } /* * Clearing for general use */ .clear { clear: both; } /* * Relative Positioning */ .relative { position: relative; } /* * Images */ img { max-width: 100%; } .left, .alignleft { float: left; display: block; } .right, .alignright { float: right; display: block; } /* * Lists */ ul, ol { margin: 0; padding: 0; } ul li, ol li { list-style-type: none; } /* * max-width: none; overrides max-width: 100% from above * which distorts the icons on gmaps */ #map img { max-width: none; } picture { display: block; } /* * Button Reset */ button { border: none; padding: 0; -webkit-appearance: button; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; line-height: normal; } input::-moz-focus-inner, button::-moz-focus-inner { border: 0; padding: 0; } /* * Site Styles */ .wrapperWidth { max-width: 1360px; min-width: 20px; margin: 0 auto; } @media all and (max-width: 640px), all and (min-width: 641px ) and (max-width: 1379px ) { .wrapperWidth { padding: 0 20px; } } .wrapper { max-width: 1360px; min-width: 20px; margin: 0 auto; } @media all and (max-width: 640px), all and (min-width: 641px ) and (max-width: 1379px ) { .wrapper { padding: 0 20px; } } .siteWrapper { min-height: 100vh; display: flex; flex-flow: column nowrap; position: relative; overflow: clip; flex: 1 1 auto; } .siteWrapper .siteInnerWrapper { flex: 1 1 auto; } /* * Body Tag */ body { margin: 0; font-size: 1rem; line-height: 1.462; font-family: 'Open Sans', Arial, sans-serif; color: #fff; min-width: 320px; max-width: 100%; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; min-height: 100%; font-weight: normal; } body.flyoutActive { overflow: hidden; } /* * Vue.js display none cloaking to prevent FOUC */ [v-cloak] { display: none; } /* * Admin toolbar on front end */ #wp-toolbar { display: flex; } #wp-admin-bar-root-default { flex: 1 1 auto; } /* * Gutenberg block width */ .wp-block { max-width: 1360px; } /* * Mixins */ /* * Fade Dropdown Hover */ /* * Widths */ /* * Standard margin */ /* * The Grid */ /* * Typography */ /* * Border Radius */ /* * Colours */ /* * Project-specific colours */ /* * Dark background / Light text */ /* * Light background / Dark text */ /* * Alert Colours */ /* * Misc Colours */ /* * Mobile Menu */ /* * Media Query Breakpoints */ /* * HTML Tag */ html { font-size: 16px; } html:before { content: 'tablet: 1360px, mobile: 640px, flyout: 767px, medium: 800px'; position: absolute; top: 0; visibility: hidden; } /* * @import of external sheets */ .page404 { display: flex; align-items: center; justify-content: center; flex-direction: row; min-height: 100vh; } .page404 .simpleCallToAction { max-width: 400px; text-align: center; } .page404 .simpleCallToAction h2 { color: #fff; font-size: 1.25rem; margin: 0 0 20px; } .page404 .btn { display: inline-block; float: none; margin: 0; } /* * Breadcrumb Styling */ .breadcrumbWrap { *zoom: 1; clear: both; padding: 20px 0; position: relative; background: #edf0f2; margin: 0 0 20px; } .breadcrumbWrap:before, .breadcrumbWrap:after { content: ""; display: table; } .breadcrumbWrap:after { clear: both; } .breadcrumbWrap .breadcrumbs { max-width: 1360px; min-width: 20px; margin: 0 auto; *zoom: 1; padding: 0; white-space: nowrap; text-align: left; } @media all and (max-width: 640px), all and (min-width: 641px ) and (max-width: 1379px ) { .breadcrumbWrap .breadcrumbs { padding: 0 20px; } } .breadcrumbWrap .breadcrumbs:before, .breadcrumbWrap .breadcrumbs:after { content: ""; display: table; } .breadcrumbWrap .breadcrumbs:after { clear: both; } @media all and (max-width: 640px), all and (min-width: 641px ) and (max-width: 1379px ) { .breadcrumbWrap .breadcrumbs { padding: 0 20px; } } .breadcrumbWrap .breadcrumbs span:first-child > a { padding-left: 0; } .breadcrumbWrap .breadcrumbs span a, .breadcrumbWrap .breadcrumbs span strong { display: inline-block; position: relative; padding: 0px 25px; list-style-type: none; text-decoration: none; font-weight: normal; } .breadcrumbWrap .breadcrumbs span a:after, .breadcrumbWrap .breadcrumbs span strong:after { color: inherit; content: "\f105"; font-family: "Font Awesome 5 Pro"; font-weight: 400; position: absolute; top: 50%; left: 100%; transform: translateY(-50%); margin: 0 0 0 -15px; color: #fff; font-size: 1.5rem; font-weight: normal; } .breadcrumbWrap .breadcrumbs span a a, .breadcrumbWrap .breadcrumbs span strong a { color: #fff; text-decoration: none; font-weight: normal; } .breadcrumbWrap .breadcrumbs span a a.active, .breadcrumbWrap .breadcrumbs span strong a.active, .breadcrumbWrap .breadcrumbs span a a:hover, .breadcrumbWrap .breadcrumbs span strong a:hover { color: #EA0615; } .breadcrumbWrap .breadcrumbs span a:last-child a, .breadcrumbWrap .breadcrumbs span strong:last-child a { font-weight: bold; } .breadcrumbWrap .breadcrumbs span a:last-child:after, .breadcrumbWrap .breadcrumbs span strong:last-child:after { content: ''; } .breadcrumbWrap .breadcrumbs .breadcrumb_last { font-weight: bold; } .breadcrumbWrap .breadcrumbs span a:hover { text-decoration: underline; } .commentForm { margin: 50px 0; } .commentList { float: left; width: 100%; clear: both; margin: 50px 0; } .commentList li { list-style-type: none; } .commentList ul.children { margin-left: 15px; } .commentList .comment { margin-top: 20px; } .commentList .comment p { margin-bottom: 10px; } /* * Form Styles */ form fieldset { border: 0; margin: 0 0 20px; padding: 0; } form fieldset:last-child { margin-bottom: 0; } form legend { display: none; } .row { width: 100%; margin: 0 0 20px; /* * Checkboxes */ } .row label { font-family: 'Open Sans', Arial, sans-serif; color: #ffffff; margin: 0 0 10px; display: block; font-size: 0.875rem; } .light .row label { color: #151515; } .row input:not([type='checkbox']):not([type='radio']):not([class='vs__search']), .row textarea { position: relative; width: 100%; border: 1px solid #dde3e8; border-radius: 5px; z-index: 10; color: #fff; font-family: 'Open Sans', Arial, sans-serif; background: #edf0f2; padding: 15px; font-size: 0.875rem; line-height: 1; display: block; } .row input:not([type='checkbox']):not([type='radio']):not([class='vs__search'])::placeholder, .row textarea::placeholder { opacity: 0.5; } .row input:not([type='checkbox']):not([type='radio']):not([class='vs__search']):focus-visible, .row textarea:focus-visible { border: 1px solid #EA0615; } .row textarea { min-height: 150px; } .row .validationMessage { font-family: 'Open Sans', Arial, sans-serif; padding: 10px 0; z-index: 5; border-radius: 5px; font-size: 0.875rem; display: none; line-height: 22px; } .row .buttonInline { clear: both; display: flex; } @media all and (max-width: 640px) { .row .buttonInline { display: block; } } .row .buttonInline:after { display: none; } .row .buttonInline select, .row .buttonInline input { border-top-right-radius: 0; border-bottom-right-radius: 0; min-width: 0; } @media all and (max-width: 640px) { .row .buttonInline select, .row .buttonInline input { margin-bottom: 10px; width: 100%; } } .row .buttonInline button, .row .buttonInline .button, .row .buttonInline .buttonAlt { margin: 0; white-space: nowrap; border-top-left-radius: 0; border-bottom-left-radius: 0; } @media all and (max-width: 640px) { .row .buttonInline button, .row .buttonInline .button, .row .buttonInline .buttonAlt { width: 100%; border-radius: 5px; } } .row.errorWrap .validationMessage, .row.successWrap .validationMessage { display: block; } .row.errorWrap .inputWrap, .row.successWrap .inputWrap { position: relative; } .row.errorWrap .inputWrap:after, .row.successWrap .inputWrap:after { position: absolute; top: 10px; right: 15px; z-index: 10; } .row.errorWrap .validationMessage { color: #e74c3c; } .row.errorWrap .inputWrap input:not([type='checkbox']):not([type='radio']):not([class='vs__search']), .row.errorWrap .inputWrap textarea { border: 2px solid #e74c3c; } .row.successWrap .validationMessage { color: #2ecc71; } .row.successWrap input:not([type='checkbox']), .row.successWrap input:not([type='radio']), .row.successWrap textarea, .row.successWrap select { border-color: #2ecc71; } .row input[disabled] { background: #edf0f2; border: 1px solid #dde3e8; } .row input[type=checkbox] { display: block; margin: 20px; padding: 0; } .row input[type=checkbox], .row input[type=radio] { position: absolute; left: -9999px; /* * Set outline when keyboarding */ } .row input[type=checkbox] + label, .row input[type=radio] + label { position: relative; padding: 0 0 0 30px; cursor: pointer; user-select: none; width: 100%; } .row input[type=checkbox] + label:before, .row input[type=radio] + label:before { position: absolute; left: 0; top: 0; width: 20px; height: 20px; border: 1px solid #dde3e8; cursor: pointer; content: ''; background: #fff; } .row input[type=checkbox] + label:after, .row input[type=radio] + label:after { position: absolute; top: 13px; left: 4px; width: 13px; font-size: 0.875rem; opacity: 0; transition: opacity 0.25s; transform: translateY(-50%); content: url(b53a170f953ab1a9ac18.svg); color: #EA0615; } .row input[type=checkbox]:checked + label:after, .row input[type=radio]:checked + label:after { opacity: 1; } .row input[type=checkbox][type=radio] + label:before, .row input[type=radio][type=radio] + label:before { border-radius: 100%; content: ''; } .row input[type=checkbox][type=radio] + label:after, .row input[type=radio][type=radio] + label:after { position: absolute; top: 4px; left: 4px; background: #fff; width: 12px; height: 12px; background: #EA0615; border-radius: 100%; transform: scale(0); transition: transform 0.25s; content: ''; } .row input[type=checkbox][type=radio]:checked + label:after, .row input[type=radio][type=radio]:checked + label:after { transform: scale(1); } .row input[type=checkbox]:focus + label:before, .row input[type=radio]:focus + label:before { border: 1px solid #EA0615; } .errorWrap ul li, .successWrap ul li { list-style-type: none; } /* * Form inline styles */ .formInline .row .buttonInline { clear: none; } .formInline .row label { width: 30%; padding: 8px 0; } .formInline .row .inputWrap { padding: 0 0 0 20px; width: 70%; } .formInline .validationMessage { width: 70%; float: right; padding-left: 20px; } @media all and (max-width: 640px) { .formInline .validationMessage { padding-left: 0; width: 100%; float: none; } } .formInline input[type=radio] + label + div, .formInline input[type=checkbox] + label + div { float: none; width: 100%; padding-left: 30px; } @media all and (max-width: 640px) { .formInline .row label { clear: both; width: 100%; } .formInline .row .inputWrap { padding: 0; width: 100%; } } .v-select .vs__dropdown-toggle { border: 0; background: #edf0f2; padding: 12px 15px; } .loginForm, .registerWrap { margin: 0 auto; } .registerWrap { margin-top: 20px; } .loginForm .passwordRow, .registerWrap .passwordRow { margin-top: 24px; } .loginForm .passwordRow a, .registerWrap .passwordRow a { font-size: 0.875rem; line-height: 22px; } .loginForm .buttonGroup, .registerWrap .buttonGroup { float: none; display: flex; justify-content: center; margin-top: 24px; } .components-popover ul li:after { display: none; } .loadingBlock { display: flex; align-items: center; justify-content: center; min-height: 200px; } .loadingBlock--over, .loadingBlock--fixed { top: 0; left: 0; width: 100%; height: 100%; background: rgba(47, 53, 63, 0.3); } .loadingBlock--over { position: absolute; } .loadingBlock--fixed { position: fixed; z-index: 5000; } /* * Notification Styles */ .success, .error, .alert { margin: 0 0 20px 0; padding: 20px; clear: both; text-align: left; border: 0; position: relative; } .success { background: #2ecc71; color: #fff; } .success a { color: #fff; } .error { background: #e74c3c; color: #fff; } .error a { color: #fff; } .alert { background: #f1c40f; color: #fff; } .alert a { color: #fff; } /* * Page Content Class */ .pageContent, .elementor-text-editor { /* * Tiny mce produces left and right images with these attributes */ } .pageContent h1, .elementor-text-editor h1, .pageContent h2, .elementor-text-editor h2, .pageContent h3, .elementor-text-editor h3, .pageContent h4, .elementor-text-editor h4, .pageContent h5, .elementor-text-editor h5, .pageContent h6, .elementor-text-editor h6 { margin: 0 0 20px; } .pageContent blockquote, .elementor-text-editor blockquote { font-size: 1.25rem; font-weight: 700; margin: 0 0 15px; padding: 0; line-height: 26px; position: relative; } .pageContent blockquote p, .elementor-text-editor blockquote p { margin: 0 0 5px; line-height: 26px; } .pageContent blockquote p:first-child:before, .elementor-text-editor blockquote p:first-child:before { content: '\201C'; display: inline; } .pageContent blockquote p:last-of-type, .elementor-text-editor blockquote p:last-of-type { margin: 0; } .pageContent blockquote p:last-of-type:after, .elementor-text-editor blockquote p:last-of-type:after { content: '\201D'; display: inline; } .pageContent blockquote cite, .elementor-text-editor blockquote cite { font-size: 1rem; line-height: 1; font-style: italic; } .pageContent blockquote cite a, .elementor-text-editor blockquote cite a { color: #fff; text-decoration: none; } .pageContent blockquote cite a:hover, .elementor-text-editor blockquote cite a:hover { text-decoration: none; } .pageContent img[style="float: left;"], .elementor-text-editor img[style="float: left;"] { margin: 5px 25px 25px 0; } .pageContent img[style="float: right;"], .elementor-text-editor img[style="float: right;"] { margin: 5px 0 25px 25px; } @media all and (max-width: 640px) { .pageContent img[style="float: right;"], .elementor-text-editor img[style="float: right;"], .pageContent img[style="float: left;"], .elementor-text-editor img[style="float: left;"] { float: none !important; display: block; margin: 0 auto 25px; } } .pageContent ul, .elementor-text-editor ul, .pageContent ol, .elementor-text-editor ol { margin: 0 0 20px; padding: 0 0 0 20px; } .pageContent ul li, .elementor-text-editor ul li, .pageContent ol li, .elementor-text-editor ol li { margin: 0 0 5px; } .pageContent ul li, .elementor-text-editor ul li { list-style-type: disc; } .pageContent ol li, .elementor-text-editor ol li { list-style-type: decimal; } .pageContent .wp-block-embed, .elementor-text-editor .wp-block-embed { margin: 0 0 20px; } .pageContent a, .elementor-text-editor a { color: #EA0615; } .light .historyPostsSlider__slideDescription a { color: #fff !important; } /* * Search form */ .searchForm { position: relative; } .searchForm input { width: 100%; border: none; line-height: 40px; padding: 0 15px; } .searchForm button { width: 40px; height: 40px; text-align: center; line-height: 40px; background: #EA0615; color: #fff; position: absolute; right: 0; top: 0; border: none; cursor: pointer; } /* * Search results */ .searchResultsWrap .results { margin-bottom: 20px; } .searchResultsWrap .results li { padding: 20px 0; } .searchResultsWrap .results li h2 { margin: 0; font-size: 1.5em; } .textEditor.searchResults { padding: 30px 0; margin: 40px auto; max-width: 1360px; width: 100%; display: flex; } .searchResults { padding: 30px 0; margin: 40px auto; max-width: 1360px; width: 100%; display: flex; } .searchResults__sidebar { width: 300px; padding-right: 20px; } .searchResults__sidebar h3 { margin: 0 0 30px; font-size: 1.5625rem; } .searchResults__sidebar .searchResults__item { margin: 0 0 20px; } .searchResults__sidebar .searchResults__item .imageWrap { width: 60px; height: 50px; flex-shrink: 0; padding-right: 10px; } .searchResults__sidebar .searchResults__item .imageWrap img { height: 50px; width: 50px; } .searchResults__sidebar .searchResults__item .content h2 { font-size: 0.875rem; margin: 0; line-height: 1; } .searchResults__postContent { width: calc(100% - 300px); } .searchResults__item { display: flex; align-items: start; margin: 0 0 30px; } .searchResults__item .imageWrap { width: 120px; height: 100px; flex-shrink: 0; padding-right: 20px; } .searchResults__item .imageWrap img { width: 100px; height: 100px; border-radius: 10px; object-fit: cover; } .searchResults__item .content { position: relative; width: 100%; } .searchResults__item .content .type { background: #52689A; padding: 3px 6px; font-size: 0.625rem; font-weight: 600; display: inline-block; border-radius: 3px; margin: 0 0 3px; } .searchResults__item .content h2 { font-size: 1.25rem; margin: 0 0 5px; line-height: 1; } /* * Tables */ table { width: 100%; border-collapse: collapse; border-spacing: 0; margin: 0 0 15px; border: 1px solid #dde3e8; table-layout: fixed; } table td, table th { padding: 10px; text-align: left; border-bottom: 1px solid #dde3e8; line-height: 22px; } @media all and (min-width: 641px ) and (max-width: 1379px ), all and (max-width: 640px) { table td, table th { padding: 10px; } } table th { font-weight: 700; } /* * Table style that stops left and right borders and padding * for an edge to edge effect. */ table.noPadding { border-left: 0; border-right: 0; } table.noPadding tr td:first-child, table.noPadding tr th:first-child { padding-left: 0; } table.noPadding tr td:last-child, table.noPadding tr th:last-child { padding-right: 0; } table.alternating tr:nth-child(odd) { background: #edf0f2; } /* * Tooltip styles */ .toolTip { position: relative; display: inline-block; cursor: pointer; } .toolTip i { font-size: 1.5625em; color: #2F353F; float: left; } .toolTip:before { content: attr(data-tooltip); border-radius: 5px; padding: 20px; min-width: 260px; color: #fff; text-align: center; position: absolute; background: #2F353F; z-index: 5; border: solid 1px #dde3e8; display: none; } .toolTip:after { content: ''; width: 13px; height: 13px; display: block; position: absolute; background: #2F353F; z-index: 10; display: none; } .toolTip:hover:before, .toolTip:hover:after { display: block; } .toolTip.tooltipTop:before { bottom: calc(100% + 16px); left: 50%; transform: translateX(-50%); } .toolTip.tooltipTop:after { bottom: calc(100% + 5px); left: 50%; margin-left: -2.5px; transform: rotate(45deg) translateX(-50%); border-right: solid 1px #dde3e8; border-bottom: solid 1px #dde3e8; } .toolTip.tooltipRight:before { left: calc(100% + 16px); top: 50%; transform: translateY(-50%); } .toolTip.tooltipRight:after { left: calc(100% + 5px); top: 50%; margin-top: -2.5px; transform: rotate(45deg) translateY(-50%); border-left: solid 1px #dde3e8; border-bottom: solid 1px #dde3e8; } .toolTip.tooltipBottom:before { top: calc(100% + 16px); left: 50%; transform: translateX(-50%); } .toolTip.tooltipBottom:after { top: calc(100% + 14px); left: 50%; margin-left: -2.5px; transform: rotate(45deg) translateX(-50%); border-left: solid 1px #dde3e8; border-top: solid 1px #dde3e8; } .toolTip.tooltipLeft:before { right: calc(100% + 16px); top: 50%; transform: translateY(-50%); } .toolTip.tooltipLeft:after { right: calc(100% + 15px); top: 50%; margin-top: -2.5px; transform: rotate(45deg) translateY(-50%); border-right: solid 1px #dde3e8; border-top: solid 1px #dde3e8; } .vue-notification { padding: 10px; margin: 0 5px 5px; color: #ffffff; background: #44A4FC; font-size: 0.75rem; } .vue-notification.warn { background: #ffb648; border-left-color: #f48a06; } .vue-notification.error { background: #E54D42; border-left-color: #B82E24; } .vue-notification.success { background: #68CD86; border-left-color: #42A85F; } .siteWrapper .vue-notification-group { z-index: 9000; } /* * Wordpress helper classes */ .alignnone { margin: 5px 20px 20px 0; } .aligncenter, div.aligncenter { display: block; margin: 5px auto 5px auto; } .alignright { float: right; margin: 5px 0 20px 20px; } .alignleft { float: left; margin: 5px 20px 20px 0; } a img.alignright { float: right; margin: 5px 0 20px 20px; } a img.alignnone { margin: 5px 20px 20px 0; } a img.alignleft { float: left; margin: 5px 20px 20px 0; } a img.aligncenter { display: block; margin-left: auto; margin-right: auto; } .wp-caption { background: #fff; border: 1px solid #f0f0f0; max-width: 96%; /* Image does not overflow the content area */ padding: 5px 3px 10px; text-align: center; } .wp-caption.alignnone { margin: 5px 20px 20px 0; } .wp-caption.alignleft { margin: 5px 20px 20px 0; } .wp-caption.alignright { margin: 5px 0 20px 20px; } .wp-caption img { border: 0 none; height: auto; margin: 0; max-width: 98.5%; padding: 0; width: auto; } .wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; margin: 0; padding: 0 4px 5px; } /* Text meant only for screen readers. */ .screen-reader-text { border: 0; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute !important; width: 1px; word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */ } .screen-reader-text:focus { background-color: #eee; clip: auto !important; clip-path: none; color: #444; display: block; font-size: 1em; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; /* Above WP toolbar. */ } .wp-caption-text { font-size: 0.6875rem; margin: 0; padding: 0 4px 5px; } .bypostauthor { display: block; } .sticky { position: relative; } .gallery-caption { display: block; text-align: left; padding: 0 10px 0 0; margin-bottom: 0; } .accordionDropdowns { max-width: 1360px; padding: 0 35px; margin: 126px auto; } .accordionDropdowns--sm { margin: 63px auto; } .light .accordionDropdowns > h6, .light .accordionDropdowns > h5, .light .accordionDropdowns > h4, .light .accordionDropdowns > h3 { color: #151515 !important; } .productFaq .accordionDropdowns { padding: 0; margin: 18px auto 0; } .roiCalculator .accordionDropdowns { padding: 0; margin: 0; } .wp-block-columns .accordionDropdowns { max-width: 908px; margin: 0 auto; } .accordionDropdowns__description { color: #ffffff; margin-top: 14px; } .light .accordionDropdowns__description { color: #151515; } .accordionDropdowns__description a { color: #FF666F; } .accordionDropdowns__dropdownsContainer { margin-top: 42px; } .productFaq .accordionDropdowns__dropdownsContainer { margin-top: 0; } .accordionDropdowns .mCollapsible + .mCollapsible { margin-top: 16px; } .accordionDropdowns .mCollapsible.hidden { display: none; } .accordionDropdowns .mCollapsible__container { border-radius: 6px; color: #ffffff; background-color: #272727; } .light .accordionDropdowns .mCollapsible__container { background: #E9E9E9; color: #151515; } .accordionDropdowns .mCollapsible__button { border: none; color: inherit; padding: 28px 35px 25px; } .accordionDropdowns .mCollapsible__button h3 { font-size: 1.5rem; line-height: 27px; padding-right: 16px; } .accordionDropdowns--altTitles .mCollapsible__button h3 { font-size: 1.25rem; line-height: 1.2; } .accordionDropdowns .mCollapsible__titleIcon svg { height: 24px; } .accordionDropdowns .mCollapsible__content { font-size: 1rem; line-height: 22px; max-width: 980px; padding: 8px 35px 0; transition: height 0.2s ease, padding-bottom 0.1s linear; } .accordionDropdowns .mCollapsible__trigger.open + .mCollapsible__content { padding-bottom: 34px; } .productFaq .accordionDropdowns .mCollapsible__trigger.open + .mCollapsible__content { padding-bottom: 54px; } .roiCalculator .accordionDropdowns .mCollapsible__trigger.open + .mCollapsible__content { padding: 40px 50px; border-top: 2px solid #151515; overflow: visible; } .accordionDropdowns .mCollapsible__content img { max-width: 100%; border-radius: 6px; margin-bottom: 28px; } .accordionDropdowns .mCollapsible__content p + p, .accordionDropdowns .mCollapsible__content p + ul:not(.roiCalculatorDropdowns__rangeSliders):not(#vs5__listbox):not(.roiCalculatorDropdowns__rangeSliderValues), .accordionDropdowns .mCollapsible__content ul:not(.roiCalculatorDropdowns__rangeSliders) + p { margin-top: 24px; } .accordionDropdowns .mCollapsible__content ul:not(.roiCalculatorDropdowns__rangeSliders):not(#vs5__listbox):not(.roiCalculatorDropdowns__rangeSliderValues) { list-style: disc; padding-left: 16px; } .accordionDropdowns .mCollapsible__content ul:not(.roiCalculatorDropdowns__rangeSliders):not(#vs5__listbox):not(.roiCalculatorDropdowns__rangeSliderValues) li { font-size: 16px; list-style-type: disc; } .accordionDropdowns .mCollapsible__content ul:not(.roiCalculatorDropdowns__rangeSliders):not(#vs5__listbox):not(.roiCalculatorDropdowns__rangeSliderValues) li + li { margin-top: 4px; } .roiCalculator .accordionDropdowns .mCollapsible__content ul:not(.roiCalculatorDropdowns__rangeSliders):not(#vs5__listbox):not(.roiCalculatorDropdowns__rangeSliderValues) li { padding: 0; } .roiCalculator .accordionDropdowns .mCollapsible__content ul.vs__dropdown-menu li { padding: 9px 22px; } .accordionDropdowns .mCollapsible__content a:not(.btn) { color: #EA0615; } .accordionDropdowns__linkContainer { display: flex; margin-top: 40px; } .accordionDropdowns__buttonContainer { display: flex; width: 100%; justify-content: center; margin-top: 58px; } @media all and (max-width: 640px) { .accordionDropdowns { padding: 0 20px; margin: 96px auto; } .accordionDropdowns--sm { margin: 48px auto; } .accordionDropdowns .mCollapsible__button { padding: 18px 20px 15px; } .accordionDropdowns .mCollapsible__button h3 { font-size: 1.25rem; line-height: 22px; } .roiCalculator .accordionDropdowns .mCollapsible__button h3 { display: flex; flex-direction: column; } .accordionDropdowns .mCollapsible__titleIcon svg { height: 18px; } .accordionDropdowns .mCollapsible__content { padding: 8px 20px 36px; } .roiCalculator .accordionDropdowns .mCollapsible__trigger.open + .mCollapsible__content { padding: 40px 20px; } .accordionDropdowns .mCollapsible__content img { margin-bottom: 0; } .accordionDropdowns .mCollapsible__content p + p, .accordionDropdowns .mCollapsible__content p + ul, .accordionDropdowns .mCollapsible__content ul + p { margin-top: 16px; } .accordionDropdowns__buttonContainer { margin-top: 32px; } } @media all and (min-width: 1380px ) { .accordionDropdowns { padding: 0; } } .accordionDropdowns__description a:hover, .accordionDropdowns__description a:focus { opacity: 0.8; } .accordionDropdowns .mCollapsible__button:hover, .accordionDropdowns .mCollapsible__button:focus { border: none; color: rgba(255, 255, 255, 0.7); } .light .accordionDropdowns .mCollapsible__button:hover, .light .accordionDropdowns .mCollapsible__button:focus { color: #EA0615; } .accordionDropdowns .mCollapsible__content a:hover { opacity: 0.8; } .addressesBlock { position: relative; max-width: 938px; color: #ffffff; padding: 64px 35px; margin: 32px auto; } .light .addressesBlock { color: #151515; } .addressesBlock::before { content: ""; position: absolute; top: 0; left: -50vw; width: 200vw; height: 1px; background-color: #272727; } .addressesBlock__inner { display: flex; flex-wrap: wrap; justify-content: flex-start; margin: -22px; } .addressesBlock__item { width: 33.3333%; padding: 22px; } .addressesBlock__itemTitle { margin-bottom: 22px; } .addressesBlock__itemRow { display: flex; align-items: flex-start; } .addressesBlock__itemRow + .addressesBlock__itemRow { margin-top: 16px; } .addressesBlock__itemIcon { min-width: 20px; color: #EA0615; margin-top: 3px; margin-right: 12px; } .addressesBlock__itemIcon--sm { font-size: 18px; } .addressesBlock__itemIcon--md { font-size: 20px; } .addressesBlock__itemInner { max-width: 248px; } .addressesBlock__itemAddress, .addressesBlock__itemPhone, .addressesBlock__itemWorkingHours { font-style: normal; font-size: 0.875rem; line-height: 22px; } .addressesBlock__itemPhone { color: inherit; } .addressesBlock__itemWorkingHoursInfo { font-size: 0.75rem; line-height: 20px; } @media all and (max-width: 640px) { .addressesBlock { padding: 54px 20px 64px; margin: 56px auto; } .addressesBlock__inner { margin: 0; } .addressesBlock__item { padding: 20px; } } @media all and (max-width: 940px) { .addressesBlock__inner { flex-direction: column; align-items: center; } .addressesBlock__item { width: auto; } } .addressesBlock__itemPhone:hover, .addressesBlock__itemPhone:focus { opacity: 0.8; } @keyframes floatUpDown { 0% { transform: translateY(0); } 50% { transform: translateY(-10px); } 100% { transform: translateY(0); } } .fade-enter-active, .fade-leave-active { transition: opacity 0.3s linear; } .fade-enter-from, .fade-leave-to { opacity: 0; } .slide-left-enter-active, .slide-left-leave-active { transition: opacity 0.2s linear, transform 0.2s linear; } .slide-left-enter-from, .slide-left-leave-to { opacity: 0; transform: translateX(100vw); } .slide-up-enter-active, .slide-up-leave-active { transition: transform 0.2s linear; } .slide-up-enter-from, .slide-up-leave-to { transform: translateY(200px); } body, #wpbody-content { background-color: #151515; color: #ffffff; } .errorWrap ul li, .successWrap ul li { list-style-type: none; } a, button { background: none; cursor: pointer; transition: all 0.1s linear; } input::-moz-placeholder { color: #ffffff; } input::placeholder { color: #ffffff; } input:-ms-input-placeholder, input::-ms-input-placeholder { color: #ffffff; } input::-ms-clear { display: none; } .siteMessage { position: sticky; top: 0; text-align: center; font-size: 14px; color: #ffffff; background-color: #EA0615; padding: 8px 20px; z-index: 5000; } .siteInnerWrapper main > .contentBlock.backgroundImage:last-child { margin-bottom: 0; } .contentBlock { margin: 54px auto; } @media all and (max-width: 640px) { .contentBlock { margin: 32px auto; } } .wp-block-columns { max-width: 1360px; padding: 0 35px; margin: 20px auto; } .wp-block-columns:first-child { position: relative; padding-bottom: 20px; } .wp-block-columns:first-child::after { content: ""; position: absolute; left: -50vw; bottom: 0; width: 200vw; height: 1px; background-color: #272727; } .wp-block-columns .wp-block-column { color: #ffffff; } .light .wp-block-columns .wp-block-column { color: #151515; } .wp-block-columns a { color: #EA0615; transition: all 0.1s linear; } .wp-block-columns a:hover { opacity: 0.8; } @media all and (max-width: 640px) { .wp-block-columns { padding: 0 20px; margin: 32px auto; } } @media all and (max-width: 940px) { .wp-block-columns { flex-wrap: wrap !important; } .wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column { flex-basis: 100% !important; } } @media all and (min-width: 1380px ) { .wp-block-columns { padding: 0; } } .hbspt-form { margin: 0 auto; width: 100%; padding: 20px; max-width: 908px; } .textEditor .hbspt-form { padding: 0; } .sitemapList { column-count: 3; } .sitemapList + hr { margin-bottom: 0; margin-top: 30px; background: #000; } .light .shareButtons .shareButtons__item__link svg path { fill: #151515; } .cpdCoursesLink { margin: 32px 0; text-align: center; font-weight: bold; } .teamWysiwygContent { margin: 32px 0; } .teamWysiwygContent video, .teamWysiwygContent .wp-video { margin: 0 auto; } @media all and (max-width: 960px) { .brochureFrame { overflow: auto !important; min-width: 0 !important; } } .basketPage { max-width: 1360px; min-width: 20px; margin: 0 auto; } @media all and (max-width: 640px), all and (min-width: 641px ) and (max-width: 1379px ) { .basketPage { padding: 0 20px; } } @media all and (max-width: 640px), all and (min-width: 641px ) and (max-width: 1379px ) { .basketPage { padding: 20px; } } .basketPage .product-thumbnail > a { display: block; max-height: 100px; max-width: 100px; } .basketPage .product-thumbnail img { width: auto; height: auto; } .basketPage .woocommerce-form-coupon-toggle { max-width: 1360px; min-width: 20px; margin: 0 auto; } @media all and (max-width: 640px), all and (min-width: 641px ) and (max-width: 1379px ) { .basketPage .woocommerce-form-coupon-toggle { padding: 0 20px; } } .wc-block-grid { padding: 40px 0; } .wc-block-grid .wc-block-grid__products { max-width: 1360px; min-width: 20px; margin: 0 auto; display: grid; grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)); grid-gap: 40px; padding: 0; } @media all and (max-width: 640px), all and (min-width: 641px ) and (max-width: 1379px ) { .wc-block-grid .wc-block-grid__products { padding: 0 20px; } } .breadcrumbs { max-width: 1360px; height: 100%; display: flex; align-items: center; flex-wrap: wrap; padding: 0 35px; margin: 17px auto; width: 100%; } .textEditor .breadcrumbs { padding: 0; } .textEditor .breadcrumbs + h1, .textEditor .breadcrumbs + h2, .textEditor .breadcrumbs + h3, .textEditor .breadcrumbs + h4, .textEditor .breadcrumbs + h5, .textEditor .breadcrumbs + h6 { margin-top: 0; } .breadcrumbs--noMargin { margin: 17px auto; } .breadcrumbs--noMargin + .postsArchive { margin-top: 0; } .wp-block-columns .breadcrumbs { padding: 0; margin: 0 auto -18px; } .breadcrumbs > span, .breadcrumbs > span a:not(.btn) { color: #ACAEB2; font-size: 0.875rem; line-height: 22px; } .breadcrumbs > span:last-child, .breadcrumbs > span:last-child a { color: #EA0615; } .breadcrumbs > span a:hover, .breadcrumbs > span a:focus { color: #ffffff; } .light .breadcrumbs > span a:hover, .light .breadcrumbs > span a:focus { color: #151515; } .breadcrumbs .separator { width: 28px; font-size: 20px; margin: 0 7px 3px; text-align: center; line-height: 28px; } @media all and (max-width: 640px) { .breadcrumbs { padding: 0 20px; margin: 32px auto; } } @media all and (min-width: 1380px ) { .breadcrumbs { padding: 0; } } .btnDefault { display: flex; align-items: center; justify-content: center; text-align: center; border: 2px solid rgba(255, 255, 255, 0.0001); border-radius: 5px; font-weight: 700; transition: background-color 0.1s linear, color 0.1s linear, border-color 0.1s linear; } .btnDefault:disabled { opacity: 0.5; pointer-events: none; } .btn { display: flex; align-items: center; justify-content: center; text-align: center; border: 2px solid rgba(255, 255, 255, 0.0001); border-radius: 5px; font-weight: 700; transition: background-color 0.1s linear, color 0.1s linear, border-color 0.1s linear; } .btn:disabled { opacity: 0.5; pointer-events: none; } .btn .icon { margin-top: 1px; margin-right: 10px; transition: color 0.1s linear; } .btn--xs { font-size: 0.75rem; line-height: 34px; padding: 0 16px; } .btn--sm { font-size: 0.9375rem; line-height: 34px; padding: 0 16px; } .btn--md { font-size: 1.3125rem; line-height: 45px; padding: 0 24px; } .btn--primary { color: #ffffff; background-color: rgba(255, 255, 255, 0.0001); border-color: #ffffff; } .btn--secondary { color: #ffffff; background-color: #EA0615; border-color: #EA0615; } .btn--primary-borderless { border-color: rgba(255, 255, 255, 0.0001); } .btn--secondary--border { color: #edf0f2; border-color: #EA0615; } .light .btn--secondary--border { color: #000000; } .btn--tertiary { color: #ffffff; background-color: #272727; border-color: #272727; } .btn--primary:hover, .btn--primary:focus { color: #000000; background-color: #ffffff; } .btn--primary:hover .icon, .btn--primary:focus .icon { color: #000000; } .btn--secondary:hover, .btn--secondary:focus { background-color: rgba(255, 255, 255, 0.0001); } .btn--primary-borderless:hover, .btn--primary-borderless:focus { color: rgba(255, 255, 255, 0.6); background-color: rgba(255, 255, 255, 0.0001); border-color: rgba(255, 255, 255, 0.0001); } .btn--primary-borderless:hover, .btn--primary-borderless:focus { color: rgba(255, 255, 255, 0.6); background-color: rgba(255, 255, 255, 0.0001); border-color: rgba(255, 255, 255, 0.0001); } .btn--secondary--border:hover, .btn--secondary--border:active { color: #ffffff; background-color: #EA0615; } .btn--tertiary:hover, .btn--tertiary:focus { background-color: rgba(255, 255, 255, 0.0001); } .woocommerce-checkout { height: 100%; } .woocommerce-checkout .headerWrap, .woocommerce-checkout .footerWrap { display: none; } .woocommerce-checkout .siteInnerWrapper { display: flex; flex-direction: column; } .woocommerce-checkout .siteInnerWrapper main { flex: 1 0 0; } .woocommerce-checkout .siteInnerWrapper main .woocommerce { height: 100%; } .woocommerce-checkout .siteInnerWrapper main .woocommerce .checkout { height: 100%; } .woocommerce-checkout #wc-stripe-payment-request-wrapper, .product #wc-stripe-payment-request-wrapper { margin: 0 auto; padding: 0 20px !important; max-width: 300px; } .woocommerce-checkout #wc-stripe-payment-request-button-separator + button, .product #wc-stripe-payment-request-button-separator + button { margin: 0 auto; display: block; } .checkoutPage { max-width: 1360px; min-width: 20px; margin: 0 auto; height: 100%; } @media all and (max-width: 640px), all and (min-width: 641px ) and (max-width: 1379px ) { .checkoutPage { padding: 0 20px; } } @media all and (min-width: 1380px ) { .checkoutPage { display: flex; } } @media all and (max-width: 640px), all and (min-width: 641px ) and (max-width: 1379px ) { .checkoutPage { display: flex; flex-direction: column-reverse; padding: 0; } } .checkoutPage .checkoutLogo { padding: 0 40px; margin: 0 auto 40px; display: flex; align-items: end; max-height: 60px; } .checkoutPage .checkoutLogo .logo { width: 100%; } .checkoutPage .checkoutLogo .logo img { margin: 0 auto; display: block; } @media all and (min-width: 1380px ) { .checkoutPage .checkoutLogo { height: 60px; } } @media all and (max-width: 640px) { .checkoutPage .checkoutLogo { padding: 0 20px; } } .checkoutPage .checkoutMain { flex: 1; padding: 80px 0; } @media all and (max-width: 640px), all and (min-width: 641px ) and (max-width: 1379px ) { .checkoutPage .checkoutMain { padding: 40px 0; } } .checkoutPage .checkoutMain #customerDetails .woocommerce-billing-fields { margin: 0 0 20px; } .checkoutPage .checkoutMain #customerDetails, .checkoutPage .checkoutMain #payment { max-width: 650px; padding: 0 20px; } @media all and (min-width: 1380px ) { .checkoutPage .checkoutMain #customerDetails, .checkoutPage .checkoutMain #payment { margin: 0 auto 20px; } } .checkoutPage .checkoutSidebar { background: #edf0f2; padding: 180px 40px; position: relative; } .checkoutPage .checkoutSidebar:after { content: ''; position: absolute; background: #edf0f2; height: 100%; width: 2000px; top: 0; left: 100%; z-index: 5000; display: block; } @media all and (min-width: 1380px ) { .checkoutPage .checkoutSidebar { width: 450px; margin-left: 20px; } } @media all and (max-width: 640px), all and (min-width: 641px ) and (max-width: 1379px ) { .checkoutPage .checkoutSidebar { padding: 40px 20px 20px; } } .checkoutPage .checkoutSidebar h3, .checkoutPage .checkoutMain h3 { margin-bottom: 20px; } .checkoutPage #order_comments_field { margin: 0; } .checkoutPage .woocommerce-terms-and-conditions-wrapper { margin: 0 0 20px; font-size: 0.875rem; line-height: 1.6; } .checkoutPage .woocommerce-privacy-policy-text { margin: 0 0 20px; } .checkoutPage .required { display: none; } .checkoutPage label[for="payment_method_stripe"] { display: flex; align-items: center; justify-content: flex-start; } .checkoutPage .wc-stripe-new-payment-method { display: inline-block; } .checkoutPage .wc_payment_method > input[type="radio"]:checked + label { opacity: 1; } .checkoutPage .wc_payment_method > label { cursor: pointer; display: block; padding: 20px; opacity: 0.5; } .checkoutPage .wc_payment_method > label:focus-visible { outline-offset: 0; outline: 2px solid currentColor; } .checkoutPage .wc_payment_method .payment_box { padding: 20px; border: 1px solid #ddd; background: #f1f1f1; font-size: 0.75rem; margin: 0 0 20px; } .checkoutPage .woocommerceTermsAndConditions a { text-decoration: underline; } .emptyCart { max-width: 1360px; min-width: 20px; margin: 0 auto; padding: 40px 0; } @media all and (max-width: 640px), all and (min-width: 641px ) and (max-width: 1379px ) { .emptyCart { padding: 0 20px; } } @media all and (min-width: 1380px ), all and (min-width: 641px ) and (max-width: 1379px ) { .emptyCart { min-height: 450px; display: flex; align-items: center; justify-content: center; flex-direction: column; } } .emptyCart .innerText { margin: 0 0 20px; } .compareProducts { position: relative; max-width: 1360px; padding: 72px 35px 0; } .compareProducts::before { content: ""; position: absolute; left: -50vw; top: 0; width: 200vw; height: 1px; background-color: #272727; } .compareProducts__tableContainer { position: sticky; top: 80px; background: #151515; padding: 72px 0 8px; margin: 0 -28px; z-index: 1; } .light .compareProducts__tableContainer { background: #E9E9E9; color: #151515; } .hasSiteMessage .compareProducts__tableContainer { top: 116px; } .compareProducts__clearAllProductsButtonContainer { position: absolute; top: 12px; right: 28px; } .compareProducts__table { color: #ffffff; border: none; } .light .compareProducts__table { color: #151515; } .compareProducts__table--primary { border-collapse: separate; border-spacing: 28px 0; } .compareProducts__table--secondary { margin-bottom: 16px; } .compareProducts__table td { border-bottom: none; } .compareProducts__table--primary td { width: 100%; padding: 0; vertical-align: top; } .compareProducts__table--secondary td + td { padding-left: 40px; } .compareProducts__productInfo { position: relative; max-width: 320px; } .compareProducts__tableImageContainer { position: relative; border-radius: 6px; background-color: #ffffff; aspect-ratio: 1.25; overflow: hidden; } .compareProducts__tableImageContainer img { display: block; width: 100%; height: 100%; object-fit: contain; } .compareProducts__clearProductButtonContainer { position: absolute; top: 0; right: 0; z-index: 1; opacity: 0; pointer-events: none; transition: opacity 0.1s linear; } .compareProducts__clearProductButtonContainer .clearProductButton { display: flex; justify-content: center; align-items: center; height: 32px; width: 32px; } .compareProducts__clearProductButtonIcon { height: 20px; color: #000000; transition: color 0.1s linear; } .compareProducts__productLink { position: absolute; bottom: calc(100% + 16px); display: block; color: #ffffff; font-weight: 700; transition: color 0.1s linear; } .light .compareProducts__productLink { color: #151515; } .compareProducts__table tbody { font-size: 0.875rem; line-height: 18px; border-top: 70px solid rgba(255, 255, 255, 0.0001); } .compareProducts__tableRowHeading { font-weight: 700; padding: 24px 0 8px; } .compareProducts__tableValue { background-color: #272727; padding: 18px 32px; } .light .compareProducts__tableValue { background: #E9E9E9; } .compareProducts__tableValue:first-child { border-top-left-radius: 6px; border-bottom-left-radius: 6px; } .compareProducts__tableValue:last-child { border-top-right-radius: 6px; border-bottom-right-radius: 6px; } .compareProducts__tableValueTrue::before { content: ""; display: inline-block; width: 8px; height: 14px; border: solid #EA0615; border-width: 0 3px 3px 0; transform: rotate(45deg); margin-left: 4px; } .compareProducts__tableValueFalse { color: #EA0615; height: 20px; } .compareProducts__noProducts { text-align: center; color: #ffffff; padding-bottom: 72px; } @media all and (max-width: 640px) { .compareProducts { padding: 72px 20px 0; } } .compareProducts__productLink:hover, .compareProducts__productLink:focus { color: #EA0615; } .compareProducts__table--primary td:hover .compareProducts__clearProductButtonContainer, .compareProducts__table--primary td:focus .compareProducts__clearProductButtonContainer { opacity: 1; pointer-events: all; } .compareProducts__clearProductButtonContainer:hover .compareProducts__clearProductButtonIcon, .compareProducts__clearProductButtonContainer:focus .compareProducts__clearProductButtonIcon { color: #EA0615; } .contactForm { max-width: 590px; color: #ffffff; background-color: #272727; padding: 68px 50px 60px; border-radius: 6px; transition: opacity 0.1s linear; } .light .contactForm { background: #E9E9E9; color: #151515; } .contactForm.submitting { opacity: 0.6; pointer-events: none; } .contactForm__header { margin-bottom: 30px; } .contactForm__description { font-size: 1rem; line-height: 26px; margin-top: 12px; } .contactForm__block { padding-top: 54px; border-top: 2px solid #151515; } .contactForm__block + .contactForm__block { margin-top: 54px; } .contactForm__blockHeading { margin-bottom: 24px; } .contactForm__inputGroup { position: relative; display: flex; flex-direction: column; align-items: stretch; width: 100%; } .contactForm__inputGroup { margin: 0 0 32px; } .contactForm__inputLabel { font-size: 0.875rem; line-height: 22px; margin-bottom: 10px; } .contactForm__input, .contactForm__textarea { font-size: 0.875rem; line-height: 22px; color: #ffffff; width: 100%; background-color: #151515; padding: 13px 20px 14px; border: 1px solid #151515; border-radius: 6px; transition: border-color 0.1s linear; } .light .contactForm__input, .light .contactForm__textarea { background: #E9E9E9; color: #000; } .errorWrap .contactForm__input, .errorWrap .contactForm__textArea, .contactForm .errorWrap .vs__dropdown-toggle { border-color: #EA0615; } .contactForm .errorWrap ul.error { padding: 10px; list-style: none; background: none; color: #EA0615; border: 1px solid #EA0615; border-radius: 6px; } .contactForm .errorWrap ul li a[href*="?action=lostpassword"] { display: none; visibility: hidden; } .contactForm__radioButtons, .contactForm__checkboxButtons { display: flex; flex-wrap: wrap; margin: -6px -7px; } .roiCalculator .contactForm__radioButtons { flex-wrap: nowrap; margin: -6px -16px; } .contactForm__radioButtonContainer, .contactForm__checkboxButtonContainer { min-height: 49px; border-radius: 6px; background-color: #151515; margin: 6px 7px; } .light .contactForm__radioButtonContainer, .light .contactForm__checkboxButtonContainer { background: #C4C4C4; } .contactForm__radioButtonContainer { min-width: 150px; } .roiCalculator .contactForm__radioButtonContainer { width: calc(33.3333% - 32px); margin: 6px 16px; } .contactForm__checkboxButtonContainer { width: calc(50% - 14px); } .contactForm__checkboxButtonContainer.fullWidth { width: 100%; } .contactForm__radioInput, .contactForm__checkboxInput { position: absolute; opacity: 0; height: 0; width: 0; } .contactForm__radioLabel, .contactForm__checkboxLabel { position: relative; display: flex; align-items: center; height: 100%; width: 100%; padding: 12px 14px 12px 52px; font-size: 0.875rem; line-height: 22px; cursor: pointer; } .loginForm .contactForm__radioLabel, .loginForm .contactForm__checkboxLabel { padding: 0 14px 0 38px; } .roiCalculator .contactForm__radioLabel strong { margin-right: 4px; } .contactForm__radioLabel::before, .contactForm__checkboxLabel::before { content: ""; position: absolute; left: 14px; height: 25px; width: 25px; border: 2px solid #ffffff; transition: border-color 0.1s linear; } .light .contactForm__radioLabel::before, .light .contactForm__checkboxLabel::before { border-color: #131313; } .loginForm .contactForm__radioLabel::before, .loginForm .contactForm__checkboxLabel::before { left: 0; } .contactForm__radioLabel::before { border-radius: 50%; } .contactForm__radioInput:checked ~ .contactForm__radioLabel::before, .contactForm__checkboxInput:checked ~ .contactForm__checkboxLabel::before { border-color: #EA0615; } .contactForm__radioLabel::after { content: ""; position: absolute; left: 20px; width: 13px; height: 13px; background-color: #ffffff; border-radius: 50%; opacity: 0; transition: background-color 0.1s linear, opacity 0.1s linear; } .contactForm__checkboxLabel::after { content: ""; position: absolute; left: 23px; width: 8px; height: 14px; border: solid #ffffff; border-width: 0 3px 3px 0; transform: rotate(45deg); opacity: 0; margin-bottom: 2px; transition: border-color 0.1s linear, opacity 0.1s linear; } .loginForm .contactForm__checkboxLabel::after { left: 9px; } .contactForm__radioInput:checked ~ .contactForm__radioLabel::after { background-color: #EA0615; opacity: 1; } .contactForm__checkboxInput:checked ~ .contactForm__checkboxLabel::after { border-color: #EA0615; opacity: 1; } .contactForm__textarea { min-height: 192px; } .contactForm .validationMessage { font-size: 14px; } .contactForm .errorWrap .validationMessage { color: #EA0615; } .contactForm__inputGroupDescription { font-size: 0.75rem; line-height: 20px; margin-top: 24px; } .contactForm__footer { margin-top: 32px; display: flex; align-items: center; flex-wrap: wrap; justify-content: space-between; gap: 10px; } .contactForm__submitButton { width: 100%; } @media all and (max-width: 640px) { .contactForm { padding: 48px 20px 36px; margin-right: 20px; margin-left: 20px; } .roiCalculator .contactForm__radioButtons { flex-wrap: wrap; } .roiCalculator .contactForm__radioButtonContainer, .contactForm__radioButtonContainer, .contactForm__checkboxButtonContainer { width: 100%; } } .ctaBlockWrapper .item, .ctaBlockWrapper .item a { color: #ffffff; text-align: center; } .ctaBlockWrapper .imageWrap { border-radius: 6px; max-height: 425px; overflow: hidden; transition: opacity 0.1s linear; } .ctaBlockWrapper .imageWrap img { width: 100%; object-fit: cover; } .ctaBlockWrapper .subtitle { font-weight: 400; font-size: 16px; line-height: 22px; margin-top: 16px; } .ctaBlockWrapper .item a:hover .imageWrap, .ctaBlockWrapper .item a:focus .imageWrap { opacity: 0.9; } @media all and (max-width: 640px) { .ctaBlockWrapper .ctaGridWrapper { grid-template-rows: auto; grid-template-columns: auto; grid-gap: 64px; } } .ctaButtons { max-width: 1360px; padding: 0 35px; margin: 74px auto; } .wp-block-column .ctaButtons { padding: 0; margin: 0 auto; } .ctaButtons__inner { display: flex; align-items: stretch; flex-wrap: wrap; margin: -10px -14px; } .ctaButtons__item { width: 25%; padding: 10px 14px; } .wp-block-column .ctaButtons__item { width: 50%; } .ctaButtons__itemInner { display: flex; flex-direction: column; align-items: flex-start; height: 100%; min-height: 256px; background: linear-gradient(to bottom, #272727 0%, #151515 100%); padding: 32px; border-radius: 6px; } .ctaButtons__itemInner, .wp-block-column .ctaButtons__itemInner { color: #ffffff; } .ctaButtons__itemIcon { font-size: 60px; } .ctaButtons__itemHeading { margin-top: 22px; } .ctaButtons__itemSubheading { font-size: 14px; color: inherit; padding-top: 24px; margin-top: auto; transition: opacity 0.1s linear; } .ctaButtons__itemInner:not(div):hover .ctaButtons__itemSubheading, .ctaButtons__itemInner:not(div):focus .ctaButtons__itemSubheading { opacity: 0.6; } @media all and (max-width: 640px) { .ctaButtons { padding: 0 20px; } .ctaButtons__item, .wp-block-column .ctaButtons__item { width: 100%; } .ctaButtons__itemInner { min-height: 0; } } @media all and (min-width: 641px ) and (max-width: 1379px ) { .ctaButtons__item, .wp-block-column .ctaButtons__item { width: 50%; } } @media all and (min-width: 1380px ) { .ctaButtons { padding: 0; } } #ep-instant-results { color: #ffffff; z-index: 2147483672; position: relative; } #ep-instant-results .ep-search-checkbox { position: relative; } #ep-instant-results .ep-search-checkbox input { position: absolute; opacity: 0; height: 0; width: 0; } #ep-instant-results .ep-search-checkbox input + label { position: relative; display: flex; align-items: center; justify-content: space-between; height: 100%; width: auto; padding: 0 0 0 30px; color: #ffffff; font-size: 0.875rem; line-height: 22px; margin: 0; cursor: pointer; } #ep-instant-results .ep-search-checkbox input + label:before { content: ""; position: absolute; left: 0; height: 22px; width: 22px; border: 2px solid #353535; top: unset; background-color: transparent; transition: border-color 0.1s linear; } #ep-instant-results .ep-search-checkbox input + label:after { content: ""; position: absolute; top: 3px; left: 7px; width: 8px; height: 12px; border: solid #ffffff; border-width: 0 3px 3px 0; transform: rotate(45deg); opacity: 0; margin-bottom: 2px; transition: border-color 0.1s linear, opacity 0.1s linear; } #ep-instant-results .ep-search-checkbox input:checked + label::after { border-color: #EA0615; opacity: 1; } #ep-instant-results .ep-search-modal__close { font-size: 0 !important; border: 0 !important; outline: 0 !important; padding: 0 !important; margin-top: -40px !important; position: relative; cursor: pointer !important; } #ep-instant-results .ep-search-modal__close svg { height: 55px; width: auto; } #ep-instant-results .ep-search-modal .ep-search-modal__content { max-width: 100%; top: 0; bottom: 0; width: 100%; padding: 40px 30px; background-color: #151515; } #ep-instant-results .ep-search-modal .ep-search-modal__content .ep-search-page .ep-search-toolbar { display: none !important; } #ep-instant-results .ep-search-modal .ep-search-modal__content .ep-search-page__header { align-items: center; justify-content: center; width: 100%; display: flex; } #ep-instant-results .ep-search-modal .ep-search-modal__content .ep-search-page__header .ep-search-input { width: 100%; margin: 0 auto 30px; color: #ffffff; font-size: 0.875rem; border: 0; transition: opacity 0.2s linear; background: #272727; padding: 18px 15px; } #ep-instant-results .ep-search-modal .ep-search-modal__content .ep-search-page__body { padding-top: 30px; } #ep-instant-results .ep-search-modal .ep-search-modal__content .ep-search-page__body .ep-search-sidebar { padding-right: 30px; } #ep-instant-results .ep-search-modal .ep-search-modal__content .ep-search-page__body .ep-search-sidebar .ep-search-small-button { color: #ffffff !important; text-decoration: underline; } #ep-instant-results .ep-search-modal .ep-search-modal__content .ep-search-page__body .ep-search-sidebar .ep-search-panel { border: 0; margin: 0 0 20px; } #ep-instant-results .ep-search-modal .ep-search-modal__content .ep-search-page__body .ep-search-sidebar .ep-search-panel__heading button { cursor: pointer !important; outline: 0 !important; position: relative; display: flex; justify-content: space-between; background: #272727 !important; width: 100% !important; align-items: center; color: #ffffff !important; padding: 18px 15px !important; border-radius: 6px; font-size: 14px !important; line-height: 18px !important; transition: border-radius 0.2s linear; } #ep-instant-results .ep-search-modal .ep-search-modal__content .ep-search-page__body .ep-search-results .ep-search-sort { display: none; } #ep-instant-results .ep-search-modal .ep-search-modal__content .ep-search-page__body .ep-search-results .ep-search-result { grid-gap: 5px; } #ep-instant-results .ep-search-modal .ep-search-modal__content .ep-search-page__body .ep-search-results .ep-search-result--has-thumbnail { grid-template-columns: min(100px,34%) auto; } #ep-instant-results .ep-search-modal .ep-search-modal__content .ep-search-page__body .ep-search-results .ep-search-result .price { display: none; } #ep-instant-results .ep-search-modal .ep-search-modal__content .ep-search-page__body .ep-search-results .ep-search-result__type { background: #52689A; padding: 3px 6px; font-size: 0.625rem; font-weight: 600; } #ep-instant-results .ep-search-modal .ep-search-modal__content .ep-search-page__body .ep-search-results .ep-search-result__thumbnail img { height: 100px; width: 100px; object-fit: cover; border-radius: 10px; } #ep-instant-results .ep-search-modal .ep-search-modal__content .ep-search-page__body .ep-search-results .ep-search-result__description { color: #edf0f2; font-size: 0.875rem; } #ep-instant-results .ep-search-modal .ep-search-modal__content .ep-search-page__body .ep-search-results .ep-search-result__title { line-height: 1; } #ep-instant-results .ep-search-modal .ep-search-modal__content .ep-search-page__body .ep-search-results .ep-search-result__title a { color: #EA0615; } #ep-instant-results .ep-search-modal .ep-search-modal__content .ep-search-page__body .ep-search-results .ep-search-result__title a:hover { color: #d10513; } #ep-instant-results .ep-search-modal .ep-search-modal__content .ep-search-page__body .ep-search-pagination__previous button, #ep-instant-results .ep-search-modal .ep-search-modal__content .ep-search-page__body .ep-search-pagination__next button { color: #7A7E84; font-size: 0.875rem; transition: all 0.3s ease; } #ep-instant-results .ep-search-modal .ep-search-modal__content .ep-search-page__body .ep-search-pagination__previous button:hover, #ep-instant-results .ep-search-modal .ep-search-modal__content .ep-search-page__body .ep-search-pagination__next button:hover { color: #EA0615; } #ep-instant-results .ep-search-modal .ep-search-modal__content .ep-search-page__body .ep-search-pagination__count { color: #edf0f2; font-size: 0.875rem; font-weight: 600; } @media screen and (max-width: 767px) { #ep-instant-results .ep-search-modal .ep-search-modal__content .ep-search-page__header .ep-search-input { width: 100%; padding: 0 16px; } #ep-instant-results .ep-search-modal .ep-search-modal__content .ep-search-toolbar { margin-left: 16px; } #ep-instant-results .ep-search-modal .ep-search-modal__content .ep-search-sidebar-toggle { color: #ffffff; white-space: nowrap; } #ep-instant-results .ep-search-modal .ep-search-modal__content .ep-search-page .ep-search-sort__options { background: #272727; border-radius: 6px; color: #ffffff; cursor: pointer; font-family: 'Century Gothic', CenturyGothic, AppleGothic, sans-serif; font-size: 14px; padding: 18px 15px; border: none; } #ep-instant-results .ep-search-modal .ep-search-modal__content .ep-search-page__body .ep-search-sidebar .ep-search-panel__heading button { padding: 18px 0 18px 15px !important; } } #ep-modal-overlay-div { position: absolute; width: 100%; height: 100%; background-color: #151515; margin: -5px; } .wp-block-button__link { margin-bottom: 25px; } .faqArchive { display: flex; flex-wrap: wrap; margin: 0 !important; padding: 0 !important; } .faqArchive__item { width: 25%; padding: 14px; list-style-type: none !important; } .faqArchive__itemInner { transform-style: preserve-3d; perspective: 1000px; } .faqArchive__itemFront, .faqArchive__itemBack { background-size: cover; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.25); border-radius: 10px; background-position: center; -webkit-transition: -webkit-transform 0.7s cubic-bezier(0.4, 0.2, 0.2, 1); transition: -webkit-transform 0.7s cubic-bezier(0.4, 0.2, 0.2, 1); -o-transition: transform 0.7s cubic-bezier(0.4, 0.2, 0.2, 1); transition: transform 0.7s cubic-bezier(0.4, 0.2, 0.2, 1); transition: transform 0.7s cubic-bezier(0.4, 0.2, 0.2, 1), -webkit-transform 0.7s cubic-bezier(0.4, 0.2, 0.2, 1); -webkit-backface-visibility: hidden; backface-visibility: hidden; text-align: center; min-height: 280px; height: auto; border-radius: 6px; color: #ffffff; font-size: 1.5rem; overflow: hidden; } .faqArchive__itemBack { background-color: #151515; overflow: auto; } .faqArchive__itemBack a { color: #fff; text-decoration: underline; } .faqArchive__itemFront::after { position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 100%; content: ''; display: block; background-color: #272727; -webkit-backface-visibility: hidden; backface-visibility: hidden; border-radius: 6px; } .faqArchive__itemInner:hover .faqArchive__itemFront, .faqArchive__itemInner:hover .faqArchive__itemBack { -webkit-transition: -webkit-transform 0.7s cubic-bezier(0.4, 0.2, 0.2, 1); transition: -webkit-transform 0.7s cubic-bezier(0.4, 0.2, 0.2, 1); -o-transition: transform 0.7s cubic-bezier(0.4, 0.2, 0.2, 1); transition: transform 0.7s cubic-bezier(0.4, 0.2, 0.2, 1); transition: transform 0.7s cubic-bezier(0.4, 0.2, 0.2, 1), -webkit-transform 0.7s cubic-bezier(0.4, 0.2, 0.2, 1); } .faqArchive__itemBack { position: absolute; top: 0; left: 0; width: 100%; } .faqArchive .inner { -webkit-transform: translateY(-50%) translateZ(60px); transform: translateY(-50%) translateZ(60px); top: 50%; position: absolute; left: 0; width: 100%; padding: 24px; -webkit-box-sizing: border-box; box-sizing: border-box; outline: 1px solid transparent; -webkit-perspective: inherit; perspective: inherit; z-index: 3; } .faqArchive__itemFrontOverlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; opacity: 0.6; background-repeat: no-repeat; background-position: center; background-size: cover; } .faqArchive__itemBack .inner { top: 0; transform: translateY(0) translateZ(60px); -webkit-transform: translateY(0) translateZ(60px); font-size: 16px; line-height: 24px; } .faqArchive__itemBack .inner .wp-block-buttons { justify-content: center; } .faqArchive__itemInner .faqArchive__itemBack { -webkit-transform: rotateY(180deg); transform: rotateY(180deg); -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } .faqArchive__itemInner .faqArchive__itemFront { -webkit-transform: rotateY(0deg); transform: rotateY(0deg); -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } .faqArchive__itemInner:hover .faqArchive__itemBack { -webkit-transform: rotateY(0deg); transform: rotateY(0deg); -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } .faqArchive__itemInner:hover .faqArchive__itemFront { -webkit-transform: rotateY(-180deg); transform: rotateY(-180deg); -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } @media all and (min-width: 1380px ) { .faqArchive__item { width: 33.33%; } } @media all and (min-width: 641px ) and (max-width: 1379px ) { .faqArchive__item { width: 50%; } } @media all and (max-width: 640px) { .faqArchive__item { width: 100%; } } .filterSidebarWrap, .filterSidebarClose { background-color: #151515; transition: opacity 0.3s linear, visibility 0.3s linear; } .filterSidebarWrap { bottom: 78px; } .filterSidebarWrap .filterSection:nth-of-type(4) { display: none; } .filterSidebarClose { border-top: none; } .filterSectionTitle:focus-visible { color: #ffffff; } /* open-sans-regular - latin */ @font-face { font-display: swap; font-family: 'Open Sans'; font-style: normal; font-weight: 400; src: url(feb0d8644aca3df9fabf.woff2) format('woff2'); } /* open-sans-700 - latin */ @font-face { font-display: swap; font-family: 'Open Sans'; font-style: normal; font-weight: 700; src: url(93eac171b09d26a243c1.woff2) format('woff2'); } /* * Footer */ .footerWrap { background: #151515; padding: 0; } .footerWrap .footerCountries { background-color: #202020; } .footerWrap .footerCountries__inner { max-width: 1360px; display: flex; justify-content: space-between; padding: 0 52px; margin: 0 auto; } .footerWrap .footerCountries__button { font-size: 0.875rem; line-height: 50px; color: #A6A6A6; } .footerWrap .footerCountries__buttonIcon { font-size: 22px; } .footerWrap .footerCountries__phonesList { display: flex; align-items: center; } .footerWrap .footerCountries__phonesList a { color: inherit; } .footerWrap .footerCountries__phonesListItem { font-size: 14px; color: #A6A6A6; } .footerWrap .footerCountries__phonesListItem:nth-child(n+2) { margin-left: 24px; } @media all and (max-width: 640px) { .footerWrap .footerCountries__inner { flex-direction: column; padding: 0 20px 20px; } .footerWrap .footerCountries__phonesList { flex-direction: column; align-items: center; margin-top: 24px; } .footerWrap .footerCountries__phonesListItem:nth-child(n+2) { margin-left: 0; margin-top: 12px; } } @media all and (min-width: 1380px ) { .footerWrap .footerCountries__inner { padding: 0; } } .footerWrap .footerCountries__button:hover, .footerWrap .footerCountries__button:focus, .footerWrap .footerCountries__button:hover .icon, .footerWrap .footerCountries__button:focus .icon { color: #ffffff; } .footerWrap .footerCountries__phone:hover, .footerWrap .footerCountries__phone:focus { color: #ffffff; } .footerWrap footer { max-width: 1360px; min-width: 20px; margin: 0 auto; position: relative; padding: 58px 52px 0; } @media all and (max-width: 640px) { .footerWrap footer { padding: 24px 20px 0; } } @media all and (min-width: 1380px ) { .footerWrap footer { padding: 58px 0 0; } } .footerWrap footer .footerBtns { display: flex; width: 100%; align-items: center; justify-content: center; } .footerWrap footer .footerBtns .menu-item + .menu-item { margin-left: 16px; } .footerWrap footer .footerBtns .menu-item a { display: flex; align-items: center; justify-content: center; text-align: center; border: 2px solid rgba(255, 255, 255, 0.0001); border-radius: 5px; font-weight: 700; transition: background-color 0.1s linear, color 0.1s linear, border-color 0.1s linear; color: #ffffff; background-color: rgba(255, 255, 255, 0.0001); border-color: #ffffff; font-size: 0.9375rem; line-height: 38px; padding: 0 16px; } .footerWrap footer .footerBtns .menu-item a:disabled { opacity: 0.5; pointer-events: none; } .footerWrap footer .footerBtns .menu-item a:hover, .footerWrap footer .footerBtns .menu-item a:focus { color: #000000; background-color: #ffffff; } .footerWrap footer .footerLinks { display: flex; justify-content: center; flex-wrap: wrap; width: 100%; max-width: 800px; color: #ffffff; margin: 32px auto 0; } @media all and (max-width: 640px) { .footerWrap footer .footerLinks { flex-direction: column; align-content: center; text-align: center; } } .footerWrap footer .footerLinkItem { padding: 8px 16px; } .footerWrap footer .footerLink { font-size: 0.875rem; line-height: 22px; color: inherit; } .footerWrap footer .footerLink:hover, .footerWrap footer .footerLink:focus { opacity: 0.6; } .footerWrap footer .footerMeta { display: flex; align-items: center; justify-content: center; margin: 42px 0 36px; } @media all and (max-width: 640px) { .footerWrap footer .footerMeta .socialBlock .socialBlock__icons { justify-content: center; } } .footerWrap footer .footerMenu { position: relative; } @media all and (max-width: 640px) { .footerWrap footer .footerMenu { text-align: center; margin: 0 0 30px; width: 100%; } } .footerWrap footer .footerMenu li { list-style-type: none; display: inline-block; } @media all and (max-width: 640px) { .footerWrap footer .footerMenu li { width: 100%; } } .footerWrap footer .footerMenu li a { color: #fff; font-family: 'Century Gothic', CenturyGothic, AppleGothic, sans-serif; padding: 5px 10px; } .footerWrap footer .footerMenu li a:hover { color: #EA0615; } .footerWrap .smallPrint { font-size: 0.75rem; display: flex; align-items: center; justify-content: center; height: 42px; padding: 0 20px; background-color: #000000; color: #929292; } .footerWrap .smallPrint .copyright .mtcLink { color: inherit; margin-left: 20px; } .footerWrap .smallPrint .copyright .mtcLink:hover span { color: #0f55c4; } /* * Header */ .headerWrap { position: sticky; top: 0; background-color: #000000; z-index: 5000; } .product-template-default .headerWrap { transform: translateY(-100%); } .product-template-default .headerWrap--show { position: sticky; transform: translateY(0); } .hasSiteMessage .headerWrap { top: 36px; } .headerWrap .siteMessage { padding: 8px 0; } .headerWrap .topBarWrap { background: #2F353F; } .headerWrap .topBarWrap .topBar { max-width: 1360px; min-width: 20px; margin: 0 auto; color: #fff; display: flex; align-items: center; justify-content: space-between; font-size: 0.75rem; } @media all and (max-width: 640px), all and (min-width: 641px ) and (max-width: 1379px ) { .headerWrap .topBarWrap .topBar { padding: 0 20px; } } .headerWrap .topBarWrap .topBar .topBarMenu { display: flex; } @media all and (min-width: 1380px ), all and (min-width: 641px ) and (max-width: 1379px ) { .headerWrap .topBarWrap .topBar .topBarMenu { margin-right: -8px; } } .headerWrap .topBarWrap .topBar .topBarMenu li { padding: 8px 0; } .headerWrap .topBarWrap .topBar .topBarMenu li a { display: block; color: #fff; padding: 0px 10px; border-right: 1px solid #fff; line-height: 1; } .headerWrap .topBarWrap .topBar .topBarMenu li a:hover, .headerWrap .topBarWrap .topBar .topBarMenu li a:focus-visible { text-decoration: underline; } .headerWrap .topBarWrap .topBar .topBarMenu li:last-child a { border-right: 0; } .headerWrap header { max-width: 1360px; min-width: 20px; margin: 0 auto; position: relative; display: flex; justify-content: space-between; align-items: center; padding: 13px 20px; } .headerWrap header .logo { position: relative; min-width: 115px; max-width: 115px; height: 54px; z-index: 1; } .headerWrap header .logo a:focus-visible { outline-offset: 0; outline: 2px solid currentColor; outline-offset: 5px; } @media all and (min-width: 1380px ) { .headerWrap header { padding: 13px 0; } } .heroHome { box-shadow: 0 0 0 500px rgba(0, 0, 0, 0.2) inset; max-width: 1360px; min-width: 20px; margin: 0 auto; position: relative; display: flex; align-items: center; justify-content: center; text-align: center; min-height: 576px; width: 100%; max-width: none; color: #ffffff; } @media all and (max-width: 640px), all and (min-width: 641px ) and (max-width: 1379px ) { .heroHome { padding: 0 20px; } } .heroHome.fullHeight { height: calc(100vh - 80px); min-height: 0; max-height: 816px; } .heroHome.smallHeight { min-height: 250px; } .light .heroHome.smallHeight:not(.heroHome--lightText) { color: #131313; } .heroHome--bgOverlay:before { position: absolute; top: 0; left: 50%; transform: translateX(-50%); height: 100%; width: 100vw; background: rgba(19, 19, 19, 0.2); content: ''; z-index: -1; } .heroHome--noImage { background-color: #272727; padding: 40px 0; } @media all and (max-width: 640px) { .heroHome--noImage { padding: 20px 0; } } .heroHome__inner { display: flex; flex-direction: column; align-items: center; width: 100%; max-width: 924px; } .heroHome__heading { margin: 0; } .home .heroHome__heading { font-size: 4.1875rem; line-height: 72px; text-shadow: 0 0 70px rgba(0, 0, 0, 0.35), 1px 1px 1px rgba(0, 0, 0, 0.25); } .heroHome__subheading { font-size: 1.5rem; font-weight: bold; line-height: 36px; margin-top: 22px; margin-bottom: 22px; text-shadow: 0 0 25px rgba(0, 0, 0, 0.4), 1px 1px 1px rgba(0, 0, 0, 0.25); } .home .heroHome__subheading { max-width: 536px; } .heroHome__links { display: flex; align-items: center; justify-content: center; margin-top: 44px; } .light .heroHome__links .btn--secondary:hover { color: #fff; } .heroHome__link:hover { background-color: #000000; } .heroHome__link + .heroHome__link { background-color: rgba(0, 0, 0, 0.3); margin-left: 32px; } .heroHome__link + .heroHome__link:hover { background-color: #fff; } .heroHome__background { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -2; } .heroHome__backgroundImage, .heroHome__backgroundVideo { position: relative; display: block; width: 100%; height: 100%; object-fit: cover; object-position: top; z-index: 0; } .heroHome__backgroundVideo { pointer-events: none; } .heroHome__backgroundOverlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; background-color: rgba(0, 0, 0, 0.25); } .heroHome__buttonScrollContainer { position: absolute; bottom: 50px; left: 50%; transform: translateX(-50%); } .heroHome__buttonScroll { display: flex; justify-content: center; align-items: center; color: #ffffff; width: 54px; height: 54px; animation: floatUpDown 2s ease-in-out infinite; } @media all and (max-width: 640px) { .heroHome__heading, .home .heroHome__heading { font-size: 2.625rem; line-height: 48px; } .heroHome__links { flex-direction: column; } .heroHome__link { width: 220px; } .heroHome__link + .heroHome__link { margin-left: 0; margin-top: 24px; } } .heroPartner { position: relative; max-width: 908px; color: #ffffff; padding: 0 35px 58px; } .heroPartner::after { content: ""; position: absolute; bottom: 0; left: -50vw; width: 200vw; height: 1px; background-color: #272727; } .heroPartner__header { text-align: center; } .heroPartner__countries { display: flex; justify-content: center; color: #A0A0A0; text-transform: uppercase; font-size: 1.125rem; line-height: 28px; margin-top: 12px; } .heroPartner__country:nth-of-type(n+2) { display: inline-flex; align-items: center; position: relative; padding-left: 10px; margin-left: 10px; } .heroPartner__country:nth-of-type(n+2)::before { content: ""; position: absolute; left: 0; height: 18px; width: 1px; background-color: #A0A0A0; } .heroPartner__details { display: flex; flex-wrap: wrap; justify-content: center; margin: 22px -28px 0; } .heroPartner__detailsItem { padding: 28px; } .heroPartner__speciesList { display: flex; } .heroPartner__speciesItem + .heroPartner__speciesItem { margin-left: 14px; } .heroPartner__speciesIcon { display: block; height: 30px; transition: opacity 0.1s linear; } .heroPartner__speciesLabel { font-size: 0.75rem; line-height: 20px; margin-top: 14px; } .heroPartner__addressContainer { display: flex; align-items: flex-start; } .heroPartner__addressIcon { font-size: 20px; color: #EA0615; margin-right: 12px; } .heroPartner__address { font-style: normal; font-size: 0.875rem; line-height: 24px; } .heroPartner__phoneNumbers { display: flex; flex-direction: column; } .heroPartner__phoneNumber { display: flex; align-items: center; color: inherit; font-size: 0.875rem; line-height: 24px; } .heroPartner__phoneNumber + .heroPartner__phoneNumber { margin-top: 14px; } .heroPartner__phoneIcon { font-size: 20px; margin-right: 12px; } .heroPartner__phoneIcon.fa-phone-flip { color: #EA0615; } .heroPartner__phoneIcon.fa-whatsapp { font-size: 24px; color: #51BC69; } .heroPartner__phoneValue { transition: opacity 0.1s linear; } @media all and (max-width: 640px) { .heroPartner { padding: 0 20px 58px; } } @media all and (max-width: 940px) { .heroPartner__details { flex-direction: column; align-items: center; } } @media all and (min-width: 1380px ) { .heroPartner { padding: 0 0 58px; } } .heroPartner__speciesIcon:hover, .heroPartner__speciesIcon:focus, .heroPartner__phoneNumber:hover .heroPartner__phoneValue, .heroPartner__phoneNumber:focus .heroPartner__phoneValue { opacity: 0.8; } .historyPostsSlider { max-width: 1360px; padding: 0 35px; } .historyPostsSlider__slide { width: 100%; max-width: 494px; padding: 0 24px; } .historyPostsSlider__slideInner { display: flex; flex-direction: column; justify-content: flex-start; height: 100%; min-height: 536px; text-align: left; background-color: #272727; border-radius: 6px; overflow: hidden; } .historyPostsSlider__slideImageContainer { display: flex; justify-content: center; align-items: center; height: 320px; pointer-events: none; } .historyPostsSlider__slideImageContainer img { height: 100%; object-fit: cover; } .historyPostsSlider__slideText { color: #ffffff; padding: 36px 32px; } .historyPostsSlider__slideDescription { margin-top: 14px; } @media all and (max-width: 640px) { .historyPostsSlider__slide { padding: 0 8px; } } @media all and (min-width: 1380px ) { .historyPostsSlider { padding: 0; } } @media (min-width: 768px) and (max-width: 1380px) { body.home .wp-block-columns .wp-block-column .contentBlock { flex-direction: column; } body.home .wp-block-columns .wp-block-column .contentBlock.reverse { flex-direction: column-reverse; } body.home .wp-block-columns .wp-block-column .contentBlock .textAndImage__textContent, body.home .wp-block-columns .wp-block-column .contentBlock .textAndImage__mediaContainer { width: 100%; } body.home .wp-block-columns .wp-block-column .contentBlock .textAndImage__textContent img, body.home .wp-block-columns .wp-block-column .contentBlock .textAndImage__mediaContainer img { max-height: 400px; object-fit: contain !important; } } .imageWithCaption { max-width: 1360px; height: 100%; padding: 0 35px; margin: 74px auto; } .wp-block-column .imageWithCaption { padding: 0; margin: 0 auto; } .imageWithCaption__inner { position: relative; height: 100%; display: flex; flex-direction: column; justify-content: space-between; min-height: 528px; color: #ffffff; background-color: #272727; border-radius: 6px; overflow: hidden; } .imageWithCaption.backgroundImage .imageWithCaption__inner { justify-content: flex-end; background-repeat: no-repeat; background-size: cover; background-position: center; } .imageWithCaption__image { position: relative; width: 100%; max-height: 300px; object-fit: cover; z-index: 0; } .imageWithCaption__text { position: relative; max-width: 594px; padding: 32px 24px; margin-top: auto; z-index: 1; } .imageWithCaption__label + .imageWithCaption__caption { margin-top: 12px; } .imageWithCaption__gradient { position: absolute; bottom: 0; left: 0; width: 100%; height: 55%; z-index: 0; background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.68) 100%); } @media all and (max-width: 640px) { .imageWithCaption { padding: 0 20px; } .imageWithCaption__inner { min-height: 376px; } } @media all and (min-width: 1380px ) { .imageWithCaption { padding: 0; } } .infoBlocks { max-width: 1360px; display: flex; align-items: stretch; color: #ffffff; } .light .infoBlocks { color: #151515; } .infoBlocks__item { display: flex; justify-content: center; width: 50%; padding: 48px; } .infoBlocks__itemInner { max-width: 508px; } .infoBlocks__item:last-child { background-color: #272727; } .light .infoBlocks__item:last-child { background: #E9E9E9; } .infoBlocks__itemIcon { font-size: 60px; } .light .infoBlocks__itemIcon path { fill: #151515; } .infoBlocks__itemHeading { margin-top: 40px; } .infoBlocks__itemDescription { margin-top: 20px; } @media all and (max-width: 640px) { .infoBlocks { flex-direction: column-reverse; } .infoBlocks__item { width: 100%; } } .product .vescoNotificationWrapper { max-width: 1360px; min-width: 20px; margin: 0 auto; padding: 20px 60px 20px 20px; color: #fff; background: #000; border-radius: 5px; cursor: pointer; position: relative; } @media all and (max-width: 640px), all and (min-width: 641px ) and (max-width: 1379px ) { .product .vescoNotificationWrapper { padding: 0 20px; } } .product .vescoNotificationWrapper .vescoNotificationIcon { position: absolute; top: 50%; right: 20px; transform: translateY(-50%); font-size: 1.5625rem; color: #EA0615; } .product .vescoNotificationWrapper h4 { margin: 0 0 10px; color: #EA0615; } .product .vescoNotificationWrapper a { color: #fff; } @media all and (max-width: 640px), all and (min-width: 641px ) and (max-width: 1379px ) { .product .vescoNotificationWrapper { margin: 20px; padding: 20px 60px 20px 20px; } } .product .productDetail { max-width: 1360px; margin-top: 0; padding: 0 35px 0 15px; color: #ffffff; } .product .productDetail .row.quantity { max-width: 100px; } .product .productDetail.contentBlock .woocommerce-product-gallery__wrapper { margin-bottom: 25px; } .product .productDetail .woocommerce-product-gallery { flex: 1; } .light .product .productDetail .woocommerce-product-gallery .btn--tertiary { background: #fff !important; } .light .product .productDetail .woocommerce-product-gallery .btn--tertiary:hover { background: #000 !important; color: #fff !important; } .product .productDetail .woocommerce-product-gallery { min-width: 67.43%; margin-right: 38px; overflow: hidden; } @media all and (min-width: 767px) { .product .productDetail .woocommerce-product-gallery .productImageGalleryContainer { display: flex; flex-direction: row-reverse; gap: 15px; } } @media all and (min-width: 767px) { .product .productDetail .woocommerce-product-gallery .productImageGalleryContainer .splide__track { height: 100%; } } @media all and (min-width: 767px) { .product .productDetail .woocommerce-product-gallery .productImageGalleryContainer__thumbs { position: relative; flex: 0 0 82px; width: 82px; height: 600px; } } @media all and (min-width: 767px) { .product .productDetail .woocommerce-product-gallery .productImageGalleryContainer__thumbs .splide__track { height: auto; } } @media all and (min-width: 767px) { .product .productDetail .woocommerce-product-gallery .productImageGalleryContainer .woocommerce-product-slider { flex: 1 1 auto; } } @media all and (min-width: 767px) { .product .productDetail .woocommerce-product-gallery .productImageGalleryContainer .woocommerce-thumbnail-slider { position: absolute; top: 0; left: 0; width: 100%; margin: 0; padding: 50px 0; } } @media all and (min-width: 767px) { .product .productDetail .woocommerce-product-gallery .productImageGalleryContainer .woocommerce-thumbnail-slider .splide__track--nav > .splide__list > .splide__slide { margin-left: 0 !important; } } .product .productDetail .woocommerce-product-gallery .flex-viewport { background-color: #ffffff; border-radius: 6px; } .product .productDetail .woocommerce-product-gallery__image a { display: block; width: 100%; height: 100%; } .product .productDetail .woocommerce-product-gallery__image a img { width: 100%; height: 100%; object-fit: cover; } .product .productDetail .woocommerce-product-gallery .flex-control-thumbs { display: flex; padding: 20px 0; overflow: auto; } .product .productDetail .woocommerce-product-gallery .flex-control-thumbs li { min-width: 82px; height: 82px; cursor: pointer; border-radius: 6px; background-color: #ffffff; overflow: hidden; } .product .productDetail .woocommerce-product-gallery .flex-control-thumbs li + li { margin-left: 20px; } .product .productDetail .woocommerce-product-gallery .flex-control-thumbs li img { display: block; width: 100%; height: 100%; object-fit: cover; } .product .productDetail .summary .product_title { font-size: 1.75rem; line-height: 31px; margin: 0 20px 16px 0; } .product .productDetail .summary p { font-size: 1.125rem; line-height: 28px; margin-right: 80px; } .product .productDetail .summary p.price { display: none; } .product .productDetail .summary a:not(.btn) { color: #fff; text-decoration: underline; } .light .product .productDetail .summary a:not(.btn) { color: #151515; } .product .productDetail .summary__buttons { display: flex; flex-wrap: wrap; background: #272727; margin: 30px -18px 0; padding: 20px; gap: 20px; } .product .productDetail .summary__buttonsTitleContainer { width: 100%; text-align: center; } .product .productDetail .summary__buttonsTitleContainer span { font-family: 'Century Gothic', CenturyGothic, AppleGothic, sans-serif; font-weight: 700; font-size: 1.5rem; line-height: 27px; } .product .productDetail .summary__buttons--bottom { margin-top: 4px; background: none; } .product .productDetail .summary__buttonContainer { display: flex; align-items: center; flex: 1; } .product .productDetail .summary__buttonContainer .modal, .product .productDetail .summary__buttonContainer .modal__button { width: 100%; } .product .productDetail .summary__buttons--bottom .summary__buttonContainer { flex: 0 1 auto; min-width: calc(50% - 20px); } .product .productDetail .summary__links { display: flex; flex-flow: row wrap; gap: 20px; margin: 40px 0; } .product .productDetail .summary__link { position: relative; display: inline-flex; align-items: center; color: #ffffff; font-weight: 700; font-size: 14px; padding-left: 32px; } .product .productDetail .summary__link:hover, .product .productDetail .summary__link:focus { color: #FF717A; } .product .productDetail .summary__link:disabled { opacity: 0.6; } .product .productDetail .summary__link:disabled:hover, .product .productDetail .summary__link:disabled:focus { color: #ffffff; } .product .productDetail .summary__linkContainer { flex: 0 0 calc(50% - 20px); } .product .productDetail .summary__linkIcon { position: absolute; left: 0; height: 20px; width: 22px; margin-right: 16px; } .product .productDetail .summary__contact { display: flex; flex-flow: row nowrap; align-items: center; gap: 16px; } .product .productDetail .summary__contactIcon { background: #EA0615; color: #ffffff; width: 50px; height: 50px; border-radius: 25px; text-align: center; line-height: 50px; font-size: 18px; } .product .productDetail .summary__contactText { font-size: 14px; } .product .productDetail .summary__contactText a { display: block; font-weight: 700; color: #FF717A; } .product .productDetail .summary__contactText a:hover, .product .productDetail .summary__contactText a:active { opacity: 0.7; } .product .productDetail .summary__iframeContainer { position: relative; display: block; height: 0; padding-bottom: 56.25%; overflow: hidden; } .product .productDetail .summary__iframe { position: absolute; top: 0; left: 0; bottom: 0; height: 100%; width: 100%; border: 0; } .product .productDetail .summary__productAddedContainer { position: fixed; bottom: 0; left: 50%; margin-left: -132px; text-align: center; font-size: 14px; background-color: #EA0615; padding: 16px 28px; border-radius: 6px 6px 0 0; z-index: 11; } .product .productDetail .summary__productAddedButtons { display: flex; align-items: center; margin-top: 8px; } .product .productDetail .summary__productAddedLink { margin-left: 8px; } .product .productDetail .supportDetails__label { display: flex; align-items: center; color: #FF717A; } .product .productDetail .supportDetails__labelIcon { height: 20px; margin-right: 12px; } .product .productDetail .supportDetails__title { margin-top: 12px; } .product .productDetail .supportDetails__species { margin-top: 20px; } .product .productDetail .supportDetails__speciesTitle { font-size: 0.75rem; line-height: 16px; } .product .productDetail .supportDetails__speciesList { display: flex; align-items: center; flex-width: wrap; margin: 0 -8px; } .product .productDetail .supportDetails__speciesListItem { width: 52px; padding: 8px; } .product .productDetail .supportDetails__speciesImage { display: block; width: 100%; } .product .productDetail .supportDetails__contact { margin-top: 50px; } .product .productDetail .supportDetails__contactButton { display: inline-flex; } .product .productDetail .supportDetails__contactText { font-size: 0.875rem; line-height: 18px; margin-top: 20px; } .product .productDetail .supportDetails__contactPhone { font-size: 1.125rem; line-height: 22px; font-weight: 700; color: #FF717A; } .product .productDetail .supportDetails__contactPhone:hover, .product .productDetail .supportDetails__contactPhone:focus { opacity: 0.8; } .product .productDetail .stock, .product .productDetail .cart { display: none; } @media all and (max-width: 640px) { .product .productDetail { padding: 0 20px; } .product .productDetail .woocommerce-product-gallery { min-width: 0; margin-right: 0; } .product .productDetail .summary .product_title { font-size: 1.5rem; line-height: 27px; } .product .productDetail .summary p { font-size: 0.875rem; line-height: 20px; } } @media (min-width: 480px) and (max-width: 767px) { .product .productDetail { flex-direction: column; } .product .productDetail .woocommerce-product-gallery { margin-right: 0; } } @media all and (min-width: 641px ) and (max-width: 1379px ) { .product .productDetail .woocommerce-product-gallery { min-width: 50%; } } @media all and (min-width: 1380px ), all and (min-width: 641px ) and (max-width: 1379px ) { .product .productDetail { display: flex; } } @media all and (min-width: 1380px ) { .product .productDetail { padding: 0; } } .stickyTitleContainer { display: none; position: fixed; top: 0; left: 0; width: 100%; z-index: 100; background: #272727; transition: top 0.3s linear 0s; } .light .stickyTitleContainer { color: #fff; } .stickyTitleContainer--show { display: block; } .stickyTitleContainer__inner { display: flex; align-items: center; justify-content: space-between; width: 100%; } @media all and (max-width: 767px) { .stickyTitleContainer__inner { align-items: flex-start; flex-direction: column; padding-top: 20px; } } .stickyTitleContainer .product_title { font-size: 18px; line-height: 1; } .light .stickyTitleContainer .product_title { color: #fff; } .light .stickyTitleContainer .btn--primary { border-color: #fff !important; color: #fff !important; } .light .stickyTitleContainer .btn--primary:hover { background: #fff !important; color: #000 !important; } .light .stickyTitleContainer .btn--secondary:hover { color: #edf0f2 !important; } .light .stickyTitleContainer .btn--secondary--border { color: #edf0f2; } .light .stickyTitleContainer .btn--secondary--border:hover { color: #edf0f2; } @media all and (max-width: 767px) { .stickyTitleContainer .summary__main { width: 100%; } } .stickyTitleContainer .summary__buttons { display: flex; flex-wrap: wrap; background: #272727; margin: 0 -18px; padding: 20px; gap: 20px; } @media all and (max-width: 767px) { .stickyTitleContainer .summary__buttons { width: calc(100% + 40px); margin: 0 -20px; } } .stickyTitleContainer .summary__buttonsTitleContainer { display: none; } .stickyTitleContainer .summary__buttons--bottom { margin-top: 4px; background: none; } .stickyTitleContainer .summary__buttonContainer { display: flex; align-items: center; flex: 1; min-width: 187px; } @media all and (max-width: 640px) { .stickyTitleContainer .summary__buttonContainer { min-width: 0; max-width: 50%; } } .stickyTitleContainer .summary__buttonContainer .modal, .stickyTitleContainer .summary__buttonContainer .modal__button { width: 100%; } .stickyTitleContainer .summary__links, .stickyTitleContainer .summary__buttons--bottom { display: none; } .productSpecifications__tableHeading { font-size: 19px !important; } .blogPostsWrap .posts .postsList a { color: #fff; } .light .blogPostsWrap .posts .postsList a { color: #151515; } .blogPostsWrap .posts .postsList .page-numbers a { display: flex; } .lookingForBlock { position: relative; color: #ffffff; padding: 54px 35px 0; max-width: 1360px; margin-top: 0; z-index: 1; } .lookingForBlock__inner { display: flex; justify-content: space-between; align-items: flex-end; padding: 27px 52px 52px 32px; background-color: #272727; } .lookingForBlock__heading { margin-bottom: 20px; } .lookingForBlock__selectWrapper { display: flex; flex-direction: column; } .lookingForBlock__selectWrapper label { font-size: 1rem; color: #ffffff; margin-bottom: 6px; } .lookingForBlock__selectWrapper { flex: 0 0 35%; max-width: 35%; } .lookingForBlock__button { flex: 1 0 auto; } .lookingForBlock__selectWrapper + .lookingForBlock__selectWrapper { margin-left: 60px; } .lookingForBlock .v-select .vs__dropdown-toggle { border: none; border-bottom: 2px solid white; border-radius: 0; padding: 12px 0; } .lookingForBlock .v-select .vs__selected-options { overflow: hidden; } .lookingForBlock .v-select .vs__selected { font-family: 'Century Gothic', CenturyGothic, AppleGothic, sans-serif; font-size: 1.5625rem; font-weight: 700; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .lookingForBlock .v-select .vs__actions { right: 0; } .lookingForBlock__button { max-width: 216px; margin-left: 40px; } @media all and (max-width: 640px) { .lookingForBlock__inner { padding: 20px; } } @media all and (max-width: 640px), all and (min-width: 641px ) and (max-width: 1379px ) { .lookingForBlock { padding: 54px 20px 0; } .lookingForBlock__inner { flex-direction: column; align-items: stretch; } .lookingForBlock__selectWrapper { max-width: none; } .lookingForBlock__selectWrapper + .lookingForBlock__selectWrapper, .lookingForBlock__button { margin-left: 0; margin-top: 24px; } .lookingForBlock .v-select .vs__selected { font-size: 22px; } .lookingForBlock__button { max-width: none; } } @media all and (min-width: 641px ) and (max-width: 1379px ) { .lookingForBlock__inner { align-items: center; } .lookingForBlock__selectWrapper { width: 100%; } } @media all and (min-width: 1380px ) { .lookingForBlock { padding: 54px 0 0; } } .woocommerce-customer-details .woocommerce-columns { gap: 20px; display: grid; grid-auto-flow: column; grid-auto-columns: 1fr; } #hubspot-messages-iframe-container { z-index: 2147483644 !important; } @media (max-width: 767px) { .splide__pagination .splide__pagination__page { width: 30px; height: 30px; } } @media (max-width: 480px) { .splide__pagination .splide__pagination__page { width: 20px; height: 20px; } } .menuWrapper { display: flex; align-items: center; width: 100%; } .menuWrapper .menuWrapper__icons { margin-left: 20px; display: flex; align-items: center; } @media all and (max-width: 640px) { .menuWrapper { flex-direction: column; align-items: flex-start; } } .mainMenu { position: relative; margin: 0 auto; } @media all and (max-width: 640px) { .mainMenu { margin: 0; } } @media all and (min-width: 767px) { .mainMenu { *zoom: 1; margin-right: -20px; } .mainMenu:before, .mainMenu:after { content: ""; display: table; } .mainMenu:after { clear: both; } .mainMenu li ul { display: block; opacity: 0; visibility: hidden; transition: opacity 400ms linear 0s, visibility 0s linear 400ms; } .mainMenu li:hover > ul { opacity: 1; visibility: visible; transition-delay: 0s; } } .mainMenu li { float: left; position: relative; color: #ffffff; /* * Sub Navigation */ } @media all and (max-width: 767px) { .mainMenu li { width: 100%; } .mainMenu li.menu-item-has-children > a { position: relative; } .mainMenu li.menu-item-has-children > a:after { content: ''; position: absolute; top: 10px; right: 20px; color: #fff; content: "\f107"; font-family: "Font Awesome 5 Pro"; font-weight: 400; transition: transform 0.3s; } .mainMenu li.menu-item-has-children.open > a:after { transform: rotate(-90deg); } } .mainMenu li a { font-family: 'Century Gothic', CenturyGothic, AppleGothic, sans-serif; color: inherit; display: flex; align-items: center; font-size: 15px; padding: 0 16px; } .mainMenu li a svg { margin-top: 2px; margin-left: 8px; } @media all and (max-width: 767px) { .mainMenu li a { padding: 10px 20px; font-size: 1rem; } } .mainMenu li a:hover, .mainMenu li a:focus { opacity: 0.6; } .mainMenu li a:focus-visible { outline-offset: 0; outline: 2px solid currentColor; } @media all and (min-width: 767px) { .mainMenu li ul { position: absolute; left: 0; top: 100%; background: #2F353F; width: 295px; padding: 25px 0; border-top: 9px solid #EA0615; } .mainMenu li ul .sub-menu { top: 0; left: 100%; } .mainMenu li ul li { width: 100%; } .mainMenu li ul li:last-child { border-bottom: 0; } .mainMenu li ul li a { color: #fff; font-family: 'Century Gothic', CenturyGothic, AppleGothic, sans-serif; font-size: 0.875rem; font-weight: 400; letter-spacing: 0.88px; line-height: 19px; padding: 5px 25px; } } @media all and (max-width: 767px) { .mainMenu li ul { display: none; } .mainMenu li ul li a { padding-left: 20px; color: #fff; } .mainMenu li ul li:last-child { border-bottom: 0; } } .menuButtons { display: flex; align-items: center; } .menuButtons__button + .menuButtons__button { margin-left: 4px; } @media all and (max-width: 767px) { .menuButtons { display: none; } } .menuSearch { position: relative; display: flex; align-items: center; margin-right: 26px; } .flyoutActive .menuSearch { display: none; } .menuSearch__top { position: relative; display: flex; align-items: center; z-index: 2; } .isOpen .menuSearch__top { position: fixed; right: 257px; } .menuSearch__button { position: relative; font-size: 1.4375rem; line-height: 38px; width: 36px; color: #ffffff; background-color: rgba(255, 255, 255, 0.0001); z-index: 1; } .menuSearch__button:hover, .menuSearch__button:focus { opacity: 0.6; } .menuSearch__input { position: absolute; opacity: 0; right: -10px; border: none; height: 49px; width: calc(100vw - 500px); background-color: #272727; color: #ffffff; font-size: 14px; border-radius: 6px; padding: 0 54px 0 16px; pointer-events: none; transition: opacity 0.2s linear; } .isOpen .menuSearch__input { opacity: 1; pointer-events: all; } .menuSearch__overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; padding: 134px 20px 64px; background-color: #151515; overflow: hidden; z-index: 1; } .menuSearch__overlayInner { display: flex; max-width: 1086px; max-height: 100%; color: #ffffff; margin: 0 auto; overflow: auto; } .menuSearch__overlayColumn + .menuSearch__overlayColumn { margin-left: 4.1%; } .menuSearch__overlayColumn:not(:last-child) { flex: 1 1 224px; } .menuSearch__overlayColumn:last-child { flex: 1 1 520px; } .menuSearch__buttonClose { display: none; position: fixed; top: 27px; right: 34px; width: 24px; height: 24px; justify-content: center; align-items: center; z-index: 1; transition: transform 0.1s linear; } .isOpen .menuSearch__buttonClose { display: flex; } .menuSearch__buttonClose::before, .menuSearch__buttonClose::after { content: ""; position: absolute; width: 36px; height: 2px; background-color: #ffffff; } .menuSearch__buttonClose::before { transform: rotate(45deg); } .menuSearch__buttonClose::after { transform: rotate(-45deg); } .menuSearch__columnList + .menuSearch__columnList { margin-top: 48px; } .menuSearch__columnHeading { font-weight: 700; font-size: 16px; margin-bottom: 10px; } .menuSearch__listItem + .menuSearch__listItem { margin-top: 4px; } .menuSearch__topResultsList .menuSearch__listItem + .menuSearch__listItem { margin-top: 12px; } .menuSearch__listLink { font-size: 14px; color: #ffffff; } .menuSearch__columnSubheading { font-size: 12px; text-transform: uppercase; color: #A6A6A6; margin-bottom: 12px; } .menuSearch__productCategoriesItem { font-size: 1rem; line-height: 26px; font-weight: 700; } .menuSearch__productCategoriesItem + .menuSearch__productCategoriesItem { margin-top: 6px; } @media all and (max-width: 767px) { .menuSearch { position: absolute; top: 20px; right: 54px; } .menuSearch.isOpen { width: 100%; right: 0; margin-right: 0; } .menuSearch__top { width: 100%; } .isOpen .menuSearch__top { right: unset; } .menuSearch__input { top: -4px; right: 20px; width: calc(100% - 40px); } .isOpen .menuSearch__button { display: none; } .menuSearch__buttonClose::before, .menuSearch__buttonClose::after { width: 28px; } .menuSearch__overlay { padding: 105px 20px 72px; } .menuSearch__overlayInner { flex-direction: column; } .menuSearch__overlayColumn + .menuSearch__overlayColumn { margin-left: 0; margin-top: 42px; } .menuSearch__overlayColumn:first-child { order: 1; } .menuSearch__productCategoriesList { display: none; } } @media all and (min-width: 1380px ) { .menuSearch__input { width: 840px; } .isOpen .menuSearch__top { right: unset; } } .menuSearch a:hover { opacity: 0.8; } /* * Toggle button within headerWrap */ .menuTrigger { display: none; flex-direction: column; justify-content: center; position: relative; height: 20px; cursor: pointer; text-decoration: none; line-height: 1; } .menuTrigger span, .menuTrigger::before, .menuTrigger::after { display: block; height: 2px; width: 36px; background-color: #ffffff; border-radius: 2px; } .menuTrigger::before, .menuTrigger::after { content: ""; position: absolute; left: 0; } .menuTrigger::before { top: 0; } .menuTrigger::after { bottom: 0; } @media all and (max-width: 767px) { .menuTrigger { display: inline-flex; } } /* * Toggle button inside menu */ .flyoutButton { display: none; padding: 20px; color: #fff; cursor: pointer; } @media all and (max-width: 767px) { .flyoutButton { display: flex; } } /* * Transition for fixed flyout */ .footerWrap, .siteInnerWrapper { transition: transform 0.3s ease-in-out; } .headerWrap { transition: left 0.3s ease-in-out, right 0.3s ease-in-out, transform 0.3s linear; } .flyoutWrap { display: none; } @media all and (max-width: 767px) { .flyoutWrap { display: flex; } } @media all and (max-width: 767px) { .fixedFlyout .headerWrap { position: fixed; width: 100%; min-width: 320px; top: 0; } } /* * Mobile menu rules */ @media all and (max-width: 767px) { .flyoutWrap { position: fixed; top: 0; width: 100%; background: #151515; z-index: 20; overflow: auto; display: none; } .flyoutInitialised .flyoutWrap { display: block; transition: transform 0.3s ease-in-out; } .flyoutRight .flyoutWrap { left: 100%; bottom: 0; } .flyoutRight .headerWrap { right: 0; } .flyoutRight.flyoutActive .flyoutWrap { transform: translateX(-100%); } .flyoutRight.flyoutActive.flyoutMove .siteInnerWrapper, .flyoutRight.flyoutActive.flyoutMove .footerWrap { transform: translateX(-80%); } .flyoutRight.flyoutActive.flyoutMove .headerWrap { right: 80%; } .flyoutLeft .flyoutWrap { right: 100%; bottom: 0; } .flyoutLeft .headerWrap { left: 0; } .flyoutLeft.flyoutActive .flyoutWrap { transform: translateX(100%); } .flyoutLeft.flyoutActive.flyoutMove .siteInnerWrapper, .flyoutLeft.flyoutActive.flyoutMove .footerWrap { transform: translateX(80%); } .flyoutLeft.flyoutActive.flyoutMove .headerWrap { left: 80%; } .flyoutTop .flyoutWrap { width: 100%; transform: translateY(-100%); left: 0; right: 0; bottom: 0; } .flyoutTop.flyoutActive .flyoutWrap { transform: translateY(0); } } .themeSelector { position: relative; width: 47px; height: 24px; } .themeSelector svg { position: absolute; top: 0; left: 0; transition: opacity 0.3s; } .themeSelector svg.light { opacity: 0; } @media all and (max-width: 767px) { .themeSelector { position: absolute; top: 27px; right: 190px; } } .light { background: #fff; } .light .headerWrap, .light .footerWrap { background: #fff; } .light .newsletterBlockWrapper, .light .lookingForBlock__inner { background: #E9E9E9 !important; color: #151515; } .light .footerWrap .footerCountries, .light .heroHome--noImage, .light .contactUsCTA { background: #C4C4C4 !important; color: #151515; } .light .ctaButtons__itemInner { background: #C4C4C4 !important; } .light .splide__pagination__page { background: #E9E9E9; } .light .splide__pagination__page.is-active { background: #C4C4C4; } .light .filterSectionContent { background: #C4C4C4; } .light .v-select .vs__dropdown-menu { background: #E9E9E9; } .light .v-select .vs__dropdown-option--highlight { background: #C4C4C4; } .light .textAndImage__label, .light .threeImages__label { color: #151515 !important; } .light .themeSelector svg.dark { opacity: 0; } .light .themeSelector svg.light { opacity: 1; } .light .product .productDetail, .light .product .productDetail .summary__link, .light .productContentNavigation__anchorLink, .light .moreAboutCategory, .light .productResources, .light .v-select .vs__search::placeholder, .light .postsArchiveAbstract__card, .light .ctaBlockWrapper .item, .light .ctaBlockWrapper .item a, .light .textEditor__content, .light .ctaButtons__itemInner, .light .wp-block-column .ctaButtons__itemInner, .light .posts, .light .splide__slide a, .light .v-select .vs__dropdown-option, .light .testimonialsSlider__slide, .light .productCategorySlider, .light .threeImages__label, .light .threeImages, .light .wp-block-column .textAndImage__link, .light .btn--primary, .light .lookingForBlock__selectWrapper label, .light .footerWrap footer .footerBtns .menu-item a, .light .v-select .vs__selected, .light .navMenu__itemButton, .light .textAndImage, .light .menuButtons__button, .light .footerWrap footer .footerLinks, .light .socialBlock .socialBlock__icon--ghost, .light .menuSearch__button, .light .languageSelector, .light .footerWrap .footerCountries__phonesListItem, .light .newsletterBlockWrapper .newsletterForm .subTitle, .light .newsletterBlockWrapper .newsletterForm .title { color: #151515; } .light .splide__arrow, .light .btn--primary, .light .lookingForBlock .v-select .vs__dropdown-toggle, .light .footerWrap footer .footerBtns .menu-item a { border-color: #151515; } .light .summary__buttons--bottom { background: none !important; } .light .menuTrigger span, .light .menuTrigger::before, .light .menuTrigger::after { background: #000; } .light .wp-block-column .textAndImage__link.btn--secondary, .light .productCategorySlider__slideInner { color: #fff !important; } .light .productCategorySlider__slideInner .btn--secondary:hover { color: #EA0615 !important; } .light .product .productDetail .summary__linkIcon path, .light .ctaButtons__itemIcon path, .light .navMenu__itemButtonIcon path, .light .v-select .vs__open-indicator, .light .v-select .vs__clear, .light .splide__arrow svg { fill: #151515; } .light .productContentNavigation__anchorLink:hover { color: #EA0615; } .light .productSpecifications__table td { background: #E9E9E9; color: #151515; } .light .menuButtons__button { border: none; } .light .productCategorySlider__slideInner .btn--primary, .light .heroHome__links .btn--primary { color: #fff; border-color: #fff; } .light .productCategorySlider__slideInner .btn--primary:hover, .light .heroHome__links .btn--primary:hover { color: #151515; } .light .btn--secondary:hover { color: #151515; } .light .wp-block-column .textAndImage__link.btn--secondary:hover { color: #EA0615 !important; } .light .postsArchive__filter .v-select .vs__dropdown-toggle { color: #151515; border-color: #151515; background: #fff; } .light .postsArchive__sort .v-select .vs__dropdown-toggle { color: #151515; border: 1px solid #151515; background: #fff; border-radius: 6px; padding: 13px 20px; } .light .postsArchive__sort .v-select .vs__actions { right: 20px; } .light .postsArchiveAbstract__cardImageContainer { background: #fff; } .light .filterSidebarWrap, .light .filterSidebarClose { background: none; } .light .btn--tertiary:hover { color: #151515; } .light .moreAboutCategory__contentInner::after { background: linear-gradient(180deg, rgba(21, 21, 21, 0) 0%, #E9E9E9 100%); } .light .productContentNavigation::before, .light .productContentNavigation::after, .light .product .productDetail .summary__buttons { background: #E9E9E9; } .dark .themeSelector svg.dark { opacity: 1; } .dark .themeSelector svg.light { opacity: 0; } .mobileMenu { height: 100%; padding: 120px 0 54px; overflow: hidden; } .mobileMenu__buttonClose { position: absolute; top: 26px; right: 14px; width: 24px; height: 24px; display: flex; justify-content: center; align-items: center; z-index: 1; transition: transform 0.1s linear; } .mobileMenu__buttonClose::before, .mobileMenu__buttonClose::after { content: ""; position: absolute; width: 36px; height: 2px; background-color: #ffffff; } .mobileMenu__buttonClose::before { transform: rotate(45deg); } .mobileMenu__buttonClose::after { transform: rotate(-45deg); } .mobileMenu__inner { position: relative; height: 100%; padding: 0 20px; overflow: hidden auto; } .mobileMenu__main { height: 100%; display: flex; flex-direction: column; color: #ffffff; } .mobileMenu__mainItem + .mobileMenu__mainItem { margin-top: 24px; } .mobileMenu__mainItemButton { font-size: 1.1875rem; line-height: 26px; font-weight: 700; display: flex; justify-content: space-between; align-items: center; width: 100%; color: #ffffff; } .mobileMenu__mainBottom { padding-top: 64px; margin-top: auto; } .mobileMenu__bottomLink { width: 100%; } .mobileMenu__bottomLink + .mobileMenu__bottomLink { margin-top: 16px; } .mobileMenu__socials { display: flex; justify-content: center; margin: 64px auto 0; } .mobileMenu__mainItemButton:hover, .mobileMenu__mainItemButton:focus { opacity: 0.6; } .mobileMenuSecondary, .mobileMenuSpecies { position: absolute; top: 0; left: 0; width: 100%; height: 100%; color: #ffffff; background-color: #151515; padding: 0 20px; overflow: hidden auto; z-index: 1; } .mobileMenuSecondary__buttonBackContainer, .mobileMenuSpecies__buttonBackContainer { position: fixed; left: 20px; width: calc(100% - 40px); background-color: #151515; height: 48px; z-index: 1; } .mobileMenuSecondary__buttonBack, .mobileMenuSpecies__buttonBack { font-size: 1.1875rem; line-height: 26px; font-weight: 700; display: flex; align-items: center; color: #ffffff; margin-bottom: 36px; transition: opacity 0.1s linear; } .mobileMenuSecondary__buttonBackIcon, .mobileMenuSpecies__buttonBackIcon { margin-right: 12px; } .mobileMenuSecondary__content, .mobileMenuSpecies__content { margin-top: 58px; } .mobileMenuSecondary__categoriesList, .mobileMenuSpecies__categoriesList { display: flex; align-items: stretch; flex-wrap: wrap; margin: -6px; } .mobileMenuSecondary__categoriesItem, .mobileMenuSpecies__categoriesItem { width: 50%; min-height: 212px; padding: 6px; } .mobileMenuSecondary__categoriesItemLink, .mobileMenuSpecies__categoriesItemLink { display: flex; flex-direction: column; height: 100%; color: #ffffff; padding: 12px 12px 24px; border-radius: 6px; } .mobileMenuSecondary__categoriesItemImageContainer, .mobileMenuSpecies__categoriesItemImageContainer { display: flex; justify-content: center; max-height: 136px; } .mobileMenuSecondary__categoriesItemImageContainer img, .mobileMenuSpecies__categoriesItemImageContainer img { height: 100%; width: auto; } .mobileMenuSecondary__categoriesItemName, .mobileMenuSpecies__categoriesItemName { font-size: 1.125rem; line-height: 20px; text-align: center; margin-top: auto; } .mobileMenuSecondary__linksList, .mobileMenuSpecies__linksList { padding-top: 36px; border-top: 1px solid #272727; } .mobileMenuSecondary__linksList + .mobileMenuSecondary__linksList, .mobileMenuSecondary__linksList + .mobileMenuSpecies__linksList, .mobileMenuSpecies__linksList + .mobileMenuSecondary__linksList, .mobileMenuSpecies__linksList + .mobileMenuSpecies__linksList { margin-top: 32px; } .mobileMenuSecondary__linksListLabel, .mobileMenuSpecies__linksListLabel { font-size: 12px; text-transform: uppercase; color: #A6A6A6; margin-bottom: 12px; } .mobileMenuSecondary__primaryLinkItem + .mobileMenuSecondary__primaryLinkItem, .mobileMenuSecondary__primaryLinkItem + .mobileMenuSpecies__primaryLinkItem, .mobileMenuSpecies__primaryLinkItem + .mobileMenuSecondary__primaryLinkItem, .mobileMenuSpecies__primaryLinkItem + .mobileMenuSpecies__primaryLinkItem { margin-top: 16px; } .mobileMenuSecondary__categoryLinkItem + .mobileMenuSecondary__categoryLinkItem, .mobileMenuSecondary__categoryLinkItem + .mobileMenuSpecies__categoryLinkItem, .mobileMenuSpecies__categoryLinkItem + .mobileMenuSecondary__categoryLinkItem, .mobileMenuSpecies__categoryLinkItem + .mobileMenuSpecies__categoryLinkItem { margin-top: 6px; } .mobileMenuSecondary__primaryLink, .mobileMenuSpecies__primaryLink, .mobileMenuSecondary__categoryLink, .mobileMenuSpecies__categoryLink { font-size: 1rem; line-height: 29px; font-weight: 700; color: #ffffff; } .mobileMenuSecondary__additional, .mobileMenuSpecies__additional { margin-top: 50px; } .mobileMenuSecondary__additionalLink, .mobileMenuSpecies__additionalLink { width: 100%; } .mobileMenuSecondary .footerCountries__phonesList, .mobileMenuSpecies .footerCountries__phonesList { display: flex; flex-direction: column; align-items: flex-start; margin-top: 42px; } .mobileMenuSecondary .footerCountries__phonesList .footerCountries__phonesListItem, .mobileMenuSpecies .footerCountries__phonesList .footerCountries__phonesListItem, .mobileMenuSecondary .footerCountries__phonesList .footerCountries__phonesListItem a, .mobileMenuSpecies .footerCountries__phonesList .footerCountries__phonesListItem a { font-size: 14px; color: #A6A6A6; } .mobileMenuSecondary .footerCountries__phonesList .footerCountries__phonesListItem + .footerCountries__phonesListItem, .mobileMenuSpecies .footerCountries__phonesList .footerCountries__phonesListItem + .footerCountries__phonesListItem { margin-top: 22px; } .mobileMenuSecondary .footerCountries__phonesList .footerCountries__phonesListItem a, .mobileMenuSpecies .footerCountries__phonesList .footerCountries__phonesListItem a { transition: color 0.1s linear; } .mobileMenuSecondary .footerCountries__phonesList .footerCountries__phonesListItem:hover a, .mobileMenuSpecies .footerCountries__phonesList .footerCountries__phonesListItem:hover a, .mobileMenuSecondary .footerCountries__phonesList .footerCountries__phonesListItem:focus a, .mobileMenuSpecies .footerCountries__phonesList .footerCountries__phonesListItem:focus a { color: #ffffff; } .mobileMenuSecondary__bottomLinks, .mobileMenuSpecies__bottomLinks { margin-top: 32px; } .mobileMenuSecondary__bottomLink, .mobileMenuSpecies__bottomLink { display: block; width: 100%; } .mobileMenuSecondary__bottomLink + .mobileMenuSecondary__bottomLink, .mobileMenuSecondary__bottomLink + .mobileMenuSpecies__bottomLink, .mobileMenuSpecies__bottomLink + .mobileMenuSecondary__bottomLink, .mobileMenuSpecies__bottomLink + .mobileMenuSpecies__bottomLink { margin-top: 16px; } .mobileMenuSecondary__buttonBack:hover, .mobileMenuSpecies__buttonBack:hover, .mobileMenuSecondary__buttonBack:focus, .mobileMenuSpecies__buttonBack:focus, .mobileMenuSecondary__primaryLink:hover, .mobileMenuSpecies__primaryLink:hover, .mobileMenuSecondary__primaryLink:focus, .mobileMenuSpecies__primaryLink:focus, .mobileMenuSecondary__categoryLink:hover, .mobileMenuSpecies__categoryLink:hover, .mobileMenuSecondary__categoryLink:focus, .mobileMenuSpecies__categoryLink:focus { opacity: 0.6; } .mobileMenuSecondary__categoriesItemLink:hover, .mobileMenuSpecies__categoriesItemLink:hover, .mobileMenuSecondary__categoriesItemLink:focus, .mobileMenuSpecies__categoriesItemLink:focus { opacity: 0.9; } .vfm { z-index: 9000 !important; display: flex; align-content: center; justify-content: center; flex-direction: column; align-items: center; } .vfm .vfm__content { position: relative; display: flex; flex-direction: column; margin: 1rem; background: #272727; padding: 1rem; border-radius: 0.5rem; } .modal__buttonClose { position: absolute; top: 26px; right: 26px; width: 24px; height: 24px; display: flex; justify-content: center; align-items: center; z-index: 1; transition: transform 0.1s linear; } .modal__buttonClose::before, .modal__buttonClose::after { content: ""; position: absolute; width: 36px; height: 2px; background-color: #ffffff; } .modal__buttonClose::before { transform: rotate(45deg); } .modal__buttonClose::after { transform: rotate(-45deg); } .modal .vfm .vfm__container { padding: 20px; } .modal .vfm .vfm__content { width: 100%; max-width: 800px; border-radius: 8px; margin: 0 auto; padding: 68px 50px 58px; background-color: #272727; border: none; max-height: 90%; overflow: auto; } @media all and (max-width: 640px) { .modal .vfm .vfm__container { padding: 0; } .modal .vfm .vfm__content { border-radius: 0; } } .modal__buttonClose:hover, .modal__buttonClose:focus { transform: scale(1.05); } .navMenu { margin: 0 auto; } .navMenu__items { display: flex; align-items: center; } .navMenu__item + .navMenu__item { margin-left: 2.2vw; } .navMenu__itemButton { display: inline-flex; align-items: center; color: #ffffff; } .navMenu__itemButtonText { font-size: 15px; font-weight: 700; } .navMenu__itemButtonIcon { font-size: 12px; margin: 2px 0 0 4px; transition: transform 0.1s linear; } .open .navMenu__itemButtonIcon { transform: scale(1, -1); } .navMenu__expanded { position: absolute; left: 0; top: 100%; width: 100%; background-color: #272727; } .light .navMenu__expanded { background: #E9E9E9; } @media all and (min-width: 1380px ) { .navMenu__item + .navMenu__item { margin-left: 32px; } } @media all and (max-width: 767px) { .navMenu { display: none; } } .navMenuCategories { padding: 30px 40px; } .navMenuCategories__items { display: flex; align-items: stretch; flex-wrap: wrap; margin: -14px; } .navMenuCategories__item { width: calc(100% / 7); min-height: 230px; padding: 14px; } .products .navMenuCategories__item { width: calc(100% / 4); } .navMenuCategories__itemLink { display: flex; flex-direction: column; height: 100%; color: #ffffff; padding: 12px 12px 24px; border-radius: 6px; } .navMenuCategories__itemImageContainer { display: flex; justify-content: center; max-height: 136px; } .navMenuCategories__itemImageContainer img { height: 100%; width: auto; } .navMenuCategories__itemName { text-align: center; margin-top: auto; } .navMenuCategories__bottomLinks { display: flex; align-items: center; justify-content: center; margin-top: 40px; } .navMenuCategories__bottomLink + .navMenuCategories__bottomLink { margin-left: 22px; } @media screen and (max-width: 1200px) { .navMenuCategories__item { width: calc(100% / 4); } } .navMenuCategories__itemLink:hover, .navMenuCategories__itemLink:focus { opacity: 0.9; } .navMenuAbout { display: flex; align-items: flex-start; justify-content: center; max-width: 796px; padding: 58px 20px 98px; margin: 0 auto; } .navMenuAbout__primaryLinks, .navMenuAbout__secondaryLinks { display: flex; align-items: flex-start; flex-wrap: wrap; } .navMenuAbout__primaryLinks { margin: -5px -30px; } .navMenuAbout.universityProgram .navMenuAbout__primaryLinks { justify-content: space-between; margin: -5px auto; } .navMenuAbout__primaryLinkItem { width: 285px; padding: 5px 30px; } .navMenuAbout.universityProgram .navMenuAbout__primaryLinkItem { width: auto; } .navMenuAbout__primaryLink { font-size: 16px; font-weight: 700; color: #ffffff; white-space: nowrap; } .light .navMenuAbout__primaryLink { color: #151515; } .navMenuAbout__secondaryLinks { min-width: 194px; margin: -8px; } .navMenuAbout__secondaryLinkItem { padding: 8px; width: 100%; } .navMenuAbout__secondaryLinkItem .btn { width: 100%; } .navMenuAbout__primaryLink:hover, .navMenuAbout__primaryLink:focus { opacity: 0.8; } .navMenuService { display: flex; align-items: flex-start; justify-content: center; padding: 54px 20px 44px; margin: 0 auto; } .navMenuService__column { width: 225px; } .navMenuService__column + .navMenuService__column { margin-left: 60px; } .navMenuService__productCategoriesLabel { font-size: 12px; text-transform: uppercase; color: #A6A6A6; margin-bottom: 12px; } .light .navMenuService__productCategoriesLabel { color: #151515; } .navMenuService__productCategoriesLink { font-size: 1rem; line-height: 26px; font-weight: 700; color: #ffffff; } .light .navMenuService__productCategoriesLink { color: #151515; } .navMenuService__productCategoriesItem + .navMenuService__productCategoriesItem { margin-top: 6px; } .navMenuService__primaryLinksItem + .navMenuService__primaryLinksItem { margin-top: 6px; } .navMenuService__primaryLink { font-size: 1rem; line-height: 26px; font-weight: 700; color: #ffffff; } .light .navMenuService__primaryLink { color: #151515; } .navMenuService__buttons, .navMenuService .footerCountries__phonesList { display: flex; flex-direction: column; align-items: flex-start; } .navMenuService__button + .navMenuService__button { margin-top: 22px; } .navMenuService .footerCountries__phonesList { margin-top: 32px; } .navMenuService .footerCountries__phonesList .footerCountries__phonesListItem, .navMenuService .footerCountries__phonesList .footerCountries__phonesListItem a { font-size: 14px; color: #A6A6A6; } .light .navMenuService .footerCountries__phonesList .footerCountries__phonesListItem, .light .navMenuService .footerCountries__phonesList .footerCountries__phonesListItem a { color: #151515; } .navMenuService .footerCountries__phonesList .footerCountries__phonesListItem + .footerCountries__phonesListItem { margin-top: 12px; } .navMenuService .footerCountries__phonesList .footerCountries__phonesListItem a { transition: color 0.1s linear; } .navMenuService .footerCountries__phonesList .footerCountries__phonesListItem:hover a, .navMenuService .footerCountries__phonesList .footerCountries__phonesListItem:focus a { color: #ffffff; } .light .navMenuService .footerCountries__phonesList .footerCountries__phonesListItem:hover a, .light .navMenuService .footerCountries__phonesList .footerCountries__phonesListItem:focus a { color: #EA0615; } .navMenuService__productCategoriesLink:hover, .navMenuService__productCategoriesLink:focus, .navMenuService__primaryLink:hover, .navMenuService__primaryLink:focus { opacity: 0.8; } .navMenuAcademy { display: flex; align-items: flex-start; justify-content: center; padding: 54px 110px 56px; margin: 0 auto; } .navMenuAcademy__linksColumn { min-width: 225px; margin-right: 54px; } .navMenuAcademy__linksSection + .navMenuAcademy__linksSection { margin-top: 32px; } .navMenuAcademy__linksSectionHeading { font-size: 12px; text-transform: uppercase; color: #A6A6A6; margin-bottom: 12px; } .light .navMenuAcademy__linksSectionHeading { color: #151515; } .navMenuAcademy__linksSectionListItem + .navMenuAcademy__linksSectionListItem { margin-top: 6px; } .navMenuAcademy__linksSectionLink { font-size: 1rem; line-height: 26px; font-weight: 700; color: #ffffff; } .light .navMenuAcademy__linksSectionLink { color: #151515; } .navMenuAcademy__speciesColumns { display: flex; flex-wrap: wrap; width: 100%; margin: -16px; } .navMenuAcademy__speciesColumn { width: 33.3333%; height: auto; padding: 16px; } .navMenuAcademy__speciesColumn:last-of-type { width: 100%; display: flex; justify-content: center; } .navMenuAcademy__speciesColumnInner { height: 100%; background-color: #393939; color: #ffffff; padding: 24px 24px 24px 30px; border-radius: 6px; } .light .navMenuAcademy__speciesColumnInner { border: 2px solid #151515; background: none; color: #151515; } .navMenuAcademy__speciesColumnHeader { display: flex; align-items: center; justify-content: space-between; } .navMenuAcademy__speciesHeading { font-size: 1rem; line-height: 26px; font-weight: 700; color: #ffffff; } .light .navMenuAcademy__speciesHeading { color: #151515; } .navMenuAcademy__speciesIcon { height: 36px; margin-left: 16px; } .navMenuAcademy__speciesLinks { margin: 16px 0; } .navMenuAcademy__speciesLinksItem + .navMenuAcademy__speciesLinksItem { margin-top: 8px; } .navMenuAcademy__speciesLink { font-size: 0.875rem; line-height: 16px; color: #ffffff; } @media screen and (max-width: 1380px) { .navMenuAcademy { padding-left: 7.8vw; padding-right: 7.8vw; } } @media screen and (max-width: 1270px) { .navMenuAcademy { padding-left: 20px; padding-right: 20px; } .navMenuAcademy__speciesColumns { max-height: none; } .navMenuAcademy__speciesColumn { height: auto; width: 50%; } .navMenuAcademy__speciesColumnInner { height: auto; } .navMenuAcademy__speciesLinks { display: flex; flex-wrap: wrap; margin: 14px -8px 0; } .navMenuAcademy__speciesLinksItem { padding: 2px 8px; width: 50%; } .navMenuAcademy__speciesLinksItem + .navMenuAcademy__speciesLinksItem { margin-top: 0; } } @media screen and (max-width: 900px) { .navMenuAcademy__speciesColumn { height: auto; width: 100%; } } .navMenuAcademy__linksSectionLink:hover, .navMenuAcademy__linksSectionLink:focus, .navMenuAcademy__speciesHeading:hover, .navMenuAcademy__speciesHeading:focus, .navMenuAcademy__speciesLink:hover, .navMenuAcademy__speciesLink:focus { opacity: 0.8; } .newMemberDashHead { margin-bottom: 36px; padding: 24px 0 32px; border-bottom: 2px solid #272727; } .light .newMemberDashHead { border-color: #C4C4C4; } .newMemberDashHead .wrapper { display: flex; } .newMemberDashHead h1 { margin: 0; font-size: 1.75rem; font-weight: 700; } .newMemberDashHead h1 a { color: #fff; } .light .newMemberDashHead h1 a { color: #000; } .newMemberDashHead h2 { margin: 0; margin-left: auto; font-size: 0.9375rem; font-weight: 700; } .membersWrap .wrapper { display: flex; } @media all and (max-width: 1080px) { .membersWrap .wrapper { flex-direction: column; } } @media all and (min-width: 1081px) { .membersWrap .wrapper .memberSidebar { min-width: 286px; margin-right: 37px; } } .membersWrap .wrapper .memberSidebar li { margin: 0 0 25px 0; } .membersWrap .wrapper .memberSidebar li a { display: flex; align-items: center; background: #DC4444; padding: 23px 23px; color: #fff; font-size: 0.875rem; font-weight: 700; border-radius: 6px; text-decoration: none; transition: background 0.3s; } .membersWrap .wrapper .memberSidebar li a:hover { background: #d82f2f; } .membersWrap .wrapper .memberSidebar li a svg { margin: 0 15px 0 0; } .membersWrap .wrapper .members { width: 100%; padding: 0 !important; } @media all and (min-width: 1081px) { .membersWrap .wrapper .members { width: calc(100% - 323px); } } .membersWrap .wrapper .members .contactForm { max-width: 100%; margin: 0 0 64px 0; } .membersWrap .wrapper .members .postsArchiveAbstract__cardImageContainer { height: 250px; } .membersWrap .postsArchive__filters { margin: -15px 0 0 0; } .newDashboardDash { display: grid; gap: 40px; grid-template-columns: repeat(3, auto); margin-bottom: 64px; } @media all and (max-width: 850px) { .newDashboardDash { gap: 16px; } } @media all and (max-width: 650px) { .newDashboardDash { grid-template-columns: repeat(2, auto); } } .newDashboardDash li { flex: 1; } .newDashboardDash li a { display: flex; flex-direction: column; min-height: 342px; background: #272727; padding: 20px; border-radius: 6px; align-items: center; justify-content: center; font-size: 1rem; font-weight: 700; color: #fff; transition: background 0.3s; } .newDashboardDash li a svg { margin-bottom: 53px; } .newDashboardDash li a:hover { background: #343434; } .light .newDashboardDash li a { background: none; border: 2px solid #000; color: #000; } .light .newDashboardDash li a svg path { fill: #000; } /* * Woocommerce notices */ .woocommerce-notices-wrapper, .woocommerce-NoticeGroup { max-width: 1360px; min-width: 20px; margin: 0 auto; } @media all and (max-width: 640px), all and (min-width: 641px ) and (max-width: 1379px ) { .woocommerce-notices-wrapper, .woocommerce-NoticeGroup { padding: 0 20px; } } .woocommerce-notices-wrapper .woocommerce-message:after, .woocommerce-NoticeGroup .woocommerce-message:after, .woocommerce-notices-wrapper .woocommerce-error:after, .woocommerce-NoticeGroup .woocommerce-error:after { display: none; } .woocommerce-notices-wrapper .woocommerce-message[role="alert"], .woocommerce-NoticeGroup .woocommerce-message[role="alert"], .woocommerce-notices-wrapper .woocommerce-error[role="alert"], .woocommerce-NoticeGroup .woocommerce-error[role="alert"] { margin: 0 0 20px 0; padding: 20px; clear: both; text-align: left; border: 0; position: relative; background: #2ecc71; color: #fff; } .woocommerce-notices-wrapper .woocommerce-message[role="alert"] a, .woocommerce-NoticeGroup .woocommerce-message[role="alert"] a, .woocommerce-notices-wrapper .woocommerce-error[role="alert"] a, .woocommerce-NoticeGroup .woocommerce-error[role="alert"] a { color: #fff; } .woocommerce-notices-wrapper .woocommerce-message[role="alert"].woocommerce-error, .woocommerce-NoticeGroup .woocommerce-message[role="alert"].woocommerce-error, .woocommerce-notices-wrapper .woocommerce-error[role="alert"].woocommerce-error, .woocommerce-NoticeGroup .woocommerce-error[role="alert"].woocommerce-error { margin: 0 0 20px 0; padding: 20px; clear: both; text-align: left; border: 0; position: relative; background: #e74c3c; color: #fff; } .woocommerce-notices-wrapper .woocommerce-message[role="alert"].woocommerce-error a, .woocommerce-NoticeGroup .woocommerce-message[role="alert"].woocommerce-error a, .woocommerce-notices-wrapper .woocommerce-error[role="alert"].woocommerce-error a, .woocommerce-NoticeGroup .woocommerce-error[role="alert"].woocommerce-error a { color: #fff; } .woocommerce-notices-wrapper .woocommerce-message[role="error"], .woocommerce-NoticeGroup .woocommerce-message[role="error"], .woocommerce-notices-wrapper .woocommerce-error[role="error"], .woocommerce-NoticeGroup .woocommerce-error[role="error"] { margin: 0 0 20px 0; padding: 20px; clear: both; text-align: left; border: 0; position: relative; background: #e74c3c; color: #fff; } .woocommerce-notices-wrapper .woocommerce-message[role="error"] a, .woocommerce-NoticeGroup .woocommerce-message[role="error"] a, .woocommerce-notices-wrapper .woocommerce-error[role="error"] a, .woocommerce-NoticeGroup .woocommerce-error[role="error"] a { color: #fff; } .woocommerce-notices-wrapper .woocommerce-message .button, .woocommerce-NoticeGroup .woocommerce-message .button, .woocommerce-notices-wrapper .woocommerce-error .button, .woocommerce-NoticeGroup .woocommerce-error .button { margin: 0; } .pageSelect { max-width: 280px; margin-left: auto; } @media all and (max-width: 940px) { .pageSelect { margin-left: 0; } } /* * Pagination */ body .pagination, body .nav-links { width: 100%; margin: 0 0 20px; text-align: center; display: flex; align-items: center; justify-content: center; flex-wrap: wrap; } body .pagination .page-numbers, body .nav-links .page-numbers { display: inline-block; margin: 0 5px; position: relative; overflow: hidden; text-align: center; outline: 0; transition: 0.2s ease-in-out; border: 1px solid transparent; color: #EA0615; text-decoration: none; list-style: none; background: 0; display: flex; align-items: center; justify-content: center; } body .pagination .page-numbers a, body .nav-links .page-numbers a { cursor: pointer; display: block; width: 40px; height: 40px; line-height: 40px; } body .pagination .page-numbers.current, body .nav-links .page-numbers.current, body .pagination .page-numbers.active, body .nav-links .page-numbers.active { background: 0; border: 1px solid #EA0615; color: #EA0615; } body .pagination .page-numbers:after, body .nav-links .page-numbers:after { color: #EA0615; } body .pagination .page-numbers.firstItem, body .nav-links .page-numbers.firstItem { display: none; } body .pagination .page-numbers.lastItem, body .nav-links .page-numbers.lastItem, body .pagination .page-numbers.dots, body .nav-links .page-numbers.dots, body .pagination .page-numbers.pageXOfY, body .nav-links .page-numbers.pageXOfY { background: 0; } body .pagination .page-numbers.dots, body .nav-links .page-numbers.dots { cursor: default; color: #fff; font-weight: normal; } body .pagination .page-numbers.dots span, body .nav-links .page-numbers.dots span { top: -5px; position: relative; } body .pagination .page-numbers.next:after, body .nav-links .page-numbers.next:after, body .pagination .page-numbers.prev:after, body .nav-links .page-numbers.prev:after { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: inherit; content: "\f105"; font-family: "Font Awesome 5 Pro"; font-weight: 400; font-size: 1.5625rem; color: #EA0615 !important; font-weight: 100; } body .pagination .page-numbers.next:after, body .nav-links .page-numbers.next:after { color: inherit; content: "\f105"; font-family: "Font Awesome 5 Pro"; font-weight: 400; } body .pagination .page-numbers.prev:after, body .nav-links .page-numbers.prev:after { color: inherit; content: "\f104"; font-family: "Font Awesome 5 Pro"; font-weight: 400; } body .pagination .page-numbers.disabled a, body .nav-links .page-numbers.disabled a { opacity: 0.2; cursor: default; } body .pagination .page-numbers:hover, body .nav-links .page-numbers:hover { border: 1px solid #EA0615; } body .pagination .page-numbers.current, body .nav-links .page-numbers.current { border: 1px solid #EA0615; } body .pagination.page-item, body .nav-links.page-item { padding: 0 10px; } body .pagination.page-item.disabled a, body .nav-links.page-item.disabled a { opacity: 0.2; cursor: default; } body .pagination .screen-reader-text, body .nav-links .screen-reader-text { display: none; } .paginationElement { display: inline-block; margin: 0 5px; position: relative; overflow: hidden; text-align: center; outline: 0; transition: 0.2s ease-in-out; border: 1px solid transparent; color: #EA0615; text-decoration: none; } .paginationElement a { cursor: pointer; display: block; width: 40px; height: 40px; line-height: 40px; } .paginationElement.current, .paginationElement.active { background: 0; border: 1px solid #EA0615; color: #EA0615; } .paginationElement:after { color: #EA0615; } .paginationElement.firstItem { display: none; } .paginationElement.lastItem, .paginationElement.dots, .paginationElement.pageXOfY { background: 0; } .paginationElement.dots { cursor: default; color: #fff; font-weight: normal; } .paginationElement.dots span { top: -5px; position: relative; } .paginationElement.next:after, .paginationElement.prev:after { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: inherit; content: "\f105"; font-family: "Font Awesome 5 Pro"; font-weight: 400; font-size: 1.5625rem; color: #EA0615 !important; font-weight: 100; } .paginationElement.next:after { color: inherit; content: "\f105"; font-family: "Font Awesome 5 Pro"; font-weight: 400; } .paginationElement.prev:after { color: inherit; content: "\f104"; font-family: "Font Awesome 5 Pro"; font-weight: 400; } .paginationElement.disabled a { opacity: 0.2; cursor: default; } .contactUsCTA { display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 30px; border-radius: 5px; margin: 0 auto 20px; background: #272727; width: fit-content; } .contactUsCTA h4 { margin: 0 0 15px; font-size: 1.25rem; } .postsArchive { position: relative; width: 100%; max-width: 1360px; color: #ffffff; padding: 36px 35px 0; } .postsArchive--partner { padding: 0; max-width: none; } .postsArchive--partner::before { display: none; } .postsArchive--partner.contentBlock { padding-bottom: 102px; } .postsArchive--partner.contentBlock.postsArchive::after { content: ""; position: absolute; bottom: 0; left: -50vw; width: 200vw; height: 1px; background-color: #272727; } .postsArchive__map { margin: 0 -35px; background-color: #0f0f0f; margin-bottom: 26px; } .postsArchive__filters { display: flex; flex-wrap: wrap; align-items: center; margin: 0 -11px; } .light .postsArchive__filters { color: #000; } .postsArchive--partner .postsArchive__filters { max-width: 1360px; padding: 0 24px; margin: 0 auto; } .postsArchive__filter { padding: 11px; } .postsArchive__filters .v-select .vs__search { opacity: 1; position: static; width: auto; height: auto; z-index: 0; margin: 0; padding: 0; } .postsArchive__filter .v-select .vs__dropdown-toggle { background-color: #272727; border-color: #272727; } .postsArchive__filter input, .postsArchive__filter input:focus { font-size: 0.875rem; line-height: 22px; color: #ffffff; width: 100%; background-color: #272727; padding: 13px 20px 14px; border: none; border-radius: 6px; } .light .postsArchive__filter input, .light .postsArchive__filter input:focus { background: none; } .postsArchive__sort { padding: 11px; margin-left: auto; } .postsArchive__sort .v-select .vs__dropdown-toggle { border: none; border-bottom: 2px solid white; border-radius: 0; padding: 12px 0; } .postsArchive__filter .v-select .vs__selected-options, .postsArchive__sort .v-select .vs__selected-options { padding-right: 56px; } .postsArchive__sort .v-select .vs__selected { font-family: 'Century Gothic', CenturyGothic, AppleGothic, sans-serif; font-weight: 700; } .postsArchive__sort .v-select .vs__search { max-width: 44px; } .postsArchive__filter .v-select .vs__selected-options .vs__selected + .vs__search, .postsArchive__sort .v-select .vs__selected-options .vs__selected + .vs__search { z-index: -1; opacity: 0; max-width: none; } .postsArchive__sort .v-select .vs__actions { right: 0; } .postsArchive__sort .v-select .vs__dropdown-menu { right: 0; left: auto; } .postsArchive__postsHeading { margin-top: 70px; } .postsArchive__posts { display: flex; flex-wrap: wrap; margin: 0 -16px; } .postsArchive__loader, .postsArchive__noPostsMessage { padding-top: 102px; } .postsArchive__noPostsMessage { text-align: center; } @media all and (max-width: 640px) { .postsArchive { padding: 24px 20px; } .postsArchive__map { margin: 0 -20px; } .postsArchive__postsContainer { margin-top: 48px; } .postsArchive__filters { flex-direction: column; margin: 0; } .postsArchive__filter { width: 100%; padding: 0; } .postsArchive__filter + .postsArchive__filter { margin-top: 16px; } .postsArchive__sort { padding: 0; margin-top: 16px; margin-right: 20px; } } @media all and (min-width: 1380px ) { .postsArchive { padding: 36px 0 0; } .postsArchive__map { margin: 0; } } @media all and (min-width: 1380px) { .postsArchive--partner .postsArchive__filters { padding: 0; } } .postsArchiveTeamMember { width: 25%; padding: 32px 16px; } .postsArchiveTeamMember .modal__button { width: 100%; } .postsArchiveTeamMember__card { display: flex; flex-direction: column; text-align: left; color: #ffffff; } .light .postsArchiveTeamMember__card { color: #151515; } .postsArchiveTeamMember__cardImageContainer { width: 100%; border-radius: 6px; overflow: hidden; margin-bottom: 20px; transition: opacity 0.1s linear; } .postsArchiveTeamMember__cardImage { display: block; width: 100%; height: 200px; object-fit: cover; object-position: top; } .postsArchiveTeamMember__cardName { font-size: 1.125rem; line-height: 20px; font-weight: 700; } .postsArchiveTeamMember__cardPosition { font-size: 0.875rem; line-height: 18px; margin-top: 4px; } .postsArchiveTeamMember .vfm .vfm__content { max-width: 590px; } .postsArchiveTeamMember__modalHeader { display: flex; justify-content: space-between; align-items: flex-end; border-bottom: 2px solid #272727; padding-bottom: 18px; margin-bottom: 20px; } .postsArchiveTeamMember__modalName { margin-bottom: 0 !important; } .postsArchiveTeamMember__modalPosition { font-size: 0.875rem; line-height: 18px; margin-top: 4px; } .postsArchiveTeamMember__modalContacts { display: flex; align-items: center; } .postsArchiveTeamMember__modalContacts .postsArchiveTeamMember__modalLink { color: inherit; } .postsArchiveTeamMember__modalLink + .postsArchiveTeamMember__modalLink { margin-left: 22px; } .postsArchiveTeamMember__modalLink + .postsArchiveTeamMember__modalLink--phone { margin-left: auto; } .postsArchiveTeamMember__modalLink .icon { font-size: 20px; } .postsArchiveTeamMember__modalLink--phone { display: flex; align-items: center; } .postsArchiveTeamMember__modalLink--phone .icon { font-size: 18px; color: #EA0615; } .postsArchiveTeamMember__modalLink--phone span { font-size: 0.875rem; line-height: 18px; margin-left: 6px; transition: opacity 0.1s linear; } .postsArchiveTeamMember__modalContents { margin: 20px auto 54px; } .postsArchiveTeamMember__modalImageContainer { border-radius: 6px; overflow: hidden; margin-bottom: 48px; } .postsArchiveTeamMember__modalImage { display: block; width: 100%; height: auto; } .postsArchiveTeamMember__modalContent { font-size: 0.875rem; } .postsArchiveTeamMember__modalContent h2, .postsArchiveTeamMember__modalContent h3 { font-size: 1.5625rem; margin: 0 0 30px; line-height: 1; } .postsArchiveTeamMember__modalContent p { font-size: 14px; line-height: 22px; } .postsArchiveTeamMember__modalContent p + p { margin-top: 18px; } .postsArchiveTeamMember__modalBackButtonContainer--desktop { display: flex; } .postsArchiveTeamMember__modalBackButtonContainer--mobile { display: none; margin-top: 24px; } @media all and (max-width: 940px) { .postsArchiveTeamMember { width: 50%; } } @media all and (max-width: 640px) { .postsArchiveTeamMember { width: 100%; } .postsArchiveTeamMember__modalImageContainer { margin-bottom: 24px; } .postsArchiveTeamMember__modalBackButtonContainer--desktop { display: none; } .postsArchiveTeamMember__modalBackButtonContainer--mobile { display: flex; } } .postsArchiveTeamMember__card:hover .postsArchiveTeamMember__cardImageContainer, .postsArchiveTeamMember__card:focus .postsArchiveTeamMember__cardImageContainer { opacity: 0.8; } .postsArchiveTeamMember__modalLink:hover, .postsArchiveTeamMember__modalLink:focus, .postsArchiveTeamMember__modalLink--phone:hover span, .postsArchiveTeamMember__modalLink--phone:focus span { opacity: 0.8; } .postsArchiveTeamMember__modalLink--phone:hover, .postsArchiveTeamMember__modalLink--phone:focus { opacity: 1; } .postsArchiveAbstract { width: 33.3333%; padding: 32px 16px; } .postsArchiveAbstract__card { display: flex; flex-direction: column; text-align: left; color: #ffffff; } .postsArchiveAbstract__cardImageContainer { width: 100%; height: 270px; border-radius: 6px; background-color: #393939; overflow: hidden; margin-bottom: 20px; transition: opacity 0.1s linear; } .postsArchiveAbstract__cardImageContainer img { display: block; width: 100%; height: 100%; object-fit: cover; } .postsArchiveAbstract__cardName { font-size: 0.875rem; line-height: 20px; font-weight: 700; text-align: center; } .postsArchiveAbstract__cardDate { font-size: 0.875rem; line-height: 18px; margin-top: 4px; } @media all and (max-width: 940px) { .postsArchiveAbstract { width: 50%; } } @media all and (max-width: 640px) { .postsArchiveAbstract { width: 100%; } .postsArchiveAbstract__cardName { font-size: 1rem; line-height: 18px; } .postsArchiveAbstract__cardDate { font-size: 0.75rem; line-height: 14px; } } .postsArchiveAbstract__card:hover .postsArchiveAbstract__cardImageContainer, .postsArchiveAbstract__card:focus .postsArchiveAbstract__cardImageContainer { opacity: 0.8; } .light .postsArchive__filter > input { border: 1px solid #151515; color: #151515; } .light .postsArchive__filter > input::placeholder { color: #151515; } .light .hbspt-form { background: #151515; margin-bottom: 32px; padding: 20px; } .coursesPageContent { width: 100%; max-width: 1400px; margin: 54px auto 0; padding: 0 20px; color: #ffffff; } @media all and (max-width: 640px) { .coursesPageContent { margin: 0 auto; } } .coursesPageContent h1, .coursesPageContent h2 { font-size: 2.5rem; line-height: 1.25; } .coursesPageContent h1:not(:first-child), .coursesPageContent h2:not(:first-child) { margin-top: 30px; } .coursesPageContent h3, .coursesPageContent h4, .coursesPageContent h5, .coursesPageContent h6 { font-size: 2rem; line-height: 1.25; } .coursesPageContent h3:not(:first-child), .coursesPageContent h4:not(:first-child), .coursesPageContent h5:not(:first-child), .coursesPageContent h6:not(:first-child) { margin-top: 20px; } .coursesPageContent p { font-size: 1.125rem; line-height: 1.25; margin-top: 10px; } .coursesPageContent a { color: #EA0615; } .coursesPageContent ul li { position: relative; padding-left: 15px; } .coursesPageContent ul li:before { content: ''; width: 5px; aspect-ratio: 1; position: absolute; top: 50%; left: 0; transform: translateY(-50%); background-color: #EA0615; border-radius: 50%; } .productAccessories { position: relative; color: #ffffff; padding-top: 82px; } .productAccessories .textEditor.contentBlock { margin: 54px 0; } .productAccessories__label { color: #FF666F; } .productAccessories__label + .productAccessories__label { margin-top: 4px; } .productAccessories__header { display: flex; align-items: center; justify-content: space-between; margin-top: 12px; } .productAccessories__linkToAll { white-space: nowrap; margin-left: 32px; } .productAccessories__list { margin: 18px -14px 0; } .productAccessories__listItem { width: 25%; padding: 14px; } @media all and (max-width: 940px) { .productAccessories__listItem { width: 50%; } } @media all and (max-width: 640px) { .productAccessories__header { flex-direction: column; align-items: flex-start; } .productAccessories__heading { margin-bottom: 16px; } .productAccessories__listItem { width: 100%; } } .productClinicalImages { position: relative; padding-bottom: 54px; } .support .productClinicalImages { padding-top: 104px; } .support .productClinicalImages::before { content: ""; position: absolute; top: 0; left: -50vw; width: 200vw; height: 1px; background-color: #272727; } .productClinicalImages__label { color: #FF666F; margin-bottom: 18px; } .productClinicalImages__title { color: #ffffff; margin-bottom: 18px; } .productClinicalImages__slideButton { width: 100%; text-align: left; } .productClinicalImages__slideImageContainer { position: relative; height: 200px; border-radius: 6px; overflow: hidden; } .productClinicalImages__slideImage { display: block; height: 100%; width: 100%; object-fit: cover; } .productClinicalImages__slideVideoIconContainer { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .productClinicalImages__slideVideoIconContainer::before { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); height: 24px; width: 24px; background-color: #ffffff; z-index: -1; } .productClinicalImages__slideVideoIcon { height: 54px; color: #E13535; } .productClinicalImages__slideImageCaption { font-size: 0.875rem; line-height: 16px; color: #ffffff; margin-top: 18px; transition: opacity 0.1s linear; } .productClinicalImages__modalImage { width: 100%; } .productClinicalImages__modalIframe { aspect-ratio: 1.77777778; height: auto; width: 100%; } .productClinicalImages__slideButton:hover .productClinicalImages__slideImageCaption, .productClinicalImages__slideButton:focus .productClinicalImages__slideImageCaption { opacity: 0.6; } .productContentNavigation { display: flex; justify-content: flex-start; position: sticky; top: 78px; z-index: 10; background-color: #1d1d1d; isolation: isolate; transition: top 0.3s linear 0s; } .hasSiteMessage .productContentNavigation { top: 116px; } .productContentNavigation::before, .productContentNavigation::after { content: ""; position: absolute; left: -50vw; width: 200vw; height: 100%; background-color: #1d1d1d; z-index: -1; } .productContentNavigation::before { top: 0; } .productContentNavigation::after { bottom: 0; } .productContentNavigation__list { display: flex; align-items: center; flex-wrap: wrap; padding: 6px 0 12px; margin: 0 -20px; } .productContentNavigation__listItem { padding: 16px 20px; } .productContentNavigation__anchorLink { font-size: 0.9375rem; line-height: 16px; font-weight: 700; color: #ffffff; border-bottom: 2px solid rgba(255, 255, 255, 0.0001); padding: 13px 0; transition: color 0.1s linear, border-color 0.1s linear; } .productContentNavigation__anchorLink.active { border-color: #EA0615; } .productContentNavigation__anchorLink:hover, .productContentNavigation__anchorLink:focus { color: rgba(255, 255, 255, 0.8); } @media all and (max-width: 640px) { .productContentNavigation { position: relative; justify-content: flex-start; top: unset !important; } .productContentNavigation__list { flex-direction: column; align-items: flex-start; } } .productContent { max-width: 1360px; padding: 0 35px; margin: 0 auto; } .productContent .wp-block-columns { padding: 0; } .productContent .wp-block-columns::after { display: none; } .productContent .testimonialsSlider { padding-bottom: 0; height: 100%; } @media all and (max-width: 640px) { .productContent { padding: 0 20px; } } @media all and (min-width: 641px ) and (max-width: 1379px ), all and (min-width: 1380px ) { .productContent .testimonialsSlider { margin-right: -35px; } } @media all and (min-width: 1380px ) { .productContent { padding: 0; } } .summary__iframe { width: 700px; height: 395px; } .productEnquiry { color: #ffffff; } .productEnquiry__header { padding-bottom: 28px; border-bottom: 2px solid #151515; } .product .productDetail .summary .productEnquiry__headerDescription { font-size: 1rem; line-height: 26px; margin-top: 12px; } .productEnquiry__productInfo { display: flex; align-items: center; padding: 30px 0 24px; border-bottom: 2px solid #151515; } .productEnquiry__productImageContainer { min-width: 110px; height: 85px; background-color: #ffffff; border-radius: 6px; margin-right: 14px; overflow: hidden; } .productEnquiry__productImage { display: block; width: 100%; height: 100%; object-fit: contain; max-width: 140px; } .productEnquiry__formContainer { margin-top: 42px; } .productFaq { position: relative; color: #ffffff; padding-top: 82px; margin-bottom: 100px; } .productFaq::before { content: ""; position: absolute; top: 0; left: -50vw; width: 200vw; height: 1px; background-color: #272727; } .productFaq__label { color: #FF666F; } .productFaq__dropdowns { margin-top: 18px; } .productFeaturesAndTestimonials { position: relative; } .productFeaturesAndTestimonials::before { content: ""; position: absolute; top: 0; left: -50vw; width: 200vw; height: 1px; background-color: #272727; } .productFeatures { padding-top: 70px; } .productFeatures__slider { padding-bottom: 62px; } .productFeatures__title { color: #FF666F; margin-bottom: 18px; } .productFeatures__slideImageContainer { border-radius: 6px; overflow: hidden; } .productFeatures__slideImage { display: block; width: 100%; } .productFeatures__slideText { color: #ffffff; margin-top: 38px; } .productFeatures .splide__arrow { top: unset; transform: none; bottom: 0; } .productFeatures .splide__arrow--prev { left: 0; } .productFeatures .splide__arrow--next { left: 50px; } @media all and (max-width: 640px) { .productFeatures { margin-bottom: 54px; } } .productHighlights { position: relative; } .productHighlights .textEditor__textContent { padding-top: 60px; } .productHighlights .textEditor__textContent .wp-block-video { margin: 20px 0; } .productHighlights .textEditor__content h2, .productHighlights .textEditor__content h3, .productHighlights .textEditor__content h4, .productHighlights .textEditor__content h5, .productHighlights .textEditor__content h6 { margin-bottom: 20px; } .productHighlights .textEditor__content ul { font-size: 0.875rem; line-height: 22px; list-style: none; padding: 0; } .productHighlights .textEditor__content ul li { position: relative; padding-left: 32px; } .productHighlights .textEditor__content ul li::before { content: ""; position: absolute; top: 3px; left: 4px; width: 8px; height: 14px; border: solid #EA0615; border-width: 0 3px 3px 0; transform: rotate(45deg); margin-bottom: 2px; } .productHighlights .textEditor__content ul li + li { margin-top: 8px; } @media all and (max-width: 640px) { .productHighlights .textEditor__textContent { padding-top: 92px; } } .productPractice { position: relative; color: #ffffff; padding-top: 82px; } .productPractice::before { content: ""; position: absolute; top: 0; left: -50vw; width: 200vw; height: 1px; background-color: #272727; } .productPractice__label { color: #FF666F; } .productPractice__heading { margin-top: 8px; } .productPractice__items { display: flex; align-items: stretch; flex-wrap: wrap; margin: 32px -14px 0; } .productPractice__item { width: 33.3333%; padding: 32px 14px; } .productPractice__itemInner { display: flex; flex-direction: column; } .productPractice__mainLink { position: relative; display: flex; flex-direction: column; justify-content: flex-end; min-height: 204px; border-radius: 6px; color: #ffffff; padding: 32px 24px; overflow: hidden; } .productPractice__mainLinkImage { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; } .productPractice__mainLinkText { position: relative; z-index: 1; transition: opacity 0.1s linear; } .productPractice__mainLinkTitle { margin-top: 12px; } .productPractice__additionalLinks { padding-right: 24px; margin-top: 42px; } .productPractice__additionalLinkContainer + .productPractice__additionalLinkContainer { margin-top: 18px; } .productPractice__additionalLink { display: flex; align-items: center; font-size: 0.875rem; line-height: 18px; font-weight: 700; color: #ffffff; transition: opacity 0.1s linear; } .productPractice__additionalLinkIcon { margin-right: 12px; } .productPractice__mainLink:hover .productPractice__mainLinkText, .productPractice__mainLink:focus .productPractice__mainLinkText { opacity: 0.8; } .productPractice__additionalLink:hover, .productPractice__additionalLink:focus { opacity: 0.8; } @media all and (max-width: 940px) { .productPractice__item { width: 50%; } } @media all and (max-width: 640px) { .productPractice__items { flex-direction: column; } .productPractice__item { width: 100%; } } .productResources { position: relative; color: #ffffff; padding-top: 82px; } .productResources::before { content: ""; position: absolute; top: 0; left: -50vw; width: 200vw; height: 1px; background-color: #272727; } #supportManuals .productResources::before { display: none; } .productResources__label { color: #FF666F; } .productResources__lists { margin-top: 12px; } .productResources__list + .productResources__list { margin-top: 72px; } .productResources__listItems { display: flex; align-items: stretch; flex-wrap: wrap; margin: 18px -6px 0; } .productResources__listItems--videos { margin: 0 -24px; } .productResources__listItem { width: 50%; padding: 5px 6px; } .productResources__listItems--videos .productResources__listItem { width: 25%; padding: 24px; } .productResources__listItemLink { display: flex; align-items: center; height: 100%; background-color: #272727; color: #ffffff; padding: 24px; border-radius: 6px; transition: color 0.1s linear; } .productResources__listItemIcon { width: 24px; height: 20px; margin-right: 16px; } .productResources .modal__button { width: 100%; } .productResources__listItemModalButton { text-align: left; } .productResources__listItemModalButtonImageContainer { position: relative; height: 200px; border-radius: 6px; overflow: hidden; } .productResources__listItemModalButtonImage { display: block; height: 100%; width: 100%; object-fit: cover; } .productResources__listItemModalButtonIconContainer { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .productResources__listItemModalButtonIconContainer::before { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); height: 24px; width: 24px; background-color: #ffffff; z-index: -1; } .productResources__listItemModalButtonIcon { height: 54px; color: #E13535; } .productResources__listItemModalButtonCaption { font-size: 0.875rem; line-height: 16px; color: #ffffff; margin-top: 18px; transition: opacity 0.1s linear; } .productResources__listItemModalIframe { aspect-ratio: 1.77777778; height: auto; width: 100%; } @media all and (max-width: 940px) { .productResources__listItems--videos .productResources__listItem { width: 50%; } } @media all and (max-width: 640px) { .productResources__listItem, .productResources__listItems--videos .productResources__listItem { width: 100%; } } .productResources__listItemLink:hover, .productResources__listItemLink:focus { color: #EA0615; } .productResources__listItemModalButton:hover .productResources__listItemModalButtonCaption, .productResources__listItemModalButton:focus .productResources__listItemModalButtonCaption { opacity: 0.6; } .productCategorySlider { max-width: 1360px; display: flex; flex-direction: column; align-items: center; text-align: center; color: #ffffff; padding: 0 35px; } .productCategorySlider__textContent { max-width: 784px; } .productCategorySlider__label + .productCategorySlider__heading { margin-top: 8px; } .productCategorySlider__slider { width: 100%; margin: 34px 0 45px; } .productCategorySlider__slide { width: 100%; max-width: 432px; padding: 0 24px; } .productCategorySlider__slideInner { display: flex; flex-direction: column; height: 100%; text-align: left; padding: 20px; border-radius: 6px; } .productCategorySlider__slideImageContainer { display: flex; justify-content: center; align-items: center; height: 250px; pointer-events: none; } .productCategorySlider__slideText { margin-top: 16px; } .productCategorySlider__slideDescription { margin-top: 8px; } .productCategorySlider__slideButtonContainer { display: flex; padding-top: 24px; margin-top: auto; } @media all and (max-width: 640px) { .productCategorySlider__slide { padding: 0 8px; } } @media all and (min-width: 1380px ) { .productCategorySlider { padding: 0; } } @media all and (min-width: 768px) { .productCategorySlider__slider.centerMode .splide__list { justify-content: center; } .productCategorySlider__slider.centerMode .splide__arrows, .productCategorySlider__slider.hideArrows .splide__arrows { display: none; } } .productSpecifications { position: relative; color: #ffffff; padding-top: 82px; } .productSpecifications__label { color: #FF666F; } .productSpecifications__tables { position: relative; overflow: hidden; margin-top: 16px; transition: max-height 0.2s linear; } .productSpecifications__tableContainer + .productSpecifications__tableContainer { margin-top: 54px; } .productSpecifications__table { border: none; border-spacing: 0 4px; border-collapse: separate; margin-top: 10px; } .productSpecifications__table td { background-color: #272727; border-bottom: none; padding: 18px 24px; vertical-align: top; } .productSpecifications__table td:first-child { border-radius: 6px 0 0 6px; } .productSpecifications__table td:last-child { border-radius: 0 6px 6px 0; } .productSpecifications__tableRow { font-size: 0.875rem; line-height: 22px; } .productSpecifications__tableRowLabel { font-weight: 700; color: #C7C7C7; width: 528px; } .productSpecifications__tableRowValueTrue::before { content: ""; display: inline-block; width: 8px; height: 14px; border: solid #EA0615; border-width: 0 3px 3px 0; transform: rotate(45deg); margin-left: 4px; } .productSpecifications__tableRowValueFalse { color: #EA0615; height: 20px; } .productSpecifications__tableOverlay { position: absolute; left: 0; bottom: 0; width: 100%; height: 236px; background: linear-gradient(180deg, rgba(21, 21, 21, 0) 0%, #151515 100%); } .productSpecifications__showMoreButtonContainer { display: flex; justify-content: center; width: 100%; margin-top: 16px; } @media all and (max-width: 940px) { .productSpecifications__tableRowLabel { width: auto; } } .light .productSpecifications__tableHeading { color: #151515 !important; } .vue3-slider.customSlider .handle { width: 26px; height: 26px; top: -11px; background-color: #BDBDBD; border-radius: 50%; } .vue3-slider.customSlider .handle.hover { transform: none; } .roiCalculator { position: relative; display: flex; color: #ffffff; padding: 36px 35px 0; max-width: 1360px; } .roiCalculator__loader { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; background-color: rgba(0, 0, 0, 0.4); z-index: 10; } @media all and (min-width: 1380px ) { .roiCalculator { padding: 0; } } @media screen and (max-width: 1200px) { .roiCalculator { flex-direction: column; } } @media all and (max-width: 640px) { .roiCalculator { padding: 0 20px; } } .roiCalculatorDropdowns { position: relative; width: 100%; } .roiCalculatorDropdowns .info { text-align: center; margin: 20px; } .roiCalculatorDropdowns__header { display: flex; align-content: space-between; align-items: center; gap: 20px; } .roiCalculatorDropdowns__header .contactForm__select { margin-left: auto; width: 150px; } .roiCalculatorDropdowns__resetButton { position: absolute; bottom: calc(100% + 16px); right: 0; display: flex; align-items: center; font-size: 0.875rem; line-height: 22px; color: #ffffff; } .roiCalculatorDropdowns__resetButtonIcon { margin-right: 4px; } .roiCalculatorDropdowns__dropdownSelectedItem { font-size: 0.875rem; line-height: 14px; margin-left: 22px; color: #FF717A; font-weight: 400; } .roiCalculatorDropdowns__dropdownSelectedItemIcon { font-size: 12px; margin-left: 4px; } .roiCalculatorDropdowns__productErrorMessage { position: absolute; top: calc(100% + 4px); left: 0; font-size: 12px; color: #EA0615; } .roiCalculatorDropdowns__studiesErrorMessage { position: absolute; top: calc(56% + 4px); left: 60px; font-size: 12px; color: #EA0615; } .roiCalculatorDropdowns__chargeErrorMessage { position: absolute; top: calc(80% + 4px); left: 60px; font-size: 12px; color: #EA0615; } .roiCalculatorDropdowns__continueButtonContainer { display: flex; justify-content: flex-end; width: 100%; margin-top: 30px; } .roiCalculatorDropdowns__rangeSliderItem + .roiCalculatorDropdowns__rangeSliderItem { margin-top: 52px; } .roiCalculatorDropdowns__rangeSliderDescription { margin-top: 4px; } .roiCalculatorDropdowns__rangeSliderContainer { margin-top: 16px; } .roiCalculatorDropdowns__rangeSlider { padding: 22px 26px; background: #151515; border-radius: 6px; } .light .roiCalculatorDropdowns__rangeSlider { background: #C4C4C4; } .roiCalculatorDropdowns__rangeSliderValues { display: flex; align-items: center; justify-content: space-between; padding: 0 26px; margin-top: 12px; } .roiCalculatorDropdowns__rangeSliderValue { font-size: 14px; color: #BDBDBD; } .light .roiCalculatorDropdowns__rangeSliderValue { color: #151515; } .roiCalculatorDropdowns__rangeSliderValue--current { color: #EA0615; font-weight: 700; } @media all and (max-width: 640px) { .roiCalculatorDropdowns__dropdownSelectedItem { margin-top: 8px; } } .roiCalculatorResults { min-width: 430px; margin-left: 36px; } .roiCalculatorResults__inner { background-color: #151515; border: 2px solid #272727; border-radius: 6px; padding: 46px 40px; } .light .roiCalculatorResults__inner { background: #E9E9E9; border-color: #E9E9E9; color: #151515; } .roiCalculatorResults__section + .roiCalculatorResults__section { margin-top: 52px; } .roiCalculatorResults__sectionHeader { display: flex; } .roiCalculatorResults__sectionHeaderIcon { height: 56px; color: #393939; margin-right: 18px; } .light .roiCalculatorResults__sectionHeaderIcon { color: #151515; } .roiCalculatorResults__sectionHeaderDescription { font-size: 0.875rem; line-height: 18px; margin-top: 8px; } .roiCalculatorResults__sectionMain { margin-top: 18px; } .roiCalculatorResults__calendar { display: -webkit-box; display: flex; align-items: center; background-color: #272727; border-radius: 6px; padding: 24px; transition: background-color 0.1s linear; } .light .roiCalculatorResults__calendar { background: #C4C4C4; } .roiCalculatorResults__calendar.paybackResults { background-color: #EA0615; } .roiCalculatorResults__calendarIconContainer { position: relative; } .roiCalculatorResults__calendarIcon { height: 75px; color: #525252; transition: color 0.1s linear; } .paybackResults .roiCalculatorResults__calendarIcon { color: #ffffff; } .roiCalculatorResults__calendarCheckmark { position: absolute; bottom: 20px; left: 28px; width: 14px; height: 27px; border: solid #525252; border-width: 0 4px 4px 0; transform: rotate(45deg); transition: border-color 0.1s linear; } .paybackResults .roiCalculatorResults__calendarCheckmark { border-color: #ffffff; } .roiCalculatorResults__calendarResultsItem { margin-left: 32px; } .roiCalculatorResults__calendarResultsItem + .roiCalculatorResults__calendarResultsItem { margin-left: 20px; } .roiCalculatorResults__calendarResultValue { font-size: 2.75rem; line-height: 48px; font-weight: 700; color: #525252; margin-left: -2px; transition: color 0.1s linear; } .paybackResults .roiCalculatorResults__calendarResultValue { color: #ffffff; } .roiCalculatorResults__calendarResultUnits { font-size: 0.75rem; line-height: 14px; font-weight: 700; color: #ffffff; margin-top: 8px; } .roiCalculatorResults__calendarResultsDescription { font-size: 0.5625rem; line-height: 14px; color: #ffffff; margin-top: 4px; } .roiCalculatorResults__ctaButtonContainer { margin-top: 28px; } .roiCalculatorResults__ctaButton { width: 100%; margin-bottom: 20px; } .roiCalculatorResults__ctaButton[disabled], .roiCalculatorResults__ctaButton.disabled { opacity: 0.7; pointer-events: none; } .roiCalculatorResults__ctaButton:last-child { margin: 0; } .roiCalculatorResults .modal__button { width: 100%; margin: 0 0 20px; } .roiCalculatorResults__contactInfo { display: flex; align-items: center; justify-content: center; margin-top: 32px; } .roiCalculatorResults__contactPhoneContainer { font-size: 0.875rem; line-height: 16px; color: #ffffff; margin-left: 12px; } .light .roiCalculatorResults__contactPhoneContainer { color: #151515; } .roiCalculatorResults__contactPhone { color: #FF717A; } @media screen and (max-width: 1200px) { .roiCalculatorResults { min-width: 0; margin-left: 0; margin-top: 36px; } .roiCalculatorResults__calendar { max-width: 380px; margin: 0 auto; } .roiCalculatorResults__ctaButtonContainer { max-width: 360px; margin: 20px auto 0; } } @media all and (max-width: 640px) { .roiCalculatorResults__inner { padding: 46px 20px; } .roiCalculatorResults__calendar { max-width: none; flex-direction: column; } .roiCalculatorResults__calendarResultsItem, .roiCalculatorResults__calendarResultsItem + .roiCalculatorResults__calendarResultsItem { text-align: center; margin-left: 0; margin-top: 16px; } .roiCalculatorResults__contactInfo { flex-direction: column; } .roiCalculatorResults__contactPhoneContainer { margin-left: 0; margin-top: 16px; } } .roiCalculatorResults__contactPhone:hover, .roiCalculatorResults__contactPhone:focus { color: #ffffff; } .vacancy__content { max-width: 980px; margin: 56px auto 0; } .vacancy__content p, .vacancy__content ul, .vacancy__content ol { font-size: 16px; line-height: 22px; } .vacancy__linkContainer { display: flex; margin-top: 40px; } .vacancy__link, .textEditor__content .vacancy__link { color: #ffffff; transition: color 0.1s linear, background-color 0.1s linear; } .vacancy__link:hover, .vacancy__link:focus, .textEditor__content .vacancy__link:hover, .textEditor__content .vacancy__link:focus { color: #000000; opacity: 1; } .splide__container { position: relative; } .splide__list { -webkit-backface-visibility: hidden; backface-visibility: hidden; display: -ms-flexbox; display: flex; align-items: stretch; height: 100%; margin: 0 !important; padding: 0 !important; } .splide.is-initialized:not(.is-active) .splide__list { display: block; } .splide__progress__bar { width: 0; } .splide { position: relative; visibility: hidden; } .splide.is-initialized, .splide.is-rendered { visibility: visible; } .splide__slide { -webkit-backface-visibility: hidden; backface-visibility: hidden; box-sizing: border-box; flex-shrink: 0; list-style-type: none !important; margin: 0; position: relative; } .splide__slide .imageWrap { display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; } .splide__slide img { vertical-align: bottom; max-height: 600px; object-fit: contain; width: 100%; } .compareProducts .splide__slide img { vertical-align: middle; height: 240px; aspect-ratio: 1.33333333; } .compareProducts .placeholder .splide__slide img { object-fit: cover; } .splide__slide a { color: #ffffff; } .splide__spinner { animation: splide-loading 1s linear infinite; border: 2px solid #999; border-left-color: transparent; border-radius: 50%; bottom: 0; contain: strict; display: inline-block; height: 20px; left: 0; margin: auto; position: absolute; right: 0; top: 0; width: 20px; } .splide__sr { clip: rect(0 0 0 0); border: 0; height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .splide__toggle.is-active .splide__toggle__play, .splide__toggle__pause { display: none; } .splide__toggle.is-active .splide__toggle__pause { display: inline; } .splide__track { overflow: hidden; position: relative; z-index: 0; } .compareProducts .disabled .splide__track { pointer-events: none; } @keyframes splide-loading { 0% { transform: rotate(0); } to { transform: rotate(1turn); } } .splide__track--draggable { -webkit-touch-callout: none; -webkit-user-select: none; -ms-user-select: none; user-select: none; } .splide__track--fade > .splide__list { display: block; } .splide__track--fade > .splide__list > .splide__slide { left: 0; opacity: 0; position: absolute; top: 0; z-index: 0; } .splide__track--fade > .splide__list > .splide__slide.is-active { opacity: 1; position: relative; z-index: 1; } .splide--rtl { direction: rtl; } .splide__track--ttb > .splide__list { display: block; } .splide__arrow { -ms-flex-align: center; align-items: center; cursor: pointer; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; padding: 0; position: absolute; top: 50%; transform: translateY(-50%); width: 42px; height: 42px; z-index: 1; border: 1px solid #ffffff; border-radius: 50%; box-shadow: 0 2px 4px #000000; } .splide__arrow svg { fill: #ffffff; height: 1.2em; width: 1.2em; } .splide__arrow:hover:not(:disabled) { opacity: 0.8; } .splide__arrow:disabled { opacity: 0.4; } .splide__arrow:focus-visible { outline: 3px solid #0bf; outline-offset: 3px; } .splide__arrow--prev { left: -24px; } .splide__arrow--prev svg { transform: scaleX(-1); } .splide__arrow--next { right: -24px; } .splide.is-focus-in .splide__arrow:focus { outline: 3px solid #0bf; outline-offset: 3px; } .splide__pagination { align-items: center; display: -ms-flexbox; display: flex; justify-content: center; margin: 0; pointer-events: none; top: calc(100% + 16px); left: 0; padding: 0 1em; position: absolute; right: 0; z-index: 1; } .splide__pagination li { display: inline-block; line-height: 1; list-style-type: none; margin: 0; pointer-events: auto; } .splide__pagination__page { height: 48px; width: 48px; border: 0; display: inline-flex; justify-content: center; align-items: center; margin: 0 4px; padding: 0; position: relative; border-radius: 50%; } .splide__pagination__page::before { content: ""; background-color: rgba(255, 255, 255, 0.5); width: 16px; height: 16px; border-radius: 50%; position: absolute; transition: background-color 0.1s linear; } .splide__pagination__page.is-active { z-index: 1; } .splide__pagination__page.is-active::before { background-color: #ffffff; } .splide__pagination__page:hover { cursor: pointer; } .splide__pagination__page:hover::before { background-color: rgba(255, 255, 255, 0.8); } .splide__pagination__page:focus-visible { outline-offset: 0; outline: 2px solid currentColor; } .splide.is-focus-in .splide__pagination__page:focus { outline-offset: 0; outline: 2px solid currentColor; } .splide__progress__bar { background: #000; opacity: 0.5; height: 3px; } .splide__slide { -webkit-tap-highlight-color: transparent; } .splide__slide:focus { outline: 0; } @supports (outline-offset:-3px) { .splide__slide:focus-visible { outline: 3px solid #0bf; outline-offset: -3px; } } @media screen and (-ms-high-contrast: none) { .splide__slide:focus-visible { border: 3px solid #0bf; } } @supports (outline-offset:-3px) { .splide.is-focus-in .splide__slide:focus { outline: 3px solid #0bf; outline-offset: -3px; } } @media screen and (-ms-high-contrast: none) { .splide.is-focus-in .splide__slide:focus { border: 3px solid #0bf; } .splide.is-focus-in .splide__track > .splide__list > .splide__slide:focus { border-color: #0bf; } } .splide__toggle { cursor: pointer; } .splide__toggle:focus-visible { outline-offset: 0; outline: 2px solid currentColor; outline-offset: 3px; } .splide.is-focus-in .splide__toggle:focus { outline: 3px solid #0bf; outline-offset: 3px; } .splide__track--nav > .splide__list > .splide__slide { border: 3px solid transparent; cursor: pointer; } .splide__track--nav > .splide__list > .splide__slide.is-active { border: 3px solid #000; } .splide__arrows--rtl .splide__arrow--prev { left: auto; right: 1em; } .splide__arrows--rtl .splide__arrow--prev svg { transform: scaleX(1); } .splide__arrows--rtl .splide__arrow--next { left: 1em; right: auto; } .splide__arrows--rtl .splide__arrow--next svg { transform: scaleX(-1); } .splide__arrows--ttb .splide__arrow { left: 50%; transform: translate(-50%); } .splide__arrows--ttb .splide__arrow--prev { top: 1em; } .splide__arrows--ttb .splide__arrow--prev svg { transform: rotate(-90deg); } .splide__arrows--ttb .splide__arrow--next { bottom: 1em; top: auto; } .splide__arrows--ttb .splide__arrow--next svg { transform: rotate(90deg); } .splide__pagination--ttb { bottom: 0; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; left: auto; padding: 1em 0; right: 0.5em; top: 0; } .sliderWrap { margin: 54px auto; } .sliderWrap .sliderText { width: 100%; background-color: rgba(255, 255, 255, 0.0001); } .sliderWrap .sliderText .slideSubTitle, .sliderWrap .sliderText .slideTitle { color: #ffffff; } .sliderWrap .splide__splide { height: auto !important; } .sliderWrap .splide__pagination { display: none; } .testimonialsMasonry { max-width: 1360px; color: #ffffff; padding: 0 40px; margin: 128px auto 80px; } .testimonialsMasonry__heading { margin-bottom: 48px; } .testimonialsMasonry__masonry { display: grid; grid-gap: 32px; grid-template-columns: repeat(3, auto); grid-auto-rows: 0; } .testimonialsMasonry__masonryItemInner { display: flex; flex-direction: column; background-color: #272727; padding: 28px; border-radius: 6px; } .testimonialsMasonry__masonryItemText { line-height: 26px; } .testimonialsMasonry__masonryItemAuthorInfo { padding-top: 28px; margin-top: auto; } .testimonialsMasonry__masonryItemAuthorCompany { font-size: 16px; margin-top: 4px; } .testimonialsMasonry__masonryItemAuthorCompanyAddress { font-size: 14px; color: #A0A0A0; margin-top: 2px; } @media all and (max-width: 640px) { .testimonialsMasonry { padding: 0 20px; margin: 90px auto 56px; } } @media all and (min-width: 641px ) and (max-width: 1379px ) { .testimonialsMasonry__masonry { grid-template-columns: repeat(2, auto); } } @media all and (max-width: 940px) { .testimonialsMasonry__masonry { grid-template-columns: repeat(1, 100%); } } @media all and (min-width: 1380px ) { .testimonialsMasonry { padding: 0; } } .testimonialsSlider { text-align: center; max-width: 1360px; padding: 96px 0 58px; } .testimonialsSlider.altView { text-align: left; background: linear-gradient(to bottom, #272727 0%, #151515 100%); max-width: none; padding-top: 0; } .light .testimonialsSlider.altView { background: linear-gradient(to bottom, #f1f1f1 0%, #d2d2d2 100%); } .testimonialsSlider__slider { padding: 0 7.5vw; margin-top: 32px; } .altView .testimonialsSlider__slider { max-width: 1360px; padding: 78px 70px 0; margin: 0 auto; } .wp-block-column .altView .testimonialsSlider__slider { height: 100%; } .testimonialsSlider__slide { display: flex; flex-direction: column; align-items: center; width: 100%; color: #ffffff; } .altView .testimonialsSlider__slide { max-width: 50%; align-items: flex-start; padding: 0 64px; } .wp-block-column .altView .testimonialsSlider__slide { max-width: 100%; } .testimonialsSlider__videoButtonContainer { margin-top: 34px; } .testimonialsSlider__authorInfo { display: flex; flex-direction: column; align-items: center; max-width: 752px; margin: 40px auto 0; } .altView .testimonialsSlider__authorInfo { flex-direction: row; max-width: 80%; padding-top: 92px; margin: auto 0 0; } .testimonialsSlider__authorImageContainer { width: 60px; height: 60px; border-radius: 50%; overflow: hidden; margin-bottom: 12px; } .altView .testimonialsSlider__authorImageContainer { width: 60px; height: 60px; margin-bottom: 0; margin-right: 24px; } .testimonialsSlider__authorImage { display: block; width: 100%; height: 100%; object-fit: cover !important; } .testimonialsSlider__authorCompany { font-size: 1rem; line-height: 18px; margin-top: 4px; } .testimonialsSlider__authorCompanyAddress { font-size: 0.875rem; line-height: 18px; margin-top: 2px; } .altView .testimonialsSlider__authorCompanyAddress { color: #A0A0A0; } .testimonialsSlider__iframeContainer { position: relative; display: block; width: 600px; height: 300px; } @media all and (max-width: 640px) { .testimonialsSlider__iframeContainer { width: 320px; height: 400px; } } .testimonialsSlider__iframe { position: absolute; top: 0; left: 0; bottom: 0; height: 100%; width: 100%; border: 0; } .testimonialsSlider.altView .splide__track { margin: 0px -60px !important; } .wp-block-column .testimonialsSlider.altView .splide__track { height: 100%; } .wp-block-column .testimonialsSlider.altView .splide__arrows { display: none; } .testimonialsSlider.altView .splide__arrow--prev { left: 14px; } .testimonialsSlider.altView .splide__arrow--next { right: 14px; } .testimonialsSlider.altView .splide__pagination { display: none; bottom: calc(100% - 28px); } @media all and (max-width: 640px) { .testimonialsSlider { padding: 48px 0 32px; } .testimonialsSlider__slider { padding: 0 20px; } .altView .testimonialsSlider__slider { padding: 56px 60px 0; margin: -36px auto 0; } .altView .testimonialsSlider__slide { padding: 0 24px; } .altView .testimonialsSlider__authorInfo { max-width: none; padding-top: 48px; } .testimonialsSlider.altView .splide__track { margin: 0px -24px !important; } .testimonialsSlider.altView .splide__arrows { display: none; } .testimonialsSlider.altView .splide__pagination { bottom: calc(100% - 20px); } } @media all and (max-width: 940px) { .altView .testimonialsSlider__slide { max-width: none; } .testimonialsSlider.altView .splide__pagination { display: flex; } } @media all and (min-width: 1380px ) { .testimonialsSlider { padding: 96px 0 58px; } .testimonialsSlider__slider { padding: 0; } .altView .testimonialsSlider__slider { padding: 70px 70px 40px 70px; } } .textAndImage { display: flex; color: #ffffff; max-width: 1360px; } .textAndImage.reverse { flex-direction: row-reverse; } .textAndImage.isFull .textAndImage__textContent { width: 100%; } .textAndImage.backgroundImage { position: relative; overflow: hidden; min-height: 640px; max-width: none; } .light .textAndImage.backgroundImage { color: #ffffff; } .textAndImage.additionalSpacing { margin: 110px auto; } .wp-block-column .textAndImage { height: 100%; } .textAndImage__textContent, .textAndImage__mediaContainer { width: 50%; } .textAndImage__textContent { display: flex; flex-direction: column; justify-content: center; padding: 20px 6.38vw 20px 35px; } .textAndImage.reverse .textAndImage__textContent { padding: 20px 35px 20px 6.38vw; } .textAndImage.backgroundImage .textAndImage__textContent { width: 100%; max-width: 1360px; margin: 0 auto; padding: 20px 35px; } .textEditor .textAndImage__textContent { padding-right: 64px; padding-left: 0; } .textEditor .textAndImage.reverse .textAndImage__textContent { padding-left: 64px; padding-right: 0; } .wp-block-column .textAndImage__textContent, .wp-block-column .textAndImage.reverse .textAndImage__textContent { padding: 20px 40px; } .textAndImage__label + .textAndImage__heading { margin-top: 18px; } .wp-block-column .textAndImage__heading { font-size: 1.625rem; line-height: 34px; } .textAndImage__description { font-size: 1.125rem; line-height: 28px; margin-top: 10px; } .wp-block-column .textAndImage__description { font-size: 1rem; line-height: 24px; } .single .textAndImage__description { font-size: 14px; line-height: 22px; } .textAndImage__description ul, .textAndImage__description ol { padding-left: 18px; } .textAndImage__description ul li, .textAndImage__description ol li { list-style-type: disc; } .textAndImage__description a { color: #EA0615; } .textAndImage__description > * + h2, .textAndImage__description > * + h3, .textAndImage__description > * + h4, .textAndImage__description > * + h5, .textAndImage__description > * + h6, .textAndImage__description > * + p { margin-top: 16px; } .textAndImage__description > h2 + *, .textAndImage__description > h3 + *, .textAndImage__description > h4 + *, .textAndImage__description > h5 + *, .textAndImage__description > h6 + * { margin-top: 10px; } .textAndImage__links { display: flex; flex-wrap: wrap; margin: 32px -10px 0; } .textAndImage.backgroundImage .textAndImage__label, .textAndImage.backgroundImage .textAndImage__heading, .textAndImage.backgroundImage .textAndImage__description, .textAndImage.backgroundImage .textAndImage__links { max-width: calc(50% - 20px); } .textAndImage__linkContainer { padding: 11px; } .wp-block-column .textAndImage__link { color: #ffffff; } .textAndImage.backgroundImage .textAndImage__mediaContainer { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: -1; } .textAndImage__image { position: relative; width: 100%; height: 100%; object-fit: cover; z-index: 0; } .textAndImage__imageOverlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; background-color: rgba(0, 0, 0, 0.25); } .textAndImage__video { min-height: 382px; height: 100%; width: 100%; } .textAndImage__description a:hover, .textAndImage__description a:focus { opacity: 0.8; } .wp-block-column .textAndImage__link.btn--primary:hover, .wp-block-column .textAndImage__link.btn--primary:focus { color: #000000; opacity: 1; } .wp-block-column .textAndImage__link.btn--secondary:hover, .wp-block-column .textAndImage__link.btn--secondary:focus { color: #ffffff; background-color: rgba(255, 255, 255, 0.0001); opacity: 1; } @media all and (max-width: 640px) { .textAndImage, .textAndImage.reverse { flex-direction: column-reverse; } .textAndImage.backgroundImage { min-height: 100vw; } .textAndImage.additionalSpacing { margin: 72px auto; } .textAndImage__textContent, .textAndImage__mediaContainer { width: 100%; } .textAndImage__textContent, .textAndImage.reverse .textAndImage__textContent, .textAndImage.backgroundImage .textAndImage__textContent { padding: 92px 20px; min-height: 0; } .textAndImage.backgroundImage .textAndImage__textContent { min-width: 0; } .textAndImage.backgroundImage .textAndImage__label, .textAndImage.backgroundImage .textAndImage__heading, .textAndImage.backgroundImage .textAndImage__description, .textAndImage.backgroundImage .textAndImage__links { max-width: 100%; } } @media all and (min-width: 1380px ) { .textAndImage__textContent { padding: 20px 92px 20px 0; } .textAndImage.reverse .textAndImage__textContent { padding: 20px 0 20px 92px; } .textAndImage.backgroundImage .textAndImage__textContent { min-width: 0; width: 100%; padding: 20px 0; } } .textEditor { max-width: 908px; padding: 0 35px; margin-left: auto; margin-right: auto; } .textEditor.contentBlock { margin: 54px auto; } .textEditor.additionalSpacing { margin: 130px auto; } .textEditor.horizontalLayout { max-width: 1340px; display: flex; align-items: center; justify-content: space-between; } .horizontalLayout .textEditor__textContent { max-width: 50%; } .textEditor__label { margin-bottom: 20px; } .textEditor__content { color: #ffffff; } .textEditor__content h1 { margin-bottom: 38px; } .textEditor__content h2, .textEditor__content h3, .textEditor__content h4, .textEditor__content h5, .textEditor__content h6 { max-width: 794px; margin-bottom: 38px; } .textEditor__content * + h1, .textEditor__content * + h2, .textEditor__content * + h3, .textEditor__content * + h4, .textEditor__content * + h5, .textEditor__content * + h6 { margin-top: 72px; } .textEditor__content p, .textEditor__content ul li, .textEditor__content ol li { font-size: 14px; line-height: 22px; } .textEditor__content p + p, .textEditor__content p + ul, .textEditor__content p + ol, .textEditor__content ul + p, .textEditor__content ul + ul, .textEditor__content ul + ol, .textEditor__content ol + p, .textEditor__content ol + ul, .textEditor__content ol + ol { margin-top: 20px; } .textEditor__content ul { list-style: disc; } .textEditor__content ul.shareButtons { display: flex; list-style: none; padding-left: 0; margin: 32px -10px 0; } .textEditor__content ul.shareButtons li:last-child { margin-left: auto; } .textEditor__content ul, .textEditor__content ol { padding-left: 20px; } .textEditor__content ul li, .textEditor__content ol li { list-style-type: inherit; } .textEditor__content ul.shareButtons li.shareButtons__item { display: flex; align-items: center; padding: 10px; } .textEditor__content a:not(.btn) { color: #EA0615; transition: opacity 0.1s linear; } .textEditor__content ul.shareButtons .shareTitle { font-size: 14px; text-transform: uppercase; } .textEditor__content ul.shareButtons a.shareButtons__link { display: flex; justify-content: center; align-items: center; width: 32px; height: 32px; color: #ffffff; } .light .textEditor__content ul.shareButtons a.shareButtons__link { color: #151515; } .textEditor__content ul.shareButtons a.shareButtons__link svg { font-size: 24px; } .light .textEditor__content ul.shareButtons a.shareButtons__link svg path { fill: #151515; } .textEditor__content iframe { margin: 54px auto 0; width: 100%; aspect-ratio: 1.77777778; height: auto; } .textEditor__links { display: flex; align-items: center; flex-wrap: wrap; margin: 44px -10px 0; } .textEditor__links.centered { justify-content: center; } .textEditor.horizontalLayout .textEditor__links { max-width: 50%; margin-top: 0; margin-right: -20px; } .textEditor__linkContainer { display: flex; padding: 10px; } .textEditor__linkContainer p { font-size: 14px; line-height: 18px; color: #ffffff; } .textEditor__linkContainer p a { font-weight: 700; color: #FF717A; transition: opacity 0.1s linear; } .textEditor__ctaButtons { display: flex; flex-wrap: wrap; margin: 10px -10px; } .textEditor__ctaButton { color: #ffffff; margin: 10px; } @media all and (max-width: 640px) { .textEditor { padding: 0 20px; } .textEditor.additionalSpacing { margin: 96px auto; } .textEditor.horizontalLayout { flex-direction: column; align-items: flex-start; } .textEditor.horizontalLayout .textEditor__textContent, .textEditor.horizontalLayout .textEditor__links { max-width: none; } .textEditor.horizontalLayout .textEditor__links { margin-right: -10px; } } @media all and (min-width: 1380px ) { .textEditor { padding: 0; } } .textEditor__content a:not(.btn):hover, .textEditor__content a:not(.btn):focus { opacity: 0.8; } .textEditor__linkContainer p a:hover, .textEditor__linkContainer p a:focus { opacity: 0.8; } .textEditor .saveContent { cursor: pointer; } .textEditor .saveContent__button { padding: 10px; color: #FFF; font-weight: bold; } .textEditor .saveContent .saveToMyAccount, .textEditor .saveContent .summary__linkIcon { color: #FF717A; } .textEditor .saveContent__spinner { display: none; padding-left: 10px; } .textEditor .savedContent { cursor: default; } .textEditor .savedContent .saveContent__button { cursor: default; } .textEditor .saveContent:hover { opacity: 0.8; } .textEditor .savedContent:hover { opacity: 1; } .threeImages { max-width: 1360px; display: flex; flex-direction: column; align-items: center; text-align: center; color: #ffffff; overflow: hidden; padding: 0 20px; } .threeImages.additionalSpacing { margin: 168px auto; } .threeImages__textContent { max-width: 904px; } .threeImages__label + .threeImages__heading { margin-top: 24px; } .threeImages__imageContainer { margin-top: 74px; margin-bottom: -146px; } .threeImages__image { display: block; max-width: 100%; height: auto; } .threeImages__image + .threeImages__image { margin-left: 24px; } @media all and (max-width: 640px) { .threeImages.additionalSpacing { margin: 108px auto; } } @media all and (max-width: 640px), all and (min-width: 641px ) and (max-width: 1379px ) { .threeImages__imageContainer { margin-bottom: -10.14vw; } } body { font-family: 'Open Sans', Arial, sans-serif; } body.light { color: #151515; } h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 { font-family: 'Century Gothic', CenturyGothic, AppleGothic, sans-serif; font-weight: 700; } h1, .h1 { font-size: 3rem; line-height: 53px; } h2, .h2 { font-size: 2.5rem; line-height: 44px; } h3, .h3 { font-size: 2.125rem; line-height: 38px; } h4, .h4 { font-size: 1.75rem; line-height: 31px; } h5, .h5 { font-size: 1.5rem; line-height: 27px; } h6, .h6 { font-size: 1.125rem; line-height: 20px; } @media all and (max-width: 640px) { h1, .h1 { font-size: 2.25rem; line-height: 40px; } h2, .h2 { font-size: 2rem; line-height: 36px; } h3, .h3 { font-size: 1.75rem; line-height: 31px; } h4, .h4 { font-size: 1.5rem; line-height: 27px; } h5, .h5 { font-size: 1.25rem; line-height: 22px; } h6, .h6 { font-size: 1rem; line-height: 18px; } } .dark .singleBlogPost .pageContent p span { color: #fff !important; } .light .textEditor__content .vacancy__link, .vacancy__link { color: #151515; } .light .contentBlock .h6 { color: #000 !important; } .single-courses .testimonialsSlider__slideText { font-size: 0.875rem; line-height: 26px; } .navMenuAbout.universityProgram .navMenuAbout__primaryLinkItem { padding: 5px 18px; } .single-imv-careers.light h1.heroHome__heading { color: #151515 !important; } .light .postsArchive__postsHeading { color: #151515 !important; } .light #productAccessories .contentBlock .h6 { color: #FF666F !important; } .testimonialsSlider__slideText { font-size: 18px !important; } .videoWithCaption { max-width: 908px; padding: 0 35px; } .videoWithCaption__items { display: flex; flex-wrap: wrap; margin: -14px; } .videoWithCaption__item { flex: 1 0 50%; padding: 14px; } .videoWithCaption__item:nth-of-type(2n + 3) { max-width: 50%; } .videoWithCaption__videoContainer { position: relative; display: block; height: 0; padding-bottom: 56.25%; border-radius: 6px; overflow: hidden; } .videoWithCaption__video { position: absolute; top: 0; left: 0; bottom: 0; height: 100%; width: 100%; border: 0; } .videoWithCaption__caption { max-width: 88%; color: #ffffff; margin-top: 20px; } .light .videoWithCaption__caption { color: #151515; } @media all and (max-width: 640px) { .videoWithCaption { padding: 0 20px; } .videoWithCaption__item { flex-basis: 100%; } .videoWithCaption__item:nth-of-type(2n + 3) { max-width: none; } } @media all and (min-width: 1380px ) { .videoWithCaption { padding: 0; } } .v-select { font-family: 'Century Gothic', CenturyGothic, AppleGothic, sans-serif; } .v-select .vs__dropdown-toggle { position: relative; background-color: rgba(255, 255, 255, 0.0001); border: 1px solid #333333; border-radius: 6px; padding: 13px 20px; } .roiCalculator .v-select .vs__dropdown-toggle { background-color: #151515; border: 1px solid #151515; padding: 13px 20px 14px; transition: border-color 0.1s linear; } .light .roiCalculator .v-select .vs__dropdown-toggle { background: #C4C4C4; border-color: #C4C4C4; } .v-select.hasError .vs__dropdown-toggle { border-color: #EA0615; } .v-select .vs__selected-options { cursor: pointer; padding: 0 30px 0 0; } .v-select .vs--unsearchable .vs__search { opacity: 0; } .v-select .vs__search::-moz-placeholder { color: #ffffff; } .v-select .vs__search::placeholder { color: #ffffff; } .v-select .vs__search:-ms-input-placeholder, .v-select .vs__search::-ms-input-placeholder { color: #ffffff; } .v-select .vs__search::-ms-clear { display: none; } .v-select .vs__dropdown-menu { background-color: #000000; color: #ffffff; border-radius: 0; } .v-select .vs__dropdown-option { cursor: pointer; } .v-select .vs__dropdown-option { padding: 9px 15px; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 14px; transition: background-color 0.1s linear, color 0.1s linear; } .v-select .vs__dropdown-option--selected { opacity: 0.6; } .v-select .vs__dropdown-option--highlight { background: #272727; color: #ffffff; } .v-select .vs__dropdown-option a { color: inherit; } .v-select .vs__selected { padding: 0 5px; font-family: 'Open Sans', Arial, sans-serif; font-weight: 400; font-size: 14px; color: #ffffff; border: 1px solid #333333; background: none; } .light .v-select .vs__selected { border-color: #C4C4C4; } .v-select.vs--single .vs__selected { padding: 0 5px; margin: 0; } .postsArchive__filter .v-select.vs--single .vs__selected, .postsArchive__filter .v-select.vs--single.vs--open .vs__selected { position: absolute; } .v-select.vs--single.vs--open .vs__selected, .v-select.vs--single.vs--loading .vs__selected { position: relative; } .v-select .vs__actions { position: absolute; right: 20px; top: 50%; padding: 0; transform: translateY(-50%); } .v-select .vs__open-indicator, .v-select .vs__clear { fill: #ffffff; } .v-select .vs__deselect { fill: #fff; } .light .v-select .vs__deselect { fill: #151515; } .woocommerce-product-slider__slide { display: flex; justify-content: center; align-items: center; border-radius: 6px; } .woocommerce-product-slider .splide__track { background-color: #ffffff; border-radius: 6px; } .woocommerce-thumbnail-slider { width: calc(100% - 100px); margin: 20px auto 0; } .woocommerce-thumbnail-slider .splide__track--nav > .splide__list > .splide__slide { background-color: #ffffff; border: 3px solid rgba(255, 255, 255, 0.0001); border-radius: 6px; cursor: pointer; overflow: hidden; transition: border-color 0.1s linear; aspect-ratio: 1; } .woocommerce-thumbnail-slider .splide__track--nav > .splide__list > .splide__slide .imageWrap { height: 100%; display: flex; align-items: center; justify-content: center; } .woocommerce-thumbnail-slider .splide__track--nav > .splide__list > .splide__slide .imageWrap img { width: 100%; height: 100%; object-fit: contain; } .woocommerce-thumbnail-slider .splide__track--nav > .splide__list > .splide__slide.is-active { border-color: #FF666F; } .woocommerce-thumbnail-slider__slideGradient { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; opacity: 0; background-color: rgba(0, 0, 0, 0.5); transition: opacity 0.1s linear; } .woocommerce-thumbnail-slider .splide__track--nav > .splide__list > .splide__slide.is-active .woocommerce-thumbnail-slider__slideGradient { opacity: 1; } .woocommerce-thumbnail-slider .splide__arrow { border: none; } .woocommerce-thumbnail-slider .splide__arrow--prev { left: -62px; } .woocommerce-thumbnail-slider .splide__arrow--next { right: -62px; } .woocommerce-thumbnail-slider .splide__arrows--ttb .splide__arrow--prev { top: 0; left: 50%; } .woocommerce-thumbnail-slider .splide__arrows--ttb .splide__arrow--next { right: 50%; bottom: 0; } @media all and (max-width: 640px) { .woocommerce-thumbnail-slider { width: 100%; padding: 0 24px; } .woocommerce-thumbnail-slider .splide__arrow--prev { left: -12px; } .woocommerce-thumbnail-slider .splide__arrow--next { right: -12px; } } @media all and (min-width: 641px ) and (max-width: 1379px ) { .woocommerce-thumbnail-slider { width: calc(100% - 52px); } .woocommerce-thumbnail-slider .splide__arrow--prev { left: -38px; } .woocommerce-thumbnail-slider .splide__arrow--next { right: -38px; } } .wp-block-image { max-width: 908px; padding: 0 35px; margin: 20px auto; } @media all and (max-width: 640px) { .wp-block-image { padding: 0 20px; margin: 54px auto; } } @media all and (min-width: 1380px ) { .wp-block-image { padding: 0; } } .browseLayout { max-width: 1360px; min-width: 20px; margin: 0 auto; display: flex; color: #ffffff; } @media all and (max-width: 640px), all and (min-width: 641px ) and (max-width: 1379px ) { .browseLayout { padding: 0 20px; } } @media all and (max-width: 1024px) { .browseLayout { display: block; } } .browseSidebar { margin: 0 40px 60px 0; flex: 0 0 286px; } @media all and (max-width: 1024px) { .browseSidebar { margin-top: 0; width: 100%; } } .browseMain { flex-grow: 1; } .browseResults { position: relative; } .browseMeta { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; } .browseMeta--top { margin: 0 0 20px; } .browseMeta--bottom { margin: 62px 0 0; } .browseMeta__part { display: flex; align-items: center; } .browseMeta--bottom .browseMeta__part { width: 100%; } @media all and (max-width: 640px) { .browseMeta--bottom { margin-top: 36px; } } .browseItemCount { display: flex; align-items: center; color: #ffffff; line-height: 18px; font-size: 0.875rem; margin: 0 32px 0 16px; } .browseItemCount span:first-child { font-weight: 700; margin-right: 4px; } .browseSort .v-select .vs__search { opacity: 1; position: static; width: auto; height: auto; z-index: 0; margin: 0; padding: 0; } .browseSort .v-select .vs__dropdown-toggle { border: none; border-bottom: 2px solid white; border-radius: 0; padding: 12px 0; } .browseSort .v-select .vs__selected-options { padding-right: 56px; } .browseSort .v-select .vs__selected { font-family: 'Century Gothic', CenturyGothic, AppleGothic, sans-serif; font-weight: 700; } .browseSort .v-select .vs__search { max-width: 44px; } .browseSort .v-select .vs__selected-options .vs__selected + .vs__search { position: absolute; z-index: -1; opacity: 0; max-width: none; } .browseSort .v-select .vs__actions { right: 0; } .browseSort .v-select .vs__dropdown-menu { right: 0; left: auto; } .browseItemCount, .browseSort { visibility: hidden; } .browsePagination { margin: 0 auto; } .browsePagination .pagination { height: 52px; margin-bottom: 20px; } .browsePagination .pagination li { height: 100%; background-color: rgba(255, 255, 255, 0.0001); width: auto; margin: 0; } .browsePagination .pagination li a { display: flex; align-items: center; justify-content: center; min-width: 42px; height: 100%; font-size: 0.875rem; line-height: 16px; } .light .browsePagination .pagination li a { color: #151515; } .browsePagination .pagination li.active { background-color: rgba(255, 255, 255, 0.0001); } .browsePagination .pagination li.page-item { margin: 0 16px; } .browsePagination .pagination li.page-item a { color: #7A7E84; } .browsePagination .pagination li:not(.page-item) a { color: #ffffff; } .light .browsePagination .pagination li:not(.page-item) a { color: #151515; } .browsePagination .pagination li:not(.page-item).active a { color: #EA0615; } .browseItems { display: grid; grid-template-columns: repeat(3, 1fr); grid-gap: 36px 40px; } @media all and (min-width: 2000px) { .browseItems { grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); } } @media all and (max-width: 800px) { .browseItems { grid-template-columns: repeat(2, 1fr); } } @media all and (max-width: 640px) { .browseItems { grid-template-columns: repeat(1, 1fr); } } .itemSmall { height: 100%; } .itemSmall a { display: block; height: 100%; background-color: #272727; color: #ffffff; border-radius: 6px; overflow: hidden; transition: box-shadow 0.1s ease; } .itemSmall a:hover, .itemSmall a:focus { box-shadow: 0 2px 8px rgba(255, 255, 255, 0.4); } .itemSmallImage { display: flex; justify-content: center; align-items: center; height: 250px; background-color: #ffffff; } .itemSmallImage img { display: block; max-height: 100%; object-fit: contain; } .itemSmallCategoryColors { display: flex; width: 100%; } .itemSmallCategoryColors__color { height: 12px; } .itemSmallContent { padding: 16px 30px 32px 24px; color: #ffffff; } .itemSmallContent__label { font-size: 0.75rem; line-height: 20px; text-transform: uppercase; } .itemSmallContent__title { font-size: 1rem; line-height: 18px; margin-top: 4px; } .light .itemSmallContent__title { color: #fff !important; } .itemSmallContent__description { font-size: 0.75rem; line-height: 20px; margin-top: 8px; } .light .productAccessories__list .itemSmallContent .itemSmallContent__title { color: #000 !important; } .filterSidebarToggle.btn { display: none; } @media all and (max-width: 1024px) { .filterSidebarToggle.btn { display: flex; } } @media all and (max-width: 1024px) { .filterSidebarWrap { position: fixed; top: 0; left: 0; width: 100%; bottom: 80px; padding: 20px; z-index: 6000; background: #fff; overflow: auto; opacity: 0; visibility: hidden; transition: opacity 0.3s, visibility 0.3s; } } @media all and (max-width: 1024px) { .filterSidebarWrap.visible { opacity: 1; visibility: visible; } } .filterSearch__actions { margin: 20px 0 0; } .filterSearch .row { position: relative; display: flex; align-items: center; } .filterSearch .row input:not([type="checkbox"]):not([type="radio"]):not([class="vs__search"]) { position: relative; line-height: 49px; color: white; background-color: #272727; border: none; border-radius: 6px; padding: 0 56px 0 16px; z-index: 0; transition: background-color 0.1s linear; } .light .filterSearch .row input:not([type="checkbox"]):not([type="radio"]):not([class="vs__search"]) { border: 1px solid #151515; background: none; color: #151515; } .light .filterSearch .row input:not([type="checkbox"]):not([type="radio"]):not([class="vs__search"])::placeholder { color: #151515; } .filterSearch .searchButton { position: absolute; right: 12px; width: 32px; height: 32px; font-size: 16px; color: #ffffff; z-index: 1; } .filterSearch .icon { transition: opacity 0.1s linear; } .filterSearch .searchButton:hover .icon, .filterSearch .searchButton:focus .icon { opacity: 0.8; } .filterSearch .row input:not([type="checkbox"]):not([type="radio"]):not([class="vs__search"]):hover, .filterSearch .row input:not([type="checkbox"]):not([type="radio"]):not([class="vs__search"]):focus { background-color: rgba(39, 39, 39, 0.8); } .filterSidebarClose { position: fixed; bottom: 0; left: 0; width: 100%; padding: 20px; border-top: 1px solid #dadada; z-index: 6002; background: #fff; transform: translateZ(0); visibility: hidden; transition: opacity 0.3s; } .filterSidebarClose .button { width: 100%; margin: 0; } @media all and (max-width: 1024px) { .filterSidebarClose.visible { opacity: 1; visibility: visible; } } .filterRowWithCols { display: flex; flex-direction: row; align-content: flex-start; justify-content: space-between; padding: 10px 0 0; } .filterCol { display: flex; align-items: center; } .filterCol label { margin: 0 10px 0 0; } .filterCol input { max-width: 70px; } .browseTitleWrap { max-width: 1360px; padding: 0 35px; } @media all and (max-width: 640px) { .browseTitleWrap { padding: 0 20px; } } @media all and (min-width: 1380px ) { .browseTitleWrap { padding: 0; } } .filterHead { display: flex; justify-content: space-between; margin: 0 0 10px; align-items: center; } .filterClear { background: none; } .filterSection { clear: both; } .filterSection + .filterSection { margin-top: 24px; } .filterSectionTitle { position: relative; display: flex; justify-content: space-between; background: #272727; width: 100%; align-items: center; color: #ffffff; padding: 18px 15px; border-radius: 6px; transition: border-radius 0.2s linear; } .light .filterSectionTitle { border: 2px solid #151515; background: none; color: #151515; } .filterSectionTitle__heading { font-size: 0.875rem; line-height: 18px; font-weight: 700; color: inherit; } .filterSectionTitle:focus-visible { color: #EA0615; } .filterSectionTitle__icon { transition: 0.3s ease-in-out; } .filterSectionTitle--open { border-radius: 6px 6px 0 0; } .filterSectionTitle--open svg { transform: scale(1, -1); } .filterSection.categories .filterSectionContent { padding: 30px 10px; max-height: 100%; } @media all and (min-width: 1380px ) { .filterSection.categories .filterSectionContent { max-height: 500px; } } .filterSection.categories > .filterSectionContent > .wooFilterTreeLevel > .taxonomyTerms.row > label > span { font-weight: 900; } .filterSection.categories > .filterSectionContent > .wooFilterTreeLevel > .taxonomyTerms.row > label > .taxonomyTerms__dropIcon { color: inherit; } .filterSection.categories .wooFilterTreeLevel { max-height: 0; overflow: hidden; transition: max-height 0.2s linear, opacity 0.2s linear, padding-bottom 0.2s linear; padding: 0; } .filterSection.categories .wooFilterTreeLevel--openSubTree { max-height: 100%; opacity: 1; padding-bottom: 0; } .filterSection.categories .wooFilterTreeLevel .row { margin: 0; } .filterSection.categories .wooFilterTreeLevel .row > label { font-size: 0.875rem; font-family: 'Century Gothic', CenturyGothic, AppleGothic, sans-serif; } .filterSection.categories .wooFilterTreeLevel .row > label > span { font-weight: bold; } .filterSection.categories .wooFilterTreeLevel .row .row { padding-left: 5px; } .filterSection.categories .wooFilterTreeLevel .row .row label { font-size: 0.75rem; } .filterSection.categories .wooFilterTreeLevel .row .row .row { padding-left: 10px; } .filterSection.categories .wooFilterTreeLevel .row .row .row label { color: #B6B6B6; border-color: #B6B6B6; font-size: 0.6875rem; } .light .filterSection.categories .wooFilterTreeLevel .row .row .row label { color: #000; border-color: #000; } .filterSection.categories .wooFilterTreeLevel .row label { display: flex; justify-content: space-between; padding: 0 5px 0 20px; } .filterSection.categories .wooFilterTreeLevel .row label span { border-bottom: 2px solid transparent; } .filterSection.categories .wooFilterTreeLevel .row label:before { border: 0; background: 0; } .filterSection.categories .wooFilterTreeLevel .row label:after { content: ''; } .filterSection.categories .wooFilterTreeLevel .row input[type=checkbox]:focus + label:before { border: 0; } .filterSection.categories .wooFilterTreeLevel .row input:checked + label:before { border: 0; background: 0; content: ''; } .filterSection.categories .wooFilterTreeLevel .row input:checked + label span { border-bottom: 2px solid transparent; } .filterSection.categories .wooFilterTreeLevel .row input + label.active { border-color: #fff; } .filterSection.categories .wooFilterTreeLevel .row input + label.active span { border-color: inherit; } .filterSection.categories .wooFilterTreeLevel .row.hasChildren { position: relative; } .filterSection.categories .wooFilterTreeLevel .row.hasChildren .taxonomyTerms__dropIcon { position: absolute; top: 0; left: 0; color: #fff; transform: rotate(0deg); animation: rotation 2s infinite linear; } .filterSection.categories .wooFilterTreeLevel .row.hasChildren > input[type=checkbox] + label:after { content: ''; } .filterSection.categories .wooFilterTreeLevel .row.hasChildren > input[type=checkbox]:checked + label .taxonomyTerms__dropIcon { transform: rotate(180deg); } .filterSectionContent { position: relative; overflow: auto; max-height: 0; background-color: #272727; padding: 0 20px; border-radius: 0 0 6px 6px; transition: max-height 0.2s linear, opacity 0.2s linear, padding-top 0.2s linear, padding-bottom 0.2s linear; } .filterSectionContent--open { max-height: 500px; opacity: 1; padding: 20px; } .moreAboutCategory { border-top: 2px solid #272727; } .moreAboutCategory__wrapper { max-width: 1360px; min-width: 20px; margin: 0 auto; max-width: 894px; } @media all and (max-width: 640px), all and (min-width: 641px ) and (max-width: 1379px ) { .moreAboutCategory__wrapper { padding: 0 20px; } } .moreAboutCategory__title { margin: 0 0 5px; font-size: 1.125rem; } .moreAboutCategory__content { padding: 100px 0 120px; font-size: 0.875rem; line-height: 1.571; font-weight: 400; } .moreAboutCategory__content p { margin: 0 0 24px; } .moreAboutCategory__contentInner { position: relative; overflow: hidden; height: 175px; transition: height 0.6s ease-in-out 0s; } .moreAboutCategory__contentInner::after { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 96px; background: linear-gradient(180deg, rgba(21, 21, 21, 0) 0%, #151515 100%); opacity: 1; transition: opacity 0.2s ease-in-out 0s; } .moreAboutCategory__contentInner--open::after { opacity: 0; transition-delay: 0.4s; } .moreAboutCategory__button { margin: 35px auto 0; } /* * Slider Wrap */ .sliderWrap .splide__slide { display: flex; align-items: center; justify-content: center; } .sliderMediaWrap { position: relative; } @media all and (max-width: 640px) { .sliderMediaWrap { position: absolute; display: block; top: 50%; left: 50%; transform: translate(-50%, -50%); height: auto; } } .sliderImage picture, .sliderImage img { min-height: 100%; } .sliderImage img { position: relative; min-width: 2000px; max-width: none; left: 50%; transform: translateX(-50%); } @media all and (max-width: 1366px) { .sliderImage img { min-width: 1366px; } } @media all and (max-width: 640px) { .sliderImage img { position: absolute; min-width: 640px; } } .sliderContentWrap { width: 100%; z-index: 2; max-width: 1360px; min-width: 20px; margin: 0 auto; padding: 0 20px; pointer-events: none; } @media all and (max-width: 640px), all and (min-width: 641px ) and (max-width: 1379px ) { .sliderContentWrap { padding: 0 20px; } } @media all and (max-width: 640px) { .sliderContentWrap { position: relative; height: 100%; } } .sliderContentWrap > .inner { display: flex; align-items: center; width: 100%; height: 100%; } @media all and (max-width: 640px) { .sliderContentWrap > .inner { padding: 50px 0; } } .sliderText { max-width: 100%; padding: 48px; background-color: #fff; pointer-events: auto; } @media all and (min-width: 1380px ), all and (min-width: 641px ) and (max-width: 1379px ) { .sliderText { width: 614px; } } @media all and (max-width: 640px) { .sliderText { padding: 20px; } } .sliderText .slideTitle, .sliderText .slideSubTitle { color: #2F353F; } .sliderText .slideTitle + .slideSubTitle { margin-top: 25px; } .sliderText .sliderButtonWrap { padding-top: 8px; margin: 25px -20px 0; border-top: 1px solid #b7babc; } .sliderText .sliderButtonWrap a { margin: 17px 20px 0; } .playVideoWrap { display: none; margin-top: 25px; cursor: pointer; background: transparent; } @media all and (max-width: 640px) { .playVideoWrap { position: relative; top: 0; display: flex; align-items: center; transform: none; } } .playVideoWrap .playVideoBtn { position: relative; min-width: 64px; height: 64px; border-radius: 50%; background-color: #b7babc; transition: background-color 0.5s ease-in-out; } .playVideoWrap .playVideoBtn:after { content: ""; position: absolute; display: block; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 0; height: 0; border-style: solid; border-width: 9px 0 9px 18px; border-color: transparent transparent transparent #EA0615; z-index: 2; } .playVideoWrap .playVideoText { margin-left: 32px; margin-bottom: 0; transition: color 0.5s ease-in-out; } /* * Newsletter Block */ .newsletterBlockWrapper { position: relative; width: 100%; min-height: 220px; padding: 20px 0; } .newsletterBlockWrapper picture { position: relative; left: 50%; transform: translateX(-50%); max-width: 2000px; } .newsletterBlockWrapper .newsletterForm { max-width: 1360px; min-width: 20px; margin: 0 auto; position: relative; z-index: 100; } @media all and (max-width: 640px), all and (min-width: 641px ) and (max-width: 1379px ) { .newsletterBlockWrapper .newsletterForm { padding: 0 20px; } } .newsletterBlockWrapper .newsletterForm .buttonGroup { display: flex; justify-content: center; } .newsletterBlockWrapper .newsletterForm .buttonGroup button:disabled { opacity: 0.5; } .newsletterBlockWrapper .newsletterForm .innerText { max-width: 444px; margin: 0 auto; padding: 20px; } @media all and (min-width: 1380px ), all and (min-width: 641px ) and (max-width: 1379px ) { .newsletterBlockWrapper .newsletterForm .innerText { max-width: 462px; } } .newsletterBlockWrapper .newsletterForm .title { font-size: 1.5rem; text-align: center; color: #ffffff; font-weight: 700; line-height: 27px; margin-bottom: 8px; } @media all and (max-width: 640px) { .newsletterBlockWrapper .newsletterForm .title { font-size: 1.25rem; } } .newsletterBlockWrapper .newsletterForm .subTitle { text-align: center; color: #ffffff; margin: 0 0 20px; font-size: 0.875rem; line-height: 22px; } .newsletterBlockWrapper .newsletterForm form { position: relative; } .newsletterBlockWrapper .newsletterForm form .inputGroup .inputWrap input { width: 100%; background: transparent; border-top: 0; border-left: 0; border-right: 0; border-bottom: 1px solid #ffffff; padding-left: 20px; padding-bottom: 13px; color: #ffffff; font-size: 1.125rem; line-height: 1.5; padding-right: 125px; } .newsletterBlockWrapper .newsletterForm form .inputGroup .validationMessage { font-size: 0.75rem; margin-top: 8px; color: #e74c3c; } .newsletterBlockWrapper .newsletterForm form .inputGroup .successMsg { font-size: 0.75rem; margin-top: 8px; color: #2ecc71; } .newsletterBlockWrapper .newsletterForm__formContainer { margin-bottom: 32px; } .newsletterBlockWrapper .newsletterForm__formContainer .hbspt-form { max-width: 600px; margin: 0 auto 32px; } /* * Cta Block */ .ctaBlockWrapper { max-width: 1360px; min-width: 20px; margin: 0 auto; margin-bottom: 20px; } @media all and (max-width: 640px), all and (min-width: 641px ) and (max-width: 1379px ) { .ctaBlockWrapper { padding: 0 20px; } } .ctaBlockWrapper .ctaGridWrapper { display: grid; gap: 20px; grid-template-columns: repeat(1, 1fr); } .ctaBlockWrapper .ctaGridWrapper.ctaGridWrapper2 { grid-template-columns: repeat(2, calc(33.3333% - 10px)); place-content: center; } .ctaBlockWrapper .ctaGridWrapper.ctaGridWrapper3 { grid-template-columns: repeat(3, 1fr); } .ctaBlockWrapper .ctaGridWrapper.ctaGridWrapper4 { grid-template-columns: repeat(4, 1fr); } .ctaBlockWrapper .ctaGridWrapper .item .imageWrap { margin: 0 0 20px; } [data-aos][data-aos][data-aos-duration="50"],body[data-aos-duration="50"] [data-aos]{transition-duration:50ms}[data-aos][data-aos][data-aos-delay="50"],body[data-aos-delay="50"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="50"].aos-animate,body[data-aos-delay="50"] [data-aos].aos-animate{transition-delay:50ms}[data-aos][data-aos][data-aos-duration="100"],body[data-aos-duration="100"] [data-aos]{transition-duration:.1s}[data-aos][data-aos][data-aos-delay="100"],body[data-aos-delay="100"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="100"].aos-animate,body[data-aos-delay="100"] [data-aos].aos-animate{transition-delay:.1s}[data-aos][data-aos][data-aos-duration="150"],body[data-aos-duration="150"] [data-aos]{transition-duration:.15s}[data-aos][data-aos][data-aos-delay="150"],body[data-aos-delay="150"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="150"].aos-animate,body[data-aos-delay="150"] [data-aos].aos-animate{transition-delay:.15s}[data-aos][data-aos][data-aos-duration="200"],body[data-aos-duration="200"] [data-aos]{transition-duration:.2s}[data-aos][data-aos][data-aos-delay="200"],body[data-aos-delay="200"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="200"].aos-animate,body[data-aos-delay="200"] [data-aos].aos-animate{transition-delay:.2s}[data-aos][data-aos][data-aos-duration="250"],body[data-aos-duration="250"] [data-aos]{transition-duration:.25s}[data-aos][data-aos][data-aos-delay="250"],body[data-aos-delay="250"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="250"].aos-animate,body[data-aos-delay="250"] [data-aos].aos-animate{transition-delay:.25s}[data-aos][data-aos][data-aos-duration="300"],body[data-aos-duration="300"] [data-aos]{transition-duration:.3s}[data-aos][data-aos][data-aos-delay="300"],body[data-aos-delay="300"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="300"].aos-animate,body[data-aos-delay="300"] [data-aos].aos-animate{transition-delay:.3s}[data-aos][data-aos][data-aos-duration="350"],body[data-aos-duration="350"] [data-aos]{transition-duration:.35s}[data-aos][data-aos][data-aos-delay="350"],body[data-aos-delay="350"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="350"].aos-animate,body[data-aos-delay="350"] [data-aos].aos-animate{transition-delay:.35s}[data-aos][data-aos][data-aos-duration="400"],body[data-aos-duration="400"] [data-aos]{transition-duration:.4s}[data-aos][data-aos][data-aos-delay="400"],body[data-aos-delay="400"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="400"].aos-animate,body[data-aos-delay="400"] [data-aos].aos-animate{transition-delay:.4s}[data-aos][data-aos][data-aos-duration="450"],body[data-aos-duration="450"] [data-aos]{transition-duration:.45s}[data-aos][data-aos][data-aos-delay="450"],body[data-aos-delay="450"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="450"].aos-animate,body[data-aos-delay="450"] [data-aos].aos-animate{transition-delay:.45s}[data-aos][data-aos][data-aos-duration="500"],body[data-aos-duration="500"] [data-aos]{transition-duration:.5s}[data-aos][data-aos][data-aos-delay="500"],body[data-aos-delay="500"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="500"].aos-animate,body[data-aos-delay="500"] [data-aos].aos-animate{transition-delay:.5s}[data-aos][data-aos][data-aos-duration="550"],body[data-aos-duration="550"] [data-aos]{transition-duration:.55s}[data-aos][data-aos][data-aos-delay="550"],body[data-aos-delay="550"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="550"].aos-animate,body[data-aos-delay="550"] [data-aos].aos-animate{transition-delay:.55s}[data-aos][data-aos][data-aos-duration="600"],body[data-aos-duration="600"] [data-aos]{transition-duration:.6s}[data-aos][data-aos][data-aos-delay="600"],body[data-aos-delay="600"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="600"].aos-animate,body[data-aos-delay="600"] [data-aos].aos-animate{transition-delay:.6s}[data-aos][data-aos][data-aos-duration="650"],body[data-aos-duration="650"] [data-aos]{transition-duration:.65s}[data-aos][data-aos][data-aos-delay="650"],body[data-aos-delay="650"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="650"].aos-animate,body[data-aos-delay="650"] [data-aos].aos-animate{transition-delay:.65s}[data-aos][data-aos][data-aos-duration="700"],body[data-aos-duration="700"] [data-aos]{transition-duration:.7s}[data-aos][data-aos][data-aos-delay="700"],body[data-aos-delay="700"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="700"].aos-animate,body[data-aos-delay="700"] [data-aos].aos-animate{transition-delay:.7s}[data-aos][data-aos][data-aos-duration="750"],body[data-aos-duration="750"] [data-aos]{transition-duration:.75s}[data-aos][data-aos][data-aos-delay="750"],body[data-aos-delay="750"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="750"].aos-animate,body[data-aos-delay="750"] [data-aos].aos-animate{transition-delay:.75s}[data-aos][data-aos][data-aos-duration="800"],body[data-aos-duration="800"] [data-aos]{transition-duration:.8s}[data-aos][data-aos][data-aos-delay="800"],body[data-aos-delay="800"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="800"].aos-animate,body[data-aos-delay="800"] [data-aos].aos-animate{transition-delay:.8s}[data-aos][data-aos][data-aos-duration="850"],body[data-aos-duration="850"] [data-aos]{transition-duration:.85s}[data-aos][data-aos][data-aos-delay="850"],body[data-aos-delay="850"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="850"].aos-animate,body[data-aos-delay="850"] [data-aos].aos-animate{transition-delay:.85s}[data-aos][data-aos][data-aos-duration="900"],body[data-aos-duration="900"] [data-aos]{transition-duration:.9s}[data-aos][data-aos][data-aos-delay="900"],body[data-aos-delay="900"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="900"].aos-animate,body[data-aos-delay="900"] [data-aos].aos-animate{transition-delay:.9s}[data-aos][data-aos][data-aos-duration="950"],body[data-aos-duration="950"] [data-aos]{transition-duration:.95s}[data-aos][data-aos][data-aos-delay="950"],body[data-aos-delay="950"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="950"].aos-animate,body[data-aos-delay="950"] [data-aos].aos-animate{transition-delay:.95s}[data-aos][data-aos][data-aos-duration="1000"],body[data-aos-duration="1000"] [data-aos]{transition-duration:1s}[data-aos][data-aos][data-aos-delay="1000"],body[data-aos-delay="1000"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1000"].aos-animate,body[data-aos-delay="1000"] [data-aos].aos-animate{transition-delay:1s}[data-aos][data-aos][data-aos-duration="1050"],body[data-aos-duration="1050"] [data-aos]{transition-duration:1.05s}[data-aos][data-aos][data-aos-delay="1050"],body[data-aos-delay="1050"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1050"].aos-animate,body[data-aos-delay="1050"] [data-aos].aos-animate{transition-delay:1.05s}[data-aos][data-aos][data-aos-duration="1100"],body[data-aos-duration="1100"] [data-aos]{transition-duration:1.1s}[data-aos][data-aos][data-aos-delay="1100"],body[data-aos-delay="1100"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1100"].aos-animate,body[data-aos-delay="1100"] [data-aos].aos-animate{transition-delay:1.1s}[data-aos][data-aos][data-aos-duration="1150"],body[data-aos-duration="1150"] [data-aos]{transition-duration:1.15s}[data-aos][data-aos][data-aos-delay="1150"],body[data-aos-delay="1150"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1150"].aos-animate,body[data-aos-delay="1150"] [data-aos].aos-animate{transition-delay:1.15s}[data-aos][data-aos][data-aos-duration="1200"],body[data-aos-duration="1200"] [data-aos]{transition-duration:1.2s}[data-aos][data-aos][data-aos-delay="1200"],body[data-aos-delay="1200"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1200"].aos-animate,body[data-aos-delay="1200"] [data-aos].aos-animate{transition-delay:1.2s}[data-aos][data-aos][data-aos-duration="1250"],body[data-aos-duration="1250"] [data-aos]{transition-duration:1.25s}[data-aos][data-aos][data-aos-delay="1250"],body[data-aos-delay="1250"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1250"].aos-animate,body[data-aos-delay="1250"] [data-aos].aos-animate{transition-delay:1.25s}[data-aos][data-aos][data-aos-duration="1300"],body[data-aos-duration="1300"] [data-aos]{transition-duration:1.3s}[data-aos][data-aos][data-aos-delay="1300"],body[data-aos-delay="1300"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1300"].aos-animate,body[data-aos-delay="1300"] [data-aos].aos-animate{transition-delay:1.3s}[data-aos][data-aos][data-aos-duration="1350"],body[data-aos-duration="1350"] [data-aos]{transition-duration:1.35s}[data-aos][data-aos][data-aos-delay="1350"],body[data-aos-delay="1350"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1350"].aos-animate,body[data-aos-delay="1350"] [data-aos].aos-animate{transition-delay:1.35s}[data-aos][data-aos][data-aos-duration="1400"],body[data-aos-duration="1400"] [data-aos]{transition-duration:1.4s}[data-aos][data-aos][data-aos-delay="1400"],body[data-aos-delay="1400"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1400"].aos-animate,body[data-aos-delay="1400"] [data-aos].aos-animate{transition-delay:1.4s}[data-aos][data-aos][data-aos-duration="1450"],body[data-aos-duration="1450"] [data-aos]{transition-duration:1.45s}[data-aos][data-aos][data-aos-delay="1450"],body[data-aos-delay="1450"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1450"].aos-animate,body[data-aos-delay="1450"] [data-aos].aos-animate{transition-delay:1.45s}[data-aos][data-aos][data-aos-duration="1500"],body[data-aos-duration="1500"] [data-aos]{transition-duration:1.5s}[data-aos][data-aos][data-aos-delay="1500"],body[data-aos-delay="1500"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1500"].aos-animate,body[data-aos-delay="1500"] [data-aos].aos-animate{transition-delay:1.5s}[data-aos][data-aos][data-aos-duration="1550"],body[data-aos-duration="1550"] [data-aos]{transition-duration:1.55s}[data-aos][data-aos][data-aos-delay="1550"],body[data-aos-delay="1550"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1550"].aos-animate,body[data-aos-delay="1550"] [data-aos].aos-animate{transition-delay:1.55s}[data-aos][data-aos][data-aos-duration="1600"],body[data-aos-duration="1600"] [data-aos]{transition-duration:1.6s}[data-aos][data-aos][data-aos-delay="1600"],body[data-aos-delay="1600"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1600"].aos-animate,body[data-aos-delay="1600"] [data-aos].aos-animate{transition-delay:1.6s}[data-aos][data-aos][data-aos-duration="1650"],body[data-aos-duration="1650"] [data-aos]{transition-duration:1.65s}[data-aos][data-aos][data-aos-delay="1650"],body[data-aos-delay="1650"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1650"].aos-animate,body[data-aos-delay="1650"] [data-aos].aos-animate{transition-delay:1.65s}[data-aos][data-aos][data-aos-duration="1700"],body[data-aos-duration="1700"] [data-aos]{transition-duration:1.7s}[data-aos][data-aos][data-aos-delay="1700"],body[data-aos-delay="1700"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1700"].aos-animate,body[data-aos-delay="1700"] [data-aos].aos-animate{transition-delay:1.7s}[data-aos][data-aos][data-aos-duration="1750"],body[data-aos-duration="1750"] [data-aos]{transition-duration:1.75s}[data-aos][data-aos][data-aos-delay="1750"],body[data-aos-delay="1750"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1750"].aos-animate,body[data-aos-delay="1750"] [data-aos].aos-animate{transition-delay:1.75s}[data-aos][data-aos][data-aos-duration="1800"],body[data-aos-duration="1800"] [data-aos]{transition-duration:1.8s}[data-aos][data-aos][data-aos-delay="1800"],body[data-aos-delay="1800"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1800"].aos-animate,body[data-aos-delay="1800"] [data-aos].aos-animate{transition-delay:1.8s}[data-aos][data-aos][data-aos-duration="1850"],body[data-aos-duration="1850"] [data-aos]{transition-duration:1.85s}[data-aos][data-aos][data-aos-delay="1850"],body[data-aos-delay="1850"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1850"].aos-animate,body[data-aos-delay="1850"] [data-aos].aos-animate{transition-delay:1.85s}[data-aos][data-aos][data-aos-duration="1900"],body[data-aos-duration="1900"] [data-aos]{transition-duration:1.9s}[data-aos][data-aos][data-aos-delay="1900"],body[data-aos-delay="1900"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1900"].aos-animate,body[data-aos-delay="1900"] [data-aos].aos-animate{transition-delay:1.9s}[data-aos][data-aos][data-aos-duration="1950"],body[data-aos-duration="1950"] [data-aos]{transition-duration:1.95s}[data-aos][data-aos][data-aos-delay="1950"],body[data-aos-delay="1950"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1950"].aos-animate,body[data-aos-delay="1950"] [data-aos].aos-animate{transition-delay:1.95s}[data-aos][data-aos][data-aos-duration="2000"],body[data-aos-duration="2000"] [data-aos]{transition-duration:2s}[data-aos][data-aos][data-aos-delay="2000"],body[data-aos-delay="2000"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2000"].aos-animate,body[data-aos-delay="2000"] [data-aos].aos-animate{transition-delay:2s}[data-aos][data-aos][data-aos-duration="2050"],body[data-aos-duration="2050"] [data-aos]{transition-duration:2.05s}[data-aos][data-aos][data-aos-delay="2050"],body[data-aos-delay="2050"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2050"].aos-animate,body[data-aos-delay="2050"] [data-aos].aos-animate{transition-delay:2.05s}[data-aos][data-aos][data-aos-duration="2100"],body[data-aos-duration="2100"] [data-aos]{transition-duration:2.1s}[data-aos][data-aos][data-aos-delay="2100"],body[data-aos-delay="2100"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2100"].aos-animate,body[data-aos-delay="2100"] [data-aos].aos-animate{transition-delay:2.1s}[data-aos][data-aos][data-aos-duration="2150"],body[data-aos-duration="2150"] [data-aos]{transition-duration:2.15s}[data-aos][data-aos][data-aos-delay="2150"],body[data-aos-delay="2150"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2150"].aos-animate,body[data-aos-delay="2150"] [data-aos].aos-animate{transition-delay:2.15s}[data-aos][data-aos][data-aos-duration="2200"],body[data-aos-duration="2200"] [data-aos]{transition-duration:2.2s}[data-aos][data-aos][data-aos-delay="2200"],body[data-aos-delay="2200"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2200"].aos-animate,body[data-aos-delay="2200"] [data-aos].aos-animate{transition-delay:2.2s}[data-aos][data-aos][data-aos-duration="2250"],body[data-aos-duration="2250"] [data-aos]{transition-duration:2.25s}[data-aos][data-aos][data-aos-delay="2250"],body[data-aos-delay="2250"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2250"].aos-animate,body[data-aos-delay="2250"] [data-aos].aos-animate{transition-delay:2.25s}[data-aos][data-aos][data-aos-duration="2300"],body[data-aos-duration="2300"] [data-aos]{transition-duration:2.3s}[data-aos][data-aos][data-aos-delay="2300"],body[data-aos-delay="2300"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2300"].aos-animate,body[data-aos-delay="2300"] [data-aos].aos-animate{transition-delay:2.3s}[data-aos][data-aos][data-aos-duration="2350"],body[data-aos-duration="2350"] [data-aos]{transition-duration:2.35s}[data-aos][data-aos][data-aos-delay="2350"],body[data-aos-delay="2350"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2350"].aos-animate,body[data-aos-delay="2350"] [data-aos].aos-animate{transition-delay:2.35s}[data-aos][data-aos][data-aos-duration="2400"],body[data-aos-duration="2400"] [data-aos]{transition-duration:2.4s}[data-aos][data-aos][data-aos-delay="2400"],body[data-aos-delay="2400"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2400"].aos-animate,body[data-aos-delay="2400"] [data-aos].aos-animate{transition-delay:2.4s}[data-aos][data-aos][data-aos-duration="2450"],body[data-aos-duration="2450"] [data-aos]{transition-duration:2.45s}[data-aos][data-aos][data-aos-delay="2450"],body[data-aos-delay="2450"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2450"].aos-animate,body[data-aos-delay="2450"] [data-aos].aos-animate{transition-delay:2.45s}[data-aos][data-aos][data-aos-duration="2500"],body[data-aos-duration="2500"] [data-aos]{transition-duration:2.5s}[data-aos][data-aos][data-aos-delay="2500"],body[data-aos-delay="2500"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2500"].aos-animate,body[data-aos-delay="2500"] [data-aos].aos-animate{transition-delay:2.5s}[data-aos][data-aos][data-aos-duration="2550"],body[data-aos-duration="2550"] [data-aos]{transition-duration:2.55s}[data-aos][data-aos][data-aos-delay="2550"],body[data-aos-delay="2550"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2550"].aos-animate,body[data-aos-delay="2550"] [data-aos].aos-animate{transition-delay:2.55s}[data-aos][data-aos][data-aos-duration="2600"],body[data-aos-duration="2600"] [data-aos]{transition-duration:2.6s}[data-aos][data-aos][data-aos-delay="2600"],body[data-aos-delay="2600"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2600"].aos-animate,body[data-aos-delay="2600"] [data-aos].aos-animate{transition-delay:2.6s}[data-aos][data-aos][data-aos-duration="2650"],body[data-aos-duration="2650"] [data-aos]{transition-duration:2.65s}[data-aos][data-aos][data-aos-delay="2650"],body[data-aos-delay="2650"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2650"].aos-animate,body[data-aos-delay="2650"] [data-aos].aos-animate{transition-delay:2.65s}[data-aos][data-aos][data-aos-duration="2700"],body[data-aos-duration="2700"] [data-aos]{transition-duration:2.7s}[data-aos][data-aos][data-aos-delay="2700"],body[data-aos-delay="2700"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2700"].aos-animate,body[data-aos-delay="2700"] [data-aos].aos-animate{transition-delay:2.7s}[data-aos][data-aos][data-aos-duration="2750"],body[data-aos-duration="2750"] [data-aos]{transition-duration:2.75s}[data-aos][data-aos][data-aos-delay="2750"],body[data-aos-delay="2750"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2750"].aos-animate,body[data-aos-delay="2750"] [data-aos].aos-animate{transition-delay:2.75s}[data-aos][data-aos][data-aos-duration="2800"],body[data-aos-duration="2800"] [data-aos]{transition-duration:2.8s}[data-aos][data-aos][data-aos-delay="2800"],body[data-aos-delay="2800"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2800"].aos-animate,body[data-aos-delay="2800"] [data-aos].aos-animate{transition-delay:2.8s}[data-aos][data-aos][data-aos-duration="2850"],body[data-aos-duration="2850"] [data-aos]{transition-duration:2.85s}[data-aos][data-aos][data-aos-delay="2850"],body[data-aos-delay="2850"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2850"].aos-animate,body[data-aos-delay="2850"] [data-aos].aos-animate{transition-delay:2.85s}[data-aos][data-aos][data-aos-duration="2900"],body[data-aos-duration="2900"] [data-aos]{transition-duration:2.9s}[data-aos][data-aos][data-aos-delay="2900"],body[data-aos-delay="2900"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2900"].aos-animate,body[data-aos-delay="2900"] [data-aos].aos-animate{transition-delay:2.9s}[data-aos][data-aos][data-aos-duration="2950"],body[data-aos-duration="2950"] [data-aos]{transition-duration:2.95s}[data-aos][data-aos][data-aos-delay="2950"],body[data-aos-delay="2950"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2950"].aos-animate,body[data-aos-delay="2950"] [data-aos].aos-animate{transition-delay:2.95s}[data-aos][data-aos][data-aos-duration="3000"],body[data-aos-duration="3000"] [data-aos]{transition-duration:3s}[data-aos][data-aos][data-aos-delay="3000"],body[data-aos-delay="3000"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="3000"].aos-animate,body[data-aos-delay="3000"] [data-aos].aos-animate{transition-delay:3s}[data-aos][data-aos][data-aos-easing=linear],body[data-aos-easing=linear] [data-aos]{transition-timing-function:cubic-bezier(0.25, 0.25, 0.75, 0.75)}[data-aos][data-aos][data-aos-easing=ease],body[data-aos-easing=ease] [data-aos]{transition-timing-function:ease}[data-aos][data-aos][data-aos-easing=ease-in],body[data-aos-easing=ease-in] [data-aos]{transition-timing-function:ease-in}[data-aos][data-aos][data-aos-easing=ease-out],body[data-aos-easing=ease-out] [data-aos]{transition-timing-function:ease-out}[data-aos][data-aos][data-aos-easing=ease-in-out],body[data-aos-easing=ease-in-out] [data-aos]{transition-timing-function:ease-in-out}[data-aos][data-aos][data-aos-easing=ease-in-back],body[data-aos-easing=ease-in-back] [data-aos]{transition-timing-function:cubic-bezier(0.6, -0.28, 0.735, 0.045)}[data-aos][data-aos][data-aos-easing=ease-out-back],body[data-aos-easing=ease-out-back] [data-aos]{transition-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1.275)}[data-aos][data-aos][data-aos-easing=ease-in-out-back],body[data-aos-easing=ease-in-out-back] [data-aos]{transition-timing-function:cubic-bezier(0.68, -0.55, 0.265, 1.55)}[data-aos][data-aos][data-aos-easing=ease-in-sine],body[data-aos-easing=ease-in-sine] [data-aos]{transition-timing-function:cubic-bezier(0.47, 0, 0.745, 0.715)}[data-aos][data-aos][data-aos-easing=ease-out-sine],body[data-aos-easing=ease-out-sine] [data-aos]{transition-timing-function:cubic-bezier(0.39, 0.575, 0.565, 1)}[data-aos][data-aos][data-aos-easing=ease-in-out-sine],body[data-aos-easing=ease-in-out-sine] [data-aos]{transition-timing-function:cubic-bezier(0.445, 0.05, 0.55, 0.95)}[data-aos][data-aos][data-aos-easing=ease-in-quad],body[data-aos-easing=ease-in-quad] [data-aos]{transition-timing-function:cubic-bezier(0.55, 0.085, 0.68, 0.53)}[data-aos][data-aos][data-aos-easing=ease-out-quad],body[data-aos-easing=ease-out-quad] [data-aos]{transition-timing-function:cubic-bezier(0.25, 0.46, 0.45, 0.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-quad],body[data-aos-easing=ease-in-out-quad] [data-aos]{transition-timing-function:cubic-bezier(0.455, 0.03, 0.515, 0.955)}[data-aos][data-aos][data-aos-easing=ease-in-cubic],body[data-aos-easing=ease-in-cubic] [data-aos]{transition-timing-function:cubic-bezier(0.55, 0.085, 0.68, 0.53)}[data-aos][data-aos][data-aos-easing=ease-out-cubic],body[data-aos-easing=ease-out-cubic] [data-aos]{transition-timing-function:cubic-bezier(0.25, 0.46, 0.45, 0.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-cubic],body[data-aos-easing=ease-in-out-cubic] [data-aos]{transition-timing-function:cubic-bezier(0.455, 0.03, 0.515, 0.955)}[data-aos][data-aos][data-aos-easing=ease-in-quart],body[data-aos-easing=ease-in-quart] [data-aos]{transition-timing-function:cubic-bezier(0.55, 0.085, 0.68, 0.53)}[data-aos][data-aos][data-aos-easing=ease-out-quart],body[data-aos-easing=ease-out-quart] [data-aos]{transition-timing-function:cubic-bezier(0.25, 0.46, 0.45, 0.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-quart],body[data-aos-easing=ease-in-out-quart] [data-aos]{transition-timing-function:cubic-bezier(0.455, 0.03, 0.515, 0.955)}[data-aos^=fade][data-aos^=fade]{opacity:0;transition-property:opacity,transform}[data-aos^=fade][data-aos^=fade].aos-animate{opacity:1;transform:translateZ(0)}[data-aos=fade-up]{transform:translate3d(0, 100px, 0)}[data-aos=fade-down]{transform:translate3d(0, -100px, 0)}[data-aos=fade-right]{transform:translate3d(-100px, 0, 0)}[data-aos=fade-left]{transform:translate3d(100px, 0, 0)}[data-aos=fade-up-right]{transform:translate3d(-100px, 100px, 0)}[data-aos=fade-up-left]{transform:translate3d(100px, 100px, 0)}[data-aos=fade-down-right]{transform:translate3d(-100px, -100px, 0)}[data-aos=fade-down-left]{transform:translate3d(100px, -100px, 0)}[data-aos^=zoom][data-aos^=zoom]{opacity:0;transition-property:opacity,transform}[data-aos^=zoom][data-aos^=zoom].aos-animate{opacity:1;transform:translateZ(0) scale(1)}[data-aos=zoom-in]{transform:scale(0.6)}[data-aos=zoom-in-up]{transform:translate3d(0, 100px, 0) scale(0.6)}[data-aos=zoom-in-down]{transform:translate3d(0, -100px, 0) scale(0.6)}[data-aos=zoom-in-right]{transform:translate3d(-100px, 0, 0) scale(0.6)}[data-aos=zoom-in-left]{transform:translate3d(100px, 0, 0) scale(0.6)}[data-aos=zoom-out]{transform:scale(1.2)}[data-aos=zoom-out-up]{transform:translate3d(0, 100px, 0) scale(1.2)}[data-aos=zoom-out-down]{transform:translate3d(0, -100px, 0) scale(1.2)}[data-aos=zoom-out-right]{transform:translate3d(-100px, 0, 0) scale(1.2)}[data-aos=zoom-out-left]{transform:translate3d(100px, 0, 0) scale(1.2)}[data-aos^=slide][data-aos^=slide]{transition-property:transform}[data-aos^=slide][data-aos^=slide].aos-animate{transform:translateZ(0)}[data-aos=slide-up]{transform:translate3d(0, 100%, 0)}[data-aos=slide-down]{transform:translate3d(0, -100%, 0)}[data-aos=slide-right]{transform:translate3d(-100%, 0, 0)}[data-aos=slide-left]{transform:translate3d(100%, 0, 0)}[data-aos^=flip][data-aos^=flip]{backface-visibility:hidden;transition-property:transform}[data-aos=flip-left]{transform:perspective(2500px) rotateY(-100deg)}[data-aos=flip-left].aos-animate{transform:perspective(2500px) rotateY(0)}[data-aos=flip-right]{transform:perspective(2500px) rotateY(100deg)}[data-aos=flip-right].aos-animate{transform:perspective(2500px) rotateY(0)}[data-aos=flip-up]{transform:perspective(2500px) rotateX(-100deg)}[data-aos=flip-up].aos-animate{transform:perspective(2500px) rotateX(0)}[data-aos=flip-down]{transform:perspective(2500px) rotateX(100deg)}[data-aos=flip-down].aos-animate{transform:perspective(2500px) rotateX(0)} .vfm--fixed{position:fixed}.vfm--absolute{position:absolute}.vfm--inset{top:0;right:0;bottom:0;left:0}.vfm--overlay{z-index:-1;background-color:rgba(0,0,0,.5019607843)}.vfm--prevent-none{pointer-events:none}.vfm--prevent-auto{pointer-events:auto}.vfm--outline-none:focus{outline:none}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-out{0%{opacity:1}to{opacity:0}}.vfm-fade-enter-active{animation:fade-in .3s ease}.vfm-fade-leave-active{animation:fade-out .3s ease}.vfm-bounce-back{transition-property:transform;transition-duration:.3s}.vfm-slide-up-enter-active,.vfm-slide-up-leave-active,.vfm-slide-down-enter-active,.vfm-slide-down-leave-active{transition:transform .3s ease}.vfm-slide-down-enter-from,.vfm-slide-down-leave-to{transform:translateY(100vh) !important}.vfm-slide-up-enter-from,.vfm-slide-up-leave-to{transform:translateY(-100vh) !important}.vfm-slide-right-enter-active,.vfm-slide-right-leave-active,.vfm-slide-left-enter-active,.vfm-slide-left-leave-active{transition:transform .3s ease}.vfm-slide-right-enter-from,.vfm-slide-right-leave-to{transform:translate(100vw) !important}.vfm-slide-left-enter-from,.vfm-slide-left-leave-to{transform:translate(-100vw) !important}.vfm-swipe-banner-back,.vfm-swipe-banner-forward{position:fixed;top:0;bottom:0;width:27px;z-index:10}.vfm-swipe-banner-back{left:0}.vfm-swipe-banner-forward{right:0} /* open-sans-regular - latin */ @font-face { font-display: swap; font-family: 'Open Sans'; font-style: normal; font-weight: 400; src: url(feb0d8644aca3df9fabf.woff2) format('woff2'); } /* open-sans-700 - latin */ @font-face { font-display: swap; font-family: 'Open Sans'; font-style: normal; font-weight: 700; src: url(93eac171b09d26a243c1.woff2) format('woff2'); } /* * Base Styles */ *, *:after, *:before { box-sizing: border-box; margin: 0; padding: 0; } html { overflow-y: scroll; height: 100%; } img { vertical-align: middle; max-width: 100%; } fieldset { border: 0; margin: 0; padding: 0; } textarea { resize: vertical; } /* * Text Selection Colours */ ::-moz-selection { background: #0f55c4; color: #fff; text-shadow: none; } ::selection { background: #0f55c4; color: #fff; text-shadow: none; } /* * Horizontal Rule */ hr { display: block; height: 1px; border: 0; background: #dde3e8; margin: 20px 0; padding: 0; clear: both; } p { margin-top: 0; } p:last-child { margin-bottom: 0; } a { text-decoration: none; outline: 0; } a:hover, a:active { outline: 0; } /* * Form Reset Styles */ input, textarea { box-shadow: none; -webkit-appearance: none; } textarea { resize: vertical; } input, textarea, select, label { box-shadow: none; outline: 0; margin: 0; padding: 0; } /* * Clearing for general use */ .clear { clear: both; } /* * Relative Positioning */ .relative { position: relative; } /* * Images */ img { max-width: 100%; } .left, .alignleft { float: left; display: block; } .right, .alignright { float: right; display: block; } /* * Lists */ ul, ol { margin: 0; padding: 0; } ul li, ol li { list-style-type: none; } /* * max-width: none; overrides max-width: 100% from above * which distorts the icons on gmaps */ #map img { max-width: none; } picture { display: block; } /* * Button Reset */ button { border: none; padding: 0; -webkit-appearance: button; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; line-height: normal; } input::-moz-focus-inner, button::-moz-focus-inner { border: 0; padding: 0; } /* * Site Styles */ .wrapperWidth { max-width: 1360px; min-width: 20px; margin: 0 auto; } @media all and (max-width: 640px), all and (min-width: 641px ) and (max-width: 1379px ) { .wrapperWidth { padding: 0 20px; } } .wrapper { max-width: 1360px; min-width: 20px; margin: 0 auto; } @media all and (max-width: 640px), all and (min-width: 641px ) and (max-width: 1379px ) { .wrapper { padding: 0 20px; } } .siteWrapper { min-height: 100vh; display: flex; flex-flow: column nowrap; position: relative; overflow: clip; flex: 1 1 auto; } .siteWrapper .siteInnerWrapper { flex: 1 1 auto; } /* * Body Tag */ body { margin: 0; font-size: 1rem; line-height: 1.462; font-family: 'Open Sans', Arial, sans-serif; color: #fff; min-width: 320px; max-width: 100%; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; min-height: 100%; font-weight: normal; } body.flyoutActive { overflow: hidden; } /* * Vue.js display none cloaking to prevent FOUC */ [v-cloak] { display: none; } /* * Admin toolbar on front end */ #wp-toolbar { display: flex; } #wp-admin-bar-root-default { flex: 1 1 auto; } /* * Gutenberg block width */ .wp-block { max-width: 1360px; } /* * Mixins */ /* * Fade Dropdown Hover */ /* * Widths */ /* * Standard margin */ /* * The Grid */ /* * Typography */ /* * Border Radius */ /* * Colours */ /* * Project-specific colours */ /* * Dark background / Light text */ /* * Light background / Dark text */ /* * Alert Colours */ /* * Misc Colours */ /* * Mobile Menu */ /* * Media Query Breakpoints */ /* * HTML Tag */ html { font-size: 16px; } html:before { content: 'tablet: 1360px, mobile: 640px, flyout: 767px, medium: 800px'; position: absolute; top: 0; visibility: hidden; } .membersWrap { color: #fff; } .membersWrap .postsArchive { margin-top: 0; padding-top: 0; } .membersWrap .membersIntro { text-align: center; padding: 40px 20px; margin: 0 0 20px; } .membersWrap .membersIntro h1 { margin: 0 0 10px; } .membersWrap .members { max-width: 1360px; min-width: 20px; margin: 0 auto; } @media all and (max-width: 640px), all and (min-width: 641px ) and (max-width: 1379px ) { .membersWrap .members { padding: 0 20px; } } .light .membersWrap .members { color: #000; } .membersWrap .members .wp-block-leadin-hubspot-form-block { width: 100%; } .membersWrap .members .savedROI { width: 100%; padding: 20px 0; display: flex; gap: 20px; } .membersWrap .members .savedROI .item { width: calc(100% / 4); color: #edf0f2; } .membersWrap .members .membersSidebar { flex: 0 0 300px; } .membersWrap .members .membersSidebar > ul { margin: 0 0 20px; padding: 0; } .membersWrap .members .membersSidebar > ul li { list-style-type: none; padding: 5px 0; } .membersWrap .members .membersSidebar > ul li a { padding: 8px 15px; display: block; border-left: 5px solid transparent; } .membersWrap .members .membersSidebar > ul li.current_page_item a { border-left: 5px solid #026163; } .membersWrap .members .membersContent { flex: 1; margin: 0 0 20px; } .myAccountWrapper { margin: 30px auto; } .resetPasswordWrap { margin: 0 auto; width: 100%; max-width: 400px; } /* open-sans-regular - latin */ @font-face { font-display: swap; font-family: 'Open Sans'; font-style: normal; font-weight: 400; src: url(feb0d8644aca3df9fabf.woff2) format('woff2'); } /* open-sans-700 - latin */ @font-face { font-display: swap; font-family: 'Open Sans'; font-style: normal; font-weight: 700; src: url(93eac171b09d26a243c1.woff2) format('woff2'); } /* * Base Styles */ *, *:after, *:before { box-sizing: border-box; margin: 0; padding: 0; } html { overflow-y: scroll; height: 100%; } img { vertical-align: middle; max-width: 100%; } fieldset { border: 0; margin: 0; padding: 0; } textarea { resize: vertical; } /* * Text Selection Colours */ ::-moz-selection { background: #0f55c4; color: #fff; text-shadow: none; } ::selection { background: #0f55c4; color: #fff; text-shadow: none; } /* * Horizontal Rule */ hr { display: block; height: 1px; border: 0; background: #dde3e8; margin: 20px 0; padding: 0; clear: both; } p { margin-top: 0; } p:last-child { margin-bottom: 0; } a { text-decoration: none; outline: 0; } a:hover, a:active { outline: 0; } /* * Form Reset Styles */ input, textarea { box-shadow: none; -webkit-appearance: none; } textarea { resize: vertical; } input, textarea, select, label { box-shadow: none; outline: 0; margin: 0; padding: 0; } /* * Clearing for general use */ .clear { clear: both; } /* * Relative Positioning */ .relative { position: relative; } /* * Images */ img { max-width: 100%; } .left, .alignleft { float: left; display: block; } .right, .alignright { float: right; display: block; } /* * Lists */ ul, ol { margin: 0; padding: 0; } ul li, ol li { list-style-type: none; } /* * max-width: none; overrides max-width: 100% from above * which distorts the icons on gmaps */ #map img { max-width: none; } picture { display: block; } /* * Button Reset */ button { border: none; padding: 0; -webkit-appearance: button; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; line-height: normal; } input::-moz-focus-inner, button::-moz-focus-inner { border: 0; padding: 0; } /* * Site Styles */ .wrapperWidth { max-width: 1360px; min-width: 20px; margin: 0 auto; } @media all and (max-width: 640px), all and (min-width: 641px ) and (max-width: 1379px ) { .wrapperWidth { padding: 0 20px; } } .wrapper { max-width: 1360px; min-width: 20px; margin: 0 auto; } @media all and (max-width: 640px), all and (min-width: 641px ) and (max-width: 1379px ) { .wrapper { padding: 0 20px; } } .siteWrapper { min-height: 100vh; display: flex; flex-flow: column nowrap; position: relative; overflow: clip; flex: 1 1 auto; } .siteWrapper .siteInnerWrapper { flex: 1 1 auto; } /* * Body Tag */ body { margin: 0; font-size: 1rem; line-height: 1.462; font-family: 'Open Sans', Arial, sans-serif; color: #fff; min-width: 320px; max-width: 100%; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; min-height: 100%; font-weight: normal; } body.flyoutActive { overflow: hidden; } /* * Vue.js display none cloaking to prevent FOUC */ [v-cloak] { display: none; } /* * Admin toolbar on front end */ #wp-toolbar { display: flex; } #wp-admin-bar-root-default { flex: 1 1 auto; } /* * Gutenberg block width */ .wp-block { max-width: 1360px; } /* * Mixins */ /* * Fade Dropdown Hover */ /* * Widths */ /* * Standard margin */ /* * The Grid */ /* * Typography */ /* * Border Radius */ /* * Colours */ /* * Project-specific colours */ /* * Dark background / Light text */ /* * Light background / Dark text */ /* * Alert Colours */ /* * Misc Colours */ /* * Mobile Menu */ /* * Media Query Breakpoints */ /* * HTML Tag */ html { font-size: 16px; } html:before { content: 'tablet: 1360px, mobile: 640px, flyout: 767px, medium: 800px'; position: absolute; top: 0; visibility: hidden; } .registerWrap { position: relative; } .registerMarketingPreferenceWrap { margin-top: 32px; } .loaderContainer { display: flex; align-items: center; justify-content: center; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.3); z-index: 1; } /* open-sans-regular - latin */ @font-face { font-display: swap; font-family: 'Open Sans'; font-style: normal; font-weight: 400; src: url(feb0d8644aca3df9fabf.woff2) format('woff2'); } /* open-sans-700 - latin */ @font-face { font-display: swap; font-family: 'Open Sans'; font-style: normal; font-weight: 700; src: url(93eac171b09d26a243c1.woff2) format('woff2'); } /* * Base Styles */ *, *:after, *:before { box-sizing: border-box; margin: 0; padding: 0; } html { overflow-y: scroll; height: 100%; } img { vertical-align: middle; max-width: 100%; } fieldset { border: 0; margin: 0; padding: 0; } textarea { resize: vertical; } /* * Text Selection Colours */ ::-moz-selection { background: #0f55c4; color: #fff; text-shadow: none; } ::selection { background: #0f55c4; color: #fff; text-shadow: none; } /* * Horizontal Rule */ hr { display: block; height: 1px; border: 0; background: #dde3e8; margin: 20px 0; padding: 0; clear: both; } p { margin-top: 0; } p:last-child { margin-bottom: 0; } a { text-decoration: none; outline: 0; } a:hover, a:active { outline: 0; } /* * Form Reset Styles */ input, textarea { box-shadow: none; -webkit-appearance: none; } textarea { resize: vertical; } input, textarea, select, label { box-shadow: none; outline: 0; margin: 0; padding: 0; } /* * Clearing for general use */ .clear { clear: both; } /* * Relative Positioning */ .relative { position: relative; } /* * Images */ img { max-width: 100%; } .left, .alignleft { float: left; display: block; } .right, .alignright { float: right; display: block; } /* * Lists */ ul, ol { margin: 0; padding: 0; } ul li, ol li { list-style-type: none; } /* * max-width: none; overrides max-width: 100% from above * which distorts the icons on gmaps */ #map img { max-width: none; } picture { display: block; } /* * Button Reset */ button { border: none; padding: 0; -webkit-appearance: button; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; line-height: normal; } input::-moz-focus-inner, button::-moz-focus-inner { border: 0; padding: 0; } /* * Site Styles */ .wrapperWidth { max-width: 1360px; min-width: 20px; margin: 0 auto; } @media all and (max-width: 640px), all and (min-width: 641px ) and (max-width: 1379px ) { .wrapperWidth { padding: 0 20px; } } .wrapper { max-width: 1360px; min-width: 20px; margin: 0 auto; } @media all and (max-width: 640px), all and (min-width: 641px ) and (max-width: 1379px ) { .wrapper { padding: 0 20px; } } .siteWrapper { min-height: 100vh; display: flex; flex-flow: column nowrap; position: relative; overflow: clip; flex: 1 1 auto; } .siteWrapper .siteInnerWrapper { flex: 1 1 auto; } /* * Body Tag */ body { margin: 0; font-size: 1rem; line-height: 1.462; font-family: 'Open Sans', Arial, sans-serif; color: #fff; min-width: 320px; max-width: 100%; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; min-height: 100%; font-weight: normal; } body.flyoutActive { overflow: hidden; } /* * Vue.js display none cloaking to prevent FOUC */ [v-cloak] { display: none; } /* * Admin toolbar on front end */ #wp-toolbar { display: flex; } #wp-admin-bar-root-default { flex: 1 1 auto; } /* * Gutenberg block width */ .wp-block { max-width: 1360px; } /* * Mixins */ /* * Fade Dropdown Hover */ /* * Widths */ /* * Standard margin */ /* * The Grid */ /* * Typography */ /* * Border Radius */ /* * Colours */ /* * Project-specific colours */ /* * Dark background / Light text */ /* * Light background / Dark text */ /* * Alert Colours */ /* * Misc Colours */ /* * Mobile Menu */ /* * Media Query Breakpoints */ /* * HTML Tag */ html { font-size: 16px; } html:before { content: 'tablet: 1360px, mobile: 640px, flyout: 767px, medium: 800px'; position: absolute; top: 0; visibility: hidden; } .loginForm { position: relative; } .loaderContainer { display: flex; align-items: center; justify-content: center; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.3); z-index: 1; } .passwordRow { display: flex; justify-content: space-between; } .passwordRow .row { width: auto; } .buttonGroup { display: flex; align-items: center; width: 100%; } .buttonGroup .register { margin-left: 24px; } @media (max-width: 640px) { .buttonGroup { flex-direction: column-reverse; } .buttonGroup .submit { width: 100%; } .buttonGroup .register { margin-top: 24px; margin-right: 0; } } .tooltipHover { position: relative; text-decoration: underline; } .tooltipHover .tooltip { position: absolute; top: calc(100% + 20px); left: 50%; opacity: 0; visibility: hidden; transition: opacity 0.3s, visibility 0.3s; width: 350px; background: #fff; color: #000; padding: 5px 10px; border-radius: 8px; transform: translateX(-50%); z-index: 1000; } .light .tooltipHover .tooltip { background: #000; color: #fff; } @media all and (max-width: 375px) { .tooltipHover .tooltip { width: 270px; } } .tooltipHover:hover { cursor: pointer; } .tooltipHover:hover .tooltip { opacity: 1; visibility: visible; } /* open-sans-regular - latin */ @font-face { font-display: swap; font-family: 'Open Sans'; font-style: normal; font-weight: 400; src: url(feb0d8644aca3df9fabf.woff2) format('woff2'); } /* open-sans-700 - latin */ @font-face { font-display: swap; font-family: 'Open Sans'; font-style: normal; font-weight: 700; src: url(93eac171b09d26a243c1.woff2) format('woff2'); } /* * Base Styles */ *, *:after, *:before { box-sizing: border-box; margin: 0; padding: 0; } html { overflow-y: scroll; height: 100%; } img { vertical-align: middle; max-width: 100%; } fieldset { border: 0; margin: 0; padding: 0; } textarea { resize: vertical; } /* * Text Selection Colours */ ::-moz-selection { background: #0f55c4; color: #fff; text-shadow: none; } ::selection { background: #0f55c4; color: #fff; text-shadow: none; } /* * Horizontal Rule */ hr { display: block; height: 1px; border: 0; background: #dde3e8; margin: 20px 0; padding: 0; clear: both; } p { margin-top: 0; } p:last-child { margin-bottom: 0; } a { text-decoration: none; outline: 0; } a:hover, a:active { outline: 0; } /* * Form Reset Styles */ input, textarea { box-shadow: none; -webkit-appearance: none; } textarea { resize: vertical; } input, textarea, select, label { box-shadow: none; outline: 0; margin: 0; padding: 0; } /* * Clearing for general use */ .clear { clear: both; } /* * Relative Positioning */ .relative { position: relative; } /* * Images */ img { max-width: 100%; } .left, .alignleft { float: left; display: block; } .right, .alignright { float: right; display: block; } /* * Lists */ ul, ol { margin: 0; padding: 0; } ul li, ol li { list-style-type: none; } /* * max-width: none; overrides max-width: 100% from above * which distorts the icons on gmaps */ #map img { max-width: none; } picture { display: block; } /* * Button Reset */ button { border: none; padding: 0; -webkit-appearance: button; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; line-height: normal; } input::-moz-focus-inner, button::-moz-focus-inner { border: 0; padding: 0; } /* * Site Styles */ .wrapperWidth { max-width: 1360px; min-width: 20px; margin: 0 auto; } @media all and (max-width: 640px), all and (min-width: 641px ) and (max-width: 1379px ) { .wrapperWidth { padding: 0 20px; } } .wrapper { max-width: 1360px; min-width: 20px; margin: 0 auto; } @media all and (max-width: 640px), all and (min-width: 641px ) and (max-width: 1379px ) { .wrapper { padding: 0 20px; } } .siteWrapper { min-height: 100vh; display: flex; flex-flow: column nowrap; position: relative; overflow: clip; flex: 1 1 auto; } .siteWrapper .siteInnerWrapper { flex: 1 1 auto; } /* * Body Tag */ body { margin: 0; font-size: 1rem; line-height: 1.462; font-family: 'Open Sans', Arial, sans-serif; color: #fff; min-width: 320px; max-width: 100%; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; min-height: 100%; font-weight: normal; } body.flyoutActive { overflow: hidden; } /* * Vue.js display none cloaking to prevent FOUC */ [v-cloak] { display: none; } /* * Admin toolbar on front end */ #wp-toolbar { display: flex; } #wp-admin-bar-root-default { flex: 1 1 auto; } /* * Gutenberg block width */ .wp-block { max-width: 1360px; } /* * Mixins */ /* * Fade Dropdown Hover */ /* * Widths */ /* * Standard margin */ /* * The Grid */ /* * Typography */ /* * Border Radius */ /* * Colours */ /* * Project-specific colours */ /* * Dark background / Light text */ /* * Light background / Dark text */ /* * Alert Colours */ /* * Misc Colours */ /* * Mobile Menu */ /* * Media Query Breakpoints */ /* * HTML Tag */ html { font-size: 16px; } html:before { content: 'tablet: 1360px, mobile: 640px, flyout: 767px, medium: 800px'; position: absolute; top: 0; visibility: hidden; } body .myAccountWrapper .buttons { display: flex; justify-content: space-between; align-items: center; clear: both; } body .myAccountWrapper .buttons .changePassword { background: 0; cursor: pointer; } body .myAccountWrapper .buttons .updateAccount { margin: 0; } /* open-sans-regular - latin */ @font-face { font-display: swap; font-family: 'Open Sans'; font-style: normal; font-weight: 400; src: url(feb0d8644aca3df9fabf.woff2) format('woff2'); } /* open-sans-700 - latin */ @font-face { font-display: swap; font-family: 'Open Sans'; font-style: normal; font-weight: 700; src: url(93eac171b09d26a243c1.woff2) format('woff2'); } /* * Base Styles */ *, *:after, *:before { box-sizing: border-box; margin: 0; padding: 0; } html { overflow-y: scroll; height: 100%; } img { vertical-align: middle; max-width: 100%; } fieldset { border: 0; margin: 0; padding: 0; } textarea { resize: vertical; } /* * Text Selection Colours */ ::-moz-selection { background: #0f55c4; color: #fff; text-shadow: none; } ::selection { background: #0f55c4; color: #fff; text-shadow: none; } /* * Horizontal Rule */ hr { display: block; height: 1px; border: 0; background: #dde3e8; margin: 20px 0; padding: 0; clear: both; } p { margin-top: 0; } p:last-child { margin-bottom: 0; } a { text-decoration: none; outline: 0; } a:hover, a:active { outline: 0; } /* * Form Reset Styles */ input, textarea { box-shadow: none; -webkit-appearance: none; } textarea { resize: vertical; } input, textarea, select, label { box-shadow: none; outline: 0; margin: 0; padding: 0; } /* * Clearing for general use */ .clear { clear: both; } /* * Relative Positioning */ .relative { position: relative; } /* * Images */ img { max-width: 100%; } .left, .alignleft { float: left; display: block; } .right, .alignright { float: right; display: block; } /* * Lists */ ul, ol { margin: 0; padding: 0; } ul li, ol li { list-style-type: none; } /* * max-width: none; overrides max-width: 100% from above * which distorts the icons on gmaps */ #map img { max-width: none; } picture { display: block; } /* * Button Reset */ button { border: none; padding: 0; -webkit-appearance: button; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; line-height: normal; } input::-moz-focus-inner, button::-moz-focus-inner { border: 0; padding: 0; } /* * Site Styles */ .wrapperWidth { max-width: 1360px; min-width: 20px; margin: 0 auto; } @media all and (max-width: 640px), all and (min-width: 641px ) and (max-width: 1379px ) { .wrapperWidth { padding: 0 20px; } } .wrapper { max-width: 1360px; min-width: 20px; margin: 0 auto; } @media all and (max-width: 640px), all and (min-width: 641px ) and (max-width: 1379px ) { .wrapper { padding: 0 20px; } } .siteWrapper { min-height: 100vh; display: flex; flex-flow: column nowrap; position: relative; overflow: clip; flex: 1 1 auto; } .siteWrapper .siteInnerWrapper { flex: 1 1 auto; } /* * Body Tag */ body { margin: 0; font-size: 1rem; line-height: 1.462; font-family: 'Open Sans', Arial, sans-serif; color: #fff; min-width: 320px; max-width: 100%; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; min-height: 100%; font-weight: normal; } body.flyoutActive { overflow: hidden; } /* * Vue.js display none cloaking to prevent FOUC */ [v-cloak] { display: none; } /* * Admin toolbar on front end */ #wp-toolbar { display: flex; } #wp-admin-bar-root-default { flex: 1 1 auto; } /* * Gutenberg block width */ .wp-block { max-width: 1360px; } /* * Mixins */ /* * Fade Dropdown Hover */ /* * Widths */ /* * Standard margin */ /* * The Grid */ /* * Typography */ /* * Border Radius */ /* * Colours */ /* * Project-specific colours */ /* * Dark background / Light text */ /* * Light background / Dark text */ /* * Alert Colours */ /* * Misc Colours */ /* * Mobile Menu */ /* * Media Query Breakpoints */ /* * HTML Tag */ html { font-size: 16px; } html:before { content: 'tablet: 1360px, mobile: 640px, flyout: 767px, medium: 800px'; position: absolute; top: 0; visibility: hidden; } .loginForm { position: relative; } .loaderContainer { display: flex; align-items: center; justify-content: center; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.3); z-index: 1; } .buttons { clear: both; display: flex; flex-direction: column; align-items: center; margin-top: 24px; } .buttons .loginForgot { margin-top: 16px; } /* open-sans-regular - latin */ @font-face { font-display: swap; font-family: 'Open Sans'; font-style: normal; font-weight: 400; src: url(feb0d8644aca3df9fabf.woff2) format('woff2'); } /* open-sans-700 - latin */ @font-face { font-display: swap; font-family: 'Open Sans'; font-style: normal; font-weight: 700; src: url(93eac171b09d26a243c1.woff2) format('woff2'); } /* * Base Styles */ *, *:after, *:before { box-sizing: border-box; margin: 0; padding: 0; } html { overflow-y: scroll; height: 100%; } img { vertical-align: middle; max-width: 100%; } fieldset { border: 0; margin: 0; padding: 0; } textarea { resize: vertical; } /* * Text Selection Colours */ ::-moz-selection { background: #0f55c4; color: #fff; text-shadow: none; } ::selection { background: #0f55c4; color: #fff; text-shadow: none; } /* * Horizontal Rule */ hr { display: block; height: 1px; border: 0; background: #dde3e8; margin: 20px 0; padding: 0; clear: both; } p { margin-top: 0; } p:last-child { margin-bottom: 0; } a { text-decoration: none; outline: 0; } a:hover, a:active { outline: 0; } /* * Form Reset Styles */ input, textarea { box-shadow: none; -webkit-appearance: none; } textarea { resize: vertical; } input, textarea, select, label { box-shadow: none; outline: 0; margin: 0; padding: 0; } /* * Clearing for general use */ .clear { clear: both; } /* * Relative Positioning */ .relative { position: relative; } /* * Images */ img { max-width: 100%; } .left, .alignleft { float: left; display: block; } .right, .alignright { float: right; display: block; } /* * Lists */ ul, ol { margin: 0; padding: 0; } ul li, ol li { list-style-type: none; } /* * max-width: none; overrides max-width: 100% from above * which distorts the icons on gmaps */ #map img { max-width: none; } picture { display: block; } /* * Button Reset */ button { border: none; padding: 0; -webkit-appearance: button; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; line-height: normal; } input::-moz-focus-inner, button::-moz-focus-inner { border: 0; padding: 0; } /* * Site Styles */ .wrapperWidth { max-width: 1360px; min-width: 20px; margin: 0 auto; } @media all and (max-width: 640px), all and (min-width: 641px ) and (max-width: 1379px ) { .wrapperWidth { padding: 0 20px; } } .wrapper { max-width: 1360px; min-width: 20px; margin: 0 auto; } @media all and (max-width: 640px), all and (min-width: 641px ) and (max-width: 1379px ) { .wrapper { padding: 0 20px; } } .siteWrapper { min-height: 100vh; display: flex; flex-flow: column nowrap; position: relative; overflow: clip; flex: 1 1 auto; } .siteWrapper .siteInnerWrapper { flex: 1 1 auto; } /* * Body Tag */ body { margin: 0; font-size: 1rem; line-height: 1.462; font-family: 'Open Sans', Arial, sans-serif; color: #fff; min-width: 320px; max-width: 100%; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; min-height: 100%; font-weight: normal; } body.flyoutActive { overflow: hidden; } /* * Vue.js display none cloaking to prevent FOUC */ [v-cloak] { display: none; } /* * Admin toolbar on front end */ #wp-toolbar { display: flex; } #wp-admin-bar-root-default { flex: 1 1 auto; } /* * Gutenberg block width */ .wp-block { max-width: 1360px; } /* * Mixins */ /* * Fade Dropdown Hover */ /* * Widths */ /* * Standard margin */ /* * The Grid */ /* * Typography */ /* * Border Radius */ /* * Colours */ /* * Project-specific colours */ /* * Dark background / Light text */ /* * Light background / Dark text */ /* * Alert Colours */ /* * Misc Colours */ /* * Mobile Menu */ /* * Media Query Breakpoints */ /* * HTML Tag */ html { font-size: 16px; } html:before { content: 'tablet: 1360px, mobile: 640px, flyout: 767px, medium: 800px'; position: absolute; top: 0; visibility: hidden; } .resetPasswordWrap { *zoom: 1; padding: 25px; } .resetPasswordWrap:before, .resetPasswordWrap:after { content: ""; display: table; } .resetPasswordWrap:after { clear: both; } .resetPasswordWrap .resetPassword .button { margin: 0; } /* open-sans-regular - latin */ @font-face { font-display: swap; font-family: 'Open Sans'; font-style: normal; font-weight: 400; src: url(feb0d8644aca3df9fabf.woff2) format('woff2'); } /* open-sans-700 - latin */ @font-face { font-display: swap; font-family: 'Open Sans'; font-style: normal; font-weight: 700; src: url(93eac171b09d26a243c1.woff2) format('woff2'); } /* * Base Styles */ *, *:after, *:before { box-sizing: border-box; margin: 0; padding: 0; } html { overflow-y: scroll; height: 100%; } img { vertical-align: middle; max-width: 100%; } fieldset { border: 0; margin: 0; padding: 0; } textarea { resize: vertical; } /* * Text Selection Colours */ ::-moz-selection { background: #0f55c4; color: #fff; text-shadow: none; } ::selection { background: #0f55c4; color: #fff; text-shadow: none; } /* * Horizontal Rule */ hr { display: block; height: 1px; border: 0; background: #dde3e8; margin: 20px 0; padding: 0; clear: both; } p { margin-top: 0; } p:last-child { margin-bottom: 0; } a { text-decoration: none; outline: 0; } a:hover, a:active { outline: 0; } /* * Form Reset Styles */ input, textarea { box-shadow: none; -webkit-appearance: none; } textarea { resize: vertical; } input, textarea, select, label { box-shadow: none; outline: 0; margin: 0; padding: 0; } /* * Clearing for general use */ .clear { clear: both; } /* * Relative Positioning */ .relative { position: relative; } /* * Images */ img { max-width: 100%; } .left, .alignleft { float: left; display: block; } .right, .alignright { float: right; display: block; } /* * Lists */ ul, ol { margin: 0; padding: 0; } ul li, ol li { list-style-type: none; } /* * max-width: none; overrides max-width: 100% from above * which distorts the icons on gmaps */ #map img { max-width: none; } picture { display: block; } /* * Button Reset */ button { border: none; padding: 0; -webkit-appearance: button; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; line-height: normal; } input::-moz-focus-inner, button::-moz-focus-inner { border: 0; padding: 0; } /* * Site Styles */ .wrapperWidth { max-width: 1360px; min-width: 20px; margin: 0 auto; } @media all and (max-width: 640px), all and (min-width: 641px ) and (max-width: 1379px ) { .wrapperWidth { padding: 0 20px; } } .wrapper { max-width: 1360px; min-width: 20px; margin: 0 auto; } @media all and (max-width: 640px), all and (min-width: 641px ) and (max-width: 1379px ) { .wrapper { padding: 0 20px; } } .siteWrapper { min-height: 100vh; display: flex; flex-flow: column nowrap; position: relative; overflow: clip; flex: 1 1 auto; } .siteWrapper .siteInnerWrapper { flex: 1 1 auto; } /* * Body Tag */ body { margin: 0; font-size: 1rem; line-height: 1.462; font-family: 'Open Sans', Arial, sans-serif; color: #fff; min-width: 320px; max-width: 100%; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; min-height: 100%; font-weight: normal; } body.flyoutActive { overflow: hidden; } /* * Vue.js display none cloaking to prevent FOUC */ [v-cloak] { display: none; } /* * Admin toolbar on front end */ #wp-toolbar { display: flex; } #wp-admin-bar-root-default { flex: 1 1 auto; } /* * Gutenberg block width */ .wp-block { max-width: 1360px; } /* * Mixins */ /* * Fade Dropdown Hover */ /* * Widths */ /* * Standard margin */ /* * The Grid */ /* * Typography */ /* * Border Radius */ /* * Colours */ /* * Project-specific colours */ /* * Dark background / Light text */ /* * Light background / Dark text */ /* * Alert Colours */ /* * Misc Colours */ /* * Mobile Menu */ /* * Media Query Breakpoints */ /* * HTML Tag */ html { font-size: 16px; } html:before { content: 'tablet: 1360px, mobile: 640px, flyout: 767px, medium: 800px'; position: absolute; top: 0; visibility: hidden; } .postsWrapper { max-width: 1360px; min-width: 20px; margin: 0 auto; } @media all and (max-width: 640px), all and (min-width: 641px ) and (max-width: 1379px ) { .postsWrapper { padding: 0 20px; } } @media all and (min-width: 1380px ), all and (min-width: 641px ) and (max-width: 1379px ) { .postsWrapper .postFilter { display: flex; justify-content: space-between; align-items: center; } } .postsWrapper .postFilter .row { max-width: 350px; } @media all and (max-width: 640px) { .postsWrapper .postFilter .row { max-width: auto; margin: 0 0 20px; } } .postsWrapper .postFilter .row label { display: none; } .postsWrapper .postFilter .row input[type=text] { background: #272727; border: 1px solid transparent; color: #fff; } .light .postsWrapper .postFilter .row input[type=text] { border: 1px solid #333333; background: none; color: #151515; } .light .postsWrapper .postFilter .row input[type=text]::placeholder { color: #151515; } /* open-sans-regular - latin */ @font-face { font-display: swap; font-family: 'Open Sans'; font-style: normal; font-weight: 400; src: url(feb0d8644aca3df9fabf.woff2) format('woff2'); } /* open-sans-700 - latin */ @font-face { font-display: swap; font-family: 'Open Sans'; font-style: normal; font-weight: 700; src: url(93eac171b09d26a243c1.woff2) format('woff2'); } /* * Base Styles */ *, *:after, *:before { box-sizing: border-box; margin: 0; padding: 0; } html { overflow-y: scroll; height: 100%; } img { vertical-align: middle; max-width: 100%; } fieldset { border: 0; margin: 0; padding: 0; } textarea { resize: vertical; } /* * Text Selection Colours */ ::-moz-selection { background: #0f55c4; color: #fff; text-shadow: none; } ::selection { background: #0f55c4; color: #fff; text-shadow: none; } /* * Horizontal Rule */ hr { display: block; height: 1px; border: 0; background: #dde3e8; margin: 20px 0; padding: 0; clear: both; } p { margin-top: 0; } p:last-child { margin-bottom: 0; } a { text-decoration: none; outline: 0; } a:hover, a:active { outline: 0; } /* * Form Reset Styles */ input, textarea { box-shadow: none; -webkit-appearance: none; } textarea { resize: vertical; } input, textarea, select, label { box-shadow: none; outline: 0; margin: 0; padding: 0; } /* * Clearing for general use */ .clear { clear: both; } /* * Relative Positioning */ .relative { position: relative; } /* * Images */ img { max-width: 100%; } .left, .alignleft { float: left; display: block; } .right, .alignright { float: right; display: block; } /* * Lists */ ul, ol { margin: 0; padding: 0; } ul li, ol li { list-style-type: none; } /* * max-width: none; overrides max-width: 100% from above * which distorts the icons on gmaps */ #map img { max-width: none; } picture { display: block; } /* * Button Reset */ button { border: none; padding: 0; -webkit-appearance: button; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; line-height: normal; } input::-moz-focus-inner, button::-moz-focus-inner { border: 0; padding: 0; } /* * Site Styles */ .wrapperWidth { max-width: 1360px; min-width: 20px; margin: 0 auto; } @media all and (max-width: 640px), all and (min-width: 641px ) and (max-width: 1379px ) { .wrapperWidth { padding: 0 20px; } } .wrapper { max-width: 1360px; min-width: 20px; margin: 0 auto; } @media all and (max-width: 640px), all and (min-width: 641px ) and (max-width: 1379px ) { .wrapper { padding: 0 20px; } } .siteWrapper { min-height: 100vh; display: flex; flex-flow: column nowrap; position: relative; overflow: clip; flex: 1 1 auto; } .siteWrapper .siteInnerWrapper { flex: 1 1 auto; } /* * Body Tag */ body { margin: 0; font-size: 1rem; line-height: 1.462; font-family: 'Open Sans', Arial, sans-serif; color: #fff; min-width: 320px; max-width: 100%; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; min-height: 100%; font-weight: normal; } body.flyoutActive { overflow: hidden; } /* * Vue.js display none cloaking to prevent FOUC */ [v-cloak] { display: none; } /* * Admin toolbar on front end */ #wp-toolbar { display: flex; } #wp-admin-bar-root-default { flex: 1 1 auto; } /* * Gutenberg block width */ .wp-block { max-width: 1360px; } /* * Mixins */ /* * Fade Dropdown Hover */ /* * Widths */ /* * Standard margin */ /* * The Grid */ /* * Typography */ /* * Border Radius */ /* * Colours */ /* * Project-specific colours */ /* * Dark background / Light text */ /* * Light background / Dark text */ /* * Alert Colours */ /* * Misc Colours */ /* * Mobile Menu */ /* * Media Query Breakpoints */ /* * HTML Tag */ html { font-size: 16px; } html:before { content: 'tablet: 1360px, mobile: 640px, flyout: 767px, medium: 800px'; position: absolute; top: 0; visibility: hidden; } .posts { max-width: 1360px; margin: 0 auto; color: #ffffff; padding: 20px 40px; } .posts .header { display: flex; align-items: flex-start; justify-content: space-between; } .posts .heading { margin-bottom: 24px; } .posts > .postsList { display: grid; grid-template-columns: repeat(auto-fill, minmax(400px, 1fr)); grid-gap: 20px; clear: both; } .posts.featured .splide__slide { min-height: 528px; align-items: center; } .posts.featured .splide__slide a { display: flex; align-items: flex-end; position: relative; width: 100%; height: 100%; } .posts.featured .titleWrap { padding: 32px 24px; } .posts .titleWrap h5 { margin-top: 20px; } .posts .imageWrap { height: 270px; border-radius: 6px; overflow: hidden; margin: 0 0 20px; } .posts.featured .imageWrap { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; } .posts .imageWrap img { width: 100%; height: 100%; object-fit: cover; } .posts .postMeta { padding: 5px 0; font-size: 0.875rem; } @media all and (min-width: 1380px ), all and (min-width: 641px ) and (max-width: 1379px ) { .posts .postMeta { display: flex; align-items: center; justify-content: space-between; } } .posts .backgroundGradient { position: absolute; left: 0; bottom: 0; width: 100%; height: 50%; background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.68) 100%); z-index: -1; } @media all and (max-width: 640px) { .posts { padding: 0; } .posts .header { flex-direction: column; align-items: flex-start; } .posts .heading { margin-bottom: 16px; } .posts .headerLink { margin-bottom: 24px; } } @media all and (min-width: 1380px ) { .posts { padding: 0 0 50px; } } /* open-sans-regular - latin */ @font-face { font-display: swap; font-family: 'Open Sans'; font-style: normal; font-weight: 400; src: url(feb0d8644aca3df9fabf.woff2) format('woff2'); } /* open-sans-700 - latin */ @font-face { font-display: swap; font-family: 'Open Sans'; font-style: normal; font-weight: 700; src: url(93eac171b09d26a243c1.woff2) format('woff2'); } /* * Base Styles */ *, *:after, *:before { box-sizing: border-box; margin: 0; padding: 0; } html { overflow-y: scroll; height: 100%; } img { vertical-align: middle; max-width: 100%; } fieldset { border: 0; margin: 0; padding: 0; } textarea { resize: vertical; } /* * Text Selection Colours */ ::-moz-selection { background: #0f55c4; color: #fff; text-shadow: none; } ::selection { background: #0f55c4; color: #fff; text-shadow: none; } /* * Horizontal Rule */ hr { display: block; height: 1px; border: 0; background: #dde3e8; margin: 20px 0; padding: 0; clear: both; } p { margin-top: 0; } p:last-child { margin-bottom: 0; } a { text-decoration: none; outline: 0; } a:hover, a:active { outline: 0; } /* * Form Reset Styles */ input, textarea { box-shadow: none; -webkit-appearance: none; } textarea { resize: vertical; } input, textarea, select, label { box-shadow: none; outline: 0; margin: 0; padding: 0; } /* * Clearing for general use */ .clear { clear: both; } /* * Relative Positioning */ .relative { position: relative; } /* * Images */ img { max-width: 100%; } .left, .alignleft { float: left; display: block; } .right, .alignright { float: right; display: block; } /* * Lists */ ul, ol { margin: 0; padding: 0; } ul li, ol li { list-style-type: none; } /* * max-width: none; overrides max-width: 100% from above * which distorts the icons on gmaps */ #map img { max-width: none; } picture { display: block; } /* * Button Reset */ button { border: none; padding: 0; -webkit-appearance: button; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; line-height: normal; } input::-moz-focus-inner, button::-moz-focus-inner { border: 0; padding: 0; } /* * Site Styles */ .wrapperWidth { max-width: 1360px; min-width: 20px; margin: 0 auto; } @media all and (max-width: 640px), all and (min-width: 641px ) and (max-width: 1379px ) { .wrapperWidth { padding: 0 20px; } } .wrapper { max-width: 1360px; min-width: 20px; margin: 0 auto; } @media all and (max-width: 640px), all and (min-width: 641px ) and (max-width: 1379px ) { .wrapper { padding: 0 20px; } } .siteWrapper { min-height: 100vh; display: flex; flex-flow: column nowrap; position: relative; overflow: clip; flex: 1 1 auto; } .siteWrapper .siteInnerWrapper { flex: 1 1 auto; } /* * Body Tag */ body { margin: 0; font-size: 1rem; line-height: 1.462; font-family: 'Open Sans', Arial, sans-serif; color: #fff; min-width: 320px; max-width: 100%; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; min-height: 100%; font-weight: normal; } body.flyoutActive { overflow: hidden; } /* * Vue.js display none cloaking to prevent FOUC */ [v-cloak] { display: none; } /* * Admin toolbar on front end */ #wp-toolbar { display: flex; } #wp-admin-bar-root-default { flex: 1 1 auto; } /* * Gutenberg block width */ .wp-block { max-width: 1360px; } /* * Mixins */ /* * Fade Dropdown Hover */ /* * Widths */ /* * Standard margin */ /* * The Grid */ /* * Typography */ /* * Border Radius */ /* * Colours */ /* * Project-specific colours */ /* * Dark background / Light text */ /* * Light background / Dark text */ /* * Alert Colours */ /* * Misc Colours */ /* * Mobile Menu */ /* * Media Query Breakpoints */ /* * HTML Tag */ html { font-size: 16px; } html:before { content: 'tablet: 1360px, mobile: 640px, flyout: 767px, medium: 800px'; position: absolute; top: 0; visibility: hidden; } .saveContent.summary__link { font-size: 0.75rem; } .saveContent.summary__link.isLoading { opacity: 0.7; } .saved { color: #FF717A; } /* open-sans-regular - latin */ @font-face { font-display: swap; font-family: 'Open Sans'; font-style: normal; font-weight: 400; src: url(feb0d8644aca3df9fabf.woff2) format('woff2'); } /* open-sans-700 - latin */ @font-face { font-display: swap; font-family: 'Open Sans'; font-style: normal; font-weight: 700; src: url(93eac171b09d26a243c1.woff2) format('woff2'); } /* * Base Styles */ *, *:after, *:before { box-sizing: border-box; margin: 0; padding: 0; } html { overflow-y: scroll; height: 100%; } img { vertical-align: middle; max-width: 100%; } fieldset { border: 0; margin: 0; padding: 0; } textarea { resize: vertical; } /* * Text Selection Colours */ ::-moz-selection { background: #0f55c4; color: #fff; text-shadow: none; } ::selection { background: #0f55c4; color: #fff; text-shadow: none; } /* * Horizontal Rule */ hr { display: block; height: 1px; border: 0; background: #dde3e8; margin: 20px 0; padding: 0; clear: both; } p { margin-top: 0; } p:last-child { margin-bottom: 0; } a { text-decoration: none; outline: 0; } a:hover, a:active { outline: 0; } /* * Form Reset Styles */ input, textarea { box-shadow: none; -webkit-appearance: none; } textarea { resize: vertical; } input, textarea, select, label { box-shadow: none; outline: 0; margin: 0; padding: 0; } /* * Clearing for general use */ .clear { clear: both; } /* * Relative Positioning */ .relative { position: relative; } /* * Images */ img { max-width: 100%; } .left, .alignleft { float: left; display: block; } .right, .alignright { float: right; display: block; } /* * Lists */ ul, ol { margin: 0; padding: 0; } ul li, ol li { list-style-type: none; } /* * max-width: none; overrides max-width: 100% from above * which distorts the icons on gmaps */ #map img { max-width: none; } picture { display: block; } /* * Button Reset */ button { border: none; padding: 0; -webkit-appearance: button; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; line-height: normal; } input::-moz-focus-inner, button::-moz-focus-inner { border: 0; padding: 0; } /* * Site Styles */ .wrapperWidth { max-width: 1360px; min-width: 20px; margin: 0 auto; } @media all and (max-width: 640px), all and (min-width: 641px ) and (max-width: 1379px ) { .wrapperWidth { padding: 0 20px; } } .wrapper { max-width: 1360px; min-width: 20px; margin: 0 auto; } @media all and (max-width: 640px), all and (min-width: 641px ) and (max-width: 1379px ) { .wrapper { padding: 0 20px; } } .siteWrapper { min-height: 100vh; display: flex; flex-flow: column nowrap; position: relative; overflow: clip; flex: 1 1 auto; } .siteWrapper .siteInnerWrapper { flex: 1 1 auto; } /* * Body Tag */ body { margin: 0; font-size: 1rem; line-height: 1.462; font-family: 'Open Sans', Arial, sans-serif; color: #fff; min-width: 320px; max-width: 100%; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; min-height: 100%; font-weight: normal; } body.flyoutActive { overflow: hidden; } /* * Vue.js display none cloaking to prevent FOUC */ [v-cloak] { display: none; } /* * Admin toolbar on front end */ #wp-toolbar { display: flex; } #wp-admin-bar-root-default { flex: 1 1 auto; } /* * Gutenberg block width */ .wp-block { max-width: 1360px; } /* * Mixins */ /* * Fade Dropdown Hover */ /* * Widths */ /* * Standard margin */ /* * The Grid */ /* * Typography */ /* * Border Radius */ /* * Colours */ /* * Project-specific colours */ /* * Dark background / Light text */ /* * Light background / Dark text */ /* * Alert Colours */ /* * Misc Colours */ /* * Mobile Menu */ /* * Media Query Breakpoints */ /* * HTML Tag */ html { font-size: 16px; } html:before { content: 'tablet: 1360px, mobile: 640px, flyout: 767px, medium: 800px'; position: absolute; top: 0; visibility: hidden; } .singleBlogPost { max-width: 1360px; min-width: 20px; margin: 0 auto; padding: 20px 0; } @media all and (max-width: 640px), all and (min-width: 641px ) and (max-width: 1379px ) { .singleBlogPost { padding: 0 20px; } } @media all and (max-width: 640px), all and (min-width: 641px ) and (max-width: 1379px ) { .singleBlogPost { padding: 20px; } } .singleBlogPost .blogBannerImageWrap { max-width: 1360px; min-width: 20px; margin: 0 auto; } @media all and (max-width: 640px), all and (min-width: 641px ) and (max-width: 1379px ) { .singleBlogPost .blogBannerImageWrap { padding: 0 20px; } } .singleBlogPost .blogBannerImageWrap .blogBannerImage { margin-bottom: 20px; } @media all and (min-width: 1380px ) { .singleBlogPost .blogBannerImageWrap .blogBannerImage { position: relative; width: 1440px; top: 0; left: 50%; transform: translateX(-50%); } } .singleBlogPost .blogTitleWrap { padding: 40px 0; margin: 0 auto; max-width: 1200px; } .singleBlogPost .blogTitleWrap .blogTitle { margin: 0 0 10px; } .singleBlogPost .blogTitleWrap .blogDate { font-size: 1.125rem; color: #fff; line-height: 1; } .light .singleBlogPost .blogTitleWrap .blogDate { color: #151515; } .singleBlogPost .blogContent { margin: 0 auto; max-width: 1200px; } .singleBlogPost .blogContent p { margin: 0 0 30px; } .dark .singleBlogPost .blogContent p span { color: #fff !important; } .light .singleBlogPost .blogContent p span { color: #000 !important; } .singleBlogPost .blogContent .blogMeta { display: flex; justify-content: space-between; align-items: center; margin: 0 0 20px; } .singleBlogPost .blogContent .blogMeta button.saveContent { display: flex; align-items: center; clear: both; color: #fff; } .singleBlogPost .blogContent .blogMeta button.saveContent svg { margin-right: 5px; } .singleBlogPost .blogContent .blogMeta button.saveContent svg path { color: #fff; fill: #fff; } .singleBlogPost .blogContent .blogMore { display: flex; justify-content: space-between; align-items: center; border-top: 1px solid #272727; border-bottom: 1px solid #272727; padding: 30px 0; margin: 0 0 30px; } @media all and (min-width: 641px ) and (max-width: 1379px ), all and (max-width: 640px) { .singleBlogPost .blogContent .blogMore { padding: 30px 20px; } } .singleBlogPost .blogContent .blogMore .actionButtons .backToBlog { font-size: 0.75rem; color: #fff; } .light .singleBlogPost .blogContent .blogMore .actionButtons .backToBlog { color: #151515; } .singleBlogPost .blogContent .blogMore .actionButtons .backToBlog:hover { color: #EA0615; } .singleBlogPost .blogContent .postCategories { font-size: 0.75rem; margin: 0 0 50px; } @media all and (min-width: 1380px ) { .singleBlogPost .blogContent .postCategories { display: flex; align-items: center; justify-content: flex-start; } } .singleBlogPost .blogContent .postCategories .postCategoriesLabel { color: #ADADAD; } @media all and (max-width: 640px), all and (min-width: 641px ) and (max-width: 1379px ) { .singleBlogPost .blogContent .postCategories .postCategoriesLabel { display: block; margin: 0 0 20px; text-align: center; } } .singleBlogPost .blogContent .postCategories ul { display: flex; margin: 0 -5px 0 0; } @media all and (max-width: 640px), all and (min-width: 641px ) and (max-width: 1379px ) { .singleBlogPost .blogContent .postCategories ul { justify-content: center; } } .singleBlogPost .blogContent .postCategories ul li { margin: 0 5px; border-radius: 6px; background: #272727; padding: 4px; } .singleBlogPost .blogContent .postCategories ul li a { color: #fff; } .singleBlogPost .blogContent .postCategories ul li a:hover { color: #EA0615; } @media all and (max-width: 640px) { .singleBlogPost .blogContent .blogMeta { flex-direction: column; } } /* open-sans-regular - latin */ @font-face { font-display: swap; font-family: 'Open Sans'; font-style: normal; font-weight: 400; src: url(feb0d8644aca3df9fabf.woff2) format('woff2'); } /* open-sans-700 - latin */ @font-face { font-display: swap; font-family: 'Open Sans'; font-style: normal; font-weight: 700; src: url(93eac171b09d26a243c1.woff2) format('woff2'); } /* * Base Styles */ *, *:after, *:before { box-sizing: border-box; margin: 0; padding: 0; } html { overflow-y: scroll; height: 100%; } img { vertical-align: middle; max-width: 100%; } fieldset { border: 0; margin: 0; padding: 0; } textarea { resize: vertical; } /* * Text Selection Colours */ ::-moz-selection { background: #0f55c4; color: #fff; text-shadow: none; } ::selection { background: #0f55c4; color: #fff; text-shadow: none; } /* * Horizontal Rule */ hr { display: block; height: 1px; border: 0; background: #dde3e8; margin: 20px 0; padding: 0; clear: both; } p { margin-top: 0; } p:last-child { margin-bottom: 0; } a { text-decoration: none; outline: 0; } a:hover, a:active { outline: 0; } /* * Form Reset Styles */ input, textarea { box-shadow: none; -webkit-appearance: none; } textarea { resize: vertical; } input, textarea, select, label { box-shadow: none; outline: 0; margin: 0; padding: 0; } /* * Clearing for general use */ .clear { clear: both; } /* * Relative Positioning */ .relative { position: relative; } /* * Images */ img { max-width: 100%; } .left, .alignleft { float: left; display: block; } .right, .alignright { float: right; display: block; } /* * Lists */ ul, ol { margin: 0; padding: 0; } ul li, ol li { list-style-type: none; } /* * max-width: none; overrides max-width: 100% from above * which distorts the icons on gmaps */ #map img { max-width: none; } picture { display: block; } /* * Button Reset */ button { border: none; padding: 0; -webkit-appearance: button; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; line-height: normal; } input::-moz-focus-inner, button::-moz-focus-inner { border: 0; padding: 0; } /* * Site Styles */ .wrapperWidth { max-width: 1360px; min-width: 20px; margin: 0 auto; } @media all and (max-width: 640px), all and (min-width: 641px ) and (max-width: 1379px ) { .wrapperWidth { padding: 0 20px; } } .wrapper { max-width: 1360px; min-width: 20px; margin: 0 auto; } @media all and (max-width: 640px), all and (min-width: 641px ) and (max-width: 1379px ) { .wrapper { padding: 0 20px; } } .siteWrapper { min-height: 100vh; display: flex; flex-flow: column nowrap; position: relative; overflow: clip; flex: 1 1 auto; } .siteWrapper .siteInnerWrapper { flex: 1 1 auto; } /* * Body Tag */ body { margin: 0; font-size: 1rem; line-height: 1.462; font-family: 'Open Sans', Arial, sans-serif; color: #fff; min-width: 320px; max-width: 100%; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; min-height: 100%; font-weight: normal; } body.flyoutActive { overflow: hidden; } /* * Vue.js display none cloaking to prevent FOUC */ [v-cloak] { display: none; } /* * Admin toolbar on front end */ #wp-toolbar { display: flex; } #wp-admin-bar-root-default { flex: 1 1 auto; } /* * Gutenberg block width */ .wp-block { max-width: 1360px; } /* * Mixins */ /* * Fade Dropdown Hover */ /* * Widths */ /* * Standard margin */ /* * The Grid */ /* * Typography */ /* * Border Radius */ /* * Colours */ /* * Project-specific colours */ /* * Dark background / Light text */ /* * Light background / Dark text */ /* * Alert Colours */ /* * Misc Colours */ /* * Mobile Menu */ /* * Media Query Breakpoints */ /* * HTML Tag */ html { font-size: 16px; } html:before { content: 'tablet: 1360px, mobile: 640px, flyout: 767px, medium: 800px'; position: absolute; top: 0; visibility: hidden; } .commentsWrap { padding: 20px 0; } .commentsWrap .comments { margin: 0 0 20px; } .commentsWrap .comments .comment { padding: 20px 0; } .commentsWrap .comments .comment .commentContent { background: #232323; padding: 20px; margin: 0 0 10px; } .commentsWrap .comments .comment .commentContent p:last-child { margin: 0; } .commentsWrap .comments .comment .commentContent a { color: #EA0615; } .commentsWrap .comments .comment .commentAuthor { color: #B6B6B6; font-size: 0.75rem; } /* open-sans-regular - latin */ @font-face { font-display: swap; font-family: 'Open Sans'; font-style: normal; font-weight: 400; src: url(feb0d8644aca3df9fabf.woff2) format('woff2'); } /* open-sans-700 - latin */ @font-face { font-display: swap; font-family: 'Open Sans'; font-style: normal; font-weight: 700; src: url(93eac171b09d26a243c1.woff2) format('woff2'); } /* * Base Styles */ *, *:after, *:before { box-sizing: border-box; margin: 0; padding: 0; } html { overflow-y: scroll; height: 100%; } img { vertical-align: middle; max-width: 100%; } fieldset { border: 0; margin: 0; padding: 0; } textarea { resize: vertical; } /* * Text Selection Colours */ ::-moz-selection { background: #0f55c4; color: #fff; text-shadow: none; } ::selection { background: #0f55c4; color: #fff; text-shadow: none; } /* * Horizontal Rule */ hr { display: block; height: 1px; border: 0; background: #dde3e8; margin: 20px 0; padding: 0; clear: both; } p { margin-top: 0; } p:last-child { margin-bottom: 0; } a { text-decoration: none; outline: 0; } a:hover, a:active { outline: 0; } /* * Form Reset Styles */ input, textarea { box-shadow: none; -webkit-appearance: none; } textarea { resize: vertical; } input, textarea, select, label { box-shadow: none; outline: 0; margin: 0; padding: 0; } /* * Clearing for general use */ .clear { clear: both; } /* * Relative Positioning */ .relative { position: relative; } /* * Images */ img { max-width: 100%; } .left, .alignleft { float: left; display: block; } .right, .alignright { float: right; display: block; } /* * Lists */ ul, ol { margin: 0; padding: 0; } ul li, ol li { list-style-type: none; } /* * max-width: none; overrides max-width: 100% from above * which distorts the icons on gmaps */ #map img { max-width: none; } picture { display: block; } /* * Button Reset */ button { border: none; padding: 0; -webkit-appearance: button; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; line-height: normal; } input::-moz-focus-inner, button::-moz-focus-inner { border: 0; padding: 0; } /* * Site Styles */ .wrapperWidth { max-width: 1360px; min-width: 20px; margin: 0 auto; } @media all and (max-width: 640px), all and (min-width: 641px ) and (max-width: 1379px ) { .wrapperWidth { padding: 0 20px; } } .wrapper { max-width: 1360px; min-width: 20px; margin: 0 auto; } @media all and (max-width: 640px), all and (min-width: 641px ) and (max-width: 1379px ) { .wrapper { padding: 0 20px; } } .siteWrapper { min-height: 100vh; display: flex; flex-flow: column nowrap; position: relative; overflow: clip; flex: 1 1 auto; } .siteWrapper .siteInnerWrapper { flex: 1 1 auto; } /* * Body Tag */ body { margin: 0; font-size: 1rem; line-height: 1.462; font-family: 'Open Sans', Arial, sans-serif; color: #fff; min-width: 320px; max-width: 100%; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; min-height: 100%; font-weight: normal; } body.flyoutActive { overflow: hidden; } /* * Vue.js display none cloaking to prevent FOUC */ [v-cloak] { display: none; } /* * Admin toolbar on front end */ #wp-toolbar { display: flex; } #wp-admin-bar-root-default { flex: 1 1 auto; } /* * Gutenberg block width */ .wp-block { max-width: 1360px; } /* * Mixins */ /* * Fade Dropdown Hover */ /* * Widths */ /* * Standard margin */ /* * The Grid */ /* * Typography */ /* * Border Radius */ /* * Colours */ /* * Project-specific colours */ /* * Dark background / Light text */ /* * Light background / Dark text */ /* * Alert Colours */ /* * Misc Colours */ /* * Mobile Menu */ /* * Media Query Breakpoints */ /* * HTML Tag */ html { font-size: 16px; } html:before { content: 'tablet: 1360px, mobile: 640px, flyout: 767px, medium: 800px'; position: absolute; top: 0; visibility: hidden; } .createCommentWrap { background: #272727; } .light .createCommentWrap { background: #C4C4C4; } .createCommentWrap .createComment { padding: 60px 50px; } @media all and (max-width: 640px), all and (min-width: 641px ) and (max-width: 1379px ) { .createCommentWrap .createComment { padding: 30px; } } .createCommentWrap .createComment .row textarea { line-height: 1.5; } .createCommentWrap .createComment .row textarea, .createCommentWrap .createComment .row input[type="text"] { background: #151515; border: 0; } .light .createCommentWrap .createComment .row textarea, .light .createCommentWrap .createComment .row input[type="text"] { background: #E9E9E9; color: #151515; } .createCommentWrap .createComment .row textarea:disabled, .createCommentWrap .createComment .row input[type="text"]:disabled { opacity: 0.5; } .createCommentWrap .createComment .btn { margin: 0; } /* open-sans-regular - latin */ @font-face { font-display: swap; font-family: 'Open Sans'; font-style: normal; font-weight: 400; src: url(feb0d8644aca3df9fabf.woff2) format('woff2'); } /* open-sans-700 - latin */ @font-face { font-display: swap; font-family: 'Open Sans'; font-style: normal; font-weight: 700; src: url(93eac171b09d26a243c1.woff2) format('woff2'); } /* * Base Styles */ *, *:after, *:before { box-sizing: border-box; margin: 0; padding: 0; } html { overflow-y: scroll; height: 100%; } img { vertical-align: middle; max-width: 100%; } fieldset { border: 0; margin: 0; padding: 0; } textarea { resize: vertical; } /* * Text Selection Colours */ ::-moz-selection { background: #0f55c4; color: #fff; text-shadow: none; } ::selection { background: #0f55c4; color: #fff; text-shadow: none; } /* * Horizontal Rule */ hr { display: block; height: 1px; border: 0; background: #dde3e8; margin: 20px 0; padding: 0; clear: both; } p { margin-top: 0; } p:last-child { margin-bottom: 0; } a { text-decoration: none; outline: 0; } a:hover, a:active { outline: 0; } /* * Form Reset Styles */ input, textarea { box-shadow: none; -webkit-appearance: none; } textarea { resize: vertical; } input, textarea, select, label { box-shadow: none; outline: 0; margin: 0; padding: 0; } /* * Clearing for general use */ .clear { clear: both; } /* * Relative Positioning */ .relative { position: relative; } /* * Images */ img { max-width: 100%; } .left, .alignleft { float: left; display: block; } .right, .alignright { float: right; display: block; } /* * Lists */ ul, ol { margin: 0; padding: 0; } ul li, ol li { list-style-type: none; } /* * max-width: none; overrides max-width: 100% from above * which distorts the icons on gmaps */ #map img { max-width: none; } picture { display: block; } /* * Button Reset */ button { border: none; padding: 0; -webkit-appearance: button; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; line-height: normal; } input::-moz-focus-inner, button::-moz-focus-inner { border: 0; padding: 0; } /* * Site Styles */ .wrapperWidth { max-width: 1360px; min-width: 20px; margin: 0 auto; } @media all and (max-width: 640px), all and (min-width: 641px ) and (max-width: 1379px ) { .wrapperWidth { padding: 0 20px; } } .wrapper { max-width: 1360px; min-width: 20px; margin: 0 auto; } @media all and (max-width: 640px), all and (min-width: 641px ) and (max-width: 1379px ) { .wrapper { padding: 0 20px; } } .siteWrapper { min-height: 100vh; display: flex; flex-flow: column nowrap; position: relative; overflow: clip; flex: 1 1 auto; } .siteWrapper .siteInnerWrapper { flex: 1 1 auto; } /* * Body Tag */ body { margin: 0; font-size: 1rem; line-height: 1.462; font-family: 'Open Sans', Arial, sans-serif; color: #fff; min-width: 320px; max-width: 100%; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; min-height: 100%; font-weight: normal; } body.flyoutActive { overflow: hidden; } /* * Vue.js display none cloaking to prevent FOUC */ [v-cloak] { display: none; } /* * Admin toolbar on front end */ #wp-toolbar { display: flex; } #wp-admin-bar-root-default { flex: 1 1 auto; } /* * Gutenberg block width */ .wp-block { max-width: 1360px; } /* * Mixins */ /* * Fade Dropdown Hover */ /* * Widths */ /* * Standard margin */ /* * The Grid */ /* * Typography */ /* * Border Radius */ /* * Colours */ /* * Project-specific colours */ /* * Dark background / Light text */ /* * Light background / Dark text */ /* * Alert Colours */ /* * Misc Colours */ /* * Mobile Menu */ /* * Media Query Breakpoints */ /* * HTML Tag */ html { font-size: 16px; } html:before { content: 'tablet: 1360px, mobile: 640px, flyout: 767px, medium: 800px'; position: absolute; top: 0; visibility: hidden; } .subscribeToBlog__button { color: #fff; border-radius: 5px; border: 2px solid #FFF; padding: 5px 10px; font-size: 0.75rem; display: inline-block; } .light .subscribeToBlog__button { color: #151515; border-color: #151515; } .subscribeToBlog__button.userSubscribed, .subscribeToBlog__button:disabled { opacity: 0.5; } .subscribeToBlog__button:hover { color: #EA0615; border-color: #EA0615; } /* open-sans-regular - latin */ @font-face { font-display: swap; font-family: 'Open Sans'; font-style: normal; font-weight: 400; src: url(feb0d8644aca3df9fabf.woff2) format('woff2'); } /* open-sans-700 - latin */ @font-face { font-display: swap; font-family: 'Open Sans'; font-style: normal; font-weight: 700; src: url(93eac171b09d26a243c1.woff2) format('woff2'); } /* * Base Styles */ *, *:after, *:before { box-sizing: border-box; margin: 0; padding: 0; } html { overflow-y: scroll; height: 100%; } img { vertical-align: middle; max-width: 100%; } fieldset { border: 0; margin: 0; padding: 0; } textarea { resize: vertical; } /* * Text Selection Colours */ ::-moz-selection { background: #0f55c4; color: #fff; text-shadow: none; } ::selection { background: #0f55c4; color: #fff; text-shadow: none; } /* * Horizontal Rule */ hr { display: block; height: 1px; border: 0; background: #dde3e8; margin: 20px 0; padding: 0; clear: both; } p { margin-top: 0; } p:last-child { margin-bottom: 0; } a { text-decoration: none; outline: 0; } a:hover, a:active { outline: 0; } /* * Form Reset Styles */ input, textarea { box-shadow: none; -webkit-appearance: none; } textarea { resize: vertical; } input, textarea, select, label { box-shadow: none; outline: 0; margin: 0; padding: 0; } /* * Clearing for general use */ .clear { clear: both; } /* * Relative Positioning */ .relative { position: relative; } /* * Images */ img { max-width: 100%; } .left, .alignleft { float: left; display: block; } .right, .alignright { float: right; display: block; } /* * Lists */ ul, ol { margin: 0; padding: 0; } ul li, ol li { list-style-type: none; } /* * max-width: none; overrides max-width: 100% from above * which distorts the icons on gmaps */ #map img { max-width: none; } picture { display: block; } /* * Button Reset */ button { border: none; padding: 0; -webkit-appearance: button; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; line-height: normal; } input::-moz-focus-inner, button::-moz-focus-inner { border: 0; padding: 0; } /* * Site Styles */ .wrapperWidth { max-width: 1360px; min-width: 20px; margin: 0 auto; } @media all and (max-width: 640px), all and (min-width: 641px ) and (max-width: 1379px ) { .wrapperWidth { padding: 0 20px; } } .wrapper { max-width: 1360px; min-width: 20px; margin: 0 auto; } @media all and (max-width: 640px), all and (min-width: 641px ) and (max-width: 1379px ) { .wrapper { padding: 0 20px; } } .siteWrapper { min-height: 100vh; display: flex; flex-flow: column nowrap; position: relative; overflow: clip; flex: 1 1 auto; } .siteWrapper .siteInnerWrapper { flex: 1 1 auto; } /* * Body Tag */ body { margin: 0; font-size: 1rem; line-height: 1.462; font-family: 'Open Sans', Arial, sans-serif; color: #fff; min-width: 320px; max-width: 100%; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; min-height: 100%; font-weight: normal; } body.flyoutActive { overflow: hidden; } /* * Vue.js display none cloaking to prevent FOUC */ [v-cloak] { display: none; } /* * Admin toolbar on front end */ #wp-toolbar { display: flex; } #wp-admin-bar-root-default { flex: 1 1 auto; } /* * Gutenberg block width */ .wp-block { max-width: 1360px; } /* * Mixins */ /* * Fade Dropdown Hover */ /* * Widths */ /* * Standard margin */ /* * The Grid */ /* * Typography */ /* * Border Radius */ /* * Colours */ /* * Project-specific colours */ /* * Dark background / Light text */ /* * Light background / Dark text */ /* * Alert Colours */ /* * Misc Colours */ /* * Mobile Menu */ /* * Media Query Breakpoints */ /* * HTML Tag */ html { font-size: 16px; } html:before { content: 'tablet: 1360px, mobile: 640px, flyout: 767px, medium: 800px'; position: absolute; top: 0; visibility: hidden; } .loadingWrap { display: flex; align-items: center; justify-content: center; min-height: 200px; } .loadingWrap .loading { animation: fa-spin 2s infinite linear; font-size: 40px; line-height: 1; } .loadingWrap--over, .loadingWrap--fixed { top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.3); } .loadingWrap--over { position: absolute; } .loadingWrap--fixed { position: fixed; z-index: 5000; } /* open-sans-regular - latin */ @font-face { font-display: swap; font-family: 'Open Sans'; font-style: normal; font-weight: 400; src: url(feb0d8644aca3df9fabf.woff2) format('woff2'); } /* open-sans-700 - latin */ @font-face { font-display: swap; font-family: 'Open Sans'; font-style: normal; font-weight: 700; src: url(93eac171b09d26a243c1.woff2) format('woff2'); } /* * Base Styles */ *, *:after, *:before { box-sizing: border-box; margin: 0; padding: 0; } html { overflow-y: scroll; height: 100%; } img { vertical-align: middle; max-width: 100%; } fieldset { border: 0; margin: 0; padding: 0; } textarea { resize: vertical; } /* * Text Selection Colours */ ::-moz-selection { background: #0f55c4; color: #fff; text-shadow: none; } ::selection { background: #0f55c4; color: #fff; text-shadow: none; } /* * Horizontal Rule */ hr { display: block; height: 1px; border: 0; background: #dde3e8; margin: 20px 0; padding: 0; clear: both; } p { margin-top: 0; } p:last-child { margin-bottom: 0; } a { text-decoration: none; outline: 0; } a:hover, a:active { outline: 0; } /* * Form Reset Styles */ input, textarea { box-shadow: none; -webkit-appearance: none; } textarea { resize: vertical; } input, textarea, select, label { box-shadow: none; outline: 0; margin: 0; padding: 0; } /* * Clearing for general use */ .clear { clear: both; } /* * Relative Positioning */ .relative { position: relative; } /* * Images */ img { max-width: 100%; } .left, .alignleft { float: left; display: block; } .right, .alignright { float: right; display: block; } /* * Lists */ ul, ol { margin: 0; padding: 0; } ul li, ol li { list-style-type: none; } /* * max-width: none; overrides max-width: 100% from above * which distorts the icons on gmaps */ #map img { max-width: none; } picture { display: block; } /* * Button Reset */ button { border: none; padding: 0; -webkit-appearance: button; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; line-height: normal; } input::-moz-focus-inner, button::-moz-focus-inner { border: 0; padding: 0; } /* * Site Styles */ .wrapperWidth { max-width: 1360px; min-width: 20px; margin: 0 auto; } @media all and (max-width: 640px), all and (min-width: 641px ) and (max-width: 1379px ) { .wrapperWidth { padding: 0 20px; } } .wrapper { max-width: 1360px; min-width: 20px; margin: 0 auto; } @media all and (max-width: 640px), all and (min-width: 641px ) and (max-width: 1379px ) { .wrapper { padding: 0 20px; } } .siteWrapper { min-height: 100vh; display: flex; flex-flow: column nowrap; position: relative; overflow: clip; flex: 1 1 auto; } .siteWrapper .siteInnerWrapper { flex: 1 1 auto; } /* * Body Tag */ body { margin: 0; font-size: 1rem; line-height: 1.462; font-family: 'Open Sans', Arial, sans-serif; color: #fff; min-width: 320px; max-width: 100%; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; min-height: 100%; font-weight: normal; } body.flyoutActive { overflow: hidden; } /* * Vue.js display none cloaking to prevent FOUC */ [v-cloak] { display: none; } /* * Admin toolbar on front end */ #wp-toolbar { display: flex; } #wp-admin-bar-root-default { flex: 1 1 auto; } /* * Gutenberg block width */ .wp-block { max-width: 1360px; } /* * Mixins */ /* * Fade Dropdown Hover */ /* * Widths */ /* * Standard margin */ /* * The Grid */ /* * Typography */ /* * Border Radius */ /* * Colours */ /* * Project-specific colours */ /* * Dark background / Light text */ /* * Light background / Dark text */ /* * Alert Colours */ /* * Misc Colours */ /* * Mobile Menu */ /* * Media Query Breakpoints */ /* * HTML Tag */ html { font-size: 16px; } html:before { content: 'tablet: 1360px, mobile: 640px, flyout: 767px, medium: 800px'; position: absolute; top: 0; visibility: hidden; } .languageSelectorWrap { position: relative; display: flex; align-items: center; z-index: 1; } @media all and (max-width: 800px) { .headerWrap .languageSelectorWrap { margin: 0 72px 0 auto; } } @media all and (max-width: 640px) { .languageSelectorWrap { margin: 0 auto; } } .languageSelector { cursor: pointer; display: flex; align-items: center; font-weight: 700; font-size: 14px; line-height: 50px; color: #A6A6A6; background: 0; border: 0; transition: color 0.1s linear, background-color 0.1s linear; } .languageSelector:focus-visible { outline-offset: 0; outline: 2px solid currentColor; } .headerWrap .languageSelector { height: 38px; padding: 0 16px; } .languageSelector__icon { font-size: 22px; } .headerWrap .languageSelector__icon { width: 18px; } .footerWrap .languageSelector__icon--header, .headerWrap .languageSelector__icon--footer, .headerWrap .languageSelector__text { display: none; } .languageSelector:hover, .languageSelector:focus, .languageSelector:hover .languageSelector__icon, .languageSelector:focus .languageSelector__icon { color: #ffffff; } .languageDropdown { position: absolute; top: 100%; left: 0; min-width: 200px; background-color: #000000; color: #ffffff; border-radius: 0; } .languageDropdown .language { display: flex; align-items: center; padding: 9px 15px; width: 100%; font-size: 14px; color: inherit; white-space: nowrap; transition: background-color 0.1s linear, color 0.1s linear; } .languageDropdown .language .imageWrap { width: 20px; margin-right: 10px; } .languageDropdown .language:hover { background-color: #202020; } @media all and (max-width: 800px) { .headerWrap .languageDropdown { left: auto; right: 0; } } /* open-sans-regular - latin */ @font-face { font-display: swap; font-family: 'Open Sans'; font-style: normal; font-weight: 400; src: url(feb0d8644aca3df9fabf.woff2) format('woff2'); } /* open-sans-700 - latin */ @font-face { font-display: swap; font-family: 'Open Sans'; font-style: normal; font-weight: 700; src: url(93eac171b09d26a243c1.woff2) format('woff2'); } /* * Base Styles */ *, *:after, *:before { box-sizing: border-box; margin: 0; padding: 0; } html { overflow-y: scroll; height: 100%; } img { vertical-align: middle; max-width: 100%; } fieldset { border: 0; margin: 0; padding: 0; } textarea { resize: vertical; } /* * Text Selection Colours */ ::-moz-selection { background: #0f55c4; color: #fff; text-shadow: none; } ::selection { background: #0f55c4; color: #fff; text-shadow: none; } /* * Horizontal Rule */ hr { display: block; height: 1px; border: 0; background: #dde3e8; margin: 20px 0; padding: 0; clear: both; } p { margin-top: 0; } p:last-child { margin-bottom: 0; } a { text-decoration: none; outline: 0; } a:hover, a:active { outline: 0; } /* * Form Reset Styles */ input, textarea { box-shadow: none; -webkit-appearance: none; } textarea { resize: vertical; } input, textarea, select, label { box-shadow: none; outline: 0; margin: 0; padding: 0; } /* * Clearing for general use */ .clear { clear: both; } /* * Relative Positioning */ .relative { position: relative; } /* * Images */ img { max-width: 100%; } .left, .alignleft { float: left; display: block; } .right, .alignright { float: right; display: block; } /* * Lists */ ul, ol { margin: 0; padding: 0; } ul li, ol li { list-style-type: none; } /* * max-width: none; overrides max-width: 100% from above * which distorts the icons on gmaps */ #map img { max-width: none; } picture { display: block; } /* * Button Reset */ button { border: none; padding: 0; -webkit-appearance: button; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; line-height: normal; } input::-moz-focus-inner, button::-moz-focus-inner { border: 0; padding: 0; } /* * Site Styles */ .wrapperWidth { max-width: 1360px; min-width: 20px; margin: 0 auto; } @media all and (max-width: 640px), all and (min-width: 641px ) and (max-width: 1379px ) { .wrapperWidth { padding: 0 20px; } } .wrapper { max-width: 1360px; min-width: 20px; margin: 0 auto; } @media all and (max-width: 640px), all and (min-width: 641px ) and (max-width: 1379px ) { .wrapper { padding: 0 20px; } } .siteWrapper { min-height: 100vh; display: flex; flex-flow: column nowrap; position: relative; overflow: clip; flex: 1 1 auto; } .siteWrapper .siteInnerWrapper { flex: 1 1 auto; } /* * Body Tag */ body { margin: 0; font-size: 1rem; line-height: 1.462; font-family: 'Open Sans', Arial, sans-serif; color: #fff; min-width: 320px; max-width: 100%; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; min-height: 100%; font-weight: normal; } body.flyoutActive { overflow: hidden; } /* * Vue.js display none cloaking to prevent FOUC */ [v-cloak] { display: none; } /* * Admin toolbar on front end */ #wp-toolbar { display: flex; } #wp-admin-bar-root-default { flex: 1 1 auto; } /* * Gutenberg block width */ .wp-block { max-width: 1360px; } /* * Mixins */ /* * Fade Dropdown Hover */ /* * Widths */ /* * Standard margin */ /* * The Grid */ /* * Typography */ /* * Border Radius */ /* * Colours */ /* * Project-specific colours */ /* * Dark background / Light text */ /* * Light background / Dark text */ /* * Alert Colours */ /* * Misc Colours */ /* * Mobile Menu */ /* * Media Query Breakpoints */ /* * HTML Tag */ html { font-size: 16px; } html:before { content: 'tablet: 1360px, mobile: 640px, flyout: 767px, medium: 800px'; position: absolute; top: 0; visibility: hidden; } .socialBlock .socialBlock__icons { display: flex; } .socialBlock .socialBlock__icons > li { margin: 0 5px; } .socialBlock .socialBlock__icon-link { position: relative; display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; font-size: 32px; line-height: 40px; text-align: center; transition: background-color 0.1s; } .socialBlock .socialBlock__icon { transition: opacity 0.1s linear; } .socialBlock .socialBlock__icon--real { color: inherit; opacity: 0; } .socialBlock .socialBlock__icon--ghost { position: absolute; color: #ffffff; z-index: 1; } .socialBlock .socialBlock__icon-link:hover .socialBlock__icon--real, .socialBlock .socialBlock__icon-link:focus .socialBlock__icon--real { opacity: 1; } .socialBlock .socialBlock__icon-link:hover .socialBlock__icon--ghost, .socialBlock .socialBlock__icon-link:focus .socialBlock__icon--ghost { opacity: 0; } /* open-sans-regular - latin */ @font-face { font-display: swap; font-family: 'Open Sans'; font-style: normal; font-weight: 400; src: url(feb0d8644aca3df9fabf.woff2) format('woff2'); } /* open-sans-700 - latin */ @font-face { font-display: swap; font-family: 'Open Sans'; font-style: normal; font-weight: 700; src: url(93eac171b09d26a243c1.woff2) format('woff2'); } /* * Base Styles */ *, *:after, *:before { box-sizing: border-box; margin: 0; padding: 0; } html { overflow-y: scroll; height: 100%; } img { vertical-align: middle; max-width: 100%; } fieldset { border: 0; margin: 0; padding: 0; } textarea { resize: vertical; } /* * Text Selection Colours */ ::-moz-selection { background: #0f55c4; color: #fff; text-shadow: none; } ::selection { background: #0f55c4; color: #fff; text-shadow: none; } /* * Horizontal Rule */ hr { display: block; height: 1px; border: 0; background: #dde3e8; margin: 20px 0; padding: 0; clear: both; } p { margin-top: 0; } p:last-child { margin-bottom: 0; } a { text-decoration: none; outline: 0; } a:hover, a:active { outline: 0; } /* * Form Reset Styles */ input, textarea { box-shadow: none; -webkit-appearance: none; } textarea { resize: vertical; } input, textarea, select, label { box-shadow: none; outline: 0; margin: 0; padding: 0; } /* * Clearing for general use */ .clear { clear: both; } /* * Relative Positioning */ .relative { position: relative; } /* * Images */ img { max-width: 100%; } .left, .alignleft { float: left; display: block; } .right, .alignright { float: right; display: block; } /* * Lists */ ul, ol { margin: 0; padding: 0; } ul li, ol li { list-style-type: none; } /* * max-width: none; overrides max-width: 100% from above * which distorts the icons on gmaps */ #map img { max-width: none; } picture { display: block; } /* * Button Reset */ button { border: none; padding: 0; -webkit-appearance: button; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; line-height: normal; } input::-moz-focus-inner, button::-moz-focus-inner { border: 0; padding: 0; } /* * Site Styles */ .wrapperWidth { max-width: 1360px; min-width: 20px; margin: 0 auto; } @media all and (max-width: 640px), all and (min-width: 641px ) and (max-width: 1379px ) { .wrapperWidth { padding: 0 20px; } } .wrapper { max-width: 1360px; min-width: 20px; margin: 0 auto; } @media all and (max-width: 640px), all and (min-width: 641px ) and (max-width: 1379px ) { .wrapper { padding: 0 20px; } } .siteWrapper { min-height: 100vh; display: flex; flex-flow: column nowrap; position: relative; overflow: clip; flex: 1 1 auto; } .siteWrapper .siteInnerWrapper { flex: 1 1 auto; } /* * Body Tag */ body { margin: 0; font-size: 1rem; line-height: 1.462; font-family: 'Open Sans', Arial, sans-serif; color: #fff; min-width: 320px; max-width: 100%; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; min-height: 100%; font-weight: normal; } body.flyoutActive { overflow: hidden; } /* * Vue.js display none cloaking to prevent FOUC */ [v-cloak] { display: none; } /* * Admin toolbar on front end */ #wp-toolbar { display: flex; } #wp-admin-bar-root-default { flex: 1 1 auto; } /* * Gutenberg block width */ .wp-block { max-width: 1360px; } /* * Mixins */ /* * Fade Dropdown Hover */ /* * Widths */ /* * Standard margin */ /* * The Grid */ /* * Typography */ /* * Border Radius */ /* * Colours */ /* * Project-specific colours */ /* * Dark background / Light text */ /* * Light background / Dark text */ /* * Alert Colours */ /* * Misc Colours */ /* * Mobile Menu */ /* * Media Query Breakpoints */ /* * HTML Tag */ html { font-size: 16px; } html:before { content: 'tablet: 1360px, mobile: 640px, flyout: 767px, medium: 800px'; position: absolute; top: 0; visibility: hidden; } .addressesWrapper .addressTypes { display: flex; } .addressesWrapper .addressTypes .addressType { flex: 1; } .addressesWrapper .addressTypes .addressType.addressBilling { margin-right: 40px; } .addressesWrapper .addressTypes .addressType .titleWrap { display: flex; justify-content: space-between; } .addressesWrapper .addressTypes .addressType .titleWrap button { background: 0; cursor: pointer; } .addressesWrapper .addressTypes .addressType .addressTypeTitle { text-transform: capitalize; } .addressesWrapper .addressTypes .addressType .addressData { display: flex; margin-right: 40px; } .addressesWrapper .addressTypes .addressType .addressData .addressLabel { flex: 1; text-transform: capitalize; } .addressesWrapper .addressTypes .addressType .addressData .addressValue { flex: 1; } /* open-sans-regular - latin */ @font-face { font-display: swap; font-family: 'Open Sans'; font-style: normal; font-weight: 400; src: url(feb0d8644aca3df9fabf.woff2) format('woff2'); } /* open-sans-700 - latin */ @font-face { font-display: swap; font-family: 'Open Sans'; font-style: normal; font-weight: 700; src: url(93eac171b09d26a243c1.woff2) format('woff2'); } /* * Base Styles */ *, *:after, *:before { box-sizing: border-box; margin: 0; padding: 0; } html { overflow-y: scroll; height: 100%; } img { vertical-align: middle; max-width: 100%; } fieldset { border: 0; margin: 0; padding: 0; } textarea { resize: vertical; } /* * Text Selection Colours */ ::-moz-selection { background: #0f55c4; color: #fff; text-shadow: none; } ::selection { background: #0f55c4; color: #fff; text-shadow: none; } /* * Horizontal Rule */ hr { display: block; height: 1px; border: 0; background: #dde3e8; margin: 20px 0; padding: 0; clear: both; } p { margin-top: 0; } p:last-child { margin-bottom: 0; } a { text-decoration: none; outline: 0; } a:hover, a:active { outline: 0; } /* * Form Reset Styles */ input, textarea { box-shadow: none; -webkit-appearance: none; } textarea { resize: vertical; } input, textarea, select, label { box-shadow: none; outline: 0; margin: 0; padding: 0; } /* * Clearing for general use */ .clear { clear: both; } /* * Relative Positioning */ .relative { position: relative; } /* * Images */ img { max-width: 100%; } .left, .alignleft { float: left; display: block; } .right, .alignright { float: right; display: block; } /* * Lists */ ul, ol { margin: 0; padding: 0; } ul li, ol li { list-style-type: none; } /* * max-width: none; overrides max-width: 100% from above * which distorts the icons on gmaps */ #map img { max-width: none; } picture { display: block; } /* * Button Reset */ button { border: none; padding: 0; -webkit-appearance: button; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; line-height: normal; } input::-moz-focus-inner, button::-moz-focus-inner { border: 0; padding: 0; } /* * Site Styles */ .wrapperWidth { max-width: 1360px; min-width: 20px; margin: 0 auto; } @media all and (max-width: 640px), all and (min-width: 641px ) and (max-width: 1379px ) { .wrapperWidth { padding: 0 20px; } } .wrapper { max-width: 1360px; min-width: 20px; margin: 0 auto; } @media all and (max-width: 640px), all and (min-width: 641px ) and (max-width: 1379px ) { .wrapper { padding: 0 20px; } } .siteWrapper { min-height: 100vh; display: flex; flex-flow: column nowrap; position: relative; overflow: clip; flex: 1 1 auto; } .siteWrapper .siteInnerWrapper { flex: 1 1 auto; } /* * Body Tag */ body { margin: 0; font-size: 1rem; line-height: 1.462; font-family: 'Open Sans', Arial, sans-serif; color: #fff; min-width: 320px; max-width: 100%; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; min-height: 100%; font-weight: normal; } body.flyoutActive { overflow: hidden; } /* * Vue.js display none cloaking to prevent FOUC */ [v-cloak] { display: none; } /* * Admin toolbar on front end */ #wp-toolbar { display: flex; } #wp-admin-bar-root-default { flex: 1 1 auto; } /* * Gutenberg block width */ .wp-block { max-width: 1360px; } /* * Mixins */ /* * Fade Dropdown Hover */ /* * Widths */ /* * Standard margin */ /* * The Grid */ /* * Typography */ /* * Border Radius */ /* * Colours */ /* * Project-specific colours */ /* * Dark background / Light text */ /* * Light background / Dark text */ /* * Alert Colours */ /* * Misc Colours */ /* * Mobile Menu */ /* * Media Query Breakpoints */ /* * HTML Tag */ html { font-size: 16px; } html:before { content: 'tablet: 1360px, mobile: 640px, flyout: 767px, medium: 800px'; position: absolute; top: 0; visibility: hidden; } .editAddressWrapper .editAddressTitle { text-transform: capitalize; } .editAddressWrapper .addressLabel { text-transform: capitalize; } .editAddressWrapper .buttons { display: flex; justify-content: space-between; align-items: center; clear: both; } .editAddressWrapper .buttons .saveAddress { margin: 0; } .editAddressWrapper .buttons .editAddress { background: 0; cursor: pointer; } /* open-sans-regular - latin */ @font-face { font-display: swap; font-family: 'Open Sans'; font-style: normal; font-weight: 400; src: url(feb0d8644aca3df9fabf.woff2) format('woff2'); } /* open-sans-700 - latin */ @font-face { font-display: swap; font-family: 'Open Sans'; font-style: normal; font-weight: 700; src: url(93eac171b09d26a243c1.woff2) format('woff2'); } /* * Base Styles */ *, *:after, *:before { box-sizing: border-box; margin: 0; padding: 0; } html { overflow-y: scroll; height: 100%; } img { vertical-align: middle; max-width: 100%; } fieldset { border: 0; margin: 0; padding: 0; } textarea { resize: vertical; } /* * Text Selection Colours */ ::-moz-selection { background: #0f55c4; color: #fff; text-shadow: none; } ::selection { background: #0f55c4; color: #fff; text-shadow: none; } /* * Horizontal Rule */ hr { display: block; height: 1px; border: 0; background: #dde3e8; margin: 20px 0; padding: 0; clear: both; } p { margin-top: 0; } p:last-child { margin-bottom: 0; } a { text-decoration: none; outline: 0; } a:hover, a:active { outline: 0; } /* * Form Reset Styles */ input, textarea { box-shadow: none; -webkit-appearance: none; } textarea { resize: vertical; } input, textarea, select, label { box-shadow: none; outline: 0; margin: 0; padding: 0; } /* * Clearing for general use */ .clear { clear: both; } /* * Relative Positioning */ .relative { position: relative; } /* * Images */ img { max-width: 100%; } .left, .alignleft { float: left; display: block; } .right, .alignright { float: right; display: block; } /* * Lists */ ul, ol { margin: 0; padding: 0; } ul li, ol li { list-style-type: none; } /* * max-width: none; overrides max-width: 100% from above * which distorts the icons on gmaps */ #map img { max-width: none; } picture { display: block; } /* * Button Reset */ button { border: none; padding: 0; -webkit-appearance: button; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; line-height: normal; } input::-moz-focus-inner, button::-moz-focus-inner { border: 0; padding: 0; } /* * Site Styles */ .wrapperWidth { max-width: 1360px; min-width: 20px; margin: 0 auto; } @media all and (max-width: 640px), all and (min-width: 641px ) and (max-width: 1379px ) { .wrapperWidth { padding: 0 20px; } } .wrapper { max-width: 1360px; min-width: 20px; margin: 0 auto; } @media all and (max-width: 640px), all and (min-width: 641px ) and (max-width: 1379px ) { .wrapper { padding: 0 20px; } } .siteWrapper { min-height: 100vh; display: flex; flex-flow: column nowrap; position: relative; overflow: clip; flex: 1 1 auto; } .siteWrapper .siteInnerWrapper { flex: 1 1 auto; } /* * Body Tag */ body { margin: 0; font-size: 1rem; line-height: 1.462; font-family: 'Open Sans', Arial, sans-serif; color: #fff; min-width: 320px; max-width: 100%; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; min-height: 100%; font-weight: normal; } body.flyoutActive { overflow: hidden; } /* * Vue.js display none cloaking to prevent FOUC */ [v-cloak] { display: none; } /* * Admin toolbar on front end */ #wp-toolbar { display: flex; } #wp-admin-bar-root-default { flex: 1 1 auto; } /* * Gutenberg block width */ .wp-block { max-width: 1360px; } /* * Mixins */ /* * Fade Dropdown Hover */ /* * Widths */ /* * Standard margin */ /* * The Grid */ /* * Typography */ /* * Border Radius */ /* * Colours */ /* * Project-specific colours */ /* * Dark background / Light text */ /* * Light background / Dark text */ /* * Alert Colours */ /* * Misc Colours */ /* * Mobile Menu */ /* * Media Query Breakpoints */ /* * HTML Tag */ html { font-size: 16px; } html:before { content: 'tablet: 1360px, mobile: 640px, flyout: 767px, medium: 800px'; position: absolute; top: 0; visibility: hidden; } .orderReviewWrap { margin: 0 0 40px; } .orderReviewWrap .orderReviewItem { display: flex; justify-content: space-between; margin: 0 0 20px; align-items: center; } .orderReviewWrap .orderReviewItem .imageWrap { flex: 0 0 80px; } .orderReviewWrap .orderReviewItem .itemMeta { padding: 0 0 0 20px; flex: 1; } .orderReviewWrap .orderSummary, .orderReviewWrap .taxSummary, .orderReviewWrap .shippingRate, .orderReviewWrap .subTotal, .orderReviewWrap .orderDiscount, .orderReviewWrap .orderCoupons { display: flex; align-items: center; justify-content: space-between; margin: 0 0 20px; } .orderReviewWrap .orderSummary { font-size: 1.875rem; } .orderReviewWrap .attributeSummary { font-size: 0.875rem; margin: 0 0 10px; } .orderReviewWrap .orderCoupons .remove { text-decoration: underline; } /* open-sans-regular - latin */ @font-face { font-display: swap; font-family: 'Open Sans'; font-style: normal; font-weight: 400; src: url(feb0d8644aca3df9fabf.woff2) format('woff2'); } /* open-sans-700 - latin */ @font-face { font-display: swap; font-family: 'Open Sans'; font-style: normal; font-weight: 700; src: url(93eac171b09d26a243c1.woff2) format('woff2'); } /* * Base Styles */ *, *:after, *:before { box-sizing: border-box; margin: 0; padding: 0; } html { overflow-y: scroll; height: 100%; } img { vertical-align: middle; max-width: 100%; } fieldset { border: 0; margin: 0; padding: 0; } textarea { resize: vertical; } /* * Text Selection Colours */ ::-moz-selection { background: #0f55c4; color: #fff; text-shadow: none; } ::selection { background: #0f55c4; color: #fff; text-shadow: none; } /* * Horizontal Rule */ hr { display: block; height: 1px; border: 0; background: #dde3e8; margin: 20px 0; padding: 0; clear: both; } p { margin-top: 0; } p:last-child { margin-bottom: 0; } a { text-decoration: none; outline: 0; } a:hover, a:active { outline: 0; } /* * Form Reset Styles */ input, textarea { box-shadow: none; -webkit-appearance: none; } textarea { resize: vertical; } input, textarea, select, label { box-shadow: none; outline: 0; margin: 0; padding: 0; } /* * Clearing for general use */ .clear { clear: both; } /* * Relative Positioning */ .relative { position: relative; } /* * Images */ img { max-width: 100%; } .left, .alignleft { float: left; display: block; } .right, .alignright { float: right; display: block; } /* * Lists */ ul, ol { margin: 0; padding: 0; } ul li, ol li { list-style-type: none; } /* * max-width: none; overrides max-width: 100% from above * which distorts the icons on gmaps */ #map img { max-width: none; } picture { display: block; } /* * Button Reset */ button { border: none; padding: 0; -webkit-appearance: button; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; line-height: normal; } input::-moz-focus-inner, button::-moz-focus-inner { border: 0; padding: 0; } /* * Site Styles */ .wrapperWidth { max-width: 1360px; min-width: 20px; margin: 0 auto; } @media all and (max-width: 640px), all and (min-width: 641px ) and (max-width: 1379px ) { .wrapperWidth { padding: 0 20px; } } .wrapper { max-width: 1360px; min-width: 20px; margin: 0 auto; } @media all and (max-width: 640px), all and (min-width: 641px ) and (max-width: 1379px ) { .wrapper { padding: 0 20px; } } .siteWrapper { min-height: 100vh; display: flex; flex-flow: column nowrap; position: relative; overflow: clip; flex: 1 1 auto; } .siteWrapper .siteInnerWrapper { flex: 1 1 auto; } /* * Body Tag */ body { margin: 0; font-size: 1rem; line-height: 1.462; font-family: 'Open Sans', Arial, sans-serif; color: #fff; min-width: 320px; max-width: 100%; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; min-height: 100%; font-weight: normal; } body.flyoutActive { overflow: hidden; } /* * Vue.js display none cloaking to prevent FOUC */ [v-cloak] { display: none; } /* * Admin toolbar on front end */ #wp-toolbar { display: flex; } #wp-admin-bar-root-default { flex: 1 1 auto; } /* * Gutenberg block width */ .wp-block { max-width: 1360px; } /* * Mixins */ /* * Fade Dropdown Hover */ /* * Widths */ /* * Standard margin */ /* * The Grid */ /* * Typography */ /* * Border Radius */ /* * Colours */ /* * Project-specific colours */ /* * Dark background / Light text */ /* * Light background / Dark text */ /* * Alert Colours */ /* * Misc Colours */ /* * Mobile Menu */ /* * Media Query Breakpoints */ /* * HTML Tag */ html { font-size: 16px; } html:before { content: 'tablet: 1360px, mobile: 640px, flyout: 767px, medium: 800px'; position: absolute; top: 0; visibility: hidden; } .relatedProductsWrapper { max-width: 1360px; min-width: 20px; margin: 0 auto; } @media all and (max-width: 640px), all and (min-width: 641px ) and (max-width: 1379px ) { .relatedProductsWrapper { padding: 0 20px; } } .relatedProductsWrapper .relatedProducts .products { display: grid; grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)); grid-gap: 40px; margin: 0 0 40px; } /* open-sans-regular - latin */ @font-face { font-display: swap; font-family: 'Open Sans'; font-style: normal; font-weight: 400; src: url(feb0d8644aca3df9fabf.woff2) format('woff2'); } /* open-sans-700 - latin */ @font-face { font-display: swap; font-family: 'Open Sans'; font-style: normal; font-weight: 700; src: url(93eac171b09d26a243c1.woff2) format('woff2'); } /* * Base Styles */ *, *:after, *:before { box-sizing: border-box; margin: 0; padding: 0; } html { overflow-y: scroll; height: 100%; } img { vertical-align: middle; max-width: 100%; } fieldset { border: 0; margin: 0; padding: 0; } textarea { resize: vertical; } /* * Text Selection Colours */ ::-moz-selection { background: #0f55c4; color: #fff; text-shadow: none; } ::selection { background: #0f55c4; color: #fff; text-shadow: none; } /* * Horizontal Rule */ hr { display: block; height: 1px; border: 0; background: #dde3e8; margin: 20px 0; padding: 0; clear: both; } p { margin-top: 0; } p:last-child { margin-bottom: 0; } a { text-decoration: none; outline: 0; } a:hover, a:active { outline: 0; } /* * Form Reset Styles */ input, textarea { box-shadow: none; -webkit-appearance: none; } textarea { resize: vertical; } input, textarea, select, label { box-shadow: none; outline: 0; margin: 0; padding: 0; } /* * Clearing for general use */ .clear { clear: both; } /* * Relative Positioning */ .relative { position: relative; } /* * Images */ img { max-width: 100%; } .left, .alignleft { float: left; display: block; } .right, .alignright { float: right; display: block; } /* * Lists */ ul, ol { margin: 0; padding: 0; } ul li, ol li { list-style-type: none; } /* * max-width: none; overrides max-width: 100% from above * which distorts the icons on gmaps */ #map img { max-width: none; } picture { display: block; } /* * Button Reset */ button { border: none; padding: 0; -webkit-appearance: button; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; line-height: normal; } input::-moz-focus-inner, button::-moz-focus-inner { border: 0; padding: 0; } /* * Site Styles */ .wrapperWidth { max-width: 1360px; min-width: 20px; margin: 0 auto; } @media all and (max-width: 640px), all and (min-width: 641px ) and (max-width: 1379px ) { .wrapperWidth { padding: 0 20px; } } .wrapper { max-width: 1360px; min-width: 20px; margin: 0 auto; } @media all and (max-width: 640px), all and (min-width: 641px ) and (max-width: 1379px ) { .wrapper { padding: 0 20px; } } .siteWrapper { min-height: 100vh; display: flex; flex-flow: column nowrap; position: relative; overflow: clip; flex: 1 1 auto; } .siteWrapper .siteInnerWrapper { flex: 1 1 auto; } /* * Body Tag */ body { margin: 0; font-size: 1rem; line-height: 1.462; font-family: 'Open Sans', Arial, sans-serif; color: #fff; min-width: 320px; max-width: 100%; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; min-height: 100%; font-weight: normal; } body.flyoutActive { overflow: hidden; } /* * Vue.js display none cloaking to prevent FOUC */ [v-cloak] { display: none; } /* * Admin toolbar on front end */ #wp-toolbar { display: flex; } #wp-admin-bar-root-default { flex: 1 1 auto; } /* * Gutenberg block width */ .wp-block { max-width: 1360px; } /* * Mixins */ /* * Fade Dropdown Hover */ /* * Widths */ /* * Standard margin */ /* * The Grid */ /* * Typography */ /* * Border Radius */ /* * Colours */ /* * Project-specific colours */ /* * Dark background / Light text */ /* * Light background / Dark text */ /* * Alert Colours */ /* * Misc Colours */ /* * Mobile Menu */ /* * Media Query Breakpoints */ /* * HTML Tag */ html { font-size: 16px; } html:before { content: 'tablet: 1360px, mobile: 640px, flyout: 767px, medium: 800px'; position: absolute; top: 0; visibility: hidden; } .miniBasketWrap { position: fixed; top: 0; right: 0; height: 100vh; z-index: 1; } .miniBasketWrap .miniBasket { padding: 0 40px; } @media all and (max-width: 640px) { .miniBasketWrap .miniBasket { padding: 0 20px; } } .miniBasketWrap .miniBasketHeading { display: flex; flex-wrap: wrap; align-items: center; padding: 30px 0; justify-content: space-between; } .miniBasketWrap .miniBasketHeading h4 { font-size: 1.25rem; margin: 0; } .miniBasketWrap .miniBasketHeading .basketTriggerClose { font-size: 1.25rem; cursor: pointer; background: 0; padding: 2px 5px; } .miniBasketWrap .miniBasketHeading .basketTriggerClose:hover, .miniBasketWrap .miniBasketHeading .basketTriggerClose:focus-visible { opacity: 0.7; } @media (max-width: 700px) { .miniBasketWrap { display: none; } } .miniBasketWrap.active { left: 0; width: 100%; } .miniBasketWrap .attributeSummary { font-size: 0.875rem; margin: 0 0 10px; } .miniBasketWrap .miniBasketCover { position: absolute; top: 0; left: 0; background: rgba(0, 0, 0, 0.5); width: 100%; height: 100vh; } .miniBasketWrap .miniBasket { position: absolute; top: 0; right: 0; background: #fff; min-height: 100%; height: 100vh; width: 580px; max-width: 580px; z-index: 1; overflow-y: auto; } .mini-basket-slide-enter-active, .mini-basket-slide-leave-active { transition: all 0.35s ease-in-out; } .mini-basket-slide-enter-from, .mini-basket-slide-leave-to { transform: translateX(580px); } ul.miniBasketItems > li .miniBasketItem { display: flex; align-items: flex-start; padding: 20px 0; } ul.miniBasketItems > li .miniBasketItem .miniBasketImage { width: 100%; margin: 0 20px 20px 0; } ul.miniBasketItems > li .miniBasketItem .miniBasketImage img { width: 100%; height: auto; } ul.miniBasketItems > li .miniBasketItem .miniBasketInfo { width: 100%; } ul.miniBasketItems > li .miniBasketItem .miniBasketInfo a:hover, ul.miniBasketItems > li .miniBasketItem .miniBasketInfo a:focus { text-decoration: underline; } ul.miniBasketItems > li .miniBasketItem .miniBasketInfo a h5 { font-size: 1.25rem; margin: 0 0 20px; } .basketSummary { font-size: 1.875rem; margin: 0 0 20px; display: flex; align-item: center; justify-content: space-between; } .lineItemActions { display: flex; align-items: center; justify-content: space-between; margin: 0 0 20px; } .lineItemActions .quickItemQuantity .quantityRow { display: flex; align-items: center; justify-content: flex-start; } .lineItemActions .quickItemQuantity .quantityRow .itemQuantity { border: 1px solid #3B3D44; width: 50px; text-align: center; line-height: 40px; margin-left: 5px; } .quickBasketWrap .basketTrigger { position: relative; background: 0; cursor: pointer; } .quickBasketWrap .basketTrigger:focus-visible { outline-offset: 0; outline: 2px solid currentColor; } .quickBasketWrap .basketTrigger svg { font-size: 1.25rem; background: 0; cursor: pointer; } .quickBasketWrap .basketTrigger .basketCount { position: absolute; bottom: 100%; left: 100%; transform: translateX(-50%); padding: 0 4px; background: #000; color: #fff; font-size: 0.625rem; min-width: 14px; height: 14px; display: flex; align-items: center; justify-content: center; border-radius: 100px; } .quickItemPriceWrap { display: flex; align-items: center; justify-content: space-between; } .quickItemPriceWrap .removeLineItem { display: flex; align-items: center; background: 0; cursor: pointer; text-rendering: auto; -webkit-font-smoothing: antialiased; } .quickItemPriceWrap .removeLineItem .removeIcon { margin-right: 5px; font-size: 1.25rem; } .quickItemPriceWrap .productPrice { font-size: 1.25rem; } /* open-sans-regular - latin */ @font-face { font-display: swap; font-family: 'Open Sans'; font-style: normal; font-weight: 400; src: url(feb0d8644aca3df9fabf.woff2) format('woff2'); } /* open-sans-700 - latin */ @font-face { font-display: swap; font-family: 'Open Sans'; font-style: normal; font-weight: 700; src: url(93eac171b09d26a243c1.woff2) format('woff2'); } /* * Base Styles */ *, *:after, *:before { box-sizing: border-box; margin: 0; padding: 0; } html { overflow-y: scroll; height: 100%; } img { vertical-align: middle; max-width: 100%; } fieldset { border: 0; margin: 0; padding: 0; } textarea { resize: vertical; } /* * Text Selection Colours */ ::-moz-selection { background: #0f55c4; color: #fff; text-shadow: none; } ::selection { background: #0f55c4; color: #fff; text-shadow: none; } /* * Horizontal Rule */ hr { display: block; height: 1px; border: 0; background: #dde3e8; margin: 20px 0; padding: 0; clear: both; } p { margin-top: 0; } p:last-child { margin-bottom: 0; } a { text-decoration: none; outline: 0; } a:hover, a:active { outline: 0; } /* * Form Reset Styles */ input, textarea { box-shadow: none; -webkit-appearance: none; } textarea { resize: vertical; } input, textarea, select, label { box-shadow: none; outline: 0; margin: 0; padding: 0; } /* * Clearing for general use */ .clear { clear: both; } /* * Relative Positioning */ .relative { position: relative; } /* * Images */ img { max-width: 100%; } .left, .alignleft { float: left; display: block; } .right, .alignright { float: right; display: block; } /* * Lists */ ul, ol { margin: 0; padding: 0; } ul li, ol li { list-style-type: none; } /* * max-width: none; overrides max-width: 100% from above * which distorts the icons on gmaps */ #map img { max-width: none; } picture { display: block; } /* * Button Reset */ button { border: none; padding: 0; -webkit-appearance: button; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; line-height: normal; } input::-moz-focus-inner, button::-moz-focus-inner { border: 0; padding: 0; } /* * Site Styles */ .wrapperWidth { max-width: 1360px; min-width: 20px; margin: 0 auto; } @media all and (max-width: 640px), all and (min-width: 641px ) and (max-width: 1379px ) { .wrapperWidth { padding: 0 20px; } } .wrapper { max-width: 1360px; min-width: 20px; margin: 0 auto; } @media all and (max-width: 640px), all and (min-width: 641px ) and (max-width: 1379px ) { .wrapper { padding: 0 20px; } } .siteWrapper { min-height: 100vh; display: flex; flex-flow: column nowrap; position: relative; overflow: clip; flex: 1 1 auto; } .siteWrapper .siteInnerWrapper { flex: 1 1 auto; } /* * Body Tag */ body { margin: 0; font-size: 1rem; line-height: 1.462; font-family: 'Open Sans', Arial, sans-serif; color: #fff; min-width: 320px; max-width: 100%; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; min-height: 100%; font-weight: normal; } body.flyoutActive { overflow: hidden; } /* * Vue.js display none cloaking to prevent FOUC */ [v-cloak] { display: none; } /* * Admin toolbar on front end */ #wp-toolbar { display: flex; } #wp-admin-bar-root-default { flex: 1 1 auto; } /* * Gutenberg block width */ .wp-block { max-width: 1360px; } /* * Mixins */ /* * Fade Dropdown Hover */ /* * Widths */ /* * Standard margin */ /* * The Grid */ /* * Typography */ /* * Border Radius */ /* * Colours */ /* * Project-specific colours */ /* * Dark background / Light text */ /* * Light background / Dark text */ /* * Alert Colours */ /* * Misc Colours */ /* * Mobile Menu */ /* * Media Query Breakpoints */ /* * HTML Tag */ html { font-size: 16px; } html:before { content: 'tablet: 1360px, mobile: 640px, flyout: 767px, medium: 800px'; position: absolute; top: 0; visibility: hidden; } .redirectionNotification { max-width: 500px; padding: 50px; text-align: center; } .light .redirectionNotification { color: #fff !important; } @media all and (max-width: 640px) { .redirectionNotification { padding: 20px; } } .redirectionNotification h2 { font-size: 2.125rem; font-weight: 700; margin: 0 0 20px; line-height: 38px; } .redirectionNotification h2 span { text-transform: uppercase; } .redirectionNotification .redirectionNotificationIntroText { margin: 0 0 20px; } .redirectionNotification .redirectionNotificationContinueLink { color: #fff; font-size: 0.875rem; } .redirectionNotification .redirectionNotificationContinueLink:hover { color: #fff; text-decoration: underline; } .redirectionNotification .redirectionNotificationContinueLink span { text-transform: uppercase; } .redirectionNotification .btn { margin: 0 auto 20px; display: block; text-transform: none; } /* open-sans-regular - latin */ @font-face { font-display: swap; font-family: 'Open Sans'; font-style: normal; font-weight: 400; src: url(feb0d8644aca3df9fabf.woff2) format('woff2'); } /* open-sans-700 - latin */ @font-face { font-display: swap; font-family: 'Open Sans'; font-style: normal; font-weight: 700; src: url(93eac171b09d26a243c1.woff2) format('woff2'); } /* * Base Styles */ *, *:after, *:before { box-sizing: border-box; margin: 0; padding: 0; } html { overflow-y: scroll; height: 100%; } img { vertical-align: middle; max-width: 100%; } fieldset { border: 0; margin: 0; padding: 0; } textarea { resize: vertical; } /* * Text Selection Colours */ ::-moz-selection { background: #0f55c4; color: #fff; text-shadow: none; } ::selection { background: #0f55c4; color: #fff; text-shadow: none; } /* * Horizontal Rule */ hr { display: block; height: 1px; border: 0; background: #dde3e8; margin: 20px 0; padding: 0; clear: both; } p { margin-top: 0; } p:last-child { margin-bottom: 0; } a { text-decoration: none; outline: 0; } a:hover, a:active { outline: 0; } /* * Form Reset Styles */ input, textarea { box-shadow: none; -webkit-appearance: none; } textarea { resize: vertical; } input, textarea, select, label { box-shadow: none; outline: 0; margin: 0; padding: 0; } /* * Clearing for general use */ .clear { clear: both; } /* * Relative Positioning */ .relative { position: relative; } /* * Images */ img { max-width: 100%; } .left, .alignleft { float: left; display: block; } .right, .alignright { float: right; display: block; } /* * Lists */ ul, ol { margin: 0; padding: 0; } ul li, ol li { list-style-type: none; } /* * max-width: none; overrides max-width: 100% from above * which distorts the icons on gmaps */ #map img { max-width: none; } picture { display: block; } /* * Button Reset */ button { border: none; padding: 0; -webkit-appearance: button; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; line-height: normal; } input::-moz-focus-inner, button::-moz-focus-inner { border: 0; padding: 0; } /* * Site Styles */ .wrapperWidth { max-width: 1360px; min-width: 20px; margin: 0 auto; } @media all and (max-width: 640px), all and (min-width: 641px ) and (max-width: 1379px ) { .wrapperWidth { padding: 0 20px; } } .wrapper { max-width: 1360px; min-width: 20px; margin: 0 auto; } @media all and (max-width: 640px), all and (min-width: 641px ) and (max-width: 1379px ) { .wrapper { padding: 0 20px; } } .siteWrapper { min-height: 100vh; display: flex; flex-flow: column nowrap; position: relative; overflow: clip; flex: 1 1 auto; } .siteWrapper .siteInnerWrapper { flex: 1 1 auto; } /* * Body Tag */ body { margin: 0; font-size: 1rem; line-height: 1.462; font-family: 'Open Sans', Arial, sans-serif; color: #fff; min-width: 320px; max-width: 100%; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; min-height: 100%; font-weight: normal; } body.flyoutActive { overflow: hidden; } /* * Vue.js display none cloaking to prevent FOUC */ [v-cloak] { display: none; } /* * Admin toolbar on front end */ #wp-toolbar { display: flex; } #wp-admin-bar-root-default { flex: 1 1 auto; } /* * Gutenberg block width */ .wp-block { max-width: 1360px; } /* * Mixins */ /* * Fade Dropdown Hover */ /* * Widths */ /* * Standard margin */ /* * The Grid */ /* * Typography */ /* * Border Radius */ /* * Colours */ /* * Project-specific colours */ /* * Dark background / Light text */ /* * Light background / Dark text */ /* * Alert Colours */ /* * Misc Colours */ /* * Mobile Menu */ /* * Media Query Breakpoints */ /* * HTML Tag */ html { font-size: 16px; } html:before { content: 'tablet: 1360px, mobile: 640px, flyout: 767px, medium: 800px'; position: absolute; top: 0; visibility: hidden; } .featuredProductsWrap { max-width: 1360px; min-width: 20px; margin: 0 auto; padding: 40px 0; } @media all and (max-width: 640px), all and (min-width: 641px ) and (max-width: 1379px ) { .featuredProductsWrap { padding: 0 20px; } } @media all and (max-width: 640px), all and (min-width: 641px ) and (max-width: 1379px ) { .featuredProductsWrap { padding: 40px 20px; } } /* open-sans-regular - latin */ @font-face { font-display: swap; font-family: 'Open Sans'; font-style: normal; font-weight: 400; src: url(feb0d8644aca3df9fabf.woff2) format('woff2'); } /* open-sans-700 - latin */ @font-face { font-display: swap; font-family: 'Open Sans'; font-style: normal; font-weight: 700; src: url(93eac171b09d26a243c1.woff2) format('woff2'); } /* * Base Styles */ *, *:after, *:before { box-sizing: border-box; margin: 0; padding: 0; } html { overflow-y: scroll; height: 100%; } img { vertical-align: middle; max-width: 100%; } fieldset { border: 0; margin: 0; padding: 0; } textarea { resize: vertical; } /* * Text Selection Colours */ ::-moz-selection { background: #0f55c4; color: #fff; text-shadow: none; } ::selection { background: #0f55c4; color: #fff; text-shadow: none; } /* * Horizontal Rule */ hr { display: block; height: 1px; border: 0; background: #dde3e8; margin: 20px 0; padding: 0; clear: both; } p { margin-top: 0; } p:last-child { margin-bottom: 0; } a { text-decoration: none; outline: 0; } a:hover, a:active { outline: 0; } /* * Form Reset Styles */ input, textarea { box-shadow: none; -webkit-appearance: none; } textarea { resize: vertical; } input, textarea, select, label { box-shadow: none; outline: 0; margin: 0; padding: 0; } /* * Clearing for general use */ .clear { clear: both; } /* * Relative Positioning */ .relative { position: relative; } /* * Images */ img { max-width: 100%; } .left, .alignleft { float: left; display: block; } .right, .alignright { float: right; display: block; } /* * Lists */ ul, ol { margin: 0; padding: 0; } ul li, ol li { list-style-type: none; } /* * max-width: none; overrides max-width: 100% from above * which distorts the icons on gmaps */ #map img { max-width: none; } picture { display: block; } /* * Button Reset */ button { border: none; padding: 0; -webkit-appearance: button; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; line-height: normal; } input::-moz-focus-inner, button::-moz-focus-inner { border: 0; padding: 0; } /* * Site Styles */ .wrapperWidth { max-width: 1360px; min-width: 20px; margin: 0 auto; } @media all and (max-width: 640px), all and (min-width: 641px ) and (max-width: 1379px ) { .wrapperWidth { padding: 0 20px; } } .wrapper { max-width: 1360px; min-width: 20px; margin: 0 auto; } @media all and (max-width: 640px), all and (min-width: 641px ) and (max-width: 1379px ) { .wrapper { padding: 0 20px; } } .siteWrapper { min-height: 100vh; display: flex; flex-flow: column nowrap; position: relative; overflow: clip; flex: 1 1 auto; } .siteWrapper .siteInnerWrapper { flex: 1 1 auto; } /* * Body Tag */ body { margin: 0; font-size: 1rem; line-height: 1.462; font-family: 'Open Sans', Arial, sans-serif; color: #fff; min-width: 320px; max-width: 100%; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; min-height: 100%; font-weight: normal; } body.flyoutActive { overflow: hidden; } /* * Vue.js display none cloaking to prevent FOUC */ [v-cloak] { display: none; } /* * Admin toolbar on front end */ #wp-toolbar { display: flex; } #wp-admin-bar-root-default { flex: 1 1 auto; } /* * Gutenberg block width */ .wp-block { max-width: 1360px; } /* * Mixins */ /* * Fade Dropdown Hover */ /* * Widths */ /* * Standard margin */ /* * The Grid */ /* * Typography */ /* * Border Radius */ /* * Colours */ /* * Project-specific colours */ /* * Dark background / Light text */ /* * Light background / Dark text */ /* * Alert Colours */ /* * Misc Colours */ /* * Mobile Menu */ /* * Media Query Breakpoints */ /* * HTML Tag */ html { font-size: 16px; } html:before { content: 'tablet: 1360px, mobile: 640px, flyout: 767px, medium: 800px'; position: absolute; top: 0; visibility: hidden; } .userGuideWrap { margin: 20px auto; max-width: 680px; } .userGuideWrap .userGuide { margin: 0 0 20px; } .userGuideWrap .userGuide__categoryTitle { margin: 0 auto 20px; } /* open-sans-regular - latin */ @font-face { font-display: swap; font-family: 'Open Sans'; font-style: normal; font-weight: 400; src: url(feb0d8644aca3df9fabf.woff2) format('woff2'); } /* open-sans-700 - latin */ @font-face { font-display: swap; font-family: 'Open Sans'; font-style: normal; font-weight: 700; src: url(93eac171b09d26a243c1.woff2) format('woff2'); } /* * Base Styles */ *, *:after, *:before { box-sizing: border-box; margin: 0; padding: 0; } html { overflow-y: scroll; height: 100%; } img { vertical-align: middle; max-width: 100%; } fieldset { border: 0; margin: 0; padding: 0; } textarea { resize: vertical; } /* * Text Selection Colours */ ::-moz-selection { background: #0f55c4; color: #fff; text-shadow: none; } ::selection { background: #0f55c4; color: #fff; text-shadow: none; } /* * Horizontal Rule */ hr { display: block; height: 1px; border: 0; background: #dde3e8; margin: 20px 0; padding: 0; clear: both; } p { margin-top: 0; } p:last-child { margin-bottom: 0; } a { text-decoration: none; outline: 0; } a:hover, a:active { outline: 0; } /* * Form Reset Styles */ input, textarea { box-shadow: none; -webkit-appearance: none; } textarea { resize: vertical; } input, textarea, select, label { box-shadow: none; outline: 0; margin: 0; padding: 0; } /* * Clearing for general use */ .clear { clear: both; } /* * Relative Positioning */ .relative { position: relative; } /* * Images */ img { max-width: 100%; } .left, .alignleft { float: left; display: block; } .right, .alignright { float: right; display: block; } /* * Lists */ ul, ol { margin: 0; padding: 0; } ul li, ol li { list-style-type: none; } /* * max-width: none; overrides max-width: 100% from above * which distorts the icons on gmaps */ #map img { max-width: none; } picture { display: block; } /* * Button Reset */ button { border: none; padding: 0; -webkit-appearance: button; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; line-height: normal; } input::-moz-focus-inner, button::-moz-focus-inner { border: 0; padding: 0; } /* * Site Styles */ .wrapperWidth { max-width: 1360px; min-width: 20px; margin: 0 auto; } @media all and (max-width: 640px), all and (min-width: 641px ) and (max-width: 1379px ) { .wrapperWidth { padding: 0 20px; } } .wrapper { max-width: 1360px; min-width: 20px; margin: 0 auto; } @media all and (max-width: 640px), all and (min-width: 641px ) and (max-width: 1379px ) { .wrapper { padding: 0 20px; } } .siteWrapper { min-height: 100vh; display: flex; flex-flow: column nowrap; position: relative; overflow: clip; flex: 1 1 auto; } .siteWrapper .siteInnerWrapper { flex: 1 1 auto; } /* * Body Tag */ body { margin: 0; font-size: 1rem; line-height: 1.462; font-family: 'Open Sans', Arial, sans-serif; color: #fff; min-width: 320px; max-width: 100%; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; min-height: 100%; font-weight: normal; } body.flyoutActive { overflow: hidden; } /* * Vue.js display none cloaking to prevent FOUC */ [v-cloak] { display: none; } /* * Admin toolbar on front end */ #wp-toolbar { display: flex; } #wp-admin-bar-root-default { flex: 1 1 auto; } /* * Gutenberg block width */ .wp-block { max-width: 1360px; } /* * Mixins */ /* * Fade Dropdown Hover */ /* * Widths */ /* * Standard margin */ /* * The Grid */ /* * Typography */ /* * Border Radius */ /* * Colours */ /* * Project-specific colours */ /* * Dark background / Light text */ /* * Light background / Dark text */ /* * Alert Colours */ /* * Misc Colours */ /* * Mobile Menu */ /* * Media Query Breakpoints */ /* * HTML Tag */ html { font-size: 16px; } html:before { content: 'tablet: 1360px, mobile: 640px, flyout: 767px, medium: 800px'; position: absolute; top: 0; visibility: hidden; } .userGuideArticleWrap { padding: 20px 0; } .userGuideArticleWrap .userGuideArticle { margin: 20px auto; max-width: 680px; } .userGuideArticleWrap .userGuideArticle__imageWrap { margin: 0 auto 20px; text-align: center; } .userGuideArticleWrap .userGuideArticle__titleWrap { display: flex; justify-content: space-between; align-items: center; } .userGuideArticleWrap .userGuideArticle__titleWrap__title { margin: 0 0 10px; } .userGuideArticleWrap .userGuideArticle__titleWrap__link { margin: 0 0 10px 20px; white-space: nowrap; } .userGuideArticleWrap .userGuideArticle__content { margin: 0 auto 20px; } .mTabs__tabsNav{display:flex;align-items:flex-start;justify-content:flex-start;margin:0 0 -1px}.mTabs__tabsNav .mTab__title{flex:0 1 auto;width:auto;background:#d1d1d1;border:1px solid #d1d1d1}.mTabs__tabsNav:not(:empty)~.mTabs__container{border:1px solid #d1d1d1}.mTabs__tabsNav .mTab__title:focus,.mTabs__tabsNav .mTab__title:hover{background:#333;border:1px solid #333;color:#fff}.mTabs__tabsNav .mTab__title.open,.mTabs__tabsNav .mTab__title:focus.open,.mTabs__tabsNav .mTab__title:hover.open{background:#fff;border:1px solid #d1d1d1;color:inherit} .mCollapsible--tabs{display:none}.mCollapsible--tabs.open{display:block}.mCollapsible__title{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:flex;align-items:center;padding:.5rem 1rem;width:100%;text-align:left;background:none;cursor:pointer;border:0;transition:border-color .3s ease 0s,background-color .3s ease 0s,color .3s ease 0s}.mCollapsible__trigger.open .mCollapsible__titleIcon{transform:rotate(180deg)}.mCollapsible__title{border-bottom:1px solid #d1d1d1}.mCollapsible__button:focus,.mCollapsible__button:hover{border-bottom:1px solid #333}.mCollapsible__button:focus{position:relative;outline:2px solid #6495ed;outline-offset:2px;z-index:1}.mCollapsible__titleText{flex:1 1 auto;margin:0}.mCollapsible__titleIcon{flex:0 0 auto;transform:rotate(0);transition:transform .3s ease-in-out 0s}.mCollapsible__titleIcon svg{height:15px}.mCollapsible__content{overflow:hidden}.mCollapsible__content--slide{transition:height .2s ease 0s}.mCollapsible__content--fade{transition:opacity .2s ease 0s}.slide-enter,.slide-leave-to{height:0}.fade-enter-from,.fade-leave-to{opacity:0} /* open-sans-regular - latin */ @font-face { font-display: swap; font-family: 'Open Sans'; font-style: normal; font-weight: 400; src: url(feb0d8644aca3df9fabf.woff2) format('woff2'); } /* open-sans-700 - latin */ @font-face { font-display: swap; font-family: 'Open Sans'; font-style: normal; font-weight: 700; src: url(93eac171b09d26a243c1.woff2) format('woff2'); } /* * Base Styles */ [data-v-6aa5e26c],[data-v-6aa5e26c]:after,[data-v-6aa5e26c]:before { box-sizing: border-box; margin: 0; padding: 0; } html[data-v-6aa5e26c] { overflow-y: scroll; height: 100%; } img[data-v-6aa5e26c] { vertical-align: middle; max-width: 100%; } fieldset[data-v-6aa5e26c] { border: 0; margin: 0; padding: 0; } textarea[data-v-6aa5e26c] { resize: vertical; } /* * Text Selection Colours */ [data-v-6aa5e26c]::-moz-selection { background: #0f55c4; color: #fff; text-shadow: none; } [data-v-6aa5e26c]::selection { background: #0f55c4; color: #fff; text-shadow: none; } /* * Horizontal Rule */ hr[data-v-6aa5e26c] { display: block; height: 1px; border: 0; background: #dde3e8; margin: 20px 0; padding: 0; clear: both; } p[data-v-6aa5e26c] { margin-top: 0; } p[data-v-6aa5e26c]:last-child { margin-bottom: 0; } a[data-v-6aa5e26c] { text-decoration: none; outline: 0; } a[data-v-6aa5e26c]:hover, a[data-v-6aa5e26c]:active { outline: 0; } /* * Form Reset Styles */ input[data-v-6aa5e26c], textarea[data-v-6aa5e26c] { box-shadow: none; -webkit-appearance: none; } textarea[data-v-6aa5e26c] { resize: vertical; } input[data-v-6aa5e26c], textarea[data-v-6aa5e26c], select[data-v-6aa5e26c], label[data-v-6aa5e26c] { box-shadow: none; outline: 0; margin: 0; padding: 0; } /* * Clearing for general use */ .clear[data-v-6aa5e26c] { clear: both; } /* * Relative Positioning */ .relative[data-v-6aa5e26c] { position: relative; } /* * Images */ img[data-v-6aa5e26c] { max-width: 100%; } .left[data-v-6aa5e26c], .alignleft[data-v-6aa5e26c] { float: left; display: block; } .right[data-v-6aa5e26c], .alignright[data-v-6aa5e26c] { float: right; display: block; } /* * Lists */ ul[data-v-6aa5e26c], ol[data-v-6aa5e26c] { margin: 0; padding: 0; } ul li[data-v-6aa5e26c], ol li[data-v-6aa5e26c] { list-style-type: none; } /* * max-width: none; overrides max-width: 100% from above * which distorts the icons on gmaps */ #map img[data-v-6aa5e26c] { max-width: none; } picture[data-v-6aa5e26c] { display: block; } /* * Button Reset */ button[data-v-6aa5e26c] { border: none; padding: 0; -webkit-appearance: button; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; line-height: normal; } input[data-v-6aa5e26c]::-moz-focus-inner, button[data-v-6aa5e26c]::-moz-focus-inner { border: 0; padding: 0; } /* * Site Styles */ .wrapperWidth[data-v-6aa5e26c] { max-width: 1360px; min-width: 20px; margin: 0 auto; } @media all and (max-width: 640px), all and (min-width: 641px ) and (max-width: 1379px ) { .wrapperWidth[data-v-6aa5e26c] { padding: 0 20px; } } .wrapper[data-v-6aa5e26c] { max-width: 1360px; min-width: 20px; margin: 0 auto; } @media all and (max-width: 640px), all and (min-width: 641px ) and (max-width: 1379px ) { .wrapper[data-v-6aa5e26c] { padding: 0 20px; } } .siteWrapper[data-v-6aa5e26c] { min-height: 100vh; display: flex; flex-flow: column nowrap; position: relative; overflow: clip; flex: 1 1 auto; } .siteWrapper .siteInnerWrapper[data-v-6aa5e26c] { flex: 1 1 auto; } /* * Body Tag */ body[data-v-6aa5e26c] { margin: 0; font-size: 1rem; line-height: 1.462; font-family: 'Open Sans', Arial, sans-serif; color: #fff; min-width: 320px; max-width: 100%; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; min-height: 100%; font-weight: normal; } body.flyoutActive[data-v-6aa5e26c] { overflow: hidden; } /* * Vue.js display none cloaking to prevent FOUC */ [v-cloak][data-v-6aa5e26c] { display: none; } /* * Admin toolbar on front end */ #wp-toolbar[data-v-6aa5e26c] { display: flex; } #wp-admin-bar-root-default[data-v-6aa5e26c] { flex: 1 1 auto; } /* * Gutenberg block width */ .wp-block[data-v-6aa5e26c] { max-width: 1360px; } /* * Mixins */ /* * Fade Dropdown Hover */ /* * Widths */ /* * Standard margin */ /* * The Grid */ /* * Typography */ /* * Border Radius */ /* * Colours */ /* * Project-specific colours */ /* * Dark background / Light text */ /* * Light background / Dark text */ /* * Alert Colours */ /* * Misc Colours */ /* * Mobile Menu */ /* * Media Query Breakpoints */ /* * HTML Tag */ html[data-v-6aa5e26c] { font-size: 16px; } html[data-v-6aa5e26c]:before { content: 'tablet: 1360px, mobile: 640px, flyout: 767px, medium: 800px'; position: absolute; top: 0; visibility: hidden; } .loader[data-v-6aa5e26c] { display: flex; justify-content: center; } .loader__dot[data-v-6aa5e26c] { width: 16px; height: 16px; background-color: #272727; border-radius: 50%; animation: scaleInOut-6aa5e26c 0.6s ease-in-out infinite alternate; } .loader__dot + .loader__dot[data-v-6aa5e26c] { margin-left: 24px; } .loader__dot--1[data-v-6aa5e26c] { animation-delay: 0s; } .loader__dot--2[data-v-6aa5e26c] { animation-delay: 0.2s; } .loader__dot--3[data-v-6aa5e26c] { animation-delay: 0.4s; } @keyframes scaleInOut-6aa5e26c { 0% { transform: scale(0.8) translateY(0); background-color: #A6A6A6; } 100% { transform: scale(1.5) translateY(-10px); background-color: #272727; } } /* open-sans-regular - latin */ @font-face { font-display: swap; font-family: 'Open Sans'; font-style: normal; font-weight: 400; src: url(feb0d8644aca3df9fabf.woff2) format('woff2'); } /* open-sans-700 - latin */ @font-face { font-display: swap; font-family: 'Open Sans'; font-style: normal; font-weight: 700; src: url(93eac171b09d26a243c1.woff2) format('woff2'); } /* * Base Styles */ [data-v-6d86f5bc],[data-v-6d86f5bc]:after,[data-v-6d86f5bc]:before { box-sizing: border-box; margin: 0; padding: 0; } html[data-v-6d86f5bc] { overflow-y: scroll; height: 100%; } img[data-v-6d86f5bc] { vertical-align: middle; max-width: 100%; } fieldset[data-v-6d86f5bc] { border: 0; margin: 0; padding: 0; } textarea[data-v-6d86f5bc] { resize: vertical; } /* * Text Selection Colours */ [data-v-6d86f5bc]::-moz-selection { background: #0f55c4; color: #fff; text-shadow: none; } [data-v-6d86f5bc]::selection { background: #0f55c4; color: #fff; text-shadow: none; } /* * Horizontal Rule */ hr[data-v-6d86f5bc] { display: block; height: 1px; border: 0; background: #dde3e8; margin: 20px 0; padding: 0; clear: both; } p[data-v-6d86f5bc] { margin-top: 0; } p[data-v-6d86f5bc]:last-child { margin-bottom: 0; } a[data-v-6d86f5bc] { text-decoration: none; outline: 0; } a[data-v-6d86f5bc]:hover, a[data-v-6d86f5bc]:active { outline: 0; } /* * Form Reset Styles */ input[data-v-6d86f5bc], textarea[data-v-6d86f5bc] { box-shadow: none; -webkit-appearance: none; } textarea[data-v-6d86f5bc] { resize: vertical; } input[data-v-6d86f5bc], textarea[data-v-6d86f5bc], select[data-v-6d86f5bc], label[data-v-6d86f5bc] { box-shadow: none; outline: 0; margin: 0; padding: 0; } /* * Clearing for general use */ .clear[data-v-6d86f5bc] { clear: both; } /* * Relative Positioning */ .relative[data-v-6d86f5bc] { position: relative; } /* * Images */ img[data-v-6d86f5bc] { max-width: 100%; } .left[data-v-6d86f5bc], .alignleft[data-v-6d86f5bc] { float: left; display: block; } .right[data-v-6d86f5bc], .alignright[data-v-6d86f5bc] { float: right; display: block; } /* * Lists */ ul[data-v-6d86f5bc], ol[data-v-6d86f5bc] { margin: 0; padding: 0; } ul li[data-v-6d86f5bc], ol li[data-v-6d86f5bc] { list-style-type: none; } /* * max-width: none; overrides max-width: 100% from above * which distorts the icons on gmaps */ #map img[data-v-6d86f5bc] { max-width: none; } picture[data-v-6d86f5bc] { display: block; } /* * Button Reset */ button[data-v-6d86f5bc] { border: none; padding: 0; -webkit-appearance: button; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; line-height: normal; } input[data-v-6d86f5bc]::-moz-focus-inner, button[data-v-6d86f5bc]::-moz-focus-inner { border: 0; padding: 0; } /* * Site Styles */ .wrapperWidth[data-v-6d86f5bc] { max-width: 1360px; min-width: 20px; margin: 0 auto; } @media all and (max-width: 640px), all and (min-width: 641px ) and (max-width: 1379px ) { .wrapperWidth[data-v-6d86f5bc] { padding: 0 20px; } } .wrapper[data-v-6d86f5bc] { max-width: 1360px; min-width: 20px; margin: 0 auto; } @media all and (max-width: 640px), all and (min-width: 641px ) and (max-width: 1379px ) { .wrapper[data-v-6d86f5bc] { padding: 0 20px; } } .siteWrapper[data-v-6d86f5bc] { min-height: 100vh; display: flex; flex-flow: column nowrap; position: relative; overflow: clip; flex: 1 1 auto; } .siteWrapper .siteInnerWrapper[data-v-6d86f5bc] { flex: 1 1 auto; } /* * Body Tag */ body[data-v-6d86f5bc] { margin: 0; font-size: 1rem; line-height: 1.462; font-family: 'Open Sans', Arial, sans-serif; color: #fff; min-width: 320px; max-width: 100%; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; min-height: 100%; font-weight: normal; } body.flyoutActive[data-v-6d86f5bc] { overflow: hidden; } /* * Vue.js display none cloaking to prevent FOUC */ [v-cloak][data-v-6d86f5bc] { display: none; } /* * Admin toolbar on front end */ #wp-toolbar[data-v-6d86f5bc] { display: flex; } #wp-admin-bar-root-default[data-v-6d86f5bc] { flex: 1 1 auto; } /* * Gutenberg block width */ .wp-block[data-v-6d86f5bc] { max-width: 1360px; } /* * Mixins */ /* * Fade Dropdown Hover */ /* * Widths */ /* * Standard margin */ /* * The Grid */ /* * Typography */ /* * Border Radius */ /* * Colours */ /* * Project-specific colours */ /* * Dark background / Light text */ /* * Light background / Dark text */ /* * Alert Colours */ /* * Misc Colours */ /* * Mobile Menu */ /* * Media Query Breakpoints */ /* * HTML Tag */ html[data-v-6d86f5bc] { font-size: 16px; } html[data-v-6d86f5bc]:before { content: 'tablet: 1360px, mobile: 640px, flyout: 767px, medium: 800px'; position: absolute; top: 0; visibility: hidden; } .mapContainer[data-v-6d86f5bc] { position: relative; } .mapWrap[data-v-6d86f5bc] { min-height: 750px; height: 100%; } .mapLoaderContainer[data-v-6d86f5bc] { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; background-color: rgba(0, 0, 0, 0.6); z-index: 10; } /* open-sans-regular - latin */ @font-face { font-display: swap; font-family: 'Open Sans'; font-style: normal; font-weight: 400; src: url(feb0d8644aca3df9fabf.woff2) format('woff2'); } /* open-sans-700 - latin */ @font-face { font-display: swap; font-family: 'Open Sans'; font-style: normal; font-weight: 700; src: url(93eac171b09d26a243c1.woff2) format('woff2'); } /* * Base Styles */ *, *:after, *:before { box-sizing: border-box; margin: 0; padding: 0; } html { overflow-y: scroll; height: 100%; } img { vertical-align: middle; max-width: 100%; } fieldset { border: 0; margin: 0; padding: 0; } textarea { resize: vertical; } /* * Text Selection Colours */ ::-moz-selection { background: #0f55c4; color: #fff; text-shadow: none; } ::selection { background: #0f55c4; color: #fff; text-shadow: none; } /* * Horizontal Rule */ hr { display: block; height: 1px; border: 0; background: #dde3e8; margin: 20px 0; padding: 0; clear: both; } p { margin-top: 0; } p:last-child { margin-bottom: 0; } a { text-decoration: none; outline: 0; } a:hover, a:active { outline: 0; } /* * Form Reset Styles */ input, textarea { box-shadow: none; -webkit-appearance: none; } textarea { resize: vertical; } input, textarea, select, label { box-shadow: none; outline: 0; margin: 0; padding: 0; } /* * Clearing for general use */ .clear { clear: both; } /* * Relative Positioning */ .relative { position: relative; } /* * Images */ img { max-width: 100%; } .left, .alignleft { float: left; display: block; } .right, .alignright { float: right; display: block; } /* * Lists */ ul, ol { margin: 0; padding: 0; } ul li, ol li { list-style-type: none; } /* * max-width: none; overrides max-width: 100% from above * which distorts the icons on gmaps */ #map img { max-width: none; } picture { display: block; } /* * Button Reset */ button { border: none; padding: 0; -webkit-appearance: button; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; line-height: normal; } input::-moz-focus-inner, button::-moz-focus-inner { border: 0; padding: 0; } /* * Site Styles */ .wrapperWidth { max-width: 1360px; min-width: 20px; margin: 0 auto; } @media all and (max-width: 640px), all and (min-width: 641px ) and (max-width: 1379px ) { .wrapperWidth { padding: 0 20px; } } .wrapper { max-width: 1360px; min-width: 20px; margin: 0 auto; } @media all and (max-width: 640px), all and (min-width: 641px ) and (max-width: 1379px ) { .wrapper { padding: 0 20px; } } .siteWrapper { min-height: 100vh; display: flex; flex-flow: column nowrap; position: relative; overflow: clip; flex: 1 1 auto; } .siteWrapper .siteInnerWrapper { flex: 1 1 auto; } /* * Body Tag */ body { margin: 0; font-size: 1rem; line-height: 1.462; font-family: 'Open Sans', Arial, sans-serif; color: #fff; min-width: 320px; max-width: 100%; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; min-height: 100%; font-weight: normal; } body.flyoutActive { overflow: hidden; } /* * Vue.js display none cloaking to prevent FOUC */ [v-cloak] { display: none; } /* * Admin toolbar on front end */ #wp-toolbar { display: flex; } #wp-admin-bar-root-default { flex: 1 1 auto; } /* * Gutenberg block width */ .wp-block { max-width: 1360px; } /* * Mixins */ /* * Fade Dropdown Hover */ /* * Widths */ /* * Standard margin */ /* * The Grid */ /* * Typography */ /* * Border Radius */ /* * Colours */ /* * Project-specific colours */ /* * Dark background / Light text */ /* * Light background / Dark text */ /* * Alert Colours */ /* * Misc Colours */ /* * Mobile Menu */ /* * Media Query Breakpoints */ /* * HTML Tag */ html { font-size: 16px; } html:before { content: 'tablet: 1360px, mobile: 640px, flyout: 767px, medium: 800px'; position: absolute; top: 0; visibility: hidden; } .vs--disabled .vs__dropdown-toggle, .vs--disabled .vs__clear, .vs--disabled .vs__search, .vs--disabled .vs__selected, .vs--disabled .vs__open-indicator { background-color: #272727; } /* open-sans-regular - latin */ @font-face { font-display: swap; font-family: 'Open Sans'; font-style: normal; font-weight: 400; src: url(feb0d8644aca3df9fabf.woff2) format('woff2'); } /* open-sans-700 - latin */ @font-face { font-display: swap; font-family: 'Open Sans'; font-style: normal; font-weight: 700; src: url(93eac171b09d26a243c1.woff2) format('woff2'); } /* * Base Styles */ *, *:after, *:before { box-sizing: border-box; margin: 0; padding: 0; } html { overflow-y: scroll; height: 100%; } img { vertical-align: middle; max-width: 100%; } fieldset { border: 0; margin: 0; padding: 0; } textarea { resize: vertical; } /* * Text Selection Colours */ ::-moz-selection { background: #0f55c4; color: #fff; text-shadow: none; } ::selection { background: #0f55c4; color: #fff; text-shadow: none; } /* * Horizontal Rule */ hr { display: block; height: 1px; border: 0; background: #dde3e8; margin: 20px 0; padding: 0; clear: both; } p { margin-top: 0; } p:last-child { margin-bottom: 0; } a { text-decoration: none; outline: 0; } a:hover, a:active { outline: 0; } /* * Form Reset Styles */ input, textarea { box-shadow: none; -webkit-appearance: none; } textarea { resize: vertical; } input, textarea, select, label { box-shadow: none; outline: 0; margin: 0; padding: 0; } /* * Clearing for general use */ .clear { clear: both; } /* * Relative Positioning */ .relative { position: relative; } /* * Images */ img { max-width: 100%; } .left, .alignleft { float: left; display: block; } .right, .alignright { float: right; display: block; } /* * Lists */ ul, ol { margin: 0; padding: 0; } ul li, ol li { list-style-type: none; } /* * max-width: none; overrides max-width: 100% from above * which distorts the icons on gmaps */ #map img { max-width: none; } picture { display: block; } /* * Button Reset */ button { border: none; padding: 0; -webkit-appearance: button; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; line-height: normal; } input::-moz-focus-inner, button::-moz-focus-inner { border: 0; padding: 0; } /* * Site Styles */ .wrapperWidth { max-width: 1360px; min-width: 20px; margin: 0 auto; } @media all and (max-width: 640px), all and (min-width: 641px ) and (max-width: 1379px ) { .wrapperWidth { padding: 0 20px; } } .wrapper { max-width: 1360px; min-width: 20px; margin: 0 auto; } @media all and (max-width: 640px), all and (min-width: 641px ) and (max-width: 1379px ) { .wrapper { padding: 0 20px; } } .siteWrapper { min-height: 100vh; display: flex; flex-flow: column nowrap; position: relative; overflow: clip; flex: 1 1 auto; } .siteWrapper .siteInnerWrapper { flex: 1 1 auto; } /* * Body Tag */ body { margin: 0; font-size: 1rem; line-height: 1.462; font-family: 'Open Sans', Arial, sans-serif; color: #fff; min-width: 320px; max-width: 100%; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; min-height: 100%; font-weight: normal; } body.flyoutActive { overflow: hidden; } /* * Vue.js display none cloaking to prevent FOUC */ [v-cloak] { display: none; } /* * Admin toolbar on front end */ #wp-toolbar { display: flex; } #wp-admin-bar-root-default { flex: 1 1 auto; } /* * Gutenberg block width */ .wp-block { max-width: 1360px; } /* * Mixins */ /* * Fade Dropdown Hover */ /* * Widths */ /* * Standard margin */ /* * The Grid */ /* * Typography */ /* * Border Radius */ /* * Colours */ /* * Project-specific colours */ /* * Dark background / Light text */ /* * Light background / Dark text */ /* * Alert Colours */ /* * Misc Colours */ /* * Mobile Menu */ /* * Media Query Breakpoints */ /* * HTML Tag */ html { font-size: 16px; } html:before { content: 'tablet: 1360px, mobile: 640px, flyout: 767px, medium: 800px'; position: absolute; top: 0; visibility: hidden; } .vfm__content { overflow-y: auto; width: auto; max-width: 800px; } /* open-sans-regular - latin */ @font-face { font-display: swap; font-family: 'Open Sans'; font-style: normal; font-weight: 400; src: url(feb0d8644aca3df9fabf.woff2) format('woff2'); } /* open-sans-700 - latin */ @font-face { font-display: swap; font-family: 'Open Sans'; font-style: normal; font-weight: 700; src: url(93eac171b09d26a243c1.woff2) format('woff2'); } /* * Base Styles */ *, *:after, *:before { box-sizing: border-box; margin: 0; padding: 0; } html { overflow-y: scroll; height: 100%; } img { vertical-align: middle; max-width: 100%; } fieldset { border: 0; margin: 0; padding: 0; } textarea { resize: vertical; } /* * Text Selection Colours */ ::-moz-selection { background: #0f55c4; color: #fff; text-shadow: none; } ::selection { background: #0f55c4; color: #fff; text-shadow: none; } /* * Horizontal Rule */ hr { display: block; height: 1px; border: 0; background: #dde3e8; margin: 20px 0; padding: 0; clear: both; } p { margin-top: 0; } p:last-child { margin-bottom: 0; } a { text-decoration: none; outline: 0; } a:hover, a:active { outline: 0; } /* * Form Reset Styles */ input, textarea { box-shadow: none; -webkit-appearance: none; } textarea { resize: vertical; } input, textarea, select, label { box-shadow: none; outline: 0; margin: 0; padding: 0; } /* * Clearing for general use */ .clear { clear: both; } /* * Relative Positioning */ .relative { position: relative; } /* * Images */ img { max-width: 100%; } .left, .alignleft { float: left; display: block; } .right, .alignright { float: right; display: block; } /* * Lists */ ul, ol { margin: 0; padding: 0; } ul li, ol li { list-style-type: none; } /* * max-width: none; overrides max-width: 100% from above * which distorts the icons on gmaps */ #map img { max-width: none; } picture { display: block; } /* * Button Reset */ button { border: none; padding: 0; -webkit-appearance: button; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; line-height: normal; } input::-moz-focus-inner, button::-moz-focus-inner { border: 0; padding: 0; } /* * Site Styles */ .wrapperWidth { max-width: 1360px; min-width: 20px; margin: 0 auto; } @media all and (max-width: 640px), all and (min-width: 641px ) and (max-width: 1379px ) { .wrapperWidth { padding: 0 20px; } } .wrapper { max-width: 1360px; min-width: 20px; margin: 0 auto; } @media all and (max-width: 640px), all and (min-width: 641px ) and (max-width: 1379px ) { .wrapper { padding: 0 20px; } } .siteWrapper { min-height: 100vh; display: flex; flex-flow: column nowrap; position: relative; overflow: clip; flex: 1 1 auto; } .siteWrapper .siteInnerWrapper { flex: 1 1 auto; } /* * Body Tag */ body { margin: 0; font-size: 1rem; line-height: 1.462; font-family: 'Open Sans', Arial, sans-serif; color: #fff; min-width: 320px; max-width: 100%; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; min-height: 100%; font-weight: normal; } body.flyoutActive { overflow: hidden; } /* * Vue.js display none cloaking to prevent FOUC */ [v-cloak] { display: none; } /* * Admin toolbar on front end */ #wp-toolbar { display: flex; } #wp-admin-bar-root-default { flex: 1 1 auto; } /* * Gutenberg block width */ .wp-block { max-width: 1360px; } /* * Mixins */ /* * Fade Dropdown Hover */ /* * Widths */ /* * Standard margin */ /* * The Grid */ /* * Typography */ /* * Border Radius */ /* * Colours */ /* * Project-specific colours */ /* * Dark background / Light text */ /* * Light background / Dark text */ /* * Alert Colours */ /* * Misc Colours */ /* * Mobile Menu */ /* * Media Query Breakpoints */ /* * HTML Tag */ html { font-size: 16px; } html:before { content: 'tablet: 1360px, mobile: 640px, flyout: 767px, medium: 800px'; position: absolute; top: 0; visibility: hidden; } .renderForm { padding: 40px 0; } @media all and (min-width: 1380px ) { .renderForm { width: 700px; } } /* open-sans-regular - latin */ @font-face { font-display: swap; font-family: 'Open Sans'; font-style: normal; font-weight: 400; src: url(feb0d8644aca3df9fabf.woff2) format('woff2'); } /* open-sans-700 - latin */ @font-face { font-display: swap; font-family: 'Open Sans'; font-style: normal; font-weight: 700; src: url(93eac171b09d26a243c1.woff2) format('woff2'); } /* * Base Styles */ *, *:after, *:before { box-sizing: border-box; margin: 0; padding: 0; } html { overflow-y: scroll; height: 100%; } img { vertical-align: middle; max-width: 100%; } fieldset { border: 0; margin: 0; padding: 0; } textarea { resize: vertical; } /* * Text Selection Colours */ ::-moz-selection { background: #0f55c4; color: #fff; text-shadow: none; } ::selection { background: #0f55c4; color: #fff; text-shadow: none; } /* * Horizontal Rule */ hr { display: block; height: 1px; border: 0; background: #dde3e8; margin: 20px 0; padding: 0; clear: both; } p { margin-top: 0; } p:last-child { margin-bottom: 0; } a { text-decoration: none; outline: 0; } a:hover, a:active { outline: 0; } /* * Form Reset Styles */ input, textarea { box-shadow: none; -webkit-appearance: none; } textarea { resize: vertical; } input, textarea, select, label { box-shadow: none; outline: 0; margin: 0; padding: 0; } /* * Clearing for general use */ .clear { clear: both; } /* * Relative Positioning */ .relative { position: relative; } /* * Images */ img { max-width: 100%; } .left, .alignleft { float: left; display: block; } .right, .alignright { float: right; display: block; } /* * Lists */ ul, ol { margin: 0; padding: 0; } ul li, ol li { list-style-type: none; } /* * max-width: none; overrides max-width: 100% from above * which distorts the icons on gmaps */ #map img { max-width: none; } picture { display: block; } /* * Button Reset */ button { border: none; padding: 0; -webkit-appearance: button; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; line-height: normal; } input::-moz-focus-inner, button::-moz-focus-inner { border: 0; padding: 0; } /* * Site Styles */ .wrapperWidth { max-width: 1360px; min-width: 20px; margin: 0 auto; } @media all and (max-width: 640px), all and (min-width: 641px ) and (max-width: 1379px ) { .wrapperWidth { padding: 0 20px; } } .wrapper { max-width: 1360px; min-width: 20px; margin: 0 auto; } @media all and (max-width: 640px), all and (min-width: 641px ) and (max-width: 1379px ) { .wrapper { padding: 0 20px; } } .siteWrapper { min-height: 100vh; display: flex; flex-flow: column nowrap; position: relative; overflow: clip; flex: 1 1 auto; } .siteWrapper .siteInnerWrapper { flex: 1 1 auto; } /* * Body Tag */ body { margin: 0; font-size: 1rem; line-height: 1.462; font-family: 'Open Sans', Arial, sans-serif; color: #fff; min-width: 320px; max-width: 100%; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; min-height: 100%; font-weight: normal; } body.flyoutActive { overflow: hidden; } /* * Vue.js display none cloaking to prevent FOUC */ [v-cloak] { display: none; } /* * Admin toolbar on front end */ #wp-toolbar { display: flex; } #wp-admin-bar-root-default { flex: 1 1 auto; } /* * Gutenberg block width */ .wp-block { max-width: 1360px; } /* * Mixins */ /* * Fade Dropdown Hover */ /* * Widths */ /* * Standard margin */ /* * The Grid */ /* * Typography */ /* * Border Radius */ /* * Colours */ /* * Project-specific colours */ /* * Dark background / Light text */ /* * Light background / Dark text */ /* * Alert Colours */ /* * Misc Colours */ /* * Mobile Menu */ /* * Media Query Breakpoints */ /* * HTML Tag */ html { font-size: 16px; } html:before { content: 'tablet: 1360px, mobile: 640px, flyout: 767px, medium: 800px'; position: absolute; top: 0; visibility: hidden; } .shareButtons { display: flex; list-style: none; padding-left: 0; margin-left: -10px; } .shareButtons .shareButtons__item { display: flex; align-items: center; padding: 10px; } .shareButtons .shareButtons__item .shareTitle { font-size: 14px; text-transform: uppercase; } .shareButtons .shareButtons__item__link { display: flex; justify-content: center; align-items: center; width: 32px; height: 32px; color: #ffffff; } .shareButtons .shareButtons__item__link:hover { color: #EA0615; } .shareButtons .shareButtons__item__link svg { font-size: 22px; }