img:is([sizes=auto i],[sizes^="auto," i]){contain-intrinsic-size:3000px 1500px} :root{--wp-block-synced-color:#7a00df;--wp-block-synced-color--rgb:122,0,223;--wp-bound-block-color:var(--wp-block-synced-color);--wp-editor-canvas-background:#ddd;--wp-admin-theme-color:#007cba;--wp-admin-theme-color--rgb:0,124,186;--wp-admin-theme-color-darker-10:#006ba1;--wp-admin-theme-color-darker-10--rgb:0,107,160.5;--wp-admin-theme-color-darker-20:#005a87;--wp-admin-theme-color-darker-20--rgb:0,90,135;--wp-admin-border-width-focus:2px}@media (min-resolution:192dpi){:root{--wp-admin-border-width-focus:1.5px}}.wp-element-button{cursor:pointer}:root .has-very-light-gray-background-color{background-color:#eee}:root .has-very-dark-gray-background-color{background-color:#313131}:root .has-very-light-gray-color{color:#eee}:root .has-very-dark-gray-color{color:#313131}:root .has-vivid-green-cyan-to-vivid-cyan-blue-gradient-background{background:linear-gradient(135deg,#00d084,#0693e3)}:root .has-purple-crush-gradient-background{background:linear-gradient(135deg,#34e2e4,#4721fb 50%,#ab1dfe)}:root .has-hazy-dawn-gradient-background{background:linear-gradient(135deg,#faaca8,#dad0ec)}:root .has-subdued-olive-gradient-background{background:linear-gradient(135deg,#fafae1,#67a671)}:root .has-atomic-cream-gradient-background{background:linear-gradient(135deg,#fdd79a,#004a59)}:root .has-nightshade-gradient-background{background:linear-gradient(135deg,#330968,#31cdcf)}:root .has-midnight-gradient-background{background:linear-gradient(135deg,#020381,#2874fc)}:root{--wp--preset--font-size--normal:16px;--wp--preset--font-size--huge:42px}.has-regular-font-size{font-size:1em}.has-larger-font-size{font-size:2.625em}.has-normal-font-size{font-size:var(--wp--preset--font-size--normal)}.has-huge-font-size{font-size:var(--wp--preset--font-size--huge)}.has-text-align-center{text-align:center}.has-text-align-left{text-align:left}.has-text-align-right{text-align:right}.has-fit-text{white-space:nowrap!important}#end-resizable-editor-section{display:none}.aligncenter{clear:both}.items-justified-left{justify-content:flex-start}.items-justified-center{justify-content:center}.items-justified-right{justify-content:flex-end}.items-justified-space-between{justify-content:space-between}.screen-reader-text{border:0;clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;word-wrap:normal!important}.screen-reader-text:focus{background-color:#ddd;clip-path:none;color:#444;display:block;font-size:1em;height:auto;left:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}html :where(.has-border-color){border-style:solid}html :where([style*=border-top-color]){border-top-style:solid}html :where([style*=border-right-color]){border-right-style:solid}html :where([style*=border-bottom-color]){border-bottom-style:solid}html :where([style*=border-left-color]){border-left-style:solid}html :where([style*=border-width]){border-style:solid}html :where([style*=border-top-width]){border-top-style:solid}html :where([style*=border-right-width]){border-right-style:solid}html :where([style*=border-bottom-width]){border-bottom-style:solid}html :where([style*=border-left-width]){border-left-style:solid}html :where(img[class*=wp-image-]){height:auto;max-width:100%}:where(figure){margin:0 0 1em}html :where(.is-position-sticky){--wp-admin--admin-bar--position-offset:var(--wp-admin--admin-bar--height,0px)}@media screen and (max-width:600px){html :where(.is-position-sticky){--wp-admin--admin-bar--position-offset:0px}} /*! This file is auto-generated */ .wp-block-button__link{color:#fff;background-color:#32373c;border-radius:9999px;box-shadow:none;text-decoration:none;padding:calc(.667em + 2px) calc(1.333em + 2px);font-size:1.125em}.wp-block-file__button{background:#32373c;color:#fff;text-decoration:none} :root{--wp--preset--aspect-ratio--square:1;--wp--preset--aspect-ratio--4-3:4/3;--wp--preset--aspect-ratio--3-4:3/4;--wp--preset--aspect-ratio--3-2:3/2;--wp--preset--aspect-ratio--2-3:2/3;--wp--preset--aspect-ratio--16-9:16/9;--wp--preset--aspect-ratio--9-16:9/16;--wp--preset--color--black:#000;--wp--preset--color--cyan-bluish-gray:#abb8c3;--wp--preset--color--white:#fff;--wp--preset--color--pale-pink:#f78da7;--wp--preset--color--vivid-red:#cf2e2e;--wp--preset--color--luminous-vivid-orange:#ff6900;--wp--preset--color--luminous-vivid-amber:#fcb900;--wp--preset--color--light-green-cyan:#7bdcb5;--wp--preset--color--vivid-green-cyan:#00d084;--wp--preset--color--pale-cyan-blue:#8ed1fc;--wp--preset--color--vivid-cyan-blue:#0693e3;--wp--preset--color--vivid-purple:#9b51e0;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple:linear-gradient(135deg,#0693e3 0%,#9b51e0 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan:linear-gradient(135deg,#7adcb4 0%,#00d082 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange:linear-gradient(135deg,#fcb900 0%,#ff6900 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red:linear-gradient(135deg,#ff6900 0%,#cf2e2e 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray:linear-gradient(135deg,#eee 0%,#a9b8c3 100%);--wp--preset--gradient--cool-to-warm-spectrum:linear-gradient(135deg,#4aeadc 0%,#9778d1 20%,#cf2aba 40%,#ee2c82 60%,#fb6962 80%,#fef84c 100%);--wp--preset--gradient--blush-light-purple:linear-gradient(135deg,#ffceec 0%,#9896f0 100%);--wp--preset--gradient--blush-bordeaux:linear-gradient(135deg,#fecda5 0%,#fe2d2d 50%,#6b003e 100%);--wp--preset--gradient--luminous-dusk:linear-gradient(135deg,#ffcb70 0%,#c751c0 50%,#4158d0 100%);--wp--preset--gradient--pale-ocean:linear-gradient(135deg,#fff5cb 0%,#b6e3d4 50%,#33a7b5 100%);--wp--preset--gradient--electric-grass:linear-gradient(135deg,#caf880 0%,#71ce7e 100%);--wp--preset--gradient--midnight:linear-gradient(135deg,#020381 0%,#2874fc 100%);--wp--preset--font-size--small:13px;--wp--preset--font-size--medium:20px;--wp--preset--font-size--large:36px;--wp--preset--font-size--x-large:42px;--wp--preset--spacing--20:.44rem;--wp--preset--spacing--30:.67rem;--wp--preset--spacing--40:1rem;--wp--preset--spacing--50:1.5rem;--wp--preset--spacing--60:2.25rem;--wp--preset--spacing--70:3.38rem;--wp--preset--spacing--80:5.06rem;--wp--preset--shadow--natural:6px 6px 9px rgba(0,0,0,.2);--wp--preset--shadow--deep:12px 12px 50px rgba(0,0,0,.4);--wp--preset--shadow--sharp:6px 6px 0px rgba(0,0,0,.2);--wp--preset--shadow--outlined:6px 6px 0px -3px #fff,6px 6px #000;--wp--preset--shadow--crisp:6px 6px 0px #000}:where(.is-layout-flex){gap:.5em}:where(.is-layout-grid){gap:.5em}body .is-layout-flex{display:flex}.is-layout-flex{flex-wrap:wrap;align-items:center}.is-layout-flex>:is(*,div){margin:0}body .is-layout-grid{display:grid}.is-layout-grid>:is(*,div){margin:0}:where(.wp-block-columns.is-layout-flex){gap:2em}:where(.wp-block-columns.is-layout-grid){gap:2em}:where(.wp-block-post-template.is-layout-flex){gap:1.25em}:where(.wp-block-post-template.is-layout-grid){gap:1.25em}.has-black-color{color:var(--wp--preset--color--black) !important}.has-cyan-bluish-gray-color{color:var(--wp--preset--color--cyan-bluish-gray) !important}.has-white-color{color:var(--wp--preset--color--white) !important}.has-pale-pink-color{color:var(--wp--preset--color--pale-pink) !important}.has-vivid-red-color{color:var(--wp--preset--color--vivid-red) !important}.has-luminous-vivid-orange-color{color:var(--wp--preset--color--luminous-vivid-orange) !important}.has-luminous-vivid-amber-color{color:var(--wp--preset--color--luminous-vivid-amber) !important}.has-light-green-cyan-color{color:var(--wp--preset--color--light-green-cyan) !important}.has-vivid-green-cyan-color{color:var(--wp--preset--color--vivid-green-cyan) !important}.has-pale-cyan-blue-color{color:var(--wp--preset--color--pale-cyan-blue) !important}.has-vivid-cyan-blue-color{color:var(--wp--preset--color--vivid-cyan-blue) !important}.has-vivid-purple-color{color:var(--wp--preset--color--vivid-purple) !important}.has-black-background-color{background-color:var(--wp--preset--color--black) !important}.has-cyan-bluish-gray-background-color{background-color:var(--wp--preset--color--cyan-bluish-gray) !important}.has-white-background-color{background-color:var(--wp--preset--color--white) !important}.has-pale-pink-background-color{background-color:var(--wp--preset--color--pale-pink) !important}.has-vivid-red-background-color{background-color:var(--wp--preset--color--vivid-red) !important}.has-luminous-vivid-orange-background-color{background-color:var(--wp--preset--color--luminous-vivid-orange) !important}.has-luminous-vivid-amber-background-color{background-color:var(--wp--preset--color--luminous-vivid-amber) !important}.has-light-green-cyan-background-color{background-color:var(--wp--preset--color--light-green-cyan) !important}.has-vivid-green-cyan-background-color{background-color:var(--wp--preset--color--vivid-green-cyan) !important}.has-pale-cyan-blue-background-color{background-color:var(--wp--preset--color--pale-cyan-blue) !important}.has-vivid-cyan-blue-background-color{background-color:var(--wp--preset--color--vivid-cyan-blue) !important}.has-vivid-purple-background-color{background-color:var(--wp--preset--color--vivid-purple) !important}.has-black-border-color{border-color:var(--wp--preset--color--black) !important}.has-cyan-bluish-gray-border-color{border-color:var(--wp--preset--color--cyan-bluish-gray) !important}.has-white-border-color{border-color:var(--wp--preset--color--white) !important}.has-pale-pink-border-color{border-color:var(--wp--preset--color--pale-pink) !important}.has-vivid-red-border-color{border-color:var(--wp--preset--color--vivid-red) !important}.has-luminous-vivid-orange-border-color{border-color:var(--wp--preset--color--luminous-vivid-orange) !important}.has-luminous-vivid-amber-border-color{border-color:var(--wp--preset--color--luminous-vivid-amber) !important}.has-light-green-cyan-border-color{border-color:var(--wp--preset--color--light-green-cyan) !important}.has-vivid-green-cyan-border-color{border-color:var(--wp--preset--color--vivid-green-cyan) !important}.has-pale-cyan-blue-border-color{border-color:var(--wp--preset--color--pale-cyan-blue) !important}.has-vivid-cyan-blue-border-color{border-color:var(--wp--preset--color--vivid-cyan-blue) !important}.has-vivid-purple-border-color{border-color:var(--wp--preset--color--vivid-purple) !important}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background:var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background:var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background:var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background:var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important}.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background:var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important}.has-cool-to-warm-spectrum-gradient-background{background:var(--wp--preset--gradient--cool-to-warm-spectrum) !important}.has-blush-light-purple-gradient-background{background:var(--wp--preset--gradient--blush-light-purple) !important}.has-blush-bordeaux-gradient-background{background:var(--wp--preset--gradient--blush-bordeaux) !important}.has-luminous-dusk-gradient-background{background:var(--wp--preset--gradient--luminous-dusk) !important}.has-pale-ocean-gradient-background{background:var(--wp--preset--gradient--pale-ocean) !important}.has-electric-grass-gradient-background{background:var(--wp--preset--gradient--electric-grass) !important}.has-midnight-gradient-background{background:var(--wp--preset--gradient--midnight) !important}.has-small-font-size{font-size:var(--wp--preset--font-size--small) !important}.has-medium-font-size{font-size:var(--wp--preset--font-size--medium) !important}.has-large-font-size{font-size:var(--wp--preset--font-size--large) !important}.has-x-large-font-size{font-size:var(--wp--preset--font-size--x-large) !important} #cookie-notice{position:fixed;min-width:100%;height:auto;z-index:100000;font-size:13px;letter-spacing:0;line-height:20px;left:0;text-align:center;font-weight:400;font-family:-apple-system,BlinkMacSystemFont,Arial,Roboto,"Helvetica Neue",sans-serif}#cookie-notice,#cookie-notice *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}#cookie-notice.cn-animated{-webkit-animation-duration:.5s!important;animation-duration:.5s!important;-webkit-animation-fill-mode:both;animation-fill-mode:both}#cookie-notice.cn-animated.cn-effect-none{-webkit-animation-duration:1ms!important;animation-duration:1ms!important}#cookie-notice .cookie-notice-container{display:block}#cookie-notice.cookie-notice-hidden .cookie-notice-container{display:none}#cookie-notice .cookie-revoke-container{display:block}#cookie-notice.cookie-revoke-hidden .cookie-revoke-container{display:none}.cn-position-top{top:0}.cn-position-bottom{bottom:0}.cookie-notice-container{padding:15px 30px;text-align:center;width:100%;z-index:2}.cookie-revoke-container{padding:15px 30px;width:100%;z-index:1}.cn-close-icon{position:absolute;right:15px;top:50%;margin:-10px 0 0 0;width:15px;height:15px;opacity:.5;padding:10px;border:none;outline:0;background:0 0;box-shadow:none;cursor:pointer}.cn-close-icon:focus,.cn-close-icon:focus-visible{outline:2px solid currentColor;outline-offset:3px}.cn-close-icon:hover{opacity:1}.cn-close-icon:after,.cn-close-icon:before{position:absolute;content:' ';height:15px;width:2px;top:3px;background-color:grey}.cn-close-icon:before{transform:rotate(45deg)}.cn-close-icon:after{transform:rotate(-45deg)}#cookie-notice .cn-revoke-cookie{margin:0}#cookie-notice .cn-button{margin:0 0 0 10px;display:inline-block}#cookie-notice .cn-button:not(.cn-button-custom){font-family:-apple-system,BlinkMacSystemFont,Arial,Roboto,"Helvetica Neue",sans-serif;font-weight:400;font-size:13px;letter-spacing:.25px;line-height:20px;margin:0 0 0 10px;text-align:center;text-transform:none;display:inline-block;cursor:pointer;touch-action:manipulation;white-space:nowrap;outline:0;box-shadow:none;text-shadow:none;border:none;-webkit-border-radius:2rem;-moz-border-radius:2rem;border-radius:2rem;text-decoration:none;padding:8.5px 10px;line-height:1;color:inherit}.cn-text-container{margin:0 0 6px 0}.cn-buttons-container,.cn-text-container{display:inline-block}.cn-compliance-warning{display:block;color:#f5a623!important;font-size:12px;line-height:18px;margin:4px 0 8px 0}.cn-compliance-warning .cn-warning-icon{color:#f5a623!important;margin-right:4px}.cn-compliance-warning strong{color:#f5a623!important}.cn-compliance-warning a{color:#f5a623!important;text-decoration:underline}.cn-compliance-warning a:hover{color:#ffb84d!important}#cookie-notice.cookie-notice-visible.cn-effect-none,#cookie-notice.cookie-revoke-visible.cn-effect-none{-webkit-animation-name:fadeIn;animation-name:fadeIn}#cookie-notice.cn-effect-none{-webkit-animation-name:fadeOut;animation-name:fadeOut}#cookie-notice.cookie-notice-visible.cn-effect-fade,#cookie-notice.cookie-revoke-visible.cn-effect-fade{-webkit-animation-name:fadeIn;animation-name:fadeIn}#cookie-notice.cn-effect-fade{-webkit-animation-name:fadeOut;animation-name:fadeOut}#cookie-notice.cookie-notice-visible.cn-effect-slide,#cookie-notice.cookie-revoke-visible.cn-effect-slide{-webkit-animation-name:slideInUp;animation-name:slideInUp}#cookie-notice.cn-effect-slide{-webkit-animation-name:slideOutDown;animation-name:slideOutDown}#cookie-notice.cookie-notice-visible.cn-position-top.cn-effect-slide,#cookie-notice.cookie-revoke-visible.cn-position-top.cn-effect-slide{-webkit-animation-name:slideInDown;animation-name:slideInDown}#cookie-notice.cn-position-top.cn-effect-slide{-webkit-animation-name:slideOutUp;animation-name:slideOutUp}@-webkit-keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@-webkit-keyframes fadeOut{from{opacity:1}to{opacity:0}}@keyframes fadeOut{from{opacity:1}to{opacity:0}}@-webkit-keyframes slideInUp{from{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes slideInUp{from{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@-webkit-keyframes slideOutDown{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{visibility:hidden;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes slideOutDown{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{visibility:hidden;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@-webkit-keyframes slideInDown{from{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes slideInDown{from{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@-webkit-keyframes slideOutUp{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{visibility:hidden;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes slideOutUp{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{visibility:hidden;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@media all and (max-width:900px){.cookie-notice-container #cn-notice-text{display:block}.cookie-notice-container #cn-notice-buttons{display:block}#cookie-notice .cn-button{margin:0 5px 5px 5px}}@media all and (max-width:480px){.cookie-notice-container,.cookie-revoke-container{padding:15px 25px}} @charset "UTF-8"; a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:after, blockquote:before, q:after, q:before { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; } @font-face { font-family: Gotham; src: url(//filters.co.uk/wp-content/themes/croft_filters/library/dist/styles/../fonts/Gotham-Bold.eot); src: local("Gotham-Bold"), url(//filters.co.uk/wp-content/themes/croft_filters/library/dist/styles/fonts/Gotham-Bold.eot?#iefix) format("embedded-opentype"), url(//filters.co.uk/wp-content/themes/croft_filters/library/dist/styles/fonts/Gotham-Bold.woff2) format("woff2"), url(//filters.co.uk/wp-content/themes/croft_filters/library/dist/styles/fonts/Gotham-Bold.woff) format("woff"), url(//filters.co.uk/wp-content/themes/croft_filters/library/dist/styles/fonts/Gotham-Bold.ttf) format("truetype"), url(//filters.co.uk/wp-content/themes/croft_filters/library/dist/styles/fontsGotham-Bold.svg#Gotham-Bold) format("svg"); font-weight: 600; font-style: normal; font-display: swap; } @font-face { font-family: Gotham; src: url(//filters.co.uk/wp-content/themes/croft_filters/library/dist/styles/fonts/Gotham-Book.eot); src: local("Gotham-Book"), url(//filters.co.uk/wp-content/themes/croft_filters/library/dist/styles/fonts/Gotham-Book.eot?#iefix) format("embedded-opentype"), url(//filters.co.uk/wp-content/themes/croft_filters/library/dist/styles/fonts/Gotham-Book.woff2) format("woff2"), url(//filters.co.uk/wp-content/themes/croft_filters/library/dist/styles/fonts/Gotham-Book.woff) format("woff"), url(//filters.co.uk/wp-content/themes/croft_filters/library/dist/styles/fonts/Gotham-Book.ttf) format("truetype"), url(//filters.co.uk/wp-content/themes/croft_filters/library/dist/styles/fontsGotham-Book.svg#Gotham-Book) format("svg"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: Rockwell; src: url(//filters.co.uk/wp-content/themes/croft_filters/library/dist/styles/fonts/Rockwell-Bold.eot); src: local("Rockwell-Bold"), url(//filters.co.uk/wp-content/themes/croft_filters/library/dist/styles/fonts/Rockwell-Bold.eot?#iefix) format("embedded-opentype"), url(//filters.co.uk/wp-content/themes/croft_filters/library/dist/styles/fonts/Rockwell-Bold.woff2) format("woff2"), url(//filters.co.uk/wp-content/themes/croft_filters/library/dist/styles/fonts/Rockwell-Bold.woff) format("woff"), url(//filters.co.uk/wp-content/themes/croft_filters/library/dist/styles/fonts/Rockwell-Bold.ttf) format("truetype"); font-weight: 600; font-style: normal; font-display: swap; } .font--b { font-family: Gotham,sans-serif; } .font--h { font-family: Rockwell,serif; font-weight: 600; } .c--font { color: #000; } .c--white { color: #fff; } .c--black { color: #000; } .c--grey { color: #3d444a; } .c--yellow { color: #ffda18; } .bc--font { background-color: #000; } .bc--white { background-color: #fff; } .bc--black { background-color: #000; } .bc--grey { background-color: #3d444a; } .bc--lgrey { background-color: #f0f0f0; } .bc--yellow { background-color: #ffda18; } .boc--black { border-color: #000; } .boc--grey { border-color: #3d444a; } .boc--yellow { border-color: #ffda18; } .pc, .pc--1, .pc--2, .pc--3, .pc--page-gallery { width: 100%; margin-left: auto; margin-right: auto; padding-left: 1.25rem; padding-right: 1.25rem; } .pc--1 { max-width: 77.5rem; } .pc--2 { max-width: 62.5rem; } .pc--3 { max-width: 46.875rem; } .pc--page-gallery { max-width: 100rem; } .marg--auto { margin-left: auto; margin-right: auto; } #feefopage, .pos--b, .pos--c, .pos--f, .pos--h, .pos--t, .pos--w { position: absolute; } .pos--f { top: 0; left: 0; right: 0; bottom: 0; } .pos--c { transform: translateX(-50%) translateY(-50%); top: 50%; left: 50%; } .pos--w { transform: translateX(-50%); left: 50%; } .pos--h { transform: translateY(-50%); top: 50%; } .pos--t { top: 0; } .pos--b { bottom: 0; } .pos--r { position: relative; } .w--100 { width: 100%; } .disp--flex { display: flex; flex-wrap: wrap; } .flex--colu { flex-direction: column; } .just--betw { justify-content: space-between; } .just--arou { justify-content: space-around; } .just--cent { justify-content: center; } .just--fend { justify-content: flex-end; } .alig--fsta { align-items: flex-start; } .alig--self--fsta { align-self: flex-start; } .alig--cent { align-items: center; } .alig--self--cent { align-self: center; } .alig--fend { align-items: flex-end; } .alig--self--fend { align-self: flex-end; } .no--wrap { flex-wrap: nowrap; } .flex--33 { width: 33.3333%; } .flex--50 { width: 50%; } .flex--cols .flex--50 { width: calc(50% - 1.25rem); margin-top: 2.5rem; } .flex--cols .flex--50:nth-of-type(1), .flex--cols .flex--50:nth-of-type(2) { margin-top: 0; } @media (max-width: 860px) { .flex--cols .flex--50 { width: 100%; } .flex--cols .flex--50:nth-of-type(2) { margin-top: 2.5rem; } } .flex--cols .flex--33 { width: calc(33.3333% - 1.875rem); margin-top: 2.5rem; } .flex--cols .flex--33:nth-of-type(1), .flex--cols .flex--33:nth-of-type(2), .flex--cols .flex--33:nth-of-type(3) { margin-top: 0; } @media (max-width: 860px) { .flex--cols .flex--33 { width: calc(50% - 1.25rem); } .flex--cols .flex--33:nth-of-type(3) { margin-top: 2.5rem; } } @media (max-width: 760px) { .flex--cols .flex--33 { width: 100%; } .flex--cols .flex--33:nth-of-type(2) { margin-top: 2.5rem; } } .flex--cols--33.just--betw:after { content: ""; width: calc(33.3333% - 1.875rem); } @media (max-width: 860px) { .flex--cols--33.just--betw:after { width: calc(50% - 1.875rem); } } .flex--cols .flex--25 { width: calc(25% - 1.875rem); margin-top: 2.5rem; } .flex--cols .flex--25:nth-of-type(1), .flex--cols .flex--25:nth-of-type(2), .flex--cols .flex--25:nth-of-type(3), .flex--cols .flex--25:nth-of-type(4) { margin-top: 0; } @media (max-width: 1024px) { .flex--cols .flex--25 { width: calc(50% - 1.25rem); } .flex--cols .flex--25:nth-of-type(3), .flex--cols .flex--25:nth-of-type(4) { margin-top: 2.5rem; } } @media (max-width: 760px) { .flex--cols .flex--25 { width: 100%; } .flex--cols .flex--25:nth-of-type(2) { margin-top: 2.5rem; } } .flex--cols--25.just--betw:after { content: ""; width: calc(25% - 1.875rem); } @media (max-width: 860px) { .flex--cols--25.just--betw:after { width: calc(50% - 1.875rem); } } .bgimg { background-position: center; background-repeat: no-repeat; background-size: cover; } .order--1 { order: 1; } .order--2 { order: 2; } .order--3 { order: 3; } .order--4 { order: 4; } .theme-button { display: inline-flex; font-family: Gotham,sans-serif; font-weight: 400; font-size: 1.25rem; line-height: 1.25rem; border-width: 2px; border-style: solid; background-color: transparent; padding: 1rem 1.875rem; transition-duration: .25s; cursor: pointer; } .theme-button svg { width: 1.6875rem; height: 1.3125rem; margin-left: .625rem; } @media (max-width: 1024px) { .theme-button { font-size: 1.125rem; line-height: 1.125rem; padding: .9375rem 1.25rem; } .theme-button svg { width: 1.5rem; height: 1.125rem; } } @media (max-width: 860px) { .theme-button { font-size: 1rem; line-height: 1rem; padding: .75rem 1.125rem; } .theme-button svg { width: 1.25rem; height: 1rem; } } .theme-button--sm { padding: .75rem 1.75rem; font-size: 1.125rem; line-height: 1.125rem; border-width: 1px; } @media (max-width: 860px) { .theme-button--sm { padding: .625rem 1.5rem; font-size: 1rem; line-height: 1rem; } } .theme-button--sm svg { width: 1.375rem; height: 1.125rem; margin-left: .625rem; } @media (max-width: 860px) { .theme-button--sm svg { width: 1.125rem; height: 1.0625rem; } } .theme-button--1 { border-color: #ffda18; color: #fff; } .theme-button--1:hover { background-color: #ffda18; color: #000; } .theme-button--1:hover svg path { fill: #000; } .theme-button--2 { border-color: #000; color: #000; } .theme-button--2 svg path { fill: #000; } .theme-button--2:hover { background-color: #000; color: #ffda18; } .theme-button--2:hover svg path { fill: #ffda18; } .theme-button--3 { border-color: #ffda18; color: #000; } .theme-button--3 svg path { fill: #000; } .theme-button--3:hover { background-color: #ffda18; } .screen-reader-text { border: 0; clip: rect(1px, 1px, 1px, 1px); -webkit-clip-path: inset(50%); clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; word-wrap: normal !important; } .gb-block { padding-top: 3.75rem; padding-bottom: 3.75rem; } .gb-block + .gb-block:not(.gb-has-background) { padding-top: 0; } .gb-block.gb-has-background + .gb-block { padding-top: 3.75rem; } .gb-block.gb-has-border--top .gb-block-border { border-top: 1px solid #000; padding-top: 3.75rem; } .gb-block.gb-has-border--bottom .gb-block-border { border-bottom: 1px solid #000; padding-bottom: 3.75rem; } .pagination { margin-top: 2.5rem; padding-top: 2.5rem; border-top: 1px solid #e0e0e0; width: 100%; text-align: center; } .pagination a, .pagination span { display: inline-flex; } .pagination svg { width: 1.0625rem; } .pagination .page-numbers, .pagination .page-numbers span { display: inline-flex; align-items: center; justify-content: center; padding: .125rem .3125rem; margin: 0 .3125rem; } .pagination .page-numbers:hover { -webkit-text-decoration-color: rgba(255, 218, 24, 0.7); text-decoration-color: rgba(255, 218, 24, 0.7); -webkit-text-decoration-line: underline; text-decoration-line: underline; -webkit-text-decoration-style: double; text-decoration-style: double; text-decoration-thickness: from-font; } .pagination .next { font-weight: 600; margin-left: 1.25rem; } .pagination .prev { font-weight: 600; margin-right: 1.25rem; } .pagination .current { font-weight: 600; -webkit-text-decoration-color: #ffda18; text-decoration-color: #ffda18; -webkit-text-decoration-line: underline; text-decoration-line: underline; -webkit-text-decoration-style: double; text-decoration-style: double; text-decoration-thickness: from-font; } .facetwp-facet .facetwp-checkbox { background: url(//filters.co.uk/wp-content/themes/croft_filters/library/dist/styles/../images/icons/icon-checkbox-unchecked.svg) 0 50% no-repeat; display: flex; justify-content: space-between; } .facetwp-facet .facetwp-checkbox.checked { background: url(//filters.co.uk/wp-content/themes/croft_filters/library/dist/styles/../images/icons/icon-checkbox-checked.svg) 0 50% no-repeat; } .facetwp-facet.facetwp-type-checkboxes { margin-top: 1.25rem; } .facetwp-facet.facetwp-type-checkboxes .facetwp-checkbox { margin-top: .625rem; margin-bottom: 0; padding-left: 1.5625rem; } .facetwp-facet.facetwp-type-checkboxes .facetwp-checkbox:first-of-type { margin-top: 0; } .facetwp-sort .facetwp-sort-select { display: none; } .facetwp-sort .facetwp-sort__new-dropdown { width: 100%; font-family: Gotham,sans-serif; display: flex; flex-direction: column; background-color: #000; color: #fff; position: relative; } .facetwp-sort .facetwp-sort__new-dropdown.open ul { display: block; } .facetwp-sort .facetwp-sort__new-dropdown ul { position: absolute; top: 100%; left: 0; right: 0; display: none; border: 1px solid #ffda18; z-index: 2; background-color: #000; } .facetwp-sort .facetwp-sort__new-dropdown li, .facetwp-sort .facetwp-sort__new-dropdown ul { width: 100%; } .facetwp-sort .facetwp-sort__new-dropdown p { width: 100%; border: 1px solid #ffda18; display: flex; justify-content: space-between; } .facetwp-sort .facetwp-sort__new-dropdown li, .facetwp-sort .facetwp-sort__new-dropdown p { padding: .75rem; transition: .2s; font-size: 1.125rem; line-height: 1.375rem; cursor: pointer; position: relative; } @media (max-width: 860px) { .facetwp-sort .facetwp-sort__new-dropdown li, .facetwp-sort .facetwp-sort__new-dropdown p { font-size: .875rem; line-height: 1.125rem; } } .facetwp-sort .facetwp-sort__new-dropdown li:hover, .facetwp-sort .facetwp-sort__new-dropdown p:hover { background-color: #ffda18; color: #000; } .facetwp-sort .facetwp-sort__new-dropdown li:hover svg path, .facetwp-sort .facetwp-sort__new-dropdown p:hover svg path { stroke: #000; } .facetwp-sort .facetwp-sort__new-dropdown svg { width: 1.25rem; height: 1.25rem; position: absolute; right: .75rem; top: .8125rem; } @media (max-width: 860px) { .facetwp-sort .facetwp-sort__new-dropdown svg { top: .6875rem; width: 1.125rem; height: 1.125rem; } } @media (max-width: 760px) { #feefologo { position: absolute; bottom: 0; } } #feefopage { position: fixed !important; max-width: calc(100% - 2.5rem); } #feefopage table, #feefopage tbody { display: block; max-width: 100%; overflow-x: scroll; } #feefopage.open { display: block; } #cookie-notice .cn-button { background: #ffda18; color: #000; } html { font-size: 100%; height: 100%; } html.stop-overflow { overflow: hidden; } body, html { position: relative; overflow-x: hidden; } body { font-family: Gotham,sans-serif; font-weight: 400; -webkit-font-smoothing: subpixel-antialiased; font-size: 1.125rem; line-height: 1.5rem; color: #000; } @media (max-width: 960px) { body { font-size: .875rem; line-height: 1.25rem; } } body * { box-sizing: border-box; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .h1, .h2, .h3, h1, h2, h3 { font-family: Rockwell,serif; font-weight: 600; } .h1, h1 { font-size: 3.5rem; line-height: 3.75rem; } @media (max-width: 860px) { .h1, h1 { font-size: 2rem; line-height: 2.25rem; } } .h2, h2 { font-size: 2.25rem; line-height: 2.5rem; } @media (max-width: 860px) { .h2, h2 { font-size: 1.625rem; line-height: 1.875rem; } } .h3, h3 { font-size: 1.625rem; line-height: 1.875rem; } @media (max-width: 860px) { .h3, h3 { font-size: 1.75rem; line-height: 2rem; } } .h4, h4 { font-size: 1.5rem; line-height: 1.75rem; font-family: Gotham,sans-serif; font-weight: 600; } @media (max-width: 860px) { .h4, h4 { font-size: 1.25rem; line-height: 1.5rem; } } p { font-size: 1.125rem; line-height: 1.625rem; } @media (max-width: 1024px) { p { font-size: 1rem; line-height: 1.5rem; } } .p--sm { font-size: 1rem; line-height: 1.25rem; } .text--alig--righ { text-align: right; } .text--alig--cent { text-align: center; } .text--alig--left { text-align: left; } .general-content h1 + h1, .general-content h1 + h2, .general-content h1 + h3, .general-content h1 + h4, .general-content h1 + h5, .general-content h1 + h6, .general-content h2 + h1, .general-content h2 + h2, .general-content h2 + h3, .general-content h2 + h4, .general-content h2 + h5, .general-content h2 + h6, .general-content h3 + h1, .general-content h3 + h2, .general-content h3 + h3, .general-content h3 + h4, .general-content h3 + h5, .general-content h3 + h6, .general-content h4 + h1, .general-content h4 + h2, .general-content h4 + h3, .general-content h4 + h4, .general-content h4 + h5, .general-content h4 + h6, .general-content h5 + h1, .general-content h5 + h2, .general-content h5 + h3, .general-content h5 + h4, .general-content h5 + h5, .general-content h5 + h6, .general-content h6 + h1, .general-content h6 + h2, .general-content h6 + h3, .general-content h6 + h4, .general-content h6 + h5, .general-content h6 + h6 { margin-top: .375rem; } .general-content blockquote, .general-content p { margin-top: 1.875rem; } .general-content blockquote:first-of-type, .general-content p:first-of-type { margin-top: 0; } .general-content blockquote + h1:first-of-type, .general-content blockquote + h2:first-of-type, .general-content blockquote + h3:first-of-type, .general-content blockquote + h4:first-of-type, .general-content blockquote + h5:first-of-type, .general-content blockquote + h6:first-of-type, .general-content p + h1:first-of-type, .general-content p + h2:first-of-type, .general-content p + h3:first-of-type, .general-content p + h4:first-of-type, .general-content p + h5:first-of-type, .general-content p + h6:first-of-type { margin-top: 1.875rem; } .general-content blockquote, .general-content h1, .general-content h2, .general-content h3, .general-content h4, .general-content h5, .general-content h6, .general-content p { margin-top: 1.875rem; } .general-content blockquote:first-of-type, .general-content h1:first-of-type, .general-content h2:first-of-type, .general-content h3:first-of-type, .general-content h4:first-of-type, .general-content h5:first-of-type, .general-content h6:first-of-type, .general-content p:first-of-type { margin-top: 0; } .general-content blockquote + blockquote:first-of-type, .general-content blockquote + ol:first-of-type, .general-content blockquote + p:first-of-type, .general-content blockquote + ul:first-of-type, .general-content h1 + blockquote:first-of-type, .general-content h1 + ol:first-of-type, .general-content h1 + p:first-of-type, .general-content h1 + ul:first-of-type, .general-content h2 + blockquote:first-of-type, .general-content h2 + ol:first-of-type, .general-content h2 + p:first-of-type, .general-content h2 + ul:first-of-type, .general-content h3 + blockquote:first-of-type, .general-content h3 + ol:first-of-type, .general-content h3 + p:first-of-type, .general-content h3 + ul:first-of-type, .general-content h4 + blockquote:first-of-type, .general-content h4 + ol:first-of-type, .general-content h4 + p:first-of-type, .general-content h4 + ul:first-of-type, .general-content h5 + blockquote:first-of-type, .general-content h5 + ol:first-of-type, .general-content h5 + p:first-of-type, .general-content h5 + ul:first-of-type, .general-content h6 + blockquote:first-of-type, .general-content h6 + ol:first-of-type, .general-content h6 + p:first-of-type, .general-content h6 + ul:first-of-type, .general-content p + blockquote:first-of-type, .general-content p + ol:first-of-type, .general-content p + p:first-of-type, .general-content p + ul:first-of-type { margin-top: 1.875rem; } .general-content a:not(.theme-button) { color: #000; background-color: #ffda18; font-weight: 600; padding: 2px 2px 5px; } .general-content a:not(.theme-button):hover { -webkit-text-decoration-color: inherit; text-decoration-color: inherit; -webkit-text-decoration-line: underline; text-decoration-line: underline; -webkit-text-decoration-style: double; text-decoration-style: double; text-decoration-thickness: from-font; } .general-content a:not(.theme-button).no-col { color: inherit; } .general-content ol, .general-content ul { list-style: none; } .general-content ol ul, .general-content ul ul { margin-top: 1.875rem; margin-left: 1.875rem; } .general-content ol li, .general-content ul li { margin-top: .875rem; } .general-content ol li:first-of-type, .general-content ul li:first-of-type { margin-top: 0; } .general-content ul li { padding-left: 1.25rem; position: relative; } .general-content ul li:before { content: ""; display: block; position: absolute; background-color: #ffda18; width: .625rem; height: .625rem; border-radius: 50%; top: .375rem; left: 0; } .general-content ol { counter-reset: ol-li-counter; } .general-content ol li { counter-increment: ol-li-counter; } .general-content ol li:before { content: counter(ol-li-counter) ". "; color: #ffda18; margin-right: .25rem; } .general-content .theme-button { align-self: flex-start; } blockquote { border-left: 5px solid #3d444a; margin-left: 5.625rem; position: relative; } blockquote p { padding-left: 1.125rem; } blockquote:before { content: ""; display: block; position: absolute; content: "“"; top: .375rem; left: -6.375rem; font-family: Rockwell,serif; font-size: 7.5rem; line-height: 7.5rem; color: #ffda18; } .bold, strong { font-weight: 600; } em, i { font-style: italic; } sup { font-size: .875rem; vertical-align: super; } a { text-decoration: none; color: inherit; transition-duration: .25s; } img { max-width: 100%; height: auto; display: flex; } svg { width: 100%; height: 100%; max-width: 100%; } svg path { transition: .25s; } ::-moz-selection { background-color: #ffda18; } ::selection { background-color: #ffda18; } .bc--yellow ::-moz-selection { background-color: #3d444a; } .bc--yellow ::selection { background-color: #3d444a; } .facet-search label, form label { display: none; color: #fff; font-size: 1.125rem; line-height: 1.375rem; } @media (max-width: 860px) { .facet-search label, form label { font-size: .875rem; line-height: 1.125rem; } } .facet-search input, .facet-search select, .facet-search textarea, form input, form select, form textarea { -webkit-appearance: none; -moz-appearance: none; appearance: none; border: none; border-radius: 0; outline: 0; width: 100%; font-family: Gotham,sans-serif; font-size: 1.125rem; line-height: 1.375rem; border: none; border-bottom: 1px solid #fff; color: #fff; padding: .625rem 0 .5rem; display: flex; background-color: transparent; } @media (max-width: 860px) { .facet-search input, .facet-search select, .facet-search textarea, form input, form select, form textarea { font-size: .875rem; line-height: 1.125rem; } } .facet-search input:focus, .facet-search input:target, .facet-search select:focus, .facet-search select:target, .facet-search textarea:focus, .facet-search textarea:target, form input:focus, form input:target, form select:focus, form select:target, form textarea:focus, form textarea:target { border-color: #ffda18; } .facet-search input[type=checkbox], form input[type=checkbox] { border: 1px solid #fff; margin: 0; width: 1rem; height: 1rem; padding: 0; position: relative; cursor: pointer; } .facet-search input[type=checkbox]:checked:after, form input[type=checkbox]:checked:after { content: ""; display: block; position: absolute; background-color: #ffda18; width: .625rem; height: .625rem; top: .125rem; left: .125rem; } .facet-search textarea, form textarea { height: 100%; resize: none; -ms-overflow-style: -ms-autohiding-scrollbar; } .facet-search ::-moz-placeholder, form ::-moz-placeholder { color: rgba(255, 255, 255, 0.8); } .facet-search :-ms-input-placeholder, form :-ms-input-placeholder { color: rgba(255, 255, 255, 0.8); } .facet-search ::placeholder, form ::placeholder { color: rgba(255, 255, 255, 0.8); } input[type=search]::-ms-clear, input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration, input[type=search]::-webkit-search-results-button, input[type=search]::-webkit-search-results-decoration { -webkit-appearance: none; } .gform_wrapper .ginput_container_textarea { height: 100%; } .gform_wrapper .validation_error { font-size: .9375rem; line-height: 1.1875rem; margin-bottom: 1.875rem; } .gform_wrapper .validation_message { font-size: .75rem; line-height: 1.625rem; color: #ffda18; } .gform_wrapper form ul { display: grid; grid-template-columns: 1fr 1fr; -moz-column-gap: 40px; column-gap: 40px; } @media (max-width: 640px) { .gform_wrapper form ul { display: block; } } .gform_wrapper form li { width: 100%; grid-column-start: 1; grid-column-end: 1; margin-top: .625rem; } .gform_wrapper form .field-firstname { margin-top: 0; } .gform_wrapper form .field-message { grid-column-start: 2; grid-column-end: 2; grid-row-start: 1; grid-row-end: 6; margin-top: 0; } @media (max-width: 640px) { .gform_wrapper form .field-message { margin-top: .625rem; } } .gform_wrapper form .field-recaptcha { grid-column-start: 2; grid-column-end: 2; margin-top: 2.5rem; } @media (max-width: 640px) { .gform_wrapper form .field-recaptcha { margin-top: 1.25rem; margin-bottom: 1.25rem; } } .gform_wrapper form .field-recaptcha .ginput_container { display: flex; justify-content: flex-end; } @media (max-width: 640px) { .gform_wrapper form .field-recaptcha .ginput_container { justify-content: flex-start; } } .gform_wrapper form .field-subscribe { margin-top: 2.5rem; } @media (max-width: 560px) { .gform_wrapper form .field-subscribe { margin-top: 1.25rem; margin-bottom: 1.25rem; } } .gform_wrapper form .field-subscribe ul { display: block; } .gform_wrapper form .field-subscribe ul:after { content: ""; display: table; clear: both; } .gform_wrapper form .field-subscribe li { margin-top: .1875rem; } @media (max-width: 860px) { .gform_wrapper form .field-subscribe li { margin-top: .0625rem; } } .gform_wrapper form .field-subscribe label { display: block; float: right; width: calc(100% - 1.5rem); } .gform_wrapper form .field-subscribe .gfield_label { display: none; } .gform_wrapper form .field-subscribe input { float: left; margin-top: .125rem; } @media (max-width: 860px) { .gform_wrapper form .field-subscribe input { margin-top: .0625rem; } } .gform_wrapper .gform_footer { display: flex; justify-content: flex-end; margin-top: 2.5rem; } @media (max-width: 640px) { .gform_wrapper .gform_footer { margin-top: 1.25rem; } } .gform_wrapper .gfield_checkbox label { display: block; } .gform_wrapper #gform_1 .field-product-services { grid-column-start: 2; grid-column-end: 2; grid-row-start: 1; grid-row-end: 5; margin-top: 0; } @media (max-width: 640px) { .gform_wrapper #gform_1 .field-product-services { margin-top: 1.25rem; } } .gform_wrapper #gform_1 .field-product-services ul { display: block; } .gform_wrapper #gform_1 .field-product-services .gfield_label { display: block; margin-bottom: 1.25rem; } @media (max-width: 640px) { .gform_wrapper #gform_1 .field-product-services .gfield_label { margin-bottom: .625rem; } } .gform_wrapper #gform_1 .field-product-services li { width: 50%; display: inline-flex; margin-top: .5rem; } .gform_wrapper #gform_1 .field-product-services li label { float: right; width: calc(100% - 1.5rem); font-size: 1rem; line-height: 1.25rem; padding: 0 .375rem; opacity: .8; } @media (max-width: 860px) { .gform_wrapper #gform_1 .field-product-services li label { font-size: .875rem; line-height: 1.125rem; } } .gform_wrapper #gform_1 .field-product-services li input { float: left; margin-top: .125rem; } @media (max-width: 860px) { .gform_wrapper #gform_1 .field-product-services li input { margin-top: .0625rem; } } .gform_wrapper #gform_1 .field-product-services li:after { content: ""; display: table; clear: both; } .gform_wrapper #gform_1 .field-message { grid-column-start: 1; grid-column-end: 3; grid-row-start: 8; grid-row-end: 9; margin-top: .625rem; } .gform_wrapper #gform_1 .field-message textarea { max-height: 8.75rem; } .gform_wrapper #gform_1 .field-quantity { grid-column-start: 2; grid-column-end: 2; grid-row-start: 5; grid-row-end: 6; } .gform_wrapper #gform_1 .field-dimensions { grid-column-start: 2; grid-column-end: 2; grid-row-start: 6; grid-row-end: 7; } .gform_wrapper #gform_1 .field-recaptcha { grid-column-start: 1; grid-column-end: 3; grid-row-start: 9; grid-row-end: 10; } .gform_wrapper #gform_1 .gform_footer { margin-top: 1.875rem; } .bc--black .gform_wrapper, .bc--grey .gform_wrapper { color: #fff; } .bc--black .gform_confirmation_wrapper .gform_confirmation_message, .bc--grey .gform_confirmation_wrapper .gform_confirmation_message { color: #fff; text-align: center; } .site-search input[type=submit] { display: none; } .site-search .facetwp-input-wrap, .site-search .input__cont { position: relative; } .site-search .facet-search__icon, .site-search .site-search__icon { width: 1.5625rem; height: 1.5625rem; position: absolute; cursor: pointer; top: .625rem; right: .75rem; } .site-search .facet-search__icon svg path, .site-search .site-search__icon svg path { fill: #fff; } @media (max-width: 860px) { .site-search .facet-search__icon, .site-search .site-search__icon { width: 1.25rem; height: 1.25rem; } } .site-search .facetwp-search, .site-search .site-search__input { padding: .75rem 3.25rem .75rem .75rem; color: #fff; border: 1px solid #ffda18; } .site-search .facetwp-icon { display: none; } header { background-color: #000; } header .header__menu__inner { padding: 1.25rem 0 0; } @media (max-width: 1250px) { header .header__menu__inner { justify-content: space-between; } } header .header__logo { width: 9.6875rem; padding-right: 1.25rem; position: relative; z-index: 7; } @media (max-width: 1250px) { header .header__logo { height: 5.625rem; } header .header__logo img { height: 100%; } } header .header__nav { width: calc(100% - 9.6875rem); } @media (max-width: 1250px) { header .header__nav { width: 100%; position: fixed; top: 0; bottom: 0; background-color: #3d444a; padding-top: 7.5rem; z-index: 5; transition-duration: .2s; opacity: 0; left: -100%; right: 100%; } } @media (min-width: 1250px) { header .header__nav { display: flex !important; } } header .header__search__modal__trigger { width: 2.75rem; height: 2.75rem; margin: 0 .625rem; cursor: pointer; transition-duration: .2s; } header .header__search__modal__trigger:hover { background-color: #3d444a; } @media (max-width: 1250px) { header .header__search__modal__trigger { display: none; } } header .header__search__modal__trigger svg { width: 1.375rem; height: 1.375rem; } header .header__search__modal__trigger svg path { fill: #fff; } header .header__nav__search { padding: .625rem 1.25rem .75rem; } @media (min-width: 1250px) { header .header__nav__search { display: none; } } @media (max-width: 1250px) { header .header__nav__search { margin-left: 20%; margin-right: 20%; } } @media (max-width: 760px) { header .header__nav__search { margin-left: 0; margin-right: 0; } } @media (min-width: 1250px) { header .header__nav__menu { display: flex; align-items: center; } header .header__nav__menu ul { display: flex; justify-content: flex-end; } header .header__nav__menu li { margin: 0 .25rem; position: relative; transition: .2s; } header .header__nav__menu li:active, header .header__nav__menu li:hover { background-color: #3d444a; border-color: #3d444a; color: #fff; } header .header__nav__menu li:hover .sub-menu { opacity: 1; visibility: visible; pointer-events: all; transition: opacity .2s 50ms,visibility 0s; } header .header__nav__menu a { padding: .625rem 1.125rem .75rem 1.125rem; display: block; font-weight: 600; font-size: 1.125rem; line-height: 1.125rem; border: 1px solid transparent; color: #fff; } header .header__nav__menu a .submenu-toggle { display: none; } header .header__nav__menu .header__menu--contactbtn a { background-color: #ffda18; border-color: #ffda18; color: #000; } header .header__nav__menu .header__menu--contactbtn a:hover { background-color: #3d444a; border-color: #3d444a; color: #fff; } header .header__nav__menu .header__menu--homebtn { display: none; } header .header__nav__menu .sub-menu { position: absolute; top: 100%; background-color: #3d444a; color: #fff; border-top: 2px solid #ffda18; z-index: 3; width: 16.6875rem; min-width: 100%; flex-direction: column; padding: .625rem 0; opacity: 0; visibility: hidden; pointer-events: none; transition: opacity .2s,visibility 0s .2s; } header .header__nav__menu .sub-menu a, header .header__nav__menu .sub-menu li { width: 100%; } header .header__nav__menu .sub-menu li { margin: .125rem 0; } header .header__nav__menu .sub-menu a { margin: 0; font-size: 1rem; line-height: 1.25rem; font-weight: 400; padding-top: .875rem; padding: .75rem 1.875rem .75rem 1.875rem; } header .header__nav__menu .sub-menu a:hover { color: #ffda18; background-color: #363636; } } @media (max-width: 1250px) { header .header__nav__menu { margin-left: 20%; margin-right: 20%; max-height: 60vh; overflow-y: scroll; } header .header__nav__menu a { color: #fff; padding: .75rem 1.375rem .875rem; display: block; font-size: 1.625rem; line-height: 1.875rem; } header .header__nav__menu a:hover { background-color: #363636; color: #ffda18; } header .header__nav__menu li.active { background-color: #363636; } header .header__nav__menu li.active > a { color: #ffda18; } header .header__nav__menu li.active.menu-item-has-children > a { color: #ffda18; } header .header__nav__menu li.active.menu-item-has-children > a svg { transform: translateY(-50%) translateX(-50%) rotate(0); } header .header__nav__menu li.menu-item-has-children > a { position: relative; } header .header__nav__menu li.menu-item-has-children > a span { right: 1.25rem; width: 3.5rem; height: 3.5rem; } header .header__nav__menu li.menu-item-has-children > a svg { display: flex; width: 1.25rem; height: 1.25rem; transform: translateY(-50%) translateX(-50%) rotate(-90deg); transition: .2s; } header .header__nav__menu .sub-menu { display: none; background-color: #3d444a; } header .header__nav__menu .sub-menu a { padding: .75rem 3.125rem .75rem 3.125rem; color: #fff; font-size: 1.25rem; line-height: 1.5rem; } header .header__nav__menu .sub-menu a:hover { background-color: #363636; color: #ffda18; } } @media (max-width: 1250px) and (max-width: 860px) { header .header__nav__menu .sub-menu a { font-size: .875rem; line-height: 1.125rem; } } @media (max-width: 860px) { header .header__nav__menu a { font-size: 1rem; line-height: 1rem; padding: .625rem 1.25rem .75rem; } } @media (max-width: 760px) { header .header__nav__menu { margin-left: 0; margin-right: 0; } } header .header__nav__toggle { display: block; width: 2.5rem; height: 1.625rem; position: relative; align-self: center; z-index: 6; cursor: pointer; } @media (min-width: 1250px) { header .header__nav__toggle { display: none; } } header .header__nav__toggle span { display: block; position: absolute; background-color: #fff; width: 2.5rem; height: .25rem; left: 0; transition-duration: .2s; } header .header__nav__toggle span:nth-of-type(1) { top: 0; transform-origin: top left; } header .header__nav__toggle span:nth-of-type(2) { top: .6875rem; } header .header__nav__toggle span:nth-of-type(3) { top: 1.375rem; transform-origin: bottom left; } .header__phone .header__phone__inner { border: 1px solid #ffda18; padding: .9375rem .625rem; align-self: flex-end; text-align: center; } .header__phone .header__phone__inner .header__nav__phone__content strong { font-family: Rockwell,serif; } .header__phone .header__phone__inner svg path { fill: #fff; } .header__phone .header__phone__inner:hover { background-color: #ffda18; color: #3d444a; } .header__phone .header__phone__inner:hover svg path { fill: #3d444a; } @media (max-width: 1024px) { .header__phone svg { width: 2.25rem; height: 2.25rem; } } @media (max-width: 960px) { .header__phone svg { width: 1.875rem; height: 1.875rem; } } @media (min-width: 1025px) { .header__phone svg { width: 2.4375rem; height: 2.4375rem; margin: 0 auto .625rem auto; } } @media (min-width: 1250px) { .header__phone svg { width: 3.0625rem; height: 3.0625rem; } } .header__phone.header__banner__phone .header__phone__inner { background-color: rgba(0, 0, 0, 0.7); } .header__phone.header__banner__phone .header__nav__phone__content { width: 100%; } .header__phone.header__nav__phone { margin-top: 2.5rem; } .header__phone.header__nav__phone .header__phone__inner { padding: .875rem 1.25rem; } .header__phone.header__nav__phone svg { margin-right: 1.375rem; margin-bottom: 0; } @media (max-width: 1250px) { .header__phone.header__nav__phone { padding: 0 1.25rem 0; margin-left: 20%; margin-right: 20%; } } @media (min-width: 1250px) { .header__phone.header__nav__phone { display: none; } } @media (max-width: 760px) { .header__phone.header__nav__phone { margin-left: 0; margin-right: 0; } } body.search header .header__menu__inner { padding: 1.25rem 0; } body.mobile-menu-open .header__nav__toggle span { left: .4375rem; } body.mobile-menu-open .header__nav__toggle span:nth-of-type(1) { transform: rotate(45deg); top: -.1875rem; } body.mobile-menu-open .header__nav__toggle span:nth-of-type(2) { opacity: 0; } body.mobile-menu-open .header__nav__toggle span:nth-of-type(3) { transform: rotate(-45deg); top: 1.5rem; } @media (max-width: 1250px) { body.mobile-menu-open .header__nav { display: block; opacity: 1; left: 0; right: 0; } } footer { padding-bottom: 2.5rem; } footer .footer__top { padding-top: 1.25rem; padding-bottom: 1.25rem; } @media (max-width: 760px) { footer .footer__logobanner:after { content: ""; width: 33.3333%; } } footer .footer__logobanner_logo { width: 20%; padding: 0 .3125rem; } footer .footer__main { padding-top: 5rem; padding-bottom: 5rem; } @media (max-width: 1024px) { footer .footer__main { padding-top: 2.5rem; padding-bottom: 2.5rem; } } footer .footer__maincontent { width: calc(60% - 1.25rem); } @media (max-width: 1024px) { footer .footer__maincontent { width: 100%; } } footer .footer__extracontent { width: 40%; } @media (max-width: 1024px) { footer .footer__extracontent { width: 100%; margin-top: 2.5rem; } } footer .footer__logo { width: 9.6875rem; padding-right: 1.25rem; } footer .footer__logo svg { width: auto; } footer .footer__content { width: calc(100% - 9.6875rem); } @media (max-width: 560px) { footer .footer__content { width: 100%; margin-top: 2.5rem; } } footer .footer__content p + .footer__socials { margin-top: 1.25rem; } footer .footer__socials p { margin-bottom: .625rem; } footer .footer__socials a { display: inline-flex; margin-left: 1.25rem; } footer .footer__socials a:first-of-type { margin-left: 0; } footer .footer__socials svg { width: 1.6875rem; height: 1.6875rem; } footer .footer__quicklinks { width: 40%; padding-right: .625rem; } @media (max-width: 560px) { footer .footer__quicklinks { width: 100%; padding-right: 0; } } footer .footer__quicklinks li:last-of-type { margin-bottom: 0; } footer .footer__contacts { width: calc(60% - 1.25rem); } @media (max-width: 560px) { footer .footer__contacts { width: 100%; margin-top: 2.5rem; } } footer .footer__contacts p:last-of-type { margin-bottom: 0; } footer .footer__contacts li, footer .footer__contacts p, footer .footer__quicklinks li, footer .footer__quicklinks p { line-height: 1.4; } footer .footer__contacts p, footer .footer__quicklinks p { margin-bottom: .9375rem; } footer .footer__contacts li, footer .footer__quicklinks li { margin-bottom: 1.125rem; } footer .footer__contacts a:hover, footer .footer__quicklinks a:hover { -webkit-text-decoration-color: #ffda18; text-decoration-color: #ffda18; -webkit-text-decoration-line: underline; text-decoration-line: underline; -webkit-text-decoration-style: double; text-decoration-style: double; text-decoration-thickness: from-font; } footer .footer__copyright { padding-bottom: 1.25rem; } .header-banner { overflow: hidden; } .header-banner .header-banner__background { max-width: 87.5rem; margin-left: auto; margin-right: auto; height: 100%; width: 100%; overflow: hidden; } @media (max-width: 860px) { .header-banner .header-banner__background { position: relative; padding-bottom: 50%; margin-bottom: -20%; } } @media (max-width: 760px) { .header-banner .header-banner__background { margin-bottom: -15%; } } .header-banner .header-banner__background__image { z-index: 2; max-width: 56.25rem; width: 100%; left: auto; right: -2.5rem; } @media (max-width: 960px) { .header-banner .header-banner__background__image { right: -10%; } } @media (max-width: 860px) { .header-banner .header-banner__background__image { right: -15%; } } .header-banner .header-banner__background__gradient { z-index: 3; top: -2px; bottom: -2px; left: -2px; right: -2px; background: radial-gradient(46.33% 50% at 50% 50%, rgba(0, 0, 0, 0) 0, #000 100%); } @media (max-width: 860px) { .header-banner .header-banner__background__gradient { width: calc(95% + 4px); } } .header-banner .header-banner__inner { min-height: 29.0625rem; } @media (max-width: 860px) { .header-banner .header-banner__inner { min-height: initial; } } .header-banner .header-banner__content { padding-top: 3.75rem; padding-bottom: 3.75rem; max-width: 36.25rem; } @media (max-width: 860px) { .header-banner .header-banner__content { max-width: 70%; } } @media (max-width: 760px) { .header-banner .header-banner__content { max-width: 80%; } } @media (max-width: 640px) { .header-banner .header-banner__content { max-width: 100%; } } .header-banner .header-banner__content h1 { margin-bottom: 1.25rem; } @media (max-width: 640px) { .header-banner .header-banner__content h1 { max-width: 90%; } } .header-banner .header-banner__content .header-banner__content__summary { font-size: 1.375rem; line-height: 1.875rem; } @media (max-width: 860px) { .header-banner .header-banner__content .header-banner__content__summary { font-size: 1.125rem; line-height: 1.375rem; } } @media (max-width: 640px) { .header-banner .header-banner__content .header-banner__content__summary { max-width: 90%; } } .header-banner .header-banner__content .header-banner__content__news { margin-bottom: 1.25rem; } @media (max-width: 640px) { .header-banner .header-banner__content .header-banner__content__news { max-width: 90%; } } .header-banner .header-banner__content .theme-button { margin-top: 2.5rem; } @media (max-width: 640px) { .header-banner .header-banner__content .theme-button { max-width: 90%; } } .header-banner .header-banner__content .site-search { margin-top: 2.5rem; } @media (max-width: 640px) { .header-banner .header-banner__content .site-search { max-width: 100%; } } .header-banner .header__phone__cont { max-width: calc(100% - 38.75rem); width: 100%; display: flex; height: 100%; margin-left: 2.5rem; padding-top: 3.75rem; padding-bottom: 3.75rem; justify-content: flex-end; } @media (max-width: 1024px) { .header-banner .header__phone__cont { display: none; } } .header-banner .header-banner__homepage .site-search { max-width: 25rem; } @media (max-width: 560px) { .header-banner .header-banner__homepage .site-search { max-width: initial; } } @media (max-width: 860px) { .header-banner .header-banner__404 { padding: 2.5rem 0; } } .header-banner .header-banner__404 .site-search { max-width: 25rem; margin-top: 3.75rem; } .header-banner .header-banner__404 .header-banner__content__404 h1 { font-size: 10rem; line-height: .0625rem; padding-top: 3.9375rem; } @media (max-width: 860px) { .header-banner .header-banner__404 .header-banner__content__404 h1 { font-size: 7.5rem; line-height: .0625rem; padding-top: 3rem; } } @media (max-width: 560px) { .header-banner .header-banner__404 .header-banner__content__404 h1 { width: 100%; font-size: 5rem; line-height: 3.75rem; text-align: center; } } .header-banner .header-banner__404 .header-banner__content__404 h2 { border-left: 1px solid #fff; padding-left: 1.25rem; margin-left: 1.25rem; padding-top: .6875rem; } @media (max-width: 860px) { .header-banner .header-banner__404 .header-banner__content__404 h2 { padding-top: .5rem; } } @media (max-width: 560px) { .header-banner .header-banner__404 .header-banner__content__404 h2 { border: none; text-align: center; margin-left: 0; } } .header-banner .header-banner__search .site-search { max-width: 25rem; margin-top: 1.25rem; } @media (max-width: 1024px) { body.page-template-homepage .header-banner + .gb-block { padding-top: 0; } } body.page-template-search-results .header-banner, body.search .header-banner { background-color: #3d444a; } body.page-template-search-results .header-banner .header-banner__background, body.search .header-banner .header-banner__background { display: none; } body.page-template-search-results .header-banner .header-banner__inner, body.search .header-banner .header-banner__inner { min-height: 13.125rem; } .card { width: 100%; background-color: #000; color: #fff; border: 1px solid #fff; } .card .card__inner { overflow: hidden; } .card .card__content__inner, .card .card__inner { height: 100%; } .card .h3 { margin-bottom: .625rem; } .card .h3 a:hover { -webkit-text-decoration-color: #ffda18; text-decoration-color: #ffda18; -webkit-text-decoration-line: underline; text-decoration-line: underline; -webkit-text-decoration-style: double; text-decoration-style: double; text-decoration-thickness: from-font; } .card .card__excerpt { margin-bottom: 1.875rem; } .card .theme-button { align-self: flex-start; } .card .card__content { padding: 1.875rem; flex: 1 1 auto; } @media (max-width: 960px) { .card .card__content { padding: 1.25rem; } } @media (max-width: 860px) { .card .card__content { padding: 1.875rem; } } @media (max-width: 760px) { .card .card__content { padding: 1.25rem; } } .card .card__image { padding-bottom: 65%; } .card .theme-button { margin-top: auto; } .bc--black .card.card-type--casestudy .card__content, .bc--grey .card.card-type--casestudy .card__content { color: #fff; } .article { width: 100%; } .article .article__content__inner { height: 100%; } .article .article__image { width: 37%; padding-bottom: 25%; border: 1px solid #fff; } @media (max-width: 760px) { .article .article__image { width: 100%; padding-bottom: 40%; } } .article .article__content { width: calc(63% - 2.5rem); } @media (max-width: 760px) { .article .article__content { width: 100%; margin-top: 1.25rem; } } .article .article__date { background-color: #ffda18; color: #000; display: flex; padding: .375rem .75rem; font-size: 1.125rem; line-height: 1.125rem; font-weight: 600; margin-bottom: 1.875rem; } @media (max-width: 960px) { .article .article__date { font-size: 1rem; line-height: 1.25rem; } } .article .article__title { font-size: 1.5rem; line-height: 1.75rem; font-family: Rockwell,serif; margin-bottom: 1rem; width: 100%; } .article .article__title a:hover { -webkit-text-decoration-color: #ffda18; text-decoration-color: #ffda18; -webkit-text-decoration-line: underline; text-decoration-line: underline; -webkit-text-decoration-style: double; text-decoration-style: double; text-decoration-thickness: from-font; } @media (max-width: 960px) { .article .article__title { font-size: 1.25rem; line-height: 1.5rem; } } .article .article__excerpt { margin-bottom: 1.5rem; } .article .theme-button { margin-top: auto; } .bc--black .article, .bc--grey .article { color: #fff; } .download { border: 2px solid #ffda18; padding: 1.25rem 8%; width: 100%; } .download .download__icon { width: 3.75rem; height: 5rem; } .download .download__content { width: calc(100% - 3.75rem); padding-left: 9%; } .download .theme-button { margin-top: .625rem; max-width: 12.5rem; padding-left: .25rem; padding-right: .25rem; width: 100%; justify-content: center; } .gb-block.bc--yellow .download { border: 2px solid #000; } .search-modal { position: fixed; z-index: 20; opacity: 0; visibility: hidden; pointer-events: none; transition: opacity .2s,visibility 0s .2s; } @media (max-width: 1024px) { .search-modal { display: none; } } .search-modal .pc, .search-modal .pc--1, .search-modal .pc--2, .search-modal .pc--3, .search-modal .pc--page-gallery, .search-modal .search-modal__inner { height: 100%; padding: 1.25rem; } .search-modal .search-modal__icon { width: 4.6875rem; height: 4.6875rem; } .search-modal .search-modal__icon svg path { fill: #fff; } .search-modal .search-modal__heading { margin: 3.125rem 0 2.5rem; } .search-modal .search-modal__content { max-width: 37.5rem; } .search-modal .site-search { max-width: 25rem; width: 100%; } .search-modal .site-search input { font-size: 1.375rem; line-height: 1.375rem; padding: 1rem 3.25rem 1rem 1rem; } .search-modal .site-search .site-search__icon { top: 1rem; } .search-modal .search-modal__close { position: absolute; top: 1.25rem; right: 1.25rem; display: block; width: 2.5rem; height: 2.5rem; cursor: pointer; } .search-modal .search-modal__close:hover span { background-color: #ffda18; } .search-modal .search-modal__close span { display: block; position: absolute; background-color: #fff; width: 2.5rem; height: .25rem; left: .4375rem; transition-duration: .2s; } .search-modal .search-modal__close span:nth-of-type(1) { transform-origin: top left; transform: rotate(45deg); top: .25rem; } .search-modal .search-modal__close span:nth-of-type(2) { transform-origin: bottom left; transform: rotate(-45deg); top: 1.9375rem; } body.search-modal--open .search-modal { opacity: 1; visibility: visible; pointer-events: all; transition: opacity .2s 50ms,visibility 0s; } .page-gallery-modal { position: fixed; z-index: 20; background-color: rgba(61, 68, 74, 0.5); opacity: 0; visibility: hidden; pointer-events: none; transition: opacity .2s,visibility 0s .2s; } .page-gallery-modal .pc, .page-gallery-modal .pc--1, .page-gallery-modal .pc--2, .page-gallery-modal .pc--3, .page-gallery-modal .pc--page-gallery { height: 100%; } .page-gallery-modal .page-gallery-modal__inner { height: 100%; } .page-gallery-modal .page-gallery-modal__modal { max-height: 37.5rem; height: 100%; max-width: 65rem; width: 100%; background-color: #0f0f0f; border: 1px solid #ffda18; } @media (max-width: 860px) { .page-gallery-modal .page-gallery-modal__modal { max-height: 95vh; } } .page-gallery-modal .page-gallery-modal__inner__cont { padding: 1.25rem; flex: 1; } .page-gallery-modal .page-gallery-modal__close { position: absolute; top: 1.25rem; right: 1.25rem; display: block; width: 2.5rem; height: 2.5rem; cursor: pointer; } .page-gallery-modal .page-gallery-modal__close:hover span { background-color: #ffda18; } .page-gallery-modal .page-gallery-modal__close span { display: block; position: absolute; background-color: #fff; width: 2.5rem; height: .25rem; left: .4375rem; transition-duration: .2s; } .page-gallery-modal .page-gallery-modal__close span:nth-of-type(1) { transform-origin: top left; transform: rotate(45deg); top: .25rem; } .page-gallery-modal .page-gallery-modal__close span:nth-of-type(2) { transform-origin: bottom left; transform: rotate(-45deg); top: 1.9375rem; } @media (max-width: 860px) { .page-gallery-modal .page-gallery-modal__image { padding-top: 2.5rem; } .page-gallery-modal .page-gallery-modal__image img { max-height: 100%; width: auto; max-height: 40vh; } } .page-gallery-modal .page-gallery-modal__content .page-gallery-modal__number { width: 2.1875rem; height: 2.1875rem; padding-top: .375rem; margin-right: 1rem; font-size: 1.25rem; line-height: 1.25rem; margin-bottom: 1.875rem; } .page-gallery-modal .page-gallery-modal__content .page-gallery-modal__name { margin-bottom: .625rem; } .page-gallery-modal .page-gallery-modal__content .theme-button { margin-top: 2.5rem; } @media (max-width: 860px) { .page-gallery-modal .page-gallery-modal__content { margin-top: 0; } } body.page-gallery-modal--open .page-gallery-modal { opacity: 1; visibility: visible; pointer-events: all; transition: opacity .2s 50ms,visibility 0s; } .gb-content .gb-content__content { margin-top: 2.5rem; } .gb-content .gb-content__content:first-of-type { margin-top: 0; } .gb-content .theme-button { margin-top: 1.875rem; } .gb-column-content .theme-button { margin-top: 1.875rem; } @media (max-width: 860px) { .gb-column-content .gb-column-content__content { margin-top: 2.5rem !important; } .gb-column-content .gb-column-content__content:first-of-type { margin-top: 0 !important; } } .gb-stats .gb-stats__stat { font-size: 1.75rem; line-height: 2rem; padding: 0 .625rem; border-left-width: 2px; border-left-style: solid; font-weight: 600; } @media (max-width: 860px) { .gb-stats .gb-stats__stat { font-size: 1.5rem; line-height: 1.75rem; } } .gb-stats .gb-stats__stat span { margin-bottom: -.625rem; display: inline-flex; } .gb-stats .gb-stats__stat:first-of-type { border-color: transparent; } .gb-stats p { font-size: 1.625rem; line-height: 2rem; font-weight: 300; } @media (max-width: 860px) { .gb-stats p { font-size: 1.25rem; line-height: 1.5rem; } } .gb-stats p strong { display: block; } .gb-stats.gb-stats__count--1 .gb-stats__stat { width: 100%; } .gb-stats.gb-stats__count--2 .gb-stats__stat { width: 50%; } .gb-stats.gb-stats__count--3 .gb-stats__stat { width: 33.3333%; } .gb-stats.gb-stats__count--4 .gb-stats__inner { max-width: 50rem; } .gb-stats.gb-stats__count--4 .gb-stats__stat { width: 25%; } @media (max-width: 860px) { .gb-stats.gb-stats__count--1 .gb-stats__stat, .gb-stats.gb-stats__count--2 .gb-stats__stat, .gb-stats.gb-stats__count--3 .gb-stats__stat, .gb-stats.gb-stats__count--4 .gb-stats__stat { width: 100%; margin-top: 2.5rem; border-color: transparent; position: relative; } .gb-stats.gb-stats__count--1 .gb-stats__stat:after, .gb-stats.gb-stats__count--2 .gb-stats__stat:after, .gb-stats.gb-stats__count--3 .gb-stats__stat:after, .gb-stats.gb-stats__count--4 .gb-stats__stat:after { content: ""; display: block; position: absolute; height: 2px; width: 6.25rem; top: -1.25rem; left: 50%; transform: translateX(-50%); background-color: #ffda18; } .gb-stats.gb-stats__count--1 .gb-stats__stat:nth-of-type(1), .gb-stats.gb-stats__count--2 .gb-stats__stat:nth-of-type(1), .gb-stats.gb-stats__count--3 .gb-stats__stat:nth-of-type(1), .gb-stats.gb-stats__count--4 .gb-stats__stat:nth-of-type(1) { margin-top: 0; } .gb-stats.gb-stats__count--1 .gb-stats__stat:nth-of-type(1):after, .gb-stats.gb-stats__count--2 .gb-stats__stat:nth-of-type(1):after, .gb-stats.gb-stats__count--3 .gb-stats__stat:nth-of-type(1):after, .gb-stats.gb-stats__count--4 .gb-stats__stat:nth-of-type(1):after { display: none; } } @media (max-width: 860px) { .gb-content-images .gb-content-images__content { order: 1; } .gb-content-images .gb-content-images__content + .gb-content-images__images { margin-top: 2.5rem; } } @media (max-width: 860px) { .gb-content-images .gb-content-images__image { order: 2; } .gb-content-images .gb-content-images__image img { margin-left: auto; margin-right: auto; } } .gb-content-images .gb-content-images__image { margin-top: 1.25rem; } .gb-content-images .gb-content-images__image:first-of-type { margin-top: 0; } .gb-content-images .theme-button { margin-top: 1.875rem; } .gb-content-featured-item .gb-content-featured-item__featured-item { max-width: 23.75rem; } .gb-content-featured-item .gb-content-featured-item__featured-item .card .card__image { padding-bottom: 45%; } .gb-content-featured-item .gb-content-featured-item__featured-item .card .card__excerpt { display: none; } .gb-content-featured-item .gb-content-featured-item__featured-item .card .theme-button { margin-top: .375rem; } .gb-content-featured-item .gb-content-featured-item__title { margin-bottom: .5rem; } .gb-featured-products .gb-featured-products__content { width: calc(40% - 2.5rem); } .gb-featured-products .gb-featured-products__content .theme-button { margin-top: 1.875rem; } @media (max-width: 860px) { .gb-featured-products .gb-featured-products__content { width: 100%; } } .gb-featured-products .gb-featured-products__products { width: 60%; } @media (max-width: 860px) { .gb-featured-products .gb-featured-products__products { width: 100%; margin-top: 1.875rem; } } .gb-featured-casestudies .gb-featured-casestudies__content .theme-button { margin-top: 1.25rem; align-self: center; } .gb-featured-casestudies .gb-featured-casestudies__casestudies { margin-top: 3.125rem; } .gb-featured-casestudies .gb-featured-casestudies__casestudies + .gb-featured-casestudies__button { margin-top: 3.125rem; } .gb-featured-casestudies .gb-featured-casestudies__casestudy { margin-top: 2.5rem; } .gb-featured-casestudies .gb-featured-casestudies__casestudy:first-of-type { margin-top: 0; } .gb-featured-casestudies .article__image { padding-bottom: 25%; } .gb-contactform .gb-contactform__content + .gb-contactform__form { margin-top: 1.875rem; } .gb-latest-news .gb-latest-news__content .theme-button { margin-top: 1.25rem; align-self: center; } .gb-latest-news .gb-latest-news__articles { margin-top: 3.125rem; } .gb-latest-news .gb-latest-news__articles + .gb-latest-news__button { margin-top: 3.125rem; } .gb-latest-news .gb-latest-news__article { width: 100%; margin-top: 2.5rem; padding-top: 2.5rem; border-top: 1px solid #e0e0e0; } .gb-latest-news .gb-latest-news__article:first-of-type { margin-top: 0; padding-top: 0; border-top: none; } .gb-listing .gb-listing__facets { margin-bottom: 2.5rem; } @media (max-width: 860px) { .gb-listing .gb-listing__facets { flex-direction: column; } } .gb-listing .gb-listing__facets .facet-search, .gb-listing .gb-listing__facets .gb-listing__facets__sort { max-width: 23.125rem; width: 100%; } @media (max-width: 640px) { .gb-listing .gb-listing__facets .facet-search, .gb-listing .gb-listing__facets .gb-listing__facets__sort { max-width: initial; margin: 0 auto; } } @media (max-width: 860px) { .gb-listing .gb-listing__facets .gb-listing__facets__search + .gb-listing__facets__sort { margin-top: 1.25rem; } } .gb-listing .gb-listing__facets .facet-search .facetwp-facet, .gb-listing .gb-listing__facets .facet-search .facetwp-input-wrap, .gb-listing .gb-listing__facets .facet-search .input__cont { width: 100%; } .gb-listing .gb-listing__facets .facet-search .facetwp-facet { margin-bottom: 0; } .gb-listing .gb-listing__facets .facet-search input { padding: .75rem 3.25rem .75rem .75rem; } .gb-listing .facet-search__clear { font-size: .875rem; line-height: .875rem; margin-top: .625rem; cursor: pointer; display: none; } .gb-listing .facet-search__clear.show { display: block; } .gb-listing .gb-listing__item:last-of-type { margin-left: auto; margin-right: auto; } .gb-news-listing h2 { margin-bottom: 3.125rem; } .gb-news-listing .gb-news-listing__article { margin-top: 2.5rem; padding-top: 2.5rem; border-top: 1px solid #e0e0e0; flex-wrap: nowrap; width: 100%; } .gb-news-listing .gb-news-listing__article:first-of-type { margin-top: 0; padding-top: 0; border-top: none; } .gb-cta-banner { width: 100%; padding: 1.25rem 0; } .gb-cta-banner .h2 { margin-bottom: -.875rem; margin-right: 10%; } @media (max-width: 860px) { .gb-cta-banner .h2 { width: 100%; text-align: center; margin-bottom: .625rem; margin-right: 0; } } .gb-cta-banner.bc--yellow { color: #000; } .gb-cta-banner.bc--grey { color: #fff; } .gb-image-gallery .gb-image-gallery__images { margin-top: -2.5rem; } @media (max-width: 860px) { .gb-image-gallery .gb-image-gallery__images { margin-top: -1.25rem; } } .gb-image-gallery .gb-image-gallery__image, .gb-image-gallery .gb-image-gallery__video { justify-content: center; margin-top: 2.5rem; } @media (max-width: 860px) { .gb-image-gallery .gb-image-gallery__image, .gb-image-gallery .gb-image-gallery__video { margin-top: 1.25rem; } } .gb-image-gallery .gb-image-gallery__image--50, .gb-image-gallery .gb-image-gallery__video--50 { width: calc(50% - 1.25rem); } @media (max-width: 860px) { .gb-image-gallery .gb-image-gallery__image--50, .gb-image-gallery .gb-image-gallery__video--50 { width: calc(50% - .625rem); } } .gb-image-gallery .gb-image-gallery__image--100, .gb-image-gallery .gb-image-gallery__video--100 { width: 100%; } .gb-image-gallery .gb-image-gallery__video { position: relative; padding-bottom: 56.25%; height: 0; } .gb-image-gallery .gb-image-gallery__video--50 { padding-bottom: 27%; } .gb-image-gallery .gb-image-gallery__video iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .gb-contact-details-map .gb-content__content + .gb-contact-details-map__details-map { margin-top: 2.5rem; } .gb-contact-details-map .gb-contact-details-map__details { width: calc(40% - 1.25rem); } @media (max-width: 860px) { .gb-contact-details-map .gb-contact-details-map__details { width: 100%; } } .gb-contact-details-map .gb-contact-details-map__details strong { display: block; margin-bottom: .75rem; } .gb-contact-details-map .gb-contact-details-map__details p { margin-top: 3.75rem; font-size: 1.125rem; line-height: 1.75rem; } .gb-contact-details-map .gb-contact-details-map__details p:first-of-type { margin-top: 0; } .gb-contact-details-map .gb-contact-details-map__map { width: calc(60% - 1.25rem); } @media (max-width: 860px) { .gb-contact-details-map .gb-contact-details-map__map { margin-top: 3.75rem; width: 100%; } } .gb-contact-details-map .map { height: 100%; } @media (max-width: 860px) { .gb-contact-details-map .map { padding-bottom: 60%; } } @media (max-width: 640px) { .gb-contact-details-map .map { padding-bottom: 75%; } } .gb-statement .gb-statement__heading { width: calc(40% - 2.5rem); border-right: 1px solid #000; padding-right: 2.5rem; } @media (max-width: 760px) { .gb-statement .gb-statement__heading { width: 100%; border: none; } } .gb-statement .gb-statement__content { width: calc(60% - 1.25rem); width: 60%; } @media (max-width: 760px) { .gb-statement .gb-statement__content { width: 100%; margin-top: 1.25rem; } } .gb-statement .gb-statement__content li, .gb-statement .gb-statement__content p { margin-top: 1.25rem; } .gb-statement .gb-statement__content li:first-of-type, .gb-statement .gb-statement__content p:first-of-type { margin-top: 0; } .gb-homepage-products .gb-homepage-products__content + .gb-homepage-products__inner { margin-top: 3.125rem; } .gb-homepage-products .gb-homepage-products__inner + .gb-homepage-products__button { margin-top: 3.125rem; } .gb-homepage-sectors .gb-homepage-sectors__content + .gb-homepage-sectors__inner { margin-top: 3.125rem; } .gb-homepage-sectors .gb-homepage-sectors__inner + .gb-homepage-sectors__button { margin-top: 3.125rem; } @media (max-width: 860px) { .gb-homepage-sectors .gb-homepage-sectors__product:last-of-type { margin-left: auto; margin-right: auto; } } .gb-downloads .gb-downloads__content + .gb-downloads__downloads { margin-top: 2.5rem; } @media (max-width: 1024px) { .gb-downloads .flex--cols .flex--33 { width: calc(50% - 1.25rem); } .gb-downloads .flex--cols .flex--33:nth-of-type(3) { margin-top: 2.5rem; } } @media (max-width: 760px) { .gb-downloads .flex--cols .flex--33 { width: 100%; } .gb-downloads .flex--cols .flex--33:nth-of-type(2) { margin-top: 2.5rem; } } .gb-page-gallery .gb-page-gallery__filters { margin-bottom: 2.5rem; } .gb-page-gallery .gb-page-gallery__filters .gb-page-gallery__filters__filter { border-color: #ffda18; font-weight: 600; margin: .625rem 1.25rem; padding-bottom: .875rem; } .gb-page-gallery .gb-page-gallery__filters .gb-page-gallery__filters__filter:first-of-type { margin-left: 0; } .gb-page-gallery .gb-page-gallery__filters .gb-page-gallery__filters__filter:last-of-type { margin-right: 0; } .gb-page-gallery .gb-page-gallery__filters .gb-page-gallery__filters__filter.active { background-color: #ffda18; color: #000; } @media (max-width: 860px) { .gb-page-gallery .gb-page-gallery__filters .gb-page-gallery__filters__filter { padding-bottom: .75rem; } } .gb-page-gallery .gb-page-gallery__item { padding: .625rem; margin-top: 3.75rem; cursor: pointer; width: calc(25% - 1.875rem); margin-top: 2.5rem; overflow: hidden; } .gb-page-gallery .gb-page-gallery__item:nth-of-type(1), .gb-page-gallery .gb-page-gallery__item:nth-of-type(2), .gb-page-gallery .gb-page-gallery__item:nth-of-type(3), .gb-page-gallery .gb-page-gallery__item:nth-of-type(4) { margin-top: 0; } @media (max-width: 1300px) { .gb-page-gallery .gb-page-gallery__item { width: calc(33.3333% - 1.25rem); } .gb-page-gallery .gb-page-gallery__item:nth-of-type(4) { margin-top: 2.5rem; } } @media (max-width: 1024px) { .gb-page-gallery .gb-page-gallery__item { width: calc(50% - 1.25rem); } .gb-page-gallery .gb-page-gallery__item:nth-of-type(3) { margin-top: 2.5rem; } } @media (max-width: 560px) { .gb-page-gallery .gb-page-gallery__item { width: 100%; } .gb-page-gallery .gb-page-gallery__item:nth-of-type(2) { margin-top: 2.5rem; } } .gb-page-gallery .gb-page-gallery__item:hover img { transform: scale(1.1); } .gb-page-gallery .gb-page-gallery__item:hover p { -webkit-text-decoration-color: #ffda18; text-decoration-color: #ffda18; -webkit-text-decoration-line: underline; text-decoration-line: underline; -webkit-text-decoration-style: double; text-decoration-style: double; text-decoration-thickness: from-font; } .gb-page-gallery .gb-page-gallery__item.hide { display: none; } .gb-page-gallery .gb-page-gallery__item.show { display: flex; } .gb-page-gallery .gb-page-gallery__item__image { max-height: 21.875rem; height: 100%; } @media (max-width: 1024px) { .gb-page-gallery .gb-page-gallery__item__image { max-height: 18.75rem; } } .gb-page-gallery .gb-page-gallery__item__image img { width: auto; max-width: 100%; max-height: 100%; transition: .45s; } .gb-page-gallery .gb-page-gallery__item__content { margin-top: 2.5rem; } .gb-page-gallery .gb-page-gallery__item__number { width: 2.1875rem; height: 2.1875rem; padding-top: .375rem; margin-right: 1rem; font-size: 1.25rem; line-height: 1.25rem; } .gb-page-gallery .gb-page-gallery__item__name { padding-top: .5rem; width: calc(100% - 3.1875rem); } .gb-page-gallery .gb-page-gallery__item__name span { width: calc(100% - 3.125rem); } .gb-page-gallery .gb-page-gallery__item__name svg { width: 1.625rem; height: 1.625rem; margin-top: -.5rem; margin-left: 1rem; } @media (max-width: 1024px) { .gb-page-gallery .gb-page-gallery__item__name svg { width: 1.25rem; height: 1.25rem; margin-top: -.375rem; } } @media (max-width: 1024px) { .gb-page-gallery .gb-page-gallery__item__name { width: 100%; margin-top: .5rem; } } body.page-template-search-results .main__cont, body.search .main__cont { padding: 3.75rem 0; } body.page-template-search-results .search__results__facets, body.search .search__results__facets { width: 25%; padding-right: 2.5rem; } @media (max-width: 860px) { body.page-template-search-results .search__results__facets, body.search .search__results__facets { width: 100%; padding-right: 0; background-color: #3d444a; padding: 1rem 1.25rem .5rem; cursor: pointer; } } body.page-template-search-results .search__results__facets .search__results__facets__toggle, body.search .search__results__facets .search__results__facets__toggle { position: relative; } body.page-template-search-results .search__results__facets .search__results__facets__toggle svg, body.search .search__results__facets .search__results__facets__toggle svg { display: block; width: 1.375rem; height: 1.375rem; position: absolute; top: 0; right: .625rem; transition-duration: .2s; } @media (min-width: 861px) { body.page-template-search-results .search__results__facets .search__results__facets__toggle svg, body.search .search__results__facets .search__results__facets__toggle svg { display: none; } } body.page-template-search-results .search__results__facets .search__results__facets__toggle.open svg, body.search .search__results__facets .search__results__facets__toggle.open svg { transform: rotate(180deg); } @media (max-width: 960px) { body.page-template-search-results .search__results__facets .search__results__facets__toggle, body.search .search__results__facets .search__results__facets__toggle { font-size: 1.625rem; line-height: 1.875rem; } } @media (max-width: 860px) { body.page-template-search-results .search__results__facets .search__results__facets__toggle, body.search .search__results__facets .search__results__facets__toggle { color: #fff; font-size: 1.125rem; line-height: 1.625rem; } } body.page-template-search-results .search__results__facets .facetwp-facet, body.search .search__results__facets .facetwp-facet { margin-bottom: 1.25rem; } @media (min-width: 861px) { body.page-template-search-results .search__results__facets .facetwp-facet, body.search .search__results__facets .facetwp-facet { display: block !important; } } @media (max-width: 860px) { body.page-template-search-results .search__results__facets .facetwp-facet, body.search .search__results__facets .facetwp-facet { display: none; color: #fff; margin-bottom: .625rem; } body.page-template-search-results .search__results__facets .facetwp-facet .facetwp-checkbox, body.search .search__results__facets .facetwp-facet .facetwp-checkbox { background: url(//filters.co.uk/wp-content/themes/croft_filters/library/dist/styles/../images/icons/icon-checkbox-unchecked-white.svg) 0 50% no-repeat; } body.page-template-search-results .search__results__facets .facetwp-facet .facetwp-checkbox.checked, body.search .search__results__facets .facetwp-facet .facetwp-checkbox.checked { background: url(//filters.co.uk/wp-content/themes/croft_filters/library/dist/styles/../images/icons/icon-checkbox-checked-white.svg) 0 50% no-repeat; } } body.page-template-search-results .search__results__posts, body.search .search__results__posts { width: 75%; } @media (max-width: 860px) { body.page-template-search-results .search__results__posts, body.search .search__results__posts { width: 100%; } } body.page-template-search-results .search__results__posts__inner, body.search .search__results__posts__inner { border-left: 1px solid #000; padding-left: 2.5rem; } @media (max-width: 860px) { body.page-template-search-results .search__results__posts__inner, body.search .search__results__posts__inner { border: none; padding-left: 0; } } body.page-template-search-results .search__results__posts__facets, body.search .search__results__posts__facets { margin-bottom: 2.5rem; } body.page-template-search-results .search__results__posts__facets .facetwp-facet, body.search .search__results__posts__facets .facetwp-facet { margin-bottom: 0; } @media (max-width: 860px) { body.page-template-search-results .search__results__posts__facets, body.search .search__results__posts__facets { margin-top: 1.25rem; } } body.page-template-search-results .search__results__posts__facet--sort, body.search .search__results__posts__facet--sort { align-items: center; max-width: 10.625rem; width: 100%; justify-content: flex-end; } body.page-template-search-results .search__results__posts__facet--sort .facetwp-sort, body.search .search__results__posts__facet--sort .facetwp-sort { display: flex; width: 100%; } body.page-template-search-results .search__results__posts__facet--sort .facetwp-sort select, body.search .search__results__posts__facet--sort .facetwp-sort select { width: 100%; padding: .625rem .25rem; font-size: .9375rem; line-height: .9375rem; } @media (max-width: 960px) { body.page-template-search-results .search__results__posts__facet--sort .facetwp-sort select, body.search .search__results__posts__facet--sort .facetwp-sort select { font-size: .875rem; line-height: .875rem; } } body.page-template-search-results .search__results__posts__facet--sort .facetwp-sort__new-dropdown, body.page-template-search-results .search__results__posts__facet--sort .facetwp-sort__new-dropdown ul, body.search .search__results__posts__facet--sort .facetwp-sort__new-dropdown, body.search .search__results__posts__facet--sort .facetwp-sort__new-dropdown ul { background-color: #fff; color: #000; } body.page-template-search-results .search__results__posts__facet--sort .facetwp-sort__new-dropdown svg path, body.page-template-search-results .search__results__posts__facet--sort .facetwp-sort__new-dropdown ul svg path, body.search .search__results__posts__facet--sort .facetwp-sort__new-dropdown svg path, body.search .search__results__posts__facet--sort .facetwp-sort__new-dropdown ul svg path { stroke: #000; } body.page-template-search-results .article, body.search .article { padding: 2.5rem 0; border-top: 1px solid #000; } body.page-template-search-results .article:first-of-type, body.search .article:first-of-type { border-top: 0; padding-top: 0; } body.page-template-search-results .article .article__image, body.search .article .article__image { border-color: #000; padding-bottom: 24%; } @media (max-width: 960px) { body.page-template-search-results .article .article__image, body.search .article .article__image { width: 100%; padding-bottom: 50%; } } @media (max-width: 960px) { body.page-template-search-results .article .article__content, body.search .article .article__content { width: 100%; margin-top: 1.25rem; } } body.page-template-search-results .pagination, body.page-template-search-results .search__results__backtotop, body.search .pagination, body.search .search__results__backtotop { margin-left: 2.5rem; } body.page-template-search-results .search__results__backtotop svg, body.search .search__results__backtotop svg { align-self: center; } .myvid{text-align:center}.site-search{display:none}header .header__nav__menu .header__menu--contactbtn a{background:0 0 !important;border-color:transparent !important;color:#fff !important}.general-content a:not(.theme-button){background:0 0 !important}footer .footer__maincontent{width:30% !important}footer .footer__content{width:40%}.gb-contact-details-map .gb-contact-details-map__details{width:100%}footer .footer__quicklinks{width:40%;padding-right:.625rem}footer .footer__extracontent{width:60%}.google_reviews{padding-top:20px !important;line-height:50px}