/*---------------------------------------------------------------- ------------------------------------------------------------------ --------------------------- MAIN + RESETS ------------------------ ------------------------------------------------------------------ ----------------------------------------------------------------*/ * { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; } ::-moz-selection { background: var(--primarycolour); color: white; text-shadow: none; } ::selection { background: var(--primarycolour); color: white; text-shadow: none; } html, body, div, span, object, iframe, h1, h2, h3, h4, h5, .burger-menu .burger-nav > ul:not(.social-media) > li.subtitle > a, h6, .text-widget blockquote, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; } html, body { scroll-padding-top: 70px; scroll-padding-bottom: 70px; } html { font-size: 62.5%; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; -ms-overflow-style: -ms-autohiding-scrollbar; } body { margin: 0; position: relative; overflow-x: hidden; font-family: var(--bodyfontfamily), var(--bodyfontstyle); font-weight: var(--bodyfontweight); font-size: var(--bodyfontsize); line-height: var(--bodylineheight); color: var(--bodycolour); letter-spacing: var(--bodyletterspacing); background: var(--backgroundcolour); } @media (max-width: 767px) { body { font-size: var(--bodyfontsizemob); line-height: var(--bodylineheightmob); } } body::-webkit-scrollbar { width: 8px; } body::-webkit-scrollbar-track { background: var(--browsertrackcolour); } body::-webkit-scrollbar-thumb { background: var(--browserhandlecolour); } body::-webkit-scrollbar-thumb:hover { background: var(--browserhandlecolourhover); } a { color: var(--bodycolour); cursor: pointer; outline: 0 !important; transition: all .25s ease; } a:hover, a:focus { text-decoration: none; } article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; } audio, canvas, progress, video { display: inline-block; vertical-align: baseline; } audio:not([controls]) { display: none; height: 0; } [hidden], template { display: none; } /* Embedded content */ img { border: 0; margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent; } svg:not(:root) { overflow: hidden; } /* Grouping content */ figure { margin: 15px 40px; } hr { -moz-box-sizing: content-box; box-sizing: content-box; display: block; margin: 0 auto; padding: 0; height: 0; border: 0; border-top: var(--dividerdepth) solid var(--tertiarycolour); } pre { overflow: auto; } code, kbd, pre, samp { font-family: monospace, monospace; font-size: 100%; } /* Forms */ fieldset { border: 2px solid var(--tertiarycolour); margin: 0; padding: 0.35em 0.625em 0.75em; } legend { border: 0; padding: 0; } optgroup { font-weight: var(--bodyfontweight); } button, input, optgroup, select, textarea { color: inherit; font: inherit; margin: 0; outline: 0; } button { overflow: visible; background: none; border: 0; box-shadow: none !important; outline: none !important; transition: all .25s ease; } button, select { text-transform: none; } button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; } button[disabled], html input[disabled] { cursor: default; } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } input { line-height: normal; } /* HTML5 / MISC */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } ins { background-color: var(--primarycolour); color: white; text-decoration: none; } del { text-decoration: line-through; } b, strong { font-weight: var(--bodyfontweightbold); } body.using-keyboard a, body.using-keyboard button, body.using-keyboard input, body.using-keyboard textarea, body.using-keyboard select, body.using-keyboard iframe, body.using-keyboard article { outline-offset: initial; } body.using-keyboard a:focus, body.using-keyboard a:focus + .fake-input, body.using-keyboard button:focus, body.using-keyboard button:focus + .fake-input, body.using-keyboard input:focus, body.using-keyboard input:focus + .fake-input, body.using-keyboard textarea:focus, body.using-keyboard textarea:focus + .fake-input, body.using-keyboard select:focus, body.using-keyboard select:focus + .fake-input, body.using-keyboard iframe:focus, body.using-keyboard iframe:focus + .fake-input, body.using-keyboard article:focus, body.using-keyboard article:focus + .fake-input { outline: 3px solid #9ac9fa !important; } body.using-keyboard input[type="checkbox"]:focus + label:before, body.using-keyboard input[type="radio"]:focus + label:before { border: 2px solid #9ac9fa !important; } body.cursor-default-override { cursor: var(--defaultcursor) var(--defaultcursorwidth) var(--defaultcursorheight), auto; } body.cursor-link-override a, body.cursor-link-override button, body.cursor-link-override select, body.cursor-link-override input.date-picker, body.cursor-link-override input[type="checkbox"] + label, body.cursor-link-override input[type="radio"] + label, body.cursor-link-override .file-upload, body.cursor-link-override .file-upload * { cursor: var(--linkcursor) var(--linkcursorwidth) var(--linkcursorheight), pointer !important; } body.cursor-input-override input[type="text"]:not(.date-picker), body.cursor-input-override input[type="email"], body.cursor-input-override input[type="number"], body.cursor-input-override input[type="tel"], body.cursor-input-override input[type="password"], body.cursor-input-override textarea { cursor: var(--inputcursor) var(--inputcursorwidth) var(--inputcursorheight), text !important; } .skip-to-content { display: inline-block; position: absolute; z-index: -1; padding: 10px 15px; background: var(--primarycolour); color: white; line-height: 1; font-weight: bold; top: -100px; left: 10px; } .skip-to-content:focus { z-index: 200; top: 10px; } .visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .stop-scrolling { overflow: hidden; } .no-cursor { pointer-events: none; } .no-anim, .no-anim * { transition: none !important; } .no-anim-single { transition: none !important; } .flex-list { display: flex; flex-wrap: wrap; } .flex { display: flex; } .flex-inline { display: -webkit-inline-box; display: inline-flex; } .flex-direction-column { flex-direction: column; } @media (min-width: 992px) and (max-width: 1199px) { .flex-direction-column-md { flex-direction: column; } } @media (min-width: 768px) and (max-width: 991px) { .flex-direction-column-sm { flex-direction: column; } } @media (max-width: 767px) { .flex-direction-column-xs { flex-direction: column !important; } } @media (min-width: 992px) and (max-width: 1199px) { .flex-direction-column-reverse-md { flex-direction: column-reverse; } } @media (min-width: 768px) and (max-width: 991px) { .flex-direction-column-reverse-sm { flex-direction: column-reverse; } } @media (max-width: 767px) { .flex-direction-column-reverse-xs { flex-direction: column-reverse; } } .flex-align-center { align-items: center; } .flex-align-start { align-items: flex-start; } @media (max-width: 767px) { .flex-align-start-xs { align-items: flex-start; } } .flex-align-end { align-items: flex-end; } @media (max-width: 767px) { .flex-align-end-xs { align-items: flex-end; } } .flex-align-stretch { align-items: stretch; } .flex-align-self-start { align-self: flex-start; } .flex-align-self-end { align-self: flex-end; } .flex-align-self-center { align-self: center; } .flex-justify-center { justify-content: center; } .flex-justify-start { justify-content: flex-start; } .flex-justify-end { justify-content: flex-end; } @media (max-width: 767px) { .flex-justify-end-xs { justify-content: flex-end; } } .flex-space-between { justify-content: space-between; } @media (max-width: 767px) { .flex-space-between-xs { justify-content: space-between; } } .flex-nowrap { flex-wrap: nowrap; } .flex-grow-shrink { flex: 1; } @media (min-width: 992px) and (max-width: 1199px) { .flex-wrap-md { flex-wrap: wrap; } } @media (min-width: 768px) and (max-width: 991px) { .flex-wrap-sm { flex-wrap: wrap; } } @media (max-width: 767px) { .flex-wrap-xs { flex-wrap: wrap; } } .d-block { display: block; } .p-relative { position: relative; } .p-absolute { position: absolute; } .ml-auto { margin-left: auto; } .mr-auto { margin-right: auto; } .mt-auto { margin-top: auto; } .mb-auto { margin-bottom: auto; } .ml-0 { margin-left: 0 !important; } .mr-0 { margin-right: 0 !important; } .mt-0 { margin-top: 0 !important; } .mb-0 { margin-bottom: 0 !important; } .m-0 { margin: 0 !important; } .p-0 { padding: 0 !important; } .w-100 { width: 100%; } .h-100 { height: 100%; } .o-hidden { overflow: hidden; } .nopadding { padding: 0; } .list-reset { margin: 0; padding: 0; list-style: none; } .bg-default { background: var(--backgroundcolour); } .bg-primary { color: var(--lightcolour); background: var(--primarycolour); } .bg-primary h1, .bg-primary .h1, .bg-primary h2, .bg-primary .h2, .bg-primary h3, .bg-primary .h3, .bg-primary h4, .bg-primary .h4, .bg-primary h5, .bg-primary .burger-menu .burger-nav > ul:not(.social-media) > li.subtitle > a, .burger-menu .bg-primary .burger-nav > ul:not(.social-media) > li.subtitle > a, .bg-primary .h5, .bg-primary h6, .bg-primary .text-widget blockquote, .text-widget .bg-primary blockquote, .bg-primary .h6 { color: var(--lightcolour); } .bg-primary .subtitle { color: var(--lightcolour); } .bg-primary a:not(.button) { color: var(--lightcolour); } body.nonTouchDevice .bg-primary a:not(.button):hover { color: var(--lightcolourhover); } .bg-primary .text-links a:not(.text-button):not(.button) { color: var(--lightcolour); border-bottom-color: var(--lightcolour); } body.nonTouchDevice .bg-primary .text-links a:not(.text-button):not(.button):hover { color: var(--lightcolourhover); border-bottom-color: var(--lightcolourhover); } .bg-primary p { color: var(--lightcolour); } body.nonTouchDevice .bg-primary .text-button--underlined:hover { color: var(--lightcolourhover); } .bg-primary .text-button--underlined:after { background-color: var(--lightcolour); } .bg-primary ul li:before { background: var(--lightcolour) !important; } .bg-primary ol li:before { color: var(--lightcolour) !important; } .bg-secondary { background: var(--secondarycolour); } .bg-tertiary { background: var(--tertiarycolour); } .bg-img-fallback { background: var(--imgfallbackcolour); } .text-white h1:not(.subtitle), .text-white .h1:not(.subtitle), .text-white h2:not(.subtitle), .text-white .h2:not(.subtitle), .text-white h3:not(.subtitle), .text-white .h3:not(.subtitle), .text-white h4:not(.subtitle), .text-white .h4:not(.subtitle), .text-white h5:not(.subtitle), .text-white .burger-menu .burger-nav > ul:not(.social-media) > li.subtitle > a:not(.subtitle), .burger-menu .text-white .burger-nav > ul:not(.social-media) > li.subtitle > a:not(.subtitle), .text-white .h5:not(.subtitle), .text-white h6:not(.subtitle), .text-white .text-widget blockquote:not(.subtitle), .text-widget .text-white blockquote:not(.subtitle), .text-white .h6:not(.subtitle) { color: var(--headertitlecolour); } .text-white .subtitle { color: var(--headertitlecolour); } .text-white p { color: var(--headertitlecolour); } @media (min-width: 768px) and (max-width: 991px) { .text-center-sm { text-align: center; } } @media (max-width: 767px) { .text-center-xs { text-align: center; } } @media (max-width: 767px) { .mobile-hide { display: none; } } .img { width: 100%; height: 100%; object-fit: cover; display: block; } .image-absolute { position: absolute; left: 0; top: 0; right: 0; bottom: 0; } .gradient-overlay:after { content: ''; z-index: 2; position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: linear-gradient(to top right, black 0%, transparent 80%); transition: all 1s ease; } .image-tint:after { content: ''; z-index: 2; position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: var(--imgtintcolour); } .text-links a:not(.text-button):not(.button) { color: var(--bodycolour); border-bottom: 1px solid var(--bodycolour); } body.nonTouchDevice .text-links a:not(.text-button):not(.button):hover { border-color: transparent; } .ajax-loader { transition: opacity 0.3s ease; position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: var(--backgroundcolour); z-index: 40; opacity: .9; visibility: visible; } .ajax-loader.disabled { z-index: -1; opacity: 0; visibility: hidden; } .ajax-results { position: relative; } .disable-bg-pattern { background-image: none !important; } /* SLIDERS */ .slider { overflow: hidden; } .slider .slide { position: relative; overflow: hidden; display: none; } .slider .slide .img { z-index: 1; position: absolute; left: 0; top: 0; right: 0; bottom: 0; } .slider.disable-navigation-1 .slick-arrow { display: none !important; } .slick-slider .slide { display: block; } .slick-slider .slick-arrow { z-index: 2; position: absolute; overflow: hidden; top: 50%; width: 65px; height: 65px; cursor: pointer; display: flex; align-items: center; justify-content: center; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); background: var(--buttoncolour); } @media (min-width: 768px) and (max-width: 991px) { .slick-slider .slick-arrow { width: 50px; height: 50px; } } @media (max-width: 767px) { .slick-slider .slick-arrow { width: 35px; height: 35px; } } .slick-slider .slick-arrow svg { z-index: 1; position: relative; width: 14px; height: auto; } @media (min-width: 768px) and (max-width: 991px) { .slick-slider .slick-arrow svg { width: 12px; } } @media (max-width: 767px) { .slick-slider .slick-arrow svg { width: 10px; } } .slick-slider .slick-arrow svg path { fill: var(--buttontextcolour); } .slick-slider .slick-arrow:before { content: ''; z-index: 0; position: absolute; left: 0; top: 0; right: 100%; bottom: 0; transition: all 0.4s cubic-bezier(0.75, 0, 0.2, 1); background: var(--buttonhovercolour); } .slick-slider .slick-arrow.slick-prev { left: 100px; } @media (min-width: 992px) and (max-width: 1199px) { .slick-slider .slick-arrow.slick-prev { left: 100px; } } @media (max-width: 991px) { .slick-slider .slick-arrow.slick-prev { left: 0; } } .slick-slider .slick-arrow.slick-next { right: 100px; } @media (min-width: 992px) and (max-width: 1199px) { .slick-slider .slick-arrow.slick-next { right: 100px; } } @media (max-width: 991px) { .slick-slider .slick-arrow.slick-next { right: 0; } } .slick-slider .slick-arrow.slick-disabled { pointer-events: none; opacity: .5; } body.buttons-round .slick-slider .slick-arrow { border-radius: 50%; } @media (min-width: 768px) and (max-width: 991px) { body.buttons-round .slick-slider .slick-arrow { width: 80px; height: 80px; } } @media (max-width: 767px) { body.buttons-round .slick-slider .slick-arrow { width: 60px; height: 60px; } } @media (max-width: 991px) { body.buttons-round .slick-slider .slick-arrow.slick-prev { -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } } @media (min-width: 768px) and (max-width: 991px) { body.buttons-round .slick-slider .slick-arrow.slick-prev svg { margin-left: 30px; } } @media (max-width: 767px) { body.buttons-round .slick-slider .slick-arrow.slick-prev svg { margin-left: 25px; } } @media (max-width: 991px) { body.buttons-round .slick-slider .slick-arrow.slick-next { -webkit-transform: translate(50%, -50%); transform: translate(50%, -50%); } } @media (min-width: 768px) and (max-width: 991px) { body.buttons-round .slick-slider .slick-arrow.slick-next svg { margin-right: 30px; } } @media (max-width: 767px) { body.buttons-round .slick-slider .slick-arrow.slick-next svg { margin-right: 25px; } } body.buttons-border .slick-slider .slick-arrow { background: none; border: var(--buttonborderwidth) solid var(--buttoncolour); } body.buttons-border .slick-slider .slick-arrow svg path { fill: var(--buttoncolour); } body.buttons-border.button-border-rollover-outline.nonTouchDevice .slick-slider .slick-arrow:hover { border-color: var(--buttonhovercolour); } body.buttons-border.button-border-rollover-outline.nonTouchDevice .slick-slider .slick-arrow:hover svg path { fill: var(--buttonhovercolour); } body.buttons-border.buttons-border.button-border-rollover-fill.nonTouchDevice .slick-slider .slick-arrow:hover { border-color: var(--buttonhovercolour); background: var(--buttonhovercolour); } body.buttons-border.buttons-border.button-border-rollover-fill.nonTouchDevice .slick-slider .slick-arrow:hover svg path { fill: var(--buttontextcolour); } body.buttons-border.button-border-rollover-swipe.nonTouchDevice .slick-slider .slick-arrow:hover { border-color: var(--buttonhovercolour); background: transparent; } body.buttons-border.button-border-rollover-swipe.nonTouchDevice .slick-slider .slick-arrow:hover svg path { fill: var(--buttontextcolour); } body.buttons-border.button-border-rollover-swipe.nonTouchDevice .slick-slider .slick-arrow:hover:before { right: 0; } body.buttons-solid.button-solid-rollover-fill.nonTouchDevice .slick-slider .slick-arrow:hover { background: var(--buttonhovercolour); } body.buttons-solid.button-solid-rollover-swipe.nonTouchDevice .slick-slider .slick-arrow:hover:before { right: 0; } .slick-slider.small-arrows .slick-arrow { width: 40px !important; height: 40px !important; } @media (max-width: 767px) { .slick-slider.small-arrows .slick-arrow { display: none !important; } } .slick-slider.small-arrows .slick-arrow svg { margin: 0 !important; } .slick-slider.small-arrows .slick-arrow.slick-prev { left: 20px; } @media (min-width: 768px) and (max-width: 991px) { .slick-slider.small-arrows .slick-arrow.slick-prev { left: 40px; } } .slick-slider.small-arrows .slick-arrow.slick-next { right: 20px; } @media (min-width: 768px) and (max-width: 991px) { .slick-slider.small-arrows .slick-arrow.slick-next { right: 40px; } } .slick-slider .slick-dots { margin: 0; padding: 0; list-style: none; position: absolute; left: 50%; bottom: 30px; -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); } @media (max-width: 767px) { .slick-slider .slick-dots { bottom: 20px; } } .slick-slider .slick-dots li { float: left; margin: 0 5px; } .slick-slider .slick-dots button { padding: 0; text-indent: -9999px; position: relative; width: 14px; height: 14px; border: 2px solid white; border-radius: 50%; background: transparent; } .slick-slider .slick-dots .slick-active button { background: white; } @media (min-width: 1200px) { .non-slider .slick-track { -webkit-transform: none !important; transform: none !important; } } @font-face { font-family: "Glossy Display"; src: url("../fonts/glossy-display/GlossyDisplay-LightWeb.woff2") format("woff2"), url("../fonts/glossy-display/GlossyDisplay-LightWeb.woff") format("woff"); font-weight: 300; font-style: normal; font-display: swap; } @font-face { font-family: "Glossy Display"; src: url("../fonts/glossy-display/GlossyDisplay-LightItalic.woff2") format("woff2"), url("../fonts/glossy-display/GlossyDisplay-LightItalic.woff") format("woff"); font-weight: 300; font-style: italic; font-display: swap; } /* amending the default bootstrap 15px gutters */ .container, .container-fluid { padding-left: 100px; padding-right: 100px; } @media (min-width: 768px) and (max-width: 1199px) { .container, .container-fluid { padding-left: 100px; padding-right: 100px; } } @media (max-width: 767px) { .container, .container-fluid { padding-left: 25px; padding-right: 25px; } } .container-fluid--xlg { max-width: none; } .container-fluid--lrg { max-width: calc(1280px + 200px); } .container-fluid--med { max-width: calc(1120px + 200px); } .container-fluid--sml { max-width: calc(960px + 200px); } .container-fluid--xsml { max-width: calc(800px + 200px + 40px); } .row { margin-left: -100px; margin-right: -100px; } .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 { padding-left: 100px; padding-right: 100px; } .header { z-index: 2; position: relative; } .header .header-inner { z-index: 2; position: absolute; left: 0; top: 0; right: 0; } .header .header-inner .container-fluid { position: relative; max-width: none; } .header .header-inner ul { margin: 0; padding: 0; list-style: none; } .header .header-inner .logo { position: relative; margin-right: auto; } .header .header-inner .logo img { display: block; width: auto; transition: opacity .3s ease; } @media (max-width: 991px) { .header .header-inner .logo img { height: var(--logoheightmob); } } .header .header-inner .logo img.dropdown-logo { z-index: 1; position: absolute; top: 0; left: 0; opacity: 0; } body.show-dropdown-overlay .header .header-inner .logo img.dropdown-logo { opacity: 1; } .header .header-inner .header-top { z-index: 11; position: relative; padding: 10px 0; background: var(--secondarycolour); } .header .header-inner .header-top nav ul { display: flex; margin: 0 -15px; } .header .header-inner .header-top nav ul li { margin: 0 15px; } .header .header-inner .header-top nav ul li a { color: var(--buttontextcolour); font-family: var(--secondarynavigationfontfamily); font-weight: var(--secondarynavigationfontweight); font-size: var(--secondarynavigationfontsize); } body.nonTouchDevice .header .header-inner .header-top nav ul li a:hover { color: var(--buttonhovercolour); } .header .header-inner .header-top nav.align-left { margin-right: auto; } .header .header-inner .header-top nav.align-center { margin-left: auto; margin-right: auto; } .header .header-inner .header-top nav.align-right { margin-left: auto; } .header .header-inner .header-top.bg-colour-override { background: var(--secondarynavigationbgcolour); } .header .header-inner .header-top.link-colour-override nav ul li a { color: var(--secondarynavigationlinkcolour); } body.nonTouchDevice .header .header-inner .header-top.link-colour-override nav ul li a:hover { color: var(--secondarynavigationlinkcolourhover); } .header .header-inner .header-bottom { padding: 60px 0; } @media (max-width: 767px) { .header .header-inner .header-bottom { padding: 30px 0; } } .header .header-inner .header-bottom.header-background-1 { padding: 30px 0 !important; background-color: var(--menusbgcolour); } .header .header-inner .header-bottom.header-background-1.bg-colour-override { background-color: var(--navbgcolour) !important; } .header .header-button-cta { height: 30px; } @media (max-width: 767px) { .header .header-button-cta { z-index: 50 !important; position: fixed !important; left: 0 !important; right: 0 !important; bottom: 0 !important; margin: 0 !important; border-radius: 0 !important; height: 65px !important; } .header .header-button-cta, .header .header-button-cta.button-type-border { border: 0 !important; color: var(--buttontextcolour) !important; background: var(--buttoncolour) !important; } body.button-solid-rollover-fill.nonTouchDevice .header .header-button-cta:hover, body.button-solid-rollover-swipe.nonTouchDevice .header .header-button-cta:hover, body.button-solid-rollover-fill.nonTouchDevice .header .header-button-cta.button-type-border:hover, body.button-solid-rollover-swipe.nonTouchDevice .header .header-button-cta.button-type-border:hover { color: var(--buttontextcolour) !important; background: var(--buttoncolour) !important; } } @media (min-width: 768px) { .header .header-button-cta.button-shape-round { border-radius: var(--buttonborderradius) !important; } } .header .header-button-cta.button-shape-straight { border-radius: 0 !important; } .header .header-button-cta.button-colour-override.button-solid, .header .header-button-cta.button-colour-override.button-border.button-type-solid { color: var(--navbtntextcolour) !important; background: var(--navbtnbgcolour) !important; } .header .header-button-cta.button-colour-override.button-solid:before, .header .header-button-cta.button-colour-override.button-border.button-type-solid:before { background: var(--navbtnbgcolourhover) !important; } body.button-solid-rollover-fill.nonTouchDevice .header .header-button-cta.button-colour-override.button-solid:hover, body.button-solid-rollover-fill.nonTouchDevice .header .header-button-cta.button-colour-override.button-border.button-type-solid:hover { color: var(--navbtntextcolour) !important; background: var(--navbtnbgcolourhover) !important; } body.button-solid-rollover-swipe.nonTouchDevice .header .header-button-cta.button-colour-override.button-solid:hover, body.button-solid-rollover-swipe.nonTouchDevice .header .header-button-cta.button-colour-override.button-border.button-type-solid:hover { color: var(--navbtntextcolour) !important; background: var(--navbtnbgcolour) !important; } .header .header-button-cta.button-colour-override.button-border, .header .header-button-cta.button-colour-override.button-solid.button-type-border { color: var(--navbtnbgcolour) !important; border-color: var(--navbtnbgcolour) !important; background: transparent !important; } .header .header-button-cta.button-colour-override.button-border:before, .header .header-button-cta.button-colour-override.button-solid.button-type-border:before { background: var(--navbtnbgcolourhover) !important; } body.button-border-rollover-outline.nonTouchDevice .header .header-button-cta.button-colour-override.button-border:hover, body.button-border-rollover-outline.nonTouchDevice .header .header-button-cta.button-colour-override.button-solid.button-type-border:hover { color: var(--navbtnbgcolourhover) !important; border-color: var(--navbtnbgcolourhover) !important; background: transparent !important; } body.button-border-rollover-fill.nonTouchDevice .header .header-button-cta.button-colour-override.button-border:hover, body.button-border-rollover-fill.nonTouchDevice .header .header-button-cta.button-colour-override.button-solid.button-type-border:hover { color: var(--navbtntextcolour) !important; border-color: var(--navbtnbgcolourhover) !important; background: var(--navbtnbgcolourhover) !important; } body.button-border-rollover-swipe.nonTouchDevice .header .header-button-cta.button-colour-override.button-border:hover, body.button-border-rollover-swipe.nonTouchDevice .header .header-button-cta.button-colour-override.button-solid.button-type-border:hover { color: var(--navbtntextcolour) !important; border-color: var(--navbtnbgcolourhover) !important; background: transparent !important; } @media (max-width: 767px) { .header .header-button-cta.button-colour-override.button-border, .header .header-button-cta.button-colour-override.button-solid.button-type-border { border: 0 !important; color: var(--navbtntextcolour) !important; background: var(--navbtnbgcolour) !important; } .header .header-button-cta.button-colour-override.button-border:before, .header .header-button-cta.button-colour-override.button-solid.button-type-border:before { content: none !important; } body.button-solid-rollover-fill.nonTouchDevice .header .header-button-cta.button-colour-override.button-border:hover, body.button-solid-rollover-swipe.nonTouchDevice .header .header-button-cta.button-colour-override.button-border:hover, body.button-solid-rollover-fill.nonTouchDevice .header .header-button-cta.button-colour-override.button-solid.button-type-border:hover, body.button-solid-rollover-swipe.nonTouchDevice .header .header-button-cta.button-colour-override.button-solid.button-type-border:hover { color: var(--navbtntextcolour) !important; background: var(--navbtnbgcolour) !important; } } @media (max-width: 767px) { .header .header-button-cta.button-colour-mob-override.button-solid, .header .header-button-cta.button-colour-mob-override.button-border, .header .header-button-cta.button-colour-mob-override.button-solid.button-type-border, .header .header-button-cta.button-colour-mob-override.button-type-solid, .header .header-button-cta.button-colour-mob-override.button-border.button-type-solid, .header .header-button-cta.button-colour-mob-override.button-type-border { border: 0 !important; color: var(--navbtntextcolourmob) !important; background: var(--navbtnbgcolourmob) !important; } .header .header-button-cta.button-colour-mob-override.button-solid:before, .header .header-button-cta.button-colour-mob-override.button-border:before, .header .header-button-cta.button-colour-mob-override.button-solid.button-type-border:before, .header .header-button-cta.button-colour-mob-override.button-type-solid:before, .header .header-button-cta.button-colour-mob-override.button-border.button-type-solid:before, .header .header-button-cta.button-colour-mob-override.button-type-border:before { content: none !important; } body.button-solid-rollover-fill.nonTouchDevice .header .header-button-cta.button-colour-mob-override.button-solid:hover, body.button-solid-rollover-swipe.nonTouchDevice .header .header-button-cta.button-colour-mob-override.button-solid:hover, body.button-solid-rollover-fill.nonTouchDevice .header .header-button-cta.button-colour-mob-override.button-border:hover, body.button-solid-rollover-swipe.nonTouchDevice .header .header-button-cta.button-colour-mob-override.button-border:hover, body.button-solid-rollover-fill.nonTouchDevice .header .header-button-cta.button-colour-mob-override.button-solid.button-type-border:hover, body.button-solid-rollover-swipe.nonTouchDevice .header .header-button-cta.button-colour-mob-override.button-solid.button-type-border:hover, body.button-solid-rollover-fill.nonTouchDevice .header .header-button-cta.button-colour-mob-override.button-type-solid:hover, body.button-solid-rollover-swipe.nonTouchDevice .header .header-button-cta.button-colour-mob-override.button-type-solid:hover, body.button-solid-rollover-fill.nonTouchDevice .header .header-button-cta.button-colour-mob-override.button-border.button-type-solid:hover, body.button-solid-rollover-swipe.nonTouchDevice .header .header-button-cta.button-colour-mob-override.button-border.button-type-solid:hover, body.button-solid-rollover-fill.nonTouchDevice .header .header-button-cta.button-colour-mob-override.button-type-border:hover, body.button-solid-rollover-swipe.nonTouchDevice .header .header-button-cta.button-colour-mob-override.button-type-border:hover { color: var(--navbtntextcolourmob) !important; background: var(--navbtnbgcolourmob) !important; } } .header .header-button-sticky { position: fixed; right: 20px; top: 20px; height: 30px; opacity: 0; pointer-events: none; } @media (max-width: 767px) { .header .header-button-sticky { display: none; } } .header .header-button-sticky.sticky-fixed { opacity: 1; pointer-events: auto; } .header .header-button-sticky.button-shape-round { border-radius: var(--buttonborderradius) !important; } .header .header-button-sticky.button-shape-straight { border-radius: 0 !important; } .header .header-button-sticky.colour-override.button-solid, .header .header-button-sticky.colour-override.button-border.button-type-solid { color: var(--navbtnstickytextcolour) !important; background: var(--navbtnstickybgcolour) !important; } .header .header-button-sticky.colour-override.button-solid:before, .header .header-button-sticky.colour-override.button-border.button-type-solid:before { background: var(--navbtnstickybgcolourhover) !important; } body.button-solid-rollover-fill.nonTouchDevice .header .header-button-sticky.colour-override.button-solid:hover, body.button-solid-rollover-fill.nonTouchDevice .header .header-button-sticky.colour-override.button-border.button-type-solid:hover { color: var(--navbtnstickytextcolour) !important; background: var(--navbtnstickybgcolourhover) !important; } body.button-solid-rollover-swipe.nonTouchDevice .header .header-button-sticky.colour-override.button-solid:hover, body.button-solid-rollover-swipe.nonTouchDevice .header .header-button-sticky.colour-override.button-border.button-type-solid:hover { color: var(--navbtnstickytextcolour) !important; background: var(--navbtnstickybgcolour) !important; } .header .header-button-sticky.colour-override.button-border, .header .header-button-sticky.colour-override.button-solid.button-type-border { color: var(--navbtnstickybgcolour) !important; border-color: var(--navbtnstickybgcolour) !important; background: transparent !important; } .header .header-button-sticky.colour-override.button-border:before, .header .header-button-sticky.colour-override.button-solid.button-type-border:before { background: var(--navbtnstickybgcolourhover) !important; } body.button-border-rollover-outline.nonTouchDevice .header .header-button-sticky.colour-override.button-border:hover, body.button-border-rollover-outline.nonTouchDevice .header .header-button-sticky.colour-override.button-solid.button-type-border:hover { color: var(--navbtnstickybgcolourhover) !important; border-color: var(--navbtnstickybgcolourhover) !important; background: transparent !important; } body.button-border-rollover-fill.nonTouchDevice .header .header-button-sticky.colour-override.button-border:hover, body.button-border-rollover-fill.nonTouchDevice .header .header-button-sticky.colour-override.button-solid.button-type-border:hover { color: var(--navbtnstickytextcolour) !important; border-color: var(--navbtnstickybgcolourhover) !important; background: var(--navbtnstickybgcolourhover) !important; } body.button-border-rollover-swipe.nonTouchDevice .header .header-button-sticky.colour-override.button-border:hover, body.button-border-rollover-swipe.nonTouchDevice .header .header-button-sticky.colour-override.button-solid.button-type-border:hover { color: var(--navbtnstickytextcolour) !important; border-color: var(--navbtnstickybgcolourhover) !important; background: transparent !important; } .header .burger-menu-btn { position: relative; overflow: hidden; display: flex; align-items: center; justify-content: center; width: 30px; height: 30px; border: var(--buttonborderwidth) solid transparent; } @media (max-width: 1199px) { .header .burger-menu-btn { width: 50px; height: 50px; } } .header .burger-menu-btn .hamburger { width: 34px; height: 30px; cursor: pointer; z-index: 1; position: relative; -webkit-tap-highlight-color: transparent; pointer-events: none; } @media (max-width: 767px) { .header .burger-menu-btn .hamburger { width: 25px; height: 23px; } } .header .burger-menu-btn .hamburger-line { height: 3px; position: absolute; right: 0; left: 0; background: var(--menustextcolour); transition: all 0.25s cubic-bezier(0.63, 0.29, 0.17, 1.345); -webkit-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } @media (max-width: 767px) { .header .burger-menu-btn .hamburger-line { height: 2px; } } .header .burger-menu-btn .hamburger-line-top { top: 0; transition: all 0.25s cubic-bezier(0.63, 0.29, 0.17, 1.345); } .header .burger-menu-btn .hamburger-line-middle { top: 9px; transition: all 0.25s cubic-bezier(0.63, 0.29, 0.17, 1.345); } @media (max-width: 767px) { .header .burger-menu-btn .hamburger-line-middle { top: 7px; } } .header .burger-menu-btn .hamburger-line-middle-two { top: 18px; transition: all 0.25s cubic-bezier(0.63, 0.29, 0.17, 1.345); } @media (max-width: 767px) { .header .burger-menu-btn .hamburger-line-middle-two { top: 14px; } } .header .burger-menu-btn .hamburger-line-bottom { bottom: 0; transition: all 0.25s cubic-bezier(0.63, 0.29, 0.17, 1.345); } .header .burger-menu-btn:before { content: ''; z-index: 0; position: absolute; left: 0; top: 0; right: 100%; bottom: 0; transition: all 0.4s cubic-bezier(0.75, 0, 0.2, 1); background: var(--buttonhovercolour); } body.nonTouchDevice .header .burger-menu-btn:hover .hamburger-line-top { right: 18px; } body.nonTouchDevice .header .burger-menu-btn:hover .hamburger-line-middle { right: 12px; } body.nonTouchDevice .header .burger-menu-btn:hover .hamburger-line-middle-two { right: 6px; } .header .burger-menu-btn--round { border-radius: 50% !important; } .header .burger-menu-btn--straight { border-radius: 0 !important; } .header .burger-menu-btn.burger-button-shape-round { border-radius: 50% !important; } .header .burger-menu-btn.burger-button-shape-straight { border-radius: 0 !important; } .header:not(.header-style-two) .burger-menu-btn.burger-menu-btn--solid, .header:not(.header-style-two) .burger-menu-btn.burger-menu-btn--border.burger-button-type-solid { border-width: 0 !important; background: var(--buttoncolour) !important; } .header:not(.header-style-two) .burger-menu-btn.burger-menu-btn--solid .hamburger-line, .header:not(.header-style-two) .burger-menu-btn.burger-menu-btn--border.burger-button-type-solid .hamburger-line { background: var(--buttontextcolour) !important; } body.button-solid-rollover-fill.nonTouchDevice .header:not(.header-style-two) .burger-menu-btn.burger-menu-btn--solid:hover, body.button-solid-rollover-fill.nonTouchDevice .header:not(.header-style-two) .burger-menu-btn.burger-menu-btn--border.burger-button-type-solid:hover { background: var(--buttonhovercolour) !important; } body.button-solid-rollover-fill.nonTouchDevice .header:not(.header-style-two) .burger-menu-btn.burger-menu-btn--solid:hover:before, body.button-solid-rollover-fill.nonTouchDevice .header:not(.header-style-two) .burger-menu-btn.burger-menu-btn--border.burger-button-type-solid:hover:before { right: 100% !important; } body.button-solid-rollover-fill.nonTouchDevice .header:not(.header-style-two) .burger-menu-btn.burger-menu-btn--solid:hover .hamburger-line, body.button-solid-rollover-fill.nonTouchDevice .header:not(.header-style-two) .burger-menu-btn.burger-menu-btn--border.burger-button-type-solid:hover .hamburger-line { background: var(--buttontextcolour) !important; } body.button-solid-rollover-swipe.nonTouchDevice .header:not(.header-style-two) .burger-menu-btn.burger-menu-btn--solid:hover, body.button-solid-rollover-swipe.nonTouchDevice .header:not(.header-style-two) .burger-menu-btn.burger-menu-btn--border.burger-button-type-solid:hover { background: var(--buttoncolour) !important; } body.button-solid-rollover-swipe.nonTouchDevice .header:not(.header-style-two) .burger-menu-btn.burger-menu-btn--solid:hover:before, body.button-solid-rollover-swipe.nonTouchDevice .header:not(.header-style-two) .burger-menu-btn.burger-menu-btn--border.burger-button-type-solid:hover:before { right: 0 !important; } .header:not(.header-style-two) .burger-menu-btn.burger-menu-btn--border, .header:not(.header-style-two) .burger-menu-btn.burger-menu-btn--solid.burger-button-type-border { border-style: solid !important; border-width: var(--buttonborderwidth) !important; border-color: var(--buttoncolour) !important; background: transparent !important; } .header:not(.header-style-two) .burger-menu-btn.burger-menu-btn--border .hamburger-line, .header:not(.header-style-two) .burger-menu-btn.burger-menu-btn--solid.burger-button-type-border .hamburger-line { background: var(--buttoncolour) !important; } body.button-border-rollover-outline.nonTouchDevice .header:not(.header-style-two) .burger-menu-btn.burger-menu-btn--border:hover, body.button-border-rollover-outline.nonTouchDevice .header:not(.header-style-two) .burger-menu-btn.burger-menu-btn--solid.burger-button-type-border:hover { border-color: var(--buttonhovercolour) !important; background: transparent !important; } body.button-border-rollover-outline.nonTouchDevice .header:not(.header-style-two) .burger-menu-btn.burger-menu-btn--border:hover:before, body.button-border-rollover-outline.nonTouchDevice .header:not(.header-style-two) .burger-menu-btn.burger-menu-btn--solid.burger-button-type-border:hover:before { right: 100% !important; } body.button-border-rollover-outline.nonTouchDevice .header:not(.header-style-two) .burger-menu-btn.burger-menu-btn--border:hover .hamburger-line, body.button-border-rollover-outline.nonTouchDevice .header:not(.header-style-two) .burger-menu-btn.burger-menu-btn--solid.burger-button-type-border:hover .hamburger-line { background: var(--buttonhovercolour) !important; } body.button-border-rollover-fill.nonTouchDevice .header:not(.header-style-two) .burger-menu-btn.burger-menu-btn--border:hover, body.button-border-rollover-fill.nonTouchDevice .header:not(.header-style-two) .burger-menu-btn.burger-menu-btn--solid.burger-button-type-border:hover { border-color: var(--buttonhovercolour) !important; background: var(--buttonhovercolour) !important; } body.button-border-rollover-fill.nonTouchDevice .header:not(.header-style-two) .burger-menu-btn.burger-menu-btn--border:hover:before, body.button-border-rollover-fill.nonTouchDevice .header:not(.header-style-two) .burger-menu-btn.burger-menu-btn--solid.burger-button-type-border:hover:before { right: 100% !important; } body.button-border-rollover-fill.nonTouchDevice .header:not(.header-style-two) .burger-menu-btn.burger-menu-btn--border:hover .hamburger-line, body.button-border-rollover-fill.nonTouchDevice .header:not(.header-style-two) .burger-menu-btn.burger-menu-btn--solid.burger-button-type-border:hover .hamburger-line { background: var(--buttontextcolour) !important; } body.button-border-rollover-swipe.nonTouchDevice .header:not(.header-style-two) .burger-menu-btn.burger-menu-btn--border:hover, body.button-border-rollover-swipe.nonTouchDevice .header:not(.header-style-two) .burger-menu-btn.burger-menu-btn--solid.burger-button-type-border:hover { border-color: var(--buttonhovercolour) !important; background: transparent !important; } body.button-border-rollover-swipe.nonTouchDevice .header:not(.header-style-two) .burger-menu-btn.burger-menu-btn--border:hover .hamburger-line, body.button-border-rollover-swipe.nonTouchDevice .header:not(.header-style-two) .burger-menu-btn.burger-menu-btn--solid.burger-button-type-border:hover .hamburger-line { background: var(--buttontextcolour) !important; } body.button-border-rollover-swipe.nonTouchDevice .header:not(.header-style-two) .burger-menu-btn.burger-menu-btn--border:hover:before, body.button-border-rollover-swipe.nonTouchDevice .header:not(.header-style-two) .burger-menu-btn.burger-menu-btn--solid.burger-button-type-border:hover:before { right: 0 !important; } .header:not(.header-style-two) .burger-menu-btn.burger-button-colour-override.burger-menu-btn--solid, .header:not(.header-style-two) .burger-menu-btn.burger-button-colour-override.burger-menu-btn--border.burger-button-type-solid { background: var(--burgerbtnbgcolour) !important; } .header:not(.header-style-two) .burger-menu-btn.burger-button-colour-override.burger-menu-btn--solid .hamburger-line, .header:not(.header-style-two) .burger-menu-btn.burger-button-colour-override.burger-menu-btn--border.burger-button-type-solid .hamburger-line { background: var(--burgerbtnhamburgercolour) !important; } .header:not(.header-style-two) .burger-menu-btn.burger-button-colour-override.burger-menu-btn--solid:before, .header:not(.header-style-two) .burger-menu-btn.burger-button-colour-override.burger-menu-btn--border.burger-button-type-solid:before { background: var(--burgerbtnbgcolourhover) !important; } body.button-solid-rollover-fill.nonTouchDevice .header:not(.header-style-two) .burger-menu-btn.burger-button-colour-override.burger-menu-btn--solid:hover, body.button-solid-rollover-fill.nonTouchDevice .header:not(.header-style-two) .burger-menu-btn.burger-button-colour-override.burger-menu-btn--border.burger-button-type-solid:hover { background: var(--burgerbtnbgcolourhover) !important; } body.button-solid-rollover-fill.nonTouchDevice .header:not(.header-style-two) .burger-menu-btn.burger-button-colour-override.burger-menu-btn--solid:hover .hamburger-line, body.button-solid-rollover-fill.nonTouchDevice .header:not(.header-style-two) .burger-menu-btn.burger-button-colour-override.burger-menu-btn--border.burger-button-type-solid:hover .hamburger-line { background: var(--burgerbtnhamburgercolour) !important; } body.button-solid-rollover-swipe.nonTouchDevice .header:not(.header-style-two) .burger-menu-btn.burger-button-colour-override.burger-menu-btn--solid:hover, body.button-solid-rollover-swipe.nonTouchDevice .header:not(.header-style-two) .burger-menu-btn.burger-button-colour-override.burger-menu-btn--border.burger-button-type-solid:hover { background: var(--burgerbtnbgcolour) !important; } body.button-solid-rollover-swipe.nonTouchDevice .header:not(.header-style-two) .burger-menu-btn.burger-button-colour-override.burger-menu-btn--solid:hover .hamburger-line, body.button-solid-rollover-swipe.nonTouchDevice .header:not(.header-style-two) .burger-menu-btn.burger-button-colour-override.burger-menu-btn--border.burger-button-type-solid:hover .hamburger-line { background: var(--burgerbtnhamburgercolour) !important; } .header:not(.header-style-two) .burger-menu-btn.burger-button-colour-override.burger-menu-btn--border, .header:not(.header-style-two) .burger-menu-btn.burger-button-colour-override.burger-menu-btn--solid.burger-button-type-border { border-color: var(--burgerbtnbgcolour) !important; background: transparent !important; } .header:not(.header-style-two) .burger-menu-btn.burger-button-colour-override.burger-menu-btn--border .hamburger-line, .header:not(.header-style-two) .burger-menu-btn.burger-button-colour-override.burger-menu-btn--solid.burger-button-type-border .hamburger-line { background: var(--burgerbtnbgcolour) !important; } .header:not(.header-style-two) .burger-menu-btn.burger-button-colour-override.burger-menu-btn--border:before, .header:not(.header-style-two) .burger-menu-btn.burger-button-colour-override.burger-menu-btn--solid.burger-button-type-border:before { background: var(--burgerbtnbgcolourhover) !important; } body.button-border-rollover-outline.nonTouchDevice .header:not(.header-style-two) .burger-menu-btn.burger-button-colour-override.burger-menu-btn--border:hover, body.button-border-rollover-outline.nonTouchDevice .header:not(.header-style-two) .burger-menu-btn.burger-button-colour-override.burger-menu-btn--solid.burger-button-type-border:hover { border-color: var(--burgerbtnbgcolourhover) !important; background: transparent !important; } body.button-border-rollover-outline.nonTouchDevice .header:not(.header-style-two) .burger-menu-btn.burger-button-colour-override.burger-menu-btn--border:hover .hamburger-line, body.button-border-rollover-outline.nonTouchDevice .header:not(.header-style-two) .burger-menu-btn.burger-button-colour-override.burger-menu-btn--solid.burger-button-type-border:hover .hamburger-line { background: var(--burgerbtnbgcolourhover) !important; } body.button-border-rollover-fill.nonTouchDevice .header:not(.header-style-two) .burger-menu-btn.burger-button-colour-override.burger-menu-btn--border:hover, body.button-border-rollover-fill.nonTouchDevice .header:not(.header-style-two) .burger-menu-btn.burger-button-colour-override.burger-menu-btn--solid.burger-button-type-border:hover { border-color: var(--burgerbtnbgcolourhover) !important; background: var(--burgerbtnbgcolourhover) !important; } body.button-border-rollover-fill.nonTouchDevice .header:not(.header-style-two) .burger-menu-btn.burger-button-colour-override.burger-menu-btn--border:hover .hamburger-line, body.button-border-rollover-fill.nonTouchDevice .header:not(.header-style-two) .burger-menu-btn.burger-button-colour-override.burger-menu-btn--solid.burger-button-type-border:hover .hamburger-line { background: var(--burgerbtnhamburgercolour) !important; } body.button-border-rollover-swipe.nonTouchDevice .header:not(.header-style-two) .burger-menu-btn.burger-button-colour-override.burger-menu-btn--border:hover, body.button-border-rollover-swipe.nonTouchDevice .header:not(.header-style-two) .burger-menu-btn.burger-button-colour-override.burger-menu-btn--solid.burger-button-type-border:hover { border-color: var(--burgerbtnbgcolourhover) !important; background: transparent !important; } body.button-border-rollover-swipe.nonTouchDevice .header:not(.header-style-two) .burger-menu-btn.burger-button-colour-override.burger-menu-btn--border:hover .hamburger-line, body.button-border-rollover-swipe.nonTouchDevice .header:not(.header-style-two) .burger-menu-btn.burger-button-colour-override.burger-menu-btn--solid.burger-button-type-border:hover .hamburger-line { background: var(--burgerbtnhamburgercolour) !important; } @media (max-width: 991px) { .header:not(.header-style-two) .burger-menu-btn.burger-button-colour-mob-override.burger-menu-btn--solid, .header:not(.header-style-two) .burger-menu-btn.burger-button-colour-mob-override.burger-menu-btn--border.burger-button-type-solid { background: var(--burgerbtnmobbgcolour) !important; } .header:not(.header-style-two) .burger-menu-btn.burger-button-colour-mob-override.burger-menu-btn--solid .hamburger-line, .header:not(.header-style-two) .burger-menu-btn.burger-button-colour-mob-override.burger-menu-btn--border.burger-button-type-solid .hamburger-line { background: var(--burgerbtnmobhamburgercolour) !important; } .header:not(.header-style-two) .burger-menu-btn.burger-button-colour-mob-override.burger-menu-btn--solid:before, .header:not(.header-style-two) .burger-menu-btn.burger-button-colour-mob-override.burger-menu-btn--border.burger-button-type-solid:before { background: var(--burgerbtnmobbgcolourhover) !important; } body.button-solid-rollover-fill.nonTouchDevice .header:not(.header-style-two) .burger-menu-btn.burger-button-colour-mob-override.burger-menu-btn--solid:hover, body.button-solid-rollover-fill.nonTouchDevice .header:not(.header-style-two) .burger-menu-btn.burger-button-colour-mob-override.burger-menu-btn--border.burger-button-type-solid:hover { background: var(--burgerbtnmobbgcolourhover) !important; } body.button-solid-rollover-fill.nonTouchDevice .header:not(.header-style-two) .burger-menu-btn.burger-button-colour-mob-override.burger-menu-btn--solid:hover .hamburger-line, body.button-solid-rollover-fill.nonTouchDevice .header:not(.header-style-two) .burger-menu-btn.burger-button-colour-mob-override.burger-menu-btn--border.burger-button-type-solid:hover .hamburger-line { background: var(--burgerbtnmobhamburgercolour) !important; } body.button-solid-rollover-swipe.nonTouchDevice .header:not(.header-style-two) .burger-menu-btn.burger-button-colour-mob-override.burger-menu-btn--solid:hover, body.button-solid-rollover-swipe.nonTouchDevice .header:not(.header-style-two) .burger-menu-btn.burger-button-colour-mob-override.burger-menu-btn--border.burger-button-type-solid:hover { background: var(--burgerbtnmobbgcolour) !important; } body.button-solid-rollover-swipe.nonTouchDevice .header:not(.header-style-two) .burger-menu-btn.burger-button-colour-mob-override.burger-menu-btn--solid:hover .hamburger-line, body.button-solid-rollover-swipe.nonTouchDevice .header:not(.header-style-two) .burger-menu-btn.burger-button-colour-mob-override.burger-menu-btn--border.burger-button-type-solid:hover .hamburger-line { background: var(--burgerbtnmobhamburgercolour) !important; } .header:not(.header-style-two) .burger-menu-btn.burger-button-colour-mob-override.burger-menu-btn--border, .header:not(.header-style-two) .burger-menu-btn.burger-button-colour-mob-override.burger-menu-btn--solid.burger-button-type-border { border-color: var(--burgerbtnmobbgcolour) !important; background: transparent !important; } .header:not(.header-style-two) .burger-menu-btn.burger-button-colour-mob-override.burger-menu-btn--border .hamburger-line, .header:not(.header-style-two) .burger-menu-btn.burger-button-colour-mob-override.burger-menu-btn--solid.burger-button-type-border .hamburger-line { background: var(--burgerbtnmobbgcolour) !important; } .header:not(.header-style-two) .burger-menu-btn.burger-button-colour-mob-override.burger-menu-btn--border:before, .header:not(.header-style-two) .burger-menu-btn.burger-button-colour-mob-override.burger-menu-btn--solid.burger-button-type-border:before { background: var(--burgerbtnmobbgcolourhover) !important; } body.button-border-rollover-outline.nonTouchDevice .header:not(.header-style-two) .burger-menu-btn.burger-button-colour-mob-override.burger-menu-btn--border:hover, body.button-border-rollover-outline.nonTouchDevice .header:not(.header-style-two) .burger-menu-btn.burger-button-colour-mob-override.burger-menu-btn--solid.burger-button-type-border:hover { border-color: var(--burgerbtnmobbgcolourhover) !important; background: transparent !important; } body.button-border-rollover-outline.nonTouchDevice .header:not(.header-style-two) .burger-menu-btn.burger-button-colour-mob-override.burger-menu-btn--border:hover .hamburger-line, body.button-border-rollover-outline.nonTouchDevice .header:not(.header-style-two) .burger-menu-btn.burger-button-colour-mob-override.burger-menu-btn--solid.burger-button-type-border:hover .hamburger-line { background: var(--burgerbtnmobbgcolourhover) !important; } body.button-border-rollover-fill.nonTouchDevice .header:not(.header-style-two) .burger-menu-btn.burger-button-colour-mob-override.burger-menu-btn--border:hover, body.button-border-rollover-fill.nonTouchDevice .header:not(.header-style-two) .burger-menu-btn.burger-button-colour-mob-override.burger-menu-btn--solid.burger-button-type-border:hover { border-color: var(--burgerbtnmobbgcolourhover) !important; background: var(--burgerbtnmobbgcolourhover) !important; } body.button-border-rollover-fill.nonTouchDevice .header:not(.header-style-two) .burger-menu-btn.burger-button-colour-mob-override.burger-menu-btn--border:hover .hamburger-line, body.button-border-rollover-fill.nonTouchDevice .header:not(.header-style-two) .burger-menu-btn.burger-button-colour-mob-override.burger-menu-btn--solid.burger-button-type-border:hover .hamburger-line { background: var(--burgerbtnmobhamburgercolour) !important; } body.button-border-rollover-swipe.nonTouchDevice .header:not(.header-style-two) .burger-menu-btn.burger-button-colour-mob-override.burger-menu-btn--border:hover, body.button-border-rollover-swipe.nonTouchDevice .header:not(.header-style-two) .burger-menu-btn.burger-button-colour-mob-override.burger-menu-btn--solid.burger-button-type-border:hover { border-color: var(--burgerbtnmobbgcolourhover) !important; background: transparent !important; } body.button-border-rollover-swipe.nonTouchDevice .header:not(.header-style-two) .burger-menu-btn.burger-button-colour-mob-override.burger-menu-btn--border:hover .hamburger-line, body.button-border-rollover-swipe.nonTouchDevice .header:not(.header-style-two) .burger-menu-btn.burger-button-colour-mob-override.burger-menu-btn--solid.burger-button-type-border:hover .hamburger-line { background: var(--burgerbtnmobhamburgercolour) !important; } } .header .drawer .drawer-inner { display: flex; align-items: center; } .header .drawer .main-nav { z-index: 10; } .header .drawer .main-nav > ul > li { float: left; position: relative; display: flex; /* Drodpdowns */ } .header .drawer .main-nav > ul > li > a { display: block; position: relative; padding: 25px 20px; color: var(--menustextcolour); font-family: var(--navigationfontfamily), var(--navigationfontstyle); font-size: var(--navigationfontsize); font-weight: var(--navigationfontweight); letter-spacing: var(--navigationletterspacing); text-transform: var(--navigationcase); } body.nonTouchDevice .header .drawer .main-nav > ul > li:hover > a { color: var(--navhovercolour); } .header .drawer .main-nav > ul > li .arrow-icon { display: none; } .header .drawer .main-nav > ul > li:after { content: ''; position: absolute; left: 0; right: 0; bottom: -15px; height: 15px; } .header .drawer .main-nav > ul > li ul { z-index: 3; position: absolute; top: 89px; transition: all .25s ease; visibility: hidden; opacity: 0; display: block !important; } .header .drawer .main-nav > ul > li ul li { width: 100%; } .header .drawer .main-nav > ul > li ul li a { color: var(--primarycolour); font-size: var(--dropdownfontsize); font-weight: var(--dropdownfontweight); letter-spacing: var(--dropdownletterspacing); text-transform: var(--dropdowncase); } body.nonTouchDevice .header .drawer .main-nav > ul > li ul li a:hover { color: var(--navhovercolour); } .header .drawer .main-nav > ul > li.menu-item-has-children.show ul { visibility: visible; opacity: 1; } .header .drawer .social-media li { margin-left: 20px; } .header .drawer .social-media li a .fa-icon { height: 2.6rem; } .header .drawer .social-media li a .fa-icon * { fill: var(--menustextcolour); } body.nonTouchDevice .header .drawer .social-media li a:hover .fa-icon * { fill: var(--navhovercolour); } .header.text-colour-override .drawer .main-nav > ul > li > a { color: var(--navtextcolour); } body.nonTouchDevice .header.text-colour-override .drawer .main-nav > ul > li:hover > a { color: var(--navtextcolourhover); } .header.text-colour-override .drawer .social-media li a .fa-icon * { fill: var(--navtextcolour); } body.nonTouchDevice .header.text-colour-override .drawer .social-media li a:hover .fa-icon * { fill: var(--navtextcolourhover); } body.show-dropdown-overlay .header.dropdown-top-link-colour-override .main-nav > ul > li > a { color: var(--dropdowntoplinkcolour) !important; } .header.dropdown-sub-link-colour-override .main-nav > ul > li > ul > li a { color: var(--dropdowntextcolour); } body.nonTouchDevice .header.dropdown-sub-link-colour-rollover-override .main-nav > ul > li > ul > li a:hover { color: var(--dropdownsublinkhovercolour); } .header.dropdown-style-one .main-nav > ul > li > ul { left: 20px; } .header.dropdown-style-one .main-nav > ul > li > ul li a { display: inline-block; white-space: nowrap; padding: 5px 20px; background: var(--secondarycolour); } body.solid-elements-round .header.dropdown-style-one .main-nav > ul > li > ul li a { border-radius: 10px; } .header.dropdown-style-one .main-nav > ul > li > ul li + li { margin-top: 5px; } .header.dropdown-style-one.dropdown-bg-override .main-nav > ul > li > ul li a { background: var(--dropdownbgcolour); } .header.dropdown-style-two .main-nav > ul > li > ul { left: 50%; padding: 15px 0; width: 160px; -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); background: var(--secondarycolour); } .header.dropdown-style-two .main-nav > ul > li > ul li a { display: block; text-align: center; padding: 5px 20px; } .header.dropdown-style-two .main-nav > ul > li > ul:before { content: ''; position: absolute; width: 0; height: 0; border-left: 8px solid transparent; border-right: 8px solid transparent; border-bottom: 8px solid var(--secondarycolour); top: -8px; left: 50%; -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); } body.solid-elements-round .header.dropdown-style-two .main-nav > ul > li > ul { border-radius: 20px; } .header.dropdown-style-two.dropdown-bg-override .main-nav > ul > li > ul { background: var(--dropdownbgcolour); } .header.dropdown-style-two.dropdown-bg-override .main-nav > ul > li > ul:before { border-bottom-color: var(--dropdownbgcolour); } .header.dropdown-style-three .main-nav > ul > li > ul { left: 0; top: 80px; } .header.dropdown-style-three .main-nav > ul > li > ul li a { display: block; white-space: nowrap; padding: 5px 20px; } .header.dropdown-style-three .main-nav > ul > li > ul:before { content: ''; z-index: -1; position: absolute; left: -100vw; top: -100vw; right: -100vw; bottom: -80px; background: var(--secondarycolour); } .header.dropdown-style-three.dropdown-bg-override .main-nav > ul > li > ul:before { background: var(--dropdownbgcolour); } .header.dropdown-style-three .logo, .header.dropdown-style-three .main-nav.raise, .header.dropdown-style-three .main-nav a, .header.dropdown-style-three .social-links, .header.dropdown-style-three .header-button, .header.dropdown-style-three .burger-menu-btn { z-index: 11; } .dropdown-menu-overlay { position: fixed; left: 0; top: 0; right: 0; height: 100vh; background: rgba(0, 0, 0, 0.5); pointer-events: none; z-index: -1; visibility: hidden; opacity: 0; transition: opacity .35s ease, visibility .35s ease; } .dropdown-menu-overlay.show-dropdown-overlay { visibility: visible; opacity: 1; z-index: 2; } .dropdown-menu-overlay.raise-dropdown-overlay { z-index: 2; } .dropdown-menu-overlay.background-tint-override { background: var(--dropdownbgtintcolour); } .burger-menu { position: fixed; top: 0; bottom: 0; overflow-x: hidden; overflow-y: scroll; visibility: hidden; z-index: -1; background-color: var(--menusbgcolour); scrollbar-width: thin; scrollbar-color: var(--popuphandlecolour) var(--popuptrackcolour); /* thumb and track color */ } .burger-menu::-webkit-scrollbar { width: 8px; } .burger-menu::-webkit-scrollbar-track { background: var(--popuptrackcolour); } .burger-menu::-webkit-scrollbar-thumb { background: var(--popuphandlecolour); } .burger-menu::-webkit-scrollbar-thumb:hover { background: var(--popuphandlecolourhover); } body.show-burger-menu .burger-menu { -webkit-overflow-scrolling: touch; } body.raise-burger-overlay .burger-menu { visibility: visible; z-index: 100; } @media (max-width: 991px) { .burger-menu .header-button-cta { display: block !important; } } .burger-menu .burger-nav { position: relative; } .burger-menu .burger-nav > ul + ul.secondary-nav-list, .burger-menu .burger-nav > ul + ul.social-media, .burger-menu .burger-nav > ul > li + .subtitle { margin-top: 80px !important; } .burger-menu .burger-nav > ul.quicklinks-menu + ul { margin-top: var(--burgerlinkmargin) !important; } @media (max-width: 767px) { .burger-menu .burger-nav > ul.quicklinks-menu + ul { margin-top: var(--burgerlinkmarginmob) !important; } } .burger-menu .burger-nav > ul:not(.social-media) > li { position: relative; } .burger-menu .burger-nav > ul:not(.social-media) > li + li { margin-top: var(--burgerlinkmargin); } @media (max-width: 767px) { .burger-menu .burger-nav > ul:not(.social-media) > li + li { margin-top: var(--burgerlinkmarginmob); } } .burger-menu .burger-nav > ul:not(.social-media) > li > a { display: inline-block; color: var(--menustextcolour); font-family: var(--burgerfontfamily), var(--burgerfontstyle); font-weight: var(--burgerfontweight); font-size: var(--burgerfontsize); letter-spacing: var(--burgerletterspacing); line-height: var(--burgerlineheight); text-transform: var(--burgercase); -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } @media (max-width: 767px) { .burger-menu .burger-nav > ul:not(.social-media) > li > a { font-size: var(--burgerfontsizemob); letter-spacing: var(--burgerletterspacingmob); line-height: var(--burgerlineheightmob); } } body.nonTouchDevice .burger-menu .burger-nav > ul:not(.social-media) > li > a:hover { color: var(--navhovercolour) !important; } .burger-menu .burger-nav > ul:not(.social-media) > li .arrow-icon { z-index: 2; cursor: pointer; position: absolute; top: 19px; right: 0; width: 40px; height: 40px; padding: 0 !important; transition: all .15s ease; border: var(--buttonborderwidth) solid transparent; } @media (max-width: 767px) { .burger-menu .burger-nav > ul:not(.social-media) > li .arrow-icon { top: 8px; width: 50px; height: 50px; } } .burger-menu .burger-nav > ul:not(.social-media) > li .arrow-icon .fa-icon { height: 22px; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); transition: all .05s ease; } @media (max-width: 767px) { .burger-menu .burger-nav > ul:not(.social-media) > li .arrow-icon .fa-icon { height: 28px; } } .burger-menu .burger-nav > ul:not(.social-media) > li .arrow-icon .fa-icon path { fill: var(--buttoncolour); } .burger-menu .burger-nav > ul:not(.social-media) > li .arrow-icon .fa-icon[data-icon="minus"] { opacity: 0; } body.nonTouchDevice .burger-menu .burger-nav > ul:not(.social-media) > li .arrow-icon:hover { opacity: .6; } body.buttons-round .burger-menu .burger-nav > ul:not(.social-media) > li .arrow-icon { border-radius: 50%; } body.buttons-border .burger-menu .burger-nav > ul:not(.social-media) > li .arrow-icon { border-color: var(--buttoncolour); } body.buttons-solid .burger-menu .burger-nav > ul:not(.social-media) > li .arrow-icon { background: var(--buttoncolour); } body.buttons-solid .burger-menu .burger-nav > ul:not(.social-media) > li .arrow-icon .fa-icon path { fill: var(--menusbgcolour); } .burger-menu .burger-nav > ul:not(.social-media) > li ul { display: none; } .burger-menu .burger-nav > ul:not(.social-media) > li ul li a { display: inline-block; color: var(--primarycolour); font-size: var(--burgersubfontsize); letter-spacing: var(--burgersubletterspacing); line-height: var(--burgersublineheight); -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } @media (max-width: 767px) { .burger-menu .burger-nav > ul:not(.social-media) > li ul li a { font-size: var(--burgersubfontsizemob); letter-spacing: var(--burgersubletterspacingmob); line-height: var(--burgersublineheightmob); } } body.nonTouchDevice .burger-menu .burger-nav > ul:not(.social-media) > li ul li a:hover { color: var(--navhovercolour) !important; } .burger-menu .burger-nav > ul:not(.social-media) > li ul li:first-child { margin-top: 30px; } .burger-menu .burger-nav > ul:not(.social-media) > li ul li + li { margin-top: var(--burgersubmenulinkmargin); } @media (max-width: 767px) { .burger-menu .burger-nav > ul:not(.social-media) > li ul li + li { margin-top: var(--burgersubmenulinkmarginmob); } } .burger-menu .burger-nav > ul:not(.social-media) > li.subtitle > a { padding: 0 !important; pointer-events: none !important; } .burger-menu .burger-nav > ul:not(.social-media) > li.active .arrow-icon { opacity: 1 !important; } .burger-menu .burger-nav > ul:not(.social-media) > li.active .arrow-icon .fa-icon[data-icon="plus"] { opacity: 0; } .burger-menu .burger-nav > ul:not(.social-media) > li.active .arrow-icon .fa-icon[data-icon="minus"] { opacity: 1; } .burger-menu .burger-nav > ul.secondary-nav-list li a { color: var(--buttontextcolour); font-family: var(--secondarynavigationfontfamily); font-weight: var(--secondarynavigationfontweight); font-size: var(--secondarynavigationfontsizemob); line-height: calc(var(--burgerlineheight) * 0.65); } @media (max-width: 767px) { .burger-menu .burger-nav > ul.secondary-nav-list li a { line-height: calc(var(--burgerlineheightmob) * 0.65); } } .burger-menu .burger-nav > ul.secondary-nav-list li + li { margin-top: var(--secondarynavigationlinkmargin); } @media (max-width: 767px) { .burger-menu .burger-nav > ul.secondary-nav-list li + li { margin-top: var(--secondarynavigationlinkmarginmob); } } .burger-menu .burger-nav .social-media { margin: 0 -15px; } .burger-menu .burger-nav .social-media li { margin: 0 15px; height: var(--burgerlineheight); } @media (max-width: 767px) { .burger-menu .burger-nav .social-media li { line-height: var(--burgerlineheightmob); } } .burger-menu .burger-nav .social-media li a .fa-icon { height: 2.6rem; } .burger-menu .burger-nav .social-media li a .fa-icon * { fill: var(--menustextcolour); } body.nonTouchDevice .burger-menu .burger-nav .social-media li a:hover .fa-icon * { fill: var(--navhovercolour) !important; } .burger-menu .burger-nav .nav-link { opacity: 0; -webkit-transform: translate(0, 10px); transform: translate(0, 10px); transition: all .65s ease; } body.raise-burger-overlay .burger-menu .burger-nav .nav-link { opacity: 1; -webkit-transform: translate(0, 0); transform: translate(0, 0); } body.raise-burger-overlay .burger-menu .burger-nav .nav-link.nav-link-1 { -moz-transition-delay: 0.6s; -o-transition-delay: 0.6s; -ms-transition-delay: 0.6s; -webkit-transition-delay: 0.6s; transition-delay: 0.6s; } body.raise-burger-overlay .burger-menu .burger-nav .nav-link.nav-link-2 { -moz-transition-delay: 0.7s; -o-transition-delay: 0.7s; -ms-transition-delay: 0.7s; -webkit-transition-delay: 0.7s; transition-delay: 0.7s; } body.raise-burger-overlay .burger-menu .burger-nav .nav-link.nav-link-3 { -moz-transition-delay: 0.8s; -o-transition-delay: 0.8s; -ms-transition-delay: 0.8s; -webkit-transition-delay: 0.8s; transition-delay: 0.8s; } body.raise-burger-overlay .burger-menu .burger-nav .nav-link.nav-link-4 { -moz-transition-delay: 0.9s; -o-transition-delay: 0.9s; -ms-transition-delay: 0.9s; -webkit-transition-delay: 0.9s; transition-delay: 0.9s; } body.raise-burger-overlay .burger-menu .burger-nav .nav-link.nav-link-5 { -moz-transition-delay: 1s; -o-transition-delay: 1s; -ms-transition-delay: 1s; -webkit-transition-delay: 1s; transition-delay: 1s; } body.raise-burger-overlay .burger-menu .burger-nav .nav-link.nav-link-6 { -moz-transition-delay: 1.1s; -o-transition-delay: 1.1s; -ms-transition-delay: 1.1s; -webkit-transition-delay: 1.1s; transition-delay: 1.1s; } body.raise-burger-overlay .burger-menu .burger-nav .nav-link.nav-link-7 { -moz-transition-delay: 1.2s; -o-transition-delay: 1.2s; -ms-transition-delay: 1.2s; -webkit-transition-delay: 1.2s; transition-delay: 1.2s; } body.raise-burger-overlay .burger-menu .burger-nav .nav-link.nav-link-8 { -moz-transition-delay: 1.3s; -o-transition-delay: 1.3s; -ms-transition-delay: 1.3s; -webkit-transition-delay: 1.3s; transition-delay: 1.3s; } body.raise-burger-overlay .burger-menu .burger-nav .nav-link.nav-link-9 { -moz-transition-delay: 1.4s; -o-transition-delay: 1.4s; -ms-transition-delay: 1.4s; -webkit-transition-delay: 1.4s; transition-delay: 1.4s; } body.raise-burger-overlay .burger-menu .burger-nav .nav-link.nav-link-10 { -moz-transition-delay: 1.5s; -o-transition-delay: 1.5s; -ms-transition-delay: 1.5s; -webkit-transition-delay: 1.5s; transition-delay: 1.5s; } body.raise-burger-overlay .burger-menu .burger-nav .nav-link.nav-link-11 { -moz-transition-delay: 1.6s; -o-transition-delay: 1.6s; -ms-transition-delay: 1.6s; -webkit-transition-delay: 1.6s; transition-delay: 1.6s; } body.raise-burger-overlay .burger-menu .burger-nav .nav-link.nav-link-12 { -moz-transition-delay: 1.7s; -o-transition-delay: 1.7s; -ms-transition-delay: 1.7s; -webkit-transition-delay: 1.7s; transition-delay: 1.7s; } body.raise-burger-overlay .burger-menu .burger-nav .nav-link.nav-link-13 { -moz-transition-delay: 1.8s; -o-transition-delay: 1.8s; -ms-transition-delay: 1.8s; -webkit-transition-delay: 1.8s; transition-delay: 1.8s; } body.raise-burger-overlay .burger-menu .burger-nav .nav-link.nav-link-14 { -moz-transition-delay: 1.9s; -o-transition-delay: 1.9s; -ms-transition-delay: 1.9s; -webkit-transition-delay: 1.9s; transition-delay: 1.9s; } body.raise-burger-overlay .burger-menu .burger-nav .nav-link.nav-link-15 { -moz-transition-delay: 2s; -o-transition-delay: 2s; -ms-transition-delay: 2s; -webkit-transition-delay: 2s; transition-delay: 2s; } body.raise-burger-overlay .burger-menu .burger-nav .nav-link.nav-link-16 { -moz-transition-delay: 2.1s; -o-transition-delay: 2.1s; -ms-transition-delay: 2.1s; -webkit-transition-delay: 2.1s; transition-delay: 2.1s; } body.raise-burger-overlay .burger-menu .burger-nav .nav-link.nav-link-17 { -moz-transition-delay: 2.2s; -o-transition-delay: 2.2s; -ms-transition-delay: 2.2s; -webkit-transition-delay: 2.2s; transition-delay: 2.2s; } body.raise-burger-overlay .burger-menu .burger-nav .nav-link.nav-link-18 { -moz-transition-delay: 2.3s; -o-transition-delay: 2.3s; -ms-transition-delay: 2.3s; -webkit-transition-delay: 2.3s; transition-delay: 2.3s; } body.raise-burger-overlay .burger-menu .burger-nav .nav-link.nav-link-19 { -moz-transition-delay: 2.4s; -o-transition-delay: 2.4s; -ms-transition-delay: 2.4s; -webkit-transition-delay: 2.4s; transition-delay: 2.4s; } .burger-menu-logo { position: absolute; bottom: 50px; right: 50px; } @media (max-width: 767px) { .burger-menu-logo { bottom: 25px; right: 25px; } .burger-menu-logo img { width: auto; height: var(--burgerlogoheightmob); } } .burger-menu-button { font-size: var(--burgerfontsize) !important; position: absolute; top: 50px; } @media (max-width: 767px) { .burger-menu-button { font-size: var(--burgerfontsizemob) !important; top: 25px; } } .burger-menu-style-one .burger-menu { z-index: 100; right: 0; width: 480px; -webkit-transform: translate(101%, 0); transform: translate(101%, 0); transition: transform 0.75s cubic-bezier(0.83, 0, 0.17, 1); } @media (max-width: 767px) { .burger-menu-style-one .burger-menu { left: 0; width: auto; } } body.show-burger-menu .burger-menu-style-one .burger-menu { -webkit-transform: translate(0, 0); transform: translate(0, 0); } .burger-menu-style-one .burger-menu.has-logo .burger-nav { padding-right: calc(50px + var(--burgerlogoheight) + 20px); } @media (max-width: 767px) { .burger-menu-style-one .burger-menu.has-logo .burger-nav { padding-right: calc(25px + var(--burgerlogoheightmob) + 20px); } } .burger-menu-style-one .burger-menu .burger-nav { padding: 140px 50px 50px; } @media (max-width: 767px) { .burger-menu-style-one .burger-menu .burger-nav { padding-left: 25px; padding-right: 25px; padding-bottom: 25px; } } .burger-menu-style-one .burger-menu .burger-nav > ul:not(.social-media) > li > a { margin-right: 60px; } @media (max-width: 767px) { .burger-menu-style-one .burger-menu .burger-nav > ul:not(.social-media) > li > a { margin-right: 70px; } } .burger-menu-style-one .burger-menu.no-submenus .burger-inner { display: table; width: 100%; } .burger-menu-style-one .burger-menu.no-submenus .burger-inner .burger-nav { display: table-cell; vertical-align: bottom; } .burger-menu-style-one .burger-menu-overlay { position: fixed; left: 0; top: 0; right: 0; height: 100vh; background: rgba(0, 0, 0, 0.75); pointer-events: none; z-index: -1; visibility: hidden; opacity: 0; transition: opacity .35s ease, visibility .35s ease; } body.show-burger-menu .burger-menu-style-one .burger-menu-overlay { visibility: visible; opacity: 1; z-index: 99; pointer-events: auto; } body.raise-burger-overlay .burger-menu-style-one .burger-menu-overlay { z-index: 99; } .burger-menu-style-one .burger-menu-overlay.background-tint-override { background: var(--burgerbgtintcolour); } .burger-menu-style-one .close-burger-menu-btn { width: 48px; height: 48px; background: var(--tertiarycolour); z-index: 1000; } .burger-menu-style-one .close-burger-menu-btn--left { top: 0; left: 0; } .burger-menu-style-one .close-burger-menu-btn--left + .burger-menu-button { right: 50px; } @media (max-width: 767px) { .burger-menu-style-one .close-burger-menu-btn--left + .burger-menu-button { right: 25px; } } .burger-menu-style-one .close-burger-menu-btn--right { top: 0; right: 0; } .burger-menu-style-one .close-burger-menu-btn--right + .burger-menu-button { left: 50px; } @media (max-width: 767px) { .burger-menu-style-one .close-burger-menu-btn--right + .burger-menu-button { left: 25px; } } .burger-menu-style-two .burger-menu, .burger-menu-style-three .burger-menu { left: 0; right: 0; z-index: -1; opacity: 0; visibility: hidden; transition: all .5s ease; } body.show-burger-menu .burger-menu-style-two .burger-menu, body.show-burger-menu .burger-menu-style-three .burger-menu { z-index: 100; opacity: 1; } body.raise-burger-overlay .burger-menu-style-two .burger-menu, body.raise-burger-overlay .burger-menu-style-three .burger-menu { z-index: 100; visibility: visible; } .burger-menu-style-two .burger-menu.has-logo .burger-nav, .burger-menu-style-three .burger-menu.has-logo .burger-nav { padding-right: calc(100px + var(--burgerlogoheight) + 20px); } @media (max-width: 767px) { .burger-menu-style-two .burger-menu.has-logo .burger-nav, .burger-menu-style-three .burger-menu.has-logo .burger-nav { padding-right: calc(40px + var(--burgerlogoheightmob) + 20px); } } .burger-menu-style-two .burger-menu .burger-inner, .burger-menu-style-three .burger-menu .burger-inner { display: table; width: 100%; text-align: center; } .burger-menu-style-two .burger-menu .burger-inner .burger-nav, .burger-menu-style-three .burger-menu .burger-inner .burger-nav { display: table-cell; vertical-align: middle; padding: 150px 100px; } @media (max-width: 767px) { .burger-menu-style-two .burger-menu .burger-inner .burger-nav, .burger-menu-style-three .burger-menu .burger-inner .burger-nav { padding-left: 40px; padding-right: 40px; } } .burger-menu-style-two .burger-menu .burger-inner .burger-nav > ul:not(.social-media), .burger-menu-style-three .burger-menu .burger-inner .burger-nav > ul:not(.social-media) { display: flex; flex-direction: column; align-items: center; padding-top: 0; } @media (min-width: 1200px) { .burger-menu-style-two .burger-menu .burger-inner .burger-nav > ul.quicklinks-menu, .burger-menu-style-three .burger-menu .burger-inner .burger-nav > ul.quicklinks-menu { display: none; } } .burger-menu-style-two .burger-menu .burger-inner .burger-nav > ul.social-media, .burger-menu-style-three .burger-menu .burger-inner .burger-nav > ul.social-media { display: inline-flex; } .burger-menu-style-two .burger-menu .burger-inner .burger-nav .arrow-icon, .burger-menu-style-three .burger-menu .burger-inner .burger-nav .arrow-icon { display: none !important; } .burger-menu-style-two .burger-menu .close-burger-menu-btn--left, .burger-menu-style-three .burger-menu .close-burger-menu-btn--left { top: 20px; left: 20px; } @media (max-width: 767px) { .burger-menu-style-two .burger-menu .close-burger-menu-btn--left, .burger-menu-style-three .burger-menu .close-burger-menu-btn--left { top: 10px; left: 10px; } } .burger-menu-style-two .burger-menu .close-burger-menu-btn--right, .burger-menu-style-three .burger-menu .close-burger-menu-btn--right { top: 20px; right: 20px; } @media (max-width: 767px) { .burger-menu-style-two .burger-menu .close-burger-menu-btn--right, .burger-menu-style-three .burger-menu .close-burger-menu-btn--right { top: 10px; right: 10px; } } .burger-menu-style-three .burger-menu .burger-inner .burger-nav > ul:not(.social-media) { flex-direction: row !important; flex-wrap: wrap; } @media (max-width: 1199px) { .burger-menu-style-three .burger-menu .burger-inner .burger-nav > ul:not(.social-media) { flex-direction: column !important; align-items: flex-start; } } .burger-menu-style-three .burger-menu .burger-inner .burger-nav > ul:not(.social-media) li { margin-right: 40px; } @media (max-width: 1199px) { .burger-menu-style-three .burger-menu .burger-inner .burger-nav > ul:not(.social-media) li { margin-right: 0; } } .burger-menu-style-three .burger-menu .burger-inner .burger-nav > ul.social-media { display: flex; padding-top: 0; } .burger-menu-style-three .burger-menu .burger-inner .burger-nav > ul.social-media li { margin-right: 20px; } .burger-menu.bg-colour-override { background-color: var(--burgerbgcolour); } body.buttons-solid .burger-menu.bg-colour-override .arrow-icon .fa-icon path { fill: var(--burgerbgcolour) !important; } .burger-menu.link-colour-override .burger-nav > ul > li > a { color: var(--burgerlinkcolour) !important; } body.nonTouchDevice .burger-menu.link-colour-override .burger-nav > ul > li > a:hover { color: var(--burgerlinkcolourhover) !important; } .burger-menu.subtitle-colour-override .burger-nav > ul > li.subtitle > a { color: var(--burgersubtitlecolour) !important; } .burger-menu.submenu-colour-override .burger-nav ul ul li a { color: var(--burgersubmenulinkcolour) !important; } body.nonTouchDevice .burger-menu.submenu-colour-override .burger-nav ul ul li a:hover { color: var(--burgersubmenulinkcolourhover) !important; } .burger-menu.secondary-link-colour-override .burger-nav > ul.secondary-nav-list li a { color: var(--secondarynavigationlinkcolourmob) !important; } body.nonTouchDevice .burger-menu.secondary-link-colour-override .burger-nav > ul.secondary-nav-list li a:hover { color: var(--secondarynavigationlinkcolourmobhover) !important; } .burger-menu.social-icon-colour-override .social-media li a .fa-icon * { fill: var(--burgersocialiconcolour) !important; } body.nonTouchDevice .burger-menu.social-icon-colour-override .social-media li a:hover .fa-icon * { fill: var(--burgersocialiconcolourhover) !important; } body.buttons-border .burger-menu.icon-colour-override .burger-nav .arrow-icon, body.buttons-solid .burger-menu.icon-colour-override.icon-type-border .burger-nav .arrow-icon { background: transparent !important; border-color: var(--burgericoncolour) !important; } body.buttons-border .burger-menu.icon-colour-override .burger-nav .arrow-icon .fa-icon path, body.buttons-solid .burger-menu.icon-colour-override.icon-type-border .burger-nav .arrow-icon .fa-icon path { fill: var(--burgericoncolour) !important; } body.buttons-solid .burger-menu.icon-colour-override .burger-nav .arrow-icon, body.buttons-border .burger-menu.icon-colour-override.icon-type-solid .burger-nav .arrow-icon { background: var(--burgericoncolour) !important; } body.buttons-solid .burger-menu.icon-colour-override .burger-nav .arrow-icon .fa-icon path, body.buttons-border .burger-menu.icon-colour-override.icon-type-solid .burger-nav .arrow-icon .fa-icon path { fill: var(--menusbgcolour) !important; } .burger-menu.icon-shape-round .burger-nav .arrow-icon { border-radius: 50% !important; } .burger-menu.icon-shape-straight .burger-nav .arrow-icon { border-radius: 0 !important; } .burger-menu.icon-type-solid .burger-nav .arrow-icon { background: var(--buttoncolour) !important; } .burger-menu.icon-type-solid .burger-nav .arrow-icon .fa-icon path { fill: var(--menusbgcolour) !important; } .burger-menu.icon-type-border .burger-nav .arrow-icon { background: transparent !important; border-color: var(--buttoncolour) !important; } .burger-menu.icon-type-border .burger-nav .arrow-icon .fa-icon path { fill: var(--buttoncolour) !important; } .burger-menu.icon-position-override .burger-nav .arrow-icon { top: var(--burgericonposition) !important; } @media (max-width: 767px) { .burger-menu.icon-position-override .burger-nav .arrow-icon { top: var(--burgericonpositionmob) !important; } } .burger-menu.close-colour-override .close-burger-menu-btn svg path { fill: var(--burgercloseiconcolour) !important; } .close-burger-menu-btn { display: flex; align-items: center; justify-content: center; position: absolute; width: 30px; height: 30px; } @media (max-width: 767px) { .close-burger-menu-btn { width: 50px; height: 50px; } } .close-burger-menu-btn svg { height: 28px; } .close-burger-menu-btn svg path { fill: var(--buttoncolour); } body.nonTouchDevice .close-burger-menu-btn:hover { opacity: .6; } .footer { position: relative; overflow: hidden; background: var(--menusbgcolour); } .footer ul { margin: 0; padding: 0; list-style: none; } .footer p, .footer p a, .footer li a, .footer .text { color: var(--menustextcolour); } body.nonTouchDevice .footer p a:hover, body.nonTouchDevice .footer li a:hover { color: var(--navhovercolour); opacity: .5; } .footer p + p { margin-top: 15px !important; } @media (max-width: 767px) { .footer p + p { margin-top: 20px !important; } } .footer .subtitle a { pointer-events: none !important; } .footer .social-media { margin-right: -10px; } .footer .social-media li { margin: 0 10px; } @media (max-width: 991px) { .footer .social-media li { margin: 0 30px 0 0; } } .footer .social-media li a svg { height: 1.4rem; } @media (max-width: 991px) { .footer .social-media li a svg { height: 2.2rem; } } .footer .social-media li a svg path { fill: var(--menustextcolour); } body.nonTouchDevice .footer .social-media li a:hover svg path { fill: var(--navhovercolour); } @media (max-width: 991px) { .footer .copyright-info div { display: flex; width: 100%; } } .footer .copyright-info div + div { margin-left: 40px; } @media (max-width: 991px) { .footer .copyright-info div + div { margin-left: 0; margin-top: 15px; } } .footer .totem-logo a { display: flex; } .footer .totem-logo a svg { margin-left: 10px; } .footer .totem-logo a svg path { fill: var(--menustextcolour); } body.nonTouchDevice .footer .totem-logo a:hover { opacity: .5; } .footer .footer-reg { margin: 0 -10px; } @media (max-width: 991px) { .footer .footer-reg { margin: 0; } } .footer .footer-reg div { margin: 0 10px; font-size: calc(var(--bodyfontsize) * var(--footerregaddressfontsize)); line-height: calc(var(--bodylineheight) * var(--footerregaddressfontsize)); } @media (max-width: 991px) { .footer .footer-reg div { margin: 0; width: 100%; display: block; } .footer .footer-reg div + div { margin-top: 15px; } } .footer .footer-reg div p { color: var(--primarycolour); } .footer.bg-colour-override { background: var(--footerbgcolour); } .footer.text-colour-override .text { color: var(--footertextcolour); } .footer.text-colour-override .text svg path { fill: var(--footertextcolour) !important; } .footer.quicklinks-colour-override nav a { color: var(--footerquicklinkscolour); } body.nonTouchDevice .footer.quicklinks-colour-override nav a:hover { color: var(--footerquicklinkscolourhover); } .footer.address-colour-override .footer-address p, .footer.address-colour-override .footer-address a { color: var(--footeraddresscolour); } .footer.socials-colour-override .social-media li a svg path { fill: var(--footersocialiconcolour); } body.nonTouchDevice .footer.socials-colour-override .social-media li a:hover svg path { fill: var(--footersocialiconcolourhover); } .footer.button-links-colour-override .footer-buttons li a { color: var(--footerbtnlinkscolour); } body.nonTouchDevice .footer.button-links-colour-override .footer-buttons li a:hover { color: var(--footerbtnlinkscolourhover); } .footer.registered-address-colour-override .footer-reg div p, .footer.registered-address-colour-override .footer-reg div p a { color: var(--footerregaddresscolour); } body.nonTouchDevice .footer.registered-address-colour-override .footer-reg div p a:hover { color: var(--colorlighthover); } .footer-light { background: var(--secondarycolour) !important; } .footer-light nav a, .footer-light .footer-reg div p, .footer-light .footer-reg div p a { color: var(--bodycolour) !important; } .footer-light .footer-logo img { filter: invert(1); } .multi-banner { z-index: 1; position: relative; overflow: hidden; background: var(--imgfallbackcolour); } .multi-banner .slide:not(.slick-active) { transition-delay: 500ms !important; } .multi-banner .slide-1 .image-tint:after { opacity: var(--tintopacity-1); } .multi-banner .slide-2 .image-tint:after { opacity: var(--tintopacity-2); } .multi-banner .slide-3 .image-tint:after { opacity: var(--tintopacity-3); } .multi-banner .slide-4 .image-tint:after { opacity: var(--tintopacity-4); } .multi-banner .slide-5 .image-tint:after { opacity: var(--tintopacity-5); } .multi-banner .slide-6 .image-tint:after { opacity: var(--tintopacity-6); } .multi-banner .slide-7 .image-tint:after { opacity: var(--tintopacity-7); } .multi-banner .slide-8 .image-tint:after { opacity: var(--tintopacity-8); } .multi-banner .slide-9 .image-tint:after { opacity: var(--tintopacity-9); } .multi-banner .text .text-inner { width: 100%; } .multi-banner .text .text-inner h1, .multi-banner .text .text-inner h1 span { color: var(--headertitlecolour); } .multi-banner .text .text-inner-sml { max-width: 800px; } .multi-banner .text .text-inner-med { max-width: 960px; } .multi-banner .text .text-inner-lrg { max-width: 1280px; } .multi-banner .text .text-inner.text-center { margin: 0 auto; } .multi-banner .image-placeholder { z-index: 0; } .multi-banner .image-placeholder:after { content: none; } .multi-banner .scroll-down-link { z-index: 4; position: absolute; } .multi-banner .scroll-down-link .fa-icon * { fill: var(--buttoncolour); } .multi-banner .scroll-down-link--btn { overflow: hidden; bottom: 80px; right: 80px; width: 30px; height: 30px; border: var(--buttonborderwidth) solid var(--buttoncolour); } .multi-banner .scroll-down-link--btn .fa-icon { transition: all .25s ease; } .multi-banner .scroll-down-link--btn .fa-icon.icon-hover { opacity: 0; position: absolute; -webkit-transform: translate(0, -30px); transform: translate(0, -30px); } body.nonTouchDevice .multi-banner .scroll-down-link--btn:hover .fa-icon.icon-hover { -webkit-transform: translate(0, 0); transform: translate(0, 0); opacity: 1; } body.nonTouchDevice .multi-banner .scroll-down-link--btn:hover .fa-icon.icon-default { -webkit-transform: translate(0, 30px); transform: translate(0, 30px); opacity: 0; } body.buttons-round .multi-banner .scroll-down-link--btn { border-radius: 50%; } .multi-banner .scroll-down-link--text { bottom: 40px; left: 50%; -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); font-size: 1.4rem; color: var(--headertitlecolour); } .multi-banner .scroll-down-link--text .subtitle { color: var(--headertitlecolour); } .multi-banner .scroll-down-link--text span { transition: all .25s ease; } .multi-banner .scroll-down-link--text .fa-icon { margin-top: 10px; transition: all .25s ease; } body.nonTouchDevice .multi-banner .scroll-down-link--text:hover span { opacity: .5; } body.nonTouchDevice .multi-banner .scroll-down-link--text:hover .fa-icon { -webkit-transform: translate(0, 15px); transform: translate(0, 15px); } .multi-banner--fullscreen-left .text, .multi-banner--fullscreen-center .text, .multi-banner--fullscreen-logo .text { z-index: 3; position: absolute; left: 0; right: 0; bottom: 50%; -webkit-transform: translate(0, 50%); transform: translate(0, 50%); padding: 80px; } @media (min-width: 768px) and (max-width: 1199px) { .multi-banner--fullscreen-left .text, .multi-banner--fullscreen-center .text, .multi-banner--fullscreen-logo .text { padding-left: 100px; padding-right: 100px; } } @media (max-width: 767px) { .multi-banner--fullscreen-left .text, .multi-banner--fullscreen-center .text, .multi-banner--fullscreen-logo .text { padding: 60px 25px; } } .multi-banner--fullscreen-left .text .subtitle, .multi-banner--fullscreen-center .text .subtitle, .multi-banner--fullscreen-logo .text .subtitle { color: var(--headertitlecolour); } .multi-banner--fullscreen-logo .text .logo, .multi-banner--fullscreen-split .text .logo { margin: 0 auto; height: var(--bannerlogoheight); } @media (max-width: 767px) { .multi-banner--fullscreen-logo .text .logo, .multi-banner--fullscreen-split .text .logo { height: var(--bannerlogoheightmob); } } .multi-banner--fullscreen-logo .text .logo img, .multi-banner--fullscreen-split .text .logo img { display: block; object-fit: contain; width: 100%; height: var(--bannerlogoheight); } @media (max-width: 767px) { .multi-banner--fullscreen-logo .text .logo img, .multi-banner--fullscreen-split .text .logo img { height: var(--bannerlogoheightmob); } } .multi-banner--fullscreen-logo .text .logo + *, .multi-banner--fullscreen-split .text .logo + * { margin-top: var(--bannerlogomargin) !important; } @media (max-width: 767px) { .multi-banner--fullscreen-logo .text .logo + *, .multi-banner--fullscreen-split .text .logo + * { margin-top: var(--bannerlogomarginmob) !important; } } .multi-banner--fullscreen-left .text { bottom: 0; -webkit-transform: translate(0, 0); transform: translate(0, 0); } .multi-banner--fullscreen-center .text .text-inner { margin: 0 auto; } .multi-banner--fullscreen-center.header-background-1 .text .text-inner { margin-top: 50px; } .multi-banner--fullscreen-logo .text .text-inner { margin: 0 auto; } .multi-banner--fullscreen-logo .text .logo-fullwidth { height: auto; width: 100%; } .multi-banner--fullscreen-logo .text .logo-fullwidth img { height: auto; } .multi-banner--fullscreen-logo .text-end { bottom: 0; -webkit-transform: translate(0, 0); transform: translate(0, 0); } @media (min-width: 992px) { .multi-banner--fullscreen-logo .text-end.has-scroll-link { padding-bottom: 160px; } } .multi-banner--fullscreen-split { display: flex; } @media (max-width: 991px) { .multi-banner--fullscreen-split { flex-direction: column; } } .multi-banner--fullscreen-split .slider { flex: 1; } @media (max-width: 767px) { .multi-banner--fullscreen-split .slider { min-height: 100vw !important; } } .multi-banner--fullscreen-split .slider .slick-list { position: absolute; left: 0; top: 0; right: 0; bottom: 0; } .multi-banner--fullscreen-split .slider .slick-list .slick-track { height: 100%; } .multi-banner--fullscreen-split .slider .slick-list .slick-track .slide { height: 100% !important; min-height: 0 !important; } .multi-banner--fullscreen-split .text { width: 50%; padding: 80px 100px; background: var(--primarycolour); } @media (min-width: 768px) and (max-width: 1199px) { .multi-banner--fullscreen-split .text { padding-left: 100px; padding-right: 100px; } } @media (max-width: 991px) { .multi-banner--fullscreen-split .text { width: 100%; padding-top: 220px; } } @media (max-width: 767px) { .multi-banner--fullscreen-split .text { padding: 140px 25px 60px; } } @media (min-width: 992px) and (max-width: 1199px) { .multi-banner--fullscreen-split .text .text-inner h1 { font-size: var(--h2fontsize); line-height: var(--h2lineheight); letter-spacing: var(--h2letterspacing); } } .multi-banner--fullscreen-split .text .text-inner.text-left .logo img { object-position: left; } .multi-banner--fullscreen-split.panel-override .text { background: var(--bannerpanelcolour); } .multi-banner--short .slider, .multi-banner--short .slick-list { position: absolute; left: 0; top: 0; right: 0; bottom: 0; } .multi-banner--short .slider .slick-track, .multi-banner--short .slick-list .slick-track { height: 100%; } .multi-banner--short .text { z-index: 3; position: relative; min-height: var(--shortbannerminheight); padding: 40px 100px 100px; } @media (min-width: 768px) and (max-width: 1199px) { .multi-banner--short .text { padding-left: 100px; padding-right: 100px; } } @media (max-width: 767px) { .multi-banner--short .text { min-height: var(--shortbannerminheightmob); padding: 30px 25px 60px; } } .multi-banner--short .animate-layer { transform: none !important; } .multi-banner--short-blank { height: var(--shortbannerblankheight); } @media (max-width: 767px) { .multi-banner--short-blank { height: var(--shortbannerblankheightmob); } } .multi-banner.subtitle-colour-override .subtitle { color: var(--bannersubtitlecolour); } .multi-banner.title-colour-override h1, .multi-banner.title-colour-override h1 span { color: var(--bannertitlecolour) !important; } .multi-banner.button-shape-round .button { border-radius: var(--buttonborderradius) !important; } .multi-banner.button-shape-straight .button { border-radius: 0 !important; } .multi-banner.button-colour-override .button-solid, .multi-banner.button-colour-override.button-type-solid .button { color: var(--bannerbtntextcolour) !important; background: var(--bannerbtnbgcolour) !important; } .multi-banner.button-colour-override .button-solid:before, .multi-banner.button-colour-override.button-type-solid .button:before { background: var(--bannerbtnbgcolourhover) !important; } body.button-solid-rollover-fill.nonTouchDevice .multi-banner.button-colour-override .button-solid:hover, body.button-solid-rollover-fill.nonTouchDevice .multi-banner.button-colour-override.button-type-solid .button:hover { color: var(--bannerbtntextcolour) !important; background: var(--bannerbtnbgcolourhover) !important; } body.button-solid-rollover-swipe.nonTouchDevice .multi-banner.button-colour-override .button-solid:hover, body.button-solid-rollover-swipe.nonTouchDevice .multi-banner.button-colour-override.button-type-solid .button:hover { color: var(--bannerbtntextcolour) !important; background: var(--bannerbtnbgcolour) !important; } .multi-banner.button-colour-override .button-border, .multi-banner.button-colour-override.button-type-border .button { color: var(--bannerbtnbgcolour) !important; border-color: var(--bannerbtnbgcolour) !important; background: transparent !important; } .multi-banner.button-colour-override .button-border:before, .multi-banner.button-colour-override.button-type-border .button:before { background: var(--bannerbtnbgcolourhover) !important; } body.button-border-rollover-outline.nonTouchDevice .multi-banner.button-colour-override .button-border:hover, body.button-border-rollover-outline.nonTouchDevice .multi-banner.button-colour-override.button-type-border .button:hover { color: var(--bannerbtnbgcolourhover) !important; border-color: var(--bannerbtnbgcolourhover) !important; background: transparent !important; } body.button-border-rollover-fill.nonTouchDevice .multi-banner.button-colour-override .button-border:hover, body.button-border-rollover-fill.nonTouchDevice .multi-banner.button-colour-override.button-type-border .button:hover { color: var(--bannerbtntextcolour) !important; border-color: var(--bannerbtnbgcolourhover) !important; background: var(--bannerbtnbgcolourhover) !important; } body.button-border-rollover-swipe.nonTouchDevice .multi-banner.button-colour-override .button-border:hover, body.button-border-rollover-swipe.nonTouchDevice .multi-banner.button-colour-override.button-type-border .button:hover { color: var(--bannerbtntextcolour) !important; border-color: var(--bannerbtnbgcolourhover) !important; background: transparent !important; } .multi-banner.scroll-text-colour-override .scroll-down-link--text { color: var(--bannerscrollbtntextcolour) !important; } .multi-banner.scroll-arrow-colour-override .scroll-down-link .fa-icon * { fill: var(--bannerscrollbtnarrowcolour) !important; } .multi-banner.scroll-arrow-colour-override .scroll-down-link--btn { border-color: var(--bannerscrollbtnarrowcolour) !important; } .multi-banner.scroll-border-override .scroll-down-link--btn { border: 0; } .multi-banner:not(.multi-banner--short).banner-animation--super-slow-in .slick-slide .image .img { transform: scale(1.3); transition: transform 15s linear; } .multi-banner:not(.multi-banner--short).banner-animation--super-slow-in.ready .slick-slide.slick-current .image .img { transform: scale(1); } .multi-banner:not(.multi-banner--short).banner-animation--super-slow-out .slick-slide .image .img { transform: scale(1); transition: transform 15s linear; } .multi-banner:not(.multi-banner--short).banner-animation--super-slow-out.ready .slick-slide.slick-current .image .img { transform: scale(1.3); } .multi-banner:not(.multi-banner--short).banner-animation--slow-in .slick-slide .image .img { transform: scale(1.2); transition: transform 7s ease; } .multi-banner:not(.multi-banner--short).banner-animation--slow-in.ready .slick-slide.slick-current .image .img { transform: scale(1); } .multi-banner:not(.multi-banner--short).banner-animation--slow-out .slick-slide .image .img { transform: scale(1); transition: transform 7s ease; } .multi-banner:not(.multi-banner--short).banner-animation--slow-out.ready .slick-slide.slick-current .image .img { transform: scale(1.2); } .multi-banner:not(.multi-banner--short).banner-animation--medium-in .slick-slide .image .img { transform: scale(1.15); transition: transform 3s ease; } .multi-banner:not(.multi-banner--short).banner-animation--medium-in.ready .slick-slide.slick-current .image .img { transform: scale(1); } .multi-banner:not(.multi-banner--short).banner-animation--medium-out .slick-slide .image .img { transform: scale(1); transition: transform 3s ease; } .multi-banner:not(.multi-banner--short).banner-animation--medium-out.ready .slick-slide.slick-current .image .img { transform: scale(1.15); } .multi-banner:not(.multi-banner--short).banner-animation--fast-in .slick-slide .image .img { transform: scale(1.15); transition: transform 1.5s ease; } .multi-banner:not(.multi-banner--short).banner-animation--fast-in.ready .slick-slide.slick-current .image .img { transform: scale(1); } .multi-banner:not(.multi-banner--short).banner-animation--fast-out .slick-slide .image .img { transform: scale(1); transition: transform 1.5s ease; } .multi-banner:not(.multi-banner--short).banner-animation--fast-out.ready .slick-slide.slick-current .image .img { transform: scale(1.15); } .multi-banner:not(.multi-banner--short).banner-animation.ready .slider[data-transition="false"] .slick-slide:not(.slick-burn-once) .image .img { transform: scale(1) !important; } .newsletter-drawer { z-index: 200; position: fixed; top: 0; right: 0; bottom: 0; width: 50vw; overflow: auto; visibility: hidden; -webkit-transform: translate(100%, 0); transform: translate(100%, 0); transition: transform 0.75s cubic-bezier(0.83, 0, 0.17, 1); scrollbar-width: thin; scrollbar-color: var(--popuphandlecolour) var(--popuptrackcolour); /* thumb and track color */ } .newsletter-drawer::-webkit-scrollbar { width: 8px; } .newsletter-drawer::-webkit-scrollbar-track { background: var(--popuptrackcolour); } .newsletter-drawer::-webkit-scrollbar-thumb { background: var(--popuphandlecolour); } .newsletter-drawer::-webkit-scrollbar-thumb:hover { background: var(--popuphandlecolourhover); } @media (min-width: 992px) and (max-width: 1199px) { .newsletter-drawer { width: 65vw; } } @media (max-width: 991px) { .newsletter-drawer { width: 100vw; } } body.show-newsletter .newsletter-drawer { -webkit-transform: translate(0, 0); transform: translate(0, 0); } body.raise-newsletter-overlay .newsletter-drawer { visibility: visible; z-index: 800; pointer-events: auto; } .newsletter-drawer .newsletter-wrap { max-height: 100vh; width: 100%; } .newsletter-drawer .newsletter-wrap .newsletter-inner { padding: 80px; } @media (max-width: 767px) { .newsletter-drawer .newsletter-wrap .newsletter-inner { padding: 80px 40px; } } .newsletter-drawer .newsletter-wrap .newsletter-inner .success-message { top: 40px; -webkit-transform: none; transform: none; max-width: none; margin: 0; padding: 0; text-align: left; } @media (max-width: 767px) { .newsletter-drawer .newsletter-wrap .newsletter-inner .success-message { top: 0; } } .newsletter-drawer .newsletter-wrap .newsletter-inner--center .text, .newsletter-drawer .newsletter-wrap .newsletter-inner--center .button-wrap, .newsletter-drawer .newsletter-wrap .newsletter-inner--center .success-message { text-align: center; } .newsletter-drawer .close-newsletter-btn { position: absolute; display: flex; top: 50px; right: 50px; width: 40px; height: 40px; } @media (max-width: 767px) { .newsletter-drawer .close-newsletter-btn { top: 20px; right: 20px; } } .newsletter-drawer .close-newsletter-btn svg { height: 30px; } .newsletter-drawer .close-newsletter-btn svg path { fill: var(--buttoncolour); } body.nonTouchDevice .newsletter-drawer .close-newsletter-btn:hover { opacity: .6; } .newsletter-drawer .close-newsletter-btn.colour-override svg path { fill: var(--newsletterclosecolour); } .newsletter-overlay { position: fixed; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0, 0, 0, 0.75); z-index: -10; visibility: hidden; opacity: 0; transition: opacity .4s ease; transition-delay: .3s; } body.show-newsletter .newsletter-overlay { opacity: 1; transition-delay: 0s; } body.raise-newsletter-overlay .newsletter-overlay { z-index: 799; visibility: visible; } .newsletter-overlay.background-tint-override { background: var(--newsletterbgtintcolour); } .header-style-one .drawer .main-nav { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .header-style-two .main-nav { margin-right: -20px; } .header-style-two .burger-menu .quicklinks-menu { display: none; } @media (max-width: 1199px) { .header-style-two .burger-menu .quicklinks-menu { display: block; } } .header-style-two .burger-menu-btn { margin-left: 40px; margin-right: -20px; } @media (max-width: 1199px) { .header-style-two .burger-menu-btn { order: 2; margin-left: 20px; margin-right: 0; } } .header-style-two .header-button { margin-left: 60px; } .header-style-two.text-colour-override .burger-menu-btn .hamburger-line { background: var(--navtextcolour); } .header-style-three .drawer .drawer-inner { flex-direction: row-reverse; } .header-style-three .burger-menu-btn { margin-left: 20px; } .header-style-four .logo { left: 50%; -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); } .header-style-four .burger-menu-btn { position: absolute; left: 100px; } @media (min-width: 768px) and (max-width: 1199px) { .header-style-four .burger-menu-btn { left: 100px; } } @media (max-width: 767px) { .header-style-four .burger-menu-btn { left: 25px; } } .header-style-four.burger-menu-style-one .burger-menu { left: 0; right: auto; -webkit-transform: translate(-101%, 0); transform: translate(-101%, 0); } @media (max-width: 767px) { .header-style-four.burger-menu-style-one .burger-menu { right: 0; } } .header-style-five .main-nav { margin-right: -20px; } .header-style-five .header-button { margin-left: 60px; } .header-style-five .burger-menu-btn { margin-left: 20px; } .header-style-six .drawer .main-nav { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .header-style-six .burger-menu-btn { margin-left: 20px; margin-right: 0; } .header-style-seven .logo { margin-left: auto; margin-right: auto; } .header-style-seven .container-fluid > .logo { display: none; } .header-style-seven .drawer .main-nav { display: flex; flex: 1; } .header-style-seven .drawer .main-nav:first-child { justify-content: flex-end; margin-right: 60px; } .header-style-seven .drawer .main-nav:last-child { margin-left: 60px; } .header-style-seven .burger-menu-btn { position: absolute; top: 50%; left: 100px; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); } @media (max-width: 767px) { .header-style-seven .burger-menu-btn { left: 25px; } } @media (max-width: 767px) { .header-style-eight .header-inner { display: none; } } .header-style-eight .drawer { width: 100%; } .header-style-eight .drawer .drawer-inner { justify-content: center; } .header-style-eight .drawer .drawer-inner .main-nav > ul > li > a { padding-top: 0; padding-bottom: 0; } .header-style-eight .drawer .drawer-inner .main-nav > ul > li ul { top: 45px; } @media (min-width: 768px) { .header-style-nine .container-fluid { padding-left: 50px; padding-right: 50px; } } .header-style-nine .logo { position: absolute !important; left: 50%; -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); } @media (min-width: 768px) { .header-style-nine .header-button-cta.button-colour-override.button-border { border: 0 !important; height: auto; padding: 0; background: none !important; } body.button-border-rollover-fill.nonTouchDevice .header-style-nine .header-button-cta.button-colour-override.button-border:hover { background: none !important; } } .header-style-nine .social { margin-left: auto; } .header-style-nine .burger-menu-btn.burger-menu-btn--border.burger-button-colour-override { position: relative; border: 0 !important; border-color: transparent !important; margin-left: -12px; bottom: -10px; } @media (max-width: 767px) { .header-style-nine .burger-menu-btn.burger-menu-btn--border.burger-button-colour-override { bottom: -12px; } } body.button-border-rollover-fill.nonTouchDevice .hidden-above-custom-breakpoint .header-style-nine .burger-menu-btn.burger-menu-btn--border.burger-button-colour-override:hover { background: none !important; } body.button-border-rollover-fill.nonTouchDevice .header-style-nine .hidden-above-custom-breakpoint .burger-menu-btn.burger-menu-btn--border.burger-button-colour-override:hover { background: none !important; } .header-style-nine.burger-menu-style-one .burger-menu { left: 0; right: auto; -webkit-transform: translate(-101%, 0); transform: translate(-101%, 0); } @media (max-width: 767px) { .header-style-nine.burger-menu-style-one .burger-menu { right: 0; } } .header-style-nine .drawer.floating-nav { position: absolute; width: 100%; left: 0; right: 0; bottom: 16vh; } .header-style-nine .drawer.floating-nav .drawer-inner { justify-content: center; } .header-style-nine .drawer.floating-nav .drawer-inner .main-nav > ul > li > a { padding-top: 0; padding-bottom: 0; } .header-style-nine .drawer.floating-nav .drawer-inner .main-nav > ul > li ul { top: 45px; } .footer-style-one { padding: 60px 0; } .footer-style-one .footer-nav ul li { display: inline-block; } @media (max-width: 991px) { .footer-style-one .footer-nav ul li { display: block; } } .footer-style-one .footer-nav ul li + li { margin-left: 40px; } @media (max-width: 991px) { .footer-style-one .footer-nav ul li + li { margin-left: 0; margin-top: 20px; } } @media (max-width: 991px) { .footer-style-one .social-media { margin-top: 70px; } } .footer-style-one .footer-bottom { padding-top: 30px; } @media (max-width: 991px) { .footer-style-one .footer-bottom { padding-top: 70px; } } .footer-style-one .footer-reg { padding-top: 30px; } @media (max-width: 991px) { .footer-style-one .footer-reg { padding-top: 70px; } } @media (max-width: 767px) { .footer-style-one.extra-padding-mob { padding-bottom: 120px; } } .footer-style-two, .footer-style-seven, .footer-style-eight { padding: 60px 0; } @media (min-width: 768px) and (max-width: 991px) { .footer-style-two .footer-nav, .footer-style-seven .footer-nav, .footer-style-eight .footer-nav { width: 50%; } } .footer-style-two .footer-nav ul, .footer-style-seven .footer-nav ul, .footer-style-eight .footer-nav ul { margin: -3px 0; } @media (max-width: 767px) { .footer-style-two .footer-nav ul, .footer-style-seven .footer-nav ul, .footer-style-eight .footer-nav ul { margin: -6px 0; } } .footer-style-two .footer-nav ul li a, .footer-style-seven .footer-nav ul li a, .footer-style-eight .footer-nav ul li a { display: inline-block; margin: 3px 0; } @media (max-width: 767px) { .footer-style-two .footer-nav ul li a, .footer-style-seven .footer-nav ul li a, .footer-style-eight .footer-nav ul li a { margin: 6px 0; } } .footer-style-two .footer-nav + .footer-nav, .footer-style-seven .footer-nav + .footer-nav, .footer-style-eight .footer-nav + .footer-nav { margin-left: 80px; } @media (max-width: 991px) { .footer-style-two .footer-nav + .footer-nav, .footer-style-seven .footer-nav + .footer-nav, .footer-style-eight .footer-nav + .footer-nav { margin-left: 0; } } @media (max-width: 767px) { .footer-style-two .footer-nav + .footer-nav, .footer-style-seven .footer-nav + .footer-nav, .footer-style-eight .footer-nav + .footer-nav { margin-top: 12px; } } .footer-style-two .footer-address, .footer-style-two .footer-buttons, .footer-style-seven .footer-address, .footer-style-seven .footer-buttons, .footer-style-eight .footer-address, .footer-style-eight .footer-buttons { text-align: right; margin-left: auto; } @media (max-width: 991px) { .footer-style-two .footer-address, .footer-style-two .footer-buttons, .footer-style-seven .footer-address, .footer-style-seven .footer-buttons, .footer-style-eight .footer-address, .footer-style-eight .footer-buttons { text-align: left; width: 100%; margin-left: 0; margin-top: 70px; } } .footer-style-two .footer-buttons ul li + li, .footer-style-seven .footer-buttons ul li + li, .footer-style-eight .footer-buttons ul li + li { margin-top: 20px; } .footer-style-two .footer-bottom, .footer-style-seven .footer-bottom, .footer-style-eight .footer-bottom { padding-top: 60px; } @media (max-width: 991px) { .footer-style-two .footer-bottom, .footer-style-seven .footer-bottom, .footer-style-eight .footer-bottom { padding-top: 70px; } } @media (max-width: 991px) { .footer-style-two .footer-bottom .copyright-info, .footer-style-seven .footer-bottom .copyright-info, .footer-style-eight .footer-bottom .copyright-info { margin-top: 70px; } } .footer-style-two .footer-reg, .footer-style-seven .footer-reg, .footer-style-eight .footer-reg { padding-top: 25px; } @media (max-width: 991px) { .footer-style-two .footer-reg, .footer-style-seven .footer-reg, .footer-style-eight .footer-reg { padding-top: 70px; } } @media (max-width: 767px) { .footer-style-two.extra-padding-mob, .footer-style-seven.extra-padding-mob, .footer-style-eight.extra-padding-mob { padding-bottom: 120px; } } @media (min-width: 992px) { .footer-style-eight .footer-top { flex-direction: row-reverse; } } .footer-style-eight .footer-nav { text-align: right; } @media (max-width: 991px) { .footer-style-eight .footer-nav { text-align: left; } } .footer-style-eight .footer-nav + .footer-nav { margin-left: 0; margin-right: 80px; } @media (max-width: 991px) { .footer-style-eight .footer-nav + .footer-nav { margin-right: 0; } } .footer-style-eight .footer-buttons { text-align: left; margin-left: 0; margin-right: auto; } .footer-style-three .footer-top { padding: 60px 0; } @media (max-width: 991px) { .footer-style-three .footer-top { padding: 80px 0; } .footer-style-three .footer-top.sml-padding-mob { padding-top: 20px; } } .footer-style-three .footer-top .footer-address { text-align: right; margin-left: auto; } @media (max-width: 991px) { .footer-style-three .footer-top .footer-address { text-align: left; width: 100%; } } .footer-style-three .footer-top .social-media { margin-top: 60px; } @media (min-width: 992px) { .footer-style-three .footer-top .social-media { justify-content: flex-end; } } .footer-style-three .footer-bottom { position: relative; padding: 35px 0; } @media (max-width: 991px) { .footer-style-three .footer-bottom { padding: 60px 0; } } .footer-style-three .footer-bottom .footer-nav { z-index: 2; position: relative; } .footer-style-three .footer-bottom .footer-nav ul li { display: inline-block; } @media (max-width: 991px) { .footer-style-three .footer-bottom .footer-nav ul li { display: block; } } .footer-style-three .footer-bottom .footer-nav ul li + li { margin-left: 40px; } @media (max-width: 991px) { .footer-style-three .footer-bottom .footer-nav ul li + li { margin-left: 0; margin-top: 20px; } } .footer-style-three .footer-bottom .copyright-info { z-index: 2; position: relative; } @media (min-width: 992px) and (max-width: 1199px) { .footer-style-three .footer-bottom .copyright-info { margin-top: 30px; } } @media (max-width: 991px) { .footer-style-three .footer-bottom .copyright-info { margin-top: 70px; } } .footer-style-three .footer-bottom .footer-reg { z-index: 2; position: relative; padding-top: 20px; } @media (max-width: 991px) { .footer-style-three .footer-bottom .footer-reg { padding-top: 70px; } } .footer-style-three .footer-bottom .footer-reg div:last-child { margin-left: auto; } @media (max-width: 991px) { .footer-style-three .footer-bottom .footer-reg div:last-child { margin-left: 0; } } .footer-style-three .footer-bottom:before, .footer-style-three .footer-bottom:after { z-index: 1; content: ''; position: absolute; top: 0; bottom: 0; left: -100px; right: -100px; background: rgba(255, 255, 255, 0.1); } @media (min-width: 768px) and (max-width: 1199px) { .footer-style-three .footer-bottom:before, .footer-style-three .footer-bottom:after { left: -100px; right: -100px; } } @media (max-width: 767px) { .footer-style-three .footer-bottom:before, .footer-style-three .footer-bottom:after { left: -25px; right: -25px; } } .footer-style-three .footer-bottom:before { z-index: 0; content: none; background: white; } .footer-style-three .footer-cta { width: 40%; } @media (min-width: 992px) and (max-width: 1199px) { .footer-style-three .footer-cta { width: 50%; } } @media (max-width: 991px) { .footer-style-three .footer-cta { width: 100%; margin-bottom: 70px; } } .footer-style-three .footer-cta h2 { color: var(--menustextcolour); } .footer-style-three .footer-cta.subtitle-colour-override .subtitle { color: var(--footerctasubtitlecolour); } .footer-style-three .footer-cta.title-colour-override h2 { color: var(--footerctatitlecolour) !important; } .footer-style-three .footer-cta.description-colour-override p { color: var(--footerctadescriptioncolour); } .footer-style-three .footer-cta.button-shape-round .button { border-radius: var(--buttonborderradius) !important; } .footer-style-three .footer-cta.button-shape-straight .button { border-radius: 0 !important; } .footer-style-three .footer-cta.button-colour-override .button-solid, .footer-style-three .footer-cta.button-colour-override.button-type-solid .button { color: var(--footerctabtntextcolour) !important; background: var(--footerctabtnbgcolour) !important; } .footer-style-three .footer-cta.button-colour-override .button-solid:before, .footer-style-three .footer-cta.button-colour-override.button-type-solid .button:before { background: var(--footerctabtnbgcolourhover) !important; } body.button-solid-rollover-fill.nonTouchDevice .footer-style-three .footer-cta.button-colour-override .button-solid:hover, body.button-solid-rollover-fill.nonTouchDevice .footer-style-three .footer-cta.button-colour-override.button-type-solid .button:hover { color: var(--footerctabtntextcolour) !important; background: var(--footerctabtnbgcolourhover) !important; } body.button-solid-rollover-swipe.nonTouchDevice .footer-style-three .footer-cta.button-colour-override .button-solid:hover, body.button-solid-rollover-swipe.nonTouchDevice .footer-style-three .footer-cta.button-colour-override.button-type-solid .button:hover { color: var(--footerctabtntextcolour) !important; background: var(--footerctabtnbgcolour) !important; } .footer-style-three .footer-cta.button-colour-override .button-border, .footer-style-three .footer-cta.button-colour-override.button-type-border .button { color: var(--footerctabtnbgcolour) !important; border-color: var(--footerctabtnbgcolour) !important; background: transparent !important; } .footer-style-three .footer-cta.button-colour-override .button-border:before, .footer-style-three .footer-cta.button-colour-override.button-type-border .button:before { background: var(--footerctabtnbgcolourhover) !important; } body.button-border-rollover-outline.nonTouchDevice .footer-style-three .footer-cta.button-colour-override .button-border:hover, body.button-border-rollover-outline.nonTouchDevice .footer-style-three .footer-cta.button-colour-override.button-type-border .button:hover { color: var(--footerctabtnbgcolourhover) !important; border-color: var(--footerctabtnbgcolourhover) !important; background: transparent !important; } body.button-border-rollover-fill.nonTouchDevice .footer-style-three .footer-cta.button-colour-override .button-border:hover, body.button-border-rollover-fill.nonTouchDevice .footer-style-three .footer-cta.button-colour-override.button-type-border .button:hover { color: var(--footerctabtntextcolour) !important; border-color: var(--footerctabtnbgcolourhover) !important; background: var(--footerctabtnbgcolourhover) !important; } body.button-border-rollover-swipe.nonTouchDevice .footer-style-three .footer-cta.button-colour-override .button-border:hover, body.button-border-rollover-swipe.nonTouchDevice .footer-style-three .footer-cta.button-colour-override.button-type-border .button:hover { color: var(--footerctabtntextcolour) !important; border-color: var(--footerctabtnbgcolourhover) !important; background: transparent !important; } @media (max-width: 767px) { .footer-style-three.extra-padding-mob .footer-bottom { padding-bottom: 120px; } } .footer-style-three.bottom-bar-background-override .footer-bottom:before { content: ''; } .footer-style-three.bottom-bar-background-override .footer-bottom:after { background: var(--footerbottombarbgcolour); } .footer-style-four { padding: 35px 0; } @media (max-width: 991px) { .footer-style-four { padding: 60px 0; } } .footer-style-four nav ul { text-align: center; } .footer-style-four nav ul li { display: inline-block; } @media (max-width: 991px) { .footer-style-four nav ul li { display: block; } } .footer-style-four nav ul li + li { margin-left: 40px; } @media (max-width: 991px) { .footer-style-four nav ul li + li { margin-left: 0; margin-top: 20px; } } .footer-style-four .footer-bottom { padding-top: 30px; } @media (max-width: 991px) { .footer-style-four .footer-bottom { padding-top: 70px; } } @media (max-width: 991px) { .footer-style-four .footer-bottom .copyright-info div { justify-content: center; } } .footer-style-four .footer-reg { padding-top: 30px; justify-content: center; } @media (max-width: 991px) { .footer-style-four .footer-reg { padding-top: 70px; } .footer-style-four .footer-reg span { text-align: center; } } @media (max-width: 767px) { .footer-style-four.extra-padding-mob { padding-bottom: 120px; } } .footer-style-five { padding: 35px 0; } @media (max-width: 991px) { .footer-style-five { padding: 60px 0; } } .footer-style-five nav ul { text-align: center; } @media (max-width: 1199px) { .footer-style-five nav ul { text-align: left; } } .footer-style-five nav ul li { display: inline-block; } @media (max-width: 991px) { .footer-style-five nav ul li { display: block; } } .footer-style-five nav ul li + li { margin-left: 40px; } @media (max-width: 991px) { .footer-style-five nav ul li + li { margin-left: 0; margin-top: 20px; } } @media (min-width: 992px) and (max-width: 1199px) { .footer-style-five .copyright-info { margin-top: 30px; } } @media (max-width: 991px) { .footer-style-five .copyright-info { margin-top: 70px; } } .footer-style-five .footer-reg { padding-top: 20px; } @media (max-width: 991px) { .footer-style-five .footer-reg { padding-top: 70px; } } @media (max-width: 767px) { .footer-style-five.extra-padding-mob { padding-bottom: 120px; } } .footer-style-six { padding: 35px 0; } @media (max-width: 991px) { .footer-style-six { padding: 60px 0; } } @media (min-width: 992px) and (max-width: 1199px) { .footer-style-six .footer-bottom { justify-content: center; } } @media (min-width: 1200px) { .footer-style-six .footer-bottom .nav { position: absolute; left: 50%; -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); } } @media (min-width: 992px) and (max-width: 1199px) { .footer-style-six .footer-bottom .nav { flex: 1 0 100%; margin-bottom: 30px; } } .footer-style-six .footer-bottom .nav nav ul { text-align: center; } .footer-style-six .footer-bottom .nav nav ul li { display: inline-block; } @media (max-width: 991px) { .footer-style-six .footer-bottom .nav nav ul li { display: block; } } .footer-style-six .footer-bottom .nav nav ul li + li { margin-left: 40px; } @media (max-width: 991px) { .footer-style-six .footer-bottom .nav nav ul li + li { margin-left: 0; margin-top: 20px; } } @media (max-width: 1199px) { .footer-style-six .footer-bottom .copyright-text { order: 2; margin-left: auto; } } @media (min-width: 992px) and (max-width: 1199px) { .footer-style-six .footer-bottom .copyright-text { margin-right: 20px; } } @media (max-width: 991px) { .footer-style-six .footer-bottom .copyright-text { margin-top: 70px; } } @media (max-width: 1199px) { .footer-style-six .footer-bottom .totem-logo { order: 3; margin-right: auto; } } @media (min-width: 992px) and (max-width: 1199px) { .footer-style-six .footer-bottom .totem-logo { margin-left: 20px; } } @media (max-width: 991px) { .footer-style-six .footer-bottom .totem-logo { margin-top: 15px; } } .footer-style-six .footer-bottom .footer-reg { padding-top: 20px; justify-content: center; } @media (min-width: 992px) and (max-width: 1199px) { .footer-style-six .footer-bottom .footer-reg { padding-top: 30px; } } @media (max-width: 991px) { .footer-style-six .footer-bottom .footer-reg { padding-top: 70px; } .footer-style-six .footer-bottom .footer-reg span { text-align: center; } } @media (max-width: 767px) { .footer-style-six.extra-padding-mob { padding-bottom: 120px; } } .footer-style-nine { padding: 50px 0 20px; } @media (max-width: 991px) { .footer-style-nine { padding-bottom: 50px; } } @media (max-width: 767px) { .footer-style-nine .footer-top { margin: -6px 0; } } @media (max-width: 767px) { .footer-style-nine .footer-nav { flex: 1; margin: 6px 0 !important; } } .footer-style-nine .footer-nav ul { margin: -3px 0; } @media (max-width: 767px) { .footer-style-nine .footer-nav ul { margin: -6px 0; } } .footer-style-nine .footer-nav ul li a { display: inline-block; margin: 3px 0; } @media (max-width: 991px) { .footer-style-nine .footer-nav ul li a { margin: 6px 0; } } .footer-style-nine .footer-nav ul li.subtitle { margin-bottom: 60px; } @media (max-width: 991px) { .footer-style-nine .footer-nav ul li.subtitle { margin-bottom: 40px; } } .footer-style-nine .footer-nav + .footer-nav { margin-left: 14vw; } @media (min-width: 768px) and (max-width: 991px) { .footer-style-nine .footer-nav + .footer-nav { margin-left: 10vw; } } @media (max-width: 767px) { .footer-style-nine .footer-nav + .footer-nav { margin-left: 0; } } @media (max-width: 991px) { .footer-style-nine .footer-logo img { height: var(--logoheightmob); } } .footer-style-nine .footer-address { text-align: right; margin-left: auto; } @media (max-width: 991px) { .footer-style-nine .footer-address { text-align: left; width: 100%; margin-left: 0; margin-top: 70px; } } .footer-style-nine .footer-bottom { padding-top: 20px; } @media (min-width: 768px) and (max-width: 991px) { .footer-style-nine .footer-bottom { padding-top: 30px; } } @media (max-width: 767px) { .footer-style-nine .footer-bottom { padding-top: 70px; } .footer-style-nine .footer-bottom .footer-logo { margin-left: 0; } } .footer-style-nine .footer-bottom .footer-reg { text-transform: uppercase; justify-content: flex-end; } @media (max-width: 991px) { .footer-style-nine .footer-bottom .footer-reg { width: auto; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-align-items: flex-end; -moz-align-items: flex-end; -ms-align-items: flex-end; align-items: flex-end; } .footer-style-nine .footer-bottom .footer-reg div { width: auto; } } .img-zoom .image { overflow: hidden; background: black; } .img-zoom .image .img { transition: all 1s ease; -webkit-transform: scale(1); transform: scale(1); backface-visibility: hidden; -webkit-backface-visibility: hidden; } body.nonTouchDevice .img-zoom:hover .image .img { opacity: .85; -webkit-transform: scale(1.1); transform: scale(1.1); } .link-zoom-img .image, .link-zoom-img .video-mask { transition: all .75s ease; } body.nonTouchDevice .link-zoom-img.hover .image, body.nonTouchDevice .link-zoom-img.hover .video-mask { -webkit-transform: scale(1.1); transform: scale(1.1); } .animate-layer { width: 100%; height: 100%; } @media (max-width: 991px) { .animate-layer { transform: none !important; } } body.parallax-animations-off .animate-layer { transform: none !important; } [data-show-move-up] > * { opacity: 0; transform: translateY(20px); transition: opacity 1s ease, transform 1s ease; } [data-show-move-up] > *:nth-child(1) { transition-delay: 0s; } [data-show-move-up] > *:nth-child(2) { transition-delay: 0.3s; } [data-show-move-up] > *:nth-child(3) { transition-delay: 0.6s; } [data-show-move-up] > *:nth-child(4) { transition-delay: 0.9s; } [data-show-move-up] > *:nth-child(5) { transition-delay: 1.2s; } [data-show-move-up] > *:nth-child(6) { transition-delay: 1.5s; } [data-show-move-up] > *:nth-child(7) { transition-delay: 1.8s; } [data-show-move-up] > *:nth-child(8) { transition-delay: 2.1s; } [data-show-move-up] > *:nth-child(9) { transition-delay: 2.4s; } [data-show-move-up] > *:nth-child(10) { transition-delay: 2.7s; } [data-show-move-up] > *:nth-child(11) { transition-delay: 3s; } [data-show-move-up] > *:nth-child(12) { transition-delay: 3.3s; } [data-show-move-up] > *:nth-child(13) { transition-delay: 3.6s; } [data-show-move-up] > *:nth-child(14) { transition-delay: 3.9s; } [data-show-move-up] > *:nth-child(15) { transition-delay: 4.2s; } [data-show-move-up] > *:nth-child(16) { transition-delay: 4.5s; } [data-show-move-up] > *:nth-child(17) { transition-delay: 4.8s; } [data-show-move-up] > *:nth-child(18) { transition-delay: 5.1s; } [data-show-move-up] > *:nth-child(19) { transition-delay: 5.4s; } [data-show-move-up].scroll-show > * { opacity: 1; transform: translateY(0); } [data-show-zoom] { overflow: hidden; } [data-show-zoom] .img, [data-show-zoom] .video-wrap { transform: scale(1.2); transition: transform 5s ease; } [data-show-zoom].scroll-show .img, [data-show-zoom].scroll-show .video-wrap { transform: scale(1); } [data-show-blur] > * { opacity: 0; filter: blur(0.5rem); transition: filter .8s ease, opacity .5s ease; } [data-show-blur] > *:nth-child(1) { transition-delay: 0s; } [data-show-blur] > *:nth-child(2) { transition-delay: 0.3s; } [data-show-blur] > *:nth-child(3) { transition-delay: 0.6s; } [data-show-blur] > *:nth-child(4) { transition-delay: 0.9s; } [data-show-blur] > *:nth-child(5) { transition-delay: 1.2s; } [data-show-blur] > *:nth-child(6) { transition-delay: 1.5s; } [data-show-blur] > *:nth-child(7) { transition-delay: 1.8s; } [data-show-blur] > *:nth-child(8) { transition-delay: 2.1s; } [data-show-blur] > *:nth-child(9) { transition-delay: 2.4s; } [data-show-blur] > *:nth-child(10) { transition-delay: 2.7s; } [data-show-blur] > *:nth-child(11) { transition-delay: 3s; } [data-show-blur] > *:nth-child(12) { transition-delay: 3.3s; } [data-show-blur] > *:nth-child(13) { transition-delay: 3.6s; } [data-show-blur] > *:nth-child(14) { transition-delay: 3.9s; } [data-show-blur] > *:nth-child(15) { transition-delay: 4.2s; } [data-show-blur] > *:nth-child(16) { transition-delay: 4.5s; } [data-show-blur] > *:nth-child(17) { transition-delay: 4.8s; } [data-show-blur] > *:nth-child(18) { transition-delay: 5.1s; } [data-show-blur] > *:nth-child(19) { transition-delay: 5.4s; } [data-show-blur].scroll-show > * { opacity: 1; filter: blur(0); } [data-show-fade] { opacity: 0; transition: opacity 1s ease; transition-delay: .1s; } [data-show-fade].scroll-show { opacity: 1; } [data-show-fade-delay] .animate-in { opacity: 0; transition: opacity 1s ease; transition-delay: .1s; } @media (min-width: 992px) { [data-show-fade-delay] .animate-in:nth-child(2) { transition-delay: 0.2s; } [data-show-fade-delay] .animate-in:nth-child(3) { transition-delay: 0.3s; } [data-show-fade-delay] .animate-in:nth-child(4) { transition-delay: 0.4s; } [data-show-fade-delay] .animate-in:nth-child(5) { transition-delay: 0.5s; } [data-show-fade-delay] .animate-in:nth-child(6) { transition-delay: 0.6s; } [data-show-fade-delay] .animate-in:nth-child(7) { transition-delay: 0.7s; } [data-show-fade-delay] .animate-in:nth-child(8) { transition-delay: 0.8s; } [data-show-fade-delay] .animate-in:nth-child(9) { transition-delay: 0.9s; } } [data-show-fade-delay].scroll-show .animate-in { opacity: 1; } [data-show-fade-delay-two] { opacity: 0; transition: opacity 1s ease; transition-delay: .1s; } @media (min-width: 992px) { [data-show-fade-delay-two]:nth-child(2n) { transition-delay: .2s; } } [data-show-fade-delay-two].scroll-show { opacity: 1; } [data-show-fade-delay-three] { opacity: 0; transition: opacity 1s ease; transition-delay: .1s; } @media (min-width: 992px) { [data-show-fade-delay-three]:nth-child(3n-1) { transition-delay: .2s; } } @media (min-width: 992px) { [data-show-fade-delay-three]:nth-child(3n) { transition-delay: .3s; } } [data-show-fade-delay-three].scroll-show { opacity: 1; } [data-show-scale] { opacity: 0; transform: scale(0.9); transition: opacity 1s ease, transform 1s ease; transition-delay: .1s; } [data-show-scale].scroll-show { opacity: 1; transform: scale(1); } [data-show-scale-delay-two] { opacity: 0; transform: scale(0.9); transition: opacity 1s ease, transform 1s ease; transition-delay: .1s; } @media (min-width: 992px) { [data-show-scale-delay-two]:nth-child(2n) { transition-delay: .2s; } } [data-show-scale-delay-two].scroll-show { opacity: 1; transform: scale(1); } [data-show-scale-delay-three] { opacity: 0; transform: scale(0.9); transition: opacity 1s ease, transform 1s ease; transition-delay: .1s; } @media (min-width: 992px) { [data-show-scale-delay-three]:nth-child(3n-1) { transition-delay: .2s; } } @media (min-width: 992px) { [data-show-scale-delay-three]:nth-child(3n) { transition-delay: .3s; } } [data-show-scale-delay-three].scroll-show { opacity: 1; transform: scale(1); } [data-show-slide-fade] > * { opacity: 0; transition: all .8s ease; } [data-show-slide-move-up] > * { opacity: 0; transform: translateY(20px); transition: opacity 1s ease, transform 1s ease; } [data-show-slide-move-up] > *:nth-child(1) { transition-delay: 0s; } [data-show-slide-move-up] > *:nth-child(2) { transition-delay: 0.3s; } [data-show-slide-move-up] > *:nth-child(3) { transition-delay: 0.6s; } [data-show-slide-move-up] > *:nth-child(4) { transition-delay: 0.9s; } [data-show-slide-blur] > * { opacity: 0; filter: blur(0.5rem); transition: filter .8s ease, opacity .5s ease; } [data-show-slide-blur] > *:nth-child(1) { transition-delay: 0s; } [data-show-slide-blur] > *:nth-child(2) { transition-delay: 0.3s; } [data-show-slide-blur] > *:nth-child(3) { transition-delay: 0.6s; } [data-show-slide-blur] > *:nth-child(4) { transition-delay: 0.9s; } .slick-inview [data-show-slide-fade].scroll-show > *, .slick-inview [data-show-slide-move-up].scroll-show > *, .slick-inview [data-show-slide-blur].scroll-show > * { opacity: 1; transform: translateY(0); filter: none; } body.text-animations-off [data-text-animation] > * { opacity: 1 !important; transform: none !important; filter: none !important; } body.image-animations-off [data-image-animation] { opacity: 1 !important; } body.image-animations-off [data-image-animation] .img, body.image-animations-off [data-image-animation] .video-wrap { transform: none !important; } body.block-animations-off [data-block-animation] { opacity: 1 !important; transform: none !important; } .button { position: relative; overflow: hidden; cursor: pointer; padding: 0 40px; display: inline-flex; align-items: center; justify-content: center; transition: all .25s ease; white-space: nowrap; height: 30px; margin-top: var(--buttonmargin); font-size: var(--buttonfontsize); font-family: var(--buttonfontfamily), var(--buttonfontstyle); font-weight: var(--buttonfontweight); letter-spacing: var(--buttonletterspacing); text-transform: var(--buttoncase); } @media (max-width: 767px) { .button { display: flex; width: 100%; font-size: var(--buttonfontsizemob); } } .button span { z-index: 1; position: relative; } .button-round { border-radius: var(--buttonborderradius); } body.button-solid-rollover-swipe .button:before, body.button-border-rollover-swipe .button:before { content: ''; z-index: 0; position: absolute; left: 0; top: 0; right: 100%; bottom: 0; transition: all 0.4s cubic-bezier(0.75, 0, 0.2, 1); background: var(--buttonhovercolour); } .button-solid, .button-type-solid .button, .button-type-solid.button { border-width: 0 !important; color: var(--buttontextcolour) !important; background: var(--buttoncolour) !important; } body.button-solid-rollover-fill.nonTouchDevice .button-solid:hover, body.button-solid-rollover-fill.nonTouchDevice .button-type-solid .button:hover, body.button-solid-rollover-fill.nonTouchDevice .button-type-solid.button:hover { color: var(--buttontextcolour) !important; background: var(--buttonhovercolour) !important; } body.button-solid-rollover-fill.nonTouchDevice .button-solid:hover:before, body.button-solid-rollover-fill.nonTouchDevice .button-type-solid .button:hover:before, body.button-solid-rollover-fill.nonTouchDevice .button-type-solid.button:hover:before { right: 100%; } body.button-solid-rollover-swipe.nonTouchDevice .button-solid:hover, body.button-solid-rollover-swipe.nonTouchDevice .button-type-solid .button:hover, body.button-solid-rollover-swipe.nonTouchDevice .button-type-solid.button:hover { color: var(--buttontextcolour) !important; background: var(--buttoncolour) !important; } body.button-solid-rollover-swipe.nonTouchDevice .button-solid:hover:before, body.button-solid-rollover-swipe.nonTouchDevice .button-type-solid .button:hover:before, body.button-solid-rollover-swipe.nonTouchDevice .button-type-solid.button:hover:before { right: 0; } .button-border, .button-type-border .button, .button-type-border.button { color: var(--buttoncolour) !important; border-style: solid !important; border-width: var(--buttonborderwidth) !important; border-color: var(--buttoncolour) !important; background: transparent !important; } body.button-border-rollover-outline.nonTouchDevice .button-border:hover, body.button-border-rollover-outline.nonTouchDevice .button-type-border .button:hover, body.button-border-rollover-outline.nonTouchDevice .button-type-border.button:hover { color: var(--buttonhovercolour) !important; border-color: var(--buttonhovercolour) !important; background: transparent !important; } body.button-border-rollover-outline.nonTouchDevice .button-border:hover:before, body.button-border-rollover-outline.nonTouchDevice .button-type-border .button:hover:before, body.button-border-rollover-outline.nonTouchDevice .button-type-border.button:hover:before { right: 100%; } body.button-border-rollover-fill.nonTouchDevice .button-border:hover, body.button-border-rollover-fill.nonTouchDevice .button-type-border .button:hover, body.button-border-rollover-fill.nonTouchDevice .button-type-border.button:hover { color: var(--buttontextcolour) !important; border-color: var(--buttonhovercolour) !important; background: var(--buttonhovercolour) !important; } body.button-border-rollover-fill.nonTouchDevice .button-border:hover:before, body.button-border-rollover-fill.nonTouchDevice .button-type-border .button:hover:before, body.button-border-rollover-fill.nonTouchDevice .button-type-border.button:hover:before { right: 100%; } body.button-border-rollover-swipe.nonTouchDevice .button-border:hover, body.button-border-rollover-swipe.nonTouchDevice .button-type-border .button:hover, body.button-border-rollover-swipe.nonTouchDevice .button-type-border.button:hover { color: var(--buttontextcolour) !important; border-color: var(--buttonhovercolour) !important; background: transparent !important; } body.button-border-rollover-swipe.nonTouchDevice .button-border:hover:before, body.button-border-rollover-swipe.nonTouchDevice .button-type-border .button:hover:before, body.button-border-rollover-swipe.nonTouchDevice .button-type-border.button:hover:before { right: 0; } .text-button { display: inline-flex; align-items: center; margin-top: var(--textbuttonmargin); color: var(--buttoncolour); font-size: var(--textbuttonfontsize); font-family: var(--textbuttonfontfamily), var(--textbuttonfontstyle); font-weight: var(--textbuttonfontweight); letter-spacing: var(--textbuttonletterspacing); text-transform: var(--textbuttoncase); } @media (max-width: 767px) { .text-button { font-size: var(--textbuttonfontsizemob); } } .text-button--underlined { position: relative; padding-bottom: 8px; } .text-button--underlined:after { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: var(--textbuttonborderwidth); -webkit-transform: scaleX(1); transform: scaleX(1); -webkit-transform-origin: left center; transform-origin: left center; transition: transform 0.3s cubic-bezier(0.75, 0, 0.2, 1), -webkit-transform 0.3s cubic-bezier(0.75, 0, 0.2, 1); background-color: var(--buttoncolour); } .text-button--underlined:hover:after { -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: right center; transform-origin: right center; } .text-button--arrow .fa-icon { height: 1.6rem; margin-left: 15px; transition: all .25s ease; } .text-button--arrow .fa-icon path { fill: var(--buttoncolour); } body.nonTouchDevice .text-button--arrow:hover .fa-icon { transform: translate(5px, 0); } body.nonTouchDevice .text-button--arrow:hover .fa-icon path { fill: var(--buttonhovercolour); } body.nonTouchDevice .text-button:hover { color: var(--buttonhovercolour); } .card .image-wrap { position: relative; overflow: hidden; padding-top: 60%; } .card .text { padding: 40px; background: var(--secondarycolour); } @media (max-width: 767px) { .card .text { padding: 50px 30px; } } .card .text h2:first-child { margin-top: -5px !important; } .card .text .subtitle { display: inline-block; margin-top: 0; } .card .text .subtitle:after { content: '/'; top: -1px; position: relative; padding-left: 10px; padding-right: 10px; font-size: 70%; } .card .text .subtitle:last-of-type:after { content: none; } .card .text .button { max-width: 100%; } body.solid-elements-round .card .image-wrap { border-radius: 20px 20px 0 0; } body.solid-elements-round .card .image-wrap + .text { border-top-left-radius: 0 !important; border-top-right-radius: 0 !important; } body.solid-elements-round .card .text { border-radius: 20px; } #moove_gdpr_cookie_info_bar { z-index: 199 !important; border: 0 !important; left: 0 !important; right: 0 !important; bottom: 0 !important; width: auto !important; max-height: none !important; transition: opacity .35s ease !important; background-color: var(--secondarycolour) !important; opacity: 0; } body.gdpr-infobar-visible #moove_gdpr_cookie_info_bar { opacity: 1; } body.cookie-background-override-1 #moove_gdpr_cookie_info_bar { background-color: var(--cookiebgcolour) !important; } #moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container { display: block !important; padding: 40px !important; } @media (max-width: 767px) { #moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container { padding: 30px 20px !important; } } #moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content { padding: 0 !important; } @media (max-width: 991px) { #moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content { flex-wrap: wrap !important; } } #moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content h2 { color: var(--widgettitlecolour) !important; font-family: var(--headingfontfamily), var(--headingfontstyle); font-weight: var(--headingfontweight); font-size: var(--h4fontsize) !important; line-height: var(--h4lineheight) !important; letter-spacing: var(--h4letterspacing) !important; text-transform: var(--h4case) !important; } @media (max-width: 767px) { #moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content h2 { font-size: var(--h4fontsizemob) !important; line-height: var(--h4lineheightmob) !important; } } body.cookie-title-override-1 #moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content h2 { color: var(--cookietitlecolour) !important; } #moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-cookie-notice { padding-left: 0 !important; max-width: none !important; width: 50%; } @media (max-width: 991px) { #moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-cookie-notice { width: 100%; } } #moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-cookie-notice p, #moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-cookie-notice p a { font-family: var(--bodyfontfamily), var(--bodyfontstyle) !important; font-weight: var(--bodyfontweight) !important; font-size: var(--bodyfontsize) !important; letter-spacing: var(--bodyletterspacing) !important; line-height: var(--bodylineheight) !important; color: var(--bodycolour) !important; } @media (max-width: 767px) { #moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-cookie-notice p, #moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-cookie-notice p a { font-size: var(--bodyfontsizemob) !important; line-height: var(--bodylineheightmob) !important; } } body.cookie-text-override-1 #moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-cookie-notice p, body.cookie-text-override-1 #moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-cookie-notice p a { color: var(--cookietextcolour) !important; } #moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-button-holder { margin-left: auto !important; padding-left: 40px !important; } @media (max-width: 991px) { #moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-button-holder { display: flex; padding-left: 0 !important; } } @media (min-width: 768px) and (max-width: 991px) { #moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-button-holder { width: calc(100% + 20px) !important; margin-top: 20px !important; margin-left: -10px !important; margin-right: -10px !important; } } @media (max-width: 767px) { #moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-button-holder { margin-top: 10px !important; } } #moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-button-holder .mgbutton { margin: 0 0 0 20px !important; } @media (min-width: 768px) and (max-width: 991px) { #moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-button-holder .mgbutton { margin: 0 10px !important; width: calc(33.33% - 20px) !important; } } @media (max-width: 767px) { #moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-button-holder .mgbutton { width: 100%; margin: 10px 0 0 !important; } } .gdpr_lightbox-loader { display: none !important; } .gdpr_lightbox { background: none !important; } .gdpr_lightbox .gdpr_lightbox-wrap { text-align: left !important; pointer-events: none; } .gdpr_lightbox .gdpr_lightbox-wrap:before { position: absolute; left: 0; top: 0; right: 0; bottom: 0; margin-right: 0 !important; opacity: 0; background: rgba(0, 0, 0, 0.75); transition: opacity .5s ease; } body.show-cookie-modal .gdpr_lightbox .gdpr_lightbox-wrap:before { opacity: 1; } body.cookie-background-tint-override-1 .gdpr_lightbox .gdpr_lightbox-wrap:before { background: var(--cookiebgtintcolour); } .gdpr_lightbox .gdpr_lightbox-wrap .gdpr_lightbox-content { height: 100vh; overflow: hidden; overflow-y: auto; transform: translate(-100%, 0) scale(1) !important; background: var(--secondarycolour) !important; transition: transform 0.75s cubic-bezier(0.83, 0, 0.17, 1); pointer-events: auto; scrollbar-width: thin; scrollbar-color: var(--popuphandlecolour) var(--popuptrackcolour); /* thumb and track color */ } .gdpr_lightbox .gdpr_lightbox-wrap .gdpr_lightbox-content::-webkit-scrollbar { width: 8px; } .gdpr_lightbox .gdpr_lightbox-wrap .gdpr_lightbox-content::-webkit-scrollbar-track { background: var(--popuptrackcolour); } .gdpr_lightbox .gdpr_lightbox-wrap .gdpr_lightbox-content::-webkit-scrollbar-thumb { background: var(--popuphandlecolour); } .gdpr_lightbox .gdpr_lightbox-wrap .gdpr_lightbox-content::-webkit-scrollbar-thumb:hover { background: var(--popuphandlecolourhover); } body.cookie-background-override-1 .gdpr_lightbox .gdpr_lightbox-wrap .gdpr_lightbox-content { background-color: var(--cookiebgcolour) !important; } body.cookie-background-pattern-1 .gdpr_lightbox .gdpr_lightbox-wrap .gdpr_lightbox-content { background-image: var(--cookiebgpattern) !important; background-size: var(--cookiepatternsize) !important; } body.show-cookie-modal .gdpr_lightbox .gdpr_lightbox-wrap .gdpr_lightbox-content { transform: translate(0, 0) scale(1) !important; } .gdpr_lightbox .gdpr_lightbox-wrap .gdpr_lightbox-content #moove_gdpr_cookie_modal { display: table; height: 100% !important; min-height: 100% !important; max-height: none !important; width: 50vw !important; } @media (min-width: 768px) and (max-width: 991px) { .gdpr_lightbox .gdpr_lightbox-wrap .gdpr_lightbox-content #moove_gdpr_cookie_modal { width: 75vw !important; } } @media (max-width: 767px) { .gdpr_lightbox .gdpr_lightbox-wrap .gdpr_lightbox-content #moove_gdpr_cookie_modal { width: 100vw !important; } } .gdpr_lightbox .gdpr_lightbox-wrap .gdpr_lightbox-content #moove_gdpr_cookie_modal .moove-gdpr-modal-right-content, .gdpr_lightbox .gdpr_lightbox-wrap .gdpr_lightbox-content #moove_gdpr_cookie_modal .moove-gdpr-modal-title, .gdpr_lightbox .gdpr_lightbox-wrap .gdpr_lightbox-content #moove_gdpr_cookie_modal .main-modal-content, .gdpr_lightbox .gdpr_lightbox-wrap .gdpr_lightbox-content #moove_gdpr_cookie_modal .moove-gdpr-modal-footer-content { padding: 0 !important; background: none !important; } .gdpr_lightbox .gdpr_lightbox-wrap .gdpr_lightbox-content #moove_gdpr_cookie_modal .moove-gdpr-modal-content { display: table-cell; vertical-align: middle; width: 100% !important; padding: 120px 60px !important; min-width: 0 !important; max-width: none !important; transform: none !important; background: none !important; } @media (max-width: 767px) { .gdpr_lightbox .gdpr_lightbox-wrap .gdpr_lightbox-content #moove_gdpr_cookie_modal .moove-gdpr-modal-content { padding: 100px 30px 160px !important; } } .gdpr_lightbox .gdpr_lightbox-wrap .gdpr_lightbox-content #moove_gdpr_cookie_modal .moove-gdpr-modal-content .cookie-custom-close { z-index: 10; cursor: pointer; position: absolute; display: flex; align-items: center; justify-content: center; top: 50px; left: 60px; width: 20px; height: 20px; padding: 0; transition: all .25s ease; } @media (max-width: 767px) { .gdpr_lightbox .gdpr_lightbox-wrap .gdpr_lightbox-content #moove_gdpr_cookie_modal .moove-gdpr-modal-content .cookie-custom-close { top: 40px; left: 30px; } } .gdpr_lightbox .gdpr_lightbox-wrap .gdpr_lightbox-content #moove_gdpr_cookie_modal .moove-gdpr-modal-content .cookie-custom-close svg { height: 30px; } .gdpr_lightbox .gdpr_lightbox-wrap .gdpr_lightbox-content #moove_gdpr_cookie_modal .moove-gdpr-modal-content .cookie-custom-close svg path { fill: var(--buttoncolour); } .gdpr_lightbox .gdpr_lightbox-wrap .gdpr_lightbox-content #moove_gdpr_cookie_modal .moove-gdpr-modal-content .cookie-custom-close:hover { opacity: .6; } .gdpr_lightbox .gdpr_lightbox-wrap .gdpr_lightbox-content #moove_gdpr_cookie_modal .moove-gdpr-modal-content .cookie-custom-close.close-colour-override svg path { fill: var(--cookieclosecolour) !important; } .gdpr_lightbox .gdpr_lightbox-wrap .gdpr_lightbox-content #moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-close { display: none !important; } .gdpr_lightbox .gdpr_lightbox-wrap .gdpr_lightbox-content #moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-right-content { height: auto !important; } .gdpr_lightbox .gdpr_lightbox-wrap .gdpr_lightbox-content #moove_gdpr_cookie_modal .moove-gdpr-modal-content .main-modal-content { max-height: none !important; overflow: visible !important; } .gdpr_lightbox .gdpr_lightbox-wrap .gdpr_lightbox-content #moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-title { height: auto !important; margin-bottom: 30px !important; } .gdpr_lightbox .gdpr_lightbox-wrap .gdpr_lightbox-content #moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-title .tab-title, .gdpr_lightbox .gdpr_lightbox-wrap .gdpr_lightbox-content #moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-tab-main .tab-title { font-size: var(--h4fontsize) !important; font-family: var(--headingfontfamily), var(--headingfontstyle) !important; font-weight: var(--headingfontweight) !important; color: var(--widgettitlecolour) !important; line-height: var(--h4lineheight) !important; letter-spacing: var(--h4letterspacing) !important; text-transform: var(--h4case) !important; } @media (max-width: 767px) { .gdpr_lightbox .gdpr_lightbox-wrap .gdpr_lightbox-content #moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-title .tab-title, .gdpr_lightbox .gdpr_lightbox-wrap .gdpr_lightbox-content #moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-tab-main .tab-title { font-size: var(--h4fontsizemob) !important; line-height: var(--h4lineheightmob) !important; } } body.cookie-title-override-1 .gdpr_lightbox .gdpr_lightbox-wrap .gdpr_lightbox-content #moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-title .tab-title, body.cookie-title-override-1 .gdpr_lightbox .gdpr_lightbox-wrap .gdpr_lightbox-content #moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-tab-main .tab-title { color: var(--cookietitlecolour) !important; } .gdpr_lightbox .gdpr_lightbox-wrap .gdpr_lightbox-content #moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-tab-main .moove-gdpr-tab-main-content { overflow: visible !important; padding-right: 0 !important; padding-bottom: 25px !important; } .gdpr_lightbox .gdpr_lightbox-wrap .gdpr_lightbox-content #moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-tab-main .moove-gdpr-tab-main-content p, .gdpr_lightbox .gdpr_lightbox-wrap .gdpr_lightbox-content #moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-tab-main .moove-gdpr-tab-main-content a { color: var(--bodycolour) !important; font-size: var(--bodyfontsize) !important; font-weight: var(--bodyfontweight) !important; line-height: var(--bodylineheight) !important; } @media (max-width: 767px) { .gdpr_lightbox .gdpr_lightbox-wrap .gdpr_lightbox-content #moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-tab-main .moove-gdpr-tab-main-content p, .gdpr_lightbox .gdpr_lightbox-wrap .gdpr_lightbox-content #moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-tab-main .moove-gdpr-tab-main-content a { font-size: var(--bodyfontsizemob) !important; } } body.cookie-text-override-1 .gdpr_lightbox .gdpr_lightbox-wrap .gdpr_lightbox-content #moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-tab-main .moove-gdpr-tab-main-content p, body.cookie-text-override-1 .gdpr_lightbox .gdpr_lightbox-wrap .gdpr_lightbox-content #moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-tab-main .moove-gdpr-tab-main-content a { color: var(--cookietextcolour) !important; } .gdpr_lightbox .gdpr_lightbox-wrap .gdpr_lightbox-content #moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-tab-main .moove-gdpr-tab-main-content a:hover { text-decoration: none !important; } .gdpr_lightbox .gdpr_lightbox-wrap .gdpr_lightbox-content #moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-tab-main + .moove-gdpr-tab-main { padding-top: 40px; border-top: 1px solid rgba(0, 0, 0, 0.2); } .gdpr_lightbox .gdpr_lightbox-wrap .gdpr_lightbox-content #moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-tab-main + .moove-gdpr-tab-main .moove-gdpr-tab-main-content { padding-top: 30px; max-height: none !important; } .gdpr_lightbox .gdpr_lightbox-wrap .gdpr_lightbox-content #moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-status-bar { position: relative !important; text-align: left !important; width: auto !important; padding: 0 !important; margin-top: 20px !important; margin-bottom: 10px !important; } .gdpr_lightbox .gdpr_lightbox-wrap .gdpr_lightbox-content #moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-status-bar .gdpr-cc-form-fieldset { display: flex; } .gdpr_lightbox .gdpr_lightbox-wrap .gdpr_lightbox-content #moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-status-bar .gdpr-cc-form-wrap { margin-bottom: 0 !important; } .gdpr_lightbox .gdpr_lightbox-wrap .gdpr_lightbox-content #moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-status-bar .cookie-slider { width: 50px !important; height: 28px !important; background-color: rgba(0, 0, 0, 0.2) !important; } .gdpr_lightbox .gdpr_lightbox-wrap .gdpr_lightbox-content #moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-status-bar .cookie-slider:before { left: 4px !important; bottom: 3px !important; border: 0 !important; width: 22px !important; height: 22px !important; background-color: #ff000b !important; background-image: url("../img/xmark.svg") !important; background-position: center !important; background-repeat: no-repeat !important; background-size: 40% !important; transition: transform .25s ease !important; } .gdpr_lightbox .gdpr_lightbox-wrap .gdpr_lightbox-content #moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-status-bar .cookie-slider:after { top: 0 !important; left: 70px !important; right: auto !important; line-height: 28px !important; color: var(--widgettitlecolour) !important; font-family: var(--h5fontfamily), var(--h5fontstyle) !important; font-weight: var(--h5fontweight) !important; font-size: var(--h5fontsize) !important; letter-spacing: var(--h5letterspacing) !important; text-transform: var(--h5case) !important; } @media (max-width: 767px) { .gdpr_lightbox .gdpr_lightbox-wrap .gdpr_lightbox-content #moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-status-bar .cookie-slider:after { font-size: var(--h5fontsizemob) !important; line-height: var(--h5lineheightmob) !important; } } body.cookie-title-override-1 .gdpr_lightbox .gdpr_lightbox-wrap .gdpr_lightbox-content #moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-status-bar .cookie-slider:after { color: var(--cookietitlecolour) !important; } .gdpr_lightbox .gdpr_lightbox-wrap .gdpr_lightbox-content #moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-status-bar .cookie-switch, .gdpr_lightbox .gdpr_lightbox-wrap .gdpr_lightbox-content #moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-status-bar input { width: 50px !important; height: 28px !important; } .gdpr_lightbox .gdpr_lightbox-wrap .gdpr_lightbox-content #moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-status-bar input { display: block !important; } .gdpr_lightbox .gdpr_lightbox-wrap .gdpr_lightbox-content #moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-status-bar input:checked + .cookie-slider:before { background-color: #009a3b !important; background-image: url("../img/check.svg") !important; background-size: 50% !important; } @media (max-width: 767px) { .gdpr_lightbox .gdpr_lightbox-wrap .gdpr_lightbox-content #moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-status-bar input:checked + .cookie-slider:before { transform: translateX(20px) !important; } } .gdpr_lightbox .gdpr_lightbox-wrap .gdpr_lightbox-content #moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-status-bar.gdpr-checkbox-disabled { opacity: .5 !important; } .gdpr_lightbox .gdpr_lightbox-wrap .gdpr_lightbox-content #moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-footer-content { margin-top: 40px !important; position: relative !important; height: auto !important; } @media (max-width: 767px) { .gdpr_lightbox .gdpr_lightbox-wrap .gdpr_lightbox-content #moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-footer-content { margin-top: 20px !important; } } .gdpr_lightbox .gdpr_lightbox-wrap .gdpr_lightbox-content #moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-footer-content .moove-gdpr-button-holder { padding: 0 !important; margin: -20px -20px 0 0 !important; width: 100% !important; max-width: none !important; } @media (max-width: 767px) { .gdpr_lightbox .gdpr_lightbox-wrap .gdpr_lightbox-content #moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-footer-content .moove-gdpr-button-holder { margin-top: -10px !important; } } .gdpr_lightbox .gdpr_lightbox-wrap .gdpr_lightbox-content #moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-footer-content .moove-gdpr-button-holder button.mgbutton { opacity: 1 !important; margin: 20px 20px 0 0 !important; } @media (max-width: 1199px) { .gdpr_lightbox .gdpr_lightbox-wrap .gdpr_lightbox-content #moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-footer-content .moove-gdpr-button-holder button.mgbutton { width: 100%; margin-right: 0 !important; } } @media (max-width: 767px) { .gdpr_lightbox .gdpr_lightbox-wrap .gdpr_lightbox-content #moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-footer-content .moove-gdpr-button-holder button.mgbutton { margin: 10px 0 0 !important; } } .gdpr_lightbox .gdpr_lightbox-wrap .gdpr_lightbox-content #moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-footer-content:before { content: none !important; } .moove-gdpr-branding-cnt, .moove-gdpr-company-logo-holder, .moove-gdpr-infobar-close-btn, .gdpr_lightbox-close { display: none !important; } #moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-button-holder button.mgbutton, #moove_gdpr_cookie_modal .moove-gdpr-modal-footer-content .moove-gdpr-button-holder button.mgbutton { opacity: 1 !important; padding: 15px 30px !important; border-radius: 0 !important; border: var(--buttonborderwidth) solid !important; font-size: var(--buttonfontsize) !important; font-family: var(--buttonfontfamily), var(--buttonfontstyle) !important; font-weight: var(--buttonfontweight) !important; letter-spacing: var(--buttonletterspacing) !important; text-transform: var(--buttoncase) !important; } @media (max-width: 767px) { #moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-button-holder button.mgbutton, #moove_gdpr_cookie_modal .moove-gdpr-modal-footer-content .moove-gdpr-button-holder button.mgbutton { font-size: var(--buttonfontsizemob) !important; } } body.buttons-border #moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-button-holder button.mgbutton, body.buttons-border #moove_gdpr_cookie_modal .moove-gdpr-modal-footer-content .moove-gdpr-button-holder button.mgbutton { border-color: var(--buttoncolour) !important; color: var(--buttoncolour) !important; background: none !important; } body.buttons-border.nonTouchDevice #moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-button-holder button.mgbutton:hover, body.buttons-border.nonTouchDevice #moove_gdpr_cookie_modal .moove-gdpr-modal-footer-content .moove-gdpr-button-holder button.mgbutton:hover { color: var(--buttonhovercolour) !important; border-color: var(--buttonhovercolour) !important; background: none !important; } body.buttons-border.nonTouchDevice.button-border-rollover-fill #moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-button-holder button.mgbutton:hover, body.buttons-border.nonTouchDevice.button-border-rollover-fill #moove_gdpr_cookie_modal .moove-gdpr-modal-footer-content .moove-gdpr-button-holder button.mgbutton:hover { color: var(--buttontextcolour) !important; border-color: var(--buttonhovercolour) !important; background: var(--buttonhovercolour) !important; } body.buttons-border.cookie-button-override-1 #moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-button-holder button.mgbutton, body.buttons-border.cookie-button-override-1 #moove_gdpr_cookie_modal .moove-gdpr-modal-footer-content .moove-gdpr-button-holder button.mgbutton { color: var(--cookiebuttonbgcolour) !important; border-color: var(--cookiebuttonbgcolour) !important; background: none !important; } body.buttons-border.cookie-button-override-1.nonTouchDevice #moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-button-holder button.mgbutton:hover, body.buttons-border.cookie-button-override-1.nonTouchDevice #moove_gdpr_cookie_modal .moove-gdpr-modal-footer-content .moove-gdpr-button-holder button.mgbutton:hover { color: var(--cookiebuttonbgcolourhover) !important; border-color: var(--cookiebuttonbgcolourhover) !important; background: none !important; } body.buttons-border.cookie-button-override-1.nonTouchDevice.button-border-rollover-fill #moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-button-holder button.mgbutton:hover, body.buttons-border.cookie-button-override-1.nonTouchDevice.button-border-rollover-fill #moove_gdpr_cookie_modal .moove-gdpr-modal-footer-content .moove-gdpr-button-holder button.mgbutton:hover { color: var(--cookiebuttontextcolour) !important; border-color: var(--cookiebuttonbgcolourhover) !important; background: var(--cookiebuttonbgcolourhover) !important; } body.buttons-solid #moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-button-holder button.mgbutton, body.buttons-solid #moove_gdpr_cookie_modal .moove-gdpr-modal-footer-content .moove-gdpr-button-holder button.mgbutton { border-color: transparent !important; color: var(--buttontextcolour) !important; background: var(--buttoncolour) !important; } body.buttons-solid.nonTouchDevice #moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-button-holder button.mgbutton:hover, body.buttons-solid.nonTouchDevice #moove_gdpr_cookie_modal .moove-gdpr-modal-footer-content .moove-gdpr-button-holder button.mgbutton:hover { color: var(--buttontextcolour) !important; background: var(--buttonhovercolour) !important; } body.buttons-solid.cookie-button-override-1 #moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-button-holder button.mgbutton, body.buttons-solid.cookie-button-override-1 #moove_gdpr_cookie_modal .moove-gdpr-modal-footer-content .moove-gdpr-button-holder button.mgbutton { color: var(--cookiebuttontextcolour) !important; background: var(--cookiebuttonbgcolour) !important; } body.buttons-solid.cookie-button-override-1.nonTouchDevice #moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-button-holder button.mgbutton:hover, body.buttons-solid.cookie-button-override-1.nonTouchDevice #moove_gdpr_cookie_modal .moove-gdpr-modal-footer-content .moove-gdpr-button-holder button.mgbutton:hover { color: var(--cookiebuttontextcolour) !important; background: var(--cookiebuttonbgcolourhover) !important; } body.buttons-round #moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-button-holder button.mgbutton, body.buttons-round #moove_gdpr_cookie_modal .moove-gdpr-modal-footer-content .moove-gdpr-button-holder button.mgbutton { border-radius: var(--buttonborderradius) !important; } body.buttons-straight #moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-button-holder button.mgbutton, body.buttons-straight #moove_gdpr_cookie_modal .moove-gdpr-modal-footer-content .moove-gdpr-button-holder button.mgbutton { border-radius: 0 !important; } body.cookie-button-shape-round #moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-button-holder button.mgbutton, body.cookie-button-shape-round #moove_gdpr_cookie_modal .moove-gdpr-modal-footer-content .moove-gdpr-button-holder button.mgbutton { border-radius: var(--buttonborderradius) !important; } body.cookie-button-shape-straight #moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-button-holder button.mgbutton, body.cookie-button-shape-straight #moove_gdpr_cookie_modal .moove-gdpr-modal-footer-content .moove-gdpr-button-holder button.mgbutton { border-radius: 0 !important; } body.datepicker-override-1 #ui-datepicker-div { background: var(--contactdatepickercolour); } body.datepicker-override-1 #ui-datepicker-div table a.ui-state-active { color: var(--contactdatepickercolour) !important; } #ui-datepicker-div { background: var(--primarycolour); padding: 20px 30px; margin-top: 10px; border: none; width: 100%; max-width: 300px; z-index: 99 !important; display: none; } body.solid-elements-round #ui-datepicker-div { border-radius: 20px; } @media (max-width: 767px) { #ui-datepicker-div { max-width: 275px; } } #ui-datepicker-div * { color: white !important; text-align: center; } #ui-datepicker-div .ui-datepicker-header { position: relative; display: flex; justify-content: space-between; align-items: center; padding: 0 5px; } #ui-datepicker-div .ui-datepicker-header .ui-datepicker-month, #ui-datepicker-div .ui-datepicker-header .ui-datepicker-year { font-size: var(--h5fontsize); } #ui-datepicker-div .ui-datepicker-header .ui-datepicker-title { display: flex; border-bottom: 1px solid; } #ui-datepicker-div .ui-datepicker-header a { opacity: 1; cursor: pointer; background: none !important; } #ui-datepicker-div .ui-datepicker-header a:before { content: ''; background-size: contain; width: 18px; height: 18px; display: block; filter: invert(1); } #ui-datepicker-div .ui-datepicker-header a.ui-datepicker-prev:before { background: url("../icons/regular/angle-left.svg") no-repeat; background-position: left center; } #ui-datepicker-div .ui-datepicker-header a.ui-datepicker-next { order: 3; } #ui-datepicker-div .ui-datepicker-header a.ui-datepicker-next:before { background: url("../icons/regular/angle-right.svg") no-repeat; background-position: right center; } #ui-datepicker-div .ui-datepicker-header a span { display: none; } #ui-datepicker-div .ui-datepicker-header select { padding: 0 15px 0 0 !important; height: 32px; background: transparent !important; color: white; border: 0; border-radius: 0; background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAGCAYAAAD68A/GAAAAW0lEQVQImXWPwQmAMBRDn+KlB6+O4pSCWxTcoRM4hWdnECIRLUXaQPif5F3SSTqACbioawDOHkhAAMaG3SUk2avaWsx8oB0rrLOnL0F7KyD/ufOY/4T9vXNOgBsi5nUKn/r7/wAAAABJRU5ErkJggg==") !important; background-size: 10px auto !important; background-position: right center !important; background-repeat: no-repeat !important; -moz-appearance: none; -webkit-appearance: none; appearance: none; cursor: pointer; } #ui-datepicker-div table { width: 100%; margin: 0; font-size: 1.6rem; } #ui-datepicker-div table th { padding: 15px 0 10px; text-transform: uppercase; } #ui-datepicker-div table td { background: none !important; } #ui-datepicker-div table td span, #ui-datepicker-div table td a { line-height: 2; } #ui-datepicker-div table td.ui-state-disabled span, #ui-datepicker-div table td.ui-state-disabled a { opacity: .5; } #ui-datepicker-div table td a { position: relative; background: none !important; } #ui-datepicker-div table td a:before { content: ''; position: absolute; left: 50%; top: 50%; z-index: -1; width: 30px; height: 30px; border-radius: 50%; opacity: 0; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); transition: all .25s ease; } #ui-datepicker-div table td a:hover:before { opacity: 1; background: rgba(255, 255, 255, 0.15); } #ui-datepicker-div table td a.ui-state-active { color: var(--primarycolour) !important; opacity: 1; } #ui-datepicker-div table td a.ui-state-active:before { opacity: 1; background: white; } .fancybox-is-open .fancybox-bg { opacity: 1; } .fancybox-bg { background: rgba(0, 0, 0, 0.75); } body.fancybox-tint-override .fancybox-bg { background: var(--fancyboxtintcolour); } .fancybox-is-modal .fancybox-slide { padding: 60px !important; scrollbar-width: thin; scrollbar-color: var(--browserhandlecolour) var(--browsertrackcolour); /* thumb and track color */ } @media (max-width: 767px) { .fancybox-is-modal .fancybox-slide { padding: 40px 20px !important; } } .fancybox-is-modal .fancybox-slide::-webkit-scrollbar { width: 8px; } .fancybox-is-modal .fancybox-slide::-webkit-scrollbar-track { background: var(--browsertrackcolour); } .fancybox-is-modal .fancybox-slide::-webkit-scrollbar-thumb { background: var(--browserhandlecolour); } .fancybox-is-modal .fancybox-slide::-webkit-scrollbar-thumb:hover { background: var(--browserhandlecolourhover); } body.global-popup-tint-override .fancybox-is-modal .fancybox-bg { background: var(--popuptintbgcolour) !important; } .fancybox-is-zoomable .fancybox-slide { padding: 120px 13vw !important; } @media (max-width: 991px) { .fancybox-is-zoomable .fancybox-slide { padding: 0 !important; } } body.image-blocks-round .fancybox-is-zoomable .fancybox-slide img { border-radius: 20px; } body.fancybox-image-shape-round .fancybox-is-zoomable .fancybox-slide img { border-radius: 20px !important; } body.fancybox-image-shape-straight .fancybox-is-zoomable .fancybox-slide img { border-radius: 0 !important; } .fancybox-infobar { top: 60px; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); mix-blend-mode: normal; font-size: var(--h6fontsize); color: white; } .fancybox-caption { bottom: 60px; padding: 0 !important; margin: 0 !important; background: none !important; color: white; -webkit-transform: translate(0, 50%); transform: translate(0, 50%); } .fancybox-navigation .fancybox-button { overflow: hidden; display: flex; align-items: center; justify-content: center; height: 65px; width: 65px; top: 50%; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); padding: 0 !important; background: var(--buttoncolour); transition: all .25s ease !important; } @media (min-width: 768px) and (max-width: 991px) { .fancybox-navigation .fancybox-button { width: 50px; height: 50px; } } @media (max-width: 767px) { .fancybox-navigation .fancybox-button { width: 30px; height: 30px; } } .fancybox-navigation .fancybox-button div { padding: 0; height: auto; } .fancybox-navigation .fancybox-button svg { z-index: 1; position: relative; width: 14px; height: auto; } @media (min-width: 768px) and (max-width: 991px) { .fancybox-navigation .fancybox-button svg { width: 12px; } } @media (max-width: 767px) { .fancybox-navigation .fancybox-button svg { width: 8px; } } .fancybox-navigation .fancybox-button svg path { transition: fill .25s ease; fill: var(--buttontextcolour); } .fancybox-navigation .fancybox-button:before { content: ''; z-index: 0; position: absolute; left: 0; top: 0; right: 100%; bottom: 0; transition: all 0.4s cubic-bezier(0.75, 0, 0.2, 1); background: var(--buttonhovercolour); } .fancybox-navigation .fancybox-button--arrow_left { left: 100px; } @media (min-width: 992px) and (max-width: 1199px) { .fancybox-navigation .fancybox-button--arrow_left { left: 50px; } } @media (max-width: 991px) { .fancybox-navigation .fancybox-button--arrow_left { left: 0; } } .fancybox-navigation .fancybox-button--arrow_right { right: 100px; } @media (min-width: 992px) and (max-width: 1199px) { .fancybox-navigation .fancybox-button--arrow_right { right: 50px; } } @media (max-width: 991px) { .fancybox-navigation .fancybox-button--arrow_right { right: 0; } } body.buttons-round .fancybox-navigation .fancybox-button { border-radius: 50%; } body.buttons-straight .fancybox-navigation .fancybox-button { border-radius: 0; } body.fancybox-button-shape-round .fancybox-navigation .fancybox-button { border-radius: 50% !important; } body.fancybox-button-shape-straight .fancybox-navigation .fancybox-button { border-radius: 0 !important; } body.buttons-solid .fancybox-navigation .fancybox-button, body.buttons-border.fancybox-button-type-solid .fancybox-navigation .fancybox-button { border-width: 0; background: var(--buttoncolour); } body.buttons-solid .fancybox-navigation .fancybox-button svg path, body.buttons-border.fancybox-button-type-solid .fancybox-navigation .fancybox-button svg path { fill: var(--buttontextcolour); } body.buttons-border .fancybox-navigation .fancybox-button, body.buttons-solid.fancybox-button-type-border .fancybox-navigation .fancybox-button { border-style: solid; border-width: var(--buttonborderwidth); border-color: var(--buttoncolour); background: none; } body.buttons-border .fancybox-navigation .fancybox-button svg path, body.buttons-solid.fancybox-button-type-border .fancybox-navigation .fancybox-button svg path { fill: var(--buttoncolour); } body.buttons-solid.button-solid-rollover-fill.nonTouchDevice .fancybox-navigation .fancybox-button:hover, body.buttons-border.fancybox-button-type-solid.button-solid-rollover-fill.nonTouchDevice .fancybox-navigation .fancybox-button:hover { background: var(--buttonhovercolour); } body.buttons-solid.button-solid-rollover-fill.nonTouchDevice .fancybox-navigation .fancybox-button:hover svg path, body.buttons-border.fancybox-button-type-solid.button-solid-rollover-fill.nonTouchDevice .fancybox-navigation .fancybox-button:hover svg path { fill: var(--buttontextcolour); } body.buttons-solid.button-solid-rollover-fill.nonTouchDevice .fancybox-navigation .fancybox-button:hover:before, body.buttons-border.fancybox-button-type-solid.button-solid-rollover-fill.nonTouchDevice .fancybox-navigation .fancybox-button:hover:before { right: 100%; } body.buttons-solid.button-solid-rollover-swipe.nonTouchDevice .fancybox-navigation .fancybox-button:hover, body.buttons-border.fancybox-button-type-solid.button-solid-rollover-swipe.nonTouchDevice .fancybox-navigation .fancybox-button:hover { background: var(--buttoncolour); } body.buttons-solid.button-solid-rollover-swipe.nonTouchDevice .fancybox-navigation .fancybox-button:hover svg path, body.buttons-border.fancybox-button-type-solid.button-solid-rollover-swipe.nonTouchDevice .fancybox-navigation .fancybox-button:hover svg path { fill: var(--buttontextcolour); } body.buttons-solid.button-solid-rollover-swipe.nonTouchDevice .fancybox-navigation .fancybox-button:hover:before, body.buttons-border.fancybox-button-type-solid.button-solid-rollover-swipe.nonTouchDevice .fancybox-navigation .fancybox-button:hover:before { right: 0; } body.buttons-border.button-border-rollover-outline.nonTouchDevice .fancybox-navigation .fancybox-button:hover, body.buttons-solid.fancybox-button-type-border.button-border-rollover-outline.nonTouchDevice .fancybox-navigation .fancybox-button:hover { border-color: var(--buttonhovercolour); background: none; } body.buttons-border.button-border-rollover-outline.nonTouchDevice .fancybox-navigation .fancybox-button:hover svg path, body.buttons-solid.fancybox-button-type-border.button-border-rollover-outline.nonTouchDevice .fancybox-navigation .fancybox-button:hover svg path { fill: var(--buttonhovercolour); } body.buttons-border.button-border-rollover-outline.nonTouchDevice .fancybox-navigation .fancybox-button:hover:before, body.buttons-solid.fancybox-button-type-border.button-border-rollover-outline.nonTouchDevice .fancybox-navigation .fancybox-button:hover:before { right: 100%; } body.buttons-border.button-border-rollover-fill.nonTouchDevice .fancybox-navigation .fancybox-button:hover, body.buttons-solid.fancybox-button-type-border.button-border-rollover-fill.nonTouchDevice .fancybox-navigation .fancybox-button:hover { border-color: var(--buttonhovercolour); background: var(--buttonhovercolour); } body.buttons-border.button-border-rollover-fill.nonTouchDevice .fancybox-navigation .fancybox-button:hover svg path, body.buttons-solid.fancybox-button-type-border.button-border-rollover-fill.nonTouchDevice .fancybox-navigation .fancybox-button:hover svg path { fill: var(--buttontextcolour); } body.buttons-border.button-border-rollover-fill.nonTouchDevice .fancybox-navigation .fancybox-button:hover:before, body.buttons-solid.fancybox-button-type-border.button-border-rollover-fill.nonTouchDevice .fancybox-navigation .fancybox-button:hover:before { right: 100%; } body.buttons-border.button-border-rollover-swipe.nonTouchDevice .fancybox-navigation .fancybox-button:hover, body.buttons-solid.fancybox-button-type-border.button-border-rollover-swipe.nonTouchDevice .fancybox-navigation .fancybox-button:hover { border-color: var(--buttonhovercolour); background: transparent; } body.buttons-border.button-border-rollover-swipe.nonTouchDevice .fancybox-navigation .fancybox-button:hover svg path, body.buttons-solid.fancybox-button-type-border.button-border-rollover-swipe.nonTouchDevice .fancybox-navigation .fancybox-button:hover svg path { fill: var(--buttontextcolour); } body.buttons-border.button-border-rollover-swipe.nonTouchDevice .fancybox-navigation .fancybox-button:hover:before, body.buttons-solid.fancybox-button-type-border.button-border-rollover-swipe.nonTouchDevice .fancybox-navigation .fancybox-button:hover:before { right: 0; } body.buttons-solid.fancybox-button-override-1 .fancybox-navigation .fancybox-button, body.buttons-border.fancybox-button-type-solid.fancybox-button-override-1 .fancybox-navigation .fancybox-button { background: var(--fancyboxbuttonbg) !important; } body.buttons-solid.fancybox-button-override-1 .fancybox-navigation .fancybox-button svg path, body.buttons-border.fancybox-button-type-solid.fancybox-button-override-1 .fancybox-navigation .fancybox-button svg path { fill: var(--fancyboxbuttoniconcolour) !important; } body.buttons-solid.fancybox-button-override-1 .fancybox-navigation .fancybox-button:before, body.buttons-border.fancybox-button-type-solid.fancybox-button-override-1 .fancybox-navigation .fancybox-button:before { background: var(--fancyboxbuttonbghover) !important; } body.buttons-border.fancybox-button-override-1 .fancybox-navigation .fancybox-button, body.buttons-solid.fancybox-button-type-border.fancybox-button-override-1 .fancybox-navigation .fancybox-button { border-color: var(--fancyboxbuttonbg) !important; background: none !important; } body.buttons-border.fancybox-button-override-1 .fancybox-navigation .fancybox-button svg path, body.buttons-solid.fancybox-button-type-border.fancybox-button-override-1 .fancybox-navigation .fancybox-button svg path { fill: var(--fancyboxbuttonbg) !important; } body.buttons-border.fancybox-button-override-1 .fancybox-navigation .fancybox-button:before, body.buttons-solid.fancybox-button-type-border.fancybox-button-override-1 .fancybox-navigation .fancybox-button:before { background: var(--fancyboxbuttonbghover) !important; } body.buttons-solid.button-solid-rollover-fill.fancybox-button-override-1.nonTouchDevice .fancybox-navigation .fancybox-button:hover, body.buttons-border.fancybox-button-type-solid.button-solid-rollover-fill.fancybox-button-override-1.nonTouchDevice .fancybox-navigation .fancybox-button:hover { background: var(--fancyboxbuttonbghover) !important; } body.buttons-solid.button-solid-rollover-fill.fancybox-button-override-1.nonTouchDevice .fancybox-navigation .fancybox-button:hover svg path, body.buttons-border.fancybox-button-type-solid.button-solid-rollover-fill.fancybox-button-override-1.nonTouchDevice .fancybox-navigation .fancybox-button:hover svg path { fill: var(--fancyboxbuttoniconcolour) !important; } body.buttons-solid.button-solid-rollover-swipe.fancybox-button-override-1.nonTouchDevice .fancybox-navigation .fancybox-button:hover, body.buttons-border.fancybox-button-type-solid.button-solid-rollover-swipe.fancybox-button-override-1.nonTouchDevice .fancybox-navigation .fancybox-button:hover { background: var(--fancyboxbuttonbg) !important; } body.buttons-solid.button-solid-rollover-swipe.fancybox-button-override-1.nonTouchDevice .fancybox-navigation .fancybox-button:hover svg path, body.buttons-border.fancybox-button-type-solid.button-solid-rollover-swipe.fancybox-button-override-1.nonTouchDevice .fancybox-navigation .fancybox-button:hover svg path { fill: var(--fancyboxbuttoniconcolour) !important; } body.buttons-border.button-border-rollover-outline.fancybox-button-override-1.nonTouchDevice .fancybox-navigation .fancybox-button:hover, body.buttons-solid.fancybox-button-type-border.button-border-rollover-outline.fancybox-button-override-1.nonTouchDevice .fancybox-navigation .fancybox-button:hover { border-color: var(--fancyboxbuttonbghover) !important; background: none !important; } body.buttons-border.button-border-rollover-outline.fancybox-button-override-1.nonTouchDevice .fancybox-navigation .fancybox-button:hover svg path, body.buttons-solid.fancybox-button-type-border.button-border-rollover-outline.fancybox-button-override-1.nonTouchDevice .fancybox-navigation .fancybox-button:hover svg path { fill: var(--fancyboxbuttonbghover) !important; } body.buttons-border.button-border-rollover-fill.fancybox-button-override-1.nonTouchDevice .fancybox-navigation .fancybox-button:hover, body.buttons-solid.fancybox-button-type-border.button-border-rollover-fill.fancybox-button-override-1.nonTouchDevice .fancybox-navigation .fancybox-button:hover { border-color: var(--fancyboxbuttonbghover) !important; background: var(--fancyboxbuttonbghover) !important; } body.buttons-border.button-border-rollover-fill.fancybox-button-override-1.nonTouchDevice .fancybox-navigation .fancybox-button:hover svg path, body.buttons-solid.fancybox-button-type-border.button-border-rollover-fill.fancybox-button-override-1.nonTouchDevice .fancybox-navigation .fancybox-button:hover svg path { fill: var(--fancyboxbuttoniconcolour) !important; } body.buttons-border.button-border-rollover-swipe.fancybox-button-override-1.nonTouchDevice .fancybox-navigation .fancybox-button:hover, body.buttons-solid.fancybox-button-type-border.button-border-rollover-swipe.fancybox-button-override-1.nonTouchDevice .fancybox-navigation .fancybox-button:hover { border-color: var(--fancyboxbuttonbghover) !important; background: transparent !important; } body.buttons-border.button-border-rollover-swipe.fancybox-button-override-1.nonTouchDevice .fancybox-navigation .fancybox-button:hover svg path, body.buttons-solid.fancybox-button-type-border.button-border-rollover-swipe.fancybox-button-override-1.nonTouchDevice .fancybox-navigation .fancybox-button:hover svg path { fill: var(--fancyboxbuttoniconcolour) !important; } .fancybox-button--close { top: 40px; right: 40px; width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; padding: 0; background: none; transition: all .25s ease; } @media (max-width: 991px) { .fancybox-button--close { top: 20px; right: 20px; } } .fancybox-button--close svg { height: 30px; } .fancybox-button--close svg path { fill: var(--buttoncolour) !important; } body.nonTouchDevice .fancybox-button--close:hover { opacity: .6; } body.fancybox-close-override .fancybox-button--close svg path { fill: var(--fancyboxclosecolour) !important; } .form-group { position: relative; } .form-group label, .form-group legend { display: block; margin-bottom: 5px; color: var(--tertiarycolour); font-family: var(--h5fontfamily), var(--h5fontstyle); font-weight: var(--h5fontweight); font-size: var(--h5fontsize); line-height: var(--h5lineheight); letter-spacing: 0; text-transform: uppercase; } @media (max-width: 767px) { .form-group label, .form-group legend { font-size: var(--h5fontsizemob); line-height: var(--h5lineheightmob); } } .form-group.filled input[type="text"], .form-group.filled input[type="email"], .form-group.filled input[type="number"], .form-group.filled input[type="tel"], .form-group.filled input[type="password"], .form-group.filled textarea, .form-group.filled select, .form-group.filled .fake-input { color: var(--bodycolour) !important; border-color: var(--bodycolour) !important; } .form-group.error input[type="text"], .form-group.error input[type="email"], .form-group.error input[type="number"], .form-group.error input[type="tel"], .form-group.error input[type="password"], .form-group.error textarea, .form-group.error select, .form-group.error .file-upload { border-color: #ff000b !important; color: #ff000b !important; } .form-group.error input[type="checkbox"] + label:before, .form-group.error input[type="radio"] + label:before { border-color: #ff000b !important; } @media (min-width: 768px) { .form-group.error .file-upload .fake-input:before { border-right: 1px solid #ff000b !important; } } @media (max-width: 767px) { .form-group.error .file-upload .fake-input:before { border-bottom: 1px solid #ff000b !important; } } input[type="text"], input[type="email"], input[type="number"], input[type="tel"], input[type="password"], textarea, select, .file-upload { outline: 0; width: 100%; border-radius: 0; border: 1px solid var(--inputplaceholdertextcolour); color: var(--inputplaceholdertextcolour); background: var(--secondarycolour); height: 30px; padding: 0 10px !important; filter: none !important; box-shadow: none !important; -webkit-appearance: none; transition: all .3s ease; font-family: var(--h5fontfamily), var(--h5fontstyle); font-weight: var(--h5fontweight); font-size: var(--h5fontsize); line-height: var(--h5lineheight); letter-spacing: 0; text-transform: uppercase; } @media (max-width: 767px) { input[type="text"], input[type="email"], input[type="number"], input[type="tel"], input[type="password"], textarea, select, .file-upload { font-size: var(--h5fontsizemob); line-height: var(--h5lineheightmob); height: 30px; padding: 0 10px !important; } } input[type="text"]::-webkit-input-placeholder, input[type="email"]::-webkit-input-placeholder, input[type="number"]::-webkit-input-placeholder, input[type="tel"]::-webkit-input-placeholder, input[type="password"]::-webkit-input-placeholder, textarea::-webkit-input-placeholder, select::-webkit-input-placeholder, .file-upload::-webkit-input-placeholder { color: var(--inputplaceholdertextcolour); opacity: 1; } input[type="text"]:-moz-placeholder, input[type="email"]:-moz-placeholder, input[type="number"]:-moz-placeholder, input[type="tel"]:-moz-placeholder, input[type="password"]:-moz-placeholder, textarea:-moz-placeholder, select:-moz-placeholder, .file-upload:-moz-placeholder { color: var(--inputplaceholdertextcolour); opacity: 1; } input[type="text"]::-moz-placeholder, input[type="email"]::-moz-placeholder, input[type="number"]::-moz-placeholder, input[type="tel"]::-moz-placeholder, input[type="password"]::-moz-placeholder, textarea::-moz-placeholder, select::-moz-placeholder, .file-upload::-moz-placeholder { color: var(--inputplaceholdertextcolour); opacity: 1; } input[type="text"]:-ms-input-placeholder, input[type="email"]:-ms-input-placeholder, input[type="number"]:-ms-input-placeholder, input[type="tel"]:-ms-input-placeholder, input[type="password"]:-ms-input-placeholder, textarea:-ms-input-placeholder, select:-ms-input-placeholder, .file-upload:-ms-input-placeholder { color: var(--inputplaceholdertextcolour); opacity: 1; } input[type="text"].edge-autofilled, input[type="text"].edge-autoSuggestFieldFilled, input[type="email"].edge-autofilled, input[type="email"].edge-autoSuggestFieldFilled, input[type="number"].edge-autofilled, input[type="number"].edge-autoSuggestFieldFilled, input[type="tel"].edge-autofilled, input[type="tel"].edge-autoSuggestFieldFilled, input[type="password"].edge-autofilled, input[type="password"].edge-autoSuggestFieldFilled, textarea.edge-autofilled, textarea.edge-autoSuggestFieldFilled, select.edge-autofilled, select.edge-autoSuggestFieldFilled, .file-upload.edge-autofilled, .file-upload.edge-autoSuggestFieldFilled { background: var(--secondarycolour) !important; } input[type="text"]::-ms-clear, input[type="email"]::-ms-clear, input[type="number"]::-ms-clear, input[type="tel"]::-ms-clear, input[type="password"]::-ms-clear, textarea::-ms-clear, select::-ms-clear, .file-upload::-ms-clear { display: none; } body.solid-elements-round input[type="text"], body.solid-elements-round input[type="email"], body.solid-elements-round input[type="number"], body.solid-elements-round input[type="tel"], body.solid-elements-round input[type="password"], body.solid-elements-round textarea, body.solid-elements-round select, body.solid-elements-round .file-upload { border-radius: 10px; } textarea { resize: none; display: block; height: 240px; overflow: auto; padding: 10px !important; -webkit-appearance: none; } @media (max-width: 767px) { textarea { height: 320px; padding: 10px !important; } } /* Restyle webkit autofill */ input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, textarea:-webkit-autofill, textarea:-webkit-autofill:hover, textarea:-webkit-autofill:focus, select:-webkit-autofill, select:-webkit-autofill:hover, select:-webkit-autofill:focus { -webkit-text-fill-color: var(--bodycolour); -webkit-box-shadow: 0 0 0px 1000px var(--secondarycolour) inset; box-shadow: 0 0 0px 1000px var(--secondarycolour) inset !important; transition: background-color 50000s ease-in-out 0s; } .select-wrap, .date-picker-wrap { position: relative; } .select-wrap select, .select-wrap input, .date-picker-wrap select, .date-picker-wrap input { cursor: pointer; } .select-wrap option, .date-picker-wrap option { color: black !important; } .select-wrap .fa-icon, .date-picker-wrap .fa-icon { z-index: 2; position: absolute; top: 50%; right: 10px; pointer-events: none; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); } @media (max-width: 767px) { .select-wrap .fa-icon, .date-picker-wrap .fa-icon { right: 10px; } } .select-wrap .fa-icon *, .date-picker-wrap .fa-icon * { fill: var(--bodycolour); } .select-wrap .fa-icon { height: 22px; } .date-picker-wrap .fa-icon { height: 18px; } .radio-check-list { margin: 0; padding: 0; list-style: none; } .checkbox-cont a { color: var(--widgettitlecolour); border-bottom: 1px solid var(--widgettitlecolour); } body.nonTouchDevice .checkbox-cont a:hover { border-color: transparent; } input[type="checkbox"], input[type="radio"] { box-sizing: border-box; width: 20px; margin: 0; padding: 0; opacity: 0; position: absolute !important; } input[type="checkbox"] + label, input[type="radio"] + label { cursor: pointer; position: relative; display: flex; align-items: center; height: 100%; margin: 0; font-weight: var(--bodyfontweight); color: var(--widgettitlecolour); min-height: 30px; padding: 0 0 0 40px !important; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; transition: all .2s ease; } body.solid-elements-round input[type="checkbox"] + label, body.solid-elements-round input[type="radio"] + label { border-radius: 10px; } input[type="checkbox"] + label:after, input[type="checkbox"] + label:before, input[type="checkbox"] + label svg, input[type="radio"] + label:after, input[type="radio"] + label:before, input[type="radio"] + label svg { position: absolute; content: ''; transition: all .2s ease; } input[type="checkbox"] + label:before, input[type="radio"] + label:before { width: 20px; height: 20px; left: 10px; top: 50%; border-radius: 0; border: 1px solid var(--inputplaceholdertextcolour); background: var(--secondarycolour); -webkit-transform: translate(0, -50%); transform: translate(0, -50%); } input[type="checkbox"] + label:after, input[type="checkbox"] + label svg, input[type="radio"] + label:after, input[type="radio"] + label svg { top: 50%; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); opacity: 0; } input[type="checkbox"]:checked + label:before, input[type="radio"]:checked + label:before { border-color: var(--bodycolour); } input[type="checkbox"]:checked + label:after, input[type="checkbox"]:checked + label svg, input[type="radio"]:checked + label:after, input[type="radio"]:checked + label svg { opacity: 1 !important; } /* checkbox checked icon */ input[type=checkbox] + label svg { position: absolute; width: 10px; height: 10px; top: 50%; left: 20px; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } input[type=checkbox] + label svg path { fill: var(--bodycolour); } /* radio checked icon */ input[type=radio] + label:after { width: 20px; height: 20px; left: 10px; -webkit-transform: translate(0, -50%) scale(0.4); transform: translate(0, -50%) scale(0.4); background: var(--bodycolour); } /* radio/checkbox hover and selected styles */ .checkbox-cont:hover input[type=radio] + label:after, .checkbox-cont:hover input[type=checkbox] + label svg { opacity: .35; } /* other field types */ input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; } input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; } input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } .file-upload { padding: 0 !important; } @media (max-width: 767px) { .file-upload { height: 60px; } } .file-upload, .file-upload * { position: relative; cursor: pointer; } .file-upload label { display: none; } .file-upload input { z-index: 2; width: 100%; height: 30px; opacity: 0; } @media (max-width: 767px) { .file-upload input { height: 60px; } } .file-upload .fa-icon { width: 16px; height: auto; } .file-upload .fa-icon * { fill: var(--bodycolour); } .file-upload .fake-input { z-index: 1; position: absolute; top: -1px; bottom: -1px; left: -1px; right: -1px; line-height: 30px; color: var(--inputplaceholdertextcolour); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding-left: 200px; padding-right: 60px; } @media (max-width: 767px) { .file-upload .fake-input { padding-top: 30px; padding-left: 10px; line-height: 30px; } } .file-upload .fake-input:before { z-index: 2; content: 'Find your file'; position: absolute; left: 0; width: 180px; text-align: center; cursor: pointer; font-size: var(--buttonfontsize); font-family: var(--buttonfontfamily), var(--buttonfontstyle); font-weight: var(--buttonfontweight); letter-spacing: var(--buttonletterspacing); text-transform: var(--buttoncase); color: var(--buttontextcolour); background: var(--buttoncolour); } @media (max-width: 767px) { .file-upload .fake-input:before { top: 0; right: 0; width: auto; } } body.solid-elements-round .file-upload .fake-input:before { border-radius: 10px 0 0 10px; } @media (max-width: 767px) { body.solid-elements-round .file-upload .fake-input:before { border-radius: 10px 10px 0 0; } } .file-upload .upload, .file-upload .remove { z-index: 4; position: absolute; top: -1px; bottom: -1px; right: -1px; display: flex; align-items: center; justify-content: center; height: 30px; padding: 0 10px; } @media (max-width: 767px) { .file-upload .upload, .file-upload .remove { top: auto; height: 30px; } } .file-upload .remove { display: none; } .file-upload.filled .fake-input .fa-icon { opacity: 0; } .file-upload.filled .remove { display: flex; } .form-complete { position: relative; } .form-complete form { pointer-events: none !important; } .success-message { display: block; text-align: center; position: absolute; left: 0; top: 50%; right: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); max-width: 720px; padding: 0 25px; margin: 0 auto !important; font-size: var(--h4fontsize); color: var(--widgettitlecolour); transition: all .2s ease; } @media (max-width: 767px) { .success-message { font-size: var(--h4fontsizemob); } } .fa-icon { width: auto; height: 2rem; } .fa-icon path { transition: all .25s ease; } .fa-icon[data-fill="primary"] path { fill: var(--primarycolour); } .fa-icon[data-fill="secondary"] path { fill: var(--secondarycolour); } .fa-icon[data-fill="white"] path { fill: white; } .accordion-widget ul, .accordion-widget ol, .column-text-widget ul, .column-text-widget ol, .image-text-fullwidth-widget:not(.newsletter-widget) ul, .image-text-fullwidth-widget:not(.newsletter-widget) ol, .inline-image-text-widget ul, .inline-image-text-widget ol, .map-contact-widget ul, .map-contact-widget ol, .rich-text-columns-widget ul, .rich-text-columns-widget ol, .text-widget ul, .text-widget ol, .card-popup-widget .card-popup ul, .card-popup-widget .card-popup ol, .contact-widget .form-description ul, .contact-widget .form-description ol, .table-widget .text ul, .table-widget .text ol { list-style: none; padding-left: 0; } .accordion-widget ul li, .accordion-widget ol li, .column-text-widget ul li, .column-text-widget ol li, .image-text-fullwidth-widget:not(.newsletter-widget) ul li, .image-text-fullwidth-widget:not(.newsletter-widget) ol li, .inline-image-text-widget ul li, .inline-image-text-widget ol li, .map-contact-widget ul li, .map-contact-widget ol li, .rich-text-columns-widget ul li, .rich-text-columns-widget ol li, .text-widget ul li, .text-widget ol li, .card-popup-widget .card-popup ul li, .card-popup-widget .card-popup ol li, .contact-widget .form-description ul li, .contact-widget .form-description ol li, .table-widget .text ul li, .table-widget .text ol li { padding: 5px 0 5px 25px; position: relative; } .accordion-widget ul li:before, .accordion-widget ol li:before, .column-text-widget ul li:before, .column-text-widget ol li:before, .image-text-fullwidth-widget:not(.newsletter-widget) ul li:before, .image-text-fullwidth-widget:not(.newsletter-widget) ol li:before, .inline-image-text-widget ul li:before, .inline-image-text-widget ol li:before, .map-contact-widget ul li:before, .map-contact-widget ol li:before, .rich-text-columns-widget ul li:before, .rich-text-columns-widget ol li:before, .text-widget ul li:before, .text-widget ol li:before, .card-popup-widget .card-popup ul li:before, .card-popup-widget .card-popup ol li:before, .contact-widget .form-description ul li:before, .contact-widget .form-description ol li:before, .table-widget .text ul li:before, .table-widget .text ol li:before { position: absolute; left: 0; } .accordion-widget ul li:before, .column-text-widget ul li:before, .image-text-fullwidth-widget:not(.newsletter-widget) ul li:before, .inline-image-text-widget ul li:before, .map-contact-widget ul li:before, .rich-text-columns-widget ul li:before, .text-widget ul li:before, .card-popup-widget .card-popup ul li:before, .contact-widget .form-description ul li:before, .table-widget .text ul li:before { content: ''; top: 1.3rem; width: .4rem; height: .4rem; border-radius: 50%; background: var(--bodycolour); } .accordion-widget ol, .column-text-widget ol, .image-text-fullwidth-widget:not(.newsletter-widget) ol, .inline-image-text-widget ol, .map-contact-widget ol, .rich-text-columns-widget ol, .text-widget ol, .card-popup-widget .card-popup ol, .contact-widget .form-description ol, .table-widget .text ol { counter-reset: ol-counter; } .accordion-widget ol li, .column-text-widget ol li, .image-text-fullwidth-widget:not(.newsletter-widget) ol li, .inline-image-text-widget ol li, .map-contact-widget ol li, .rich-text-columns-widget ol li, .text-widget ol li, .card-popup-widget .card-popup ol li, .contact-widget .form-description ol li, .table-widget .text ol li { counter-increment: ol-counter; } .accordion-widget ol li:before, .column-text-widget ol li:before, .image-text-fullwidth-widget:not(.newsletter-widget) ol li:before, .inline-image-text-widget ol li:before, .map-contact-widget ol li:before, .rich-text-columns-widget ol li:before, .text-widget ol li:before, .card-popup-widget .card-popup ol li:before, .contact-widget .form-description ol li:before, .table-widget .text ol li:before { content: counter(ol-counter) "."; color: var(--bodycolour); } .modal-link { opacity: 0; display: none; } .modal-pop { display: none; position: relative; margin: 0 !important; padding: 0 !important; width: 100%; max-width: 640px; background: var(--backgroundcolour); } @media (max-width: 767px) { .modal-pop { position: static; } } .modal-pop .text { position: relative; flex: 1; padding: 60px; } @media (max-width: 767px) { .modal-pop .text { padding: 40px 30px; } } .modal-pop .image { position: relative; flex: 1; padding-top: 47%; } @media (max-width: 767px) { .modal-pop .image { padding-top: 65%; } } .modal-pop .image .img { position: absolute; left: 0; top: 0; right: 0; bottom: 0; border-radius: 0; } .modal-pop .modal-close-btn { z-index: 100; position: fixed; top: 40px; right: 40px; width: 40px; height: 40px; cursor: pointer; } @media (min-width: 768px) and (max-width: 991px) { .modal-pop .modal-close-btn { top: 20px; right: 20px; } } @media (max-width: 767px) { .modal-pop .modal-close-btn { position: absolute; top: 0; right: 0; } } .modal-pop .modal-close-btn svg { height: 30px; } .modal-pop .modal-close-btn svg path { fill: var(--buttoncolour); } body.nonTouchDevice .modal-pop .modal-close-btn:hover { opacity: .6; } body.solid-elements-round .modal-pop { border-radius: 20px; } .modal-pop.shape-round { border-radius: 20px !important; } .modal-pop.shape-straight { border-radius: 0 !important; } .modal-pop.bg-colour-override { background: var(--popupbgcolour); } .modal-pop.subtitle-colour-override .subtitle { color: var(--popupsubtitlecolour); } .modal-pop.title-colour-override h2 { color: var(--popuptitlecolour) !important; } .modal-pop.description-colour-override .text { color: var(--popupdescriptioncolour); } .modal-pop.description-colour-override .text a:not(.button) { color: var(--popupdescriptioncolour); border-bottom: 1px solid var(--popupdescriptioncolour); } body.nonTouchDevice .modal-pop.description-colour-override .text a:not(.button):hover { border-color: transparent; } .modal-pop.button-shape-round .button { border-radius: var(--buttonborderradius) !important; } .modal-pop.button-shape-straight .button { border-radius: 0 !important; } .modal-pop.button-colour-override .button-solid, .modal-pop.button-colour-override.button-type-solid .button { color: var(--popupbuttontextcolour) !important; background: var(--popupbuttonbgcolour) !important; } .modal-pop.button-colour-override .button-solid:before, .modal-pop.button-colour-override.button-type-solid .button:before { background: var(--popupbuttonbgcolourhover) !important; } body.button-solid-rollover-fill.nonTouchDevice .modal-pop.button-colour-override .button-solid:hover, body.button-solid-rollover-fill.nonTouchDevice .modal-pop.button-colour-override.button-type-solid .button:hover { color: var(--popupbuttontextcolour) !important; background: var(--popupbuttonbgcolourhover) !important; } body.button-solid-rollover-swipe.nonTouchDevice .modal-pop.button-colour-override .button-solid:hover, body.button-solid-rollover-swipe.nonTouchDevice .modal-pop.button-colour-override.button-type-solid .button:hover { color: var(--popupbuttontextcolour) !important; background: var(--popupbuttonbgcolour) !important; } .modal-pop.button-colour-override .button-border, .modal-pop.button-colour-override.button-type-border .button { color: var(--popupbuttonbgcolour) !important; border-color: var(--popupbuttonbgcolour) !important; background: transparent !important; } .modal-pop.button-colour-override .button-border:before, .modal-pop.button-colour-override.button-type-border .button:before { background: var(--popupbuttonbgcolourhover) !important; } body.button-border-rollover-outline.nonTouchDevice .modal-pop.button-colour-override .button-border:hover, body.button-border-rollover-outline.nonTouchDevice .modal-pop.button-colour-override.button-type-border .button:hover { color: var(--popupbuttonbgcolourhover) !important; border-color: var(--popupbuttonbgcolourhover) !important; background: transparent !important; } body.button-border-rollover-fill.nonTouchDevice .modal-pop.button-colour-override .button-border:hover, body.button-border-rollover-fill.nonTouchDevice .modal-pop.button-colour-override.button-type-border .button:hover { color: var(--popupbuttontextcolour) !important; border-color: var(--popupbuttonbgcolourhover) !important; background: var(--popupbuttonbgcolourhover) !important; } body.button-border-rollover-swipe.nonTouchDevice .modal-pop.button-colour-override .button-border:hover, body.button-border-rollover-swipe.nonTouchDevice .modal-pop.button-colour-override.button-type-border .button:hover { color: var(--popupbuttontextcolour) !important; border-color: var(--popupbuttonbgcolourhover) !important; background: transparent !important; } .modal-pop.text-button-colour-override .text-button { color: var(--popuptextbuttoncolour); } .modal-pop.text-button-colour-override .text-button .fa-icon path { fill: var(--popuptextbuttoncolour); } .modal-pop.text-button-colour-override .text-button:after { background-color: var(--popuptextbuttoncolour); } body.nonTouchDevice .modal-pop.text-button-colour-override .text-button:hover { color: var(--popuptextbuttoncolourhover); } body.nonTouchDevice .modal-pop.text-button-colour-override .text-button:hover .fa-icon path { fill: var(--popuptextbuttoncolourhover); } .modal-pop.close-colour-override .modal-close-btn svg path { fill: var(--popupclosecolour) !important; } .notification { position: fixed; cursor: pointer; top: 0; left: 0; right: 0; z-index: 9999; text-align: center; padding: 30px; font-size: 2rem; text-transform: uppercase; color: #fff; background-color: #ff000b; -webkit-transform: translate(0, -101%); transform: translate(0, -101%); } @media (max-width: 767px) { .notification { padding: 20px; font-size: 1.6rem; } } .notification, .notification * { transition: transform 0.2s ease, opacity 0.2s ease, background-color 0.2s ease; } .notification:after { content: 'Got it'; line-height: 1; text-align: center; position: absolute; left: 50%; bottom: 50%; opacity: 0; transition: all .2s ease-in-out; -webkit-transform: translate(-50%, 200%); transform: translate(-50%, 200%); } .notification.show { -webkit-transform: translate(0, 0); transform: translate(0, 0); transition: all .2s ease-in-out; } .notification.show:hover p { -webkit-transform: translate(0, -100%); transform: translate(0, -100%); opacity: 0; } .notification.show:hover:after { -webkit-transform: translate(-50%, 50%); transform: translate(-50%, 50%); opacity: 1; } .warning { display: none; color: #ff000b; line-height: 1; position: absolute; left: 0; bottom: -10px; font-size: 65%; } .spinner { margin: 0 auto; width: 70px; text-align: center; position: absolute; top: 50%; left: 50%; transition: all 0.1s ease; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .spinner > div { width: 10px; height: 10px; background-color: var(--buttontextcolour); border-radius: 100%; display: inline-block; -webkit-animation: sk-bouncedelay 1s infinite ease-in-out both; animation: sk-bouncedelay 1s infinite ease-in-out both; } .spinner .bounce1 { -webkit-animation-delay: -0.32s; animation-delay: -0.32s; } .spinner .bounce2 { -webkit-animation-delay: -0.16s; animation-delay: -0.16s; } body.buttons-border .spinner > div { background-color: var(--buttoncolour); } @-webkit-keyframes sk-bouncedelay { 0%, 80%, 100% { -webkit-transform: scale(0); } 40% { -webkit-transform: scale(1); } } @keyframes sk-bouncedelay { 0%, 80%, 100% { -webkit-transform: scale(0); transform: scale(0); } 40% { -webkit-transform: scale(1); transform: scale(1); } } h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .burger-menu .burger-nav > ul:not(.social-media) > li.subtitle > a, .h5, h6, .text-widget blockquote, .h6 { margin: 0; font-family: var(--headingfontfamily), var(--headingfontstyle); font-weight: var(--headingfontweight); color: var(--widgettitlecolour); } h1, .h1 { font-size: var(--h1fontsize); line-height: var(--h1lineheight); letter-spacing: var(--h1letterspacing); text-transform: var(--h1case); } @media (min-width: 768px) and (max-width: 991px) { h1, .h1 { font-size: calc(var(--h1fontsize) * 0.8); line-height: calc(var(--h1lineheight) * 0.8); } } @media (max-width: 767px) { h1, .h1 { font-size: var(--h1fontsizemob); line-height: var(--h1lineheightmob); } } h2, .h2 { font-size: var(--h2fontsize); line-height: var(--h2lineheight); letter-spacing: var(--h2letterspacing); text-transform: var(--h2case); } @media (max-width: 767px) { h2, .h2 { font-size: var(--h2fontsizemob); line-height: var(--h2lineheightmob); } } h3, .h3 { font-size: var(--h3fontsize); line-height: var(--h3lineheight); letter-spacing: var(--h3letterspacing); text-transform: var(--h3case); } @media (max-width: 767px) { h3, .h3 { font-size: var(--h3fontsizemob); line-height: var(--h3lineheightmob); } } h4, .h4 { font-size: var(--h4fontsize); line-height: var(--h4lineheight); letter-spacing: var(--h4letterspacing); text-transform: var(--h4case); } @media (max-width: 767px) { h4, .h4 { font-size: var(--h4fontsizemob); line-height: var(--h4lineheightmob); } } h5, .burger-menu .burger-nav > ul:not(.social-media) > li.subtitle > a, .h5, .subtitle { font-family: var(--h5fontfamily), var(--h5fontstyle); font-weight: var(--h5fontweight); font-size: var(--h5fontsize); line-height: var(--h5lineheight); letter-spacing: var(--h5letterspacing); text-transform: var(--h5case); } @media (max-width: 767px) { h5, .burger-menu .burger-nav > ul:not(.social-media) > li.subtitle > a, .h5, .subtitle { font-size: var(--h5fontsizemob); line-height: var(--h5lineheightmob); } } h5, .burger-menu .burger-nav > ul:not(.social-media) > li.subtitle > a, .subtitle { display: block; color: var(--subtitlecolour); } h6, .text-widget blockquote, .h6 { font-family: var(--h6fontfamily), var(--h6fontstyle); font-weight: var(--h6fontweight); font-size: var(--h6fontsize); line-height: var(--h6lineheight); letter-spacing: var(--h6letterspacing); text-transform: var(--h6case); } @media (max-width: 767px) { h6, .text-widget blockquote, .h6 { font-size: var(--h6fontsizemob); line-height: var(--h6lineheightmob); } } .bodycopy { font-family: var(--bodyfontfamily), var(--bodyfontstyle); font-weight: var(--bodyfontweight); font-size: var(--bodyfontsize); line-height: var(--bodylineheight); color: var(--bodycolour); letter-spacing: var(--bodyletterspacing); } * + ul, * + ol, * + p, * + blockquote, * + table, * + .description { margin: var(--descriptionmargin) 0 0; } * + h1, * + .h1, * + h2, * + .h2, * + h3, * + .h3, * + h4, * + .h4, * + h5, .burger-menu .burger-nav > ul:not(.social-media) > li.subtitle > * + a, * + .h5, * + h6, .text-widget * + blockquote, * + .h6 { margin: var(--headingsmargin) 0 0; } * + .title { margin: var(--headingsmargin) 0 0; } * + h5, .burger-menu .burger-nav > ul:not(.social-media) > li.subtitle > * + a, * + .subtitle { margin: var(--subtitlemargin) 0 0; } ul + ul, ul + ol, ul + p, ul + blockquote, ul + table, ul + .description, ol + ul, ol + ol, ol + p, ol + blockquote, ol + table, ol + .description, p + ul, p + ol, p + p, p + blockquote, p + table, p + .description, blockquote + ul, blockquote + ol, blockquote + p, blockquote + blockquote, blockquote + table, blockquote + .description, table + ul, table + ol, table + p, table + blockquote, table + table, table + .description, .description + ul, .description + ol, .description + p, .description + blockquote, .description + table, .description + .description { margin-top: 20px !important; } .video-mask { z-index: 1; position: relative; width: 100%; height: 100%; } .video-mask iframe { z-index: 0; pointer-events: none; position: absolute; top: 50%; left: 50%; min-width: 100%; min-height: 100%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .video-mask--absolute { position: absolute; left: 0; top: 0; right: 0; bottom: 0; } .video-mobile-image { z-index: 2; } @media (min-width: 768px) { .video-mobile-image { display: none; } } .widget-container.sitemap-widget ul { margin: 0; padding: 0; list-style: none; } .widget-container.sitemap-widget h2 { margin: -40px 0 25px; } .widget-container.sitemap-widget .sitemap-list > li { padding: 25px 0; border-bottom: 1px solid var(--tertiarycolour); } @media (max-width: 767px) { .widget-container.sitemap-widget .sitemap-list > li { padding: 15px 0; } } .widget-container.sitemap-widget .sitemap-list > li:first-child { padding-top: 0; } .widget-container.sitemap-widget .sitemap-list > li > a { display: block; font-size: var(--h4fontsize); line-height: var(--h4lineheight); color: var(--widgettitlecolour); } @media (max-width: 767px) { .widget-container.sitemap-widget .sitemap-list > li > a { font-size: var(--h4fontsizemob); line-height: var(--h4lineheightmob); } } body.nonTouchDevice .widget-container.sitemap-widget .sitemap-list > li > a:hover { color: var(--primarycolour); } .widget-container.sitemap-widget .sitemap-list > li ul { margin-top: 15px; } @media (max-width: 767px) { .widget-container.sitemap-widget .sitemap-list > li ul { margin-top: 5px; } } .widget-container.sitemap-widget .sitemap-list > li ul li { position: relative; } .widget-container.sitemap-widget .sitemap-list > li ul li a { display: block; padding-left: 25px; } @media (max-width: 767px) { .widget-container.sitemap-widget .sitemap-list > li ul li a { padding-left: 20px; } } .widget-container.sitemap-widget .sitemap-list > li ul li a:before { content: "-"; position: absolute; left: 0; top: 2px; } body.nonTouchDevice .widget-container.sitemap-widget .sitemap-list > li ul li a:hover { color: var(--primarycolour); } .widget-container.sitemap-widget .sitemap-list > li ul li ul { margin: 5px 0; padding-left: 25px; } @media (max-width: 767px) { .widget-container.sitemap-widget .sitemap-list > li ul li ul { padding-left: 20px; } } .filters-widget { padding: 40px 0; background: var(--secondarycolour); } @media (max-width: 767px) { .filters-widget .flex-list { flex-direction: column-reverse; } } .filters-widget .post-count .h5 { color: var(--subtitlecolour); } @media (max-width: 767px) { .filters-widget .filter-dropdown { width: 100%; margin-left: 0; } } .filters-widget .filter-dropdown .filter-subtitle { margin-right: 20px; font-size: 1.4rem; color: var(--tertiarycolour); } @media (max-width: 991px) { .filters-widget .filter-dropdown .filter-subtitle { width: 100%; text-align: center; margin-bottom: 15px; } } @media (max-width: 767px) { .filters-widget .filter-dropdown .filter-subtitle { margin-right: 0; } } .filters-widget .filter-dropdown .select-wrap { width: 400px; } @media (min-width: 768px) and (max-width: 991px) { .filters-widget .filter-dropdown .select-wrap { width: 300px; } } @media (max-width: 767px) { .filters-widget .filter-dropdown .select-wrap { width: 100%; margin-bottom: 30px; } } .filters-widget.filter-colour-override { background: var(--listingfilterbgcolour); } .filters-widget.filter-colour-override .post-count .h5 { color: var(--listingfiltercountcolour); } .filters-widget.filter-colour-override .filter-dropdown .filter-subtitle { color: var(--listingfilterdroplabelcolour); } .filters-widget.filter-colour-override .filter-dropdown .select-wrap .fa-icon * { fill: var(--listingfilterdropiconcolour); } .filters-widget.dropdown-override .filter-dropdown .filter-subtitle { color: var(--listingfilterdroplabelcolour); } .filters-widget.dropdown-override .filter-dropdown .select-wrap select { color: var(--listingfilterdroptextcolour); border-color: var(--listingfilterdropbgcolour); background: var(--listingfilterdropbgcolour); } .filters-widget.dropdown-override .filter-dropdown .select-wrap .fa-icon * { fill: var(--listingfilterdropiconcolour); } .filters-widget.dropdown-override.dropdown-shape-round .filter-dropdown select { border-radius: 10px !important; } .filters-widget.dropdown-override.dropdown-shape-straight .filter-dropdown select { border-radius: 0 !important; } .posts-widget { padding-top: 0 !important; } .posts-widget .listing-wrap { padding-top: 80px; } @media (max-width: 767px) { .posts-widget .listing-wrap { padding-top: 60px; } } .cards-widget.listing-list.bg-colour-override .flex-list .flex-col .text { background: var(--listingcardbgcolour) !important; } .cards-widget.listing-list.subtitle-colour-override .subtitle { color: var(--listingcardsubtitlecolour) !important; } .cards-widget.listing-list.title-colour-override h2 { color: var(--listingcardtitlecolour) !important; } .cards-widget.listing-list.button-shape-round .button { border-radius: var(--buttonborderradius) !important; } .cards-widget.listing-list.button-shape-straight .button { border-radius: 0 !important; } .cards-widget.listing-list.button-colour-override .button-solid, .cards-widget.listing-list.button-colour-override.button-type-solid .button { color: var(--listingcardbuttontextcolour) !important; background: var(--listingcardbuttonbgcolour) !important; } .cards-widget.listing-list.button-colour-override .button-solid:before, .cards-widget.listing-list.button-colour-override.button-type-solid .button:before { background: var(--listingcardbuttonbgcolourhover) !important; } body.button-solid-rollover-fill.nonTouchDevice .cards-widget.listing-list.button-colour-override .button-solid:hover, body.button-solid-rollover-fill.nonTouchDevice .cards-widget.listing-list.button-colour-override.button-type-solid .button:hover { color: var(--listingcardbuttontextcolour) !important; background: var(--listingcardbuttonbgcolourhover) !important; } body.button-solid-rollover-swipe.nonTouchDevice .cards-widget.listing-list.button-colour-override .button-solid:hover, body.button-solid-rollover-swipe.nonTouchDevice .cards-widget.listing-list.button-colour-override.button-type-solid .button:hover { color: var(--listingcardbuttontextcolour) !important; background: var(--listingcardbuttonbgcolour) !important; } .cards-widget.listing-list.button-colour-override .button-border, .cards-widget.listing-list.button-colour-override.button-type-border .button { border-color: var(--listingcardbuttonbgcolour) !important; color: var(--listingcardbuttonbgcolour) !important; background: transparent !important; } .cards-widget.listing-list.button-colour-override .button-border:before, .cards-widget.listing-list.button-colour-override.button-type-border .button:before { background: var(--listingcardbuttonbgcolourhover) !important; } body.button-border-rollover-outline.nonTouchDevice .cards-widget.listing-list.button-colour-override .button-border:hover, body.button-border-rollover-outline.nonTouchDevice .cards-widget.listing-list.button-colour-override.button-type-border .button:hover { color: var(--listingcardbuttonbgcolourhover) !important; border-color: var(--listingcardbuttonbgcolourhover) !important; background: transparent !important; } body.button-border-rollover-fill.nonTouchDevice .cards-widget.listing-list.button-colour-override .button-border:hover, body.button-border-rollover-fill.nonTouchDevice .cards-widget.listing-list.button-colour-override.button-type-border .button:hover { color: var(--listingcardbuttontextcolour) !important; border-color: var(--listingcardbuttonbgcolourhover) !important; background: var(--listingcardbuttonbgcolourhover) !important; } body.button-border-rollover-swipe.nonTouchDevice .cards-widget.listing-list.button-colour-override .button-border:hover, body.button-border-rollover-swipe.nonTouchDevice .cards-widget.listing-list.button-colour-override.button-type-border .button:hover { color: var(--listingcardbuttontextcolour) !important; border-color: var(--listingcardbuttonbgcolourhover) !important; background: transparent !important; } .cards-widget.listing-list.text-button-colour-override .text-button { color: var(--listingcardtextbuttoncolour); } .cards-widget.listing-list.text-button-colour-override .text-button .fa-icon path { fill: var(--listingcardtextbuttoncolour); } .cards-widget.listing-list.text-button-colour-override .text-button:after { background-color: var(--listingcardtextbuttoncolour); } body.nonTouchDevice .cards-widget.listing-list.text-button-colour-override .text-button:hover { color: var(--listingcardtextbuttoncolourhover); } body.nonTouchDevice .cards-widget.listing-list.text-button-colour-override .text-button:hover .fa-icon path { fill: var(--listingcardtextbuttoncolourhover); } .cards-widget.listing-list.shape-round .image { border-radius: 20px 20px 0 0; } .cards-widget.listing-list.shape-round .image + .text { border-top-left-radius: 0 !important; border-top-right-radius: 0 !important; } .cards-widget.listing-list.shape-round .text { border-radius: 20px; } .cards-widget.listing-list.shape-straight .image, .cards-widget.listing-list.shape-straight .text { border-radius: 0 !important; } .listing-wrap.button-shape-round .button { border-radius: var(--buttonborderradius) !important; } .listing-wrap.button-shape-straight .button { border-radius: 0 !important; } .listing-wrap.button-colour-override .button-solid, .listing-wrap.button-colour-override.button-type-solid .button { color: var(--listingloadmorebuttontextcolour) !important; background: var(--listingloadmorebuttonbgcolour) !important; } .listing-wrap.button-colour-override .button-solid:before, .listing-wrap.button-colour-override.button-type-solid .button:before { background: var(--listingloadmorebuttonbgcolourhover) !important; } body.button-solid-rollover-fill.nonTouchDevice .listing-wrap.button-colour-override .button-solid:hover, body.button-solid-rollover-fill.nonTouchDevice .listing-wrap.button-colour-override.button-type-solid .button:hover { color: var(--listingloadmorebuttontextcolour) !important; background: var(--listingloadmorebuttonbgcolourhover) !important; } body.button-solid-rollover-swipe.nonTouchDevice .listing-wrap.button-colour-override .button-solid:hover, body.button-solid-rollover-swipe.nonTouchDevice .listing-wrap.button-colour-override.button-type-solid .button:hover { color: var(--listingloadmorebuttontextcolour) !important; background: var(--listingloadmorebuttonbgcolour) !important; } .listing-wrap.button-colour-override .button-border, .listing-wrap.button-colour-override.button-type-border .button { color: var(--listingloadmorebuttonbgcolour) !important; border-color: var(--listingloadmorebuttonbgcolour) !important; background: transparent !important; } .listing-wrap.button-colour-override .button-border:before, .listing-wrap.button-colour-override.button-type-border .button:before { background: var(--listingloadmorebuttonbgcolourhover) !important; } body.button-border-rollover-outline.nonTouchDevice .listing-wrap.button-colour-override .button-border:hover, body.button-border-rollover-outline.nonTouchDevice .listing-wrap.button-colour-override.button-type-border .button:hover { color: var(--listingloadmorebuttonbgcolourhover) !important; border-color: var(--listingloadmorebuttonbgcolourhover) !important; background: transparent !important; } body.button-border-rollover-fill.nonTouchDevice .listing-wrap.button-colour-override .button-border:hover, body.button-border-rollover-fill.nonTouchDevice .listing-wrap.button-colour-override.button-type-border .button:hover { color: var(--listingloadmorebuttontextcolour) !important; border-color: var(--listingloadmorebuttonbgcolourhover) !important; background: var(--listingloadmorebuttonbgcolourhover) !important; } body.button-border-rollover-swipe.nonTouchDevice .listing-wrap.button-colour-override .button-border:hover, body.button-border-rollover-swipe.nonTouchDevice .listing-wrap.button-colour-override.button-type-border .button:hover { color: var(--listingloadmorebuttontextcolour) !important; border-color: var(--listingloadmorebuttonbgcolourhover) !important; background: transparent !important; } .widget-container { z-index: 1; position: relative; width: 100%; } .widget-container .page-subtitle { display: block; } .widget-container:not(.text-widget) .page-h1 { margin-bottom: 40px; } .widget-container--grid { padding: var(--paddinglg) 0; } @media (min-width: 768px) and (max-width: 991px) { .widget-container--grid { padding: var(--paddingsm) 0; } } @media (max-width: 767px) { .widget-container--grid { padding: var(--paddingxs) 0; } } .widget-container--grid.bg-default + .bg-default, .widget-container--grid.bg-default + .spacer-widget + .bg-default { padding-top: 0 !important; } @media (max-width: 991px) { .widget-container--bleed.bg-secondary + .bg-secondary { padding-top: 0 !important; } } .widget-container.small-top-padding--1 { padding-top: calc(var(--paddinglg) / 2); } @media (min-width: 768px) and (max-width: 991px) { .widget-container.small-top-padding--1 { padding-top: calc(var(--paddingsm) / 2); } } @media (max-width: 767px) { .widget-container.small-top-padding--1 { padding-top: calc(var(--paddingxs) / 2); } } .widget-container.small-bottom-padding--1 { padding-bottom: calc(var(--paddinglg) / 2); } @media (min-width: 768px) and (max-width: 991px) { .widget-container.small-bottom-padding--1 { padding-bottom: calc(var(--paddingsm) / 2); } } @media (max-width: 767px) { .widget-container.small-bottom-padding--1 { padding-bottom: calc(var(--paddingxs) / 2); } } .widget-container.bg-default:not(.small-bottom-padding--1) + .bg-default.small-top-padding--1 { margin-top: calc(var(--paddinglg) / 2 * -1); } @media (min-width: 768px) and (max-width: 991px) { .widget-container.bg-default:not(.small-bottom-padding--1) + .bg-default.small-top-padding--1 { margin-top: calc(var(--paddingsm) / 2 * -1); } } @media (max-width: 767px) { .widget-container.bg-default:not(.small-bottom-padding--1) + .bg-default.small-top-padding--1 { margin-top: calc(var(--paddingxs) / 2 * -1); } } .widget-container--box-padding .text { padding: 75px 100px; } @media (min-width: 992px) and (max-width: 1199px) { .widget-container--box-padding .text { padding: 75px 100px; } } @media (min-width: 768px) and (max-width: 991px) { .widget-container--box-padding .text { padding: 75px 100px; } } @media (max-width: 767px) { .widget-container--box-padding .text { padding: 50px 25px; } } .widget-title { text-align: center; max-width: 800px; margin: 0 auto var(--marginlg); } @media (min-width: 768px) and (max-width: 1199px) { .widget-title { margin-bottom: var(--marginsm); } } @media (max-width: 767px) { .widget-title { margin-bottom: var(--marginxs); } } .accordion-widget .container-fluid--xlg .accordion-content-inner { max-width: 1520px; } @media (max-width: 767px) { .accordion-widget .accordion { margin: 0 -25px; } } .accordion-widget .accordion .accordion-group { position: relative; background: var(--tertiarycolour); transition: all .2s ease; } @media (min-width: 768px) { body.solid-elements-round .accordion-widget .accordion .accordion-group { border-radius: 20px; } } .accordion-widget .accordion .accordion-group .accordion-btn { width: 100%; padding: 35px 40px; color: inherit; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } @media (max-width: 767px) { .accordion-widget .accordion .accordion-group .accordion-btn { padding: 25px 25px; } } .accordion-widget .accordion .accordion-group .accordion-btn .title { padding-right: 40px; color: var(--widgettitlecolour); transition: color .2s ease; } .accordion-widget .accordion .accordion-group .accordion-btn .icon { position: relative; } .accordion-widget .accordion .accordion-group .accordion-btn .icon .fa-icon { position: absolute; right: 0; top: 50%; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); height: 2.5rem; transition: opacity .2s ease; } @media (max-width: 767px) { .accordion-widget .accordion .accordion-group .accordion-btn .icon .fa-icon { height: 2.2rem; } } .accordion-widget .accordion .accordion-group .accordion-btn .icon .fa-icon[data-icon="minus"] { opacity: 0; } .accordion-widget .accordion .accordion-group .accordion-content { height: 0; overflow: hidden; transition: all .3s ease; } .accordion-widget .accordion .accordion-group .accordion-content .accordion-content-inner { padding: 15px 40px 60px; } @media (max-width: 767px) { .accordion-widget .accordion .accordion-group .accordion-content .accordion-content-inner { padding: 5px 25px 50px; } } .accordion-widget .accordion .accordion-group + .accordion-group { margin-top: 20px; } @media (max-width: 767px) { .accordion-widget .accordion .accordion-group + .accordion-group { margin-top: 10px; } } body.nonTouchDevice .accordion-widget .accordion .accordion-group:hover { opacity: .8; } .accordion-widget .accordion .accordion-group.active { opacity: 1 !important; background: var(--secondarycolour) !important; } .accordion-widget .accordion .accordion-group.active .accordion-btn .icon .fa-icon[data-icon="plus"] { opacity: 0; } .accordion-widget .accordion .accordion-group.active .accordion-btn .icon .fa-icon[data-icon="minus"] { opacity: 1; } .accordion-widget .accordion .accordion-group.active .accordion-content { height: auto; } .accordion-widget.btn-bg-closed-override .accordion .accordion-group { background: var(--accordionbtnbgclosedcolour); } .accordion-widget.btn-bg-open-override .accordion .accordion-group.active { background: var(--accordionbtnbgopencolour); } .accordion-widget.btn-title-closed-override .accordion .accordion-group .accordion-btn .title { color: var(--accordionbtntitleclosedcolour); } .accordion-widget.btn-title-closed-override .accordion .accordion-group .accordion-btn .fa-icon path { fill: var(--accordionbtntitleclosedcolour); } .accordion-widget.btn-title-open-override .accordion .accordion-group.active .accordion-btn .title { color: var(--accordionbtntitleopencolour); } .accordion-widget.btn-title-open-override .accordion .accordion-group.active .accordion-btn .fa-icon path { fill: var(--accordionbtntitleopencolour); } body.nonTouchDevice .accordion-widget.btn-closed-rollover-override .accordion .accordion-group:not(.active):hover { opacity: 1; background: var(--accordionbtnclosedbgcolourhover); } body.nonTouchDevice .accordion-widget.btn-closed-rollover-override .accordion .accordion-group:not(.active):hover .accordion-btn .title { color: var(--accordionbtnclosedtitlecolourhover); } body.nonTouchDevice .accordion-widget.btn-closed-rollover-override .accordion .accordion-group:not(.active):hover .accordion-btn .fa-icon path { fill: var(--accordionbtnclosedtitlecolourhover); } .accordion-widget.content-title-colour-override .accordion .accordion-group .accordion-content h1, .accordion-widget.content-title-colour-override .accordion .accordion-group .accordion-content .h1, .accordion-widget.content-title-colour-override .accordion .accordion-group .accordion-content h2, .accordion-widget.content-title-colour-override .accordion .accordion-group .accordion-content .h2, .accordion-widget.content-title-colour-override .accordion .accordion-group .accordion-content h3, .accordion-widget.content-title-colour-override .accordion .accordion-group .accordion-content .h3, .accordion-widget.content-title-colour-override .accordion .accordion-group .accordion-content h4, .accordion-widget.content-title-colour-override .accordion .accordion-group .accordion-content .h4, .accordion-widget.content-title-colour-override .accordion .accordion-group .accordion-content h5, .accordion-widget.content-title-colour-override .accordion .accordion-group .accordion-content .burger-menu .burger-nav > ul:not(.social-media) > li.subtitle > a, .burger-menu .accordion-widget.content-title-colour-override .accordion .accordion-group .accordion-content .burger-nav > ul:not(.social-media) > li.subtitle > a, .accordion-widget.content-title-colour-override .accordion .accordion-group .accordion-content .h5, .accordion-widget.content-title-colour-override .accordion .accordion-group .accordion-content h6, .accordion-widget.content-title-colour-override .accordion .accordion-group .accordion-content .text-widget blockquote, .text-widget .accordion-widget.content-title-colour-override .accordion .accordion-group .accordion-content blockquote, .accordion-widget.content-title-colour-override .accordion .accordion-group .accordion-content .h6 { color: var(--accordioncontenttitlecolour); } .accordion-widget.content-text-colour-override .accordion .accordion-group { color: var(--accordioncontenttextcolour); } .accordion-widget.button-shape-round .button { border-radius: var(--buttonborderradius) !important; } .accordion-widget.button-shape-straight .button { border-radius: 0 !important; } .accordion-widget.button-colour-override .button-solid, .accordion-widget.button-colour-override.button-type-solid .button { color: var(--accordioncontentbuttontextcolour) !important; background: var(--accordioncontentbuttonbgcolour) !important; } .accordion-widget.button-colour-override .button-solid:before, .accordion-widget.button-colour-override.button-type-solid .button:before { background: var(--accordioncontentbuttonbgcolourhover) !important; } body.button-solid-rollover-fill.nonTouchDevice .accordion-widget.button-colour-override .button-solid:hover, body.button-solid-rollover-fill.nonTouchDevice .accordion-widget.button-colour-override.button-type-solid .button:hover { color: var(--accordioncontentbuttontextcolour) !important; background: var(--accordioncontentbuttonbgcolourhover) !important; } body.button-solid-rollover-swipe.nonTouchDevice .accordion-widget.button-colour-override .button-solid:hover, body.button-solid-rollover-swipe.nonTouchDevice .accordion-widget.button-colour-override.button-type-solid .button:hover { color: var(--accordioncontentbuttontextcolour) !important; background: var(--accordioncontentbuttonbgcolour) !important; } .accordion-widget.button-colour-override .button-border, .accordion-widget.button-colour-override.button-type-border .button { color: var(--accordioncontentbuttonbgcolour) !important; border-color: var(--accordioncontentbuttonbgcolour) !important; background: transparent !important; } .accordion-widget.button-colour-override .button-border:before, .accordion-widget.button-colour-override.button-type-border .button:before { background: var(--accordioncontentbuttonbgcolourhover) !important; } body.button-border-rollover-outline.nonTouchDevice .accordion-widget.button-colour-override .button-border:hover, body.button-border-rollover-outline.nonTouchDevice .accordion-widget.button-colour-override.button-type-border .button:hover { color: var(--accordioncontentbuttonbgcolourhover) !important; border-color: var(--accordioncontentbuttonbgcolourhover) !important; background: transparent !important; } body.button-border-rollover-fill.nonTouchDevice .accordion-widget.button-colour-override .button-border:hover, body.button-border-rollover-fill.nonTouchDevice .accordion-widget.button-colour-override.button-type-border .button:hover { color: var(--accordioncontentbuttontextcolour) !important; border-color: var(--accordioncontentbuttonbgcolourhover) !important; background: var(--accordioncontentbuttonbgcolourhover) !important; } body.button-border-rollover-swipe.nonTouchDevice .accordion-widget.button-colour-override .button-border:hover, body.button-border-rollover-swipe.nonTouchDevice .accordion-widget.button-colour-override.button-type-border .button:hover { color: var(--accordioncontentbuttontextcolour) !important; border-color: var(--accordioncontentbuttonbgcolourhover) !important; background: transparent !important; } .accordion-widget.text-button-colour-override .text-button { color: var(--accordioncontenttextbuttoncolour); } .accordion-widget.text-button-colour-override .text-button .fa-icon path { fill: var(--accordioncontenttextbuttoncolour); } .accordion-widget.text-button-colour-override .text-button:after { background-color: var(--accordioncontenttextbuttoncolour); } body.nonTouchDevice .accordion-widget.text-button-colour-override .text-button:hover { color: var(--accordioncontenttextbuttoncolourhover); } body.nonTouchDevice .accordion-widget.text-button-colour-override .text-button:hover .fa-icon path { fill: var(--accordioncontenttextbuttoncolourhover); } @media (min-width: 768px) { .accordion-widget.shape-round .accordion .accordion-group { border-radius: 20px !important; } } .accordion-widget.shape-straight .accordion .accordion-group { border-radius: 0 !important; } .card-carousel-widget .slick-list { padding: 0 60px; } @media (max-width: 767px) { .card-carousel-widget .slick-list { padding: 0 30px; } } .card-carousel-widget .slick-track { display: flex; } .card-carousel-widget .card { display: flex !important; height: auto; padding: 0 20px; } @media (max-width: 767px) { .card-carousel-widget .card { padding: 0 10px; } } .card-carousel-widget.shape-round .card .image-wrap { border-radius: 20px 20px 0 0 !important; } .card-carousel-widget.shape-round .card .image-wrap + .text { border-top-left-radius: 0 !important; border-top-right-radius: 0 !important; } .card-carousel-widget.shape-round .card .text { border-radius: 20px !important; } .card-carousel-widget.shape-straight .card .image-wrap, .card-carousel-widget.shape-straight .card .text { border-radius: 0 !important; } .card-carousel-widget.bg-colour-override .card .text { background: var(--cardcarouselbgcolour); } .card-carousel-widget.subtitle-colour-override .card .subtitle { color: var(--cardcarouselsubtitlecolour); } .card-carousel-widget.title-colour-override .card h2 { color: var(--cardcarouseltitlecolour); } .card-carousel-widget.button-shape-round .button { border-radius: var(--buttonborderradius) !important; } .card-carousel-widget.button-shape-straight .button { border-radius: 0 !important; } .card-carousel-widget.button-colour-override .button-solid, .card-carousel-widget.button-colour-override.button-type-solid .button { color: var(--cardcarouselbuttontextcolour) !important; background: var(--cardcarouselbuttonbgcolour) !important; } .card-carousel-widget.button-colour-override .button-solid:before, .card-carousel-widget.button-colour-override.button-type-solid .button:before { background: var(--cardcarouselbuttonbgcolourhover) !important; } body.button-solid-rollover-fill.nonTouchDevice .card-carousel-widget.button-colour-override .button-solid:hover, body.button-solid-rollover-fill.nonTouchDevice .card-carousel-widget.button-colour-override.button-type-solid .button:hover { color: var(--cardcarouselbuttontextcolour) !important; background: var(--cardcarouselbuttonbgcolourhover) !important; } body.button-solid-rollover-swipe.nonTouchDevice .card-carousel-widget.button-colour-override .button-solid:hover, body.button-solid-rollover-swipe.nonTouchDevice .card-carousel-widget.button-colour-override.button-type-solid .button:hover { color: var(--cardcarouselbuttontextcolour) !important; background: var(--cardcarouselbuttonbgcolour) !important; } .card-carousel-widget.button-colour-override .button-border, .card-carousel-widget.button-colour-override.button-type-border .button { color: var(--cardcarouselbuttonbgcolour) !important; border-color: var(--cardcarouselbuttonbgcolour) !important; background: transparent !important; } .card-carousel-widget.button-colour-override .button-border:before, .card-carousel-widget.button-colour-override.button-type-border .button:before { background: var(--cardcarouselbuttonbgcolourhover) !important; } body.button-border-rollover-outline.nonTouchDevice .card-carousel-widget.button-colour-override .button-border:hover, body.button-border-rollover-outline.nonTouchDevice .card-carousel-widget.button-colour-override.button-type-border .button:hover { color: var(--cardcarouselbuttonbgcolourhover) !important; border-color: var(--cardcarouselbuttonbgcolourhover) !important; background: transparent !important; } body.button-border-rollover-fill.nonTouchDevice .card-carousel-widget.button-colour-override .button-border:hover, body.button-border-rollover-fill.nonTouchDevice .card-carousel-widget.button-colour-override.button-type-border .button:hover { color: var(--cardcarouselbuttontextcolour) !important; border-color: var(--cardcarouselbuttonbgcolourhover) !important; background: var(--cardcarouselbuttonbgcolourhover) !important; } body.button-border-rollover-swipe.nonTouchDevice .card-carousel-widget.button-colour-override .button-border:hover, body.button-border-rollover-swipe.nonTouchDevice .card-carousel-widget.button-colour-override.button-type-border .button:hover { color: var(--cardcarouselbuttontextcolour) !important; border-color: var(--cardcarouselbuttonbgcolourhover) !important; background: transparent !important; } .card-carousel-widget.text-button-colour-override .text-button { color: var(--cardcarouseltextbuttoncolour); } .card-carousel-widget.text-button-colour-override .text-button .fa-icon path { fill: var(--cardcarouseltextbuttoncolour); } .card-carousel-widget.text-button-colour-override .text-button:after { background-color: var(--cardcarouseltextbuttoncolour); } body.nonTouchDevice .card-carousel-widget.text-button-colour-override .text-button:hover { color: var(--cardcarouseltextbuttoncolourhover); } body.nonTouchDevice .card-carousel-widget.text-button-colour-override .text-button:hover .fa-icon path { fill: var(--cardcarouseltextbuttoncolourhover); } .card-carousel-widget.arrows-shape-round .slick-slider .slick-arrow { border-radius: 50% !important; } .card-carousel-widget.arrows-shape-straight .slick-slider .slick-arrow { border-radius: 0 !important; } .card-carousel-widget.arrows-type-solid .slick-slider .slick-arrow { border: none !important; background: var(--buttoncolour) !important; } .card-carousel-widget.arrows-type-solid .slick-slider .slick-arrow svg path { fill: var(--buttontextcolour) !important; } body.button-solid-rollover-fill.nonTouchDevice .card-carousel-widget.arrows-type-solid .slick-slider .slick-arrow:hover { background: var(--buttonhovercolour) !important; } body.button-solid-rollover-fill.nonTouchDevice .card-carousel-widget.arrows-type-solid .slick-slider .slick-arrow:hover:before { right: 100%; } body.button-solid-rollover-swipe.nonTouchDevice .card-carousel-widget.arrows-type-solid .slick-slider .slick-arrow:hover { background: var(--buttoncolour) !important; } body.button-solid-rollover-swipe.nonTouchDevice .card-carousel-widget.arrows-type-solid .slick-slider .slick-arrow:hover:before { right: 0; } .card-carousel-widget.arrows-type-border .slick-slider .slick-arrow { border: var(--buttonborderwidth) solid var(--buttoncolour) !important; background: none !important; } .card-carousel-widget.arrows-type-border .slick-slider .slick-arrow svg path { fill: var(--buttoncolour) !important; } body.button-border-rollover-outline.nonTouchDevice .card-carousel-widget.arrows-type-border .slick-slider .slick-arrow:hover { border-color: var(--buttonhovercolour) !important; } body.button-border-rollover-outline.nonTouchDevice .card-carousel-widget.arrows-type-border .slick-slider .slick-arrow:hover svg path { fill: var(--buttonhovercolour) !important; } body.button-border-rollover-outline.nonTouchDevice .card-carousel-widget.arrows-type-border .slick-slider .slick-arrow:hover:before { right: 100%; } body.button-border-rollover-fill.nonTouchDevice .card-carousel-widget.arrows-type-border .slick-slider .slick-arrow:hover { border-color: var(--buttonhovercolour) !important; background: var(--buttonhovercolour) !important; } body.button-border-rollover-fill.nonTouchDevice .card-carousel-widget.arrows-type-border .slick-slider .slick-arrow:hover svg path { fill: var(--buttontextcolour) !important; } body.button-border-rollover-fill.nonTouchDevice .card-carousel-widget.arrows-type-border .slick-slider .slick-arrow:hover:before { right: 100%; } body.button-border-rollover-swipe.nonTouchDevice .card-carousel-widget.arrows-type-border .slick-slider .slick-arrow:hover { border-color: var(--buttonhovercolour) !important; background: transparent !important; } body.button-border-rollover-swipe.nonTouchDevice .card-carousel-widget.arrows-type-border .slick-slider .slick-arrow:hover svg path { fill: var(--buttontextcolour) !important; } body.button-border-rollover-swipe.nonTouchDevice .card-carousel-widget.arrows-type-border .slick-slider .slick-arrow:hover:before { right: 0; } body.buttons-solid .card-carousel-widget.arrows-colour-override .slick-slider .slick-arrow, body.buttons-border .card-carousel-widget.arrows-colour-override.arrows-type-solid .slick-slider .slick-arrow { border-color: transparent !important; background: var(--cardcarouselarrowsbgcolour) !important; } body.buttons-solid .card-carousel-widget.arrows-colour-override .slick-slider .slick-arrow svg path, body.buttons-border .card-carousel-widget.arrows-colour-override.arrows-type-solid .slick-slider .slick-arrow svg path { fill: var(--cardcarouselarrowsiconcolour) !important; } body.buttons-border .card-carousel-widget.arrows-colour-override .slick-slider .slick-arrow, body.buttons-solid .card-carousel-widget.arrows-colour-override.arrows-type-border .slick-slider .slick-arrow { border-color: var(--cardcarouselarrowsbgcolour) !important; background: none !important; } body.buttons-border .card-carousel-widget.arrows-colour-override .slick-slider .slick-arrow svg path, body.buttons-solid .card-carousel-widget.arrows-colour-override.arrows-type-border .slick-slider .slick-arrow svg path { fill: var(--cardcarouselarrowsbgcolour) !important; } body.buttons-solid.button-solid-rollover-fill.nonTouchDevice .card-carousel-widget.arrows-colour-override .slick-slider .slick-arrow:hover, body.buttons-border.button-solid-rollover-fill.nonTouchDevice .card-carousel-widget.arrows-colour-override.arrows-type-solid .slick-slider .slick-arrow:hover { background: var(--cardcarouselarrowsbgcolourhover) !important; } body.buttons-solid.button-solid-rollover-fill.nonTouchDevice .card-carousel-widget.arrows-colour-override .slick-slider .slick-arrow:hover svg path, body.buttons-border.button-solid-rollover-fill.nonTouchDevice .card-carousel-widget.arrows-colour-override.arrows-type-solid .slick-slider .slick-arrow:hover svg path { fill: var(--cardcarouselarrowsiconcolour) !important; } body.buttons-solid.button-solid-rollover-swipe.nonTouchDevice .card-carousel-widget.arrows-colour-override .slick-slider .slick-arrow:before, body.buttons-border.button-solid-rollover-swipe.nonTouchDevice .card-carousel-widget.arrows-colour-override.arrows-type-solid .slick-slider .slick-arrow:before { background: var(--cardcarouselarrowsbgcolourhover) !important; } body.buttons-solid.button-solid-rollover-swipe.nonTouchDevice .card-carousel-widget.arrows-colour-override .slick-slider .slick-arrow:hover, body.buttons-border.button-solid-rollover-swipe.nonTouchDevice .card-carousel-widget.arrows-colour-override.arrows-type-solid .slick-slider .slick-arrow:hover { background: var(--cardcarouselarrowsbgcolour) !important; } body.buttons-solid.button-solid-rollover-swipe.nonTouchDevice .card-carousel-widget.arrows-colour-override .slick-slider .slick-arrow:hover svg path, body.buttons-border.button-solid-rollover-swipe.nonTouchDevice .card-carousel-widget.arrows-colour-override.arrows-type-solid .slick-slider .slick-arrow:hover svg path { fill: var(--cardcarouselarrowsiconcolour) !important; } body.buttons-border.button-border-rollover-outline.nonTouchDevice .card-carousel-widget.arrows-colour-override .slick-slider .slick-arrow:hover, body.buttons-solid.button-border-rollover-outline.nonTouchDevice .card-carousel-widget.arrows-colour-override.arrows-type-border .slick-slider .slick-arrow:hover { border-color: var(--cardcarouselarrowsbgcolourhover) !important; background: transparent !important; } body.buttons-border.button-border-rollover-outline.nonTouchDevice .card-carousel-widget.arrows-colour-override .slick-slider .slick-arrow:hover svg path, body.buttons-solid.button-border-rollover-outline.nonTouchDevice .card-carousel-widget.arrows-colour-override.arrows-type-border .slick-slider .slick-arrow:hover svg path { fill: var(--cardcarouselarrowsbgcolourhover) !important; } body.buttons-border.button-border-rollover-fill.nonTouchDevice .card-carousel-widget.arrows-colour-override .slick-slider .slick-arrow:hover, body.buttons-solid.button-border-rollover-fill.nonTouchDevice .card-carousel-widget.arrows-colour-override.arrows-type-border .slick-slider .slick-arrow:hover { border-color: var(--cardcarouselarrowsbgcolourhover) !important; background: var(--cardcarouselarrowsbgcolourhover) !important; } body.buttons-border.button-border-rollover-fill.nonTouchDevice .card-carousel-widget.arrows-colour-override .slick-slider .slick-arrow:hover svg path, body.buttons-solid.button-border-rollover-fill.nonTouchDevice .card-carousel-widget.arrows-colour-override.arrows-type-border .slick-slider .slick-arrow:hover svg path { fill: var(--cardcarouselarrowsiconcolour) !important; } body.buttons-border.button-border-rollover-swipe.nonTouchDevice .card-carousel-widget.arrows-colour-override .slick-slider .slick-arrow:before, body.buttons-solid.button-border-rollover-swipe.nonTouchDevice .card-carousel-widget.arrows-colour-override.arrows-type-border .slick-slider .slick-arrow:before { background: var(--cardcarouselarrowsbgcolourhover) !important; } body.buttons-border.button-border-rollover-swipe.nonTouchDevice .card-carousel-widget.arrows-colour-override .slick-slider .slick-arrow:hover, body.buttons-solid.button-border-rollover-swipe.nonTouchDevice .card-carousel-widget.arrows-colour-override.arrows-type-border .slick-slider .slick-arrow:hover { border-color: var(--cardcarouselarrowsbgcolourhover) !important; background: transparent !important; } body.buttons-border.button-border-rollover-swipe.nonTouchDevice .card-carousel-widget.arrows-colour-override .slick-slider .slick-arrow:hover svg path, body.buttons-solid.button-border-rollover-swipe.nonTouchDevice .card-carousel-widget.arrows-colour-override.arrows-type-border .slick-slider .slick-arrow:hover svg path { fill: var(--cardcarouselarrowsiconcolour) !important; } .card-popup-widget { position: static; } .card-popup-widget .flex-list { margin: -20px; } @media (max-width: 767px) { .card-popup-widget .flex-list { margin: -10px; } } .card-popup-widget .flex-col { width: 33.33%; padding: 20px; } @media (max-width: 1199px) { .card-popup-widget .flex-col { width: 100%; } } @media (max-width: 767px) { .card-popup-widget .flex-col { padding: 10px; } } @media (min-width: 1200px) { .card-popup-widget--two .flex-col { width: 50%; } } @media (min-width: 1200px) { .card-popup-widget--large-padding .flex-list { margin: -40px; } .card-popup-widget--large-padding .flex-list .flex-col { padding: 40px; } } .card-popup-widget .card-popup { z-index: -1; position: fixed; left: 0; top: 0; right: 0; height: 100vh; overflow-x: hidden; overflow-y: auto; visibility: hidden; opacity: 0; transition: opacity .5s ease; scrollbar-width: thin; scrollbar-color: var(--browserhandlecolour) var(--browsertrackcolour); /* thumb and track color */ } .card-popup-widget .card-popup::-webkit-scrollbar { width: 8px; } .card-popup-widget .card-popup::-webkit-scrollbar-track { background: var(--browsertrackcolour); } .card-popup-widget .card-popup::-webkit-scrollbar-thumb { background: var(--browserhandlecolour); } .card-popup-widget .card-popup::-webkit-scrollbar-thumb:hover { background: var(--browserhandlecolourhover); } body.show-card-popup .card-popup-widget .card-popup.active { opacity: 1; transition-delay: .25s; -webkit-overflow-scrolling: touch; } @media (max-width: 767px) { body.show-card-popup .card-popup-widget .card-popup.active { transition-delay: 0s; } } body.raise-card-popup .card-popup-widget .card-popup.active { z-index: 201; visibility: visible; } .card-popup-widget .card-popup-content { display: table; margin: auto; height: 100%; width: 100%; max-width: 640px; } .card-popup-widget .card-popup-inner { display: table-cell; vertical-align: middle; padding: 10vh 0; } @media (max-width: 767px) { .card-popup-widget .card-popup-inner { padding: 40px 20px; } } .card-popup-widget .card-popup-image { position: relative; overflow: hidden; padding-top: 60%; } .card-popup-widget .card-popup-text { position: relative; flex: 1; padding: 60px; background: var(--backgroundcolour); } @media (max-width: 767px) { .card-popup-widget .card-popup-text { padding: 40px 30px; } } .card-popup-widget .card-popup .close-card-popup-btn { z-index: 100; position: fixed; top: 40px; right: 40px; width: 40px; height: 40px; cursor: pointer; } @media (min-width: 768px) and (max-width: 991px) { .card-popup-widget .card-popup .close-card-popup-btn { top: 20px; right: 20px; } } @media (max-width: 767px) { .card-popup-widget .card-popup .close-card-popup-btn { position: absolute; top: 0; right: 0; } } .card-popup-widget .card-popup .close-card-popup-btn svg { height: 30px; } .card-popup-widget .card-popup .close-card-popup-btn svg path { fill: var(--buttoncolour); } body.nonTouchDevice .card-popup-widget .card-popup .close-card-popup-btn:hover { opacity: .6; } .card-popup-widget .card-popup-overlay { z-index: -1; position: fixed; left: 0; top: 0; right: 0; bottom: 0; opacity: 0; visibility: hidden; background: rgba(0, 0, 0, 0.8); transition: opacity .5s ease; transition-delay: .35s; } .card-popup-widget .card-popup-overlay.show-card-popup-overlay { opacity: 1; transition-delay: 0s; } .card-popup-widget .card-popup-overlay.raise-card-popup-overlay { z-index: 200; visibility: visible; } .card-popup-widget.card-shape-round .card .image-wrap { border-radius: 20px 20px 0 0 !important; } .card-popup-widget.card-shape-round .card .image-wrap + .text { border-top-left-radius: 0 !important; border-top-right-radius: 0 !important; } .card-popup-widget.card-shape-round .card .text { border-radius: 20px !important; } .card-popup-widget.card-shape-straight .card .image-wrap, .card-popup-widget.card-shape-straight .card .text { border-radius: 0 !important; } .card-popup-widget.card-bg-colour-override .card .text { background: var(--cardpopupcardbgcolour); } .card-popup-widget.card-subtitle-colour-override .card .subtitle { color: var(--cardpopupcardsubtitlecolour); } .card-popup-widget.card-title-colour-override .card h2 { color: var(--cardpopupcardtitlecolour); } .card-popup-widget.card-button-shape-round .card .button { border-radius: var(--buttonborderradius) !important; } .card-popup-widget.card-button-shape-straight .card .button { border-radius: 0 !important; } .card-popup-widget.card-button-colour-override .card .button-solid, .card-popup-widget.card-button-colour-override.card-button-type-solid .card .button { color: var(--cardpopupcardbuttontextcolour) !important; background: var(--cardpopupcardbuttonbgcolour) !important; } .card-popup-widget.card-button-colour-override .card .button-solid:before, .card-popup-widget.card-button-colour-override.card-button-type-solid .card .button:before { background: var(--cardpopupcardbuttonbgcolourhover) !important; } body.button-solid-rollover-fill.nonTouchDevice .card-popup-widget.card-button-colour-override .card .button-solid:hover, body.button-solid-rollover-fill.nonTouchDevice .card-popup-widget.card-button-colour-override.card-button-type-solid .card .button:hover { color: var(--cardpopupcardbuttontextcolour) !important; background: var(--cardpopupcardbuttonbgcolourhover) !important; } body.button-solid-rollover-swipe.nonTouchDevice .card-popup-widget.card-button-colour-override .card .button-solid:hover, body.button-solid-rollover-swipe.nonTouchDevice .card-popup-widget.card-button-colour-override.card-button-type-solid .card .button:hover { color: var(--cardpopupcardbuttontextcolour) !important; background: var(--cardpopupcardbuttonbgcolour) !important; } .card-popup-widget.card-button-colour-override .card .button-border, .card-popup-widget.card-button-colour-override.card-button-type-border .card .button { color: var(--cardpopupcardbuttonbgcolour) !important; border-width: var(--buttonborderwidth) !important; border-style: solid !important; border-color: var(--cardpopupcardbuttonbgcolour) !important; background: transparent !important; } .card-popup-widget.card-button-colour-override .card .button-border:before, .card-popup-widget.card-button-colour-override.card-button-type-border .card .button:before { background: var(--cardpopupcardbuttonbgcolourhover) !important; } body.button-border-rollover-outline.nonTouchDevice .card-popup-widget.card-button-colour-override .card .button-border:hover, body.button-border-rollover-outline.nonTouchDevice .card-popup-widget.card-button-colour-override.card-button-type-border .card .button:hover { color: var(--cardpopupcardbuttonbgcolourhover) !important; border-color: var(--cardpopupcardbuttonbgcolourhover) !important; background: transparent !important; } body.button-border-rollover-fill.nonTouchDevice .card-popup-widget.card-button-colour-override .card .button-border:hover, body.button-border-rollover-fill.nonTouchDevice .card-popup-widget.card-button-colour-override.card-button-type-border .card .button:hover { color: var(--cardpopupcardbuttontextcolour) !important; border-color: var(--cardpopupcardbuttonbgcolourhover) !important; background: var(--cardpopupcardbuttonbgcolourhover) !important; } body.button-border-rollover-swipe.nonTouchDevice .card-popup-widget.card-button-colour-override .card .button-border:hover, body.button-border-rollover-swipe.nonTouchDevice .card-popup-widget.card-button-colour-override.card-button-type-border .card .button:hover { color: var(--cardpopupcardbuttontextcolour) !important; border-color: var(--cardpopupcardbuttonbgcolourhover) !important; background: transparent !important; } .card-popup-widget.card-text-button-colour-override .card .text-button { color: var(--cardpopupcardtextbuttoncolour); } .card-popup-widget.card-text-button-colour-override .card .text-button .fa-icon path { fill: var(--cardpopupcardtextbuttoncolour); } .card-popup-widget.card-text-button-colour-override .card .text-button:after { background-color: var(--cardpopupcardtextbuttoncolour); } body.nonTouchDevice .card-popup-widget.card-text-button-colour-override .card .text-button:hover { color: var(--cardpopupcardtextbuttoncolourhover); } body.nonTouchDevice .card-popup-widget.card-text-button-colour-override .card .text-button:hover .fa-icon path { fill: var(--cardpopupcardtextbuttoncolourhover); } body.solid-elements-round .card-popup-widget .card-popup .card-popup-image, .card-popup-widget.popup-shape-round .card-popup .card-popup-image { border-radius: 20px 20px 0 0; } body.solid-elements-round .card-popup-widget .card-popup .card-popup-image + .card-popup-text, .card-popup-widget.popup-shape-round .card-popup .card-popup-image + .card-popup-text { border-top-left-radius: 0; border-top-right-radius: 0; } body.solid-elements-round .card-popup-widget .card-popup .card-popup-text, .card-popup-widget.popup-shape-round .card-popup .card-popup-text { border-radius: 20px; } .card-popup-widget.popup-shape-straight .card-popup .card-popup-image, .card-popup-widget.popup-shape-straight .card-popup .card-popup-text { border-radius: 0; } .card-popup-widget.popup-bg-colour-override .card-popup .card-popup-text { background: var(--cardpopuppopupbgcolour); } .card-popup-widget.popup-subtitle-colour-override .card-popup .subtitle { color: var(--cardpopuppopupsubtitlecolour); } .card-popup-widget.popup-title-colour-override .card-popup h2 { color: var(--cardpopuppopuptitlecolour); } .card-popup-widget.popup-description-colour-override .card-popup .card-popup-text { color: var(--cardpopuppopupdescriptioncolour); } .card-popup-widget.popup-button-shape-round .card-popup .button { border-radius: var(--buttonborderradius) !important; } .card-popup-widget.popup-button-shape-straight .card-popup .button { border-radius: 0 !important; } .card-popup-widget.popup-button-colour-override .card-popup .button-solid, .card-popup-widget.popup-button-colour-override.popup-button-type-solid .card-popup .button { color: var(--cardpopuppopupbuttontextcolour) !important; background: var(--cardpopuppopupbuttonbgcolour) !important; } .card-popup-widget.popup-button-colour-override .card-popup .button-solid:before, .card-popup-widget.popup-button-colour-override.popup-button-type-solid .card-popup .button:before { background: var(--cardpopuppopupbuttonbgcolourhover) !important; } body.button-solid-rollover-fill.nonTouchDevice .card-popup-widget.popup-button-colour-override .card-popup .button-solid:hover, body.button-solid-rollover-fill.nonTouchDevice .card-popup-widget.popup-button-colour-override.popup-button-type-solid .card-popup .button:hover { color: var(--cardpopuppopupbuttontextcolour) !important; background: var(--cardpopuppopupbuttonbgcolourhover) !important; } body.button-solid-rollover-swipe.nonTouchDevice .card-popup-widget.popup-button-colour-override .card-popup .button-solid:hover, body.button-solid-rollover-swipe.nonTouchDevice .card-popup-widget.popup-button-colour-override.popup-button-type-solid .card-popup .button:hover { color: var(--cardpopuppopupbuttontextcolour) !important; background: var(--cardpopuppopupbuttonbgcolour) !important; } .card-popup-widget.popup-button-colour-override .card-popup .button-border, .card-popup-widget.popup-button-colour-override.popup-button-type-border .card-popup .button { color: var(--cardpopuppopupbuttonbgcolour) !important; border-width: var(--buttonborderwidth) !important; border-style: solid !important; border-color: var(--cardpopuppopupbuttonbgcolour) !important; background: transparent !important; } .card-popup-widget.popup-button-colour-override .card-popup .button-border:before, .card-popup-widget.popup-button-colour-override.popup-button-type-border .card-popup .button:before { background: var(--cardpopuppopupbuttonbgcolourhover) !important; } body.button-border-rollover-outline.nonTouchDevice .card-popup-widget.popup-button-colour-override .card-popup .button-border:hover, body.button-border-rollover-outline.nonTouchDevice .card-popup-widget.popup-button-colour-override.popup-button-type-border .card-popup .button:hover { color: var(--cardpopuppopupbuttonbgcolourhover) !important; border-color: var(--cardpopuppopupbuttonbgcolourhover) !important; background: transparent !important; } body.button-border-rollover-fill.nonTouchDevice .card-popup-widget.popup-button-colour-override .card-popup .button-border:hover, body.button-border-rollover-fill.nonTouchDevice .card-popup-widget.popup-button-colour-override.popup-button-type-border .card-popup .button:hover { color: var(--cardpopuppopupbuttontextcolour) !important; border-color: var(--cardpopuppopupbuttonbgcolourhover) !important; background: var(--cardpopuppopupbuttonbgcolourhover) !important; } body.button-border-rollover-swipe.nonTouchDevice .card-popup-widget.popup-button-colour-override .card-popup .button-border:hover, body.button-border-rollover-swipe.nonTouchDevice .card-popup-widget.popup-button-colour-override.popup-button-type-border .card-popup .button:hover { color: var(--cardpopuppopupbuttontextcolour) !important; border-color: var(--cardpopuppopupbuttonbgcolourhover) !important; background: transparent !important; } .card-popup-widget.popup-text-button-colour-override .card-popup .text-button { color: var(--cardpopuppopuptextbuttoncolour); } .card-popup-widget.popup-text-button-colour-override .card-popup .text-button .fa-icon path { fill: var(--cardpopuppopuptextbuttoncolour); } .card-popup-widget.popup-text-button-colour-override .card-popup .text-button:after { background-color: var(--cardpopuppopuptextbuttoncolour); } body.nonTouchDevice .card-popup-widget.popup-text-button-colour-override .card-popup .text-button:hover { color: var(--cardpopuppopuptextbuttoncolourhover); } body.nonTouchDevice .card-popup-widget.popup-text-button-colour-override .card-popup .text-button:hover .fa-icon path { fill: var(--cardpopuppopuptextbuttoncolourhover); } .card-popup-widget.popup-close-colour-override .close-card-popup-btn svg path { fill: var(--cardpopuppopupclosecolour) !important; } .card-popup-widget.popup-bg-tint-override .card-popup-overlay { background: var(--cardpopuppopupbgtintcolour); } .cards-widget .flex-list { margin: -20px; } @media (max-width: 767px) { .cards-widget .flex-list { margin: -10px; } } .cards-widget .flex-col { width: 33.33%; padding: 20px; } @media (max-width: 1199px) { .cards-widget .flex-col { width: 100%; } } @media (max-width: 767px) { .cards-widget .flex-col { padding: 10px; } } @media (min-width: 1200px) { .cards-widget--two .flex-col { width: 50%; } } @media (min-width: 1200px) { .cards-widget--large-padding .flex-list { margin: -40px; } .cards-widget--large-padding .flex-list .flex-col { padding: 40px; } } .cards-widget.shape-round .card .image-wrap { border-radius: 20px 20px 0 0 !important; } .cards-widget.shape-round .card .image-wrap + .text { border-top-left-radius: 0 !important; border-top-right-radius: 0 !important; } .cards-widget.shape-round .card .text { border-radius: 20px !important; } .cards-widget.shape-straight .card .image-wrap, .cards-widget.shape-straight .card .text { border-radius: 0 !important; } .cards-widget.bg-colour-override .card .text { background: var(--cardsbgcolour); } .cards-widget.subtitle-colour-override .card .subtitle { color: var(--cardssubtitlecolour); } .cards-widget.title-colour-override .card h2 { color: var(--cardstitlecolour); } .cards-widget.button-shape-round .button { border-radius: var(--buttonborderradius) !important; } .cards-widget.button-shape-straight .button { border-radius: 0 !important; } .cards-widget.button-colour-override .button-solid, .cards-widget.button-colour-override.button-type-solid .button { color: var(--cardsbuttontextcolour) !important; background: var(--cardsbuttonbgcolour) !important; } .cards-widget.button-colour-override .button-solid:before, .cards-widget.button-colour-override.button-type-solid .button:before { background: var(--cardsbuttonbgcolourhover) !important; } body.button-solid-rollover-fill.nonTouchDevice .cards-widget.button-colour-override .button-solid:hover, body.button-solid-rollover-fill.nonTouchDevice .cards-widget.button-colour-override.button-type-solid .button:hover { color: var(--cardsbuttontextcolour) !important; background: var(--cardsbuttonbgcolourhover) !important; } body.button-solid-rollover-swipe.nonTouchDevice .cards-widget.button-colour-override .button-solid:hover, body.button-solid-rollover-swipe.nonTouchDevice .cards-widget.button-colour-override.button-type-solid .button:hover { color: var(--cardsbuttontextcolour) !important; background: var(--cardsbuttonbgcolour) !important; } .cards-widget.button-colour-override .button-border, .cards-widget.button-colour-override.button-type-border .button { color: var(--cardsbuttonbgcolour) !important; border-color: var(--cardsbuttonbgcolour) !important; background: transparent !important; } .cards-widget.button-colour-override .button-border:before, .cards-widget.button-colour-override.button-type-border .button:before { background: var(--cardsbuttonbgcolourhover) !important; } body.button-border-rollover-outline.nonTouchDevice .cards-widget.button-colour-override .button-border:hover, body.button-border-rollover-outline.nonTouchDevice .cards-widget.button-colour-override.button-type-border .button:hover { color: var(--cardsbuttonbgcolourhover) !important; border-color: var(--cardsbuttonbgcolourhover) !important; background: transparent !important; } body.button-border-rollover-fill.nonTouchDevice .cards-widget.button-colour-override .button-border:hover, body.button-border-rollover-fill.nonTouchDevice .cards-widget.button-colour-override.button-type-border .button:hover { color: var(--cardsbuttontextcolour) !important; border-color: var(--cardsbuttonbgcolourhover) !important; background: var(--cardsbuttonbgcolourhover) !important; } body.button-border-rollover-swipe.nonTouchDevice .cards-widget.button-colour-override .button-border:hover, body.button-border-rollover-swipe.nonTouchDevice .cards-widget.button-colour-override.button-type-border .button:hover { color: var(--cardsbuttontextcolour) !important; border-color: var(--cardsbuttonbgcolourhover) !important; background: transparent !important; } .cards-widget.text-button-colour-override .text-button { color: var(--cardstextbuttoncolour); } .cards-widget.text-button-colour-override .text-button .fa-icon path { fill: var(--cardstextbuttoncolour); } .cards-widget.text-button-colour-override .text-button:after { background-color: var(--cardstextbuttoncolour); } body.nonTouchDevice .cards-widget.text-button-colour-override .text-button:hover { color: var(--cardstextbuttoncolourhover); } body.nonTouchDevice .cards-widget.text-button-colour-override .text-button:hover .fa-icon path { fill: var(--cardstextbuttoncolourhover); } @media (max-width: 991px) { .column-text-widget { padding-top: 0 !important; padding-bottom: 0 !important; } } .column-text-widget .column-text-list .flex-col { width: 50%; min-height: 450px; padding-left: 100px; padding-right: 100px; } @media (max-width: 991px) { .column-text-widget .column-text-list .flex-col { width: 100%; } } @media (min-width: 768px) and (max-width: 991px) { .column-text-widget .column-text-list .flex-col { padding: 75px 100px; min-height: calc(450px + (75px * 2)); } } @media (max-width: 767px) { .column-text-widget .column-text-list .flex-col { padding: 50px 25px; min-height: calc(450px + (50px * 2)); } } .column-text-widget .column-text-list .flex-col .flex-inner { max-width: 404px; } @media (max-width: 991px) { .column-text-widget .column-text-list .flex-col .flex-inner { max-width: 471px; } } .column-text-widget .column-text-list .flex-col .content { margin-top: auto; padding-top: 60px; } @media (min-width: 768px) and (max-width: 991px) { .column-text-widget .column-text-list .flex-col .content { padding-top: 360px; } } @media (max-width: 767px) { .column-text-widget .column-text-list .flex-col .content { padding-top: 140px; } } .column-text-widget .column-text-list .flex-col .description + .quicklinks-block { padding-top: 40px; } .column-text-widget .column-text-list .flex-col .quicklinks-block { margin: 0 -20px; } .column-text-widget .column-text-list .flex-col .quicklinks-block .quicklinks { flex: 1; margin: -3px 0; padding: 0 20px; } .column-text-widget .column-text-list .flex-col .quicklinks-block .quicklinks .quicklink { font-weight: 700; margin: 3px 0; } @media (max-width: 991px) { .column-text-widget .column-text-list .flex-col .quicklinks-block .quicklinks + .quicklinks { padding-top: 6px; } } .column-text-widget .column-text-list .flex-col .quicklinks-block + .description { padding-top: 40px; } @media (max-width: 991px) { .column-text-widget.bg-default .mobtab-light .flex-col:first-child { padding-bottom: 0 !important; } .column-text-widget.bg-default .mobtab-light .flex-col + .flex-col { min-height: 0 !important; padding-top: 20px !important; } .column-text-widget.bg-default .mobtab-light .flex-col + .flex-col .content { padding-top: 20px; } .column-text-widget.bg-default .mobtab-dark .flex-col + .flex-col { background: var(--primarycolour); color: var(--lightcolour); } .column-text-widget.bg-default .mobtab-dark .flex-col + .flex-col h1, .column-text-widget.bg-default .mobtab-dark .flex-col + .flex-col .h1, .column-text-widget.bg-default .mobtab-dark .flex-col + .flex-col h2, .column-text-widget.bg-default .mobtab-dark .flex-col + .flex-col .h2, .column-text-widget.bg-default .mobtab-dark .flex-col + .flex-col h3, .column-text-widget.bg-default .mobtab-dark .flex-col + .flex-col .h3, .column-text-widget.bg-default .mobtab-dark .flex-col + .flex-col h4, .column-text-widget.bg-default .mobtab-dark .flex-col + .flex-col .h4, .column-text-widget.bg-default .mobtab-dark .flex-col + .flex-col h5, .column-text-widget.bg-default .mobtab-dark .flex-col + .flex-col .burger-menu .burger-nav > ul:not(.social-media) > li.subtitle > a, .burger-menu .column-text-widget.bg-default .mobtab-dark .flex-col + .flex-col .burger-nav > ul:not(.social-media) > li.subtitle > a, .column-text-widget.bg-default .mobtab-dark .flex-col + .flex-col .h5, .column-text-widget.bg-default .mobtab-dark .flex-col + .flex-col h6, .column-text-widget.bg-default .mobtab-dark .flex-col + .flex-col .text-widget blockquote, .text-widget .column-text-widget.bg-default .mobtab-dark .flex-col + .flex-col blockquote, .column-text-widget.bg-default .mobtab-dark .flex-col + .flex-col .h6 { color: var(--lightcolour); } .column-text-widget.bg-default .mobtab-dark .flex-col + .flex-col .subtitle { color: var(--lightcolour); } .column-text-widget.bg-default .mobtab-dark .flex-col + .flex-col a:not(.button) { color: var(--lightcolour); } body.nonTouchDevice .column-text-widget.bg-default .mobtab-dark .flex-col + .flex-col .text-button--underlined:hover { color: var(--lightcolourhover); } .column-text-widget.bg-default .mobtab-dark .flex-col + .flex-col .text-button--underlined:after { background-color: var(--lightcolour); } .column-text-widget.bg-default .mobtab-dark .flex-col + .flex-col ul li:before { background: var(--lightcolour) !important; } .column-text-widget.bg-default .mobtab-dark .flex-col + .flex-col ol li:before { color: var(--lightcolour) !important; } .column-text-widget.bg-primary .mobtab-light .flex-col + .flex-col { background: var(--backgroundcolour); color: var(--bodycolour); } .column-text-widget.bg-primary .mobtab-light .flex-col + .flex-col h1, .column-text-widget.bg-primary .mobtab-light .flex-col + .flex-col .h1, .column-text-widget.bg-primary .mobtab-light .flex-col + .flex-col h2, .column-text-widget.bg-primary .mobtab-light .flex-col + .flex-col .h2, .column-text-widget.bg-primary .mobtab-light .flex-col + .flex-col h3, .column-text-widget.bg-primary .mobtab-light .flex-col + .flex-col .h3, .column-text-widget.bg-primary .mobtab-light .flex-col + .flex-col h4, .column-text-widget.bg-primary .mobtab-light .flex-col + .flex-col .h4, .column-text-widget.bg-primary .mobtab-light .flex-col + .flex-col h5, .column-text-widget.bg-primary .mobtab-light .flex-col + .flex-col .burger-menu .burger-nav > ul:not(.social-media) > li.subtitle > a, .burger-menu .column-text-widget.bg-primary .mobtab-light .flex-col + .flex-col .burger-nav > ul:not(.social-media) > li.subtitle > a, .column-text-widget.bg-primary .mobtab-light .flex-col + .flex-col .h5, .column-text-widget.bg-primary .mobtab-light .flex-col + .flex-col h6, .column-text-widget.bg-primary .mobtab-light .flex-col + .flex-col .text-widget blockquote, .text-widget .column-text-widget.bg-primary .mobtab-light .flex-col + .flex-col blockquote, .column-text-widget.bg-primary .mobtab-light .flex-col + .flex-col .h6 { color: var(--widgettitlecolour); } .column-text-widget.bg-primary .mobtab-light .flex-col + .flex-col .subtitle { color: var(--widgettitlecolour); } .column-text-widget.bg-primary .mobtab-light .flex-col + .flex-col a:not(.button) { color: var(--bodycolour); } .column-text-widget.bg-primary .mobtab-light .flex-col + .flex-col .text-button--underlined:after { background-color: var(--buttoncolour); } .column-text-widget.bg-primary .mobtab-light .flex-col + .flex-col p { color: var(--bodycolour); } .column-text-widget.bg-primary .mobtab-light .flex-col + .flex-col ul li:before { background: var(--bodycolour) !important; } .column-text-widget.bg-primary .mobtab-light .flex-col + .flex-col ol li:before { color: var(--bodycolour) !important; } .column-text-widget.bg-primary .mobtab-dark .flex-col:first-child { padding-bottom: 0 !important; } .column-text-widget.bg-primary .mobtab-dark .flex-col + .flex-col { min-height: 0 !important; padding-top: 20px !important; } .column-text-widget.bg-primary .mobtab-dark .flex-col + .flex-col .content { padding-top: 20px; } } .column-text-widget.subtitle-colour-override .subtitle { color: var(--columntextsubtitlecolour); } .column-text-widget.title-colour-override h2 { color: var(--columntexttitlecolour) !important; } .column-text-widget.description-colour-override { color: var(--columntextdescriptioncolour); } .column-text-widget.divider-colour-override .column-text-list .flex-col { border-color: var(--columntextdividercolour); } .column-text-widget.button-shape-round .button { border-radius: var(--buttonborderradius) !important; } .column-text-widget.button-shape-straight .button { border-radius: 0 !important; } .column-text-widget.button-colour-override .button-solid, .column-text-widget.button-colour-override.button-type-solid .button { color: var(--columntextbuttontextcolour) !important; background: var(--columntextbuttonbgcolour) !important; } .column-text-widget.button-colour-override .button-solid:before, .column-text-widget.button-colour-override.button-type-solid .button:before { background: var(--columntextbuttonbgcolourhover) !important; } body.button-solid-rollover-fill.nonTouchDevice .column-text-widget.button-colour-override .button-solid:hover, body.button-solid-rollover-fill.nonTouchDevice .column-text-widget.button-colour-override.button-type-solid .button:hover { color: var(--columntextbuttontextcolour) !important; background: var(--columntextbuttonbgcolourhover) !important; } body.button-solid-rollover-swipe.nonTouchDevice .column-text-widget.button-colour-override .button-solid:hover, body.button-solid-rollover-swipe.nonTouchDevice .column-text-widget.button-colour-override.button-type-solid .button:hover { color: var(--columntextbuttontextcolour) !important; background: var(--columntextbuttonbgcolour) !important; } .column-text-widget.button-colour-override .button-border, .column-text-widget.button-colour-override.button-type-border .button { color: var(--columntextbuttonbgcolour) !important; border-color: var(--columntextbuttonbgcolour) !important; background: transparent !important; } .column-text-widget.button-colour-override .button-border:before, .column-text-widget.button-colour-override.button-type-border .button:before { background: var(--columntextbuttonbgcolourhover) !important; } body.button-border-rollover-outline.nonTouchDevice .column-text-widget.button-colour-override .button-border:hover, body.button-border-rollover-outline.nonTouchDevice .column-text-widget.button-colour-override.button-type-border .button:hover { color: var(--columntextbuttonbgcolourhover) !important; border-color: var(--columntextbuttonbgcolourhover) !important; background: transparent !important; } body.button-border-rollover-fill.nonTouchDevice .column-text-widget.button-colour-override .button-border:hover, body.button-border-rollover-fill.nonTouchDevice .column-text-widget.button-colour-override.button-type-border .button:hover { color: var(--columntextbuttontextcolour) !important; border-color: var(--columntextbuttonbgcolourhover) !important; background: var(--columntextbuttonbgcolourhover) !important; } body.button-border-rollover-swipe.nonTouchDevice .column-text-widget.button-colour-override .button-border:hover, body.button-border-rollover-swipe.nonTouchDevice .column-text-widget.button-colour-override.button-type-border .button:hover { color: var(--columntextbuttontextcolour) !important; border-color: var(--columntextbuttonbgcolourhover) !important; background: transparent !important; } .column-text-widget.text-button-colour-override .text-button { color: var(--columntexttextbuttoncolour); } .column-text-widget.text-button-colour-override .text-button .fa-icon path { fill: var(--columntexttextbuttoncolour); } .column-text-widget.text-button-colour-override .text-button:after { background-color: var(--columntexttextbuttoncolour); } body.nonTouchDevice .column-text-widget.text-button-colour-override .text-button:hover { color: var(--columntexttextbuttoncolourhover); } body.nonTouchDevice .column-text-widget.text-button-colour-override .text-button:hover .fa-icon path { fill: var(--columntexttextbuttoncolourhover); } .contact-widget { position: relative; } .contact-widget .container-fluid .contact-wrap .widget-title, .contact-widget .container-fluid .contact-wrap .form-wrap { max-width: none; } .contact-widget .contact-wrap .widget-title, .contact-widget .contact-wrap .form-wrap { margin-left: auto; margin-right: auto; max-width: 1280px; width: 100%; -webkit-box-pack: space-between; -webkit-justify-content: space-between; -moz-box-pack: space-between; -ms-flex-pack: space-between; justify-content: space-between; } .contact-widget .contact-wrap .form-wrap { margin-top: -15px; } @media (max-width: 767px) { .contact-widget .contact-wrap .form-wrap { margin-top: -15px; } } .contact-widget .contact-wrap .form-group { width: 100%; margin: 0; margin: 15px 0 0; /* Radio/checkbox style */ } @media (max-width: 767px) { .contact-widget .contact-wrap .form-group { margin: 15px 0 0; } } .contact-widget .contact-wrap .form-group fieldset { padding: 0; border: 0; } .contact-widget .contact-wrap .form-group h1, .contact-widget .contact-wrap .form-group .h1, .contact-widget .contact-wrap .form-group h2, .contact-widget .contact-wrap .form-group .h2, .contact-widget .contact-wrap .form-group h3, .contact-widget .contact-wrap .form-group .h3, .contact-widget .contact-wrap .form-group h4, .contact-widget .contact-wrap .form-group .h4, .contact-widget .contact-wrap .form-group h5, .contact-widget .contact-wrap .form-group .burger-menu .burger-nav > ul:not(.social-media) > li.subtitle > a, .burger-menu .contact-widget .contact-wrap .form-group .burger-nav > ul:not(.social-media) > li.subtitle > a, .contact-widget .contact-wrap .form-group .h5, .contact-widget .contact-wrap .form-group h6, .contact-widget .contact-wrap .form-group .text-widget blockquote, .text-widget .contact-widget .contact-wrap .form-group blockquote, .contact-widget .contact-wrap .form-group .h6 { margin-top: -10px; } @media (min-width: 992px) { .contact-widget .contact-wrap .form-group.half-input { width: calc(50% - 10px); } } .contact-widget .contact-wrap .form-group + .form-lg-margin, .contact-widget .contact-wrap .form-group.form-lg-margin + .border-input { margin-top: 30px; } @media (min-width: 992px) { .contact-widget .contact-wrap .form-group.form-lg-margin + .half-input + .half-input { margin-top: 30px; } } .contact-widget .contact-wrap .form-group.form-subtitle + .form-description { margin-top: var(--descriptionmargin) !important; } .contact-widget .contact-wrap .form-group.check-input .radio-check-list { display: flex; flex-wrap: wrap; justify-content: space-between; } .contact-widget .contact-wrap .form-group.check-input .radio-check-list .checkbox-cont { width: 100%; } @media (min-width: 768px) { .contact-widget .contact-wrap .form-group.check-input .radio-check-list .checkbox-cont.half-check { width: calc(50% - 10px); } .contact-widget .contact-wrap .form-group.check-input .radio-check-list .checkbox-cont + .half-check + .half-check, .contact-widget .contact-wrap .form-group.check-input .radio-check-list .checkbox-cont + .whole-check { margin-top: 15px; } } @media (max-width: 767px) { .contact-widget .contact-wrap .form-group.check-input .radio-check-list .checkbox-cont + .checkbox-cont { margin-top: 15px; } } .contact-widget .contact-wrap .button { margin-top: 60px; white-space: nowrap; } .contact-widget .contact-wrap .button .spinner { opacity: 0; } .contact-widget .contact-wrap--left .widget-title, .contact-widget .contact-wrap--left .form-subtitle, .contact-widget .contact-wrap--left .form-description { text-align: left !important; } .contact-widget .contact-wrap--center .widget-title, .contact-widget .contact-wrap--center .form-subtitle, .contact-widget .contact-wrap--center .form-description { text-align: center !important; } .contact-widget .contact-wrap--center .button { margin-left: auto; margin-right: auto; } .contact-widget .contact-widget-sending { position: relative; } .contact-widget .contact-widget-sending .button span { opacity: 0; } .contact-widget .contact-widget-sending .button .spinner { opacity: 1 !important; } .contact-widget--has-image .image-wrap { position: sticky; overflow: hidden; top: 0; width: 50%; height: 100vh; } @media (max-width: 1199px) { .contact-widget--has-image .image-wrap { position: relative; width: 100%; } } @media (max-width: 767px) { .contact-widget--has-image .image-wrap.no-text { height: 85vw; } } @media (max-width: 1199px) { .contact-widget--has-image .image-wrap.has-text { height: auto; } } .contact-widget--has-image .image-wrap .widget-title { position: relative; z-index: 100; display: flex; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; justify-content: flex-start; height: 100%; margin-bottom: 0 !important; padding: var(--paddinglg) 100px; max-width: calc(402px + ($gutterWidth * 2)); margin-left: 0; } @media (min-width: 768px) and (max-width: 991px) { .contact-widget--has-image .image-wrap .widget-title { padding: var(--paddingsm) 100px; max-width: calc(472px + ($gutterWidthTablet * 2)); } } @media (max-width: 767px) { .contact-widget--has-image .image-wrap .widget-title { padding: var(--paddingxs) 25px; max-width: calc(472px + ($gutterWidthMobile * 2)); } } .contact-widget--has-image .image-wrap .widget-title h2 { margin-bottom: auto; } @media (min-width: 768px) and (max-width: 991px) { .contact-widget--has-image .image-wrap .widget-title h2 { padding-bottom: 260px; } } @media (max-width: 767px) { .contact-widget--has-image .image-wrap .widget-title h2 { padding-bottom: 160px; } } .contact-widget--has-image .image-wrap .image-tint:after { opacity: .4; } .contact-widget--has-image .text { padding: var(--paddinglg) 80px; } @media (max-width: 1199px) { .contact-widget--has-image .text { background: var(--primarycolour); color: var(--lightcolour); /* Restyle webkit autofill */ } .contact-widget--has-image .text .form-group label, .contact-widget--has-image .text .form-group legend { color: var(--lightcolour); } .contact-widget--has-image .text .form-group.filled input[type="text"], .contact-widget--has-image .text .form-group.filled input[type="email"], .contact-widget--has-image .text .form-group.filled input[type="number"], .contact-widget--has-image .text .form-group.filled input[type="tel"], .contact-widget--has-image .text .form-group.filled input[type="password"], .contact-widget--has-image .text .form-group.filled textarea, .contact-widget--has-image .text .form-group.filled select, .contact-widget--has-image .text .form-group.filled .fake-input { color: var(--lightcolour) !important; border-color: var(--lightcolour) !important; } .contact-widget--has-image .text .form-group.form-subtitle h2 { color: var(--lightcolour); } .contact-widget--has-image .text .form-group.form-divider hr { border-top-color: var(--lightcolour); } .contact-widget--has-image .text input[type="text"], .contact-widget--has-image .text input[type="email"], .contact-widget--has-image .text input[type="number"], .contact-widget--has-image .text input[type="tel"], .contact-widget--has-image .text input[type="password"], .contact-widget--has-image .text textarea, .contact-widget--has-image .text select, .contact-widget--has-image .text .file-upload { border-color: rgba(var(--lightcolour), .6); color: rgba(var(--lightcolour), .6); background: var(--primarycolour); } .contact-widget--has-image .text input[type="text"]::-webkit-input-placeholder, .contact-widget--has-image .text input[type="email"]::-webkit-input-placeholder, .contact-widget--has-image .text input[type="number"]::-webkit-input-placeholder, .contact-widget--has-image .text input[type="tel"]::-webkit-input-placeholder, .contact-widget--has-image .text input[type="password"]::-webkit-input-placeholder, .contact-widget--has-image .text textarea::-webkit-input-placeholder, .contact-widget--has-image .text select::-webkit-input-placeholder, .contact-widget--has-image .text .file-upload::-webkit-input-placeholder { color: rgba(var(--lightcolour), .6); } .contact-widget--has-image .text input[type="text"]:-moz-placeholder, .contact-widget--has-image .text input[type="email"]:-moz-placeholder, .contact-widget--has-image .text input[type="number"]:-moz-placeholder, .contact-widget--has-image .text input[type="tel"]:-moz-placeholder, .contact-widget--has-image .text input[type="password"]:-moz-placeholder, .contact-widget--has-image .text textarea:-moz-placeholder, .contact-widget--has-image .text select:-moz-placeholder, .contact-widget--has-image .text .file-upload:-moz-placeholder { color: rgba(var(--lightcolour), .6); } .contact-widget--has-image .text input[type="text"]::-moz-placeholder, .contact-widget--has-image .text input[type="email"]::-moz-placeholder, .contact-widget--has-image .text input[type="number"]::-moz-placeholder, .contact-widget--has-image .text input[type="tel"]::-moz-placeholder, .contact-widget--has-image .text input[type="password"]::-moz-placeholder, .contact-widget--has-image .text textarea::-moz-placeholder, .contact-widget--has-image .text select::-moz-placeholder, .contact-widget--has-image .text .file-upload::-moz-placeholder { color: rgba(var(--lightcolour), .6); } .contact-widget--has-image .text input[type="text"]:-ms-input-placeholder, .contact-widget--has-image .text input[type="email"]:-ms-input-placeholder, .contact-widget--has-image .text input[type="number"]:-ms-input-placeholder, .contact-widget--has-image .text input[type="tel"]:-ms-input-placeholder, .contact-widget--has-image .text input[type="password"]:-ms-input-placeholder, .contact-widget--has-image .text textarea:-ms-input-placeholder, .contact-widget--has-image .text select:-ms-input-placeholder, .contact-widget--has-image .text .file-upload:-ms-input-placeholder { color: rgba(var(--lightcolour), .6); } .contact-widget--has-image .text input[type="text"].edge-autofilled, .contact-widget--has-image .text input[type="text"].edge-autoSuggestFieldFilled, .contact-widget--has-image .text input[type="email"].edge-autofilled, .contact-widget--has-image .text input[type="email"].edge-autoSuggestFieldFilled, .contact-widget--has-image .text input[type="number"].edge-autofilled, .contact-widget--has-image .text input[type="number"].edge-autoSuggestFieldFilled, .contact-widget--has-image .text input[type="tel"].edge-autofilled, .contact-widget--has-image .text input[type="tel"].edge-autoSuggestFieldFilled, .contact-widget--has-image .text input[type="password"].edge-autofilled, .contact-widget--has-image .text input[type="password"].edge-autoSuggestFieldFilled, .contact-widget--has-image .text textarea.edge-autofilled, .contact-widget--has-image .text textarea.edge-autoSuggestFieldFilled, .contact-widget--has-image .text select.edge-autofilled, .contact-widget--has-image .text select.edge-autoSuggestFieldFilled, .contact-widget--has-image .text .file-upload.edge-autofilled, .contact-widget--has-image .text .file-upload.edge-autoSuggestFieldFilled { background: var(--primarycolour) !important; } .contact-widget--has-image .text input:-webkit-autofill, .contact-widget--has-image .text input:-webkit-autofill:hover, .contact-widget--has-image .text input:-webkit-autofill:focus, .contact-widget--has-image .text textarea:-webkit-autofill, .contact-widget--has-image .text textarea:-webkit-autofill:hover, .contact-widget--has-image .text textarea:-webkit-autofill:focus, .contact-widget--has-image .text select:-webkit-autofill, .contact-widget--has-image .text select:-webkit-autofill:hover, .contact-widget--has-image .text select:-webkit-autofill:focus { -webkit-text-fill-color: var(--lightcolour); -webkit-box-shadow: 0 0 0px 1000px var(--primarycolour) inset; box-shadow: 0 0 0px 1000px var(--primarycolour) inset !important; transition: background-color 50000s ease-in-out 0s; } .contact-widget--has-image .text .select-wrap .fa-icon *, .contact-widget--has-image .text .date-picker-wrap .fa-icon * { fill: var(--lightcolour); } .contact-widget--has-image .text input[type="checkbox"] + label, .contact-widget--has-image .text input[type="radio"] + label { color: rgba(var(--lightcolour), .6); } .contact-widget--has-image .text input[type="checkbox"] + label:before, .contact-widget--has-image .text input[type="radio"] + label:before { border-color: rgba(var(--lightcolour), .6); background: var(--primarycolour); } .contact-widget--has-image .text input[type="checkbox"]:checked + label:before, .contact-widget--has-image .text input[type="radio"]:checked + label:before { border-color: var(--lightcolour); } .contact-widget--has-image .text input[type=checkbox] + label svg path { fill: var(--lightcolour); } .contact-widget--has-image .text input[type=radio] + label:after { background: var(--lightcolour); } .contact-widget--has-image .text .file-upload .fa-icon * { fill: var(--lightcolour); } .contact-widget--has-image .text .file-upload .fake-input { color: rgba(var(--lightcolour), .6); } .contact-widget--has-image .text .file-upload .fake-input:before { color: var(--lightcolour); } .contact-widget--has-image .text .checkbox-cont a { color: var(--lightcolour); border-bottom-color: var(--lightcolour); } .contact-widget--has-image .text .button.button-border { border-color: var(--lightcolour) !important; color: var(--lightcolour) !important; } } @media (min-width: 768px) and (max-width: 991px) { .contact-widget--has-image .text { padding: var(--paddingsm) 100px; } } @media (max-width: 767px) { .contact-widget--has-image .text { padding: var(--paddingxs) 25px; } } @media (min-width: 992px) { .contact-widget--has-image.image-right .image-text-wrap { -webkit-flex-direction: row-reverse; -moz-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } } .contact-widget.anchor-form-left .container-fluid { margin-left: 0; } .contact-widget.subtitle-colour-override .subtitle { color: var(--contactsubtitlecolour); } .contact-widget.title-colour-override h2 { color: var(--contacttitlecolour) !important; } .contact-widget.description-colour-override .widget-title, .contact-widget.description-colour-override .form-description { color: var(--contactdescriptioncolour); } .contact-widget.description-colour-override .widget-title a, .contact-widget.description-colour-override .form-description a { color: var(--contactdescriptioncolour); border-bottom: 1px solid var(--contactdescriptioncolour); } body.nonTouchDevice .contact-widget.description-colour-override .widget-title a:hover, body.nonTouchDevice .contact-widget.description-colour-override .form-description a:hover { border-color: transparent; } .contact-widget.icon-colour-override .select-wrap .fa-icon *, .contact-widget.icon-colour-override .date-picker-wrap .fa-icon *, .contact-widget.icon-colour-override .file-upload .fa-icon * { fill: var(--contacticoncolour); } .contact-widget.label-colour-override .form-group.border-input label { color: var(--contactlabelcolour); } .contact-widget.label-colour-override .form-group.check-input legend { color: var(--contactlabelcolour); } .contact-widget.divider-colour-override .form-group.form-divider hr { border-color: var(--contactdividercolour); } .contact-widget.radio-check-override input[type="checkbox"] + label, .contact-widget.radio-check-override input[type="radio"] + label { color: var(--contactradiochecktextcolour); background: var(--contactradiocheckbgcolour); } .contact-widget.radio-check-override input[type="checkbox"]:checked + label, .contact-widget.radio-check-override input[type="radio"]:checked + label { background: var(--contactradiocheckbgcolourticked); } .contact-widget.radio-check-override input[type="radio"] + label:after { background: var(--contactradiocheckiconcolour); } .contact-widget.radio-check-override input[type="checkbox"] + label svg path { fill: var(--contactradiocheckiconcolour); } .contact-widget.radio-check-override .form-footer { background: var(--contactradiocheckbgcolour) !important; } .contact-widget.radio-check-override .form-footer a { color: var(--contactradiochecktextcolour); border-bottom: 1px solid var(--contactradiochecktextcolour); } body.nonTouchDevice .contact-widget.radio-check-override .form-footer a:hover { border-color: transparent; } .contact-widget.field-text-colour-override input[type="text"], .contact-widget.field-text-colour-override input[type="email"], .contact-widget.field-text-colour-override input[type="number"], .contact-widget.field-text-colour-override input[type="tel"], .contact-widget.field-text-colour-override input[type="password"], .contact-widget.field-text-colour-override textarea, .contact-widget.field-text-colour-override select, .contact-widget.field-text-colour-override .fake-input { color: var(--contactfieldplaceholdertextcolour); } .contact-widget.field-text-colour-override input[type="text"]::-webkit-input-placeholder, .contact-widget.field-text-colour-override input[type="email"]::-webkit-input-placeholder, .contact-widget.field-text-colour-override input[type="number"]::-webkit-input-placeholder, .contact-widget.field-text-colour-override input[type="tel"]::-webkit-input-placeholder, .contact-widget.field-text-colour-override input[type="password"]::-webkit-input-placeholder, .contact-widget.field-text-colour-override textarea::-webkit-input-placeholder, .contact-widget.field-text-colour-override select::-webkit-input-placeholder, .contact-widget.field-text-colour-override .fake-input::-webkit-input-placeholder { color: var(--contactfieldplaceholdertextcolour); } .contact-widget.field-text-colour-override input[type="text"]:-moz-placeholder, .contact-widget.field-text-colour-override input[type="email"]:-moz-placeholder, .contact-widget.field-text-colour-override input[type="number"]:-moz-placeholder, .contact-widget.field-text-colour-override input[type="tel"]:-moz-placeholder, .contact-widget.field-text-colour-override input[type="password"]:-moz-placeholder, .contact-widget.field-text-colour-override textarea:-moz-placeholder, .contact-widget.field-text-colour-override select:-moz-placeholder, .contact-widget.field-text-colour-override .fake-input:-moz-placeholder { color: var(--contactfieldplaceholdertextcolour); } .contact-widget.field-text-colour-override input[type="text"]::-moz-placeholder, .contact-widget.field-text-colour-override input[type="email"]::-moz-placeholder, .contact-widget.field-text-colour-override input[type="number"]::-moz-placeholder, .contact-widget.field-text-colour-override input[type="tel"]::-moz-placeholder, .contact-widget.field-text-colour-override input[type="password"]::-moz-placeholder, .contact-widget.field-text-colour-override textarea::-moz-placeholder, .contact-widget.field-text-colour-override select::-moz-placeholder, .contact-widget.field-text-colour-override .fake-input::-moz-placeholder { color: var(--contactfieldplaceholdertextcolour); } .contact-widget.field-text-colour-override input[type="text"]:-ms-input-placeholder, .contact-widget.field-text-colour-override input[type="email"]:-ms-input-placeholder, .contact-widget.field-text-colour-override input[type="number"]:-ms-input-placeholder, .contact-widget.field-text-colour-override input[type="tel"]:-ms-input-placeholder, .contact-widget.field-text-colour-override input[type="password"]:-ms-input-placeholder, .contact-widget.field-text-colour-override textarea:-ms-input-placeholder, .contact-widget.field-text-colour-override select:-ms-input-placeholder, .contact-widget.field-text-colour-override .fake-input:-ms-input-placeholder { color: var(--contactfieldplaceholdertextcolour); } .contact-widget.field-text-colour-override input[type="text"]:-webkit-autofill, .contact-widget.field-text-colour-override input[type="text"]:-webkit-autofill:hover, .contact-widget.field-text-colour-override input[type="text"]:-webkit-autofill:focus, .contact-widget.field-text-colour-override input[type="email"]:-webkit-autofill, .contact-widget.field-text-colour-override input[type="email"]:-webkit-autofill:hover, .contact-widget.field-text-colour-override input[type="email"]:-webkit-autofill:focus, .contact-widget.field-text-colour-override input[type="number"]:-webkit-autofill, .contact-widget.field-text-colour-override input[type="number"]:-webkit-autofill:hover, .contact-widget.field-text-colour-override input[type="number"]:-webkit-autofill:focus, .contact-widget.field-text-colour-override input[type="tel"]:-webkit-autofill, .contact-widget.field-text-colour-override input[type="tel"]:-webkit-autofill:hover, .contact-widget.field-text-colour-override input[type="tel"]:-webkit-autofill:focus, .contact-widget.field-text-colour-override input[type="password"]:-webkit-autofill, .contact-widget.field-text-colour-override input[type="password"]:-webkit-autofill:hover, .contact-widget.field-text-colour-override input[type="password"]:-webkit-autofill:focus, .contact-widget.field-text-colour-override textarea:-webkit-autofill, .contact-widget.field-text-colour-override textarea:-webkit-autofill:hover, .contact-widget.field-text-colour-override textarea:-webkit-autofill:focus, .contact-widget.field-text-colour-override select:-webkit-autofill, .contact-widget.field-text-colour-override select:-webkit-autofill:hover, .contact-widget.field-text-colour-override select:-webkit-autofill:focus, .contact-widget.field-text-colour-override .fake-input:-webkit-autofill, .contact-widget.field-text-colour-override .fake-input:-webkit-autofill:hover, .contact-widget.field-text-colour-override .fake-input:-webkit-autofill:focus { -webkit-text-fill-color: var(--contactfieldtextcolour); } .contact-widget.field-text-colour-override .fake-input { color: var(--contactfieldplaceholdertextcolour); } .contact-widget.field-text-colour-override .form-group.filled input[type="text"], .contact-widget.field-text-colour-override .form-group.filled input[type="email"], .contact-widget.field-text-colour-override .form-group.filled input[type="number"], .contact-widget.field-text-colour-override .form-group.filled input[type="tel"], .contact-widget.field-text-colour-override .form-group.filled input[type="password"], .contact-widget.field-text-colour-override .form-group.filled textarea, .contact-widget.field-text-colour-override .form-group.filled select, .contact-widget.field-text-colour-override .form-group.filled .fake-input { color: var(--contactfieldtextcolour) !important; } .contact-widget.field-bg-colour-override input[type="text"], .contact-widget.field-bg-colour-override input[type="email"], .contact-widget.field-bg-colour-override input[type="number"], .contact-widget.field-bg-colour-override input[type="tel"], .contact-widget.field-bg-colour-override input[type="password"], .contact-widget.field-bg-colour-override textarea, .contact-widget.field-bg-colour-override select, .contact-widget.field-bg-colour-override .file-upload { background: var(--contactfieldbgcolour); border-color: var(--contactfieldbgcolour); } .contact-widget.field-bg-colour-override input[type="text"]:-webkit-autofill, .contact-widget.field-bg-colour-override input[type="text"]:-webkit-autofill:hover, .contact-widget.field-bg-colour-override input[type="text"]:-webkit-autofill:focus, .contact-widget.field-bg-colour-override input[type="email"]:-webkit-autofill, .contact-widget.field-bg-colour-override input[type="email"]:-webkit-autofill:hover, .contact-widget.field-bg-colour-override input[type="email"]:-webkit-autofill:focus, .contact-widget.field-bg-colour-override input[type="number"]:-webkit-autofill, .contact-widget.field-bg-colour-override input[type="number"]:-webkit-autofill:hover, .contact-widget.field-bg-colour-override input[type="number"]:-webkit-autofill:focus, .contact-widget.field-bg-colour-override input[type="tel"]:-webkit-autofill, .contact-widget.field-bg-colour-override input[type="tel"]:-webkit-autofill:hover, .contact-widget.field-bg-colour-override input[type="tel"]:-webkit-autofill:focus, .contact-widget.field-bg-colour-override input[type="password"]:-webkit-autofill, .contact-widget.field-bg-colour-override input[type="password"]:-webkit-autofill:hover, .contact-widget.field-bg-colour-override input[type="password"]:-webkit-autofill:focus, .contact-widget.field-bg-colour-override textarea:-webkit-autofill, .contact-widget.field-bg-colour-override textarea:-webkit-autofill:hover, .contact-widget.field-bg-colour-override textarea:-webkit-autofill:focus, .contact-widget.field-bg-colour-override select:-webkit-autofill, .contact-widget.field-bg-colour-override select:-webkit-autofill:hover, .contact-widget.field-bg-colour-override select:-webkit-autofill:focus, .contact-widget.field-bg-colour-override .file-upload:-webkit-autofill, .contact-widget.field-bg-colour-override .file-upload:-webkit-autofill:hover, .contact-widget.field-bg-colour-override .file-upload:-webkit-autofill:focus { -webkit-box-shadow: 0 0 0px 1000px var(--contactfieldbgcolour) inset; box-shadow: 0 0 0px 1000px var(--contactfieldbgcolour) inset !important; } .contact-widget.error-colour-override .warning { color: var(--contacterrorcolour); } .contact-widget.error-colour-override .form-group.error input[type="text"], .contact-widget.error-colour-override .form-group.error input[type="email"], .contact-widget.error-colour-override .form-group.error input[type="number"], .contact-widget.error-colour-override .form-group.error input[type="tel"], .contact-widget.error-colour-override .form-group.error input[type="password"], .contact-widget.error-colour-override .form-group.error textarea, .contact-widget.error-colour-override .form-group.error select, .contact-widget.error-colour-override .form-group.error .file-upload { border-color: var(--contacterrorcolour) !important; color: var(--contacterrorcolour) !important; } .contact-widget.error-colour-override .form-group.error input[type="checkbox"] + label:before, .contact-widget.error-colour-override .form-group.error input[type="radio"] + label:before { border-color: var(--contacterrorcolour) !important; } @media (min-width: 768px) { .contact-widget.error-colour-override .form-group.error .file-upload .fake-input:before { border-right: 1px solid var(--contacterrorcolour) !important; } } @media (max-width: 767px) { .contact-widget.error-colour-override .form-group.error .file-upload .fake-input:before { border-bottom: 1px solid var(--contacterrorcolour) !important; } } .contact-widget.success-colour-override .success-message { color: var(--contactsuccesscolour) !important; } .contact-widget.disable-placeholders input[type="text"]::-webkit-input-placeholder, .contact-widget.disable-placeholders input[type="email"]::-webkit-input-placeholder, .contact-widget.disable-placeholders input[type="number"]::-webkit-input-placeholder, .contact-widget.disable-placeholders input[type="tel"]::-webkit-input-placeholder, .contact-widget.disable-placeholders input[type="password"]::-webkit-input-placeholder, .contact-widget.disable-placeholders textarea::-webkit-input-placeholder { opacity: 0 !important; } .contact-widget.disable-placeholders input[type="text"]:-moz-placeholder, .contact-widget.disable-placeholders input[type="email"]:-moz-placeholder, .contact-widget.disable-placeholders input[type="number"]:-moz-placeholder, .contact-widget.disable-placeholders input[type="tel"]:-moz-placeholder, .contact-widget.disable-placeholders input[type="password"]:-moz-placeholder, .contact-widget.disable-placeholders textarea:-moz-placeholder { opacity: 0 !important; } .contact-widget.disable-placeholders input[type="text"]::-moz-placeholder, .contact-widget.disable-placeholders input[type="email"]::-moz-placeholder, .contact-widget.disable-placeholders input[type="number"]::-moz-placeholder, .contact-widget.disable-placeholders input[type="tel"]::-moz-placeholder, .contact-widget.disable-placeholders input[type="password"]::-moz-placeholder, .contact-widget.disable-placeholders textarea::-moz-placeholder { opacity: 0 !important; } .contact-widget.disable-placeholders input[type="text"]:-ms-input-placeholder, .contact-widget.disable-placeholders input[type="email"]:-ms-input-placeholder, .contact-widget.disable-placeholders input[type="number"]:-ms-input-placeholder, .contact-widget.disable-placeholders input[type="tel"]:-ms-input-placeholder, .contact-widget.disable-placeholders input[type="password"]:-ms-input-placeholder, .contact-widget.disable-placeholders textarea:-ms-input-placeholder { opacity: 0 !important; } .contact-widget.field-shape-round input[type="checkbox"] + label, .contact-widget.field-shape-round input[type="radio"] + label, .contact-widget.field-shape-round input[type="text"], .contact-widget.field-shape-round input[type="email"], .contact-widget.field-shape-round input[type="number"], .contact-widget.field-shape-round input[type="tel"], .contact-widget.field-shape-round input[type="password"], .contact-widget.field-shape-round textarea, .contact-widget.field-shape-round select, .contact-widget.field-shape-round .file-upload, .contact-widget.field-shape-round .form-footer { border-radius: 10px !important; } .contact-widget.field-shape-round .file-upload .fake-input:before { border-radius: 10px 0 0 10px !important; } .contact-widget.field-shape-straight input[type="checkbox"] + label, .contact-widget.field-shape-straight input[type="radio"] + label, .contact-widget.field-shape-straight input[type="text"], .contact-widget.field-shape-straight input[type="email"], .contact-widget.field-shape-straight input[type="number"], .contact-widget.field-shape-straight input[type="tel"], .contact-widget.field-shape-straight input[type="password"], .contact-widget.field-shape-straight textarea, .contact-widget.field-shape-straight select, .contact-widget.field-shape-straight .file-upload, .contact-widget.field-shape-straight .file-upload .fake-input:before, .contact-widget.field-shape-straight .form-footer { border-radius: 0 !important; } .contact-widget.button-shape-round .button { border-radius: var(--buttonborderradius) !important; } .contact-widget.button-shape-straight .button { border-radius: 0 !important; } .contact-widget.button-colour-override .button-solid, .contact-widget.button-colour-override.button-type-solid .button { color: var(--contactbuttontextcolour) !important; background: var(--contactbuttonbgcolour) !important; } .contact-widget.button-colour-override .button-solid .spinner > div, .contact-widget.button-colour-override.button-type-solid .button .spinner > div { background-color: var(--contactbuttontextcolour) !important; } .contact-widget.button-colour-override .button-solid:before, .contact-widget.button-colour-override.button-type-solid .button:before { background: var(--contactbuttonbgcolourhover) !important; } body.button-solid-rollover-fill.nonTouchDevice .contact-widget.button-colour-override .button-solid:hover, body.button-solid-rollover-fill.nonTouchDevice .contact-widget.button-colour-override.button-type-solid .button:hover { color: var(--contactbuttontextcolour) !important; background: var(--contactbuttonbgcolourhover) !important; } body.button-solid-rollover-swipe.nonTouchDevice .contact-widget.button-colour-override .button-solid:hover, body.button-solid-rollover-swipe.nonTouchDevice .contact-widget.button-colour-override.button-type-solid .button:hover { color: var(--contactbuttontextcolour) !important; background: var(--contactbuttonbgcolour) !important; } .contact-widget.button-colour-override .button-border, .contact-widget.button-colour-override.button-type-border .button { color: var(--contactbuttonbgcolour) !important; border-color: var(--contactbuttonbgcolour) !important; background: transparent !important; } .contact-widget.button-colour-override .button-border .spinner > div, .contact-widget.button-colour-override.button-type-border .button .spinner > div { background-color: var(--contactbuttonbgcolour) !important; } .contact-widget.button-colour-override .button-border:before, .contact-widget.button-colour-override.button-type-border .button:before { background: var(--contactbuttonbgcolourhover) !important; } body.button-border-rollover-outline.nonTouchDevice .contact-widget.button-colour-override .button-border:hover, body.button-border-rollover-outline.nonTouchDevice .contact-widget.button-colour-override.button-type-border .button:hover { color: var(--contactbuttonbgcolourhover) !important; border-color: var(--contactbuttonbgcolourhover) !important; background: transparent !important; } body.button-border-rollover-fill.nonTouchDevice .contact-widget.button-colour-override .button-border:hover, body.button-border-rollover-fill.nonTouchDevice .contact-widget.button-colour-override.button-type-border .button:hover { color: var(--contactbuttontextcolour) !important; border-color: var(--contactbuttonbgcolourhover) !important; background: var(--contactbuttonbgcolourhover) !important; } body.button-border-rollover-swipe.nonTouchDevice .contact-widget.button-colour-override .button-border:hover, body.button-border-rollover-swipe.nonTouchDevice .contact-widget.button-colour-override.button-type-border .button:hover { color: var(--contactbuttontextcolour) !important; border-color: var(--contactbuttonbgcolourhover) !important; background: transparent !important; } .contact-widget.button-colour-override .file-upload .fake-input:before { color: var(--contactbuttontextcolour); background: var(--contactbuttonbgcolour); } .ctas-widget .flex-list .flex-col { position: relative; overflow: hidden; } .ctas-widget .flex-list .flex-col .text { z-index: 3; position: relative; min-height: 520px; } @media (max-width: 767px) { .ctas-widget .flex-list .flex-col .text { min-height: 420px; } } .ctas-widget .flex-list .flex-col .text-center { justify-content: center; } .ctas-widget .flex-list .flex-col:nth-child(1) .image-tint:after { opacity: var(--tintopacity-1); } .ctas-widget .flex-list .flex-col:nth-child(2) .image-tint:after { opacity: var(--tintopacity-2); } .ctas-widget .flex-list .flex-col:nth-child(3) .image-tint:after { opacity: var(--tintopacity-3); } .ctas-widget .flex-list .flex-col:nth-child(4) .image-tint:after { opacity: var(--tintopacity-4); } .ctas-widget .flex-list .flex-col:nth-child(5) .image-tint:after { opacity: var(--tintopacity-5); } .ctas-widget .flex-list .flex-col:nth-child(6) .image-tint:after { opacity: var(--tintopacity-6); } .ctas-widget .flex-list .flex-col:nth-child(7) .image-tint:after { opacity: var(--tintopacity-7); } .ctas-widget .flex-list .flex-col:nth-child(8) .image-tint:after { opacity: var(--tintopacity-8); } .ctas-widget .flex-list .flex-col:nth-child(9) .image-tint:after { opacity: var(--tintopacity-9); } .ctas-widget--two .flex-list .flex-col { width: 50%; } @media (max-width: 991px) { .ctas-widget--two .flex-list .flex-col { width: 100%; } } .ctas-widget--two .flex-list .flex-col .text { padding: 80px; } @media (min-width: 768px) and (max-width: 1199px) { .ctas-widget--two .flex-list .flex-col .text { padding: 80px 60px; } } @media (max-width: 767px) { .ctas-widget--two .flex-list .flex-col .text { padding: 60px 25px; } } .ctas-widget--three .flex-list .flex-col { width: 33.33%; } @media (max-width: 991px) { .ctas-widget--three .flex-list .flex-col { width: 100%; } } .ctas-widget--three .flex-list .flex-col .text { padding: 60px; } @media (min-width: 992px) and (max-width: 1199px) { .ctas-widget--three .flex-list .flex-col .text { padding: 60px 40px; } } @media (min-width: 768px) and (max-width: 991px) { .ctas-widget--three .flex-list .flex-col .text { padding: 80px 60px; } } @media (max-width: 767px) { .ctas-widget--three .flex-list .flex-col .text { padding: 60px 25px; } } .ctas-widget.subtitle-colour-override .subtitle { color: var(--ctassubtitlecolour); } .ctas-widget.title-colour-override h2 { color: var(--ctastitlecolour) !important; } .ctas-widget.button-shape-round .button { border-radius: var(--buttonborderradius) !important; } .ctas-widget.button-shape-straight .button { border-radius: 0 !important; } .ctas-widget.button-colour-override .button-solid, .ctas-widget.button-colour-override.button-type-solid .button { color: var(--ctasbuttontextcolour) !important; background: var(--ctasbuttonbgcolour) !important; } .ctas-widget.button-colour-override .button-solid:before, .ctas-widget.button-colour-override.button-type-solid .button:before { background: var(--ctasbuttonbgcolourhover) !important; } body.button-solid-rollover-fill.nonTouchDevice .ctas-widget.button-colour-override .button-solid:hover, body.button-solid-rollover-fill.nonTouchDevice .ctas-widget.button-colour-override.button-type-solid .button:hover { color: var(--ctasbuttontextcolour) !important; background: var(--ctasbuttonbgcolourhover) !important; } body.button-solid-rollover-swipe.nonTouchDevice .ctas-widget.button-colour-override .button-solid:hover, body.button-solid-rollover-swipe.nonTouchDevice .ctas-widget.button-colour-override.button-type-solid .button:hover { color: var(--ctasbuttontextcolour) !important; background: var(--ctasbuttonbgcolour) !important; } .ctas-widget.button-colour-override .button-border, .ctas-widget.button-colour-override.button-type-border .button { color: var(--ctasbuttonbgcolour) !important; border-color: var(--ctasbuttonbgcolour) !important; background: transparent !important; } .ctas-widget.button-colour-override .button-border:before, .ctas-widget.button-colour-override.button-type-border .button:before { background: var(--ctasbuttonbgcolourhover) !important; } body.button-border-rollover-outline.nonTouchDevice .ctas-widget.button-colour-override .button-border:hover, body.button-border-rollover-outline.nonTouchDevice .ctas-widget.button-colour-override.button-type-border .button:hover { color: var(--ctasbuttonbgcolourhover) !important; border-color: var(--ctasbuttonbgcolourhover) !important; background: transparent !important; } body.button-border-rollover-fill.nonTouchDevice .ctas-widget.button-colour-override .button-border:hover, body.button-border-rollover-fill.nonTouchDevice .ctas-widget.button-colour-override.button-type-border .button:hover { color: var(--ctasbuttontextcolour) !important; border-color: var(--ctasbuttonbgcolourhover) !important; background: var(--ctasbuttonbgcolourhover) !important; } body.button-border-rollover-swipe.nonTouchDevice .ctas-widget.button-colour-override .button-border:hover, body.button-border-rollover-swipe.nonTouchDevice .ctas-widget.button-colour-override.button-type-border .button:hover { color: var(--ctasbuttontextcolour) !important; border-color: var(--ctasbuttonbgcolourhover) !important; background: transparent !important; } .ctas-widget.text-button-colour-override .text-button { color: var(--ctastextbuttoncolour); } .ctas-widget.text-button-colour-override .text-button .fa-icon path { fill: var(--ctastextbuttoncolour); } .ctas-widget.text-button-colour-override .text-button:after { background-color: var(--ctastextbuttoncolour); } body.nonTouchDevice .ctas-widget.text-button-colour-override .text-button:hover { color: var(--ctastextbuttoncolourhover); } body.nonTouchDevice .ctas-widget.text-button-colour-override .text-button:hover .fa-icon path { fill: var(--ctastextbuttoncolourhover); } .ctas-widget.min-height-override .flex-col .text { min-height: var(--ctasminheightdesktop) !important; } @media (max-width: 767px) { .ctas-widget.min-height-override .flex-col .text { min-height: var(--ctasminheightmobile) !important; } } .icon-cards-widget .icon-cards-list { margin: -20px; } @media (max-width: 767px) { .icon-cards-widget .icon-cards-list { margin: -10px; } } .icon-cards-widget .icon-cards-list .icon-card { width: 33.33%; padding: 20px; } @media (max-width: 1199px) { .icon-cards-widget .icon-cards-list .icon-card { width: 100%; } } @media (max-width: 767px) { .icon-cards-widget .icon-cards-list .icon-card { padding: 10px; } } .icon-cards-widget .icon-cards-list .icon-card-inner { height: 100%; padding: 60px; background: var(--secondarycolour); } @media (max-width: 767px) { .icon-cards-widget .icon-cards-list .icon-card-inner { padding: 60px 40px; } } .icon-cards-widget .icon-cards-list .icon-card-inner .fa-upload { height: var(--iconheight); } @media (max-width: 767px) { .icon-cards-widget .icon-cards-list .icon-card-inner .fa-upload { height: var(--iconheightmobile); } } .icon-cards-widget .icon-cards-list .icon-card-inner .button-wrap { margin-top: auto; } .icon-cards-widget .icon-cards-list .icon-card-inner .button { max-width: 100%; } .icon-cards-widget .icon-cards-list .icon-card-inner.text-left .fa-icon { margin-right: auto; } body.solid-elements-round .icon-cards-widget .icon-cards-list .icon-card-inner { border-radius: 20px; } .icon-cards-widget .icon-cards-list .icon-card:first-child { margin-left: auto; } .icon-cards-widget .icon-cards-list .icon-card:last-child { margin-right: auto; } @media (min-width: 1200px) { .icon-cards-widget--two .icon-cards-list .icon-card { width: 50%; } } @media (min-width: 1200px) { .icon-cards-widget--large-padding .icon-cards-list { margin: -40px; } .icon-cards-widget--large-padding .icon-cards-list .icon-card { padding: 40px; } } .icon-cards-widget.shape-round .icon-card-inner { border-radius: 20px !important; } .icon-cards-widget.shape-straight .icon-card-inner { border-radius: 0 !important; } .icon-cards-widget.bg-colour-override .icon-card-inner { background: var(--iconcardsbgcolour) !important; } .icon-cards-widget.icon-colour-override .fa-upload { fill: var(--iconcardsiconcolour); } .icon-cards-widget.subtitle-colour-override .subtitle { color: var(--iconcardssubtitlecolour); } .icon-cards-widget.title-colour-override h2 { color: var(--iconcardstitlecolour) !important; } .icon-cards-widget.description-colour-override p { color: var(--iconcardsdescriptioncolour) !important; } .icon-cards-widget.button-shape-round .button { border-radius: var(--buttonborderradius) !important; } .icon-cards-widget.button-shape-straight .button { border-radius: 0 !important; } .icon-cards-widget.button-colour-override .button-solid, .icon-cards-widget.button-colour-override.button-type-solid .button { color: var(--iconcardsbuttontextcolour) !important; background: var(--iconcardsbuttonbgcolour) !important; } .icon-cards-widget.button-colour-override .button-solid:before, .icon-cards-widget.button-colour-override.button-type-solid .button:before { background: var(--iconcardsbuttonbgcolourhover) !important; } body.button-solid-rollover-fill.nonTouchDevice .icon-cards-widget.button-colour-override .button-solid:hover, body.button-solid-rollover-fill.nonTouchDevice .icon-cards-widget.button-colour-override.button-type-solid .button:hover { color: var(--iconcardsbuttontextcolour) !important; background: var(--iconcardsbuttonbgcolourhover) !important; } body.button-solid-rollover-swipe.nonTouchDevice .icon-cards-widget.button-colour-override .button-solid:hover, body.button-solid-rollover-swipe.nonTouchDevice .icon-cards-widget.button-colour-override.button-type-solid .button:hover { color: var(--iconcardsbuttontextcolour) !important; background: var(--iconcardsbuttonbgcolour) !important; } .icon-cards-widget.button-colour-override .button-border, .icon-cards-widget.button-colour-override.button-type-border .button { color: var(--iconcardsbuttonbgcolour) !important; border-color: var(--iconcardsbuttonbgcolour) !important; background: transparent !important; } .icon-cards-widget.button-colour-override .button-border:before, .icon-cards-widget.button-colour-override.button-type-border .button:before { background: var(--iconcardsbuttonbgcolourhover) !important; } body.button-border-rollover-outline.nonTouchDevice .icon-cards-widget.button-colour-override .button-border:hover, body.button-border-rollover-outline.nonTouchDevice .icon-cards-widget.button-colour-override.button-type-border .button:hover { color: var(--iconcardsbuttonbgcolourhover) !important; border-color: var(--iconcardsbuttonbgcolourhover) !important; background: transparent !important; } body.button-border-rollover-fill.nonTouchDevice .icon-cards-widget.button-colour-override .button-border:hover, body.button-border-rollover-fill.nonTouchDevice .icon-cards-widget.button-colour-override.button-type-border .button:hover { color: var(--iconcardsbuttontextcolour) !important; border-color: var(--iconcardsbuttonbgcolourhover) !important; background: var(--iconcardsbuttonbgcolourhover) !important; } body.button-border-rollover-swipe.nonTouchDevice .icon-cards-widget.button-colour-override .button-border:hover, body.button-border-rollover-swipe.nonTouchDevice .icon-cards-widget.button-colour-override.button-type-border .button:hover { color: var(--iconcardsbuttontextcolour) !important; border-color: var(--iconcardsbuttonbgcolourhover) !important; background: transparent !important; } .icon-cards-widget.text-button-colour-override .text-button { color: var(--iconcardstextbuttoncolour); } .icon-cards-widget.text-button-colour-override .text-button .fa-icon path { fill: var(--iconcardstextbuttoncolour); } .icon-cards-widget.text-button-colour-override .text-button:after { background-color: var(--iconcardstextbuttoncolour); } body.nonTouchDevice .icon-cards-widget.text-button-colour-override .text-button:hover { color: var(--iconcardstextbuttoncolourhover); } body.nonTouchDevice .icon-cards-widget.text-button-colour-override .text-button:hover .fa-icon path { fill: var(--iconcardstextbuttoncolourhover); } .iframe-widget iframe { width: 100%; height: 720px; } @media (max-width: 767px) { .iframe-widget iframe { height: 600px; } } body.image-blocks-round .iframe-widget iframe { border-radius: 20px; } .illustration-widget .illustration { display: block; width: 100%; height: auto; } .illustration-widget .illustration-fixed { width: auto; height: var(--imageheightdesktop); } @media (max-width: 767px) { .illustration-widget .illustration-fixed { height: var(--imageheightmobile); } } .illustration-widget .illustration.align-left { margin-right: auto; } .illustration-widget .illustration.align-right { margin-left: auto; } .illustration-widget .illustration.align-center { margin-left: auto; margin-right: auto; } .illustration-widget .container-fluid--bleed { padding: 0; } .image-carousel-widget .slick-track { display: flex; } .image-carousel-widget .slide { margin: 0 20px; height: var(--imageheightdesktop); } @media (max-width: 767px) { .image-carousel-widget .slide { margin: 0 10px !important; height: var(--imageheightmobile); } } .image-carousel-widget .slide .image { overflow: hidden; } body.image-blocks-round .image-carousel-widget .slide .image { border-radius: 20px; } .image-carousel-widget--large-padding .slide { margin: 0 40px; } .image-carousel-widget .slider[data-variable-width="true"] .slide .image-absolute { position: relative; } .image-carousel-widget .slider[data-variable-width="true"] .slide .image-absolute img { position: relative; width: auto; height: var(--imageheightdesktop); } @media (max-width: 767px) { .image-carousel-widget .slider[data-variable-width="true"] .slide .image-absolute img { height: var(--imageheightmobile); } } .image-carousel-widget.shape-round .image { border-radius: 20px !important; } .image-carousel-widget.shape-straight .image { border-radius: 0 !important; } .image-carousel-widget.arrows-shape-round .slick-slider .slick-arrow { border-radius: 50% !important; } .image-carousel-widget.arrows-shape-straight .slick-slider .slick-arrow { border-radius: 0 !important; } .image-carousel-widget.arrows-type-solid .slick-slider .slick-arrow { border: none !important; background: var(--buttoncolour) !important; } .image-carousel-widget.arrows-type-solid .slick-slider .slick-arrow svg path { fill: var(--buttontextcolour) !important; } body.button-solid-rollover-fill.nonTouchDevice .image-carousel-widget.arrows-type-solid .slick-slider .slick-arrow:hover { background: var(--buttonhovercolour) !important; } body.button-solid-rollover-fill.nonTouchDevice .image-carousel-widget.arrows-type-solid .slick-slider .slick-arrow:hover:before { right: 100%; } body.button-solid-rollover-swipe.nonTouchDevice .image-carousel-widget.arrows-type-solid .slick-slider .slick-arrow:hover { background: var(--buttoncolour) !important; } body.button-solid-rollover-swipe.nonTouchDevice .image-carousel-widget.arrows-type-solid .slick-slider .slick-arrow:hover:before { right: 0; } .image-carousel-widget.arrows-type-border .slick-slider .slick-arrow { border: var(--buttonborderwidth) solid var(--buttoncolour) !important; background: none !important; } .image-carousel-widget.arrows-type-border .slick-slider .slick-arrow svg path { fill: var(--buttoncolour) !important; } body.button-border-rollover-outline.nonTouchDevice .image-carousel-widget.arrows-type-border .slick-slider .slick-arrow:hover { border-color: var(--buttonhovercolour) !important; } body.button-border-rollover-outline.nonTouchDevice .image-carousel-widget.arrows-type-border .slick-slider .slick-arrow:hover svg path { fill: var(--buttonhovercolour) !important; } body.button-border-rollover-outline.nonTouchDevice .image-carousel-widget.arrows-type-border .slick-slider .slick-arrow:hover:before { right: 100%; } body.button-border-rollover-fill.nonTouchDevice .image-carousel-widget.arrows-type-border .slick-slider .slick-arrow:hover { border-color: var(--buttonhovercolour) !important; background: var(--buttonhovercolour) !important; } body.button-border-rollover-fill.nonTouchDevice .image-carousel-widget.arrows-type-border .slick-slider .slick-arrow:hover svg path { fill: var(--buttontextcolour) !important; } body.button-border-rollover-fill.nonTouchDevice .image-carousel-widget.arrows-type-border .slick-slider .slick-arrow:hover:before { right: 100%; } body.button-border-rollover-swipe.nonTouchDevice .image-carousel-widget.arrows-type-border .slick-slider .slick-arrow:hover { border-color: var(--buttonhovercolour) !important; background: transparent !important; } body.button-border-rollover-swipe.nonTouchDevice .image-carousel-widget.arrows-type-border .slick-slider .slick-arrow:hover svg path { fill: var(--buttontextcolour) !important; } body.button-border-rollover-swipe.nonTouchDevice .image-carousel-widget.arrows-type-border .slick-slider .slick-arrow:hover:before { right: 0; } body.buttons-solid .image-carousel-widget.arrows-colour-override .slick-slider .slick-arrow, body.buttons-border .image-carousel-widget.arrows-colour-override.arrows-type-solid .slick-slider .slick-arrow { border-color: transparent !important; background: var(--imagecarouselarrowsbgcolour) !important; } body.buttons-solid .image-carousel-widget.arrows-colour-override .slick-slider .slick-arrow svg path, body.buttons-border .image-carousel-widget.arrows-colour-override.arrows-type-solid .slick-slider .slick-arrow svg path { fill: var(--imagecarouselarrowsiconcolour) !important; } body.buttons-border .image-carousel-widget.arrows-colour-override .slick-slider .slick-arrow, body.buttons-solid .image-carousel-widget.arrows-colour-override.arrows-type-border .slick-slider .slick-arrow { border-color: var(--imagecarouselarrowsbgcolour) !important; background: none !important; } body.buttons-border .image-carousel-widget.arrows-colour-override .slick-slider .slick-arrow svg path, body.buttons-solid .image-carousel-widget.arrows-colour-override.arrows-type-border .slick-slider .slick-arrow svg path { fill: var(--imagecarouselarrowsbgcolour) !important; } body.buttons-solid.button-solid-rollover-fill.nonTouchDevice .image-carousel-widget.arrows-colour-override .slick-slider .slick-arrow:hover, body.buttons-border.button-solid-rollover-fill.nonTouchDevice .image-carousel-widget.arrows-colour-override.arrows-type-solid .slick-slider .slick-arrow:hover { background: var(--imagecarouselarrowsbgcolourhover) !important; } body.buttons-solid.button-solid-rollover-fill.nonTouchDevice .image-carousel-widget.arrows-colour-override .slick-slider .slick-arrow:hover svg path, body.buttons-border.button-solid-rollover-fill.nonTouchDevice .image-carousel-widget.arrows-colour-override.arrows-type-solid .slick-slider .slick-arrow:hover svg path { fill: var(--imagecarouselarrowsiconcolour) !important; } body.buttons-solid.button-solid-rollover-swipe.nonTouchDevice .image-carousel-widget.arrows-colour-override .slick-slider .slick-arrow:before, body.buttons-border.button-solid-rollover-swipe.nonTouchDevice .image-carousel-widget.arrows-colour-override.arrows-type-solid .slick-slider .slick-arrow:before { background: var(--imagecarouselarrowsbgcolourhover) !important; } body.buttons-solid.button-solid-rollover-swipe.nonTouchDevice .image-carousel-widget.arrows-colour-override .slick-slider .slick-arrow:hover, body.buttons-border.button-solid-rollover-swipe.nonTouchDevice .image-carousel-widget.arrows-colour-override.arrows-type-solid .slick-slider .slick-arrow:hover { background: var(--imagecarouselarrowsbgcolour) !important; } body.buttons-solid.button-solid-rollover-swipe.nonTouchDevice .image-carousel-widget.arrows-colour-override .slick-slider .slick-arrow:hover svg path, body.buttons-border.button-solid-rollover-swipe.nonTouchDevice .image-carousel-widget.arrows-colour-override.arrows-type-solid .slick-slider .slick-arrow:hover svg path { fill: var(--imagecarouselarrowsiconcolour) !important; } body.buttons-border.button-border-rollover-outline.nonTouchDevice .image-carousel-widget.arrows-colour-override .slick-slider .slick-arrow:hover, body.buttons-solid.button-border-rollover-outline.nonTouchDevice .image-carousel-widget.arrows-colour-override.arrows-type-border .slick-slider .slick-arrow:hover { border-color: var(--imagecarouselarrowsbgcolourhover) !important; background: transparent !important; } body.buttons-border.button-border-rollover-outline.nonTouchDevice .image-carousel-widget.arrows-colour-override .slick-slider .slick-arrow:hover svg path, body.buttons-solid.button-border-rollover-outline.nonTouchDevice .image-carousel-widget.arrows-colour-override.arrows-type-border .slick-slider .slick-arrow:hover svg path { fill: var(--imagecarouselarrowsbgcolourhover) !important; } body.buttons-border.button-border-rollover-fill.nonTouchDevice .image-carousel-widget.arrows-colour-override .slick-slider .slick-arrow:hover, body.buttons-solid.button-border-rollover-fill.nonTouchDevice .image-carousel-widget.arrows-colour-override.arrows-type-border .slick-slider .slick-arrow:hover { border-color: var(--imagecarouselarrowsbgcolourhover) !important; background: var(--imagecarouselarrowsbgcolourhover) !important; } body.buttons-border.button-border-rollover-fill.nonTouchDevice .image-carousel-widget.arrows-colour-override .slick-slider .slick-arrow:hover svg path, body.buttons-solid.button-border-rollover-fill.nonTouchDevice .image-carousel-widget.arrows-colour-override.arrows-type-border .slick-slider .slick-arrow:hover svg path { fill: var(--imagecarouselarrowsiconcolour) !important; } body.buttons-border.button-border-rollover-swipe.nonTouchDevice .image-carousel-widget.arrows-colour-override .slick-slider .slick-arrow:before, body.buttons-solid.button-border-rollover-swipe.nonTouchDevice .image-carousel-widget.arrows-colour-override.arrows-type-border .slick-slider .slick-arrow:before { background: var(--imagecarouselarrowsbgcolourhover) !important; } body.buttons-border.button-border-rollover-swipe.nonTouchDevice .image-carousel-widget.arrows-colour-override .slick-slider .slick-arrow:hover, body.buttons-solid.button-border-rollover-swipe.nonTouchDevice .image-carousel-widget.arrows-colour-override.arrows-type-border .slick-slider .slick-arrow:hover { border-color: var(--imagecarouselarrowsbgcolourhover) !important; background: transparent !important; } body.buttons-border.button-border-rollover-swipe.nonTouchDevice .image-carousel-widget.arrows-colour-override .slick-slider .slick-arrow:hover svg path, body.buttons-solid.button-border-rollover-swipe.nonTouchDevice .image-carousel-widget.arrows-colour-override.arrows-type-border .slick-slider .slick-arrow:hover svg path { fill: var(--imagecarouselarrowsiconcolour) !important; } .gallery-image-widget .gallery-list { margin: -20px; } @media (max-width: 767px) { .gallery-image-widget .gallery-list { margin: -5px; } } .gallery-image-widget .gallery-list a { display: flex; width: 25%; padding: 20px; } @media (min-width: 992px) and (max-width: 1199px) { .gallery-image-widget .gallery-list a { width: 33.33%; } } @media (max-width: 991px) { .gallery-image-widget .gallery-list a { width: 50%; } } @media (max-width: 767px) { .gallery-image-widget .gallery-list a { padding: 5px; } } .gallery-image-widget .gallery-list a .image { overflow: hidden; position: relative; width: 100%; height: 0; padding-top: 70%; } .gallery-image-widget .gallery-list a .image .img { position: absolute; left: 0; top: 0; right: 0; bottom: 0; } .gallery-image-widget .gallery-list a .image svg { opacity: 0; z-index: 2; position: absolute; height: 20px; bottom: 20px; right: 20px; transition: all .35s ease; } @media (max-width: 767px) { .gallery-image-widget .gallery-list a .image svg { height: 3rem; } } .gallery-image-widget .gallery-list a .image:before { content: ''; z-index: 1; position: absolute; left: 0; top: 0; right: 0; bottom: 0; opacity: 0; transition: all .35s ease; background: transparent linear-gradient(125deg, transparent 0%, rgba(0, 0, 0, 0.5) 100%); } body.image-blocks-round .gallery-image-widget .gallery-list a .image { border-radius: 20px; } body.nonTouchDevice .gallery-image-widget .gallery-list a:hover .image:before { opacity: 1; } body.nonTouchDevice .gallery-image-widget .gallery-list a:hover .image svg { opacity: 1; } .gallery-image-widget.shape-round .gallery-list a .image { border-radius: 20px !important; } .gallery-image-widget.shape-straight .gallery-list a .image { border-radius: 0 !important; } .image-slider-widget .widget-slider .slick-track { display: flex; } .image-slider-widget .widget-slider .slide { display: flex; height: auto !important; min-height: 100vh; padding: 80px 0; } .image-slider-widget .widget-slider .slide .image, .image-slider-widget .widget-slider .slide .video-mask { z-index: 1; } .image-slider-widget .widget-slider .slide .text { z-index: 2; position: relative; } .image-slider-widget .widget-slider .slide .text .text-inner { width: 65%; max-width: 840px; } @media (max-width: 991px) { .image-slider-widget .widget-slider .slide .text .text-inner { width: 75%; } } .image-slider-widget .widget-slider .slide .text .text-inner--lrg { max-width: 960px; } .image-slider-widget .widget-slider .slide .text .text-inner.text-block { padding: 80px; background: var(--backgroundcolour); } @media (max-width: 767px) { .image-slider-widget .widget-slider .slide .text .text-inner.text-block { padding: 40px 30px; } } body.solid-elements-round .image-slider-widget .widget-slider .slide .text .text-inner.text-block { border-radius: 20px; } .image-slider-widget .widget-slider .slide-split .image:nth-of-type(1) { right: 50%; } @media (max-width: 991px) { .image-slider-widget .widget-slider .slide-split .image:nth-of-type(1) { right: 0; bottom: 50%; } } .image-slider-widget .widget-slider .slide-split .image:nth-of-type(2) { left: 50%; } @media (max-width: 991px) { .image-slider-widget .widget-slider .slide-split .image:nth-of-type(2) { left: 0; top: 50%; } } .image-slider-widget .widget-slider .slide-1 .image-tint:after { opacity: var(--tintopacity-1); } .image-slider-widget .widget-slider .slide-2 .image-tint:after { opacity: var(--tintopacity-2); } .image-slider-widget .widget-slider .slide-3 .image-tint:after { opacity: var(--tintopacity-3); } .image-slider-widget .widget-slider .slide-4 .image-tint:after { opacity: var(--tintopacity-4); } .image-slider-widget .widget-slider .slide-5 .image-tint:after { opacity: var(--tintopacity-5); } .image-slider-widget .widget-slider .slide-6 .image-tint:after { opacity: var(--tintopacity-6); } .image-slider-widget .widget-slider .slide-7 .image-tint:after { opacity: var(--tintopacity-7); } .image-slider-widget .widget-slider .slide-8 .image-tint:after { opacity: var(--tintopacity-8); } .image-slider-widget .widget-slider .slide-9 .image-tint:after { opacity: var(--tintopacity-9); } .image-slider-widget .widget-slider .slide-10 .image-tint:after { opacity: var(--tintopacity-10); } .image-slider-widget .widget-slider .slide-11 .image-tint:after { opacity: var(--tintopacity-11); } .image-slider-widget .widget-slider .slide-12 .image-tint:after { opacity: var(--tintopacity-12); } .image-slider-widget .widget-slider .slide-13 .image-tint:after { opacity: var(--tintopacity-13); } .image-slider-widget .widget-slider .slide-14 .image-tint:after { opacity: var(--tintopacity-14); } .image-slider-widget .widget-slider .slide-15 .image-tint:after { opacity: var(--tintopacity-15); } .image-slider-widget .widget-slider .slide-16 .image-tint:after { opacity: var(--tintopacity-16); } .image-slider-widget .widget-slider .slide-17 .image-tint:after { opacity: var(--tintopacity-17); } .image-slider-widget .widget-slider .slide-18 .image-tint:after { opacity: var(--tintopacity-18); } .image-slider-widget .widget-slider .slide-19 .image-tint:after { opacity: var(--tintopacity-19); } .image-slider-widget.boxbg-colour-override .widget-slider .slide .text .text-inner.text-block { background: var(--imagesliderboxbgcolour); } .image-slider-widget.subtitle-colour-override .subtitle { color: var(--imageslidersubtitlecolour) !important; } .image-slider-widget.title-colour-override h2 { color: var(--imageslidertitlecolour) !important; } .image-slider-widget.description-colour-override p { color: var(--imagesliderdescriptioncolour) !important; } .image-slider-widget.button-shape-round .button { border-radius: var(--buttonborderradius) !important; } .image-slider-widget.button-shape-straight .button { border-radius: 0 !important; } .image-slider-widget.button-colour-override .button-solid, .image-slider-widget.button-colour-override.button-type-solid .button { color: var(--imagesliderbuttontextcolour) !important; background: var(--imagesliderbuttonbgcolour) !important; } .image-slider-widget.button-colour-override .button-solid:before, .image-slider-widget.button-colour-override.button-type-solid .button:before { background: var(--imagesliderbuttonbgcolourhover) !important; } body.button-solid-rollover-fill.nonTouchDevice .image-slider-widget.button-colour-override .button-solid:hover, body.button-solid-rollover-fill.nonTouchDevice .image-slider-widget.button-colour-override.button-type-solid .button:hover { color: var(--imagesliderbuttontextcolour) !important; background: var(--imagesliderbuttonbgcolourhover) !important; } body.button-solid-rollover-swipe.nonTouchDevice .image-slider-widget.button-colour-override .button-solid:hover, body.button-solid-rollover-swipe.nonTouchDevice .image-slider-widget.button-colour-override.button-type-solid .button:hover { color: var(--imagesliderbuttontextcolour) !important; background: var(--imagesliderbuttonbgcolour) !important; } .image-slider-widget.button-colour-override .button-border, .image-slider-widget.button-colour-override.button-type-border .button { color: var(--imagesliderbuttonbgcolour) !important; border-color: var(--imagesliderbuttonbgcolour) !important; background: transparent !important; } .image-slider-widget.button-colour-override .button-border:before, .image-slider-widget.button-colour-override.button-type-border .button:before { background: var(--imagesliderbuttonbgcolourhover) !important; } body.button-border-rollover-outline.nonTouchDevice .image-slider-widget.button-colour-override .button-border:hover, body.button-border-rollover-outline.nonTouchDevice .image-slider-widget.button-colour-override.button-type-border .button:hover { color: var(--imagesliderbuttonbgcolourhover) !important; border-color: var(--imagesliderbuttonbgcolourhover) !important; background: transparent !important; } body.button-border-rollover-fill.nonTouchDevice .image-slider-widget.button-colour-override .button-border:hover, body.button-border-rollover-fill.nonTouchDevice .image-slider-widget.button-colour-override.button-type-border .button:hover { color: var(--imagesliderbuttontextcolour) !important; border-color: var(--imagesliderbuttonbgcolourhover) !important; background: var(--imagesliderbuttonbgcolourhover) !important; } body.button-border-rollover-swipe.nonTouchDevice .image-slider-widget.button-colour-override .button-border:hover, body.button-border-rollover-swipe.nonTouchDevice .image-slider-widget.button-colour-override.button-type-border .button:hover { color: var(--imagesliderbuttontextcolour) !important; border-color: var(--imagesliderbuttonbgcolourhover) !important; background: transparent !important; } .image-slider-widget.text-button-colour-override .text-button { color: var(--imageslidertextbuttoncolour); } .image-slider-widget.text-button-colour-override .text-button .fa-icon path { fill: var(--imageslidertextbuttoncolour); } .image-slider-widget.text-button-colour-override .text-button:after { background-color: var(--imageslidertextbuttoncolour); } body.nonTouchDevice .image-slider-widget.text-button-colour-override .text-button:hover { color: var(--imageslidertextbuttoncolourhover); } body.nonTouchDevice .image-slider-widget.text-button-colour-override .text-button:hover .fa-icon path { fill: var(--imageslidertextbuttoncolourhover); } .image-slider-widget.box-shape-round .widget-slider .slide .text .text-inner.text-block { border-radius: 20px !important; } .image-slider-widget.box-shape-straight .widget-slider .slide .text .text-inner.text-block { border-radius: 0 !important; } .image-slider-widget.arrows-shape-round .slick-slider .slick-arrow { border-radius: 50% !important; } .image-slider-widget.arrows-shape-straight .slick-slider .slick-arrow { border-radius: 0 !important; } .image-slider-widget.arrows-type-solid .slick-slider .slick-arrow { border: none !important; background: var(--buttoncolour) !important; } .image-slider-widget.arrows-type-solid .slick-slider .slick-arrow svg path { fill: var(--buttontextcolour) !important; } body.button-solid-rollover-fill.nonTouchDevice .image-slider-widget.arrows-type-solid .slick-slider .slick-arrow:hover { background: var(--buttonhovercolour) !important; } body.button-solid-rollover-fill.nonTouchDevice .image-slider-widget.arrows-type-solid .slick-slider .slick-arrow:hover:before { right: 100%; } body.button-solid-rollover-swipe.nonTouchDevice .image-slider-widget.arrows-type-solid .slick-slider .slick-arrow:hover { background: var(--buttoncolour) !important; } body.button-solid-rollover-swipe.nonTouchDevice .image-slider-widget.arrows-type-solid .slick-slider .slick-arrow:hover:before { right: 0; } .image-slider-widget.arrows-type-border .slick-slider .slick-arrow { border: var(--buttonborderwidth) solid var(--buttoncolour) !important; background: none !important; } .image-slider-widget.arrows-type-border .slick-slider .slick-arrow svg path { fill: var(--buttoncolour) !important; } body.button-border-rollover-outline.nonTouchDevice .image-slider-widget.arrows-type-border .slick-slider .slick-arrow:hover { border-color: var(--buttonhovercolour) !important; } body.button-border-rollover-outline.nonTouchDevice .image-slider-widget.arrows-type-border .slick-slider .slick-arrow:hover svg path { fill: var(--buttonhovercolour) !important; } body.button-border-rollover-outline.nonTouchDevice .image-slider-widget.arrows-type-border .slick-slider .slick-arrow:hover:before { right: 100%; } body.button-border-rollover-fill.nonTouchDevice .image-slider-widget.arrows-type-border .slick-slider .slick-arrow:hover { border-color: var(--buttonhovercolour) !important; background: var(--buttonhovercolour) !important; } body.button-border-rollover-fill.nonTouchDevice .image-slider-widget.arrows-type-border .slick-slider .slick-arrow:hover svg path { fill: var(--buttontextcolour) !important; } body.button-border-rollover-fill.nonTouchDevice .image-slider-widget.arrows-type-border .slick-slider .slick-arrow:hover:before { right: 100%; } body.button-border-rollover-swipe.nonTouchDevice .image-slider-widget.arrows-type-border .slick-slider .slick-arrow:hover { border-color: var(--buttonhovercolour) !important; background: transparent !important; } body.button-border-rollover-swipe.nonTouchDevice .image-slider-widget.arrows-type-border .slick-slider .slick-arrow:hover svg path { fill: var(--buttontextcolour) !important; } body.button-border-rollover-swipe.nonTouchDevice .image-slider-widget.arrows-type-border .slick-slider .slick-arrow:hover:before { right: 0; } body.buttons-solid .image-slider-widget.arrows-colour-override .slick-slider .slick-arrow, body.buttons-border .image-slider-widget.arrows-colour-override.arrows-type-solid .slick-slider .slick-arrow { border-color: transparent !important; background: var(--imagesliderarrowsbgcolour) !important; } body.buttons-solid .image-slider-widget.arrows-colour-override .slick-slider .slick-arrow svg path, body.buttons-border .image-slider-widget.arrows-colour-override.arrows-type-solid .slick-slider .slick-arrow svg path { fill: var(--imagesliderarrowsiconcolour) !important; } body.buttons-border .image-slider-widget.arrows-colour-override .slick-slider .slick-arrow, body.buttons-solid .image-slider-widget.arrows-colour-override.arrows-type-border .slick-slider .slick-arrow { border-color: var(--imagesliderarrowsbgcolour) !important; background: none !important; } body.buttons-border .image-slider-widget.arrows-colour-override .slick-slider .slick-arrow svg path, body.buttons-solid .image-slider-widget.arrows-colour-override.arrows-type-border .slick-slider .slick-arrow svg path { fill: var(--imagesliderarrowsbgcolour) !important; } body.buttons-solid.button-solid-rollover-fill.nonTouchDevice .image-slider-widget.arrows-colour-override .slick-slider .slick-arrow:hover, body.buttons-border.button-solid-rollover-fill.nonTouchDevice .image-slider-widget.arrows-colour-override.arrows-type-solid .slick-slider .slick-arrow:hover { background: var(--imagesliderarrowsbgcolourhover) !important; } body.buttons-solid.button-solid-rollover-fill.nonTouchDevice .image-slider-widget.arrows-colour-override .slick-slider .slick-arrow:hover svg path, body.buttons-border.button-solid-rollover-fill.nonTouchDevice .image-slider-widget.arrows-colour-override.arrows-type-solid .slick-slider .slick-arrow:hover svg path { fill: var(--imagesliderarrowsiconcolour) !important; } body.buttons-solid.button-solid-rollover-swipe.nonTouchDevice .image-slider-widget.arrows-colour-override .slick-slider .slick-arrow:before, body.buttons-border.button-solid-rollover-swipe.nonTouchDevice .image-slider-widget.arrows-colour-override.arrows-type-solid .slick-slider .slick-arrow:before { background: var(--imagesliderarrowsbgcolourhover) !important; } body.buttons-solid.button-solid-rollover-swipe.nonTouchDevice .image-slider-widget.arrows-colour-override .slick-slider .slick-arrow:hover, body.buttons-border.button-solid-rollover-swipe.nonTouchDevice .image-slider-widget.arrows-colour-override.arrows-type-solid .slick-slider .slick-arrow:hover { background: var(--imagesliderarrowsbgcolour) !important; } body.buttons-solid.button-solid-rollover-swipe.nonTouchDevice .image-slider-widget.arrows-colour-override .slick-slider .slick-arrow:hover svg path, body.buttons-border.button-solid-rollover-swipe.nonTouchDevice .image-slider-widget.arrows-colour-override.arrows-type-solid .slick-slider .slick-arrow:hover svg path { fill: var(--imagesliderarrowsiconcolour) !important; } body.buttons-border.button-border-rollover-outline.nonTouchDevice .image-slider-widget.arrows-colour-override .slick-slider .slick-arrow:hover, body.buttons-solid.button-border-rollover-outline.nonTouchDevice .image-slider-widget.arrows-colour-override.arrows-type-border .slick-slider .slick-arrow:hover { border-color: var(--imagesliderarrowsbgcolourhover) !important; background: transparent !important; } body.buttons-border.button-border-rollover-outline.nonTouchDevice .image-slider-widget.arrows-colour-override .slick-slider .slick-arrow:hover svg path, body.buttons-solid.button-border-rollover-outline.nonTouchDevice .image-slider-widget.arrows-colour-override.arrows-type-border .slick-slider .slick-arrow:hover svg path { fill: var(--imagesliderarrowsbgcolourhover) !important; } body.buttons-border.button-border-rollover-fill.nonTouchDevice .image-slider-widget.arrows-colour-override .slick-slider .slick-arrow:hover, body.buttons-solid.button-border-rollover-fill.nonTouchDevice .image-slider-widget.arrows-colour-override.arrows-type-border .slick-slider .slick-arrow:hover { border-color: var(--imagesliderarrowsbgcolourhover) !important; background: var(--imagesliderarrowsbgcolourhover) !important; } body.buttons-border.button-border-rollover-fill.nonTouchDevice .image-slider-widget.arrows-colour-override .slick-slider .slick-arrow:hover svg path, body.buttons-solid.button-border-rollover-fill.nonTouchDevice .image-slider-widget.arrows-colour-override.arrows-type-border .slick-slider .slick-arrow:hover svg path { fill: var(--imagesliderarrowsiconcolour) !important; } body.buttons-border.button-border-rollover-swipe.nonTouchDevice .image-slider-widget.arrows-colour-override .slick-slider .slick-arrow:before, body.buttons-solid.button-border-rollover-swipe.nonTouchDevice .image-slider-widget.arrows-colour-override.arrows-type-border .slick-slider .slick-arrow:before { background: var(--imagesliderarrowsbgcolourhover) !important; } body.buttons-border.button-border-rollover-swipe.nonTouchDevice .image-slider-widget.arrows-colour-override .slick-slider .slick-arrow:hover, body.buttons-solid.button-border-rollover-swipe.nonTouchDevice .image-slider-widget.arrows-colour-override.arrows-type-border .slick-slider .slick-arrow:hover { border-color: var(--imagesliderarrowsbgcolourhover) !important; background: transparent !important; } body.buttons-border.button-border-rollover-swipe.nonTouchDevice .image-slider-widget.arrows-colour-override .slick-slider .slick-arrow:hover svg path, body.buttons-solid.button-border-rollover-swipe.nonTouchDevice .image-slider-widget.arrows-colour-override.arrows-type-border .slick-slider .slick-arrow:hover svg path { fill: var(--imagesliderarrowsiconcolour) !important; } .image-text-fullwidth-widget .text { width: 50%; min-height: 900px; } @media (max-width: 991px) { .image-text-fullwidth-widget .text { order: 1; min-height: 0; width: 100% !important; } } .image-text-fullwidth-widget .text .text-inner { max-width: 1280px; } .image-text-fullwidth-widget .text .subtitle { margin-bottom: auto; padding-bottom: 60px; } .image-text-fullwidth-widget .text .button-wrap { margin-top: auto; } .image-text-fullwidth-widget .text-center .text-inner { margin: auto; } .image-text-fullwidth-widget .text-short .text-inner { max-width: 402px; } @media (max-width: 991px) { .image-text-fullwidth-widget .text-short .text-inner { max-width: 471px; } } .image-text-fullwidth-widget .image-wrap { position: relative; overflow: hidden; width: 50%; } @media (max-width: 991px) { .image-text-fullwidth-widget .image-wrap { width: 100%; height: 70vw; } } @media (max-width: 767px) { .image-text-fullwidth-widget .image-wrap { height: 85vw; } } @media (max-width: 991px) { .image-text-fullwidth-widget--image-text .image-wrap { order: 2; } } .image-text-fullwidth-widget--image-image .image-wrap { min-height: 900px; } @media (min-width: 992px) { .image-text-fullwidth-widget--right .flex-list { -webkit-flex-direction: row-reverse; -moz-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } } .image-text-fullwidth-widget--fullheight .text { min-height: 100vh; } @media (min-width: 768px) and (max-width: 991px) { .image-text-fullwidth-widget--fullheight .text { min-height: 1024px; } } @media (max-width: 767px) { .image-text-fullwidth-widget--fullheight .text { min-height: 736px; } } @media (min-width: 768px) and (max-width: 991px) { .image-text-fullwidth-widget--fullheight .image-wrap { min-height: 1024px; } } @media (max-width: 767px) { .image-text-fullwidth-widget--fullheight .image-wrap { min-height: 736px; } } .image-text-fullwidth-widget--fullheight.image-text-fullwidth-widget--image-image .image-wrap { min-height: 100vh; } @media (min-width: 768px) and (max-width: 991px) { .image-text-fullwidth-widget--fullheight.image-text-fullwidth-widget--image-image .image-wrap { min-height: 1024px; } } @media (max-width: 767px) { .image-text-fullwidth-widget--fullheight.image-text-fullwidth-widget--image-image .image-wrap { min-height: 736px; } } .image-text-fullwidth-widget--fixed.min-height-override .text { min-height: var(--imagetextminheight); } .image-text-fullwidth-widget.bg-colour-override { background: var(--imagetextbgcolour); } .image-text-fullwidth-widget.subtitle-colour-override .subtitle { color: var(--imagetextsubtitlecolour); } .image-text-fullwidth-widget.title-colour-override h2 { color: var(--imagetexttitlecolour) !important; } .image-text-fullwidth-widget.description-colour-override .text-img-text { color: var(--imagetextdescriptioncolour); } .image-text-fullwidth-widget.description-colour-override .text-img-text a:not(.button) { color: var(--imagetextdescriptioncolour); border-bottom: 1px solid var(--imagetextdescriptioncolour); } body.nonTouchDevice .image-text-fullwidth-widget.description-colour-override .text-img-text a:not(.button):hover { border-color: transparent; } .image-text-fullwidth-widget.button-shape-round .button { border-radius: var(--buttonborderradius) !important; } .image-text-fullwidth-widget.button-shape-straight .button { border-radius: 0 !important; } .image-text-fullwidth-widget.button-colour-override .button-solid, .image-text-fullwidth-widget.button-colour-override.button-type-solid .button { color: var(--imagetextbuttontextcolour) !important; background: var(--imagetextbuttonbgcolour) !important; } .image-text-fullwidth-widget.button-colour-override .button-solid:before, .image-text-fullwidth-widget.button-colour-override.button-type-solid .button:before { background: var(--imagetextbuttonbgcolourhover) !important; } body.button-solid-rollover-fill.nonTouchDevice .image-text-fullwidth-widget.button-colour-override .button-solid:hover, body.button-solid-rollover-fill.nonTouchDevice .image-text-fullwidth-widget.button-colour-override.button-type-solid .button:hover { color: var(--imagetextbuttontextcolour) !important; background: var(--imagetextbuttonbgcolourhover) !important; } body.button-solid-rollover-swipe.nonTouchDevice .image-text-fullwidth-widget.button-colour-override .button-solid:hover, body.button-solid-rollover-swipe.nonTouchDevice .image-text-fullwidth-widget.button-colour-override.button-type-solid .button:hover { color: var(--imagetextbuttontextcolour) !important; background: var(--imagetextbuttonbgcolour) !important; } .image-text-fullwidth-widget.button-colour-override .button-border, .image-text-fullwidth-widget.button-colour-override.button-type-border .button { color: var(--imagetextbuttonbgcolour) !important; border-color: var(--imagetextbuttonbgcolour) !important; background: transparent !important; } .image-text-fullwidth-widget.button-colour-override .button-border:before, .image-text-fullwidth-widget.button-colour-override.button-type-border .button:before { background: var(--imagetextbuttonbgcolourhover) !important; } body.button-border-rollover-outline.nonTouchDevice .image-text-fullwidth-widget.button-colour-override .button-border:hover, body.button-border-rollover-outline.nonTouchDevice .image-text-fullwidth-widget.button-colour-override.button-type-border .button:hover { color: var(--imagetextbuttonbgcolourhover) !important; border-color: var(--imagetextbuttonbgcolourhover) !important; background: transparent !important; } body.button-border-rollover-fill.nonTouchDevice .image-text-fullwidth-widget.button-colour-override .button-border:hover, body.button-border-rollover-fill.nonTouchDevice .image-text-fullwidth-widget.button-colour-override.button-type-border .button:hover { color: var(--imagetextbuttontextcolour) !important; border-color: var(--imagetextbuttonbgcolourhover) !important; background: var(--imagetextbuttonbgcolourhover) !important; } body.button-border-rollover-swipe.nonTouchDevice .image-text-fullwidth-widget.button-colour-override .button-border:hover, body.button-border-rollover-swipe.nonTouchDevice .image-text-fullwidth-widget.button-colour-override.button-type-border .button:hover { color: var(--imagetextbuttontextcolour) !important; border-color: var(--imagetextbuttonbgcolourhover) !important; background: transparent !important; } .image-text-fullwidth-widget.text-button-colour-override .text-button { color: var(--imagetexttextbuttoncolour); } .image-text-fullwidth-widget.text-button-colour-override .text-button .fa-icon path { fill: var(--imagetexttextbuttoncolour); } .image-text-fullwidth-widget.text-button-colour-override .text-button:after { background-color: var(--imagetexttextbuttoncolour); } body.nonTouchDevice .image-text-fullwidth-widget.text-button-colour-override .text-button:hover { color: var(--imagetexttextbuttoncolourhover); } body.nonTouchDevice .image-text-fullwidth-widget.text-button-colour-override .text-button:hover .fa-icon path { fill: var(--imagetexttextbuttoncolourhover); } .inline-image-text-widget .image-wrap { position: relative; overflow: hidden; width: calc(50% - 80px); } @media (max-width: 991px) { .inline-image-text-widget .image-wrap { width: 100%; height: 0; padding-top: 80%; } } @media (max-width: 767px) { .inline-image-text-widget .image-wrap { padding-top: 90%; } } body.image-blocks-round .inline-image-text-widget .image-wrap { border-radius: 20px; } .inline-image-text-widget .text { width: 50%; min-height: 400px; } @media (max-width: 991px) { .inline-image-text-widget .text { width: 100%; min-height: 0; padding-top: 40px; } } @media (min-width: 992px) { .inline-image-text-widget--right .flex-list { -webkit-flex-direction: row-reverse; -moz-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } } .inline-image-text-widget.title-colour-override h2 { color: var(--inlineimagetexttitlecolour) !important; } .inline-image-text-widget.description-colour-override .text { color: var(--inlineimagetextdescriptioncolour); } .inline-image-text-widget.description-colour-override .text a:not(.text-button) { color: var(--inlineimagetextdescriptioncolour); border-bottom: 1px solid var(--inlineimagetextdescriptioncolour); } body.nonTouchDevice .inline-image-text-widget.description-colour-override .text a:not(.text-button):hover { border-color: transparent; } .inline-image-text-widget.button-shape-round .button { border-radius: var(--buttonborderradius) !important; } .inline-image-text-widget.button-shape-straight .button { border-radius: 0 !important; } .inline-image-text-widget.button-colour-override .button-solid, .inline-image-text-widget.button-colour-override.button-type-solid .button { color: var(--inlineimagetextbuttontextcolour) !important; background: var(--inlineimagetextbuttonbgcolour) !important; } .inline-image-text-widget.button-colour-override .button-solid:before, .inline-image-text-widget.button-colour-override.button-type-solid .button:before { background: var(--inlineimagetextbuttonbgcolourhover) !important; } body.button-solid-rollover-fill.nonTouchDevice .inline-image-text-widget.button-colour-override .button-solid:hover, body.button-solid-rollover-fill.nonTouchDevice .inline-image-text-widget.button-colour-override.button-type-solid .button:hover { color: var(--inlineimagetextbuttontextcolour) !important; background: var(--inlineimagetextbuttonbgcolourhover) !important; } body.button-solid-rollover-swipe.nonTouchDevice .inline-image-text-widget.button-colour-override .button-solid:hover, body.button-solid-rollover-swipe.nonTouchDevice .inline-image-text-widget.button-colour-override.button-type-solid .button:hover { color: var(--inlineimagetextbuttontextcolour) !important; background: var(--inlineimagetextbuttonbgcolour) !important; } .inline-image-text-widget.button-colour-override .button-border, .inline-image-text-widget.button-colour-override.button-type-border .button { color: var(--inlineimagetextbuttonbgcolour) !important; border-color: var(--inlineimagetextbuttonbgcolour) !important; background: transparent !important; } .inline-image-text-widget.button-colour-override .button-border:before, .inline-image-text-widget.button-colour-override.button-type-border .button:before { background: var(--inlineimagetextbuttonbgcolourhover) !important; } body.button-border-rollover-outline.nonTouchDevice .inline-image-text-widget.button-colour-override .button-border:hover, body.button-border-rollover-outline.nonTouchDevice .inline-image-text-widget.button-colour-override.button-type-border .button:hover { color: var(--inlineimagetextbuttonbgcolourhover) !important; border-color: var(--inlineimagetextbuttonbgcolourhover) !important; background: transparent !important; } body.button-border-rollover-fill.nonTouchDevice .inline-image-text-widget.button-colour-override .button-border:hover, body.button-border-rollover-fill.nonTouchDevice .inline-image-text-widget.button-colour-override.button-type-border .button:hover { color: var(--inlineimagetextbuttontextcolour) !important; border-color: var(--inlineimagetextbuttonbgcolourhover) !important; background: var(--inlineimagetextbuttonbgcolourhover) !important; } body.button-border-rollover-swipe.nonTouchDevice .inline-image-text-widget.button-colour-override .button-border:hover, body.button-border-rollover-swipe.nonTouchDevice .inline-image-text-widget.button-colour-override.button-type-border .button:hover { color: var(--inlineimagetextbuttontextcolour) !important; border-color: var(--inlineimagetextbuttonbgcolourhover) !important; background: transparent !important; } .inline-image-text-widget.text-button-colour-override .text-button { color: var(--inlineimagetexttextbuttoncolour); } .inline-image-text-widget.text-button-colour-override .text-button .fa-icon path { fill: var(--inlineimagetexttextbuttoncolour); } .inline-image-text-widget.text-button-colour-override .text-button:after { background-color: var(--inlineimagetexttextbuttoncolour); } body.nonTouchDevice .inline-image-text-widget.text-button-colour-override .text-button:hover { color: var(--inlineimagetexttextbuttoncolourhover); } body.nonTouchDevice .inline-image-text-widget.text-button-colour-override .text-button:hover .fa-icon path { fill: var(--inlineimagetexttextbuttoncolourhover); } .inline-image-text-widget.shape-round .image-wrap { border-radius: 20px !important; } .inline-image-text-widget.shape-straight .image-wrap { border-radius: 0 !important; } .image-widget .container-fluid .image { position: relative; overflow: hidden; } @media (min-width: 768px) { .image-widget .container-fluid .image .image-wrap-mobile { display: none; } } .image-widget .container-fluid .image-cover { padding-top: var(--imageheightdesktop); } @media (max-width: 767px) { .image-widget .container-fluid .image-cover { padding-top: var(--imageheightmobile); } } .image-widget .container-fluid .image-cover img { position: absolute; left: 0; top: 0; right: 0; bottom: 0; } .image-widget .container-fluid .image-contain img { position: relative; object-fit: unset; width: 100%; height: auto; } .image-widget .container-fluid--bleed { padding: 0; } body.image-blocks-round .image-widget .image img { border-radius: 20px; } .image-widget.shape-round .image img { border-radius: 20px !important; } .image-widget.shape-straight .image img { border-radius: 0 !important; } .inline-cta-widget .image, .inline-cta-widget .video-mask { position: relative; overflow: hidden; width: 50%; height: auto; } @media (max-width: 991px) { .inline-cta-widget .image, .inline-cta-widget .video-mask { width: 100%; height: 52vw; } } .inline-cta-widget .image img, .inline-cta-widget .video-mask img { position: absolute; left: 0; top: 0; right: 0; bottom: 0; } .inline-cta-widget .text { flex: 1; width: 50%; min-height: 400px; padding: 80px; } @media (max-width: 991px) { .inline-cta-widget .text { width: 100% !important; min-height: 0 !important; } } @media (max-width: 767px) { .inline-cta-widget .text { padding: 50px 30px; } } .inline-cta-widget--left.shape-round .image, .inline-cta-widget--left.shape-round .video-mask, body.solid-elements-round .inline-cta-widget--left .image, body.solid-elements-round .inline-cta-widget--left .video-mask { border-radius: 20px 0 0 20px; } @media (max-width: 991px) { .inline-cta-widget--left.shape-round .image, .inline-cta-widget--left.shape-round .video-mask, body.solid-elements-round .inline-cta-widget--left .image, body.solid-elements-round .inline-cta-widget--left .video-mask { border-radius: 20px 20px 0 0; } } .inline-cta-widget--left.shape-round .image + .text, .inline-cta-widget--left.shape-round .video-mask + .text, body.solid-elements-round .inline-cta-widget--left .image + .text, body.solid-elements-round .inline-cta-widget--left .video-mask + .text { border-radius: 0 20px 20px 0; } @media (max-width: 991px) { .inline-cta-widget--left.shape-round .image + .text, .inline-cta-widget--left.shape-round .video-mask + .text, body.solid-elements-round .inline-cta-widget--left .image + .text, body.solid-elements-round .inline-cta-widget--left .video-mask + .text { border-radius: 0 0 20px 20px !important; } } @media (min-width: 992px) { .inline-cta-widget--right .flex-list { -webkit-flex-direction: row-reverse; -moz-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } } .inline-cta-widget--right.shape-round .image, .inline-cta-widget--right.shape-round .video-mask, body.solid-elements-round .inline-cta-widget--right .image, body.solid-elements-round .inline-cta-widget--right .video-mask { border-radius: 0 20px 20px 0; } @media (max-width: 991px) { .inline-cta-widget--right.shape-round .image, .inline-cta-widget--right.shape-round .video-mask, body.solid-elements-round .inline-cta-widget--right .image, body.solid-elements-round .inline-cta-widget--right .video-mask { border-radius: 20px 20px 0 0; } } .inline-cta-widget--right.shape-round .image + .text, .inline-cta-widget--right.shape-round .video-mask + .text, body.solid-elements-round .inline-cta-widget--right .image + .text, body.solid-elements-round .inline-cta-widget--right .video-mask + .text { border-radius: 20px 0 0 20px; } @media (max-width: 991px) { .inline-cta-widget--right.shape-round .image + .text, .inline-cta-widget--right.shape-round .video-mask + .text, body.solid-elements-round .inline-cta-widget--right .image + .text, body.solid-elements-round .inline-cta-widget--right .video-mask + .text { border-radius: 0 0 20px 20px !important; } } body.solid-elements-round .inline-cta-widget .text, .inline-cta-widget.shape-round .text { border-radius: 20px; } body .inline-cta-widget.shape-straight .image, body .inline-cta-widget.shape-straight .video-mask, body .inline-cta-widget.shape-straight .text { border-radius: 0 !important; } .inline-cta-widget.bg-colour-override .text { background: var(--inlinectabgcolour); } .inline-cta-widget.subtitle-colour-override .subtitle { color: var(--inlinectasubtitlecolour); } .inline-cta-widget.title-colour-override h2 { color: var(--inlinectatitlecolour) !important; } .inline-cta-widget.description-colour-override { color: var(--inlinectadescriptioncolour); } .inline-cta-widget.button-shape-round .button { border-radius: var(--buttonborderradius) !important; } .inline-cta-widget.button-shape-straight .button { border-radius: 0 !important; } .inline-cta-widget.button-colour-override .button-solid, .inline-cta-widget.button-colour-override.button-type-solid .button { color: var(--inlinectabuttontextcolour) !important; background: var(--inlinectabuttonbgcolour) !important; } .inline-cta-widget.button-colour-override .button-solid:before, .inline-cta-widget.button-colour-override.button-type-solid .button:before { background: var(--inlinectabuttonbgcolourhover) !important; } body.button-solid-rollover-fill.nonTouchDevice .inline-cta-widget.button-colour-override .button-solid:hover, body.button-solid-rollover-fill.nonTouchDevice .inline-cta-widget.button-colour-override.button-type-solid .button:hover { color: var(--inlinectabuttontextcolour) !important; background: var(--inlinectabuttonbgcolourhover) !important; } body.button-solid-rollover-swipe.nonTouchDevice .inline-cta-widget.button-colour-override .button-solid:hover, body.button-solid-rollover-swipe.nonTouchDevice .inline-cta-widget.button-colour-override.button-type-solid .button:hover { color: var(--inlinectabuttontextcolour) !important; background: var(--inlinectabuttonbgcolour) !important; } .inline-cta-widget.button-colour-override .button-border, .inline-cta-widget.button-colour-override.button-type-border .button { color: var(--inlinectabuttonbgcolour) !important; border-color: var(--inlinectabuttonbgcolour) !important; background: transparent !important; } .inline-cta-widget.button-colour-override .button-border:before, .inline-cta-widget.button-colour-override.button-type-border .button:before { background: var(--inlinectabuttonbgcolourhover) !important; } body.button-border-rollover-outline.nonTouchDevice .inline-cta-widget.button-colour-override .button-border:hover, body.button-border-rollover-outline.nonTouchDevice .inline-cta-widget.button-colour-override.button-type-border .button:hover { color: var(--inlinectabuttonbgcolourhover) !important; border-color: var(--inlinectabuttonbgcolourhover) !important; background: transparent !important; } body.button-border-rollover-fill.nonTouchDevice .inline-cta-widget.button-colour-override .button-border:hover, body.button-border-rollover-fill.nonTouchDevice .inline-cta-widget.button-colour-override.button-type-border .button:hover { color: var(--inlinectabuttontextcolour) !important; border-color: var(--inlinectabuttonbgcolourhover) !important; background: var(--inlinectabuttonbgcolourhover) !important; } body.button-border-rollover-swipe.nonTouchDevice .inline-cta-widget.button-colour-override .button-border:hover, body.button-border-rollover-swipe.nonTouchDevice .inline-cta-widget.button-colour-override.button-type-border .button:hover { color: var(--inlinectabuttontextcolour) !important; border-color: var(--inlinectabuttonbgcolourhover) !important; background: transparent !important; } .inline-cta-widget.text-button-colour-override .text-button { color: var(--inlinectatextbuttoncolour); } .inline-cta-widget.text-button-colour-override .text-button .fa-icon path { fill: var(--inlinectatextbuttoncolour); } .inline-cta-widget.text-button-colour-override .text-button:after { background-color: var(--inlinectatextbuttoncolour); } body.nonTouchDevice .inline-cta-widget.text-button-colour-override .text-button:hover { color: var(--inlinectatextbuttoncolourhover); } body.nonTouchDevice .inline-cta-widget.text-button-colour-override .text-button:hover .fa-icon path { fill: var(--inlinectatextbuttoncolourhover); } .inline-ctas-widget .flex-list { margin: -20px; } @media (max-width: 767px) { .inline-ctas-widget .flex-list { margin: -10px; } } .inline-ctas-widget .flex-list .flex-col { width: 33.33%; padding: 20px; } @media (max-width: 1199px) { .inline-ctas-widget .flex-list .flex-col { width: 100%; } } @media (max-width: 767px) { .inline-ctas-widget .flex-list .flex-col { padding: 10px; } } .inline-ctas-widget .flex-list .flex-col .inner-wrap { position: relative; overflow: hidden; height: 100%; } body.image-blocks-round .inline-ctas-widget .flex-list .flex-col .inner-wrap { border-radius: 20px; } .inline-ctas-widget .flex-list .flex-col .text { z-index: 3; position: relative; padding: 80px 40px 40px; height: 100%; min-height: 480px; justify-content: flex-end; } @media (max-width: 767px) { .inline-ctas-widget .flex-list .flex-col .text { padding: 60px 30px 30px; min-height: 380px; } } .inline-ctas-widget .flex-list .flex-col .text .button { max-width: 100%; } .inline-ctas-widget .flex-list .flex-col.text-center .text { padding-top: 80px; padding-bottom: 80px; justify-content: center; } .inline-ctas-widget .flex-list .flex-col:nth-child(1) .image-tint:after { opacity: var(--tintopacity-1); } .inline-ctas-widget .flex-list .flex-col:nth-child(2) .image-tint:after { opacity: var(--tintopacity-2); } .inline-ctas-widget .flex-list .flex-col:nth-child(3) .image-tint:after { opacity: var(--tintopacity-3); } .inline-ctas-widget .flex-list .flex-col:nth-child(4) .image-tint:after { opacity: var(--tintopacity-4); } .inline-ctas-widget .flex-list .flex-col:nth-child(5) .image-tint:after { opacity: var(--tintopacity-5); } .inline-ctas-widget .flex-list .flex-col:nth-child(6) .image-tint:after { opacity: var(--tintopacity-6); } .inline-ctas-widget .flex-list .flex-col:nth-child(7) .image-tint:after { opacity: var(--tintopacity-7); } .inline-ctas-widget .flex-list .flex-col:nth-child(8) .image-tint:after { opacity: var(--tintopacity-8); } .inline-ctas-widget .flex-list .flex-col:nth-child(9) .image-tint:after { opacity: var(--tintopacity-9); } .inline-ctas-widget .flex-list .flex-col:nth-child(10) .image-tint:after { opacity: var(--tintopacity-10); } .inline-ctas-widget .flex-list .flex-col:nth-child(11) .image-tint:after { opacity: var(--tintopacity-11); } .inline-ctas-widget--one .flex-list .flex-col { width: 100%; } @media (min-width: 1200px) { .inline-ctas-widget--one .flex-list .flex-col .text { min-height: 640px; width: var(--textwidth); } .inline-ctas-widget--one .flex-list .flex-col .text.text-center { margin: auto; } } @media (min-width: 1200px) { .inline-ctas-widget--two .flex-list .flex-col { width: 50%; } } @media (min-width: 1200px) { .inline-ctas-widget--large-padding .flex-list { margin: -40px; } .inline-ctas-widget--large-padding .flex-list .flex-col { padding: 40px; } } .inline-ctas-widget.subtitle-colour-override .subtitle { color: var(--inlinectassubtitlecolour); } .inline-ctas-widget.title-colour-override h2 { color: var(--inlinectastitlecolour) !important; } .inline-ctas-widget.button-shape-round .button { border-radius: var(--buttonborderradius) !important; } .inline-ctas-widget.button-shape-straight .button { border-radius: 0 !important; } .inline-ctas-widget.button-colour-override .button-solid, .inline-ctas-widget.button-colour-override.button-type-solid .button { color: var(--inlinectasbuttontextcolour) !important; background: var(--inlinectasbuttonbgcolour) !important; } .inline-ctas-widget.button-colour-override .button-solid:before, .inline-ctas-widget.button-colour-override.button-type-solid .button:before { background: var(--inlinectasbuttonbgcolourhover) !important; } body.button-solid-rollover-fill.nonTouchDevice .inline-ctas-widget.button-colour-override .button-solid:hover, body.button-solid-rollover-fill.nonTouchDevice .inline-ctas-widget.button-colour-override.button-type-solid .button:hover { color: var(--inlinectasbuttontextcolour) !important; background: var(--inlinectasbuttonbgcolourhover) !important; } body.button-solid-rollover-swipe.nonTouchDevice .inline-ctas-widget.button-colour-override .button-solid:hover, body.button-solid-rollover-swipe.nonTouchDevice .inline-ctas-widget.button-colour-override.button-type-solid .button:hover { color: var(--inlinectasbuttontextcolour) !important; background: var(--inlinectasbuttonbgcolour) !important; } .inline-ctas-widget.button-colour-override .button-border, .inline-ctas-widget.button-colour-override.button-type-border .button { color: var(--inlinectasbuttonbgcolour) !important; border-color: var(--inlinectasbuttonbgcolour) !important; background: transparent !important; } .inline-ctas-widget.button-colour-override .button-border:before, .inline-ctas-widget.button-colour-override.button-type-border .button:before { background: var(--inlinectasbuttonbgcolourhover) !important; } body.button-border-rollover-outline.nonTouchDevice .inline-ctas-widget.button-colour-override .button-border:hover, body.button-border-rollover-outline.nonTouchDevice .inline-ctas-widget.button-colour-override.button-type-border .button:hover { color: var(--inlinectasbuttonbgcolourhover) !important; border-color: var(--inlinectasbuttonbgcolourhover) !important; background: transparent !important; } body.button-border-rollover-fill.nonTouchDevice .inline-ctas-widget.button-colour-override .button-border:hover, body.button-border-rollover-fill.nonTouchDevice .inline-ctas-widget.button-colour-override.button-type-border .button:hover { color: var(--inlinectasbuttontextcolour) !important; border-color: var(--inlinectasbuttonbgcolourhover) !important; background: var(--inlinectasbuttonbgcolourhover) !important; } body.button-border-rollover-swipe.nonTouchDevice .inline-ctas-widget.button-colour-override .button-border:hover, body.button-border-rollover-swipe.nonTouchDevice .inline-ctas-widget.button-colour-override.button-type-border .button:hover { color: var(--inlinectasbuttontextcolour) !important; border-color: var(--inlinectasbuttonbgcolourhover) !important; background: transparent !important; } .inline-ctas-widget.text-button-colour-override .text-button { color: var(--inlinectastextbuttoncolour); } .inline-ctas-widget.text-button-colour-override .text-button .fa-icon path { fill: var(--inlinectastextbuttoncolour); } .inline-ctas-widget.text-button-colour-override .text-button:after { background-color: var(--inlinectastextbuttoncolour); } body.nonTouchDevice .inline-ctas-widget.text-button-colour-override .text-button:hover { color: var(--inlinectastextbuttoncolourhover); } body.nonTouchDevice .inline-ctas-widget.text-button-colour-override .text-button:hover .fa-icon path { fill: var(--inlinectastextbuttoncolourhover); } .inline-ctas-widget.min-height-override .flex-col .text { min-height: var(--inlinectasminheightdesktop) !important; } @media (max-width: 767px) { .inline-ctas-widget.min-height-override .flex-col .text { min-height: var(--inlinectasminheightmobile) !important; } } @media (min-width: 1200px) { .inline-ctas-widget.single-cta-min-height-override .flex-col .text { min-height: var(--inlinectasminheightdesktopsingle) !important; } } .inline-ctas-widget.shape-round .flex-col .inner-wrap { border-radius: 20px !important; } .inline-ctas-widget.shape-straight .flex-col .inner-wrap { border-radius: 0 !important; } .inline-ctas-widget.small-padding-top--1 { padding-top: 80px; } @media (min-width: 768px) and (max-width: 991px) { .inline-ctas-widget.small-padding-top--1 { padding-top: 80px; } } @media (max-width: 767px) { .inline-ctas-widget.small-padding-top--1 { padding-top: 30px; } } .inline-ctas-widget.small-padding-bottom--1 { padding-bottom: 80px; } @media (min-width: 768px) and (max-width: 991px) { .inline-ctas-widget.small-padding-bottom--1 { padding-bottom: 80px; } } @media (max-width: 767px) { .inline-ctas-widget.small-padding-bottom--1 { padding-bottom: 30px; } } .large-cta-widget .inner-wrap { position: relative; overflow: hidden; min-height: 400px; padding: var(--paddinglg) 100px; } @media (min-width: 768px) and (max-width: 991px) { .large-cta-widget .inner-wrap { padding: var(--paddingsm) 100px; } } @media (max-width: 767px) { .large-cta-widget .inner-wrap { min-height: 300px; padding: var(--paddingxs) 25px; } } .large-cta-widget .inner-wrap .image { top: -80px; bottom: -80px; } .large-cta-widget .inner-wrap .image.image-tint:after { opacity: var(--tintopacity); } .large-cta-widget .inner-wrap .text { z-index: 3; position: relative; margin: 0 auto; } .large-cta-widget .inner-wrap .text-sml { max-width: 800px; } .large-cta-widget .inner-wrap .text-med { max-width: 960px; } .large-cta-widget .inner-wrap .text-lrg { max-width: 1280px; } .large-cta-widget.subtitle-colour-override .subtitle { color: var(--largectasubtitlecolour); } .large-cta-widget.title-colour-override h2 { color: var(--largectatitlecolour) !important; } .large-cta-widget.button-shape-round .button { border-radius: var(--buttonborderradius) !important; } .large-cta-widget.button-shape-straight .button { border-radius: 0 !important; } .large-cta-widget.button-colour-override .button-solid, .large-cta-widget.button-colour-override.button-type-solid .button { color: var(--largectabuttontextcolour) !important; background: var(--largectabuttonbgcolour) !important; } .large-cta-widget.button-colour-override .button-solid:before, .large-cta-widget.button-colour-override.button-type-solid .button:before { background: var(--largectabuttonbgcolourhover) !important; } body.button-solid-rollover-fill.nonTouchDevice .large-cta-widget.button-colour-override .button-solid:hover, body.button-solid-rollover-fill.nonTouchDevice .large-cta-widget.button-colour-override.button-type-solid .button:hover { color: var(--largectabuttontextcolour) !important; background: var(--largectabuttonbgcolourhover) !important; } body.button-solid-rollover-swipe.nonTouchDevice .large-cta-widget.button-colour-override .button-solid:hover, body.button-solid-rollover-swipe.nonTouchDevice .large-cta-widget.button-colour-override.button-type-solid .button:hover { color: var(--largectabuttontextcolour) !important; background: var(--largectabuttonbgcolour) !important; } .large-cta-widget.button-colour-override .button-border, .large-cta-widget.button-colour-override.button-type-border .button { color: var(--largectabuttonbgcolour) !important; border-color: var(--largectabuttonbgcolour) !important; background: transparent !important; } .large-cta-widget.button-colour-override .button-border:before, .large-cta-widget.button-colour-override.button-type-border .button:before { background: var(--largectabuttonbgcolourhover) !important; } body.button-border-rollover-outline.nonTouchDevice .large-cta-widget.button-colour-override .button-border:hover, body.button-border-rollover-outline.nonTouchDevice .large-cta-widget.button-colour-override.button-type-border .button:hover { color: var(--largectabuttonbgcolourhover) !important; border-color: var(--largectabuttonbgcolourhover) !important; background: transparent !important; } body.button-border-rollover-fill.nonTouchDevice .large-cta-widget.button-colour-override .button-border:hover, body.button-border-rollover-fill.nonTouchDevice .large-cta-widget.button-colour-override.button-type-border .button:hover { color: var(--largectabuttontextcolour) !important; border-color: var(--largectabuttonbgcolourhover) !important; background: var(--largectabuttonbgcolourhover) !important; } body.button-border-rollover-swipe.nonTouchDevice .large-cta-widget.button-colour-override .button-border:hover, body.button-border-rollover-swipe.nonTouchDevice .large-cta-widget.button-colour-override.button-type-border .button:hover { color: var(--largectabuttontextcolour) !important; border-color: var(--largectabuttonbgcolourhover) !important; background: transparent !important; } .large-cta-widget.text-button-colour-override .text-button { color: var(--largectatextbuttoncolour); } .large-cta-widget.text-button-colour-override .text-button .fa-icon path { fill: var(--largectatextbuttoncolour); } .large-cta-widget.text-button-colour-override .text-button:after { background-color: var(--largectatextbuttoncolour); } body.nonTouchDevice .large-cta-widget.text-button-colour-override .text-button:hover { color: var(--largectatextbuttoncolourhover); } body.nonTouchDevice .large-cta-widget.text-button-colour-override .text-button:hover .fa-icon path { fill: var(--largectatextbuttoncolourhover); } .large-cta-widget.min-height-override .inner-wrap { min-height: var(--largectaminheightdesktop) !important; } @media (max-width: 767px) { .large-cta-widget.min-height-override .inner-wrap { min-height: var(--largectaminheightmobile) !important; } } body.image-blocks-round .large-cta-widget--inline .inner-wrap { border-radius: 20px; } .large-cta-widget--inline.shape-round .inner-wrap { border-radius: 20px !important; } .large-cta-widget--inline.shape-straight .inner-wrap { border-radius: 0 !important; } .line-divider-widget .container-fluid--bleed { padding: 0; } .line-divider-widget .line-divider.colour-one { border-color: var(--dividercolourone); } .line-divider-widget .line-divider.colour-two { border-color: var(--dividercolourtwo); } .line-divider-widget .line-divider.colour-three { border-color: var(--dividercolourthree); } .listing-widget .flex-list { margin: -40px; } @media (min-width: 992px) and (max-width: 1199px) { .listing-widget .flex-list { margin: -40px -20px; } } @media (max-width: 767px) { .listing-widget .flex-list { margin: -30px; } } .listing-widget .flex-list .flex-col { width: 50%; padding: 40px; } @media (min-width: 992px) and (max-width: 1199px) { .listing-widget .flex-list .flex-col { padding: 40px 20px; } } @media (max-width: 991px) { .listing-widget .flex-list .flex-col { width: 100%; } } @media (max-width: 767px) { .listing-widget .flex-list .flex-col { padding: 30px; } } .listing-widget .flex-list .flex-col .image-wrap { position: relative; overflow: hidden; height: 0; padding-top: 58.5%; margin-bottom: 35px; } body.image-blocks-round .listing-widget .flex-list .flex-col .image-wrap { border-radius: 20px; } .listing-widget--one .flex-list .flex-col { width: 100%; } @media (min-width: 992px) { .listing-widget--one .flex-list .flex-col .image-wrap { padding-top: 50%; } } @media (min-width: 1200px) { .listing-widget--one .flex-list .flex-col .text { width: var(--textwidth); } .listing-widget--one .flex-list .flex-col .text.text-center { margin: auto; } } .listing-widget--three .flex-list .flex-col { width: 33.33%; } @media (max-width: 991px) { .listing-widget--three .flex-list .flex-col { width: 100%; } } .listing-widget.subtitle-colour-override .subtitle { color: var(--listingsubtitlecolour); } .listing-widget.title-colour-override h2 { color: var(--listingtitlecolour); } .listing-widget.description-colour-override p { color: var(--listingdescriptioncolour); } .listing-widget.shape-round .flex-list .flex-col .image { border-radius: 20px !important; } .listing-widget.shape-straight .flex-list .flex-col .image { border-radius: 0 !important; } .listing-widget.button-shape-round .button { border-radius: var(--buttonborderradius) !important; } .listing-widget.button-shape-straight .button { border-radius: 0 !important; } .listing-widget.button-colour-override .button-solid, .listing-widget.button-colour-override.button-type-solid .button { color: var(--listingbuttontextcolour) !important; background: var(--listingbuttonbgcolour) !important; } .listing-widget.button-colour-override .button-solid:before, .listing-widget.button-colour-override.button-type-solid .button:before { background: var(--listingbuttonbgcolourhover) !important; } body.button-solid-rollover-fill.nonTouchDevice .listing-widget.button-colour-override .button-solid:hover, body.button-solid-rollover-fill.nonTouchDevice .listing-widget.button-colour-override.button-type-solid .button:hover { color: var(--listingbuttontextcolour) !important; background: var(--listingbuttonbgcolourhover) !important; } body.button-solid-rollover-swipe.nonTouchDevice .listing-widget.button-colour-override .button-solid:hover, body.button-solid-rollover-swipe.nonTouchDevice .listing-widget.button-colour-override.button-type-solid .button:hover { color: var(--listingbuttontextcolour) !important; background: var(--listingbuttonbgcolour) !important; } .listing-widget.button-colour-override .button-border, .listing-widget.button-colour-override.button-type-border .button { color: var(--listingbuttonbgcolour) !important; border-color: var(--listingbuttonbgcolour) !important; background: transparent !important; } .listing-widget.button-colour-override .button-border:before, .listing-widget.button-colour-override.button-type-border .button:before { background: var(--listingbuttonbgcolourhover) !important; } body.button-border-rollover-outline.nonTouchDevice .listing-widget.button-colour-override .button-border:hover, body.button-border-rollover-outline.nonTouchDevice .listing-widget.button-colour-override.button-type-border .button:hover { color: var(--listingbuttonbgcolourhover) !important; border-color: var(--listingbuttonbgcolourhover) !important; background: transparent !important; } body.button-border-rollover-fill.nonTouchDevice .listing-widget.button-colour-override .button-border:hover, body.button-border-rollover-fill.nonTouchDevice .listing-widget.button-colour-override.button-type-border .button:hover { color: var(--listingbuttontextcolour) !important; border-color: var(--listingbuttonbgcolourhover) !important; background: var(--listingbuttonbgcolourhover) !important; } body.button-border-rollover-swipe.nonTouchDevice .listing-widget.button-colour-override .button-border:hover, body.button-border-rollover-swipe.nonTouchDevice .listing-widget.button-colour-override.button-type-border .button:hover { color: var(--listingbuttontextcolour) !important; border-color: var(--listingbuttonbgcolourhover) !important; background: transparent !important; } .listing-widget.text-button-colour-override .text-button { color: var(--listingtextbuttoncolour); } .listing-widget.text-button-colour-override .text-button .fa-icon path { fill: var(--listingtextbuttoncolour); } .listing-widget.text-button-colour-override .text-button:after { background-color: var(--listingtextbuttoncolour); } body.nonTouchDevice .listing-widget.text-button-colour-override .text-button:hover { color: var(--listingtextbuttoncolourhover); } body.nonTouchDevice .listing-widget.text-button-colour-override .text-button:hover .fa-icon path { fill: var(--listingtextbuttoncolourhover); } .logo-carousel-widget { padding: 60px 0; } .logo-carousel-widget .logo-carousel { display: flex; overflow: hidden; } .logo-carousel-widget .logo-carousel .logo-carousel-content { flex-shrink: 0; display: flex; animation: scroll var(--speed) linear infinite; } .logo-carousel-widget .logo-carousel .logo-carousel-content .logo { margin: 0 60px; } @media (max-width: 767px) { .logo-carousel-widget .logo-carousel .logo-carousel-content .logo { margin: 0 40px; } } .logo-carousel-widget .logo-carousel .logo-carousel-content .logo img { display: block; width: 100%; max-width: 160px; height: 60px; margin: auto; object-fit: contain; transition: opacity .35s ease; } @media (max-width: 767px) { .logo-carousel-widget .logo-carousel .logo-carousel-content .logo img { max-width: 120px; height: 50px; } } body.nonTouchDevice .logo-carousel-widget .logo-carousel .logo-carousel-content .logo a:hover img { opacity: .5; } .logo-carousel-widget .logo-carousel-direction--ltr .logo-carousel-content { animation-direction: reverse; } @keyframes scroll { from { transform: translateX(0); } to { transform: translateX(-100%); } } .logos-widget { padding: 60px 0; background: var(--menusbgcolour); } .logos-widget .logo-list { margin: -40px; } @media (max-width: 767px) { .logos-widget .logo-list { margin: -30px; } } .logos-widget .logo-list .logo-col { width: 16.6667%; padding: 40px; } @media (min-width: 992px) and (max-width: 1199px) { .logos-widget .logo-list .logo-col { width: 25%; } } @media (max-width: 991px) { .logos-widget .logo-list .logo-col { width: 50%; } } @media (max-width: 767px) { .logos-widget .logo-list .logo-col { padding: 30px; } } .logos-widget .logo-list .logo-col img { display: block; width: 100%; height: 66px; object-fit: contain; transition: opacity .35s ease; margin: auto; } @media (max-width: 991px) { .logos-widget .logo-list .logo-col img { max-width: 25vw; } } @media (max-width: 767px) { .logos-widget .logo-list .logo-col img { height: 50px; } } body.nonTouchDevice .logos-widget a:hover img { opacity: .5; } .logos-widget--fullscreen .container-fluid { max-width: none; } @media (min-width: 1200px) { .logos-widget--fullscreen .container-fluid .logo-list { margin: -40px -3vw; } .logos-widget--fullscreen .container-fluid .logo-list .logo-col { width: 12.5%; padding: 40px 3vw; } .logos-widget--fullscreen .container-fluid .logo-list .logo-col img { max-width: 150px; } } .logos-widget--fullscreen .container-fluid .logo-list--left { justify-content: start; } .logos-widget--fullscreen .container-fluid .logo-list--right { justify-content: end; } .logos-widget--fullscreen .container-fluid .logo-list--center { justify-content: center; } @media (max-width: 991px) { .logos-widget--fullscreen .container-fluid .logo-list--mob-left { justify-content: start !important; } .logos-widget--fullscreen .container-fluid .logo-list--mob-left img { margin: 0; object-position: left; } } @media (max-width: 991px) { .logos-widget--fullscreen .container-fluid .logo-list--mob-center { justify-content: center !important; } } .logos-widget.colour-override .line-divider { border-color: var(--dividercolour); } .map-contact-widget .text .text-inner { margin: 0 auto; max-width: 1280px; } .map-contact-widget .text dl { margin-top: 75px; border-bottom: var(--dividerdepth) solid var(--tertiarycolour); } @media (max-width: 767px) { .map-contact-widget .text dl { margin-top: 50px; } } .map-contact-widget .text dl .dl-row { padding: 30px 0; border-top: var(--dividerdepth) solid var(--tertiarycolour); } @media (max-width: 767px) { .map-contact-widget .text dl .dl-row { padding: 40px 0; } } .map-contact-widget .text dl dt, .map-contact-widget .text dl dd { margin: 0; } @media (max-width: 767px) { .map-contact-widget .text dl dt, .map-contact-widget .text dl dd { width: 100%; } } .map-contact-widget .text dl dt { margin-right: 20px; font-weight: var(--bodyfontweightbold); color: var(--tertiarycolour); } .map-contact-widget .text dl dd { text-align: right; flex: 1; } @media (max-width: 767px) { .map-contact-widget .text dl dd { text-align: left; margin-top: 20px; } } .map-contact-widget .text dl dd a { border: 0 !important; } .map-contact-widget .map { position: relative; overflow: hidden; min-height: 520px; } @media (max-width: 767px) { .map-contact-widget .map { min-height: 0; height: 90vw; } } .map-contact-widget .map iframe { position: absolute; left: 0; top: 0; right: 0; bottom: 0; width: 100%; height: 100%; } .map-contact-widget .map-grayscale iframe { filter: grayscale(1); } .map-contact-widget--fullheight .text { min-height: 100vh; } @media (max-width: 991px) { .map-contact-widget--fullheight .text { min-height: 0; } } @media (min-width: 992px) { .map-contact-widget--right .flex-list { -webkit-flex-direction: row-reverse; -moz-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } } .map-contact-widget.bg-colour-override { background: var(--mapbgcolour); } .map-contact-widget.subtitle-colour-override .subtitle { color: var(--mapsubtitlecolour); } .map-contact-widget.title-colour-override h2 { color: var(--maptitlecolour) !important; } .map-contact-widget.description-colour-override .text { color: var(--mapdescriptioncolour); } .map-contact-widget.description-colour-override .text p a { color: var(--mapdescriptioncolour); border-bottom: 1px solid var(--mapdescriptioncolour); } body.nonTouchDevice .map-contact-widget.description-colour-override .text p a:hover { border-color: transparent; } .map-contact-widget.contact-title-override .text dl dt { color: var(--mapcontacttitlecolour); } .map-contact-widget.contact-divider-override .text dl, .map-contact-widget.contact-divider-override .text dl .dl-row { border-color: var(--mapcontactdividercolour); } .map-widget .map { position: relative; overflow: hidden; height: 43vw; max-height: 840px; } @media (min-width: 992px) and (max-width: 1199px) { .map-widget .map { height: 50vw; } } @media (max-width: 991px) { .map-widget .map { height: 100vw; max-height: none; } } .map-widget .map iframe { position: absolute; left: 0; top: 0; right: 0; bottom: 0; width: 100%; height: 100%; } .map-widget .map-grayscale iframe { filter: grayscale(1); } body.image-blocks-round .map-widget .map { border-radius: 20px; } .map-widget--grid .container-fluid--lrg .map { height: 0 !important; padding-top: 50%; } @media (min-width: 992px) and (max-width: 1199px) { .map-widget--grid .container-fluid--lrg .map { padding-top: 60%; } } @media (max-width: 991px) { .map-widget--grid .container-fluid--lrg .map { padding-top: 100%; } } .map-widget--bleed .map { padding-top: 100vh !important; } .map-widget.widget-container--bleed .container-fluid { max-width: none; padding: 0; } .map-widget.shape-round .map { border-radius: 20px !important; } .map-widget.shape-straight .map { border-radius: 0 !important; } .menu-widget .menu-row.title + .menu-row.item, .menu-widget .menu-row.description + .menu-row.item { margin-top: 70px !important; } @media (max-width: 767px) { .menu-widget .menu-row.title + .menu-row.item, .menu-widget .menu-row.description + .menu-row.item { margin-top: 50px !important; } } .menu-widget .menu-row.item .name { padding-right: 15px; color: var(--widgettitlecolour); } .menu-widget .menu-row.item .name, .menu-widget .menu-row.item .description { max-width: 85%; text-align: left !important; } @media (max-width: 767px) { .menu-widget .menu-row.item .name, .menu-widget .menu-row.item .description { max-width: none; } } .menu-widget .menu-row.item .price { margin-top: 0 !important; text-align: right; } .menu-widget .menu-row.item .item-name + .description { margin-top: 15px; } @media (max-width: 767px) { .menu-widget .menu-row.item .item-name + .description { margin-top: 10px; } } .menu-widget .menu-row.item + .item { margin-top: 30px; } @media (max-width: 767px) { .menu-widget .menu-row.item + .item { margin-top: 20px; } } .menu-widget .menu-row.sm-padding { margin-top: 5px !important; } .menu-widget .menu-row.divider-sm hr { margin: 35px 0; } @media (max-width: 767px) { .menu-widget .menu-row.divider-sm hr { margin: 25px 0; } } .menu-widget .menu-row.divider-lg hr { margin: 75px 0; border-color: var(--primarycolour); } @media (max-width: 767px) { .menu-widget .menu-row.divider-lg hr { margin: 55px 0; } } .menu-widget .menu-row:last-child hr { margin-bottom: 0 !important; } .menu-widget.subtitle-colour-override .menu-row.subtitle .subtitle { color: var(--menusubtitlecolour); } .menu-widget.title-colour-override .menu-row.title h2 { color: var(--menutitlecolour) !important; } .menu-widget.description-colour-override .menu-row.description { color: var(--menudescriptioncolour); } .menu-widget.item-name-colour-override .menu-row.item h2 { color: var(--menuitemnamecolour) !important; } .menu-widget.item-price-colour-override .menu-row.item .price { color: var(--menuitempricecolour) !important; } .menu-widget.item-description-colour-override .menu-row.item .description { color: var(--menuitemdescriptioncolour); } .menu-widget.divider-sm-colour-override .menu-row.divider-sm hr { border-color: var(--menudividersmcolour) !important; } .menu-widget.divider-lg-colour-override .menu-row.divider-lg hr { border-color: var(--menudividerlgcolour) !important; } .newsletter-widget .newsletter-form { margin-top: 10px; /* Send animation for button */ } @media (max-width: 767px) { .newsletter-widget .newsletter-form { margin-top: 30px; } } .newsletter-widget .newsletter-form .form-group { margin: 0; width: 100%; } .newsletter-widget .newsletter-form .form-group label { text-align: left !important; } @media (min-width: 1200px) { .newsletter-widget .newsletter-form .half-input { width: calc(50% - 10px); } } .newsletter-widget .newsletter-form .border-input { margin-top: 30px; } @media (max-width: 767px) { .newsletter-widget .newsletter-form .border-input { margin-top: 20px; } } .newsletter-widget .newsletter-form .check-input, .newsletter-widget .newsletter-form .button { margin-top: 60px; } @media (max-width: 767px) { .newsletter-widget .newsletter-form .check-input, .newsletter-widget .newsletter-form .button { margin-top: 40px; } } .newsletter-widget .newsletter-form .check-input a { color: var(--widgettitlecolour); border-bottom: 1px solid var(--widgettitlecolour); } body.nonTouchDevice .newsletter-widget .newsletter-form .check-input a:hover { border-color: transparent; } @media (max-width: 767px) { .newsletter-widget .newsletter-form .button-wrap { width: 100%; } } .newsletter-widget .newsletter-form .button-wrap .button .spinner { opacity: 0; } .newsletter-widget .newsletter-form .newsletter-widget-sending { position: relative; } .newsletter-widget .newsletter-form .newsletter-widget-sending .button span { opacity: 0; } .newsletter-widget .newsletter-form .newsletter-widget-sending .button .spinner { opacity: 1 !important; } .newsletter-widget.bg-colour-override { background: var(--newsletterbgcolour); } .newsletter-widget.subtitle-colour-override .subtitle { color: var(--newslettersubtitlecolour); } .newsletter-widget.title-colour-override h2, .newsletter-widget.title-colour-override .success-message { color: var(--newslettertitlecolour) !important; } .newsletter-widget.description-colour-override .text { color: var(--newsletterdescriptioncolour); } .newsletter-widget.label-colour-override .newsletter-form .border-input label { color: var(--newsletterlabelcolour); } .newsletter-widget.checkbox-colour-override .newsletter-form .check-input input[type="checkbox"] + label { color: var(--newsletterchecktextcolour); background: var(--newslettercheckbgcolour); } .newsletter-widget.checkbox-colour-override .newsletter-form .check-input input[type="checkbox"] + label a { color: var(--newsletterchecktextcolour); border-bottom: 1px solid var(--newsletterchecktextcolour); } body.nonTouchDevice .newsletter-widget.checkbox-colour-override .newsletter-form .check-input input[type="checkbox"] + label a:hover { border-color: transparent; } .newsletter-widget.checkbox-colour-override .newsletter-form .check-input input[type="checkbox"] + label svg path { fill: var(--newslettercheckiconcolour); } .newsletter-widget.checkbox-colour-override .newsletter-form .check-input input[type="checkbox"]:checked + label { background: var(--newslettercheckbgcolourticked); } .newsletter-widget.field-bg-colour-override input[type="text"], .newsletter-widget.field-bg-colour-override input[type="email"] { background: var(--newsletterfieldbgcolour); border-color: var(--newsletterfieldbgcolour); } .newsletter-widget.field-bg-colour-override input[type="text"]:-webkit-autofill, .newsletter-widget.field-bg-colour-override input[type="text"]:-webkit-autofill:hover, .newsletter-widget.field-bg-colour-override input[type="text"]:-webkit-autofill:focus, .newsletter-widget.field-bg-colour-override input[type="email"]:-webkit-autofill, .newsletter-widget.field-bg-colour-override input[type="email"]:-webkit-autofill:hover, .newsletter-widget.field-bg-colour-override input[type="email"]:-webkit-autofill:focus { -webkit-box-shadow: 0 0 0px 1000px var(--newsletterfieldbgcolour) inset; box-shadow: 0 0 0px 1000px var(--newsletterfieldbgcolour) inset !important; } .newsletter-widget.field-text-colour-override input[type="text"], .newsletter-widget.field-text-colour-override input[type="email"] { color: var(--newsletterfieldplaceholdertextcolour); } .newsletter-widget.field-text-colour-override input[type="text"]::-webkit-input-placeholder, .newsletter-widget.field-text-colour-override input[type="email"]::-webkit-input-placeholder { color: var(--newsletterplaceholderfieldtextcolour); } .newsletter-widget.field-text-colour-override input[type="text"]:-moz-placeholder, .newsletter-widget.field-text-colour-override input[type="email"]:-moz-placeholder { color: var(--newsletterplaceholderfieldtextcolour); } .newsletter-widget.field-text-colour-override input[type="text"]::-moz-placeholder, .newsletter-widget.field-text-colour-override input[type="email"]::-moz-placeholder { color: var(--newsletterplaceholderfieldtextcolour); } .newsletter-widget.field-text-colour-override input[type="text"]:-ms-input-placeholder, .newsletter-widget.field-text-colour-override input[type="email"]:-ms-input-placeholder { color: var(--newsletterplaceholderfieldtextcolour); } .newsletter-widget.field-text-colour-override input[type="text"]:-webkit-autofill, .newsletter-widget.field-text-colour-override input[type="text"]:-webkit-autofill:hover, .newsletter-widget.field-text-colour-override input[type="text"]:-webkit-autofill:focus, .newsletter-widget.field-text-colour-override input[type="email"]:-webkit-autofill, .newsletter-widget.field-text-colour-override input[type="email"]:-webkit-autofill:hover, .newsletter-widget.field-text-colour-override input[type="email"]:-webkit-autofill:focus { -webkit-text-fill-color: var(--newsletterfieldtextcolour); } .newsletter-widget.field-text-colour-override .form-group.filled input[type="text"], .newsletter-widget.field-text-colour-override .form-group.filled input[type="email"] { color: var(--newsletterfieldtextcolour) !important; } .newsletter-widget.error-colour-override .warning { color: var(--newslettererrorcolour); } .newsletter-widget.error-colour-override .form-group.error input[type="text"], .newsletter-widget.error-colour-override .form-group.error input[type="email"] { border-color: var(--newslettererrorcolour) !important; color: var(--newslettererrorcolour) !important; } .newsletter-widget.error-colour-override .form-group.error input[type="checkbox"] + label:before { border-color: var(--newslettererrorcolour) !important; } .newsletter-widget.success-colour-override .success-message { color: var(--newslettersuccesscolour) !important; } .newsletter-widget.field-shape-round input[type="checkbox"] + label, .newsletter-widget.field-shape-round input[type="radio"] + label, .newsletter-widget.field-shape-round input[type="text"], .newsletter-widget.field-shape-round input[type="email"] { border-radius: 10px !important; } .newsletter-widget.field-shape-straight input[type="checkbox"] + label, .newsletter-widget.field-shape-straight input[type="radio"] + label, .newsletter-widget.field-shape-straight input[type="text"], .newsletter-widget.field-shape-straight input[type="email"] { border-radius: 0 !important; } .newsletter-widget.button-shape-round .button { border-radius: var(--buttonborderradius) !important; } .newsletter-widget.button-shape-straight .button { border-radius: 0 !important; } .newsletter-widget.button-colour-override .button-solid, .newsletter-widget.button-colour-override.button-type-solid .button { color: var(--newsletterbuttontextcolour) !important; background: var(--newsletterbuttonbgcolour) !important; } .newsletter-widget.button-colour-override .button-solid:before, .newsletter-widget.button-colour-override.button-type-solid .button:before { background: var(--newsletterbuttonbgcolourhover) !important; } .newsletter-widget.button-colour-override .button-solid .spinner > div, .newsletter-widget.button-colour-override.button-type-solid .button .spinner > div { background-color: var(--newsletterbuttontextcolour) !important; } body.button-solid-rollover-fill.nonTouchDevice .newsletter-widget.button-colour-override .button-solid:hover, body.button-solid-rollover-fill.nonTouchDevice .newsletter-widget.button-colour-override.button-type-solid .button:hover { color: var(--newsletterbuttontextcolour) !important; background: var(--newsletterbuttonbgcolourhover) !important; } body.button-solid-rollover-swipe.nonTouchDevice .newsletter-widget.button-colour-override .button-solid:hover, body.button-solid-rollover-swipe.nonTouchDevice .newsletter-widget.button-colour-override.button-type-solid .button:hover { color: var(--newsletterbuttontextcolour) !important; background: var(--newsletterbuttonbgcolour) !important; } .newsletter-widget.button-colour-override .button-border, .newsletter-widget.button-colour-override.button-type-border .button { color: var(--newsletterbuttonbgcolour) !important; border-color: var(--newsletterbuttonbgcolour) !important; background: transparent !important; } .newsletter-widget.button-colour-override .button-border:before, .newsletter-widget.button-colour-override.button-type-border .button:before { background: var(--newsletterbuttonbgcolourhover) !important; } .newsletter-widget.button-colour-override .button-border .spinner > div, .newsletter-widget.button-colour-override.button-type-border .button .spinner > div { background-color: var(--newsletterbuttonbgcolour) !important; } body.button-border-rollover-outline.nonTouchDevice .newsletter-widget.button-colour-override .button-border:hover, body.button-border-rollover-outline.nonTouchDevice .newsletter-widget.button-colour-override.button-type-border .button:hover { color: var(--newsletterbuttonbgcolourhover) !important; border-color: var(--newsletterbuttonbgcolourhover) !important; background: transparent !important; } body.button-border-rollover-fill.nonTouchDevice .newsletter-widget.button-colour-override .button-border:hover, body.button-border-rollover-fill.nonTouchDevice .newsletter-widget.button-colour-override.button-type-border .button:hover { color: var(--newsletterbuttontextcolour) !important; border-color: var(--newsletterbuttonbgcolourhover) !important; background: var(--newsletterbuttonbgcolourhover) !important; } body.button-border-rollover-swipe.nonTouchDevice .newsletter-widget.button-colour-override .button-border:hover, body.button-border-rollover-swipe.nonTouchDevice .newsletter-widget.button-colour-override.button-type-border .button:hover { color: var(--newsletterbuttontextcolour) !important; border-color: var(--newsletterbuttonbgcolourhover) !important; background: transparent !important; } .quicklinks-widget { padding: 60px 0; } .quicklinks-widget .quicklinks-wrap { margin: -20px -30px; } @media (max-width: 767px) { .quicklinks-widget .quicklinks-wrap { margin: -17px 0; } } .quicklinks-widget .quicklinks-wrap .quicklink { padding: 20px 30px; } @media (max-width: 767px) { .quicklinks-widget .quicklinks-wrap .quicklink { padding: 17px 0; } } @media (max-width: 1199px) { .quicklinks-widget .quicklinks-wrap .quicklink.subtitle-wrap { width: 100%; padding-bottom: 10px; } } .quicklinks-widget .quicklinks-wrap .quicklink .text-button { margin-top: 0; } .quicklinks-widget .quicklinks-wrap.align-left { justify-content: flex-start; } @media (max-width: 767px) { .quicklinks-widget .quicklinks-wrap.align-left { flex-direction: column; } } .quicklinks-widget .quicklinks-wrap.align-center { justify-content: center; } @media (max-width: 767px) { .quicklinks-widget .quicklinks-wrap.align-center { flex-direction: column; align-items: center; } } @media (max-width: 1199px) { .quicklinks-widget .quicklinks-wrap.align-center .subtitle-wrap { text-align: center; } } .quicklinks-widget .quicklinks-wrap.buttons-plain .quicklink .text-button { padding-bottom: 0; } .quicklinks-widget .quicklinks-wrap.buttons-plain .quicklink .text-button:after { content: none; } .quicklinks-widget .quicklinks-wrap.buttons-plain .quicklink .text-button svg { display: none; } .quicklinks-widget .quicklinks-wrap.buttons-theme--underlined .subtitle:after { content: ''; height: 8px; width: 100%; display: block; } @media (max-width: 991px) { .quicklinks-widget .quicklinks-wrap.buttons-theme--underlined .subtitle:after { content: none; } } .quicklinks-widget.subtitle-colour-override .subtitle { color: var(--quicklinkssubtitlecolour); } .quicklinks-widget.button-colour-override .text-button { color: var(--quicklinksbuttoncolour); } .quicklinks-widget.button-colour-override .text-button .fa-icon path { fill: var(--quicklinksbuttoncolour); } .quicklinks-widget.button-colour-override .text-button:after { background: var(--quicklinksbuttoncolour); } body.nonTouchDevice .quicklinks-widget.button-colour-override .text-button:hover { color: var(--quicklinksbuttoncolourhover); } body.nonTouchDevice .quicklinks-widget.button-colour-override .text-button:hover .fa-icon path { fill: var(--quicklinksbuttoncolourhover); } @media (min-width: 992px) { .quicklinks-widget.subtitle-margin-override .quicklinks-wrap .quicklink .subtitle { margin-top: var(--quicklinkssubtitlemargin); } } @media (min-width: 992px) { .quicklinks-widget.button-margin-override .quicklinks-wrap .quicklink .button-wrap { margin-top: var(--quicklinksbuttonmargin); } } .rich-text-columns-widget .text-columns { margin: -40px; } @media (max-width: 767px) { .rich-text-columns-widget .text-columns { margin: 0; } } .rich-text-columns-widget .text-columns .text-col { padding: 40px; } @media (max-width: 767px) { .rich-text-columns-widget .text-columns .text-col { padding: 0; } .rich-text-columns-widget .text-columns .text-col + .has-content { margin-top: var(--paddingxs); } } .rich-text-columns-widget--two .text-columns .text-col { width: 50%; } @media (max-width: 767px) { .rich-text-columns-widget--two .text-columns .text-col { width: 100%; } } .rich-text-columns-widget--three .text-columns .text-col { width: 33.33%; } @media (min-width: 768px) and (max-width: 991px) { .rich-text-columns-widget--three .text-columns .text-col { width: 50%; } } @media (max-width: 767px) { .rich-text-columns-widget--three .text-columns .text-col { width: 100%; } } .rich-text-columns-widget--four .text-columns .text-col { width: 25%; } @media (min-width: 768px) and (max-width: 1199px) { .rich-text-columns-widget--four .text-columns .text-col { width: 50%; } } @media (max-width: 767px) { .rich-text-columns-widget--four .text-columns .text-col { width: 100%; } } .rich-text-columns-widget--three-alt-left .text-columns .text-col { width: 25%; } @media (min-width: 768px) and (max-width: 1199px) { .rich-text-columns-widget--three-alt-left .text-columns .text-col { width: 50%; } } @media (max-width: 767px) { .rich-text-columns-widget--three-alt-left .text-columns .text-col { width: 100%; } } .rich-text-columns-widget--three-alt-left .text-columns .text-col:first-child { width: 50%; } @media (max-width: 1199px) { .rich-text-columns-widget--three-alt-left .text-columns .text-col:first-child { width: 100%; } } .rich-text-columns-widget--three-alt-right .text-columns .text-col { width: 25%; } @media (min-width: 768px) and (max-width: 1199px) { .rich-text-columns-widget--three-alt-right .text-columns .text-col { width: 50%; } } @media (max-width: 767px) { .rich-text-columns-widget--three-alt-right .text-columns .text-col { width: 100%; } } .rich-text-columns-widget--three-alt-right .text-columns .text-col:last-child { width: 50%; } @media (max-width: 1199px) { .rich-text-columns-widget--three-alt-right .text-columns .text-col:last-child { width: 100%; } } @media (min-width: 1200px) { .rich-text-columns-widget--small-padding .text-columns { margin: -20px; } .rich-text-columns-widget--small-padding .text-columns .text-col { padding: 20px; } } .rich-text-columns-widget.button-align-center .button-wrap { text-align: center; } .rich-text-columns-widget.title-colour-override h1, .rich-text-columns-widget.title-colour-override .h1, .rich-text-columns-widget.title-colour-override h2, .rich-text-columns-widget.title-colour-override .h2, .rich-text-columns-widget.title-colour-override h3, .rich-text-columns-widget.title-colour-override .h3, .rich-text-columns-widget.title-colour-override h4, .rich-text-columns-widget.title-colour-override .h4, .rich-text-columns-widget.title-colour-override h5, .rich-text-columns-widget.title-colour-override .burger-menu .burger-nav > ul:not(.social-media) > li.subtitle > a, .burger-menu .rich-text-columns-widget.title-colour-override .burger-nav > ul:not(.social-media) > li.subtitle > a, .rich-text-columns-widget.title-colour-override .h5, .rich-text-columns-widget.title-colour-override h6, .rich-text-columns-widget.title-colour-override .text-widget blockquote, .text-widget .rich-text-columns-widget.title-colour-override blockquote, .rich-text-columns-widget.title-colour-override .h6 { color: var(--richtextcolumnstitlecolour); } .rich-text-columns-widget.text-colour-override { color: var(--richtextcolumnstextcolour); } .rich-text-columns-widget.text-colour-override a:not(.text-button):not(.button) { color: var(--richtextcolumnstextcolour); border-bottom: 1px solid var(--richtextcolumnstextcolour); } body.nonTouchDevice .rich-text-columns-widget.text-colour-override a:not(.text-button):not(.button):hover { border-color: transparent; } .rich-text-columns-widget.button-shape-round .button { border-radius: var(--buttonborderradius) !important; } .rich-text-columns-widget.button-shape-straight .button { border-radius: 0 !important; } .rich-text-columns-widget.button-colour-override .button-solid, .rich-text-columns-widget.button-colour-override.button-type-solid .button { color: var(--richtextcolumnsbuttontextcolour) !important; background: var(--richtextcolumnsbuttonbgcolour) !important; } .rich-text-columns-widget.button-colour-override .button-solid:before, .rich-text-columns-widget.button-colour-override.button-type-solid .button:before { background: var(--richtextcolumnsbuttonbgcolourhover) !important; } body.button-solid-rollover-fill.nonTouchDevice .rich-text-columns-widget.button-colour-override .button-solid:hover, body.button-solid-rollover-fill.nonTouchDevice .rich-text-columns-widget.button-colour-override.button-type-solid .button:hover { color: var(--richtextcolumnsbuttontextcolour) !important; background: var(--richtextcolumnsbuttonbgcolourhover) !important; } body.button-solid-rollover-swipe.nonTouchDevice .rich-text-columns-widget.button-colour-override .button-solid:hover, body.button-solid-rollover-swipe.nonTouchDevice .rich-text-columns-widget.button-colour-override.button-type-solid .button:hover { color: var(--richtextcolumnsbuttontextcolour) !important; background: var(--richtextcolumnsbuttonbgcolour) !important; } .rich-text-columns-widget.button-colour-override .button-border, .rich-text-columns-widget.button-colour-override.button-type-border .button { color: var(--richtextcolumnsbuttonbgcolour) !important; border-color: var(--richtextcolumnsbuttonbgcolour) !important; background: transparent !important; } .rich-text-columns-widget.button-colour-override .button-border:before, .rich-text-columns-widget.button-colour-override.button-type-border .button:before { background: var(--richtextcolumnsbuttonbgcolourhover) !important; } body.button-border-rollover-outline.nonTouchDevice .rich-text-columns-widget.button-colour-override .button-border:hover, body.button-border-rollover-outline.nonTouchDevice .rich-text-columns-widget.button-colour-override.button-type-border .button:hover { color: var(--richtextcolumnsbuttonbgcolourhover) !important; border-color: var(--richtextcolumnsbuttonbgcolourhover) !important; background: transparent !important; } body.button-border-rollover-fill.nonTouchDevice .rich-text-columns-widget.button-colour-override .button-border:hover, body.button-border-rollover-fill.nonTouchDevice .rich-text-columns-widget.button-colour-override.button-type-border .button:hover { color: var(--richtextcolumnsbuttontextcolour) !important; border-color: var(--richtextcolumnsbuttonbgcolourhover) !important; background: var(--richtextcolumnsbuttonbgcolourhover) !important; } body.button-border-rollover-swipe.nonTouchDevice .rich-text-columns-widget.button-colour-override .button-border:hover, body.button-border-rollover-swipe.nonTouchDevice .rich-text-columns-widget.button-colour-override.button-type-border .button:hover { color: var(--richtextcolumnsbuttontextcolour) !important; border-color: var(--richtextcolumnsbuttonbgcolourhover) !important; background: transparent !important; } .rich-text-columns-widget.text-button-colour-override .text-button { color: var(--richtextcolumnstextbuttoncolour); } .rich-text-columns-widget.text-button-colour-override .text-button .fa-icon path { fill: var(--richtextcolumnstextbuttoncolour); } .rich-text-columns-widget.text-button-colour-override .text-button:after { background-color: var(--richtextcolumnstextbuttoncolour); } body.nonTouchDevice .rich-text-columns-widget.text-button-colour-override .text-button:hover { color: var(--richtextcolumnstextbuttoncolourhover); } body.nonTouchDevice .rich-text-columns-widget.text-button-colour-override .text-button:hover .fa-icon path { fill: var(--richtextcolumnstextbuttoncolourhover); } .scrolling-marquee-widget { padding: 20px 0; background: var(--secondarycolour); } .scrolling-marquee-widget .scrolling-marquee { display: flex; } .scrolling-marquee-widget .scrolling-marquee-content { flex-shrink: 0; display: flex; animation: textScroll var(--textspeed) linear infinite; } .scrolling-marquee-widget .slide .text { font-family: var(--headingfontfamily), var(--headingfontstyle); font-weight: var(--headingfontweight); font-size: var(--h1fontsize); line-height: var(--h1lineheight); letter-spacing: var(--h1letterspacing); color: var(--primarycolour); } .scrolling-marquee-widget .slide .divider { margin: 0 20px; } @media (max-width: 767px) { .scrolling-marquee-widget .slide .divider { margin: 0 15px; } } .scrolling-marquee-widget .slide .divider svg { width: var(--dividersizedesktop); height: auto; } @media (max-width: 767px) { .scrolling-marquee-widget .slide .divider svg { width: var(--dividersizemobile); } } .scrolling-marquee-widget .slide-direction--ltr .scrolling-marquee-content { animation-direction: reverse; } .scrolling-marquee-widget.text-colour-override .slide .text { color: var(--textcolour); } .scrolling-marquee-widget.font-family-override .slide .text { font-family: var(--scrollingmarqueefontfamily), var(--headingfontstyle); } .scrolling-marquee-widget.font-weight-override .slide .text { font-weight: var(--scrollingmarqueefontweight); } .scrolling-marquee-widget.font-size-desktop-override .slide .text { font-size: var(--scrollingmarqueefontsize); } @media (max-width: 767px) { .scrolling-marquee-widget.font-size-mobile-override .slide .text { font-size: var(--scrollingmarqueefontsizemob); } } .scrolling-marquee-widget.line-height-desktop-override .slide .text { line-height: var(--scrollingmarqueelineheight); } @media (max-width: 767px) { .scrolling-marquee-widget.line-height-mobile-override .slide .text { line-height: var(--scrollingmarqueelineheightmob); } } .scrolling-marquee-widget.letter-spacing-override .slide .text { letter-spacing: var(--scrollingmarqueeletterspacing); } .scrolling-marquee-widget.divider-colour-override .slide .divider { color: var(--dividercolour); } .scrolling-marquee-widget.divider-font-size-override .slide .divider { font-size: var(--dividerfontsize); } .scrolling-marquee-widget.divider-font-size-override .slide .divider { margin-top: var(--dividermargin); } @keyframes textScroll { from { transform: translateX(0); } to { transform: translateX(-100%); } } .spacer-widget .spacer-40 { height: 40px; } .spacer-widget .spacer-80 { height: 80px; } .spacer-widget .spacer-120 { height: 120px; } .spacer-widget .spacer-160 { height: 160px; } .table-widget .container-fluid > h2 { max-width: 350px; padding-bottom: 140px; } @media (max-width: 767px) { .table-widget .container-fluid > h2 { padding-bottom: 110px; } } .table-widget .wrap { margin: 0 -75px; } @media (min-width: 768px) and (max-width: 1199px) { .table-widget .wrap { margin: -75px 0; } } @media (max-width: 767px) { .table-widget .wrap { margin: -50px 0; } } .table-widget .wrap > div { padding: 0 75px; } @media (max-width: 1199px) { .table-widget .wrap > div { width: 100% !important; padding: 75px 0; } .table-widget .wrap > div:last-child { border-top: var(--tabledividerwidth) solid var(--textbodycolour); } } .table-widget .wrap > div.text { width: 45%; } .table-widget .wrap > div.table-block { width: 55%; } .table-widget .wrap .text .text-inner { max-width: 404px; } .table-widget .table-wrap + .table-wrap { padding-top: 75px; } .table-widget .table-wrap .title { font-size: 1rem; } .table-widget .table-wrap .title + table { margin-top: 20px !important; } .table-widget .table-wrap .description { font-size: 1rem; margin-top: 8px !important; } .table-widget table { table-layout: auto; width: 100%; border-spacing: 0; border-collapse: separate; overflow: hidden; border-bottom: var(--tabledividerwidth) solid var(--textbodycolour); border-right: var(--tabledividerwidth) solid var(--textbodycolour); } body.solid-elements-round .table-widget table { border-radius: 20px; } .table-widget table tr th, .table-widget table tr td { border: 0; padding: 10px 12px; text-align: left; vertical-align: middle; font-size: 1rem; font-weight: var(--h5fontweight); line-height: 13px; letter-spacing: var(--h5letterspacing); text-transform: uppercase; border-top: var(--tabledividerwidth) solid var(--textbodycolour); border-left: var(--tabledividerwidth) solid var(--textbodycolour); } .table-widget table tr th:first-child, .table-widget table tr td:first-child { width: 204px; } @media (max-width: 767px) { .table-widget table tr th:first-child, .table-widget table tr td:first-child { width: 100%; } } .table-widget table tr th, .table-widget table tr .mobile-header { color: var(--textbodycolour); background: transparent; } @media (max-width: 767px) { .table-widget table tr th, .table-widget table tr .mobile-header { padding-right: 0; } } .table-widget table tr:nth-child(odd) td:before { opacity: .2; } .table-widget table.text-center tr th, .table-widget table.text-center tr td { text-align: center; } @media (max-width: 767px) { .table-widget table tr th { display: none; } .table-widget table tr td { padding: 10px 0; display: block; float: left; width: 100%; text-align: left; } .table-widget table tr td .mobile-header { display: block; width: 100%; padding-bottom: 10px; background: none; } .table-widget table tr td:before { content: none !important; } } .table-widget.header-text-colour-override table th { color: var(--tableheadertextcolour); } .table-widget.header-text-mobile-colour-override table td .mobile-header { color: var(--tableheadertextmobcolour); } .table-widget.header-bg-colour-override table th { background: var(--tableheaderbgcolour); } .table-widget.header-bg-colour-override table td { border-color: var(--tableheaderbgcolour) !important; } .table-widget.cell-text-colour-override table td { color: var(--tablecelltextcolour); } .table-widget.cell-bg-colour-override table td:before { background: var(--tablecellbgcolour); } .table-widget.shape-round table { border-radius: 20px !important; } .table-widget.shape-straight table { border-radius: 0 !important; } @media (max-width: 991px) { .testimonials-widget .container-fluid { padding: 0; } } .testimonials-widget blockquote { margin: 0 auto; text-align: center; } .testimonials-widget blockquote small { margin-top: 30px; } .testimonials-widget blockquote small:before { content: none; } .testimonials-widget blockquote.sml { max-width: 960px; } .testimonials-widget blockquote.lrg { max-width: 1280px; } .testimonials-widget .slick-slider .slick-track { display: flex; align-items: center; } .testimonials-widget .slick-slider .slick-slide { padding: 0 120px; } @media (max-width: 767px) { .testimonials-widget .slick-slider .slick-slide { padding: 0 50px; } } .testimonials-widget .slick-arrow.slick-prev { left: 0; } .testimonials-widget .slick-arrow.slick-next { right: 0; } .testimonials-widget.quote-colour-override h2 { color: var(--testimonialquotecolour) !important; } .testimonials-widget.name-colour-override .subtitle { color: var(--testimonialnamecolour); } .testimonials-widget.button-shape-round .slick-slider .slick-arrow { border-radius: 50% !important; } .testimonials-widget.button-shape-straight .slick-slider .slick-arrow { border-radius: 0 !important; } .testimonials-widget.button-type-solid .slick-slider .slick-arrow { border: none !important; background: var(--buttoncolour) !important; } .testimonials-widget.button-type-solid .slick-slider .slick-arrow svg path { fill: var(--buttontextcolour) !important; } body.button-solid-rollover-fill.nonTouchDevice .testimonials-widget.button-type-solid .slick-slider .slick-arrow:hover { background: var(--buttonhovercolour) !important; } body.button-solid-rollover-fill.nonTouchDevice .testimonials-widget.button-type-solid .slick-slider .slick-arrow:hover:before { right: 100%; } body.button-solid-rollover-swipe.nonTouchDevice .testimonials-widget.button-type-solid .slick-slider .slick-arrow:hover { background: var(--buttoncolour) !important; } body.button-solid-rollover-swipe.nonTouchDevice .testimonials-widget.button-type-solid .slick-slider .slick-arrow:hover:before { right: 0; } .testimonials-widget.button-type-border .slick-slider .slick-arrow { border: var(--buttonborderwidth) solid var(--buttoncolour) !important; background: none !important; } .testimonials-widget.button-type-border .slick-slider .slick-arrow svg path { fill: var(--buttoncolour) !important; } body.button-border-rollover-outline.nonTouchDevice .testimonials-widget.button-type-border .slick-slider .slick-arrow:hover { border-color: var(--buttonhovercolour) !important; } body.button-border-rollover-outline.nonTouchDevice .testimonials-widget.button-type-border .slick-slider .slick-arrow:hover svg path { fill: var(--buttonhovercolour) !important; } body.button-border-rollover-outline.nonTouchDevice .testimonials-widget.button-type-border .slick-slider .slick-arrow:hover:before { right: 100%; } body.button-border-rollover-fill.nonTouchDevice .testimonials-widget.button-type-border .slick-slider .slick-arrow:hover { border-color: var(--buttonhovercolour) !important; background: var(--buttonhovercolour) !important; } body.button-border-rollover-fill.nonTouchDevice .testimonials-widget.button-type-border .slick-slider .slick-arrow:hover svg path { fill: var(--buttontextcolour) !important; } body.button-border-rollover-fill.nonTouchDevice .testimonials-widget.button-type-border .slick-slider .slick-arrow:hover:before { right: 100%; } body.button-border-rollover-swipe.nonTouchDevice .testimonials-widget.button-type-border .slick-slider .slick-arrow:hover { border-color: var(--buttonhovercolour) !important; background: transparent !important; } body.button-border-rollover-swipe.nonTouchDevice .testimonials-widget.button-type-border .slick-slider .slick-arrow:hover svg path { fill: var(--buttontextcolour) !important; } body.button-border-rollover-swipe.nonTouchDevice .testimonials-widget.button-type-border .slick-slider .slick-arrow:hover:before { right: 0; } body.buttons-solid .testimonials-widget.arrows-colour-override .slick-slider .slick-arrow, body.buttons-border .testimonials-widget.arrows-colour-override.button-type-solid .slick-slider .slick-arrow { border-color: transparent !important; background: var(--testimonialbuttonbgcolour) !important; } body.buttons-solid .testimonials-widget.arrows-colour-override .slick-slider .slick-arrow svg path, body.buttons-border .testimonials-widget.arrows-colour-override.button-type-solid .slick-slider .slick-arrow svg path { fill: var(--testimonialbuttoniconcolour) !important; } body.buttons-border .testimonials-widget.arrows-colour-override .slick-slider .slick-arrow, body.buttons-solid .testimonials-widget.arrows-colour-override.button-type-border .slick-slider .slick-arrow { border-color: var(--testimonialbuttonbgcolour) !important; background: none !important; } body.buttons-border .testimonials-widget.arrows-colour-override .slick-slider .slick-arrow svg path, body.buttons-solid .testimonials-widget.arrows-colour-override.button-type-border .slick-slider .slick-arrow svg path { fill: var(--testimonialbuttonbgcolour) !important; } body.buttons-solid.button-solid-rollover-fill.nonTouchDevice .testimonials-widget.arrows-colour-override .slick-slider .slick-arrow:hover, body.buttons-border.button-solid-rollover-fill.nonTouchDevice .testimonials-widget.arrows-colour-override.button-type-solid .slick-slider .slick-arrow:hover { background: var(--testimonialbuttonbgcolourhover) !important; } body.buttons-solid.button-solid-rollover-fill.nonTouchDevice .testimonials-widget.arrows-colour-override .slick-slider .slick-arrow:hover svg path, body.buttons-border.button-solid-rollover-fill.nonTouchDevice .testimonials-widget.arrows-colour-override.button-type-solid .slick-slider .slick-arrow:hover svg path { fill: var(--testimonialbuttoniconcolour) !important; } body.buttons-solid.button-solid-rollover-swipe.nonTouchDevice .testimonials-widget.arrows-colour-override .slick-slider .slick-arrow:before, body.buttons-border.button-solid-rollover-swipe.nonTouchDevice .testimonials-widget.arrows-colour-override.button-type-solid .slick-slider .slick-arrow:before { background: var(--testimonialbuttonbgcolourhover) !important; } body.buttons-solid.button-solid-rollover-swipe.nonTouchDevice .testimonials-widget.arrows-colour-override .slick-slider .slick-arrow:hover, body.buttons-border.button-solid-rollover-swipe.nonTouchDevice .testimonials-widget.arrows-colour-override.button-type-solid .slick-slider .slick-arrow:hover { background: var(--testimonialbuttonbgcolour) !important; } body.buttons-solid.button-solid-rollover-swipe.nonTouchDevice .testimonials-widget.arrows-colour-override .slick-slider .slick-arrow:hover svg path, body.buttons-border.button-solid-rollover-swipe.nonTouchDevice .testimonials-widget.arrows-colour-override.button-type-solid .slick-slider .slick-arrow:hover svg path { fill: var(--testimonialbuttoniconcolour) !important; } body.buttons-border.button-border-rollover-outline.nonTouchDevice .testimonials-widget.arrows-colour-override .slick-slider .slick-arrow:hover, body.buttons-solid.button-border-rollover-outline.nonTouchDevice .testimonials-widget.arrows-colour-override.button-type-border .slick-slider .slick-arrow:hover { border-color: var(--testimonialbuttonbgcolourhover) !important; background: transparent !important; } body.buttons-border.button-border-rollover-outline.nonTouchDevice .testimonials-widget.arrows-colour-override .slick-slider .slick-arrow:hover svg path, body.buttons-solid.button-border-rollover-outline.nonTouchDevice .testimonials-widget.arrows-colour-override.button-type-border .slick-slider .slick-arrow:hover svg path { fill: var(--testimonialbuttonbgcolourhover) !important; } body.buttons-border.button-border-rollover-fill.nonTouchDevice .testimonials-widget.arrows-colour-override .slick-slider .slick-arrow:hover, body.buttons-solid.button-border-rollover-fill.nonTouchDevice .testimonials-widget.arrows-colour-override.button-type-border .slick-slider .slick-arrow:hover { border-color: var(--testimonialbuttonbgcolourhover) !important; background: var(--testimonialbuttonbgcolourhover) !important; } body.buttons-border.button-border-rollover-fill.nonTouchDevice .testimonials-widget.arrows-colour-override .slick-slider .slick-arrow:hover svg path, body.buttons-solid.button-border-rollover-fill.nonTouchDevice .testimonials-widget.arrows-colour-override.button-type-border .slick-slider .slick-arrow:hover svg path { fill: var(--testimonialbuttoniconcolour) !important; } body.buttons-border.button-border-rollover-swipe.nonTouchDevice .testimonials-widget.arrows-colour-override .slick-slider .slick-arrow:before, body.buttons-solid.button-border-rollover-swipe.nonTouchDevice .testimonials-widget.arrows-colour-override.button-type-border .slick-slider .slick-arrow:before { background: var(--testimonialbuttonbgcolourhover) !important; } body.buttons-border.button-border-rollover-swipe.nonTouchDevice .testimonials-widget.arrows-colour-override .slick-slider .slick-arrow:hover, body.buttons-solid.button-border-rollover-swipe.nonTouchDevice .testimonials-widget.arrows-colour-override.button-type-border .slick-slider .slick-arrow:hover { border-color: var(--testimonialbuttonbgcolourhover) !important; background: transparent !important; } body.buttons-border.button-border-rollover-swipe.nonTouchDevice .testimonials-widget.arrows-colour-override .slick-slider .slick-arrow:hover svg path, body.buttons-solid.button-border-rollover-swipe.nonTouchDevice .testimonials-widget.arrows-colour-override.button-type-border .slick-slider .slick-arrow:hover svg path { fill: var(--testimonialbuttoniconcolour) !important; } .text-widget blockquote { margin-bottom: 0; padding: 55px 60px; background: var(--secondarycolour); } @media (max-width: 767px) { .text-widget blockquote { padding: 35px 30px; } } .text-widget--left .container-fluid { margin-left: 0; } .text-widget--right .container-fluid { margin-right: 0; } .text-widget.subtitle-colour-override h5, .text-widget.subtitle-colour-override .burger-menu .burger-nav > ul:not(.social-media) > li.subtitle > a, .burger-menu .text-widget.subtitle-colour-override .burger-nav > ul:not(.social-media) > li.subtitle > a { color: var(--textsubtitlecolour) !important; } .text-widget.title-colour-override h1, .text-widget.title-colour-override .h1, .text-widget.title-colour-override h2, .text-widget.title-colour-override .h2, .text-widget.title-colour-override h3, .text-widget.title-colour-override .h3, .text-widget.title-colour-override h4, .text-widget.title-colour-override .h4, .text-widget.title-colour-override h5, .text-widget.title-colour-override .burger-menu .burger-nav > ul:not(.social-media) > li.subtitle > a, .burger-menu .text-widget.title-colour-override .burger-nav > ul:not(.social-media) > li.subtitle > a, .text-widget.title-colour-override .h5, .text-widget.title-colour-override h6, .text-widget.title-colour-override blockquote, .text-widget.title-colour-override .h6 { color: var(--texttitlecolour); } .text-widget.body-colour-override { color: var(--textbodycolour); } .text-widget.body-colour-override a:not(.text-button):not(.button) { color: var(--textbodycolour); border-bottom: 1px solid var(--textbodycolour); } body.nonTouchDevice .text-widget.body-colour-override a:not(.text-button):not(.button):hover { border-color: transparent; } .text-widget.button-shape-round .button { border-radius: var(--buttonborderradius) !important; } .text-widget.button-shape-straight .button { border-radius: 0 !important; } .text-widget.button-colour-override .button-solid, .text-widget.button-colour-override.button-type-solid .button { color: var(--textbuttontextcolour) !important; background: var(--textbuttonbgcolour) !important; } .text-widget.button-colour-override .button-solid:before, .text-widget.button-colour-override.button-type-solid .button:before { background: var(--textbuttonbgcolourhover) !important; } body.button-solid-rollover-fill.nonTouchDevice .text-widget.button-colour-override .button-solid:hover, body.button-solid-rollover-fill.nonTouchDevice .text-widget.button-colour-override.button-type-solid .button:hover { color: var(--textbuttontextcolour) !important; background: var(--textbuttonbgcolourhover) !important; } body.button-solid-rollover-swipe.nonTouchDevice .text-widget.button-colour-override .button-solid:hover, body.button-solid-rollover-swipe.nonTouchDevice .text-widget.button-colour-override.button-type-solid .button:hover { color: var(--textbuttontextcolour) !important; background: var(--textbuttonbgcolour) !important; } .text-widget.button-colour-override .button-border, .text-widget.button-colour-override.button-type-border .button { border-color: var(--textbuttonbgcolour) !important; color: var(--textbuttonbgcolour) !important; background: transparent !important; } .text-widget.button-colour-override .button-border:before, .text-widget.button-colour-override.button-type-border .button:before { background: var(--textbuttonbgcolourhover) !important; } body.button-border-rollover-outline.nonTouchDevice .text-widget.button-colour-override .button-border:hover, body.button-border-rollover-outline.nonTouchDevice .text-widget.button-colour-override.button-type-border .button:hover { color: var(--textbuttonbgcolourhover) !important; border-color: var(--textbuttonbgcolourhover) !important; background: transparent !important; } body.button-border-rollover-fill.nonTouchDevice .text-widget.button-colour-override .button-border:hover, body.button-border-rollover-fill.nonTouchDevice .text-widget.button-colour-override.button-type-border .button:hover { color: var(--textbuttontextcolour) !important; border-color: var(--textbuttonbgcolourhover) !important; background: var(--textbuttonbgcolourhover) !important; } body.button-border-rollover-swipe.nonTouchDevice .text-widget.button-colour-override .button-border:hover, body.button-border-rollover-swipe.nonTouchDevice .text-widget.button-colour-override.button-type-border .button:hover { color: var(--textbuttontextcolour) !important; border-color: var(--textbuttonbgcolourhover) !important; background: transparent !important; } .text-widget.text-button-colour-override .text-button { color: var(--texttextbuttoncolour); } .text-widget.text-button-colour-override .text-button .fa-icon path { fill: var(--texttextbuttoncolour); } .text-widget.text-button-colour-override .text-button:after { background-color: var(--texttextbuttoncolour); } body.nonTouchDevice .text-widget.text-button-colour-override .text-button:hover { color: var(--texttextbuttoncolourhover); } body.nonTouchDevice .text-widget.text-button-colour-override .text-button:hover .fa-icon path { fill: var(--texttextbuttoncolourhover); } .text-widget.animation-override .container-fluid > * { transition-delay: 0s !important; } .text-listing-widget .listing-wrap { border-bottom: var(--dividerdepth) solid var(--secondarycolour); } .text-listing-widget .listing-wrap .listing-row { position: relative; width: 100%; padding: 20px 0; border-top: var(--dividerdepth) solid var(--secondarycolour); } .text-listing-widget .listing-wrap .listing-row .listing-col { flex: 1 1 50%; } @media (max-width: 991px) { .text-listing-widget .listing-wrap .listing-row .listing-col { flex: 1 1 100%; padding-left: 0 !important; } .text-listing-widget .listing-wrap .listing-row .listing-col + .listing-col { margin-top: 5px; } } .text-listing-widget .listing-wrap .listing-row .listing-col h2, .text-listing-widget .listing-wrap .listing-row .listing-col p { transition: all .25s ease; } .text-listing-widget .listing-wrap .listing-row .listing-col--left { padding-right: 20px; } .text-listing-widget .listing-wrap .listing-row .listing-col--left + .listing-col--right { padding-left: 20px; } .text-listing-widget .listing-wrap .listing-row .listing-col--right { padding-right: 40px; } .text-listing-widget .listing-wrap .listing-row .arrow { position: absolute; right: 0; top: 0; bottom: 0; padding: 0 20px; transition: all .25s ease; } @media (max-width: 767px) { .text-listing-widget .listing-wrap .listing-row .arrow { right: -20px; } } body.nonTouchDevice .text-listing-widget .listing-wrap a.listing-row:hover h2, body.nonTouchDevice .text-listing-widget .listing-wrap a.listing-row:hover p { color: var(--primarycolour); } @media (min-width: 768px) { body.nonTouchDevice .text-listing-widget .listing-wrap a.listing-row:hover .arrow { right: -10px; } } .text-listing-widget--large-padding .listing-wrap .listing-row .listing-col--left { padding-right: 40px; } .text-listing-widget--large-padding .listing-wrap .listing-row .listing-col--left + .listing-col--right { padding-left: 40px; } .text-listing-widget.divider-colour-override .listing-wrap, .text-listing-widget.divider-colour-override .listing-row { border-color: var(--textlistingdividercolour); } .text-listing-widget.title-colour-override h2 { color: var(--textlistingtitlecolour); } .text-listing-widget.subtitle-colour-override p { color: var(--textlistingsubtitlecolour); } .text-listing-widget.arrow-colour-override .arrow svg path { fill: var(--textlistingarrowcolour); } body.nonTouchDevice .text-listing-widget.rollover-colour-override .listing-wrap a.listing-row:hover h2, body.nonTouchDevice .text-listing-widget.rollover-colour-override .listing-wrap a.listing-row:hover p { color: var(--textlistingrollovercolour); } body.nonTouchDevice .text-listing-widget.rollover-colour-override .listing-wrap a.listing-row:hover .arrow svg path { fill: var(--textlistingrollovercolour); } @media (max-width: 767px) { .timeline-widget .timeline { max-width: 500px; margin: 0 auto; } } .timeline-widget .timeline .h1 { font-style: italic; } .timeline-widget .timeline p { text-transform: uppercase; margin-top: 20px; } .timeline-widget .timeline .title-wrap { position: relative; border: 1px solid var(--tertiarycolour); padding: 40px; width: 612px; height: 400px; } @media (min-width: 768px) and (max-width: 991px) { .timeline-widget .timeline .title-wrap { width: 374px; height: 325px; } } @media (max-width: 767px) { .timeline-widget .timeline .title-wrap { width: 76%; height: 250px; padding: 20px; } } @media (max-width: 414px) { .timeline-widget .timeline .title-wrap .h1 { font-size: 3.5rem; line-height: 4.3rem; } } .timeline-widget .timeline .title-wrap + .events { margin-top: 50px; } @media (max-width: 767px) { .timeline-widget .timeline .title-wrap + .events { margin-top: 25px; } } .timeline-widget .timeline .events { width: 100%; margin: -50px 0; } @media (max-width: 767px) { .timeline-widget .timeline .events { margin: -25px 0; } } .timeline-widget .timeline .events .event { position: relative; width: calc(100% + 14px); margin: 50px -7px; } @media (max-width: 767px) { .timeline-widget .timeline .events .event { width: 100%; margin: 25px 0; } } .timeline-widget .timeline .events .event .text { border: 1px solid var(--tertiarycolour); padding: 24px; margin: 0 7px; width: 40%; } @media (max-width: 767px) { .timeline-widget .timeline .events .event .text { width: 76%; min-height: 250px; margin-left: 0; margin-right: 0; } .timeline-widget .timeline .events .event .text + .image { margin-top: 25px; } } .timeline-widget .timeline .events .event .image { position: relative; margin: 0 7px; width: 60%; height: 400px; } @media (min-width: 768px) and (max-width: 991px) { .timeline-widget .timeline .events .event .image { height: 325px; } } @media (max-width: 767px) { .timeline-widget .timeline .events .event .image { width: 76%; height: 250px; margin-left: 0; margin-right: 0; } } .timeline-widget .timeline .events .event .image img { position: absolute; left: 0; top: 0; right: 0; bottom: 0; } .timeline-widget .timeline .events .event .separator { position: absolute; width: 60%; height: 100px; bottom: 100%; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); } @media (max-width: 767px) { .timeline-widget .timeline .events .event .separator { height: 450px; width: 50px; left: auto; right: 24%; -webkit-transform: translateX(50px); transform: translateX(50px); } } .timeline-widget .timeline .events .event .separator .middle { position: absolute; background: var(--tertiarycolour); height: 1px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); left: 0; right: 0; } @media (max-width: 767px) { .timeline-widget .timeline .events .event .separator .middle { display: none; } } .timeline-widget .timeline .events .event .separator:before, .timeline-widget .timeline .events .event .separator:after { content: ""; background: var(--tertiarycolour); position: absolute; height: 50px; width: 1px; } .timeline-widget .timeline .events .event .separator:before { top: 0; left: 0; } @media (max-width: 767px) { .timeline-widget .timeline .events .event .separator:before { width: 100%; height: 1px; } } .timeline-widget .timeline .events .event .separator:after { right: 0; bottom: 0; } @media (max-width: 767px) { .timeline-widget .timeline .events .event .separator:after { height: 100%; width: 1px; } } .timeline-widget .timeline .events .event:first-child .separator { width: 100px; height: 300px; bottom: 100%; transform: none; } @media (min-width: 768px) and (max-width: 1199px) { .timeline-widget .timeline .events .event:first-child .separator { height: 263px; width: 60px; } } @media (max-width: 767px) { .timeline-widget .timeline .events .event:first-child .separator { height: 175px; width: 50px; } } .timeline-widget .timeline .events .event:first-child .separator .middle { display: none; } .timeline-widget .timeline .events .event:first-child .separator:before, .timeline-widget .timeline .events .event:first-child .separator:after { content: ""; background: var(--tertiarycolour); position: absolute; } .timeline-widget .timeline .events .event:first-child .separator:before { -webkit-transform: translateY(-50%); transform: translateY(-50%); height: 1px; width: 100%; top: 0; bottom: auto; } .timeline-widget .timeline .events .event:first-child .separator:after { width: 1px; height: 100%; } .timeline-widget .timeline .events .event:first-child.text-box-left .separator { left: 50%; right: auto; } @media (min-width: 1200px) { .timeline-widget .timeline .events .event:first-child.text-box-left .separator { -webkit-transform: translateX(-406px); transform: translateX(-406px); } } @media (min-width: 992px) and (max-width: 1199px) { .timeline-widget .timeline .events .event:first-child.text-box-left .separator { -webkit-transform: translateX(-366px); transform: translateX(-366px); } } @media (min-width: 768px) and (max-width: 991px) { .timeline-widget .timeline .events .event:first-child.text-box-left .separator { -webkit-transform: translateX(-246px); transform: translateX(-246px); } } @media (max-width: 767px) { .timeline-widget .timeline .events .event:first-child.text-box-left .separator { left: 24%; -webkit-transform: translateX(-50px); transform: translateX(-50px); } } .timeline-widget .timeline .events .event:first-child.text-box-left .separator:before { left: auto; right: 0; } .timeline-widget .timeline .events .event:first-child.text-box-left .separator:after { left: 0; } .timeline-widget .timeline .events .event:first-child.text-box-right .separator { left: auto; right: 50%; } @media (min-width: 1200px) { .timeline-widget .timeline .events .event:first-child.text-box-right .separator { -webkit-transform: translateX(406px); transform: translateX(406px); } } @media (min-width: 992px) and (max-width: 1199px) { .timeline-widget .timeline .events .event:first-child.text-box-right .separator { -webkit-transform: translateX(366px); transform: translateX(366px); } } @media (min-width: 768px) and (max-width: 991px) { .timeline-widget .timeline .events .event:first-child.text-box-right .separator { -webkit-transform: translateX(246px); transform: translateX(246px); } } @media (max-width: 767px) { .timeline-widget .timeline .events .event:first-child.text-box-right .separator { right: 24%; -webkit-transform: translateX(50px); transform: translateX(50px); } } .timeline-widget .timeline .events .event:first-child.text-box-right .separator:before { left: 0; right: auto; } .timeline-widget .timeline .events .event:first-child.text-box-right .separator:after { right: 0; } .timeline-widget .timeline .events .event.has-image.text-box-right { -webkit-flex-direction: row-reverse; -moz-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } @media (max-width: 767px) { .timeline-widget .timeline .events .event.has-image.text-box-right + .has-image.text-box-left .separator { right: auto; left: 24%; -webkit-transform: translateX(-50px); transform: translateX(-50px); } } @media (min-width: 768px) { .timeline-widget .timeline .events .event.has-image.text-box-right + .has-image.text-box-left .separator:before { top: auto; bottom: 0; } } @media (max-width: 767px) { .timeline-widget .timeline .events .event.has-image.text-box-right + .has-image.text-box-left .separator:before { left: auto; right: 0; } } @media (min-width: 768px) { .timeline-widget .timeline .events .event.has-image.text-box-right + .has-image.text-box-left .separator:after { top: 0; bottom: auto; } } @media (max-width: 767px) { .timeline-widget .timeline .events .event.has-image.text-box-right + .has-image.text-box-left .separator:after { left: 0; right: auto; } } @media (min-width: 768px) { .timeline-widget .timeline .events .event.has-image.text-box-left + .has-image.text-box-left .separator .middle, .timeline-widget .timeline .events .event.has-image.text-box-right + .has-image.text-box-right .separator .middle { display: none; } } @media (min-width: 768px) { .timeline-widget .timeline .events .event.has-image.text-box-left + .has-image.text-box-left .separator:before, .timeline-widget .timeline .events .event.has-image.text-box-left + .has-image.text-box-left .separator:after, .timeline-widget .timeline .events .event.has-image.text-box-right + .has-image.text-box-right .separator:before, .timeline-widget .timeline .events .event.has-image.text-box-right + .has-image.text-box-right .separator:after { height: 100px; } } @media (max-width: 767px) { .timeline-widget .timeline .events .event.has-image.text-box-left + .has-image.text-box-left .separator { height: 575px; -webkit-transform: translate(50px, 125px); transform: translate(50px, 125px); } } @media (min-width: 768px) { .timeline-widget .timeline .events .event.has-image.text-box-left + .has-image.text-box-left .separator:after { display: none; } } @media (max-width: 767px) { .timeline-widget .timeline .events .event.has-image.text-box-right + .has-image.text-box-right .separator { height: 575px; -webkit-transform: translate(-50px, 125px); transform: translate(-50px, 125px); left: 24%; right: auto; } .timeline-widget .timeline .events .event.has-image.text-box-right + .has-image.text-box-right .separator:after { left: 0; right: auto; } } @media (min-width: 768px) { .timeline-widget .timeline .events .event.has-image.text-box-right + .has-image.text-box-right .separator:before { display: none; } } .timeline-widget .timeline .events .event.has-no-image { width: auto !important; } @media (max-width: 767px) { .timeline-widget .timeline .events .event.has-no-image { width: 100% !important; } } .timeline-widget .timeline .events .event.has-no-image .text { position: relative; padding: 40px; width: 612px; height: 400px; } @media (min-width: 768px) and (max-width: 991px) { .timeline-widget .timeline .events .event.has-no-image .text { width: 374px; height: 325px; } } @media (max-width: 767px) { .timeline-widget .timeline .events .event.has-no-image .text { width: 76%; height: 100%; min-height: 250px; padding: 20px; } } .timeline-widget .timeline .events .event.has-no-image .separator { width: 100px; height: 300px; left: auto; right: 50%; bottom: 50%; transform: none; } @media (min-width: 1200px) { .timeline-widget .timeline .events .event.has-no-image .separator { -webkit-transform: translateX(405px); transform: translateX(405px); } } @media (min-width: 768px) and (max-width: 1199px) { .timeline-widget .timeline .events .event.has-no-image .separator { width: 60px; } } @media (min-width: 992px) and (max-width: 1199px) { .timeline-widget .timeline .events .event.has-no-image .separator { -webkit-transform: translateX(365px); transform: translateX(365px); } } @media (min-width: 768px) and (max-width: 991px) { .timeline-widget .timeline .events .event.has-no-image .separator { height: 263px; -webkit-transform: translateX(246px); transform: translateX(246px); } } @media (max-width: 767px) { .timeline-widget .timeline .events .event.has-no-image .separator { bottom: 100%; left: 24%; right: auto; width: 50px; height: 450px; -webkit-transform: translateX(-50px); transform: translateX(-50px); } } .timeline-widget .timeline .events .event.has-no-image .separator .middle { display: none; } .timeline-widget .timeline .events .event.has-no-image .separator:before, .timeline-widget .timeline .events .event.has-no-image .separator:after { content: ""; background: var(--tertiarycolour); position: absolute; } .timeline-widget .timeline .events .event.has-no-image .separator:before { -webkit-transform: translateY(-50%); transform: translateY(-50%); height: 1px; width: 100%; top: auto; bottom: 0; left: auto; right: 0; } @media (max-width: 767px) { .timeline-widget .timeline .events .event.has-no-image .separator:before { left: 0; right: auto; top: 0; bottom: auto; } } .timeline-widget .timeline .events .event.has-no-image .separator:after { width: 1px; height: 100%; right: 0; } @media (max-width: 767px) { .timeline-widget .timeline .events .event.has-no-image .separator:after { left: 0; right: auto; } } @media (min-width: 768px) { .timeline-widget .timeline .events .event.has-no-image + .event.has-no-image .separator { height: 100px; width: 1px; right: 50%; bottom: 100%; -webkit-transform: translateX(50%); transform: translateX(50%); } .timeline-widget .timeline .events .event.has-no-image + .event.has-no-image .separator:before { display: none; } } @media (max-width: 767px) { .timeline-widget .timeline .events .event.has-no-image + .event.has-no-image .separator { height: 175px; } } .timeline-widget .timeline .events .event.has-no-image + .event.has-no-image.text-box-right .separator { left: auto; right: 24%; -webkit-transform: translateX(50px); transform: translateX(50px); } .timeline-widget .timeline .events .event.has-no-image + .event.has-no-image.text-box-right .separator:after { left: auto; right: 0; } @media (min-width: 768px) { .timeline-widget .timeline .events .event.has-no-image + .event.has-image .separator { width: 100px; height: 301px; -webkit-transform: none; transform: none; } .timeline-widget .timeline .events .event.has-no-image + .event.has-image .separator .middle { display: none; } .timeline-widget .timeline .events .event.has-no-image + .event.has-image .separator:before { width: 100%; height: 1px; } .timeline-widget .timeline .events .event.has-no-image + .event.has-image .separator:after { height: 100%; } } @media (min-width: 768px) and (max-width: 1199px) { .timeline-widget .timeline .events .event.has-no-image + .event.has-image .separator { width: 60px; } } @media (max-width: 767px) { .timeline-widget .timeline .events .event.has-no-image + .event.has-image .separator { bottom: 50%; -webkit-transform: translate(50px, -50%); transform: translate(50px, -50%); height: 295px; } } @media (min-width: 768px) { .timeline-widget .timeline .events .event.has-no-image + .event.has-image.text-box-left .separator { left: 50%; } } @media (min-width: 768px) and (min-width: 1200px) { .timeline-widget .timeline .events .event.has-no-image + .event.has-image.text-box-left .separator { -webkit-transform: translateX(-405px); transform: translateX(-405px); } } @media (min-width: 768px) and (min-width: 992px) and (max-width: 1199px) { .timeline-widget .timeline .events .event.has-no-image + .event.has-image.text-box-left .separator { -webkit-transform: translateX(-365px); transform: translateX(-365px); } } @media (min-width: 768px) and (min-width: 768px) and (max-width: 991px) { .timeline-widget .timeline .events .event.has-no-image + .event.has-image.text-box-left .separator { -webkit-transform: translateX(-246px); transform: translateX(-246px); } } @media (min-width: 768px) { .timeline-widget .timeline .events .event.has-no-image + .event.has-image.text-box-left .separator:after { left: 0; right: auto; } .timeline-widget .timeline .events .event.has-no-image + .event.has-image.text-box-right .separator { left: auto; right: 50%; } } @media (min-width: 768px) and (min-width: 1200px) { .timeline-widget .timeline .events .event.has-no-image + .event.has-image.text-box-right .separator { -webkit-transform: translateX(405px); transform: translateX(405px); } } @media (min-width: 768px) and (min-width: 992px) and (max-width: 1199px) { .timeline-widget .timeline .events .event.has-no-image + .event.has-image.text-box-right .separator { -webkit-transform: translateX(365px); transform: translateX(365px); } } @media (min-width: 768px) and (min-width: 768px) and (max-width: 991px) { .timeline-widget .timeline .events .event.has-no-image + .event.has-image.text-box-right .separator { -webkit-transform: translateX(246px); transform: translateX(246px); } } @media (max-width: 767px) { .timeline-widget .timeline .events .event.has-no-image.text-box-left + .event.has-image.text-box-left .separator .middle, .timeline-widget .timeline .events .event.has-no-image.text-box-right + .event.has-image.text-box-right .separator .middle { display: block; top: auto; -webkit-transform: none; transform: none; bottom: 0; } .timeline-widget .timeline .events .event.has-no-image.text-box-left + .event.has-image.text-box-right .separator, .timeline-widget .timeline .events .event.has-no-image.text-box-right + .event.has-image.text-box-left .separator { height: 175px; bottom: 100%; } .timeline-widget .timeline .events .event.has-no-image.text-box-left + .event.has-image.text-box-right .separator { -webkit-transform: translateX(50px); transform: translateX(50px); } .timeline-widget .timeline .events .event.has-no-image.text-box-right + .event.has-image.text-box-left .separator, .timeline-widget .timeline .events .event.has-no-image.text-box-right + .event.has-image.text-box-right .separator { left: 24%; right: auto; -webkit-transform: translateX(-50px); transform: translateX(-50px); } .timeline-widget .timeline .events .event.has-no-image.text-box-right + .event.has-image.text-box-left .separator:after, .timeline-widget .timeline .events .event.has-no-image.text-box-right + .event.has-image.text-box-right .separator:after { left: 0; right: auto; } .timeline-widget .timeline .events .event.has-no-image.text-box-right + .event.has-image.text-box-left .separator { -webkit-transform: translateX(-50px); transform: translateX(-50px); } .timeline-widget .timeline .events .event.has-no-image.text-box-right + .event.has-image.text-box-right .separator { -webkit-transform: translate(-50px, -50%); transform: translate(-50px, -50%); } } @media (min-width: 768px) { .timeline-widget .timeline .events .event.has-image.text-box-left + .has-no-image .separator { left: 50%; right: auto; } } @media (min-width: 768px) and (min-width: 1200px) { .timeline-widget .timeline .events .event.has-image.text-box-left + .has-no-image .separator { -webkit-transform: translateX(-405px); transform: translateX(-405px); } } @media (min-width: 768px) and (min-width: 992px) and (max-width: 1199px) { .timeline-widget .timeline .events .event.has-image.text-box-left + .has-no-image .separator { -webkit-transform: translateX(-365px); transform: translateX(-365px); } } @media (min-width: 768px) and (min-width: 768px) and (max-width: 991px) { .timeline-widget .timeline .events .event.has-image.text-box-left + .has-no-image .separator { -webkit-transform: translateX(-246px); transform: translateX(-246px); } } @media (min-width: 768px) { .timeline-widget .timeline .events .event.has-image.text-box-left + .has-no-image .separator:after { left: 0; right: auto; } } @media (max-width: 767px) { .timeline-widget .timeline .events .event.has-image.text-box-left + .has-no-image .separator { left: auto; right: 24%; -webkit-transform: translateX(50px); transform: translateX(50px); } .timeline-widget .timeline .events .event.has-image.text-box-left + .has-no-image .separator:after { left: auto; right: 0; } } .video-widget .container-fluid .video-wrap { position: relative; overflow: hidden; } .video-widget .container-fluid .video-wrap--cover { padding-top: var(--videoheightdesktop); } @media (max-width: 767px) { .video-widget .container-fluid .video-wrap--cover { padding-top: var(--videoheightmobile); } } .video-widget .container-fluid .video-wrap--contain iframe { width: 100%; height: 100%; display: block; } .video-widget .container-fluid--bleed { padding: 0; } body.image-blocks-round .video-widget .video-wrap { border-radius: 20px; } .video-widget.shape-round .video-wrap { border-radius: 20px !important; } .video-widget.shape-straight .video-wrap { border-radius: 0 !important; }